.page-privacy {
  --pp-line: rgba(168, 255, 240, 0.16);
  --pp-ink-deep: #0B1412;
  --pp-paper-accent: #0B6B5C;
  --pp-note-bg: #E6EFEC;
  --pp-note-bg-hover: #DCE8E4;
  background: var(--ink);
  color: var(--dark-ink);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* ---------- 首屏 ---------- */
.page-privacy .pp-hero {
  position: relative;
  padding: 26px 0 40px;
  background:
    radial-gradient(110% 80% at 92% 0%, rgba(53, 242, 214, 0.10), transparent 60%),
    linear-gradient(180deg, var(--deep) 0%, var(--ink) 100%);
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .pp-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
  margin-top: 22px;
}

.page-privacy .pp-hero__kicker {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  color: var(--cyan);
  font-variant-numeric: tabular-nums;
}

.page-privacy .pp-hero__title {
  margin: 0 0 18px;
  font-size: clamp(2.4rem, 8vw, 4.4rem);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: 0.01em;
  color: var(--ink);
  -webkit-text-stroke: 1px var(--cyan);
  text-shadow: 0 0 34px rgba(53, 242, 214, 0.22);
}

.page-privacy .pp-hero__intro {
  margin: 0;
  max-width: 60ch;
  font-size: 1.0625rem;
  line-height: 1.85;
  color: var(--dark-ink);
}

.page-privacy .pp-hero__meta {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  font-variant-numeric: tabular-nums;
}

.page-privacy .pp-hero__meta li {
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--mist);
  border-left: 2px solid var(--turf);
  padding-left: 10px;
}

.page-privacy .pp-hero__figure {
  margin: 0;
}

.page-privacy .pp-hero__figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%);
  background: var(--stand);
}

.page-privacy .pp-hero__caption {
  margin-top: 12px;
  font-size: 0.78rem;
  line-height: 1.7;
  color: var(--mist);
  max-width: 40ch;
}

/* ---------- 主体分屏 ---------- */
.page-privacy .pp-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
  padding-top: 36px;
  padding-bottom: 76px;
}

/* 目录 */
.page-privacy .pp-toc {
  align-self: start;
}

.page-privacy .pp-toc__title {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.2em;
  color: var(--cyan);
}

.page-privacy .pp-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.page-privacy .pp-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 7px 11px;
  border: 1px solid var(--pp-line);
  background: rgba(16, 49, 42, 0.42);
  color: var(--dark-ink);
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.35;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);
}

.page-privacy .pp-toc__num {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  color: var(--cyan);
  font-variant-numeric: tabular-nums;
}

.page-privacy .pp-toc__link:hover,
.page-privacy .pp-toc__link:focus-visible {
  border-color: var(--cyan);
  background: rgba(53, 242, 214, 0.08);
  color: var(--cyan);
  outline: none;
}

.page-privacy .pp-toc__link:focus-visible {
  box-shadow: 0 0 0 2px rgba(53, 242, 214, 0.55);
}

/* 条款正文面板 */
.page-privacy .pp-sheet {
  background: var(--paper);
  color: var(--paper-ink);
  padding: 26px 20px 34px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);
}

.page-privacy .pp-clause + .pp-clause {
  margin-top: 34px;
  padding-top: 30px;
  border-top: 1px solid var(--paper-line);
}

.page-privacy .pp-clause__head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
}

.page-privacy .pp-clause__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 0.95rem;
  letter-spacing: 0.08em;
  color: var(--pp-paper-accent);
  border-bottom: 2px solid var(--pp-paper-accent);
  padding-bottom: 1px;
  font-variant-numeric: tabular-nums;
}

.page-privacy .pp-clause__title {
  margin: 0;
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  line-height: 1.3;
  font-weight: 800;
  color: var(--pp-ink-deep);
}

.page-privacy .pp-clause__body p {
  margin: 0 0 16px;
  max-width: 36em;
  font-size: 1.0625rem;
  line-height: 1.85;
  color: var(--paper-ink);
}

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

.page-privacy .pp-clause__body ul {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  max-width: 36em;
}

.page-privacy .pp-clause__body li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 20px;
  font-size: 1.0625rem;
  line-height: 1.8;
  color: var(--paper-ink);
}

.page-privacy .pp-clause__body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 9px;
  height: 2px;
  background: var(--pp-paper-accent);
}

.page-privacy .pp-clause__body strong {
  color: var(--pp-ink-deep);
  font-weight: 700;
}

.page-privacy .pp-link {
  color: var(--pp-paper-accent);
  text-decoration: none;
  border-bottom: 1px solid rgba(11, 107, 92, 0.4);
  transition: border-color var(--dur) var(--ease), color var(--dur) var(--ease);
}

.page-privacy .pp-link:hover,
.page-privacy .pp-link:focus-visible {
  color: var(--pp-ink-deep);
  border-bottom-color: var(--pp-ink-deep);
  outline: none;
}

/* 定义提示块 */
.page-privacy .pp-note {
  margin: 18px 0 22px;
  max-width: 38em;
  background: var(--pp-note-bg);
  border-left: 3px solid var(--pp-paper-accent);
}

.page-privacy .pp-note__summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 16px;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.6;
  color: var(--pp-ink-deep);
}

.page-privacy .pp-note__summary::-webkit-details-marker {
  display: none;
}

.page-privacy .pp-note__summary::after {
  content: "＋";
  float: right;
  margin-left: 12px;
  font-family: var(--font-mono);
  color: var(--pp-paper-accent);
}

.page-privacy .pp-note[open] .pp-note__summary::after {
  content: "－";
}

.page-privacy .pp-note__summary:hover,
.page-privacy .pp-note__summary:focus-visible {
  background: var(--pp-note-bg-hover);
  outline: none;
}

.page-privacy .pp-note__summary:focus-visible {
  box-shadow: inset 0 0 0 2px var(--pp-paper-accent);
}

.page-privacy .pp-note__text {
  margin: 0;
  padding: 0 16px 14px;
  font-size: 0.95rem;
  line-height: 1.8;
  color: var(--paper-ink);
}

/* 返回顶部 */
.page-privacy .pp-totop {
  position: fixed;
  right: 16px;
  bottom: 86px;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: var(--ink);
  background: var(--cyan);
  text-decoration: none;
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
  transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}

.page-privacy .pp-totop:hover,
.page-privacy .pp-totop:focus-visible {
  background: var(--mist);
  color: var(--deep);
  outline: none;
}

.page-privacy .pp-totop:focus-visible {
  box-shadow: 0 0 0 3px rgba(53, 242, 214, 0.5);
}

/* ---------- 平板与桌面 ---------- */
@media (min-width: 768px) {
  .page-privacy .pp-hero {
    padding: 34px 0 52px;
  }

  .page-privacy .pp-sheet {
    padding: 40px 44px 52px;
  }

  .page-privacy .pp-body {
    padding-top: 46px;
    padding-bottom: 96px;
  }
}

@media (min-width: 900px) {
  .page-privacy .pp-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
    gap: 40px;
    align-items: end;
    margin-top: 28px;
  }
}

@media (min-width: 1000px) {
  .page-privacy .pp-body {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 54px;
    padding-top: 56px;
  }

  .page-privacy .pp-toc {
    position: sticky;
    top: calc(var(--header-h) + 28px);
  }

  .page-privacy .pp-toc__list {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 2px;
  }

  .page-privacy .pp-toc__link {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 12px;
    border: 0;
    border-left: 1px solid var(--pp-line);
    background: transparent;
  }

  .page-privacy .pp-toc__link:hover,
  .page-privacy .pp-toc__link:focus-visible {
    border-left-color: var(--cyan);
    background: rgba(53, 242, 214, 0.07);
  }

  .page-privacy .pp-totop {
    right: 28px;
    bottom: 40px;
  }
}

@media (min-width: 1440px) {
  .page-privacy .pp-body {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 72px;
  }

  .page-privacy .pp-sheet {
    padding: 52px 64px 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pp-toc__link,
  .page-privacy .pp-note__summary,
  .page-privacy .pp-link,
  .page-privacy .pp-totop {
    transition: none;
  }
}
>>

<main id="main-content" class="page-privacy">
  <section class="pp-hero" id="pp-top">
    <div class="container">
      <nav class="breadcrumb" aria-label="面包屑">
        <span class="breadcrumb__item"><a class="breadcrumb__link" href="/">首页</a></span>
        <span class="breadcrumb__sep" aria-hidden="true">/</span>
        <span class="breadcrumb__item"><span class="breadcrumb__current" aria-current="page">隐私政策</span></span>
      </nav>

      <div class="pp-hero__grid">
        <div class="pp-hero__lead">
          <p class="pp-hero__kicker">版本 v3.2 ｜ 2026 赛季</p>
          <h1 class="pp-hero__title">隐私政策</h1>
          <p class="pp-hero__intro">这份说明写的是球王会体育中国官方网站在你浏览场馆索引、订阅球队与写信咨询时，会接触到哪些信息、留多久、由谁查看，以及你可以提出什么请求。全站不设注册与登录，订阅球队是唯一需要留下联系方式的环节。</p>
          <ul class="pp-hero__meta">
            <li>条款编号 01—07</li>
            <li>覆盖页面与客户端</li>
            <li>客服邮箱 support@ballking-club.com.cn</li>
          </ul>
        </div>

        <figure class="pp-hero__figure">
          <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="抽象信息边界示意：墨绿底色上交织的细线与栅格节点，浅青光点沿线条由密到疏排列并逐渐隐去">
          <figcaption class="pp-hero__caption">示意说明：线条代表有明确用途的记录，渐隐部分代表只留在你设备上、不会回传的状态。</figcaption>
        </figure>
      </div>
    </div>
  </section>

  <div class="container pp-body">
    <nav class="pp-toc" aria-label="条款目录">
      <p class="pp-toc__title">条款目录</p>
      <ol class="pp-toc__list">
        <li class="pp-toc__item"><a class="pp-toc__link" href="#scope"><span class="pp-toc__num">01</span><span>适用范围</span></a></li>
        <li class="pp-toc__item"><a class="pp-toc__link" href="#collect"><span class="pp-toc__num">02</span><span>涉及的信息类型</span></a></li>
        <li class="pp-toc__item"><a class="pp-toc__link" href="#purpose"><span class="pp-toc__num">03</span><span>使用目的</span></a></li>
        <li class="pp-toc__item"><a class="pp-toc__link" href="#keep"><span class="pp-toc__num">04</span><span>保存期限与安全措施</span></a></li>
        <li class="pp-toc__item"><a class="pp-toc__link" href="#storage"><span class="pp-toc__num">05</span><span>Cookie 与本地存储</span></a></li>
        <li class="pp-toc__item"><a class="pp-toc__link" href="#rights"><span class="pp-toc__num">06</span><span>你可以提出的请求</span></a></li>
        <li class="pp-toc__item"><a class="pp-toc__link" href="#updates"><span class="pp-toc__num">07</span><span>政策更新与联系</span></a></li>
      </ol>
    </nav>

    <div class="pp-sheet">
      <section class="pp-clause" id="scope">
        <header class="pp-clause__head">
          <span class="pp-clause__num">01</span>
          <h2 class="pp-clause__title">适用范围</h2>
        </header>
        <div class="pp-clause__body">
          <p>本政策适用于 ballking-club.com.cn 域名下的公开页面，以及球王会体育官客户端里的场馆索引、订阅列表与简史阅读功能。你在这些位置产生的记录，都按本页所写的范围处理。</p>
          <p>站内部分段落会链到站外页面。一旦离开本站域名，信息的处理方式由对方页面自行说明，本站既不参与，也不会把订阅列表交给对方。若不确定当前在哪一侧，看浏览器地址栏里的域名即可。</p>
          <ul>
            <li>受本政策约束的功能：场馆信息检索、订阅球队与提醒、球迷组织俱乐部简史阅读、客服邮件往来。</li>
            <li>同页另有说明的部分：术语表中的公共词条、内容纠错通道收到的修改建议。</li>
          </ul>
        </div>
      </section>

      <section class="pp-clause" id="collect">
        <header class="pp-clause__head">
          <span class="pp-clause__num">02</span>
          <h2 class="pp-clause__title">涉及的信息类型</h2>
        </header>
        <div class="pp-clause__body">
          <p>按场景分开写，方便你判断哪一步会产生记录。四类记录彼此独立，订阅列表不会和检索条件拼在一起使用。</p>
          <ul>
            <li><strong>订阅球队</strong>：你选中的球队、订阅列表里的优先级顺序、提醒开关的状态。单个列表最多容纳 30 支球队，加满后需要先移除再新增。本站不需要你的真实姓名，也不要求填写证件信息。</li>
            <li><strong>场馆检索</strong>：你在城市与联赛两个维度上选过的条件、输入过的关键词。筛选在前端完成，结果即时刷新，条件本身不会提交到服务器。</li>
            <li><strong>客服邮件</strong>：你发往客服邮箱的地址、邮件正文，以及你自己附上的内容。</li>
            <li><strong>页面访问</strong>：栏目访问次数、设备类型与屏幕宽度的粗略分布，用来判断版式和索引分栏在哪一档更合适，这类统计不指向具体的人。</li>
          </ul>
          <details class="pp-note">
            <summary class="pp-note__summary">“粗略分布”是什么概念？</summary>
            <p class="pp-note__text">指把访问按手机、平板、桌面三类，以及屏幕宽度的几个区间分别计数，不记录单个访问者的连续浏览轨迹，也不据此生成个人标签。</p>
          </details>
        </div>
      </section>

      <section class="pp-clause" id="purpose">
        <header class="pp-clause__head">
          <span class="pp-clause__num">03</span>
          <h2 class="pp-clause__title">使用目的</h2>
        </header>
        <div class="pp-clause__body">
          <p>记录只服务四件事。要用于别的事情，我们会先改本页条款，再开始处理。</p>
          <ul>
            <li><strong>内容推送</strong>：赛前 24 小时提醒与赛后 2 小时内汇总，只包含你订阅球队相关的赛事条目与场馆提示。</li>
            <li><strong>检索体验</strong>：记住你上次使用的城市与联赛条件，下次打开时直接回到那个视图，减少重复勾选。</li>
            <li><strong>咨询回复</strong>：受理订阅球队、场馆信息与球迷组织俱乐部简史三类咨询，工作日 9:00-18:00 回复。</li>
            <li><strong>页面改进</strong>：依据栏目访问分布判断哪些索引需要拆分、哪些可以合并，调整的是版式与栏目顺序。</li>
          </ul>
          <p>不向第三方出售或交换订阅列表；不基于这些记录推送站外商户内容；不把邮箱地址用于推送之外的用途。</p>
        </div>
      </section>

      <section class="pp-clause" id="keep">
        <header class="pp-clause__head">
          <span class="pp-clause__num">04</span>
          <h2 class="pp-clause__title">保存期限与安全措施</h2>
        </header>
        <div class="pp-clause__body">
          <p>期限按“事情办完就清理”的原则设定，长短取决于记录本身的作用。</p>
          <ul>
            <li><strong>订阅列表与提醒记录</strong>：在订阅关系存续期间保留；取消订阅后，在 60 天内完成清理。</li>
            <li><strong>客服邮件往来</strong>：为处理同一个问题保留 12 个月；超期后删除正文，只留下咨询类别的计数。</li>
            <li><strong>检索条件</strong>：只保存在浏览器的本地存储中，不进入服务器，因此没有服务器端的保留期。</li>
            <li><strong>访问控制</strong>：订阅与邮件数据仅由客服与维护岗位按需查阅；编辑团队共 12 人，其中数据校对 4 人，只接触场馆与赛事字段，不接触订阅信息。</li>
            <li><strong>展示脱敏</strong>：在内部问题排查中，邮箱等标识字段以掩码形式呈现，只保留域名与首尾字符。</li>
          </ul>
          <p>联网环境里没有零风险的说法。本站采取的是可核查的做法：按岗位分配最小必要权限、订阅数据与检索数据分开存放、按期清理过期记录。本站备案号为川ICP备49238375号-2。</p>
        </div>
      </section>

      <section class="pp-clause" id="storage">
        <header class="pp-clause__head">
          <span class="pp-clause__num">05</span>
          <h2 class="pp-clause__title">Cookie 与本地存储</h2>
        </header>
        <div class="pp-clause__body">
          <p>本站用到的都是让页面记住状态的小段文本，它们只留在你的浏览器里。</p>
          <details class="pp-note">
            <summary class="pp-note__summary">本地存储指什么？</summary>
            <p class="pp-note__text">指浏览器为每个站点提供的一小块本地空间。写入的内容只能在同一个域名下读取，不会自动发给服务器，你清空站点数据时会一并消失。</p>
          </details>
          <ul>
            <li>索引筛选条件（城市 / 联赛 / 年份）：下次打开时恢复上次的视图，省去重新选择。</li>
            <li>上次阅读的章节编号：侧边轨道导航据此回到你停留的位置。</li>
            <li>导航开合状态：记录小屏抽屉与桌面轨道的展开或收起。</li>
            <li>阅读偏好：正文字号档位与是否减弱动效。</li>
          </ul>
          <p>清除方式：在浏览器设置的站点数据里移除本站记录，或直接用无痕窗口浏览。清除后需要重新选择检索条件与字号，其余内容不受影响。本站不接入第三方广告脚本，也不用这类本地记录做跨设备追踪。</p>
        </div>
      </section>

      <section class="pp-clause" id="rights">
        <header class="pp-clause__head">
          <span class="pp-clause__num">06</span>
          <h2 class="pp-clause__title">你可以提出的请求</h2>
        </header>
        <div class="pp-clause__body">
          <p>下面四类请求都可以直接提出，不必说明理由。</p>
          <ul>
            <li><strong>查询</strong>：来信说明想查看哪一类记录，我们会整理对应条目后回复。</li>
            <li><strong>更正</strong>：订阅列表中的球队顺序与提醒开关可自行调整；订阅邮箱需要变更时，请来信说明。</li>
            <li><strong>删除</strong>：取消订阅会立即停止推送；如需删除历史邮件往来，来信提出即可。</li>
            <li><strong>撤回同意</strong>：撤回后订阅与提醒停止，已经发布的公开资料（场馆索引、简史条目、术语解释）不受影响。</li>
          </ul>
          <p>提出方式：把请求类型与对应的订阅邮箱写清楚，发送到 support@ballking-club.com.cn，方便核对；电话 400-8290-4628 同样受理订阅球队、场馆信息与球迷组织俱乐部简史三类咨询。两个渠道都在工作日 9:00-18:00 处理。</p>
          <p>删除订阅信息不影响你继续查阅场馆信息库与球迷组织俱乐部简史，这两部分对所有访客一致开放。</p>
        </div>
      </section>

      <section class="pp-clause" id="updates">
        <header class="pp-clause__head">
          <span class="pp-clause__num">07</span>
          <h2 class="pp-clause__title">政策更新与联系</h2>
        </header>
        <div class="pp-clause__body">
          <p>本政策随功能调整更新。页面顶部标注版本号与对应赛季，条款章节的编号在不同版本之间保持稳定，方便你对照阅读。涉及信息范围或保存期限的改动，会写在正文之前单独提示，而不是改掉一句话了事。</p>
          <p>日常联系使用客服邮箱 support@ballking-club.com.cn 与客服电话 400-8290-4628，工作日 9:00-18:00 回复。如需寄送纸质信函，可寄往四川省成都市武侯区天府大道中段688号；该地址仅用于接收信函，不接待来访，也不作为其他用途的地点。</p>
          <p>与信息处理相关的边界说明，可延伸阅读<a class="pp-link" href="/disclaimer/">使用说明与免责声明</a>；字段与术语的解释在<a class="pp-link" href="/knowledge/">知识中心</a>；其他可用的对外渠道见<a class="pp-link" href="/find-us/">联系页</a>。</p>
        </div>
      </section>
    </div>
  </div>

  <a class="pp-totop" href="#pp-top">回到顶部</a>
</main>

.page-privacy {
  --pp-line: rgba(168, 255, 240, 0.16);
  --pp-ink-deep: #0B1412;
  --pp-paper-accent: #0B6B5C;
  --pp-note-bg: #E6EFEC;
  --pp-note-bg-hover: #DBE8E3;
  background: var(--ink);
  color: var(--dark-ink);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* ---------- 首屏 ---------- */
.page-privacy .pp-hero {
  position: relative;
  padding: 26px 0 40px;
  background:
    radial-gradient(112% 82% at 92% 0%, rgba(53, 242, 214, 0.10), transparent 60%),
    linear-gradient(180deg, var(--deep) 0%, var(--ink) 100%);
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .pp-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
  margin-top: 22px;
}

.page-privacy .pp-hero__kicker {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  color: var(--cyan);
  font-variant-numeric: tabular-nums;
}

.page-privacy .pp-hero__title {
  margin: 0 0 18px;
  font-size: clamp(2.4rem, 8vw, 4.2rem);
  line-height: 1.05;
  font-weight: 900;
  color: var(--ink);
  -webkit-text-stroke: 1px var(--cyan);
  text-shadow: 0 0 34px rgba(53, 242, 214, 0.22);
}

.page-privacy .pp-hero__intro {
  margin: 0;
  max-width: 58ch;
  font-size: 1.0625rem;
  line-height: 1.85;
  color: var(--dark-ink);
}

.page-privacy .pp-hero__meta {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  font-variant-numeric: tabular-nums;
}

.page-privacy .pp-hero__meta li {
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--mist);
  border-left: 2px solid var(--turf);
  padding-left: 10px;
}

.page-privacy .pp-hero__figure {
  margin: 0;
}

.page-privacy .pp-hero__figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  background: var(--stand);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%);
}

.page-privacy .pp-hero__caption {
  margin-top: 12px;
  max-width: 40ch;
  font-size: 0.78rem;
  line-height: 1.7;
  color: var(--mist);
}

/* ---------- 分屏骨架 ---------- */
.page-privacy .pp-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
  padding-top: 36px;
  padding-bottom: 78px;
}

/* 条款目录 */
.page-privacy .pp-toc {
  align-self: start;
}

.page-privacy .pp-toc__title {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.2em;
  color: var(--cyan);
}

.page-privacy .pp-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.page-privacy .pp-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 7px 11px;
  border: 1px solid var(--pp-line);
  background: rgba(16, 49, 42, 0.42);
  color: var(--dark-ink);
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.35;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);
}

.page-privacy .pp-toc__num {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  color: var(--cyan);
  font-variant-numeric: tabular-nums;
}

.page-privacy .pp-toc__link:hover,
.page-privacy .pp-toc__link:focus-visible {
  border-color: var(--cyan);
  background: rgba(53, 242, 214, 0.08);
  color: var(--cyan);
  outline: none;
}

.page-privacy .pp-toc__link:focus-visible {
  box-shadow: 0 0 0 2px rgba(53, 242, 214, 0.55);
}

/* 长文面板 */
.page-privacy .pp-sheet {
  background: var(--paper);
  color: var(--paper-ink);
  padding: 26px 20px 34px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);
}

.page-privacy .pp-clause + .pp-clause {
  margin-top: 34px;
  padding-top: 30px;
  border-top: 1px solid var(--paper-line);
}

.page-privacy .pp-clause__head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
}

.page-privacy .pp-clause__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 0.95rem;
  letter-spacing: 0.08em;
  color: var(--pp-paper-accent);
  border-bottom: 2px solid var(--pp-paper-accent);
  padding-bottom: 1px;
  font-variant-numeric: tabular-nums;
}

.page-privacy .pp-clause__title {
  margin: 0;
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  line-height: 1.3;
  font-weight: 800;
  color: var(--pp-ink-deep);
}

.page-privacy .pp-clause__body p {
  margin: 0 0 16px;
  max-width: 36em;
  font-size: 1.0625rem;
  line-height: 1.85;
  color: var(--paper-ink);
}

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

.page-privacy .pp-clause__body ul {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  max-width: 36em;
}

.page-privacy .pp-clause__body li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 20px;
  font-size: 1.0625rem;
  line-height: 1.8;
  color: var(--paper-ink);
}

.page-privacy .pp-clause__body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.74em;
  width: 9px;
  height: 2px;
  background: var(--pp-paper-accent);
}

.page-privacy .pp-clause__body strong {
  color: var(--pp-ink-deep);
  font-weight: 700;
}

.page-privacy .pp-link {
  color: var(--pp-paper-accent);
  text-decoration: none;
  border-bottom: 1px solid rgba(11, 107, 92, 0.42);
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-privacy .pp-link:hover,
.page-privacy .pp-link:focus-visible {
  color: var(--pp-ink-deep);
  border-bottom-color: var(--pp-ink-deep);
  outline: none;
}

/* 定义提示块 */
.page-privacy .pp-note {
  margin: 18px 0 22px;
  max-width: 38em;
  background: var(--pp-note-bg);
  border-left: 3px solid var(--pp-paper-accent);
}

.page-privacy .pp-note__summary {
  list-style: none;
  cursor: pointer;
  padding: 12px 16px;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.6;
  color: var(--pp-ink-deep);
}

.page-privacy .pp-note__summary::-webkit-details-marker {
  display: none;
}

.page-privacy .pp-note__summary::after {
  content: "＋";
  float: right;
  margin-left: 12px;
  font-family: var(--font-mono);
  color: var(--pp-paper-accent);
}

.page-privacy .pp-note[open] .pp-note__summary::after {
  content: "－";
}

.page-privacy .pp-note__summary:hover,
.page-privacy .pp-note__summary:focus-visible {
  background: var(--pp-note-bg-hover);
  outline: none;
}

.page-privacy .pp-note__summary:focus-visible {
  box-shadow: inset 0 0 0 2px var(--pp-paper-accent);
}

.page-privacy .pp-note__text {
  margin: 0;
  padding: 0 16px 14px;
  font-size: 0.95rem;
  line-height: 1.8;
  color: var(--paper-ink);
}

/* 回到顶部 */
.page-privacy .pp-totop {
  position: fixed;
  right: 16px;
  bottom: 88px;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--ink);
  background: var(--cyan);
  text-decoration: none;
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
  transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}

.page-privacy .pp-totop:hover,
.page-privacy .pp-totop:focus-visible {
  background: var(--mist);
  color: var(--deep);
  outline: none;
}

.page-privacy .pp-totop:focus-visible {
  box-shadow: 0 0 0 3px rgba(53, 242, 214, 0.5);
}

/* ---------- 响应式 ---------- */
@media (min-width: 768px) {
  .page-privacy .pp-hero {
    padding: 34px 0 52px;
  }

  .page-privacy .pp-sheet {
    padding: 40px 44px 52px;
  }

  .page-privacy .pp-body {
    padding-top: 46px;
    padding-bottom: 96px;
  }
}

@media (min-width: 900px) {
  .page-privacy .pp-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
    gap: 40px;
    align-items: end;
    margin-top: 28px;
  }
}

@media (min-width: 1000px) {
  .page-privacy .pp-body {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 54px;
    padding-top: 56px;
  }

  .page-privacy .pp-toc {
    position: sticky;
    top: calc(var(--header-h) + 28px);
  }

  .page-privacy .pp-toc__list {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 2px;
  }

  .page-privacy .pp-toc__link {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 12px;
    border: 0;
    border-left: 1px solid var(--pp-line);
    background: transparent;
  }

  .page-privacy .pp-toc__link:hover,
  .page-privacy .pp-toc__link:focus-visible {
    border-left-color: var(--cyan);
    background: rgba(53, 242, 214, 0.07);
  }

  .page-privacy .pp-totop {
    right: 28px;
    bottom: 40px;
  }
}

@media (min-width: 1440px) {
  .page-privacy .pp-body {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 72px;
  }

  .page-privacy .pp-sheet {
    padding: 52px 64px 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pp-toc__link,
  .page-privacy .pp-note__summary,
  .page-privacy .pp-link,
  .page-privacy .pp-totop {
    transition: none;
  }
}