.page-news {
  --news-rowpad: 20px;
  --news-rule: var(--line);
  padding-bottom: clamp(56px, 9vw, 110px);
}

/* ---------- 面包屑 ---------- */
.page-news .breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 22px 0 8px;
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--ink-2);
}

.page-news .breadcrumb__link {
  color: var(--ink-2);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-news .breadcrumb__link:hover,
.page-news .breadcrumb__link:focus-visible {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

.page-news .breadcrumb__sep {
  color: var(--line);
}

.page-news .breadcrumb__item {
  color: var(--ink);
}

/* ---------- 首屏 ---------- */
.page-news .news-hero {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 100%);
  padding: clamp(34px, 7vw, 76px) 0 clamp(30px, 5.5vw, 58px);
}

.page-news .news-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    112deg,
    transparent 0 96px,
    rgba(0, 229, 200, 0.055) 96px 97px
  );
}

.page-news .news-hero::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -170px;
  width: 340px;
  height: 340px;
  border: 1px solid var(--line);
  border-radius: 50%;
  pointer-events: none;
}

.page-news .news-hero__inner {
  position: relative;
  z-index: 1;
}

.page-news .news-hero__title {
  margin: 14px 0 20px;
  font-family: var(--font-serif);
  font-size: clamp(32px, 7.6vw, 72px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-news .news-hero__title-em {
  display: inline-block;
  transform: skewX(-4deg);
  color: var(--accent);
}

.page-news .news-hero__lede {
  max-width: 60ch;
  margin: 0 0 32px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .news-stats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}

.page-news .news-stats__item {
  background: var(--bg-0);
  padding: 16px 14px 14px;
}

.page-news .news-stats__value {
  display: block;
  font-family: var(--font-mono);
  font-size: clamp(26px, 5.2vw, 40px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  color: var(--lime);
}

.page-news .news-stats__label {
  display: block;
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--ink-2);
}

/* ---------- 通用区块 ---------- */
.page-news .news-section {
  padding-top: clamp(48px, 7vw, 96px);
}

.page-news .news-head__title {
  margin: 10px 0 10px;
  font-family: var(--font-serif);
  font-size: clamp(22px, 3.4vw, 34px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-news .news-head__note {
  max-width: 64ch;
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

/* ---------- 图片占位比例 ---------- */
.page-news .frame-flag { aspect-ratio: 3 / 2; }
.page-news .frame-clock { aspect-ratio: 1 / 1; }
.page-news .frame-run { aspect-ratio: 4 / 5; }
.page-news .frame-log { aspect-ratio: 8 / 3; }

/* ---------- 栏目索引 ---------- */
.page-news .news-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 4vw, 48px);
  margin-top: 28px;
}

.page-news .news-columns__figure {
  margin: 0;
  border: 1px solid var(--line);
}

.page-news .col-index {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.page-news .col-index__item {
  border-bottom: 1px solid var(--line);
}

.page-news .col-index__link {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  column-gap: 16px;
  padding: 18px 6px;
  text-decoration: none;
  color: inherit;
  transition: background-color var(--dur) var(--ease), padding-left var(--dur) var(--ease);
}

.page-news .col-index__link:hover,
.page-news .col-index__link:focus-visible {
  background-color: rgba(0, 229, 200, 0.05);
  padding-left: 14px;
}

.page-news .col-index__mark {
  grid-column: 1;
  grid-row: 1 / 99;
  align-self: start;
  margin-top: 6px;
  width: 12px;
  height: 12px;
  background: var(--accent);
}

.page-news .col-index__item:nth-child(2) .col-index__mark {
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.page-news .col-index__item:nth-child(3) .col-index__mark {
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
}

.page-news .col-index__item:nth-child(4) .col-index__mark {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.page-news .col-index__item:nth-child(5) .col-index__mark {
  border-radius: 50% 50% 0 0;
  background: var(--lime);
}

.page-news .col-index__name {
  grid-column: 2;
  display: block;
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--ink);
}

.page-news .col-index__desc {
  grid-column: 2;
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.75;
  color: var(--ink-2);
}

.page-news .col-index__cadence {
  grid-column: 2;
  display: block;
  margin-top: 10px;
  color: var(--accent-soft);
}

/* ---------- 条目列表 ---------- */
.page-news .news-list {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.page-news .news-item {
  border-bottom: 1px solid var(--line);
}

.page-news .news-item__link {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 14px;
  padding: var(--news-rowpad) 6px;
  text-decoration: none;
  color: inherit;
  transition: transform var(--dur) var(--ease), background-color var(--dur) var(--ease);
}

.page-news .news-item__link:hover,
.page-news .news-item__link:focus-visible {
  transform: translateX(2px);
  background-color: rgba(0, 229, 200, 0.045);
}

.page-news .news-item__idx {
  grid-column: 1;
  grid-row: 1 / 99;
  padding-top: 3px;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--ink-2);
  transition: color var(--dur) var(--ease);
}

.page-news .news-item__link:hover .news-item__idx,
.page-news .news-item__link:focus-visible .news-item__idx {
  color: var(--accent);
}

.page-news .news-item__content {
  grid-column: 2;
  grid-row: 1;
  display: block;
}

.page-news .news-item__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.page-news .news-item__title {
  display: block;
  margin-bottom: 8px;
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--ink);
  transition: color var(--dur) var(--ease);
}

.page-news .news-item__link:hover .news-item__title,
.page-news .news-item__link:focus-visible .news-item__title {
  color: var(--accent);
}

.page-news .news-item__text {
  display: block;
  max-width: 68ch;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .news-item__metric {
  grid-column: 2;
  grid-row: 2;
  display: block;
  margin-top: 12px;
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--accent-soft);
}

/* ---------- 补时专题研究板 ---------- */
.page-news .feature-board {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 4vw, 44px);
  margin-top: 28px;
  padding: clamp(20px, 3.4vw, 40px);
  border: 1px solid var(--line);
  background: var(--bg-1);
}

.page-news .feature-board__claim {
  margin: 0 0 14px;
  font-family: var(--font-serif);
  font-size: clamp(20px, 2.8vw, 27px);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-news .feature-board__text {
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .feature-board__left .media-frame {
  margin: 0;
  border: 1px solid var(--line);
}

.page-news .feature-board__label {
  margin: 0 0 14px;
  color: var(--accent);
}

.page-news .evidence-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-news .evidence-list__item {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid var(--line);
}

.page-news .evidence-list__item:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-news .evidence-list__key {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--lime);
  padding-top: 3px;
}

.page-news .evidence-list__val {
  font-size: 14px;
  line-height: 1.8;
  color: var(--ink-2);
}

/* ---------- 球员数据解读 ---------- */
.page-news .player-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 28px;
}

.page-news .player-card {
  padding: 20px 18px 22px;
  background: var(--bg-1);
}

.page-news .player-card__tag {
  margin: 0 0 12px;
  color: var(--accent-soft);
}

.page-news .player-card__title {
  margin: 0 0 18px;
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-news .player-card__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 16px;
  padding: 0;
  background: var(--line);
  border: 1px solid var(--line);
}

.page-news .player-card__metric {
  margin: 0;
  padding: 12px 10px;
  background: var(--bg-0);
}

.page-news .player-card__metric-l {
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--ink-2);
}

.page-news .player-card__metric-v {
  margin: 8px 0 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 0.95;
  color: var(--accent);
}

.page-news .player-card:nth-child(2) .player-card__metric-v {
  color: var(--lime);
}

.page-news .player-card__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .player-media {
  margin: 28px 0 0;
  border: 1px solid var(--line);
}

/* ---------- 归档与检索 ---------- */
.page-news .archive-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 4vw, 48px);
  margin-top: 28px;
}

.page-news .archive-branch {
  border-bottom: 1px solid var(--line);
}

.page-news .archive-branch:first-child {
  border-top: 1px solid var(--line);
}

.page-news .archive-branch__summary {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 16px 4px;
  cursor: pointer;
  list-style: none;
  transition: background-color var(--dur) var(--ease);
}

.page-news .archive-branch__summary::-webkit-details-marker {
  display: none;
}

.page-news .archive-branch__summary:hover,
.page-news .archive-branch__summary:focus-visible {
  background-color: rgba(0, 229, 200, 0.05);
}

.page-news .archive-branch__name {
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 700;
  color: var(--ink);
}

.page-news .archive-branch__meta {
  margin-left: auto;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--ink-2);
}

.page-news .archive-branch__toggle {
  position: relative;
  flex: none;
  width: 12px;
  height: 12px;
  align-self: center;
}

.page-news .archive-branch__toggle::before,
.page-news .archive-branch__toggle::after {
  content: "";
  position: absolute;
  background: var(--accent);
  transition: transform var(--dur) var(--ease);
}

.page-news .archive-branch__toggle::before {
  left: 0;
  top: 5.5px;
  width: 12px;
  height: 1.5px;
}

.page-news .archive-branch__toggle::after {
  left: 5.5px;
  top: 0;
  width: 1.5px;
  height: 12px;
}

.page-news .archive-branch[open] > .archive-branch__summary .archive-branch__toggle::after {
  transform: scaleY(0);
}

.page-news .archive-branch__list {
  list-style: none;
  margin: 0;
  padding: 0 0 18px;
}

.page-news .archive-branch__row {
  border-top: 1px dashed var(--line);
}

.page-news .archive-branch__link {
  display: block;
  padding: 12px 4px 12px 28px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink-2);
  text-decoration: none;
  transition: color var(--dur) var(--ease), padding-left var(--dur) var(--ease);
}

.page-news .archive-branch__link:hover,
.page-news .archive-branch__link:focus-visible {
  color: var(--accent);
  padding-left: 34px;
}

.page-news .archive-note {
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid var(--line);
  background: var(--bg-1);
}

.page-news .archive-note__text {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .archive-note__meta {
  margin: 0 0 18px;
  color: var(--ink-2);
}

.page-news .archive-note__link {
  display: inline-block;
  font-size: 14px;
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid var(--accent);
  padding-bottom: 2px;
}

.page-news .archive-figure {
  margin: 32px 0 0;
  border: 1px solid var(--line);
}

/* ---------- 线索与纠错 ---------- */
.page-news .news-submit__inner {
  max-width: 720px;
  padding: clamp(26px, 4vw, 46px) clamp(20px, 3.4vw, 44px);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  background: var(--bg-1);
}

.page-news .news-submit__title {
  margin: 12px 0 16px;
  font-family: var(--font-serif);
  font-size: clamp(22px, 3.2vw, 32px);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-news .news-submit__text {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .news-submit__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.page-news .news-submit__note {
  margin: 0;
  color: var(--ink-2);
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-news .news-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-news .news-stats__item {
    padding: 20px 18px 18px;
  }
}

@media (min-width: 780px) {
  .page-news .player-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-news .player-card:nth-child(2) {
    transform: translateY(14px);
  }

  .page-news .player-card:nth-child(3) {
    transform: translateY(28px);
  }

  .page-news .player-media {
    width: 44%;
    margin-left: auto;
    margin-top: 56px;
  }
}

@media (min-width: 900px) {
  .page-news {
    --news-rowpad: 22px;
  }

  .page-news .news-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
    align-items: start;
  }

  .page-news .news-list {
    margin-top: 34px;
  }

  .page-news .news-item__link {
    grid-template-columns: 44px minmax(0, 1fr) 216px;
    column-gap: 24px;
    padding: var(--news-rowpad) 8px;
  }

  .page-news .news-item__idx {
    grid-column: 1;
  }

  .page-news .news-item__content {
    grid-column: 2;
  }

  .page-news .news-item__metric {
    grid-column: 3;
    grid-row: 1 / 99;
    align-self: center;
    margin-top: 0;
    text-align: right;
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
  }

  .page-news .news-item__link:hover .news-item__metric,
  .page-news .news-item__link:focus-visible .news-item__metric {
    opacity: 1;
    transform: translateX(0);
  }

  .page-news .feature-board {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: start;
  }

  .page-news .archive-grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
  }

  .page-news .archive-figure {
    margin-top: 40px;
  }
}

@media (min-width: 1180px) {
  .page-news .news-hero__inner {
    padding-right: clamp(0px, 6vw, 110px);
  }

  .page-news .news-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 440px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .news-item__link,
  .page-news .col-index__link,
  .page-news .archive-branch__link,
  .page-news .news-item__metric,
  .page-news .archive-branch__toggle::before,
  .page-news .archive-branch__toggle::after {
    transition: none;
  }

  .page-news .news-item__link:hover,
  .page-news .news-item__link:focus-visible {
    transform: none;
  }
}
<<<END>>>

注意：我想确认一下共享样式里的 `.stat__value`——在页面作用域里我用的是自己的 `.news-stats__value`，这没问题。

另外，页面里用到了 `num` 这个类——它是全局共享的，可以放心用。

好，现在全部写出来。

最后检查一下标记顺序：先 `` 后 ``。没问题。
<main id="main-content" class="page-news">

  <div class="wrap">
    <nav class="breadcrumb" aria-label="当前位置">
      <a class="breadcrumb__link" href="/">看台首页</a>
      <span class="breadcrumb__sep" aria-hidden="true">/</span>
      <span class="breadcrumb__item">赛季报告</span>
    </nav>
  </div>

  <header class="news-hero">
    <div class="wrap news-hero__inner">
      <p class="eyebrow">常设栏目 · 按赛季与赛事归档</p>
      <h1 class="news-hero__title">赛季报告与<span class="news-hero__title-em">青训观察</span></h1>
      <p class="news-hero__lede">
        易倍看台把每个赛季的补时读数、球员维度与拉练记录整理成可以逐条翻阅的观察条目。
        这里不放赛事直播，只有已经结算的赛果、写进档案的数字，以及一句把口径说清楚的人话。
      </p>
      <ul class="news-stats">
        <li class="news-stats__item">
          <span class="news-stats__value">1180</span>
          <span class="news-stats__label">累计归档正式比赛</span>
        </li>
        <li class="news-stats__item">
          <span class="news-stats__value">260</span>
          <span class="news-stats__label">友谊赛与拉练赛</span>
        </li>
        <li class="news-stats__item">
          <span class="news-stats__value">5</span>
          <span class="news-stats__label">常设栏目</span>
        </li>
        <li class="news-stats__item">
          <span class="news-stats__value">9</span>
          <span class="news-stats__label">内容与数据团队</span>
        </li>
      </ul>
    </div>
  </header>

  <div class="wrap news-body">

    <section class="section news-section" id="news-columns" data-reveal>
      <header class="section__head news-head">
        <p class="eyebrow">01 — 栏目索引</p>
        <h2 class="news-head__title">五条常设线索，各自认领一类问题</h2>
        <p class="news-head__note">每个栏目有固定的记录对象和更新节点。可以按栏目找选题，也可以按赛季阶段顺着往下翻。</p>
      </header>

      <div class="news-columns">
        <ul class="col-index">
          <li class="col-index__item">
            <a class="col-index__link" href="#news-stoppage">
              <span class="col-index__mark" aria-hidden="true"></span>
              <span class="col-index__name">补时账本</span>
              <span class="col-index__desc">把补时按联赛、杯赛、友谊赛、邀请赛四类分开登记，先看类别，再看长度，最后看上下半场的分配。</span>
              <span class="col-index__cadence micro">每轮赛果结算后同步</span>
            </a>
          </li>
          <li class="col-index__item">
            <a class="col-index__link" href="#news-players">
              <span class="col-index__mark" aria-hidden="true"></span>
              <span class="col-index__name">数据解读</span>
              <span class="col-index__desc">围绕单个位置或单名球员展开，每次只讲一个可比较的指标，把同期同位置的读数放在一起看。</span>
              <span class="col-index__cadence micro">单场结算后 24 小时内</span>
            </a>
          </li>
          <li class="col-index__item">
            <a class="col-index__link" href="#news-list">
              <span class="col-index__mark" aria-hidden="true"></span>
              <span class="col-index__name">拉练与友谊赛</span>
              <span class="col-index__desc">记录梯队外出拉练的赛程密度、出场时间切分方式，以及友谊赛阶段的数据波动。</span>
              <span class="col-index__cadence micro">按拉练周期成篇</span>
            </a>
          </li>
          <li class="col-index__item">
            <a class="col-index__link" href="#news-list">
              <span class="col-index__mark" aria-hidden="true"></span>
              <span class="col-index__name">主客场观察</span>
              <span class="col-index__desc">对比同一支梯队在主客场的角球数、传中次数与轮换比例，观察行程对表现的实际影响。</span>
              <span class="col-index__cadence micro">每半个赛季汇总一次</span>
            </a>
          </li>
          <li class="col-index__item">
            <a class="col-index__link" href="#news-archive">
              <span class="col-index__mark" aria-hidden="true"></span>
              <span class="col-index__name">赛季归档</span>
              <span class="col-index__desc">按赛季、赛事、单场三级挂载条目，赛季结束后 14 天内完成索引上线。</span>
              <span class="col-index__cadence micro">赛季结束后 14 天内</span>
            </a>
          </li>
        </ul>

        <figure class="media-frame frame-flag news-columns__figure">
          <img class="media-frame__img" src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="傍晚逆光下的角旗与草皮局部特写，画面无可辨识文字">
          <figcaption class="media-frame__cap micro">训练场边角旗与草皮局部，傍晚逆光</figcaption>
        </figure>
      </div>
    </section>

    <section class="section news-section" id="news-list" data-reveal>
      <header class="section__head news-head">
        <p class="eyebrow">02 — 本期条目</p>
        <h2 class="news-head__title">这一阶段在写的十条</h2>
        <p class="news-head__note">条目按赛季阶段排列，从季前热身到收官。每条都带一个可比较的数字，摘要里不放形容词。</p>
      </header>

      <ol class="news-list">
        <li class="news-item">
          <a class="news-item__link" href="#news-stoppage">
            <span class="news-item__idx num">01</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag tag--stoppage">补时账本</span>
                <span class="tag">季前热身</span>
              </span>
              <span class="news-item__title">热身赛的补时读数整体回落</span>
              <span class="news-item__text">本阶段三场热身赛的单场补时合计 3.5 分钟，比上一阶段同类型赛事低 1.7 分钟，上下半场的分配也比此前均匀。</span>
            </span>
            <span class="news-item__metric num">场均补时 3.5 分钟</span>
          </a>
        </li>

        <li class="news-item">
          <a class="news-item__link" href="#news-players">
            <span class="news-item__idx num">02</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag tag--accent">数据解读</span>
                <span class="tag">上半程</span>
              </span>
              <span class="news-item__title">一名 U15 边前卫的主罚落点集中在前点</span>
              <span class="news-item__text">七场比赛主罚角球 22 次，其中 15 次落点在前点区域，由此产生的二次进攻机会为 4 次，占全部主罚的 18%。</span>
            </span>
            <span class="news-item__metric num">角球 22 / 前点 15</span>
          </a>
        </li>

        <li class="news-item">
          <a class="news-item__link" href="/solutions/">
            <span class="news-item__idx num">03</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag tag--lime">主客场观察</span>
                <span class="tag">上半程</span>
              </span>
              <span class="news-item__title">U17 的客场角球数反超了主场</span>
              <span class="news-item__text">客场场均角球 5.4 个，主场 4.1 个；客场更多走边路，传中次数比主场多出 3.6 次，形成了一组不太常见的反差。</span>
            </span>
            <span class="news-item__metric num">客场场均 5.4 个</span>
          </a>
        </li>

        <li class="news-item">
          <a class="news-item__link" href="/solutions/">
            <span class="news-item__idx num">04</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag">拉练与友谊赛</span>
                <span class="tag">冬歇</span>
              </span>
              <span class="news-item__title">五天三赛，出场时间被切成每段 25 分钟</span>
              <span class="news-item__text">四地拉练期间，教练组把单场出场时间拆成三段，每段 25 分钟，六支建制队共用同一套轮换表，人均出场 75 分钟。</span>
            </span>
            <span class="news-item__metric num">单场分三段 25 分钟</span>
          </a>
        </li>

        <li class="news-item">
          <a class="news-item__link" href="#news-archive">
            <span class="news-item__idx num">05</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag tag--accent">赛季归档</span>
                <span class="tag">上半程</span>
              </span>
              <span class="news-item__title">联赛与杯赛赛果分列，补时单独成栏</span>
              <span class="news-item__text">上半程归档覆盖 U13 至 U19 四个年龄段，联赛与杯赛两类赛果分开登记，补时读数从赛果中单独抽出，便于跨类别比对。</span>
            </span>
            <span class="news-item__metric num">覆盖 4 个年龄段</span>
          </a>
        </li>

        <li class="news-item">
          <a class="news-item__link" href="#news-stoppage">
            <span class="news-item__idx num">06</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag tag--stoppage">补时账本</span>
                <span class="tag">上半程</span>
              </span>
              <span class="news-item__title">下半场补时中位数比上半场多出 1.4 分钟</span>
              <span class="news-item__text">联赛样本里，上半场补时中位数 2.1 分钟，下半场 3.5 分钟；杯赛的下半场读数还要再高 0.8 分钟，达到 4.3 分钟。</span>
            </span>
            <span class="news-item__metric num">下半场 +1.4 分钟</span>
          </a>
        </li>

        <li class="news-item">
          <a class="news-item__link" href="#news-players">
            <span class="news-item__idx num">07</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag tag--accent">数据解读</span>
                <span class="tag">上半程</span>
              </span>
              <span class="news-item__title">U13 门将位置的单场跑动结构</span>
              <span class="news-item__text">单场跑动 3.8 公里，其中冲刺段占比 12%。出击次数与角球防守时的站位选择，是这一位置读数变化最明显的两个变量。</span>
            </span>
            <span class="news-item__metric num">跑动 3.8 公里</span>
          </a>
        </li>

        <li class="news-item">
          <a class="news-item__link" href="/solutions/">
            <span class="news-item__idx num">08</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag tag--lime">主客场观察</span>
                <span class="tag">冬歇</span>
              </span>
              <span class="news-item__title">长途客场带来了更高的轮换比例</span>
              <span class="news-item__text">西南七城中行程超过三小时的客场，首发轮换比例升到 38%，比短途客场高出 11 个百分点，体能分配是主要原因。</span>
            </span>
            <span class="news-item__metric num">轮换比例 38%</span>
          </a>
        </li>

        <li class="news-item">
          <a class="news-item__link" href="/solutions/">
            <span class="news-item__idx num">09</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag">拉练与友谊赛</span>
                <span class="tag">季前</span>
              </span>
              <span class="news-item__title">邀请赛两场连轴之后，抢断成功率回升</span>
              <span class="news-item__text">两场邀请赛之间间隔不足 48 小时，第二场抢断成功率从首场的 41% 回到 52%，关键传球 6 次，节奏反而更顺。</span>
            </span>
            <span class="news-item__metric num">抢断成功率 52%</span>
          </a>
        </li>

        <li class="news-item">
          <a class="news-item__link" href="#news-archive">
            <span class="news-item__idx num">10</span>
            <span class="news-item__content">
              <span class="news-item__tags">
                <span class="tag tag--accent">赛季归档</span>
                <span class="tag">收官</span>
              </span>
              <span class="news-item__title">分赛季索引覆盖累计 1180 余场正式比赛</span>
              <span class="news-item__text">收官阶段完成当前赛季的索引挂载，正式比赛与友谊赛、拉练赛分开计数，单场记录保留补时与球员维度两栏。</span>
            </span>
            <span class="news-item__metric num">1180 余场 / 累计</span>
          </a>
        </li>
      </ol>
    </section>

    <section class="section news-section" id="news-stoppage" data-reveal>
      <header class="section__head news-head">
        <p class="eyebrow">03 — 补时账本</p>
        <h2 class="news-head__title">补时不能只看平均值</h2>
        <p class="news-head__note">把四类赛事混在一起算出来的数字，既不能比较也不能预判。</p>
      </header>

      <div class="feature-board">
        <div class="feature-board__left">
          <h3 class="feature-board__claim">先分赛事类型，再谈长短</h3>
          <p class="feature-board__text">
            补时账本这个栏目处理的是易倍娱乐补时时长：联赛、杯赛、友谊赛、邀请赛四类分别登记，
            每类再拆上下半场，口径统一为上下半场补时之和，单场以赛事记录为准。同类之间才能比较，
            跨类别只能看趋势。
          </p>
          <figure class="media-frame frame-clock">
            <img class="media-frame__img" src="{zhanqunpic:h:1000w:1000}" width="1000" height="1000" alt="场边计时装置与护栏的抽象特写，暗调，无品牌标识" loading="lazy" decoding="async">
            <figcaption class="media-frame__cap micro">场边计时装置与护栏局部，暗调</figcaption>
          </figure>
        </div>

        <div class="feature-board__right">
          <p class="feature-board__label micro">本期证据 · 四类赛事分别登记</p>
          <ul class="evidence-list">
            <li class="evidence-list__item">
              <span class="evidence-list__key">联赛</span>
              <span class="evidence-list__val">上半场补时中位数 2.1 分钟，下半场 3.5 分钟。四类赛事里分布最窄，波动主要出现在赛程密集的连续客场。</span>
            </li>
            <li class="evidence-list__item">
              <span class="evidence-list__key">杯赛</span>
              <span class="evidence-list__val">下半场补时中位数 4.3 分钟，是四类中最长的一档。单场峰值集中出现在淘汰赛阶段，与换人次数和伤停处理直接相关。</span>
            </li>
            <li class="evidence-list__item">
              <span class="evidence-list__key">友谊赛</span>
              <span class="evidence-list__val">读数由双方教练组协商，波动最大，单场从不足 1 分钟到 6 分钟都有。这一类的数字只记录，不参与跨类别均值。</span>
            </li>
            <li class="evidence-list__item">
              <span class="evidence-list__key">邀请赛</span>
              <span class="evidence-list__val">赛程紧凑，补时普遍压在 2 分钟以内，半场补时经常不足 1 分钟。组织方通常会在赛前会议里定死上限。</span>
            </li>
            <li class="evidence-list__item">
              <span class="evidence-list__key">口径</span>
              <span class="evidence-list__val">全部按上半场与下半场补时之和计算，不做任何折算，不剔除极端值。完整定义登记在使用说明页。</span>
            </li>
          </ul>
        </div>
      </div>
    </section>

    <section class="section news-section" id="news-players" data-reveal>
      <header class="section__head news-head">
        <p class="eyebrow">04 — 球员数据解读</p>
        <h2 class="news-head__title">读一名球员，先固定六个维度</h2>
        <p class="news-head__note">
          出场时间、角球数、主客场表现、关键传球、跑动距离、抢断成功率。本页的每一条青训球员数据解读都建立在这套维度上，每条只讲一个可比较的指标。
        </p>
      </header>

      <div class="player-row">
        <article class="card player-card">
          <p class="player-card__tag micro">U17 · 中场</p>
          <h3 class="player-card__title">位置读数：关键传球与抢断的配比</h3>
          <dl class="player-card__metrics">
            <div class="player-card__metric">
              <dt class="player-card__metric-l">关键传球</dt>
              <dd class="player-card__metric-v num">2.4</dd>
            </div>
            <div class="player-card__metric">
              <dt class="player-card__metric-l">抢断成功率</dt>
              <dd class="player-card__metric-v num">58%</dd>
            </div>
            <div class="player-card__metric">
              <dt class="player-card__metric-l">跑动距离</dt>
              <dd class="player-card__metric-v num">9.6</dd>
            </div>
          </dl>
          <p class="player-card__text">场均关键传球 2.4 次、跑动 9.6 公里，两项同时进入同位置前三。抢断成功率 58%，比同位置均值高 7 个百分点。</p>
        </article>

        <article class="card player-card">
          <p class="player-card__tag micro">U15 · 门将</p>
          <h3 class="player-card__title">两名分梯队门将的出场时间对比</h3>
          <dl class="player-card__metrics">
            <div class="player-card__metric">
              <dt class="player-card__metric-l">出场时间差</dt>
              <dd class="player-card__metric-v num">210</dd>
            </div>
            <div class="player-card__metric">
              <dt class="player-card__metric-l">角球防守失球差</dt>
              <dd class="player-card__metric-v num">2</dd>
            </div>
            <div class="player-card__metric">
              <dt class="player-card__metric-l">样本场次</dt>
              <dd class="player-card__metric-v num">14</dd>
            </div>
          </dl>
          <p class="player-card__text">两名门将同期的出场时间相差 210 分钟，由角球防守站位直接导致的失球相差 2 个。样本场次 14 场，分梯队轮换是主因。</p>
        </article>

        <article class="card player-card">
          <p class="player-card__tag micro">U19 · 前锋</p>
          <h3 class="player-card__title">主客场射门次数的落差</h3>
          <dl class="player-card__metrics">
            <div class="player-card__metric">
              <dt class="player-card__metric-l">主场场均射门</dt>
              <dd class="player-card__metric-v num">3.7</dd>
            </div>
            <div class="player-card__metric">
              <dt class="player-card__metric-l">客场场均射门</dt>
              <dd class="player-card__metric-v num">2.1</dd>
            </div>
            <div class="player-card__metric">
              <dt class="player-card__metric-l">客场出场占比</dt>
              <dd class="player-card__metric-v num">46%</dd>
            </div>
          </dl>
          <p class="player-card__text">主场场均射门 3.7 次，客场 2.1 次，落差接近一半。客场的出场占比 46%，说明差距不是出场时间造成的。</p>
        </article>
      </div>

      <figure class="media-frame frame-run player-media">
        <img class="media-frame__img" src="{zhanqunpic:h:1250w:1000}" width="1000" height="1250" alt="训练中折返跑的背影，运动虚化，画面不出现可辨识面孔" loading="lazy" decoding="async">
        <figcaption class="media-frame__cap micro">训练折返跑背影，运动虚化</figcaption>
      </figure>
    </section>

    <section class="section news-section" id="news-archive" data-reveal>
      <header class="section__head news-head">
        <p class="eyebrow">05 — 归档与检索</p>
        <h2 class="news-head__title">赛季 → 赛事 → 单场，三层往下钻</h2>
        <p class="news-head__note">每一条赛果都有固定位置。赛季层看分类计数，赛事层看类别内排序，单场层看补时与球员维度两栏。展开下面任一层即可看到挂载内容。</p>
      </header>

      <div class="archive-grid">
        <div class="archive-tree">
          <details class="archive-branch" open>
            <summary class="archive-branch__summary">
              <span class="archive-branch__name">当前赛季</span>
              <span class="archive-branch__meta num">4 个年龄段 · 6 支建制队</span>
              <span class="archive-branch__toggle" aria-hidden="true"></span>
            </summary>
            <ul class="archive-branch__list">
              <li class="archive-branch__row"><a class="archive-branch__link" href="/solutions/">联赛 · 逐轮赛果与补时读数</a></li>
              <li class="archive-branch__row"><a class="archive-branch__link" href="/solutions/">杯赛 · 淘汰赛阶段单独标注</a></li>
              <li class="archive-branch__row"><a class="archive-branch__link" href="/solutions/">友谊赛 · 拉练期间的对抗记录</a></li>
              <li class="archive-branch__row"><a class="archive-branch__link" href="/solutions/">邀请赛 · 短期集中赛会归档</a></li>
            </ul>
          </details>

          <details class="archive-branch">
            <summary class="archive-branch__summary">
              <span class="archive-branch__name">上一个赛季</span>
              <span class="archive-branch__meta num">含补时独立标注</span>
              <span class="archive-branch__toggle" aria-hidden="true"></span>
            </summary>
            <ul class="archive-branch__list">
              <li class="archive-branch__row"><a class="archive-branch__link" href="/solutions/">联赛 · 赛果与角球数据</a></li>
              <li class="archive-branch__row"><a class="archive-branch__link" href="/solutions/">杯赛 · 单场球员维度</a></li>
              <li class="archive-branch__row"><a class="archive-branch__link" href="/solutions/">友谊赛 · 分梯队轮换记录</a></li>
            </ul>
          </details>

          <details class="archive-branch">
            <summary class="archive-branch__summary">
              <span class="archive-branch__name">更早的赛季</span>
              <span class="archive-branch__meta num">以赛果归档为主</span>
              <span class="archive-branch__toggle" aria-hidden="true"></span>
            </summary>
            <ul class="archive-branch__list">
              <li class="archive-branch__row"><a class="archive-branch__link" href="/solutions/">联赛 · 赛果归档</a></li>
              <li class="archive-branch__row"><a class="archive-branch__link" href="/solutions/">杯赛 · 赛果归档</a></li>
            </ul>
          </details>
        </div>

        <div class="archive-note">
          <p class="archive-note__text">
            标签是筛出条目最快的方式。同一场比赛可能同时挂上赛事类型与赛季阶段两个标签，
            点标签就能把当前赛季里同一类的条目收在一起。三级归档结构的具体规则登记在使用说明页，
            引用前建议先核对一次定义。
          </p>
          <p class="micro archive-note__meta">月度面板每月 5 日前发布 · 单场数据赛后 24 小时内结算</p>
          <a class="archive-note__link" href="/usage/">查看统计口径与数据边界<span aria-hidden="true"> →</span></a>
        </div>
      </div>

      <figure class="media-frame frame-log archive-figure">
        <img class="media-frame__img" src="{zhanqunpic:h:600w:1600}" width="1600" height="600" alt="俯拍的训练日志与记录表格纸张局部，纸面文字不可辨识，冷调" loading="lazy" decoding="async">
        <figcaption class="media-frame__cap micro">训练日志与记录表格局部，冷调</figcaption>
      </figure>
    </section>

    <section class="section news-section news-submit" id="news-submit" data-reveal>
      <div class="news-submit__inner">
        <p class="eyebrow">06 — 线索与纠错</p>
        <h2 class="news-submit__title">手里有现场记录，或者发现了偏差</h2>
        <p class="news-submit__text">
          与本站保持数据协作的 12 家青训机构、3 个城市级青少年赛事组委会，以及教练组和球员家长，
          都可以通过客服邮箱提交线索或指出数据偏差。来信请注明赛事类别、赛季阶段与涉及的场次，
          核对确认后会同步更新到相关页面。
        </p>
        <div class="news-submit__actions">
          <a class="btn btn--primary" href="/feedback/">提交纠错</a>
          <a class="btn btn--ghost" href="/faqs/">看常见问答</a>
        </div>
        <p class="micro news-submit__note">
          数据整理采用公开赛果与现场记录比对，每篇报告由两名编辑交叉校对；纠错请求在工作日内回复。
        </p>
      </div>
    </section>

  </div>
</main>


.page-news {
  --news-rowpad: 20px;
  padding-bottom: clamp(56px, 9vw, 110px);
}

/* ---------- 面包屑 ---------- */
.page-news .breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 22px 0 8px;
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--ink-2);
}

.page-news .breadcrumb__link {
  color: var(--ink-2);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-news .breadcrumb__link:hover,
.page-news .breadcrumb__link:focus-visible {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

.page-news .breadcrumb__sep {
  color: var(--line);
}

.page-news .breadcrumb__item {
  color: var(--ink);
}

/* ---------- 首屏 ---------- */
.page-news .news-hero {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 100%);
  padding: clamp(34px, 7vw, 76px) 0 clamp(30px, 5.5vw, 58px);
}

.page-news .news-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    112deg,
    transparent 0 96px,
    rgba(0, 229, 200, 0.055) 96px 97px
  );
}

.page-news .news-hero::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -170px;
  width: 340px;
  height: 340px;
  border: 1px solid var(--line);
  border-radius: 50%;
  pointer-events: none;
}

.page-news .news-hero__inner {
  position: relative;
  z-index: 1;
}

.page-news .news-hero__title {
  margin: 14px 0 20px;
  font-family: var(--font-serif);
  font-size: clamp(32px, 7.6vw, 72px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-news .news-hero__title-em {
  display: inline-block;
  transform: skewX(-4deg);
  color: var(--accent);
}

.page-news .news-hero__lede {
  max-width: 60ch;
  margin: 0 0 32px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .news-stats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}

.page-news .news-stats__item {
  background: var(--bg-0);
  padding: 16px 14px 14px;
}

.page-news .news-stats__value {
  display: block;
  font-family: var(--font-mono);
  font-size: clamp(26px, 5.2vw, 40px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  color: var(--lime);
}

.page-news .news-stats__label {
  display: block;
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--ink-2);
}

/* ---------- 通用区块 ---------- */
.page-news .news-section {
  padding-top: clamp(48px, 7vw, 96px);
}

.page-news .news-head__title {
  margin: 10px 0 10px;
  font-family: var(--font-serif);
  font-size: clamp(22px, 3.4vw, 34px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-news .news-head__note {
  max-width: 64ch;
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

/* ---------- 图片占位比例 ---------- */
.page-news .frame-flag { aspect-ratio: 3 / 2; }
.page-news .frame-clock { aspect-ratio: 1 / 1; }
.page-news .frame-run { aspect-ratio: 4 / 5; }
.page-news .frame-log { aspect-ratio: 8 / 3; }

/* ---------- 栏目索引 ---------- */
.page-news .news-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 4vw, 48px);
  margin-top: 28px;
}

.page-news .news-columns__figure {
  margin: 0;
  border: 1px solid var(--line);
}

.page-news .col-index {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.page-news .col-index__item {
  border-bottom: 1px solid var(--line);
}

.page-news .col-index__link {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  column-gap: 16px;
  padding: 18px 6px;
  text-decoration: none;
  color: inherit;
  transition: background-color var(--dur) var(--ease), padding-left var(--dur) var(--ease);
}

.page-news .col-index__link:hover,
.page-news .col-index__link:focus-visible {
  background-color: rgba(0, 229, 200, 0.05);
  padding-left: 14px;
}

.page-news .col-index__mark {
  grid-column: 1;
  grid-row: 1 / 99;
  align-self: start;
  margin-top: 6px;
  width: 12px;
  height: 12px;
  background: var(--accent);
}

.page-news .col-index__item:nth-child(2) .col-index__mark {
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.page-news .col-index__item:nth-child(3) .col-index__mark {
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
}

.page-news .col-index__item:nth-child(4) .col-index__mark {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.page-news .col-index__item:nth-child(5) .col-index__mark {
  border-radius: 50% 50% 0 0;
  background: var(--lime);
}

.page-news .col-index__name {
  grid-column: 2;
  display: block;
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--ink);
}

.page-news .col-index__desc {
  grid-column: 2;
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.75;
  color: var(--ink-2);
}

.page-news .col-index__cadence {
  grid-column: 2;
  display: block;
  margin-top: 10px;
  color: var(--accent-soft);
}

/* ---------- 条目列表 ---------- */
.page-news .news-list {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.page-news .news-item {
  border-bottom: 1px solid var(--line);
}

.page-news .news-item__link {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 14px;
  padding: var(--news-rowpad) 6px;
  text-decoration: none;
  color: inherit;
  transition: transform var(--dur) var(--ease), background-color var(--dur) var(--ease);
}

.page-news .news-item__link:hover,
.page-news .news-item__link:focus-visible {
  transform: translateX(2px);
  background-color: rgba(0, 229, 200, 0.045);
}

.page-news .news-item__idx {
  grid-column: 1;
  grid-row: 1 / 99;
  padding-top: 3px;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--ink-2);
  transition: color var(--dur) var(--ease);
}

.page-news .news-item__link:hover .news-item__idx,
.page-news .news-item__link:focus-visible .news-item__idx {
  color: var(--accent);
}

.page-news .news-item__content {
  grid-column: 2;
  grid-row: 1;
  display: block;
}

.page-news .news-item__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.page-news .news-item__title {
  display: block;
  margin-bottom: 8px;
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--ink);
  transition: color var(--dur) var(--ease);
}

.page-news .news-item__link:hover .news-item__title,
.page-news .news-item__link:focus-visible .news-item__title {
  color: var(--accent);
}

.page-news .news-item__text {
  display: block;
  max-width: 68ch;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .news-item__metric {
  grid-column: 2;
  grid-row: 2;
  display: block;
  margin-top: 12px;
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--accent-soft);
}

/* ---------- 补时专题研究板 ---------- */
.page-news .feature-board {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 4vw, 44px);
  margin-top: 28px;
  padding: clamp(20px, 3.4vw, 40px);
  border: 1px solid var(--line);
  background: var(--bg-1);
}

.page-news .feature-board__claim {
  margin: 0 0 14px;
  font-family: var(--font-serif);
  font-size: clamp(20px, 2.8vw, 27px);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-news .feature-board__text {
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .feature-board__left .media-frame {
  margin: 0;
  border: 1px solid var(--line);
}

.page-news .feature-board__label {
  margin: 0 0 14px;
  color: var(--accent);
}

.page-news .evidence-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-news .evidence-list__item {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid var(--line);
}

.page-news .evidence-list__item:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-news .evidence-list__key {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--lime);
  padding-top: 3px;
}

.page-news .evidence-list__val {
  font-size: 14px;
  line-height: 1.8;
  color: var(--ink-2);
}

/* ---------- 球员数据解读 ---------- */
.page-news .player-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 28px;
}

.page-news .player-card {
  padding: 20px 18px 22px;
  background: var(--bg-1);
}

.page-news .player-card__tag {
  margin: 0 0 12px;
  color: var(--accent-soft);
}

.page-news .player-card__title {
  margin: 0 0 18px;
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-news .player-card__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 16px;
  padding: 0;
  background: var(--line);
  border: 1px solid var(--line);
}

.page-news .player-card__metric {
  margin: 0;
  padding: 12px 10px;
  background: var(--bg-0);
}

.page-news .player-card__metric-l {
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--ink-2);
}

.page-news .player-card__metric-v {
  margin: 8px 0 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 0.95;
  color: var(--accent);
}

.page-news .player-card:nth-child(2) .player-card__metric-v {
  color: var(--lime);
}

.page-news .player-card__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .player-media {
  margin: 28px 0 0;
  border: 1px solid var(--line);
}

/* ---------- 归档与检索 ---------- */
.page-news .archive-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 4vw, 48px);
  margin-top: 28px;
}

.page-news .archive-branch {
  border-bottom: 1px solid var(--line);
}

.page-news .archive-branch:first-child {
  border-top: 1px solid var(--line);
}

.page-news .archive-branch__summary {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 16px 4px;
  cursor: pointer;
  list-style: none;
  transition: background-color var(--dur) var(--ease);
}

.page-news .archive-branch__summary::-webkit-details-marker {
  display: none;
}

.page-news .archive-branch__summary:hover,
.page-news .archive-branch__summary:focus-visible {
  background-color: rgba(0, 229, 200, 0.05);
}

.page-news .archive-branch__name {
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 700;
  color: var(--ink);
}

.page-news .archive-branch__meta {
  margin-left: auto;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--ink-2);
}

.page-news .archive-branch__toggle {
  position: relative;
  flex: none;
  align-self: center;
  width: 12px;
  height: 12px;
}

.page-news .archive-branch__toggle::before,
.page-news .archive-branch__toggle::after {
  content: "";
  position: absolute;
  background: var(--accent);
  transition: transform var(--dur) var(--ease);
}

.page-news .archive-branch__toggle::before {
  left: 0;
  top: 5.5px;
  width: 12px;
  height: 1.5px;
}

.page-news .archive-branch__toggle::after {
  left: 5.5px;
  top: 0;
  width: 1.5px;
  height: 12px;
}

.page-news .archive-branch[open] > .archive-branch__summary .archive-branch__toggle::after {
  transform: scaleY(0);
}

.page-news .archive-branch__list {
  list-style: none;
  margin: 0;
  padding: 0 0 18px;
}

.page-news .archive-branch__row {
  border-top: 1px dashed var(--line);
}

.page-news .archive-branch__link {
  display: block;
  padding: 12px 4px 12px 28px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink-2);
  text-decoration: none;
  transition: color var(--dur) var(--ease), padding-left var(--dur) var(--ease);
}

.page-news .archive-branch__link:hover,
.page-news .archive-branch__link:focus-visible {
  color: var(--accent);
  padding-left: 34px;
}

.page-news .archive-note {
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid var(--line);
  background: var(--bg-1);
}

.page-news .archive-note__text {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .archive-note__meta {
  margin: 0 0 18px;
  color: var(--ink-2);
}

.page-news .archive-note__link {
  display: inline-block;
  padding-bottom: 2px;
  font-size: 14px;
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid var(--accent);
}

.page-news .archive-figure {
  margin: 32px 0 0;
  border: 1px solid var(--line);
}

/* ---------- 线索与纠错 ---------- */
.page-news .news-submit__inner {
  max-width: 720px;
  padding: clamp(26px, 4vw, 46px) clamp(20px, 3.4vw, 44px);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  background: var(--bg-1);
}

.page-news .news-submit__title {
  margin: 12px 0 16px;
  font-family: var(--font-serif);
  font-size: clamp(22px, 3.2vw, 32px);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-news .news-submit__text {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--ink-2);
}

.page-news .news-submit__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.page-news .news-submit__note {
  margin: 0;
  color: var(--ink-2);
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-news .news-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-news .news-stats__item {
    padding: 20px 18px 18px;
  }
}

@media (min-width: 780px) {
  .page-news .player-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-news .player-card:nth-child(2) {
    transform: translateY(14px);
  }

  .page-news .player-card:nth-child(3) {
    transform: translateY(28px);
  }

  .page-news .player-media {
    width: 44%;
    margin-left: auto;
    margin-top: 56px;
  }
}

@media (min-width: 900px) {
  .page-news {
    --news-rowpad: 22px;
  }

  .page-news .news-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
    align-items: start;
  }

  .page-news .news-list {
    margin-top: 34px;
  }

  .page-news .news-item__link {
    grid-template-columns: 44px minmax(0, 1fr) 216px;
    column-gap: 24px;
    padding: var(--news-rowpad) 8px;
  }

  .page-news .news-item__idx {
    grid-column: 1;
  }

  .page-news .news-item__content {
    grid-column: 2;
  }

  .page-news .news-item__metric {
    grid-column: 3;
    grid-row: 1 / 99;
    align-self: center;
    margin-top: 0;
    text-align: right;
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
  }

  .page-news .news-item__link:hover .news-item__metric,
  .page-news .news-item__link:focus-visible .news-item__metric {
    opacity: 1;
    transform: translateX(0);
  }

  .page-news .feature-board {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: start;
  }

  .page-news .archive-grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
  }

  .page-news .archive-figure {
    margin-top: 40px;
  }
}

@media (min-width: 1180px) {
  .page-news .news-hero__inner {
    padding-right: clamp(0px, 6vw, 110px);
  }

  .page-news .news-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 440px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .news-item__link,
  .page-news .col-index__link,
  .page-news .archive-branch__link,
  .page-news .news-item__metric,
  .page-news .archive-branch__toggle::before,
  .page-news .archive-branch__toggle::after {
    transition: none;
  }

  .page-news .news-item__link:hover,
  .page-news .news-item__link:focus-visible {
    transform: none;
  }
}