.page-home{
  --rail-w:260px;
  --band:clamp(52px,8vw,118px);
  color:var(--chalk);
}

/* ============ 首屏 ============ */
.page-home .hero{
  position:relative;
  padding:clamp(40px,1vw + 32px,96px) 0 var(--band);
  overflow:hidden;
}
.page-home .hero::before{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  top:-32%;
  height:88%;
  background:
    radial-gradient(58% 62% at 18% 4%,rgba(79,227,193,.20),transparent 68%),
    radial-gradient(52% 56% at 88% 12%,rgba(255,90,54,.14),transparent 70%);
  pointer-events:none;
}
.page-home .hero__inner{
  position:relative;
  display:grid;
  gap:clamp(28px,5vw,52px);
  align-items:center;
}
.page-home .hero__title{
  margin:.6rem 0 0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(2rem,6.6vw,4.2rem);
  line-height:1.04;
  letter-spacing:-.015em;
  color:var(--chalk);
}
.page-home .hero__lead{
  margin:1.1rem 0 0;
  max-width:34em;
  font-size:clamp(1rem,1.8vw,1.125rem);
  line-height:1.78;
  color:var(--sage);
}
.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:1.7rem;
}
.page-home .hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px 22px;
  margin:1.8rem 0 0;
  padding:0;
  list-style:none;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--sage);
}
.page-home .hero__facts li{
  position:relative;
  padding-left:14px;
}
.page-home .hero__facts li::before{
  content:"";
  position:absolute;
  left:0;
  top:.52em;
  width:6px;
  height:1px;
  background:var(--cyan);
}

/* 记分牌 */
.page-home .board{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:clamp(300px,62vw,480px);
  border-radius:var(--radius-l);
  overflow:hidden;
  isolation:isolate;
  border:1px solid var(--glass-line-soft);
  background:var(--ink-950);
}
.page-home .board__stage{
  position:absolute;
  inset:0;
  z-index:0;
}
.page-home .board__bg{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.52;
  filter:saturate(.85) contrast(1.06) brightness(.78);
}
.page-home .board__stage::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,17,14,.10) 0%,rgba(6,17,14,.72) 68%,rgba(6,17,14,.94) 100%);
}
.page-home .board__lines{
  position:absolute;
  inset:6% 4% 22%;
  width:92%;
  height:72%;
  color:rgba(140,243,220,.30);
  z-index:1;
}
.page-home .board__panel{
  position:relative;
  z-index:2;
  width:100%;
  padding:clamp(18px,3.4vw,28px);
  border-radius:0;
  border-top:1px solid var(--glass-line);
  background:linear-gradient(180deg,rgba(11,43,35,.22),rgba(11,43,35,.72));
  backdrop-filter:blur(10px);
}
.page-home .board__scoreline{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin-top:14px;
}
.page-home .board__club{
  font-size:clamp(.9rem,2.4vw,1.15rem);
  font-weight:600;
  color:var(--chalk);
  line-height:1.3;
}
.page-home .board__club--away{
  text-align:right;
}
.page-home .board__digits{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(3rem,13vw,6.2rem);
  line-height:1;
  letter-spacing:-.03em;
  color:var(--flame);
  transform:skewX(-4deg);
  display:inline-flex;
  align-items:baseline;
  padding:0 .06em;
}
.page-home .board__colon{
  font-size:.62em;
  color:var(--flame-soft);
  padding:0 .06em;
}
.page-home .board__meta{
  margin:12px 0 0;
  font-size:12px;
  letter-spacing:.03em;
  color:var(--sage);
}

/* ============ 轮次与比分 ============ */
.page-home .pitch{
  position:relative;
}
.page-home .round-strip{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:2px 2px 14px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
.page-home .round-strip__item{
  flex:0 0 auto;
  scroll-snap-align:center;
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:132px;
  padding:12px 16px;
  text-align:left;
  cursor:pointer;
  font:inherit;
  color:var(--sage);
  background:var(--glass);
  border:1px solid var(--glass-line-soft);
  border-radius:var(--radius-m);
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.page-home .round-strip__item:hover{
  color:var(--chalk);
  border-color:var(--glass-line);
  transform:translateY(-2px);
}
.page-home .round-strip__item[aria-current="true"],
.page-home .round-strip__item.is-current{
  color:var(--cyan);
  background:rgba(79,227,193,.10);
  border-color:var(--glass-line);
  box-shadow:inset 2px 0 0 var(--cyan);
}
.page-home .round-strip__label{
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.16rem;
  letter-spacing:-.01em;
  color:inherit;
}
.page-home .round-strip__meta{
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--sage);
}

.page-home .band{
  margin:clamp(20px,3.4vw,34px) 0 clamp(26px,4vw,46px);
}

.page-home .grid--rail{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(18px,3vw,34px);
}
.page-home .rail{
  border-radius:var(--radius-m);
  padding:clamp(16px,2.6vw,22px);
}
.page-home .rail__block + .rail__block{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--glass-line-soft);
}
.page-home .rail__title{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cyan);
}
.page-home .rail__seasons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .season-link{
  flex:1 1 auto;
  text-align:center;
  padding:9px 10px;
  font-size:.82rem;
  text-decoration:none;
  color:var(--chalk);
  background:rgba(232,245,240,.06);
  border:1px solid var(--glass-line-soft);
  border-radius:var(--radius-s);
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.page-home .season-link:hover{
  color:var(--cyan);
  border-color:var(--glass-line);
  background:rgba(79,227,193,.08);
}
.page-home .rail__hint{
  margin:12px 0 0;
  font-size:12px;
  line-height:1.7;
  color:var(--sage);
}
.page-home .rail__group + .rail__group{
  margin-top:14px;
}
.page-home .rail__league{
  margin:0 0 6px;
  font-size:12px;
  letter-spacing:.06em;
  color:var(--amber);
}
.page-home .rail__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px;
}
.page-home .team-chip{
  display:block;
  width:100%;
  padding:6px 8px;
  font:inherit;
  font-size:.78rem;
  text-align:left;
  cursor:pointer;
  color:var(--sage);
  background:transparent;
  border:1px solid transparent;
  border-left:2px solid transparent;
  border-radius:var(--radius-s);
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-home .team-chip:hover{
  color:var(--chalk);
  border-color:var(--glass-line-soft);
}
.page-home .team-chip[aria-pressed="true"]{
  color:var(--cyan);
  background:rgba(79,227,193,.10);
  border-left-color:var(--cyan);
}

.page-home .wall-head{
  margin-bottom:16px;
}
.page-home .wall-head__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.4rem,3.6vw,2.1rem);
  letter-spacing:-.01em;
  color:var(--chalk);
}
.page-home .wall-head__note{
  margin:8px 0 0;
  font-size:.9rem;
  line-height:1.7;
  color:var(--sage);
}
.page-home .score-wall{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.page-home .match{
  position:relative;
  padding:14px 16px;
  border-radius:var(--radius-m);
  background:var(--ink-900);
  border:1px solid rgba(140,243,220,.08);
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.page-home .match:hover,
.page-home .match:focus-visible{
  border-color:var(--glass-line);
  background:var(--ink-850);
  outline:none;
}
.page-home .match:focus-visible{
  box-shadow:0 0 0 2px var(--cyan-soft);
}
.page-home .match[hidden]{
  display:none;
}
.page-home .match__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.page-home .match__state{
  font-size:11.5px;
  letter-spacing:.05em;
  color:var(--sage);
}
.page-home .match__row{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:8px;
  margin-top:8px;
}
.page-home .match__club{
  font-size:.9rem;
  font-weight:600;
  line-height:1.35;
  color:var(--chalk);
}
.page-home .match__club--away{
  text-align:right;
}
.page-home .match__score{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.9rem,5vw,2.7rem);
  line-height:1;
  letter-spacing:-.03em;
  color:var(--flame);
  transform:skewX(-4deg);
  white-space:nowrap;
}
.page-home .match__colon{
  font-size:.6em;
  color:var(--flame-soft);
}
.page-home .match__card{
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(12px);
  transition:max-height var(--dur) var(--ease),opacity var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.page-home .match:hover .match__card,
.page-home .match:focus-within .match__card,
.page-home .match:focus-visible .match__card{
  max-height:120px;
  opacity:1;
  transform:translateY(0);
}
.page-home .match__data{
  display:flex;
  flex-wrap:wrap;
  gap:6px 20px;
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px solid var(--glass-line-soft);
}
.page-home .match__data div{
  display:flex;
  align-items:baseline;
  gap:6px;
}
.page-home .match__data dt{
  font-size:11px;
  letter-spacing:.06em;
  color:var(--sage);
}
.page-home .match__data dd{
  margin:0;
  font-family:var(--font-mono);
  font-size:12.5px;
  color:var(--chalk);
}
.page-home .wall-foot{
  margin:18px 0 0;
  font-size:.86rem;
  line-height:1.75;
  color:var(--sage);
}
.page-home .wall-foot a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid var(--glass-line);
}
.page-home .wall-foot a:hover{
  color:var(--cyan-soft);
}

/* ============ 导出与赛程 ============ */
.page-home .export{
  position:relative;
  border-top:1px solid var(--glass-line-soft);
  border-bottom:1px solid var(--glass-line-soft);
  background:linear-gradient(180deg,rgba(11,43,35,.55),rgba(6,17,14,0) 78%);
}
.page-home .export__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,54px);
  align-items:start;
}
.page-home .export__title{
  margin:.5rem 0 0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.6rem,4.4vw,2.7rem);
  line-height:1.12;
  letter-spacing:-.015em;
  color:var(--chalk);
}
.page-home .export__copy .prose{
  margin:1.1rem 0 0;
  max-width:34em;
  font-size:1rem;
  line-height:1.8;
  color:var(--sage);
}
.page-home .disclosure{
  margin-top:1.6rem;
  border:1px solid var(--glass-line-soft);
  border-radius:var(--radius-m);
  background:var(--glass);
  overflow:hidden;
}
.page-home .disclosure__trigger{
  width:100%;
  padding:13px 16px;
  text-align:left;
  font:inherit;
  font-size:.88rem;
  letter-spacing:.04em;
  cursor:pointer;
  color:var(--cyan);
  background:transparent;
  border:0;
}
.page-home .disclosure__trigger::after{
  content:"＋";
  float:right;
  font-size:1rem;
  line-height:1.2;
}
.page-home [data-disclosure][data-open] .disclosure__trigger::after{
  content:"－";
}
.page-home .disclosure__panel{
  max-height:0;
  overflow:hidden;
  transition:max-height .26s var(--ease);
}
.page-home [data-disclosure][data-open] .disclosure__panel{
  max-height:520px;
}
.page-home .disclosure__body{
  padding:4px 16px 16px;
}
.page-home .field-list{
  margin:0;
  padding:0;
  list-style:none;
}
.page-home .field-list__item{
  display:flex;
  flex-wrap:wrap;
  gap:4px 14px;
  padding:8px 0;
  border-top:1px solid var(--glass-line-soft);
  font-size:.85rem;
  line-height:1.6;
  color:var(--chalk);
}
.page-home .field-list__item:nth-child(n+5){
  display:none;
}
.page-home [data-disclosure][data-open] .field-list__item:nth-child(n+5){
  display:flex;
}
.page-home .field-list__key{
  flex:0 0 84px;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--amber);
}
.page-home .field-list__val{
  flex:1 1 160px;
  color:var(--sage);
}
.page-home .export__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:1.6rem;
}
.page-home .export__note{
  margin:1.2rem 0 0;
  max-width:32em;
  font-size:.86rem;
  line-height:1.75;
  color:var(--sage);
}
.page-home .export__figure{
  margin:0;
}

/* ============ 战报导流 ============ */
.page-home .notes-band{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:clamp(46px,7vw,96px) 0;
}
.page-home .notes-band__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.22;
  filter:saturate(.7) brightness(.72);
  z-index:-1;
}
.page-home .notes-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(6,17,14,.94) 0%,rgba(11,43,35,.72) 52%,rgba(6,17,14,.9) 100%);
  z-index:-1;
}
.page-home .notes-band__title{
  margin:.5rem 0 0;
  max-width:18em;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.5rem,4.2vw,2.5rem);
  line-height:1.14;
  letter-spacing:-.015em;
  color:var(--chalk);
}
.page-home .notes-band__lead{
  margin:1rem 0 0;
  max-width:34em;
  font-size:.98rem;
  line-height:1.78;
  color:var(--sage);
}
.page-home .notes-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:clamp(24px,3.6vw,38px) 0 0;
  padding:0;
  list-style:none;
}
.page-home .notes-list__link{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:16px 18px;
  text-decoration:none;
  background:var(--ink-900);
  border:1px solid rgba(140,243,220,.10);
  border-radius:var(--radius-m);
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.page-home .notes-list__link:hover{
  border-color:var(--glass-line);
  background:var(--ink-850);
  transform:translateY(-3px);
}
.page-home .notes-list__tag{
  align-self:flex-start;
}
.page-home .notes-list__title{
  font-size:1rem;
  font-weight:600;
  line-height:1.5;
  color:var(--chalk);
}
.page-home .notes-list__meta{
  font-size:11.5px;
  letter-spacing:.05em;
  color:var(--sage);
}
.page-home .notes-band .btn{
  margin-top:clamp(22px,3vw,32px);
}

/* ============ 快速通道 ============ */
.page-home .quick__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.page-home .quick__item{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px;
  text-decoration:none;
  border-radius:var(--radius-m);
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.page-home .quick__item:hover{
  border-color:var(--glass-line);
  transform:translateY(-3px);
}
.page-home .quick__num{
  font-family:var(--font-display);
  font-weight:700;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--cyan);
}
.page-home .quick__title{
  font-size:1rem;
  font-weight:600;
  color:var(--chalk);
}
.page-home .quick__text{
  font-size:.86rem;
  line-height:1.72;
  color:var(--sage);
}

/* ============ 响应式 ============ */
@media (min-width:640px){
  .page-home .score-wall{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-home .notes-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-home .quick__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (min-width:1000px){
  .page-home .hero__inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
    gap:clamp(38px,5.6vw,76px);
  }
  .page-home .grid--rail{
    grid-template-columns:var(--rail-w) minmax(0,1fr);
    align-items:start;
  }
  .page-home .rail{
    position:sticky;
    top:calc(var(--bar-h) + 18px);
    max-height:calc(100vh - var(--bar-h) - 36px);
    overflow-y:auto;
  }
  .page-home .export__inner{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
  }
  .page-home .score-wall{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:1240px){
  .page-home .score-wall{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-home .match--feature{
    grid-column:span 2;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home *{
    transition-duration:.01ms !important;
  }
  .page-home .quick__item:hover,
  .page-home .notes-list__link:hover,
  .page-home .round-strip__item:hover,
  .page-home .match:hover .match__card,
  .page-home .match:focus-within .match__card{
    transform:none;
  }
}
<<<END>>>