.page-privacy {
  --pv-line: rgba(247, 251, 244, 0.14);
  --pv-paper-line: rgba(26, 29, 25, 0.16);
  --pv-paper-soft: rgba(26, 29, 25, 0.68);
  background: var(--ink);
  color: var(--white);
  font-family: var(--font-body);
  overflow-x: clip;
}

.page-privacy .pv-hero {
  position: relative;
  padding: clamp(20px, 4vw, 36px) 0 clamp(36px, 6vw, 72px);
  background:
    radial-gradient(110% 90% at 92% 0%, rgba(54, 200, 255, 0.16), transparent 58%),
    radial-gradient(70% 70% at 0% 100%, rgba(200, 255, 61, 0.12), transparent 62%);
}

.page-privacy .breadcrumbs {
  color: var(--dim-2);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.page-privacy .breadcrumbs a {
  color: var(--dim);
}

.page-privacy .breadcrumbs a:hover {
  color: var(--lime);
}

.page-privacy .pv-hero__grid {
  display: grid;
  gap: clamp(22px, 4vw, 44px);
  margin-top: clamp(18px, 3vw, 32px);
}

.page-privacy .pv-hero__copy h1 {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(34px, 7.4vw, 72px);
  line-height: 1.04;
  letter-spacing: -0.02em;
}

.page-privacy .pv-accent {
  color: var(--lime);
}

.page-privacy .pv-lead {
  max-width: 46ch;
  margin: 18px 0 0;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.8;
  color: var(--dim);
}

.page-privacy .pv-hero .pill-row {
  margin-top: 20px;
}

.page-privacy .pv-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.page-privacy .pv-hero__media {
  margin: 0;
}

.page-privacy .pv-hero__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--radius-l);
  border: 1px solid var(--line-strong);
}

.page-privacy .pv-hero__media figcaption {
  margin-top: 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.03em;
  color: var(--dim-2);
}

/* 文档主体：左目录 + 右纸卡 */
.page-privacy .pv-doc {
  display: grid;
  gap: clamp(20px, 4vw, 40px);
  padding: clamp(28px, 5vw, 64px) 0 clamp(36px, 6vw, 80px);
}

.page-privacy .pv-toc {
  background: var(--ink-2);
  border: 1px solid var(--pv-line);
  border-radius: var(--radius-l);
  padding: 18px 16px 16px;
}

.page-privacy .pv-toc__title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lime);
}

.page-privacy .pv-toc__list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-toc__link {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--pill);
  font-size: 14px;
  line-height: 1.4;
  color: var(--dim);
  text-decoration: none;
  transition: color 0.18s ease, background-color 0.18s ease;
}

.page-privacy .pv-toc__link:hover,
.page-privacy .pv-toc__link:focus-visible {
  color: var(--white);
  background: rgba(200, 255, 61, 0.1);
}

.page-privacy .pv-toc__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--lime);
}

.page-privacy .pv-toc__foot {
  margin: 14px 4px 0;
  padding-top: 12px;
  border-top: 1px dashed var(--pv-line);
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--dim-2);
}

.page-privacy .pv-body {
  display: grid;
  gap: clamp(18px, 3vw, 26px);
  min-width: 0;
}

.page-privacy .pv-sec {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 4.2vw, 48px);
  background: var(--paper);
  color: var(--paper-ink);
  border-radius: var(--radius-l);
  scroll-margin-top: 96px;
}

.page-privacy .pv-num {
  position: absolute;
  top: clamp(6px, 1.4vw, 14px);
  right: clamp(14px, 3vw, 30px);
  margin: 0;
  font-family: var(--font-mono);
  font-size: clamp(46px, 9vw, 92px);
  font-weight: 700;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(26, 29, 25, 0.2);
  pointer-events: none;
}

.page-privacy .pv-sec h2 {
  position: relative;
  max-width: 22ch;
  margin: 0 0 14px;
  padding-left: 16px;
  font-family: var(--font-display);
  font-size: clamp(24px, 3.6vw, 36px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.01em;
}

.page-privacy .pv-sec h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.18em;
  bottom: 0.14em;
  width: 4px;
  border-radius: var(--pill);
  background: var(--lime);
}

.page-privacy .pv-sec h3 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}

.page-privacy .pv-p {
  max-width: 66ch;
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.8;
  color: var(--pv-paper-soft);
}

/* 表格 */
.page-privacy .pv-table-wrap {
  margin: 18px 0 4px;
  overflow-x: auto;
  border: 1px solid var(--pv-paper-line);
  border-radius: var(--radius-m);
}

.page-privacy .pv-table {
  width: 100%;
  min-width: 580px;
  border-collapse: collapse;
  font-size: 14.5px;
  line-height: 1.65;
}

.page-privacy .pv-table thead th {
  padding: 12px 14px;
  text-align: left;
  background: rgba(26, 29, 25, 0.06);
  border-bottom: 1px solid var(--pv-paper-line);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: rgba(26, 29, 25, 0.62);
}

.page-privacy .pv-table tbody th,
.page-privacy .pv-table tbody td {
  padding: 13px 14px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--pv-paper-line);
  color: var(--pv-paper-soft);
}

.page-privacy .pv-table tbody th {
  color: var(--paper-ink);
  font-weight: 700;
  white-space: nowrap;
}

.page-privacy .pv-table tbody tr:last-child th,
.page-privacy .pv-table tbody tr:last-child td {
  border-bottom: 0;
}

/* 用途卡 */
.page-privacy .pv-uses {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-use {
  padding: 16px 18px;
  border: 1px solid var(--pv-paper-line);
  border-radius: var(--radius-m);
  background: rgba(255, 255, 255, 0.42);
}

.page-privacy .pv-use__num {
  margin: 0 0 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--lime-ink);
}

.page-privacy .pv-use__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--pv-paper-soft);
}

/* 存储项 */
.page-privacy .pv-store {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-store__item {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-left: 3px solid var(--blue);
  border-radius: 0 var(--radius-s) var(--radius-s) 0;
  background: rgba(54, 200, 255, 0.08);
}

.page-privacy .pv-store__item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--pv-paper-soft);
}

/* 保存与安全 */
.page-privacy .pv-sub {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px dashed var(--pv-paper-line);
}

.page-privacy .pv-sub:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.page-privacy .pv-sub p {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--pv-paper-soft);
}

/* 权利卡 */
.page-privacy .pv-rights {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-right {
  padding: 16px 18px;
  border-radius: var(--radius-m);
  background: var(--ink-2);
  color: var(--white);
}

.page-privacy .pv-right__num {
  margin: 0 0 4px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--lime);
}

.page-privacy .pv-right h3 {
  margin: 0 0 6px;
  font-size: 17px;
  color: var(--white);
}

.page-privacy .pv-right p:last-child {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--dim);
}

/* 邮箱块 */
.page-privacy .pv-mailbox {
  margin: 18px 0 0;
  padding: 18px 20px;
  border-radius: var(--radius-m);
  background: var(--ink);
  border: 1px solid rgba(200, 255, 61, 0.35);
}

.page-privacy .pv-mailbox__label {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lime);
}

.page-privacy .pv-mailbox__mail {
  margin: 8px 0 0;
  font-family: var(--font-mono);
  font-size: clamp(15px, 2.6vw, 21px);
  font-weight: 600;
  line-height: 1.4;
  color: var(--white);
  word-break: break-all;
}

.page-privacy .pv-mailbox__note {
  margin: 10px 0 0;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--dim-2);
}

.page-privacy .pv-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px dashed var(--pv-paper-line);
}

.page-privacy .pv-links a {
  font-size: 14px;
  color: var(--lime-ink);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.page-privacy .pv-links a:hover {
  color: var(--paper-ink);
}

/* 尾部入口 */
.page-privacy .pv-next {
  padding: clamp(28px, 5vw, 64px) 0 clamp(40px, 7vw, 90px);
  border-top: 1px dashed rgba(200, 255, 61, 0.4);
  background: var(--ink-2);
}

.page-privacy .pv-next__inner h2 {
  max-width: 24ch;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(26px, 4.4vw, 44px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--white);
}

.page-privacy .pv-next__inner > p {
  max-width: 56ch;
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.8;
  color: var(--dim);
}

.page-privacy .pv-next__list {
  display: grid;
  gap: 10px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-next__item a {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  padding: 16px 18px;
  border: 1px solid var(--pv-line);
  border-radius: var(--radius-m);
  color: var(--white);
  text-decoration: none;
  transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.page-privacy .pv-next__item a:hover,
.page-privacy .pv-next__item a:focus-visible {
  border-color: rgba(200, 255, 61, 0.6);
  background: rgba(200, 255, 61, 0.08);
  transform: translateY(-2px);
}

.page-privacy .pv-next__item span:first-child {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 700;
}

.page-privacy .pv-next__hint {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--dim-2);
}

@media (min-width: 640px) {
  .page-privacy .pv-uses,
  .page-privacy .pv-rights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-privacy .pv-next__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-privacy .pv-next__item a {
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
  }
}

@media (min-width: 920px) {
  .page-privacy .pv-hero__grid {
    grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
    align-items: end;
  }

  .page-privacy .pv-doc {
    grid-template-columns: 268px minmax(0, 1fr);
    align-items: start;
  }

  .page-privacy .pv-toc {
    position: sticky;
    top: 88px;
  }

  .page-privacy .pv-sec h2 {
    padding-right: 96px;
  }
}

@media (min-width: 1100px) {
  .page-privacy .pv-hero__media img {
    aspect-ratio: 4 / 3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pv-toc__link,
  .page-privacy .pv-next__item a {
    transition: none;
  }

  .page-privacy .pv-next__item a:hover,
  .page-privacy .pv-next__item a:focus-visible {
    transform: none;
  }
}

@media print {
  .page-privacy {
    background: #ffffff;
    color: #000000;
  }

  .page-privacy .pv-toc,
  .page-privacy .pv-next,
  .page-privacy .pv-hero__media,
  .page-privacy .pv-hero__actions {
    display: none;
  }

  .page-privacy .pv-doc {
    display: block;
    padding: 0;
  }

  .page-privacy .pv-sec {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0;
    padding: 12px 0;
    break-inside: avoid;
  }

  .page-privacy .pv-num {
    position: static;
    color: #999999;
    -webkit-text-stroke: 0;
  }
}
<main id="main-content" class="page-privacy">
  <section class="pv-hero">
    <div class="wrap">
      <nav class="breadcrumbs" aria-label="面包屑">
        <a href="/">首页</a><span aria-hidden="true">/</span><span>个人信息说明</span>
      </nav>
      <div class="pv-hero__grid">
        <div class="pv-hero__copy">
          <p class="eyebrow">个人信息说明 · 与稳定版 5.8 同步</p>
          <h1>你的账号、设备与筛选偏好，<span class="pv-accent">会被怎样使用</span></h1>
          <p class="pv-lead">注册、装一次、筛一次、问一次，都会留下一些与你有关的记录。欧亿体育安装把这些记录拆成四类，每一类都对着一个具体功能，也都有你可以自己操作的入口。</p>
          <div class="pill-row">
            <span class="tag tag--lime">账号信息</span>
            <span class="tag tag--blue">设备信息</span>
            <span class="tag tag--orange">筛选偏好</span>
            <span class="tag tag--paper">咨询记录</span>
          </div>
          <div class="pv-hero__actions">
            <a class="btn btn-lime" href="#collect">从第一类看起</a>
            <a class="btn btn-ghost" href="/agreement/">查看使用协议</a>
          </div>
        </div>
        <figure class="pv-hero__media">
          <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="夜间数据网格与服务器指示灯的抽象特写，冷色光点点亮成排机柜">
          <figcaption>信息在后台流动，用途却应该摆到台面上。</figcaption>
        </figure>
      </div>
    </div>
  </section>

  <div class="wrap pv-doc">
    <aside class="pv-toc" aria-label="章节导航">
      <p class="pv-toc__title">目录</p>
      <ol class="pv-toc__list">
        <li><a class="pv-toc__link" href="#collect"><span class="pv-toc__num">01</span>你留下的四类信息</a></li>
        <li><a class="pv-toc__link" href="#usage"><span class="pv-toc__num">02</span>这些信息用在哪里</a></li>
        <li><a class="pv-toc__link" href="#storage"><span class="pv-toc__num">03</span>浏览器与本机存储</a></li>
        <li><a class="pv-toc__link" href="#safety"><span class="pv-toc__num">04</span>保存与安全</a></li>
        <li><a class="pv-toc__link" href="#rights"><span class="pv-toc__num">05</span>你可以做的四件事</a></li>
        <li><a class="pv-toc__link" href="#contact"><span class="pv-toc__num">06</span>联系与更新</a></li>
      </ol>
      <p class="pv-toc__foot">6 节 · 阅读约 6 分钟</p>
    </aside>

    <div class="pv-body">
      <section class="pv-sec" id="collect">
        <p class="pv-num" aria-hidden="true">01</p>
        <h2>你留下的四类信息</h2>
        <p class="pv-p">从注册账号到提交一次反馈，和你有关的记录可以归为四类。每一类都对应一个明确动作，填写的范围也止于此。</p>
        <div class="pv-table-wrap">
          <table class="pv-table">
            <thead>
              <tr>
                <th scope="col">类别</th>
                <th scope="col">包含哪些内容</th>
                <th scope="col">什么时候产生</th>
                <th scope="col">是否必需</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">账号信息</th>
                <td>登录手机号、登录密码、重点场次提醒订阅状态</td>
                <td>注册、登录、开启提醒</td>
                <td>必需，缺少无法登录</td>
              </tr>
              <tr>
                <th scope="row">设备信息</th>
                <td>机型属于 iPhone 还是 iPad、系统版本、应用版本、网络环境类型</td>
                <td>首次启动与安装校验</td>
                <td>必需，用于匹配安装步骤</td>
              </tr>
              <tr>
                <th scope="row">筛选偏好</th>
                <td>保存的 5 组日期、联赛与项目组合，以及你标记过的重点场次</td>
                <td>使用赛程筛选、标记比赛时</td>
                <td>可选，可随时清除</td>
              </tr>
              <tr>
                <th scope="row">咨询记录</th>
                <td>反馈正文、问题截图、当时的筛选条件与设备版本</td>
                <td>通过邮件或电话求助时</td>
                <td>视问题而定</td>
              </tr>
            </tbody>
          </table>
        </div>
        <p class="pv-p">赛程中心收录 9 个项目、60 个常用联赛，能组合出的筛选条件很多。你常用的那几组之所以下次进来还在，靠的正是第三类信息。</p>
      </section>

      <section class="pv-sec" id="usage">
        <p class="pv-num" aria-hidden="true">02</p>
        <h2>这些信息用在哪里</h2>
        <p class="pv-p">四类信息各自服务于一个你实际用得上的功能。超出下面这些用途时，我们会先向你说明，再征求同意。</p>
        <ul class="pv-uses">
          <li class="pv-use">
            <p class="pv-use__num">用途 01</p>
            <h3 class="pv-use__title">匹配安装步骤</h3>
            <p class="pv-use__text">安装指引覆盖 31 个省级区域，按机型与系统分步展示。先确认你手里是 iPhone 还是 iPad、系统到哪个版本，才能给出对应的四步流程。</p>
          </li>
          <li class="pv-use">
            <p class="pv-use__num">用途 02</p>
            <h3 class="pv-use__title">记住你的联赛组合</h3>
            <p class="pv-use__text">常用筛选可以存成 5 组方案，换设备登录后依然在。只看关键比赛时，重点场次视图会优先显示你标记过的联赛与项目。</p>
          </li>
          <li class="pv-use">
            <p class="pv-use__num">用途 03</p>
            <h3 class="pv-use__title">加快问题定位</h3>
            <p class="pv-use__text">带上机型、系统版本、应用版本、截图与筛选条件来问，客服能直接复现你看到的画面，排查从来回追问变成一次说清。</p>
          </li>
          <li class="pv-use">
            <p class="pv-use__num">用途 04</p>
            <h3 class="pv-use__title">维持比分节奏</h3>
            <p class="pv-use__text">订阅重点场次提醒后，进行中的比分状态按 30 秒级刷新呈现，提醒推送到你的账号。关闭订阅，推送随即停下。</p>
          </li>
        </ul>
      </section>

      <section class="pv-sec" id="storage">
        <p class="pv-num" aria-hidden="true">03</p>
        <h2>浏览器与本机存储</h2>
        <p class="pv-p">一部分设置放在你的浏览器里，而不是全部上传。这样下一次打开页面时，筛选条和阅读位置都停在上次的地方。</p>
        <ul class="pv-store">
          <li class="pv-store__item">
            <h3>登录保持</h3>
            <p>用于下一次打开时仍处于登录状态，退出账号即失效。</p>
          </li>
          <li class="pv-store__item">
            <h3>偏好记录</h3>
            <p>五组筛选方案、重点场次标记、上次查看的日期区间，以及你在本说明里读到的位置。</p>
          </li>
          <li class="pv-store__item">
            <h3>运行指标</h3>
            <p>页面加载耗时与筛选响应时间，用来判断苹果设备首屏是否保持在 1.8 秒以内。</p>
          </li>
        </ul>
        <p class="pv-p">想重置这些设置，在浏览器里清除本站数据，或直接退出账号即可。清完之后需要重新挑一次筛选条件，赛程内容本身不受影响。</p>
      </section>

      <section class="pv-sec" id="safety">
        <p class="pv-num" aria-hidden="true">04</p>
        <h2>保存与安全</h2>
        <div class="pv-sub">
          <h3>保存多久</h3>
          <p>账号信息在账号存续期间保存，账号删除后一并清除；筛选偏好跟着账号走；咨询记录在问题处理完成后留一段时间，用于回溯同类问题；安装校验记录周期更短，用完即清。</p>
        </div>
        <div class="pv-sub">
          <h3>谁看得到</h3>
          <p>团队 36 人分属产品、前端体验、数据整理、客服与内容运营 5 个小组。客服与数据整理岗位因排查需要可以查看咨询记录与设备版本，其余岗位接触不到完整内容。</p>
        </div>
        <div class="pv-sub">
          <h3>怎么确认来源</h3>
          <p>安装包经过来源校验、完整性校验与版本匹配校验三层检查。品牌认证入口展示安装包来源、版本号与更新说明，你可以随时自行比对。</p>
        </div>
      </section>

      <section class="pv-sec" id="rights">
        <p class="pv-num" aria-hidden="true">05</p>
        <h2>你可以做的四件事</h2>
        <p class="pv-p">下面四个动作都不需要额外申请流程，入口就在账号设置里，或者一封邮件就能发起。</p>
        <ul class="pv-rights">
          <li class="pv-right">
            <p class="pv-right__num">01</p>
            <h3>查询</h3>
            <p>登录后在账号设置查看已保存的筛选方案与重点场次标记；需要更完整的记录，写信说明即可。</p>
          </li>
          <li class="pv-right">
            <p class="pv-right__num">02</p>
            <h3>更正</h3>
            <p>机型或系统版本填错，重走一次安装指引就会更新本机记录；账号信息可以在设置里直接修改。</p>
          </li>
          <li class="pv-right">
            <p class="pv-right__num">03</p>
            <h3>删除</h3>
            <p>可以删掉某一组筛选方案、清空重点场次标记，也可以申请删除账号与随之保存的偏好。</p>
          </li>
          <li class="pv-right">
            <p class="pv-right__num">04</p>
            <h3>撤回</h3>
            <p>关闭重点场次提醒订阅即停止推送；撤回之后，当次查询仍能正常使用已保存的条件。</p>
          </li>
        </ul>
      </section>

      <section class="pv-sec" id="contact">
        <p class="pv-num" aria-hidden="true">06</p>
        <h2>联系与更新</h2>
        <p class="pv-p">与个人信息有关的请求走邮件最直接。标题写明“欧亿体育安装”，附上账号标识、涉及的页面和希望的处理方式，工作日内会有人跟进。</p>
        <div class="pv-mailbox">
          <p class="pv-mailbox__label">个人信息联系邮箱</p>
          <p class="pv-mailbox__mail">contact@sports-oy.com.cn</p>
          <p class="pv-mailbox__note">请勿在邮件正文中附送与问题无关的证件照片或完整银行卡信息。</p>
        </div>
        <p class="pv-p">这段说明会随功能一起调整。稳定版 5.8 优化了首屏加载与筛选响应，涉及的信息范围保持原样；测试版 5.9-beta 分批开放期间新增的 PDF 与 CSV 资料包，导出字段在版本资料页逐项列出。</p>
        <p class="pv-links">
          <a href="/agreement/">使用协议</a>
          <a href="/support/">支持中心</a>
          <a href="/feedback/">联系与反馈</a>
        </p>
      </section>
    </div>
  </div>

  <section class="pv-next">
    <div class="wrap pv-next__inner">
      <h2>还有别的想确认的？</h2>
      <p>安装卡在某一步、筛选结果和预期不一样、导出的资料包缺字段，都可以直接找我们。多数问题带着机型和截图来，一次就能说清。</p>
      <ul class="pv-next__list">
        <li class="pv-next__item">
          <a href="/support/"><span>支持中心</span><span class="pv-next__hint">安装与筛选常见问题</span></a>
        </li>
        <li class="pv-next__item">
          <a href="/download/"><span>安装下载</span><span class="pv-next__hint">版本说明与安装指引</span></a>
        </li>
        <li class="pv-next__item">
          <a href="/feedback/"><span>联系与反馈</span><span class="pv-next__hint">提交问题与建议</span></a>
        </li>
      </ul>
    </div>
  </section>
</main>

.page-privacy {
  --pv-line: rgba(247, 251, 244, 0.14);
  --pv-paper-line: rgba(26, 29, 25, 0.16);
  --pv-paper-soft: rgba(26, 29, 25, 0.68);
  background: var(--ink);
  color: var(--white);
  font-family: var(--font-body);
  overflow-x: clip;
}

.page-privacy .pv-hero {
  position: relative;
  padding: clamp(20px, 4vw, 36px) 0 clamp(36px, 6vw, 72px);
  background:
    radial-gradient(110% 90% at 92% 0%, rgba(54, 200, 255, 0.16), transparent 58%),
    radial-gradient(70% 70% at 0% 100%, rgba(200, 255, 61, 0.12), transparent 62%);
}

.page-privacy .breadcrumbs {
  color: var(--dim-2);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.page-privacy .breadcrumbs a {
  color: var(--dim);
}

.page-privacy .breadcrumbs a:hover {
  color: var(--lime);
}

.page-privacy .pv-hero__grid {
  display: grid;
  gap: clamp(22px, 4vw, 44px);
  margin-top: clamp(18px, 3vw, 32px);
}

.page-privacy .pv-hero__copy h1 {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(34px, 7.4vw, 72px);
  line-height: 1.04;
  letter-spacing: -0.02em;
}

.page-privacy .pv-accent {
  color: var(--lime);
}

.page-privacy .pv-lead {
  max-width: 46ch;
  margin: 18px 0 0;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.8;
  color: var(--dim);
}

.page-privacy .pv-hero .pill-row {
  margin-top: 20px;
}

.page-privacy .pv-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.page-privacy .pv-hero__media {
  margin: 0;
}

.page-privacy .pv-hero__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--radius-l);
  border: 1px solid var(--line-strong);
}

.page-privacy .pv-hero__media figcaption {
  margin-top: 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.03em;
  color: var(--dim-2);
}

.page-privacy .pv-doc {
  display: grid;
  gap: clamp(20px, 4vw, 40px);
  padding: clamp(28px, 5vw, 64px) 0 clamp(36px, 6vw, 80px);
}

.page-privacy .pv-toc {
  background: var(--ink-2);
  border: 1px solid var(--pv-line);
  border-radius: var(--radius-l);
  padding: 18px 16px 16px;
}

.page-privacy .pv-toc__title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lime);
}

.page-privacy .pv-toc__list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-toc__link {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--pill);
  font-size: 14px;
  line-height: 1.4;
  color: var(--dim);
  text-decoration: none;
  transition: color 0.18s ease, background-color 0.18s ease;
}

.page-privacy .pv-toc__link:hover,
.page-privacy .pv-toc__link:focus-visible {
  color: var(--white);
  background: rgba(200, 255, 61, 0.1);
}

.page-privacy .pv-toc__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--lime);
}

.page-privacy .pv-toc__foot {
  margin: 14px 4px 0;
  padding-top: 12px;
  border-top: 1px dashed var(--pv-line);
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--dim-2);
}

.page-privacy .pv-body {
  display: grid;
  gap: clamp(18px, 3vw, 26px);
  min-width: 0;
}

.page-privacy .pv-sec {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 4.2vw, 48px);
  background: var(--paper);
  color: var(--paper-ink);
  border-radius: var(--radius-l);
  scroll-margin-top: 96px;
}

.page-privacy .pv-num {
  position: absolute;
  top: clamp(6px, 1.4vw, 14px);
  right: clamp(14px, 3vw, 30px);
  margin: 0;
  font-family: var(--font-mono);
  font-size: clamp(46px, 9vw, 92px);
  font-weight: 700;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(26, 29, 25, 0.2);
  pointer-events: none;
}

.page-privacy .pv-sec h2 {
  position: relative;
  max-width: 22ch;
  margin: 0 0 14px;
  padding-left: 16px;
  font-family: var(--font-display);
  font-size: clamp(24px, 3.6vw, 36px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.01em;
}

.page-privacy .pv-sec h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.18em;
  bottom: 0.14em;
  width: 4px;
  border-radius: var(--pill);
  background: var(--lime);
}

.page-privacy .pv-sec h3 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}

.page-privacy .pv-p {
  max-width: 66ch;
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.8;
  color: var(--pv-paper-soft);
}

.page-privacy .pv-table-wrap {
  margin: 18px 0 4px;
  overflow-x: auto;
  border: 1px solid var(--pv-paper-line);
  border-radius: var(--radius-m);
}

.page-privacy .pv-table {
  width: 100%;
  min-width: 580px;
  border-collapse: collapse;
  font-size: 14.5px;
  line-height: 1.65;
}

.page-privacy .pv-table thead th {
  padding: 12px 14px;
  text-align: left;
  background: rgba(26, 29, 25, 0.06);
  border-bottom: 1px solid var(--pv-paper-line);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: rgba(26, 29, 25, 0.62);
}

.page-privacy .pv-table tbody th,
.page-privacy .pv-table tbody td {
  padding: 13px 14px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--pv-paper-line);
  color: var(--pv-paper-soft);
}

.page-privacy .pv-table tbody th {
  color: var(--paper-ink);
  font-weight: 700;
  white-space: nowrap;
}

.page-privacy .pv-table tbody tr:last-child th,
.page-privacy .pv-table tbody tr:last-child td {
  border-bottom: 0;
}

.page-privacy .pv-uses {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-use {
  padding: 16px 18px;
  border: 1px solid var(--pv-paper-line);
  border-radius: var(--radius-m);
  background: rgba(255, 255, 255, 0.42);
}

.page-privacy .pv-use__num {
  margin: 0 0 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--lime-ink);
}

.page-privacy .pv-use__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--pv-paper-soft);
}

.page-privacy .pv-store {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-store__item {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-left: 3px solid var(--blue);
  border-radius: 0 var(--radius-s) var(--radius-s) 0;
  background: rgba(54, 200, 255, 0.08);
}

.page-privacy .pv-store__item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--pv-paper-soft);
}

.page-privacy .pv-sub {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px dashed var(--pv-paper-line);
}

.page-privacy .pv-sub:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.page-privacy .pv-sub p {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--pv-paper-soft);
}

.page-privacy .pv-rights {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-right {
  padding: 16px 18px;
  border-radius: var(--radius-m);
  background: var(--ink-2);
  color: var(--white);
}

.page-privacy .pv-right__num {
  margin: 0 0 4px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--lime);
}

.page-privacy .pv-right h3 {
  margin: 0 0 6px;
  font-size: 17px;
  color: var(--white);
}

.page-privacy .pv-right p:last-child {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--dim);
}

.page-privacy .pv-mailbox {
  margin: 18px 0 0;
  padding: 18px 20px;
  border-radius: var(--radius-m);
  background: var(--ink);
  border: 1px solid rgba(200, 255, 61, 0.35);
}

.page-privacy .pv-mailbox__label {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lime);
}

.page-privacy .pv-mailbox__mail {
  margin: 8px 0 0;
  font-family: var(--font-mono);
  font-size: clamp(15px, 2.6vw, 21px);
  font-weight: 600;
  line-height: 1.4;
  color: var(--white);
  word-break: break-all;
}

.page-privacy .pv-mailbox__note {
  margin: 10px 0 0;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--dim-2);
}

.page-privacy .pv-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px dashed var(--pv-paper-line);
}

.page-privacy .pv-links a {
  font-size: 14px;
  color: var(--lime-ink);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.page-privacy .pv-links a:hover {
  color: var(--paper-ink);
}

.page-privacy .pv-next {
  padding: clamp(28px, 5vw, 64px) 0 clamp(40px, 7vw, 90px);
  border-top: 1px dashed rgba(200, 255, 61, 0.4);
  background: var(--ink-2);
}

.page-privacy .pv-next__inner h2 {
  max-width: 24ch;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(26px, 4.4vw, 44px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--white);
}

.page-privacy .pv-next__inner > p {
  max-width: 56ch;
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.8;
  color: var(--dim);
}

.page-privacy .pv-next__list {
  display: grid;
  gap: 10px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pv-next__item a {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  padding: 16px 18px;
  border: 1px solid var(--pv-line);
  border-radius: var(--radius-m);
  color: var(--white);
  text-decoration: none;
  transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.page-privacy .pv-next__item a:hover,
.page-privacy .pv-next__item a:focus-visible {
  border-color: rgba(200, 255, 61, 0.6);
  background: rgba(200, 255, 61, 0.08);
  transform: translateY(-2px);
}

.page-privacy .pv-next__item span:first-child {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 700;
}

.page-privacy .pv-next__hint {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--dim-2);
}

@media (min-width: 640px) {
  .page-privacy .pv-uses,
  .page-privacy .pv-rights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-privacy .pv-next__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-privacy .pv-next__item a {
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
  }
}

@media (min-width: 920px) {
  .page-privacy .pv-hero__grid {
    grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
    align-items: end;
  }

  .page-privacy .pv-doc {
    grid-template-columns: 268px minmax(0, 1fr);
    align-items: start;
  }

  .page-privacy .pv-toc {
    position: sticky;
    top: 88px;
  }

  .page-privacy .pv-sec h2 {
    padding-right: 96px;
  }
}

@media (min-width: 1100px) {
  .page-privacy .pv-hero__media img {
    aspect-ratio: 4 / 3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pv-toc__link,
  .page-privacy .pv-next__item a {
    transition: none;
  }

  .page-privacy .pv-next__item a:hover,
  .page-privacy .pv-next__item a:focus-visible {
    transform: none;
  }
}

@media print {
  .page-privacy {
    background: #ffffff;
    color: #000000;
  }

  .page-privacy .pv-toc,
  .page-privacy .pv-next,
  .page-privacy .pv-hero__media,
  .page-privacy .pv-hero__actions {
    display: none;
  }

  .page-privacy .pv-doc {
    display: block;
    padding: 0;
  }

  .page-privacy .pv-sec {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0;
    padding: 12px 0;
    break-inside: avoid;
  }

  .page-privacy .pv-num {
    position: static;
    color: #999999;
    -webkit-text-stroke: 0;
  }
}