.page-home{
  --home-line:rgba(143,166,184,.22);
  --home-line-strong:rgba(217,164,65,.4);
  --home-soft:rgba(244,247,245,.78);
  background:var(--ink);
  color:var(--foam);
  font-family:var(--sans);
  overflow-x:hidden;
}
.page-home img{
  max-width:100%;
  height:auto;
  display:block;
}
.page-home .home-sec{
  position:relative;
  padding:3.25rem 0 3.5rem;
}
.page-home .home-sec__head{
  max-width:44rem;
}
.page-home .home-sec__num{
  display:block;
  font-family:var(--mono);
  font-size:clamp(2.75rem,9vw,4.5rem);
  line-height:1;
  letter-spacing:.06em;
  color:transparent;
  -webkit-text-stroke:1px rgba(217,164,65,.55);
  margin-bottom:.5rem;
}
.page-home .home-sec__title{
  font-family:var(--serif);
  font-weight:900;
  font-size:clamp(1.65rem,5vw,2.6rem);
  line-height:1.22;
  letter-spacing:-.01em;
  margin:0 0 .7rem;
}
.page-home .home-sec__sub{
  margin:0;
  font-size:.97rem;
  line-height:1.8;
  color:var(--home-soft);
}

/* ---------- 首屏 ---------- */
.page-home .home-hero{
  position:relative;
  isolation:isolate;
  padding:1.1rem 0 4rem;
  background:
    radial-gradient(58% 42% at 86% 6%,rgba(217,164,65,.22),transparent 68%),
    radial-gradient(52% 46% at 2% 96%,rgba(40,215,192,.14),transparent 72%),
    linear-gradient(168deg,var(--deep-2) 0%,var(--deep) 48%,var(--ink) 100%);
}
.page-home .home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(143,166,184,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(143,166,184,.07) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 76%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 76%);
}
.page-home .home-hero__crumb{
  position:relative;
  z-index:2;
}
.page-home .home-hero .breadcrumbs{
  font-size:.78rem;
  margin-bottom:.4rem;
}
.page-home .home-hero__inner{
  position:relative;
  z-index:2;
  display:grid;
  gap:2rem;
  align-items:center;
}
.page-home .home-hero__copy{
  max-width:36rem;
}
.page-home .home-hero__title{
  display:flex;
  flex-direction:column;
  gap:.55rem;
  margin:.9rem 0 0;
  font-family:var(--serif);
  font-weight:900;
  font-size:clamp(2.5rem,10vw,4.6rem);
  line-height:1.02;
  letter-spacing:-.02em;
  background:linear-gradient(104deg,var(--foam) 0%,var(--gold-lit) 44%,var(--gold) 72%,var(--foam) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.page-home .home-hero__title-em{
  font-size:clamp(1.2rem,4.4vw,1.85rem);
  line-height:1.45;
  letter-spacing:.02em;
  color:var(--gold-lit);
  -webkit-text-fill-color:var(--gold-lit);
}
.page-home .home-hero__lead{
  margin:1.15rem 0 0;
  font-size:1rem;
  line-height:1.88;
  color:var(--home-soft);
}
.page-home .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.6rem;
}
.page-home .home-hero__meta{
  margin:1.4rem 0 0;
  font-family:var(--mono);
  font-size:.74rem;
  letter-spacing:.1em;
  color:rgba(143,166,184,.92);
}
.page-home .home-hero__visual{
  margin:0;
  position:relative;
}
.page-home .home-hero__visual::after{
  content:"";
  position:absolute;
  inset:auto -6% -8% 32%;
  height:46%;
  background:radial-gradient(closest-side,rgba(40,215,192,.24),transparent 72%);
  filter:blur(18px);
  pointer-events:none;
}
.page-home .home-hero__visual img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  clip-path:polygon(0 7%,100% 0,100% 93%,0 100%);
  border:1px solid var(--home-line-strong);
}
.page-home .home-hero__waves{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  width:100%;
  height:auto;
  opacity:.6;
  pointer-events:none;
}

/* ---------- 三条路径 ---------- */
.page-home .home-paths-sec{
  background:linear-gradient(180deg,var(--ink) 0%,var(--deep) 34%,var(--deep) 100%);
  padding-top:3.75rem;
  padding-bottom:5rem;
}
.page-home .home-paths{
  list-style:none;
  margin:1.8rem 0 0;
  padding:0;
  display:grid;
  gap:.9rem;
}
.page-home .path-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.6rem;
  padding:1.4rem 1.2rem 1.55rem;
  border:1px solid var(--home-line);
  border-top:1px solid var(--home-line-strong);
  background:linear-gradient(176deg,rgba(13,43,69,.92),rgba(2,10,18,.68));
  transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease);
}
.page-home .path-card:hover,
.page-home .path-card:focus-within{
  border-color:var(--home-line-strong);
  transform:translateY(-4px);
  box-shadow:0 20px 44px -26px rgba(0,0,0,.95);
}
.page-home .path-card__num{
  font-family:var(--mono);
  font-size:1rem;
  letter-spacing:.2em;
  color:var(--teal);
}
.page-home .path-card .tag{
  align-self:flex-start;
  font-size:.72rem;
  letter-spacing:.08em;
}
.page-home .path-card__title{
  margin:.1rem 0 0;
  font-family:var(--serif);
  font-weight:900;
  font-size:1.22rem;
  line-height:1.4;
}
.page-home .path-card__link{
  color:var(--foam);
  text-decoration:none;
}
.page-home .path-card__link::after{
  content:"";
  position:absolute;
  inset:0;
}
.page-home .path-card__link:focus-visible{
  outline:2px solid var(--teal);
  outline-offset:4px;
}
.page-home .path-card__desc{
  margin:0;
  font-size:.93rem;
  line-height:1.78;
  color:var(--home-soft);
}
.page-home .path-card__peek{
  margin:0;
  overflow:hidden;
  max-height:12rem;
  font-size:.86rem;
  line-height:1.7;
  color:rgba(143,166,184,.96);
  border-top:1px dashed rgba(143,166,184,.3);
  padding-top:.6rem;
  transition:max-height .35s var(--ease),opacity .35s var(--ease),padding-top .35s var(--ease);
}

/* ---------- 双版本对照 ---------- */
.page-home .home-compare{
  position:relative;
  background:var(--foam);
  color:var(--ink);
  padding:4.25rem 0 4rem;
  clip-path:polygon(0 0,100% 28px,100% calc(100% - 22px),0 100%);
}
.page-home .home-compare .home-sec__num{
  -webkit-text-stroke:1px rgba(7,26,43,.4);
}
.page-home .home-compare .home-sec__title{
  color:var(--deep);
}
.page-home .home-compare__lead{
  margin:0;
  font-size:.97rem;
  line-height:1.85;
  color:rgba(2,10,18,.72);
  max-width:30rem;
}
.page-home .home-compare__grid{
  display:grid;
  gap:2rem;
}
.page-home .home-compare__body{
  display:grid;
  gap:1.5rem;
}
.page-home .home-compare .tabs__list{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  padding-bottom:.6rem;
  border-bottom:1px solid rgba(2,10,18,.18);
  margin-bottom:1.1rem;
}
.page-home .home-compare .tabs__tab{
  min-height:44px;
  padding:.6rem 1rem;
  font-family:var(--sans);
  font-size:.92rem;
  font-weight:600;
  color:rgba(2,10,18,.62);
  background:transparent;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  cursor:pointer;
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.page-home .home-compare .tabs__tab:hover{
  color:var(--deep);
}
.page-home .home-compare .tabs__tab[aria-selected="true"]{
  color:var(--foam);
  background:var(--deep);
  border-bottom-color:var(--coral);
}
.page-home .home-compare .tabs__tab:focus-visible{
  outline:2px solid var(--teal);
  outline-offset:2px;
}
.page-home .compare-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.85rem;
}
.page-home .compare-list li{
  position:relative;
  padding-left:1.15rem;
  font-size:.94rem;
  line-height:1.8;
  color:rgba(2,10,18,.76);
}
.page-home .compare-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62rem;
  width:7px;
  height:7px;
  background:var(--coral);
}
.page-home .compare-list strong{
  display:block;
  font-family:var(--serif);
  font-weight:900;
  font-size:1rem;
  color:var(--deep);
  letter-spacing:.01em;
}
.page-home .compare-figure{
  margin:0;
  position:relative;
  border:1px solid rgba(7,26,43,.18);
  background:var(--deep);
}
.page-home .compare-figure img{
  width:100%;
  aspect-ratio:9/7;
  object-fit:cover;
}

/* ---------- 服务台面板 ---------- */
.page-home .home-desk{
  background:linear-gradient(180deg,var(--deep) 0%,var(--deep-2) 52%,var(--deep) 100%);
}
.page-home .desk-grid{
  display:grid;
  gap:1rem;
  margin-top:1.8rem;
}
.page-home .desk-card{
  display:flex;
  flex-direction:column;
  gap:.55rem;
  padding:1.5rem 1.25rem 1.4rem;
  border:1px solid var(--home-line);
  background:linear-gradient(180deg,rgba(2,10,18,.55),rgba(2,10,18,.3));
  transition:border-color .3s var(--ease),background .3s var(--ease);
}
.page-home .desk-card:hover,
.page-home .desk-card:focus-within{
  border-color:var(--home-line-strong);
  background:linear-gradient(180deg,rgba(2,10,18,.72),rgba(2,10,18,.42));
}
.page-home .desk-card__label{
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.22em;
  color:var(--teal);
}
.page-home .desk-card h3{
  margin:0;
  font-family:var(--serif);
  font-weight:900;
  font-size:1.28rem;
  line-height:1.4;
  color:var(--foam);
}
.page-home .desk-card p{
  margin:0;
  font-size:.93rem;
  line-height:1.8;
  color:var(--home-soft);
}
.page-home .desk-card__go{
  margin-top:auto;
  padding-top:.7rem;
  font-size:.88rem;
  font-weight:600;
  color:var(--gold-lit);
  text-decoration:none;
  border-top:1px solid rgba(143,166,184,.22);
}
.page-home .desk-card__go:hover{
  color:var(--teal);
}
.page-home .desk-card__go:focus-visible{
  outline:2px solid var(--teal);
  outline-offset:3px;
}
.page-home .desk-figure{
  grid-column:1 / -1;
  margin:.8rem 0 0;
  border:1px solid var(--home-line);
  background:var(--ink);
}
.page-home .desk-figure img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.page-home .desk-figure figcaption{
  padding:.8rem 1rem;
  font-family:var(--mono);
  font-size:.74rem;
  letter-spacing:.08em;
  color:rgba(143,166,184,.95);
  border-top:1px solid var(--home-line);
}

/* ---------- 更新批次 ---------- */
.page-home .home-batch{
  background:
    radial-gradient(64% 60% at 18% 0%,rgba(123,92,255,.16),transparent 72%),
    radial-gradient(50% 50% at 92% 88%,rgba(217,164,65,.12),transparent 74%),
    var(--ink);
  border-top:1px solid rgba(143,166,184,.14);
  border-bottom:1px solid rgba(143,166,184,.14);
}
.page-home .batch-grid{
  display:grid;
  gap:1.8rem;
  align-items:center;
}
.page-home .home-batch .home-sec__title{
  margin-bottom:.8rem;
}
.page-home .home-batch__lead{
  margin:0 0 1.4rem;
  font-size:.97rem;
  line-height:1.85;
  color:var(--home-soft);
  max-width:32rem;
}
.page-home .batch-stats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:var(--home-line);
  border:1px solid var(--home-line);
}
.page-home .batch-stats li{
  background:var(--ink);
  padding:1.15rem 1rem 1.25rem;
}
.page-home .batch-num{
  display:block;
  font-family:var(--mono);
  font-size:1.9rem;
  line-height:1.1;
  color:var(--gold-lit);
}
.page-home .batch-unit{
  display:block;
  margin-top:.15rem;
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--teal);
}
.page-home .batch-stats p{
  margin:.5rem 0 0;
  font-size:.85rem;
  line-height:1.65;
  color:rgba(143,166,184,.98);
}

/* ---------- 品牌视觉母题 ---------- */
.page-home .home-creed{
  background:linear-gradient(155deg,var(--deep-2) 0%,var(--deep) 58%,var(--ink) 100%);
}
.page-home .creed-grid{
  display:grid;
  gap:1.8rem;
  align-items:center;
}
.page-home .creed-figure{
  position:relative;
  margin:0;
}
.page-home .creed-figure img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border:1px solid var(--home-line-strong);
}
.page-home .creed-figure figcaption{
  margin-top:.7rem;
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.2em;
  color:rgba(217,164,65,.85);
}
.page-home .creed-copy p{
  margin:0 0 1rem;
  font-size:.97rem;
  line-height:1.85;
  color:var(--home-soft);
}
.page-home .creed-facts{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  margin:1.4rem 0 1.2rem;
  padding:0;
  background:var(--home-line);
  border:1px solid var(--home-line);
}
.page-home .creed-facts > div{
  background:rgba(7,26,43,.9);
  padding:1rem 1rem 1.05rem;
}
.page-home .creed-facts dt{
  font-family:var(--mono);
  font-size:1.28rem;
  line-height:1.2;
  color:var(--teal);
}
.page-home .creed-facts dd{
  margin:.3rem 0 0;
  font-size:.84rem;
  line-height:1.6;
  color:rgba(244,247,245,.74);
}
.page-home .creed-note{
  font-size:.9rem;
  color:rgba(143,166,184,.98);
}
.page-home .creed-copy .btn{
  margin-top:.4rem;
}

/* ---------- 响应式 ---------- */
@media (min-width:720px){
  .page-home .home-hero{
    padding:1.4rem 0 5rem;
  }
  .page-home .home-hero__inner{
    gap:2.4rem;
  }
  .page-home .home-paths{
    grid-template-columns:repeat(3,1fr);
    gap:1rem;
  }
  .page-home .home-paths > li:nth-child(2){
    transform:translateY(1.1rem);
  }
  .page-home .home-paths > li:nth-child(3){
    transform:translateY(2.2rem);
  }
  .page-home .desk-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (min-width:960px){
  .page-home .home-hero__inner{
    grid-template-columns:1.06fr .94fr;
    gap:3.2rem;
  }
  .page-home .home-hero__visual img{
    aspect-ratio:4/3;
  }
  .page-home .home-compare__grid{
    grid-template-columns:.9fr 1.1fr;
    gap:3rem;
    align-items:start;
  }
  .page-home .home-compare__body{
    gap:1.8rem;
  }
  .page-home .desk-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .page-home .batch-grid{
    grid-template-columns:1fr 1fr;
    gap:3.2rem;
  }
  .page-home .creed-grid{
    grid-template-columns:.82fr 1.18fr;
    gap:3.4rem;
  }
  .page-home .home-sec{
    padding:5rem 0 5.25rem;
  }
  .page-home .home-paths-sec{
    padding-bottom:6.5rem;
  }
}

@media (hover:hover) and (min-width:960px){
  .page-home .path-card__peek{
    max-height:0;
    opacity:0;
    padding-top:0;
    border-top-color:transparent;
  }
  .page-home .path-card:hover .path-card__peek,
  .page-home .path-card:focus-within .path-card__peek{
    max-height:12rem;
    opacity:1;
    padding-top:.6rem;
    border-top-color:rgba(143,166,184,.3);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .path-card,
  .page-home .path-card__peek,
  .page-home .desk-card,
  .page-home .home-compare .tabs__tab{
    transition:none;
  }
  .page-home .path-card:hover,
  .page-home .path-card:focus-within{
    transform:none;
  }
  .page-home .home-paths > li:nth-child(2),
  .page-home .home-paths > li:nth-child(3){
    transform:none;
  }
}
<<<END>>>