.page-privacy {
  --pp-ink: var(--cool-white);
  --pp-ink-soft: var(--sage-mist);
  --pp-card: var(--deep-green);
  --pp-card-2: rgba(20, 90, 58, 0.34);
  --pp-line: var(--line);
  --pp-line-soft: var(--line-soft);
  --pp-accent: var(--highland-orange);
  --pp-glow: var(--score-yellow);
  padding-bottom: 4.5rem;
}

.page-privacy .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  list-style: none;
  margin: 1.4rem 0 1.1rem;
  padding: 0;
  font-size: var(--fs-caption);
  color: var(--pp-ink-soft);
}

.page-privacy .breadcrumbs li + li::before {
  content: "/";
  margin-right: 0.4rem;
  color: rgba(157, 184, 168, 0.55);
}

.page-privacy .breadcrumbs a {
  color: var(--pp-ink-soft);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.16s ease, border-color 0.16s ease;
}

.page-privacy .breadcrumbs a:hover,
.page-privacy .breadcrumbs a:focus-visible {
  color: var(--pp-glow);
  border-bottom-color: var(--pp-glow);
}

/* ---------- 首屏 ---------- */

.page-privacy .pp-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 2.6rem;
  padding: 2.4rem 1.4rem 2.2rem;
  border: 1px solid var(--pp-line);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(120% 140% at 88% 0%, rgba(255, 107, 53, 0.22), transparent 58%),
    linear-gradient(158deg, var(--turf-green) 0%, var(--deep-green) 46%, var(--pitch-night) 100%);
  box-shadow: 0 22px 46px -34px rgba(0, 0, 0, 0.9);
}

.page-privacy .pp-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(90deg, rgba(183, 247, 208, 0.07) 0 1px, transparent 1px 46px);
  opacity: 0.7;
}

.page-privacy .pp-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.2;
  mix-blend-mode: luminosity;
}

.page-privacy .pp-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 46rem;
}

.page-privacy .pp-kicker {
  display: inline-block;
  margin: 0 0 0.9rem;
  padding: 0.28rem 0.7rem;
  font-size: var(--fs-caption);
  font-weight: 700;
  letter-spacing: 0.22em;
  color: var(--pp-glow);
  border: 1px solid rgba(244, 255, 74, 0.45);
  border-radius: var(--radius-sm);
}

.page-privacy .pp-hero h1 {
  margin: 0 0 1rem;
  font-size: var(--fs-h1);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -0.015em;
  color: var(--pp-ink);
  text-wrap: balance;
}

.page-privacy .pp-lead {
  margin: 0 0 1.3rem;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.82);
}

.page-privacy .pp-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---------- 主布局 ---------- */

.page-privacy .pp-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
}

/* ---------- 侧边锚点 ---------- */

.page-privacy .pp-anchors {
  border: 1px solid var(--pp-line);
  border-radius: var(--radius);
  background: var(--pp-card-2);
  padding: 1rem 0.9rem 1.1rem;
}

.page-privacy .pp-anchors-title {
  margin: 0 0 0.7rem;
  font-size: var(--fs-caption);
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--pp-accent);
}

.page-privacy .pp-anchors ol {
  display: flex;
  gap: 0.45rem;
  margin: 0;
  padding: 0 0 0.5rem;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(183, 247, 208, 0.35) transparent;
}

.page-privacy .pp-anchors ol::-webkit-scrollbar {
  height: 4px;
}

.page-privacy .pp-anchors ol::-webkit-scrollbar-thumb {
  background: rgba(183, 247, 208, 0.3);
  border-radius: 999px;
}

.page-privacy .pp-anchors a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex: 0 0 auto;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
  font-size: var(--fs-caption);
  color: var(--pp-ink);
  text-decoration: none;
  border: 1px solid var(--pp-line-soft);
  border-radius: 999px;
  background: rgba(6, 26, 18, 0.45);
  transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
}

.page-privacy .pp-anchors a:hover,
.page-privacy .pp-anchors a:focus-visible {
  color: var(--pp-glow);
  border-color: rgba(244, 255, 74, 0.55);
  background: rgba(20, 90, 58, 0.5);
}

.page-privacy .pp-anchor-no {
  font-family: var(--font-num);
  font-weight: 700;
  color: var(--pp-accent);
}

/* ---------- 条款卡片 ---------- */

.page-privacy .pp-clauses {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  min-width: 0;
}

.page-privacy .pp-clause {
  position: relative;
  padding: 1.6rem 1.2rem 1.5rem;
  border: 1px solid var(--pp-line);
  border-radius: var(--radius-lg);
  background: linear-gradient(178deg, rgba(11, 44, 30, 0.92), rgba(6, 26, 18, 0.92));
  box-shadow: 0 16px 34px -30px rgba(0, 0, 0, 0.95);
  scroll-margin-top: 130px;
}

.page-privacy .pp-clause::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.6rem;
  bottom: 1.6rem;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--pp-accent), rgba(255, 107, 53, 0));
}

.page-privacy .pp-clause-no {
  margin: 0 0 0.35rem;
  font-family: var(--font-num);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--pp-accent);
}

.page-privacy .pp-clause h2 {
  margin: 0 0 0.7rem;
  font-size: var(--fs-h2);
  line-height: 1.2;
  font-weight: 800;
  color: var(--pp-ink);
  text-wrap: balance;
}

.page-privacy .pp-clause-lead {
  margin: 0 0 1.15rem;
  font-size: 0.95rem;
  line-height: 1.8;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
  max-width: 42rem;
}

.page-privacy .pp-clause a {
  color: var(--pp-glow);
  text-decoration: none;
  border-bottom: 1px solid rgba(244, 255, 74, 0.4);
}

.page-privacy .pp-clause a:hover,
.page-privacy .pp-clause a:focus-visible {
  border-bottom-color: var(--pp-glow);
}

/* ---------- 条款一：数据类别 ---------- */

.page-privacy .pp-deflist {
  margin: 0;
  border-top: 1px solid var(--pp-line-soft);
}

.page-privacy .pp-defrow {
  display: grid;
  gap: 0.35rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--pp-line-soft);
}

.page-privacy .pp-defrow dt {
  font-size: 1rem;
  font-weight: 800;
  color: var(--pp-glow);
  letter-spacing: 0.01em;
}

.page-privacy .pp-defrow dd {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.82;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

/* ---------- 条款二：使用目的 ---------- */

.page-privacy .pp-purpose {
  display: grid;
  gap: 0.85rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pp-purpose li {
  padding: 0.95rem 1rem;
  border: 1px solid var(--pp-line-soft);
  border-left: 3px solid rgba(255, 209, 102, 0.65);
  border-radius: var(--radius);
  background: rgba(20, 90, 58, 0.22);
}

.page-privacy .pp-purpose-tag {
  display: inline-block;
  margin-bottom: 0.4rem;
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--warm-yellow);
}

.page-privacy .pp-purpose p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.8;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

/* ---------- 条款三：安全 ---------- */

.page-privacy .pp-secure {
  display: grid;
  gap: 0.9rem;
}

.page-privacy .pp-secure-card {
  padding: 1.05rem 1rem;
  border: 1px solid var(--pp-line);
  border-radius: var(--radius);
  background: rgba(6, 26, 18, 0.6);
}

.page-privacy .pp-secure-card h3 {
  margin: 0 0 0.45rem;
  font-size: var(--fs-h3);
  font-weight: 800;
  color: var(--pp-ink);
}

.page-privacy .pp-secure-card p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.8;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

/* ---------- 条款四：抽屉 ---------- */

.page-privacy .pp-drawers {
  display: grid;
  gap: 0.6rem;
}

.page-privacy .pp-drawers .drawer {
  border: 1px solid var(--pp-line);
  border-radius: var(--radius);
  background: rgba(20, 90, 58, 0.24);
  overflow: hidden;
}

.page-privacy .pp-drawers .drawer > summary {
  cursor: pointer;
  padding: 0.85rem 1rem;
  font-size: 0.96rem;
  font-weight: 700;
  color: var(--pp-ink);
  list-style: none;
  position: relative;
}

.page-privacy .pp-drawers .drawer > summary::-webkit-details-marker {
  display: none;
}

.page-privacy .pp-drawers .drawer > summary::after {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-num);
  font-size: 1.1rem;
  color: var(--pp-accent);
}

.page-privacy .pp-drawers .drawer[open] > summary::after {
  content: "–";
}

.page-privacy .pp-drawers .drawer-body {
  padding: 0 1rem 1rem;
  border-top: 1px solid var(--pp-line-soft);
}

.page-privacy .pp-drawers .drawer-body p {
  margin: 0.8rem 0 0;
  font-size: 0.92rem;
  line-height: 1.82;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

/* ---------- 条款五：缓存 ---------- */

.page-privacy .pp-cache {
  display: grid;
  gap: 0.85rem;
}

.page-privacy .pp-cache-item {
  position: relative;
  padding: 0.95rem 1rem 0.95rem 3.1rem;
  border: 1px solid var(--pp-line-soft);
  border-radius: var(--radius);
  background: rgba(11, 44, 30, 0.5);
}

.page-privacy .pp-cache-no {
  position: absolute;
  left: 1rem;
  top: 0.9rem;
  margin: 0;
  font-family: var(--font-num);
  font-size: 1.15rem;
  font-weight: 700;
  color: rgba(255, 107, 53, 0.9);
}

.page-privacy .pp-cache-item h3 {
  margin: 0 0 0.35rem;
  font-size: 1rem;
  font-weight: 800;
  color: var(--pp-ink);
}

.page-privacy .pp-cache-item p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.78;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.76);
}

/* ---------- 条款六：更新与联系 ---------- */

.page-privacy .pp-update {
  display: grid;
  gap: 1.2rem;
}

.page-privacy .pp-update-main h3 {
  margin: 0 0 0.5rem;
  font-size: var(--fs-h3);
  font-weight: 800;
  color: var(--pp-ink);
}

.page-privacy .pp-update-main p {
  margin: 0 0 0.8rem;
  font-size: 0.94rem;
  line-height: 1.82;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

.page-privacy .pp-update-side {
  padding: 1.05rem 1rem;
  border: 1px solid rgba(244, 255, 74, 0.35);
  border-radius: var(--radius);
  background: linear-gradient(150deg, rgba(20, 90, 58, 0.6), rgba(6, 26, 18, 0.85));
}

.page-privacy .pp-update-label {
  margin: 0 0 0.3rem;
  font-size: var(--fs-caption);
  letter-spacing: 0.18em;
  font-weight: 700;
  color: var(--warm-yellow);
}

.page-privacy .pp-update-mail {
  margin: 0 0 0.75rem;
  font-family: var(--font-num);
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--pp-glow);
  word-break: break-all;
}

.page-privacy .pp-update-hint {
  margin: 0.7rem 0 0;
  font-size: 0.85rem;
  line-height: 1.7;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.66);
}

.page-privacy .copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  font-family: var(--font-sans);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--ink-night);
  background: var(--pp-glow);
  border: 1px solid var(--pp-glow);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.16s ease, color 0.16s ease;
}

.page-privacy .copy-btn:hover,
.page-privacy .copy-btn:focus-visible {
  background: var(--warm-yellow);
  border-color: var(--warm-yellow);
}

/* ---------- 响应式 ---------- */

@media (min-width: 640px) {
  .page-privacy .pp-hero {
    padding: 3rem 2.4rem 2.8rem;
  }

  .page-privacy .pp-clause {
    padding: 3rem 2.4rem 2.8rem;
    padding-left: 2.8rem;
  }

  .page-privacy .pp-defrow {
    grid-template-columns: 10rem minmax(0, 1fr);
    gap: 1.1rem;
    align-items: start;
  }

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

  .page-privacy .pp-cache {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-privacy .pp-update {
    grid-template-columns: minmax(0, 1.34fr) minmax(0, 1fr);
    align-items: start;
    gap: 1.6rem;
  }
}

@media (min-width: 900px) {
  .page-privacy .pp-layout {
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: 2.8rem;
  }

  .page-privacy .pp-anchors {
    position: sticky;
    top: 140px;
    align-self: start;
    padding: 1.2rem 1rem 1.3rem;
  }

  .page-privacy .pp-anchors ol {
    flex-direction: column;
    gap: 0.3rem;
    overflow-x: visible;
    padding-bottom: 0;
  }

  .page-privacy .pp-anchors a {
    display: flex;
    width: 100%;
    border-radius: var(--radius-sm);
    white-space: normal;
  }

  .page-privacy .pp-clause h2 {
    letter-spacing: -0.01em;
  }
}

@media (min-width: 1080px) {
  .page-privacy .pp-hero {
    padding: 3.4rem 3rem 3.2rem;
  }

  .page-privacy .pp-lead {
    font-size: 1.06rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pp-anchors a,
  .page-privacy .copy-btn,
  .page-privacy .breadcrumbs a {
    transition: none;
  }
}
</final>
<<<END>>>

等一下，我把输出格式弄乱了。最后不要加 `<<<END>>>`。让我重新正确地输出。
<main id="main-content" class="page-privacy">
  <div class="shell">

    <nav class="breadcrumbs" aria-label="面包屑">
      <ol>
        <li><a href="/">首页</a></li>
        <li aria-current="page">数据保护</li>
      </ol>
    </nav>

    <header class="pp-hero">
      <img class="pp-hero-bg" src="{zhanqunpic:h:600w:1200}" width="1200" height="600" alt="深绿背景中抽象数据线与球场边线交织，冷白与荧光黄少量点缀">
      <div class="pp-hero-inner">
        <p class="pp-kicker">数据保护</p>
        <h1>你在爱游戏赛场留下的每一步，都在这里说清楚</h1>
        <p class="pp-lead">从在手机端完成注册，到每天打开比分页看球队战绩、订阅标签、翻阅联赛索引，我们只取用让这些服务跑起来所必需的信息，并逐项告诉你它们被用在哪儿、存了多久、你随时能怎么收回。</p>
        <ul class="pp-meta">
          <li class="tag tag--yellow">适用版本 v3.6</li>
          <li class="tag">手机端 / 网页端 / 平板端</li>
          <li class="tag tag--orange">修订后在本页首屏标注</li>
        </ul>
      </div>
    </header>

    <div class="pp-layout">

      <aside class="pp-anchors" aria-label="条款目录">
        <p class="pp-anchors-title">条款目录</p>
        <ol>
          <li><a href="#clause-1"><span class="pp-anchor-no">01</span>我们处理哪些数据</a></li>
          <li><a href="#clause-2"><span class="pp-anchor-no">02</span>这些数据用在哪里</a></li>
          <li><a href="#clause-3"><span class="pp-anchor-no">03</span>存储与安全措施</a></li>
          <li><a href="#clause-4"><span class="pp-anchor-no">04</span>你的权利</a></li>
          <li><a href="#clause-5"><span class="pp-anchor-no">05</span>本地缓存与 Cookie</a></li>
          <li><a href="#clause-6"><span class="pp-anchor-no">06</span>更新与联系渠道</a></li>
        </ol>
      </aside>

      <div class="pp-clauses">

        <section class="pp-clause" id="clause-1">
          <p class="pp-clause-no">01</p>
          <h2>我们处理哪些数据</h2>
          <p class="pp-clause-lead">你用的功能不同，涉及的信息范围也不同。以下四类是我们实际会用到的内容，除此之外的通讯录、相册、位置和支付信息都不会被读取。</p>

          <dl class="pp-deflist">
            <div class="pp-defrow">
              <dt>账号信息</dt>
              <dd>注册时你需要提供手机号用于接收验证码和找回账号；密码经过加密处理后再存储，任何同事都无法看到明文。游客模式下可以先浏览比分页，等真正需要推送和标签订阅时再补齐注册。</dd>
            </div>
            <div class="pp-defrow">
              <dt>设备与访问信息</dt>
              <dd>为了把比分页排版适配到你的屏幕上，我们会记录设备型号、操作系统版本和屏幕尺寸。小屏看球赛比分页针对 5.5 至 7.2 英寸做了专门调整，判断依据正是这类信息。此外还会记录访问时间和页面停留时长，用于发现加载异常。</dd>
            </div>
            <div class="pp-defrow">
              <dt>比分偏好</dt>
              <dd>你订阅了哪些球队标签、常看哪些联赛、是否打开比分推送，这些会保存在账号下。用途很直接：下一次打开时，你关注的球队和对阵优先出现在首屏。</dd>
            </div>
            <div class="pp-defrow">
              <dt>索引检索记录</dt>
              <dd>你在联赛索引里输入过的球队名或拼音首字母、筛过的赛季与联赛类别，会用于改进检索排序。搜索某支球队时，对应的历史交锋记录能否排在前面，就依赖这类数据。</dd>
            </div>
          </dl>
        </section>

        <section class="pp-clause" id="clause-2">
          <p class="pp-clause-no">02</p>
          <h2>这些数据用在哪里</h2>
          <p class="pp-clause-lead">每一项数据都对应一个你能感知到的功能。如果你关掉某项功能，与之相关的信息收集也随之停止。</p>

          <ul class="pp-purpose">
            <li>
              <span class="pp-purpose-tag">登录与账号</span>
              <p>手机号用于注册验证、登录识别和找回账号，是你在不同设备上看到同一批球队标签的前提。</p>
            </li>
            <li>
              <span class="pp-purpose-tag">比分与赛程展示</span>
              <p>访问记录帮助判断某场比赛页的加载表现，进而决定是否需要优化数据同步节奏。常规比赛日更新间隔不超过 30 秒，页面会标注最近一次同步时间。</p>
            </li>
            <li>
              <span class="pp-purpose-tag">标签与推送</span>
              <p>你订阅的球队标签决定推送内容，未订阅的联赛不会打扰你。关闭推送后，订阅关系仍然保留，只是不再主动提醒。</p>
            </li>
            <li>
              <span class="pp-purpose-tag">检索与归档改进</span>
              <p>检索记录用于优化联赛索引的分类顺序，让经常被查找的对阵记录出现在更靠前的位置。索引栏目按联赛归档，覆盖欧洲五大联赛、中超、亚冠、南美解放者杯等28类赛事。</p>
            </li>
          </ul>
        </section>

        <section class="pp-clause" id="clause-3">
          <p class="pp-clause-no">03</p>
          <h2>存储与安全措施</h2>
          <p class="pp-clause-lead">数据存放在受控的服务器环境中，访问权限按岗位最小化分配，日常有专人巡检。</p>

          <div class="pp-secure">
            <article class="pp-secure-card">
              <h3>传输与存放</h3>
              <p>账号与偏好数据通过加密通道传输，落库前完成脱敏和加密。访问日志按周期轮转，超出必要期限的记录会被清理。</p>
            </article>
            <article class="pp-secure-card">
              <h3>访问控制</h3>
              <p>内部按岗位划分数据权限，只有承担相应职责的同事才能接触对应字段，操作留痕可回溯。合作方仅在必要范围内获取聚合后的统计结果。</p>
            </article>
            <article class="pp-secure-card">
              <h3>日常巡检</h3>
              <p>数据校验团队12人负责比分与赛程数据的准确性巡检，同时监控异常访问行为，发现风险后第一时间处理并评估影响范围。</p>
            </article>
          </div>
        </section>

        <section class="pp-clause" id="clause-4">
          <p class="pp-clause-no">04</p>
          <h2>你的权利</h2>
          <p class="pp-clause-lead">账号里的信息怎么处理，由你决定。下列操作都可以自助发起，遇到障碍也可以直接联系我们。</p>

          <div class="pp-drawers">
            <details class="drawer" open>
              <summary>查看与更正</summary>
              <div class="drawer-body">
                <p>在手机端的账号设置里可以看到手机号、订阅的球队标签和推送开关状态。手机号需要变更时，通过验证码校验新号码后即可替换，历史偏好会自动保留。</p>
              </div>
            </details>
            <details class="drawer">
              <summary>删除账号信息</summary>
              <div class="drawer-body">
                <p>在账号设置中发起注销，账号下的订阅关系、检索偏好和浏览记录会一并清除，处理完成后无法恢复。注销前你可以先导出订阅的球队清单，方便之后重建账号时快速恢复。</p>
              </div>
            </details>
            <details class="drawer">
              <summary>关闭推送</summary>
              <div class="drawer-body">
                <p>推送开关位于手机端的通知设置中。关闭后不再收到比赛提醒，不影响比分页浏览和联赛索引检索。你也可以只保留某几支球队的提醒，其余全部静音。</p>
              </div>
            </details>
            <details class="drawer">
              <summary>调整偏好记录</summary>
              <div class="drawer-body">
                <p>如果你希望重置检索排序依据，可以在设置里清空检索历史。清空后联赛索引回到默认顺序，随着后续使用重新学习你的查找习惯。</p>
              </div>
            </details>
          </div>
        </section>

        <section class="pp-clause" id="clause-5">
          <p class="pp-clause-no">05</p>
          <h2>本地缓存与 Cookie</h2>
          <p class="pp-clause-lead">一部分信息留在你的设备上，用来让打开速度更快、版面更贴合你的屏幕，而不是全部上传到服务器。</p>

          <div class="pp-cache">
            <div class="pp-cache-item">
              <p class="pp-cache-no">A</p>
              <h3>阅读偏好</h3>
              <p>你选择的字号、夜间模式开关和默认联赛会写进本地缓存，下次打开比分页时直接生效，无需重新设置。</p>
            </div>
            <div class="pp-cache-item">
              <p class="pp-cache-no">B</p>
              <h3>索引记录</h3>
              <p>联赛索引里最近几次的检索词和筛选条件保存在本地，方便你快速回到上一次查找的位置。</p>
            </div>
            <div class="pp-cache-item">
              <p class="pp-cache-no">C</p>
              <h3>离线缓存</h3>
              <p>手机端会缓存最近浏览过的比分页结构，网络不稳时仍可查看已载入过的对阵与球队标签。缓存内容随版本更新自动刷新。</p>
            </div>
            <div class="pp-cache-item">
              <p class="pp-cache-no">D</p>
              <h3>清理方式</h3>
              <p>在系统设置或浏览器设置中清除站点数据即可移除以上内容，代价是阅读偏好和检索记录回到初始状态，需要重新设置一遍。</p>
            </div>
          </div>
        </section>

        <section class="pp-clause" id="clause-6">
          <p class="pp-clause-no">06</p>
          <h2>更新与联系渠道</h2>
          <p class="pp-clause-lead">服务范围或功能发生变化时，本页会同步修订，并在首屏标注新的版本与生效时间。</p>

          <div class="pp-update">
            <div class="pp-update-main">
              <h3>修订方式</h3>
              <p>涉及数据类别或使用目的调整的修订，会在手机端首次进入时以提示条告知；仅文字表述优化的修订，直接更新本页并刷新首屏标注。你可以随时回到这里查看当前生效的版本。</p>
              <p>如果你对账号数据、订阅偏好、索引记录或缓存内容有疑问，也可以通过<a href="/help-center/">帮助中心</a>查看常见问题，或前往<a href="/contact/">联系我们</a>页面获取客服渠道。想了解使用边界与账号责任的说明，请参阅<a href="/usage/">使用说明</a>。</p>
            </div>
            <div class="pp-update-side">
              <p class="pp-update-label">客服邮箱</p>
              <p class="pp-update-mail">info@shouye-qiudui-ayx.com.cn</p>
              <button class="copy-btn" type="button" data-copy="info@shouye-qiudui-ayx.com.cn" data-copy-label="邮箱">复制邮箱</button>
              <p class="pp-update-hint">注册、比分页显示或索引栏目使用问题均可来信，工作日9:00-18:00会有同事跟进。</p>
            </div>
          </div>
        </section>

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

.page-privacy {
  --pp-ink: var(--cool-white);
  --pp-ink-soft: var(--sage-mist);
  --pp-card-2: rgba(20, 90, 58, 0.34);
  --pp-glow: var(--score-yellow);
  padding-bottom: 4.5rem;
}

.page-privacy .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  list-style: none;
  margin: 1.4rem 0 1.1rem;
  padding: 0;
  font-size: var(--fs-caption);
  color: var(--pp-ink-soft);
}

.page-privacy .breadcrumbs li + li::before {
  content: "/";
  margin-right: 0.4rem;
  color: rgba(157, 184, 168, 0.55);
}

.page-privacy .breadcrumbs a {
  color: var(--pp-ink-soft);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.16s ease, border-color 0.16s ease;
}

.page-privacy .breadcrumbs a:hover,
.page-privacy .breadcrumbs a:focus-visible {
  color: var(--pp-glow);
  border-bottom-color: var(--pp-glow);
}

/* ---------- 首屏 ---------- */

.page-privacy .pp-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 2.6rem;
  padding: 2.4rem 1.4rem 2.2rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(120% 140% at 88% 0%, rgba(255, 107, 53, 0.22), transparent 58%),
    linear-gradient(158deg, var(--turf-green) 0%, var(--deep-green) 46%, var(--pitch-night) 100%);
  box-shadow: 0 22px 46px -34px rgba(0, 0, 0, 0.9);
}

.page-privacy .pp-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(90deg, rgba(183, 247, 208, 0.07) 0 1px, transparent 1px 46px);
  opacity: 0.7;
}

.page-privacy .pp-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.2;
  mix-blend-mode: luminosity;
}

.page-privacy .pp-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 46rem;
}

.page-privacy .pp-kicker {
  display: inline-block;
  margin: 0 0 0.9rem;
  padding: 0.28rem 0.7rem;
  font-size: var(--fs-caption);
  font-weight: 700;
  letter-spacing: 0.22em;
  color: var(--pp-glow);
  border: 1px solid rgba(244, 255, 74, 0.45);
  border-radius: var(--radius-sm);
}

.page-privacy .pp-hero h1 {
  margin: 0 0 1rem;
  font-size: var(--fs-h1);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.015em;
  color: var(--pp-ink);
  text-wrap: balance;
}

.page-privacy .pp-lead {
  margin: 0 0 1.3rem;
  font-size: var(--fs-body);
  line-height: 1.8;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.82);
}

.page-privacy .pp-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---------- 主布局 ---------- */

.page-privacy .pp-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
}

/* ---------- 侧边锚点 ---------- */

.page-privacy .pp-anchors {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--pp-card-2);
  padding: 1rem 0.9rem 1.1rem;
}

.page-privacy .pp-anchors-title {
  margin: 0 0 0.7rem;
  font-size: var(--fs-caption);
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--highland-orange);
}

.page-privacy .pp-anchors ol {
  display: flex;
  gap: 0.45rem;
  margin: 0;
  padding: 0 0 0.5rem;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(183, 247, 208, 0.35) transparent;
}

.page-privacy .pp-anchors ol::-webkit-scrollbar {
  height: 4px;
}

.page-privacy .pp-anchors ol::-webkit-scrollbar-thumb {
  background: rgba(183, 247, 208, 0.3);
  border-radius: 999px;
}

.page-privacy .pp-anchors a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex: 0 0 auto;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
  font-size: var(--fs-caption);
  color: var(--pp-ink);
  text-decoration: none;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  background: rgba(6, 26, 18, 0.45);
  transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
}

.page-privacy .pp-anchors a:hover,
.page-privacy .pp-anchors a:focus-visible {
  color: var(--pp-glow);
  border-color: rgba(244, 255, 74, 0.55);
  background: rgba(20, 90, 58, 0.5);
}

.page-privacy .pp-anchor-no {
  font-family: var(--font-num);
  font-weight: 700;
  color: var(--highland-orange);
}

/* ---------- 条款卡片 ---------- */

.page-privacy .pp-clauses {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  min-width: 0;
}

.page-privacy .pp-clause {
  position: relative;
  padding: 1.6rem 1.2rem 1.5rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: linear-gradient(178deg, rgba(11, 44, 30, 0.92), rgba(6, 26, 18, 0.92));
  box-shadow: 0 16px 34px -30px rgba(0, 0, 0, 0.95);
  scroll-margin-top: 130px;
}

.page-privacy .pp-clause::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.6rem;
  bottom: 1.6rem;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--highland-orange), rgba(255, 107, 53, 0));
}

.page-privacy .pp-clause-no {
  margin: 0 0 0.35rem;
  font-family: var(--font-num);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--highland-orange);
}

.page-privacy .pp-clause h2 {
  margin: 0 0 0.7rem;
  font-size: var(--fs-h2);
  line-height: 1.2;
  font-weight: 800;
  color: var(--pp-ink);
  text-wrap: balance;
}

.page-privacy .pp-clause-lead {
  margin: 0 0 1.15rem;
  font-size: 0.95rem;
  line-height: 1.8;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
  max-width: 42rem;
}

.page-privacy .pp-clause a {
  color: var(--pp-glow);
  text-decoration: none;
  border-bottom: 1px solid rgba(244, 255, 74, 0.4);
}

.page-privacy .pp-clause a:hover,
.page-privacy .pp-clause a:focus-visible {
  border-bottom-color: var(--pp-glow);
}

/* ---------- 条款一 ---------- */

.page-privacy .pp-deflist {
  margin: 0;
  border-top: 1px solid var(--line-soft);
}

.page-privacy .pp-defrow {
  display: grid;
  gap: 0.35rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--line-soft);
}

.page-privacy .pp-defrow dt {
  font-size: 1rem;
  font-weight: 800;
  color: var(--pp-glow);
  letter-spacing: 0.01em;
}

.page-privacy .pp-defrow dd {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.82;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

/* ---------- 条款二 ---------- */

.page-privacy .pp-purpose {
  display: grid;
  gap: 0.85rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .pp-purpose li {
  padding: 0.95rem 1rem;
  border: 1px solid var(--line-soft);
  border-left: 3px solid rgba(255, 209, 102, 0.65);
  border-radius: var(--radius);
  background: rgba(20, 90, 58, 0.22);
}

.page-privacy .pp-purpose-tag {
  display: inline-block;
  margin-bottom: 0.4rem;
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--warm-yellow);
}

.page-privacy .pp-purpose p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.8;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

/* ---------- 条款三 ---------- */

.page-privacy .pp-secure {
  display: grid;
  gap: 0.9rem;
}

.page-privacy .pp-secure-card {
  padding: 1.05rem 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(6, 26, 18, 0.6);
}

.page-privacy .pp-secure-card h3 {
  margin: 0 0 0.45rem;
  font-size: var(--fs-h3);
  font-weight: 800;
  color: var(--pp-ink);
}

.page-privacy .pp-secure-card p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.8;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

/* ---------- 条款四 ---------- */

.page-privacy .pp-drawers {
  display: grid;
  gap: 0.6rem;
}

.page-privacy .pp-drawers .drawer {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(20, 90, 58, 0.24);
  overflow: hidden;
}

.page-privacy .pp-drawers .drawer > summary {
  cursor: pointer;
  padding: 0.85rem 2.4rem 0.85rem 1rem;
  font-size: 0.96rem;
  font-weight: 700;
  color: var(--pp-ink);
  list-style: none;
  position: relative;
}

.page-privacy .pp-drawers .drawer > summary::-webkit-details-marker {
  display: none;
}

.page-privacy .pp-drawers .drawer > summary::after {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-num);
  font-size: 1.1rem;
  color: var(--highland-orange);
}

.page-privacy .pp-drawers .drawer[open] > summary::after {
  content: "\2212";
}

.page-privacy .pp-drawers .drawer-body {
  padding: 0 1rem 1rem;
  border-top: 1px solid var(--line-soft);
}

.page-privacy .pp-drawers .drawer-body p {
  margin: 0.8rem 0 0;
  font-size: 0.92rem;
  line-height: 1.82;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

/* ---------- 条款五 ---------- */

.page-privacy .pp-cache {
  display: grid;
  gap: 0.85rem;
}

.page-privacy .pp-cache-item {
  position: relative;
  padding: 0.95rem 1rem 0.95rem 3.1rem;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  background: rgba(11, 44, 30, 0.5);
}

.page-privacy .pp-cache-no {
  position: absolute;
  left: 1rem;
  top: 0.9rem;
  margin: 0;
  font-family: var(--font-num);
  font-size: 1.15rem;
  font-weight: 700;
  color: rgba(255, 107, 53, 0.9);
}

.page-privacy .pp-cache-item h3 {
  margin: 0 0 0.35rem;
  font-size: 1rem;
  font-weight: 800;
  color: var(--pp-ink);
}

.page-privacy .pp-cache-item p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.78;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.76);
}

/* ---------- 条款六 ---------- */

.page-privacy .pp-update {
  display: grid;
  gap: 1.2rem;
}

.page-privacy .pp-update-main h3 {
  margin: 0 0 0.5rem;
  font-size: var(--fs-h3);
  font-weight: 800;
  color: var(--pp-ink);
}

.page-privacy .pp-update-main p {
  margin: 0 0 0.8rem;
  font-size: 0.94rem;
  line-height: 1.82;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.78);
}

.page-privacy .pp-update-side {
  padding: 1.05rem 1rem;
  border: 1px solid rgba(244, 255, 74, 0.35);
  border-radius: var(--radius);
  background: linear-gradient(150deg, rgba(20, 90, 58, 0.6), rgba(6, 26, 18, 0.85));
}

.page-privacy .pp-update-label {
  margin: 0 0 0.3rem;
  font-size: var(--fs-caption);
  letter-spacing: 0.18em;
  font-weight: 700;
  color: var(--warm-yellow);
}

.page-privacy .pp-update-mail {
  margin: 0 0 0.75rem;
  font-family: var(--font-num);
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--pp-glow);
  word-break: break-all;
}

.page-privacy .pp-update-hint {
  margin: 0.7rem 0 0;
  font-size: 0.85rem;
  line-height: 1.7;
  font-weight: 300;
  color: rgba(244, 251, 247, 0.66);
}

.page-privacy .copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  font-family: var(--font-sans);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--ink-night);
  background: var(--pp-glow);
  border: 1px solid var(--pp-glow);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.page-privacy .copy-btn:hover,
.page-privacy .copy-btn:focus-visible {
  background: var(--warm-yellow);
  border-color: var(--warm-yellow);
}

/* ---------- 响应式 ---------- */

@media (min-width: 640px) {
  .page-privacy .pp-hero {
    padding: 3rem 2.2rem 2.8rem;
  }

  .page-privacy .pp-clause {
    padding: 2.6rem 2.2rem 2.4rem;
    padding-left: 2.6rem;
  }

  .page-privacy .pp-defrow {
    grid-template-columns: 10rem minmax(0, 1fr);
    gap: 1.1rem;
    align-items: start;
  }

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

  .page-privacy .pp-cache {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-privacy .pp-update {
    grid-template-columns: minmax(0, 1.34fr) minmax(0, 1fr);
    align-items: start;
    gap: 1.6rem;
  }
}

@media (min-width: 900px) {
  .page-privacy .pp-layout {
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: 2.8rem;
  }

  .page-privacy .pp-anchors {
    position: sticky;
    top: 140px;
    align-self: start;
    padding: 1.2rem 1rem 1.3rem;
  }

  .page-privacy .pp-anchors ol {
    flex-direction: column;
    gap: 0.3rem;
    overflow-x: visible;
    padding-bottom: 0;
  }

  .page-privacy .pp-anchors a {
    display: flex;
    width: 100%;
    border-radius: var(--radius-sm);
    white-space: normal;
  }

  .page-privacy .pp-clause h2 {
    letter-spacing: -0.01em;
  }
}

@media (min-width: 1080px) {
  .page-privacy .pp-hero {
    padding: 3.4rem 3rem 3.2rem;
  }

  .page-privacy .pp-lead {
    font-size: 1.06rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pp-anchors a,
  .page-privacy .copy-btn,
  .page-privacy .breadcrumbs a {
    transition: none;
  }
}