.page-home{
  --home-rail-w:280px;
  --home-gap:clamp(1.25rem,3vw,2.5rem);
  --home-anchor-gap:calc(var(--header-h) + 1rem);
  background:var(--ink);
  color:var(--paper);
  font-family:var(--font-body);
  padding-block:clamp(1.25rem,2.5vw,2rem) clamp(3rem,6vw,5rem);
  overflow-x:clip;
}

/* ---------- 分屏骨架 ---------- */
.page-home .home-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--home-gap);
  align-items:start;
}
.page-home .home-body{
  min-width:0;
  display:grid;
  gap:0;
}
.page-home .breadcrumb{
  margin:0 0 .75rem;
}

/* ---------- 左侧索引栏 ---------- */
.page-home .home-rail{
  border:1px solid var(--line-dark);
  border-radius:var(--radius);
  background:rgba(18,40,61,.72);
  padding:.9rem;
  display:grid;
  gap:.8rem;
}
.page-home .rail-title{
  margin:0;
  font-size:.7rem;
  letter-spacing:.2em;
  color:var(--warm);
  text-transform:uppercase;
}
.page-home .rail-batch{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
}
.page-home .rail-batch-note{
  font-size:.78rem;
  color:var(--mist);
}
.page-home .rail-nav{
  display:flex;
  gap:.35rem;
  overflow-x:auto;
  padding-bottom:.3rem;
  scrollbar-width:thin;
}
.page-home .rail-link{
  display:flex;
  align-items:baseline;
  gap:.55rem;
  flex:0 0 auto;
  padding:.45rem .6rem;
  border:1px solid transparent;
  border-radius:var(--radius);
  color:var(--mist);
  font-size:.85rem;
  line-height:1.35;
  text-decoration:none;
  white-space:nowrap;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.page-home .rail-link .mono{
  font-size:.74rem;
  letter-spacing:.1em;
  color:var(--cyan);
}
.page-home .rail-link:hover,
.page-home .rail-link:focus-visible{
  background:rgba(39,211,224,.1);
  border-color:rgba(39,211,224,.35);
  color:var(--paper);
}
.page-home .rail-link.is-current{
  background:rgba(255,106,42,.14);
  border-color:rgba(255,106,42,.45);
  color:var(--paper);
}
.page-home .rail-foot{
  margin:0;
  font-size:.72rem;
  line-height:1.6;
  color:var(--warm);
}

/* ---------- 首屏 ---------- */
.page-home .hero{
  scroll-margin-top:var(--home-anchor-gap);
}
.page-home .hero .eyebrow{
  color:var(--cyan);
}
.page-home .hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.25rem,2.5vw,2rem);
  align-items:end;
}
.page-home .hero h1{
  margin:.45rem 0 0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(2.5rem,7.2vw,5.5rem);
  line-height:.94;
  letter-spacing:-.005em;
  color:var(--paper);
}
.page-home .hero h1 span{
  display:block;
}
.page-home .hero h1 .h1-second{
  color:var(--cyan);
}
.page-home .hero-lead{
  max-width:36em;
  margin:1rem 0 0;
  color:var(--mist);
  font-size:clamp(.95rem,1.5vw,1.05rem);
  line-height:1.85;
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.3rem;
}
.page-home .jump-chips{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  margin:1.2rem 0 0;
  padding:0;
}
.page-home .jump-chips a{
  display:inline-block;
  padding:.3rem .7rem;
  border:1px solid var(--line-dark);
  border-radius:2px;
  color:var(--mist);
  font-size:.78rem;
  letter-spacing:.05em;
  text-decoration:none;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.page-home .jump-chips a:hover,
.page-home .jump-chips a:focus-visible{
  background:var(--cyan);
  border-color:var(--cyan);
  color:var(--ink);
}
.page-home .hero-figure{
  margin:0;
  aspect-ratio:3/2;
  border:1px solid var(--line-dark);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.page-home .hero-figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .hero-scale{
  margin-top:clamp(1.25rem,3vw,2rem);
  padding:.5rem 0;
  border-top:1px solid var(--line-dark);
  border-bottom:1px solid var(--line-dark);
}
.page-home .hero-scale svg{
  display:block;
  width:100%;
  height:auto;
}
.page-home .hero-scale text{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  fill:var(--warm);
}
.page-home .hero-facts{
  list-style:none;
  margin:1.1rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
}
.page-home .hero-facts li{
  border-left:2px solid rgba(39,211,224,.55);
  padding-left:.65rem;
}
.page-home .hero-facts b{
  display:block;
  font-family:var(--font-display);
  font-size:clamp(1.4rem,3vw,2rem);
  font-weight:700;
  line-height:1;
  color:var(--paper);
}
.page-home .hero-facts span{
  display:block;
  margin-top:.25rem;
  font-size:.75rem;
  line-height:1.5;
  color:var(--warm);
}

/* ---------- 通用区段头 ---------- */
.page-home .home-section{
  padding-top:clamp(2.25rem,5vw,3.75rem);
  scroll-margin-top:var(--home-anchor-gap);
}
.page-home .section-head{
  max-width:44rem;
}
.page-home .section-head h2{
  margin:.35rem 0 .6rem;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.65rem,3.6vw,2.55rem);
  line-height:1.08;
  letter-spacing:.005em;
  color:var(--paper);
}
.page-home .section-lead{
  margin:0;
  color:var(--mist);
  font-size:.97rem;
  line-height:1.85;
}

/* ---------- 栏目索引 ---------- */
.page-home .index-figure{
  margin:1.4rem 0 0;
  aspect-ratio:3/2;
  border:1px solid var(--line-dark);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-home .index-figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .index-list{
  list-style:none;
  margin:1.3rem 0 0;
  padding:0;
  border-top:1px solid var(--line-dark);
}
.page-home .index-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.3rem .85rem;
  padding:.95rem 0;
  border-bottom:1px solid var(--line-dark);
}
.page-home .index-num{
  font-size:.85rem;
  letter-spacing:.1em;
  color:var(--signal);
}
.page-home .index-body h3{
  margin:0 0 .25rem;
  font-size:1.02rem;
  color:var(--paper);
  transition:color .2s var(--ease);
}
.page-home .index-body p{
  margin:0;
  font-size:.9rem;
  line-height:1.75;
  color:var(--warm);
}
.page-home .index-meta{
  grid-column:2;
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--mist);
  white-space:nowrap;
}
.page-home .index-row:hover .index-body h3{
  color:var(--cyan);
}
.page-home .index-note{
  margin:1.1rem 0 0;
  padding-left:.75rem;
  border-left:2px solid var(--signal);
  font-size:.86rem;
  line-height:1.8;
  color:var(--mist);
}

/* ---------- 服务速览（纸白区） ---------- */
.page-home .svc-section{
  margin-top:clamp(2.25rem,5vw,3.75rem);
  padding:clamp(1.25rem,3vw,2.5rem);
  background:var(--paper);
  color:var(--text);
  border-radius:var(--radius-lg);
  scroll-margin-top:var(--home-anchor-gap);
}
.page-home .svc-section .eyebrow{
  color:var(--signal-deep);
}
.page-home .svc-section h2{
  color:var(--text);
}
.page-home .svc-section .section-lead{
  color:#3d4753;
}
.page-home .svc-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.9rem;
  margin-top:1.5rem;
}
.page-home .svc-card{
  display:grid;
  gap:.5rem;
  align-content:start;
  padding:1rem 1rem 1.1rem;
  background:rgba(255,255,255,.62);
  border:2px solid rgba(16,24,32,.13);
  border-radius:var(--radius);
  transition:border-color .2s var(--ease),transform .2s var(--ease);
}
.page-home .svc-card:hover{
  border-color:var(--signal);
  transform:translateY(-2px);
}
.page-home .svc-num{
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--signal-deep);
}
.page-home .svc-card h3{
  margin:0;
  font-size:1.05rem;
  color:var(--text);
}
.page-home .svc-card p{
  margin:0;
  font-size:.89rem;
  line-height:1.75;
  color:#3d4753;
}
.page-home .svc-card .svc-scene{
  margin-top:.15rem;
  padding-top:.5rem;
  border-top:1px dashed rgba(16,24,32,.2);
  font-size:.73rem;
  letter-spacing:.04em;
  color:var(--signal-deep);
}
.page-home .svc-cta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.7rem;
  margin-top:1.4rem;
}
.page-home .svc-cta p{
  margin:0;
  font-size:.83rem;
  line-height:1.7;
  color:#3d4753;
  max-width:30em;
}

/* ---------- 资源与适配 ---------- */
.page-home .res-section{
  margin-top:clamp(2.25rem,5vw,3.75rem);
  padding:clamp(1.25rem,3vw,2.5rem);
  background:var(--ink-2);
  border:1px solid var(--line-dark);
  border-radius:var(--radius-lg);
  scroll-margin-top:var(--home-anchor-gap);
}
.page-home .res-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.5rem;
}
.page-home .res-copy h2{
  margin:.35rem 0 .6rem;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.6rem,3.4vw,2.4rem);
  line-height:1.1;
  color:var(--paper);
}
.page-home .res-copy > p{
  margin:0;
  font-size:.94rem;
  line-height:1.85;
  color:var(--mist);
}
.page-home .res-list{
  list-style:none;
  margin:1.1rem 0 0;
  padding:0;
  display:grid;
  gap:.45rem;
}
.page-home .res-list li{
  display:grid;
  grid-template-columns:2rem minmax(0,1fr);
  gap:.6rem;
  padding-bottom:.5rem;
  border-bottom:1px solid var(--line-soft);
  font-size:.89rem;
  line-height:1.65;
  color:var(--mist);
}
.page-home .res-list .mono{
  font-size:.74rem;
  letter-spacing:.08em;
  color:var(--cyan);
}
.page-home .res-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:1.2rem;
}
.page-home .res-figure{
  margin:0;
  aspect-ratio:10/7;
  border:1px solid var(--line-dark);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-home .res-figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .tablet-strip{
  display:grid;
  gap:.55rem;
  margin-top:1.5rem;
  padding-top:1rem;
  border-top:1px dashed var(--line-dark);
}
.page-home .tablet-strip p{
  margin:0;
  font-size:.88rem;
  line-height:1.75;
  color:var(--mist);
}

/* ---------- 近期批次 ---------- */
.page-home .batch-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.5rem;
  margin-top:1.5rem;
}
.page-home .batch-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.85rem;
}
.page-home .batch-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.45rem .9rem;
  padding:.9rem 1rem;
  background:rgba(18,40,61,.55);
  border:1px solid var(--line-dark);
  border-radius:var(--radius);
}
.page-home .batch-no{
  font-size:1.05rem;
  letter-spacing:.08em;
  color:var(--signal);
}
.page-home .batch-body h3{
  margin:0 0 .3rem;
  font-size:.98rem;
  color:var(--paper);
}
.page-home .batch-body p{
  margin:0;
  font-size:.87rem;
  line-height:1.72;
  color:var(--warm);
}
.page-home .batch-item .tag{
  grid-column:2;
  justify-self:start;
}
.page-home .batch-figure{
  margin:0;
  aspect-ratio:1/1;
  border:1px solid var(--line-dark);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-home .batch-figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .batch-more{
  margin:1.2rem 0 0;
}

/* ---------- 订阅与回访 ---------- */
.page-home .revisit{
  margin-top:clamp(2.25rem,5vw,3.75rem);
  padding:clamp(1.5rem,4vw,2.75rem) 0;
  border-top:2px solid var(--signal);
  border-bottom:1px solid var(--line-dark);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.75rem;
  scroll-margin-top:var(--home-anchor-gap);
}
.page-home .revisit h2{
  margin:.35rem 0 .6rem;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.6rem,3.4vw,2.4rem);
  line-height:1.1;
  color:var(--paper);
}
.page-home .revisit-copy p{
  margin:0 0 .8rem;
  font-size:.94rem;
  line-height:1.85;
  color:var(--mist);
}
.page-home .revisit-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.2rem;
}
.page-home .revisit-stats{
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
}
.page-home .revisit-stats div{
  border-left:1px solid rgba(39,211,224,.42);
  padding-left:.7rem;
}
.page-home .revisit-stats dt{
  margin-bottom:.25rem;
  font-size:.75rem;
  line-height:1.5;
  color:var(--warm);
}
.page-home .revisit-stats dd{
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.35rem,2.6vw,1.9rem);
  line-height:1.1;
  color:var(--paper);
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-home .batch-item{
    grid-template-columns:4.4rem minmax(0,1fr) auto;
    align-items:start;
  }
  .page-home .batch-item .tag{
    grid-column:auto;
    justify-self:end;
  }
  .page-home .index-row{
    grid-template-columns:3.2rem minmax(0,1fr) auto;
    align-items:start;
  }
  .page-home .index-meta{
    grid-column:auto;
    text-align:right;
  }
}

@media (min-width:720px){
  .page-home .hero-facts{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-home .svc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-home .tablet-strip{
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:1rem;
  }
}

@media (min-width:900px){
  .page-home .hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  }
  .page-home .res-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:start;
  }
  .page-home .batch-grid{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    align-items:start;
  }
  .page-home .revisit{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:start;
  }
}

@media (min-width:1000px){
  .page-home .home-shell{
    grid-template-columns:var(--home-rail-w) minmax(0,1fr);
  }
  .page-home .home-rail{
    position:sticky;
    top:calc(var(--header-h) + 1rem);
    max-height:calc(100vh - var(--header-h) - 2rem);
    overflow:auto;
  }
  .page-home .rail-nav{
    flex-direction:column;
    overflow:visible;
    padding-bottom:0;
  }
  .page-home .rail-link{
    flex:1 1 auto;
    white-space:normal;
  }
}

@media (min-width:1180px){
  .page-home .svc-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .rail-link,
  .page-home .jump-chips a,
  .page-home .svc-card,
  .page-home .index-body h3{
    transition:none;
  }
  .page-home .svc-card:hover{
    transform:none;
  }
}
<<<END>>>