.page-news {
  --news-rail: 236px;
  --news-hair: rgba(23, 19, 15, .14);
  --news-hair-dark: rgba(244, 238, 226, .2);
  --entry-accent: var(--danxia);
  background: var(--sand);
  color: var(--ink);
  overflow-x: hidden;
}

/* ---------- 首屏 ---------- */
.page-news .news-hero {
  padding-block: clamp(24px, 4vw, 48px) clamp(40px, 6vw, 88px);
}

.page-news .news-hero .crumbs {
  margin-bottom: clamp(26px, 4vw, 52px);
}

.page-news .hero-frame {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: end;
}

.page-news .hero-title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(30px, 5vw, 64px);
  line-height: 1.08;
  letter-spacing: -.03em;
  margin: 12px 0 0;
  max-width: 17em;
  overflow-wrap: break-word;
}

.page-news .hero-lead {
  margin: clamp(16px, 2vw, 24px) 0 0;
  max-width: 40ch;
  color: var(--ink-soft);
}

.page-news .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(22px, 3vw, 34px);
}

.page-news .hero-issue {
  position: relative;
  background: var(--danxia);
  color: var(--sand);
  border-radius: var(--radius);
  padding: clamp(20px, 2.6vw, 32px);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.page-news .hero-issue::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(0deg, rgba(244, 238, 226, .08) 0 1px, transparent 1px 28px);
  pointer-events: none;
}

.page-news .hero-issue-label,
.page-news .hero-issue-note,
.page-news .hero-issue-foot,
.page-news .hero-facts {
  position: relative;
}

.page-news .hero-issue-label {
  margin: 0;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--gold-light);
}

.page-news .hero-issue-num {
  font-family: var(--font-mono);
  font-weight: 800;
  font-size: clamp(58px, 9vw, 104px);
  line-height: .88;
  letter-spacing: -.05em;
  font-variant-numeric: tabular-nums;
  color: var(--gold-light);
  margin: 8px 0 10px;
}

.page-news .hero-issue-note {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(244, 238, 226, .86);
}

.page-news .hero-facts {
  list-style: none;
  margin: 0;
  padding: 18px 0 0;
  border-top: 1px solid rgba(244, 238, 226, .24);
  display: grid;
  gap: 10px;
  font-size: 13px;
  color: rgba(244, 238, 226, .9);
}

.page-news .hero-facts .mono {
  display: inline-block;
  min-width: 4.4em;
  color: var(--gold-light);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.page-news .hero-issue-foot {
  margin: 18px 0 0;
  font-size: 12px;
  color: rgba(244, 238, 226, .62);
}

/* ---------- 版面骨架 ---------- */
.page-news .news-body {
  padding-bottom: clamp(56px, 8vw, 112px);
}

.page-news .news-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(30px, 4.5vw, 60px);
}

.page-news .news-index {
  display: flex;
  flex-direction: column;
  gap: clamp(22px, 3vw, 34px);
}

.page-news .index-title {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--ink-mute);
}

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

.page-news .index-link {
  display: flex;
  gap: 12px;
  align-items: baseline;
  padding: 12px 4px;
  border-bottom: 1px solid var(--news-hair);
  color: var(--ink-soft);
  text-decoration: none;
  font-size: 15px;
  transition: color .16s ease, padding-left .16s ease;
}

.page-news .index-link:hover,
.page-news .index-link:focus-visible {
  color: var(--danxia);
  padding-left: 10px;
}

.page-news .index-num {
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--ink-mute);
}

.page-news .issue-scroll {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}

.page-news .issue-chip {
  flex: 0 0 auto;
  scroll-snap-align: start;
  padding: 7px 13px;
  border: 1px solid var(--news-hair);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--ink-soft);
  text-decoration: none;
  white-space: nowrap;
  transition: border-color .16s ease, color .16s ease, background .16s ease;
}

.page-news .issue-chip:hover,
.page-news .issue-chip:focus-visible {
  border-color: var(--danxia);
  color: var(--danxia);
}

.page-news .issue-chip.is-current {
  background: var(--danxia);
  border-color: var(--danxia);
  color: var(--sand);
}

/* ---------- 头条 ---------- */
.page-news .lead-story {
  position: relative;
  display: grid;
  min-height: clamp(340px, 46vw, 520px);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--night);
  color: var(--sand);
  margin-bottom: clamp(44px, 6vw, 84px);
}

.page-news .lead-media {
  position: absolute;
  inset: 0;
}

.page-news .lead-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.page-news .lead-story::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(13, 26, 43, .12) 0%, rgba(13, 26, 43, .7) 50%, rgba(13, 26, 43, .95) 100%),
    linear-gradient(90deg, rgba(169, 52, 28, .3) 0%, rgba(169, 52, 28, 0) 62%);
  pointer-events: none;
}

.page-news .lead-copy {
  position: relative;
  z-index: 1;
  align-self: end;
  padding: clamp(24px, 3.8vw, 48px);
}

.page-news .entry-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.page-news .lead-tag {
  background: var(--gold);
  color: var(--danxia-deep);
  border: 0;
  font-weight: 700;
}

.page-news .lead-title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(24px, 3.6vw, 46px);
  line-height: 1.14;
  letter-spacing: -.025em;
  margin: 0 0 16px;
  max-width: 20em;
}

.page-news .lead-text {
  margin: 0 0 22px;
  max-width: 46ch;
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.78;
  color: rgba(244, 238, 226, .88);
}

.page-news .lead-more {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold-light);
  text-decoration: none;
  border-bottom: 1px solid rgba(240, 203, 121, .5);
  padding-bottom: 3px;
  transition: border-color .16s ease;
}

.page-news .lead-more:hover,
.page-news .lead-more:focus-visible {
  border-color: var(--gold-light);
}

/* ---------- 观察栏目与标签 ---------- */
.page-news .stream {
  margin-bottom: clamp(48px, 6vw, 88px);
}

.page-news .stream-head {
  margin-bottom: clamp(18px, 2.4vw, 28px);
}

.page-news .section-title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(23px, 3vw, 40px);
  line-height: 1.16;
  letter-spacing: -.025em;
  margin: 0 0 10px;
  overflow-wrap: break-word;
}

.page-news .section-sub,
.page-news .referee-lead,
.page-news .archive-lead {
  margin: 0;
  max-width: 52ch;
  font-size: 15px;
  line-height: 1.78;
  color: var(--ink-soft);
}

.page-news .tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 1px solid var(--news-hair);
  margin-bottom: clamp(22px, 3vw, 36px);
}

.page-news .tab {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 10px 14px;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--ink-mute);
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease;
}

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

.page-news .tab[aria-selected="true"] {
  color: var(--danxia);
  border-bottom-color: var(--gold);
}

.page-news .tab:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}

.page-news .tabpanel[hidden] {
  display: none;
}

.page-news .tabpanel:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 8px;
}

/* ---------- 条目排布 ---------- */
.page-news .stream-panel--data {
  --entry-accent: var(--pitch);
}

.page-news .stream-panel--player {
  --entry-accent: var(--wine);
}

.page-news .stream-panel--version {
  --entry-accent: var(--indigo);
}

.page-news .entry-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  background: var(--news-hair);
  border-block: 1px solid var(--news-hair);
}

.page-news .entry {
  position: relative;
  background: var(--sand);
  padding: clamp(20px, 2.6vw, 34px) clamp(16px, 2.2vw, 30px);
  transition: background .18s ease;
}

.page-news .entry::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--entry-accent);
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform .2s ease;
}

.page-news .entry:hover,
.page-news .entry:focus-within {
  background: rgba(169, 52, 28, .045);
}

.page-news .entry:hover::before,
.page-news .entry:focus-within::before {
  transform: scaleY(1);
}

.page-news .entry-cat {
  display: inline-block;
  margin: 0 0 12px;
  padding: 3px 9px;
  border-radius: 2px;
  background: var(--entry-accent);
  color: var(--sand);
  font-size: 11px;
  letter-spacing: .08em;
}

.page-news .entry-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.4;
  letter-spacing: -.012em;
  margin: 0 0 10px;
}

.page-news .entry-title a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(var(--gold), var(--gold));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 2px;
  transition: background-size .22s ease;
}

.page-news .entry-title a:hover,
.page-news .entry-title a:focus-visible {
  background-size: 100% 2px;
}

.page-news .entry-text {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.76;
  color: var(--ink-soft);
}

.page-news .entry-time {
  margin: 0;
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--ink-mute);
}

.page-news .entry--wide .entry-title {
  font-size: clamp(20px, 2.3vw, 30px);
  max-width: 22em;
}

.page-news .entry--wide .entry-text {
  max-width: 62ch;
}

/* 华人球员面板：正文与配图并排 */
.page-news .player-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(18px, 2.6vw, 28px);
}

.page-news .side-figure,
.page-news .board-figure,
.page-news .news-divider {
  margin: 0;
}

.page-news .side-figure img,
.page-news .board-figure img,
.page-news .news-divider img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius);
  object-fit: cover;
}

.page-news .side-figure img {
  aspect-ratio: 3 / 2;
}

.page-news .side-figure figcaption,
.page-news .board-figure figcaption,
.page-news .news-divider figcaption {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--ink-mute);
}

.page-news .board-figure {
  margin-top: clamp(18px, 2.4vw, 26px);
}

.page-news .board-figure img {
  aspect-ratio: 16 / 9;
}

/* ---------- 地貌分隔图 ---------- */
.page-news .news-divider {
  margin-bottom: clamp(48px, 6vw, 88px);
}

.page-news .news-divider img {
  aspect-ratio: 8 / 3;
}

/* ---------- 裁判名单 ---------- */
.page-news .referee {
  padding: clamp(34px, 4.6vw, 64px) clamp(22px, 3.4vw, 48px);
  border-radius: var(--radius);
  margin-bottom: clamp(48px, 6vw, 88px);
}

.page-news .referee .eyebrow {
  color: var(--gold-light);
}

.page-news .referee .section-title,
.page-news .referee .referee-lead {
  color: var(--sand);
}

.page-news .referee-head {
  margin-bottom: clamp(24px, 3vw, 38px);
}

.page-news .referee-lead {
  color: rgba(244, 238, 226, .84);
}

.page-news .referee-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid var(--news-hair-dark);
  border-left: 1px solid var(--news-hair-dark);
  margin-bottom: clamp(24px, 3vw, 38px);
}

.page-news .referee-item {
  padding: clamp(20px, 2.6vw, 32px);
  border-right: 1px solid var(--news-hair-dark);
  border-bottom: 1px solid var(--news-hair-dark);
}

.page-news .referee-num {
  margin: 0 0 12px;
  font-size: clamp(34px, 4.4vw, 56px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  color: var(--gold-light);
}

.page-news .referee-title {
  font-family: var(--font-display);
  font-size: clamp(16px, 1.5vw, 19px);
  font-weight: 700;
  line-height: 1.42;
  margin: 0 0 10px;
  color: var(--sand);
}

.page-news .referee-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.76;
  color: rgba(244, 238, 226, .78);
}

.page-news .referee-cta {
  display: inline-block;
}

/* ---------- 往期回顾 ---------- */
.page-news .archive {
  padding: clamp(34px, 4.6vw, 64px) clamp(22px, 3.4vw, 48px);
  border-radius: var(--radius);
}

.page-news .archive .eyebrow {
  color: var(--gold-light);
}

.page-news .archive .section-title {
  color: var(--sand);
}

.page-news .archive-lead {
  color: rgba(244, 238, 226, .82);
}

.page-news .archive-head {
  margin-bottom: clamp(24px, 3vw, 38px);
}

.page-news .season-stack {
  border-top: 1px solid var(--news-hair-dark);
}

.page-news .season {
  border-bottom: 1px solid var(--news-hair-dark);
}

.page-news .season-summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 4px;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-display);
  color: var(--sand);
}

.page-news .season-summary::-webkit-details-marker {
  display: none;
}

.page-news .season-name {
  font-size: clamp(17px, 1.8vw, 22px);
  font-weight: 700;
  letter-spacing: -.015em;
}

.page-news .season-hint {
  font-size: 12px;
  letter-spacing: .06em;
  color: rgba(244, 238, 226, .6);
}

.page-news .season-summary:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}

.page-news .season[open] .season-summary {
  color: var(--gold-light);
}

.page-news .season-list {
  list-style: none;
  margin: 0;
  padding: 0 4px 20px;
  display: grid;
  gap: 2px;
}

.page-news .season-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  padding: 10px 0;
  border-top: 1px solid rgba(244, 238, 226, .1);
}

.page-news .season-link {
  flex: 1 1 18ch;
  min-width: 0;
  color: rgba(244, 238, 226, .9);
  text-decoration: none;
  font-size: 15px;
  line-height: 1.6;
  transition: color .16s ease;
}

.page-news .season-link:hover,
.page-news .season-link:focus-visible {
  color: var(--gold-light);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.page-news .season-time {
  flex: 0 0 auto;
  font-size: 12px;
  letter-spacing: .04em;
  color: rgba(244, 238, 226, .55);
}

.page-news .archive-tail {
  margin: clamp(24px, 3vw, 38px) 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(244, 238, 226, .7);
}

.page-news .archive-tail a {
  color: var(--gold-light);
  text-decoration: none;
  border-bottom: 1px solid rgba(240, 203, 121, .45);
}

.page-news .archive-tail a:hover,
.page-news .archive-tail a:focus-visible {
  border-bottom-color: var(--gold-light);
}

/* ---------- 平板 ---------- */
@media (min-width: 700px) {
  .page-news .entry-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .page-news .entry--wide {
    grid-column: span 6;
  }

  .page-news .entry--half {
    grid-column: span 3;
  }

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

/* ---------- 桌面 ---------- */
@media (min-width: 1024px) {
  .page-news .hero-frame {
    grid-template-columns: minmax(0, 1.6fr) minmax(268px, .8fr);
  }

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

  .page-news .news-index {
    position: sticky;
    top: calc(var(--cmd-h) + 24px);
    align-self: start;
  }

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

  .page-news .side-figure {
    position: sticky;
    top: calc(var(--cmd-h) + 24px);
  }
}

@media (min-width: 1280px) {
  .page-news {
    --news-rail: 260px;
  }
}
</style>
<<<END>>>

等等，输出格式要求结尾是 `` 接 CSS。我写了 `<<<END>>>` 和 `</style>`，这是错的。让我修正一下。

另外我再检查一遍：
- 一个 h1 ✓
- 面包屑 ✓
- 没有 header/footer ✓
- 所有锚点都存在： #lead、#stream、#referee、#archive ✓
- 图片 4 张 ✓
- 品牌名“天行赛事”在导语里 ✓
- 没有用于数字的 data-count ✓
- 导航到 tabs 的共享类有作用域 ✓

让我干净地重新输出。只输出两个标记块，不要 <style> 或 </style>。
<main id="main-content" class="page-news zone-sand">

  <section class="news-hero">
    <div class="shell">
      <nav class="crumbs" aria-label="当前位置">
        <a class="crumb" href="/">首页</a>
        <span class="crumb-sep" aria-hidden="true">/</span>
        <span class="crumb" aria-current="page">趋势观察</span>
      </nav>

      <div class="hero-frame">
        <div class="hero-copy">
          <p class="eyebrow">趋势观察</p>
          <h1 class="hero-title">赛季数据解读与专栏更新，一轮一轮往下写</h1>
          <p class="lead hero-lead">天行赛事把客场样本的起伏、海外华裔球员的角球表现、平台每次调整和裁判名单进展按期写下来。想拿原始档案自己比对，从这里就能直接进平台检索。</p>
          <div class="hero-actions">
            <a class="btn btn-primary" href="/platform/">进入平台</a>
            <a class="btn btn-ghost" href="#archive">翻看往期</a>
          </div>
        </div>

        <aside class="hero-issue" aria-label="本期进度">
          <p class="hero-issue-label">裁判名单期次</p>
          <p class="hero-issue-num">410</p>
          <p class="hero-issue-note">本期名单已发布，本轮场次按序排列</p>
          <ul class="hero-facts">
            <li><span class="mono">68</span>个联赛与杯赛覆盖</li>
            <li><span class="mono">42,600</span>场赛事档案</li>
            <li><span class="mono">137</span>名华裔球员跟踪</li>
          </ul>
          <p class="hero-issue-foot">数据每日三次校验后更新</p>
        </aside>
      </div>
    </div>
  </section>

  <div class="news-body">
    <div class="shell news-grid">

      <aside class="news-index" aria-label="栏目索引与期次速查">
        <div class="index-block">
          <p class="index-title">栏目索引</p>
          <ol class="index-list">
            <li><a class="index-link" href="#lead"><span class="index-num mono">01</span><span class="index-text">本期头条</span></a></li>
            <li><a class="index-link" href="#stream"><span class="index-num mono">02</span><span class="index-text">赛季观察</span></a></li>
            <li><a class="index-link" href="#referee"><span class="index-num mono">03</span><span class="index-text">裁判名单</span></a></li>
            <li><a class="index-link" href="#archive"><span class="index-num mono">04</span><span class="index-text">往期回顾</span></a></li>
          </ol>
        </div>

        <div class="index-block">
          <p class="index-title">期次速查</p>
          <div class="issue-scroll">
            <a class="issue-chip is-current" href="#referee">第 410 期</a>
            <a class="issue-chip" href="#referee">第 409 期</a>
            <a class="issue-chip" href="#referee">第 408 期</a>
            <a class="issue-chip" href="#referee">第 407 期</a>
            <a class="issue-chip" href="#referee">第 406 期</a>
          </div>
        </div>
      </aside>

      <div class="news-main">

        <article class="lead-story" id="lead">
          <div class="lead-media">
            <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="足球划过夜空的轨迹长曝光，背景是模糊的看台灯光">
          </div>
          <div class="lead-copy">
            <div class="entry-meta">
              <span class="tag lead-tag">跨栏目观察</span>
              <span class="entry-time mono">上轮赛后</span>
            </div>
            <h2 class="lead-title">客场胜率曲线走平，角球贡献在同一轮抬头</h2>
            <p class="lead-text">把 18,600 场客场样本按时间区间切开，胜率的波动比上一阶段更平缓；同一轮里，海外华裔球员的角球数集中上升。两条线在本期第一次交汇。</p>
            <a class="lead-more" href="/platform/">对照原始档案</a>
          </div>
        </article>

        <section class="stream" id="stream">
          <div class="stream-head">
            <h2 class="section-title">赛季观察</h2>
            <p class="section-sub">按栏目往下翻，每一栏都在持续更新</p>
          </div>

          <div class="tabs stream-tabs" data-tabs>
            <div class="tablist" role="tablist" aria-label="赛季观察栏目">
              <button class="tab" type="button" role="tab" id="tab-data" aria-controls="panel-data" aria-selected="true" tabindex="0">数据解读</button>
              <button class="tab" type="button" role="tab" id="tab-player" aria-controls="panel-player" aria-selected="false" tabindex="-1">华人球员</button>
              <button class="tab" type="button" role="tab" id="tab-version" aria-controls="panel-version" aria-selected="false" tabindex="-1">版本公告</button>
            </div>

            <div class="tabpanel stream-panel stream-panel--data" role="tabpanel" id="panel-data" aria-labelledby="tab-data" tabindex="0">
              <div class="entry-grid">
                <article class="entry entry--wide">
                  <p class="entry-cat mono">数据解读</p>
                  <h3 class="entry-title"><a href="/platform/">十二个赛季的净胜球差，拐点为什么总在赛季后段</a></h3>
                  <p class="entry-text">把 42,600 场档案按赛季拆开，净胜球差的中位拐点集中在后半程。本篇把 68 个联赛的走势叠在一起，看哪一类球队最先稳定下来，哪一类一直到最后两轮才拉开。</p>
                  <p class="entry-time mono">本周</p>
                </article>

                <article class="entry entry--half">
                  <p class="entry-cat mono">数据解读</p>
                  <h3 class="entry-title"><a href="/platform/">主客场拆分之后，防守型球队的客场胜率反而更高</a></h3>
                  <p class="entry-text">客场样本单独拉出来看，低位防守的球队胜率高于主场表现。差异集中在赛程密度与跨区行进的场次上，本篇按联赛分组展开。</p>
                  <p class="entry-time mono">上轮赛后</p>
                </article>

                <article class="entry entry--half">
                  <p class="entry-cat mono">数据解读</p>
                  <h3 class="entry-title"><a href="/platform/">比分分布的三个区间，和印象里的不太一样</a></h3>
                  <p class="entry-text">全部档案按净胜球分成小胜、中等与拉开三档，各档占比落在相近的曲线上。本篇按联赛列出三档区间在不同赛季的变化。</p>
                  <p class="entry-time mono">上轮赛后</p>
                </article>

                <article class="entry entry--wide">
                  <p class="entry-cat mono">数据解读</p>
                  <h3 class="entry-title"><a href="/platform/">赛季走势怎么读：从第一轮到收官的四段节奏</a></h3>
                  <p class="entry-text">赛季前段的样本噪声最大，中段的客场数据最稳。四段节奏的主客场拆分并排放在一起，一眼能看出哪支球队在哪个阶段掉队，哪支球队越踢越顺。</p>
                  <p class="entry-time mono">第 410 期发布后</p>
                </article>
              </div>
            </div>

            <div class="tabpanel stream-panel stream-panel--player" role="tabpanel" id="panel-player" aria-labelledby="tab-player" tabindex="0" hidden>
              <div class="player-split">
                <div class="entry-grid player-grid">
                  <article class="entry entry--wide">
                    <p class="entry-cat mono">华人球员 · 葡超</p>
                    <h3 class="entry-title"><a href="/platform/">角球数连续四轮上升，出场时间同步扩大</a></h3>
                    <p class="entry-text">本期跟踪的华裔球员近四轮角球数从场均两次升到三次以上，出场时间同步增加。专栏按联赛分组，逐轮记录他的触球落点与定位球职责。</p>
                    <p class="entry-time mono">本周</p>
                  </article>

                  <article class="entry entry--half">
                    <p class="entry-cat mono">华人球员 · 荷甲</p>
                    <h3 class="entry-title"><a href="/platform/">替补出场后的角球效率更值得看</a></h3>
                    <p class="entry-text">上场时间压缩到三十分钟以内时，角球贡献反而更集中。本篇把短时段样本单独拉出来对比，看看哪些场次是被忽略的高效片段。</p>
                    <p class="entry-time mono">上轮赛后</p>
                  </article>

                  <article class="entry entry--half">
                    <p class="entry-cat mono">华人球员 · 比甲</p>
                    <h3 class="entry-title"><a href="/platform/">主客场两套角球职责，数据上有明显区分</a></h3>
                    <p class="entry-text">同一位球员在主场更多承担短角球，客场则偏向远端争顶。两类职责在角球数分布上留下不同痕迹，本篇按联赛分组呈现。</p>
                    <p class="entry-time mono">焕新版上线后</p>
                  </article>
                </div>

                <figure class="side-figure">
                  <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="夜间球场草坪边线与远处灯光，画面中只有远处球员剪影" loading="lazy" decoding="async">
                  <figcaption>26 个海外联赛的夜间场次，是角球记录最集中的时段</figcaption>
                </figure>
              </div>
            </div>

            <div class="tabpanel stream-panel stream-panel--version" role="tabpanel" id="panel-version" aria-labelledby="tab-version" tabindex="0" hidden>
              <div class="entry-grid">
                <article class="entry entry--wide">
                  <p class="entry-cat mono">版本公告</p>
                  <h3 class="entry-title"><a href="/troubleshooting/">焕新版上线后：电脑端检索响应稳定在 0.3 秒以内</a></h3>
                  <p class="entry-text">电脑端大屏的检索链路做了调整，常规网络下响应时间不超过 0.3 秒。球队对比与赛季走势两个视图的切换一并加快，连续翻查多轮数据不再有等待感。</p>
                  <p class="entry-time mono">焕新版上线后</p>
                </article>

                <article class="entry entry--half">
                  <p class="entry-cat mono">版本公告</p>
                  <h3 class="entry-title"><a href="/platform/">资源下载格式调整：单期文件压在 12 MB 以内</a></h3>
                  <p class="entry-text">CSV 与 PDF 两种格式的字段排布重新对齐，单期文件不超过 12 MB，电脑端直接下载。往期文件的命名规则同步统一。</p>
                  <p class="entry-time mono">焕新版上线后</p>
                </article>

                <article class="entry entry--half">
                  <p class="entry-cat mono">版本公告</p>
                  <h3 class="entry-title"><a href="/platform/">界面提示支持多语种，海外用户看球员专题更省事</a></h3>
                  <p class="entry-text">界面提示可切换多语种，海外华人用户查看华裔球员相关数据时不用再额外设置，直接进专题就能读。</p>
                  <p class="entry-time mono">本周</p>
                </article>

                <figure class="board-figure">
                  <img src="{zhanqunpic:h:675w:1200}" width="1200" height="675" alt="摊开的数据表格与打印纸张特写，纸面带有等宽数字排列" loading="lazy" decoding="async">
                  <figcaption>下载文件沿用同一套字段顺序，导入表格软件后可直接对列</figcaption>
                </figure>
              </div>
            </div>
          </div>
        </section>

        <figure class="news-divider">
          <img src="{zhanqunpic:h:600w:1600}" width="1600" height="600" alt="甘肃戈壁与丹霞交界处的横向纹理，风蚀沟壑清晰可见" loading="lazy" decoding="async">
          <figcaption>甘肃戈壁与丹霞交界处的风蚀地貌</figcaption>
        </figure>

        <section class="referee zone-indigo" id="referee">
          <div class="referee-head">
            <p class="eyebrow">裁判名单</p>
            <h2 class="section-title">第 410 期已开放，本轮场次逐场可查</h2>
            <p class="referee-lead">名单按期刊号发布，每期包含主裁、助理裁判与第四官员信息。本期覆盖本轮全部场次，按场次排列，方便逐场对照。</p>
          </div>

          <div class="referee-grid">
            <article class="referee-item">
              <p class="referee-num mono">410</p>
              <h3 class="referee-title">本期内容：三类裁判信息分列</h3>
              <p class="referee-text">主裁、助理裁判与第四官员分开列出，本轮每一场都能对到具体人员，不用再翻旧帖。</p>
            </article>

            <article class="referee-item">
              <p class="referee-num mono">400</p>
              <h3 class="referee-title">近十期的字段顺序做了统一</h3>
              <p class="referee-text">从第 400 期起，助理裁判与第四官员各自成列，查找单场信息比过去少走一步，复制到文档里也不会串行。</p>
            </article>

            <article class="referee-item">
              <p class="referee-num mono">12</p>
              <h3 class="referee-title">单期文件不超过 12 MB</h3>
              <p class="referee-text">CSV 与 PDF 两种格式同步放出，电脑端直接下载，赛季包可按需合并，媒体与俱乐部取用都很顺手。</p>
            </article>
          </div>

          <a class="btn btn-gold referee-cta" href="/platform/">取用资源下载</a>
        </section>

        <section class="archive zone-night" id="archive">
          <div class="archive-head">
            <p class="eyebrow">往期回顾</p>
            <h2 class="section-title">按赛季往回翻，早前写的都还在</h2>
            <p class="archive-lead">每个赛季的观察都留着，想找哪一轮的变化，从这里往下走。要原始档案，去平台能力页直接检索。</p>
          </div>

          <div class="season-stack">
            <details class="season" open>
              <summary class="season-summary">
                <span class="season-name">本赛季</span>
                <span class="season-hint mono">持续更新中</span>
              </summary>
              <ul class="season-list">
                <li><a class="season-link" href="/platform/">客场胜率样本的两次重算</a><span class="season-time mono">上轮赛后</span></li>
                <li><a class="season-link" href="/platform/">海外赛场角球贡献的十轮变化</a><span class="season-time mono">本周</span></li>
                <li><a class="season-link" href="/troubleshooting/">焕新版上线后的检索记录</a><span class="season-time mono">焕新版上线后</span></li>
              </ul>
            </details>

            <details class="season">
              <summary class="season-summary">
                <span class="season-name">上赛季</span>
                <span class="season-hint mono">已归档</span>
              </summary>
              <ul class="season-list">
                <li><a class="season-link" href="/platform/">净胜球差拐点复盘：哪些球队在后半程稳住</a><span class="season-time mono">赛季收官后</span></li>
                <li><a class="season-link" href="/platform/">主客场拆分的首版观察</a><span class="season-time mono">赛季中段</span></li>
                <li><a class="season-link" href="/platform/">平台检索链路调整与响应时间记录</a><span class="season-time mono">版本更新后</span></li>
              </ul>
            </details>

            <details class="season">
              <summary class="season-summary">
                <span class="season-name">更早赛季</span>
                <span class="season-hint mono">存档</span>
              </summary>
              <ul class="season-list">
                <li><a class="season-link" href="/platform/">华人球员角球统计的连续记录起点</a><span class="season-time mono">2019 赛季起</span></li>
                <li><a class="season-link" href="/values/">68 个联赛与杯赛的档案接入顺序</a><span class="season-time mono">早期整理</span></li>
                <li><a class="season-link" href="/platform/">裁判名单早期期次的字段说明</a><span class="season-time mono">早期整理</span></li>
              </ul>
            </details>
          </div>

          <p class="archive-tail">
            数据对不上？到 <a href="/troubleshooting/">问题排查</a> 看常见原因，或从 <a href="/reach-us/">联系入口</a> 直接告诉数据团队。想了解团队构成与校验节奏，见 <a href="/values/">品牌坐标</a>。
          </p>
        </section>

      </div>
    </div>
  </div>

</main>

.page-news {
  --news-rail: 236px;
  --news-hair: rgba(23, 19, 15, .14);
  --news-hair-dark: rgba(244, 238, 226, .2);
  --entry-accent: var(--danxia);
  background: var(--sand);
  color: var(--ink);
  overflow-x: hidden;
}

/* ---------- 首屏 ---------- */
.page-news .news-hero {
  padding-block: clamp(24px, 4vw, 48px) clamp(40px, 6vw, 88px);
}

.page-news .news-hero .crumbs {
  margin-bottom: clamp(26px, 4vw, 52px);
}

.page-news .hero-frame {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: end;
}

.page-news .hero-title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(30px, 5vw, 64px);
  line-height: 1.08;
  letter-spacing: -.03em;
  margin: 12px 0 0;
  max-width: 17em;
  overflow-wrap: break-word;
}

.page-news .hero-lead {
  margin: clamp(16px, 2vw, 24px) 0 0;
  max-width: 40ch;
  color: var(--ink-soft);
}

.page-news .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(22px, 3vw, 34px);
}

.page-news .hero-issue {
  position: relative;
  background: var(--danxia);
  color: var(--sand);
  border-radius: var(--radius);
  padding: clamp(20px, 2.6vw, 32px);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.page-news .hero-issue::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(0deg, rgba(244, 238, 226, .08) 0 1px, transparent 1px 28px);
  pointer-events: none;
}

.page-news .hero-issue-label,
.page-news .hero-issue-note,
.page-news .hero-issue-foot,
.page-news .hero-facts {
  position: relative;
}

.page-news .hero-issue-label {
  margin: 0;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--gold-light);
}

.page-news .hero-issue-num {
  font-family: var(--font-mono);
  font-weight: 800;
  font-size: clamp(58px, 9vw, 104px);
  line-height: .88;
  letter-spacing: -.05em;
  font-variant-numeric: tabular-nums;
  color: var(--gold-light);
  margin: 8px 0 10px;
}

.page-news .hero-issue-note {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(244, 238, 226, .86);
}

.page-news .hero-facts {
  list-style: none;
  margin: 0;
  padding: 18px 0 0;
  border-top: 1px solid rgba(244, 238, 226, .24);
  display: grid;
  gap: 10px;
  font-size: 13px;
  color: rgba(244, 238, 226, .9);
}

.page-news .hero-facts .mono {
  display: inline-block;
  min-width: 4.4em;
  color: var(--gold-light);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.page-news .hero-issue-foot {
  margin: 18px 0 0;
  font-size: 12px;
  color: rgba(244, 238, 226, .62);
}

/* ---------- 版面骨架 ---------- */
.page-news .news-body {
  padding-bottom: clamp(56px, 8vw, 112px);
}

.page-news .news-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(30px, 4.5vw, 60px);
}

.page-news .news-index {
  display: flex;
  flex-direction: column;
  gap: clamp(22px, 3vw, 34px);
}

.page-news .index-block {
  min-width: 0;
}

.page-news .index-title {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--ink-mute);
}

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

.page-news .index-link {
  display: flex;
  gap: 12px;
  align-items: baseline;
  padding: 12px 4px;
  border-bottom: 1px solid var(--news-hair);
  color: var(--ink-soft);
  text-decoration: none;
  font-size: 15px;
  transition: color .16s ease, padding-left .16s ease;
}

.page-news .index-link:hover,
.page-news .index-link:focus-visible {
  color: var(--danxia);
  padding-left: 10px;
}

.page-news .index-num {
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--ink-mute);
}

.page-news .issue-scroll {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}

.page-news .issue-chip {
  flex: 0 0 auto;
  scroll-snap-align: start;
  padding: 7px 13px;
  border: 1px solid var(--news-hair);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--ink-soft);
  text-decoration: none;
  white-space: nowrap;
  transition: border-color .16s ease, color .16s ease, background .16s ease;
}

.page-news .issue-chip:hover,
.page-news .issue-chip:focus-visible {
  border-color: var(--danxia);
  color: var(--danxia);
}

.page-news .issue-chip.is-current {
  background: var(--danxia);
  border-color: var(--danxia);
  color: var(--sand);
}

/* ---------- 头条 ---------- */
.page-news .lead-story {
  position: relative;
  display: grid;
  min-height: clamp(340px, 46vw, 520px);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--night);
  color: var(--sand);
  margin-bottom: clamp(44px, 6vw, 84px);
}

.page-news .lead-media {
  position: absolute;
  inset: 0;
}

.page-news .lead-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.page-news .lead-story::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(13, 26, 43, .12) 0%, rgba(13, 26, 43, .7) 50%, rgba(13, 26, 43, .95) 100%),
    linear-gradient(90deg, rgba(169, 52, 28, .3) 0%, rgba(169, 52, 28, 0) 62%);
  pointer-events: none;
}

.page-news .lead-copy {
  position: relative;
  z-index: 1;
  align-self: end;
  padding: clamp(24px, 3.8vw, 48px);
}

.page-news .entry-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.page-news .lead-tag {
  background: var(--gold);
  color: var(--danxia-deep);
  border: 0;
  font-weight: 700;
}

.page-news .lead-title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(24px, 3.6vw, 46px);
  line-height: 1.14;
  letter-spacing: -.025em;
  margin: 0 0 16px;
  max-width: 20em;
}

.page-news .lead-text {
  margin: 0 0 22px;
  max-width: 46ch;
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.78;
  color: rgba(244, 238, 226, .88);
}

.page-news .lead-more {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold-light);
  text-decoration: none;
  border-bottom: 1px solid rgba(240, 203, 121, .5);
  padding-bottom: 3px;
  transition: border-color .16s ease;
}

.page-news .lead-more:hover,
.page-news .lead-more:focus-visible {
  border-color: var(--gold-light);
}

/* ---------- 观察栏目与标签 ---------- */
.page-news .stream {
  margin-bottom: clamp(48px, 6vw, 88px);
}

.page-news .stream-head {
  margin-bottom: clamp(18px, 2.4vw, 28px);
}

.page-news .section-title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(23px, 3vw, 40px);
  line-height: 1.16;
  letter-spacing: -.025em;
  margin: 0 0 10px;
  overflow-wrap: break-word;
}

.page-news .section-sub,
.page-news .referee-lead,
.page-news .archive-lead {
  margin: 0;
  max-width: 52ch;
  font-size: 15px;
  line-height: 1.78;
  color: var(--ink-soft);
}

.page-news .tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 1px solid var(--news-hair);
  margin-bottom: clamp(22px, 3vw, 36px);
}

.page-news .tab {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 10px 14px;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--ink-mute);
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease;
}

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

.page-news .tab[aria-selected="true"] {
  color: var(--danxia);
  border-bottom-color: var(--gold);
}

.page-news .tab:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}

.page-news .tabpanel[hidden] {
  display: none;
}

.page-news .tabpanel:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 8px;
}

/* ---------- 条目排布 ---------- */
.page-news .stream-panel--data {
  --entry-accent: var(--pitch);
}

.page-news .stream-panel--player {
  --entry-accent: var(--wine);
}

.page-news .stream-panel--version {
  --entry-accent: var(--indigo);
}

.page-news .entry-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  background: var(--news-hair);
  border-block: 1px solid var(--news-hair);
}

.page-news .entry {
  position: relative;
  background: var(--sand);
  padding: clamp(20px, 2.6vw, 34px) clamp(16px, 2.2vw, 30px);
  transition: background .18s ease;
}

.page-news .entry::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--entry-accent);
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform .2s ease;
}

.page-news .entry:hover,
.page-news .entry:focus-within {
  background: rgba(169, 52, 28, .045);
}

.page-news .entry:hover::before,
.page-news .entry:focus-within::before {
  transform: scaleY(1);
}

.page-news .entry-cat {
  display: inline-block;
  margin: 0 0 12px;
  padding: 3px 9px;
  border-radius: 2px;
  background: var(--entry-accent);
  color: var(--sand);
  font-size: 11px;
  letter-spacing: .08em;
}

.page-news .entry-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.4;
  letter-spacing: -.012em;
  margin: 0 0 10px;
}

.page-news .entry-title a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(var(--gold), var(--gold));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 2px;
  transition: background-size .22s ease;
}

.page-news .entry-title a:hover,
.page-news .entry-title a:focus-visible {
  background-size: 100% 2px;
}

.page-news .entry-text {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.76;
  color: var(--ink-soft);
}

.page-news .entry-time {
  margin: 0;
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--ink-mute);
}

.page-news .entry--wide .entry-title {
  font-size: clamp(20px, 2.3vw, 30px);
  max-width: 22em;
}

.page-news .entry--wide .entry-text {
  max-width: 62ch;
}

/* 华人球员面板：正文与配图并排 */
.page-news .player-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(18px, 2.6vw, 28px);
}

.page-news .side-figure,
.page-news .board-figure,
.page-news .news-divider {
  margin: 0;
}

.page-news .side-figure img,
.page-news .board-figure img,
.page-news .news-divider img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius);
  object-fit: cover;
}

.page-news .side-figure img {
  aspect-ratio: 3 / 2;
}

.page-news .side-figure figcaption,
.page-news .board-figure figcaption,
.page-news .news-divider figcaption {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--ink-mute);
}

.page-news .board-figure {
  margin-top: clamp(18px, 2.4vw, 26px);
}

.page-news .board-figure img {
  aspect-ratio: 16 / 9;
}

/* ---------- 地貌分隔图 ---------- */
.page-news .news-divider {
  margin-bottom: clamp(48px, 6vw, 88px);
}

.page-news .news-divider img {
  aspect-ratio: 8 / 3;
}

/* ---------- 裁判名单 ---------- */
.page-news .referee {
  padding: clamp(34px, 4.6vw, 64px) clamp(22px, 3.4vw, 48px);
  border-radius: var(--radius);
  margin-bottom: clamp(48px, 6vw, 88px);
}

.page-news .referee .eyebrow {
  color: var(--gold-light);
}

.page-news .referee .section-title,
.page-news .referee .referee-lead {
  color: var(--sand);
}

.page-news .referee-head {
  margin-bottom: clamp(24px, 3vw, 38px);
}

.page-news .referee-lead {
  color: rgba(244, 238, 226, .84);
}

.page-news .referee-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid var(--news-hair-dark);
  border-left: 1px solid var(--news-hair-dark);
  margin-bottom: clamp(24px, 3vw, 38px);
}

.page-news .referee-item {
  padding: clamp(20px, 2.6vw, 32px);
  border-right: 1px solid var(--news-hair-dark);
  border-bottom: 1px solid var(--news-hair-dark);
}

.page-news .referee-num {
  margin: 0 0 12px;
  font-size: clamp(34px, 4.4vw, 56px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  color: var(--gold-light);
}

.page-news .referee-title {
  font-family: var(--font-display);
  font-size: clamp(16px, 1.5vw, 19px);
  font-weight: 700;
  line-height: 1.42;
  margin: 0 0 10px;
  color: var(--sand);
}

.page-news .referee-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.76;
  color: rgba(244, 238, 226, .78);
}

.page-news .referee-cta {
  display: inline-block;
}

/* ---------- 往期回顾 ---------- */
.page-news .archive {
  padding: clamp(34px, 4.6vw, 64px) clamp(22px, 3.4vw, 48px);
  border-radius: var(--radius);
}

.page-news .archive .eyebrow {
  color: var(--gold-light);
}

.page-news .archive .section-title {
  color: var(--sand);
}

.page-news .archive-lead {
  color: rgba(244, 238, 226, .82);
}

.page-news .archive-head {
  margin-bottom: clamp(24px, 3vw, 38px);
}

.page-news .season-stack {
  border-top: 1px solid var(--news-hair-dark);
}

.page-news .season {
  border-bottom: 1px solid var(--news-hair-dark);
}

.page-news .season-summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 4px;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-display);
  color: var(--sand);
}

.page-news .season-summary::-webkit-details-marker {
  display: none;
}

.page-news .season-name {
  font-size: clamp(17px, 1.8vw, 22px);
  font-weight: 700;
  letter-spacing: -.015em;
}

.page-news .season-hint {
  font-size: 12px;
  letter-spacing: .06em;
  color: rgba(244, 238, 226, .6);
}

.page-news .season-summary:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}

.page-news .season[open] .season-summary {
  color: var(--gold-light);
}

.page-news .season-list {
  list-style: none;
  margin: 0;
  padding: 0 4px 20px;
  display: grid;
  gap: 2px;
}

.page-news .season-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  padding: 10px 0;
  border-top: 1px solid rgba(244, 238, 226, .1);
}

.page-news .season-link {
  flex: 1 1 18ch;
  min-width: 0;
  color: rgba(244, 238, 226, .9);
  text-decoration: none;
  font-size: 15px;
  line-height: 1.6;
  transition: color .16s ease;
}

.page-news .season-link:hover,
.page-news .season-link:focus-visible {
  color: var(--gold-light);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.page-news .season-time {
  flex: 0 0 auto;
  font-size: 12px;
  letter-spacing: .04em;
  color: rgba(244, 238, 226, .55);
}

.page-news .archive-tail {
  margin: clamp(24px, 3vw, 38px) 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(244, 238, 226, .7);
}

.page-news .archive-tail a {
  color: var(--gold-light);
  text-decoration: none;
  border-bottom: 1px solid rgba(240, 203, 121, .45);
}

.page-news .archive-tail a:hover,
.page-news .archive-tail a:focus-visible {
  border-bottom-color: var(--gold-light);
}

/* ---------- 平板 ---------- */
@media (min-width: 700px) {
  .page-news .entry-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .page-news .entry--wide {
    grid-column: span 6;
  }

  .page-news .entry--half {
    grid-column: span 3;
  }

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

/* ---------- 桌面 ---------- */
@media (min-width: 1024px) {
  .page-news .hero-frame {
    grid-template-columns: minmax(0, 1.6fr) minmax(268px, .8fr);
  }

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

  .page-news .news-index {
    position: sticky;
    top: calc(var(--cmd-h) + 24px);
    align-self: start;
  }

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

  .page-news .side-figure {
    position: sticky;
    top: calc(var(--cmd-h) + 24px);
  }
}

@media (min-width: 1280px) {
  .page-news {
    --news-rail: 260px;
  }
}