.page-home{
  --home-radius:16px;
  --home-radius-sm:10px;
  color:var(--ice);
}

.page-home .breadcrumbs{margin:clamp(1rem,2.4vw,1.6rem) 0 0}

/* ---------- 首屏比分牌分屏 ---------- */
.page-home .hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.4rem;
  margin:clamp(.9rem,2vw,1.4rem) 0 clamp(2.4rem,6vw,4.5rem);
}
.page-home .hero__copy{min-width:0}
.page-home .hero__title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(2.5rem,8.4vw,5rem);
  line-height:.98;
  letter-spacing:-.015em;
  margin:.5rem 0 1rem;
  color:var(--ice);
}
.page-home .hero__lead{
  max-width:38ch;
  color:var(--mist);
  margin:0 0 1.3rem;
}
.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  align-items:center;
}
.page-home .hero__hint{
  margin:1rem 0 0;
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--mint);
}

.page-home .hero__board{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  padding:clamp(1rem,3vw,1.6rem);
  border-radius:var(--home-radius);
  border:1px solid var(--line-strong);
  background:linear-gradient(165deg,var(--teal) 0%,var(--violet) 58%,var(--ink-deep) 100%);
}
.page-home .hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.2;
  z-index:-1;
  pointer-events:none;
}

.page-home .scoreboard{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.5rem;
  padding-bottom:.9rem;
  border-bottom:1px solid var(--line-strong);
}
.page-home .scoreboard__cell{display:grid;gap:.25rem;min-width:0}
.page-home .scoreboard__k{
  font-size:.6875rem;
  letter-spacing:.08em;
  color:var(--mist);
}
.page-home .scoreboard__v{
  font-family:var(--font-mono);
  font-weight:600;
  font-size:clamp(1.15rem,4.4vw,1.7rem);
  line-height:1;
  color:var(--gold);
}
.page-home .scoreboard__plus{font-size:.62em;margin-left:.06em;color:var(--gold)}

.page-home .entry-console{
  margin-top:.95rem;
  padding:clamp(.8rem,2.4vw,1.1rem);
  border-radius:var(--home-radius-sm);
  border:1px solid var(--line);
  background:var(--glass-soft);
  backdrop-filter:blur(6px);
}
.page-home .entry-console__title{
  margin:0 0 .6rem;
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--mint);
}
.page-home .entry-filter{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  margin-bottom:.75rem;
}
.page-home .filter-radio{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.page-home .filter-chip{
  cursor:pointer;
  padding:.3rem .62rem;
  border-radius:999px;
  border:1px solid var(--line-strong);
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.06em;
  color:var(--mist);
  transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.page-home .filter-chip:hover{color:var(--ice);border-color:var(--mint)}
.page-home .filter-radio:checked + .filter-chip{
  color:var(--ink);
  background:var(--green);
  border-color:var(--green);
}
.page-home .filter-radio:focus-visible + .filter-chip{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

.page-home .entry-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.42rem;
}
.page-home .entry{
  border:1px solid var(--line);
  border-radius:var(--home-radius-sm);
  background:rgba(11,30,45,.55);
  transition:opacity .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.page-home .entry--first{
  border-color:rgba(255,122,69,.55);
  background:rgba(255,122,69,.1);
}
.page-home .entry__link{
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.6rem .72rem;
  text-decoration:none;
  color:var(--ice);
}
.page-home .entry__link::before{
  content:"";
  flex:none;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mist);
  transition:background .25s var(--ease),box-shadow .25s var(--ease);
}
.page-home .entry--first .entry__link::before{background:var(--orange)}
.page-home .entry:hover{border-color:var(--green);background:rgba(16,59,69,.7)}
.page-home .entry:hover .entry__link::before,
.page-home .entry__link:focus-visible::before{
  background:var(--green);
  box-shadow:0 0 0 4px rgba(43,212,125,.18);
}
.page-home .entry__name{font-size:.875rem;font-weight:500}
.page-home .entry__meta{
  margin-left:auto;
  font-size:.6875rem;
  color:var(--mist);
  white-space:nowrap;
}

/* 纯 CSS 筛选高亮：默认全部可见，未选中的淡出 */
.page-home .entry-console:has(#ef-battle:checked) .entry:not(.entry--battle),
.page-home .entry-console:has(#ef-score:checked) .entry:not(.entry--score),
.page-home .entry-console:has(#ef-mobile:checked) .entry:not(.entry--mobile),
.page-home .entry-console:has(#ef-adapt:checked) .entry:not(.entry--adapt){opacity:.34}
.page-home .entry-console:has(#ef-battle:checked) .entry--battle,
.page-home .entry-console:has(#ef-score:checked) .entry--score,
.page-home .entry-console:has(#ef-mobile:checked) .entry--mobile,
.page-home .entry-console:has(#ef-adapt:checked) .entry--adapt{border-color:var(--green)}

/* ---------- 主队叙事 ---------- */
.page-home .follow{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.4rem,4vw,2.6rem);
  align-items:start;
  padding:clamp(1.6rem,5vw,2.6rem) 0;
  border-top:1px solid var(--line);
}
.page-home .follow__text{min-width:0}
.page-home .follow .section__title{margin:.35rem 0 .9rem}
.page-home .follow__list{
  list-style:none;
  margin:1.1rem 0 1.3rem;
  padding:0;
  display:grid;
  gap:.5rem;
}
.page-home .follow__list li{
  position:relative;
  padding-left:1.15rem;
  color:var(--ice);
  font-size:.9375rem;
}
.page-home .follow__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:var(--gold);
}
.page-home .follow__figure{
  margin:0;
  min-width:0;
  border-radius:var(--home-radius);
  overflow:hidden;
  border:1px solid var(--line-strong);
  background:var(--ink-deep);
}
.page-home .follow__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-home .follow__cap{
  padding:.65rem .9rem;
  font-size:.75rem;
  line-height:1.5;
  color:var(--mist);
  background:rgba(16,59,69,.6);
}

/* ---------- 复盘时间轴 ---------- */
.page-home .review{
  padding:clamp(1.8rem,5vw,3rem) 0;
  border-top:1px solid var(--line);
}
.page-home .review__head{max-width:62ch}
.page-home .review__head .section__title{margin:.35rem 0 .8rem}
.page-home .review__body{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.3rem,3.5vw,2.4rem);
  margin-top:1.6rem;
  align-items:start;
}
.page-home .timeline{
  list-style:none;
  margin:0;
  padding:0 0 0 2.4rem;
  border-left:1px solid var(--line-strong);
  display:grid;
  gap:1rem;
  min-width:0;
}
.page-home .timeline__item{
  position:relative;
  padding:.9rem 1rem;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--glass-soft);
}
.page-home .timeline__idx{
  position:absolute;
  left:-2.4rem;
  top:.9rem;
  width:1.6rem;
  height:1.6rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:.6875rem;
  color:var(--gold);
  background:var(--ink);
  border:1px solid var(--line-strong);
}
.page-home .timeline__title{
  margin:0 0 .35rem;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.25rem;
  line-height:1.1;
  color:var(--ice);
}
.page-home .timeline__text{
  margin:0 0 .65rem;
  font-size:.9375rem;
  line-height:1.72;
  color:var(--mist);
}
.page-home .review__figure{
  margin:0;
  min-width:0;
  border-radius:var(--home-radius);
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--violet);
}
.page-home .review__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-home .review__cap{
  padding:.6rem .9rem;
  font-size:.75rem;
  color:var(--mist);
  background:rgba(32,37,74,.7);
}
.page-home .review__cta{margin-top:1.4rem}

/* ---------- 适配四步 ---------- */
.page-home .adapt{
  padding:clamp(1.8rem,5vw,3rem) 0;
  border-top:1px solid var(--line);
}
.page-home .adapt__head{max-width:60ch}
.page-home .adapt__head .section__title{margin:.35rem 0 .6rem}
.page-home .adapt__note{
  margin:0;
  color:var(--mist);
  font-size:1rem;
}
.page-home .steps{
  list-style:none;
  margin:1.6rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.8rem;
}
.page-home .step{
  min-width:0;
  padding:1rem;
  border-radius:var(--home-radius-sm);
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(16,59,69,.85),rgba(11,30,45,.85));
}
.page-home .step__idx{
  display:block;
  font-size:.75rem;
  letter-spacing:.1em;
  color:var(--gold);
  margin-bottom:.5rem;
}
.page-home .step__title{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.15rem;
  line-height:1.15;
  color:var(--ice);
}
.page-home .step__text{
  margin:0;
  font-size:.9375rem;
  line-height:1.7;
  color:var(--mist);
}
.page-home .adapt__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.9rem;
  margin:1.5rem 0 0;
}
.page-home .adapt__hint{
  font-size:.875rem;
  color:var(--mist);
}

/* ---------- 栏目状态面板 ---------- */
.page-home .status{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.3rem,3.5vw,2.4rem);
  align-items:start;
  padding:clamp(1.8rem,5vw,3rem) 0;
  border-top:1px solid var(--line);
}
.page-home .status__main{min-width:0}
.page-home .status__main .section__title{margin:.35rem 0 1.2rem}
.page-home .statuslist--board{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.55rem;
}
.page-home .statuslist--board .statuslist__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.55rem;
  padding:.7rem .85rem;
  border-radius:var(--home-radius-sm);
  border:1px solid var(--line);
  background:rgba(32,37,74,.55);
  transition:border-color .25s var(--ease),background .25s var(--ease);
}
.page-home .statuslist--board .statuslist__item:hover{
  border-color:var(--mint);
  background:rgba(16,59,69,.7);
}
.page-home .status__name{
  font-size:.9375rem;
  font-weight:500;
  color:var(--ice);
}
.page-home .status__state{
  font-size:.6875rem;
  color:var(--gold);
  white-space:nowrap;
}
.page-home .status__note{
  grid-column:1 / -1;
  font-size:.75rem;
  line-height:1.6;
  color:var(--mist);
  padding-left:1.1rem;
}
.page-home .status__figure{
  margin:0;
  min-width:0;
  border-radius:var(--home-radius);
  overflow:hidden;
  border:1px solid var(--line-strong);
  background:var(--ink-deep);
}
.page-home .status__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-home .status__cap{
  padding:.6rem .9rem;
  font-size:.75rem;
  color:var(--mist);
  background:rgba(11,30,45,.85);
}

/* ---------- 收尾 ---------- */
.page-home .closing{
  margin:clamp(1.4rem,4vw,2.4rem) 0 clamp(2.4rem,6vw,4rem);
  padding:clamp(1.6rem,5vw,2.8rem) clamp(1.2rem,4vw,2.2rem);
  border-radius:var(--home-radius);
  border:1px solid var(--line-strong);
  background:
    radial-gradient(circle at 88% 0%,rgba(43,212,125,.16),transparent 58%),
    linear-gradient(150deg,var(--wine) 0%,var(--ink-deep) 72%);
}
.page-home .closing__title{
  margin:0 0 .7rem;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.7rem,4.6vw,2.6rem);
  line-height:1.02;
  color:var(--ice);
}
.page-home .closing__text{
  max-width:56ch;
  margin:0 0 1.3rem;
  color:var(--ice);
  font-size:1rem;
  line-height:1.75;
}
.page-home .closing__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.8rem;
}
.page-home .closing__link{
  color:var(--gold);
  font-size:.875rem;
  text-decoration:none;
  border-bottom:1px solid rgba(245,192,74,.45);
  padding-bottom:.1rem;
}
.page-home .closing__link:hover{color:var(--mint);border-bottom-color:var(--mint)}

/* ---------- 断点 ---------- */
@media (min-width:640px){
  .page-home .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-home .entry-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:900px){
  .page-home .hero{
    grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);
    align-items:start;
    gap:clamp(1.6rem,3.2vw,3rem);
  }
  .page-home .hero__board{padding:1.4rem}
  .page-home .follow{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .page-home .review__body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .page-home .status{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
}

@media (min-width:1080px){
  .page-home .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .page-home .hero__title{font-size:clamp(3.2rem,5vw,4.6rem)}
}

@media (prefers-reduced-motion:reduce){
  .page-home *,
  .page-home *::before,
  .page-home *::after{
    transition:none !important;
    animation:none !important;
  }
}
<<<END>>>