.page-disclaimer {
  --clause-index-w: 92px;
  --clause-cut: 16px;
  --pd-gap: clamp(14px, 2vw, 22px);
  padding-bottom: clamp(64px, 10vw, 120px);
}

/* ---------- 页头 ---------- */
.page-disclaimer .pd-head {
  padding-top: clamp(22px, 4.5vw, 42px);
}

.page-disclaimer .pd-crumb {
  margin-bottom: clamp(20px, 3.5vw, 34px);
}

.page-disclaimer .pd-hero {
  max-width: 900px;
}

.page-disclaimer .pd-hero__eyebrow {
  margin: 0 0 14px;
  color: var(--gold);
}

.page-disclaimer .pd-hero__title {
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(46px, 10vw, 104px);
  line-height: 1;
  letter-spacing: .02em;
  color: var(--paper);
}

.page-disclaimer .pd-hero__lead {
  margin: 0;
  max-width: 60ch;
  font-size: clamp(16px, 1.7vw, 18px);
  line-height: 1.78;
  color: rgba(244, 239, 227, .84);
}

.page-disclaimer .pd-hero__meta {
  margin: 22px 0 0;
  font-size: 13px;
  letter-spacing: .08em;
  color: var(--mist);
}

/* ---------- 横幅 ---------- */
.page-disclaimer .pd-banner-wrap {
  margin-top: clamp(30px, 5vw, 52px);
}

.page-disclaimer .pd-banner {
  margin: 0;
}

.page-disclaimer .pd-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

/* ---------- 章节标题 ---------- */
.page-disclaimer .pd-body,
.page-disclaimer .pd-compare,
.page-disclaimer .pd-contact {
  margin-top: clamp(46px, 7vw, 84px);
}

.page-disclaimer .pd-section-title {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(26px, 3.8vw, 42px);
  line-height: 1.2;
  letter-spacing: .01em;
  color: var(--paper);
}

.page-disclaimer .pd-section-note {
  margin: 0 0 clamp(22px, 3.5vw, 36px);
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--mist);
}

/* ---------- 条款列表 ---------- */
.page-disclaimer .pd-clauses {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--pd-gap);
}

.page-disclaimer .pd-clause {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: clamp(20px, 3vw, 30px) clamp(20px, 3vw, 34px);
  background: linear-gradient(158deg, rgba(16, 49, 42, .94) 0%, rgba(10, 28, 23, .97) 100%);
  clip-path: polygon(
    0 0,
    calc(100% - var(--clause-cut)) 0,
    100% var(--clause-cut),
    100% 100%,
    var(--clause-cut) 100%,
    0 calc(100% - var(--clause-cut))
  );
  transition: transform var(--t-base) var(--ease), filter var(--t-base) var(--ease);
}

.page-disclaimer .pd-clause::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .5;
  transition: opacity var(--t-base) var(--ease);
  background-image:
    linear-gradient(to bottom right, transparent calc(50% - .5px), var(--gold) 50%, transparent calc(50% + .5px)),
    linear-gradient(to bottom right, transparent calc(50% - .5px), var(--gold) 50%, transparent calc(50% + .5px));
  background-repeat: no-repeat;
  background-size: var(--clause-cut) var(--clause-cut);
  background-position: top right, bottom left;
}

.page-disclaimer .pd-clause:hover,
.page-disclaimer .pd-clause:focus-within {
  transform: translateX(4px);
  filter: brightness(1.12);
}

.page-disclaimer .pd-clause:hover::after,
.page-disclaimer .pd-clause:focus-within::after {
  opacity: 1;
}

.page-disclaimer .pd-clause__seam {
  display: none;
  position: absolute;
  top: 0;
  left: 6%;
  right: 6%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--line) 12%, var(--line-cyan) 50%, var(--line) 88%, transparent);
  transform: skewY(-.7deg);
  transform-origin: left center;
}

.page-disclaimer .pd-clause:not(:first-child) .pd-clause__seam {
  display: block;
}

.page-disclaimer .pd-clause__idx {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  letter-spacing: .14em;
  color: var(--gold);
}

.page-disclaimer .pd-clause__anchor {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1;
  padding: 3px 6px;
  color: var(--cyan);
  text-decoration: none;
  border: 1px solid transparent;
  opacity: 0;
  transition: opacity var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}

.page-disclaimer .pd-clause:hover .pd-clause__anchor,
.page-disclaimer .pd-clause:focus-within .pd-clause__anchor,
.page-disclaimer .pd-clause__anchor:focus-visible {
  opacity: 1;
  border-color: var(--line-cyan);
}

.page-disclaimer .pd-clause__anchor:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

.page-disclaimer .pd-clause__title {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(19px, 2.3vw, 24px);
  line-height: 1.34;
  letter-spacing: .01em;
  color: var(--paper);
}

.page-disclaimer .pd-clause__text {
  margin: 0 0 10px;
  max-width: 68ch;
  font-size: 16px;
  line-height: 1.78;
  color: rgba(244, 239, 227, .86);
}

.page-disclaimer .pd-clause__text:last-child {
  margin-bottom: 0;
}

.page-disclaimer .pd-clause__list {
  list-style: none;
  margin: 14px 0 16px;
  padding: 0;
  display: grid;
  gap: 9px;
  max-width: 68ch;
}

.page-disclaimer .pd-clause__list:last-child {
  margin-bottom: 0;
}

.page-disclaimer .pd-clause__list li {
  position: relative;
  padding-left: 20px;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--mist);
}

.page-disclaimer .pd-clause__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 9px;
  height: 1px;
  background: var(--cyan);
}

.page-disclaimer .pd-mail {
  color: var(--gold-soft);
  word-break: break-all;
}

/* ---------- 引用对照 ---------- */
.page-disclaimer .pd-compare__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--pd-gap);
}

.page-disclaimer .pd-compare__card {
  position: relative;
  padding: clamp(22px, 3vw, 32px);
  background: linear-gradient(200deg, rgba(16, 49, 42, .92) 0%, rgba(10, 28, 23, .96) 100%);
  border-top: 2px solid var(--cyan);
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--clause-cut)),
    calc(100% - var(--clause-cut)) 100%,
    0 100%
  );
}

.page-disclaimer .pd-compare__card--ask {
  border-top-color: var(--coral);
}

.page-disclaimer .pd-compare__label {
  margin: 0 0 14px;
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--cyan);
}

.page-disclaimer .pd-compare__card--ask .pd-compare__label {
  color: var(--coral);
}

.page-disclaimer .pd-compare__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.page-disclaimer .pd-compare__list li {
  position: relative;
  padding-left: 20px;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--paper);
}

.page-disclaimer .pd-compare__list li::before {
  content: "＋";
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--mist);
}

.page-disclaimer .pd-compare__card--ask .pd-compare__list li::before {
  content: "！";
  color: var(--coral);
}

.page-disclaimer .pd-compare__sample {
  margin: 20px 0 0;
  padding: 12px 14px;
  background: rgba(5, 9, 8, .6);
  border-left: 2px solid var(--gold);
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.72;
  letter-spacing: .03em;
  color: var(--gold-soft);
  word-break: break-word;
}

.page-disclaimer .pd-compare__card--ask .pd-compare__sample {
  border-left-color: var(--coral);
  color: var(--paper);
}

/* ---------- 联系条 ---------- */
.page-disclaimer .pd-contact__panel {
  padding: clamp(26px, 4vw, 46px);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(70, 208, 200, .12), transparent 55%),
    linear-gradient(150deg, rgba(23, 69, 58, .92) 0%, rgba(10, 28, 23, .97) 100%);
  clip-path: polygon(
    0 0,
    calc(100% - 28px) 0,
    100% 28px,
    100% 100%,
    28px 100%,
    0 calc(100% - 28px)
  );
}

.page-disclaimer .pd-contact__title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.25;
  color: var(--paper);
}

.page-disclaimer .pd-contact__text {
  margin: 0 0 16px;
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.76;
  color: rgba(244, 239, 227, .84);
}

.page-disclaimer .pd-contact__mail {
  margin: 0 0 26px;
  font-size: clamp(15px, 1.8vw, 18px);
  letter-spacing: .06em;
  color: var(--gold-soft);
  word-break: break-all;
}

.page-disclaimer .pd-contact__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* ---------- 桌面端 ---------- */
@media (min-width: 760px) {
  .page-disclaimer .pd-clause {
    grid-template-columns: var(--clause-index-w) 1fr;
    gap: clamp(18px, 3vw, 34px);
    align-items: start;
  }

  .page-disclaimer .pd-clause__idx {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-top: 6px;
    font-size: 14px;
  }

  .page-disclaimer .pd-clause__anchor {
    opacity: 0;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .pd-compare__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1100px) {
  .page-disclaimer {
    --clause-index-w: 108px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .pd-clause,
  .page-disclaimer .pd-clause::after,
  .page-disclaimer .pd-clause__anchor {
    transition: none;
  }

  .page-disclaimer .pd-clause:hover,
  .page-disclaimer .pd-clause:focus-within {
    transform: none;
  }
}
<<<END>>>

等等，输出格式要求用标记 —— 我该用 `` 和 `` 分隔符格式。但指令里也写了“每个标记只能出现一次，标记必须是三个尖括号”，不过示例里又显示了 ``。然后代码块里又有 `<<<END>>>`……有点混乱，我还是用正确的标记吧。

让我用正确格式重新输出。
<main id="main-content" class="page-disclaimer">

  <div class="container pd-head">
    <nav class="breadcrumb pd-crumb" aria-label="面包屑导航">
      <ol>
        <li><a href="/">首页</a></li>
        <li aria-current="page">使用条款</li>
      </ol>
    </nav>

    <div class="pd-hero">
      <p class="eyebrow pd-hero__eyebrow">TERMS / 使用约定</p>
      <h1 class="pd-hero__title">使用条款</h1>
      <p class="pd-hero__lead">
        澳门新京葡站的项目案例、旧版档案与栏目内容向访客开放查阅。这份条款说明哪些内容可以放心引用、哪些需要先取得授权，以及出现分歧时双方怎么处理。读完这几条，后续查阅与引用会顺畅很多。
      </p>
      <p class="pd-hero__meta mono">版本更新日期：本季改版同步生效</p>
    </div>
  </div>

  <div class="container pd-banner-wrap">
    <figure class="media media--wide pd-banner">
      <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="深色底上由切角面板与刻度线构成的抽象结构纹理，无人物无文字">
    </figure>
  </div>

  <section class="container pd-body" aria-labelledby="pd-clauses-title">
    <h2 id="pd-clauses-title" class="pd-section-title">条款逐条说明</h2>
    <p class="pd-section-note">共六条，覆盖服务范围、内容引用、档案处理、责任划分、版本更新与联系方式。</p>

    <ol class="pd-clauses">

      <li class="pd-clause" id="clause-01" data-reveal>
        <span class="pd-clause__seam" aria-hidden="true"></span>
        <div class="pd-clause__idx">
          <span class="mono">01</span>
          <a class="pd-clause__anchor" href="#clause-01" aria-label="定位到第 01 条">#</a>
        </div>
        <div class="pd-clause__content">
          <h3 class="pd-clause__title">服务范围与适用对象</h3>
          <p class="pd-clause__text">
            澳门新京葡站向访客提供三类服务：浏览升级版栏目、检索旧版案例档案、通过手机端提交线下服务预约。前两类对所有人开放，无需注册；预约提交后由服务团队按到达顺序安排对接。
          </p>
          <ul class="pd-clause__list">
            <li>内容查阅：升级版栏目、版本迭代说明与编辑笔记，均可直接翻阅。</li>
            <li>案例检索：按年份、主题或档案编号调取历史资料，编号可粘贴定位。</li>
            <li>预约对接：填写线下服务预约，由服务团队在 1 个工作日内回复。</li>
          </ul>
          <p class="pd-clause__text">
            适用对象包括正在评估品牌合作的企业与个人、已合作客户中需要回查历史档案的同事，以及关注栏目结构与标签颗粒度、准备做横向比较的同行从业者。
          </p>
        </div>
      </li>

      <li class="pd-clause" id="clause-02" data-reveal>
        <span class="pd-clause__seam" aria-hidden="true"></span>
        <div class="pd-clause__idx">
          <span class="mono">02</span>
          <a class="pd-clause__anchor" href="#clause-02" aria-label="定位到第 02 条">#</a>
        </div>
        <div class="pd-clause__content">
          <h3 class="pd-clause__title">内容与档案的使用规范</h3>
          <p class="pd-clause__text">
            栏目文字、更新说明与编辑笔记属于站点的原创内容。注明来源后，欢迎摘录、转述，或放进内部汇报与培训材料里使用。
          </p>
          <ul class="pd-clause__list">
            <li>可以直接使用：段落摘录、观点转述，以及内部会议、内部培训中的引用。</li>
            <li>请先取得书面同意：整篇转载、批量抓取站内内容，或用于付费课程、商业培训与对外发行材料。</li>
            <li>引用时建议保留原意，并在文末注明站点名称、栏目名称与档案编号。</li>
          </ul>
        </div>
      </li>

      <li class="pd-clause" id="clause-03" data-reveal>
        <span class="pd-clause__seam" aria-hidden="true"></span>
        <div class="pd-clause__idx">
          <span class="mono">03</span>
          <a class="pd-clause__anchor" href="#clause-03" aria-label="定位到第 03 条">#</a>
        </div>
        <div class="pd-clause__content">
          <h3 class="pd-clause__title">资料库与案例引用规则</h3>
          <p class="pd-clause__text">
            案例档案用编号替代客户名称，编号形如 <span class="mono">XJP-2019-A07</span>：XJP 是品牌标识，2019 是归档年份，A07 是当年主题序位。单份档案包含背景、执行要点、版本差异与可复用结论四部分。
          </p>
          <ul class="pd-clause__list">
            <li>引用案例时请保留完整编号，便于他人按编号回到原始档案查阅。</li>
            <li>请不要还原、猜测或对外传播档案背后的客户身份。</li>
            <li>需要把案例写进对外发行的材料时，先与我们联系，确认可公开的表述范围。</li>
          </ul>
        </div>
      </li>

      <li class="pd-clause" id="clause-04" data-reveal>
        <span class="pd-clause__seam" aria-hidden="true"></span>
        <div class="pd-clause__idx">
          <span class="mono">04</span>
          <a class="pd-clause__anchor" href="#clause-04" aria-label="定位到第 04 条">#</a>
        </div>
        <div class="pd-clause__content">
          <h3 class="pd-clause__title">责任范围</h3>
          <p class="pd-clause__text">
            站内内容为查阅与参考而准备。行业环境、客户需求与执行条件一直在变，历史案例当时的做法与结论未必贴合您眼下的场景，照搬之前请结合自身情况判断。
          </p>
          <ul class="pd-clause__list">
            <li>案例中的效果与做法描述的是当时的执行条件，不构成对后续结果的承诺。</li>
            <li>站外信息由对应方自行维护，其内容与更新节奏以其官方发布为准。</li>
            <li>若发现页面内容与实际情况有明显出入，欢迎来信告知，我们会安排核查与更正。</li>
          </ul>
        </div>
      </li>

      <li class="pd-clause" id="clause-05" data-reveal>
        <span class="pd-clause__seam" aria-hidden="true"></span>
        <div class="pd-clause__idx">
          <span class="mono">05</span>
          <a class="pd-clause__anchor" href="#clause-05" aria-label="定位到第 05 条">#</a>
        </div>
        <div class="pd-clause__content">
          <h3 class="pd-clause__title">条款更新与通知</h3>
          <p class="pd-clause__text">
            条款随服务内容调整同步更新。每次调整后，新版条款在页面顶部标注更新日期并即时生效。升级版栏目平均每季度做一次小版本迭代，条款若有配套变化，会在同一节奏内完成发布。
          </p>
          <ul class="pd-clause__list">
            <li>涉及预约流程、信息使用方式等影响访客安排的调整，将在内容笔记栏目同步一条说明。</li>
            <li>继续使用站内服务，即视为接受更新后的条款；如有异议，可随时来信沟通。</li>
          </ul>
        </div>
      </li>

      <li class="pd-clause" id="clause-06" data-reveal>
        <span class="pd-clause__seam" aria-hidden="true"></span>
        <div class="pd-clause__idx">
          <span class="mono">06</span>
          <a class="pd-clause__anchor" href="#clause-06" aria-label="定位到第 06 条">#</a>
        </div>
        <div class="pd-clause__content">
          <h3 class="pd-clause__title">如何联系我们</h3>
          <p class="pd-clause__text">
            对条款有疑问、需要申请内容授权，或想反馈站内内容问题，可发送邮件至站点客服邮箱 <span class="mono pd-mail">info@xingjingpu-macau.com.cn</span>，工作日内 9:00 至 18:00 回复，一般在一个工作日内给出答复。
          </p>
          <p class="pd-clause__text">
            事项较急或需要当面沟通的，建议通过咨询与预约页提交线下服务预约，由服务团队安排后续对接；操作步骤可先看使用指南。
          </p>
        </div>
      </li>

    </ol>
  </section>

  <section class="container pd-compare" aria-labelledby="pd-compare-title">
    <h2 id="pd-compare-title" class="pd-section-title">引用方式对照</h2>
    <p class="pd-section-note">常见的两类使用场景，左侧直接可用，右侧请先来信确认。</p>

    <div class="pd-compare__grid">
      <article class="pd-compare__card pd-compare__card--ok">
        <p class="pd-compare__label mono">可直接引用</p>
        <ul class="pd-compare__list">
          <li>注明来源的段落摘录与观点转述</li>
          <li>内部会议、内部培训与内部汇报中的引用</li>
          <li>课堂、沙龙等非商业分享场景中的引用</li>
          <li>带完整档案编号的案例结论引用</li>
        </ul>
        <p class="pd-compare__sample">来源：澳门新京葡站 · 档案编号 XJP-2019-A07</p>
      </article>

      <article class="pd-compare__card pd-compare__card--ask">
        <p class="pd-compare__label mono">请先来信确认</p>
        <ul class="pd-compare__list">
          <li>整篇转载、批量抓取站内文字与档案</li>
          <li>用于付费课程、商业培训或对外发行材料</li>
          <li>还原案例客户身份，或将编号与企业名称对应公开</li>
          <li>以站点名义发布内容，或用于产品宣传物料</li>
        </ul>
        <p class="pd-compare__sample">请发送邮件说明用途、载体与投放范围，我们会在一个工作日内答复。</p>
      </article>
    </div>
  </section>

  <section class="container pd-contact" aria-labelledby="pd-contact-title">
    <div class="pd-contact__panel">
      <h2 id="pd-contact-title" class="pd-contact__title">条款相关事宜</h2>
      <p class="pd-contact__text">
        授权申请、内容纠错与条款疑问都走客服邮箱，工作日内 9:00 至 18:00 回复。需要当面沟通或安排到访的，可先提交预约，我们会按顺序联系您。
      </p>
      <p class="pd-contact__mail mono">info@xingjingpu-macau.com.cn</p>
      <div class="pd-contact__actions">
        <a class="btn btn--gold btn--sm" href="/inquiry/">提交预约</a>
        <a class="btn btn--sm" href="/guide/">查看操作流程</a>
        <a class="btn btn--sm" href="/privacy-notice/">阅读隐私声明</a>
      </div>
    </div>
  </section>

</main>

.page-disclaimer {
  --clause-index-w: 92px;
  --clause-cut: 16px;
  --pd-gap: clamp(14px, 2vw, 22px);
  padding-bottom: clamp(64px, 10vw, 120px);
}

/* ---------- 页头 ---------- */
.page-disclaimer .pd-head {
  padding-top: clamp(22px, 4.5vw, 42px);
}

.page-disclaimer .pd-crumb {
  margin-bottom: clamp(20px, 3.5vw, 34px);
}

.page-disclaimer .pd-hero {
  max-width: 900px;
}

.page-disclaimer .pd-hero__eyebrow {
  margin: 0 0 14px;
  color: var(--gold);
}

.page-disclaimer .pd-hero__title {
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(46px, 10vw, 104px);
  line-height: 1;
  letter-spacing: .02em;
  color: var(--paper);
}

.page-disclaimer .pd-hero__lead {
  margin: 0;
  max-width: 60ch;
  font-size: clamp(16px, 1.7vw, 18px);
  line-height: 1.78;
  color: rgba(244, 239, 227, .84);
}

.page-disclaimer .pd-hero__meta {
  margin: 22px 0 0;
  font-size: 13px;
  letter-spacing: .08em;
  color: var(--mist);
}

/* ---------- 横幅 ---------- */
.page-disclaimer .pd-banner-wrap {
  margin-top: clamp(30px, 5vw, 52px);
}

.page-disclaimer .pd-banner {
  margin: 0;
}

.page-disclaimer .pd-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

/* ---------- 章节标题 ---------- */
.page-disclaimer .pd-body,
.page-disclaimer .pd-compare,
.page-disclaimer .pd-contact {
  margin-top: clamp(46px, 7vw, 84px);
}

.page-disclaimer .pd-section-title {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(26px, 3.8vw, 42px);
  line-height: 1.2;
  letter-spacing: .01em;
  color: var(--paper);
}

.page-disclaimer .pd-section-note {
  margin: 0 0 clamp(22px, 3.5vw, 36px);
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.7;
  color: var(--mist);
}

/* ---------- 条款列表 ---------- */
.page-disclaimer .pd-clauses {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--pd-gap);
}

.page-disclaimer .pd-clause {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: clamp(20px, 3vw, 30px) clamp(20px, 3vw, 34px);
  background: linear-gradient(158deg, rgba(16, 49, 42, .94) 0%, rgba(10, 28, 23, .97) 100%);
  clip-path: polygon(
    0 0,
    calc(100% - var(--clause-cut)) 0,
    100% var(--clause-cut),
    100% 100%,
    var(--clause-cut) 100%,
    0 calc(100% - var(--clause-cut))
  );
  transition: transform var(--t-base) var(--ease), filter var(--t-base) var(--ease);
}

.page-disclaimer .pd-clause::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .5;
  transition: opacity var(--t-base) var(--ease);
  background-image:
    linear-gradient(to bottom right, transparent calc(50% - .5px), var(--gold) 50%, transparent calc(50% + .5px)),
    linear-gradient(to bottom right, transparent calc(50% - .5px), var(--gold) 50%, transparent calc(50% + .5px));
  background-repeat: no-repeat;
  background-size: var(--clause-cut) var(--clause-cut);
  background-position: top right, bottom left;
}

.page-disclaimer .pd-clause:hover,
.page-disclaimer .pd-clause:focus-within {
  transform: translateX(4px);
  filter: brightness(1.12);
}

.page-disclaimer .pd-clause:hover::after,
.page-disclaimer .pd-clause:focus-within::after {
  opacity: 1;
}

.page-disclaimer .pd-clause__seam {
  display: none;
  position: absolute;
  top: 0;
  left: 6%;
  right: 6%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--line) 12%, var(--line-cyan) 50%, var(--line) 88%, transparent);
  transform: skewY(-.7deg);
  transform-origin: left center;
}

.page-disclaimer .pd-clause:not(:first-child) .pd-clause__seam {
  display: block;
}

.page-disclaimer .pd-clause__idx {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  letter-spacing: .14em;
  color: var(--gold);
}

.page-disclaimer .pd-clause__anchor {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1;
  padding: 3px 6px;
  color: var(--cyan);
  text-decoration: none;
  border: 1px solid transparent;
  opacity: 0;
  transition: opacity var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}

.page-disclaimer .pd-clause:hover .pd-clause__anchor,
.page-disclaimer .pd-clause:focus-within .pd-clause__anchor,
.page-disclaimer .pd-clause__anchor:focus-visible {
  opacity: 1;
  border-color: var(--line-cyan);
}

.page-disclaimer .pd-clause__anchor:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

.page-disclaimer .pd-clause__title {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(19px, 2.3vw, 24px);
  line-height: 1.34;
  letter-spacing: .01em;
  color: var(--paper);
}

.page-disclaimer .pd-clause__text {
  margin: 0 0 10px;
  max-width: 68ch;
  font-size: 16px;
  line-height: 1.78;
  color: rgba(244, 239, 227, .86);
}

.page-disclaimer .pd-clause__text:last-child {
  margin-bottom: 0;
}

.page-disclaimer .pd-clause__list {
  list-style: none;
  margin: 14px 0 16px;
  padding: 0;
  display: grid;
  gap: 9px;
  max-width: 68ch;
}

.page-disclaimer .pd-clause__list:last-child {
  margin-bottom: 0;
}

.page-disclaimer .pd-clause__list li {
  position: relative;
  padding-left: 20px;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--mist);
}

.page-disclaimer .pd-clause__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 9px;
  height: 1px;
  background: var(--cyan);
}

.page-disclaimer .pd-mail {
  color: var(--gold-soft);
  word-break: break-all;
}

/* ---------- 引用对照 ---------- */
.page-disclaimer .pd-compare__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--pd-gap);
}

.page-disclaimer .pd-compare__card {
  position: relative;
  padding: clamp(22px, 3vw, 32px);
  background: linear-gradient(200deg, rgba(16, 49, 42, .92) 0%, rgba(10, 28, 23, .96) 100%);
  border-top: 2px solid var(--cyan);
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--clause-cut)),
    calc(100% - var(--clause-cut)) 100%,
    0 100%
  );
}

.page-disclaimer .pd-compare__card--ask {
  border-top-color: var(--coral);
}

.page-disclaimer .pd-compare__label {
  margin: 0 0 14px;
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--cyan);
}

.page-disclaimer .pd-compare__card--ask .pd-compare__label {
  color: var(--coral);
}

.page-disclaimer .pd-compare__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.page-disclaimer .pd-compare__list li {
  position: relative;
  padding-left: 20px;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--paper);
}

.page-disclaimer .pd-compare__list li::before {
  content: "＋";
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--mist);
}

.page-disclaimer .pd-compare__card--ask .pd-compare__list li::before {
  content: "！";
  color: var(--coral);
}

.page-disclaimer .pd-compare__sample {
  margin: 20px 0 0;
  padding: 12px 14px;
  background: rgba(5, 9, 8, .6);
  border-left: 2px solid var(--gold);
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.72;
  letter-spacing: .03em;
  color: var(--gold-soft);
  word-break: break-word;
}

.page-disclaimer .pd-compare__card--ask .pd-compare__sample {
  border-left-color: var(--coral);
  color: var(--paper);
}

/* ---------- 联系条 ---------- */
.page-disclaimer .pd-contact__panel {
  padding: clamp(26px, 4vw, 46px);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(70, 208, 200, .12), transparent 55%),
    linear-gradient(150deg, rgba(23, 69, 58, .92) 0%, rgba(10, 28, 23, .97) 100%);
  clip-path: polygon(
    0 0,
    calc(100% - 28px) 0,
    100% 28px,
    100% 100%,
    28px 100%,
    0 calc(100% - 28px)
  );
}

.page-disclaimer .pd-contact__title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.25;
  color: var(--paper);
}

.page-disclaimer .pd-contact__text {
  margin: 0 0 16px;
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.76;
  color: rgba(244, 239, 227, .84);
}

.page-disclaimer .pd-contact__mail {
  margin: 0 0 26px;
  font-size: clamp(15px, 1.8vw, 18px);
  letter-spacing: .06em;
  color: var(--gold-soft);
  word-break: break-all;
}

.page-disclaimer .pd-contact__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* ---------- 桌面端 ---------- */
@media (min-width: 760px) {
  .page-disclaimer .pd-clause {
    grid-template-columns: var(--clause-index-w) 1fr;
    gap: clamp(18px, 3vw, 34px);
    align-items: start;
  }

  .page-disclaimer .pd-clause__idx {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-top: 6px;
    font-size: 14px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .pd-compare__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1100px) {
  .page-disclaimer {
    --clause-index-w: 108px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .pd-clause,
  .page-disclaimer .pd-clause::after,
  .page-disclaimer .pd-clause__anchor {
    transition: none;
  }

  .page-disclaimer .pd-clause:hover,
  .page-disclaimer .pd-clause:focus-within {
    transform: none;
  }
}