.page-privacy {
  background: var(--ink-900);
  color: var(--paper);
  font-family: var(--sans);
  position: relative;
}

/* ---------- HERO ---------- */
.page-privacy .pv-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: calc(var(--head-h) + 44px) 0 54px;
  background: linear-gradient(158deg, rgba(22, 51, 43, .92) 0%, rgba(11, 31, 26, .55) 52%, var(--ink-900) 100%);
}

.page-privacy .pv-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(185, 255, 61, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(185, 255, 61, .07) 1px, transparent 1px);
  background-size: 68px 68px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .35) 62%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .35) 62%, transparent 100%);
}

.page-privacy .pv-hero::after {
  content: "";
  position: absolute;
  right: -8%;
  bottom: -1px;
  width: 62%;
  height: 3px;
  z-index: 2;
  background: linear-gradient(90deg, transparent, var(--lime) 45%, var(--ember) 100%);
  transform: skewX(-28deg);
  transform-origin: bottom right;
}

.page-privacy .pv-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .3;
}

.page-privacy .pv-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  filter: saturate(.6) contrast(1.05);
  max-width: 100%;
}

.page-privacy .pv-hero__inner {
  position: relative;
  z-index: 3;
}

.page-privacy .pv-hero__inner .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 26px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mute);
}

.page-privacy .pv-hero__inner .breadcrumb__link {
  color: var(--mute);
  text-decoration: none;
  transition: color .16s var(--ease);
}

.page-privacy .pv-hero__inner .breadcrumb__link:hover,
.page-privacy .pv-hero__inner .breadcrumb__link:focus-visible {
  color: var(--lime);
}

.page-privacy .pv-hero__inner .breadcrumb__link[aria-current="page"] {
  color: var(--paper);
}

.page-privacy .pv-hero__inner .breadcrumb__sep {
  color: var(--rule);
}

.page-privacy .pv-hero h1 {
  margin: 0 0 20px;
  font-size: clamp(34px, 7vw, 66px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--ivory);
}

.page-privacy .pv-hero__lead {
  max-width: 60ch;
  margin: 0 0 30px;
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.85;
  color: #c5d3ca;
}

.page-privacy .pv-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  padding-top: 18px;
  border-top: 1px solid var(--rule);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mute);
}

/* ---------- SUMMARY ---------- */
.page-privacy .pv-summary {
  position: relative;
  z-index: 4;
  padding: 0 0 4px;
}

.page-privacy .pv-summary__card {
  border: 1px solid var(--rule);
  border-top: 2px solid var(--lime);
  background: linear-gradient(180deg, rgba(22, 51, 43, .88), rgba(18, 20, 22, .94));
  -webkit-clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
}

.page-privacy .pv-summary__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
}

.page-privacy .pv-summary__head::-webkit-details-marker {
  display: none;
}

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

.page-privacy .pv-summary__hint {
  font-size: 12px;
  color: var(--mute);
  letter-spacing: .06em;
}

.page-privacy .pv-summary__list {
  list-style: none;
  margin: 0;
  padding: 4px 20px 20px;
  border-top: 1px solid var(--rule);
}

.page-privacy .pv-summary__item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px dashed rgba(44, 58, 52, .95);
  font-size: 14.5px;
  line-height: 1.75;
  color: #c5d3ca;
}

.page-privacy .pv-summary__item:last-child {
  border-bottom: 0;
  padding-bottom: 4px;
}

.page-privacy .pv-summary__k {
  padding-top: 3px;
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--cyan);
}

/* ---------- BODY LAYOUT ---------- */
.page-privacy .pv-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  padding-top: 48px;
  padding-bottom: 72px;
}

/* ---------- INDEX ---------- */
.page-privacy .pv-index {
  align-self: start;
  position: sticky;
  top: var(--head-h);
  z-index: 5;
  padding: 10px 0 12px;
  background: var(--ink-900);
}

.page-privacy .pv-index__title {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--rule);
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--mute);
}

.page-privacy .pv-index__list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 0 4px;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
}

.page-privacy .pv-index__link {
  display: grid;
  grid-template-columns: auto auto;
  gap: 8px;
  align-items: baseline;
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid var(--rule);
  color: var(--mute);
  text-decoration: none;
  font-size: 12.5px;
  line-height: 1.4;
  white-space: nowrap;
  transition: color .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);
}

.page-privacy .pv-index__link:hover,
.page-privacy .pv-index__link:focus-visible {
  color: var(--lime);
  border-color: var(--lime);
  background: rgba(185, 255, 61, .07);
}

.page-privacy .pv-index__num {
  font-size: 10.5px;
  letter-spacing: .08em;
  color: var(--cyan);
}

.page-privacy .pv-index__note {
  margin: 16px 0 0;
  max-width: 34ch;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--mute);
}

/* ---------- ARTICLE ---------- */
.page-privacy .pv-article {
  min-width: 0;
  max-width: 780px;
}

.page-privacy .pv-sec {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--rule);
  scroll-margin-top: calc(var(--head-h) + 84px);
}

.page-privacy .pv-sec:last-of-type {
  border-bottom: 0;
  margin-bottom: 28px;
}

.page-privacy .pv-sec__head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.page-privacy .pv-sec__num {
  padding: 3px 8px;
  border: 1px solid rgba(185, 255, 61, .38);
  font-size: 11.5px;
  line-height: 1;
  letter-spacing: .14em;
  color: var(--lime);
}

.page-privacy .pv-sec h2 {
  margin: 0;
  font-size: clamp(20px, 3vw, 27px);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: var(--ivory);
}

.page-privacy .pv-sec p {
  max-width: 66ch;
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.9;
  color: #c3d0c8;
}

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

.page-privacy .pv-list li {
  position: relative;
  padding-left: 22px;
  font-size: 14.5px;
  line-height: 1.85;
  color: #c3d0c8;
}

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

.page-privacy .pv-list strong {
  color: var(--paper);
  font-weight: 600;
}

/* ---------- FLOW DIAGRAM ---------- */
.page-privacy .pv-flow {
  display: grid;
  gap: 0;
  margin: 20px 0 22px;
  padding: 16px;
  border: 1px solid var(--rule);
  background: linear-gradient(160deg, rgba(22, 51, 43, .62), rgba(18, 20, 22, .72));
  -webkit-clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

.page-privacy .pv-flow__node {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-left: 2px solid var(--rule);
}

.page-privacy .pv-flow__node--accent {
  border-left-color: var(--lime);
  background: rgba(185, 255, 61, .06);
}

.page-privacy .pv-flow__k {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .2em;
  color: var(--mute);
}

.page-privacy .pv-flow__v {
  font-size: 14px;
  font-weight: 600;
  color: var(--paper);
}

.page-privacy .pv-flow__d {
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--mute);
}

.page-privacy .pv-flow__line {
  justify-self: start;
  width: 2px;
  height: 16px;
  margin-left: 14px;
  background: linear-gradient(to bottom, var(--rule), var(--cyan));
}

/* ---------- CONTACT DL ---------- */
.page-privacy .pv-contact {
  margin: 22px 0 14px;
  padding: 0;
  border-top: 1px solid var(--rule);
}

.page-privacy .pv-contact__row {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px dashed rgba(44, 58, 52, .95);
}

.page-privacy .pv-contact__k {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .18em;
  color: var(--mute);
}

.page-privacy .pv-contact__v {
  margin: 0;
  font-family: var(--mono);
  font-size: 14px;
  line-height: 1.6;
  color: var(--paper);
  word-break: break-word;
}

.page-privacy .pv-note {
  max-width: 62ch;
  padding-left: 14px;
  border-left: 2px solid var(--ember);
  font-size: 13px;
  line-height: 1.8;
  color: var(--mute);
}

/* ---------- RELATED ---------- */
.page-privacy .pv-related {
  padding: 24px 20px;
  border: 1px solid var(--rule);
  background: rgba(18, 20, 22, .72);
  -webkit-clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
}

.page-privacy .pv-related__title {
  margin: 0 0 16px;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--mute);
}

.page-privacy .pv-related__list {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  display: grid;
  gap: 2px;
}

.page-privacy .pv-related__link {
  display: block;
  padding: 11px 0 11px 16px;
  border-left: 2px solid var(--rule);
  color: #c3d0c8;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.6;
  transition: color .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);
}

.page-privacy .pv-related__link:hover,
.page-privacy .pv-related__link:focus-visible {
  color: var(--lime);
  border-left-color: var(--lime);
  background: rgba(185, 255, 61, .05);
}

.page-privacy .pv-related__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* ---------- DESKTOP ---------- */
@media (min-width: 900px) {
  .page-privacy .pv-hero {
    padding: calc(var(--head-h) + 68px) 0 78px;
  }

  .page-privacy .pv-hero__lead {
    max-width: 56ch;
  }

  .page-privacy .pv-summary {
    padding: 0;
    margin-top: -34px;
  }

  .page-privacy .pv-summary__head {
    padding: 18px 26px;
  }

  .page-privacy .pv-summary__list {
    padding: 6px 26px 22px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
  }

  .page-privacy .pv-summary__item {
    border-bottom: 1px dashed rgba(44, 58, 52, .95);
    padding: 16px 0;
  }

  .page-privacy .pv-summary__item:nth-last-child(2) {
    border-bottom: 1px dashed rgba(44, 58, 52, .95);
  }

  .page-privacy .pv-summary__item:nth-child(odd) {
    padding-right: 6px;
  }

  .page-privacy .pv-body {
    grid-template-columns: 226px minmax(0, 1fr);
    gap: 32px 60px;
    padding-top: 68px;
    padding-bottom: 104px;
  }

  .page-privacy .pv-index {
    position: sticky;
    top: calc(var(--head-h) + 24px);
    padding: 0;
    max-height: calc(100vh - var(--head-h) - 48px);
    overflow-y: auto;
    background: transparent;
  }

  .page-privacy .pv-index__list {
    display: grid;
    gap: 1px;
    overflow: visible;
    padding: 0;
  }

  .page-privacy .pv-index__link {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 10px;
    white-space: normal;
    padding: 10px 10px 10px 12px;
    border: 0;
    border-left: 2px solid transparent;
    font-size: 13.5px;
  }

  .page-privacy .pv-index__link:hover,
  .page-privacy .pv-index__link:focus-visible {
    border-left-color: var(--lime);
    background: rgba(185, 255, 61, .06);
  }

  .page-privacy .pv-sec {
    padding-bottom: 52px;
    margin-bottom: 52px;
    scroll-margin-top: calc(var(--head-h) + 28px);
  }

  .page-privacy .pv-sec p {
    font-size: 15.5px;
  }

  .page-privacy .pv-flow {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    padding: 22px;
  }

  .page-privacy .pv-flow__line {
    justify-self: center;
    width: 26px;
    height: 2px;
    margin-left: 0;
    background: linear-gradient(to right, var(--rule), var(--cyan));
  }

  .page-privacy .pv-related {
    padding: 28px 26px;
  }

  .page-privacy .pv-related__actions {
    gap: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pv-index__link,
  .page-privacy .pv-related__link,
  .page-privacy .pv-hero__inner .breadcrumb__link {
    transition: none;
  }
}
<<<PAGE_CSS_END>>>
<<<END>>>

等等，我不该加 `<<<PAGE_CSS_END>>>` 和 `<<<END>>>`。用到的标记只有 `` 和 ``。让我重新干净地输出一遍。

另外，我还得再确认一下 `.pv-summary__item:nth-last-child(2)` 那个规则——在双栏网格里把最后一项的边框去掉是合理的。其实这样简化一下：就保留每个条目的底边线，用网格的两栏布局就行。

再仔细检查一下 `pv-summary__item:last-child` 和移动端的 `padding-bottom: 4px`——没问题。

还有，在桌面端的双栏网格里，`last-child` 会是第 4 项，如果按行优先顺序排（1,2 / 3,4），3、4 处于同一行。这个没问题。

内容我先保留，但去掉 `nth-last-child(2)` 这条规则，直接用 `:last-child`。

现在重新写最终输出，要求干净规范。

另外，`.page-privacy .pv-index` 在移动端加了 `background: var(--ink-900)` 并且是粘性定位——这样处理是没问题的。

再检查一下，`.pv-hero::after` 的 `transform` 配 `z-index: 2`，而 hero 内部是 `z-index: 3`——所以这条线在文字下面，没问题。

好，现在定稿。
<main id="main-content" class="page-privacy">
  <header class="pv-hero">
    <div class="pv-hero__bg">
      <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="深墨绿背景上的数据流线与网格抽象图形，低对比度，不含文字">
    </div>
    <div class="shell pv-hero__inner">
      <nav class="breadcrumb" aria-label="您所在的位置">
        <a class="breadcrumb__link" href="/">首页</a>
        <span class="breadcrumb__sep" aria-hidden="true">/</span>
        <span class="breadcrumb__link" aria-current="page">个人信息说明</span>
      </nav>
      <p class="eyebrow">PRIVACY · 个人信息</p>
      <h1>个人信息说明</h1>
      <p class="pv-hero__lead">亚美体育在提供赛程订阅、赛后数据与客服支持的过程中会处理个人信息。下面逐项说明会接触哪些信息、分别用在什么地方、保留多长时间，以及您怎样查看、修改或删除自己的信息。</p>
      <div class="pv-hero__meta">
        <span>最近更新 · 2025 赛季</span>
        <span>共 6 个章节</span>
        <span>阅读约 6 分钟</span>
      </div>
    </div>
  </header>

  <section class="pv-summary" aria-labelledby="pv-summary-title">
    <div class="shell">
      <details class="pv-summary__card" open data-reveal="0">
        <summary class="pv-summary__head" id="pv-summary-title">
          <span class="pv-summary__label">摘要</span>
          <span class="pv-summary__hint">展开 / 收起</span>
        </summary>
        <ul class="pv-summary__list">
          <li class="pv-summary__item">
            <span class="pv-summary__k mono">01</span>
            <span>赛程订阅只保存四项配置：关注的主队、轮次范围、提醒节点与显示时区。</span>
          </li>
          <li class="pv-summary__item">
            <span class="pv-summary__k mono">02</span>
            <span>登录后配置在手机与桌面浏览器之间同步；退出登录或清除本地存储即停止同步。</span>
          </li>
          <li class="pv-summary__item">
            <span class="pv-summary__k mono">03</span>
            <span>客服邮件与通话记录仅用于处理对应问题，并在必要期限届满后删除或作匿名化处理。</span>
          </li>
          <li class="pv-summary__item">
            <span class="pv-summary__k mono">04</span>
            <span>您可以随时访问、更正、删除账号下的订阅信息，也可以撤回提醒授权。</span>
          </li>
        </ul>
      </details>
    </div>
  </section>

  <div class="shell pv-body">
    <aside class="pv-index" aria-label="章节索引">
      <p class="pv-index__title mono">INDEX / 章节</p>
      <ol class="pv-index__list">
        <li><a class="pv-index__link" href="#sec-scope"><span class="pv-index__num mono">01</span><span>适用范围与信息类型</span></a></li>
        <li><a class="pv-index__link" href="#sec-subscription"><span class="pv-index__num mono">02</span><span>订阅与账号信息的使用</span></a></li>
        <li><a class="pv-index__link" href="#sec-cookie"><span class="pv-index__num mono">03</span><span>Cookie 与本地存储</span></a></li>
        <li><a class="pv-index__link" href="#sec-sharing"><span class="pv-index__num mono">04</span><span>共享、委托与保存期限</span></a></li>
        <li><a class="pv-index__link" href="#sec-rights"><span class="pv-index__num mono">05</span><span>用户权利与操作方式</span></a></li>
        <li><a class="pv-index__link" href="#sec-contact"><span class="pv-index__num mono">06</span><span>更新与联系</span></a></li>
      </ol>
      <p class="pv-index__note">章节编号与正文标题一一对应，便于直接定位到关心的一条。</p>
    </aside>

    <article class="pv-article">
      <section class="pv-sec" id="sec-scope" data-reveal="0">
        <div class="pv-sec__head">
          <span class="pv-sec__num mono">01</span>
          <h2>适用范围与信息类型</h2>
        </div>
        <p>您在查看网页版赛程、阅读赛事专栏、订阅关注场次以及与客服沟通时，亚美体育会接触以下几类信息。您可以对照自己实际使用的功能，判断涉及哪几项。</p>
        <ul class="pv-list">
          <li><strong>账号与登录信息</strong>：登录状态，以及用于核对订阅记录的注册手机号后四位。</li>
          <li><strong>订阅配置信息</strong>：关注的主队、轮次范围、提醒节点与显示时区。</li>
          <li><strong>使用与设备信息</strong>：访问的页面、使用的筛选条件、浏览器类型与屏幕尺寸，用于页面适配与加载优化。</li>
          <li><strong>沟通记录</strong>：通过客服邮箱或电话提交的问题内容，以及后续的处理与回复记录。</li>
        </ul>
        <p>您无需提供身份证件、银行卡号或精确位置信息，即可使用赛程查看、战报阅读与数据面板功能。</p>
      </section>

      <section class="pv-sec" id="sec-subscription" data-reveal="1">
        <div class="pv-sec__head">
          <span class="pv-sec__num mono">02</span>
          <h2>订阅与账号信息的使用</h2>
        </div>
        <p>您选定的主队与轮次范围用来生成属于您的赛程视图。配置保存后，下一次打开页面会直接带入，不需要重新筛选一遍。</p>
        <ul class="pv-list">
          <li>提醒节点支持开赛前 24 小时与开赛前 1 小时两个选项，可在页面内随时关闭。</li>
          <li>登录后，同一份配置会在手机与桌面浏览器之间同步，更换设备也能接着看。</li>
          <li>显示时区可选北京时间或当地时间，只改变赛程时间的呈现方式。</li>
        </ul>
        <p>以上配置用于赛程呈现与提醒送达，不会被用于广告投放，也不会提供给第三方用于营销用途。</p>
      </section>

      <section class="pv-sec" id="sec-cookie" data-reveal="2">
        <div class="pv-sec__head">
          <span class="pv-sec__num mono">03</span>
          <h2>Cookie 与本地存储</h2>
        </div>
        <p>网页版使用少量 Cookie 与浏览器本地存储，让您上次的设置在下次打开时依然有效。三者之间的关系大致如下：</p>
        <div class="pv-flow" role="img" aria-label="浏览器本地存储、账号订阅配置与手机桌面浏览器之间的同步关系示意">
          <div class="pv-flow__node">
            <span class="pv-flow__k mono">LOCAL</span>
            <span class="pv-flow__v">浏览器本地存储</span>
            <span class="pv-flow__d">登录状态、上次筛选的主队与轮次</span>
          </div>
          <div class="pv-flow__line" aria-hidden="true"></div>
          <div class="pv-flow__node pv-flow__node--accent">
            <span class="pv-flow__k mono">SYNC</span>
            <span class="pv-flow__v">账号订阅配置</span>
            <span class="pv-flow__d">主队、轮次范围、提醒节点、时区</span>
          </div>
          <div class="pv-flow__line" aria-hidden="true"></div>
          <div class="pv-flow__node">
            <span class="pv-flow__k mono">DEVICE</span>
            <span class="pv-flow__v">手机与桌面浏览器</span>
            <span class="pv-flow__d">登录后自动带入同一份配置</span>
          </div>
        </div>
        <ul class="pv-list">
          <li>维持登录所需的会话标识，在您退出登录后失效。</li>
          <li>记住您上次查看的主队、轮次与栏目标签，减少重复操作。</li>
          <li>统计页面加载速度与常用入口，用于把常见 4G 网络下的首屏加载控制在 2 秒内。</li>
        </ul>
        <p>如果在浏览器中清除本地存储，登录状态与筛选偏好会一并清除，订阅配置需要重新登录后再带入。</p>
      </section>

      <section class="pv-sec" id="sec-sharing" data-reveal="0">
        <div class="pv-sec__head">
          <span class="pv-sec__num mono">04</span>
          <h2>共享、委托与保存期限</h2>
        </div>
        <p>亚美体育与 12 家数据服务商和内容合作伙伴保持接口与选题协作。接口调用只传递比赛编号与查询参数，用于拉取赛程与统计数据，不涉及您的账号信息。</p>
        <ul class="pv-list">
          <li>订阅配置随账号存续保留。您删除某组订阅后，对应记录按流程清理。</li>
          <li>客服邮件与通话记录在问题处理完毕后保留必要期限，期限届满后删除或作匿名化处理。</li>
          <li>页面访问统计以汇总形式保存，用于观察加载表现与功能使用情况，不用于识别具体个人。</li>
        </ul>
        <p>除法律法规要求或为处理您的明确请求所必需外，亚美体育不会将上述信息提供给其他机构。</p>
      </section>

      <section class="pv-sec" id="sec-rights" data-reveal="1">
        <div class="pv-sec__head">
          <span class="pv-sec__num mono">05</span>
          <h2>用户权利与操作方式</h2>
        </div>
        <p>围绕账号下的订阅与沟通记录，您可以通过页面内的入口或客服渠道完成以下操作：</p>
        <ul class="pv-list">
          <li><strong>访问与更正</strong>：在订阅页查看并修改主队、轮次范围、提醒节点与显示时区。</li>
          <li><strong>删除订阅</strong>：在提醒设置中关闭节点，或通过帮助中心提交删除申请。</li>
          <li><strong>撤回授权</strong>：退出登录或清除浏览器本地存储，即可停止跨设备同步。</li>
          <li><strong>获取记录副本</strong>：通过客服邮箱提出请求，我们会按流程提供相应记录。</li>
        </ul>
        <p>客服渠道工作日 9:00-18:00 在线，邮件咨询通常在 4 个工作小时内回复。提交请求时请附注册手机号后四位，便于快速定位到您的订阅记录。</p>
      </section>

      <section class="pv-sec" id="sec-contact" data-reveal="2">
        <div class="pv-sec__head">
          <span class="pv-sec__num mono">06</span>
          <h2>更新与联系</h2>
        </div>
        <p>本说明最近一次更新为 2025 赛季。内容调整后，页面顶部的时间标注会同步变化，方便您确认自己读到的版本。</p>
        <dl class="pv-contact">
          <div class="pv-contact__row">
            <dt class="pv-contact__k mono">EMAIL</dt>
            <dd class="pv-contact__v">contact@champion-yamei.com.cn</dd>
          </div>
          <div class="pv-contact__row">
            <dt class="pv-contact__k mono">TEL</dt>
            <dd class="pv-contact__v">400-8140-4891</dd>
          </div>
        </dl>
        <p class="pv-note">该邮箱为站点客服邮箱，工作日 9:00-18:00 内回复；订阅与赛程问题请附注册手机号后四位，便于快速定位。</p>
      </section>

      <aside class="pv-related" aria-label="相关入口">
        <p class="pv-related__title mono">MORE / 相关入口</p>
        <ul class="pv-related__list">
          <li><a class="pv-related__link" href="/">首页：进入赛程与数据面板</a></li>
          <li><a class="pv-related__link" href="/faq/">帮助中心：订阅、提醒与同步问题</a></li>
          <li><a class="pv-related__link" href="/inquiry/">咨询通道：客服邮箱与商务合作</a></li>
          <li><a class="pv-related__link" href="/statement/">网站声明：赛事数据与内容使用规则</a></li>
        </ul>
        <div class="pv-related__actions">
          <a class="btn btn--lime btn--sm" href="/faq/">前往帮助中心</a>
          <a class="btn btn--ghost btn--sm" href="/inquiry/">联系客服</a>
        </div>
      </aside>
    </article>
  </div>
</main>

.page-privacy {
  background: var(--ink-900);
  color: var(--paper);
  font-family: var(--sans);
  position: relative;
}

/* ---------- HERO ---------- */
.page-privacy .pv-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: calc(var(--head-h) + 44px) 0 54px;
  background: linear-gradient(158deg, rgba(22, 51, 43, .92) 0%, rgba(11, 31, 26, .55) 52%, var(--ink-900) 100%);
}

.page-privacy .pv-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(185, 255, 61, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(185, 255, 61, .07) 1px, transparent 1px);
  background-size: 68px 68px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .35) 62%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .35) 62%, transparent 100%);
}

.page-privacy .pv-hero::after {
  content: "";
  position: absolute;
  right: -8%;
  bottom: 0;
  width: 62%;
  height: 3px;
  z-index: 2;
  background: linear-gradient(90deg, transparent, var(--lime) 45%, var(--ember) 100%);
  transform: skewX(-28deg);
  transform-origin: bottom right;
}

.page-privacy .pv-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .3;
}

.page-privacy .pv-hero__bg img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  filter: saturate(.6) contrast(1.05);
}

.page-privacy .pv-hero__inner {
  position: relative;
  z-index: 3;
}

.page-privacy .pv-hero__inner .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 26px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mute);
}

.page-privacy .pv-hero__inner .breadcrumb__link {
  color: var(--mute);
  text-decoration: none;
  transition: color .16s var(--ease);
}

.page-privacy .pv-hero__inner .breadcrumb__link:hover,
.page-privacy .pv-hero__inner .breadcrumb__link:focus-visible {
  color: var(--lime);
}

.page-privacy .pv-hero__inner .breadcrumb__link[aria-current="page"] {
  color: var(--paper);
}

.page-privacy .pv-hero__inner .breadcrumb__sep {
  color: var(--rule);
}

.page-privacy .pv-hero h1 {
  margin: 0 0 20px;
  font-size: clamp(34px, 7vw, 66px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--ivory);
}

.page-privacy .pv-hero__lead {
  max-width: 60ch;
  margin: 0 0 30px;
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.85;
  color: #c5d3ca;
}

.page-privacy .pv-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  padding-top: 18px;
  border-top: 1px solid var(--rule);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mute);
}

/* ---------- SUMMARY ---------- */
.page-privacy .pv-summary {
  position: relative;
  z-index: 4;
  padding: 0 0 4px;
}

.page-privacy .pv-summary__card {
  border: 1px solid var(--rule);
  border-top: 2px solid var(--lime);
  background: linear-gradient(180deg, rgba(22, 51, 43, .88), rgba(18, 20, 22, .94));
  -webkit-clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
}

.page-privacy .pv-summary__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
}

.page-privacy .pv-summary__head::-webkit-details-marker {
  display: none;
}

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

.page-privacy .pv-summary__hint {
  font-size: 12px;
  color: var(--mute);
  letter-spacing: .06em;
}

.page-privacy .pv-summary__list {
  list-style: none;
  margin: 0;
  padding: 4px 20px 20px;
  border-top: 1px solid var(--rule);
}

.page-privacy .pv-summary__item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px dashed rgba(44, 58, 52, .95);
  font-size: 14.5px;
  line-height: 1.75;
  color: #c5d3ca;
}

.page-privacy .pv-summary__item:last-child {
  border-bottom: 0;
  padding-bottom: 4px;
}

.page-privacy .pv-summary__k {
  padding-top: 3px;
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--cyan);
}

/* ---------- BODY LAYOUT ---------- */
.page-privacy .pv-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  padding-top: 48px;
  padding-bottom: 72px;
}

/* ---------- INDEX ---------- */
.page-privacy .pv-index {
  align-self: start;
  position: sticky;
  top: var(--head-h);
  z-index: 5;
  padding: 10px 0 12px;
  background: var(--ink-900);
}

.page-privacy .pv-index__title {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--rule);
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--mute);
}

.page-privacy .pv-index__list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 0 4px;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
}

.page-privacy .pv-index__link {
  display: grid;
  grid-template-columns: auto auto;
  gap: 8px;
  align-items: baseline;
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid var(--rule);
  color: var(--mute);
  text-decoration: none;
  font-size: 12.5px;
  line-height: 1.4;
  white-space: nowrap;
  transition: color .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);
}

.page-privacy .pv-index__link:hover,
.page-privacy .pv-index__link:focus-visible {
  color: var(--lime);
  border-color: var(--lime);
  background: rgba(185, 255, 61, .07);
}

.page-privacy .pv-index__num {
  font-size: 10.5px;
  letter-spacing: .08em;
  color: var(--cyan);
}

.page-privacy .pv-index__note {
  margin: 16px 0 0;
  max-width: 34ch;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--mute);
}

/* ---------- ARTICLE ---------- */
.page-privacy .pv-article {
  min-width: 0;
  max-width: 780px;
}

.page-privacy .pv-sec {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--rule);
  scroll-margin-top: calc(var(--head-h) + 84px);
}

.page-privacy .pv-sec:last-of-type {
  border-bottom: 0;
  margin-bottom: 28px;
}

.page-privacy .pv-sec__head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.page-privacy .pv-sec__num {
  padding: 3px 8px;
  border: 1px solid rgba(185, 255, 61, .38);
  font-size: 11.5px;
  line-height: 1;
  letter-spacing: .14em;
  color: var(--lime);
}

.page-privacy .pv-sec h2 {
  margin: 0;
  font-size: clamp(20px, 3vw, 27px);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: var(--ivory);
}

.page-privacy .pv-sec p {
  max-width: 66ch;
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.9;
  color: #c3d0c8;
}

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

.page-privacy .pv-list li {
  position: relative;
  padding-left: 22px;
  font-size: 14.5px;
  line-height: 1.85;
  color: #c3d0c8;
}

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

.page-privacy .pv-list strong {
  color: var(--paper);
  font-weight: 600;
}

/* ---------- FLOW DIAGRAM ---------- */
.page-privacy .pv-flow {
  display: grid;
  gap: 0;
  margin: 20px 0 22px;
  padding: 16px;
  border: 1px solid var(--rule);
  background: linear-gradient(160deg, rgba(22, 51, 43, .62), rgba(18, 20, 22, .72));
  -webkit-clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

.page-privacy .pv-flow__node {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-left: 2px solid var(--rule);
}

.page-privacy .pv-flow__node--accent {
  border-left-color: var(--lime);
  background: rgba(185, 255, 61, .06);
}

.page-privacy .pv-flow__k {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .2em;
  color: var(--mute);
}

.page-privacy .pv-flow__v {
  font-size: 14px;
  font-weight: 600;
  color: var(--paper);
}

.page-privacy .pv-flow__d {
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--mute);
}

.page-privacy .pv-flow__line {
  justify-self: start;
  width: 2px;
  height: 16px;
  margin-left: 14px;
  background: linear-gradient(to bottom, var(--rule), var(--cyan));
}

/* ---------- CONTACT DL ---------- */
.page-privacy .pv-contact {
  margin: 22px 0 14px;
  padding: 0;
  border-top: 1px solid var(--rule);
}

.page-privacy .pv-contact__row {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px dashed rgba(44, 58, 52, .95);
}

.page-privacy .pv-contact__k {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .18em;
  color: var(--mute);
}

.page-privacy .pv-contact__v {
  margin: 0;
  font-family: var(--mono);
  font-size: 14px;
  line-height: 1.6;
  color: var(--paper);
  word-break: break-word;
}

.page-privacy .pv-note {
  max-width: 62ch;
  padding-left: 14px;
  border-left: 2px solid var(--ember);
  font-size: 13px;
  line-height: 1.8;
  color: var(--mute);
}

/* ---------- RELATED ---------- */
.page-privacy .pv-related {
  padding: 24px 20px;
  border: 1px solid var(--rule);
  background: rgba(18, 20, 22, .72);
  -webkit-clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
}

.page-privacy .pv-related__title {
  margin: 0 0 16px;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--mute);
}

.page-privacy .pv-related__list {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  display: grid;
  gap: 2px;
}

.page-privacy .pv-related__link {
  display: block;
  padding: 11px 0 11px 16px;
  border-left: 2px solid var(--rule);
  color: #c3d0c8;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.6;
  transition: color .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);
}

.page-privacy .pv-related__link:hover,
.page-privacy .pv-related__link:focus-visible {
  color: var(--lime);
  border-left-color: var(--lime);
  background: rgba(185, 255, 61, .05);
}

.page-privacy .pv-related__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* ---------- DESKTOP ---------- */
@media (min-width: 900px) {
  .page-privacy .pv-hero {
    padding: calc(var(--head-h) + 68px) 0 78px;
  }

  .page-privacy .pv-hero__lead {
    max-width: 56ch;
  }

  .page-privacy .pv-summary {
    margin-top: -34px;
  }

  .page-privacy .pv-summary__head {
    padding: 18px 26px;
  }

  .page-privacy .pv-summary__list {
    padding: 6px 26px 22px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
  }

  .page-privacy .pv-summary__item {
    padding: 16px 0;
  }

  .page-privacy .pv-summary__item:nth-child(odd) {
    padding-right: 6px;
  }

  .page-privacy .pv-body {
    grid-template-columns: 226px minmax(0, 1fr);
    gap: 32px 60px;
    padding-top: 68px;
    padding-bottom: 104px;
  }

  .page-privacy .pv-index {
    position: sticky;
    top: calc(var(--head-h) + 24px);
    padding: 0;
    max-height: calc(100vh - var(--head-h) - 48px);
    overflow-y: auto;
    background: transparent;
  }

  .page-privacy .pv-index__list {
    display: grid;
    gap: 1px;
    overflow: visible;
    padding: 0;
  }

  .page-privacy .pv-index__link {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 10px;
    white-space: normal;
    padding: 10px 10px 10px 12px;
    border: 0;
    border-left: 2px solid transparent;
    font-size: 13.5px;
  }

  .page-privacy .pv-index__link:hover,
  .page-privacy .pv-index__link:focus-visible {
    border-left-color: var(--lime);
    background: rgba(185, 255, 61, .06);
  }

  .page-privacy .pv-sec {
    padding-bottom: 52px;
    margin-bottom: 52px;
    scroll-margin-top: calc(var(--head-h) + 28px);
  }

  .page-privacy .pv-sec p {
    font-size: 15.5px;
  }

  .page-privacy .pv-flow {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    padding: 22px;
  }

  .page-privacy .pv-flow__line {
    justify-self: center;
    width: 26px;
    height: 2px;
    margin-left: 0;
    background: linear-gradient(to right, var(--rule), var(--cyan));
  }

  .page-privacy .pv-related {
    padding: 28px 26px;
  }

  .page-privacy .pv-related__actions {
    gap: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pv-index__link,
  .page-privacy .pv-related__link,
  .page-privacy .pv-hero__inner .breadcrumb__link {
    transition: none;
  }
}