.page-home{
  --home-gap:clamp(16px,2.4vw,26px);
  --home-pad:clamp(18px,2.6vw,30px);
  --home-ink:#0C1626;
  --home-mute:#41556F;
  --home-line:rgba(11,21,36,.13);
  background:var(--c-black);
  color:var(--c-cloud);
  font-family:var(--font-sans);
  overflow-x:clip;
}

.page-home a:focus-visible,
.page-home summary:focus-visible{
  outline:2px solid var(--c-sky-soft);
  outline-offset:3px;
  border-radius:4px;
}

.page-home .media-frame img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:inherit;
}

/* ---------- hero ---------- */
.page-home .home-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:clamp(22px,3.6vw,40px) clamp(38px,6vw,72px);
  background:
    radial-gradient(120% 90% at 88% -10%,rgba(30,144,255,.30),transparent 62%),
    linear-gradient(180deg,var(--c-night),var(--c-black) 78%);
}
.page-home .home-hero__sky{
  position:absolute;
  top:0;
  right:0;
  z-index:0;
  width:100%;
  height:210px;
  overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% 100%,0 74%);
  pointer-events:none;
}
.page-home .home-hero__sky img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.5;
  filter:saturate(.85) contrast(1.05);
}
.page-home .home-hero__sky::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,16,36,.35),rgba(11,15,26,.96));
}
.page-home .home-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(22px,3.4vw,38px);
}
.page-home .home-hero h1{
  margin:.42em 0 0;
  font-size:clamp(30px,5.2vw,58px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:800;
  color:var(--c-white);
  max-width:20ch;
}
.page-home .home-hero__lede{
  margin-top:clamp(12px,1.8vw,18px);
  max-width:56ch;
  color:var(--ink-soft);
  font-size:clamp(15px,1.5vw,17px);
  line-height:1.78;
}

.page-home .home-facts{
  list-style:none;
  margin:clamp(20px,3vw,30px) 0 0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-home .home-facts li{
  border-top:2px solid var(--c-sky);
  padding-top:10px;
  font-size:14px;
  line-height:1.65;
  color:var(--ink-soft);
}
.page-home .home-facts b{
  display:block;
  margin-bottom:3px;
  color:var(--c-white);
  font-size:14.5px;
  letter-spacing:.01em;
}

/* ---------- 筛选工作台 ---------- */
.page-home .home-desk{
  margin-top:clamp(24px,3.6vw,36px);
  padding:var(--home-pad);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:linear-gradient(158deg,rgba(14,27,51,.97),rgba(11,15,26,.97));
  box-shadow:var(--shadow-lift);
}
.page-home .home-desk__bar{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  align-items:baseline;
  justify-content:space-between;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--c-sky-soft);
}
.page-home .home-desk__bar .mono{
  font-family:var(--font-mono);
  color:var(--ink-soft);
  letter-spacing:.04em;
}
.page-home .home-group{
  margin-top:14px;
}
.page-home .home-group__label{
  margin:0 0 8px;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--ink-soft);
}
.page-home .home-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .home-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 14px;
  border-radius:var(--radius-pill);
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.02);
  color:var(--ink-soft);
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
}
.page-home .home-chip.is-on{
  border-color:var(--c-sky);
  background:rgba(30,144,255,.18);
  color:var(--c-white);
  box-shadow:inset 0 0 0 1px rgba(30,144,255,.45);
}
.page-home .home-chip--focus.is-on{
  border-color:var(--c-stand);
  background:rgba(255,107,44,.16);
  box-shadow:inset 0 0 0 1px rgba(255,107,44,.45);
  color:var(--c-stand-soft);
}
.page-home .home-desk__result{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  margin:16px 0 0;
  padding:11px 14px;
  border-radius:var(--radius-md);
  border:1px solid rgba(30,144,255,.28);
  background:rgba(30,144,255,.10);
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.02em;
  color:var(--c-cloud);
}
.page-home .home-desk__sep{
  color:rgba(143,187,255,.55);
}

.page-home .home-fixtures{
  list-style:none;
  margin:14px 0 0;
  padding:0;
}
.page-home .home-fixtures li{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:6px 12px;
  align-items:center;
  padding:12px 2px;
  border-bottom:1px dashed var(--line);
}
.page-home .home-fixtures li:last-child{
  border-bottom:0;
}
.page-home .home-fixtures__time{
  font-family:var(--font-mono);
  font-size:14px;
  color:var(--c-sky-soft);
}
.page-home .home-fixtures__match{
  font-size:14px;
  line-height:1.5;
  color:var(--c-cloud);
}
.page-home .home-fixtures__match b{
  margin-right:8px;
  color:var(--c-white);
  font-weight:600;
}
.page-home .home-state{
  justify-self:end;
  padding:4px 10px;
  border-radius:var(--radius-pill);
  border:1px solid var(--line-strong);
  color:var(--c-sky-soft);
  font-size:11px;
  letter-spacing:.08em;
  white-space:nowrap;
}
.page-home .home-state--live{
  border-color:rgba(255,107,44,.55);
  background:rgba(255,107,44,.12);
  color:var(--c-stand-soft);
}
.page-home .home-state--timer{
  border-color:rgba(0,196,140,.45);
  background:rgba(0,196,140,.10);
  color:var(--c-timer);
}

/* ---------- 右侧入口栏 ---------- */
.page-home .home-side{
  position:relative;
  padding:var(--home-pad);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-lg);
  background:linear-gradient(200deg,rgba(14,27,51,.96),rgba(6,16,36,.96));
  overflow:hidden;
}
.page-home .home-side::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--c-stand),rgba(255,107,44,0));
}
.page-home .home-side__title{
  margin:0;
  font-size:clamp(18px,2vw,21px);
  line-height:1.35;
  letter-spacing:-.01em;
  color:var(--c-white);
  font-weight:700;
}
.page-home .home-side__note{
  margin:10px 0 16px;
  font-size:13.5px;
  line-height:1.7;
  color:var(--ink-soft);
}
.page-home .home-side__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 16px;
  margin-bottom:10px;
  border-radius:var(--radius-md);
  border:1px solid var(--line-strong);
  color:var(--c-cloud);
  text-decoration:none;
  font-size:14.5px;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.page-home .home-side__link:hover{
  border-color:var(--c-sky);
  background:rgba(30,144,255,.10);
  transform:translateX(2px);
}
.page-home .home-side__link--primary{
  border-color:rgba(255,107,44,.55);
  background:rgba(255,107,44,.10);
  color:var(--c-white);
}
.page-home .home-side__link--primary:hover{
  border-color:var(--c-stand);
  background:rgba(255,107,44,.16);
}
.page-home .home-side__link .mono{
  font-family:var(--font-mono);
  color:var(--c-sky-soft);
}
.page-home .home-side__meta{
  list-style:none;
  margin:14px 0 0;
  padding:14px 0 0;
  border-top:1px solid var(--line);
  display:grid;
  gap:9px;
  font-size:12.5px;
  line-height:1.6;
  color:var(--ink-soft);
}
.page-home .home-side__meta .mono{
  display:inline-block;
  min-width:34px;
  margin-right:8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--c-timer);
}

/* ---------- 章节轨 ---------- */
.page-home .home-rail{
  position:sticky;
  top:var(--header-h);
  z-index:6;
  border-block:1px solid var(--line);
  background:rgba(11,15,26,.94);
  backdrop-filter:blur(10px);
}
.page-home .home-rail__inner{
  display:flex;
  gap:6px;
  padding-block:9px;
  overflow-x:auto;
  scrollbar-width:none;
}
.page-home .home-rail__inner::-webkit-scrollbar{
  display:none;
}
.page-home .home-rail__link{
  flex:0 0 auto;
  padding:7px 13px;
  border-radius:var(--radius-pill);
  border:1px solid transparent;
  color:var(--ink-soft);
  text-decoration:none;
  font-size:12px;
  letter-spacing:.06em;
  white-space:nowrap;
  transition:color .2s ease,border-color .2s ease,background .2s ease;
}
.page-home .home-rail__link:hover{
  color:var(--c-white);
  border-color:var(--line-strong);
}
.page-home .home-rail__link[data-current="true"]{
  color:var(--c-stand-soft);
  border-color:rgba(255,107,44,.55);
  background:rgba(255,107,44,.12);
}

/* ---------- 章节通用 ---------- */
.page-home .home-chapter{
  padding-block:clamp(44px,7vw,86px);
}
.page-home .home-chapter--cloud{
  background:var(--c-cloud);
  color:var(--home-ink);
}
.page-home .home-chapter__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:clamp(12px,2vw,22px);
  align-items:start;
  margin-bottom:clamp(20px,3vw,32px);
}
.page-home .home-chapter__no{
  font-family:var(--font-mono);
  font-size:clamp(34px,6vw,62px);
  font-weight:200;
  line-height:.9;
  letter-spacing:-.05em;
  color:var(--c-sky);
}
.page-home .home-chapter h2{
  margin:.28em 0 0;
  font-size:clamp(21px,3.1vw,32px);
  line-height:1.26;
  letter-spacing:-.02em;
  font-weight:700;
  color:var(--c-white);
}
.page-home .home-chapter--cloud h2{
  color:var(--home-ink);
}
.page-home .home-chapter__lede{
  margin:12px 0 0;
  max-width:62ch;
  font-size:15px;
  line-height:1.78;
  color:var(--ink-soft);
}
.page-home .home-chapter--cloud .home-chapter__lede{
  color:var(--home-mute);
}
.page-home .home-chapter__tail{
  margin:clamp(20px,3vw,30px) 0 0;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-soft);
}
.page-home .home-chapter--cloud .home-chapter__tail{
  color:var(--home-mute);
}
.page-home .home-chapter__tail a{
  color:var(--c-sky);
  text-decoration:none;
  border-bottom:1px solid rgba(30,144,255,.4);
}
.page-home .home-chapter--cloud .home-chapter__tail a{
  color:#0B5FB0;
  border-bottom-color:rgba(11,95,176,.4);
}
.page-home .home-chapter__tail a:hover{
  border-bottom-color:currentColor;
}

/* ---------- 五个条件 ---------- */
.page-home .home-dims{
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .home-dims li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  padding:clamp(14px,2vw,20px) 0;
  border-top:1px solid var(--line);
}
.page-home .home-dims li:last-child{
  border-bottom:1px solid var(--line);
}
.page-home .home-dims__no{
  padding-top:4px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--c-sky);
}
.page-home .home-dims b{
  display:block;
  color:var(--c-white);
  font-size:15.5px;
  letter-spacing:.01em;
}
.page-home .home-dims p{
  margin:5px 0 0;
  font-size:14px;
  line-height:1.72;
  color:var(--ink-soft);
  max-width:70ch;
}

/* ---------- 入口对照 ---------- */
.page-home .home-nets{
  display:grid;
  gap:10px;
}
.page-home .home-net{
  display:grid;
  gap:8px 20px;
  padding:16px 18px;
  border-radius:var(--radius-md);
  border:1px solid var(--c-fog);
  background:var(--c-white);
  box-shadow:0 18px 40px -34px rgba(11,21,36,.6);
}
.page-home .home-net__name{
  font-size:15px;
  letter-spacing:.02em;
  color:var(--home-ink);
}
.page-home .home-net p{
  margin:0;
  font-size:13.6px;
  line-height:1.68;
  color:var(--home-mute);
}
.page-home .home-net__k{
  display:inline-block;
  margin-right:8px;
  padding:2px 8px;
  border-radius:var(--radius-pill);
  background:rgba(30,144,255,.12);
  color:#0B5FB0;
  font-size:11px;
  letter-spacing:.06em;
}
.page-home .home-net__tag{
  justify-self:start;
  padding:4px 11px;
  border-radius:var(--radius-pill);
  border:1px solid var(--c-fog);
  background:var(--c-cloud);
  color:var(--c-timer-deep);
  font-size:11.5px;
  letter-spacing:.06em;
  white-space:nowrap;
}

/* ---------- 计时归档 ---------- */
.page-home .home-timer{
  display:grid;
  gap:clamp(22px,3.4vw,38px);
  align-items:start;
}
.page-home .home-timer__media{
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow-lift);
}
.page-home .home-timer h2{
  margin:.32em 0 0;
  font-size:clamp(21px,3.1vw,32px);
  line-height:1.26;
  letter-spacing:-.02em;
  color:var(--c-white);
  font-weight:700;
}
.page-home .home-timer__lede{
  margin:12px 0 0;
  font-size:15px;
  line-height:1.78;
  color:var(--ink-soft);
  max-width:58ch;
}
.page-home .home-acc{
  margin-top:clamp(18px,2.6vw,26px);
  border-top:1px solid var(--line);
}
.page-home .home-acc details{
  border-bottom:1px solid var(--line);
}
.page-home .home-acc summary{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 12px;
  padding:14px 0;
  cursor:pointer;
  list-style:none;
  font-size:14px;
  color:var(--c-cloud);
}
.page-home .home-acc summary::-webkit-details-marker{
  display:none;
}
.page-home .home-acc summary::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:16px;
  color:var(--c-sky);
}
.page-home .home-acc details[open] summary::after{
  content:"–";
}
.page-home .home-acc summary .mono{
  font-family:var(--font-mono);
  color:var(--c-white);
  letter-spacing:.02em;
}
.page-home .home-acc__count{
  font-size:12.5px;
  color:var(--ink-soft);
}
.page-home .home-acc__body{
  padding:0 0 16px;
  font-size:13.8px;
  line-height:1.75;
  color:var(--ink-soft);
  max-width:64ch;
}
.page-home .home-acc__body p{
  margin:0;
}
.page-home .home-timer__tail{
  margin:18px 0 0;
  font-size:14px;
}
.page-home .home-timer__tail a{
  color:var(--c-sky);
  text-decoration:none;
  border-bottom:1px solid rgba(30,144,255,.4);
}
.page-home .home-timer__tail a:hover{
  border-bottom-color:currentColor;
}

/* ---------- 数据色带 ---------- */
.page-home .home-band{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:clamp(34px,5vw,62px);
  background:linear-gradient(105deg,var(--c-sky) 0%,#0E4C93 44%,var(--c-night) 100%);
  color:var(--c-white);
}
.page-home .home-band__img{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
}
.page-home .home-band__img img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.22;
}
.page-home .home-stats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px 16px;
}
.page-home .home-stat__num{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(26px,4vw,40px);
  line-height:1;
  letter-spacing:-.03em;
  color:var(--c-white);
}
.page-home .home-stat__label{
  display:block;
  margin-top:7px;
  font-size:12.5px;
  letter-spacing:.05em;
  color:rgba(255,255,255,.82);
}

/* ---------- 收藏回访 ---------- */
.page-home .home-save{
  display:grid;
  gap:clamp(22px,3.4vw,38px);
  align-items:start;
}
.page-home .home-save h2{
  margin:.32em 0 0;
  font-size:clamp(21px,3.1vw,32px);
  line-height:1.26;
  letter-spacing:-.02em;
  color:var(--home-ink);
  font-weight:700;
}
.page-home .home-save__lede{
  margin:12px 0 0;
  font-size:15px;
  line-height:1.78;
  color:var(--home-mute);
  max-width:58ch;
}
.page-home .home-steps{
  list-style:none;
  counter-reset:save;
  margin:clamp(18px,2.6vw,26px) 0 0;
  padding:0;
}
.page-home .home-steps li{
  counter-increment:save;
  position:relative;
  padding:12px 0 12px 42px;
  border-top:1px solid var(--home-line);
  font-size:14px;
  line-height:1.72;
  color:var(--home-mute);
}
.page-home .home-steps li::before{
  content:"0" counter(save);
  position:absolute;
  left:0;
  top:12px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:#0B5FB0;
}
.page-home .home-steps b{
  display:block;
  margin-bottom:3px;
  color:var(--home-ink);
  font-size:14.5px;
}
.page-home .home-save__tail{
  margin:16px 0 0;
  font-size:14px;
}
.page-home .home-save__tail a{
  color:#0B5FB0;
  text-decoration:none;
  border-bottom:1px solid rgba(11,95,176,.4);
}
.page-home .home-save__tail a:hover{
  border-bottom-color:currentColor;
}
.page-home .home-save__media{
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--c-fog);
  box-shadow:0 26px 60px -44px rgba(11,21,36,.75);
}

/* ---------- 笔记与排查 ---------- */
.page-home .home-notes{
  display:grid;
  gap:clamp(22px,3vw,36px);
}
.page-home .home-notes__title{
  margin:0 0 10px;
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--c-sky-soft);
}
.page-home .home-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .home-list li{
  border-top:1px solid var(--line);
  padding:12px 0;
}
.page-home .home-list li:last-child{
  border-bottom:1px solid var(--line);
}
.page-home .home-list a{
  display:block;
  color:var(--c-cloud);
  text-decoration:none;
  font-size:14.5px;
  line-height:1.6;
  transition:color .2s ease;
}
.page-home .home-list a:hover{
  color:var(--c-sky-soft);
}
.page-home .home-list__meta{
  display:inline-block;
  margin-top:5px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--c-timer);
}
.page-home .home-list--plain a::before{
  content:"→ ";
  color:var(--c-stand-soft);
}

/* ---------- 结尾 ---------- */
.page-home .home-cta{
  padding-block:clamp(40px,6vw,78px);
  background:linear-gradient(180deg,var(--c-black),var(--c-night));
}
.page-home .home-cta__panel{
  display:grid;
  gap:clamp(18px,3vw,30px);
  padding:clamp(22px,3.6vw,40px);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-lg);
  background:linear-gradient(135deg,rgba(30,144,255,.14),rgba(11,15,26,.5) 62%);
}
.page-home .home-cta h2{
  margin:.3em 0 0;
  font-size:clamp(22px,3.2vw,32px);
  line-height:1.24;
  letter-spacing:-.02em;
  color:var(--c-white);
  font-weight:700;
}
.page-home .home-cta__text{
  margin:12px 0 0;
  max-width:54ch;
  font-size:14.5px;
  line-height:1.78;
  color:var(--ink-soft);
}
.page-home .home-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.page-home .home-cta__actions .btn{
  text-decoration:none;
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-home .home-hero__sky{
    height:280px;
    clip-path:polygon(0 0,100% 0,100% 100%,0 66%);
  }
  .page-home .home-facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
  .page-home .home-nets{
    gap:12px;
  }
  .page-home .home-stats{
    gap:24px 18px;
  }
}

@media (min-width:820px){
  .page-home .home-stats{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .page-home .home-net{
    grid-template-columns:132px minmax(0,1fr) minmax(0,1fr) auto;
    align-items:start;
  }
  .page-home .home-net__tag{
    justify-self:end;
  }
}

@media (min-width:900px){
  .page-home .home-timer{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:clamp(26px,3.6vw,44px);
  }
  .page-home .home-save{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.88fr);
    gap:clamp(26px,3.6vw,44px);
  }
}

@media (min-width:980px){
  .page-home .home-hero{
    padding-block:clamp(30px,3.4vw,52px) clamp(52px,6vw,86px);
  }
  .page-home .home-hero__sky{
    top:-8%;
    right:-6%;
    width:64%;
    height:124%;
    clip-path:polygon(26% 0,100% 0,100% 100%,0 100%);
  }
  .page-home .home-hero__sky img{
    opacity:.72;
  }
  .page-home .home-hero__sky::after{
    background:linear-gradient(105deg,rgba(6,16,36,.96) 4%,rgba(6,16,36,.2) 62%,rgba(11,15,26,.55));
  }
  .page-home .home-hero__inner{
    grid-template-columns:minmax(0,1.7fr) minmax(288px,.82fr);
    align-items:start;
    gap:clamp(24px,3vw,40px);
  }
  .page-home .home-side{
    position:sticky;
    top:calc(var(--header-h) + 16px);
  }
  .page-home .home-notes{
    grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  }
  .page-home .home-cta__panel{
    grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);
    align-items:center;
  }
  .page-home .home-cta__actions{
    justify-content:flex-end;
  }
}
<<<END>>>