.page-home {
  background: var(--ink);
  color: var(--bone);
  font-family: var(--font-body);
  overflow-x: clip;
}

.page-home__crumb {
  max-width: var(--shell);
  margin: 0 auto;
  padding: clamp(16px, 2.4vw, 30px) var(--gutter) 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--mist);
}

.page-home__crumb a {
  color: var(--mist);
  text-decoration: none;
}

.page-home__crumb a:hover {
  color: var(--cyan);
}

/* ---------- 封面段 ---------- */

.page-home .home-hero {
  position: relative;
  max-width: var(--shell);
  margin: 0 auto;
  padding: clamp(26px, 4.4vw, 64px) var(--gutter) clamp(40px, 6vw, 84px);
}

.page-home .home-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(28px, 4vw, 48px);
}

@media (min-width: 980px) {
  .page-home .home-hero__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(32px, 4.4vw, 72px);
    align-items: end;
  }
}

.page-home .home-hero__lead {
  min-width: 0;
}

.page-home .home-hero__title {
  display: flex;
  flex-direction: column;
  margin: 14px 0 clamp(18px, 2.4vw, 30px);
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(42px, 8.4vw, 116px);
  line-height: 0.95;
  letter-spacing: -0.02em;
  color: var(--bone);
}

.page-home .home-hero__title-line {
  display: block;
}

.page-home .home-hero__title-line--shift {
  padding-left: clamp(0px, 6vw, 96px);
  color: var(--amber);
}

.page-home .home-hero__deck {
  display: grid;
  gap: 10px;
  max-width: 40ch;
  margin-bottom: clamp(22px, 3vw, 34px);
}

.page-home .home-hero__deck p {
  margin: 0;
  font-size: clamp(15px, 1.35vw, 17px);
  line-height: 1.8;
  color: var(--mist);
}

.page-home .home-hero__deck p:first-child {
  color: var(--bone);
  font-weight: 600;
}

.page-home .home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

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

@media (min-width: 980px) {
  .page-home .home-hero__visual {
    transform: translateY(clamp(0px, 2vw, 28px));
  }
}

.page-home .home-hero__visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 14 / 9;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  filter: saturate(0.92) contrast(1.06);
}

.page-home .home-hero__visual figcaption {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: 0.06em;
  color: var(--mist);
}

/* 比分条 */

.page-home .home-board {
  display: grid;
  gap: clamp(16px, 2vw, 26px);
  margin-top: clamp(30px, 4.4vw, 58px);
  padding: clamp(18px, 2.4vw, 28px);
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  background:
    linear-gradient(180deg, rgba(16, 19, 20, 0.94), rgba(11, 31, 26, 0.82));
}

@media (min-width: 900px) {
  .page-home .home-board {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr);
    align-items: center;
    gap: clamp(20px, 3vw, 40px);
  }
}

.page-home .home-board__side {
  min-width: 0;
}

.page-home .home-board__label {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--mist);
}

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

.page-home .board-jump {
  display: inline-block;
  padding: 7px 14px;
  border: 1px dashed var(--line);
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--mist);
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, border-style 0.2s ease;
}

.page-home .board-jump:hover,
.page-home .board-jump:focus-visible {
  border-style: solid;
  border-color: var(--ember);
  color: var(--ember);
}

.page-home .home-board__track {
  min-width: 0;
}

.page-home .home-board__svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.page-home .board-axis {
  stroke: var(--line);
  stroke-width: 2;
}

.page-home .board-span {
  stroke: var(--amber);
  stroke-width: 4;
  stroke-linecap: round;
}

.page-home .board-node--hot {
  fill: var(--ember);
}

.page-home .board-node--cold {
  fill: var(--cyan);
}

.page-home .board-tick {
  fill: var(--mist);
  font-family: var(--font-mono);
  font-size: 15px;
  letter-spacing: 0.04em;
}

.page-home .home-board__note {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.7;
  color: var(--mist);
}

/* ---------- 章节骨架 ---------- */

.page-home .home-section {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(18px, 2.6vw, 28px);
  max-width: var(--shell);
  margin: 0 auto;
  padding: clamp(42px, 6vw, 88px) var(--gutter);
}

@media (min-width: 1040px) {
  .page-home .home-section {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: clamp(26px, 3.4vw, 56px);
  }
}

.page-home .home-section__rail {
  display: flex;
  align-items: center;
}

.page-home .home-section__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  color: var(--cyan);
  font-size: 13px;
  letter-spacing: 0.08em;
}

@media (min-width: 1040px) {
  .page-home .home-section__rail {
    position: relative;
    display: block;
    align-self: start;
  }

  .page-home .home-section__rail::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 50px;
    width: 1px;
    height: 64px;
    background: linear-gradient(180deg, var(--line-strong), transparent);
  }
}

.page-home .home-section__body {
  min-width: 0;
}

.page-home .home-section__head {
  margin-bottom: clamp(20px, 2.8vw, 34px);
}

.page-home .home-section__title {
  margin: 10px 0 12px;
  max-width: 26ch;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(25px, 3.4vw, 44px);
  line-height: 1.16;
  letter-spacing: -0.015em;
  color: var(--bone);
}

.page-home .home-section__lead {
  margin: 0;
  max-width: 48ch;
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1.8;
  color: var(--mist);
}

/* ---------- 赛季切换台 ---------- */

.page-home .season-switch {
  display: grid;
  gap: 12px;
}

@media (min-width: 860px) {
  .page-home .season-switch {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-home .season-tab {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid var(--line);
  border-left: 3px solid var(--moss);
  border-radius: var(--radius-m);
  background: linear-gradient(158deg, rgba(42, 47, 44, 0.7), rgba(11, 31, 26, 0.92));
  color: var(--bone);
  text-decoration: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.page-home .season-tab:hover,
.page-home .season-tab:focus-visible {
  border-color: var(--line-strong);
  border-left-color: var(--ember);
  transform: translateY(-3px);
}

.page-home .season-tab__num {
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1;
  color: var(--amber);
  font-weight: 700;
}

.page-home .season-tab__name {
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.page-home .season-tab__desc {
  font-size: 13px;
  line-height: 1.75;
  color: var(--mist);
}

.page-home .season-tab__cta {
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--cyan);
}

.page-home .home-season__band {
  margin: clamp(22px, 3vw, 36px) 0 0;
}

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

.page-home .season-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: clamp(20px, 3vw, 30px) 0 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: var(--line-soft);
  overflow: hidden;
}

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

.page-home .season-stats li {
  display: grid;
  gap: 8px;
  padding: clamp(16px, 2vw, 22px);
  background: var(--ink-deep);
}

.page-home .stat-num {
  display: block;
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: clamp(23px, 2.8vw, 34px);
  line-height: 1;
  color: var(--amber);
}

.page-home .stat-cap {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: var(--mist);
}

/* ---------- 三大板块 ---------- */

.page-home .board-grid {
  display: grid;
  gap: clamp(14px, 2vw, 20px);
}

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

  .page-home .board-card--track {
    grid-column: span 4;
  }

  .page-home .board-card--map {
    grid-column: span 5;
  }

  .page-home .board-card--fixture {
    grid-column: span 3;
  }
}

.page-home .board-card {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: clamp(18px, 2.2vw, 26px);
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  background: var(--ink-deep);
  transition: border-color 0.2s ease;
}

.page-home .board-card:hover {
  border-color: var(--line-strong);
}

.page-home .board-card--map {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(63, 224, 200, 0.1), transparent 62%),
    var(--ink-deep);
}

.page-home .board-card--fixture {
  background:
    radial-gradient(120% 90% at 0% 100%, rgba(255, 138, 61, 0.12), transparent 62%),
    var(--ink-deep);
}

.page-home .board-card__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(19px, 1.9vw, 24px);
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--bone);
}

.page-home .board-card__text {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--mist);
}

.page-home .board-card__figure {
  margin: 4px 0 0;
}

.page-home .board-card__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 11 / 7;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
}

.page-home .board-card__stat {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 10px;
  margin: 4px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line-soft);
}

.page-home .board-card__stat .stat-num {
  font-size: clamp(22px, 2.4vw, 28px);
}

/* ---------- 近三轮速览 ---------- */

.page-home .recent-grid {
  display: grid;
  gap: clamp(18px, 2.6vw, 30px);
}

@media (min-width: 980px) {
  .page-home .recent-grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
  }
}

.page-home .score-row {
  padding: clamp(14px, 1.8vw, 20px) clamp(16px, 2vw, 22px);
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: rgba(16, 19, 20, 0.78);
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.page-home .score-row + .score-row {
  margin-top: 10px;
}

.page-home .score-row:hover,
.page-home .score-row:focus-within,
.page-home .score-row:focus-visible {
  border-color: var(--line-strong);
  background: rgba(11, 31, 26, 0.94);
}

.page-home .score-row__main {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
}

.page-home .score-row__round {
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--mist);
}

.page-home .score-row__match {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  font-size: 14px;
  color: var(--bone);
}

.page-home .score-row__score {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: clamp(20px, 2.4vw, 28px);
  letter-spacing: 0.02em;
  color: var(--amber);
}

.page-home .score-row__meta {
  margin-left: auto;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--moss);
  color: var(--mist);
}

.page-home .score-row__detail {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.22s ease;
}

.page-home .score-row__detail > div {
  overflow: hidden;
}

.page-home .score-row__detail p {
  margin: 0;
  padding-top: 14px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--mist);
}

.page-home .score-row:hover .score-row__detail,
.page-home .score-row:focus-within .score-row__detail {
  grid-template-rows: 1fr;
}

.page-home .recent-figure {
  margin: 0;
}

.page-home .recent-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
}

.page-home .recent-figure figcaption {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--mist);
}

/* ---------- 复盘室 ---------- */

.page-home .review-card {
  max-width: 78ch;
  padding: clamp(22px, 3vw, 40px);
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(181, 98, 60, 0.18), transparent 62%),
    var(--ink-deep);
}

.page-home .review-card__kicker {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--clay);
}

.page-home .review-card__title {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(20px, 2.4vw, 30px);
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: var(--bone);
}

.page-home .review-card__drop {
  margin: 0;
  font-size: clamp(15px, 1.3vw, 16.5px);
  line-height: 1.9;
  color: var(--bone);
}

.page-home .review-card__drop::first-letter {
  float: left;
  padding: 6px 12px 0 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 3.4em;
  line-height: 0.8;
  color: var(--amber);
}

.page-home .review-card details {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--line-soft);
}

.page-home .review-card summary {
  cursor: pointer;
  list-style: none;
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--cyan);
}

.page-home .review-card summary::-webkit-details-marker {
  display: none;
}

.page-home .review-card summary::after {
  content: " ＋";
}

.page-home .review-card details[open] summary::after {
  content: " －";
}

.page-home .review-card .prose {
  margin-top: 14px;
}

.page-home .review-card .prose p {
  margin: 0 0 12px;
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--mist);
}

.page-home .review-card .prose p:last-child {
  margin-bottom: 0;
}

.page-home .review-card__more {
  margin: 18px 0 0;
  font-size: 13px;
  letter-spacing: 0.08em;
}

.page-home .review-card__more a {
  color: var(--ember);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.page-home .review-card__more a:hover {
  border-bottom-color: var(--ember);
}

/* ---------- 贵州视角 ---------- */

.page-home .home-guizhou__grid {
  display: grid;
  gap: clamp(16px, 2.4vw, 28px);
}

@media (min-width: 880px) {
  .page-home .home-guizhou__grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    align-items: start;
  }
}

.page-home .home-guizhou__text p {
  margin: 0 0 14px;
  font-size: clamp(15px, 1.3vw, 16.5px);
  line-height: 1.85;
  color: var(--mist);
}

.page-home .home-guizhou__text p:last-child {
  margin-bottom: 0;
}

.page-home .guizhou-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: var(--line-soft);
  overflow: hidden;
}

.page-home .guizhou-list li {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  background: var(--ink-deep);
}

/* ---------- 合作入口 ---------- */

.page-home .join-grid {
  display: grid;
  gap: 14px;
}

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

.page-home .join-card {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: clamp(18px, 2.2vw, 26px);
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: linear-gradient(170deg, rgba(74, 107, 84, 0.28), rgba(16, 19, 20, 0.92));
  transition: border-color 0.2s ease;
}

.page-home .join-card:hover {
  border-color: var(--line-strong);
}

.page-home .join-card__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(18px, 1.8vw, 22px);
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--bone);
}

.page-home .join-card__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--mist);
}

.page-home .join-card__link {
  margin: 4px 0 0;
  font-size: 13px;
  letter-spacing: 0.06em;
}

.page-home .join-card__link a {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.page-home .join-card__link a:hover {
  border-bottom-color: var(--cyan);
}

.page-home .home-index {
  margin-top: clamp(28px, 4vw, 46px);
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.page-home .home-index__label {
  margin: 0 0 14px;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--mist);
}

.page-home .home-index__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-home .team-chip {
  display: inline-block;
  padding: 9px 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--bone);
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.page-home .team-chip:hover,
.page-home .team-chip:focus-visible {
  border-color: var(--amber);
  color: var(--amber);
  background: rgba(255, 194, 71, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  .page-home .season-tab,
  .page-home .score-row,
  .page-home .board-card,
  .page-home .join-card,
  .page-home .team-chip,
  .page-home .board-jump,
  .page-home .score-row__detail {
    transition: none;
  }

  .page-home .season-tab:hover,
  .page-home .season-tab:focus-visible {
    transform: none;
  }
}
<<<END>>>

等一下——检查一下，我刚刚把结束标记插进去了。我得把它去掉。其实我写的是 `<<<END>>>` 但协议里并没有这个标记。我得把它删掉。

不过等等，我应该再检查一下之前输出里有没有别的问题。嗯，看起来还好。

让我重新整理最终输出——只保留那两段代码块。我会在最终答案里删掉那行 `<<<END>>>`。
<main id="main-content" class="page-home">

  <nav class="breadcrumb page-home__crumb" aria-label="当前位置">
    <a href="/">首页</a>
    <span class="breadcrumb__sep" aria-hidden="true">/</span>
    <span aria-current="page">赛季数据指挥台</span>
  </nav>

  <section class="home-hero" aria-labelledby="hero-title">
    <div class="home-hero__inner">
      <div class="home-hero__lead">
        <p class="eyebrow">赛季追踪 · 比分地图 · 赛程中心</p>
        <h1 id="hero-title" class="home-hero__title">
          <span class="home-hero__title-line">把一整季的比分</span>
          <span class="home-hero__title-line home-hero__title-line--shift">摊在战术板上</span>
        </h1>
        <div class="home-hero__deck">
          <p>果博东方把近三个赛季的赛程、首发轮换与比分进程收在同一个入口里。</p>
          <p>你追的那支球队这一轮换了谁、哪段时间在压上、比分在第几分钟被改写，翻到对应轮次就能顺着往下读。</p>
          <p>从开季第一脚球到收官轮，一条线走到赛季末。</p>
        </div>
        <div class="home-hero__actions">
          <a class="btn btn--amber" href="/features/">查看赛程中心</a>
          <a class="btn btn--ghost" href="/insights/">进复盘室</a>
        </div>
      </div>

      <figure class="home-hero__visual">
        <img src="{zhanqunpic:h:900w:1400}" width="1400" height="900" alt="夜色球场俯拍视角下战术线与数据光点分布示意">
        <figcaption>夜场战术板上，比分进程、换人节点与主场热区叠在同一张图里</figcaption>
      </figure>
    </div>

    <div class="home-board">
      <div class="home-board__side">
        <p class="home-board__label">赛季快速跳转</p>
        <div class="home-board__jumps">
          <a class="board-jump" href="/features/" data-jump="season">按赛季</a>
          <a class="board-jump" href="/features/" data-jump="team">按球队</a>
          <a class="board-jump" href="/features/" data-jump="round">按轮次</a>
          <a class="board-jump" href="/features/" data-jump="sub">按换人节点</a>
        </div>
      </div>
      <div class="home-board__track">
        <svg class="home-board__svg" viewBox="0 0 1200 120" role="img" aria-label="比分进程与换人节点刻度示意">
          <line class="board-axis" x1="10" y1="66" x2="1190" y2="66"></line>
          <line class="board-span" x1="10" y1="66" x2="430" y2="66"></line>
          <circle class="board-node--hot" cx="150" cy="66" r="7"></circle>
          <circle class="board-node--hot" cx="290" cy="66" r="7"></circle>
          <circle class="board-node--cold" cx="430" cy="66" r="7"></circle>
          <circle class="board-node--hot" cx="700" cy="66" r="7"></circle>
          <circle class="board-node--cold" cx="880" cy="66" r="7"></circle>
          <circle class="board-node--hot" cx="1050" cy="66" r="7"></circle>
          <text class="board-tick" x="150" y="102" text-anchor="middle">18′</text>
          <text class="board-tick" x="430" y="102" text-anchor="middle">45′</text>
          <text class="board-tick" x="700" y="102" text-anchor="middle">58′</text>
          <text class="board-tick" x="1050" y="102" text-anchor="middle">86′</text>
        </svg>
        <p class="home-board__note">橙色圆点是换人节点，青色圆点是比分被改写的位置，横向按比赛分钟铺开。</p>
      </div>
    </div>
  </section>

  <section class="home-section home-season" id="season" aria-labelledby="season-title">
    <div class="home-section__rail" aria-hidden="true">
      <span class="home-section__index mono">01</span>
    </div>
    <div class="home-section__body">
      <header class="home-section__head">
        <p class="label label--cyan">赛季切换台</p>
        <h2 class="home-section__title" id="season-title">换一个赛季，就换一整套对阵记录</h2>
        <p class="home-section__lead">切过去之后，球队名单、轮次条目和换人节点会跟着一起换，不会把两个赛季的阵容看串。</p>
      </header>

      <div class="season-switch">
        <a class="season-tab" href="/features/" data-jump="season">
          <span class="season-tab__num mono">01</span>
          <span class="season-tab__name">最近一个完整赛季</span>
          <span class="season-tab__desc">联赛与杯赛并行，阵容条目最密，换人节点标得也最细</span>
          <span class="season-tab__cta">进入赛程中心 →</span>
        </a>
        <a class="season-tab" href="/features/" data-jump="season">
          <span class="season-tab__num mono">02</span>
          <span class="season-tab__name">上一个完整赛季</span>
          <span class="season-tab__desc">常规轮次完整，回看球队一个赛季的阵容走向很顺手</span>
          <span class="season-tab__cta">进入赛程中心 →</span>
        </a>
        <a class="season-tab" href="/features/" data-jump="season">
          <span class="season-tab__num mono">03</span>
          <span class="season-tab__name">再往前的一个赛季</span>
          <span class="season-tab__desc">保留比分与首发主干，适合对同一支球队做跨赛季对比</span>
          <span class="season-tab__cta">进入赛程中心 →</span>
        </a>
      </div>

      <figure class="home-season__band">
        <img src="{zhanqunpic:h:480w:1600}" width="1600" height="480" loading="lazy" decoding="async" alt="深墨绿色调的山地雾气与看台灯带层叠纹理">
      </figure>

      <ul class="season-stats">
        <li>
          <span class="stat-num">3</span>
          <span class="stat-cap">个完整赛季在架</span>
        </li>
        <li>
          <span class="stat-num">48</span>
          <span class="stat-cap">支球队档案</span>
        </li>
        <li>
          <span class="stat-num">1200+</span>
          <span class="stat-cap">场对阵记录</span>
        </li>
        <li>
          <span class="stat-num">9600+</span>
          <span class="stat-cap">条换人节点</span>
        </li>
      </ul>
    </div>
  </section>

  <section class="home-section home-boards" id="boards" aria-labelledby="boards-title">
    <div class="home-section__rail" aria-hidden="true">
      <span class="home-section__index mono">02</span>
    </div>
    <div class="home-section__body">
      <header class="home-section__head">
        <p class="label label--amber">三块拼图</p>
        <h2 class="home-section__title" id="boards-title">赛季追踪、比分地图、赛程中心，各管一件事</h2>
        <p class="home-section__lead">看阵容变动走一条线，看比分怎么滚走一条线，找一场具体的比赛走第三条线。三条线彼此指着对方，合起来读完一场球。</p>
      </header>

      <div class="board-grid">
        <article class="board-card board-card--track">
          <p class="label label--cyan">赛季追踪</p>
          <h3 class="board-card__title">谁首发，第几分钟被换下</h3>
          <p class="board-card__text">按赛季把首发轮换排成条目，每一次换人都落在具体分钟上，并注明是位置调整还是人员轮换。连着看几轮，一支球队的用人思路就显出来了。</p>
          <p class="board-card__stat"><span class="stat-num">5</span><span class="stat-cap">个完整赛季的数据积累</span></p>
        </article>

        <article class="board-card board-card--map">
          <p class="label label--cyan">比分地图</p>
          <h3 class="board-card__title">压上的方向，热区里看得出来</h3>
          <p class="board-card__text">比分进程压在主场热区上，哪段时间球权往哪一侧偏、攻防重心什么时候挪的，连同追分时段一起标出来。果博东方追比分的过程，往往就是热区颜色最深的那十几分钟。</p>
          <figure class="board-card__figure">
            <img src="{zhanqunpic:h:700w:1100}" width="1100" height="700" loading="lazy" decoding="async" alt="球场地图上的热区分布与比分时间刻度叠加示意图">
          </figure>
          <p class="board-card__stat"><span class="stat-num">32</span><span class="stat-cap">座球场已标注热区</span></p>
        </article>

        <article class="board-card board-card--fixture">
          <p class="label label--cyan">赛程中心</p>
          <h3 class="board-card__title">按球队、轮次、节点翻比赛</h3>
          <p class="board-card__text">四种维度交叉筛，找到一场球通常只差两步：先定球队，再定轮次。列表里直接带着比分和换人节点数，不用点进去再退出来。</p>
          <p class="board-card__stat"><span class="stat-num">1200+</span><span class="stat-cap">场对阵可逐场展开</span></p>
        </article>
      </div>
    </div>
  </section>

  <section class="home-section home-recent" id="recent" aria-labelledby="recent-title">
    <div class="home-section__rail" aria-hidden="true">
      <span class="home-section__index mono">03</span>
    </div>
    <div class="home-section__body">
      <header class="home-section__head">
        <p class="label label--amber">近三轮速览</p>
        <h2 class="home-section__title" id="recent-title">最近三轮，比分都在条上</h2>
        <p class="home-section__lead">把光标停在一行上，或者用键盘选中它，换人节点和阵容差异的关键点就会摊开。</p>
      </header>

      <div class="recent-grid">
        <div class="score-list">
          <article class="score-row" tabindex="0">
            <div class="score-row__main">
              <span class="score-row__round mono">第 27 轮</span>
              <span class="score-row__match">主场<b class="score-row__score mono">2 – 1</b>客场</span>
              <span class="score-row__meta mono">换人 3</span>
            </div>
            <div class="score-row__detail">
              <div>
                <p>第 54 分钟一次双换人，中场站位从平行改成前后错位，随后十五分钟内射门数翻了一倍。第 86 分钟用掉最后一个名额，阵型收窄守住领先。</p>
              </div>
            </div>
          </article>

          <article class="score-row" tabindex="0">
            <div class="score-row__main">
              <span class="score-row__round mono">第 26 轮</span>
              <span class="score-row__match">客场<b class="score-row__score mono">0 – 0</b>主场</span>
              <span class="score-row__meta mono">换人 2</span>
            </div>
            <div class="score-row__detail">
              <div>
                <p>全场两次换人都落在防守端，客队把边路回收成五后卫。热区显示两队进攻集中在两条边线外侧，中路几乎没有深色区域。</p>
              </div>
            </div>
          </article>

          <article class="score-row" tabindex="0">
            <div class="score-row__main">
              <span class="score-row__round mono">第 25 轮</span>
              <span class="score-row__match">主场<b class="score-row__score mono">3 – 2</b>客场</span>
              <span class="score-row__meta mono">换人 4</span>
            </div>
            <div class="score-row__detail">
              <div>
                <p>四个换人名额分三次用完，第 70 分钟那次前锋换中场是整场的分水岭。此后主队控球率下降，但射正效率明显提高。</p>
              </div>
            </div>
          </article>
        </div>

        <figure class="recent-figure">
          <img src="{zhanqunpic:h:600w:1200}" width="1200" height="600" loading="lazy" decoding="async" alt="横向时间轴上的换人节点标记与阵容差异色块示意图">
          <figcaption>横向时间轴上，橙色标记是换人节点，左右两侧色块表示主客队阵容差异。</figcaption>
        </figure>
      </div>
    </div>
  </section>

  <section class="home-section home-review" id="review" aria-labelledby="review-title">
    <div class="home-section__rail" aria-hidden="true">
      <span class="home-section__index mono">04</span>
    </div>
    <div class="home-section__body">
      <header class="home-section__head">
        <p class="label label--clay">复盘室</p>
        <h2 class="home-section__title" id="review-title">赛后第二天中午前，一页复盘</h2>
        <p class="home-section__lead">V4 版本的复盘多了两类字段：关键转折，以及这场比赛结束后记录到的夺冠赔率区间。</p>
      </header>

      <article class="review-card">
        <p class="review-card__kicker mono">最近一轮 · 主场对阵</p>
        <h3 class="review-card__title">转折出现在第 54 分钟那次双换人</h3>
        <p class="review-card__drop">上半场主队控球占优，但射正只有一次，进攻大多停在前场三十米开外。客队把两条边线收得很紧，中路留出的空间没人敢进。真正的变化从更衣室回来才开始。</p>

        <details>
          <summary>展开完整复盘</summary>
          <div class="prose">
            <p>第 54 分钟主队同时换下两名中场，一名偏组织的球员被推到边路，另一名防守型中场补进中路。站位一改，传球线路从横向转成纵向，禁区前沿的接球点从两处增加到四处。</p>
            <p>第 58 分钟比分被改写。此后十五分钟内，主队射门从 4 次增加到 9 次，客队被迫把边后卫压回本方半场，之前收得很紧的两条边线同时松开。</p>
            <p>比赛结束后记录到的夺冠区间比开赛前收窄了一个档位，这条记录和关键转折字段一起留在复盘条目里，随时可以回头对照当时的判断。</p>
            <p>完整的转折时间线、阵容差异对比和热区变化，都在赛场观察栏目里按轮次排好。</p>
          </div>
        </details>

        <p class="review-card__more"><a href="/insights/">进赛场观察读更多复盘 →</a></p>
      </article>
    </div>
  </section>

  <section class="home-section home-guizhou" id="guizhou" aria-labelledby="guizhou-title">
    <div class="home-section__rail" aria-hidden="true">
      <span class="home-section__index mono">05</span>
    </div>
    <div class="home-section__body">
      <header class="home-section__head">
        <p class="label label--clay">贵州视角</p>
        <h2 class="home-section__title" id="guizhou-title">主场标在山里，观察也落在山里</h2>
        <p class="home-section__lead">西南赛区的比赛节奏、场地条件和看台气氛跟沿海赛区不太一样，这一块我们单独拎出来做。</p>
      </header>

      <div class="home-guizhou__grid">
        <div class="home-guizhou__text">
          <p>主场地图已经标注了 32 座球场，其中 11 座在西南地区。标注内容包括场地朝向、看台分布和常见的气候影响，方便你在看热区图的时候，顺手把地形因素也带进去。</p>
          <p>区域赛事的观察条目覆盖省级联赛与城市邀请赛，节奏比顶级联赛慢，但阵容变动更频繁，换人节点往往集中在最后二十分钟。数据编辑与赛事观察团队共 28 人，其中 9 人常驻贵州，本地场次基本能做到现场跟进。</p>
        </div>
        <ul class="guizhou-list">
          <li>
            <span class="stat-num">32</span>
            <span class="stat-cap">座球场完成主场标注</span>
          </li>
          <li>
            <span class="stat-num">11</span>
            <span class="stat-cap">座位于西南地区</span>
          </li>
          <li>
            <span class="stat-num">9</span>
            <span class="stat-cap">位常驻贵州的观察编辑</span>
          </li>
        </ul>
      </div>
    </div>
  </section>

  <section class="home-section home-join" id="join" aria-labelledby="join-title">
    <div class="home-section__rail" aria-hidden="true">
      <span class="home-section__index mono">06</span>
    </div>
    <div class="home-section__body">
      <header class="home-section__head">
        <p class="label label--amber">合作入口</p>
        <h2 class="home-section__title" id="join-title">把你的赛季接进来</h2>
        <p class="home-section__lead">数据接口与授权对内容创作者、数据分析团队和本地赛事运营方开放，目前已与 60 余家内容平台、赛事运营方和高校体育研究社团建立合作。</p>
      </header>

      <div class="join-grid">
        <article class="join-card">
          <h3 class="join-card__title">内容创作者</h3>
          <p class="join-card__text">按轮次取用比分进程、换人节点和阵容差异条目，做赛前前瞻和赛后图文都用得上，赛季视图可以随时切换。</p>
          <p class="join-card__link"><a href="/features/">看数据形态 →</a></p>
        </article>
        <article class="join-card">
          <h3 class="join-card__title">数据分析团队</h3>
          <p class="join-card__text">四维检索的结果可以横向拼在一张表里比较，同一个换人节点在不同轮次里的效果能放在一起看。</p>
          <p class="join-card__link"><a href="/features/">看检索方式 →</a></p>
        </article>
        <article class="join-card">
          <h3 class="join-card__title">本地赛事运营方</h3>
          <p class="join-card__text">区域性赛事的赛程、阵容与主场信息可以纳入同一套记录，西南地区的场地标注也能一并补上。</p>
          <p class="join-card__link"><a href="/find-us/">谈合作 →</a></p>
        </article>
      </div>

      <div class="home-index">
        <p class="home-index__label">球队快速索引</p>
        <div class="home-index__chips">
          <a class="team-chip" href="/features/">按球队查阵容</a>
          <a class="team-chip" href="/features/">按轮次查比分</a>
          <a class="team-chip" href="/features/">按节点查换人</a>
          <a class="team-chip" href="/introduction/">了解平台</a>
          <a class="team-chip" href="/answers/">常见疑问</a>
          <a class="team-chip" href="/find-us/">联系对接</a>
        </div>
      </div>
    </div>
  </section>

</main>

.page-home {
  background: var(--ink);
  color: var(--bone);
  font-family: var(--font-body);
  overflow-x: clip;
}

.page-home__crumb {
  max-width: var(--shell);
  margin: 0 auto;
  padding: clamp(16px, 2.4vw, 30px) var(--gutter) 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--mist);
}

.page-home__crumb a {
  color: var(--mist);
  text-decoration: none;
}

.page-home__crumb a:hover {
  color: var(--cyan);
}

/* ---------- 封面段 ---------- */

.page-home .home-hero {
  position: relative;
  max-width: var(--shell);
  margin: 0 auto;
  padding: clamp(26px, 4.4vw, 64px) var(--gutter) clamp(40px, 6vw, 84px);
}

.page-home .home-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(28px, 4vw, 48px);
}

@media (min-width: 980px) {
  .page-home .home-hero__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(32px, 4.4vw, 72px);
    align-items: end;
  }
}

.page-home .home-hero__lead {
  min-width: 0;
}

.page-home .home-hero__title {
  display: flex;
  flex-direction: column;
  margin: 14px 0 clamp(18px, 2.4vw, 30px);
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(42px, 8.4vw, 116px);
  line-height: 0.95;
  letter-spacing: -0.02em;
  color: var(--bone);
}

.page-home .home-hero__title-line {
  display: block;
}

.page-home .home-hero__title-line--shift {
  padding-left: clamp(0px, 6vw, 96px);
  color: var(--amber);
}

.page-home .home-hero__deck {
  display: grid;
  gap: 10px;
  max-width: 40ch;
  margin-bottom: clamp(22px, 3vw, 34px);
}

.page-home .home-hero__deck p {
  margin: 0;
  font-size: clamp(15px, 1.35vw, 17px);
  line-height: 1.8;
  color: var(--mist);
}

.page-home .home-hero__deck p:first-child {
  color: var(--bone);
  font-weight: 600;
}

.page-home .home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

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

@media (min-width: 980px) {
  .page-home .home-hero__visual {
    transform: translateY(clamp(0px, 2vw, 28px));
  }
}

.page-home .home-hero__visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 14 / 9;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  filter: saturate(0.92) contrast(1.06);
}

.page-home .home-hero__visual figcaption {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: 0.06em;
  color: var(--mist);
}

/* 比分条 */

.page-home .home-board {
  display: grid;
  gap: clamp(16px, 2vw, 26px);
  margin-top: clamp(30px, 4.4vw, 58px);
  padding: clamp(18px, 2.4vw, 28px);
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  background: linear-gradient(180deg, rgba(16, 19, 20, 0.94), rgba(11, 31, 26, 0.82));
}

@media (min-width: 900px) {
  .page-home .home-board {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr);
    align-items: center;
    gap: clamp(20px, 3vw, 40px);
  }
}

.page-home .home-board__side {
  min-width: 0;
}

.page-home .home-board__label {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--mist);
}

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

.page-home .board-jump {
  display: inline-block;
  padding: 7px 14px;
  border: 1px dashed var(--line);
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--mist);
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, border-style 0.2s ease;
}

.page-home .board-jump:hover,
.page-home .board-jump:focus-visible {
  border-style: solid;
  border-color: var(--ember);
  color: var(--ember);
}

.page-home .home-board__track {
  min-width: 0;
}

.page-home .home-board__svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.page-home .board-axis {
  stroke: var(--line);
  stroke-width: 2;
}

.page-home .board-span {
  stroke: var(--amber);
  stroke-width: 4;
  stroke-linecap: round;
}

.page-home .board-node--hot {
  fill: var(--ember);
}

.page-home .board-node--cold {
  fill: var(--cyan);
}

.page-home .board-tick {
  fill: var(--mist);
  font-family: var(--font-mono);
  font-size: 15px;
  letter-spacing: 0.04em;
}

.page-home .home-board__note {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.7;
  color: var(--mist);
}

/* ---------- 章节骨架 ---------- */

.page-home .home-section {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(18px, 2.6vw, 28px);
  max-width: var(--shell);
  margin: 0 auto;
  padding: clamp(42px, 6vw, 88px) var(--gutter);
}

@media (min-width: 1040px) {
  .page-home .home-section {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: clamp(26px, 3.4vw, 56px);
  }
}

.page-home .home-section__rail {
  display: flex;
  align-items: center;
}

.page-home .home-section__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  color: var(--cyan);
  font-size: 13px;
  letter-spacing: 0.08em;
}

@media (min-width: 1040px) {
  .page-home .home-section__rail {
    position: relative;
    display: block;
    align-self: start;
  }

  .page-home .home-section__rail::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 50px;
    width: 1px;
    height: 64px;
    background: linear-gradient(180deg, var(--line-strong), transparent);
  }
}

.page-home .home-section__body {
  min-width: 0;
}

.page-home .home-section__head {
  margin-bottom: clamp(20px, 2.8vw, 34px);
}

.page-home .home-section__title {
  margin: 10px 0 12px;
  max-width: 26ch;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(25px, 3.4vw, 44px);
  line-height: 1.16;
  letter-spacing: -0.015em;
  color: var(--bone);
}

.page-home .home-section__lead {
  margin: 0;
  max-width: 48ch;
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1.8;
  color: var(--mist);
}

/* ---------- 赛季切换台 ---------- */

.page-home .season-switch {
  display: grid;
  gap: 12px;
}

@media (min-width: 860px) {
  .page-home .season-switch {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-home .season-tab {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid var(--line);
  border-left: 3px solid var(--moss);
  border-radius: var(--radius-m);
  background: linear-gradient(158deg, rgba(42, 47, 44, 0.7), rgba(11, 31, 26, 0.92));
  color: var(--bone);
  text-decoration: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.page-home .season-tab:hover,
.page-home .season-tab:focus-visible {
  border-color: var(--line-strong);
  border-left-color: var(--ember);
  transform: translateY(-3px);
}

.page-home .season-tab__num {
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1;
  color: var(--amber);
  font-weight: 700;
}

.page-home .season-tab__name {
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.page-home .season-tab__desc {
  font-size: 13px;
  line-height: 1.75;
  color: var(--mist);
}

.page-home .season-tab__cta {
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--cyan);
}

.page-home .home-season__band {
  margin: clamp(22px, 3vw, 36px) 0 0;
}

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

.page-home .season-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: clamp(20px, 3vw, 30px) 0 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: var(--line-soft);
  overflow: hidden;
}

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

.page-home .season-stats li {
  display: grid;
  gap: 8px;
  padding: clamp(16px, 2vw, 22px);
  background: var(--ink-deep);
}

.page-home .stat-num {
  display: block;
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: clamp(23px, 2.8vw, 34px);
  line-height: 1;
  color: var(--amber);
}

.page-home .stat-cap {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: var(--mist);
}

/* ---------- 三大板块 ---------- */

.page-home .board-grid {
  display: grid;
  gap: clamp(14px, 2vw, 20px);
}

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

  .page-home .board-card--track {
    grid-column: span 4;
  }

  .page-home .board-card--map {
    grid-column: span 5;
  }

  .page-home .board-card--fixture {
    grid-column: span 3;
  }
}

.page-home .board-card {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: clamp(18px, 2.2vw, 26px);
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  background: var(--ink-deep);
  transition: border-color 0.2s ease;
}

.page-home .board-card:hover {
  border-color: var(--line-strong);
}

.page-home .board-card--map {
  background: radial-gradient(120% 90% at 100% 0%, rgba(63, 224, 200, 0.1), transparent 62%), var(--ink-deep);
}

.page-home .board-card--fixture {
  background: radial-gradient(120% 90% at 0% 100%, rgba(255, 138, 61, 0.12), transparent 62%), var(--ink-deep);
}

.page-home .board-card__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(19px, 1.9vw, 24px);
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--bone);
}

.page-home .board-card__text {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--mist);
}

.page-home .board-card__figure {
  margin: 4px 0 0;
}

.page-home .board-card__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 11 / 7;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
}

.page-home .board-card__stat {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 10px;
  margin: 4px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line-soft);
}

.page-home .board-card__stat .stat-num {
  font-size: clamp(22px, 2.4vw, 28px);
}

/* ---------- 近三轮速览 ---------- */

.page-home .recent-grid {
  display: grid;
  gap: clamp(18px, 2.6vw, 30px);
}

@media (min-width: 980px) {
  .page-home .recent-grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
  }
}

.page-home .score-row {
  padding: clamp(14px, 1.8vw, 20px) clamp(16px, 2vw, 22px);
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: rgba(16, 19, 20, 0.78);
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.page-home .score-row + .score-row {
  margin-top: 10px;
}

.page-home .score-row:hover,
.page-home .score-row:focus-within {
  border-color: var(--line-strong);
  background: rgba(11, 31, 26, 0.94);
}

.page-home .score-row__main {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
}

.page-home .score-row__round {
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--mist);
}

.page-home .score-row__match {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  font-size: 14px;
  color: var(--bone);
}

.page-home .score-row__score {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: clamp(20px, 2.4vw, 28px);
  letter-spacing: 0.02em;
  color: var(--amber);
}

.page-home .score-row__meta {
  margin-left: auto;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--mist);
}

.page-home .score-row__detail {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.22s ease;
}

.page-home .score-row__detail > div {
  overflow: hidden;
}

.page-home .score-row__detail p {
  margin: 0;
  padding-top: 14px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--mist);
}

.page-home .score-row:hover .score-row__detail,
.page-home .score-row:focus-within .score-row__detail {
  grid-template-rows: 1fr;
}

.page-home .recent-figure {
  margin: 0;
}

.page-home .recent-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
}

.page-home .recent-figure figcaption {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--mist);
}

/* ---------- 复盘室 ---------- */

.page-home .review-card {
  max-width: 78ch;
  padding: clamp(22px, 3vw, 40px);
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  background: radial-gradient(120% 100% at 0% 0%, rgba(181, 98, 60, 0.18), transparent 62%), var(--ink-deep);
}

.page-home .review-card__kicker {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--clay);
}

.page-home .review-card__title {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(20px, 2.4vw, 30px);
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: var(--bone);
}

.page-home .review-card__drop {
  margin: 0;
  font-size: clamp(15px, 1.3vw, 16.5px);
  line-height: 1.9;
  color: var(--bone);
}

.page-home .review-card__drop::first-letter {
  float: left;
  padding: 6px 12px 0 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 3.4em;
  line-height: 0.8;
  color: var(--amber);
}

.page-home .review-card details {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--line-soft);
}

.page-home .review-card summary {
  cursor: pointer;
  list-style: none;
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--cyan);
}

.page-home .review-card summary::-webkit-details-marker {
  display: none;
}

.page-home .review-card summary::after {
  content: " ＋";
}

.page-home .review-card details[open] summary::after {
  content: " －";
}

.page-home .review-card .prose {
  margin-top: 14px;
}

.page-home .review-card .prose p {
  margin: 0 0 12px;
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--mist);
}

.page-home .review-card .prose p:last-child {
  margin-bottom: 0;
}

.page-home .review-card__more {
  margin: 18px 0 0;
  font-size: 13px;
  letter-spacing: 0.08em;
}

.page-home .review-card__more a {
  color: var(--ember);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.page-home .review-card__more a:hover {
  border-bottom-color: var(--ember);
}

/* ---------- 贵州视角 ---------- */

.page-home .home-guizhou__grid {
  display: grid;
  gap: clamp(16px, 2.4vw, 28px);
}

@media (min-width: 880px) {
  .page-home .home-guizhou__grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    align-items: start;
  }
}

.page-home .home-guizhou__text p {
  margin: 0 0 14px;
  font-size: clamp(15px, 1.3vw, 16.5px);
  line-height: 1.85;
  color: var(--mist);
}

.page-home .home-guizhou__text p:last-child {
  margin-bottom: 0;
}

.page-home .guizhou-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: var(--line-soft);
  overflow: hidden;
}

.page-home .guizhou-list li {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  background: var(--ink-deep);
}

/* ---------- 合作入口 ---------- */

.page-home .join-grid {
  display: grid;
  gap: 14px;
}

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

.page-home .join-card {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: clamp(18px, 2.2vw, 26px);
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: linear-gradient(170deg, rgba(74, 107, 84, 0.28), rgba(16, 19, 20, 0.92));
  transition: border-color 0.2s ease;
}

.page-home .join-card:hover {
  border-color: var(--line-strong);
}

.page-home .join-card__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(18px, 1.8vw, 22px);
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--bone);
}

.page-home .join-card__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--mist);
}

.page-home .join-card__link {
  margin: 4px 0 0;
  font-size: 13px;
  letter-spacing: 0.06em;
}

.page-home .join-card__link a {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.page-home .join-card__link a:hover {
  border-bottom-color: var(--cyan);
}

.page-home .home-index {
  margin-top: clamp(28px, 4vw, 46px);
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.page-home .home-index__label {
  margin: 0 0 14px;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--mist);
}

.page-home .home-index__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-home .team-chip {
  display: inline-block;
  padding: 9px 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--bone);
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.page-home .team-chip:hover,
.page-home .team-chip:focus-visible {
  border-color: var(--amber);
  color: var(--amber);
  background: rgba(255, 194, 71, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  .page-home .season-tab,
  .page-home .score-row,
  .page-home .board-card,
  .page-home .join-card,
  .page-home .team-chip,
  .page-home .board-jump,
  .page-home .score-row__detail {
    transition: none;
  }

  .page-home .season-tab:hover,
  .page-home .season-tab:focus-visible {
    transform: none;
  }
}