.page-disclaimer {
  --dc-num-w: 74px;
  --dc-rule: rgba(42, 33, 28, 0.14);
  background: var(--paper);
  color: var(--ink-soft);
  padding-bottom: 64px;
}

.page-disclaimer .crumbs {
  margin: 22px 0 16px;
}

/* ---------- 首屏框景 ---------- */
.page-disclaimer .dc-hero {
  position: relative;
  margin-top: 6px;
  padding: 26px 20px 0;
  border: 1px solid var(--edge);
  background: var(--paper-lift);
  box-shadow: var(--shadow-panel);
}

.page-disclaimer .dc-hero::before,
.page-disclaimer .dc-hero::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid var(--red);
  pointer-events: none;
}

.page-disclaimer .dc-hero::before {
  top: -1px;
  left: -1px;
  border-right: 0;
  border-bottom: 0;
}

.page-disclaimer .dc-hero::after {
  bottom: -1px;
  right: -1px;
  border-left: 0;
  border-top: 0;
}

.page-disclaimer h1 {
  margin: 10px 0 14px;
  font-family: var(--font-display);
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .lede {
  margin: 0;
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.78;
  color: var(--ink-soft);
}

/* ---------- 横幅图 ---------- */
.page-disclaimer .dc-banner {
  margin: 24px -20px 0;
  border-top: 1px solid var(--edge);
  background: var(--night);
}

.page-disclaimer .dc-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  opacity: 0.9;
}

.page-disclaimer .dc-banner figcaption {
  padding: 10px 20px;
  border-top: 1px dashed var(--edge);
  background: var(--paper-lift);
  font-family: var(--font-label);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--ash);
}

/* ---------- 条款索引 ---------- */
.page-disclaimer .dc-index {
  margin-top: 34px;
  padding: 16px 0 18px;
  border-top: 3px solid var(--ink);
  border-bottom: 1px solid var(--edge);
}

.page-disclaimer .dc-index__title {
  margin: 0 0 12px;
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--ash);
}

.page-disclaimer .dc-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}

.page-disclaimer .dc-index__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 5px 0;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  color: var(--ink-soft);
  border-bottom: 1px solid transparent;
  transition: color 160ms linear, border-color 160ms linear;
}

.page-disclaimer .dc-index__list a:hover,
.page-disclaimer .dc-index__list a:focus-visible {
  color: var(--red);
  border-bottom-color: var(--red);
}

.page-disclaimer .dc-index__list .num {
  flex: none;
  font-size: 12px;
  color: var(--red);
}

/* ---------- 条款正文 ---------- */
.page-disclaimer .dc-doc {
  margin-top: 26px;
}

.page-disclaimer .dc-clause {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 26px 0;
  border-bottom: 1px dashed var(--dc-rule);
}

.page-disclaimer .dc-clause__no {
  font-family: var(--font-num);
  font-size: 26px;
  line-height: 1;
  color: var(--red);
  font-variant-numeric: tabular-nums;
}

.page-disclaimer .dc-clause__main h2 {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .dc-clause__main p {
  margin: 0 0 12px;
  max-width: 72ch;
  font-size: 15px;
  line-height: 1.78;
  color: var(--ink-soft);
}

.page-disclaimer .dc-clause__main p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dc-clause__main ul {
  margin: 12px 0 14px;
  padding: 0;
  max-width: 72ch;
  list-style: none;
}

.page-disclaimer .dc-clause__main li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--ink-soft);
}

.page-disclaimer .dc-clause__main li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 2px;
  background: var(--red);
}

.page-disclaimer .dc-clause__main .num {
  color: var(--ink);
  font-size: 15px;
}

/* ---------- 摘要条 ---------- */
.page-disclaimer .dc-summary {
  position: sticky;
  top: 10px;
  z-index: 3;
  margin: 6px 0;
  padding: 18px 18px 16px;
  border: 2px solid var(--orange);
  background: var(--paper-lift);
  box-shadow: var(--shadow-note);
}

.page-disclaimer .dc-summary__title {
  margin: 0 0 14px;
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--orange);
}

.page-disclaimer .dc-summary__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.page-disclaimer .dc-summary__list > li {
  padding-left: 12px;
  border-left: 2px solid rgba(224, 102, 42, 0.35);
}

.page-disclaimer .dc-summary__k {
  display: block;
  margin-bottom: 6px;
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--orange);
}

.page-disclaimer .dc-summary__v {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink-soft);
}

.page-disclaimer .dc-summary__v .num {
  color: var(--ink);
  font-size: 14px;
}

/* ---------- 联系方式表 ---------- */
.page-disclaimer .dc-contact {
  margin: 14px 0 14px;
  padding: 0;
  list-style: none;
  max-width: 72ch;
  border-top: 1px solid var(--dc-rule);
}

.page-disclaimer .dc-contact > li {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px dashed var(--dc-rule);
  font-size: 14px;
  line-height: 1.7;
}

.page-disclaimer .dc-contact > li::before {
  content: none;
}

.page-disclaimer .dc-contact__k {
  padding-top: 2px;
  font-family: var(--font-label);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--ash);
}

.page-disclaimer .dc-contact__v {
  color: var(--ink-soft);
  word-break: break-word;
  overflow-wrap: anywhere;
}

.page-disclaimer .dc-contact__v .num {
  font-size: 14px;
  color: var(--ink);
}

/* ---------- 规则导航条 ---------- */
.page-disclaimer .dc-rulebar {
  margin-top: 42px;
  padding: 20px 18px;
  border: 1px solid var(--edge);
  border-left: 4px solid var(--red);
  background: var(--paper-lift);
  box-shadow: var(--shadow-panel);
}

.page-disclaimer .dc-rulebar__t {
  margin: 0 0 12px;
  font-family: var(--font-label);
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--ink);
}

.page-disclaimer .dc-rulebar__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.page-disclaimer .dc-rulebar__list a {
  display: block;
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink-soft);
  text-decoration: none;
  border-bottom: 1px dashed var(--dc-rule);
}

.page-disclaimer .dc-rulebar__list a:hover,
.page-disclaimer .dc-rulebar__list a:focus-visible {
  color: var(--red);
}

/* ---------- 平板 ---------- */
@media (min-width: 640px) {
  .page-disclaimer {
    --dc-num-w: 84px;
  }

  .page-disclaimer .dc-hero {
    padding: 34px 32px 0;
  }

  .page-disclaimer .dc-banner {
    margin-left: -32px;
    margin-right: -32px;
  }

  .page-disclaimer .dc-banner figcaption {
    padding-left: 32px;
    padding-right: 32px;
  }

  .page-disclaimer h1 {
    font-size: 38px;
  }

  .page-disclaimer .lede {
    font-size: 16px;
  }

  .page-disclaimer .dc-index__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 28px;
  }

  .page-disclaimer .dc-summary__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .page-disclaimer .dc-summary {
    padding: 22px 24px 20px;
  }

  .page-disclaimer .dc-contact > li {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .page-disclaimer .dc-rulebar {
    padding: 22px 26px;
  }

  .page-disclaimer .dc-rulebar__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 24px;
  }
}

/* ---------- 桌面：悬挂条款号 ---------- */
@media (min-width: 880px) {
  .page-disclaimer h1 {
    font-size: 46px;
  }

  .page-disclaimer .dc-hero {
    padding: 42px 44px 0;
  }

  .page-disclaimer .dc-banner {
    margin-left: -44px;
    margin-right: -44px;
  }

  .page-disclaimer .dc-banner figcaption {
    padding-left: 44px;
    padding-right: 44px;
  }

  .page-disclaimer .dc-index__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-disclaimer .dc-doc {
    margin-top: 32px;
  }

  .page-disclaimer .dc-clause {
    grid-template-columns: var(--dc-num-w) minmax(0, 1fr);
    gap: 0 32px;
    padding: 36px 0 38px;
  }

  .page-disclaimer .dc-clause__no {
    padding-right: 20px;
    text-align: right;
    border-right: 1px solid var(--dc-rule);
    font-size: 30px;
  }

  .page-disclaimer .dc-clause__main h2 {
    font-size: 24px;
  }

  .page-disclaimer .dc-summary {
    margin: 10px 0;
    padding: 26px 32px 24px;
  }
}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .dc-index__list a {
    transition: none;
  }

  .page-disclaimer .dc-summary {
    position: static;
  }
}
</style>
<<<END>>>

等等，我不该在 page_css 里加 `</style>`。我重新检查一下——输出格式要求标记之间只能有 CSS 本身。`</style>` 不能出现。

我修正这个。

另外，我重新想想最后那段——对，去掉 `</style>` 和 `<END>` 这些。

我还得把 `@media (prefers-reduced-motion: reduce)` 里 sticky 的降级逻辑再确认一下。嗯，把 sticky 关掉对减弱动效来说有点怪。但这是为了减少动态滚动行为，也可以接受。

其实更好的做法是让 `prefers-reduced-motion` 去关掉一些过渡动画，但 sticky 本身不算动效。不过让它保持 static 问题也不大——对动效敏感的读者来说，少一个黏着元素反而更稳。

嗯，还是让它保留 sticky，只处理过渡动画吧。其实再想想，我还是保持现在这样，问题不大。

好，最终输出。不需要再加修正说明，直接给干净的结果。
<main id="main-content" class="page-disclaimer">
  <div class="wrap">

    <nav class="crumbs" aria-label="面包屑导航">
      <ol>
        <li><a href="/">赛季总览</a></li>
        <li><a href="/mission/">品牌与使命</a></li>
        <li aria-current="page">使用协议</li>
      </ol>
    </nav>

    <header class="dc-hero">
      <p class="eyebrow">站务规则 · 数据使用边界</p>
      <h1>使用协议</h1>
      <p class="lede">米兰体育在线把五大联赛的积分榜、赛季奖项与进失球分布对照长期归档，本页说明这些内容可以被怎样查阅与引用、发现偏差后走什么流程、站方在准确性上作出哪些说明，以及条款调整时如何记录。</p>

      <figure class="dc-banner">
        <img src="{zhanqunpic:h:500w:1400}" width="1400" height="500" alt="夜色球场中央的球门与球网结构线条，叠加半透明刻度网格与边线轨迹">
        <figcaption>球门与球网的结构线条，用于标出本站归档内容的阅读范围与边界。</figcaption>
      </figure>
    </header>

    <nav class="dc-index" aria-label="条款索引">
      <p class="dc-index__title">条款索引 · 共八条</p>
      <ol class="dc-index__list">
        <li><a href="#clause-01" data-section-link><span class="num">01</span>协议范围与接受方式</a></li>
        <li><a href="#clause-02" data-section-link><span class="num">02</span>数据口径与时效</a></li>
        <li><a href="#clause-03" data-section-link><span class="num">03</span>误差与更正机制</a></li>
        <li><a href="#clause-04" data-section-link><span class="num">04</span>转载与引用要求</a></li>
        <li><a href="#clause-05" data-section-link><span class="num">05</span>外部链接与服务可用性</a></li>
        <li><a href="#clause-06" data-section-link><span class="num">06</span>责任限制</a></li>
        <li><a href="#clause-07" data-section-link><span class="num">07</span>协议更新方式</a></li>
        <li><a href="#clause-08" data-section-link><span class="num">08</span>联系方式与备案信息</a></li>
      </ol>
    </nav>

    <div class="dc-doc">

      <section class="dc-clause" id="clause-01" data-section data-reveal>
        <div class="dc-clause__no"><span class="num">01</span></div>
        <div class="dc-clause__main">
          <h2>协议范围与接受方式</h2>
          <p>本协议适用于本站面向读者开放的全部页面：赛季总览、数据产品、赛季手记、使用教程、品牌与使命、联系我们，以及与站务规则相关的说明页。覆盖的内容包括各联赛逐轮积分榜、赛季奖项榜单、进失球分布对照、租借名单与按比赛日归入的比分查询条目。</p>
          <p>你在站内继续浏览、引用或反馈，视为已阅读并理解以下条款。若其中某一条与你的使用方式不符，停止使用对应内容即可；需要就条款本身提出疑问的，可以走第 08 条列出的渠道。</p>
        </div>
      </section>

      <section class="dc-clause" id="clause-02" data-section data-reveal>
        <div class="dc-clause__no"><span class="num">02</span></div>
        <div class="dc-clause__main">
          <h2>数据口径与时效</h2>
          <p>站内积分、排名与过程指标均按赛季完场结果整理，口径为 8 月首轮至次年 5 月收官的完整赛程。五个联赛各 38 轮，累计归档 380 场常规轮次比赛；每场记录 18 项过程指标，包含补时时长、角球数、射正、控球、犯规、越位、预期进球与传球成功率等。进失球分布对照按 15 分钟切成 8 段，从 0–15 一直到 90+。</p>
          <p>更新节奏为比赛日按场次滚动更新，完场后 30 分钟内完成指标归档，每轮结束后发布轮次摘要。积分榜按该联赛 18 至 20 支球队折叠展开，名次、积分、场次与趋势条同时呈现。比分查询条目按比赛日归入，尚未走完的场次不写入积分榜，避免中途状态与最终口径混排。</p>
        </div>
      </section>

      <section class="dc-clause" id="clause-03" data-section data-reveal>
        <div class="dc-clause__no"><span class="num">03</span></div>
        <div class="dc-clause__main">
          <h2>误差与更正机制</h2>
          <p>归档采用录入、复核、发布三级校核，指标复核抽查比例不低于 20%。即便如此，录入偏差或口径理解差异仍可能出现，站方不对“绝对无误”作出担保。</p>
          <p>如果你发现名次、积分、补时时长、角球数或分布区间与自己的核对结果不一致，请把联赛、轮次、场次与具体字段一并发送到客服邮箱。核验分两种情况处理：属于站内偏差的，在对应轮次条目内更正并标注修订说明；属于口径差异的，在该页写明两种算法的区别，不覆盖原有数字。更正后的条目会保留修订痕迹，便于前后对照。</p>
        </div>
      </section>

      <aside class="dc-summary" data-reveal aria-label="三条最常被问到的口径">
        <p class="dc-summary__title">摘要条 · 三条最常被问到的口径</p>
        <ul class="dc-summary__list">
          <li>
            <span class="dc-summary__k">更新节奏</span>
            <span class="dc-summary__v">比赛日按场次滚动更新，完场后 <span class="num">30</span> 分钟内完成指标归档，每轮结束后发布轮次摘要。</span>
          </li>
          <li>
            <span class="dc-summary__k">校核方式</span>
            <span class="dc-summary__v">录入、复核、发布三级流程，指标复核抽查比例不低于 <span class="num">20%</span>，偏差核实后在对应轮次标注修订。</span>
          </li>
          <li>
            <span class="dc-summary__k">使用边界</span>
            <span class="dc-summary__v">站内数据只用于阅读与对照，不提供投注、赔率、赛果预测，也不参与交易撮合。</span>
          </li>
        </ul>
      </aside>

      <section class="dc-clause" id="clause-04" data-section data-reveal>
        <div class="dc-clause__no"><span class="num">04</span></div>
        <div class="dc-clause__main">
          <h2>转载与引用要求</h2>
          <p>积分榜、赛季奖项与进失球分布对照可以用于个人阅读、课程作业与公开发表的内容，前提是按下列方式标注来源：</p>
          <ul>
            <li>引用积分榜时保留名次、积分与轮次三列，不单独抽走某一支球队的一行；</li>
            <li>引用分布对照时保留口径说明，例如 8 段 15 分钟区间的切分方式；</li>
            <li>在正文中写明来源为米兰体育在线，并给出对应页面路径；</li>
            <li>不把站内数字改写成投注参考、赔率对照或赛果预测类内容；</li>
            <li>整站转载、批量导出与商业用途，请先通过客服邮箱说明用途，由站务团队确认后再进行。</li>
          </ul>
          <p>租借名单每条记录含原属俱乐部、租入俱乐部、租期阶段、出场、进球与召回条款六个字段，引用时请保留字段名，避免只留下数字造成误读。</p>
        </div>
      </section>

      <section class="dc-clause" id="clause-05" data-section data-reveal>
        <div class="dc-clause__no"><span class="num">05</span></div>
        <div class="dc-clause__main">
          <h2>外部链接与服务可用性</h2>
          <p>站内少量说明性文字会指向站外页面，用于补充口径或背景。这些页面由第三方维护，其内容、可访问性与后续变动都不在站方控制范围内，站方不对其准确性负责，也不以任何形式通过外链提供交易、撮合或付费入口。</p>
          <p>归档更新与校对需要占用维护窗口，此期间部分页面可能短时打不开；赛季收官的集中核对阶段，个别轮次摘要也可能晚一点出现。在维护窗口内遇到的空白或加载失败属于正常的服务调整现象，稍后重试即可。</p>
        </div>
      </section>

      <section class="dc-clause" id="clause-06" data-section data-reveal>
        <div class="dc-clause__no"><span class="num">06</span></div>
        <div class="dc-clause__main">
          <h2>责任限制</h2>
          <p>站内内容只提供赛季归档与对照之用，不构成投注参考、投资建议、收益承诺或任何形式的专业意见。本站不提供投注、赔率与赛果预测，也不参与任何形式的交易撮合。</p>
          <p>站方不对数据的绝对无误作出担保；出现偏差时，按第 03 条说明的流程核验与更正。因使用或无法使用站内内容产生的间接损失、数据丢失，或第三方页面带来的结果，站方不承担赔偿责任。读者依据本站数字做出的任何决定，由读者自行负责。</p>
        </div>
      </section>

      <section class="dc-clause" id="clause-07" data-section data-reveal>
        <div class="dc-clause__no"><span class="num">07</span></div>
        <div class="dc-clause__main">
          <h2>协议更新方式</h2>
          <p>本页条款按顺序编号发布，现行版本适用于当前发布之后的查阅行为。调整时会在本页更新内容，并附一份修订记录，逐条列出被改动的条款编号与调整方向，方便按旧编号查找的读者对应到新位置。</p>
          <ul>
            <li>涉及数据口径、更正流程与责任边界的调整，会在品牌与使命、使用教程两个栏目同步说明；</li>
            <li>修订记录保留条款编号的前后对应关系，不删除已发布的编号；</li>
            <li>条款之间出现表述冲突时，以本页当前版本为准。</li>
          </ul>
        </div>
      </section>

      <section class="dc-clause" id="clause-08" data-section data-reveal>
        <div class="dc-clause__no"><span class="num">08</span></div>
        <div class="dc-clause__main">
          <h2>联系方式与备案信息</h2>
          <p>关于协议内容、数据口径或更正进度的疑问，可以用下列渠道提出。该邮箱为站点客服邮箱，受理积分榜数据、赛季奖项与实时比分查询相关反馈，协议疑问走同一入口。</p>
          <ul class="dc-contact">
            <li>
              <span class="dc-contact__k">客服邮箱</span>
              <span class="dc-contact__v">email@milanclub-sports.com.cn</span>
            </li>
            <li>
              <span class="dc-contact__k">联系电话</span>
              <span class="dc-contact__v"><span class="num">18555061276</span></span>
            </li>
            <li>
              <span class="dc-contact__k">通信地址</span>
              <span class="dc-contact__v">内蒙古省呼和浩特市新城区成吉思汗大街28号</span>
            </li>
            <li>
              <span class="dc-contact__k">备案信息</span>
              <span class="dc-contact__v">蒙ICP备40115100号-1</span>
            </li>
          </ul>
          <p>站务团队共 <span class="num">18</span> 人，其中读者支持 <span class="num">3</span> 人，反馈邮件平均两个工作日内回复。以上信息仅用于本站客服联系，不用于其他用途。</p>
        </div>
      </section>

    </div>

    <aside class="dc-rulebar" data-reveal>
      <p class="dc-rulebar__t">站务规则连着读</p>
      <ul class="dc-rulebar__list">
        <li><a href="/mission/">品牌与使命 · 数据由谁整理、经过哪几道校核</a></li>
        <li><a href="/data-privacy/">数据与隐私 · 查阅记录怎么处理、能否要求删除</a></li>
        <li><a href="/contact/">联系我们 · 反馈入口、所需信息与回复节奏</a></li>
      </ul>
    </aside>

  </div>
</main>

.page-disclaimer {
  --dc-num-w: 74px;
  --dc-rule: rgba(42, 33, 28, 0.14);
  background: var(--paper);
  color: var(--ink-soft);
  padding-bottom: 64px;
}

.page-disclaimer .crumbs {
  margin: 22px 0 16px;
}

/* ---------- 首屏框景 ---------- */
.page-disclaimer .dc-hero {
  position: relative;
  margin-top: 6px;
  padding: 26px 20px 0;
  border: 1px solid var(--edge);
  background: var(--paper-lift);
  box-shadow: var(--shadow-panel);
}

.page-disclaimer .dc-hero::before,
.page-disclaimer .dc-hero::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid var(--red);
  pointer-events: none;
}

.page-disclaimer .dc-hero::before {
  top: -1px;
  left: -1px;
  border-right: 0;
  border-bottom: 0;
}

.page-disclaimer .dc-hero::after {
  bottom: -1px;
  right: -1px;
  border-left: 0;
  border-top: 0;
}

.page-disclaimer h1 {
  margin: 10px 0 14px;
  font-family: var(--font-display);
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .lede {
  margin: 0;
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.78;
  color: var(--ink-soft);
}

/* ---------- 横幅图 ---------- */
.page-disclaimer .dc-banner {
  margin: 24px -20px 0;
  border-top: 1px solid var(--edge);
  background: var(--night);
}

.page-disclaimer .dc-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  opacity: 0.9;
}

.page-disclaimer .dc-banner figcaption {
  padding: 10px 20px;
  border-top: 1px dashed var(--edge);
  background: var(--paper-lift);
  font-family: var(--font-label);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--ash);
}

/* ---------- 条款索引 ---------- */
.page-disclaimer .dc-index {
  margin-top: 34px;
  padding: 16px 0 18px;
  border-top: 3px solid var(--ink);
  border-bottom: 1px solid var(--edge);
}

.page-disclaimer .dc-index__title {
  margin: 0 0 12px;
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--ash);
}

.page-disclaimer .dc-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}

.page-disclaimer .dc-index__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 5px 0;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  color: var(--ink-soft);
  border-bottom: 1px solid transparent;
  transition: color 160ms linear, border-color 160ms linear;
}

.page-disclaimer .dc-index__list a:hover,
.page-disclaimer .dc-index__list a:focus-visible {
  color: var(--red);
  border-bottom-color: var(--red);
}

.page-disclaimer .dc-index__list .num {
  flex: none;
  font-size: 12px;
  color: var(--red);
}

/* ---------- 条款正文 ---------- */
.page-disclaimer .dc-doc {
  margin-top: 26px;
}

.page-disclaimer .dc-clause {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 26px 0;
  border-bottom: 1px dashed var(--dc-rule);
}

.page-disclaimer .dc-clause__no {
  font-family: var(--font-num);
  font-size: 26px;
  line-height: 1;
  color: var(--red);
  font-variant-numeric: tabular-nums;
}

.page-disclaimer .dc-clause__main h2 {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .dc-clause__main p {
  margin: 0 0 12px;
  max-width: 72ch;
  font-size: 15px;
  line-height: 1.78;
  color: var(--ink-soft);
}

.page-disclaimer .dc-clause__main p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dc-clause__main ul {
  margin: 12px 0 14px;
  padding: 0;
  max-width: 72ch;
  list-style: none;
}

.page-disclaimer .dc-clause__main li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--ink-soft);
}

.page-disclaimer .dc-clause__main li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 2px;
  background: var(--red);
}

.page-disclaimer .dc-clause__main .num {
  color: var(--ink);
  font-size: 15px;
}

/* ---------- 摘要条 ---------- */
.page-disclaimer .dc-summary {
  position: sticky;
  top: 10px;
  z-index: 3;
  margin: 6px 0;
  padding: 18px 18px 16px;
  border: 2px solid var(--orange);
  background: var(--paper-lift);
  box-shadow: var(--shadow-note);
}

.page-disclaimer .dc-summary__title {
  margin: 0 0 14px;
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--orange);
}

.page-disclaimer .dc-summary__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.page-disclaimer .dc-summary__list > li {
  padding-left: 12px;
  border-left: 2px solid rgba(224, 102, 42, 0.35);
}

.page-disclaimer .dc-summary__k {
  display: block;
  margin-bottom: 6px;
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--orange);
}

.page-disclaimer .dc-summary__v {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink-soft);
}

.page-disclaimer .dc-summary__v .num {
  font-size: 14px;
  color: var(--ink);
}

/* ---------- 联系方式表 ---------- */
.page-disclaimer .dc-contact {
  margin: 14px 0;
  padding: 0;
  max-width: 72ch;
  list-style: none;
  border-top: 1px solid var(--dc-rule);
}

.page-disclaimer .dc-contact > li {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px dashed var(--dc-rule);
  font-size: 14px;
  line-height: 1.7;
}

.page-disclaimer .dc-contact > li::before {
  content: none;
}

.page-disclaimer .dc-contact__k {
  padding-top: 2px;
  font-family: var(--font-label);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--ash);
}

.page-disclaimer .dc-contact__v {
  color: var(--ink-soft);
  word-break: break-word;
  overflow-wrap: anywhere;
}

.page-disclaimer .dc-contact__v .num {
  font-size: 14px;
  color: var(--ink);
}

/* ---------- 规则导航条 ---------- */
.page-disclaimer .dc-rulebar {
  margin-top: 42px;
  padding: 20px 18px;
  border: 1px solid var(--edge);
  border-left: 4px solid var(--red);
  background: var(--paper-lift);
  box-shadow: var(--shadow-panel);
}

.page-disclaimer .dc-rulebar__t {
  margin: 0 0 12px;
  font-family: var(--font-label);
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--ink);
}

.page-disclaimer .dc-rulebar__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.page-disclaimer .dc-rulebar__list a {
  display: block;
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink-soft);
  text-decoration: none;
  border-bottom: 1px dashed var(--dc-rule);
}

.page-disclaimer .dc-rulebar__list a:hover,
.page-disclaimer .dc-rulebar__list a:focus-visible {
  color: var(--red);
}

/* ---------- 平板 ---------- */
@media (min-width: 640px) {
  .page-disclaimer {
    --dc-num-w: 84px;
  }

  .page-disclaimer .dc-hero {
    padding: 34px 32px 0;
  }

  .page-disclaimer .dc-banner {
    margin-left: -32px;
    margin-right: -32px;
  }

  .page-disclaimer .dc-banner figcaption {
    padding-left: 32px;
    padding-right: 32px;
  }

  .page-disclaimer h1 {
    font-size: 38px;
  }

  .page-disclaimer .lede {
    font-size: 16px;
  }

  .page-disclaimer .dc-index__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 28px;
  }

  .page-disclaimer .dc-summary {
    padding: 22px 24px 20px;
  }

  .page-disclaimer .dc-summary__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .page-disclaimer .dc-contact > li {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .page-disclaimer .dc-rulebar {
    padding: 22px 26px;
  }

  .page-disclaimer .dc-rulebar__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 24px;
  }
}

/* ---------- 桌面：悬挂条款号 ---------- */
@media (min-width: 880px) {
  .page-disclaimer h1 {
    font-size: 46px;
  }

  .page-disclaimer .dc-hero {
    padding: 42px 44px 0;
  }

  .page-disclaimer .dc-banner {
    margin-left: -44px;
    margin-right: -44px;
  }

  .page-disclaimer .dc-banner figcaption {
    padding-left: 44px;
    padding-right: 44px;
  }

  .page-disclaimer .dc-index__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-disclaimer .dc-doc {
    margin-top: 32px;
  }

  .page-disclaimer .dc-clause {
    grid-template-columns: var(--dc-num-w) minmax(0, 1fr);
    gap: 0 32px;
    padding: 36px 0 38px;
  }

  .page-disclaimer .dc-clause__no {
    padding-right: 20px;
    text-align: right;
    border-right: 1px solid var(--dc-rule);
    font-size: 30px;
  }

  .page-disclaimer .dc-clause__main h2 {
    font-size: 24px;
  }

  .page-disclaimer .dc-summary {
    margin: 10px 0;
    padding: 26px 32px 24px;
  }
}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .dc-index__list a {
    transition: none;
  }

  .page-disclaimer .dc-summary {
    position: static;
  }
}