.page-home{
  --hm-rail:88px;
  --hm-grid-line:rgba(143,163,184,.14);
  --hm-paper-soft:rgba(255,255,255,.74);
  --hm-caption:#54647a;
  background:var(--k8-paper);
  color:var(--k8-graphite);
  font-family:var(--k8-body);
  overflow-x:clip;
}
.page-home h1,
.page-home h2,
.page-home h3{font-family:var(--k8-display);margin:0;}
.page-home p{margin:0;}
.page-home ol,
.page-home ul{list-style:none;margin:0;padding:0;}
.page-home a{text-decoration:none;color:inherit;}
.page-home img{max-width:100%;height:auto;display:block;}

/* ---------- 首屏封面 ---------- */
.page-home .hm-cover{
  position:relative;
  padding:1.5rem 0 clamp(2rem,5vw,3.5rem);
  color:var(--k8-paper);
  background-color:var(--k8-ink-900);
  background-image:
    linear-gradient(var(--hm-grid-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--hm-grid-line) 1px,transparent 1px);
  background-size:56px 56px;
  border-bottom:1px solid var(--k8-mist);
}
.page-home .hm-cover__inner{display:grid;gap:1.25rem;}

.page-home .hm-rail{
  display:flex;
  align-items:center;
  gap:.75rem;
  overflow-x:auto;
  padding-bottom:.55rem;
  border-bottom:1px solid var(--k8-mist);
}
.page-home .hm-rail__cap{
  font-family:var(--k8-mono);
  font-size:.68rem;
  letter-spacing:.16em;
  color:var(--k8-cyan);
  white-space:nowrap;
}
.page-home .hm-rail__ticks{display:flex;gap:.45rem;}
.page-home .hm-rail__ticks a{
  display:block;
  font-family:var(--k8-mono);
  font-size:.68rem;
  padding:.22rem .38rem;
  border:1px solid transparent;
  color:rgba(242,245,247,.55);
  transition:color .18s ease,border-color .18s ease;
}
.page-home .hm-rail__ticks a:hover,
.page-home .hm-rail__ticks a:focus-visible{
  color:var(--k8-cyan);
  border-color:var(--k8-cyan);
}
.page-home .hm-rail__foot{display:none;}

.page-home .hm-crumbs{font-size:.72rem;color:rgba(242,245,247,.52);}
.page-home .hm-crumbs a{color:inherit;}
.page-home .hm-crumbs a:hover{color:var(--k8-cyan);}
.page-home .hm-crumbs [aria-current="page"]{color:var(--k8-cyan);}

.page-home .hm-cover__title{
  margin-top:.9rem;
  font-size:clamp(2rem,7.4vw,2.9rem);
  font-weight:800;
  line-height:1.06;
  letter-spacing:-.02em;
  color:#fff;
}
.page-home .hm-cover__lead{
  margin-top:1rem;
  max-width:44ch;
  font-size:1rem;
  line-height:1.78;
  color:rgba(242,245,247,.76);
}

.page-home .hm-cover__duo{display:grid;gap:1.25rem;margin-top:1.75rem;}

.page-home .hm-index{
  position:relative;
  padding:1.25rem 1.15rem 1.35rem;
  border:1px solid var(--k8-cyan);
  background:linear-gradient(160deg,rgba(18,41,74,.94),rgba(11,27,51,.94));
}
.page-home .hm-index::before,
.page-home .hm-index::after{
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  border:1px solid var(--k8-cyan);
}
.page-home .hm-index::before{top:-1px;left:-1px;border-right:0;border-bottom:0;}
.page-home .hm-index::after{bottom:-1px;right:-1px;border-left:0;border-top:0;}
.page-home .hm-index__label{
  font-size:.7rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--k8-cyan);
}
.page-home .hm-index__text{
  margin-top:.7rem;
  font-size:.97rem;
  line-height:1.82;
  color:rgba(242,245,247,.82);
}
.page-home .hm-index__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:1.1rem;
}
.page-home .hm-index__actions .k8-btn{font-size:.9rem;}

.page-home .hm-cover__figure{
  margin:0;
  border:1px solid var(--k8-mist);
  background:var(--k8-ink-800);
}
.page-home .hm-cover__figure img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}

/* ---------- 通用章节 ---------- */
.page-home .hm-section{padding:clamp(2.5rem,6vw,4.5rem) 0;}
.page-home .hm-section__head{max-width:56rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);}
.page-home .hm-section__head h2{
  margin-top:.55rem;
  font-size:clamp(1.45rem,4.4vw,2.15rem);
  font-weight:800;
  line-height:1.24;
  letter-spacing:-.01em;
}
.page-home .hm-section__lead{
  margin-top:.75rem;
  max-width:50ch;
  font-size:.97rem;
  line-height:1.82;
  color:#3c4a5c;
}

/* ---------- 经典版 / 升级版分屏 ---------- */
.page-home .hm-split{background:var(--k8-paper);}
.page-home .hm-split__grid{display:grid;gap:1rem;}
.page-home .hm-pane{
  padding:1.3rem 1.15rem 1.4rem;
  background:var(--hm-paper-soft);
  border-top:3px solid var(--k8-ink-800);
}
.page-home .hm-pane--upgrade{
  border-top-color:var(--k8-orange);
  background:rgba(255,210,179,.34);
}
.page-home .hm-pane__kicker{
  font-size:.7rem;
  letter-spacing:.14em;
  color:var(--k8-cyan-dark);
}
.page-home .hm-pane--upgrade .hm-pane__kicker{color:#b04d0d;}
.page-home .hm-pane__count{
  margin-top:.45rem;
  font-family:var(--k8-mono);
  font-size:2.05rem;
  line-height:1.1;
  color:var(--k8-ink-900);
}
.page-home .hm-pane__count small{
  margin-left:.4rem;
  font-family:var(--k8-body);
  font-size:.78rem;
  font-weight:400;
  color:#4a5a6e;
}
.page-home .hm-pane__list{
  display:grid;
  gap:.5rem;
  margin-top:.95rem;
}
.page-home .hm-pane__list li{
  position:relative;
  padding-left:1rem;
  font-size:.92rem;
  line-height:1.75;
  color:#2c3a4d;
}
.page-home .hm-pane__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:7px;
  height:1px;
  background:var(--k8-cyan-dark);
}
.page-home .hm-pane--upgrade .hm-pane__list li::before{background:var(--k8-orange);}
.page-home .hm-pane__link{
  display:inline-block;
  margin-top:1.05rem;
  padding-bottom:2px;
  font-family:var(--k8-mono);
  font-size:.78rem;
  color:var(--k8-ink-800);
  border-bottom:1px solid var(--k8-violet);
}
.page-home .hm-pane__link:hover,
.page-home .hm-pane__link:focus-visible{color:var(--k8-violet);}

.page-home .hm-split__figure{
  margin:1.5rem 0 0;
  background:#fff;
  border:1px solid var(--k8-mist);
}
.page-home .hm-split__figure img{width:100%;object-fit:cover;}
.page-home .hm-split__figure figcaption{
  padding:.65rem .85rem;
  font-family:var(--k8-mono);
  font-size:.72rem;
  letter-spacing:.02em;
  color:var(--hm-caption);
  border-top:1px solid var(--k8-mist);
}

/* ---------- 时间轴 ---------- */
.page-home .hm-timeline{
  background:var(--k8-ink-800);
  color:var(--k8-paper);
  border-top:1px solid var(--k8-mist);
  border-bottom:1px solid var(--k8-mist);
}
.page-home .hm-timeline .hm-section__head h2{color:#fff;}
.page-home .hm-timeline .hm-section__lead{color:rgba(242,245,247,.7);}
.page-home .hm-timeline .k8-eyebrow{color:var(--k8-cyan);}
.page-home .hm-timeline__layout{display:grid;gap:1.5rem;}
.page-home .hm-timeline__figure{
  margin:0;
  border:1px solid var(--k8-mist);
  background:var(--k8-ink-900);
}
.page-home .hm-timeline__figure img{width:100%;object-fit:cover;}

.page-home .hm-node{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:.85rem;
  padding:.9rem 0;
  border-top:1px solid var(--k8-mist);
  scroll-margin-top:6rem;
}
.page-home .hm-node:last-child{border-bottom:1px solid var(--k8-mist);}
.page-home .hm-node__no{
  font-size:.78rem;
  color:var(--k8-cyan);
  padding-top:.2rem;
}
.page-home .hm-node h3{
  font-size:1rem;
  font-weight:600;
  line-height:1.55;
  color:var(--k8-paper);
}
.page-home .hm-node__year{
  display:inline-block;
  margin-right:.5rem;
  font-family:var(--k8-mono);
  font-size:.72rem;
  font-style:normal;
  font-weight:400;
  color:var(--k8-orange);
  letter-spacing:.04em;
}
.page-home .hm-node p{
  margin-top:.25rem;
  font-size:.87rem;
  line-height:1.72;
  color:rgba(242,245,247,.62);
}

/* ---------- 本期重点 ---------- */
.page-home .hm-changes{background:var(--k8-paper);}
.page-home .hm-changes__layout{display:grid;gap:1.75rem;}
.page-home .hm-changes__aside h2{
  margin-top:.55rem;
  font-size:clamp(1.45rem,4.2vw,2.05rem);
  font-weight:800;
  line-height:1.26;
  letter-spacing:-.01em;
}
.page-home .hm-delta{
  display:grid;
  gap:1px;
  margin-top:1.1rem;
  background:rgba(143,163,184,.4);
  border:1px solid rgba(143,163,184,.4);
}
.page-home .hm-delta li{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  padding:.55rem .7rem;
  background:var(--k8-paper);
  font-size:.9rem;
  color:#2c3a4d;
}
.page-home .hm-delta b{
  font-family:var(--k8-mono);
  font-size:1.02rem;
  color:#b04d0d;
}
.page-home .hm-changes__figure{
  margin:1.35rem 0 0;
  border:1px solid var(--k8-mist);
}
.page-home .hm-changes__figure img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}

.page-home .hm-filter{margin-bottom:1rem;flex-wrap:wrap;}
.page-home .hm-filter .k8-filter__btn{
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.page-home .hm-filter .k8-filter__btn[aria-pressed="true"]{
  background:var(--k8-ink-900);
  border-color:var(--k8-ink-900);
  color:var(--k8-cyan);
}

.page-home .hm-change{
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(143,163,184,.42);
}
.page-home .hm-change[open]{background:#fff;}
.page-home .hm-change summary{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.5rem;
  padding:.85rem .9rem;
  cursor:pointer;
  list-style:none;
  font-size:.93rem;
  line-height:1.6;
  color:var(--k8-graphite);
}
.page-home .hm-change summary::-webkit-details-marker{display:none;}
.page-home .hm-change summary:hover{background:rgba(255,255,255,.9);}
.page-home .hm-change summary:focus-visible{
  outline:2px solid var(--k8-cyan-dark);
  outline-offset:-2px;
}
.page-home .hm-change__title{flex:1 1 12rem;min-width:0;}
.page-home .hm-change__ver{
  font-size:.74rem;
  color:var(--hm-caption);
}
.page-home .hm-change__plus{
  font-family:var(--k8-mono);
  font-size:1rem;
  line-height:1;
  color:var(--k8-cyan-dark);
}
.page-home .hm-change[open] .hm-change__plus{color:var(--k8-orange);}
.page-home .hm-change__body{
  padding:.15rem .9rem 1rem;
  font-size:.89rem;
  line-height:1.82;
  color:#3c4a5c;
  border-top:1px dashed rgba(143,163,184,.5);
  margin-top:.1rem;
  padding-top:.75rem;
}

/* ---------- 三步路径 ---------- */
.page-home .hm-steps{
  background:rgba(54,240,208,.07);
  border-top:1px solid rgba(143,163,184,.38);
  border-bottom:1px solid rgba(143,163,184,.38);
}
.page-home .hm-steps__list{display:grid;gap:1.1rem;}
.page-home .hm-step{
  padding-top:.9rem;
  border-top:2px solid var(--k8-ink-900);
}
.page-home .hm-step__no{
  font-family:var(--k8-mono);
  font-size:1.85rem;
  line-height:1;
  color:var(--k8-cyan-dark);
}
.page-home .hm-step h3{
  margin-top:.6rem;
  font-size:1.05rem;
  font-weight:700;
}
.page-home .hm-step p:not(.hm-step__no){
  margin-top:.4rem;
  font-size:.91rem;
  line-height:1.8;
  color:#3c4a5c;
}

/* ---------- 入口矩阵 ---------- */
.page-home .hm-doors{
  background:var(--k8-ink-900);
  color:var(--k8-paper);
  border-top:1px solid var(--k8-mist);
}
.page-home .hm-doors .hm-section__head h2{color:#fff;}
.page-home .hm-doors .hm-section__lead{color:rgba(242,245,247,.68);}
.page-home .hm-doors .k8-eyebrow{color:var(--k8-cyan);}
.page-home .hm-doors__grid{
  display:grid;
  gap:1px;
  background:var(--k8-mist);
  border:1px solid var(--k8-mist);
}
.page-home .hm-door{
  display:block;
  padding:1.25rem 1.15rem 1.35rem;
  background:var(--k8-ink-900);
  transition:background .2s ease;
}
.page-home .hm-door:hover,
.page-home .hm-door:focus-visible{background:var(--k8-ink-800);}
.page-home .hm-door__no{
  display:block;
  font-size:.7rem;
  letter-spacing:.14em;
  color:var(--k8-cyan);
}
.page-home .hm-door h3{
  margin-top:.55rem;
  font-size:1.1rem;
  font-weight:700;
  color:var(--k8-paper);
}
.page-home .hm-door p{
  margin-top:.35rem;
  font-size:.88rem;
  line-height:1.72;
  color:rgba(242,245,247,.64);
}
.page-home .hm-door__arrow{
  display:inline-block;
  margin-top:.8rem;
  font-family:var(--k8-mono);
  font-size:.76rem;
  color:var(--k8-cyan);
}
.page-home .hm-door--accent{
  background:var(--k8-ink-800);
  box-shadow:inset 3px 0 0 var(--k8-orange);
}

/* ---------- 维护节奏 ---------- */
.page-home .hm-trust{
  background:var(--k8-paper);
  border-top:3px solid var(--k8-ink-900);
}
.page-home .hm-trust__inner{display:grid;gap:1.75rem;}
.page-home .hm-trust__head h2{
  margin-top:.55rem;
  font-size:clamp(1.4rem,4.1vw,2rem);
  font-weight:800;
  line-height:1.28;
  letter-spacing:-.01em;
}
.page-home .hm-trust__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:rgba(143,163,184,.4);
  border:1px solid rgba(143,163,184,.4);
}
.page-home .hm-trust__stats li{
  display:flex;
  flex-direction:column;
  gap:.2rem;
  padding:.9rem .8rem;
  background:var(--k8-paper);
}
.page-home .hm-trust__num{
  font-family:var(--k8-mono);
  font-size:clamp(1.5rem,4vw,2rem);
  line-height:1.1;
  color:var(--k8-ink-900);
}
.page-home .hm-trust__num small{
  font-size:.68rem;
  color:var(--hm-caption);
  margin-left:.12rem;
}
.page-home .hm-trust__label{
  font-size:.79rem;
  line-height:1.5;
  color:#4a5a6e;
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-home .hm-cover__duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;}
  .page-home .hm-steps__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;}
  .page-home .hm-trust__stats{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (min-width:760px){
  .page-home .hm-split__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;}
  .page-home .hm-doors__grid{grid-template-columns:repeat(6,minmax(0,1fr));}
  .page-home .hm-door{grid-column:span 2;}
  .page-home .hm-door--wide{grid-column:span 3;}
}

@media (min-width:900px){
  .page-home .hm-cover{padding-top:2rem;}
  .page-home .hm-cover__inner{
    grid-template-columns:var(--hm-rail) minmax(0,1fr);
    gap:2.5rem;
    align-items:start;
  }
  .page-home .hm-rail{
    flex-direction:column;
    align-items:flex-start;
    gap:.7rem;
    align-self:stretch;
    overflow:visible;
    padding:0 1rem 0 0;
    border-bottom:0;
    border-right:1px solid var(--k8-mist);
  }
  .page-home .hm-rail__ticks{
    position:relative;
    flex-direction:column;
    gap:.48rem;
    padding-left:.9rem;
  }
  .page-home .hm-rail__ticks::before{
    content:"";
    position:absolute;
    left:0;
    top:.2rem;
    bottom:.2rem;
    width:1px;
    background:var(--k8-mist);
  }
  .page-home .hm-rail__foot{
    display:block;
    margin-top:auto;
    font-family:var(--k8-mono);
    font-size:.65rem;
    line-height:1.7;
    color:rgba(242,245,247,.5);
  }
  .page-home .hm-cover__title{font-size:clamp(2.6rem,4.6vw,4.1rem);}
  .page-home .hm-cover__lead{font-size:1.05rem;}
  .page-home .hm-timeline__layout{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:2.5rem;
    align-items:start;
  }
  .page-home .hm-changes__layout{
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
    gap:2.5rem;
    align-items:start;
  }
  .page-home .hm-trust__inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    gap:2.5rem;
    align-items:start;
  }
  .page-home .hm-trust__stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:1100px){
  .page-home .hm-cover__duo{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:1.75rem;}
  .page-home .hm-trust__stats{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (prefers-reduced-motion:reduce){
  .page-home .hm-door,
  .page-home .hm-rail__ticks a,
  .page-home .hm-filter .k8-filter__btn{transition:none;}
}
<<<END>>>
