.page-disclaimer {
  position: relative;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .agreement-hero {
  position: relative;
  padding: 34px 0 52px;
  background:
    radial-gradient(118% 84% at 82% -6%, rgba(42, 10, 18, 0.92) 0%, rgba(42, 10, 18, 0) 62%),
    linear-gradient(180deg, #0b211b 0%, var(--ink-green-900) 82%);
  overflow: hidden;
}

.page-disclaimer .agreement-hero::after {
  content: "";
  position: absolute;
  top: -12%;
  right: -16%;
  width: 62%;
  height: 124%;
  background: linear-gradient(152deg, rgba(233, 185, 73, 0.14), rgba(233, 185, 73, 0) 72%);
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}

.page-disclaimer .agreement-hero .breadcrumb {
  position: relative;
  z-index: 1;
  margin-bottom: 26px;
}

.page-disclaimer .agreement-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 38px;
  align-items: end;
}

.page-disclaimer .agreement-hero__copy {
  min-width: 0;
}

.page-disclaimer .agreement-hero h1 {
  margin: 14px 0 20px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(38px, 11vw, 104px);
  line-height: 0.96;
  letter-spacing: -0.02em;
  color: var(--bone-100);
  text-wrap: balance;
}

.page-disclaimer .agreement-hero__lead {
  max-width: 54ch;
  margin: 0 0 28px;
  font-size: 16.5px;
  line-height: 1.82;
  color: var(--mist-400);
}

.page-disclaimer .agreement-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.page-disclaimer .agreement-hero__media {
  margin: 0;
  min-width: 0;
}

.page-disclaimer .agreement-hero__media .media-frame {
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  box-shadow: var(--glow-gold);
}

.page-disclaimer .agreement-hero__media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.page-disclaimer .agreement-hero__media .media-figure__caption {
  margin-top: 12px;
  font-family: var(--font-narrow);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brass-600);
}

/* ---------- 条款流 ---------- */
.page-disclaimer .agreement-clauses {
  position: relative;
  padding: 56px 0 72px;
  background: linear-gradient(180deg, var(--ink-green-900) 0%, #06150f 100%);
}

.page-disclaimer .clause-kicker {
  margin: 0;
  font-family: var(--font-narrow);
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--brass-600);
  padding-left: 14px;
  border-left: 3px solid var(--neon-gold-400);
}

.page-disclaimer .clause-list {
  list-style: none;
  margin: 34px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
  counter-reset: clause;
}

.page-disclaimer .clause {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 0 16px;
  padding: 26px 0 30px;
  border-bottom: 1px solid var(--line);
  transition: background-color 200ms var(--ease);
}

.page-disclaimer .clause:hover {
  background-color: rgba(14, 18, 32, 0.42);
}

.page-disclaimer .clause__num {
  padding-top: 3px;
  font-family: var(--font-narrow);
  font-weight: 500;
  font-size: 36px;
  line-height: 0.86;
  letter-spacing: 0.01em;
  color: var(--neon-gold-400);
}

.page-disclaimer .clause__body {
  min-width: 0;
}

.page-disclaimer .clause__title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 14px;
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.36;
  letter-spacing: -0.01em;
  color: var(--bone-100);
}

.page-disclaimer .clause__copy {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
}

.page-disclaimer .clause__body p {
  margin: 0 0 10px;
  font-size: 15.5px;
  line-height: 1.84;
  color: var(--mist-400);
}

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

/* ---------- 尾部去向 ---------- */
.page-disclaimer .agreement-tail {
  position: relative;
  padding: 64px 0 88px;
  background: var(--wine-900);
  overflow: hidden;
}

.page-disclaimer .agreement-tail::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(78% 62% at 0% 100%, rgba(55, 225, 211, 0.10), rgba(55, 225, 211, 0) 62%),
    radial-gradient(62% 58% at 100% 0%, rgba(233, 185, 73, 0.11), rgba(233, 185, 73, 0) 58%);
  pointer-events: none;
}

.page-disclaimer .agreement-tail__grid {
  position: relative;
  display: grid;
  gap: 34px;
}

.page-disclaimer .agreement-tail__col {
  min-width: 0;
}

.page-disclaimer .agreement-tail__col h2 {
  margin: 12px 0 16px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(26px, 5.6vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.015em;
  color: var(--bone-100);
}

.page-disclaimer .agreement-tail__col p {
  max-width: 46ch;
  margin: 0 0 12px;
  font-size: 15.5px;
  line-height: 1.84;
  color: var(--mist-400);
}

.page-disclaimer .agreement-tail__hint {
  padding-left: 14px;
  border-left: 3px solid var(--electric-cyan-400);
  color: var(--bone-100);
}

.page-disclaimer .agreement-tail__links {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line-strong);
}

.page-disclaimer .agreement-tail__links li {
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .agreement-tail__links a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 17px 4px;
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--bone-100);
  text-decoration: none;
  transition: color 180ms var(--ease), padding-left 180ms var(--ease);
}

.page-disclaimer .agreement-tail__links a:hover,
.page-disclaimer .agreement-tail__links a:focus-visible {
  color: var(--electric-cyan-400);
  padding-left: 12px;
}

.page-disclaimer .agreement-tail__links .mono {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--neon-gold-400);
}

/* ---------- 平板及以上 ---------- */
@media (min-width: 720px) {
  .page-disclaimer .agreement-hero {
    padding: 48px 0 68px;
  }

  .page-disclaimer .clause {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 0 24px;
    padding: 30px 0 34px;
  }

  .page-disclaimer .clause__num {
    font-size: 52px;
  }

  .page-disclaimer .clause__title {
    font-size: 22px;
  }

  .page-disclaimer .agreement-clauses {
    padding: 68px 0 84px;
  }
}

/* ---------- 桌面 ---------- */
@media (min-width: 960px) {
  .page-disclaimer .agreement-hero {
    padding: 58px 0 84px;
  }

  .page-disclaimer .agreement-hero__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    gap: 56px;
    align-items: center;
  }

  .page-disclaimer .agreement-hero__lead {
    font-size: 17px;
  }

  .page-disclaimer .clause {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 0 32px;
    padding: 34px 0 38px;
  }

  .page-disclaimer .clause__num {
    font-size: 64px;
  }

  .page-disclaimer .clause__title {
    font-size: 24px;
  }

  .page-disclaimer .clause__body p {
    font-size: 16px;
    max-width: 76ch;
  }

  .page-disclaimer .agreement-tail {
    padding: 88px 0 112px;
  }

  .page-disclaimer .agreement-tail__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 72px;
    align-items: start;
  }
}

/* ---------- 降低动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .clause,
  .page-disclaimer .agreement-tail__links a {
    transition: none;
  }

  .page-disclaimer .clause:hover {
    background-color: transparent;
  }
}
<<<END>>>

等等——我最后不应该加 <<<END>>>。重新检查：输出必须以 PAGE_CSS 块结束。让我去掉那个。另外，规范要求正好两个标记： 和 ——不能有其他。

其实，等等。让我重读第 13 条：“不要用 Markdown 代码围栏，不要输出标记以外的说明。”

好的。所以只有两个标记。

但我也不需要 <<<END>>>。让我去掉它。

另外，我需要再次检查——我最后的回答不应该有 <<<END>>>。我会重新生成，不加这个。
<main id="main-content" class="page-disclaimer">

  <section class="agreement-hero">
    <div class="shell shell--wide">
      <nav class="breadcrumb" aria-label="面包屑导航">
        <ol>
          <li><a href="/">首页</a></li>
          <li aria-current="page">使用协议</li>
        </ol>
      </nav>

      <div class="agreement-hero__grid">
        <div class="agreement-hero__copy">
          <p class="eyebrow">使用协议 · 版本 v7.2</p>
          <h1>资料怎么翻，<br>先把话说明白</h1>
          <p class="agreement-hero__lead">澳门王牌站里的每一条索引、每一份归档，都欢迎你翻、你查、你参考。这份协议把允许的做法和不允许的做法一次讲清楚，省得你事后犯嘀咕。</p>
          <div class="agreement-hero__actions">
            <a class="btn" href="#clauses">直接看条款</a>
            <a class="btn btn--cyan" href="#help">有疑问怎么问</a>
          </div>
        </div>

        <figure class="media-figure agreement-hero__media" data-reveal>
          <div class="media-frame media-frame--16x9 media-frame--slant">
            <img src="{zhanqunpic:h:700w:1400}" width="1400" height="700" alt="纸张上压印纹理与条款文字的抽象近景" decoding="async">
          </div>
          <figcaption class="media-figure__caption">白纸黑字，翻起来才安心</figcaption>
        </figure>
      </div>
    </div>
  </section>

  <section class="agreement-clauses" id="clauses" aria-label="使用条款正文">
    <div class="shell shell--wide">
      <p class="clause-kicker">六条读完，用起来不踩线</p>

      <ol class="clause-list">

        <li class="clause" id="c01" data-reveal>
          <span class="clause__num" aria-hidden="true">01</span>
          <div class="clause__body">
            <h2 class="clause__title">
              这份协议管哪些事
              <button type="button" class="clause__copy copy-btn" data-copy="使用协议 · 第 01 条 这份协议管哪些事" data-copy-label="条款 01">
                <span class="copy-btn__icon" aria-hidden="true">⧉</span>
                <span class="sr-only">复制条款 01 编号</span>
              </button>
            </h2>
            <p>你在电脑或手机上打开澳门王牌站的任意页面，翻看正文、编号、表格或归档文件，这份协议就开始生效。</p>
            <p>它针对的是站内内容的浏览与引用，也针对你在站上的操作习惯；站外平台另有各自主张，跟这份协议无关。</p>
          </div>
        </li>

        <li class="clause" id="c02" data-reveal>
          <span class="clause__num" aria-hidden="true">02</span>
          <div class="clause__body">
            <h2 class="clause__title">
              内容可以怎么用
              <button type="button" class="clause__copy copy-btn" data-copy="使用协议 · 第 02 条 内容可以怎么用" data-copy-label="条款 02">
                <span class="copy-btn__icon" aria-hidden="true">⧉</span>
                <span class="sr-only">复制条款 02 编号</span>
              </button>
            </h2>
            <p>自己浏览、检索、收藏入口、翻旧公告、下载归档，这些都不用提前打招呼。</p>
            <p>写文章或做整理时引用原文片段，请标明「澳门王牌站」和对应栏目，让读者顺着找得回来；整站批量抓取、镜像复制，或把站内条目拿去搭自己的资料库、转卖转载，则一概不允许。</p>
          </div>
        </li>

        <li class="clause" id="c03" data-reveal>
          <span class="clause__num" aria-hidden="true">03</span>
          <div class="clause__body">
            <h2 class="clause__title">
              访问时请遵守的几条
              <button type="button" class="clause__copy copy-btn" data-copy="使用协议 · 第 03 条 访问时请遵守的几条" data-copy-label="条款 03">
                <span class="copy-btn__icon" aria-hidden="true">⧉</span>
                <span class="sr-only">复制条款 03 编号</span>
              </button>
            </h2>
            <p>别用脚本或高频请求去干扰站点的正常响应，日常翻看和检索不会受影响。</p>
            <p>别冒用本站名号对外发布消息，也别把反馈通道当推广位塞广告或重复提交，那会让真正要解决问题的行家排在后面。</p>
          </div>
        </li>

        <li class="clause" id="c04" data-reveal>
          <span class="clause__num" aria-hidden="true">04</span>
          <div class="clause__body">
            <h2 class="clause__title">
              外部链接说明
              <button type="button" class="clause__copy copy-btn" data-copy="使用协议 · 第 04 条 外部链接说明" data-copy-label="条款 04">
                <span class="copy-btn__icon" aria-hidden="true">⧉</span>
                <span class="sr-only">复制条款 04 编号</span>
              </button>
            </h2>
            <p>部分段落里可能带向其他网站的链接，那是为了帮你顺藤摸瓜，不代表我们对对方的认可。</p>
            <p>外部网站的内容、更新和管理都不由我们掌握，点进去之前请自己判断，有纠纷找那边的运营方。</p>
          </div>
        </li>

        <li class="clause" id="c05" data-reveal>
          <span class="clause__num" aria-hidden="true">05</span>
          <div class="clause__body">
            <h2 class="clause__title">
              协议更新后怎么适用
              <button type="button" class="clause__copy copy-btn" data-copy="使用协议 · 第 05 条 协议更新后怎么适用" data-copy-label="条款 05">
                <span class="copy-btn__icon" aria-hidden="true">⧉</span>
                <span class="sr-only">复制条款 05 编号</span>
              </button>
            </h2>
            <p>改版会同步调整这份协议，每次变动都标上新的版本号，并在公告与动态栏目里记下来。</p>
            <p>新版本发布后你继续访问站内页面，就视为接受调整后的说法；如果不同意，可以停止使用。</p>
          </div>
        </li>

        <li class="clause" id="c06" data-reveal>
          <span class="clause__num" aria-hidden="true">06</span>
          <div class="clause__body">
            <h2 class="clause__title">
              有疑问怎么问
              <button type="button" class="clause__copy copy-btn" data-copy="使用协议 · 第 06 条 有疑问怎么问" data-copy-label="条款 06">
                <span class="copy-btn__icon" aria-hidden="true">⧉</span>
                <span class="sr-only">复制条款 06 编号</span>
              </button>
            </h2>
            <p>对条款有拿不准的地方，写信到 service@macau-wangpai-ace.com.cn，说清你翻到的是哪一条。</p>
            <p>客服邮箱在工作日 9:00 至 18:00 有专人查看，当天能给出回复，也可以从页脚的问题反馈入口提交。</p>
          </div>
        </li>

      </ol>
    </div>
  </section>

  <section class="agreement-tail" id="help">
    <div class="shell shell--wide">
      <div class="agreement-tail__grid">
        <div class="agreement-tail__col">
          <p class="eyebrow">接着往下走</p>
          <h2>还有想弄清的地方</h2>
          <p>浏览时被记下了什么、怎么要求删除，在数据保护说明里写得清楚；反馈要写什么、从哪里提交，在联系入口页有分步做法。</p>
          <p class="agreement-tail__hint">拿不准就先看一眼，比事后补问省事得多。</p>
        </div>

        <ul class="agreement-tail__links">
          <li>
            <a href="/data-protection/"><span class="mono">01</span> 数据保护说明</a>
          </li>
          <li>
            <a href="/reach-us/"><span class="mono">02</span> 问题反馈与联系入口</a>
          </li>
          <li>
            <a href="/press/"><span class="mono">03</span> 公告与动态</a>
          </li>
          <li>
            <a href="/"><span class="mono">04</span> 回到首页入口</a>
          </li>
        </ul>
      </div>
    </div>
  </section>

</main>

.page-disclaimer {
  position: relative;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .agreement-hero {
  position: relative;
  padding: 34px 0 52px;
  background:
    radial-gradient(118% 84% at 82% -6%, rgba(42, 10, 18, 0.92) 0%, rgba(42, 10, 18, 0) 62%),
    linear-gradient(180deg, #0b211b 0%, var(--ink-green-900) 82%);
  overflow: hidden;
}

.page-disclaimer .agreement-hero::after {
  content: "";
  position: absolute;
  top: -12%;
  right: -16%;
  width: 62%;
  height: 124%;
  background: linear-gradient(152deg, rgba(233, 185, 73, 0.14), rgba(233, 185, 73, 0) 72%);
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}

.page-disclaimer .agreement-hero .breadcrumb {
  position: relative;
  z-index: 1;
  margin-bottom: 26px;
}

.page-disclaimer .agreement-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 38px;
  align-items: end;
}

.page-disclaimer .agreement-hero__copy {
  min-width: 0;
}

.page-disclaimer .agreement-hero h1 {
  margin: 14px 0 20px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(38px, 11vw, 104px);
  line-height: 0.96;
  letter-spacing: -0.02em;
  color: var(--bone-100);
  text-wrap: balance;
}

.page-disclaimer .agreement-hero__lead {
  max-width: 54ch;
  margin: 0 0 28px;
  font-size: 16.5px;
  line-height: 1.82;
  color: var(--mist-400);
}

.page-disclaimer .agreement-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.page-disclaimer .agreement-hero__media {
  margin: 0;
  min-width: 0;
}

.page-disclaimer .agreement-hero__media .media-frame {
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  box-shadow: var(--glow-gold);
}

.page-disclaimer .agreement-hero__media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.page-disclaimer .agreement-hero__media .media-figure__caption {
  margin-top: 12px;
  font-family: var(--font-narrow);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brass-600);
}

/* ---------- 条款流 ---------- */
.page-disclaimer .agreement-clauses {
  position: relative;
  padding: 56px 0 72px;
  background: linear-gradient(180deg, var(--ink-green-900) 0%, #06150f 100%);
}

.page-disclaimer .clause-kicker {
  margin: 0;
  padding-left: 14px;
  border-left: 3px solid var(--neon-gold-400);
  font-family: var(--font-narrow);
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--brass-600);
}

.page-disclaimer .clause-list {
  list-style: none;
  margin: 34px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
  counter-reset: clause;
}

.page-disclaimer .clause {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 0 16px;
  padding: 26px 0 30px;
  border-bottom: 1px solid var(--line);
  transition: background-color 200ms var(--ease);
}

.page-disclaimer .clause:hover {
  background-color: rgba(14, 18, 32, 0.42);
}

.page-disclaimer .clause__num {
  padding-top: 3px;
  font-family: var(--font-narrow);
  font-weight: 500;
  font-size: 36px;
  line-height: 0.86;
  letter-spacing: 0.01em;
  color: var(--neon-gold-400);
}

.page-disclaimer .clause__body {
  min-width: 0;
}

.page-disclaimer .clause__title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 14px;
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.36;
  letter-spacing: -0.01em;
  color: var(--bone-100);
}

.page-disclaimer .clause__copy {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
}

.page-disclaimer .clause__body p {
  margin: 0 0 10px;
  font-size: 15.5px;
  line-height: 1.84;
  color: var(--mist-400);
}

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

/* ---------- 尾部去向 ---------- */
.page-disclaimer .agreement-tail {
  position: relative;
  padding: 64px 0 88px;
  background: var(--wine-900);
  overflow: hidden;
}

.page-disclaimer .agreement-tail::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(78% 62% at 0% 100%, rgba(55, 225, 211, 0.10), rgba(55, 225, 211, 0) 62%),
    radial-gradient(62% 58% at 100% 0%, rgba(233, 185, 73, 0.11), rgba(233, 185, 73, 0) 58%);
  pointer-events: none;
}

.page-disclaimer .agreement-tail__grid {
  position: relative;
  display: grid;
  gap: 34px;
}

.page-disclaimer .agreement-tail__col {
  min-width: 0;
}

.page-disclaimer .agreement-tail__col h2 {
  margin: 12px 0 16px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(26px, 5.6vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.015em;
  color: var(--bone-100);
}

.page-disclaimer .agreement-tail__col p {
  max-width: 46ch;
  margin: 0 0 12px;
  font-size: 15.5px;
  line-height: 1.84;
  color: var(--mist-400);
}

.page-disclaimer .agreement-tail__hint {
  padding-left: 14px;
  border-left: 3px solid var(--electric-cyan-400);
  color: var(--bone-100);
}

.page-disclaimer .agreement-tail__links {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line-strong);
}

.page-disclaimer .agreement-tail__links li {
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .agreement-tail__links a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 17px 4px;
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--bone-100);
  text-decoration: none;
  transition: color 180ms var(--ease), padding-left 180ms var(--ease);
}

.page-disclaimer .agreement-tail__links a:hover,
.page-disclaimer .agreement-tail__links a:focus-visible {
  color: var(--electric-cyan-400);
  padding-left: 12px;
}

.page-disclaimer .agreement-tail__links .mono {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--neon-gold-400);
}

/* ---------- 平板及以上 ---------- */
@media (min-width: 720px) {
  .page-disclaimer .agreement-hero {
    padding: 48px 0 68px;
  }

  .page-disclaimer .clause {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 0 24px;
    padding: 30px 0 34px;
  }

  .page-disclaimer .clause__num {
    font-size: 52px;
  }

  .page-disclaimer .clause__title {
    font-size: 22px;
  }

  .page-disclaimer .agreement-clauses {
    padding: 68px 0 84px;
  }
}

/* ---------- 桌面 ---------- */
@media (min-width: 960px) {
  .page-disclaimer .agreement-hero {
    padding: 58px 0 84px;
  }

  .page-disclaimer .agreement-hero__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    gap: 56px;
    align-items: center;
  }

  .page-disclaimer .agreement-hero__lead {
    font-size: 17px;
  }

  .page-disclaimer .clause {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 0 32px;
    padding: 34px 0 38px;
  }

  .page-disclaimer .clause__num {
    font-size: 64px;
  }

  .page-disclaimer .clause__title {
    font-size: 24px;
  }

  .page-disclaimer .clause__body p {
    max-width: 76ch;
    font-size: 16px;
  }

  .page-disclaimer .agreement-tail {
    padding: 88px 0 112px;
  }

  .page-disclaimer .agreement-tail__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 72px;
    align-items: start;
  }
}

/* ---------- 降低动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .clause,
  .page-disclaimer .agreement-tail__links a {
    transition: none;
  }

  .page-disclaimer .clause:hover {
    background-color: transparent;
  }
}