.page-disclaimer {
  --disc-col: 84px;
  --disc-line: rgba(44, 74, 143, 0.55);
  --disc-soft-line: rgba(44, 74, 143, 0.32);
  display: block;
  background: var(--space);
  color: var(--mist);
  padding-bottom: clamp(40px, 6vw, 84px);
}

.page-disclaimer .visually-hidden-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ---------- 页首：斜线纹理 + 编辑部双栏 ---------- */

.page-disclaimer .disc-head {
  position: relative;
  overflow: hidden;
  padding: clamp(30px, 5vw, 68px) 0 clamp(26px, 3.6vw, 44px);
  border-bottom: 1px solid var(--hair);
  background-image:
    repeating-linear-gradient(135deg, rgba(44, 74, 143, 0.26) 0 1px, transparent 1px 11px),
    repeating-linear-gradient(45deg, rgba(122, 92, 240, 0.07) 0 1px, transparent 1px 26px);
}

.page-disclaimer .disc-head::after {
  content: "";
  position: absolute;
  inset: auto -12% -60% 8%;
  height: 150%;
  background: radial-gradient(52% 58% at 24% 26%, rgba(228, 169, 60, 0.14), transparent 68%);
  pointer-events: none;
}

.page-disclaimer .disc-head-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 4vw, 44px);
}

.page-disclaimer .disc-title {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(34px, 5.6vw, 68px);
  line-height: 1.07;
  letter-spacing: -0.01em;
  color: var(--chalk);
}

.page-disclaimer .disc-head-copy .lede {
  margin: 20px 0 0;
  max-width: 64ch;
  font-size: 17px;
  line-height: 1.78;
  color: var(--mist);
}

.page-disclaimer .disc-facts {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1px;
  border: 1px solid var(--hair);
  background: var(--hair);
}

.page-disclaimer .disc-facts li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 12px 14px;
  background: rgba(14, 31, 69, 0.82);
  font-size: 14px;
  line-height: 1.5;
  color: var(--dim);
}

.page-disclaimer .disc-facts .mono {
  flex: none;
  font-family: var(--font-mono);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--gold);
}

/* ---------- 通栏视觉 ---------- */

.page-disclaimer .disc-visual {
  padding: clamp(24px, 3.6vw, 44px) 0 0;
}

.page-disclaimer .disc-figure {
  margin: 0;
  aspect-ratio: 1200 / 420;
  overflow: hidden;
  border: 1px solid var(--hair);
  background: var(--void);
  transition: border-color var(--t) var(--ease);
}

.page-disclaimer .disc-figure:hover {
  border-color: var(--gold);
}

.page-disclaimer .disc-figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.page-disclaimer .disc-visual .media-caption {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.7;
  color: var(--dim);
  max-width: 70ch;
}

/* ---------- 编号条款 ---------- */

.page-disclaimer .disc-terms {
  padding: clamp(28px, 4.4vw, 58px) 0 0;
}

.page-disclaimer .disc-term {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: clamp(20px, 2.6vw, 30px) clamp(12px, 1.8vw, 22px);
  border-top: 1px solid var(--disc-line);
  transition: background var(--t) var(--ease), border-color var(--t) var(--ease);
}

.page-disclaimer .disc-term:last-of-type {
  border-bottom: 1px solid var(--disc-line);
}

@media (hover: hover) {
  .page-disclaimer .disc-term:hover,
  .page-disclaimer .disc-term:focus-within {
    background: var(--slate);
    border-color: rgba(228, 169, 60, 0.4);
  }

  .page-disclaimer .disc-term:hover .disc-term-num,
  .page-disclaimer .disc-term:focus-within .disc-term-num {
    color: var(--gold);
  }
}

.page-disclaimer .disc-term-num {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--dim);
  transition: color var(--t) var(--ease);
}

.page-disclaimer .disc-term-title {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(19px, 2.4vw, 25px);
  line-height: 1.36;
  color: var(--chalk);
}

.page-disclaimer .disc-term-body p {
  margin: 0 0 12px;
  max-width: 66ch;
  font-size: 17px;
  line-height: 1.78;
  color: var(--mist);
}

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

.page-disclaimer .disc-term-body .disc-callout {
  padding: 14px 18px;
  border-left: 3px solid var(--gold);
  background: rgba(14, 31, 69, 0.92);
  color: var(--chalk);
  max-width: 60ch;
}

.page-disclaimer .disc-term-body a,
.page-disclaimer .disc-note a {
  color: var(--gold-soft);
  text-decoration: none;
  border-bottom: 1px solid rgba(228, 169, 60, 0.42);
  transition: color var(--t) var(--ease), border-color var(--t) var(--ease);
}

.page-disclaimer .disc-term-body a:hover,
.page-disclaimer .disc-note a:hover,
.page-disclaimer .disc-term-body a:focus-visible,
.page-disclaimer .disc-note a:focus-visible {
  color: var(--chalk);
  border-bottom-color: var(--gold);
}

.page-disclaimer .disc-term-body a::after {
  content: "→";
  display: inline-block;
  margin-left: 4px;
  font-size: 0.9em;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity var(--t) var(--ease), transform var(--t) var(--ease);
}

.page-disclaimer .disc-term-body a:hover::after,
.page-disclaimer .disc-term-body a:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}

/* ---------- 条款间隔注释 ---------- */

.page-disclaimer .disc-note {
  display: flex;
  gap: 12px;
  align-items: baseline;
  margin: 0;
  padding: 14px clamp(12px, 1.8vw, 22px);
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--dim);
  border-top: 1px dashed var(--disc-soft-line);
  border-bottom: 1px dashed var(--disc-soft-line);
}

.page-disclaimer .disc-note .mono {
  flex: none;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--violet);
}

/* ---------- 页尾备案实色带 ---------- */

.page-disclaimer .disc-filing {
  margin-top: clamp(30px, 5vw, 60px);
  background: var(--slate);
  border-top: 1px solid var(--hair);
  border-bottom: 1px solid var(--hair);
  transition: border-color 240ms var(--ease);
}

.page-disclaimer .disc-filing.is-visible {
  border-color: var(--gold);
}

.page-disclaimer .disc-filing-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding: clamp(24px, 3.4vw, 40px) 0;
}

.page-disclaimer .disc-filing-num {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--gold);
}

.page-disclaimer .disc-filing-body .disc-term-title {
  margin-bottom: 10px;
}

.page-disclaimer .disc-filing-body p {
  margin: 0;
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.76;
  color: var(--mist);
}

.page-disclaimer .disc-filing-icp {
  justify-self: start;
  font-family: var(--font-mono);
  font-size: 13.5px;
  letter-spacing: 0.06em;
  color: var(--chalk);
  padding: 9px 16px;
  border: 1px solid rgba(201, 214, 242, 0.28);
  white-space: nowrap;
}

/* ---------- 断点 ---------- */

@media (min-width: 760px) {
  .page-disclaimer .disc-term {
    grid-template-columns: var(--disc-col) minmax(0, 1fr);
    gap: clamp(18px, 3vw, 40px);
    align-items: start;
  }

  .page-disclaimer .disc-term-num {
    padding-top: 5px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .disc-head-grid {
    grid-template-columns: minmax(0, 1.62fr) minmax(210px, 0.72fr);
    align-items: end;
  }

  .page-disclaimer .disc-note {
    padding-left: calc(var(--disc-col) + clamp(18px, 3vw, 40px));
  }

  .page-disclaimer .disc-filing-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(20px, 3vw, 44px);
  }

  .page-disclaimer .disc-filing-num {
    align-self: start;
    padding-top: 6px;
  }
}

@media (max-width: 420px) {
  .page-disclaimer .disc-filing-icp {
    font-size: 12px;
    padding: 8px 11px;
  }

  .page-disclaimer .disc-head-copy .lede,
  .page-disclaimer .disc-term-body p {
    font-size: 16px;
  }
}
<<<END>>>

等等，输出格式——指令说标记只能是三个尖括号，而且按顺序每个只能出现一次。对方列出的标记是：


...

...

所以我不能加 <<<END>>>。我得把那部分去掉。

另外我还得确认一下：我加了一个 `disc-filing-body .disc-term-title`（h2），它在 `h2` 里用了 `.disc-term-title` 这个类——这没问题。

我还应该再检查一下那个 `visually-hidden-heading`——其实我只是想让条款区域有个无障碍标签。也许更简单：直接用 `aria-label` 就行。不过既然我已经定义了那个类，留着也没关系。其实想想，更简单的是直接用 `aria-label="条款说明"`，把那个 `h2` 和那个类都去掉。就这样做，能简化。

嗯，不过 `aria-labelledby` 指向那个隐藏的 `h2` 也可以。算了，还是简化一下：直接在区域上用 `aria-label`，避免多出一个隐藏的标题元素。

其实，不管哪种都行。但既然 `h2` 都写好了，而且 CSS 类也定义了，那就留着吧。不过还是简化点吧——去掉隐藏标题，用 `aria-label`。

我想想，还是简化：删掉隐藏的 `h2`，在区域上用 `aria-label`。然后再删掉 `.visually-hidden-heading` 那条 CSS 规则……虽然它也没什么害处，但还是删了吧。

嗯，不过 `aria-label` 对屏幕阅读器来说没问题。

算了，就改成：`<section class="wrap disc-terms" aria-label="条款说明" data-reveal>`。

再重新整理一下输出。

还有一点：`page-disclaimer` 里的 `.lede` 继承的是共享样式——我用 `.disc-head-copy .lede` 来覆盖，这个特异性比单独 `.lede` 高，可以。

另外，`media-caption` 这个共享类——我会在它上面加额外的边距。

好。还有，`data-reveal` 放在 `.disc-terms` 和 `.disc-filing` 上——没问题。

现在最后是那个备案条：`disc-filing` 这个 section 在 wrap 外面，但内部有 `.wrap`——没问题，它能做出通栏色带的效果。它的 `margin-top` 可能会挤到……不过没关系。

收尾。
<main id="main-content" class="page-disclaimer">

  <nav class="crumbs wrap" aria-label="面包屑">
    <ol class="crumbs-list">
      <li class="crumbs-item">
        <a class="crumbs-link" href="/">首页</a>
        <span class="crumbs-sep" aria-hidden="true">/</span>
      </li>
      <li class="crumbs-item">
        <span class="crumbs-current" aria-current="page">使用说明</span>
      </li>
    </ol>
  </nav>

  <section class="disc-head">
    <div class="wrap disc-head-grid">
      <div class="disc-head-copy">
        <p class="eyebrow">使用说明 · INSTRUCTIONS</p>
        <h1 class="disc-title">看站上的说明之前，先知道它以什么为准</h1>
        <p class="lede">豪利777主站上关于会员档位、保修年限、交付周期与选型建议的文字，是我们在您做决定之前公开的介绍。您实际享有的每一项权益，都以登记信息为准；年限从哪一天算起、周期怎么计、出现不一致该找谁，以下逐条说明。</p>
      </div>
      <aside class="disc-head-aside" aria-label="关键节奏">
        <ul class="disc-facts">
          <li><span class="mono">90</span><span>天完成一轮网址复核</span></li>
          <li><span class="mono">1</span><span>个工作日内回复异议</span></li>
          <li><span class="mono">4</span><span>次内容刷新 / 年</span></li>
        </ul>
      </aside>
    </div>
  </section>

  <section class="wrap disc-visual">
    <figure class="media-frame disc-figure">
      <img src="{zhanqunpic:h:420w:1200}" width="1200" height="420" alt="由细密刻度线与方格组成的深空蓝纹理，局部透出微弱赤金光线">
    </figure>
    <p class="media-caption">复核按轮次推进，登记信息随轮次同步，页面上的说明也按同一节奏刷新。</p>
  </section>

  <section class="wrap disc-terms" aria-label="条款说明" data-reveal>

    <article class="disc-term" id="term-01">
      <div class="disc-term-num mono">01</div>
      <div class="disc-term-body">
        <h3 class="disc-term-title">这些介绍能帮您判断什么</h3>
        <p>站上发布的会员档位、保修年限、交付周期与选型建议，都在您拍板之前公开，用来帮您比较不同档位的差距、估算从登记到交付要等多久。</p>
        <p>真正对您生效的是登记完成后生成的登记信息。已经完成登记的客户，年限与周期一律按登记记录执行，页面文字只作为选择阶段的参考。</p>
      </div>
    </article>

    <article class="disc-term" id="term-02">
      <div class="disc-term-num mono">02</div>
      <div class="disc-term-body">
        <h3 class="disc-term-title">内容多久刷新一次</h3>
        <p>网址复核由专人执行，每 90 天完成一轮并登记一次；站上的会员档位、网址与专利信息按季度同步一次，一年完成 4 次。</p>
        <p>因此站上较早发布的内容，可能已经被更新的一版替代。涉及权益判断时，请以更新日期最近的一版为准，轮次与版本号会写在对应内容的开头。</p>
      </div>
    </article>

    <article class="disc-term" id="term-03">
      <div class="disc-term-num mono">03</div>
      <div class="disc-term-body">
        <h3 class="disc-term-title">保修年限与交付周期从哪一天起算</h3>
        <p class="disc-callout">网址保修年限自登记信息生效之日起算：基础档 12 个月、进阶档 24 个月、尊享档 36 个月，到期前 30 天我们会发出提醒。</p>
        <p>交付周期按工作日计算，从需求确认之日起算：基础档 7 个工作日、进阶档 5 个工作日、尊享档 3 个工作日。这两组数字在登记信息里都有原文，常见问法也整理在<a href="/questions/">问答中心</a>。</p>
      </div>
    </article>

    <p class="disc-note"><span class="mono">备注</span>登记信息随时可查；如果您手里的凭证与登记记录不一致，处理方式见第 06 条。</p>

    <article class="disc-term" id="term-04">
      <div class="disc-term-num mono">04</div>
      <div class="disc-term-body">
        <h3 class="disc-term-title">站外的页面由谁负责</h3>
        <p>站上个别位置会指向其他站点。那些页面由第三方自行维护，更新节奏、内容准确性与能否正常打开，都不由我们控制。</p>
        <p>是否采信站外信息，请您结合自身判断。如果您想确认某项合作资源是否属于我们的合作生态，可以在<a href="/reach-us/">合作询价</a>页登记，我们会说明它的归属。</p>
      </div>
    </article>

    <article class="disc-term" id="term-05">
      <div class="disc-term-num mono">05</div>
      <div class="disc-term-body">
        <h3 class="disc-term-title">哪些情况会让服务安排发生变化</h3>
        <p>登记信息与实际不符、对接人变更后没有同步、到期提醒发出后一直没有回应，这些都会让交付排期需要重新确认。我们会先联系到您，再调整时间。</p>
        <p>遇到自然灾害、网络中断等无法提前预见的状况，交付时间会相应顺延，新的排期在确认之后同步给您。</p>
      </div>
    </article>

    <article class="disc-term" id="term-06">
      <div class="disc-term-num mono">06</div>
      <div class="disc-term-body">
        <h3 class="disc-term-title">发现信息不一致时找谁</h3>
        <p>如果您在站上看到的内容与自己手里的登记记录对不上，请把页面地址、登记编号和具体差异发到客服邮箱 info@haoli777-vip.com.cn，我们在 1 个工作日内回复并说明处理结果。</p>
        <p>信息确实有误的，我们会完成更正，并同步给同一批次已受影响的登记人。</p>
      </div>
    </article>

    <p class="disc-note"><span class="mono">备注</span>涉及个人信息的收集、使用与保存方式，请查看<a href="/privacy-center/">隐私中心</a>。</p>
  </section>

  <section class="disc-filing" aria-label="站点归属" data-reveal>
    <div class="wrap disc-filing-inner">
      <div class="disc-filing-num mono">07</div>
      <div class="disc-filing-body">
        <h2 class="disc-term-title">站点归属</h2>
        <p>本站由豪利777主站运营，面向华人用户提供网址服务与会员权益信息，新疆地区设有服务网点，支持本地化交付与售后响应。</p>
      </div>
      <p class="disc-filing-icp mono">新ICP备35140158号</p>
    </div>
  </section>

</main>

.page-disclaimer {
  --disc-col: 84px;
  --disc-line: rgba(44, 74, 143, 0.55);
  --disc-soft-line: rgba(44, 74, 143, 0.32);
  display: block;
  background: var(--space);
  color: var(--mist);
  padding-bottom: clamp(40px, 6vw, 84px);
}

/* ---------- 页首：斜线纹理 + 编辑部双栏 ---------- */

.page-disclaimer .disc-head {
  position: relative;
  overflow: hidden;
  padding: clamp(30px, 5vw, 68px) 0 clamp(26px, 3.6vw, 44px);
  border-bottom: 1px solid var(--hair);
  background-image:
    repeating-linear-gradient(135deg, rgba(44, 74, 143, 0.26) 0 1px, transparent 1px 11px),
    repeating-linear-gradient(45deg, rgba(122, 92, 240, 0.07) 0 1px, transparent 1px 26px);
}

.page-disclaimer .disc-head::after {
  content: "";
  position: absolute;
  inset: auto -12% -60% 8%;
  height: 150%;
  background: radial-gradient(52% 58% at 24% 26%, rgba(228, 169, 60, 0.14), transparent 68%);
  pointer-events: none;
}

.page-disclaimer .disc-head-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 4vw, 44px);
}

.page-disclaimer .disc-title {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(34px, 5.6vw, 68px);
  line-height: 1.07;
  letter-spacing: -0.01em;
  color: var(--chalk);
}

.page-disclaimer .disc-head-copy .lede {
  margin: 20px 0 0;
  max-width: 64ch;
  font-size: 17px;
  line-height: 1.78;
  color: var(--mist);
}

.page-disclaimer .disc-facts {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1px;
  border: 1px solid var(--hair);
  background: var(--hair);
}

.page-disclaimer .disc-facts li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 12px 14px;
  background: rgba(14, 31, 69, 0.82);
  font-size: 14px;
  line-height: 1.5;
  color: var(--dim);
}

.page-disclaimer .disc-facts .mono {
  flex: none;
  font-family: var(--font-mono);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--gold);
}

/* ---------- 通栏视觉 ---------- */

.page-disclaimer .disc-visual {
  padding: clamp(24px, 3.6vw, 44px) 0 0;
}

.page-disclaimer .disc-figure {
  margin: 0;
  aspect-ratio: 1200 / 420;
  overflow: hidden;
  border: 1px solid var(--hair);
  background: var(--void);
  transition: border-color var(--t) var(--ease);
}

.page-disclaimer .disc-figure:hover {
  border-color: var(--gold);
}

.page-disclaimer .disc-figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.page-disclaimer .disc-visual .media-caption {
  margin: 10px 0 0;
  max-width: 70ch;
  font-size: 13px;
  line-height: 1.7;
  color: var(--dim);
}

/* ---------- 编号条款 ---------- */

.page-disclaimer .disc-terms {
  padding: clamp(28px, 4.4vw, 58px) 0 0;
}

.page-disclaimer .disc-term {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: clamp(20px, 2.6vw, 30px) clamp(12px, 1.8vw, 22px);
  border-top: 1px solid var(--disc-line);
  transition: background var(--t) var(--ease), border-color var(--t) var(--ease);
}

.page-disclaimer .disc-term:last-of-type {
  border-bottom: 1px solid var(--disc-line);
}

@media (hover: hover) {
  .page-disclaimer .disc-term:hover,
  .page-disclaimer .disc-term:focus-within {
    background: var(--slate);
    border-color: rgba(228, 169, 60, 0.4);
  }

  .page-disclaimer .disc-term:hover .disc-term-num,
  .page-disclaimer .disc-term:focus-within .disc-term-num {
    color: var(--gold);
  }
}

.page-disclaimer .disc-term-num {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--dim);
  transition: color var(--t) var(--ease);
}

.page-disclaimer .disc-term-title {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(19px, 2.4vw, 25px);
  line-height: 1.36;
  color: var(--chalk);
}

.page-disclaimer .disc-term-body p {
  margin: 0 0 12px;
  max-width: 66ch;
  font-size: 17px;
  line-height: 1.78;
  color: var(--mist);
}

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

.page-disclaimer .disc-term-body .disc-callout {
  max-width: 60ch;
  padding: 14px 18px;
  border-left: 3px solid var(--gold);
  background: rgba(14, 31, 69, 0.92);
  color: var(--chalk);
}

.page-disclaimer .disc-term-body a,
.page-disclaimer .disc-note a {
  color: var(--gold-soft);
  text-decoration: none;
  border-bottom: 1px solid rgba(228, 169, 60, 0.42);
  transition: color var(--t) var(--ease), border-color var(--t) var(--ease);
}

.page-disclaimer .disc-term-body a:hover,
.page-disclaimer .disc-note a:hover,
.page-disclaimer .disc-term-body a:focus-visible,
.page-disclaimer .disc-note a:focus-visible {
  color: var(--chalk);
  border-bottom-color: var(--gold);
}

.page-disclaimer .disc-term-body a::after {
  content: "→";
  display: inline-block;
  margin-left: 4px;
  font-size: 0.9em;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity var(--t) var(--ease), transform var(--t) var(--ease);
}

.page-disclaimer .disc-term-body a:hover::after,
.page-disclaimer .disc-term-body a:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}

/* ---------- 条款间隔注释 ---------- */

.page-disclaimer .disc-note {
  display: flex;
  gap: 12px;
  align-items: baseline;
  margin: 0;
  padding: 14px clamp(12px, 1.8vw, 22px);
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--dim);
  border-top: 1px dashed var(--disc-soft-line);
  border-bottom: 1px dashed var(--disc-soft-line);
}

.page-disclaimer .disc-note .mono {
  flex: none;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--violet);
}

/* ---------- 页尾备案实色带 ---------- */

.page-disclaimer .disc-filing {
  margin-top: clamp(30px, 5vw, 60px);
  background: var(--slate);
  border-top: 1px solid var(--hair);
  border-bottom: 1px solid var(--hair);
  transition: border-color 240ms var(--ease);
}

.page-disclaimer .disc-filing.is-visible {
  border-color: var(--gold);
}

.page-disclaimer .disc-filing-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding: clamp(24px, 3.4vw, 40px) 0;
}

.page-disclaimer .disc-filing-num {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--gold);
}

.page-disclaimer .disc-filing-body .disc-term-title {
  margin-bottom: 10px;
}

.page-disclaimer .disc-filing-body p {
  margin: 0;
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.76;
  color: var(--mist);
}

.page-disclaimer .disc-filing-icp {
  justify-self: start;
  padding: 9px 16px;
  font-family: var(--font-mono);
  font-size: 13.5px;
  letter-spacing: 0.06em;
  color: var(--chalk);
  border: 1px solid rgba(201, 214, 242, 0.28);
  white-space: nowrap;
}

/* ---------- 断点 ---------- */

@media (min-width: 760px) {
  .page-disclaimer .disc-term {
    grid-template-columns: var(--disc-col) minmax(0, 1fr);
    gap: clamp(18px, 3vw, 40px);
    align-items: start;
  }

  .page-disclaimer .disc-term-num {
    padding-top: 5px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .disc-head-grid {
    grid-template-columns: minmax(0, 1.62fr) minmax(210px, 0.72fr);
    align-items: end;
  }

  .page-disclaimer .disc-note {
    padding-left: calc(var(--disc-col) + clamp(18px, 3vw, 40px));
  }

  .page-disclaimer .disc-filing-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(20px, 3vw, 44px);
  }

  .page-disclaimer .disc-filing-num {
    align-self: start;
    padding-top: 6px;
  }
}

@media (max-width: 420px) {
  .page-disclaimer .disc-filing-icp {
    font-size: 12px;
    padding: 8px 11px;
  }

  .page-disclaimer .disc-head-copy .lede,
  .page-disclaimer .disc-term-body p {
    font-size: 16px;
  }
}