.page-privacy {
  --pv-rail: 232px;
  --pv-measure: 68ch;
  display: block;
  padding-bottom: 96px;
}

/* ---------- 面包屑 ---------- */
.page-privacy .breadcrumb {
  padding: 26px 0 0;
}

/* ---------- 页首 ---------- */
.page-privacy .privacy-hero {
  position: relative;
  margin: 24px 0 56px;
  padding: 44px 30px 48px;
  border: 1px solid var(--hairline);
  background:
    linear-gradient(135deg, var(--deep-green) 0%, var(--pitch-black) 72%);
  overflow: hidden;
  isolation: isolate;
}

.page-privacy .privacy-hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom, var(--cyan), transparent 82%);
  z-index: 2;
}

.page-privacy .privacy-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .3;
  pointer-events: none;
}

.page-privacy .privacy-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% 50%;
  filter: saturate(.55) contrast(1.1) brightness(.85);
}

.page-privacy .privacy-hero__body {
  position: relative;
  z-index: 1;
  max-width: 720px;
}

.page-privacy .privacy-hero h1 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(40px, 8vw, 78px);
  line-height: .98;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 14px 0 20px;
}

.page-privacy .privacy-lede {
  font-size: 16px;
  line-height: 1.85;
  color: var(--ink-2);
  max-width: 62ch;
  margin: 0;
}

/* ---------- 主体骨架 ---------- */
.page-privacy .privacy-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
}

/* ---------- 条款索引 ---------- */
.page-privacy .privacy-toc {
  border-left: 1px solid var(--hairline);
  padding-left: 14px;
}

.page-privacy .privacy-toc__title {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin: 0 0 12px;
}

.page-privacy .privacy-toc__list {
  list-style: none;
  margin: 0;
  padding: 0 0 6px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.page-privacy .privacy-toc__list::-webkit-scrollbar {
  display: none;
}

.page-privacy .privacy-toc__list > li {
  flex: none;
}

.page-privacy .chapter-link {
  display: inline-flex;
  align-items: baseline;
  gap: 9px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--ink-2);
  text-decoration: none;
  border: 1px solid var(--hairline);
  white-space: nowrap;
  transition: color 200ms var(--ease-out), border-color 200ms var(--ease-out), background-color 200ms var(--ease-out);
}

.page-privacy .chapter-link:hover,
.page-privacy .chapter-link:focus-visible {
  color: var(--cyan);
  border-color: var(--cyan);
}

.page-privacy .chapter-link.is-active {
  color: var(--ink);
  border-color: var(--cyan);
  background: rgba(46, 230, 200, .07);
}

.page-privacy .privacy-toc__num {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--ink-3);
  transition: color 200ms var(--ease-out);
}

.page-privacy .chapter-link.is-active .privacy-toc__num,
.page-privacy .chapter-link:hover .privacy-toc__num {
  color: var(--cyan);
}

/* ---------- 条款正文 ---------- */
.page-privacy .privacy-doc {
  min-width: 0;
  background-image:
    repeating-linear-gradient(to bottom, rgba(31, 74, 61, .16) 0, rgba(31, 74, 61, .16) 1px, transparent 1px, transparent 96px);
  background-position: 0 1px;
}

.page-privacy .privacy-sec {
  position: relative;
  padding: 38px 0 34px;
  border-top: 1px solid var(--hairline);
  scroll-margin-top: 88px;
}

.page-privacy .privacy-sec:first-child {
  border-top: none;
  padding-top: 4px;
}

.page-privacy .privacy-sec__head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}

.page-privacy .privacy-sec__num {
  flex: none;
  padding-top: 12px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .14em;
  color: var(--cyan);
}

.page-privacy .privacy-sec h2 {
  position: relative;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(24px, 4.2vw, 34px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-privacy .privacy-sec h2::before {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  margin-bottom: 10px;
  background: var(--cyan);
}

.page-privacy .privacy-sec p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--ink-2);
  max-width: var(--pv-measure);
}

.page-privacy .privacy-sec p:last-child {
  margin-bottom: 0;
}

.page-privacy .privacy-sec a {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(46, 230, 200, .38);
  transition: color 180ms var(--ease-out), border-color 180ms var(--ease-out);
}

.page-privacy .privacy-sec a:hover,
.page-privacy .privacy-sec a:focus-visible {
  color: var(--cyan-soft);
  border-bottom-color: var(--cyan-soft);
}

.page-privacy .privacy-list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: grid;
  gap: 13px;
  max-width: var(--pv-measure);
}

.page-privacy .privacy-list:last-child {
  margin-bottom: 0;
}

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--ink-2);
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .82em;
  width: 11px;
  height: 1px;
  background: var(--hairline);
}

.page-privacy .privacy-list strong {
  color: var(--ink);
  font-weight: 500;
}

.page-privacy .privacy-mail {
  font-family: var(--font-mono);
  font-size: 15px;
  color: var(--cyan);
  word-break: break-all;
}

.page-privacy .privacy-note {
  margin: 18px 0 0;
  padding: 15px 18px 15px 20px;
  background: var(--panel);
  border-left: 2px solid var(--amber);
  font-size: 15px;
  line-height: 1.8;
  color: var(--ink-2);
  max-width: var(--pv-measure);
}

/* ---------- 中屏 ---------- */
@media (min-width: 700px) {
  .page-privacy .privacy-hero {
    padding: 58px 52px 60px;
  }

  .page-privacy .privacy-lede {
    font-size: 17px;
  }
}

/* ---------- 宽屏：左侧固定索引列 + 偏左窄正文 ---------- */
@media (min-width: 1000px) {
  .page-privacy .privacy-shell {
    grid-template-columns: var(--pv-rail) minmax(0, var(--pv-measure));
    column-gap: 72px;
    align-items: start;
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: 32px;
    padding-left: 18px;
  }

  .page-privacy .privacy-toc__list {
    flex-direction: column;
    gap: 0;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-privacy .privacy-toc__list > li {
    border-bottom: 1px solid rgba(31, 74, 61, .55);
  }

  .page-privacy .privacy-toc__list > li:last-child {
    border-bottom: none;
  }

  .page-privacy .chapter-link {
    width: 100%;
    padding: 9px 0;
    border: none;
    background: none;
    white-space: normal;
    transition: color 200ms var(--ease-out), transform 200ms var(--ease-out);
  }

  .page-privacy .chapter-link:hover,
  .page-privacy .chapter-link:focus-visible {
    transform: translateX(4px);
  }

  .page-privacy .chapter-link.is-active {
    background: none;
    color: var(--ink);
  }

  .page-privacy .chapter-link.is-active .privacy-toc__num {
    position: relative;
  }

  .page-privacy .chapter-link.is-active .privacy-toc__num::after {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    width: 2px;
    height: 14px;
    margin-top: -7px;
    background: var(--cyan);
  }

  .page-privacy .privacy-sec {
    padding: 44px 0 40px;
  }

  .page-privacy .privacy-sec:first-child {
    padding-top: 6px;
  }
}

/* ---------- 减少动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-privacy .chapter-link,
  .page-privacy .privacy-sec a,
  .page-privacy .privacy-toc__num {
    transition: none;
  }

  .page-privacy .chapter-link:hover,
  .page-privacy .chapter-link:focus-visible {
    transform: none;
  }
}
<<<END>>>

等一下，我需要检查一下输出格式。指令说：“严格按照以下标记顺序输出，每个标记只能出现一次，标记必须是三个尖括号： ... ”

所以我不应该在末尾添加 <<<END>>>。让我修正一下。

另外，我需要确认 `--pv-rail` 和 `--pv-measure` 作为新变量已经定义在 .page-privacy 作用域内。是的，已经定义了。很好。

`--cyan-soft` 在站点变量列表中——是的，它存在。很好。

让我检查一下，我有没有用到任何未定义的变量？`var(--font-mono)`、`var(--font-display)`、`var(--hairline)`、`var(--ink)`、`var(--ink-2)`、`var(--ink-3)`、`var(--panel)`、`var(--amber)`、`var(--cyan)`、`var(--cyan-soft)`、`var(--deep-green)`、`var(--pitch-black)`、`var(--ease-out)`——全部都在列表里。

还有一件事——`.privacy-toc__list` 是一个 `<ol>`，样式设成了 flex。没问题。

我检查一下是否有重复的 id，大概没有。

再想想章节索引：我写的是 `data-chapter-link="01"` 和 `data-chapter="01"`，能对上。

最后检查一下首屏的图片尺寸。协议格式：`{zhanqunpic:h:600w:1000}`，`width="1000" height="600"`——对得上。

移除 `<<<END>>>`，只输出两个标记。另外内容已经写好了。让我定稿。
<main id="main-content" class="page-privacy" data-protection>
  <div class="wrap">

    <nav class="breadcrumb" aria-label="所在位置">
      <ol class="breadcrumb__list">
        <li class="breadcrumb__item"><a class="breadcrumb__link" href="/">首页</a></li>
        <li class="breadcrumb__item" aria-current="page">数据保护</li>
      </ol>
    </nav>

    <header class="privacy-hero">
      <div class="privacy-hero__media">
        <img src="{zhanqunpic:h:600w:1000}" width="1000" height="600" alt="深墨绿底色上由细线交织成的信息流纹理，画面无文字、无人物" fetchpriority="high">
      </div>
      <div class="privacy-hero__body">
        <p class="idx">条款 01 — 08</p>
        <h1>数据保护说明</h1>
        <p class="privacy-lede">明升体育在提供赛前情报、伤停信息与前瞻库服务的过程中，只处理维持网站正常运行与回应用户咨询所必需的信息。下面按条目说明这些内容包含什么、用来做什么、会保留多久，以及你可以通过哪个渠道要求查询、更正或删除。</p>
      </div>
    </header>

  </div>

  <div class="wrap">
    <div class="privacy-shell">

      <aside class="privacy-toc" aria-label="条款索引">
        <p class="privacy-toc__title">条款索引</p>
        <ol class="privacy-toc__list">
          <li><a class="chapter-link" data-chapter-link="01" href="#p01"><span class="privacy-toc__num">01</span>适用范围</a></li>
          <li><a class="chapter-link" data-chapter-link="02" href="#p02"><span class="privacy-toc__num">02</span>我们处理哪些信息</a></li>
          <li><a class="chapter-link" data-chapter-link="03" href="#p03"><span class="privacy-toc__num">03</span>信息的使用目的</a></li>
          <li><a class="chapter-link" data-chapter-link="04" href="#p04"><span class="privacy-toc__num">04</span>Cookie 与本地存储</a></li>
          <li><a class="chapter-link" data-chapter-link="05" href="#p05"><span class="privacy-toc__num">05</span>保存期限与安全措施</a></li>
          <li><a class="chapter-link" data-chapter-link="06" href="#p06"><span class="privacy-toc__num">06</span>对外提供与第三方</a></li>
          <li><a class="chapter-link" data-chapter-link="07" href="#p07"><span class="privacy-toc__num">07</span>你的权利与行使方式</a></li>
          <li><a class="chapter-link" data-chapter-link="08" href="#p08"><span class="privacy-toc__num">08</span>说明的更新</a></li>
        </ol>
      </aside>

      <div class="privacy-doc">

        <section class="privacy-sec" id="p01" data-chapter="01">
          <div class="privacy-sec__head">
            <span class="privacy-sec__num">01</span>
            <h2>适用范围</h2>
          </div>
          <p>本说明适用于明升体育在电脑端与移动端提供的全部页面，包括首页、前瞻平台、赛场情报与答疑中心等栏目。无论是浏览赛程、查看伤停标记、使用站内检索，还是通过客服邮箱主动联系我们，所涉及的信息都按下列条目处理。</p>
          <p>如果你通过第三方平台跳转进入本站，该平台自身的信息处理方式由它另行说明，不在本页范围内。</p>
        </section>

        <section class="privacy-sec" id="p02" data-chapter="02">
          <div class="privacy-sec__head">
            <span class="privacy-sec__num">02</span>
            <h2>我们处理哪些信息</h2>
          </div>
          <ul class="privacy-list">
            <li><strong>浏览偏好。</strong>你在前瞻库里勾选的联赛、球队以及筛选人群标签，用于下次打开时恢复上次的筛选状态。</li>
            <li><strong>设备与浏览器基本参数。</strong>浏览器类型、屏幕分辨率区间、访问来源页面等，用于判断布局在不同屏幕上的呈现情况，不包含可定位到具体个人的身份信息。</li>
            <li><strong>检索词条。</strong>在站内检索或命令栏里输入的联赛、球队、球员位置等关键词，用于改善搜索结果的排序与联想提示。</li>
            <li><strong>主动发送的内容。</strong>你通过客服邮箱发来的咨询、纠错说明与相关截图，以及为回复所需留下的联系方式。</li>
            <li><strong>访问时段。</strong>页面被打开的大致时间，用于了解栏目在一天中的使用高峰，帮助安排更新节奏。</li>
          </ul>
        </section>

        <section class="privacy-sec" id="p03" data-chapter="03">
          <div class="privacy-sec__head">
            <span class="privacy-sec__num">03</span>
            <h2>信息的使用目的</h2>
          </div>
          <ul class="privacy-list">
            <li><strong>改进栏目结构。</strong>观察哪些分类与入口被反复使用，据此调整导航层级与位置，让常看的内容更靠前。</li>
            <li><strong>统计栏目访问情况。</strong>汇总某段时间内各栏目的浏览次数与停留时长，作为内容排期与专题策划的参考。</li>
            <li><strong>回复咨询与处理纠错。</strong>读取你邮件中说明的页面位置、场次或伤停条目，核对后作出更正并回信告知结果。</li>
            <li><strong>维持站内功能。</strong>记住你的筛选条件与已读标记，减少每次打开都要重新设置的重复操作。</li>
          </ul>
          <p class="privacy-note">以上用途都以完成对应事项为限，不会把检索词条或筛选记录用于与赛前情报服务无关的方向。</p>
        </section>

        <section class="privacy-sec" id="p04" data-chapter="04">
          <div class="privacy-sec__head">
            <span class="privacy-sec__num">04</span>
            <h2>Cookie 与本地存储</h2>
          </div>
          <ul class="privacy-list">
            <li>本站使用浏览器的本地存储记录你的筛选条件、列表排序方式与已读标记，这类数据保存在你自己的设备上。</li>
            <li>本地存储不包含姓名、证件号码等身份信息，也不会用于在其他网站上投放内容。</li>
            <li><strong>清理方式。</strong>在浏览器设置中清除该站点的 Cookie 与站点数据，或使用无痕窗口重新打开页面。</li>
            <li>清除之后，筛选条件与已读标记会回到初始状态，需要重新设置一次。</li>
          </ul>
        </section>

        <section class="privacy-sec" id="p05" data-chapter="05">
          <div class="privacy-sec__head">
            <span class="privacy-sec__num">05</span>
            <h2>保存期限与安全措施</h2>
          </div>
          <ul class="privacy-list">
            <li><strong>检索词条与访问统计</strong>以汇总形式保留，保存时长通常不超过 12 个月。</li>
            <li><strong>客服邮件及往来记录</strong>在事项处理完成后保留 24 个月，便于后续核对同一问题。</li>
            <li><strong>权限控制。</strong>查看权限按职责分配，只有需要处理对应事项的同事才能打开，账号使用独立口令并定期更换。</li>
            <li><strong>传输与排查。</strong>页面访问与邮件收发走加密连接；遇到异常访问迹象时，我们会尽快排查原因并通知受影响的一方。</li>
          </ul>
          <p>网络传输本身存在无法完全消除的风险，我们会在能力范围内把可控制的部分做到位，也建议你为邮箱设置独立的高强度密码。</p>
        </section>

        <section class="privacy-sec" id="p06" data-chapter="06">
          <div class="privacy-sec__head">
            <span class="privacy-sec__num">06</span>
            <h2>对外提供与第三方</h2>
          </div>
          <ul class="privacy-list">
            <li>在内容分发或访问统计需要外部支持时，相关服务方可能接触到汇总层面的访问数据，接触范围限于完成该项工作所必需的部分。</li>
            <li>我们不会把你的邮箱地址提供给与内容服务无关的第三方用于推广。</li>
            <li>涉及法律要求或监管机关依法提出要求的情形，我们会按适用规定提供必要信息。</li>
            <li>除上述情形以外，你在站内产生的信息不会被对外提供。</li>
          </ul>
        </section>

        <section class="privacy-sec" id="p07" data-chapter="07">
          <div class="privacy-sec__head">
            <span class="privacy-sec__num">07</span>
            <h2>你的权利与行使方式</h2>
          </div>
          <ul class="privacy-list">
            <li><strong>查询。</strong>发邮件到 <span class="privacy-mail">service@zhuchang-mingsheng.com.cn</span>，说明想查看的信息范围即可。</li>
            <li><strong>更正。</strong>如果邮件里留下的联系方式有误，或站内某条场次记录、伤停标记与实际情况不符，可在邮件中指明具体页面或场次，我们核对后作出修改。</li>
            <li><strong>删除。</strong>可以要求删除你发来的邮件内容与相关往来记录；删除后可能无法继续跟进同一事项。</li>
            <li><strong>撤回同意。</strong>调整浏览器设置清除本地存储，即可让筛选条件与阅读标记停止保留。</li>
            <li><strong>回复时间。</strong>工作日 9:00–18:00 有专人读取邮件，一般会在一到两个工作日内回信。如需电话沟通，请在邮件中说明并预约回电时间。</li>
          </ul>
          <p class="privacy-note">行使上述权利时，请在邮件主题中写明事由，并附上之前往来邮件的时间或页面地址，能帮助我们更快定位到对应记录。</p>
        </section>

        <section class="privacy-sec" id="p08" data-chapter="08">
          <div class="privacy-sec__head">
            <span class="privacy-sec__num">08</span>
            <h2>说明的更新</h2>
          </div>
          <p>当站内功能调整、栏目增减或信息处理方式发生变化时，本说明会同步更新，条款编号保持连续，方便你与之前看到的版本对照。</p>
          <p>想确认自己读到的是不是最新内容，刷新本页即可；对某一条款有疑问，可以到<a href="/answers/">答疑中心</a>查找相关说明，或直接写信给客服邮箱。站点整体情况与团队构成，可在<a href="/company/">品牌档案</a>中查看；希望与我们谈内容合作或提出选题建议，请走<a href="/find-us/">找到我们</a>页面的对接渠道。</p>
        </section>

      </div>
    </div>
  </div>
</main>

.page-privacy {
  --pv-rail: 232px;
  --pv-measure: 68ch;
  display: block;
  padding-bottom: 96px;
}

/* ---------- 面包屑 ---------- */
.page-privacy .breadcrumb {
  padding: 26px 0 0;
}

/* ---------- 页首 ---------- */
.page-privacy .privacy-hero {
  position: relative;
  margin: 24px 0 56px;
  padding: 44px 30px 48px;
  border: 1px solid var(--hairline);
  background: linear-gradient(135deg, var(--deep-green) 0%, var(--pitch-black) 72%);
  overflow: hidden;
  isolation: isolate;
}

.page-privacy .privacy-hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom, var(--cyan), transparent 82%);
  z-index: 2;
}

.page-privacy .privacy-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .3;
  pointer-events: none;
}

.page-privacy .privacy-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% 50%;
  filter: saturate(.55) contrast(1.1) brightness(.85);
}

.page-privacy .privacy-hero__body {
  position: relative;
  z-index: 1;
  max-width: 720px;
}

.page-privacy .privacy-hero h1 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(40px, 8vw, 78px);
  line-height: .98;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 14px 0 20px;
}

.page-privacy .privacy-lede {
  font-size: 16px;
  line-height: 1.85;
  color: var(--ink-2);
  max-width: 62ch;
  margin: 0;
}

/* ---------- 主体骨架 ---------- */
.page-privacy .privacy-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
}

/* ---------- 条款索引 ---------- */
.page-privacy .privacy-toc {
  border-left: 1px solid var(--hairline);
  padding-left: 14px;
}

.page-privacy .privacy-toc__title {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin: 0 0 12px;
}

.page-privacy .privacy-toc__list {
  list-style: none;
  margin: 0;
  padding: 0 0 6px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.page-privacy .privacy-toc__list::-webkit-scrollbar {
  display: none;
}

.page-privacy .privacy-toc__list > li {
  flex: none;
}

.page-privacy .chapter-link {
  display: inline-flex;
  align-items: baseline;
  gap: 9px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--ink-2);
  text-decoration: none;
  border: 1px solid var(--hairline);
  white-space: nowrap;
  transition: color 200ms var(--ease-out), border-color 200ms var(--ease-out), background-color 200ms var(--ease-out);
}

.page-privacy .chapter-link:hover,
.page-privacy .chapter-link:focus-visible {
  color: var(--cyan);
  border-color: var(--cyan);
}

.page-privacy .chapter-link.is-active {
  color: var(--ink);
  border-color: var(--cyan);
  background: rgba(46, 230, 200, .07);
}

.page-privacy .privacy-toc__num {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--ink-3);
  transition: color 200ms var(--ease-out);
}

.page-privacy .chapter-link.is-active .privacy-toc__num,
.page-privacy .chapter-link:hover .privacy-toc__num {
  color: var(--cyan);
}

/* ---------- 条款正文 ---------- */
.page-privacy .privacy-doc {
  min-width: 0;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(31, 74, 61, .16) 0,
    rgba(31, 74, 61, .16) 1px,
    transparent 1px,
    transparent 96px
  );
  background-position: 0 1px;
}

.page-privacy .privacy-sec {
  position: relative;
  padding: 38px 0 34px;
  border-top: 1px solid var(--hairline);
  scroll-margin-top: 88px;
}

.page-privacy .privacy-sec:first-child {
  border-top: none;
  padding-top: 4px;
}

.page-privacy .privacy-sec__head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}

.page-privacy .privacy-sec__num {
  flex: none;
  padding-top: 12px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .14em;
  color: var(--cyan);
}

.page-privacy .privacy-sec h2 {
  position: relative;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(24px, 4.2vw, 34px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-privacy .privacy-sec h2::before {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  margin-bottom: 10px;
  background: var(--cyan);
}

.page-privacy .privacy-sec p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--ink-2);
  max-width: var(--pv-measure);
}

.page-privacy .privacy-sec p:last-child {
  margin-bottom: 0;
}

.page-privacy .privacy-sec a {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(46, 230, 200, .38);
  transition: color 180ms var(--ease-out), border-color 180ms var(--ease-out);
}

.page-privacy .privacy-sec a:hover,
.page-privacy .privacy-sec a:focus-visible {
  color: var(--cyan-soft);
  border-bottom-color: var(--cyan-soft);
}

.page-privacy .privacy-list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: grid;
  gap: 13px;
  max-width: var(--pv-measure);
}

.page-privacy .privacy-list:last-child {
  margin-bottom: 0;
}

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--ink-2);
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .82em;
  width: 11px;
  height: 1px;
  background: var(--hairline);
}

.page-privacy .privacy-list strong {
  color: var(--ink);
  font-weight: 500;
}

.page-privacy .privacy-mail {
  font-family: var(--font-mono);
  font-size: 15px;
  color: var(--cyan);
  word-break: break-all;
}

.page-privacy .privacy-note {
  margin: 18px 0 0;
  padding: 15px 18px 15px 20px;
  background: var(--panel);
  border-left: 2px solid var(--amber);
  font-size: 15px;
  line-height: 1.8;
  color: var(--ink-2);
  max-width: var(--pv-measure);
}

/* ---------- 中屏 ---------- */
@media (min-width: 700px) {
  .page-privacy .privacy-hero {
    padding: 58px 52px 60px;
  }

  .page-privacy .privacy-lede {
    font-size: 17px;
  }
}

/* ---------- 宽屏：左侧固定索引列 + 偏左窄正文 ---------- */
@media (min-width: 1000px) {
  .page-privacy .privacy-shell {
    grid-template-columns: var(--pv-rail) minmax(0, var(--pv-measure));
    column-gap: 72px;
    align-items: start;
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: 32px;
    padding-left: 18px;
  }

  .page-privacy .privacy-toc__list {
    flex-direction: column;
    gap: 0;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-privacy .privacy-toc__list > li {
    border-bottom: 1px solid rgba(31, 74, 61, .55);
  }

  .page-privacy .privacy-toc__list > li:last-child {
    border-bottom: none;
  }

  .page-privacy .chapter-link {
    width: 100%;
    padding: 9px 0;
    border: none;
    background: none;
    white-space: normal;
    transition: color 200ms var(--ease-out), transform 200ms var(--ease-out);
  }

  .page-privacy .chapter-link:hover,
  .page-privacy .chapter-link:focus-visible {
    transform: translateX(4px);
  }

  .page-privacy .chapter-link.is-active {
    background: none;
    color: var(--ink);
  }

  .page-privacy .chapter-link.is-active .privacy-toc__num {
    position: relative;
  }

  .page-privacy .chapter-link.is-active .privacy-toc__num::after {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    width: 2px;
    height: 14px;
    margin-top: -7px;
    background: var(--cyan);
  }

  .page-privacy .privacy-sec {
    padding: 44px 0 40px;
  }

  .page-privacy .privacy-sec:first-child {
    padding-top: 6px;
  }
}

/* ---------- 减少动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-privacy .chapter-link,
  .page-privacy .privacy-sec a,
  .page-privacy .privacy-toc__num {
    transition: none;
  }

  .page-privacy .chapter-link:hover,
  .page-privacy .chapter-link:focus-visible {
    transform: none;
  }
}