.page-home{
  --home-hairline:rgba(201,212,226,.22);
  --home-glow:rgba(10,132,255,.32);
  --home-soft:rgba(10,132,255,.10);
  display:block;
  background:var(--sd-ink);
  color:var(--sd-mist);
  overflow-x:clip;
}

.page-home .sd-band{
  position:relative;
  padding:3.25rem 0;
}

.page-home h2{
  font-family:var(--sd-font-display);
  font-weight:300;
  line-height:1.1;
  letter-spacing:.01em;
  font-size:clamp(1.65rem,5.4vw,2.75rem);
  margin:.6rem 0 1rem;
}

.page-home h3{
  font-size:1.08rem;
  font-weight:700;
  line-height:1.4;
  margin:.5rem 0 .5rem;
}

.page-home .home-lead{
  max-width:62ch;
  font-size:1rem;
  line-height:1.78;
  color:var(--sd-silver);
}

.page-home .home-inline-link{
  color:var(--sd-blue);
  text-decoration:none;
  border-bottom:1px solid rgba(10,132,255,.45);
  padding-bottom:1px;
  transition:color .2s ease,border-color .2s ease;
}

.page-home .home-inline-link:hover,
.page-home .home-inline-link:focus-visible{
  color:var(--sd-orange);
  border-color:var(--sd-orange);
}

.page-home .sd-media{
  margin:0;
  border-radius:var(--sd-radius-lg);
  overflow:hidden;
  background:var(--sd-obsidian);
}

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

.page-home .sd-media__cap{
  padding:.7rem 1rem .85rem;
  font-size:.78rem;
  line-height:1.6;
  color:var(--sd-silver);
  background:rgba(11,18,32,.72);
}

/* ---------- 封面 ---------- */
.page-home .home-cover{
  padding-top:1.75rem;
  padding-bottom:2.75rem;
  overflow:hidden;
}

.page-home .home-cover::before{
  content:"";
  position:absolute;
  top:-30%;
  right:-20%;
  width:78%;
  height:120%;
  background:radial-gradient(circle at 68% 38%,var(--home-glow),transparent 66%);
  pointer-events:none;
}

.page-home .home-cover__ctx{
  position:relative;
  margin:0 0 1.5rem;
  color:var(--sd-blue);
}

.page-home .home-cover__grid{
  position:relative;
  display:grid;
  gap:2rem;
}

.page-home .home-cover__title{
  margin:.7rem 0 1rem;
  font-family:var(--sd-font-display);
  font-weight:300;
  font-size:clamp(2.3rem,10vw,4.5rem);
  line-height:1.03;
  letter-spacing:.005em;
  color:#FFFFFF;
}

.page-home .home-cover__title span{
  font-weight:800;
  color:var(--sd-orange);
}

.page-home .home-cover__intro{
  max-width:54ch;
  color:var(--sd-silver);
}

.page-home .home-cover__acts{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1.6rem;
}

.page-home .home-cover__metrics{
  display:flex;
  flex-wrap:wrap;
  gap:1.1rem 2.25rem;
  margin:1.9rem 0 0;
  padding:1.25rem 0 0;
  list-style:none;
  border-top:1px solid var(--home-hairline);
}

.page-home .home-cover__metrics li{
  display:flex;
  flex-direction:column;
  gap:.25rem;
}

.page-home .home-metric__v{
  font-family:var(--sd-font-mono);
  font-size:1.45rem;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--sd-blue);
}

.page-home .home-metric__k{
  color:var(--sd-silver);
}

.page-home .home-cover__visual{
  border-radius:var(--sd-radius-lg);
}

/* ---------- 赛程索引台 ---------- */
.page-home .home-schedule__head{
  display:grid;
  gap:1rem;
  margin-bottom:2rem;
}

.page-home .home-schedule__lead{
  color:var(--sd-silver);
}

.page-home .home-tabs{
  border-top:1px solid var(--home-hairline);
  padding-top:1.5rem;
}

.page-home .home-tablist{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:1.25rem;
}

.page-home .home-tablist .sd-tabs__tab[aria-selected="true"]{
  background:var(--sd-blue);
  border-color:var(--sd-blue);
  color:#FFFFFF;
}

.page-home .home-fixtures{
  list-style:none;
  margin:0;
  padding:0;
}

.page-home .home-fixture{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.3rem .85rem;
  padding:.9rem 1rem;
  border-bottom:1px solid var(--home-hairline);
  border-radius:var(--sd-radius-md);
  transition:background .2s ease;
}

.page-home .home-fixture:hover,
.page-home .home-fixture:focus-within{
  background:var(--home-soft);
}

.page-home .home-fixture__time{
  font-family:var(--sd-font-mono);
  font-size:.82rem;
  color:var(--sd-blue);
  min-width:6.6rem;
}

.page-home .home-fixture__league{
  display:inline-flex;
  align-items:center;
  padding:.15rem .6rem;
  border-radius:var(--sd-pill);
  border:1px solid rgba(201,212,226,.3);
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--sd-silver);
}

.page-home .home-fixture__pair{
  flex:1 1 12rem;
  font-size:.98rem;
  font-weight:600;
  color:var(--sd-mist);
}

.page-home .home-fixture__pair i{
  font-style:normal;
  font-family:var(--sd-font-mono);
  font-size:.78rem;
  color:var(--sd-orange);
  padding:0 .3rem;
}

.page-home .home-fixture__state{
  margin-left:auto;
  font-size:.78rem;
  color:var(--sd-cyan);
}

.page-home .home-fixture__note{
  flex:1 1 100%;
  font-size:.78rem;
  line-height:1.6;
  color:var(--sd-silver);
  opacity:.8;
}

/* ---------- 复盘与统计 ---------- */
.page-home .home-review__grid{
  display:grid;
  gap:2rem;
}

.page-home .home-review__num{
  font-family:var(--sd-font-mono);
  font-size:1.5rem;
  font-weight:700;
  color:var(--sd-cyan);
}

.page-home .home-metrics{
  list-style:none;
  margin:1.75rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem;
}

.page-home .home-metrics li{
  padding:.62rem .8rem;
  border-radius:var(--sd-pill);
  background:rgba(18,199,168,.12);
  border:1px solid rgba(18,199,168,.32);
  font-size:.8rem;
  text-align:center;
  color:#D6FFF6;
}

/* ---------- 场景 ---------- */
.page-home .home-scenes{
  color:var(--sd-text);
}

.page-home .home-scenes h2,
.page-home .home-scenes h3{
  color:var(--sd-ink);
}

.page-home .home-scenes__head{
  margin-bottom:2rem;
}

.page-home .home-scenes__grid{
  display:grid;
  gap:1.75rem;
}

.page-home .home-scenes__texts{
  display:grid;
  gap:1.5rem;
}

.page-home .home-scene{
  padding-left:1rem;
  border-left:3px solid rgba(10,132,255,.35);
}

.page-home .home-scene__no{
  font-family:var(--sd-font-mono);
  font-size:.78rem;
  letter-spacing:.12em;
  color:var(--sd-orange);
}

.page-home .home-scene p{
  margin:0;
  font-size:.95rem;
  line-height:1.78;
  color:var(--sd-text-soft);
}

.page-home .home-scenes__media{
  border-radius:var(--sd-radius-lg);
  background:var(--sd-obsidian);
}

.page-home .home-scenes__media .sd-media__cap{
  color:var(--sd-silver);
}

/* ---------- 版本 ---------- */
.page-home .home-version__grid{
  display:grid;
  gap:2rem;
}

.page-home .home-version__badge{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.35rem;
  padding:1.4rem 1.5rem;
  border-radius:var(--sd-radius-lg);
  border:1px solid rgba(10,132,255,.42);
  background:linear-gradient(150deg,rgba(10,132,255,.18),rgba(43,20,64,.2));
}

.page-home .home-version__label{
  color:var(--sd-silver);
}

.page-home .home-version__no{
  font-family:var(--sd-font-mono);
  font-size:clamp(3.2rem,14vw,4.6rem);
  font-weight:800;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--sd-gold);
}

.page-home .home-version__body .home-lead{
  color:var(--sd-silver);
}

.page-home .home-version__list{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  display:grid;
  gap:.75rem;
}

.page-home .home-version__list li{
  position:relative;
  padding-left:1.15rem;
  font-size:.92rem;
  line-height:1.7;
  color:var(--sd-silver);
}

.page-home .home-version__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:.5rem;
  height:.14rem;
  background:var(--sd-orange);
}

.page-home .home-version__list .sd-num{
  font-family:var(--sd-font-mono);
  font-weight:700;
  color:#FFFFFF;
}

.page-home .home-version__link{
  margin:1.5rem 0 0;
}

/* ---------- 接下来去哪 ---------- */
.page-home .home-next{
  padding-bottom:3.5rem;
}

.page-home .home-next__flow{
  margin:0 0 2.5rem;
  line-height:0;
}

.page-home .home-next__flow img{
  display:block;
  width:100%;
  height:clamp(160px,26vw,300px);
  object-fit:cover;
}

.page-home .home-next__body{
  position:relative;
}

.page-home .home-next__links{
  display:grid;
  gap:.85rem;
  margin-top:1.75rem;
}

.page-home .home-next__link{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:.9rem;
  align-items:baseline;
  padding:1.1rem 1.2rem;
  border-radius:var(--sd-radius-md);
  border:1px solid var(--home-hairline);
  background:rgba(23,26,53,.55);
  text-decoration:none;
  color:var(--sd-mist);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}

.page-home .home-next__link:hover,
.page-home .home-next__link:focus-visible{
  border-color:var(--sd-blue);
  background:rgba(10,132,255,.14);
  transform:translateY(-2px);
}

.page-home .home-next__num{
  grid-row:1 / span 2;
  font-family:var(--sd-font-mono);
  font-size:1.35rem;
  font-weight:700;
  color:var(--sd-blue);
}

.page-home .home-next__title{
  font-size:1.05rem;
  font-weight:700;
  color:#FFFFFF;
}

.page-home .home-next__desc{
  font-size:.84rem;
  line-height:1.65;
  color:var(--sd-silver);
}

.page-home .home-next__more{
  margin:1.75rem 0 0;
  font-size:.9rem;
  line-height:1.8;
  color:var(--sd-silver);
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-home .home-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (min-width:840px){
  .page-home .sd-band{
    padding:5rem 0;
  }

  .page-home .home-cover{
    padding-top:2.5rem;
    padding-bottom:5rem;
  }

  .page-home .home-schedule__head{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:end;
    gap:2.5rem;
  }

  .page-home .home-scenes__grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:start;
    gap:3rem;
  }

  .page-home .home-version__grid{
    grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);
    align-items:center;
    gap:3rem;
  }

  .page-home .home-next__links{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-home .home-cover__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
    align-items:center;
    gap:3rem;
  }

  .page-home .home-cover__visual{
    clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);
    border-radius:0 var(--sd-radius-lg) var(--sd-radius-lg) 0;
  }

  .page-home .home-cover__visual img{
    height:clamp(360px,42vw,520px);
  }

  .page-home .home-review__grid{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    align-items:center;
    gap:3.25rem;
  }

  .page-home .home-fixture{
    padding:.85rem 1rem;
  }

  .page-home .home-fixture__note{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    margin-top:-4px;
    z-index:4;
    padding:.75rem 1rem;
    border:1px solid rgba(10,132,255,.45);
    border-radius:0 0 var(--sd-radius-md) var(--sd-radius-md);
    background:var(--sd-ink);
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }

  .page-home .home-fixture:hover .home-fixture__note,
  .page-home .home-fixture:focus-within .home-fixture__note{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home *{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }

  .page-home .home-next__link:hover{
    transform:none;
  }
}
</main>