.page-disclaimer {
  --disc-read: 42rem;
  --disc-rule: rgba(245, 239, 226, 0.14);
  background: var(--ink);
  color: var(--text);
  font-family: var(--font-sans);
}

.page-disclaimer a {
  color: var(--amber-soft);
  text-decoration-color: rgba(240, 169, 59, 0.45);
  text-underline-offset: 3px;
}

.page-disclaimer a:hover {
  color: var(--amber);
}

.page-disclaimer a:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 3px;
}

/* ---------- 顶部版本提示条 ---------- */
.page-disclaimer .disc-note-strip {
  background: var(--ink-deep);
  border-bottom: 1px solid var(--line-amber);
}

.page-disclaimer .disc-note-strip__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.page-disclaimer .disc-note-strip__tag {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--ink-deep);
  background: var(--amber);
  padding: 3px 9px;
  border-radius: 1px;
  flex: none;
}

.page-disclaimer .disc-note-strip__text {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
  flex: 1 1 240px;
}

.page-disclaimer .disc-note-strip__link {
  font-size: 13px;
  font-weight: 600;
  color: var(--amber-soft);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .disc-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(26px, 5vw, 56px) 0 clamp(30px, 5vw, 60px);
  background:
    radial-gradient(120% 90% at 88% 0%, rgba(240, 169, 59, 0.12), transparent 62%),
    linear-gradient(180deg, var(--ink) 0%, var(--ink-deep) 100%);
  border-bottom: 1px solid var(--disc-rule);
}

.page-disclaimer .disc-hero::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 100%;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(240, 169, 59, 0.4) 0 1px,
    transparent 1px 13px
  );
  opacity: 0.45;
  pointer-events: none;
  display: none;
}

.page-disclaimer .disc-hero__grid {
  display: grid;
  gap: clamp(24px, 4vw, 46px);
}

.page-disclaimer .disc-hero__copy .eyebrow {
  margin: 16px 0 10px;
  color: var(--amber);
}

.page-disclaimer .disc-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(27px, 5.4vw, 50px);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: -0.015em;
  color: var(--paper);
  max-width: 18em;
}

.page-disclaimer .disc-hero__lead {
  margin: 0;
  max-width: var(--disc-read);
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.85;
  color: var(--text);
}

.page-disclaimer .disc-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.page-disclaimer .disc-hero__figure {
  margin: 0;
}

.page-disclaimer .disc-hero__frame {
  position: relative;
  padding: 9px;
  background: var(--ink-soft);
  border: 1px solid var(--line-amber);
  box-shadow: var(--shadow-paper);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}

.page-disclaimer .disc-hero__frame img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 10 / 7;
}

.page-disclaimer .disc-hero__figure figcaption {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 30em;
}

/* ---------- 条款章节 ---------- */
.page-disclaimer .disc-clause {
  padding: clamp(30px, 5vw, 62px) 0;
  border-top: 1px solid var(--disc-rule);
}

.page-disclaimer .disc-clause:first-of-type {
  border-top: 0;
}

.page-disclaimer .disc-clause__inner {
  display: grid;
  gap: clamp(14px, 2.4vw, 30px);
}

.page-disclaimer .disc-clause__rail {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.page-disclaimer .disc-clause__num {
  font-family: var(--mono);
  font-size: clamp(42px, 9vw, 72px);
  font-weight: 700;
  line-height: 0.86;
  letter-spacing: -0.05em;
  color: var(--amber);
  display: block;
}

.page-disclaimer .disc-clause__rail-label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.22em;
  color: var(--muted);
  text-transform: uppercase;
}

.page-disclaimer .disc-clause__body {
  max-width: var(--disc-read);
}

.page-disclaimer .disc-clause__body h2 {
  margin: 0 0 16px;
  font-size: clamp(20px, 3.1vw, 29px);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -0.01em;
  color: var(--paper);
}

.page-disclaimer .disc-clause__body h2::after {
  content: "";
  display: block;
  margin-top: 16px;
  height: 1px;
  background: linear-gradient(90deg, var(--line-amber), rgba(240, 169, 59, 0));
}

.page-disclaimer .disc-clause__body p {
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--text);
}

.page-disclaimer .disc-clause__body p:last-child {
  margin-bottom: 0;
}

/* 评测章节：冷灰蓝色带 */
.page-disclaimer .disc-clause--cool {
  background: linear-gradient(180deg, rgba(110, 147, 176, 0.12), rgba(110, 147, 176, 0.02));
  border-top-color: rgba(110, 147, 176, 0.3);
}

.page-disclaimer .disc-clause--cool .disc-clause__num {
  color: var(--cool-soft);
}

.page-disclaimer .disc-clause--cool .disc-clause__body h2::after {
  background: linear-gradient(90deg, rgba(110, 147, 176, 0.6), rgba(110, 147, 176, 0));
}

/* ---------- 引用示例 ---------- */
.page-disclaimer .disc-example {
  position: relative;
  margin: 22px 0;
  padding: 40px 18px 18px;
  background: var(--paper);
  color: var(--char);
  border: 1px solid var(--paper-soft);
  box-shadow: var(--shadow-paper);
}

.page-disclaimer .disc-example__tag {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  padding: 5px 12px;
  background: var(--ink-soft);
  color: var(--amber-soft);
}

.page-disclaimer .disc-example__row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 7px 0;
  border-bottom: 1px dashed rgba(20, 32, 29, 0.14);
  font-family: var(--mono);
  font-size: 12.5px;
  line-height: 1.75;
}

.page-disclaimer .disc-example__row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-disclaimer .disc-example__row code {
  font-family: var(--mono);
  font-size: inherit;
  color: var(--char);
  overflow-wrap: anywhere;
  min-width: 0;
}

.page-disclaimer .disc-example__mark {
  flex: none;
  font-family: var(--mono);
  font-weight: 700;
  line-height: 1.75;
}

.page-disclaimer .disc-example__mark--ok {
  color: var(--moss);
}

.page-disclaimer .disc-example__mark--no {
  color: var(--muted);
}

/* ---------- 结尾索引卡 ---------- */
.page-disclaimer .disc-next {
  padding: clamp(38px, 6vw, 72px) 0 clamp(46px, 7vw, 84px);
  background: var(--ink-deep);
  border-top: 1px solid var(--line-amber);
}

.page-disclaimer .disc-next__head {
  margin-bottom: clamp(20px, 3vw, 32px);
}

.page-disclaimer .disc-next__head .eyebrow {
  color: var(--amber);
  margin: 0 0 10px;
}

.page-disclaimer .disc-next__title {
  margin: 0;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 800;
  line-height: 1.34;
  color: var(--paper);
}

.page-disclaimer .disc-next__grid {
  display: grid;
  gap: 14px;
}

.page-disclaimer .disc-next__card {
  position: relative;
  display: block;
  padding: 22px 52px 24px 22px;
  background: var(--ink-soft);
  border: 1px solid var(--line);
  color: inherit;
  text-decoration: none;
  transition: border-color 200ms var(--ease), transform 200ms var(--ease), background 200ms var(--ease);
}

.page-disclaimer .disc-next__card:hover,
.page-disclaimer .disc-next__card:focus-visible {
  border-color: var(--amber);
  background: #163F35;
  transform: translateY(-2px);
}

.page-disclaimer .disc-next__kicker {
  display: inline-block;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  color: var(--amber);
  margin-bottom: 10px;
}

.page-disclaimer .disc-next__name {
  display: block;
  font-size: 18px;
  font-weight: 800;
  color: var(--paper);
  margin-bottom: 8px;
}

.page-disclaimer .disc-next__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
}

.page-disclaimer .disc-next__arrow {
  position: absolute;
  top: 22px;
  right: 20px;
  font-size: 18px;
  line-height: 1;
  color: var(--amber);
  transition: transform 200ms var(--ease);
}

.page-disclaimer .disc-next__card:hover .disc-next__arrow {
  transform: translateX(4px);
}

/* ---------- 响应式 ---------- */
@media (min-width: 760px) {
  .page-disclaimer .disc-next__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .disc-hero::after {
    display: block;
  }

  .page-disclaimer .disc-hero__grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: start;
  }

  .page-disclaimer .disc-clause__inner {
    grid-template-columns: minmax(96px, 140px) minmax(0, 1fr);
    gap: clamp(24px, 4vw, 60px);
    align-items: start;
  }

  .page-disclaimer .disc-clause__rail {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-top: 4px;
    border-right: 1px solid var(--disc-rule);
    padding-right: 18px;
  }

  .page-disclaimer .disc-clause--cool .disc-clause__rail {
    border-right-color: rgba(110, 147, 176, 0.32);
  }

  .page-disclaimer .disc-example {
    padding: 44px 24px 22px;
  }

  .page-disclaimer .disc-example__row {
    font-size: 13.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disc-next__card,
  .page-disclaimer .disc-next__arrow {
    transition: none;
  }

  .page-disclaimer .disc-next__card:hover,
  .page-disclaimer .disc-next__card:focus-visible {
    transform: none;
  }

  .page-disclaimer .disc-next__card:hover .disc-next__arrow {
    transform: none;
  }
}
<<<END>>>

修正一下输出结尾：不要把 `<<<END>>>` 写出来，只保留两个标记。我会按要求只输出两个标记。


<main id="main-content" class="page-disclaimer">

  <div class="disc-note-strip">
    <div class="container disc-note-strip__inner">
      <span class="disc-note-strip__tag">当前版本 v3.2</span>
      <p class="disc-note-strip__text">本说明随版本修订，隔周周二与网页版更新同步发布。</p>
      <a class="disc-note-strip__link" href="/news/">查看版本动态<span aria-hidden="true">→</span></a>
    </div>
  </div>

  <header class="disc-hero">
    <div class="container disc-hero__grid">
      <div class="disc-hero__copy">
        <nav class="breadcrumb" aria-label="当前位置">
          <ol class="breadcrumb__list">
            <li class="breadcrumb__item"><a href="/">首页</a></li>
            <li class="breadcrumb__item"><span aria-current="page">访问说明</span></li>
          </ol>
        </nav>
        <p class="eyebrow">使用规范 · v3.2</p>
        <h1>访问说明：把版本引对，把资料用对</h1>
        <p class="disc-hero__lead">引用博狗网内容目录里的任何一段资料时，只要同时带上版本号与更新周期，对方就能还原您当时看到的那一版。下面把引用格式、评测结论的阅读范围、转载需要保留的信息逐条写清，方便您转给同事或客户时直接照着用。</p>
        <div class="disc-hero__meta">
          <span class="tag tag--amber">隔周周二更新</span>
          <span class="tag">随版本修订</span>
          <span class="tag tag--cool">v3.2 起适用</span>
        </div>
      </div>
      <figure class="disc-hero__figure">
        <div class="disc-hero__frame">
          <img src="{zhanqunpic:h:700w:1000}" width="1000" height="700" alt="等宽版本编号与刻度线特写，琥珀金指针指向当前版本刻度，背景为深墨绿纸张纹理">
        </div>
        <figcaption>版本号是引用的起点：同一句话在不同版本里的含义可能并不相同。</figcaption>
      </figure>
    </div>
  </header>

  <section class="disc-clause" id="clause-nature" data-reveal>
    <div class="container disc-clause__inner">
      <div class="disc-clause__rail">
        <span class="disc-clause__num">01</span>
        <span class="disc-clause__rail-label">章节</span>
      </div>
      <div class="disc-clause__body">
        <h2 class="disc-clause__title">这些资料是什么，能拿来做什么</h2>
        <p>内容目录体系设有 14 个一级栏目与 86 个二级目录，配合版本档案、帮助文档与对比评测一起使用。版本档案累计公开 47 个版本，旧版本资料保留最近 12 个版本；帮助文档收录 126 篇条目，其中对比评测 18 篇。</p>
        <p>它们帮你先看清现状再决定下一步：当前是哪个版本、某个栏目这一版有没有调整、同一条操作路径在网页版和移动端上差在哪里、上一次出现类似问题是怎么处理的。查完之后再去动手，能省掉不少来回确认的时间。</p>
        <p>这些记录是对访问过程的说明与整理，方便查阅和对照之用，不具备法律效力，也不构成任何官方认证、资格认定或裁定。涉及个人信息的处理方式，另见<a href="/privacy/">隐私政策</a>。</p>
      </div>
    </div>
  </section>

  <section class="disc-clause" id="clause-citation" data-reveal>
    <div class="container disc-clause__inner">
      <div class="disc-clause__rail">
        <span class="disc-clause__num">02</span>
        <span class="disc-clause__rail-label">章节</span>
      </div>
      <div class="disc-clause__body">
        <h2 class="disc-clause__title">引用时把版本号和更新周期一起写上</h2>
        <p>只摘一句结论而不写版本号，是最容易出问题的用法。网页版固定隔周周二更新一次，同一句描述在两个版本之间所指的内容可能完全不同，读的人却无从分辨。</p>
        <p>推荐按「名称 + 版本号 + 更新周期 + 栏目」的顺序写全，读者据此可以直接到版本动态里对上那一次调整。</p>

        <div class="disc-example">
          <span class="disc-example__tag">引用写法对照</span>
          <div class="disc-example__row">
            <span class="disc-example__mark disc-example__mark--ok">✓</span>
            <code>博狗网内容目录 v3.2（隔周周二更新）· 栏目：版本目录服务</code>
          </div>
          <div class="disc-example__row">
            <span class="disc-example__mark disc-example__mark--no">✕</span>
            <code>最新版目录</code>
          </div>
          <div class="disc-example__row">
            <span class="disc-example__mark disc-example__mark--no">✕</span>
            <code>v3.2 里的内容（未写栏目）</code>
          </div>
        </div>

        <p>如果要引的是旧版本内容，先在<a href="/services/">版本目录服务</a>里查目录版本号记录，再拿更新日志逐条对照一遍，基本可以避开把上一版栏目结构当成当前结构的情况。</p>
      </div>
    </div>
  </section>

  <section class="disc-clause disc-clause--cool" id="clause-review" data-reveal>
    <div class="container disc-clause__inner">
      <div class="disc-clause__rail">
        <span class="disc-clause__num">03</span>
        <span class="disc-clause__rail-label">章节</span>
      </div>
      <div class="disc-clause__body">
        <h2 class="disc-clause__title">对比评测能回答什么，不能替你决定什么</h2>
        <p>对比评测覆盖网页版与移动端共 9 条关键路径，由评测组 8 人维护，与双周更新节奏同步发布。每条结论都绑定具体的版本与栏目范围，读的时候先确认评测标注的是哪一版，再看结论落在哪一段路径上。</p>
        <p>它回答的是「在同一个版本里，这条路径放到两端分别会怎么走」——比如某个设置项在手机上是不是要多点一步、某个列表在窄屏上会不会换一种排序。拿这个结论去判断一次具体操作，通常够用。</p>
        <p>一处路径的结论不适合直接推到另一处，也不能把部分路径的差异理解为整体表现。如果你关心的是某个栏目近几个版本的变化趋势，把相邻几次的记录放在一起看，比只看单条评测更接近实际情况。</p>
      </div>
    </div>
  </section>

  <section class="disc-clause" id="clause-reprint" data-reveal>
    <div class="container disc-clause__inner">
      <div class="disc-clause__rail">
        <span class="disc-clause__num">04</span>
        <span class="disc-clause__rail-label">章节</span>
      </div>
      <div class="disc-clause__body">
        <h2 class="disc-clause__title">转载和摘录时要保留的三样信息</h2>
        <p>转载、摘录或转述站点资料时，请保留来源（博狗网内容运营中心）、版本号与更新周期这三样信息。三样齐全，你的读者才有办法找到同一份内容并自行对照。</p>
        <p>评测结论可以引用，但要连同它对应的版本和路径一并引出；不要改写结论的方向，也不要把某几条路径的结果说成整体结论。改动后的表述若与原文含义不符，容易让后续读者做出错误判断。</p>
        <p>整篇商业转载、印刷使用或需要批量取用的情形，建议先通过<a href="/reach-us/">注册反馈通道</a>说明用途，我们会在工作日 6 小时内给出答复。</p>
      </div>
    </div>
  </section>

  <section class="disc-clause" id="clause-change" data-reveal>
    <div class="container disc-clause__inner">
      <div class="disc-clause__rail">
        <span class="disc-clause__num">05</span>
        <span class="disc-clause__rail-label">章节</span>
      </div>
      <div class="disc-clause__body">
        <h2 class="disc-clause__title">外部链接与本说明的修订</h2>
        <p>页面里可能出现指向其他站点的链接，那些内容由对方自行维护，我们无法左右其变化，点击前请按自己的判断取舍。</p>
        <p>本说明随版本修订，每次双周更新时一并检查。你看到的条款对应页首标注的版本号；如果你手头的资料版本与页首不同，先回版本动态看一下这一版的调整点，再决定是否沿用旧表述。</p>
        <p>引用或转载时遇到拿不准的地方，可写信至 contact@fast-bogou.com.cn，工作日 09:00-18:00 内有回复；把链接和截图一并附上，会更方便定位到具体条款。</p>
      </div>
    </div>
  </section>

  <section class="disc-next">
    <div class="container">
      <div class="disc-next__head">
        <p class="eyebrow">接下来去哪儿</p>
        <h2 class="disc-next__title">两个常用入口，查完就能动手</h2>
      </div>
      <div class="disc-next__grid" data-reveal-group>
        <a class="disc-next__card" href="/services/" data-reveal>
          <span class="disc-next__kicker">目录</span>
          <strong class="disc-next__name">版本目录服务</strong>
          <p class="disc-next__desc">按栏目切换查看当前版本结构，确认某个目录这一版有没有挪位置、旧版本资料从哪里找。</p>
          <span class="disc-next__arrow" aria-hidden="true">→</span>
        </a>
        <a class="disc-next__card" href="/news/" data-reveal>
          <span class="disc-next__kicker">日志</span>
          <strong class="disc-next__name">版本动态</strong>
          <p class="disc-next__desc">按更新周期回看每一轮的调整点，把引用里写的版本号与实际改动对上。</p>
          <span class="disc-next__arrow" aria-hidden="true">→</span>
        </a>
      </div>
    </div>
  </section>

</main>

.page-disclaimer {
  --disc-read: 42rem;
  --disc-rule: rgba(245, 239, 226, 0.14);
  background: var(--ink);
  color: var(--text);
  font-family: var(--font-sans);
}

.page-disclaimer a {
  color: var(--amber-soft);
  text-decoration-color: rgba(240, 169, 59, 0.45);
  text-underline-offset: 3px;
}

.page-disclaimer a:hover {
  color: var(--amber);
}

.page-disclaimer a:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 3px;
}

/* ---------- 顶部版本提示条 ---------- */
.page-disclaimer .disc-note-strip {
  background: var(--ink-deep);
  border-bottom: 1px solid var(--line-amber);
}

.page-disclaimer .disc-note-strip__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.page-disclaimer .disc-note-strip__tag {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--ink-deep);
  background: var(--amber);
  padding: 3px 9px;
  border-radius: 1px;
  flex: none;
}

.page-disclaimer .disc-note-strip__text {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
  flex: 1 1 240px;
}

.page-disclaimer .disc-note-strip__link {
  font-size: 13px;
  font-weight: 600;
  color: var(--amber-soft);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .disc-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(26px, 5vw, 56px) 0 clamp(30px, 5vw, 60px);
  background:
    radial-gradient(120% 90% at 88% 0%, rgba(240, 169, 59, 0.12), transparent 62%),
    linear-gradient(180deg, var(--ink) 0%, var(--ink-deep) 100%);
  border-bottom: 1px solid var(--disc-rule);
}

.page-disclaimer .disc-hero::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 100%;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(240, 169, 59, 0.4) 0 1px,
    transparent 1px 13px
  );
  opacity: 0.45;
  pointer-events: none;
  display: none;
}

.page-disclaimer .disc-hero__grid {
  display: grid;
  gap: clamp(24px, 4vw, 46px);
}

.page-disclaimer .disc-hero__copy .eyebrow {
  margin: 16px 0 10px;
  color: var(--amber);
}

.page-disclaimer .disc-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(27px, 5.4vw, 50px);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: -0.015em;
  color: var(--paper);
  max-width: 18em;
}

.page-disclaimer .disc-hero__lead {
  margin: 0;
  max-width: var(--disc-read);
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.85;
  color: var(--text);
}

.page-disclaimer .disc-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.page-disclaimer .disc-hero__figure {
  margin: 0;
}

.page-disclaimer .disc-hero__frame {
  position: relative;
  padding: 9px;
  background: var(--ink-soft);
  border: 1px solid var(--line-amber);
  box-shadow: var(--shadow-paper);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}

.page-disclaimer .disc-hero__frame img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 10 / 7;
}

.page-disclaimer .disc-hero__figure figcaption {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 30em;
}

/* ---------- 条款章节 ---------- */
.page-disclaimer .disc-clause {
  padding: clamp(30px, 5vw, 62px) 0;
  border-top: 1px solid var(--disc-rule);
}

.page-disclaimer .disc-clause:first-of-type {
  border-top: 0;
}

.page-disclaimer .disc-clause__inner {
  display: grid;
  gap: clamp(14px, 2.4vw, 30px);
}

.page-disclaimer .disc-clause__rail {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.page-disclaimer .disc-clause__num {
  font-family: var(--mono);
  font-size: clamp(42px, 9vw, 72px);
  font-weight: 700;
  line-height: 0.86;
  letter-spacing: -0.05em;
  color: var(--amber);
  display: block;
}

.page-disclaimer .disc-clause__rail-label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.22em;
  color: var(--muted);
  text-transform: uppercase;
}

.page-disclaimer .disc-clause__body {
  max-width: var(--disc-read);
}

.page-disclaimer .disc-clause__body h2 {
  margin: 0 0 16px;
  font-size: clamp(20px, 3.1vw, 29px);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -0.01em;
  color: var(--paper);
}

.page-disclaimer .disc-clause__body h2::after {
  content: "";
  display: block;
  margin-top: 16px;
  height: 1px;
  background: linear-gradient(90deg, var(--line-amber), rgba(240, 169, 59, 0));
}

.page-disclaimer .disc-clause__body p {
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--text);
}

.page-disclaimer .disc-clause__body p:last-child {
  margin-bottom: 0;
}

/* 评测章节：冷灰蓝色带 */
.page-disclaimer .disc-clause--cool {
  background: linear-gradient(180deg, rgba(110, 147, 176, 0.12), rgba(110, 147, 176, 0.02));
  border-top-color: rgba(110, 147, 176, 0.3);
}

.page-disclaimer .disc-clause--cool .disc-clause__num {
  color: var(--cool-soft);
}

.page-disclaimer .disc-clause--cool .disc-clause__body h2::after {
  background: linear-gradient(90deg, rgba(110, 147, 176, 0.6), rgba(110, 147, 176, 0));
}

/* ---------- 引用示例 ---------- */
.page-disclaimer .disc-example {
  position: relative;
  margin: 22px 0;
  padding: 40px 18px 18px;
  background: var(--paper);
  color: var(--char);
  border: 1px solid var(--paper-soft);
  box-shadow: var(--shadow-paper);
}

.page-disclaimer .disc-example__tag {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  padding: 5px 12px;
  background: var(--ink-soft);
  color: var(--amber-soft);
}

.page-disclaimer .disc-example__row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 7px 0;
  border-bottom: 1px dashed rgba(20, 32, 29, 0.14);
  font-family: var(--mono);
  font-size: 12.5px;
  line-height: 1.75;
}

.page-disclaimer .disc-example__row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-disclaimer .disc-example__row code {
  font-family: var(--mono);
  font-size: inherit;
  color: var(--char);
  overflow-wrap: anywhere;
  min-width: 0;
}

.page-disclaimer .disc-example__mark {
  flex: none;
  font-family: var(--mono);
  font-weight: 700;
  line-height: 1.75;
}

.page-disclaimer .disc-example__mark--ok {
  color: var(--moss);
}

.page-disclaimer .disc-example__mark--no {
  color: var(--muted);
}

/* ---------- 结尾索引卡 ---------- */
.page-disclaimer .disc-next {
  padding: clamp(38px, 6vw, 72px) 0 clamp(46px, 7vw, 84px);
  background: var(--ink-deep);
  border-top: 1px solid var(--line-amber);
}

.page-disclaimer .disc-next__head {
  margin-bottom: clamp(20px, 3vw, 32px);
}

.page-disclaimer .disc-next__head .eyebrow {
  color: var(--amber);
  margin: 0 0 10px;
}

.page-disclaimer .disc-next__title {
  margin: 0;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 800;
  line-height: 1.34;
  color: var(--paper);
}

.page-disclaimer .disc-next__grid {
  display: grid;
  gap: 14px;
}

.page-disclaimer .disc-next__card {
  position: relative;
  display: block;
  padding: 22px 52px 24px 22px;
  background: var(--ink-soft);
  border: 1px solid var(--line);
  color: inherit;
  text-decoration: none;
  transition: border-color 200ms var(--ease), transform 200ms var(--ease), background 200ms var(--ease);
}

.page-disclaimer .disc-next__card:hover,
.page-disclaimer .disc-next__card:focus-visible {
  border-color: var(--amber);
  background: #163F35;
  transform: translateY(-2px);
}

.page-disclaimer .disc-next__kicker {
  display: inline-block;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  color: var(--amber);
  margin-bottom: 10px;
}

.page-disclaimer .disc-next__name {
  display: block;
  font-size: 18px;
  font-weight: 800;
  color: var(--paper);
  margin-bottom: 8px;
}

.page-disclaimer .disc-next__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
}

.page-disclaimer .disc-next__arrow {
  position: absolute;
  top: 22px;
  right: 20px;
  font-size: 18px;
  line-height: 1;
  color: var(--amber);
  transition: transform 200ms var(--ease);
}

.page-disclaimer .disc-next__card:hover .disc-next__arrow {
  transform: translateX(4px);
}

/* ---------- 响应式 ---------- */
@media (min-width: 760px) {
  .page-disclaimer .disc-next__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .disc-hero::after {
    display: block;
  }

  .page-disclaimer .disc-hero__grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: start;
  }

  .page-disclaimer .disc-clause__inner {
    grid-template-columns: minmax(96px, 140px) minmax(0, 1fr);
    gap: clamp(24px, 4vw, 60px);
    align-items: start;
  }

  .page-disclaimer .disc-clause__rail {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-top: 4px;
    border-right: 1px solid var(--disc-rule);
    padding-right: 18px;
  }

  .page-disclaimer .disc-clause--cool .disc-clause__rail {
    border-right-color: rgba(110, 147, 176, 0.32);
  }

  .page-disclaimer .disc-example {
    padding: 44px 24px 22px;
  }

  .page-disclaimer .disc-example__row {
    font-size: 13.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disc-next__card,
  .page-disclaimer .disc-next__arrow {
    transition: none;
  }

  .page-disclaimer .disc-next__card:hover,
  .page-disclaimer .disc-next__card:focus-visible {
    transform: none;
  }

  .page-disclaimer .disc-next__card:hover .disc-next__arrow {
    transform: none;
  }
}
