.page-home{
  --teal-deep:#0F7A70;
  --cut:22px;
  position:relative;
  overflow-x:hidden;
  color:var(--text);
  background:
    radial-gradient(820px 480px at 88% -6%, rgba(201,191,232,.12), transparent 70%),
    radial-gradient(620px 380px at -5% 34%, rgba(47,227,208,.08), transparent 68%);
}

.page-home .breadcrumb{margin:18px 0 8px}
.page-home .eyebrow{color:var(--cyan-200);margin:0 0 10px}
.page-home .display{margin:0 0 14px}
.page-home .lede{margin:0}

/* ---------- 首屏框景 ---------- */
.page-home .home-hero{
  position:relative;
  overflow:hidden;
  padding:20px 0 56px;
  border-bottom:1px solid var(--line);
}
.page-home .home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(130% 100% at 50% 0%, #000 25%, transparent 84%);
  mask-image:radial-gradient(130% 100% at 50% 0%, #000 25%, transparent 84%);
  pointer-events:none;
}
.page-home .hero-watermark{
  position:absolute;
  top:-8%;
  right:-3%;
  font-family:var(--font-mono);
  font-size:clamp(170px,34vw,460px);
  line-height:.78;
  letter-spacing:-.05em;
  color:transparent;
  -webkit-text-stroke:1px rgba(47,227,208,.16);
  pointer-events:none;
  user-select:none;
  z-index:0;
}
.page-home .hero-visual{position:absolute;inset:0;z-index:0;overflow:hidden}
.page-home .hero-visual img{display:block;width:100%;height:100%;object-fit:cover;opacity:.32}
.page-home .hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg, var(--ink-900) 16%, rgba(11,18,48,.74) 54%, rgba(11,18,48,.32) 100%);
}
.page-home .hero-inner{position:relative;z-index:1}
.page-home .hero-grid{display:grid;grid-template-columns:1fr;gap:30px;padding-top:18px}
.page-home .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.page-home .hero-stats{
  display:flex;
  flex-wrap:wrap;
  gap:16px 26px;
  list-style:none;
  margin:30px 0 0;
  padding:0;
}
.page-home .hero-stats li{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding-left:14px;
  border-left:1px solid var(--line-strong);
  font-size:13px;
  color:var(--slate-300);
}
.page-home .stat-num{font-size:22px;line-height:1.2;color:var(--cyan-400);letter-spacing:.02em}

.page-home .hero-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:22px;
  background:linear-gradient(160deg, var(--ink-700), var(--ink-800));
  border:1px solid var(--line-strong);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%);
}
.page-home .hero-card__label{
  margin:0;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--cyan-200);
}
.page-home .hero-card__ver{
  margin:0;
  font-size:clamp(48px,10vw,68px);
  line-height:.9;
  color:var(--cyan-400);
  letter-spacing:-.03em;
}
.page-home .hero-card__meta{margin:4px 0 0;display:grid;gap:10px}
.page-home .hero-card__meta > div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-bottom:9px;
  border-bottom:1px dashed var(--line);
}
.page-home .hero-card__meta dt{font-size:12px;color:var(--slate-300)}
.page-home .hero-card__meta dd{margin:0;font-size:13px;color:var(--text);text-align:right}
.page-home .hero-card__link{
  align-self:flex-start;
  margin-top:4px;
  font-size:13px;
  font-weight:600;
  color:var(--amber-400);
  text-decoration:none;
  border-bottom:1px solid rgba(255,180,84,.5);
  padding-bottom:2px;
}
.page-home .hero-card__link:hover{color:var(--cream-050);border-bottom-color:var(--cream-050)}

/* ---------- 章节索引条 ---------- */
.page-home .section-index{
  border-bottom:1px solid var(--line);
  background:rgba(22,32,74,.55);
}
.page-home .section-index__list{
  display:flex;
  gap:6px;
  margin:0;
  padding:8px 0;
  list-style:none;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.page-home .section-index__list::-webkit-scrollbar{display:none}
.page-home .section-index__link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  font-size:13px;
  color:var(--slate-300);
  text-decoration:none;
  white-space:nowrap;
  border:1px solid transparent;
  border-radius:999px;
  transition:color .2s ease, border-color .2s ease, background .2s ease;
}
.page-home .section-index__link .mono{font-size:11px;color:var(--cyan-400)}
.page-home .section-index__link:hover,
.page-home .section-index__link:focus-visible{
  color:var(--cyan-200);
  border-color:var(--line-strong);
  background:rgba(47,227,208,.08);
}

/* ---------- 通用章节 ---------- */
.page-home .section{padding:60px 0;border-bottom:1px solid var(--line)}
.page-home .section-head{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:32px}
.page-home .entries-map{margin:0}
.page-home .entries-map img{width:100%;height:100%;object-fit:cover}

/* ---------- 六类入口 ---------- */
.page-home .entry-grid{display:grid;grid-template-columns:1fr;gap:14px}
.page-home .entry-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:22px;
  background:var(--cream-050);
  color:var(--brown-900);
  border:1px solid rgba(42,29,22,.14);
  clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  transition:transform .25s ease, box-shadow .25s ease;
}
.page-home .entry-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 38px -24px rgba(11,18,48,.9);
}
.page-home .entry-card--dark{
  background:linear-gradient(155deg, var(--ink-700), var(--ink-800));
  color:var(--text);
  border-color:var(--line-strong);
}
.page-home .entry-num{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--teal-deep);
}
.page-home .entry-card--dark .entry-num{color:var(--cyan-400)}
.page-home .entry-title{margin:0;font-size:19px;font-weight:700;letter-spacing:.02em}
.page-home .entry-text{margin:0;font-size:14px;line-height:1.72;color:#5A4A40}
.page-home .entry-card--dark .entry-text{color:var(--slate-300)}
.page-home .entry-links{display:flex;flex-wrap:wrap;gap:16px;margin:0}
.page-home .entry-link{
  margin-top:auto;
  align-self:flex-start;
  padding-top:12px;
  font-size:14px;
  font-weight:600;
  color:var(--teal-deep);
  text-decoration:none;
  border-bottom:1px solid rgba(15,122,112,.35);
}
.page-home .entry-card--dark .entry-link{color:var(--cyan-200);border-bottom-color:var(--line-strong)}
.page-home .entry-link:hover,
.page-home .entry-link:focus-visible{color:var(--amber-400);border-bottom-color:var(--amber-400)}

/* ---------- V4 变化 ---------- */
.page-home .update-layout{display:grid;grid-template-columns:1fr;gap:26px}
.page-home .update-list{display:grid;gap:0}
.page-home .update-item{border-top:1px solid var(--line);padding:2px 0}
.page-home .update-item:last-child{border-bottom:1px solid var(--line)}
.page-home .update-item summary{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:16px 4px;
  cursor:pointer;
  list-style:none;
  font-size:clamp(16px,2.4vw,20px);
  font-weight:600;
  color:var(--text);
}
.page-home .update-item summary::-webkit-details-marker{display:none}
.page-home .update-item summary::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:20px;
  line-height:1;
  color:var(--cyan-400);
}
.page-home .update-item[open] summary::after{content:"–"}
.page-home .update-num{font-size:12px;letter-spacing:.1em;color:var(--cyan-400)}
.page-home .update-body{padding:0 4px 22px 4px;color:var(--slate-300);font-size:15px;line-height:1.78}
.page-home .update-body p{margin:0 0 10px}
.page-home .update-body p:last-child{margin-bottom:0}
.page-home .update-note{
  padding:22px;
  background:rgba(14,22,56,.72);
  border:1px solid var(--line);
  border-left:2px solid var(--amber-400);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}
.page-home .update-note__label{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--amber-400);
}
.page-home .update-note__text{margin:0 0 16px;font-size:14px;line-height:1.76;color:var(--slate-300)}

/* ---------- 跨设备 ---------- */
.page-home .device-grid{display:grid;grid-template-columns:1fr;gap:30px}
.page-home .device-list{list-style:none;margin:26px 0;padding:0;display:grid;gap:16px}
.page-home .device-item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.page-home .device-num{font-size:12px;color:var(--cyan-400);padding-top:4px}
.page-home .device-item p{margin:0;font-size:15px;line-height:1.76;color:var(--slate-300)}
.page-home .device-map{margin:0}
.page-home .device-map img{width:100%;height:100%;object-fit:cover}

/* ---------- 收藏 ---------- */
.page-home .fav-panel{
  padding:26px 22px;
  background:var(--cream-050);
  color:var(--brown-900);
  border:1px solid rgba(42,29,22,.16);
  clip-path:polygon(0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 32px 100%, 0 calc(100% - 32px));
}
.page-home .fav-panel .eyebrow{color:var(--teal-deep)}
.page-home .fav-panel .display{color:var(--brown-900)}
.page-home .fav-lede{margin:0;font-size:15px;line-height:1.78;color:#5A4A40;max-width:62ch}
.page-home .fav-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.page-home .fav-step{
  padding:16px;
  background:rgba(255,255,255,.60);
  border:1px solid rgba(42,29,22,.12);
  border-top:3px solid var(--teal-deep);
}
.page-home .fav-num{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.12em;
  color:var(--teal-deep);
}
.page-home .fav-step h3{margin:8px 0 6px;font-size:16px;color:var(--brown-900)}
.page-home .fav-step p{margin:0;font-size:14px;line-height:1.7;color:#5A4A40}
.page-home .fav-note{
  margin:20px 0 0;
  padding-left:14px;
  border-left:2px solid var(--teal-deep);
  font-size:13px;
  line-height:1.7;
  color:#6A5A50;
}

/* ---------- 联络 ---------- */
.page-home .contact-band{position:relative;overflow:hidden;padding:66px 0 72px;border-bottom:0}
.page-home .contact-bg{position:absolute;inset:0;z-index:0}
.page-home .contact-bg img{display:block;width:100%;height:100%;object-fit:cover;opacity:.28}
.page-home .contact-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(11,18,48,.86), rgba(11,18,48,.95));
}
.page-home .contact-inner{position:relative;z-index:1;max-width:860px}
.page-home .contact-rows{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.page-home .contact-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 16px;
  padding:14px 16px;
  background:rgba(22,32,74,.74);
  border:1px solid var(--line);
  border-left:2px solid var(--cyan-400);
}
.page-home .contact-key{font-size:11px;letter-spacing:.16em;color:var(--cyan-200)}
.page-home .contact-val{
  font-family:var(--font-mono);
  font-size:15px;
  color:var(--cream-050);
  word-break:break-all;
}
.page-home .contact-row .copy-btn{margin-left:auto}
.page-home .copy-btn{
  font:inherit;
  font-size:12px;
  padding:7px 14px;
  cursor:pointer;
  color:var(--amber-400);
  background:transparent;
  border:1px solid rgba(255,180,84,.5);
  border-radius:2px;
  transition:background .2s ease, color .2s ease;
}
.page-home .copy-btn:hover,
.page-home .copy-btn:focus-visible{background:var(--amber-400);color:var(--brown-900)}
.page-home .contact-address{margin:16px 0 0;font-size:13px;line-height:1.7;color:var(--slate-300)}
.page-home .contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* ---------- 平板 ---------- */
@media (min-width:640px){
  .page-home .entry-grid{grid-template-columns:repeat(2,1fr)}
  .page-home .fav-steps{grid-template-columns:repeat(3,1fr)}
  .page-home .fav-panel{padding:34px 30px}
  .page-home .update-body{padding-left:34px}
}

/* ---------- 桌面 ---------- */
@media (min-width:900px){
  .page-home .section{padding:76px 0}
  .page-home .section-head{
    grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
    align-items:end;
    gap:44px;
  }
  .page-home .hero-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(0,.9fr);
    gap:52px;
    align-items:start;
    padding-top:34px;
  }
  .page-home .update-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr);gap:40px;align-items:start}
  .page-home .device-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
  .page-home .fav-panel{padding:44px 46px}
}

@media (min-width:1000px){
  .page-home .entry-grid{grid-template-columns:repeat(6,1fr);gap:18px}
  .page-home .entry-card:nth-child(1){grid-column:span 4}
  .page-home .entry-card:nth-child(2){grid-column:span 2}
  .page-home .entry-card:nth-child(3){grid-column:span 2}
  .page-home .entry-card:nth-child(4){grid-column:span 4}
  .page-home .entry-card:nth-child(5){grid-column:span 3}
  .page-home .entry-card:nth-child(6){grid-column:span 3}
  .page-home .entry-card{padding:24px}
}

@media (prefers-reduced-motion:reduce){
  .page-home .entry-card,
  .page-home .section-index__link,
  .page-home .copy-btn{transition:none}
  .page-home .entry-card:hover{transform:none}
}
<<<END>>>