.page-disclaimer {
  --doc-rule: rgba(201,207,216,.13);
  --doc-rule-strong: rgba(201,207,216,.3);
  --doc-text: #C9CFD8;
  --doc-quiet: #7E8794;
  --doc-measure: 40rem;
  background: var(--ink);
  color: var(--doc-text);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .doc-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--doc-rule);
  background: var(--ink);
}
.page-disclaimer .doc-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .34;
  filter: saturate(.5) contrast(1.05);
  z-index: -2;
}
.page-disclaimer .doc-hero__veil {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(11,13,17,.55) 0%, rgba(11,13,17,.86) 58%, var(--ink) 100%),
    linear-gradient(96deg, rgba(46,125,255,.16) 0%, transparent 44%),
    linear-gradient(258deg, rgba(255,59,47,.12) 0%, transparent 40%);
}
.page-disclaimer .doc-hero__inner {
  position: relative;
  padding: clamp(3.2rem, 8vw, 6.4rem) 0 clamp(2.6rem, 5vw, 4.2rem);
  max-width: 52rem;
}
.page-disclaimer .doc-hero .breadcrumb {
  margin-bottom: 1.6rem;
}
.page-disclaimer .doc-hero__title {
  margin: .5rem 0 1rem;
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 87%;
  letter-spacing: -0.02em;
  line-height: .98;
  font-size: clamp(2.6rem, 9vw, 4.6rem);
  color: #F4F6F9;
}
.page-disclaimer .doc-hero__lede {
  max-width: 34rem;
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--doc-text);
  border-left: 2px solid var(--blue);
  padding-left: 1.05rem;
}
.page-disclaimer .doc-hero__stamp {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-top: 1.9rem;
  padding: .5rem .95rem;
  border: 1px solid rgba(134,255,110,.34);
  background: rgba(134,255,110,.05);
  color: var(--green);
  font-size: .75rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* ---------- 正文骨架 ---------- */
.page-disclaimer .doc-body {
  padding-top: clamp(2rem, 4vw, 3.2rem);
  padding-bottom: clamp(3rem, 7vw, 5.5rem);
}
.page-disclaimer .doc-toc {
  position: sticky;
  top: calc(var(--bar-h) + var(--mast-h) + .5rem);
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: .7rem;
  margin: 0 auto clamp(2.2rem, 5vw, 3.4rem);
  padding: .9rem 1rem;
  max-width: 52rem;
  border: 1px solid var(--doc-rule);
  border-left: 3px solid var(--blue);
  background: rgba(23,27,34,.94);
  backdrop-filter: blur(10px);
}
.page-disclaimer .doc-toc__label {
  font-size: .6875rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--doc-quiet);
}
.page-disclaimer .doc-toc__list {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-disclaimer .doc-toc__list a {
  display: inline-flex;
  align-items: baseline;
  gap: .4rem;
  padding: .28rem .62rem;
  border: 1px solid var(--doc-rule);
  font-size: .8125rem;
  color: var(--doc-text);
  text-decoration: none;
  transition: border-color .22s var(--ease), color .22s var(--ease), background-color .22s var(--ease);
}
.page-disclaimer .doc-toc__list a .mono {
  color: var(--doc-quiet);
  font-size: .6875rem;
}
.page-disclaimer .doc-toc__list a:hover,
.page-disclaimer .doc-toc__list a:focus-visible {
  border-color: var(--blue);
  background: rgba(46,125,255,.1);
  color: #fff;
}
.page-disclaimer .doc-toc__list a:hover .mono,
.page-disclaimer .doc-toc__list a:focus-visible .mono {
  color: var(--green);
}

.page-disclaimer .doc-article {
  max-width: 52rem;
  margin: 0 auto;
}

/* ---------- 章节 ---------- */
.page-disclaimer .doc-sec {
  padding: clamp(2rem, 4.5vw, 3rem) 0;
  border-top: 1px solid var(--doc-rule);
  scroll-margin-top: calc(var(--bar-h) + var(--mast-h) + 3.6rem);
}
.page-disclaimer .doc-sec:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.page-disclaimer .doc-sec__head {
  display: flex;
  align-items: baseline;
  gap: .85rem;
  margin-bottom: 1.3rem;
}
.page-disclaimer .doc-sec__no {
  flex: none;
  font-size: .8125rem;
  letter-spacing: .12em;
  color: var(--green);
  padding: .12rem .45rem;
  border: 1px solid rgba(134,255,110,.32);
}
.page-disclaimer .doc-sec__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-stretch: 90%;
  letter-spacing: -0.01em;
  font-size: clamp(1.35rem, 3.6vw, 1.95rem);
  line-height: 1.2;
  color: #EEF1F5;
}
.page-disclaimer .prose p {
  margin: 0 0 1rem;
  font-size: 1.0625rem;
  line-height: 1.78;
  color: var(--doc-text);
}
.page-disclaimer .prose strong {
  color: #F4F6F9;
  font-weight: 600;
}
.page-disclaimer .prose a {
  color: var(--blue);
  text-decoration: none;
  border-bottom: 1px solid rgba(46,125,255,.42);
  transition: color .2s var(--ease), border-color .2s var(--ease);
}
.page-disclaimer .prose a:hover,
.page-disclaimer .prose a:focus-visible {
  color: #7FB0FF;
  border-bottom-color: #7FB0FF;
}
.page-disclaimer .doc-closing {
  margin-top: 1.2rem;
  padding-left: 1rem;
  border-left: 2px solid var(--doc-rule-strong);
  font-size: .9375rem;
  color: var(--doc-quiet);
}

/* ---------- 清单 ---------- */
.page-disclaimer .doc-list {
  margin: 1.2rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .55rem;
}
.page-disclaimer .doc-list li {
  display: flex;
  gap: .6rem;
  font-size: .9375rem;
  line-height: 1.6;
  color: var(--doc-text);
}
.page-disclaimer .doc-list li .mono {
  color: var(--green);
  flex: none;
}
.page-disclaimer .doc-list--tight li {
  font-size: .875rem;
}

/* ---------- 版本卡（悬停展开） ---------- */
.page-disclaimer .version-slip {
  position: relative;
  margin: 1.6rem 0;
  padding: 1.1rem 1.15rem;
  border: 1px solid rgba(134,255,110,.28);
  background:
    linear-gradient(180deg, rgba(134,255,110,.07) 0%, rgba(23,27,34,.9) 100%),
    repeating-linear-gradient(90deg, transparent 0 23px, var(--doc-rule) 23px 24px);
  background-color: var(--graphite);
}
.page-disclaimer .version-slip__head {
  display: flex;
  align-items: center;
  gap: .6rem;
}
.page-disclaimer .version-slip__date {
  font-size: 1.05rem;
  letter-spacing: .04em;
  color: #F4F6F9;
}
.page-disclaimer .version-slip__tag {
  font-size: .6875rem;
}
.page-disclaimer .version-slip__note {
  margin: .7rem 0 0;
  font-size: .8125rem;
  color: var(--doc-quiet);
}
.page-disclaimer .version-slip__pop {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .3s var(--ease), opacity .24s var(--ease), margin-top .3s var(--ease);
}
.page-disclaimer .version-slip:hover .version-slip__pop,
.page-disclaimer .version-slip:focus-within .version-slip__pop {
  max-height: 12rem;
  opacity: 1;
  margin-top: .9rem;
}
.page-disclaimer .version-slip__pop-title {
  margin: 0 0 .5rem;
  font-size: .6875rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--green);
}
.page-disclaimer .version-slip__pop ul {
  margin: 0;
  padding: .7rem 0 0;
  list-style: none;
  border-top: 1px solid var(--doc-rule);
  display: grid;
  gap: .35rem;
  font-size: .8125rem;
  color: var(--doc-text);
}

/* ---------- 设备与网络：三格刻度 ---------- */
.page-disclaimer .spec-row {
  display: grid;
  gap: 1px;
  margin: 1.4rem 0 .4rem;
  background: var(--doc-rule);
  border: 1px solid var(--doc-rule);
}
.page-disclaimer .spec {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: 1.05rem 1.1rem;
  background: var(--graphite);
}
.page-disclaimer .spec__num {
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1;
  color: #F4F6F9;
}
.page-disclaimer .spec:nth-child(1) .spec__num { color: #fff; }
.page-disclaimer .spec:nth-child(2) .spec__num { color: var(--blue); }
.page-disclaimer .spec:nth-child(3) .spec__num { color: var(--green); }
.page-disclaimer .spec__unit {
  font-size: .6875rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--doc-quiet);
}
.page-disclaimer .spec__label {
  margin: .45rem 0 0;
  font-size: .8125rem;
  line-height: 1.55;
  color: var(--doc-quiet);
}

/* ---------- 使用规范：编号条目 ---------- */
.page-disclaimer .norm-list {
  margin: 1.3rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0;
  counter-reset: none;
}
.page-disclaimer .norm {
  display: grid;
  grid-template-columns: 3.6rem 1fr;
  gap: .2rem 1rem;
  padding: 1.15rem 0;
  border-top: 1px solid var(--doc-rule);
}
.page-disclaimer .norm:last-child {
  border-bottom: 1px solid var(--doc-rule);
}
.page-disclaimer .norm__key {
  font-size: .75rem;
  letter-spacing: .06em;
  color: var(--red);
  padding-top: .18rem;
}
.page-disclaimer .norm__title {
  margin: 0 0 .35rem;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  color: #EEF1F5;
  font-family: var(--font-body);
}
.page-disclaimer .norm__body p {
  margin: 0;
  font-size: .9375rem;
  line-height: 1.72;
  color: var(--doc-quiet);
}

/* ---------- 反馈 ---------- */
.page-disclaimer .feedback-grid {
  display: grid;
  gap: 1px;
  margin: 1.4rem 0 0;
  background: var(--doc-rule);
  border: 1px solid var(--doc-rule);
}
.page-disclaimer .feedback-card {
  padding: 1.2rem 1.15rem 1.3rem;
  background: var(--graphite);
}
.page-disclaimer .feedback-card--accent {
  background:
    linear-gradient(160deg, rgba(255,59,47,.09) 0%, rgba(23,27,34,.96) 72%),
    var(--graphite);
}
.page-disclaimer .feedback-card__label {
  margin: 0 0 .8rem;
  font-size: .6875rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--doc-quiet);
}
.page-disclaimer .feedback-card--accent .feedback-card__label {
  color: var(--red);
}
.page-disclaimer .feedback-card .doc-list {
  margin-top: 0;
}
.page-disclaimer .feedback-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .6rem;
}
.page-disclaimer .feedback-steps li {
  display: flex;
  align-items: baseline;
  gap: .7rem;
  font-size: .9375rem;
  line-height: 1.6;
  color: var(--doc-text);
}
.page-disclaimer .feedback-steps li .mono {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: .6875rem;
  color: var(--ink);
  background: var(--red);
}

/* ---------- 页脚版本签 ---------- */
.page-disclaimer .doc-foot {
  max-width: 52rem;
  margin: clamp(2.6rem, 5vw, 4rem) auto 0;
  padding-top: 1.4rem;
  border-top: 1px solid var(--doc-rule-strong);
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
.page-disclaimer .doc-foot__line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 0;
  font-size: .75rem;
  letter-spacing: .04em;
  color: var(--doc-quiet);
}
.page-disclaimer .doc-foot__line::before {
  content: "";
  display: none;
}
.page-disclaimer .doc-foot .pulse-dot {
  vertical-align: middle;
}
.page-disclaimer .doc-foot__links {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .6rem;
  margin: 0;
}
.page-disclaimer .doc-foot__links a {
  display: inline-block;
  padding: .3rem .7rem;
  border: 1px solid var(--doc-rule);
  font-size: .8125rem;
  color: var(--doc-text);
  text-decoration: none;
  transition: border-color .2s var(--ease), background-color .2s var(--ease);
}
.page-disclaimer .doc-foot__links a:hover,
.page-disclaimer .doc-foot__links a:focus-visible {
  border-color: var(--green);
  background: rgba(134,255,110,.07);
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-disclaimer .spec-row {
    grid-template-columns: repeat(3, 1fr);
  }
  .page-disclaimer .feedback-grid {
    grid-template-columns: 1fr 1fr;
  }
  .page-disclaimer .doc-hero__inner {
    padding-top: clamp(4.2rem, 9vw, 7rem);
  }
}

@media (min-width: 1080px) {
  .page-disclaimer .doc-hero__inner,
  .page-disclaimer .doc-toc,
  .page-disclaimer .doc-article,
  .page-disclaimer .doc-foot {
    max-width: 46rem;
  }
  .page-disclaimer .doc-toc {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.4rem;
  }
  .page-disclaimer .doc-toc__label {
    flex: none;
  }
  .page-disclaimer .norm {
    grid-template-columns: 4.4rem 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .doc-toc__list a,
  .page-disclaimer .prose a,
  .page-disclaimer .version-slip__pop,
  .page-disclaimer .doc-foot__links a {
    transition: none;
  }
  .page-disclaimer .version-slip:hover .version-slip__pop,
  .page-disclaimer .version-slip:focus-within .version-slip__pop {
    transition: none;
  }
}
<<<END>>>

等待一下，我漏了结束标记。让我重新输出完整答案。

要求的标记是三个尖括号：

...

...

我错误地加了 <<<END>>>。修正一下。

同时我注意到在 .doc-foot__line 里我写了 ::before content 但 display none，那是多余的，删掉。

另外要确保每个 href="#xxx" 都有对应的 id：
- #scope ✓
- #version ✓
- #device ✓
- #norms ✓
- #feedback ✓

好，重新输出。
<main id="main-content" class="page-disclaimer">
  <div class="doc-hero">
    <img class="doc-hero__img" src="{zhanqunpic:h:600w:1600}" width="1600" height="600" alt="深色底上均匀的细线网格与边缘刻度，局部有一条电光蓝斜线穿过" decoding="async">
    <div class="doc-hero__veil" aria-hidden="true"></div>
    <div class="container doc-hero__inner">
      <nav class="breadcrumb" aria-label="页面路径">
        <ol>
          <li><a href="/">首页</a></li>
          <li aria-current="page">使用说明</li>
        </ol>
      </nav>
      <p class="eyebrow eyebrow--green">访问规范 · 信息时效</p>
      <h1 class="doc-hero__title">使用说明</h1>
      <p class="doc-hero__lede">
        在手机上打开竞博中心的寻址页面之前，先花一分钟看这几条：入口信息看哪一版、手机和网络有什么讲究、
        发现对不上时该找谁。看完再点，路会顺一些。
      </p>
      <p class="doc-hero__stamp mono">
        <span class="pulse-dot" aria-hidden="true"></span>
        当前版本 <time datetime="2026-03-12">3 月 12 日</time>
      </p>
    </div>
  </div>

  <div class="container doc-body">
    <nav class="doc-toc" aria-label="本页章节" data-reveal>
      <span class="doc-toc__label mono">本页五节</span>
      <ol class="doc-toc__list">
        <li><a href="#scope"><span class="mono">01</span>适用范围</a></li>
        <li><a href="#version"><span class="mono">02</span>版本时效</a></li>
        <li><a href="#device"><span class="mono">03</span>设备与网络</a></li>
        <li><a href="#norms"><span class="mono">04</span>使用规范</a></li>
        <li><a href="#feedback"><span class="mono">05</span>信息反馈</a></li>
      </ol>
    </nav>

    <article class="doc-article">

      <section id="scope" class="doc-sec" data-reveal>
        <header class="doc-sec__head">
          <span class="doc-sec__no mono">01</span>
          <h2 class="doc-sec__title">这份说明管哪些页面</h2>
        </header>
        <div class="prose">
          <p>
            不管是您第一次打开找入口的那一屏，还是翻到设备对照表核对旧机器的登录路径，只要页面左侧轨道挂着
            「竞博中心」的站名，下面这几条说的就是它。
          </p>
          <p>
            说明覆盖入口位置怎么读、版本日期怎么认、页面在什么设备上打开最稳，以及入口调整之后怎么跟着换路。
            它不涉及您之后账号里的事——登录凭证的填写、密码找回、身份验证，都在您从入口进去之后的页面里完成，
            这里不再展开。
          </p>
        </div>
        <ul class="doc-list">
          <li><span class="mono">·</span>首页首屏的入口卡片，以及基础导航、帮助中心两栏</li>
          <li><span class="mono">·</span>设备切换区：换了手机、平板与手机并用时的重新匹配路径</li>
          <li><span class="mono">·</span>入口对照表：网页版与可保存版两种形态</li>
          <li><span class="mono">·</span>平台动态里的每一轮版本更新条目</li>
        </ul>
      </section>

      <section id="version" class="doc-sec" data-reveal>
        <header class="doc-sec__head">
          <span class="doc-sec__no mono">02</span>
          <h2 class="doc-sec__title">入口信息以哪一版为准</h2>
        </header>
        <div class="prose">
          <p>
            页面顶部的版本日期条和页脚左下角，各写着一行「当前版本 3 月 12 日」。两处写的是同一个日子，
            您看哪边都行。<strong>判断信息新旧，认准这行日期就够了。</strong>
          </p>
          <p>
            上一版是 2 月 26 日，再上一版是 2 月 8 日。您要是隔了半个月才回来，日期比记忆里新，说明这一轮
            有过调整——按当前页面上的位置走，别按旧截图走。
          </p>
        </div>

        <div class="version-slip" tabindex="0" data-reveal>
          <div class="version-slip__head">
            <span class="pulse-dot" aria-hidden="true"></span>
            <span class="mono version-slip__date">3 月 12 日</span>
            <span class="version-slip__tag tag tag--green">当前</span>
          </div>
          <p class="version-slip__note">
            鼠标移上来，或手指按住这一块，可以看到本轮动过哪些地方。
          </p>
          <div class="version-slip__pop">
            <p class="mono version-slip__pop-title">本轮调整摘要</p>
            <ul class="mono">
              <li>· 入口对照表随本轮同步更新</li>
              <li>· 内地访问场景的页面对齐同一版本</li>
              <li>· 帮助条目按近期热度重新排序</li>
            </ul>
          </div>
        </div>

        <div class="prose">
          <p>
            同一处入口，要是在两个页面里显示得不一样，以日期较新的那个页面为准。想追这段变化是怎么来的，
            可以翻<a href="/news/">平台动态</a>里的更新条目，每一条都标了标签和一句话摘要。
          </p>
        </div>
      </section>

      <section id="device" class="doc-sec" data-reveal>
        <header class="doc-sec__head">
          <span class="doc-sec__no mono">03</span>
          <h2 class="doc-sec__title">手机、平板与网络的要求</h2>
        </header>
        <div class="prose">
          <p>
            这套页面是照着手机竖屏做的。屏幕宽度在 320px 到 480px 之间，字最清楚、按钮最好按；
            在平板上打开会自动放宽留白，内容一样齐全。
          </p>
        </div>
        <div class="spec-row">
          <div class="spec">
            <span class="spec__num mono">320–480</span>
            <span class="spec__unit mono">px 窄屏区间</span>
            <p class="spec__label">首屏加载控制在 1.2 秒以内，手指滑动不用来回找位置。</p>
          </div>
          <div class="spec">
            <span class="spec__num mono">4.6</span>
            <span class="spec__unit mono">万次 / 日</span>
            <p class="spec__label">日均处理的入口寻址请求，服务覆盖 31 个省区市。</p>
          </div>
          <div class="spec">
            <span class="spec__num mono">3</span>
            <span class="spec__unit mono">层确认</span>
            <p class="spec__label">每条入口信息经来源确认、窄屏实测、跨设备复测后才签发。</p>
          </div>
        </div>
        <div class="prose">
          <p>
            浏览器没有特别要求，手机自带的、Chrome、Safari、Edge 都能正常打开。信号弱的时候页面会自动切到
            精简版，少掉背景网格和动效，入口位置与版本日期照旧显示。要是只转圈不出内容，先连上稳定网络
            再刷新一次；还是不行，去<a href="/help/">帮助中心</a>看「页面打不开」那一条。
          </p>
        </div>
      </section>

      <section id="norms" class="doc-sec" data-reveal>
        <header class="doc-sec__head">
          <span class="doc-sec__no mono">04</span>
          <h2 class="doc-sec__title">使用时请留意这几条</h2>
        </header>
        <div class="prose">
          <p>
            页面是给一个个真实访客看的，所以有几件事想请您别做，免得把访问通道挤窄了：
          </p>
        </div>
        <ol class="norm-list">
          <li class="norm">
            <span class="norm__key mono">N-01</span>
            <div class="norm__body">
              <h3 class="norm__title">别用程序批量抓取</h3>
              <p>自动化脚本、爬虫、批量采集工具会占满通道。需要入口位置的书面整理，请到联系页说明用途，我们另想办法给您。</p>
            </div>
          </li>
          <li class="norm">
            <span class="norm__key mono">N-02</span>
            <div class="norm__body">
              <h3 class="norm__title">别高频反复请求</h3>
              <p>短时间内连续刷新几百次，会让同一条线路上的其他人打不开。遇到卡顿，等几秒重试一次通常就够。</p>
            </div>
          </li>
          <li class="norm">
            <span class="norm__key mono">N-03</span>
            <div class="norm__body">
              <h3 class="norm__title">别改动后再转发</h3>
              <p>把页面上的入口位置、版本日期截下来再改字转给别人，容易让收到的人走错路。要分享，直接转发页面路径更稳。</p>
            </div>
          </li>
          <li class="norm">
            <span class="norm__key mono">N-04</span>
            <div class="norm__body">
              <h3 class="norm__title">影响他人访问时会怎么处理</h3>
              <p>如果某条线路的请求量持续异常，我们会临时限速，先保证大多数访客能正常打开；恢复正常后限制随之解除。</p>
            </div>
          </li>
        </ol>
      </section>

      <section id="feedback" class="doc-sec" data-reveal>
        <header class="doc-sec__head">
          <span class="doc-sec__no mono">05</span>
          <h2 class="doc-sec__title">发现信息有出入，怎么告诉我们</h2>
        </header>
        <div class="prose">
          <p>
            您看到的入口位置、设备名称或版本日期，跟手上的机器对不上——这种情况请直接说，不用先自己排查。
            反馈入口统一走<a href="/reach-us/">联系与咨询</a>页，工作日 9:00 至 18:00 有人守，平均 2 小时以内回您。
          </p>
        </div>
        <div class="feedback-grid">
          <div class="feedback-card">
            <p class="feedback-card__label mono">带上这四项</p>
            <ul class="doc-list doc-list--tight">
              <li><span class="mono">·</span>出问题的页面名称</li>
              <li><span class="mono">·</span>页面顶部显示的版本日期</li>
              <li><span class="mono">·</span>手机型号与系统</li>
              <li><span class="mono">·</span>问题处的截图</li>
            </ul>
          </div>
          <div class="feedback-card feedback-card--accent">
            <p class="feedback-card__label mono">接下来会怎样</p>
            <ol class="feedback-steps">
              <li><span class="mono">1</span>确认您说的是哪一版</li>
              <li><span class="mono">2</span>在窄屏设备上复现一次</li>
              <li><span class="mono">3</span>确认有误，就在这一轮版本里改掉</li>
              <li><span class="mono">4</span>改完在平台动态里记一笔</li>
            </ol>
          </div>
        </div>
        <p class="prose doc-closing">
          反馈里如果涉及您在本站留下的个人信息，处理方式见<a href="/privacy-notice/">隐私声明</a>。
          想先自己找找答案，<a href="/help/">帮助中心</a>收了 62 条常见问题，按进入前、进入中、进入后三段排好了。
        </p>
      </section>

    </article>

    <footer class="doc-foot" data-reveal>
      <p class="doc-foot__line">
        <span class="pulse-dot" aria-hidden="true"></span>
        <span class="mono">当前版本 3 月 12 日 · 上一版 2 月 26 日 · 每两周巡检一次，每月发布一次更新</span>
      </p>
      <p class="doc-foot__links">
        <a href="/">回首页找入口</a>
        <a href="/business/">看入口对照表</a>
        <a href="/help/">去帮助中心</a>
      </p>
    </footer>
  </div>
</main>

.page-disclaimer {
  --doc-rule: rgba(201,207,216,.13);
  --doc-rule-strong: rgba(201,207,216,.3);
  --doc-text: #C9CFD8;
  --doc-quiet: #7E8794;
  background: var(--ink);
  color: var(--doc-text);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .doc-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--doc-rule);
  background: var(--ink);
}
.page-disclaimer .doc-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .34;
  filter: saturate(.5) contrast(1.05);
  z-index: -2;
}
.page-disclaimer .doc-hero__veil {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(11,13,17,.52) 0%, rgba(11,13,17,.86) 58%, var(--ink) 100%),
    linear-gradient(96deg, rgba(46,125,255,.16) 0%, transparent 44%),
    linear-gradient(258deg, rgba(255,59,47,.12) 0%, transparent 40%);
}
.page-disclaimer .doc-hero__inner {
  position: relative;
  max-width: 52rem;
  padding: clamp(3.2rem, 8vw, 6.4rem) 0 clamp(2.6rem, 5vw, 4.2rem);
}
.page-disclaimer .doc-hero .breadcrumb {
  margin-bottom: 1.6rem;
}
.page-disclaimer .doc-hero__title {
  margin: .5rem 0 1rem;
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 87%;
  letter-spacing: -.02em;
  line-height: .98;
  font-size: clamp(2.6rem, 9vw, 4.6rem);
  color: #F4F6F9;
}
.page-disclaimer .doc-hero__lede {
  max-width: 34rem;
  padding-left: 1.05rem;
  border-left: 2px solid var(--blue);
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--doc-text);
}
.page-disclaimer .doc-hero__stamp {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-top: 1.9rem;
  padding: .5rem .95rem;
  border: 1px solid rgba(134,255,110,.34);
  background: rgba(134,255,110,.05);
  color: var(--green);
  font-size: .75rem;
  letter-spacing: .06em;
}

/* ---------- 正文骨架 ---------- */
.page-disclaimer .doc-body {
  padding-top: clamp(2rem, 4vw, 3.2rem);
  padding-bottom: clamp(3rem, 7vw, 5.5rem);
}
.page-disclaimer .doc-toc {
  position: sticky;
  top: calc(var(--bar-h) + var(--mast-h) + .5rem);
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: .7rem;
  max-width: 52rem;
  margin: 0 auto clamp(2.2rem, 5vw, 3.4rem);
  padding: .9rem 1rem;
  border: 1px solid var(--doc-rule);
  border-left: 3px solid var(--blue);
  background: rgba(23,27,34,.94);
  backdrop-filter: blur(10px);
}
.page-disclaimer .doc-toc__label {
  font-size: .6875rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--doc-quiet);
}
.page-disclaimer .doc-toc__list {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-disclaimer .doc-toc__list a {
  display: inline-flex;
  align-items: baseline;
  gap: .4rem;
  padding: .28rem .62rem;
  border: 1px solid var(--doc-rule);
  font-size: .8125rem;
  color: var(--doc-text);
  text-decoration: none;
  transition: border-color .22s var(--ease), color .22s var(--ease), background-color .22s var(--ease);
}
.page-disclaimer .doc-toc__list a .mono {
  font-size: .6875rem;
  color: var(--doc-quiet);
}
.page-disclaimer .doc-toc__list a:hover,
.page-disclaimer .doc-toc__list a:focus-visible {
  border-color: var(--blue);
  background: rgba(46,125,255,.1);
  color: #fff;
}
.page-disclaimer .doc-toc__list a:hover .mono,
.page-disclaimer .doc-toc__list a:focus-visible .mono {
  color: var(--green);
}
.page-disclaimer .doc-article {
  max-width: 52rem;
  margin: 0 auto;
}

/* ---------- 章节 ---------- */
.page-disclaimer .doc-sec {
  padding: clamp(2rem, 4.5vw, 3rem) 0;
  border-top: 1px solid var(--doc-rule);
  scroll-margin-top: calc(var(--bar-h) + var(--mast-h) + 3.6rem);
}
.page-disclaimer .doc-sec:first-of-type {
  padding-top: 0;
  border-top: 0;
}
.page-disclaimer .doc-sec__head {
  display: flex;
  align-items: baseline;
  gap: .85rem;
  margin-bottom: 1.3rem;
}
.page-disclaimer .doc-sec__no {
  flex: none;
  padding: .12rem .45rem;
  border: 1px solid rgba(134,255,110,.32);
  font-size: .8125rem;
  letter-spacing: .12em;
  color: var(--green);
}
.page-disclaimer .doc-sec__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-stretch: 90%;
  letter-spacing: -.01em;
  font-size: clamp(1.35rem, 3.6vw, 1.95rem);
  line-height: 1.2;
  color: #EEF1F5;
}
.page-disclaimer .prose p {
  margin: 0 0 1rem;
  font-size: 1.0625rem;
  line-height: 1.78;
  color: var(--doc-text);
}
.page-disclaimer .prose strong {
  font-weight: 600;
  color: #F4F6F9;
}
.page-disclaimer .prose a {
  color: var(--blue);
  text-decoration: none;
  border-bottom: 1px solid rgba(46,125,255,.42);
  transition: color .2s var(--ease), border-color .2s var(--ease);
}
.page-disclaimer .prose a:hover,
.page-disclaimer .prose a:focus-visible {
  color: #7FB0FF;
  border-bottom-color: #7FB0FF;
}
.page-disclaimer .doc-closing {
  margin-top: 1.2rem;
  padding-left: 1rem;
  border-left: 2px solid var(--doc-rule-strong);
  font-size: .9375rem;
  color: var(--doc-quiet);
}

/* ---------- 清单 ---------- */
.page-disclaimer .doc-list {
  display: grid;
  gap: .55rem;
  margin: 1.2rem 0 0;
  padding: 0;
  list-style: none;
}
.page-disclaimer .doc-list li {
  display: flex;
  gap: .6rem;
  font-size: .9375rem;
  line-height: 1.6;
  color: var(--doc-text);
}
.page-disclaimer .doc-list li .mono {
  flex: none;
  color: var(--green);
}
.page-disclaimer .doc-list--tight li {
  font-size: .875rem;
}

/* ---------- 版本卡（悬停/聚焦展开） ---------- */
.page-disclaimer .version-slip {
  position: relative;
  margin: 1.6rem 0;
  padding: 1.1rem 1.15rem;
  border: 1px solid rgba(134,255,110,.28);
  background-color: var(--graphite);
  background-image:
    linear-gradient(180deg, rgba(134,255,110,.07) 0%, rgba(23,27,34,.9) 100%),
    repeating-linear-gradient(90deg, transparent 0 23px, var(--doc-rule) 23px 24px);
}
.page-disclaimer .version-slip__head {
  display: flex;
  align-items: center;
  gap: .6rem;
}
.page-disclaimer .version-slip__date {
  font-size: 1.05rem;
  letter-spacing: .04em;
  color: #F4F6F9;
}
.page-disclaimer .version-slip__tag {
  font-size: .6875rem;
}
.page-disclaimer .version-slip__note {
  margin: .7rem 0 0;
  font-size: .8125rem;
  color: var(--doc-quiet);
}
.page-disclaimer .version-slip__pop {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .3s var(--ease), opacity .24s var(--ease), margin-top .3s var(--ease);
}
.page-disclaimer .version-slip:hover .version-slip__pop,
.page-disclaimer .version-slip:focus-within .version-slip__pop {
  max-height: 12rem;
  margin-top: .9rem;
  opacity: 1;
}
.page-disclaimer .version-slip__pop-title {
  margin: 0 0 .5rem;
  font-size: .6875rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--green);
}
.page-disclaimer .version-slip__pop ul {
  display: grid;
  gap: .35rem;
  margin: 0;
  padding: .7rem 0 0;
  border-top: 1px solid var(--doc-rule);
  list-style: none;
  font-size: .8125rem;
  color: var(--doc-text);
}

/* ---------- 设备与网络：三格刻度 ---------- */
.page-disclaimer .spec-row {
  display: grid;
  gap: 1px;
  margin: 1.4rem 0 .4rem;
  border: 1px solid var(--doc-rule);
  background: var(--doc-rule);
}
.page-disclaimer .spec {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: 1.05rem 1.1rem;
  background: var(--graphite);
}
.page-disclaimer .spec__num {
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.05;
  color: #F4F6F9;
}
.page-disclaimer .spec:nth-child(1) .spec__num { color: #FFFFFF; }
.page-disclaimer .spec:nth-child(2) .spec__num { color: var(--blue); }
.page-disclaimer .spec:nth-child(3) .spec__num { color: var(--green); }
.page-disclaimer .spec__unit {
  font-size: .6875rem;
  letter-spacing: .12em;
  color: var(--doc-quiet);
}
.page-disclaimer .spec__label {
  margin: .45rem 0 0;
  font-size: .8125rem;
  line-height: 1.55;
  color: var(--doc-quiet);
}

/* ---------- 使用规范：编号条目 ---------- */
.page-disclaimer .norm-list {
  display: grid;
  margin: 1.3rem 0 0;
  padding: 0;
  list-style: none;
}
.page-disclaimer .norm {
  display: grid;
  grid-template-columns: 3.6rem 1fr;
  gap: .2rem 1rem;
  padding: 1.15rem 0;
  border-top: 1px solid var(--doc-rule);
}
.page-disclaimer .norm:last-child {
  border-bottom: 1px solid var(--doc-rule);
}
.page-disclaimer .norm__key {
  padding-top: .18rem;
  font-size: .75rem;
  letter-spacing: .06em;
  color: var(--red);
}
.page-disclaimer .norm__title {
  margin: 0 0 .35rem;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  color: #EEF1F5;
}
.page-disclaimer .norm__body p {
  margin: 0;
  font-size: .9375rem;
  line-height: 1.72;
  color: var(--doc-quiet);
}

/* ---------- 反馈 ---------- */
.page-disclaimer .feedback-grid {
  display: grid;
  gap: 1px;
  margin: 1.4rem 0 0;
  border: 1px solid var(--doc-rule);
  background: var(--doc-rule);
}
.page-disclaimer .feedback-card {
  padding: 1.2rem 1.15rem 1.3rem;
  background: var(--graphite);
}
.page-disclaimer .feedback-card--accent {
  background-color: var(--graphite);
  background-image: linear-gradient(160deg, rgba(255,59,47,.09) 0%, rgba(23,27,34,.96) 72%);
}
.page-disclaimer .feedback-card__label {
  margin: 0 0 .8rem;
  font-size: .6875rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--doc-quiet);
}
.page-disclaimer .feedback-card--accent .feedback-card__label {
  color: var(--red);
}
.page-disclaimer .feedback-card .doc-list {
  margin-top: 0;
}
.page-disclaimer .feedback-steps {
  display: grid;
  gap: .6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-disclaimer .feedback-steps li {
  display: flex;
  align-items: baseline;
  gap: .7rem;
  font-size: .9375rem;
  line-height: 1.6;
  color: var(--doc-text);
}
.page-disclaimer .feedback-steps li .mono {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: .6875rem;
  color: var(--ink);
  background: var(--red);
}

/* ---------- 页脚版本签 ---------- */
.page-disclaimer .doc-foot {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  max-width: 52rem;
  margin: clamp(2.6rem, 5vw, 4rem) auto 0;
  padding-top: 1.4rem;
  border-top: 1px solid var(--doc-rule-strong);
}
.page-disclaimer .doc-foot__line {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  font-size: .75rem;
  letter-spacing: .04em;
  color: var(--doc-quiet);
}
.page-disclaimer .doc-foot__line .mono {
  line-height: 1.6;
}
.page-disclaimer .doc-foot__links {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .6rem;
  margin: 0;
}
.page-disclaimer .doc-foot__links a {
  display: inline-block;
  padding: .3rem .7rem;
  border: 1px solid var(--doc-rule);
  font-size: .8125rem;
  color: var(--doc-text);
  text-decoration: none;
  transition: border-color .2s var(--ease), background-color .2s var(--ease);
}
.page-disclaimer .doc-foot__links a:hover,
.page-disclaimer .doc-foot__links a:focus-visible {
  border-color: var(--green);
  background: rgba(134,255,110,.07);
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-disclaimer .doc-hero__inner {
    padding-top: clamp(4.2rem, 9vw, 7rem);
  }
  .page-disclaimer .spec-row {
    grid-template-columns: repeat(3, 1fr);
  }
  .page-disclaimer .feedback-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1080px) {
  .page-disclaimer .doc-hero__inner,
  .page-disclaimer .doc-toc,
  .page-disclaimer .doc-article,
  .page-disclaimer .doc-foot {
    max-width: 46rem;
  }
  .page-disclaimer .doc-toc {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.4rem;
  }
  .page-disclaimer .doc-toc__label {
    flex: none;
  }
  .page-disclaimer .norm {
    grid-template-columns: 4.4rem 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .doc-toc__list a,
  .page-disclaimer .prose a,
  .page-disclaimer .version-slip__pop,
  .page-disclaimer .doc-foot__links a {
    transition: none;
  }
}