.page-home{
  --home-line:#2B3F55;
  --home-panel:#101F33;
  --home-panel-2:#17293F;
  --home-deep:#0A1522;
  display:block;
  color:var(--paper-sand);
  font-family:var(--font-body);
  background:
    radial-gradient(70% 26% at 82% 0%, rgba(217,178,106,.09), transparent 68%),
    var(--ink-900);
  overflow-x:hidden;
}
.page-home *,
.page-home *::before,
.page-home *::after{box-sizing:border-box;}
.page-home .home-wrap{
  width:100%;
  max-width:var(--shell-max);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.page-home .mono{font-family:var(--font-mono);}

/* ---------- 上下文条 ---------- */
.page-home .home-context{
  border-bottom:1px solid rgba(43,63,85,.75);
  background:var(--ink-800);
}
.page-home .home-context__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding-block:10px;
  font-size:10.5px;
  letter-spacing:.22em;
  color:var(--muted-paper);
}
.page-home .home-context__inner .mono{color:var(--sand-gold);}
.page-home .home-context__sep{
  width:14px;height:1px;background:var(--helan-slate);opacity:.7;
}

/* ---------- 首屏框景 ---------- */
.page-home .hero{padding-block:clamp(16px,3vw,30px) 0;}
.page-home .hero__frame{
  position:relative;
  padding:clamp(18px,3.4vw,42px);
  border:1px solid var(--home-line);
  background:
    radial-gradient(88% 66% at 88% 2%, rgba(217,178,106,.14), transparent 62%),
    linear-gradient(180deg,#0C1A2B 0%,#0A1522 100%);
}
.page-home .hero__ruler{
  position:absolute;left:0;right:0;top:0;height:9px;
  background:repeating-linear-gradient(90deg, rgba(217,178,106,.6) 0 1px, transparent 1px 26px);
  opacity:.55;
  pointer-events:none;
}
.page-home .hero__corner{
  position:absolute;
  top:16px;right:clamp(18px,3.4vw,42px);
  font-size:10px;letter-spacing:.24em;color:var(--helan-slate);
}
.page-home .hero__inner{
  display:grid;
  gap:clamp(22px,3vw,40px);
  align-items:end;
  margin-top:14px;
}
.page-home .hero__copy .eyebrow{
  color:var(--sand-gold);
  letter-spacing:.24em;
  font-size:11px;
}
.page-home .hero h1{
  margin:.4em 0 0;
  font-family:var(--font-display);
  font-size:clamp(2rem,6.4vw,4.4rem);
  font-weight:800;
  line-height:1.06;
  letter-spacing:.01em;
  color:var(--paper-sand);
}
.page-home .hero .lede{
  margin:clamp(14px,2vw,22px) 0 0;
  max-width:38em;
  font-size:clamp(14.5px,1.6vw,16.5px);
  line-height:1.9;
  color:var(--muted-paper);
}
.page-home .hero__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 18px;
  margin:clamp(22px,3vw,32px) 0 0;
  padding-top:clamp(16px,2.4vw,22px);
  border-top:1px solid var(--home-line);
}
.page-home .hero__stats dt{
  font-size:10.5px;letter-spacing:.2em;color:var(--muted-paper);
}
.page-home .hero__stats dd{
  margin:6px 0 0;
  font-family:var(--font-mono);
  font-size:clamp(1.3rem,2.6vw,1.8rem);
  line-height:1;
  color:var(--sand-gold);
}
.page-home .hero__stats small{
  margin-left:5px;
  font-size:10.5px;
  letter-spacing:.12em;
  color:var(--muted-paper);
}
.page-home .hero__actions{
  display:flex;flex-wrap:wrap;gap:12px;
  margin-top:clamp(20px,2.8vw,28px);
}

/* ---------- 通用图框 ---------- */
.page-home .shot{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid var(--home-line);
  background:#0C1A2B;
}
.page-home .shot img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}
.page-home .shot--hero{aspect-ratio:16/11;}
.page-home .shot__cap{
  position:absolute;left:0;right:0;bottom:0;
  padding:9px 13px;
  font-size:9.5px;letter-spacing:.18em;
  color:var(--muted-paper);
  background:linear-gradient(180deg,rgba(10,21,34,0),rgba(10,21,34,.94));
  border-top:1px solid rgba(43,63,85,.65);
}

/* ---------- 首屏三入口 ---------- */
.page-home .entry-strip{
  list-style:none;
  margin:clamp(20px,3vw,30px) 0 0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--home-line);
  border:1px solid var(--home-line);
}
.page-home .entry-strip a{
  display:grid;
  gap:7px;
  padding:16px 18px;
  background:var(--ink-800);
  color:inherit;
  text-decoration:none;
  transition:background .24s var(--ease);
}
.page-home .entry-strip a:hover,
.page-home .entry-strip a:focus-visible{background:var(--ink-700);}
.page-home .entry-strip .mono{
  font-size:10px;letter-spacing:.24em;color:var(--amber-orange);
}
.page-home .entry-strip strong{font-size:15px;font-weight:600;letter-spacing:.04em;}
.page-home .entry-strip a > span:last-child{
  font-size:12.5px;line-height:1.7;color:var(--muted-paper);
}

/* ---------- 章节骨架 ---------- */
.page-home .home-sec{
  padding-block:clamp(44px,7vw,92px);
  border-top:1px solid rgba(43,63,85,.55);
}
.page-home .home-sec--lib{background:linear-gradient(180deg,rgba(16,31,51,.72),rgba(10,21,34,0) 78%);}
.page-home .home-sec--time{background:linear-gradient(180deg,rgba(217,178,106,.07),rgba(10,21,34,0) 72%);}
.page-home .home-sec--cov{background:linear-gradient(180deg,rgba(16,31,51,.55),rgba(10,21,34,0) 82%);}
.page-home .home-sec--start{background:linear-gradient(180deg,rgba(255,138,43,.06),rgba(10,21,34,0) 70%);}

.page-home .sec-head{
  display:grid;
  gap:10px;
  margin-bottom:clamp(24px,4vw,40px);
  padding-bottom:14px;
  border-bottom:1px solid var(--home-line);
}
.page-home .sec-head__num{
  font-size:10.5px;letter-spacing:.32em;color:var(--amber-orange);
}
.page-home .sec-head h2{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.45rem,3.6vw,2.4rem);
  line-height:1.2;
  font-weight:800;
  color:var(--paper-sand);
}
.page-home .sec-head__note{
  margin:0;
  font-size:10.5px;
  letter-spacing:.22em;
  color:var(--helan-slate);
}
.page-home .prose{
  margin:0;
  font-size:clamp(14px,1.5vw,15.5px);
  line-height:1.9;
  color:var(--muted-paper);
}
.page-home .prose--lead{max-width:46em;margin-bottom:clamp(20px,3vw,28px);}

/* ---------- 资料库层级 ---------- */
.page-home .lib{display:grid;gap:clamp(20px,3.4vw,42px);}
.page-home .shot--lib{aspect-ratio:4/3;}
.page-home .ladder{
  list-style:none;
  margin:clamp(18px,3vw,26px) 0 0;
  padding:0;
  display:grid;
  gap:1px;
  background:rgba(43,63,85,.85);
  border:1px solid var(--home-line);
}
.page-home .ladder li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  padding:14px 16px;
  background:var(--ink-800);
  transition:background .24s var(--ease);
}
.page-home .ladder li:hover{background:var(--ink-700);}
.page-home .ladder__tag{
  font-size:9.5px;letter-spacing:.2em;color:var(--sand-gold);
  padding-top:3px;
}
.page-home .ladder h3{margin:0;font-size:14.5px;font-weight:600;letter-spacing:.02em;}
.page-home .ladder p{
  margin:5px 0 0;
  font-size:12.5px;
  line-height:1.75;
  color:var(--muted-paper);
}
.page-home .ladder__count{
  font-family:var(--font-mono);
  font-size:clamp(1.25rem,2.6vw,1.85rem);
  line-height:1;
  color:var(--sand-gold);
}
.page-home .fold{
  margin-top:clamp(18px,3vw,26px);
  border:1px solid var(--home-line);
  background:rgba(23,41,63,.55);
}
.page-home .fold__sum{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  list-style:none;
  cursor:pointer;
  padding:14px 16px;
  font-size:13.5px;
  letter-spacing:.04em;
  color:var(--paper-sand);
  transition:background .24s var(--ease);
}
.page-home .fold__sum::-webkit-details-marker{display:none;}
.page-home .fold__sum:hover{background:rgba(255,138,43,.08);}
.page-home .fold__sum::after{
  content:"展开";
  font-family:var(--font-mono);
  font-size:9.5px;
  letter-spacing:.2em;
  color:var(--amber-orange);
  white-space:nowrap;
}
.page-home .fold[open] .fold__sum::after{content:"收起";}
.page-home .fold__body{
  padding:0 16px 18px;
  border-top:1px solid var(--home-line);
}
.page-home .path{
  list-style:none;
  margin:14px 0 0;
  padding:0;
  display:grid;
  gap:9px;
}
.page-home .path li{
  display:flex;
  gap:12px;
  align-items:baseline;
  font-size:13px;
  color:var(--paper-sand);
}
.page-home .path li .mono{
  min-width:34px;
  font-size:9.5px;
  letter-spacing:.2em;
  color:var(--sand-gold);
}
.page-home .fold__body p{
  margin:12px 0 0;
  font-size:13px;
  line-height:1.85;
  color:var(--muted-paper);
}
.page-home .link-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:clamp(18px,2.6vw,24px);
  padding-bottom:4px;
  font-size:12.5px;
  letter-spacing:.1em;
  color:var(--sand-gold);
  text-decoration:none;
  border-bottom:1px solid rgba(217,178,106,.42);
  transition:color .24s var(--ease),border-color .24s var(--ease);
}
.page-home .link-more:hover,
.page-home .link-more:focus-visible{color:var(--amber-orange);border-color:var(--amber-orange);}

/* ---------- 版本目录 ---------- */
.page-home .vers{
  display:grid;
  gap:16px;
}
.page-home .ver{
  display:grid;
  gap:9px;
  align-content:start;
  padding:clamp(18px,2.6vw,26px);
  border:1px solid var(--home-line);
  background:linear-gradient(158deg,rgba(23,41,63,.92),rgba(16,31,51,.58));
}
.page-home .ver--live{
  border-color:rgba(255,138,43,.5);
  box-shadow:inset 0 0 0 1px rgba(255,138,43,.12);
}
.page-home .ver__tag{
  font-size:9.5px;letter-spacing:.24em;color:var(--amber-orange);
}
.page-home .ver--arch .ver__tag{color:var(--helan-slate);}
.page-home .ver h3{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.1rem,2.2vw,1.4rem);
  font-weight:800;
}
.page-home .ver p{
  margin:0;
  font-size:13px;
  line-height:1.85;
  color:var(--muted-paper);
}
.page-home .ver__meta{
  font-size:10px;letter-spacing:.16em;color:var(--sand-gold);
}
.page-home .pack{
  list-style:none;
  margin:clamp(20px,3vw,28px) 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-home .pack li{
  padding:14px 16px;
  border-left:2px solid var(--sand-gold);
  background:rgba(16,31,51,.72);
  font-size:12.5px;
  line-height:1.8;
  color:var(--muted-paper);
}
.page-home .pack li b{
  display:block;
  margin-bottom:5px;
  font-size:13.5px;
  font-weight:600;
  color:var(--paper-sand);
}

/* ---------- 时间线 ---------- */
.page-home .tl{display:grid;gap:clamp(16px,2.6vw,24px);}
.page-home .tl__shot{aspect-ratio:2/1;}
.page-home .tl__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--home-line);
  border:1px solid var(--home-line);
}
.page-home .tl__node{
  position:relative;
  padding:16px;
  background:var(--ink-900);
  transition:background .24s var(--ease);
}
.page-home .tl__node::before{
  content:"";
  position:absolute;
  left:16px;top:0;
  width:34px;height:2px;
  background:var(--amber-orange);
  opacity:.75;
}
.page-home .tl__node:hover,
.page-home .tl__node:focus-within{background:var(--ink-700);}
.page-home .tl__node__tag{
  font-size:9.5px;letter-spacing:.2em;color:var(--helan-slate);
}
.page-home .tl__node h3{
  margin:8px 0 0;
  font-size:14.5px;
  font-weight:600;
  color:var(--paper-sand);
}
.page-home .tl__node p{
  margin:6px 0 0;
  font-size:12.5px;
  line-height:1.8;
  color:var(--muted-paper);
  transition:color .24s var(--ease);
}
.page-home .tl__node:hover p,
.page-home .tl__node:focus-within p{color:var(--paper-sand);}

/* ---------- 品牌服务中心 ---------- */
.page-home .tree{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--home-line);
  border:1px solid var(--home-line);
}
.page-home .tree__item{
  display:grid;
  gap:8px;
  align-content:start;
  padding:clamp(18px,2.6vw,26px);
  background:var(--ink-800);
  transition:background .24s var(--ease);
}
.page-home .tree__item:hover{background:var(--ink-700);}
.page-home .tree__num{
  font-size:10.5px;letter-spacing:.2em;color:var(--amber-orange);
}
.page-home .tree__item h3{
  margin:0;
  font-size:15.5px;
  font-weight:700;
  color:var(--paper-sand);
}
.page-home .tree__item p{
  margin:0;
  font-size:13px;
  line-height:1.85;
  color:var(--muted-paper);
}

/* ---------- 覆盖与运营 ---------- */
.page-home .cov{display:grid;gap:clamp(20px,3vw,34px);}
.page-home .cov__stats{
  list-style:none;
  margin:clamp(18px,2.8vw,26px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--home-line);
  border:1px solid var(--home-line);
}
.page-home .cov__stats li{
  display:grid;
  gap:6px;
  padding:14px 16px;
  background:var(--ink-800);
}
.page-home .cov__num{
  font-family:var(--font-mono);
  font-size:clamp(1.3rem,3vw,1.9rem);
  line-height:1;
  color:var(--sand-gold);
}
.page-home .cov__num small{
  margin-left:4px;
  font-size:10px;
  letter-spacing:.1em;
  color:var(--muted-paper);
}
.page-home .cov__label{
  font-size:11px;
  letter-spacing:.16em;
  color:var(--muted-paper);
}
.page-home .cov__side{
  padding:clamp(18px,2.6vw,26px);
  border:1px solid var(--home-line);
  border-top:2px solid var(--sand-gold);
  background:rgba(23,41,63,.6);
}
.page-home .cov__side h3{
  margin:0 0 14px;
  font-size:14px;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--paper-sand);
}
.page-home .cov__team{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:9px;
}
.page-home .cov__team li{
  display:flex;
  gap:12px;
  align-items:baseline;
  font-size:13px;
  color:var(--muted-paper);
}
.page-home .cov__team .mono{
  min-width:26px;
  font-size:12px;
  letter-spacing:.1em;
  color:var(--sand-gold);
}
.page-home .cov__note{
  margin:16px 0 0;
  padding-top:14px;
  border-top:1px solid var(--home-line);
  font-size:12.5px;
  line-height:1.85;
  color:var(--muted-paper);
}
.page-home .cov__shot{
  margin-top:clamp(20px,3vw,32px);
  aspect-ratio:16/7;
}

/* ---------- 收束入口 ---------- */
.page-home .start{
  display:grid;
  gap:1px;
  background:var(--home-line);
  border:1px solid var(--home-line);
}
.page-home .start__card{
  display:grid;
  gap:9px;
  align-content:start;
  padding:clamp(18px,2.6vw,26px);
  background:var(--ink-800);
  color:inherit;
  text-decoration:none;
  transition:background .24s var(--ease),transform .24s var(--ease);
}
.page-home .start__card:hover,
.page-home .start__card:focus-visible{background:var(--ink-700);}
.page-home .start__idx{
  font-size:10.5px;letter-spacing:.24em;color:var(--amber-orange);
}
.page-home .start__card h3{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.05rem,2.1vw,1.3rem);
  font-weight:800;
  color:var(--paper-sand);
}
.page-home .start__card p{
  margin:0;
  font-size:12.5px;
  line-height:1.8;
  color:var(--muted-paper);
}
.page-home .start__go{
  margin-top:4px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--sand-gold);
}
.page-home .start__card:hover .start__go{color:var(--amber-orange);}
.page-home .start__tail{
  margin-top:clamp(20px,3vw,28px);
  padding-top:clamp(16px,2.4vw,22px);
  border-top:1px solid var(--home-line);
}
.page-home .start__tail p{
  margin:0 0 10px;
  font-size:13px;
  line-height:1.9;
  color:var(--muted-paper);
}
.page-home .start__tail a{
  color:var(--sand-gold);
  text-decoration:none;
  border-bottom:1px solid rgba(217,178,106,.4);
}
.page-home .start__tail a:hover,
.page-home .start__tail a:focus-visible{color:var(--amber-orange);border-color:var(--amber-orange);}
.page-home .start__mail{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-home .start__mail .mono{
  font-size:9.5px;
  letter-spacing:.22em;
  color:var(--helan-slate);
}
.page-home .start__mail a{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.04em;
}
.page-home .start__hours{
  margin:0;
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--muted-paper);
}

/* ---------- 断点 ---------- */
@media (min-width:700px){
  .page-home .hero__stats{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-home .pack{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .cov__stats{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width:760px){
  .page-home .entry-strip{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .vers{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .tree{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .start{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:820px){
  .page-home .tl__list{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width:900px){
  .page-home .hero__inner{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);}
  .page-home .sec-head{
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:end;
    column-gap:clamp(16px,3vw,36px);
    row-gap:8px;
  }
  .page-home .sec-head__num{padding-bottom:6px;}
  .page-home .sec-head__note{
    writing-mode:vertical-rl;
    text-orientation:mixed;
    letter-spacing:.3em;
    max-height:10em;
  }
  .page-home .sec-head h2{max-width:22em;}
}
@media (min-width:940px){
  .page-home .lib{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;}
  .page-home .cov{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;}
}
@media (hover:hover){
  .page-home .start__card:hover{transform:translateY(-2px);}
}
@media (prefers-reduced-motion:reduce){
  .page-home *,
  .page-home *::before,
  .page-home *::after{
    transition-duration:.001ms !important;
    animation-duration:.001ms !important;
  }
  .page-home .start__card:hover{transform:none;}
}