.page-home {
  --home-slant: 8deg;
  --home-radius: 16px;
  --home-grid-line: rgba(107, 255, 208, .07);
  background: var(--ink-900);
  color: var(--mist);
}

/* ---------- 首屏 ---------- */
.page-home .home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(30px, 6vw, 72px) 0 0;
  background:
    radial-gradient(120% 88% at 82% 4%, rgba(18, 224, 176, .20), transparent 58%),
    radial-gradient(90% 70% at 6% 90%, rgba(255, 90, 31, .16), transparent 62%),
    linear-gradient(180deg, #05231D 0%, var(--ink-900) 58%, #041D18 100%);
}

.page-home .home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .6;
  background-image:
    repeating-linear-gradient(90deg, var(--home-grid-line) 0 1px, transparent 1px 56px),
    repeating-linear-gradient(0deg, var(--home-grid-line) 0 1px, transparent 1px 56px);
}

.page-home .home-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(30px, 5vw, 52px);
  align-items: center;
}

.page-home .home-hero__context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cyan-300);
}

.page-home .home-hero__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--orange-500);
}

.page-home .home-hero__title {
  margin: 0 0 20px;
  color: var(--white);
  letter-spacing: -0.02em;
  line-height: 1.06;
}

.page-home .home-hero__text {
  max-width: 34em;
  margin: 0;
  color: rgba(232, 239, 234, .86);
}

.page-home .home-hero__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-hero__poster {
  position: relative;
  padding: 14px 0 34px;
}

.page-home .home-hero__shape {
  position: absolute;
  inset: -4% -6% 6% 10%;
  z-index: 0;
  background: linear-gradient(140deg, rgba(255, 90, 31, .95), rgba(255, 90, 31, .38) 52%, rgba(255, 90, 31, 0) 84%);
  clip-path: polygon(14% 0, 100% 7%, 86% 100%, 0 90%);
}

.page-home .home-hero__edge {
  position: absolute;
  inset: 8% 4% 0 0;
  z-index: 0;
  border: 1px solid var(--line);
  background: rgba(18, 224, 176, .05);
  clip-path: polygon(6% 0, 100% 4%, 94% 100%, 0 94%);
}

.page-home .home-hero__figure {
  position: relative;
  z-index: 1;
  margin: 0;
}

.page-home .home-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  clip-path: polygon(6% 0, 100% 4%, 94% 100%, 0 94%);
  filter: saturate(.92) contrast(1.06);
}

.page-home .home-hero__figure .media__caption {
  margin-top: 12px;
  color: var(--gray-500);
}

.page-home .home-hero__badge {
  position: absolute;
  right: 6%;
  bottom: 42px;
  z-index: 2;
  margin: 0;
  padding: 10px 14px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--white);
  background: rgba(6, 43, 35, .82);
  border: 1px solid var(--line);
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.page-home .home-hero__badge .t-mono {
  font-size: 18px;
  color: var(--orange-500);
}

.page-home .home-hero__stats {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1px;
  margin-top: clamp(30px, 5vw, 60px);
  padding-top: 1px;
  padding-bottom: 1px;
  background: var(--line-soft);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.page-home .home-hero__stat {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 22px 4px;
  background: var(--ink-900);
}

.page-home .home-hero__stat .stat__num {
  flex: none;
  color: var(--white);
  font-family: var(--font-mono);
  font-size: clamp(38px, 9vw, 64px);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: .9;
}

.page-home .home-hero__stat .stat__num--data {
  color: var(--orange-500);
}

.page-home .home-hero__stat .stat__label {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(232, 239, 234, .7);
}

/* ---------- 联赛索引 ---------- */
.page-home .home-leagues {
  padding-top: clamp(48px, 7vw, 92px);
}

.page-home .home-leagues__inner {
  display: grid;
  gap: clamp(28px, 4vw, 48px);
  align-items: start;
}

.page-home .home-leagues__ring {
  max-width: 280px;
  margin: 0 auto;
}

.page-home .home-leagues__svg {
  display: block;
  width: 100%;
  height: auto;
}

.page-home .home-leagues__core {
  fill: var(--white);
  font-family: var(--font-mono);
  font-size: 30px;
  font-weight: 700;
}

.page-home .home-leagues__core-sub {
  fill: var(--cyan-300);
  font-size: 11px;
  letter-spacing: .18em;
}

.page-home .home-leagues__nodes circle {
  fill: rgba(6, 43, 35, .88);
  stroke: rgba(107, 255, 208, .45);
  stroke-width: 1;
}

.page-home .home-leagues__nodes text {
  fill: var(--cyan-300);
  font-family: var(--font-mono);
  font-size: 8px;
  text-anchor: middle;
}

.page-home .home-leagues__body .t-body {
  max-width: 36em;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-leagues__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-leagues__item a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 11px 12px;
  font-size: 15px;
  color: var(--mist);
  text-decoration: none;
  background: var(--panel);
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  transition: border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);
}

.page-home .home-leagues__item a:hover,
.page-home .home-leagues__item a:focus-visible {
  border-color: var(--cyan-500);
  background: var(--panel-2);
  transform: translateY(-2px);
}

.page-home .home-leagues__no {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--cyan-500);
}

.page-home .home-leagues__classify {
  display: grid;
  gap: clamp(20px, 3vw, 36px);
  margin-top: clamp(36px, 5vw, 64px);
  padding-top: clamp(28px, 4vw, 44px);
  border-top: 1px solid var(--line-soft);
}

.page-home .home-leagues__classify-text .t-h3 {
  margin: 0 0 16px;
  color: var(--white);
}

.page-home .home-leagues__tags {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

.page-home .home-leagues__tags li {
  display: grid;
  gap: 6px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-leagues__figure {
  margin: 0;
  position: relative;
}

.page-home .home-leagues__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--home-radius);
  border: 1px solid var(--line-soft);
  filter: saturate(.85);
}

.page-home .home-leagues__figure .media__caption {
  margin-top: 10px;
  color: var(--gray-500);
}

/* ---------- 积分榜 ---------- */
.page-home .home-board {
  padding-top: clamp(48px, 7vw, 92px);
}

.page-home .home-board__head .t-body {
  max-width: 38em;
  color: rgba(232, 239, 234, .82);
}

.page-home .board {
  margin-top: clamp(22px, 3vw, 34px);
  background:
    linear-gradient(180deg, rgba(11, 64, 52, .72), rgba(6, 43, 35, .72)),
    repeating-linear-gradient(90deg, rgba(107, 255, 208, .06) 0 1px, transparent 1px 48px);
  border: 1px solid var(--line);
  border-radius: var(--home-radius);
  overflow: hidden;
}

.page-home .board__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px clamp(14px, 2.4vw, 24px);
  border-bottom: 1px solid var(--line-soft);
}

.page-home .board__tab {
  padding: 8px 16px;
  font-size: 14px;
  color: var(--mist);
  text-decoration: none;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  transition: color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}

.page-home .board__tab:hover,
.page-home .board__tab:focus-visible {
  border-color: var(--cyan-300);
  color: var(--white);
}

.page-home .board:not(:has(:target)) .board__tab[href="#round-now"],
.page-home .board:has(#round-now:target) .board__tab[href="#round-now"],
.page-home .board:has(#round-prev:target) .board__tab[href="#round-prev"],
.page-home .board:has(#round-prev2:target) .board__tab[href="#round-prev2"] {
  color: var(--ink-900);
  background: var(--cyan-500);
  border-color: var(--cyan-500);
  font-weight: 700;
}

.page-home .board__panel {
  display: none;
  padding: clamp(14px, 2.4vw, 26px);
}

.page-home .board__panels:not(:has(:target)) .board__panel:first-child {
  display: block;
}

.page-home .board__panel:target {
  display: block;
}

.page-home .board__panel .table caption {
  text-align: left;
  padding: 0 0 12px;
  color: var(--gray-500);
}

.page-home .board__panel .table th,
.page-home .board__panel .table td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--line-soft);
}

.page-home .board__panel .table thead th {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--cyan-300);
  white-space: nowrap;
}

.page-home .board__panel .table tbody th[scope="row"] {
  font-weight: 500;
  color: var(--white);
  text-align: left;
}

.page-home .board__panel .table tbody tr {
  transition: background .2s var(--ease);
}

.page-home .board__panel .table tbody tr:hover {
  background: rgba(107, 255, 208, .07);
}

.page-home .home-gd {
  color: var(--orange-500);
}

.page-home .home-pts {
  color: var(--white);
  font-weight: 700;
}

.page-home .home-board__fold {
  margin-top: 20px;
}

/* ---------- 单场三项 ---------- */
.page-home .home-metrics {
  padding-top: clamp(48px, 7vw, 92px);
}

.page-home .home-metrics__head .t-body {
  max-width: 38em;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-metrics__grid {
  margin-top: clamp(22px, 3vw, 34px);
}

.page-home .home-metric {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: clamp(18px, 2.4vw, 26px);
}

.page-home .home-metric__media {
  margin: 0 0 6px;
}

.page-home .home-metric__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--line-soft);
  filter: saturate(.86);
}

.page-home .home-metric .t-label {
  color: var(--cyan-300);
}

.page-home .home-metric__num {
  margin: 0;
  font-family: var(--font-mono);
  font-size: clamp(46px, 10vw, 72px);
  font-weight: 700;
  line-height: .92;
  color: var(--orange-500);
  letter-spacing: -0.01em;
}

.page-home .home-metric .t-h3 {
  margin: 0;
  color: var(--white);
}

.page-home .home-metric__text {
  margin: 0;
  color: rgba(232, 239, 234, .8);
}

.page-home .home-metric__link {
  margin-top: auto;
  padding-top: 12px;
  align-self: flex-start;
  font-size: 14px;
  color: var(--cyan-500);
  text-decoration: none;
  border-bottom: 1px solid rgba(18, 224, 176, .4);
}

.page-home .home-metric__link:hover,
.page-home .home-metric__link:focus-visible {
  color: var(--white);
  border-bottom-color: var(--white);
}

/* ---------- 赛季纵深 ---------- */
.page-home .home-seasons {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: clamp(52px, 8vw, 104px);
  padding: clamp(46px, 7vw, 88px) 0;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  background: linear-gradient(180deg, #041D18, var(--ink-900));
}

.page-home .home-seasons__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .2;
}

.page-home .home-seasons__inner {
  position: relative;
  z-index: 1;
}

.page-home .home-seasons__lead {
  max-width: 38em;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-seasons__scale {
  display: grid;
  gap: 22px;
  margin: clamp(28px, 4vw, 46px) 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-seasons__tick {
  position: relative;
  display: grid;
  gap: 6px;
  padding-top: 22px;
  border-top: 1px solid var(--line-soft);
}

.page-home .home-seasons__tick::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold-400);
  box-shadow: 0 0 0 4px rgba(255, 194, 77, .16);
}

.page-home .home-seasons__tick:last-child::before {
  background: var(--cyan-500);
  box-shadow: 0 0 0 4px rgba(18, 224, 176, .18);
}

.page-home .home-seasons__idx {
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--gold-400);
}

.page-home .home-seasons__tick:last-child .home-seasons__idx {
  color: var(--cyan-300);
}

.page-home .home-seasons__cap {
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
}

.page-home .home-seasons__desc {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(232, 239, 234, .74);
}

/* ---------- 复盘精选 ---------- */
.page-home .home-picks {
  padding-top: clamp(48px, 7vw, 92px);
}

.page-home .home-picks__head .t-body {
  max-width: 38em;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-picks__list {
  display: grid;
  gap: 14px;
  margin: clamp(22px, 3vw, 34px) 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-pick__link {
  display: grid;
  gap: 12px;
  padding: clamp(18px, 2.4vw, 26px);
  text-decoration: none;
  background: var(--panel);
  border: 1px solid var(--line-soft);
  border-radius: var(--home-radius);
  border-top-color: var(--cyan-300);
  transition: background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);
}

.page-home .home-pick__link:hover,
.page-home .home-pick__link:focus-visible {
  background: var(--panel-2);
  border-color: var(--cyan-500);
  transform: translateY(-3px);
}

.page-home .home-pick__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-home .home-pick__title {
  display: block;
  margin: 0;
  color: var(--white);
  line-height: 1.45;
}

.page-home .home-pick__text {
  display: block;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(232, 239, 234, .78);
}

/* ---------- 收束 ---------- */
.page-home .home-close {
  padding: clamp(48px, 7vw, 92px) 0 clamp(40px, 6vw, 72px);
}

.page-home .home-close__inner {
  max-width: 62ch;
}

.page-home .home-close .t-h2 {
  margin: 0 0 16px;
  color: var(--white);
}

.page-home .home-close__text {
  margin: 0;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-close__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-close__links a {
  display: inline-block;
  padding: 8px 14px;
  font-size: 14px;
  color: var(--mist);
  text-decoration: none;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  transition: border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);
}

.page-home .home-close__links a:hover,
.page-home .home-close__links a:focus-visible {
  color: var(--ink-900);
  background: var(--cyan-500);
  border-color: var(--cyan-500);
}

.page-home .home-close__note {
  margin: 24px 0 0;
  color: var(--gray-500);
  line-height: 1.8;
}

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

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

  .page-home .home-hero__stat {
    flex-direction: column;
    gap: 10px;
    padding: 26px clamp(12px, 2vw, 22px);
  }

  .page-home .home-seasons__scale {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 22px;
  }
}

@media (min-width: 900px) {
  .page-home .home-hero__inner {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(32px, 4vw, 64px);
  }

  .page-home .home-leagues__inner {
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  }

  .page-home .home-leagues__ring {
    margin: 0;
  }

  .page-home .home-leagues__classify {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: center;
  }

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

@media (min-width: 1080px) {
  .page-home .home-leagues__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-home .home-seasons__scale {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 520px) {
  .page-home .home-hero__badge {
    right: 4%;
    bottom: 38px;
    font-size: 11px;
    padding: 8px 12px;
  }

  .page-home .home-hero__badge .t-mono {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-leagues__item a,
  .page-home .home-pick__link,
  .page-home .board__panel .table tbody tr,
  .page-home .home-close__links a,
  .page-home .board__tab {
    transition: none;
  }

  .page-home .home-leagues__item a:hover,
  .page-home .home-leagues__item a:focus-visible,
  .page-home .home-pick__link:hover,
  .page-home .home-pick__link:focus-visible {
    transform: none;
  }
}
</style>
<<<END>>>

Wait — I must not output `</style>`. Let me remove that. The PAGE_CSS block should end cleanly. Also I need to double check: I accidentally wrote a stray `</style>` at the end. Remove it.

Also the main_html is complete. Let me finalize the output without the stray tag.
<main id="main-content" class="page-home">
  <section class="home-hero" aria-labelledby="hero-title">
    <div class="container home-hero__inner">
      <div class="home-hero__lede">
        <p class="home-hero__context"><span class="t-mono">K1赛事</span><span class="home-hero__dot" aria-hidden="true"></span>数据战术板 V3<span class="home-hero__dot" aria-hidden="true"></span>赛季进行中</p>
        <h1 id="hero-title" class="t-display home-hero__title">把 12 个联赛<br>压在同一块战术板上</h1>
        <p class="t-lead home-hero__text">K1体育中文官网足球把每一轮拆成阵容变动、角球数、球衣号码三条线索，再把伤停补时、射门统计与净胜球接回单场比赛。想知道哪一轮发生了什么，从这块板直接进到数据面板。</p>
        <ul class="home-hero__acts">
          <li><a class="btn btn--primary" href="/experience/">查看本轮数据</a></li>
          <li><a class="btn btn--ghost" href="/news/">读赛后复盘</a></li>
        </ul>
      </div>

      <div class="home-hero__poster">
        <span class="home-hero__shape" aria-hidden="true"></span>
        <span class="home-hero__edge" aria-hidden="true"></span>
        <figure class="home-hero__figure">
          <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="低角度拍摄的足球射门瞬间，深绿草地与暗金灯光，画面中人物仅为剪影">
          <figcaption class="media__caption">夜间球场 · 射门瞬间的灯光与草皮纹理</figcaption>
        </figure>
        <p class="home-hero__badge"><span class="t-mono">46</span> 项单场指标 / 场</p>
      </div>
    </div>

    <div class="container home-hero__stats">
      <div class="stat home-hero__stat" data-reveal>
        <span class="stat__num stat__num--data">12</span>
        <span class="stat__label">个联赛覆盖 · 英超 / 西甲 / 意甲 / 德甲 / 法甲 / 葡超 / 荷甲 / 英冠 / 西乙 / 意乙 / 比甲 / 苏超</span>
      </div>
      <div class="stat home-hero__stat" data-reveal data-reveal-delay="60">
        <span class="stat__num stat__num--data">5</span>
        <span class="stat__label">个赛季数据沉淀 · 从赛事索引到轮次时间轴逐季补齐</span>
      </div>
      <div class="stat home-hero__stat" data-reveal data-reveal-delay="120">
        <span class="stat__num stat__num--data">24000</span>
        <span class="stat__label">场赛事档案留存 · 近 5 个赛季累计 2.4 万场以上</span>
      </div>
    </div>
  </section>

  <section class="home-leagues section" aria-labelledby="leagues-title">
    <div class="container home-leagues__inner">
      <div class="home-leagues__ring" data-reveal>
        <svg class="home-leagues__svg" viewBox="0 0 240 240" role="img" aria-labelledby="ring-title">
          <title id="ring-title">已收录的 12 个联赛围绕中心索引排布的环形示意图</title>
          <circle cx="120" cy="120" r="88" fill="none" stroke="rgba(107,255,208,.18)" stroke-width="1"/>
          <circle cx="120" cy="120" r="70" fill="none" stroke="rgba(107,255,208,.12)" stroke-width="1" stroke-dasharray="3 6"/>
          <circle cx="120" cy="120" r="42" fill="rgba(18,224,176,.10)" stroke="#12E0B0" stroke-width="1.5"/>
          <text class="home-leagues__core" x="120" y="116" text-anchor="middle">12</text>
          <text class="home-leagues__core-sub" x="120" y="137" text-anchor="middle">联赛</text>
          <g class="home-leagues__nodes">
            <circle cx="120" cy="32" r="12"/><text x="120" y="35.5">01</text>
            <circle cx="164" cy="44" r="12"/><text x="164" y="47.5">02</text>
            <circle cx="196" cy="76" r="12"/><text x="196" y="79.5">03</text>
            <circle cx="208" cy="120" r="12"/><text x="208" y="123.5">04</text>
            <circle cx="196" cy="164" r="12"/><text x="196" y="167.5">05</text>
            <circle cx="164" cy="196" r="12"/><text x="164" y="199.5">06</text>
            <circle cx="120" cy="208" r="12"/><text x="120" y="211.5">07</text>
            <circle cx="76" cy="196" r="12"/><text x="76" y="199.5">08</text>
            <circle cx="44" cy="164" r="12"/><text x="44" y="167.5">09</text>
            <circle cx="32" cy="120" r="12"/><text x="32" y="123.5">10</text>
            <circle cx="44" cy="76" r="12"/><text x="44" y="79.5">11</text>
            <circle cx="76" cy="44" r="12"/><text x="76" y="47.5">12</text>
          </g>
        </svg>
      </div>

      <div class="home-leagues__body">
        <p class="chapter__kicker">01 / 联赛索引</p>
        <h2 id="leagues-title" class="t-h2">12 个联赛，一套编号走得通</h2>
        <p class="t-body">编号是这套索引的地基：从 01 到 12，每个联赛有固定位置，轮次、积分榜和复盘都挂在这套编号下面。切换联赛时，换的不是另一张页面，而是同一块板上换一列数据。</p>
        <ul class="home-leagues__list">
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">01</span>英超</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">02</span>西甲</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">03</span>意甲</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">04</span>德甲</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">05</span>法甲</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">06</span>葡超</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">07</span>荷甲</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">08</span>英冠</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">09</span>西乙</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">10</span>意乙</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">11</span>比甲</a></li>
          <li class="home-leagues__item"><a href="/experience/"><span class="home-leagues__no">12</span>苏超</a></li>
        </ul>
      </div>
    </div>

    <div class="container home-leagues__classify">
      <div class="home-leagues__classify-text">
        <h3 class="t-h3">每轮先归三类，再谈比分</h3>
        <ul class="home-leagues__tags">
          <li><span class="pill pill--gold">阵容变动</span>首发与替补名单的任何调整，都记在开球之前。</li>
          <li><span class="pill pill--gold">角球数</span>按落点区域统计，用来判断谁在压着打。</li>
          <li><span class="pill pill--gold">球衣号码</span>换人之后谁在哪个位置，靠号码逐一对上。</li>
        </ul>
      </div>
      <figure class="home-leagues__figure">
        <img src="{zhanqunpic:h:600w:800}" width="800" height="600" alt="球员角球争顶的局部剪影，焦点在足球与起跳动作，背景是虚化的看台灯光" loading="lazy" decoding="async">
        <figcaption class="media__caption">角球争顶 · 角球数按落点区域归入三类记录</figcaption>
      </figure>
    </div>
  </section>

  <section class="home-board section" aria-labelledby="board-title">
    <div class="container">
      <header class="section__head home-board__head">
        <p class="chapter__kicker">02 / 轮次跟进</p>
        <h2 id="board-title" class="t-h2">积分榜按轮次逐场推进</h2>
        <p class="t-body">每打完一轮，排名与净胜球就换一次面貌。下面这张榜以英超为例，最近三轮可以来回对照，用来确认一支球队的位置是被哪一场比赛推上去的。</p>
      </header>

      <div class="board">
        <div class="board__tabs" role="group" aria-label="选择要查看的轮次">
          <a class="board__tab" href="#round-now">最近一轮</a>
          <a class="board__tab" href="#round-prev">上一轮</a>
          <a class="board__tab" href="#round-prev2">上上轮</a>
        </div>

        <div class="board__panels">
          <div id="round-now" class="board__panel">
            <div class="table-wrap">
              <table class="table">
                <caption class="t-note">英超 · 最近一轮整理结果</caption>
                <thead>
                  <tr><th scope="col">排名</th><th scope="col">球队</th><th scope="col" class="is-num">场次</th><th scope="col" class="is-num">净胜球</th><th scope="col" class="is-num">积分</th></tr>
                </thead>
                <tbody>
                  <tr><td class="is-num">1</td><th scope="row">曼城</th><td class="is-num">28</td><td class="is-num home-gd">+32</td><td class="is-num home-pts">65</td></tr>
                  <tr><td class="is-num">2</td><th scope="row">阿森纳</th><td class="is-num">28</td><td class="is-num home-gd">+27</td><td class="is-num home-pts">62</td></tr>
                  <tr><td class="is-num">3</td><th scope="row">利物浦</th><td class="is-num">28</td><td class="is-num home-gd">+24</td><td class="is-num home-pts">60</td></tr>
                  <tr><td class="is-num">4</td><th scope="row">维拉</th><td class="is-num">28</td><td class="is-num home-gd">+12</td><td class="is-num home-pts">53</td></tr>
                  <tr><td class="is-num">5</td><th scope="row">热刺</th><td class="is-num">28</td><td class="is-num home-gd">+9</td><td class="is-num home-pts">50</td></tr>
                  <tr><td class="is-num">6</td><th scope="row">曼联</th><td class="is-num">28</td><td class="is-num home-gd">+1</td><td class="is-num home-pts">45</td></tr>
                </tbody>
              </table>
            </div>
          </div>

          <div id="round-prev" class="board__panel">
            <div class="table-wrap">
              <table class="table">
                <caption class="t-note">英超 · 上一轮整理结果</caption>
                <thead>
                  <tr><th scope="col">排名</th><th scope="col">球队</th><th scope="col" class="is-num">场次</th><th scope="col" class="is-num">净胜球</th><th scope="col" class="is-num">积分</th></tr>
                </thead>
                <tbody>
                  <tr><td class="is-num">1</td><th scope="row">曼城</th><td class="is-num">27</td><td class="is-num home-gd">+29</td><td class="is-num home-pts">62</td></tr>
                  <tr><td class="is-num">2</td><th scope="row">阿森纳</th><td class="is-num">27</td><td class="is-num home-gd">+26</td><td class="is-num home-pts">59</td></tr>
                  <tr><td class="is-num">3</td><th scope="row">利物浦</th><td class="is-num">27</td><td class="is-num home-gd">+22</td><td class="is-num home-pts">57</td></tr>
                  <tr><td class="is-num">4</td><th scope="row">维拉</th><td class="is-num">27</td><td class="is-num home-gd">+11</td><td class="is-num home-pts">50</td></tr>
                  <tr><td class="is-num">5</td><th scope="row">热刺</th><td class="is-num">27</td><td class="is-num home-gd">+8</td><td class="is-num home-pts">47</td></tr>
                  <tr><td class="is-num">6</td><th scope="row">曼联</th><td class="is-num">27</td><td class="is-num home-gd">0</td><td class="is-num home-pts">42</td></tr>
                </tbody>
              </table>
            </div>
          </div>

          <div id="round-prev2" class="board__panel">
            <div class="table-wrap">
              <table class="table">
                <caption class="t-note">英超 · 上上轮整理结果</caption>
                <thead>
                  <tr><th scope="col">排名</th><th scope="col">球队</th><th scope="col" class="is-num">场次</th><th scope="col" class="is-num">净胜球</th><th scope="col" class="is-num">积分</th></tr>
                </thead>
                <tbody>
                  <tr><td class="is-num">1</td><th scope="row">阿森纳</th><td class="is-num">26</td><td class="is-num home-gd">+25</td><td class="is-num home-pts">56</td></tr>
                  <tr><td class="is-num">2</td><th scope="row">曼城</th><td class="is-num">26</td><td class="is-num home-gd">+27</td><td class="is-num home-pts">55</td></tr>
                  <tr><td class="is-num">3</td><th scope="row">利物浦</th><td class="is-num">26</td><td class="is-num home-gd">+20</td><td class="is-num home-pts">54</td></tr>
                  <tr><td class="is-num">4</td><th scope="row">维拉</th><td class="is-num">26</td><td class="is-num home-gd">+10</td><td class="is-num home-pts">47</td></tr>
                  <tr><td class="is-num">5</td><th scope="row">热刺</th><td class="is-num">26</td><td class="is-num home-gd">+7</td><td class="is-num home-pts">44</td></tr>
                  <tr><td class="is-num">6</td><th scope="row">曼联</th><td class="is-num">26</td><td class="is-num home-gd">-1</td><td class="is-num home-pts">39</td></tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>

      <div class="fold home-board__fold">
        <button class="fold__btn" type="button" data-fold aria-expanded="false" aria-controls="board-note"><span class="fold__mark" aria-hidden="true">＋</span>榜单口径说明</button>
        <p class="fold__panel" id="board-note" hidden>榜单按当轮整理结果录入，排序依次参考积分与净胜球，两项都相同时再看进球数。出现补赛的球队，场次列会与同轮其他球队不同，排名以实际已赛场次为准。</p>
      </div>
    </div>
  </section>

  <section class="home-metrics section" aria-labelledby="metrics-title">
    <div class="container">
      <header class="section__head home-metrics__head">
        <p class="chapter__kicker">03 / 单场三项</p>
        <h2 id="metrics-title" class="t-h2">一场比赛，先看这三件事</h2>
        <p class="t-body">比分之外，单场还有三项指标最常被回看。它们各自有独立口径，也都能往上追溯到具体的轮次与比赛。</p>
      </header>

      <div class="grid grid--3 home-metrics__grid">
        <article class="card card--data home-metric" data-reveal>
          <figure class="home-metric__media">
            <img src="{zhanqunpic:h:600w:800}" width="800" height="600" alt="场边计时牌与裁判手表的特写，画面只保留数字与光线，不出现可辨认的人物特征" loading="lazy" decoding="async">
          </figure>
          <p class="t-label">伤停补时</p>
          <p class="home-metric__num t-data">+7</p>
          <h3 class="t-h3">补时分钟单独成列</h3>
          <p class="t-body home-metric__text">上下半场各自记录的补时长度分开标注，出现超长补时时再逐条列出补时内的事件，方便判断比分是在哪个节点被改写。</p>
          <a class="home-metric__link" href="/experience/">看完整面板</a>
        </article>

        <article class="card card--data home-metric" data-reveal data-reveal-delay="70">
          <p class="t-label">射门统计</p>
          <p class="home-metric__num t-data">18</p>
          <h3 class="t-h3">射门与射正分开记</h3>
          <p class="t-body home-metric__text">一次射门会带上位置与结果两类信息，射正只是其中一环。把 18 次射门和 6 次射正放在一起看，才知道场面优势有没有落到实处。</p>
          <a class="home-metric__link" href="/experience/">看完整面板</a>
        </article>

        <article class="card card--data home-metric" data-reveal data-reveal-delay="140">
          <p class="t-label">净胜球</p>
          <p class="home-metric__num t-data">+32</p>
          <h3 class="t-h3">赛季走势的慢变量</h3>
          <p class="t-body home-metric__text">净胜球不会因为一轮比赛就剧烈波动，但同分时它是最先被拿出来比较的一列。按轮次连起来看，能分辨优势是慢慢积累的，还是靠少数几场堆出来的。</p>
          <a class="home-metric__link" href="/experience/">看完整面板</a>
        </article>
      </div>
    </div>
  </section>

  <section class="home-seasons section" aria-labelledby="seasons-title">
    <img class="home-seasons__bg" src="{zhanqunpic:h:675w:1200}" width="1200" height="675" alt="夜间球场整体俯视视角，草皮纹理与灯光形成几何感，人物仅作远景剪影" loading="lazy" decoding="async">
    <div class="container home-seasons__inner">
      <p class="chapter__kicker">04 / 赛季纵深</p>
      <h2 id="seasons-title" class="t-h2">近 5 个赛季，能力一格一格加上去</h2>
      <p class="t-body home-seasons__lead">这套索引不是一次做成的。每个赛季补一层能力，最先解决的是“找得到”，后来才是“看得清”和“比得了”。</p>

      <ol class="home-seasons__scale">
        <li class="home-seasons__tick" data-reveal>
          <span class="home-seasons__idx t-mono">第 1 赛季</span>
          <span class="home-seasons__cap">赛事索引 V1</span>
          <span class="home-seasons__desc">12 个联赛的比赛第一次收进同一套编号。</span>
        </li>
        <li class="home-seasons__tick" data-reveal data-reveal-delay="70">
          <span class="home-seasons__idx t-mono">第 2 赛季</span>
          <span class="home-seasons__cap">单场指标 46 项</span>
          <span class="home-seasons__desc">射门统计与角球数逐项补齐，不再只看比分。</span>
        </li>
        <li class="home-seasons__tick" data-reveal data-reveal-delay="140">
          <span class="home-seasons__idx t-mono">第 3 赛季</span>
          <span class="home-seasons__cap">轮次时间轴 V2</span>
          <span class="home-seasons__desc">积分榜开始按轮次逐场跟进，排名可回溯。</span>
        </li>
        <li class="home-seasons__tick" data-reveal data-reveal-delay="210">
          <span class="home-seasons__idx t-mono">第 4 赛季</span>
          <span class="home-seasons__cap">事件类型 18 类</span>
          <span class="home-seasons__desc">伤停补时与换人节点从备注升为独立字段。</span>
        </li>
        <li class="home-seasons__tick" data-reveal data-reveal-delay="280">
          <span class="home-seasons__idx t-mono">第 5 赛季</span>
          <span class="home-seasons__cap">对照面板 V3</span>
          <span class="home-seasons__desc">多联赛横向对照与净胜球走势放进同一块面板。</span>
        </li>
      </ol>
    </div>
  </section>

  <section class="home-picks section" aria-labelledby="picks-title">
    <div class="container">
      <header class="section__head home-picks__head">
        <p class="chapter__kicker">05 / 复盘精选</p>
        <h2 id="picks-title" class="t-h2">最近几篇，换个角度读比赛</h2>
        <p class="t-body">每篇复盘固定四段：比赛脉络、关键数据、阵容与号码、结论与下轮看点。下面四篇来自不同联赛，切入点各不相同。</p>
      </header>

      <ul class="home-picks__list">
        <li class="home-pick" data-reveal>
          <a class="home-pick__link" href="/news/">
            <span class="home-pick__meta"><span class="pill pill--data">英超</span><span class="pill">最近一轮</span></span>
            <span class="home-pick__title t-h3">射门 18 次却零射正：高压之下角球怎么被浪费</span>
            <span class="home-pick__text">从角球落点分区回看一次占尽场面却拿不到进球的比赛。</span>
          </a>
        </li>
        <li class="home-pick" data-reveal data-reveal-delay="70">
          <a class="home-pick__link" href="/news/">
            <span class="home-pick__meta"><span class="pill pill--data">西甲</span><span class="pill">最近一轮</span></span>
            <span class="home-pick__title t-h3">换人落在第 60 分钟之后，净胜球开始改写</span>
            <span class="home-pick__text">把三次调整的时间点与之后的射门分布叠在一起看。</span>
          </a>
        </li>
        <li class="home-pick" data-reveal data-reveal-delay="140">
          <a class="home-pick__link" href="/news/">
            <span class="home-pick__meta"><span class="pill pill--data">意甲</span><span class="pill">上一轮</span></span>
            <span class="home-pick__title t-h3">补时阶段的丢球记录：三中卫阵型的空档在哪</span>
            <span class="home-pick__text">统计整个赛季伤停补时内的失球，找出重复出现的位置。</span>
          </a>
        </li>
        <li class="home-pick" data-reveal data-reveal-delay="210">
          <a class="home-pick__link" href="/news/">
            <span class="home-pick__meta"><span class="pill pill--data">德甲</span><span class="pill">赛季间歇期</span></span>
            <span class="home-pick__title t-h3">远射占比上升之后，射门统计该怎么读</span>
            <span class="home-pick__text">赛季纵向对比专题的一部分，讨论射门位置的迁移。</span>
          </a>
        </li>
      </ul>
    </div>
  </section>

  <section class="home-close section--tight" aria-labelledby="close-title">
    <div class="container home-close__inner">
      <h2 id="close-title" class="t-h2">视野再收回来</h2>
      <p class="t-body home-close__text">K1赛事做的是内容与数据整理：不提供登录注册，也不涉及竞猜、投注或任何资金服务。数据与文字基于公开赛事信息与自建校对流程整理，仅作内容参考。看完一整块板，最后还是要回到某一轮、某一场的九十分钟。</p>
      <ul class="home-close__links">
        <li><a href="/experience/">体验中心</a></li>
        <li><a href="/news/">复盘与动态</a></li>
        <li><a href="/about/">品牌档案</a></li>
        <li><a href="/guide/">使用指南</a></li>
        <li><a href="/find-us/">找到我们</a></li>
      </ul>
      <p class="t-note home-close__note">更新节奏：比赛日结束后 15 分钟内更新比分与关键事件，24 小时内上线当轮复盘，每周一发布上一轮汇总。客服邮箱 kefu@k1-goal.com.cn ｜ 客服电话 400-8701-9670。</p>
    </div>
  </section>
</main>

.page-home {
  --home-slant: 8deg;
  --home-radius: 16px;
  --home-grid-line: rgba(107, 255, 208, .07);
  background: var(--ink-900);
  color: var(--mist);
}

/* ---------- 首屏 ---------- */
.page-home .home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(30px, 6vw, 72px) 0 0;
  background:
    radial-gradient(120% 88% at 82% 4%, rgba(18, 224, 176, .20), transparent 58%),
    radial-gradient(90% 70% at 6% 90%, rgba(255, 90, 31, .16), transparent 62%),
    linear-gradient(180deg, #05231D 0%, var(--ink-900) 58%, #041D18 100%);
}

.page-home .home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .6;
  background-image:
    repeating-linear-gradient(90deg, var(--home-grid-line) 0 1px, transparent 1px 56px),
    repeating-linear-gradient(0deg, var(--home-grid-line) 0 1px, transparent 1px 56px);
}

.page-home .home-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(30px, 5vw, 52px);
  align-items: center;
}

.page-home .home-hero__context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cyan-300);
}

.page-home .home-hero__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--orange-500);
}

.page-home .home-hero__title {
  margin: 0 0 20px;
  color: var(--white);
  letter-spacing: -0.02em;
  line-height: 1.06;
}

.page-home .home-hero__text {
  max-width: 34em;
  margin: 0;
  color: rgba(232, 239, 234, .86);
}

.page-home .home-hero__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-hero__poster {
  position: relative;
  padding: 14px 0 34px;
}

.page-home .home-hero__shape {
  position: absolute;
  inset: -4% -6% 6% 10%;
  z-index: 0;
  background: linear-gradient(140deg, rgba(255, 90, 31, .95), rgba(255, 90, 31, .38) 52%, rgba(255, 90, 31, 0) 84%);
  clip-path: polygon(14% 0, 100% 7%, 86% 100%, 0 90%);
}

.page-home .home-hero__edge {
  position: absolute;
  inset: 8% 4% 0 0;
  z-index: 0;
  border: 1px solid var(--line);
  background: rgba(18, 224, 176, .05);
  clip-path: polygon(6% 0, 100% 4%, 94% 100%, 0 94%);
}

.page-home .home-hero__figure {
  position: relative;
  z-index: 1;
  margin: 0;
}

.page-home .home-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  clip-path: polygon(6% 0, 100% 4%, 94% 100%, 0 94%);
  filter: saturate(.92) contrast(1.06);
}

.page-home .home-hero__figure .media__caption {
  margin-top: 12px;
  color: var(--gray-500);
}

.page-home .home-hero__badge {
  position: absolute;
  right: 6%;
  bottom: 42px;
  z-index: 2;
  margin: 0;
  padding: 10px 14px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--white);
  background: rgba(6, 43, 35, .82);
  border: 1px solid var(--line);
  border-radius: 999px;
}

.page-home .home-hero__badge .t-mono {
  font-size: 18px;
  color: var(--orange-500);
}

.page-home .home-hero__stats {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1px;
  margin-top: clamp(30px, 5vw, 60px);
  padding-top: 1px;
  padding-bottom: 1px;
  background: var(--line-soft);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.page-home .home-hero__stat {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 22px 4px;
  background: var(--ink-900);
}

.page-home .home-hero__stat .stat__num {
  flex: none;
  color: var(--white);
  font-family: var(--font-mono);
  font-size: clamp(38px, 9vw, 64px);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: .9;
}

.page-home .home-hero__stat .stat__num--data {
  color: var(--orange-500);
}

.page-home .home-hero__stat .stat__label {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(232, 239, 234, .7);
}

/* ---------- 联赛索引 ---------- */
.page-home .home-leagues {
  padding-top: clamp(48px, 7vw, 92px);
}

.page-home .home-leagues__inner {
  display: grid;
  gap: clamp(28px, 4vw, 48px);
  align-items: start;
}

.page-home .home-leagues__ring {
  max-width: 280px;
  margin: 0 auto;
}

.page-home .home-leagues__svg {
  display: block;
  width: 100%;
  height: auto;
}

.page-home .home-leagues__core {
  fill: var(--white);
  font-family: var(--font-mono);
  font-size: 30px;
  font-weight: 700;
}

.page-home .home-leagues__core-sub {
  fill: var(--cyan-300);
  font-size: 11px;
  letter-spacing: .18em;
}

.page-home .home-leagues__nodes circle {
  fill: rgba(6, 43, 35, .88);
  stroke: rgba(107, 255, 208, .45);
  stroke-width: 1;
}

.page-home .home-leagues__nodes text {
  fill: var(--cyan-300);
  font-family: var(--font-mono);
  font-size: 8px;
  text-anchor: middle;
}

.page-home .home-leagues__body .t-body {
  max-width: 36em;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-leagues__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-leagues__item a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 11px 12px;
  font-size: 15px;
  color: var(--mist);
  text-decoration: none;
  background: var(--panel);
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  transition: border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);
}

.page-home .home-leagues__item a:hover,
.page-home .home-leagues__item a:focus-visible {
  border-color: var(--cyan-500);
  background: var(--panel-2);
  transform: translateY(-2px);
}

.page-home .home-leagues__no {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--cyan-500);
}

.page-home .home-leagues__classify {
  display: grid;
  gap: clamp(20px, 3vw, 36px);
  margin-top: clamp(36px, 5vw, 64px);
  padding-top: clamp(28px, 4vw, 44px);
  border-top: 1px solid var(--line-soft);
}

.page-home .home-leagues__classify-text .t-h3 {
  margin: 0 0 16px;
  color: var(--white);
}

.page-home .home-leagues__tags {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

.page-home .home-leagues__tags li {
  display: grid;
  gap: 6px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-leagues__figure {
  margin: 0;
  position: relative;
}

.page-home .home-leagues__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--home-radius);
  border: 1px solid var(--line-soft);
  filter: saturate(.85);
}

.page-home .home-leagues__figure .media__caption {
  margin-top: 10px;
  color: var(--gray-500);
}

/* ---------- 积分榜 ---------- */
.page-home .home-board {
  padding-top: clamp(48px, 7vw, 92px);
}

.page-home .home-board__head .t-body {
  max-width: 38em;
  color: rgba(232, 239, 234, .82);
}

.page-home .board {
  margin-top: clamp(22px, 3vw, 34px);
  background:
    linear-gradient(180deg, rgba(11, 64, 52, .72), rgba(6, 43, 35, .72)),
    repeating-linear-gradient(90deg, rgba(107, 255, 208, .06) 0 1px, transparent 1px 48px);
  border: 1px solid var(--line);
  border-radius: var(--home-radius);
  overflow: hidden;
}

.page-home .board__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px clamp(14px, 2.4vw, 24px);
  border-bottom: 1px solid var(--line-soft);
}

.page-home .board__tab {
  padding: 8px 16px;
  font-size: 14px;
  color: var(--mist);
  text-decoration: none;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  transition: color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}

.page-home .board__tab:hover,
.page-home .board__tab:focus-visible {
  border-color: var(--cyan-300);
  color: var(--white);
}

.page-home .board:not(:has(:target)) .board__tab[href="#round-now"],
.page-home .board:has(#round-now:target) .board__tab[href="#round-now"],
.page-home .board:has(#round-prev:target) .board__tab[href="#round-prev"],
.page-home .board:has(#round-prev2:target) .board__tab[href="#round-prev2"] {
  color: var(--ink-900);
  background: var(--cyan-500);
  border-color: var(--cyan-500);
  font-weight: 700;
}

.page-home .board__panel {
  display: none;
  padding: clamp(14px, 2.4vw, 26px);
}

.page-home .board__panels:not(:has(:target)) .board__panel:first-child {
  display: block;
}

.page-home .board__panel:target {
  display: block;
}

.page-home .board__panel .table caption {
  text-align: left;
  padding: 0 0 12px;
  color: var(--gray-500);
}

.page-home .board__panel .table th,
.page-home .board__panel .table td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--line-soft);
}

.page-home .board__panel .table thead th {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--cyan-300);
  white-space: nowrap;
}

.page-home .board__panel .table tbody th[scope="row"] {
  font-weight: 500;
  color: var(--white);
  text-align: left;
}

.page-home .board__panel .table tbody tr {
  transition: background .2s var(--ease);
}

.page-home .board__panel .table tbody tr:hover {
  background: rgba(107, 255, 208, .07);
}

.page-home .home-gd {
  color: var(--orange-500);
}

.page-home .home-pts {
  color: var(--white);
  font-weight: 700;
}

.page-home .home-board__fold {
  margin-top: 20px;
}

/* ---------- 单场三项 ---------- */
.page-home .home-metrics {
  padding-top: clamp(48px, 7vw, 92px);
}

.page-home .home-metrics__head .t-body {
  max-width: 38em;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-metrics__grid {
  margin-top: clamp(22px, 3vw, 34px);
}

.page-home .home-metric {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: clamp(18px, 2.4vw, 26px);
}

.page-home .home-metric__media {
  margin: 0 0 6px;
}

.page-home .home-metric__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--line-soft);
  filter: saturate(.86);
}

.page-home .home-metric .t-label {
  color: var(--cyan-300);
}

.page-home .home-metric__num {
  margin: 0;
  font-family: var(--font-mono);
  font-size: clamp(46px, 10vw, 72px);
  font-weight: 700;
  line-height: .92;
  color: var(--orange-500);
  letter-spacing: -0.01em;
}

.page-home .home-metric .t-h3 {
  margin: 0;
  color: var(--white);
}

.page-home .home-metric__text {
  margin: 0;
  color: rgba(232, 239, 234, .8);
}

.page-home .home-metric__link {
  margin-top: auto;
  padding-top: 12px;
  align-self: flex-start;
  font-size: 14px;
  color: var(--cyan-500);
  text-decoration: none;
  border-bottom: 1px solid rgba(18, 224, 176, .4);
}

.page-home .home-metric__link:hover,
.page-home .home-metric__link:focus-visible {
  color: var(--white);
  border-bottom-color: var(--white);
}

/* ---------- 赛季纵深 ---------- */
.page-home .home-seasons {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: clamp(52px, 8vw, 104px);
  padding: clamp(46px, 7vw, 88px) 0;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  background: linear-gradient(180deg, #041D18, var(--ink-900));
}

.page-home .home-seasons__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .2;
}

.page-home .home-seasons__inner {
  position: relative;
  z-index: 1;
}

.page-home .home-seasons__lead {
  max-width: 38em;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-seasons__scale {
  display: grid;
  gap: 22px;
  margin: clamp(28px, 4vw, 46px) 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-seasons__tick {
  position: relative;
  display: grid;
  gap: 6px;
  padding-top: 22px;
  border-top: 1px solid var(--line-soft);
}

.page-home .home-seasons__tick::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold-400);
  box-shadow: 0 0 0 4px rgba(255, 194, 77, .16);
}

.page-home .home-seasons__tick:last-child::before {
  background: var(--cyan-500);
  box-shadow: 0 0 0 4px rgba(18, 224, 176, .18);
}

.page-home .home-seasons__idx {
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--gold-400);
}

.page-home .home-seasons__tick:last-child .home-seasons__idx {
  color: var(--cyan-300);
}

.page-home .home-seasons__cap {
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
}

.page-home .home-seasons__desc {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(232, 239, 234, .74);
}

/* ---------- 复盘精选 ---------- */
.page-home .home-picks {
  padding-top: clamp(48px, 7vw, 92px);
}

.page-home .home-picks__head .t-body {
  max-width: 38em;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-picks__list {
  display: grid;
  gap: 14px;
  margin: clamp(22px, 3vw, 34px) 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-pick__link {
  display: grid;
  gap: 12px;
  height: 100%;
  padding: clamp(18px, 2.4vw, 26px);
  text-decoration: none;
  background: var(--panel);
  border: 1px solid var(--line-soft);
  border-top-color: var(--cyan-300);
  border-radius: var(--home-radius);
  transition: background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);
}

.page-home .home-pick__link:hover,
.page-home .home-pick__link:focus-visible {
  background: var(--panel-2);
  border-color: var(--cyan-500);
  transform: translateY(-3px);
}

.page-home .home-pick__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-home .home-pick__title {
  display: block;
  margin: 0;
  color: var(--white);
  line-height: 1.45;
}

.page-home .home-pick__text {
  display: block;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(232, 239, 234, .78);
}

/* ---------- 收束 ---------- */
.page-home .home-close {
  padding: clamp(48px, 7vw, 92px) 0 clamp(40px, 6vw, 72px);
}

.page-home .home-close__inner {
  max-width: 62ch;
}

.page-home .home-close .t-h2 {
  margin: 0 0 16px;
  color: var(--white);
}

.page-home .home-close__text {
  margin: 0;
  color: rgba(232, 239, 234, .82);
}

.page-home .home-close__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-close__links a {
  display: inline-block;
  padding: 8px 14px;
  font-size: 14px;
  color: var(--mist);
  text-decoration: none;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  transition: border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);
}

.page-home .home-close__links a:hover,
.page-home .home-close__links a:focus-visible {
  color: var(--ink-900);
  background: var(--cyan-500);
  border-color: var(--cyan-500);
}

.page-home .home-close__note {
  margin: 24px 0 0;
  color: var(--gray-500);
  line-height: 1.8;
}

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

  .page-home .home-hero__stat {
    flex-direction: column;
    gap: 10px;
    padding: 26px clamp(12px, 2vw, 22px);
  }

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

  .page-home .home-seasons__scale {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 22px;
  }
}

@media (min-width: 900px) {
  .page-home .home-hero__inner {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(32px, 4vw, 64px);
  }

  .page-home .home-leagues__inner {
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  }

  .page-home .home-leagues__ring {
    margin: 0;
  }

  .page-home .home-leagues__classify {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: center;
  }

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

@media (min-width: 1080px) {
  .page-home .home-leagues__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-home .home-seasons__scale {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 520px) {
  .page-home .home-hero__badge {
    right: 4%;
    bottom: 38px;
    padding: 8px 12px;
    font-size: 11px;
  }

  .page-home .home-hero__badge .t-mono {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-leagues__item a,
  .page-home .home-pick__link,
  .page-home .board__panel .table tbody tr,
  .page-home .board__tab,
  .page-home .home-close__links a {
    transition: none;
  }

  .page-home .home-leagues__item a:hover,
  .page-home .home-leagues__item a:focus-visible,
  .page-home .home-pick__link:hover,
  .page-home .home-pick__link:focus-visible {
    transform: none;
  }
}
<<<END>>>