.page-disclaimer {
  --font-serif: Georgia, "Songti SC", "Noto Serif SC", "Source Han Serif SC", serif;
  --dl-measure: 38em;
  --dl-gutter: clamp(18px, 4.5vw, 46px);
  background:
    linear-gradient(180deg, #0B2B26 0%, #0E211D 46%, #12160F 100%);
  color: var(--c-cold);
  overflow-wrap: break-word;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .dl-hero {
  position: relative;
  padding-block: clamp(30px, 5vw, 54px) clamp(38px, 5.5vw, 70px);
  border-bottom: 3px solid var(--c-gold);
  background-image:
    radial-gradient(110% 80% at 86% 4%, rgba(127, 227, 208, 0.12), transparent 62%),
    repeating-linear-gradient(114deg, rgba(201, 162, 39, 0.07) 0 1px, transparent 1px 15px);
}

.page-disclaimer .crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-dim);
}

.page-disclaimer .crumb a {
  color: var(--c-gold);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color var(--dur) var(--ease);
}

.page-disclaimer .crumb a:hover,
.page-disclaimer .crumb a:focus-visible {
  border-bottom-color: currentColor;
}

.page-disclaimer .dl-hero__inner {
  margin-top: clamp(26px, 4vw, 44px);
  max-width: 46rem;
}

.page-disclaimer .kicker {
  color: var(--c-neon);
}

.page-disclaimer .dl-hero h1 {
  margin: 14px 0 0;
  font-family: var(--font-serif);
  font-size: clamp(40px, 8.4vw, 76px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.015em;
  color: var(--c-cold);
  text-shadow: 6px 6px 0 rgba(6, 17, 15, 0.55);
}

.page-disclaimer .dl-hero__lede {
  margin: clamp(18px, 2.4vw, 26px) 0 0;
  max-width: 34em;
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.75;
  color: var(--c-dim);
}

.page-disclaimer .dl-hero__meta {
  list-style: none;
  margin: clamp(20px, 2.6vw, 30px) 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.page-disclaimer .dl-hero__meta li {
  padding-left: 16px;
  position: relative;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--c-cold);
}

.page-disclaimer .dl-hero__meta li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 2px;
  background: var(--c-brick);
}

.page-disclaimer .dl-hero__plate {
  margin: clamp(28px, 4vw, 46px) 0 0;
  border: 3px solid var(--c-gold);
  background: var(--c-ink);
  box-shadow: var(--shadow-hard);
  overflow: hidden;
}

.page-disclaimer .dl-hero__plate img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 12 / 7;
  object-fit: cover;
}

.page-disclaimer .dl-hero__plate .plate__cap {
  padding: 12px 16px;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: var(--c-dim);
  border-top: 1px solid var(--c-hair);
}

/* ---------- 主体布局 ---------- */
.page-disclaimer .dl-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(26px, 4vw, 40px);
  padding-block: clamp(34px, 5vw, 68px) clamp(50px, 7vw, 96px);
}

.page-disclaimer .dl-body {
  min-width: 0;
  max-width: var(--dl-measure);
}

/* ---------- 目录 ---------- */
.page-disclaimer .dl-toc {
  min-width: 0;
  border-top: 3px solid var(--c-gold);
  padding-top: 14px;
}

.page-disclaimer .dl-toc__title {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-gold);
}

.page-disclaimer .dl-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-disclaimer .dl-toc__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--c-dim);
  text-decoration: none;
  border-bottom: 1px solid rgba(201, 162, 39, 0.16);
  transition: color var(--dur) var(--ease), padding-left var(--dur) var(--ease);
}

.page-disclaimer .dl-toc__list a:hover,
.page-disclaimer .dl-toc__list a:focus-visible {
  color: var(--c-neon);
  padding-left: 5px;
}

.page-disclaimer .dl-toc__num {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--c-gold);
}

/* ---------- 条款主体 ---------- */
.page-disclaimer .dl-clause {
  padding-block: clamp(24px, 3.4vw, 40px);
  border-bottom: 1px solid var(--c-hair);
  scroll-margin-top: calc(var(--header-h) + 24px);
}

.page-disclaimer .dl-clause:first-child {
  padding-top: 0;
}

.page-disclaimer .dl-clause__title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  gap: 16px;
  margin: 0 0 clamp(14px, 1.8vw, 20px);
  font-family: var(--font-display);
  font-size: clamp(23px, 3.2vw, 31px);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: var(--c-cold);
}

.page-disclaimer .dl-clause__num {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-size: 0.62em;
  letter-spacing: 0.16em;
  color: var(--c-gold);
}

.page-disclaimer .dl-clause p {
  margin: 0 0 14px;
  font-size: 17px;
  line-height: 1.78;
  color: var(--c-dim);
}

.page-disclaimer .dl-clause p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dl-clause a {
  color: var(--c-neon);
  text-decoration: none;
  border-bottom: 1px solid rgba(127, 227, 208, 0.4);
  transition: border-color var(--dur) var(--ease);
}

.page-disclaimer .dl-clause a:hover,
.page-disclaimer .dl-clause a:focus-visible {
  border-bottom-color: var(--c-neon);
}

/* ---------- 接口条目 ---------- */
.page-disclaimer .dl-list {
  list-style: none;
  margin: 6px 0 18px;
  padding: 0;
}

.page-disclaimer .dl-list li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: baseline;
  padding: 13px 0;
  border-top: 1px solid rgba(201, 162, 39, 0.22);
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-dim);
}

.page-disclaimer .dl-list li:last-child {
  border-bottom: 1px solid rgba(201, 162, 39, 0.22);
}

.page-disclaimer .dl-list__num {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: var(--c-gold);
}

/* ---------- 署名格式卡 ---------- */
.page-disclaimer .dl-cite {
  margin: 20px 0 4px;
  padding: 16px 18px;
  border-left: 3px solid var(--c-gold);
  background: rgba(201, 162, 39, 0.08);
}

.page-disclaimer .dl-cite__label {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-neon);
}

.page-disclaimer .dl-cite__text {
  margin: 0;
  font-family: var(--font-num);
  font-size: 15px;
  line-height: 1.7;
  color: var(--c-cold);
  word-break: break-word;
}

/* ---------- 收尾 ---------- */
.page-disclaimer .dl-tail {
  margin: clamp(26px, 3.6vw, 40px) 0 0;
  padding-top: 18px;
  border-top: 3px solid var(--c-brick);
  font-size: 14px;
  line-height: 1.8;
  color: var(--c-dim);
}

/* ---------- 响应式 ---------- */
@media (max-width: 899px) {
  .page-disclaimer .dl-toc__list {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-width: thin;
  }

  .page-disclaimer .dl-toc__list li {
    flex: 0 0 auto;
  }

  .page-disclaimer .dl-toc__list a {
    border: 1px solid var(--c-hair);
    border-radius: var(--r-pill);
    padding: 7px 15px;
    white-space: nowrap;
  }

  .page-disclaimer .dl-toc__list a:hover,
  .page-disclaimer .dl-toc__list a:focus-visible {
    padding-left: 15px;
    border-color: var(--c-neon);
  }

  .page-disclaimer .dl-hero__plate {
    box-shadow: 6px 6px 0 rgba(6, 17, 15, 0.5);
  }
}

@media (min-width: 900px) {
  .page-disclaimer .dl-layout {
    grid-template-columns: 188px minmax(0, 760px);
    justify-content: center;
    gap: clamp(40px, 5.5vw, 84px);
  }

  .page-disclaimer .dl-toc {
    position: sticky;
    top: calc(var(--header-h) + 26px);
    align-self: start;
  }

  .page-disclaimer .dl-list li {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .dl-toc__list a,
  .page-disclaimer .crumb a,
  .page-disclaimer .dl-clause a {
    transition: none;
  }
}
<<<END>>>

等一下，我得检查一下结尾的标记。提示里说每个标记只能出现一次，而且必须是三个尖括号。这套标记是 `` 和 ``。我输出了 `<<<END>>>`，这个不在允许的标记里。我应该去掉它。让我修正一下。

另外，我还得确认一下：`--c-dim`、`--c-hair` 这些确实都在 site_kit 的 css_variables 列表里。让我核实一下：

site_kit.css_variables：`--c-brick`、`--c-cold`、`--c-dim`、`--c-gold`、`--c-hair`、`--c-ink`、`--c-neon`、`--c-paper`、`--c-stone`、`--c-teal`、`--c-terra`、`--dur`、`--ease`、`--font-body`、`--font-display`、`--font-num`、`--ghost`、`--header-h`、`--r-card`、`--r-pill`、`--shadow-hard`、`--w-page`。

好，这些我都用到了。

但是等等，我直接用了具体的十六进制值，比如 `#0B2B26`、`#0E211D`、`#12160F`、`#061110`。这些没问题，属于直接写颜色值，没编造变量。

不过第 5 条要求说“`var()` 只能引用 site_kit.css_variables 里真实存在的变量名”。我用的所有变量确实都在列表里。好。

我再检查一下全局类名——`wrap`、`crumb`、`kicker`、`plate`、`plate--banner`、`plate__cap`，这些都在 global_css_classes 里。没问题。

然后，`aspect-ratio: 12 / 7` 搭配 img 加上 width/height 属性——没问题。

还有一点，关于 `.page-disclaimer .dl-hero__plate .plate__cap` ——嗯，把 `.plate__cap` 再限定一层，应该没问题。

其实等等——`overflow-x: clip` 我去掉了。好。

`scroll-margin-top` 里的 `--header-h` 是存在的，没问题。

还有 hero 上的 `background-image`，叠了两个渐变，可以。

在 max-width 899px 的媒体查询里，`.dl-hero__plate` 用了 `box-shadow: 6px 6px 0`——没问题。

OK，我重写输出，把 `<<<END>>>` 去掉。

再确认一下：所有 `href="#..."` 都对应真实存在的 id：
- `#dl-01` 到 `#dl-05`——都在。

跨页链接有：
- `/`、`/data-privacy/`、`/help-center/`、`/connect/`——都是允许的路由。

再查一遍：“核对”有没有残留？搜一下……没发现。
“口径”——没有。
“边界”——没有。
“不代表”——没有。
“不提供”——没有。
“本页只”——没有。
“我们不做”——没有。
“可核对”——没有。
“逐条核对”——没有。
“资料性呈现”——没有。
“统一口径”——没有。
“跨页面一致”——没有。

好。

再确认一下禁用占位符：没有“示例、占位、待补充、模板、AI 生成”……

等等——我写了一行 `<span class="dl-list__num">4</span>接入前请通过联系通道说明用途与大致调用量，我们会给出字段说明与调用示例。`——“调用示例”里包含“示例”……嗯，规则 12 禁的是“示例”这个词作为占位符出现。“调用示例”是自然语言用法，但我还是改一下，稳妥点：“我们会给出字段说明与调用格式。”更好。

还有 `推荐署名格式` 那个块——没问题。

再说这个数字 `4`——它对应的是“四项”吗？不对，那只是条目标记。其实把 `30`、`2`、`4` 当成序号显得有点随意。让我重新想想：第 1 条是“30 次/分钟”，第 2 条是“2 个主键”，第 3 条……嗯。干脆用 01/02/03 吧？或者让数字本身就有意义。

让我重新组织一下：
- `30` → 每分钟请求上限
- `2` → 两个主键
- `4` → 四类返回字段

其实“返回字段包括比分、主客场拆分、关键事件时间点与标签”——那是 4 类。所以 `4` 可以对应“四类字段可在接入前确认”。让我重写：

- `<span class="dl-list__num">30</span>` 每分钟请求建议不超过三十次，超过这一频率会触发限流。
- `<span class="dl-list__num">2</span>` 赛事编号与日期均可作为主键，同一场比赛重复取回不会产生额外记录。
- `<span class="dl-list__num">4</span>` 比分、主客场拆分、关键事件时间点与标签四类字段，可在接入前一次性确认。

好，这样数字就有意义了。

至于“接入前请通过联系通道说明用途与大致调用量”——我要么把它加进去，要么单独写。加到第 4 条下面？嗯，或者把它变成第一条，数字用 `1`？不，还是算了。就把那句话作为段落加在列表后面吧。其实我之前已经有一段关于接口数据能用来做什么的话了。让我把这句话整合到那把一段里：

“接入前请通过联系通道说明用途与大致调用量，我们会给出对应的字段说明与调用格式。接口数据可以用在你自己搭建的看板、表格或社群里，也可以用于内容创作；不要把它包装成另一个数据服务对外出售，也不要把取回的结果替换掉来源署名后再次分发。”

好。

让我把最终版本定下来。

还有一点：`--c-hair` 用在列表里是 `1px solid rgba(201, 162, 39, 0.16)`——我这里用了字面量而不是变量，也行。

另外，首屏的 `.plate__cap` 底边框我用了 `var(--c-hair)`。没问题。

输出最终版。
<main id="main-content" class="page-disclaimer">

  <section class="dl-hero" aria-labelledby="dl-title">
    <div class="wrap">
      <nav class="crumb" aria-label="页面路径">
        <a href="/">赛场首页</a><span aria-hidden="true">/</span><span>使用条款</span>
      </nav>

      <div class="dl-hero__inner">
        <p class="kicker">中文专区 · 条款</p>
        <h1 id="dl-title">使用条款</h1>
        <p class="dl-hero__lede">
          写复盘、整理赛区观察，或者把一场球的赛事结果放进社群公告，你都可以直接引用球盟会赛场的内容。
          这份条款把可以怎么做、需要注意什么，一次说清楚。
        </p>
        <ul class="dl-hero__meta">
          <li>适用版本：中文专区 4.2 版</li>
          <li>覆盖范围：赛事结果、主客场拆分、标签与接口</li>
          <li>条款语言：简体中文</li>
        </ul>
      </div>

      <figure class="plate plate--banner dl-hero__plate">
        <img src="{zhanqunpic:h:700w:1200}" width="1200" height="700" alt="深色底上叠着细密的斜向线条与一枚放大的对照点">
        <figcaption class="plate__cap">每一条赛事结果在与你见面之前都完成了两路比对，并把上线时间一起带出来。</figcaption>
      </figure>
    </div>
  </section>

  <div class="wrap dl-layout">

    <aside class="dl-toc" aria-labelledby="dl-toc-title">
      <p class="dl-toc__title" id="dl-toc-title">条款目录</p>
      <nav aria-label="条款小节导航">
        <ol class="dl-toc__list">
          <li><a href="#dl-01"><span class="dl-toc__num">01</span>内容的参考属性</a></li>
          <li><a href="#dl-02"><span class="dl-toc__num">02</span>引用与转载</a></li>
          <li><a href="#dl-03"><span class="dl-toc__num">03</span>接口使用条件</a></li>
          <li><a href="#dl-04"><span class="dl-toc__num">04</span>发现错误怎么办</a></li>
          <li><a href="#dl-05"><span class="dl-toc__num">05</span>责任划分</a></li>
        </ol>
      </nav>
    </aside>

    <div class="dl-body">

      <section class="dl-clause" id="dl-01" aria-labelledby="dl-h-01">
        <h2 class="dl-clause__title" id="dl-h-01"><span class="dl-clause__num">01</span>内容的参考属性</h2>
        <p>
          终哨响起后十五分钟内，中文专区的赛事结果就会更新到位。比分、主客场拆分、关键事件时间点与标签，
          是一场比赛最基本的四项说明，你可以据此判断这场球值不值得再花两分钟细看。
        </p>
        <p>
          这些结果由公开赛事播报与自有赛事观察记录两路比对得出，每条记录都带着自己的上线时间，
          覆盖赛区已经扩展到三十八个联赛与杯赛。它的用途是阅读、复盘与二次整理，帮你更快看清比赛过程。
          部分赛事的发布方后续若有调整，我们会顺着新信息更新对应记录，原有版本保留在日期回看里，
          最近三十天的内容随时可以调出来对照。
        </p>
        <p>
          中文专区只做赛事阅读参考，不涉及任何投注相关服务，请理性看待每一场比赛。
        </p>
      </section>

      <section class="dl-clause" id="dl-02" aria-labelledby="dl-h-02">
        <h2 class="dl-clause__title" id="dl-h-02"><span class="dl-clause__num">02</span>引用与转载</h2>
        <p>
          写复盘、整理赛区观察，或者把结果贴进社群公告，都可以直接引用这里的内容。
          引用时请保留赛事名称、日期与来源署名「球盟会赛场」，让读到你内容的人能自己找回来再看一遍。
        </p>
        <p>
          改写语气、调整篇幅、做成图表，这些都没问题。把结果安到别的场次上、把主客场字段对调、
          把标签换成含义不同的说法，会让读者拿到错的信息，请在改写时避开这几类动作。
        </p>
        <p>
          批量转载整页内容，或者把这些结果重新打包成一个新站点，请先通过联系通道说明用途。
          截图分享给朋友这类小范围使用，不需要额外说明。
        </p>
        <div class="dl-cite" role="note">
          <p class="dl-cite__label">推荐署名格式</p>
          <p class="dl-cite__text">球盟会赛场《赛事名称》赛事结果，日期，中文专区。</p>
        </div>
      </section>

      <section class="dl-clause" id="dl-03" aria-labelledby="dl-h-03">
        <h2 class="dl-clause__title" id="dl-h-03"><span class="dl-clause__num">03</span>接口使用条件</h2>
        <p>
          我们提供只读数据接口，支持按赛事编号或日期批量取回赛事结果，也可以两者组合定位到单场，
          省去一场一场翻的手工活。
        </p>
        <ul class="dl-list">
          <li><span class="dl-list__num">30</span>建议每分钟发起请求不超过三十次，超过这一频率会触发限流。</li>
          <li><span class="dl-list__num">2</span>赛事编号与日期均可作为主键，同一场比赛重复取回不会产生额外记录。</li>
          <li><span class="dl-list__num">4</span>比分、主客场拆分、关键事件时间点与标签四类字段，可在接入前一次性确认。</li>
        </ul>
        <p>
          接入前请通过联系通道说明用途与大致调用量，我们会给出对应的字段说明与调用格式。
          接口数据可以用在你自己搭建的看板、表格或社群里，也可以用于内容创作；不要把它包装成另一个数据服务对外出售，
          也不要把取回的结果替换掉来源署名后再次分发。
        </p>
      </section>

      <section class="dl-clause" id="dl-04" aria-labelledby="dl-h-04">
        <h2 class="dl-clause__title" id="dl-h-04"><span class="dl-clause__num">04</span>发现错误怎么办</h2>
        <p>
          场上信息偶尔会出现不对称：发布方改了说法、某个时间点在两处写得不一样，都会让一条记录看起来不对劲。
          遇到这种情况，把赛事编号、日期和你看出的差异一起发到客服邮箱，我们会排进当天的复核队列。
        </p>
        <p>
          处理顺序是先确认赛事编号与日期是否对应，再比对原始播报与观察记录，最后决定是修订字段，
          还是在原记录上补一条说明。修订完成后，对应结果会带着新的上线时间重新呈现；如果只是补充说明，
          原文与说明会一起保留在卡片里。
        </p>
        <p>
          工作时段内，从收到反馈到给出结论通常不超过一天。涉及个人信息处理方式的疑问，
          请见<a href="/data-privacy/">数据与隐私</a>；操作层面的问题可以在<a href="/help-center/">帮助中心</a>找到答案。
        </p>
      </section>

      <section class="dl-clause" id="dl-05" aria-labelledby="dl-h-05">
        <h2 class="dl-clause__title" id="dl-h-05"><span class="dl-clause__num">05</span>责任划分</h2>
        <p>
          中文专区提供的是赛事阅读参考，帮助你更快看清一场比赛的过程。赛果解读、趋势判断与后续决定由你自己作出，
          因引用、转载或接入接口产生的判断与后果，由使用方承担。
        </p>
        <p>
          我们不对第三方在引用过程中做出的改动负责，也不对由此产生的争议承担连带责任。
          如果发现有人把这些内容用在无关用途上，欢迎通过<a href="/connect/">联系通道</a>告知，
          我们会按上面的路径处理。
        </p>
      </section>

      <p class="dl-tail">
        条款如有调整，会在中文专区同步更新版本号与生效说明。继续使用本站内容，即视为接受当前版本。
      </p>

    </div>
  </div>

</main>

.page-disclaimer {
  --font-serif: Georgia, "Songti SC", "Noto Serif SC", "Source Han Serif SC", serif;
  --dl-measure: 38em;
  background:
    linear-gradient(180deg, #0B2B26 0%, #0E211D 46%, #12160F 100%);
  color: var(--c-cold);
  overflow-wrap: break-word;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .dl-hero {
  position: relative;
  padding-block: clamp(30px, 5vw, 54px) clamp(38px, 5.5vw, 70px);
  border-bottom: 3px solid var(--c-gold);
  background-image:
    radial-gradient(110% 80% at 86% 4%, rgba(127, 227, 208, 0.12), transparent 62%),
    repeating-linear-gradient(114deg, rgba(201, 162, 39, 0.07) 0 1px, transparent 1px 15px);
}

.page-disclaimer .crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--c-dim);
}

.page-disclaimer .crumb a {
  color: var(--c-gold);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color var(--dur) var(--ease);
}

.page-disclaimer .crumb a:hover,
.page-disclaimer .crumb a:focus-visible {
  border-bottom-color: currentColor;
}

.page-disclaimer .dl-hero__inner {
  margin-top: clamp(26px, 4vw, 44px);
  max-width: 46rem;
}

.page-disclaimer .kicker {
  color: var(--c-neon);
}

.page-disclaimer .dl-hero h1 {
  margin: 14px 0 0;
  font-family: var(--font-serif);
  font-size: clamp(40px, 8.4vw, 76px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.015em;
  color: var(--c-cold);
  text-shadow: 6px 6px 0 rgba(6, 17, 15, 0.55);
}

.page-disclaimer .dl-hero__lede {
  margin: clamp(18px, 2.4vw, 26px) 0 0;
  max-width: 34em;
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.75;
  color: var(--c-dim);
}

.page-disclaimer .dl-hero__meta {
  list-style: none;
  margin: clamp(20px, 2.6vw, 30px) 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.page-disclaimer .dl-hero__meta li {
  position: relative;
  padding-left: 16px;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--c-cold);
}

.page-disclaimer .dl-hero__meta li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 2px;
  background: var(--c-brick);
}

.page-disclaimer .dl-hero__plate {
  margin: clamp(28px, 4vw, 46px) 0 0;
  border: 3px solid var(--c-gold);
  background: var(--c-ink);
  box-shadow: var(--shadow-hard);
  overflow: hidden;
}

.page-disclaimer .dl-hero__plate img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 12 / 7;
  object-fit: cover;
}

.page-disclaimer .dl-hero__plate .plate__cap {
  padding: 12px 16px;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: var(--c-dim);
  border-top: 1px solid var(--c-hair);
}

/* ---------- 主体布局 ---------- */
.page-disclaimer .dl-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(26px, 4vw, 40px);
  padding-block: clamp(34px, 5vw, 68px) clamp(50px, 7vw, 96px);
}

.page-disclaimer .dl-body {
  min-width: 0;
  max-width: var(--dl-measure);
}

/* ---------- 目录 ---------- */
.page-disclaimer .dl-toc {
  min-width: 0;
  border-top: 3px solid var(--c-gold);
  padding-top: 14px;
}

.page-disclaimer .dl-toc__title {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-gold);
}

.page-disclaimer .dl-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-disclaimer .dl-toc__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--c-dim);
  text-decoration: none;
  border-bottom: 1px solid rgba(201, 162, 39, 0.16);
  transition: color var(--dur) var(--ease), padding-left var(--dur) var(--ease);
}

.page-disclaimer .dl-toc__list a:hover,
.page-disclaimer .dl-toc__list a:focus-visible {
  color: var(--c-neon);
  padding-left: 5px;
}

.page-disclaimer .dl-toc__num {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--c-gold);
}

/* ---------- 条款主体 ---------- */
.page-disclaimer .dl-clause {
  padding-block: clamp(24px, 3.4vw, 40px);
  border-bottom: 1px solid var(--c-hair);
  scroll-margin-top: calc(var(--header-h) + 24px);
}

.page-disclaimer .dl-clause:first-child {
  padding-top: 0;
}

.page-disclaimer .dl-clause__title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  gap: 16px;
  margin: 0 0 clamp(14px, 1.8vw, 20px);
  font-family: var(--font-display);
  font-size: clamp(23px, 3.2vw, 31px);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: var(--c-cold);
}

.page-disclaimer .dl-clause__num {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-size: 0.62em;
  letter-spacing: 0.16em;
  color: var(--c-gold);
}

.page-disclaimer .dl-clause p {
  margin: 0 0 14px;
  font-size: 17px;
  line-height: 1.78;
  color: var(--c-dim);
}

.page-disclaimer .dl-clause p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dl-clause a {
  color: var(--c-neon);
  text-decoration: none;
  border-bottom: 1px solid rgba(127, 227, 208, 0.4);
  transition: border-color var(--dur) var(--ease);
}

.page-disclaimer .dl-clause a:hover,
.page-disclaimer .dl-clause a:focus-visible {
  border-bottom-color: var(--c-neon);
}

/* ---------- 接口条目 ---------- */
.page-disclaimer .dl-list {
  list-style: none;
  margin: 6px 0 18px;
  padding: 0;
}

.page-disclaimer .dl-list li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: baseline;
  padding: 13px 0;
  border-top: 1px solid rgba(201, 162, 39, 0.22);
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-dim);
}

.page-disclaimer .dl-list li:last-child {
  border-bottom: 1px solid rgba(201, 162, 39, 0.22);
}

.page-disclaimer .dl-list__num {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: var(--c-gold);
}

/* ---------- 署名格式卡 ---------- */
.page-disclaimer .dl-cite {
  margin: 20px 0 4px;
  padding: 16px 18px;
  border-left: 3px solid var(--c-gold);
  background: rgba(201, 162, 39, 0.08);
}

.page-disclaimer .dl-cite__label {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-neon);
}

.page-disclaimer .dl-cite__text {
  margin: 0;
  font-family: var(--font-num);
  font-size: 15px;
  line-height: 1.7;
  color: var(--c-cold);
  word-break: break-word;
}

/* ---------- 收尾 ---------- */
.page-disclaimer .dl-tail {
  margin: clamp(26px, 3.6vw, 40px) 0 0;
  padding-top: 18px;
  border-top: 3px solid var(--c-brick);
  font-size: 14px;
  line-height: 1.8;
  color: var(--c-dim);
}

/* ---------- 响应式 ---------- */
@media (max-width: 899px) {
  .page-disclaimer .dl-toc__list {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-width: thin;
  }

  .page-disclaimer .dl-toc__list li {
    flex: 0 0 auto;
  }

  .page-disclaimer .dl-toc__list a {
    border: 1px solid var(--c-hair);
    border-radius: var(--r-pill);
    padding: 7px 15px;
    white-space: nowrap;
  }

  .page-disclaimer .dl-toc__list a:hover,
  .page-disclaimer .dl-toc__list a:focus-visible {
    padding-left: 15px;
    border-color: var(--c-neon);
  }

  .page-disclaimer .dl-hero__plate {
    box-shadow: 6px 6px 0 rgba(6, 17, 15, 0.5);
  }
}

@media (min-width: 900px) {
  .page-disclaimer .dl-layout {
    grid-template-columns: 188px minmax(0, 760px);
    justify-content: center;
    gap: clamp(40px, 5.5vw, 84px);
  }

  .page-disclaimer .dl-toc {
    position: sticky;
    top: calc(var(--header-h) + 26px);
    align-self: start;
  }

  .page-disclaimer .dl-list li {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .dl-toc__list a,
  .page-disclaimer .crumb a,
  .page-disclaimer .dl-clause a {
    transition: none;
  }
}