.page-privacy {
  --prv-measure: 62ch;
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  padding-bottom: var(--section-y);
}

.page-privacy [id] {
  scroll-margin-top: calc(var(--space-8) + var(--space-6));
}

/* ---------- 页首说明区 ---------- */
.page-privacy .prv-intro {
  background: var(--color-surface-alt);
  border-bottom: var(--border-thin) solid var(--color-line);
  padding: var(--space-6) 0 var(--space-8);
}

.page-privacy .prv-kicker {
  margin: var(--space-3) 0 var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.06em;
  color: var(--color-accent);
}

.page-privacy .prv-title {
  margin: 0 0 var(--space-3);
  max-width: 14ch;
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  font-size: clamp(var(--text-xl), 8vw, var(--text-3xl));
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
}

.page-privacy .prv-lede {
  margin: 0 0 var(--space-6);
  max-width: var(--prv-measure);
  font-size: var(--text-lg);
  line-height: 1.55;
  color: var(--color-ink-soft);
}

.page-privacy .prv-meta {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: var(--prv-measure);
  border-top: var(--border-thin) solid var(--color-line);
}

.page-privacy .prv-meta li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
  padding: var(--space-2) 0;
  border-bottom: var(--border-thin) solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-ink-soft);
}

.page-privacy .prv-meta-key {
  flex: 0 0 auto;
  min-width: 6.5em;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.04em;
  color: var(--color-accent);
}

/* ---------- 题图 ---------- */
.page-privacy .prv-banner {
  background: var(--color-surface-deep);
  border-bottom: var(--border-thin) solid var(--color-line);
  overflow: hidden;
}

.page-privacy .prv-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1200 / 420;
  object-fit: cover;
}

/* ---------- 条款目录 ---------- */
.page-privacy .prv-toc {
  background: var(--color-contrast-surface);
  color: var(--color-contrast-ink);
  padding: var(--space-6) 0;
}

.page-privacy .prv-toc-title {
  margin: 0 0 var(--space-3);
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  font-size: var(--text-lg);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-contrast-accent);
}

.page-privacy .prv-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-bottom: var(--border-thin) solid var(--color-contrast-line);
}

.page-privacy .prv-toc-list li {
  border-top: var(--border-thin) solid var(--color-contrast-line);
}

.page-privacy .prv-toc-list a {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  color: var(--color-contrast-ink);
  text-decoration: none;
  font-size: var(--text-sm);
  transition: background 160ms ease, color 160ms ease;
}

.page-privacy .prv-toc-list a .mono {
  flex: 0 0 2.2em;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  color: var(--color-contrast-accent);
}

.page-privacy .prv-toc-list a:hover {
  background: var(--color-primary);
  color: var(--color-primary-ink);
}

.page-privacy .prv-toc-list a:hover .mono {
  color: var(--color-primary-ink);
}

.page-privacy .prv-toc-list a:focus-visible {
  outline: var(--border-thin) solid var(--color-contrast-accent);
  outline-offset: calc(var(--border-thin) * -1);
  background: var(--color-primary);
  color: var(--color-primary-ink);
}

.page-privacy .prv-toc-list a:focus-visible .mono {
  color: var(--color-primary-ink);
}

/* ---------- 条款主体 ---------- */
.page-privacy .prv-clauses {
  position: relative;
  padding-top: var(--section-y);
}

.page-privacy .prv-scale {
  display: none;
}

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

.page-privacy .prv-group-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  padding-bottom: var(--space-2);
  border-bottom: var(--border-thin) solid var(--color-line);
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  font-size: var(--text-xl);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
}

.page-privacy .prv-group-title .mono {
  flex: 0 0 auto;
  padding: 2px var(--space-1);
  border: var(--border-thin) solid var(--color-accent);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  color: var(--color-accent);
}

.page-privacy .prv-clause {
  padding: var(--space-4) 0;
  border-bottom: var(--border-thin) solid var(--color-line);
}

.page-privacy .prv-clause:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .prv-clause-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
  margin-bottom: var(--space-2);
}

.page-privacy .prv-num {
  flex: 0 0 auto;
  padding: 2px var(--space-1);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.06em;
  color: var(--color-accent);
}

.page-privacy .prv-clause-title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  font-size: var(--text-lg);
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--color-ink);
}

.page-privacy .prv-clause-body {
  max-width: var(--prv-measure);
}

.page-privacy .prv-clause-body p {
  margin: 0 0 var(--space-2);
  font-size: var(--text-base);
  color: var(--color-ink-soft);
}

.page-privacy .prv-clause-body p:last-child {
  margin-bottom: 0;
}

.page-privacy .prv-clause-body a {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-privacy .prv-clause-body a:hover {
  color: var(--color-accent);
}

.page-privacy .prv-clause-body a:focus-visible {
  outline: var(--border-thin) solid var(--color-focus);
  outline-offset: 2px;
}

.page-privacy .prv-clause-body ul {
  list-style: none;
  margin: var(--space-2) 0;
  padding: 0;
  border-top: var(--border-thin) solid var(--color-line);
}

.page-privacy .prv-clause-body li {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-2);
  padding: var(--space-2) 0;
  border-bottom: var(--border-thin) solid var(--color-line);
  font-size: var(--text-base);
  color: var(--color-ink-soft);
}

.page-privacy .prv-field {
  flex: 0 0 auto;
  min-width: 5.5em;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.04em;
  color: var(--color-accent);
}

.page-privacy .prv-clause-body li > span:last-child {
  flex: 1 1 12ch;
  min-width: 0;
  overflow-wrap: anywhere;
}

/* ---------- 动作提示行 ---------- */
.page-privacy .prv-act {
  margin-top: var(--space-3);
  max-width: var(--prv-measure);
  background: var(--color-primary-soft);
  border-left: var(--border-thin) solid var(--color-primary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.page-privacy .prv-act > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  padding: var(--space-2) var(--space-3);
  cursor: pointer;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-ink);
}

.page-privacy .prv-act > summary::-webkit-details-marker {
  display: none;
}

.page-privacy .prv-act > summary::marker {
  content: "";
}

.page-privacy .prv-act > summary:focus-visible {
  outline: var(--border-thin) solid var(--color-focus);
  outline-offset: calc(var(--border-thin) * -1);
}

.page-privacy .prv-act-label {
  flex: 0 0 auto;
  padding: 2px var(--space-1);
  border: var(--border-thin) solid var(--color-primary);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--color-primary);
}

.page-privacy .prv-act-text {
  flex: 1 1 12ch;
  min-width: 0;
  color: var(--color-ink);
}

.page-privacy .prv-act-cue {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  color: var(--color-primary);
}

.page-privacy .prv-act-cue--close {
  display: none;
}

.page-privacy .prv-act[open] .prv-act-cue--open {
  display: none;
}

.page-privacy .prv-act[open] .prv-act-cue--close {
  display: inline;
}

.page-privacy .prv-act-body {
  margin: 0 var(--space-3) var(--space-3);
  padding-top: var(--space-2);
  border-top: var(--border-thin) solid color-mix(in srgb, var(--color-primary) 35%, transparent);
  font-size: var(--text-sm);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
}

.page-privacy .prv-act-body p {
  margin: 0;
}

.page-privacy .prv-act-body a {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-privacy .prv-act-body a:hover {
  color: var(--color-accent);
}

/* ---------- 响应式 ---------- */
@media (min-width: 768px) {
  .page-privacy .prv-intro {
    padding: var(--space-8) 0 var(--section-y);
  }

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

  .page-privacy .prv-meta li {
    display: block;
    border-bottom: 0;
    border-top: 0;
    padding: var(--space-2) 0 0;
  }

  .page-privacy .prv-meta-key {
    display: block;
    min-width: 0;
    margin-bottom: var(--space-1);
  }

  .page-privacy .prv-toc-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .page-privacy .prv-toc-list a {
    padding: var(--space-2) var(--space-2);
  }
}

@media (min-width: 1024px) {
  .page-privacy .prv-title {
    max-width: 18ch;
  }

  .page-privacy .prv-clauses {
    padding-left: var(--space-8);
  }

  .page-privacy .prv-scale {
    display: block;
    position: absolute;
    top: var(--section-y);
    bottom: 0;
    left: 0;
    width: var(--space-4);
    border-left: var(--border-thin) solid var(--color-line);
    background-image: repeating-linear-gradient(
      to bottom,
      var(--color-accent) 0,
      var(--color-accent) var(--border-thin),
      transparent var(--border-thin),
      transparent 32px
    );
    background-size: 12px 100%;
    background-repeat: no-repeat;
    background-position: left top;
  }

  .page-privacy .prv-clamp {
    padding-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .prv-toc-list a {
    transition: none;
  }
}
</style>
<<<END>>>

等等——我加了一个末尾的 `</style>` 和 `<<<END>>>`，这不在协议里。协议只要求 `` 和 `` 这两个标记。让我重新核对一下输出。

最初的指令说：「严格按照以下标记顺序输出，每个标记只能出现一次，标记必须是三个尖括号」，然后列出了 `` 和 ``。我应该只输出这两个标记。

我在 PAGE_CSS 末尾额外加了 `</style>` 和 `<<<END>>>`——这是个错误。我需要修正这个错误。

还有 `.page-privacy .prv-clamp` —— 这是个未使用的类，引用了一个不存在的元素。应该删掉它。

让我修正这些，然后重新输出。
<main id="main-content" class="page-privacy">

  <section class="prv-intro" aria-labelledby="prv-title">
    <div class="container">
      <nav class="breadcrumb" aria-label="页面位置">
        <ol>
          <li><a href="/">索引总览</a></li>
          <li aria-current="page">隐私政策</li>
        </ol>
      </nav>
      <p class="prv-kicker">条款文件 · 版次 3 · 编号条款 9 条</p>
      <h1 id="prv-title" class="prv-title">隐私政策</h1>
      <p class="prv-lede">博赢官网只做索引、对照与复核口径的公开说明，站内没有账号体系、没有在线表单，也没有下载入口。下面九条编号条款写明页面访问、邮件咨询与索引查询这三类场景会留下哪些信息，以及每种情形下你可以做什么。</p>
      <ul class="prv-meta">
        <li><span class="prv-meta-key">文件性质</span><span>站点信息处理说明，非注册协议</span></li>
        <li><span class="prv-meta-key">适用对象</span><span>查阅站内页面、或通过邮件提出咨询的使用者</span></li>
        <li><span class="prv-meta-key">阅读方式</span><span>条款按三组排列，每条末尾附一行可展开的动作提示</span></li>
      </ul>
    </div>
  </section>

  <div class="prv-banner">
    <img src="{zhanqunpic:h:420w:1200}" width="1200" height="420" alt="低对比纸本纹理与细实线刻度交叠的抽象背景，用于条款页顶部氛围">
  </div>

  <section class="prv-toc" aria-labelledby="prv-toc-title">
    <div class="container">
      <h2 id="prv-toc-title" class="prv-toc-title">条款目录</h2>
      <ol class="prv-toc-list">
        <li><a href="#c01"><span class="mono">01</span>适用范围与生效说明</a></li>
        <li><a href="#c02"><span class="mono">02</span>页面访问留下的记录</a></li>
        <li><a href="#c03"><span class="mono">03</span>邮件咨询包含的内容</a></li>
        <li><a href="#c04"><span class="mono">04</span>索引查询的操作痕迹</a></li>
        <li><a href="#c05"><span class="mono">05</span>每类信息的使用目的</a></li>
        <li><a href="#c06"><span class="mono">06</span>保存方式与可查看范围</a></li>
        <li><a href="#c07"><span class="mono">07</span>你可以采取的六种动作</a></li>
        <li><a href="#c08"><span class="mono">08</span>政策调整与版次公示</a></li>
        <li><a href="#c09"><span class="mono">09</span>联系渠道</a></li>
      </ol>
    </div>
  </section>

  <div class="container">
    <div class="prv-clauses">
      <span class="prv-scale" aria-hidden="true"></span>

      <section class="prv-group" aria-labelledby="prv-g-a">
        <h2 id="prv-g-a" class="prv-group-title"><span class="mono">A</span>适用范围与可能涉及的信息</h2>

        <article class="prv-clause" id="c01">
          <div class="prv-clause-head">
            <span class="prv-num">第 01 条</span>
            <h3 class="prv-clause-title">适用范围与生效说明</h3>
          </div>
          <div class="prv-clause-body">
            <p>本政策适用于站内全部页面：索引总览、获取与安装及其 iOS 子页、内容专栏、协作方式、操作说明、活动机制、差异对照、关于与联系页，也适用于你与客服邮箱之间的往来邮件。</p>
            <p>站内不设置账号，不承载在线表单，不提供下载入口，因此不存在注册信息、支付信息与实名信息的处理场景。与索引内容本身的核对责任、时效边界有关的内容，写在<a href="/disclaimer/">使用说明与免责声明</a>一页，两份文件互为补充。</p>
          </div>
          <details class="prv-act">
            <summary>
              <span class="prv-act-label">动作</span>
              <span class="prv-act-text">核对你正在阅读的页面是否在适用范围内</span>
              <span class="prv-act-cue prv-act-cue--open">展开</span>
              <span class="prv-act-cue prv-act-cue--close">收起</span>
            </summary>
            <div class="prv-act-body">
              <p>逐条对照上面的页面清单。如果你在站内找到清单之外、且涉及信息处理的页面，可通过客服邮箱说明页面路径，我们会在下一轮复核时补齐对应说明。</p>
            </div>
          </details>
        </article>

        <article class="prv-clause" id="c02">
          <div class="prv-clause-head">
            <span class="prv-num">第 02 条</span>
            <h3 class="prv-clause-title">页面访问留下的记录</h3>
          </div>
          <div class="prv-clause-body">
            <p>打开站内任意页面时，服务器会记录处理这次请求所必需的字段：请求发生的时间、被请求的页面路径、跳转来源、浏览器与操作系统的大类标识、发起请求的网络地址。这些字段以批次形式保存，不与你提供的任何联系信息关联。</p>
            <p>记录只用于判断页面能否正常打开、是否存在异常高频请求、跳转是否出错。站内页面全部为静态文本与索引表，不接入广告脚本，不做跨站追踪，也不向第三方提供用于营销。</p>
          </div>
          <details class="prv-act">
            <summary>
              <span class="prv-act-label">动作</span>
              <span class="prv-act-text">减少访问记录的生成</span>
              <span class="prv-act-cue prv-act-cue--open">展开</span>
              <span class="prv-act-cue prv-act-cue--close">收起</span>
            </summary>
            <div class="prv-act-body">
              <p>使用浏览器的隐私模式浏览，或在使用后清理本地缓存，页面文字与索引表仍完整可读。若你只需核对某一个条目，也可直接在站内检索定位，不必逐页翻阅。</p>
            </div>
          </details>
        </article>

        <article class="prv-clause" id="c03">
          <div class="prv-clause-head">
            <span class="prv-num">第 03 条</span>
            <h3 class="prv-clause-title">邮件咨询包含的内容</h3>
          </div>
          <div class="prv-clause-body">
            <p>通过客服邮箱提出索引复核、版本对照或收录咨询时，我们会收到你使用的邮箱地址、邮件主题、正文，以及你主动附上的截图或字段清单。邮件不经由任何在线表单系统，直接进入客服处理流程。</p>
            <p>核对某个条目通常只需要三样东西：条目名称、所在分类，以及你看到的版本日期或修订次序。其余信息不必提供。</p>
          </div>
          <details class="prv-act">
            <summary>
              <span class="prv-act-label">动作</span>
              <span class="prv-act-text">只提交核对所需的字段</span>
              <span class="prv-act-cue prv-act-cue--open">展开</span>
              <span class="prv-act-cue prv-act-cue--close">收起</span>
            </summary>
            <div class="prv-act-body">
              <p>发信前可先删去与索引事项无关的内容。证件号、账号口令一类信息既不需要也不会被用于核对，请勿放入邮件。</p>
            </div>
          </details>
        </article>

        <article class="prv-clause" id="c04">
          <div class="prv-clause-head">
            <span class="prv-num">第 04 条</span>
            <h3 class="prv-clause-title">索引查询的操作痕迹</h3>
          </div>
          <div class="prv-clause-body">
            <p>站内的分类筛选、标签页切换、条款目录跳转与表格行高亮都在你的浏览器内完成，筛选条件不回传服务器。差异对照页的两张表各有一份独立的筛选状态，互不干扰，关闭标签页后即消失。</p>
            <p>由于服务端不记录查询历史，站内无法还原你上一次筛选过的分类或跳转过的位置。需要保留查找结果的，建议自行记下条目名称与所在分类。</p>
          </div>
          <details class="prv-act">
            <summary>
              <span class="prv-act-label">动作</span>
              <span class="prv-act-text">保留常用查找入口</span>
              <span class="prv-act-cue prv-act-cue--open">展开</span>
              <span class="prv-act-cue prv-act-cue--close">收起</span>
            </summary>
            <div class="prv-act-body">
              <p>把常看的分类页加入浏览器书签，或用浏览器自带的阅读列表暂存条目所在页面。清理浏览数据即可抹掉本地保存的筛选状态。</p>
            </div>
          </details>
        </article>
      </section>

      <section class="prv-group" aria-labelledby="prv-g-b">
        <h2 id="prv-g-b" class="prv-group-title"><span class="mono">B</span>使用目的与保存方式</h2>

        <article class="prv-clause" id="c05">
          <div class="prv-clause-head">
            <span class="prv-num">第 05 条</span>
            <h3 class="prv-clause-title">每类信息的使用目的</h3>
          </div>
          <div class="prv-clause-body">
            <p>三类信息各有明确用途，不交叉、不外扩：</p>
            <ul>
              <li><span class="prv-field">访问日志</span><span>保障站内页面可被正常打开，定位异常请求与错误跳转。</span></li>
              <li><span class="prv-field">邮件内容</span><span>答复索引复核、版本对照与收录咨询，形成可追溯的口径记录。</span></li>
              <li><span class="prv-field">查询偏好</span><span>在你当前打开的这一段会话中维持筛选状态与目录定位。</span></li>
            </ul>
            <p>我们不把上述信息用于广告投放或用户画像，也不据此对索引条目的收录结果、排名或使用效果作出任何承诺。</p>
          </div>
          <details class="prv-act">
            <summary>
              <span class="prv-act-label">动作</span>
              <span class="prv-act-text">限定邮件内容的用途</span>
              <span class="prv-act-cue prv-act-cue--open">展开</span>
              <span class="prv-act-cue prv-act-cue--close">收起</span>
            </summary>
            <div class="prv-act-body">
              <p>若你希望邮件内容仅用于单次答复、不进入后续口径复查，可在邮件开头写明这一要求，我们会照此执行并在回复中确认。</p>
            </div>
          </details>
        </article>

        <article class="prv-clause" id="c06">
          <div class="prv-clause-head">
            <span class="prv-num">第 06 条</span>
            <h3 class="prv-clause-title">保存方式与可查看范围</h3>
          </div>
          <div class="prv-clause-body">
            <p>访问日志按滚动方式覆盖，保留时长以完成异常排查为判断依据，不做长期累积。邮件内容在对应问题办结后保留一段时间用于口径复查，随后随季度汇总一并清理。查询偏好不写入服务端存储，随会话结束消失。</p>
            <p>可查看范围按事项最小化：只有处理该条咨询所需的人员可以调阅对应邮件，其余协作者无法查看。索引条目与对照表本身属于公开内容，不涉及个人信息的批量导出。</p>
          </div>
          <details class="prv-act">
            <summary>
              <span class="prv-act-label">动作</span>
              <span class="prv-act-text">了解你的咨询记录当前保存状态</span>
              <span class="prv-act-cue prv-act-cue--open">展开</span>
              <span class="prv-act-cue prv-act-cue--close">收起</span>
            </summary>
            <div class="prv-act-body">
              <p>用客服邮箱说明原先发信时使用的邮箱与大致时间范围，我们会在答复中一并说明该记录的当前状态与后续清理安排。</p>
            </div>
          </details>
        </article>
      </section>

      <section class="prv-group" aria-labelledby="prv-g-c">
        <h2 id="prv-g-c" class="prv-group-title"><span class="mono">C</span>你可以做什么与政策维护</h2>

        <article class="prv-clause" id="c07">
          <div class="prv-clause-head">
            <span class="prv-num">第 07 条</span>
            <h3 class="prv-clause-title">你可以采取的六种动作</h3>
          </div>
          <div class="prv-clause-body">
            <p>下列动作对站内使用者一律适用，均可通过客服邮箱提出：</p>
            <ul>
              <li><span class="prv-field">查询</span><span>说明咨询主题与大致时间范围，我们回复对应的复核节点与对照表位置。</span></li>
              <li><span class="prv-field">更正</span><span>条目或对照项与你手上的资料不一致时，附上字段与依据，我们按复核流程重新核对。</span></li>
              <li><span class="prv-field">删除</span><span>要求清理你此前发来的咨询邮件记录，处理完成后在回复中告知结果。</span></li>
              <li><span class="prv-field">停止</span><span>不再需要后续跟进时回复一句“无需跟进”，我们即停止该线索的继续回复。</span></li>
              <li><span class="prv-field">拒绝</span><span>可只提供索引核对必需的字段，不提供任何额外信息，页面内容照常完整可读。</span></li>
              <li><span class="prv-field">知情</span><span>要求说明某一封邮件当前的处理状态、保存情况与预计清理时点。</span></li>
            </ul>
          </div>
          <details class="prv-act">
            <summary>
              <span class="prv-act-label">动作</span>
              <span class="prv-act-text">按标准格式提交请求，处理更快</span>
              <span class="prv-act-cue prv-act-cue--open">展开</span>
              <span class="prv-act-cue prv-act-cue--close">收起</span>
            </summary>
            <div class="prv-act-body">
              <p>写清三件事即可：请求类型、涉及的索引条目或邮件主题、你希望得到的结果。查询与更正请求请使用原先发信所用的邮箱，便于定位记录。响应节奏与<a href="/contact/">联系与咨询</a>页公示的一致。</p>
            </div>
          </details>
        </article>

        <article class="prv-clause" id="c08">
          <div class="prv-clause-head">
            <span class="prv-num">第 08 条</span>
            <h3 class="prv-clause-title">政策调整与版次公示</h3>
          </div>
          <div class="prv-clause-body">
            <p>本政策随站点栏目、复核节拍或服务范围的变化而更新。每次调整后直接在本页替换对应条款，并在页面顶部的版次标识中顺序加一。历史条款不并存展示，改动要点写进更新记录的季度汇总，保留一行说明。</p>
            <p>当前对外有效的是版次 3。站点的运营范围、六年资料的积累方式与双周复核做法，记录在<a href="/about/">关于博赢官网</a>一页，可作为理解本政策的背景。</p>
          </div>
          <details class="prv-act">
            <summary>
              <span class="prv-act-label">动作</span>
              <span class="prv-act-text">确认你读到的是最新条款</span>
              <span class="prv-act-cue prv-act-cue--open">展开</span>
              <span class="prv-act-cue prv-act-cue--close">收起</span>
            </summary>
            <div class="prv-act-body">
              <p>查看本页顶部“条款文件 · 版次”一行即可判断。若你保存过旧版本的条款文字，以本页当前内容为准；对改动有疑问可在提出咨询时一并说明。</p>
            </div>
          </details>
        </article>

        <article class="prv-clause" id="c09">
          <div class="prv-clause-head">
            <span class="prv-num">第 09 条</span>
            <h3 class="prv-clause-title">联系渠道</h3>
          </div>
          <div class="prv-clause-body">
            <p>索引复核、版本对照、收录咨询，以及与本政策有关的查询、更正与删除请求，都可以通过下列渠道提出：</p>
            <ul>
              <li><span class="prv-field">客服邮箱</span><span>support@win-boying.com.cn</span></li>
              <li><span class="prv-field">客服电话</span><span>400-2999-7353</span></li>
              <li><span class="prv-field">通信地址</span><span>浙江省杭州市滨江区江南大道588号恒鑫大厦12层</span></li>
            </ul>
            <p>邮件与电话在工作日处理，48 小时内回复。各渠道分别适合哪类问题，在<a href="/contact/">联系与咨询</a>页有更细的说明。</p>
          </div>
        </article>
      </section>
    </div>
  </div>

</main>

.page-privacy {
  --prv-measure: 62ch;
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  padding-bottom: var(--section-y);
}

.page-privacy [id] {
  scroll-margin-top: calc(var(--space-8) + var(--space-6));
}

/* ---------- 页首说明区 ---------- */
.page-privacy .prv-intro {
  background: var(--color-surface-alt);
  border-bottom: var(--border-thin) solid var(--color-line);
  padding: var(--space-6) 0 var(--space-8);
}

.page-privacy .prv-kicker {
  margin: var(--space-3) 0 var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.06em;
  color: var(--color-accent);
}

.page-privacy .prv-title {
  margin: 0 0 var(--space-3);
  max-width: 14ch;
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  font-size: clamp(var(--text-xl), 8vw, var(--text-3xl));
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
}

.page-privacy .prv-lede {
  margin: 0 0 var(--space-6);
  max-width: var(--prv-measure);
  font-size: var(--text-lg);
  line-height: 1.55;
  color: var(--color-ink-soft);
}

.page-privacy .prv-meta {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: var(--prv-measure);
  border-top: var(--border-thin) solid var(--color-line);
}

.page-privacy .prv-meta li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
  padding: var(--space-2) 0;
  border-bottom: var(--border-thin) solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-ink-soft);
}

.page-privacy .prv-meta-key {
  flex: 0 0 auto;
  min-width: 6.5em;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.04em;
  color: var(--color-accent);
}

/* ---------- 题图 ---------- */
.page-privacy .prv-banner {
  background: var(--color-surface-deep);
  border-bottom: var(--border-thin) solid var(--color-line);
  overflow: hidden;
}

.page-privacy .prv-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1200 / 420;
  object-fit: cover;
}

/* ---------- 条款目录 ---------- */
.page-privacy .prv-toc {
  background: var(--color-contrast-surface);
  color: var(--color-contrast-ink);
  padding: var(--space-6) 0;
}

.page-privacy .prv-toc-title {
  margin: 0 0 var(--space-3);
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  font-size: var(--text-lg);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-contrast-accent);
}

.page-privacy .prv-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-bottom: var(--border-thin) solid var(--color-contrast-line);
}

.page-privacy .prv-toc-list li {
  border-top: var(--border-thin) solid var(--color-contrast-line);
}

.page-privacy .prv-toc-list a {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  color: var(--color-contrast-ink);
  text-decoration: none;
  font-size: var(--text-sm);
  transition: background 160ms ease, color 160ms ease;
}

.page-privacy .prv-toc-list a .mono {
  flex: 0 0 2.2em;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  color: var(--color-contrast-accent);
}

.page-privacy .prv-toc-list a:hover {
  background: var(--color-primary);
  color: var(--color-primary-ink);
}

.page-privacy .prv-toc-list a:hover .mono {
  color: var(--color-primary-ink);
}

.page-privacy .prv-toc-list a:focus-visible {
  outline: var(--border-thin) solid var(--color-contrast-accent);
  outline-offset: calc(var(--border-thin) * -1);
  background: var(--color-primary);
  color: var(--color-primary-ink);
}

.page-privacy .prv-toc-list a:focus-visible .mono {
  color: var(--color-primary-ink);
}

/* ---------- 条款主体 ---------- */
.page-privacy .prv-clauses {
  position: relative;
  padding-top: var(--section-y);
}

.page-privacy .prv-scale {
  display: none;
}

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

.page-privacy .prv-group-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  padding-bottom: var(--space-2);
  border-bottom: var(--border-thin) solid var(--color-line);
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  font-size: var(--text-xl);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--color-ink);
}

.page-privacy .prv-group-title .mono {
  flex: 0 0 auto;
  padding: 2px var(--space-1);
  border: var(--border-thin) solid var(--color-accent);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  color: var(--color-accent);
}

.page-privacy .prv-clause {
  padding: var(--space-4) 0;
  border-bottom: var(--border-thin) solid var(--color-line);
}

.page-privacy .prv-clause:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .prv-clause-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
  margin-bottom: var(--space-2);
}

.page-privacy .prv-num {
  flex: 0 0 auto;
  padding: 2px var(--space-1);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.06em;
  color: var(--color-accent);
}

.page-privacy .prv-clause-title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  font-size: var(--text-lg);
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--color-ink);
}

.page-privacy .prv-clause-body {
  max-width: var(--prv-measure);
}

.page-privacy .prv-clause-body p {
  margin: 0 0 var(--space-2);
  font-size: var(--text-base);
  color: var(--color-ink-soft);
}

.page-privacy .prv-clause-body p:last-child {
  margin-bottom: 0;
}

.page-privacy .prv-clause-body a {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-privacy .prv-clause-body a:hover {
  color: var(--color-accent);
}

.page-privacy .prv-clause-body a:focus-visible {
  outline: var(--border-thin) solid var(--color-focus);
  outline-offset: 2px;
}

.page-privacy .prv-clause-body ul {
  list-style: none;
  margin: var(--space-2) 0;
  padding: 0;
  border-top: var(--border-thin) solid var(--color-line);
}

.page-privacy .prv-clause-body li {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-2);
  padding: var(--space-2) 0;
  border-bottom: var(--border-thin) solid var(--color-line);
  font-size: var(--text-base);
  color: var(--color-ink-soft);
}

.page-privacy .prv-field {
  flex: 0 0 auto;
  min-width: 5.5em;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.04em;
  color: var(--color-accent);
}

.page-privacy .prv-clause-body li > span:last-child {
  flex: 1 1 12ch;
  min-width: 0;
  overflow-wrap: anywhere;
}

/* ---------- 动作提示行 ---------- */
.page-privacy .prv-act {
  margin-top: var(--space-3);
  max-width: var(--prv-measure);
  background: var(--color-primary-soft);
  border-left: var(--border-thin) solid var(--color-primary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.page-privacy .prv-act > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  padding: var(--space-2) var(--space-3);
  cursor: pointer;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-ink);
}

.page-privacy .prv-act > summary::-webkit-details-marker {
  display: none;
}

.page-privacy .prv-act > summary::marker {
  content: "";
}

.page-privacy .prv-act > summary:focus-visible {
  outline: var(--border-thin) solid var(--color-focus);
  outline-offset: calc(var(--border-thin) * -1);
}

.page-privacy .prv-act-label {
  flex: 0 0 auto;
  padding: 2px var(--space-1);
  border: var(--border-thin) solid var(--color-primary);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--color-primary);
}

.page-privacy .prv-act-text {
  flex: 1 1 12ch;
  min-width: 0;
  color: var(--color-ink);
}

.page-privacy .prv-act-cue {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  color: var(--color-primary);
}

.page-privacy .prv-act-cue--close {
  display: none;
}

.page-privacy .prv-act[open] .prv-act-cue--open {
  display: none;
}

.page-privacy .prv-act[open] .prv-act-cue--close {
  display: inline;
}

.page-privacy .prv-act-body {
  margin: 0 var(--space-3) var(--space-3);
  padding-top: var(--space-2);
  border-top: var(--border-thin) solid color-mix(in srgb, var(--color-primary) 35%, transparent);
  font-size: var(--text-sm);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
}

.page-privacy .prv-act-body p {
  margin: 0;
}

.page-privacy .prv-act-body a {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-privacy .prv-act-body a:hover {
  color: var(--color-accent);
}

/* ---------- 响应式 ---------- */
@media (min-width: 768px) {
  .page-privacy .prv-intro {
    padding: var(--space-8) 0 var(--section-y);
  }

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

  .page-privacy .prv-meta li {
    display: block;
    border-bottom: 0;
    border-top: 0;
    padding: var(--space-2) 0 0;
  }

  .page-privacy .prv-meta-key {
    display: block;
    min-width: 0;
    margin-bottom: var(--space-1);
  }

  .page-privacy .prv-toc-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .page-privacy .prv-toc-list a {
    padding: var(--space-2) var(--space-2);
  }
}

@media (min-width: 1024px) {
  .page-privacy .prv-title {
    max-width: 18ch;
  }

  .page-privacy .prv-clauses {
    padding-left: var(--space-8);
  }

  .page-privacy .prv-scale {
    display: block;
    position: absolute;
    top: var(--section-y);
    bottom: 0;
    left: 0;
    width: var(--space-4);
    border-left: var(--border-thin) solid var(--color-line);
    background-image: repeating-linear-gradient(
      to bottom,
      var(--color-accent) 0,
      var(--color-accent) var(--border-thin),
      transparent var(--border-thin),
      transparent 32px
    );
    background-size: 12px 100%;
    background-repeat: no-repeat;
    background-position: left top;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .prv-toc-list a {
    transition: none;
  }
}
