.page-privacy {
  display: block;
}

/* ---------- 首屏氛围图 ---------- */
.page-privacy .privacy-hero {
  margin-top: var(--space-6);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

/* ---------- 标题区 ---------- */
.page-privacy .privacy-head {
  padding-top: var(--space-6);
}

.page-privacy .privacy-head__title {
  margin: var(--space-2) 0 0;
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
}

.page-privacy .privacy-head__lead {
  margin-top: var(--space-3);
  max-width: var(--measure);
  font-size: var(--text-lg);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
}

.page-privacy .privacy-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  margin: var(--space-6) 0 0;
  padding-top: var(--space-4);
  border-top: var(--border-thin) solid var(--color-line);
}

.page-privacy .privacy-meta__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.page-privacy .privacy-meta dt {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  color: var(--color-ink-muted);
}

.page-privacy .privacy-meta dd {
  margin: 0;
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-ink);
}

/* ---------- 双栏骨架 ---------- */
.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
}

/* ---------- 侧边条款目录 ---------- */
.page-privacy .privacy-toc {
  padding: var(--space-3);
  background: var(--color-surface-alt);
  border-radius: var(--radius-md);
}

.page-privacy .privacy-toc__title {
  margin: 0 0 var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--color-ink-muted);
}

.page-privacy .privacy-toc__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-toc__link {
  display: block;
  padding: var(--space-1) var(--space-2);
  border-left: var(--border-thin) solid transparent;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-ink-soft);
  text-decoration: none;
  transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
}

.page-privacy .privacy-toc__link:hover,
.page-privacy .privacy-toc__link:focus-visible {
  color: var(--color-ink);
  background: var(--color-primary-soft);
}

.page-privacy .privacy-toc__link[aria-current="true"] {
  color: var(--color-ink);
  border-left-color: var(--color-focus);
  background: var(--color-primary-soft);
}

/* ---------- 条款正文 ---------- */
.page-privacy .privacy-doc {
  min-width: 0;
}

.page-privacy .privacy-group {
  scroll-margin-top: 120px;
}

.page-privacy .privacy-group + .privacy-group {
  margin-top: var(--space-8);
}

.page-privacy .privacy-group__head {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
}

.page-privacy .privacy-group__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--text-2xl);
  font-weight: var(--weight-heading);
  line-height: 1;
  color: var(--color-primary);
  text-shadow: 0 0 24px color-mix(in srgb, var(--color-primary) 55%, transparent);
}

.page-privacy .privacy-group__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
}

.page-privacy .privacy-group__intro {
  margin: var(--space-3) 0 0;
  max-width: var(--measure);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
}

.page-privacy .privacy-clauses {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-clause {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-1);
  min-width: 0;
}

.page-privacy .privacy-clause__num {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: var(--color-accent);
}

.page-privacy .privacy-clause__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-base);
  font-weight: var(--weight-heading);
  line-height: 1.45;
  color: var(--color-ink);
}

.page-privacy .privacy-clause__body p {
  margin: var(--space-2) 0 0;
  max-width: var(--measure);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
}

.page-privacy .privacy-clause__body a {
  color: var(--color-ink);
  text-decoration: underline;
  text-decoration-color: var(--color-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.page-privacy .privacy-clause__body a:hover,
.page-privacy .privacy-clause__body a:focus-visible {
  color: var(--color-accent);
}

.page-privacy .privacy-key {
  color: var(--color-ink);
  background-image: linear-gradient(transparent 66%, color-mix(in srgb, var(--color-accent) 42%, transparent) 66%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* ---------- 站内流转示意 ---------- */
.page-privacy .privacy-flow {
  margin: var(--space-6) 0 0;
  padding: var(--space-4);
  background: var(--color-surface-alt);
  border-radius: var(--radius-md);
}

.page-privacy .privacy-flow__svg {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.page-privacy .privacy-flow__svg text {
  font-family: var(--font-heading);
  font-size: var(--text-base);
  fill: var(--color-ink);
  text-anchor: middle;
}

.page-privacy .privacy-flow__sub {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  fill: var(--color-ink-soft);
}

.page-privacy .privacy-flow__node rect {
  fill: var(--color-surface-deep);
  stroke: var(--color-line);
  stroke-width: 1;
}

.page-privacy .privacy-flow__arrow line,
.page-privacy .privacy-flow__arrow polyline {
  fill: none;
  stroke: var(--color-accent);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-privacy .privacy-flow__caption {
  margin: var(--space-3) 0 0;
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-ink-muted);
}

/* ---------- 强对比动作区块 ---------- */
.page-privacy .privacy-actions {
  margin-top: var(--space-6);
  padding: var(--space-6) var(--space-4);
  background: var(--color-contrast-surface);
  color: var(--color-contrast-ink);
  border-radius: var(--radius-lg);
}

.page-privacy .privacy-actions__label {
  margin: 0;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--color-contrast-accent);
}

.page-privacy .privacy-actions__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-actions__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding-top: var(--space-2);
  border-top: var(--border-thin) solid var(--color-contrast-line);
}

.page-privacy .privacy-actions__key {
  font-family: var(--font-mono);
  font-size: var(--text-lg);
  font-weight: var(--weight-heading);
  line-height: 1.2;
  color: var(--color-contrast-accent);
}

.page-privacy .privacy-actions__val {
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-contrast-ink);
}

.page-privacy .privacy-actions__note {
  margin: var(--space-4) 0 0;
  font-size: var(--text-sm);
  line-height: 1.7;
  color: var(--color-contrast-ink);
}

.page-privacy .privacy-actions__note a {
  color: var(--color-contrast-accent);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* ---------- 中等屏幕 ---------- */
@media (min-width: 640px) {
  .page-privacy .privacy-head__title {
    font-size: var(--text-4xl);
  }

  .page-privacy .privacy-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .page-privacy .privacy-group__title {
    font-size: var(--text-2xl);
  }

  .page-privacy .privacy-clause {
    grid-template-columns: calc(var(--space-6) + var(--space-1)) minmax(0, 1fr);
    gap: var(--space-3);
  }

  .page-privacy .privacy-actions {
    padding: var(--space-8) var(--space-6);
  }

  .page-privacy .privacy-actions__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
  }
}

/* ---------- 桌面：目录跟随 ---------- */
@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: 264px minmax(0, 1fr);
    gap: var(--space-8);
    align-items: start;
  }

  .page-privacy .privacy-side {
    position: sticky;
    top: var(--space-6);
    align-self: start;
  }

  .page-privacy .privacy-toc {
    background: none;
    padding: 0;
    border-left: var(--border-thin) solid var(--color-line);
  }

  .page-privacy .privacy-toc__title {
    padding-left: var(--space-2);
  }

  .page-privacy .privacy-toc__list {
    padding-left: var(--space-2);
    border-left: none;
  }

  .page-privacy .privacy-toc__link {
    margin-left: calc(var(--space-2) * -1);
  }
}

/* ---------- 减少动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-toc__link {
    transition: none;
  }
}
</PAGE_CSS>>>


/* placeholder */
<<<END>>>

Actually I only need one PAGE_CSS block. Let me remove the extra.

Let me reconsider — the required output format is:


...

...

I accidentally added extra. Let me correct: only one PAGE_CSS marker pair.

Also I notice I had a nested `</PAGE_CSS>` issue. Let me output cleanly.
<main id="main-content" class="page-privacy">

  <div class="container">
    <figure class="media-frame media-frame--wide privacy-hero">
      <img src="{zhanqunpic:h:360w:1200}" width="1200" height="360" alt="夜间球场照明灯阵列的抽象几何构图，灯柱呈等距斜线排列">
      <figcaption class="media-frame__caption">夜间球场照明灯阵列。这一页讲的是信息边界，与赛场数据无关。</figcaption>
    </figure>
  </div>

  <header class="section--tight privacy-head">
    <div class="container">
      <nav class="breadcrumb" aria-label="当前位置">
        <ol class="breadcrumb__list">
          <li><a href="/">首页</a></li>
          <li aria-current="page">隐私政策</li>
        </ol>
      </nav>

      <p class="eyebrow">站点条款 · 信息处理说明</p>
      <h1 class="privacy-head__title">隐私政策</h1>
      <p class="lead privacy-head__lead">
        这一页写的是新利体育主站在什么情况下会碰到信息、拿这些信息做什么、留多久，以及你可以要求我们怎么处理。
        全站没有账号入口，没有表单，需要你开口的地方只有客服邮箱和一部电话。
      </p>

      <dl class="privacy-meta">
        <div class="privacy-meta__row">
          <dt>覆盖对象</dt>
          <dd>域名下全部页面的浏览，以及发往客服邮箱的往来</dd>
        </div>
        <div class="privacy-meta__row">
          <dt>当前版本</dt>
          <dd>v7 分栏对照版</dd>
        </div>
        <div class="privacy-meta__row">
          <dt>最近核对</dt>
          <dd>2024 赛季第 16 轮</dd>
        </div>
      </dl>
    </div>
  </header>

  <div class="section privacy-body">
    <div class="container">
      <div class="privacy-layout">

        <aside class="privacy-side">
          <nav class="privacy-toc" aria-label="条款目录">
            <p class="privacy-toc__title">条款目录</p>
            <ol class="privacy-toc__list">
              <li><a class="privacy-toc__link" href="#scope" data-chapter-link="scope">01 适用范围</a></li>
              <li><a class="privacy-toc__link" href="#data-types" data-chapter-link="data-types">02 接触到的信息</a></li>
              <li><a class="privacy-toc__link" href="#purpose" data-chapter-link="purpose">03 使用与保存</a></li>
              <li><a class="privacy-toc__link" href="#actions" data-chapter-link="actions">04 你可采取的动作</a></li>
              <li><a class="privacy-toc__link" href="#updates" data-chapter-link="updates">05 更新与版本</a></li>
            </ol>
          </nav>
        </aside>

        <article class="privacy-doc">

          <section class="privacy-group" id="scope" aria-labelledby="scope-title">
            <header class="privacy-group__head">
              <span class="privacy-group__num" aria-hidden="true">01</span>
              <h2 class="privacy-group__title" id="scope-title">适用范围</h2>
            </header>
            <p class="privacy-group__intro">先把这一页管到哪儿说清楚，免得把两件不同的事混在一起。</p>

            <ol class="privacy-clauses">
              <li class="privacy-clause">
                <span class="privacy-clause__num">1.1</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">覆盖的对象</h3>
                  <p>本政策适用于新利体育主站在 xinli-gameday.com.cn 域名下的全部页面，包括首页、查阅场景、专题索引、动态中心、更新日志、服务清单、入门说明与品牌故事。你翻这些页面，或者把信发到客服邮箱，都在这一页的说明范围里。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">1.2</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">不覆盖的部分</h3>
                  <p>本站正文里不嵌入外部资源，也不接入第三方统计脚本，所以正常浏览不会把你带到别人的页面上；一旦你从某条注明出处的线索走到站外，那边归对方管。对某段内容能不能引用、引用时要注意什么，<a href="/notice/">网站声明</a>一页写得更细，也可以直接写信来问。</p>
                </div>
              </li>
            </ol>
          </section>

          <section class="privacy-group" id="data-types" aria-labelledby="data-types-title">
            <header class="privacy-group__head">
              <span class="privacy-group__num" aria-hidden="true">02</span>
              <h2 class="privacy-group__title" id="data-types-title">我们接触到的信息</h2>
            </header>
            <p class="privacy-group__intro">没有注册、没有提交按钮、没有支付环节。以下四类是我们确实可能碰到的，此外不作扩张解释。</p>

            <ol class="privacy-clauses">
              <li class="privacy-clause">
                <span class="privacy-clause__num">2.1</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">页面访问的常规记录</h3>
                  <p>服务器处理请求时会留下时间、请求路径、返回状态与浏览器标识。这些记录只用来排查页面打不开、轮次带加载不全一类的问题，不用来认出具体是谁。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">2.2</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">显示环境</h3>
                  <p>为了让赛季轮次带和比分牌在你那块屏幕上排得下，浏览器会随请求带上<span class="privacy-key">屏幕宽度与语言偏好</span>。它们当场用完就结束，不单独存一份。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">2.3</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">你自己写下的内容</h3>
                  <p>发到客服邮箱的信，包含你在信里写的字、附件和你的邮箱地址。这是全站唯一能对应到具体某个人的信息来源，也是唯一需要你主动提供的部分。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">2.4</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">我们不接触的东西</h3>
                  <p>没有账号体系，所以没有密码；没有表单，所以没有提交记录；没有支付环节，所以没有交易信息；不申请定位，所以没有位置数据。资料库里的球队、场馆与青训条目只记录赛事相关字段，不涉及任何个人。</p>
                </div>
              </li>
            </ol>

            <figure class="privacy-flow">
              <svg class="privacy-flow__svg" viewBox="0 0 724 168" role="img" aria-labelledby="privacyFlowTitle" preserveAspectRatio="xMidYMid meet">
                <title id="privacyFlowTitle">信息在本站内部的流转示意：读者访问或来信，经站内记录与双人复核，再由邮件把处理结果送回读者，中途不经过第三方</title>
                <g class="privacy-flow__arrow" aria-hidden="true">
                  <line x1="184" y1="84" x2="272" y2="84"></line>
                  <polyline points="264,76 276,84 264,92"></polyline>
                </g>
                <g class="privacy-flow__arrow" aria-hidden="true">
                  <line x1="444" y1="84" x2="532" y2="84"></line>
                  <polyline points="524,76 536,84 524,92"></polyline>
                </g>
                <g class="privacy-flow__node">
                  <rect x="20" y="48" width="164" height="72" rx="10"></rect>
                  <text x="102" y="78">访问或来信</text>
                  <text class="privacy-flow__sub" x="102" y="100">页面浏览 / 邮件</text>
                </g>
                <g class="privacy-flow__node">
                  <rect x="280" y="48" width="164" height="72" rx="10"></rect>
                  <text x="362" y="78">站内记录</text>
                  <text class="privacy-flow__sub" x="362" y="100">双人复核</text>
                </g>
                <g class="privacy-flow__node">
                  <rect x="540" y="48" width="164" height="72" rx="10"></rect>
                  <text x="622" y="78">回复读者</text>
                  <text class="privacy-flow__sub" x="622" y="100">邮件说明结果</text>
                </g>
              </svg>
              <figcaption class="privacy-flow__caption">信息只在站内走完这一段：到达、复核、回信。中途没有第三方统计或广告组件参与。</figcaption>
            </figure>
          </section>

          <section class="privacy-group" id="purpose" aria-labelledby="purpose-title">
            <header class="privacy-group__head">
              <span class="privacy-group__num" aria-hidden="true">03</span>
              <h2 class="privacy-group__title" id="purpose-title">使用目的与保存方式</h2>
            </header>
            <p class="privacy-group__intro">信息进来之后只服务于三件事，其他用途不在我们的安排里。</p>

            <ol class="privacy-clauses">
              <li class="privacy-clause">
                <span class="privacy-clause__num">3.1</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">资料纠错</h3>
                  <p>你指出某条球队档案或某场战报的字段有误时，我们用信里给的说明去核对原始记录，改与不改都会回信说清理由。纠错采用双人复核，与全站资料核对的节奏一致。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">3.2</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">战报投稿</h3>
                  <p>投稿进入编辑流程，同样走双人复核。未采用的来稿只用来写回复，说明不采用的原因，不留作其他用途。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">3.3</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">咨询回复与保存期限</h3>
                  <p>涉及纠错与投稿的往来，随对应条目的版本一起留存，方便日后追查某次改动的原因。纯粹问形势、问读法的往来，在事项办结后保留一段时间备查，之后不再单独保管。往来记录不对外提供，也不用于推荐、排名或用户画像。</p>
                </div>
              </li>
            </ol>
          </section>

          <section class="privacy-group" id="actions" aria-labelledby="actions-title">
            <header class="privacy-group__head">
              <span class="privacy-group__num" aria-hidden="true">04</span>
              <h2 class="privacy-group__title" id="actions-title">你可采取的动作</h2>
            </header>
            <p class="privacy-group__intro">下面三类请求我们都能受理，写法越具体，核对越快。</p>

            <div class="privacy-actions">
              <p class="privacy-actions__label">可以提出的三类请求</p>
              <ul class="privacy-actions__list">
                <li class="privacy-actions__item">
                  <span class="privacy-actions__key">查询</span>
                  <span class="privacy-actions__val">某封来信现在处理到哪一步、有没有归档</span>
                </li>
                <li class="privacy-actions__item">
                  <span class="privacy-actions__key">更正</span>
                  <span class="privacy-actions__val">指出哪一条字段该改、改成什么、依据在哪里</span>
                </li>
                <li class="privacy-actions__item">
                  <span class="privacy-actions__key">删除</span>
                  <span class="privacy-actions__val">移除你本人来信所留下的往来记录</span>
                </li>
              </ul>
              <p class="privacy-actions__note">
                三类请求统一发到 <a href="/connect/">联系通道</a> 上的客服邮箱 email@xinli-gameday.com.cn，通常在两个工作日内回复。
              </p>
            </div>

            <ol class="privacy-clauses">
              <li class="privacy-clause">
                <span class="privacy-clause__num">4.1</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">提交时带上什么</h3>
                  <p>请写清要处理的是哪一条：条目名称、轮次，或者来信的大致时间与主题。涉及某个字段的更正，把依据一并附上，我们少绕一圈，你早一天拿到回音。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">4.2</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">回复节奏</h3>
                  <p>客服邮箱通常在两个工作日内回复。逢每轮比赛日集中发布战报、以及赛季末升降级形势更新期间，回复可能顺延，这种情况下我们会在回信里先说明原因。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">4.3</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">电话用来做什么</h3>
                  <p>电话 15687174947 用于升降级形势一类不涉及个人信息的即时咨询。凡是查询、更正、删除个人往来记录的请求，请一律走邮箱，便于留痕与回查。</p>
                </div>
              </li>
            </ol>
          </section>

          <section class="privacy-group" id="updates" aria-labelledby="updates-title">
            <header class="privacy-group__head">
              <span class="privacy-group__num" aria-hidden="true">05</span>
              <h2 class="privacy-group__title" id="updates-title">更新与版本</h2>
            </header>
            <p class="privacy-group__intro">这一页不设单独的生效日期，它跟着站点结构版本一起走。</p>

            <ol class="privacy-clauses">
              <li class="privacy-clause">
                <span class="privacy-clause__num">5.1</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">什么时候会改</h3>
                  <p>资料库的分栏方式、字段口径或检索入口发生变化时，这一页同步调整。第 7 次大版本把球队档案拆成场馆、青训梯队、主客场表现三栏对照，分栏一变，这里的措辞跟着改。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">5.2</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">版本怎么看</h3>
                  <p>当前版本为 v7，与<a href="/changelog/">更新日志</a>里的版本号一致。每次调整都会在那里留一条记录，写清改的是哪一条款，方便你对照前后两版的差别。</p>
                </div>
              </li>
              <li class="privacy-clause">
                <span class="privacy-clause__num">5.3</span>
                <div class="privacy-clause__body">
                  <h3 class="privacy-clause__title">理解有分歧时</h3>
                  <p>如果对某一条款的理解有出入，可以先看<a href="/story/">品牌故事</a>里写的运营原则，那份说明交代了我们怎么判断口径、什么时候宁可不补一个数字。看完仍有疑问，直接写信来问。</p>
                </div>
              </li>
            </ol>
          </section>

        </article>
      </div>
    </div>
  </div>

</main>

.page-privacy {
  display: block;
}

/* ---------- 首屏氛围图 ---------- */
.page-privacy .privacy-hero {
  margin-top: var(--space-6);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

/* ---------- 标题区 ---------- */
.page-privacy .privacy-head {
  padding-top: var(--space-6);
}

.page-privacy .privacy-head__title {
  margin: var(--space-2) 0 0;
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
}

.page-privacy .privacy-head__lead {
  margin-top: var(--space-3);
  max-width: var(--measure);
  font-size: var(--text-lg);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
}

.page-privacy .privacy-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  margin: var(--space-6) 0 0;
  padding-top: var(--space-4);
  border-top: var(--border-thin) solid var(--color-line);
}

.page-privacy .privacy-meta__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.page-privacy .privacy-meta dt {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  color: var(--color-ink-muted);
}

.page-privacy .privacy-meta dd {
  margin: 0;
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-ink);
}

/* ---------- 双栏骨架 ---------- */
.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
}

/* ---------- 侧边条款目录 ---------- */
.page-privacy .privacy-toc {
  padding: var(--space-3);
  background: var(--color-surface-alt);
  border-radius: var(--radius-md);
}

.page-privacy .privacy-toc__title {
  margin: 0 0 var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--color-ink-muted);
}

.page-privacy .privacy-toc__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-toc__link {
  display: block;
  padding: var(--space-1) var(--space-2);
  border-left: var(--border-thin) solid transparent;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-ink-soft);
  text-decoration: none;
  transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
}

.page-privacy .privacy-toc__link:hover,
.page-privacy .privacy-toc__link:focus-visible {
  color: var(--color-ink);
  background: var(--color-primary-soft);
}

.page-privacy .privacy-toc__link[aria-current="true"] {
  color: var(--color-ink);
  border-left-color: var(--color-focus);
  background: var(--color-primary-soft);
}

/* ---------- 条款正文 ---------- */
.page-privacy .privacy-doc {
  min-width: 0;
}

.page-privacy .privacy-group {
  scroll-margin-top: 120px;
}

.page-privacy .privacy-group + .privacy-group {
  margin-top: var(--space-8);
}

.page-privacy .privacy-group__head {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
}

.page-privacy .privacy-group__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--text-2xl);
  font-weight: var(--weight-heading);
  line-height: 1;
  color: var(--color-primary);
  text-shadow: 0 0 24px color-mix(in srgb, var(--color-primary) 55%, transparent);
}

.page-privacy .privacy-group__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
}

.page-privacy .privacy-group__intro {
  margin: var(--space-3) 0 0;
  max-width: var(--measure);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
}

.page-privacy .privacy-clauses {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-clause {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-1);
  min-width: 0;
}

.page-privacy .privacy-clause__num {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: var(--color-accent);
}

.page-privacy .privacy-clause__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-base);
  font-weight: var(--weight-heading);
  line-height: 1.45;
  color: var(--color-ink);
}

.page-privacy .privacy-clause__body p {
  margin: var(--space-2) 0 0;
  max-width: var(--measure);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
}

.page-privacy .privacy-clause__body a {
  color: var(--color-ink);
  text-decoration: underline;
  text-decoration-color: var(--color-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.page-privacy .privacy-clause__body a:hover,
.page-privacy .privacy-clause__body a:focus-visible {
  color: var(--color-accent);
}

.page-privacy .privacy-key {
  color: var(--color-ink);
  background-image: linear-gradient(transparent 66%, color-mix(in srgb, var(--color-accent) 42%, transparent) 66%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* ---------- 站内流转示意 ---------- */
.page-privacy .privacy-flow {
  margin: var(--space-6) 0 0;
  padding: var(--space-4);
  background: var(--color-surface-alt);
  border-radius: var(--radius-md);
}

.page-privacy .privacy-flow__svg {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.page-privacy .privacy-flow__svg text {
  font-family: var(--font-heading);
  font-size: var(--text-base);
  fill: var(--color-ink);
  text-anchor: middle;
}

.page-privacy .privacy-flow__sub {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  fill: var(--color-ink-soft);
}

.page-privacy .privacy-flow__node rect {
  fill: var(--color-surface-deep);
  stroke: var(--color-line);
  stroke-width: 1;
}

.page-privacy .privacy-flow__arrow line,
.page-privacy .privacy-flow__arrow polyline {
  fill: none;
  stroke: var(--color-accent);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-privacy .privacy-flow__caption {
  margin: var(--space-3) 0 0;
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-ink-muted);
}

/* ---------- 强对比动作区块 ---------- */
.page-privacy .privacy-actions {
  margin-top: var(--space-6);
  padding: var(--space-6) var(--space-4);
  background: var(--color-contrast-surface);
  color: var(--color-contrast-ink);
  border-radius: var(--radius-lg);
}

.page-privacy .privacy-actions__label {
  margin: 0;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--color-contrast-accent);
}

.page-privacy .privacy-actions__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-actions__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding-top: var(--space-2);
  border-top: var(--border-thin) solid var(--color-contrast-line);
}

.page-privacy .privacy-actions__key {
  font-family: var(--font-mono);
  font-size: var(--text-lg);
  font-weight: var(--weight-heading);
  line-height: 1.2;
  color: var(--color-contrast-accent);
}

.page-privacy .privacy-actions__val {
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-contrast-ink);
}

.page-privacy .privacy-actions__note {
  margin: var(--space-4) 0 0;
  font-size: var(--text-sm);
  line-height: 1.7;
  color: var(--color-contrast-ink);
}

.page-privacy .privacy-actions__note a {
  color: var(--color-contrast-accent);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* ---------- 中等屏幕 ---------- */
@media (min-width: 640px) {
  .page-privacy .privacy-head__title {
    font-size: var(--text-4xl);
  }

  .page-privacy .privacy-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .page-privacy .privacy-group__title {
    font-size: var(--text-2xl);
  }

  .page-privacy .privacy-clause {
    grid-template-columns: calc(var(--space-6) + var(--space-1)) minmax(0, 1fr);
    gap: var(--space-3);
  }

  .page-privacy .privacy-actions {
    padding: var(--space-8) var(--space-6);
  }

  .page-privacy .privacy-actions__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
  }
}

/* ---------- 桌面：目录跟随 ---------- */
@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: 264px minmax(0, 1fr);
    gap: var(--space-8);
    align-items: start;
  }

  .page-privacy .privacy-side {
    position: sticky;
    top: var(--space-6);
    align-self: start;
  }

  .page-privacy .privacy-toc {
    background: none;
    padding: 0;
    border-left: var(--border-thin) solid var(--color-line);
  }

  .page-privacy .privacy-toc__title {
    padding-left: var(--space-2);
  }

  .page-privacy .privacy-toc__list {
    padding-left: var(--space-2);
  }

  .page-privacy .privacy-toc__link {
    margin-left: calc(var(--space-2) * -1);
  }
}

/* ---------- 减少动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-toc__link {
    transition: none;
  }
}