.page-home{
  --home-loss:#E3A288;
  --home-lane:minmax(0,320px);
  display:block;
  background:
    radial-gradient(120% 58% at 84% -6%, rgba(61,242,197,.12), transparent 62%),
    radial-gradient(92% 48% at -8% 14%, rgba(97,126,99,.20), transparent 60%),
    var(--ink);
  color:var(--cream);
  font-family:var(--font-body);
  line-height:1.7;
  overflow-x:clip;
}
.page-home img{
  max-width:100%;
  height:auto;
  display:block;
}
.page-home a{
  color:inherit;
}
.page-home .breadcrumbs{
  padding-top:clamp(16px,2.4vw,26px);
  font-size:13px;
  color:var(--text-faint);
}
.page-home .crumb-sep{
  margin:0 8px;
  color:var(--moss);
}
.page-home .crumb-current{
  color:var(--mist);
}

/* ---------- 首屏 ---------- */
.page-home .hero{
  padding:clamp(20px,3vw,36px) 0 clamp(44px,6vw,86px);
}
.page-home .hero-stage{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,46px);
  align-items:start;
}
.page-home .hero-lane{
  display:grid;
  gap:16px;
  align-content:start;
}
.page-home .lane-kicker{
  margin:0;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--cyan);
}
.page-home h1{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(34px,7.4vw,58px);
  line-height:1.1;
  letter-spacing:-.03em;
  color:var(--cream);
}
.page-home .hero-lede{
  margin:0;
  max-width:34em;
  font-size:clamp(15px,1.5vw,17px);
  color:var(--text-dim);
}
.page-home .lane-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:4px;
}
.page-home .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 22px;
  border-radius:var(--pill);
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  border:1px solid transparent;
  transition:transform .24s var(--ease),background-color .24s var(--ease),border-color .24s var(--ease),color .24s var(--ease);
}
.page-home .btn--primary{
  background:var(--cyan);
  color:var(--ink);
  box-shadow:0 16px 34px -22px rgba(61,242,197,.9);
}
.page-home .btn--primary:hover{
  background:var(--cyan-deep);
  transform:translateY(-2px);
}
.page-home .btn--ghost{
  border-color:var(--line-cyan);
  color:var(--cream);
  background:rgba(22,42,37,.5);
}
.page-home .btn--ghost:hover{
  border-color:var(--cyan);
  color:var(--cyan);
  transform:translateY(-2px);
}
.page-home .btn:focus-visible,
.page-home .pill:focus-visible,
.page-home .team-card:focus-visible,
.page-home .gate:focus-visible,
.page-home a:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
  border-radius:var(--pill);
}

.page-home .league-rail{
  margin-top:6px;
  padding:16px 16px 14px;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:linear-gradient(165deg,rgba(22,42,37,.86),rgba(7,27,22,.72));
}
.page-home .rail-title{
  margin:0 0 10px;
  font-size:12px;
  letter-spacing:.18em;
  color:var(--text-faint);
}
.page-home .rail-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-home .pill{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:var(--pill);
  border:1px solid var(--line);
  background:rgba(7,27,22,.5);
  color:var(--text-dim);
  font-size:13.5px;
  text-decoration:none;
  transition:border-color .24s var(--ease),color .24s var(--ease),background-color .24s var(--ease);
}
.page-home .pill:hover{
  border-color:var(--line-cyan);
  color:var(--cream);
}
.page-home .pill.is-active{
  background:rgba(61,242,197,.14);
  border-color:var(--cyan);
  color:var(--cyan);
}
.page-home .rail-note{
  margin:12px 0 0;
  font-size:12.5px;
  color:var(--text-faint);
}
.page-home .lane-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:8px 0 0;
  padding-top:16px;
  border-top:1px solid var(--line-soft);
}
.page-home .fact{
  min-width:0;
}
.page-home .fact-label{
  margin:0;
  font-size:11.5px;
  line-height:1.5;
  color:var(--text-faint);
}
.page-home .fact-num{
  margin:4px 0 0;
  font-family:var(--font-mono);
  font-size:clamp(18px,2.4vw,24px);
  font-weight:600;
  color:var(--cream);
}

.page-home .hero-deck{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-home .hero-visual{
  position:relative;
  margin:0;
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.page-home .hero-visual img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.page-home .deck-marker{
  position:absolute;
  left:14px;
  bottom:14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 14px;
  border-radius:var(--pill);
  border:1px solid var(--line-cyan);
  background:rgba(7,27,22,.82);
  color:var(--cyan);
  font-size:11.5px;
  letter-spacing:.1em;
}
.page-home .deck-marker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 10px rgba(61,242,197,.9);
}

.page-home .team-card{
  display:grid;
  gap:12px;
  padding:16px 18px 14px;
  border-radius:var(--r-md);
  border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(22,42,37,.96),rgba(7,27,22,.92));
  transition:transform .26s var(--ease),border-color .26s var(--ease),box-shadow .26s var(--ease);
}
.page-home .team-card:hover{
  transform:translateY(-2px);
  border-color:var(--line-cyan);
  box-shadow:0 20px 38px -30px rgba(61,242,197,.8);
}
.page-home .team-top{
  display:flex;
  align-items:center;
  gap:12px;
}
.page-home .team-badge{
  flex:0 0 auto;
  width:40px;
  height:40px;
  border-radius:14px;
  background:conic-gradient(from 210deg,var(--cyan),var(--moss),var(--clay),var(--cyan));
  box-shadow:inset 0 0 0 1px rgba(7,27,22,.55);
}
.page-home .team-badge--alt{
  background:conic-gradient(from 40deg,var(--amber),var(--clay),var(--moss),var(--amber));
}
.page-home .team-badge--third{
  background:conic-gradient(from 120deg,var(--mist),var(--moss),var(--cyan),var(--mist));
}
.page-home .team-id{
  min-width:0;
}
.page-home .card-title{
  margin:0;
  font-size:16.5px;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--cream);
}
.page-home .card-meta{
  margin:3px 0 0;
  font-size:12.5px;
  color:var(--text-faint);
}
.page-home .team-form{
  display:flex;
  gap:6px;
}
.page-home .res{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:9px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:600;
}
.page-home .res--w{
  background:rgba(61,242,197,.16);
  color:var(--cyan);
}
.page-home .res--d{
  background:rgba(246,180,58,.15);
  color:var(--amber);
}
.page-home .res--l{
  background:rgba(182,107,78,.22);
  color:var(--home-loss);
}
.page-home .team-light{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  font-size:12.5px;
  color:var(--text-dim);
}
.page-home .status-light{
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 10px rgba(61,242,197,.85);
}
.page-home .status-light--amber{
  background:var(--amber);
  box-shadow:0 0 10px rgba(246,180,58,.8);
}
.page-home .status-light--off{
  background:var(--moss);
  box-shadow:none;
}
@media (prefers-reduced-motion:no-preference){
  .page-home .status-light--amber{
    animation:home-breathe 2.8s ease-in-out infinite;
  }
}
@keyframes home-breathe{
  0%,100%{opacity:1;}
  50%{opacity:.42;}
}

/* ---------- 章节骨架 ---------- */
.page-home .section{
  padding:clamp(46px,6.5vw,92px) 0;
}
.page-home .section--band{
  background:linear-gradient(180deg,rgba(22,42,37,.62),rgba(7,27,22,.28));
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}
.page-home .section-head{
  display:grid;
  gap:10px;
  max-width:640px;
  margin:0 0 clamp(24px,3.6vw,42px);
}
.page-home .chapter-no{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.24em;
  color:var(--cyan);
}
.page-home .section-title{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(24px,3.4vw,38px);
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--cream);
}
.page-home .section-lede{
  margin:0;
  font-size:15.5px;
  color:var(--text-dim);
  max-width:38em;
}

/* ---------- 筛选轨道说明 ---------- */
.page-home .rail-explain{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,3.5vw,44px);
  align-items:start;
}
.page-home .filter-list{
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-home .filter-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px dashed var(--line-soft);
}
.page-home .filter-item:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.page-home .filter-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid var(--line-cyan);
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--cyan);
}
.page-home .filter-name{
  margin:0 0 4px;
  font-size:16px;
  font-weight:700;
  color:var(--cream);
}
.page-home .filter-desc{
  margin:0;
  font-size:14.5px;
  color:var(--text-dim);
}
.page-home .rail-figure{
  margin:0;
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(7,27,22,.6);
}
.page-home .rail-figure img{
  width:100%;
  aspect-ratio:5/3;
  object-fit:cover;
}
.page-home .rail-figure figcaption,
.page-home .steps-figure figcaption,
.page-home .mobile-figure figcaption{
  padding:12px 16px;
  font-size:12.5px;
  color:var(--text-faint);
  border-top:1px solid var(--line-soft);
}

/* ---------- 卡片说明 ---------- */
.page-home .deck-notes{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-home .note{
  padding:20px 20px 18px;
  border-radius:var(--r-md);
  border:1px solid var(--line);
  background:rgba(22,42,37,.62);
}
.page-home .note h3{
  margin:0 0 8px;
  font-size:17px;
  font-weight:700;
  color:var(--cream);
}
.page-home .note p{
  margin:0;
  font-size:14.5px;
  color:var(--text-dim);
}
.page-home .deck-tail{
  margin:22px 0 0;
  padding-left:16px;
  border-left:2px solid var(--clay);
  font-size:14px;
  color:var(--mist);
}

/* ---------- 三步订阅 ---------- */
.page-home .steps{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:none;
}
.page-home .step{
  position:relative;
  padding:22px 20px 20px;
  border-radius:var(--r-md);
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(61,242,197,.08),rgba(22,42,37,.74));
}
.page-home .step-no{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.2em;
  color:var(--cyan);
}
.page-home .step-title{
  margin:8px 0 6px;
  font-size:19px;
  font-weight:700;
  color:var(--cream);
}
.page-home .step-text{
  margin:0;
  font-size:14.5px;
  color:var(--text-dim);
}
.page-home .steps-figure{
  margin:clamp(22px,3vw,34px) 0 0;
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(7,27,22,.6);
}
.page-home .steps-figure img{
  width:100%;
  aspect-ratio:2/1;
  object-fit:cover;
}

/* ---------- 状态灯 ---------- */
.page-home .status-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3vw,38px);
  align-items:start;
}
.page-home .light-rows{
  display:grid;
  gap:10px;
}
.page-home .light-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:var(--r-md);
  border:1px solid var(--line);
  background:rgba(7,27,22,.62);
}
.page-home .light-text{
  margin:0;
  min-width:0;
}
.page-home .light-text strong{
  display:block;
  font-size:15px;
  color:var(--cream);
}
.page-home .light-text span{
  display:block;
  font-size:13px;
  line-height:1.6;
  color:var(--text-faint);
}
.page-home .refresh-copy h3{
  margin:0 0 8px;
  font-size:16.5px;
  font-weight:700;
  color:var(--cream);
}
.page-home .refresh-copy h3:not(:first-child){
  margin-top:22px;
}
.page-home .refresh-copy p{
  margin:0;
  font-size:14.5px;
  color:var(--text-dim);
}
.page-home .refresh-note{
  margin-top:18px;
  padding:12px 16px;
  border-radius:var(--pill);
  border:1px dashed var(--line-cyan);
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--mist);
}

/* ---------- 移动入口 ---------- */
.page-home .mobile-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,3.6vw,44px);
  align-items:center;
}
.page-home .mobile-copy{
  display:grid;
  gap:14px;
  align-content:start;
}
.page-home .mobile-points{
  display:grid;
  gap:10px;
  margin:4px 0 0;
  padding:0;
  list-style:none;
}
.page-home .mobile-points li{
  position:relative;
  padding-left:22px;
  font-size:14.5px;
  color:var(--text-dim);
}
.page-home .mobile-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:9px;
  height:9px;
  border-radius:3px;
  background:var(--cyan);
  box-shadow:0 0 10px rgba(61,242,197,.6);
}
.page-home .mobile-history{
  margin:0;
  padding-left:16px;
  border-left:2px solid var(--moss);
  font-size:14px;
  color:var(--mist);
}
.page-home .mobile-figure{
  margin:0 auto;
  width:100%;
  max-width:320px;
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(7,27,22,.6);
}
.page-home .mobile-figure img{
  width:100%;
  aspect-ratio:2/3;
  object-fit:cover;
}

/* ---------- 深入入口 ---------- */
.page-home .gates{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-home .gate{
  display:grid;
  gap:8px;
  align-content:start;
  padding:22px 20px;
  border-radius:var(--r-md);
  border:1px solid var(--line);
  background:rgba(22,42,37,.6);
  text-decoration:none;
  transition:transform .26s var(--ease),border-color .26s var(--ease),background-color .26s var(--ease);
}
.page-home .gate:hover{
  transform:translateY(-2px);
  border-color:var(--line-cyan);
  background:rgba(22,42,37,.92);
}
.page-home .tag{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  padding:3px 12px;
  border-radius:var(--pill);
  border:1px solid var(--line);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--mist);
}
.page-home .tag--clay{
  border-color:rgba(182,107,78,.6);
  color:#E9B49B;
}
.page-home .tag--amber{
  border-color:rgba(246,180,58,.55);
  color:var(--amber);
}
.page-home .gate-title{
  margin:0;
  font-size:17.5px;
  font-weight:700;
  color:var(--cream);
}
.page-home .gate-text{
  margin:0;
  font-size:14px;
  color:var(--text-dim);
}

/* ---------- 规模带 ---------- */
.page-home .trust-band{
  border-top:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(7,27,22,.2),rgba(22,42,37,.7));
  padding:clamp(30px,4vw,50px) 0;
}
.page-home .trust-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 14px;
}
.page-home .trust-item{
  min-width:0;
}
.page-home .trust-num{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(20px,2.6vw,26px);
  font-weight:600;
  color:var(--cyan);
}
.page-home .trust-label{
  margin:4px 0 0;
  font-size:12.5px;
  line-height:1.5;
  color:var(--text-faint);
}

/* ---------- 平板与桌面 ---------- */
@media (min-width:640px){
  .page-home .hero-deck{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-home .hero-visual{
    grid-column:1 / -1;
  }
  .page-home .deck-notes,
  .page-home .steps,
  .page-home .gates{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-home .trust-strip{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (min-width:960px){
  .page-home .hero-stage{
    grid-template-columns:var(--home-lane) minmax(0,1fr);
    gap:clamp(30px,4vw,56px);
  }
  .page-home .hero-lane{
    position:sticky;
    top:92px;
  }
  .page-home .rail-explain{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  }
  .page-home .deck-notes,
  .page-home .steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-home .status-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  }
  .page-home .mobile-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,320px);
    gap:clamp(32px,5vw,64px);
  }
  .page-home .mobile-figure{
    margin:0;
  }
  .page-home .gates{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (min-width:1180px){
  .page-home .hero-stage{
    grid-template-columns:var(--home-lane) minmax(0,1fr);
  }
}
<<<END>>>