.page-privacy {
  --pp-line: rgba(26, 20, 16, 0.16);
  --pp-line-strong: rgba(26, 20, 16, 0.34);
  --pp-ink-soft: #5C5148;
  --pp-orange-ink: #B2460F;
  --pp-cyan-ink: #0E6B62;
  position: relative;
  isolation: isolate;
  background: var(--paper);
  color: var(--paper-ink);
  font-family: var(--font-sans);
}

.page-privacy::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(var(--pp-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--pp-line) 1px, transparent 1px);
  background-size: 112px 112px;
  opacity: 0.45;
}

.page-privacy .privacy-crumb {
  margin: 26px 0 0;
  font-size: 13px;
}

.page-privacy .privacy-hero {
  padding-bottom: 8px;
}

.page-privacy .privacy-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 26px 0 14px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pp-orange-ink);
}

.page-privacy .privacy-kicker::before {
  content: "";
  width: 28px;
  height: 2px;
  flex: none;
  background: var(--orange);
}

.page-privacy .privacy-title {
  margin: 0 0 18px;
  max-width: 22ch;
  font-family: var(--font-serif);
  font-weight: 900;
  font-size: clamp(30px, 6vw, 46px);
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.page-privacy .privacy-lead {
  margin: 0;
  max-width: 60ch;
  font-size: 16.5px;
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-facts {
  display: grid;
  gap: 18px;
  margin: 32px 0 36px;
  padding: 18px 0;
  border-top: 1px solid var(--pp-line-strong);
  border-bottom: 1px solid var(--pp-line-strong);
}

.page-privacy .fact {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.page-privacy .fact-num {
  font-family: var(--font-mono);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: var(--pp-orange-ink);
}

.page-privacy .fact-num .fact-unit {
  margin-left: 3px;
  font-size: 15px;
  font-weight: 500;
  color: var(--pp-ink-soft);
}

.page-privacy .fact-label {
  font-size: 14px;
  line-height: 1.6;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-figure {
  margin: 0;
}

.page-privacy .privacy-figure .figure-media {
  border: 1px solid var(--pp-line-strong);
  background: var(--panel-deep);
  overflow: hidden;
}

.page-privacy .privacy-figure .figure-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.page-privacy .privacy-figure .figure-caption {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.65;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding-top: 40px;
  padding-bottom: 48px;
}

.page-privacy .privacy-index {
  border-top: 2px solid var(--paper-ink);
  padding-top: 14px;
}

.page-privacy .privacy-index-title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-index-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 2px solid var(--pp-line-strong);
}

.page-privacy .privacy-index-link {
  display: block;
  padding: 8px 0 8px 14px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pp-ink-soft);
  text-decoration: none;
  border-left: 2px solid transparent;
  margin-left: -2px;
  transition: color 0.16s ease, border-color 0.16s ease;
}

.page-privacy .privacy-index-link:hover {
  color: var(--paper-ink);
  border-left-color: var(--pp-line-strong);
}

.page-privacy .privacy-index-link[aria-current="true"] {
  color: var(--paper-ink);
  font-weight: 600;
  border-left-color: var(--orange);
}

.page-privacy .privacy-totop {
  display: inline-block;
  margin-top: 16px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--pp-orange-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--pp-orange-ink);
  padding-bottom: 2px;
}

.page-privacy .privacy-main {
  max-width: 720px;
}

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

.page-privacy .privacy-h2 {
  margin: 0 0 14px;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: clamp(22px, 3.6vw, 30px);
  line-height: 1.32;
  letter-spacing: -0.02em;
}

.page-privacy .privacy-h2-num {
  display: inline-block;
  margin-right: 12px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 500;
  color: var(--pp-orange-ink);
  letter-spacing: 0.08em;
}

.page-privacy .privacy-text {
  margin: 0 0 16px;
  font-size: 16.5px;
  line-height: 1.8;
}

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

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

.page-privacy .privacy-row {
  display: grid;
  gap: 6px;
  padding: 18px 0;
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .privacy-row-num {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--pp-orange-ink);
}

.page-privacy .privacy-row-label {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.page-privacy .privacy-row-desc {
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-fold {
  margin-top: 20px;
  border: 1px solid var(--pp-line-strong);
  background: rgba(255, 255, 255, 0.42);
}

.page-privacy .privacy-fold summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 18px;
  font-size: 15.5px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.page-privacy .privacy-fold summary::-webkit-details-marker {
  display: none;
}

.page-privacy .privacy-fold summary::after {
  content: "＋";
  flex: none;
  font-family: var(--font-mono);
  font-size: 16px;
  color: var(--pp-orange-ink);
}

.page-privacy .privacy-fold[open] summary::after {
  content: "－";
}

.page-privacy .privacy-fold-body {
  padding: 14px 18px 18px;
  border-top: 1px solid var(--pp-line);
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-retention {
  margin: 22px 0 20px;
  border-top: 1px solid var(--pp-line-strong);
}

.page-privacy .retention-row {
  display: grid;
  gap: 6px;
  padding: 16px 0;
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .retention-label {
  font-size: 15px;
  font-weight: 600;
}

.page-privacy .retention-value {
  font-size: 15px;
  line-height: 1.72;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-rights {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--pp-line-strong);
}

.page-privacy .right-item {
  display: grid;
  gap: 6px;
  padding: 16px 0;
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .right-key {
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.page-privacy .right-desc {
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-contact {
  display: grid;
  gap: 0;
  margin: 24px 0 20px;
  border: 1px solid var(--paper-ink);
}

.page-privacy .contact-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .contact-line:last-child {
  border-bottom: 0;
}

.page-privacy .contact-key {
  flex: none;
  min-width: 72px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pp-ink-soft);
}

.page-privacy .contact-val {
  font-size: 15.5px;
  font-weight: 600;
  word-break: break-all;
}

.page-privacy .contact-val.mono {
  font-family: var(--font-mono);
  font-weight: 500;
  letter-spacing: 0.01em;
}

.page-privacy .copy-btn {
  margin-left: auto;
  padding: 5px 12px;
  border: 1px solid var(--pp-line-strong);
  background: transparent;
  color: var(--paper-ink);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  cursor: pointer;
}

.page-privacy .copy-btn:hover {
  border-color: var(--orange);
  color: var(--pp-orange-ink);
}

.page-privacy .privacy-paths {
  border-top: 1px solid var(--pp-line-strong);
  background: rgba(255, 255, 255, 0.34);
  padding: 8px 0 40px;
}

.page-privacy .path-layer {
  display: grid;
  gap: 0;
  margin: 0;
}

.page-privacy .path-item {
  display: block;
  padding: 22px 0;
  border-bottom: 1px solid var(--pp-line);
  text-decoration: none;
  color: inherit;
  transition: color 0.16s ease;
}

.page-privacy .path-item:hover {
  color: var(--pp-orange-ink);
}

.page-privacy .path-item .path-title {
  display: block;
  font-family: var(--font-serif);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
}

.page-privacy .path-item .path-desc {
  display: block;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-totop--end {
  margin-top: 26px;
}

@media (min-width: 720px) {
  .page-privacy .privacy-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0;
  }

  .page-privacy .fact + .fact {
    padding-left: 24px;
    border-left: 1px solid var(--pp-line);
  }

  .page-privacy .privacy-row {
    grid-template-columns: 46px 176px minmax(0, 1fr);
    gap: 4px 20px;
    align-items: baseline;
  }

  .page-privacy .retention-row {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 4px 24px;
    align-items: baseline;
  }

  .page-privacy .right-item {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 4px 20px;
    align-items: baseline;
  }
}

@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 60px;
    align-items: start;
    padding-top: 52px;
    padding-bottom: 64px;
  }

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

  .page-privacy .privacy-figure {
    margin-top: 4px;
  }
}

@media (min-width: 1040px) {
  .page-privacy .path-layer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0;
  }

  .page-privacy .path-item {
    padding: 24px 28px 24px 0;
    border-bottom: 0;
    border-right: 1px solid var(--pp-line);
  }

  .page-privacy .path-item:last-child {
    border-right: 0;
    padding-right: 0;
  }

  .page-privacy .path-item + .path-item {
    padding-left: 28px;
  }
}
<<<END>>>

<main id="main-content" class="page-privacy">

  <header class="privacy-hero" id="page-top">
    <div class="container">
      <nav class="breadcrumb privacy-crumb" aria-label="当前位置">
        <a class="breadcrumb-item" href="/">首页</a>
        <span class="breadcrumb-sep" aria-hidden="true">/</span>
        <span class="breadcrumb-item" aria-current="page">隐私声明</span>
      </nav>

      <p class="privacy-kicker">赛事数据服务 · 信息说明</p>
      <h1 class="privacy-title">隐私声明：查排名、追比分时的信息去向</h1>
      <p class="privacy-lead">
        在安博体育赛事中心看一眼联赛排名、追一场进行中的比分，都不需要填一堆资料。下面按你实际会碰到的操作逐条说明：我们接触哪些信息、它们留在哪里、保留多久，以及你想删掉时该找谁。
      </p>

      <div class="privacy-facts">
        <div class="fact">
          <span class="fact-num">90<span class="fact-unit">秒</span></span>
          <span class="fact-label">比分与排名刷新一次</span>
        </div>
        <div class="fact">
          <span class="fact-num">1<span class="fact-unit">步</span></span>
          <span class="fact-label">在新设备上完成登录验证</span>
        </div>
        <div class="fact">
          <span class="fact-num">12<span class="fact-unit">支</span></span>
          <span class="fact-label">单账号最多固定的球队</span>
        </div>
      </div>
    </div>

    <div class="container">
      <figure class="figure figure--wide privacy-figure">
        <div class="figure-media">
          <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="抽象数据流向图：设备轮廓与节点之间由细线连接，青色线条标出用户可以自行关闭的路径">
        </div>
        <figcaption class="figure-caption">你每一次查看比分或排名，信息只沿一条短路径流动：设备、登录验证、页面内容。</figcaption>
      </figure>
    </div>
  </header>

  <div class="container privacy-layout">

    <aside class="privacy-index" aria-label="章节索引">
      <p class="privacy-index-title">章节索引</p>
      <ul class="privacy-index-list">
        <li><a class="privacy-index-link" href="#collect" data-index-link>我们收集的信息</a></li>
        <li><a class="privacy-index-link" href="#storage" data-index-link>关注与登录状态的保存</a></li>
        <li><a class="privacy-index-link" href="#cookies" data-index-link>Cookie 与访问统计</a></li>
        <li><a class="privacy-index-link" href="#retention" data-index-link>保存期限与删除</a></li>
        <li><a class="privacy-index-link" href="#rights" data-index-link>你的权利</a></li>
        <li><a class="privacy-index-link" href="#updates" data-index-link>政策更新与联系方式</a></li>
      </ul>
      <a class="privacy-totop" href="#page-top">返回顶部</a>
    </aside>

    <div class="privacy-main">

      <section class="privacy-section" id="collect" aria-labelledby="collect-title">
        <h2 class="privacy-h2" id="collect-title"><span class="privacy-h2-num" aria-hidden="true">01</span>我们收集的信息</h2>
        <p class="privacy-text">
          只有在你登录账号、固定关注的球队或者调整排名排序方式时，我们才会接触到下面这三类信息。单纯浏览比分和战报，不会留下账号记录。
        </p>

        <div class="privacy-rows">
          <div class="privacy-row">
            <span class="privacy-row-num" aria-hidden="true">01</span>
            <span class="privacy-row-label">账号与登录标识</span>
            <span class="privacy-row-desc">用来确认你的身份，让关注的球队和排名偏好跟着你走。在新设备上重新登录时只需一步验证，通过之后关注的球队会自动回到首栏。</span>
          </div>
          <div class="privacy-row">
            <span class="privacy-row-num" aria-hidden="true">02</span>
            <span class="privacy-row-label">设备与浏览器信息</span>
            <span class="privacy-row-desc">包括设备类型、操作系统、浏览器版本和屏幕尺寸。这些信息让我们把移动端首屏的入球与失球分布排整齐，也用来判断索引带在你的屏幕上是否完整显示。</span>
          </div>
          <div class="privacy-row">
            <span class="privacy-row-num" aria-hidden="true">03</span>
            <span class="privacy-row-label">访问与操作记录</span>
            <span class="privacy-row-desc">你打开过的页面、点开的栏目以及对应的时间戳。它帮我们定位加载异常的位置，也让我们知道哪些联赛的赛程被看得最多，从而调整索引带上各联赛的先后。</span>
          </div>
        </div>

        <details class="privacy-fold">
          <summary>临时看一眼排名，会不会留下账号信息？</summary>
          <div class="privacy-fold-body">
            不会。排名和比分页面可以直接打开，按积分、净胜球或近期状态切换排序也不需要登录。只有在你希望把关注的球队固定到首栏、或者在多台设备之间保持一致时，才会用到账号和登录验证。
          </div>
        </details>
      </section>

      <section class="privacy-section" id="storage" aria-labelledby="storage-title">
        <h2 class="privacy-h2" id="storage-title"><span class="privacy-h2-num" aria-hidden="true">02</span>关注与登录状态的保存</h2>
        <p class="privacy-text">
          关注列表和登录状态是两段分开保存的内容，清除其中一段，另一段不会跟着消失。清楚这点，你就知道该动哪一处。
        </p>

        <div class="privacy-rows">
          <div class="privacy-row">
            <span class="privacy-row-num" aria-hidden="true">01</span>
            <span class="privacy-row-label">关注的球队</span>
            <span class="privacy-row-desc">单账号最多固定 12 支球队。列表同时写进你的账号记录与当前浏览器，因此换设备登录后，首栏里还是那几支熟悉的队伍。</span>
          </div>
          <div class="privacy-row">
            <span class="privacy-row-num" aria-hidden="true">02</span>
            <span class="privacy-row-label">登录状态</span>
            <span class="privacy-row-desc">以一段有时效的验证凭据存放在浏览器本地，过期后需要重新验证一次。这段凭据只对应你的关注列表与排序偏好。</span>
          </div>
          <div class="privacy-row">
            <span class="privacy-row-num" aria-hidden="true">03</span>
            <span class="privacy-row-label">清除方式</span>
            <span class="privacy-row-desc">在浏览器设置里删除本网站的站点数据，本地的登录状态会立即失效；账号里的关注列表要到知识中心按步骤处理，或直接联系客服协助。</span>
          </div>
        </div>

        <details class="privacy-fold">
          <summary>怎么在浏览器里清掉本地的登录状态</summary>
          <div class="privacy-fold-body">
            打开浏览器设置，进入隐私与安全一栏，找到网站数据管理，搜索本站域名后选择删除。删除完成后重新打开页面，会回到未登录状态，你需要再走一次一步验证才能把关注的球队调出来。手机浏览器的入口名称略有差别，一般在设置的站点设置里。
          </div>
        </details>
      </section>

      <section class="privacy-section" id="cookies" aria-labelledby="cookies-title">
        <h2 class="privacy-h2" id="cookies-title"><span class="privacy-h2-num" aria-hidden="true">03</span>Cookie 与访问统计</h2>
        <p class="privacy-text">
          本站用到的 Cookie 数量很少，作用也很具体：记住你是谁、记住你选过的视图，让比分每 90 秒的刷新不至于打断你的浏览状态。
        </p>

        <div class="privacy-rows">
          <div class="privacy-row">
            <span class="privacy-row-num" aria-hidden="true">01</span>
            <span class="privacy-row-label">登录与偏好</span>
            <span class="privacy-row-desc">判断你是否处于登录状态，并记住你在排名页选择的是按积分、按净胜球还是按近期状态排序。</span>
          </div>
          <div class="privacy-row">
            <span class="privacy-row-num" aria-hidden="true">02</span>
            <span class="privacy-row-label">访问统计</span>
            <span class="privacy-row-desc">记录页面打开次数、来源渠道和大致停留时长，用于安排索引带上各联赛与杯赛的位置，以及判断哪些战报值得放在靠前的位置。</span>
          </div>
          <div class="privacy-row">
            <span class="privacy-row-num" aria-hidden="true">03</span>
            <span class="privacy-row-label">刷新请求</span>
            <span class="privacy-row-desc">每 90 秒的自动刷新只向服务端索取本页要用的比分与排名内容，请求里带的是页面标识和时间戳。</span>
          </div>
        </div>

        <p class="privacy-text">
          你可以在浏览器设置里随时清空 Cookie。清空之后，页面照常打开，只需重新验证一次登录，关注的球队就会回到首栏。
        </p>
      </section>

      <section class="privacy-section" id="retention" aria-labelledby="retention-title">
        <h2 class="privacy-h2" id="retention-title"><span class="privacy-h2-num" aria-hidden="true">04</span>保存期限与删除</h2>
        <p class="privacy-text">
          不同用途的信息，我们留的时间不一样。到期之后由系统自动清理，不需要你额外操作。
        </p>

        <div class="privacy-retention">
          <div class="retention-row">
            <span class="retention-label">账号与关注球队列表</span>
            <span class="retention-value">账号存续期间保留；提交注销后 30 天内清除。</span>
          </div>
          <div class="retention-row">
            <span class="retention-label">访问与操作记录</span>
            <span class="retention-value">保留 180 天，到期自动删除。</span>
          </div>
          <div class="retention-row">
            <span class="retention-label">客服与数据纠错往来</span>
            <span class="retention-value">处理完成后保留 12 个月，用于跟进同一问题的后续进展。</span>
          </div>
          <div class="retention-row">
            <span class="retention-label">访问统计数据</span>
            <span class="retention-value">以汇总形式长期保留，只反映页面与联赛的整体热度。</span>
          </div>
        </div>

        <p class="privacy-text">
          想删除账号或其中一部分内容，发邮件到 <span class="mono">kefu@mobile-anbo-go.com.cn</span>，或拨打 <span class="mono">400-2300-7918</span>。请在邮件里写清账号标识和要删除的内容，我们会在工作日 9:00-18:00 内回复，平均首次回复时间约 2 小时。
        </p>
      </section>

      <section class="privacy-section" id="rights" aria-labelledby="rights-title">
        <h2 class="privacy-h2" id="rights-title"><span class="privacy-h2-num" aria-hidden="true">05</span>你的权利</h2>
        <p class="privacy-text">
          下面四件事你随时可以提出，我们用同一条通道处理，走完一遍不需要来回补材料。
        </p>

        <ul class="privacy-rights">
          <li class="right-item">
            <span class="right-key">查询</span>
            <span class="right-desc">想知道我们保存了哪些与你有关的信息，写邮件说明账号标识即可，我们会把对应内容列给你。</span>
          </li>
          <li class="right-item">
            <span class="right-key">更正</span>
            <span class="right-desc">关注的球队记录有误、排序偏好和实际不符，联系客服核对后我们会直接改过来。</span>
          </li>
          <li class="right-item">
            <span class="right-key">删除</span>
            <span class="right-desc">按上一节的方式提交，删除范围由你指定，可以是整份账号记录，也可以只是关注列表。</span>
          </li>
          <li class="right-item">
            <span class="right-key">撤回同意</span>
            <span class="right-desc">清除浏览器里的站点数据，或联系客服停用账号。撤回之后，已保存的偏好会在下一轮清理中移除。</span>
          </li>
        </ul>

        <details class="privacy-fold">
          <summary>撤回之后还能继续看比分和排名吗？</summary>
          <div class="privacy-fold-body">
            可以。不登录同样能查排名、看战报、追进行中的比分，只是关注的球队不会固定在首栏，换一台设备时需要重新挑选一次。想恢复同样的体验，再走一次一步验证就行。
          </div>
        </details>
      </section>

      <section class="privacy-section" id="updates" aria-labelledby="updates-title">
        <h2 class="privacy-h2" id="updates-title"><span class="privacy-h2-num" aria-hidden="true">06</span>政策更新与联系方式</h2>
        <p class="privacy-text">
          这份说明会跟着服务一起调整。条款有变化时，我们会在本页顶部标注新的生效时间，并在赛场动态的版本更新里记一条，方便你对照查看改了什么。
        </p>

        <div class="privacy-contact">
          <div class="contact-line">
            <span class="contact-key">客服邮箱</span>
            <span class="contact-val mono">kefu@mobile-anbo-go.com.cn</span>
            <button class="copy-btn" type="button" data-copy="kefu@mobile-anbo-go.com.cn">复制</button>
          </div>
          <div class="contact-line">
            <span class="contact-key">客服电话</span>
            <span class="contact-val mono">400-2300-7918</span>
            <button class="copy-btn" type="button" data-copy="400-2300-7918">复制</button>
          </div>
          <div class="contact-line">
            <span class="contact-key">服务时间</span>
            <span class="contact-val">工作日 9:00-18:00</span>
          </div>
        </div>

        <p class="privacy-text">
          涉及数据纠错、内容合作或引用标注的问题，可以走联系与反馈页的通道，那边的处理路径更直接。
        </p>
      </section>
    </div>
  </div>

  <section class="privacy-paths" aria-label="相关页面">
    <div class="container">
      <div class="path-layer">
        <a class="path-item" href="/usage/">
          <span class="path-title">使用说明</span>
          <span class="path-desc">多设备登录、刷新时点与内容引用标注的写法</span>
        </a>
        <a class="path-item" href="/knowledge/">
          <span class="path-title">知识中心</span>
          <span class="path-desc">新设备登录、排名显示与赛事术语的常见疑问</span>
        </a>
        <a class="path-item" href="/feedback/">
          <span class="path-title">联系与反馈</span>
          <span class="path-desc">上报一条错误比分，或洽谈数据引用与合作</span>
        </a>
      </div>
      <a class="privacy-totop privacy-totop--end" href="#page-top">返回顶部</a>
    </div>
  </section>

</main>

.page-privacy {
  --pp-line: rgba(26, 20, 16, 0.16);
  --pp-line-strong: rgba(26, 20, 16, 0.34);
  --pp-ink-soft: #5C5148;
  --pp-orange-ink: #B2460F;
  --pp-cyan-ink: #0E6B62;
  position: relative;
  isolation: isolate;
  background: var(--paper);
  color: var(--paper-ink);
  font-family: var(--font-sans);
}

.page-privacy::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(var(--pp-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--pp-line) 1px, transparent 1px);
  background-size: 112px 112px;
  opacity: 0.45;
}

.page-privacy .privacy-crumb {
  margin: 26px 0 0;
  font-size: 13px;
}

.page-privacy .privacy-hero {
  padding-bottom: 8px;
}

.page-privacy .privacy-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 26px 0 14px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pp-orange-ink);
}

.page-privacy .privacy-kicker::before {
  content: "";
  width: 28px;
  height: 2px;
  flex: none;
  background: var(--orange);
}

.page-privacy .privacy-title {
  margin: 0 0 18px;
  max-width: 22ch;
  font-family: var(--font-serif);
  font-weight: 900;
  font-size: clamp(30px, 6vw, 46px);
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.page-privacy .privacy-lead {
  margin: 0;
  max-width: 60ch;
  font-size: 16.5px;
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-facts {
  display: grid;
  gap: 18px;
  margin: 32px 0 36px;
  padding: 18px 0;
  border-top: 1px solid var(--pp-line-strong);
  border-bottom: 1px solid var(--pp-line-strong);
}

.page-privacy .fact {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.page-privacy .fact-num {
  font-family: var(--font-mono);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: var(--pp-orange-ink);
}

.page-privacy .fact-num .fact-unit {
  margin-left: 3px;
  font-size: 15px;
  font-weight: 500;
  color: var(--pp-ink-soft);
}

.page-privacy .fact-label {
  font-size: 14px;
  line-height: 1.6;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-figure {
  margin: 0;
}

.page-privacy .privacy-figure .figure-media {
  border: 1px solid var(--pp-line-strong);
  background: var(--panel-deep);
  overflow: hidden;
}

.page-privacy .privacy-figure .figure-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.page-privacy .privacy-figure .figure-caption {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.65;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding-top: 40px;
  padding-bottom: 48px;
}

.page-privacy .privacy-index {
  border-top: 2px solid var(--paper-ink);
  padding-top: 14px;
}

.page-privacy .privacy-index-title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-index-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 2px solid var(--pp-line-strong);
}

.page-privacy .privacy-index-link {
  display: block;
  margin-left: -2px;
  padding: 8px 0 8px 14px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pp-ink-soft);
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: color 0.16s ease, border-color 0.16s ease;
}

.page-privacy .privacy-index-link:hover {
  color: var(--paper-ink);
  border-left-color: var(--pp-line-strong);
}

.page-privacy .privacy-index-link[aria-current="true"] {
  color: var(--paper-ink);
  font-weight: 600;
  border-left-color: var(--orange);
}

.page-privacy .privacy-totop {
  display: inline-block;
  margin-top: 16px;
  padding-bottom: 2px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--pp-orange-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--pp-orange-ink);
}

.page-privacy .privacy-main {
  max-width: 720px;
}

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

.page-privacy .privacy-h2 {
  margin: 0 0 14px;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: clamp(22px, 3.6vw, 30px);
  line-height: 1.32;
  letter-spacing: -0.02em;
}

.page-privacy .privacy-h2-num {
  display: inline-block;
  margin-right: 12px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--pp-orange-ink);
}

.page-privacy .privacy-text {
  margin: 0 0 16px;
  font-size: 16.5px;
  line-height: 1.8;
}

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

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

.page-privacy .privacy-row {
  display: grid;
  gap: 6px;
  padding: 18px 0;
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .privacy-row-num {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--pp-orange-ink);
}

.page-privacy .privacy-row-label {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.page-privacy .privacy-row-desc {
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-fold {
  margin-top: 20px;
  border: 1px solid var(--pp-line-strong);
  background: rgba(255, 255, 255, 0.42);
}

.page-privacy .privacy-fold summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 18px;
  font-size: 15.5px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.page-privacy .privacy-fold summary::-webkit-details-marker {
  display: none;
}

.page-privacy .privacy-fold summary::after {
  content: "＋";
  flex: none;
  font-family: var(--font-mono);
  font-size: 16px;
  color: var(--pp-orange-ink);
}

.page-privacy .privacy-fold[open] summary::after {
  content: "－";
}

.page-privacy .privacy-fold-body {
  padding: 14px 18px 18px;
  border-top: 1px solid var(--pp-line);
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-retention {
  margin: 22px 0 20px;
  border-top: 1px solid var(--pp-line-strong);
}

.page-privacy .retention-row {
  display: grid;
  gap: 6px;
  padding: 16px 0;
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .retention-label {
  font-size: 15px;
  font-weight: 600;
}

.page-privacy .retention-value {
  font-size: 15px;
  line-height: 1.72;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-rights {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--pp-line-strong);
}

.page-privacy .right-item {
  display: grid;
  gap: 6px;
  padding: 16px 0;
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .right-key {
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.page-privacy .right-desc {
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-contact {
  display: grid;
  gap: 0;
  margin: 24px 0 20px;
  border: 1px solid var(--paper-ink);
}

.page-privacy .contact-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--pp-line);
}

.page-privacy .contact-line:last-child {
  border-bottom: 0;
}

.page-privacy .contact-key {
  flex: none;
  min-width: 72px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pp-ink-soft);
}

.page-privacy .contact-val {
  font-size: 15.5px;
  font-weight: 600;
  word-break: break-all;
}

.page-privacy .contact-val.mono {
  font-family: var(--font-mono);
  font-weight: 500;
  letter-spacing: 0.01em;
}

.page-privacy .copy-btn {
  margin-left: auto;
  padding: 5px 12px;
  border: 1px solid var(--pp-line-strong);
  background: transparent;
  color: var(--paper-ink);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  cursor: pointer;
}

.page-privacy .copy-btn:hover {
  border-color: var(--orange);
  color: var(--pp-orange-ink);
}

.page-privacy .privacy-paths {
  padding: 8px 0 40px;
  border-top: 1px solid var(--pp-line-strong);
  background: rgba(255, 255, 255, 0.34);
}

.page-privacy .path-layer {
  display: grid;
  gap: 0;
  margin: 0;
}

.page-privacy .path-item {
  display: block;
  padding: 22px 0;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid var(--pp-line);
  transition: color 0.16s ease;
}

.page-privacy .path-item:hover {
  color: var(--pp-orange-ink);
}

.page-privacy .path-item .path-title {
  display: block;
  margin-bottom: 6px;
  font-family: var(--font-serif);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.page-privacy .path-item .path-desc {
  display: block;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--pp-ink-soft);
}

.page-privacy .privacy-totop--end {
  margin-top: 26px;
}

@media (min-width: 720px) {
  .page-privacy .privacy-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0;
  }

  .page-privacy .fact + .fact {
    padding-left: 24px;
    border-left: 1px solid var(--pp-line);
  }

  .page-privacy .privacy-row {
    grid-template-columns: 46px 176px minmax(0, 1fr);
    gap: 4px 20px;
    align-items: baseline;
  }

  .page-privacy .retention-row {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 4px 24px;
    align-items: baseline;
  }

  .page-privacy .right-item {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 4px 20px;
    align-items: baseline;
  }
}

@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 60px;
    align-items: start;
    padding-top: 52px;
    padding-bottom: 64px;
  }

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

  .page-privacy .privacy-figure {
    margin-top: 4px;
  }
}

@media (min-width: 1040px) {
  .page-privacy .path-layer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0;
  }

  .page-privacy .path-item {
    padding: 24px 28px 24px 0;
    border-bottom: 0;
    border-right: 1px solid var(--pp-line);
  }

  .page-privacy .path-item:last-child {
    padding-right: 0;
    border-right: 0;
  }

  .page-privacy .path-item + .path-item {
    padding-left: 28px;
  }
}