.page-disclaimer {
  --stmt-body: #2E443B;
  --stmt-gap: clamp(2.6rem, 6vw, 4.5rem);
  background: var(--paper);
  color: var(--ink-900);
}

.page-disclaimer .stmt-head {
  position: relative;
  padding-bottom: clamp(1.6rem, 4vw, 2.6rem);
  border-bottom: 1px solid var(--rule);
  background-image: radial-gradient(rgba(10, 31, 26, .09) 1px, transparent 1px);
  background-size: 16px 16px;
}

.page-disclaimer .stmt-head__title {
  margin: .6rem 0 1rem;
  font-size: clamp(2.1rem, 6.2vw, 3.6rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.02em;
}

.page-disclaimer .stmt-head__lead {
  max-width: 46ch;
  margin: 0 0 clamp(1.6rem, 4vw, 2.4rem);
  font-size: clamp(1rem, 2vw, 1.12rem);
  line-height: 1.8;
  color: var(--stmt-body);
}

.page-disclaimer .stmt-facts {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  background: transparent;
}

.page-disclaimer .stmt-facts .scorecard__cell {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  padding: 1.1rem 1.2rem;
}

.page-disclaimer .stmt-facts .scorecard__cell + .scorecard__cell {
  border-top: 1px solid var(--rule);
}

.page-disclaimer .stmt-facts .scorecard__label {
  font-size: .78rem;
  letter-spacing: .1em;
  color: var(--muted);
}

.page-disclaimer .stmt-facts .scorecard__value {
  font-family: var(--font-num);
  font-size: clamp(1.5rem, 3.4vw, 2.1rem);
  line-height: 1.1;
  color: var(--ink-900);
  font-variant-numeric: tabular-nums;
}

.page-disclaimer .stmt-unit {
  margin-left: .35rem;
  font-family: var(--font-sans);
  font-size: .8rem;
  color: var(--muted);
}

@media (min-width: 640px) {
  .page-disclaimer .stmt-facts {
    grid-template-columns: repeat(3, 1fr);
  }
  .page-disclaimer .stmt-facts .scorecard__cell + .scorecard__cell {
    border-top: 0;
    border-left: 1px solid var(--rule);
  }
}

.page-disclaimer .stmt-figure {
  margin: 0 0 clamp(2rem, 5vw, 3.5rem);
}

.page-disclaimer .stmt-figure .figure__frame {
  overflow: hidden;
  background: var(--ink-800);
}

.page-disclaimer .stmt-figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.page-disclaimer .stmt-figure .figure__caption {
  margin-top: .75rem;
  padding-left: .75rem;
  border-left: 2px solid var(--amber);
  font-size: .82rem;
  line-height: 1.7;
  color: var(--muted);
}

.page-disclaimer .stmt-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.6rem, 4vw, 3rem);
  padding: 0 0 clamp(3rem, 8vw, 6rem);
}

@media (min-width: 980px) {
  .page-disclaimer .stmt-layout {
    grid-template-columns: 216px minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 4rem);
  }
}

.page-disclaimer .stmt-rail {
  align-self: start;
  padding-top: 1rem;
  border-top: 3px solid var(--ink-900);
}

@media (min-width: 980px) {
  .page-disclaimer .stmt-rail {
    position: sticky;
    top: calc(var(--nav-h) + 1.6rem);
  }
}

.page-disclaimer .stmt-rail__title {
  margin: 0 0 .85rem;
  font-family: var(--font-num);
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-disclaimer .stmt-rail__list {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 980px) {
  .page-disclaimer .stmt-rail__list {
    flex-direction: column;
    gap: 0;
  }
}

.page-disclaimer .chapter-rail__link {
  display: flex;
  align-items: baseline;
  gap: .6rem;
  padding: .5rem 0;
  font-size: .9rem;
  line-height: 1.5;
  color: var(--ink-900);
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  transition: color var(--t), border-color var(--t);
}

.page-disclaimer .chapter-rail__link .idx {
  font-family: var(--font-num);
  font-size: .72rem;
  color: var(--amber);
}

.page-disclaimer .chapter-rail__link:hover,
.page-disclaimer .chapter-rail__link:focus-visible {
  color: var(--ink-800);
  border-bottom-color: var(--rule-strong);
}

.page-disclaimer .chapter-rail__link[data-active],
.page-disclaimer .chapter-rail__link[aria-current="true"] {
  border-bottom-color: var(--cyan);
}

.page-disclaimer .stmt-body {
  min-width: 0;
}

.page-disclaimer .stmt-sec {
  position: relative;
  padding-top: clamp(1.4rem, 3vw, 2rem);
  scroll-margin-top: calc(var(--nav-h) + 2rem);
}

.page-disclaimer .stmt-sec + .stmt-sec {
  margin-top: var(--stmt-gap);
}

.page-disclaimer .stmt-sec::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--ink-900);
}

.page-disclaimer .stmt-sec--cyan::before {
  background: var(--cyan);
}

.page-disclaimer .stmt-sec--amber::before {
  background: var(--amber);
}

.page-disclaimer .stmt-sec__head {
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr);
  gap: .9rem;
  align-items: start;
}

.page-disclaimer .stmt-sec__num {
  padding-top: .35rem;
  font-family: var(--font-num);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--amber);
  font-variant-numeric: tabular-nums;
}

.page-disclaimer .stmt-sec__title {
  margin: 0;
  font-size: clamp(1.3rem, 3.4vw, 1.7rem);
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.page-disclaimer .stmt-sec__sub {
  grid-column: 2;
  margin: .5rem 0 0;
  font-size: .85rem;
  color: var(--muted);
}

.page-disclaimer .stmt-sec .prose {
  margin-top: 1rem;
  max-width: 34em;
}

.page-disclaimer .stmt-sec .prose p {
  margin: 0 0 1rem;
  line-height: 1.8;
  color: var(--stmt-body);
}

.page-disclaimer .stmt-sec .prose p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .stmt-sec .prose a {
  color: var(--ink-900);
  text-decoration: none;
  border-bottom: 1px solid var(--cyan);
}

.page-disclaimer .stmt-sec .prose a:hover {
  color: var(--ink-800);
}

.page-disclaimer .stmt-rules {
  counter-reset: rule;
  display: grid;
  gap: 1.35rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .stmt-rules > li {
  counter-increment: rule;
  position: relative;
  max-width: 34em;
  padding-left: 3.4rem;
  line-height: 1.8;
  color: var(--stmt-body);
}

.page-disclaimer .stmt-rules > li::before {
  content: counter(rule, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: .3em;
  width: 2.2rem;
  padding-top: .45rem;
  border-top: 2px solid var(--amber);
  font-family: var(--font-num);
  font-size: .8rem;
  letter-spacing: .06em;
  color: var(--amber);
}

.page-disclaimer .stmt-rules strong {
  font-weight: 800;
  color: var(--ink-900);
}

.page-disclaimer .cite-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin-top: 1.9rem;
  border: 1px solid var(--rule-strong);
  background: var(--rule-strong);
}

@media (min-width: 760px) {
  .page-disclaimer .cite-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.page-disclaimer .cite-card {
  padding: 1.2rem 1.2rem 1.4rem;
  background: var(--paper);
}

.page-disclaimer .cite-card__k {
  display: block;
  font-family: var(--font-num);
  font-size: .7rem;
  letter-spacing: .14em;
  color: var(--muted);
}

.page-disclaimer .cite-card__t {
  display: block;
  margin: .5rem 0 .85rem;
  font-size: 1.02rem;
  font-weight: 900;
}

.page-disclaimer .cite-card__code {
  margin: 0;
  padding-left: .8rem;
  border-left: 2px solid var(--cyan);
  font-family: var(--font-num);
  font-size: .8rem;
  line-height: 1.8;
  color: var(--ink-800);
  overflow-wrap: anywhere;
}

.page-disclaimer .data-table__wrap {
  margin-top: 1.5rem;
  border: 1px solid var(--rule-strong);
  overflow-x: auto;
}

.page-disclaimer .data-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
}

.page-disclaimer .data-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: .75rem .9rem;
  background: var(--ink-900);
  color: var(--line-white);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-align: left;
  white-space: nowrap;
}

.page-disclaimer .data-table td {
  padding: .85rem .9rem;
  font-size: .92rem;
  line-height: 1.65;
  color: var(--stmt-body);
  vertical-align: top;
  border-top: 1px solid var(--rule);
}

.page-disclaimer .data-table tbody tr:nth-child(even) {
  background: var(--paper-dim);
}

.page-disclaimer .data-table td:first-child {
  font-weight: 700;
  color: var(--ink-900);
  white-space: nowrap;
}

.page-disclaimer .stmt-panel {
  margin-top: 1.5rem;
  padding: clamp(1.4rem, 3.4vw, 2.1rem);
}

.page-disclaimer .stmt-panel .prose {
  margin-top: 0;
  max-width: 40em;
}

.page-disclaimer .stmt-panel .prose p {
  color: rgba(247, 249, 244, .86);
  line-height: 1.85;
}

.page-disclaimer .stmt-points {
  display: grid;
  gap: .95rem;
  margin: 1.4rem 0 0;
  padding: 1.4rem 0 0;
  list-style: none;
  border-top: 1px solid var(--rule-dark);
}

.page-disclaimer .stmt-points > li {
  position: relative;
  padding-left: 1.6rem;
  font-size: .95rem;
  line-height: 1.8;
  color: rgba(247, 249, 244, .84);
}

.page-disclaimer .stmt-points > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: .8rem;
  height: 2px;
  background: var(--cyan);
}

.page-disclaimer .stmt-close {
  padding: clamp(2.6rem, 7vw, 4.6rem) 0;
  background: var(--ink-900);
  color: var(--line-white);
  border-top: 3px solid var(--amber);
}

.page-disclaimer .stmt-close .eyebrow {
  color: var(--amber);
}

.page-disclaimer .stmt-close__title {
  max-width: 22ch;
  margin: .7rem 0 .9rem;
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -.01em;
}

.page-disclaimer .stmt-close__lead {
  max-width: 44ch;
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: rgba(247, 249, 244, .78);
}

.page-disclaimer .stmt-close__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.6rem, 3.4vw, 2.4rem);
  margin-top: clamp(1.8rem, 4vw, 2.6rem);
  padding-top: clamp(1.6rem, 3.4vw, 2.2rem);
  border-top: 1px solid var(--rule-dark);
}

@media (min-width: 760px) {
  .page-disclaimer .stmt-close__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.page-disclaimer .stmt-close__k {
  display: block;
  margin-bottom: .7rem;
  font-family: var(--font-num);
  font-size: .72rem;
  letter-spacing: .16em;
  color: var(--cyan);
}

.page-disclaimer .stmt-close__cell p {
  margin: 0 0 .85rem;
  font-size: .94rem;
  line-height: 1.8;
  color: rgba(247, 249, 244, .82);
}

.page-disclaimer .stmt-close__link {
  display: inline-block;
  margin-right: 1.2rem;
  padding-bottom: .15rem;
  font-family: var(--font-num);
  font-size: .9rem;
  color: var(--line-white);
  text-decoration: none;
  border-bottom: 1px solid var(--cyan);
  overflow-wrap: anywhere;
  transition: color var(--t), border-color var(--t);
}

.page-disclaimer .stmt-close__link:hover,
.page-disclaimer .stmt-close__link:focus-visible {
  color: var(--cyan);
  border-bottom-color: var(--amber);
}

.page-disclaimer .stmt-close__link--alt {
  font-family: var(--font-sans);
}

.page-disclaimer .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 1100px) {
  .page-disclaimer .stmt-head__lead {
    font-size: 1.14rem;
  }
  .page-disclaimer .stmt-sec .prose p {
    font-size: 1.02rem;
  }
}
</final 思考>关于最后的 CSS：我在 .page-disclaimer 里定义了 --stmt-body 和 --stmt-gap，这两个确实不在共享变量列表里，但规则允许“先在 .page-disclaimer 作用域内定义再使用”。其他用到的都是共享变量：--paper、--ink-900、--ink-800、--rule、--rule-strong、--rule-dark、--amber、--cyan、--muted、--line-white、--paper-dim、--font-num、--font-sans、--t、--nav-h——都在 site_kit.css_variables 里。

“sr-only”类也定义在页面作用域里，没问题。

还有一点：`--nav-h:58px` 在 design tokens 末尾出现了，共享变量里有，没问题。

注意 `.page-disclaimer .stmt-close .eyebrow`——site_kit 里写的是 `--amber` 用于 eyebrow 吗？其实写的是 `.eyebrow：小号高字距前置标签，琥珀橙`，没问题。

好，就这样了。
<main id="main-content" class="page-disclaimer">

  <div class="wrap">
    <nav class="breadcrumbs" aria-label="面包屑导航">
      <ol>
        <li><a href="/">首页</a></li>
        <li aria-current="page">使用说明</li>
      </ol>
    </nav>
  </div>

  <header class="stmt-head">
    <div class="wrap">
      <p class="eyebrow">资料引用 · 更新节奏 · 内容责任</p>
      <h1 class="stmt-head__title">完美体育使用说明</h1>
      <p class="stmt-head__lead">你准备把球队档案、逐轮指标或夺冠赔率对照放进个人笔记、媒体报道、课件还是合作项目，这里都写清楚了该标注什么、隔多久能看到新一轮数据、发现偏差时找谁处理。</p>

      <div class="scorecard stmt-facts">
        <div class="scorecard__cell">
          <span class="scorecard__label">逐轮指标刷新</span>
          <span class="scorecard__value">90<span class="stmt-unit">分钟内</span></span>
        </div>
        <div class="scorecard__cell">
          <span class="scorecard__label">夺冠赔率对照更新</span>
          <span class="scorecard__value">每周 2<span class="stmt-unit">次</span></span>
        </div>
        <div class="scorecard__cell">
          <span class="scorecard__label">资料库连续运营</span>
          <span class="scorecard__value">7<span class="stmt-unit">个赛季</span></span>
        </div>
      </div>
    </div>
  </header>

  <figure class="figure stmt-figure">
    <div class="wrap">
      <div class="figure__frame figure__frame--wide">
        <img src="{zhanqunpic:h:560w:1600}" width="1600" height="560" alt="暖纸色底上的细网点纹理与层叠线框，呈档案印刷质感">
      </div>
      <figcaption class="figure__caption">资料按赛季与轮次归档，回看时能对到具体是哪一轮。</figcaption>
    </div>
  </figure>

  <div class="wrap">
    <div class="stmt-layout">

      <aside class="chapter-rail stmt-rail" aria-label="章节导航">
        <p class="stmt-rail__title">条款索引</p>
        <ul class="stmt-rail__list">
          <li><a class="chapter-rail__link" href="#scope" data-chapter-link="scope"><span class="idx">01</span><span>哪些内容适用</span></a></li>
          <li><a class="chapter-rail__link" href="#citation" data-chapter-link="citation"><span class="idx">02</span><span>引用与转载</span></a></li>
          <li><a class="chapter-rail__link" href="#cadence" data-chapter-link="cadence"><span class="idx">03</span><span>更新节奏</span></a></li>
          <li><a class="chapter-rail__link" href="#odds" data-chapter-link="odds"><span class="idx">04</span><span>赔率对照</span></a></li>
          <li><a class="chapter-rail__link" href="#accuracy" data-chapter-link="accuracy"><span class="idx">05</span><span>来源与修正</span></a></li>
          <li><a class="chapter-rail__link" href="#feedback" data-chapter-link="feedback"><span class="idx">06</span><span>联系与反馈</span></a></li>
        </ul>
      </aside>

      <div class="stmt-body">

        <section class="stmt-sec" id="scope" data-chapter="scope" data-reveal>
          <div class="stmt-sec__head">
            <span class="stmt-sec__num">01</span>
            <h2 class="stmt-sec__title">哪些内容适用这些规则</h2>
          </div>
          <div class="prose">
            <p>球队档案、逐轮净胜球与客场胜率记录、2000 年以来的夺冠赔率对照，以及赛季专栏里的解读文章，都在这些规则的适用范围之内。你订阅球队之后打开的赛季追踪视图，同样按这里写的方式引用与标注。</p>
            <p>实际用起来只需要记住三件事：认准来源站点、把取用的时间点标出来、成批取用之前先跟我们打个招呼。做到这三点，个人整理和机构引用都能顺畅进行。</p>
          </div>
        </section>

        <section class="stmt-sec stmt-sec--cyan" id="citation" data-chapter="citation" data-reveal>
          <div class="stmt-sec__head">
            <span class="stmt-sec__num">02</span>
            <h2 class="stmt-sec__title">个人引用、机构引用与成批转载</h2>
            <p class="stmt-sec__sub">按使用方式分三档，越往下需要的说明越具体</p>
          </div>
          <ol class="stmt-rules">
            <li><strong>个人整理与分享。</strong>写笔记、发帖、做观赛对照时，在文字或图片旁标注“数据来源：完美体育”，并保留对应页面地址。截图转发请把站点标识一起留下，方便读到你内容的人自行核对。</li>
            <li><strong>机构引用。</strong>报道、研究报告、视频节目与课程材料引用单条或少量数据，除来源站点外，还要写清访问日期与数据对应的轮次或赛季阶段。同一支球队的数值会随赛季推进变化，标出时点读者才能分辨。</li>
            <li><strong>成批取用与二次分发。</strong>整篇转载专栏文章、成批导出赔率对照，或把资料库内容做进自己的产品，请先通过咨询与合作页面说明渠道、用途与分发范围，我们会给你可用的授权方式与对应的标注格式。</li>
          </ol>

          <div class="cite-grid">
            <div class="cite-card">
              <span class="cite-card__k">个人账号 / 笔记</span>
              <span class="cite-card__t">文字与截图标注</span>
              <p class="cite-card__code">数据来源：完美体育（pinnacle-arena-wanmei.com.cn），统计截至第 N 轮</p>
            </div>
            <div class="cite-card">
              <span class="cite-card__k">媒体报道 / 研究材料</span>
              <span class="cite-card__t">补上访问时点</span>
              <p class="cite-card__code">数据来源：完美体育（pinnacle-arena-wanmei.com.cn），访问日期按实际取用当天填写，并注明对应赛季阶段</p>
            </div>
            <div class="cite-card">
              <span class="cite-card__k">成批取用 / 二次分发</span>
              <span class="cite-card__t">先确认再落地</span>
              <p class="cite-card__code">先通过咨询与合作页说明用途与分发范围，再按确认后的格式保留站点名称与页面链接</p>
            </div>
          </div>
        </section>

        <section class="stmt-sec stmt-sec--amber" id="cadence" data-chapter="cadence" data-reveal>
          <div class="stmt-sec__head">
            <span class="stmt-sec__num">03</span>
            <h2 class="stmt-sec__title">每一类数据多久刷新一次</h2>
            <p class="stmt-sec__sub">知道刷新节点，你看的数字才对得上比赛进程</p>
          </div>

          <div class="data-table__wrap">
            <table class="data-table">
              <caption class="sr-only">完美体育各类资料的更新节奏</caption>
              <thead>
                <tr>
                  <th scope="col">内容</th>
                  <th scope="col">刷新节点</th>
                  <th scope="col">查看时留意</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>逐轮净胜球</td>
                  <td>每轮比赛结束后 90 分钟内写入</td>
                  <td>轮次仍在进行时，看到的是上一轮的数值</td>
                </tr>
                <tr>
                  <td>客场胜率</td>
                  <td>与逐轮记录同步刷新</td>
                  <td>看整个赛季的走势，单轮起伏说明不了方向</td>
                </tr>
                <tr>
                  <td>夺冠赔率对照</td>
                  <td>每周更新两次，重大赛事阶段加密到每日</td>
                  <td>同一类杯赛之间横向比才有意义</td>
                </tr>
                <tr>
                  <td>俱乐部简史时间轴</td>
                  <td>每赛季末更新一次</td>
                  <td>主场信息与球迷组织规模同时更新</td>
                </tr>
                <tr>
                  <td>赛季专栏</td>
                  <td>每周 3 至 5 篇，赛季密集期提高频率</td>
                  <td>文章引用的是发文当轮的记录</td>
                </tr>
              </tbody>
            </table>
          </div>

          <div class="prose">
            <p>网页端和移动端读到的内容一致，同一轮数据不会出现两个版本。2023 年做过一次数据模型升级，之后的记录方式一直沿用至今，跨赛季回看时数值层级是稳定的。</p>
          </div>
        </section>

        <section class="stmt-sec" id="odds" data-chapter="odds" data-reveal>
          <div class="stmt-sec__head">
            <span class="stmt-sec__num">04</span>
            <h2 class="stmt-sec__title">夺冠赔率对照该怎么读</h2>
          </div>
          <div class="panel panel--dark stmt-panel">
            <div class="prose">
              <p>赔率对照覆盖 2000 年至今，按洲际与国内杯赛划分 12 类，累计 1,200 余个赛季样本。它解决的是一个很具体的问题：把同一项杯赛在不同赛季的位置摆到一张表里，或者把同一时期几支球队放在一起比。</p>
            </div>
            <ul class="stmt-points">
              <li>提供表格与图形两种查看方式，可按需导出常用格式，直接接进你手头的材料。</li>
              <li>数值随赛事推进而变化，同一条目在不同时间取用会看到不同的位置，引用时标明取用时点。</li>
              <li>赔率对照是资料工具，不是投注建议。请把它当作历史与当期数据的横向比较材料来使用。</li>
            </ul>
          </div>
        </section>

        <section class="stmt-sec" id="accuracy" data-chapter="accuracy" data-reveal>
          <div class="stmt-sec__head">
            <span class="stmt-sec__num">05</span>
            <h2 class="stmt-sec__title">数据从哪里来，发现偏差怎么处理</h2>
          </div>
          <div class="prose">
            <p>资料以联赛公开赛事记录与官方信息为整理依据，按轮次滚动整理。每一条指标记录都要走完编辑录入、交叉核对、异常波动回溯三道流程，才会出现在页面上。团队现有 46 人：数据编辑 18 人负责录入与初校，工程与可视化 12 人负责刷新与呈现，内容与支持 16 人负责专栏与用户沟通。到 2025 年，资料库已连续运营七个赛季，处理过的赛季指标记录超过 126 万条。这套分工与建档过程在<a href="/brand/">品牌中心</a>有更完整的介绍。</p>
            <p>如果你在某个球队页看到对不上的数值，把赛事、轮次、球队和你看到的数值一并发到客服邮箱，我们会在工作日 9:00 至 18:00 之间响应，并在一个工作日内回复确认。需要回溯的条目，会告知你预计在哪一轮修正时一并更新，修正结果在网页端与移动端同时生效。</p>
          </div>
        </section>

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

  <section class="stmt-close" id="feedback" data-chapter="feedback" data-reveal>
    <div class="wrap">
      <p class="eyebrow">反馈与问询</p>
      <h2 class="stmt-close__title">纠错、引用问询与合作洽谈，都从这里开始</h2>
      <p class="stmt-close__lead">邮件里写清背景，我们回得快；涉及数据偏差的，附上页面地址最省时间。</p>

      <div class="stmt-close__grid">
        <div class="stmt-close__cell">
          <span class="stmt-close__k">数据反馈</span>
          <p>把赛事、轮次、球队与页面地址写进邮件，发送到客服邮箱，我们会核对并在一个工作日内回复确认。</p>
          <a class="stmt-close__link" href="mailto:service@pinnacle-arena-wanmei.com.cn">service@pinnacle-arena-wanmei.com.cn</a>
        </div>
        <div class="stmt-close__cell">
          <span class="stmt-close__k">引用与授权</span>
          <p>成批取用、二次分发或需要正式授权说明的，通过咨询与合作页面提交用途与分发范围。</p>
          <a class="stmt-close__link" href="/consult/">咨询与合作</a>
        </div>
        <div class="stmt-close__cell">
          <span class="stmt-close__k">电话与其他</span>
          <p>订阅与引用相关的问题也可来电沟通，工作日上午 9:00 至下午 18:00 有人接听。个人信息如何处理，可以看隐私中心。</p>
          <a class="stmt-close__link" href="tel:17070840450">17070840450</a>
          <a class="stmt-close__link stmt-close__link--alt" href="/privacy-center/">隐私中心</a>
        </div>
      </div>
    </div>
  </section>

</main>

.page-disclaimer {
  --stmt-body: #2E443B;
  --stmt-gap: clamp(2.6rem, 6vw, 4.5rem);
  background: var(--paper);
  color: var(--ink-900);
}

.page-disclaimer .stmt-head {
  position: relative;
  padding-bottom: clamp(1.6rem, 4vw, 2.6rem);
  border-bottom: 1px solid var(--rule);
  background-image: radial-gradient(rgba(10, 31, 26, .09) 1px, transparent 1px);
  background-size: 16px 16px;
}

.page-disclaimer .stmt-head__title {
  margin: .6rem 0 1rem;
  font-size: clamp(2.1rem, 6.2vw, 3.6rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.02em;
}

.page-disclaimer .stmt-head__lead {
  max-width: 46ch;
  margin: 0 0 clamp(1.6rem, 4vw, 2.4rem);
  font-size: clamp(1rem, 2vw, 1.12rem);
  line-height: 1.8;
  color: var(--stmt-body);
}

.page-disclaimer .stmt-facts {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  background: transparent;
}

.page-disclaimer .stmt-facts .scorecard__cell {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  padding: 1.1rem 1.2rem;
}

.page-disclaimer .stmt-facts .scorecard__cell + .scorecard__cell {
  border-top: 1px solid var(--rule);
}

.page-disclaimer .stmt-facts .scorecard__label {
  font-size: .78rem;
  letter-spacing: .1em;
  color: var(--muted);
}

.page-disclaimer .stmt-facts .scorecard__value {
  font-family: var(--font-num);
  font-size: clamp(1.5rem, 3.4vw, 2.1rem);
  line-height: 1.1;
  color: var(--ink-900);
  font-variant-numeric: tabular-nums;
}

.page-disclaimer .stmt-unit {
  margin-left: .35rem;
  font-family: var(--font-sans);
  font-size: .8rem;
  color: var(--muted);
}

@media (min-width: 640px) {
  .page-disclaimer .stmt-facts {
    grid-template-columns: repeat(3, 1fr);
  }
  .page-disclaimer .stmt-facts .scorecard__cell + .scorecard__cell {
    border-top: 0;
    border-left: 1px solid var(--rule);
  }
}

.page-disclaimer .stmt-figure {
  margin: 0 0 clamp(2rem, 5vw, 3.5rem);
}

.page-disclaimer .stmt-figure .figure__frame {
  overflow: hidden;
  background: var(--ink-800);
}

.page-disclaimer .stmt-figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.page-disclaimer .stmt-figure .figure__caption {
  margin-top: .75rem;
  padding-left: .75rem;
  border-left: 2px solid var(--amber);
  font-size: .82rem;
  line-height: 1.7;
  color: var(--muted);
}

.page-disclaimer .stmt-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.6rem, 4vw, 3rem);
  padding: 0 0 clamp(3rem, 8vw, 6rem);
}

@media (min-width: 980px) {
  .page-disclaimer .stmt-layout {
    grid-template-columns: 216px minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 4rem);
  }
}

.page-disclaimer .stmt-rail {
  align-self: start;
  padding-top: 1rem;
  border-top: 3px solid var(--ink-900);
}

@media (min-width: 980px) {
  .page-disclaimer .stmt-rail {
    position: sticky;
    top: calc(var(--nav-h) + 1.6rem);
  }
}

.page-disclaimer .stmt-rail__title {
  margin: 0 0 .85rem;
  font-family: var(--font-num);
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-disclaimer .stmt-rail__list {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 980px) {
  .page-disclaimer .stmt-rail__list {
    flex-direction: column;
    gap: 0;
  }
}

.page-disclaimer .chapter-rail__link {
  display: flex;
  align-items: baseline;
  gap: .6rem;
  padding: .5rem 0;
  font-size: .9rem;
  line-height: 1.5;
  color: var(--ink-900);
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  transition: color var(--t), border-color var(--t);
}

.page-disclaimer .chapter-rail__link .idx {
  font-family: var(--font-num);
  font-size: .72rem;
  color: var(--amber);
}

.page-disclaimer .chapter-rail__link:hover,
.page-disclaimer .chapter-rail__link:focus-visible {
  color: var(--ink-800);
  border-bottom-color: var(--rule-strong);
}

.page-disclaimer .chapter-rail__link[data-active],
.page-disclaimer .chapter-rail__link[aria-current="true"] {
  border-bottom-color: var(--cyan);
}

.page-disclaimer .stmt-body {
  min-width: 0;
}

.page-disclaimer .stmt-sec {
  position: relative;
  padding-top: clamp(1.4rem, 3vw, 2rem);
  scroll-margin-top: calc(var(--nav-h) + 2rem);
}

.page-disclaimer .stmt-sec + .stmt-sec {
  margin-top: var(--stmt-gap);
}

.page-disclaimer .stmt-sec::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--ink-900);
}

.page-disclaimer .stmt-sec--cyan::before {
  background: var(--cyan);
}

.page-disclaimer .stmt-sec--amber::before {
  background: var(--amber);
}

.page-disclaimer .stmt-sec__head {
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr);
  gap: .9rem;
  align-items: start;
}

.page-disclaimer .stmt-sec__num {
  padding-top: .35rem;
  font-family: var(--font-num);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--amber);
  font-variant-numeric: tabular-nums;
}

.page-disclaimer .stmt-sec__title {
  margin: 0;
  font-size: clamp(1.3rem, 3.4vw, 1.7rem);
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.page-disclaimer .stmt-sec__sub {
  grid-column: 2;
  margin: .5rem 0 0;
  font-size: .85rem;
  color: var(--muted);
}

.page-disclaimer .stmt-sec .prose {
  margin-top: 1rem;
  max-width: 34em;
}

.page-disclaimer .stmt-sec .prose p {
  margin: 0 0 1rem;
  line-height: 1.8;
  color: var(--stmt-body);
}

.page-disclaimer .stmt-sec .prose p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .stmt-sec .prose a {
  color: var(--ink-900);
  text-decoration: none;
  border-bottom: 1px solid var(--cyan);
}

.page-disclaimer .stmt-sec .prose a:hover {
  color: var(--ink-800);
}

.page-disclaimer .stmt-rules {
  counter-reset: rule;
  display: grid;
  gap: 1.35rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .stmt-rules > li {
  counter-increment: rule;
  position: relative;
  max-width: 34em;
  padding-left: 3.4rem;
  line-height: 1.8;
  color: var(--stmt-body);
}

.page-disclaimer .stmt-rules > li::before {
  content: counter(rule, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: .3em;
  width: 2.2rem;
  padding-top: .45rem;
  border-top: 2px solid var(--amber);
  font-family: var(--font-num);
  font-size: .8rem;
  letter-spacing: .06em;
  color: var(--amber);
}

.page-disclaimer .stmt-rules strong {
  font-weight: 800;
  color: var(--ink-900);
}

.page-disclaimer .cite-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin-top: 1.9rem;
  border: 1px solid var(--rule-strong);
  background: var(--rule-strong);
}

@media (min-width: 760px) {
  .page-disclaimer .cite-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.page-disclaimer .cite-card {
  padding: 1.2rem 1.2rem 1.4rem;
  background: var(--paper);
}

.page-disclaimer .cite-card__k {
  display: block;
  font-family: var(--font-num);
  font-size: .7rem;
  letter-spacing: .14em;
  color: var(--muted);
}

.page-disclaimer .cite-card__t {
  display: block;
  margin: .5rem 0 .85rem;
  font-size: 1.02rem;
  font-weight: 900;
}

.page-disclaimer .cite-card__code {
  margin: 0;
  padding-left: .8rem;
  border-left: 2px solid var(--cyan);
  font-family: var(--font-num);
  font-size: .8rem;
  line-height: 1.8;
  color: var(--ink-800);
  overflow-wrap: anywhere;
}

.page-disclaimer .data-table__wrap {
  margin-top: 1.5rem;
  border: 1px solid var(--rule-strong);
  overflow-x: auto;
}

.page-disclaimer .data-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
}

.page-disclaimer .data-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: .75rem .9rem;
  background: var(--ink-900);
  color: var(--line-white);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-align: left;
  white-space: nowrap;
}

.page-disclaimer .data-table td {
  padding: .85rem .9rem;
  font-size: .92rem;
  line-height: 1.65;
  color: var(--stmt-body);
  vertical-align: top;
  border-top: 1px solid var(--rule);
}

.page-disclaimer .data-table tbody tr:nth-child(even) {
  background: var(--paper-dim);
}

.page-disclaimer .data-table td:first-child {
  font-weight: 700;
  color: var(--ink-900);
  white-space: nowrap;
}

.page-disclaimer .stmt-panel {
  margin-top: 1.5rem;
  padding: clamp(1.4rem, 3.4vw, 2.1rem);
}

.page-disclaimer .stmt-panel .prose {
  margin-top: 0;
  max-width: 40em;
}

.page-disclaimer .stmt-panel .prose p {
  color: rgba(247, 249, 244, .86);
  line-height: 1.85;
}

.page-disclaimer .stmt-points {
  display: grid;
  gap: .95rem;
  margin: 1.4rem 0 0;
  padding: 1.4rem 0 0;
  list-style: none;
  border-top: 1px solid var(--rule-dark);
}

.page-disclaimer .stmt-points > li {
  position: relative;
  padding-left: 1.6rem;
  font-size: .95rem;
  line-height: 1.8;
  color: rgba(247, 249, 244, .84);
}

.page-disclaimer .stmt-points > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: .8rem;
  height: 2px;
  background: var(--cyan);
}

.page-disclaimer .stmt-close {
  padding: clamp(2.6rem, 7vw, 4.6rem) 0;
  background: var(--ink-900);
  color: var(--line-white);
  border-top: 3px solid var(--amber);
}

.page-disclaimer .stmt-close .eyebrow {
  color: var(--amber);
}

.page-disclaimer .stmt-close__title {
  max-width: 22ch;
  margin: .7rem 0 .9rem;
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -.01em;
}

.page-disclaimer .stmt-close__lead {
  max-width: 44ch;
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: rgba(247, 249, 244, .78);
}

.page-disclaimer .stmt-close__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.6rem, 3.4vw, 2.4rem);
  margin-top: clamp(1.8rem, 4vw, 2.6rem);
  padding-top: clamp(1.6rem, 3.4vw, 2.2rem);
  border-top: 1px solid var(--rule-dark);
}

@media (min-width: 760px) {
  .page-disclaimer .stmt-close__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.page-disclaimer .stmt-close__k {
  display: block;
  margin-bottom: .7rem;
  font-family: var(--font-num);
  font-size: .72rem;
  letter-spacing: .16em;
  color: var(--cyan);
}

.page-disclaimer .stmt-close__cell p {
  margin: 0 0 .85rem;
  font-size: .94rem;
  line-height: 1.8;
  color: rgba(247, 249, 244, .82);
}

.page-disclaimer .stmt-close__link {
  display: inline-block;
  margin-right: 1.2rem;
  padding-bottom: .15rem;
  font-family: var(--font-num);
  font-size: .9rem;
  color: var(--line-white);
  text-decoration: none;
  border-bottom: 1px solid var(--cyan);
  overflow-wrap: anywhere;
  transition: color var(--t), border-color var(--t);
}

.page-disclaimer .stmt-close__link:hover,
.page-disclaimer .stmt-close__link:focus-visible {
  color: var(--cyan);
  border-bottom-color: var(--amber);
}

.page-disclaimer .stmt-close__link--alt {
  font-family: var(--font-sans);
}

.page-disclaimer .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 1100px) {
  .page-disclaimer .stmt-head__lead {
    font-size: 1.14rem;
  }
  .page-disclaimer .stmt-sec .prose p {
    font-size: 1.02rem;
  }
}