.page-privacy {
  --privacy-hair: rgba(34, 245, 195, .14);
  --privacy-hair-strong: rgba(34, 245, 195, .3);
  --privacy-panel: rgba(8, 37, 28, .74);
  --privacy-ink-deep: rgba(4, 18, 14, .62);
  background: var(--c-ink);
  color: var(--c-mint);
}

.page-privacy .breadcrumbs {
  padding-top: 14px;
}

/* ---------- 首屏说明区 ---------- */
.page-privacy .doc-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(20px, 4vw, 34px) 0 clamp(26px, 4vw, 42px);
  border-bottom: 1px solid var(--privacy-hair);
}

.page-privacy .doc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(118deg, transparent 0 24px, rgba(34, 245, 195, .045) 24px 25px),
    repeating-linear-gradient(0deg, transparent 0 56px, rgba(217, 255, 244, .035) 56px 57px),
    radial-gradient(circle at 84% 6%, rgba(34, 245, 195, .16), transparent 58%),
    radial-gradient(circle at 6% 92%, rgba(255, 178, 122, .08), transparent 52%);
}

.page-privacy .doc-hero__inner {
  position: relative;
}

.page-privacy .doc-hero__title {
  margin: 10px 0 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(38px, 9vw, 84px);
  line-height: .94;
  letter-spacing: -.015em;
  color: var(--c-mint);
}

.page-privacy .doc-hero__lede {
  margin: 16px 0 0;
  max-width: 58ch;
  font-size: 15px;
  line-height: 1.8;
  color: var(--c-mute);
}

.page-privacy .doc-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px dashed var(--privacy-hair);
}

.page-privacy .doc-meta {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--c-mute);
}

.page-privacy .doc-meta strong {
  display: inline-block;
  margin-left: 6px;
  font-weight: 500;
  color: var(--c-cyan-soft);
}

/* ---------- 顶部横幅 ---------- */
.page-privacy .doc-banner {
  margin-top: clamp(20px, 3vw, 32px);
}

.page-privacy .doc-banner__media {
  border: 1px solid var(--privacy-hair);
  border-radius: var(--radius-m);
  overflow: hidden;
  background: var(--c-stand);
  max-width: 100%;
}

.page-privacy .doc-banner__media .media__img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.page-privacy .doc-banner .media__caption {
  margin: 8px 0 0;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--c-mute);
}

/* ---------- 文档主体 ---------- */
.page-privacy .doc-body {
  padding-top: clamp(24px, 4vw, 44px);
  padding-bottom: clamp(36px, 6vw, 72px);
}

.page-privacy .doc-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(18px, 3vw, 34px);
}

/* 章节坐标 */
.page-privacy .doc-index {
  border: 1px solid var(--privacy-hair);
  border-radius: var(--radius-m);
  background: var(--privacy-panel);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 14px 16px;
}

.page-privacy .doc-index__label {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--c-cyan);
}

.page-privacy .doc-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 2px;
}

.page-privacy .doc-index__link {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 7px 6px;
  border-radius: var(--radius-s);
  color: var(--c-mint);
  font-size: 14px;
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);
}

.page-privacy .doc-index__num {
  font-family: var(--font-mono);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--c-cyan);
  letter-spacing: .06em;
}

.page-privacy .doc-index__link:hover,
.page-privacy .doc-index__link:focus-visible {
  background: var(--c-cyan-a08);
  border-left-color: var(--c-cyan);
  color: var(--c-cyan-soft);
  outline: none;
}

.page-privacy .doc-index__note {
  margin: 12px 0 0;
  padding-top: 10px;
  border-top: 1px dashed var(--privacy-hair);
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-mute);
}

/* 条款卡片 */
.page-privacy .doc-sec {
  border: 1px solid var(--privacy-hair);
  border-radius: var(--radius-m);
  background: var(--c-line);
  overflow: hidden;
  scroll-margin-top: calc(var(--header-h) + 24px);
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}

.page-privacy .doc-sec + .doc-sec {
  margin-top: 16px;
}

.page-privacy .doc-sec:target {
  border-color: var(--privacy-hair-strong);
  box-shadow: inset 3px 0 0 var(--c-cyan), 0 0 0 1px var(--c-cyan-a18);
}

.page-privacy .doc-sec__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--privacy-ink-deep);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--privacy-hair);
}

.page-privacy .doc-sec__num {
  font-family: var(--font-mono);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  letter-spacing: .1em;
  color: var(--c-alert);
  flex: none;
}

.page-privacy .doc-sec__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(19px, 3.4vw, 26px);
  line-height: 1.2;
  letter-spacing: .01em;
  color: var(--c-mint);
}

.page-privacy .doc-sec__body {
  padding: 16px;
}

.page-privacy .doc-sec__body p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--c-mint);
}

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

.page-privacy .doc-sub {
  margin: 18px 0 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--c-cyan-soft);
}

/* 定义条目 */
.page-privacy .doc-defs {
  margin: 0 0 14px;
  display: grid;
  gap: 12px;
}

.page-privacy .doc-def {
  border-left: 2px solid var(--c-cyan-a32);
  padding: 1px 0 1px 14px;
}

.page-privacy .doc-def dt {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
  color: var(--c-cyan-soft);
}

.page-privacy .doc-def dd {
  margin: 0;
  font-size: 13px;
  line-height: 1.8;
  color: var(--c-mute);
}

/* 列表 */
.page-privacy .doc-list {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-privacy .doc-list li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--c-mute);
}

.page-privacy .doc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .78em;
  width: 8px;
  height: 2px;
  background: var(--c-cyan);
}

.page-privacy .doc-list li strong {
  color: var(--c-mint);
  font-weight: 700;
}

/* 关键定义下划线 */
.page-privacy .def {
  color: var(--c-mint);
  border-bottom: 2px solid var(--c-cyan-soft);
  padding-bottom: 1px;
}

/* 内联链接 */
.page-privacy .doc-inline-link {
  color: var(--c-cyan);
  text-decoration: none;
  border-bottom: 1px solid var(--c-cyan-a32);
  padding-bottom: 1px;
  transition: color .18s var(--ease), border-color .18s var(--ease);
}

.page-privacy .doc-inline-link:hover,
.page-privacy .doc-inline-link:focus-visible {
  color: var(--c-cyan-soft);
  border-bottom-color: var(--c-cyan-soft);
  outline: none;
}

/* 联系块 */
.page-privacy .doc-contact {
  display: grid;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--c-cyan-a18);
  border-radius: var(--radius-m);
  background: var(--c-cyan-a08);
}

.page-privacy .doc-contact__row {
  display: grid;
  gap: 3px;
}

.page-privacy .doc-contact__label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--c-mute);
}

.page-privacy .doc-contact__value {
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-mint);
  word-break: break-word;
}

.page-privacy .doc-contact .copy-row {
  margin: 0;
}

.page-privacy .doc-contact .copy-row__btn {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
}

.page-privacy .doc-contact .copy-row__btn[data-copied="true"] {
  color: var(--c-alert);
}

/* ---------- 桌面端布局 ---------- */
@media (min-width: 900px) {
  .page-privacy .breadcrumbs {
    padding-top: 20px;
  }

  .page-privacy .doc-grid {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: clamp(28px, 4vw, 60px);
    align-items: start;
  }

  .page-privacy .doc-index {
    position: sticky;
    top: calc(var(--header-h) + 20px);
    padding: 16px 18px;
  }

  .page-privacy .doc-sec__head {
    padding: 14px 22px;
  }

  .page-privacy .doc-sec__body {
    padding: 20px 22px 22px;
  }

  .page-privacy .doc-sec__body p {
    font-size: 15px;
  }

  .page-privacy .doc-def dt,
  .page-privacy .doc-list li {
    font-size: 14px;
  }

  .page-privacy .doc-def dd {
    font-size: 13.5px;
  }

  .page-privacy .doc-contact {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px 20px;
  }

  .page-privacy .doc-contact__row {
    grid-column: 1;
  }

  .page-privacy .doc-contact .copy-row {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
  }
}

@media (min-width: 1200px) {
  .page-privacy .doc-index {
    top: calc(var(--header-h) + 28px);
  }

  .page-privacy .doc-sec__body {
    padding: 24px 28px 26px;
  }
}

/* ---------- 打印 ---------- */
@media print {
  .page-privacy {
    background: #fff;
    color: #111;
  }

  .page-privacy .doc-hero::before,
  .page-privacy .doc-banner {
    display: none;
  }

  .page-privacy .doc-index {
    position: static;
    background: none;
    border: 1px solid #999;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .page-privacy .doc-sec {
    background: #fff;
    border: 1px solid #999;
    break-inside: avoid;
  }

  .page-privacy .doc-sec__head {
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom: 1px solid #999;
  }

  .page-privacy .doc-hero__title,
  .page-privacy .doc-sec__title,
  .page-privacy .doc-sec__body p,
  .page-privacy .doc-list li strong,
  .page-privacy .doc-def dt,
  .page-privacy .doc-contact__value {
    color: #111;
  }

  .page-privacy .doc-hero__lede,
  .page-privacy .doc-def dd,
  .page-privacy .doc-list li,
  .page-privacy .doc-index__note,
  .page-privacy .doc-meta {
    color: #333;
  }

  .page-privacy .copy-row {
    display: none;
  }
}

<main id="main-content" class="page-privacy">
  <div class="container">
    <nav class="breadcrumbs" aria-label="面包屑">
      <ol class="breadcrumbs__list">
        <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="/">首页</a></li>
        <li class="breadcrumbs__item" aria-current="page">数据保护</li>
      </ol>
    </nav>
  </div>

  <header class="doc-hero">
    <div class="container doc-hero__inner">
      <p class="eyebrow">DATA PROTECTION / 说明文件</p>
      <h1 class="doc-hero__title">数据保护说明</h1>
      <p class="doc-hero__lede">在 FB赛场 查当季赛程、看射门统计、把数据导出复盘，或者联系客服约一场观赛，你会留下一些信息。这份说明按章节写清这些信息包括什么、用来做什么、由谁经手，以及你可以提出哪些要求。</p>
      <div class="doc-hero__meta">
        <span class="doc-meta">适用站点 <strong>fb-sports-matrix.com.cn</strong></span>
        <span class="doc-meta">语言版本 <strong>简体中文</strong></span>
        <span class="doc-meta">同步版本 <strong>V4 数据内核</strong></span>
      </div>
    </div>
  </header>

  <div class="container doc-banner">
    <div class="media media--wide doc-banner__media">
      <img class="media__img" src="{zhanqunpic:h:600w:1200}" width="1200" height="600" alt="深墨绿背景上半透明玻璃层与数据流线条构成的抽象锁形网格">
    </div>
    <p class="media__caption">赛程、射门统计与导出文件共用一套版本标识，便于事后定位。</p>
  </div>

  <section class="section doc-body">
    <div class="container doc-grid">
      <aside class="doc-index" aria-label="章节索引">
        <p class="doc-index__label">章节坐标</p>
        <ol class="doc-index__list">
          <li class="doc-index__item"><a class="doc-index__link" href="#sec-scope"><span class="doc-index__num">01</span>信息类型</a></li>
          <li class="doc-index__item"><a class="doc-index__link" href="#sec-purpose"><span class="doc-index__num">02</span>使用方式</a></li>
          <li class="doc-index__item"><a class="doc-index__link" href="#sec-export"><span class="doc-index__num">03</span>导出文件</a></li>
          <li class="doc-index__item"><a class="doc-index__link" href="#sec-cookies"><span class="doc-index__num">04</span>Cookie 与日志</a></li>
          <li class="doc-index__item"><a class="doc-index__link" href="#sec-rights"><span class="doc-index__num">05</span>你的权利</a></li>
          <li class="doc-index__item"><a class="doc-index__link" href="#sec-security"><span class="doc-index__num">06</span>安全与更新</a></li>
        </ol>
        <p class="doc-index__note">建议逐章阅读；涉及导出与约看时，可先看第 03 章与第 05 章。</p>
      </aside>

      <div class="doc-articles">
        <article class="doc-sec" id="sec-scope">
          <header class="doc-sec__head">
            <span class="doc-sec__num">01</span>
            <h2 class="doc-sec__title">我们处理哪些信息</h2>
          </header>
          <div class="doc-sec__body">
            <p>从你打开页面、筛选一场比赛，到把射门统计导出来，中间会接触到几类不同的信息。它们各自有明确的用途，下面逐类说明。</p>
            <dl class="doc-defs">
              <div class="doc-def">
                <dt>你主动填写的信息</dt>
                <dd>通过客服邮箱、客服电话沟通，或咨询约看赛事时，你留下的称呼、联系方式、所在城市、观赛人数和偏好场次。</dd>
              </div>
              <div class="doc-def">
                <dt>查询与筛选条件</dt>
                <dd>你在当季赛程页面选择的联赛、轮次、球队、比赛状态，以及在射门统计中选择的半场、射门区域与比赛阶段。</dd>
              </div>
              <div class="doc-def">
                <dt>导出操作记录</dt>
                <dd>你发起导出时的时间、选择的文件格式、命中行数，以及该次导出所对应的数据版本号。</dd>
              </div>
              <div class="doc-def">
                <dt>设备与访问信息</dt>
                <dd>浏览器与操作系统类型、访问时段、访问的页面地址，以及由网络地址推导出的城市级位置。</dd>
              </div>
            </dl>
            <p>这套信息组合的效果很直接：同一场比赛你下次再查，筛选条件还在；统计字段看不懂时，客服能凭截图和版本号迅速定位到你看的那一版数据。</p>
          </div>
        </article>

        <article class="doc-sec" id="sec-purpose">
          <header class="doc-sec__head">
            <span class="doc-sec__num">02</span>
            <h2 class="doc-sec__title">这些信息用来做什么</h2>
          </header>
          <div class="doc-sec__body">
            <p>信息只在支撑具体功能时才被使用，主要落在四件事上。</p>
            <ul class="doc-list">
              <li><strong>返回你请求的内容。</strong>调取当季赛程中的对应场次，按你选的球队与轮次呈现结果，并返回射门统计里的 18 个字段。</li>
              <li><strong>让数据可以事后追溯。</strong>导出文件写入生成时间与版本号，字段说明随文件一起交付，方便你在复盘时找到当时那一版数据。</li>
              <li><strong>响应你提出的问题。</strong>客服在工作日 9:00–18:00 在线，赛事数据类问题平均 2 小时内首次响应，处理时会用到你的联系方式和页面截图。</li>
              <li><strong>改善阅读与查询体验。</strong>汇总哪些筛选项最常被组合使用、哪些数据表在手机上需要横向滑动，据此调整字段顺序与卡片排布。</li>
            </ul>
            <p>用于改善体验的汇总结果以整体趋势形式呈现，不会与你的个人联系方式绑定。</p>
          </div>
        </article>

        <article class="doc-sec" id="sec-export">
          <header class="doc-sec__head">
            <span class="doc-sec__num">03</span>
            <h2 class="doc-sec__title">导出文件与版本标识</h2>
          </header>
          <div class="doc-sec__body">
            <p>把射门统计带走，是很多用户最常用的一步，因此导出环节的处理写得具体一些。</p>
            <ul class="doc-list">
              <li>支持 <span class="def">CSV、XLSX、PNG</span> 三种格式，单次最多导出 2,000 行，超出时请按联赛或半场分批导出。</li>
              <li>每个文件都包含生成时间、数据版本号和字段说明，三项一起构成这份数据的身份标识。</li>
              <li>文件生成后直接送达你的浏览器端，下载地址与保存位置由你掌握，后续在团队内如何传阅由你决定。</li>
              <li>文件里既有公开的赛事统计数据，也可能有你补充的备注。分享给同事或合作方之前，建议先看一眼备注列。</li>
              <li>若发现文件内容与页面显示不一致，把文件和页面截图一并发送至客服邮箱，客服会依据版本号定位到对应批次。</li>
            </ul>
            <p>关于导出内容的引用范围与转载方式，可对照<a class="doc-inline-link" href="/terms/">使用条款</a>中的说明。</p>
          </div>
        </article>

        <article class="doc-sec" id="sec-cookies">
          <header class="doc-sec__head">
            <span class="doc-sec__num">04</span>
            <h2 class="doc-sec__title">Cookie 与访问日志</h2>
          </header>
          <div class="doc-sec__body">
            <p>页面能记住你上次看到哪里，靠的是一小段保存在浏览器里的标识，以及后台留下的访问记录。</p>
            <dl class="doc-defs">
              <div class="doc-def">
                <dt>偏好记忆</dt>
                <dd>记住你上一次选择的联赛、轮次或球队，下次进入时保持同样的视图，省去重复筛选。</dd>
              </div>
              <div class="doc-def">
                <dt>基础访问日志</dt>
                <dd>记录访问的页面地址、时间、来源页与浏览器版本，用于排查页面打不开或数据加载异常的情况。</dd>
              </div>
              <div class="doc-def">
                <dt>匿名阅读统计</dt>
                <dd>统计各章节的阅读量与按钮点击频次，作为调整内容顺序和按钮位置的依据，不用于识别个人。</dd>
              </div>
            </dl>
            <p>你可以在浏览器设置里清除 Cookie 或改用无痕窗口。清空之后，筛选项会回到默认状态，赛程与统计内容依旧可以正常查阅和导出。</p>
          </div>
        </article>

        <article class="doc-sec" id="sec-rights">
          <header class="doc-sec__head">
            <span class="doc-sec__num">05</span>
            <h2 class="doc-sec__title">你可以提出的请求</h2>
          </header>
          <div class="doc-sec__body">
            <p>围绕与你相关的信息，你随时可以发起以下请求，无需说明理由。</p>
            <ul class="doc-list">
              <li>查询你提交过的联系方式与沟通记录。</li>
              <li>更正填写有误的称呼、联系电话、所在城市或观赛人数。</li>
              <li>要求删除相关信息，或停止将其用于阅读统计与体验改进。</li>
              <li>索取一份沟通记录的文字副本，用于自己留档。</li>
            </ul>

            <h3 class="doc-sub">提交方式</h3>
            <div class="doc-contact">
              <div class="doc-contact__row">
                <span class="doc-contact__label">邮箱</span>
                <span class="doc-contact__value">kefu@fb-sports-matrix.com.cn</span>
              </div>
              <div class="copy-row">
                <button type="button" class="copy-row__btn" data-copy="kefu@fb-sports-matrix.com.cn" data-copy-label="复制客服邮箱">
                  <span class="copy-row__btn-label">复制客服邮箱</span>
                </button>
              </div>
              <div class="doc-contact__row">
                <span class="doc-contact__label">电话</span>
                <span class="doc-contact__value">400-6599-5326</span>
              </div>
              <div class="doc-contact__row">
                <span class="doc-contact__label">来信地址</span>
                <span class="doc-contact__value">浙江省杭州市西湖区文三路478号华星时代广场A座12层</span>
              </div>
              <div class="doc-contact__row">
                <span class="doc-contact__label">服务时间</span>
                <span class="doc-contact__value">工作日 9:00–18:00</span>
              </div>
            </div>
            <p>发送邮件时请在主题中写明“数据请求”，并附上你使用的联系方式和相关页面截图。客服会先与你确认身份，再按请求类型安排处理。涉及赛事数据与导出文件的问题，截图能显著缩短定位时间。</p>
            <p>如需就观赛预约或数据合作同步沟通，也可以从<a class="doc-inline-link" href="/cooperation/">合作联系</a>页进入对应通道。</p>
          </div>
        </article>

        <article class="doc-sec" id="sec-security">
          <header class="doc-sec__head">
            <span class="doc-sec__num">06</span>
            <h2 class="doc-sec__title">安全措施与说明更新</h2>
          </header>
          <div class="doc-sec__body">
            <p>数据从页面到你的设备，中间要经过传输、处理与交付三段，各段都有对应的做法。</p>
            <ul class="doc-list">
              <li>全站启用 HTTPS，页面访问、统计查询与导出请求全程加密传输。</li>
              <li>内部按职责划分接触范围：赛程运营、统计标注、产品研发与客户成功四个小组，各自只能接触业务所需的那部分信息。</li>
              <li>数据表在手机端转为横向滑动卡片，导出入口固定保留，避免因排版折叠导致误操作。</li>
              <li>导出动作完成后文件直接送达浏览器端，后续的保存与传递由你掌控。</li>
            </ul>
            <h3 class="doc-sub">说明更新</h3>
            <p>这份说明随 V4 数据内核的迭代同步调整。V4 已完成 14 次版本迭代，涉及字段范围、导出格式或联系渠道的调整，都会在本页更新内容，页脚入口保持不变。你可以在<a class="doc-inline-link" href="/insights/">动态观察</a>中看到对应阶段的功能与数据变化，若对某次调整有疑问，欢迎通过上方邮箱直接询问。</p>
          </div>
        </article>
      </div>
    </div>
  </section>
</main>

.page-privacy {
  --privacy-hair: rgba(34, 245, 195, .14);
  --privacy-hair-strong: rgba(34, 245, 195, .3);
  --privacy-panel: rgba(8, 37, 28, .74);
  --privacy-ink-deep: rgba(4, 18, 14, .62);
  background: var(--c-ink);
  color: var(--c-mint);
}

.page-privacy .breadcrumbs {
  padding-top: 14px;
}

/* ---------- 首屏说明区 ---------- */
.page-privacy .doc-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(20px, 4vw, 34px) 0 clamp(26px, 4vw, 42px);
  border-bottom: 1px solid var(--privacy-hair);
}

.page-privacy .doc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(118deg, transparent 0 24px, rgba(34, 245, 195, .045) 24px 25px),
    repeating-linear-gradient(0deg, transparent 0 56px, rgba(217, 255, 244, .035) 56px 57px),
    radial-gradient(circle at 84% 6%, rgba(34, 245, 195, .16), transparent 58%),
    radial-gradient(circle at 6% 92%, rgba(255, 178, 122, .08), transparent 52%);
}

.page-privacy .doc-hero__inner {
  position: relative;
}

.page-privacy .doc-hero__title {
  margin: 10px 0 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(38px, 9vw, 84px);
  line-height: .94;
  letter-spacing: -.015em;
  color: var(--c-mint);
}

.page-privacy .doc-hero__lede {
  margin: 16px 0 0;
  max-width: 58ch;
  font-size: 15px;
  line-height: 1.8;
  color: var(--c-mute);
}

.page-privacy .doc-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px dashed var(--privacy-hair);
}

.page-privacy .doc-meta {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--c-mute);
}

.page-privacy .doc-meta strong {
  display: inline-block;
  margin-left: 6px;
  font-weight: 500;
  color: var(--c-cyan-soft);
}

/* ---------- 顶部横幅 ---------- */
.page-privacy .doc-banner {
  margin-top: clamp(20px, 3vw, 32px);
}

.page-privacy .doc-banner__media {
  border: 1px solid var(--privacy-hair);
  border-radius: var(--radius-m);
  overflow: hidden;
  background: var(--c-stand);
  max-width: 100%;
}

.page-privacy .doc-banner__media .media__img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.page-privacy .doc-banner .media__caption {
  margin: 8px 0 0;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--c-mute);
}

/* ---------- 文档主体 ---------- */
.page-privacy .doc-body {
  padding-top: clamp(24px, 4vw, 44px);
  padding-bottom: clamp(36px, 6vw, 72px);
}

.page-privacy .doc-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(18px, 3vw, 34px);
}

/* 章节坐标 */
.page-privacy .doc-index {
  border: 1px solid var(--privacy-hair);
  border-radius: var(--radius-m);
  background: var(--privacy-panel);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 14px 16px;
}

.page-privacy .doc-index__label {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--c-cyan);
}

.page-privacy .doc-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 2px;
}

.page-privacy .doc-index__link {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 7px 6px;
  border-radius: var(--radius-s);
  color: var(--c-mint);
  font-size: 14px;
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);
}

.page-privacy .doc-index__num {
  font-family: var(--font-mono);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--c-cyan);
  letter-spacing: .06em;
}

.page-privacy .doc-index__link:hover,
.page-privacy .doc-index__link:focus-visible {
  background: var(--c-cyan-a08);
  border-left-color: var(--c-cyan);
  color: var(--c-cyan-soft);
  outline: none;
}

.page-privacy .doc-index__note {
  margin: 12px 0 0;
  padding-top: 10px;
  border-top: 1px dashed var(--privacy-hair);
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-mute);
}

/* 条款卡片 */
.page-privacy .doc-sec {
  border: 1px solid var(--privacy-hair);
  border-radius: var(--radius-m);
  background: var(--c-line);
  overflow: hidden;
  scroll-margin-top: calc(var(--header-h) + 24px);
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}

.page-privacy .doc-sec + .doc-sec {
  margin-top: 16px;
}

.page-privacy .doc-sec:target {
  border-color: var(--privacy-hair-strong);
  box-shadow: inset 3px 0 0 var(--c-cyan), 0 0 0 1px var(--c-cyan-a18);
}

.page-privacy .doc-sec__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--privacy-ink-deep);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--privacy-hair);
}

.page-privacy .doc-sec__num {
  font-family: var(--font-mono);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  letter-spacing: .1em;
  color: var(--c-alert);
  flex: none;
}

.page-privacy .doc-sec__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(19px, 3.4vw, 26px);
  line-height: 1.2;
  letter-spacing: .01em;
  color: var(--c-mint);
}

.page-privacy .doc-sec__body {
  padding: 16px;
}

.page-privacy .doc-sec__body p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--c-mint);
}

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

.page-privacy .doc-sub {
  margin: 18px 0 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--c-cyan-soft);
}

/* 定义条目 */
.page-privacy .doc-defs {
  margin: 0 0 14px;
  display: grid;
  gap: 12px;
}

.page-privacy .doc-def {
  border-left: 2px solid var(--c-cyan-a32);
  padding: 1px 0 1px 14px;
}

.page-privacy .doc-def dt {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
  color: var(--c-cyan-soft);
}

.page-privacy .doc-def dd {
  margin: 0;
  font-size: 13px;
  line-height: 1.8;
  color: var(--c-mute);
}

/* 列表 */
.page-privacy .doc-list {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-privacy .doc-list li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--c-mute);
}

.page-privacy .doc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .78em;
  width: 8px;
  height: 2px;
  background: var(--c-cyan);
}

.page-privacy .doc-list li strong {
  color: var(--c-mint);
  font-weight: 700;
}

/* 关键定义下划线 */
.page-privacy .def {
  color: var(--c-mint);
  border-bottom: 2px solid var(--c-cyan-soft);
  padding-bottom: 1px;
}

/* 内联链接 */
.page-privacy .doc-inline-link {
  color: var(--c-cyan);
  text-decoration: none;
  border-bottom: 1px solid var(--c-cyan-a32);
  padding-bottom: 1px;
  transition: color .18s var(--ease), border-color .18s var(--ease);
}

.page-privacy .doc-inline-link:hover,
.page-privacy .doc-inline-link:focus-visible {
  color: var(--c-cyan-soft);
  border-bottom-color: var(--c-cyan-soft);
  outline: none;
}

/* 联系块 */
.page-privacy .doc-contact {
  display: grid;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--c-cyan-a18);
  border-radius: var(--radius-m);
  background: var(--c-cyan-a08);
}

.page-privacy .doc-contact__row {
  display: grid;
  gap: 3px;
}

.page-privacy .doc-contact__label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--c-mute);
}

.page-privacy .doc-contact__value {
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-mint);
  word-break: break-word;
}

.page-privacy .doc-contact .copy-row {
  margin: 0;
}

.page-privacy .doc-contact .copy-row__btn {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
}

.page-privacy .doc-contact .copy-row__btn[data-copied="true"] {
  color: var(--c-alert);
}

/* ---------- 桌面端布局 ---------- */
@media (min-width: 900px) {
  .page-privacy .breadcrumbs {
    padding-top: 20px;
  }

  .page-privacy .doc-grid {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: clamp(28px, 4vw, 60px);
    align-items: start;
  }

  .page-privacy .doc-index {
    position: sticky;
    top: calc(var(--header-h) + 20px);
    padding: 16px 18px;
  }

  .page-privacy .doc-sec__head {
    padding: 14px 22px;
  }

  .page-privacy .doc-sec__body {
    padding: 20px 22px 22px;
  }

  .page-privacy .doc-sec__body p {
    font-size: 15px;
  }

  .page-privacy .doc-def dt,
  .page-privacy .doc-list li {
    font-size: 14px;
  }

  .page-privacy .doc-def dd {
    font-size: 13.5px;
  }

  .page-privacy .doc-contact {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px 20px;
  }

  .page-privacy .doc-contact__row {
    grid-column: 1;
  }

  .page-privacy .doc-contact .copy-row {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
  }
}

@media (min-width: 1200px) {
  .page-privacy .doc-index {
    top: calc(var(--header-h) + 28px);
  }

  .page-privacy .doc-sec__body {
    padding: 24px 28px 26px;
  }
}

/* ---------- 打印 ---------- */
@media print {
  .page-privacy {
    background: #fff;
    color: #111;
  }

  .page-privacy .doc-hero::before,
  .page-privacy .doc-banner {
    display: none;
  }

  .page-privacy .doc-index {
    position: static;
    background: none;
    border: 1px solid #999;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .page-privacy .doc-sec {
    background: #fff;
    border: 1px solid #999;
    break-inside: avoid;
  }

  .page-privacy .doc-sec__head {
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom: 1px solid #999;
  }

  .page-privacy .doc-hero__title,
  .page-privacy .doc-sec__title,
  .page-privacy .doc-sec__body p,
  .page-privacy .doc-list li strong,
  .page-privacy .doc-def dt,
  .page-privacy .doc-contact__value {
    color: #111;
  }

  .page-privacy .doc-hero__lede,
  .page-privacy .doc-def dd,
  .page-privacy .doc-list li,
  .page-privacy .doc-index__note,
  .page-privacy .doc-meta {
    color: #333;
  }

  .page-privacy .copy-row {
    display: none;
  }
}