.page-privacy {
  --privacy-measure: 70ch;
  --privacy-toc-w: 236px;
  --privacy-card: #fffdf7;
  background: var(--ink);
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero {
  position: relative;
  padding-block: clamp(1.4rem, 4vw, 2.4rem) clamp(2.6rem, 7vw, 5rem);
  color: var(--paper);
  background:
    radial-gradient(120% 90% at 88% -10%, rgba(242, 163, 58, 0.18), transparent 55%),
    radial-gradient(90% 80% at 0% 110%, rgba(95, 191, 166, 0.14), transparent 60%),
    var(--ink);
  overflow: clip;
}

.page-privacy .privacy-hero .crumbs__link,
.page-privacy .privacy-hero .crumbs__current {
  color: rgba(247, 244, 236, 0.72);
}

.page-privacy .privacy-hero .crumbs__link:hover {
  color: var(--amber-soft);
}

.page-privacy .privacy-hero .crumbs__sep {
  color: rgba(247, 244, 236, 0.32);
}

.page-privacy .privacy-hero__grid {
  display: grid;
  gap: 2.25rem;
  margin-top: clamp(1.6rem, 5vw, 3rem);
}

@media (min-width: 880px) {
  .page-privacy .privacy-hero__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: center;
    gap: clamp(2.5rem, 5vw, 4.5rem);
  }
}

.page-privacy .privacy-hero .eyebrow {
  color: var(--amber-soft);
}

.page-privacy h1 {
  margin: 0.4rem 0 1.1rem;
  font-family: var(--font-title);
  font-weight: 900;
  font-size: clamp(2.4rem, 6.4vw, 4.25rem);
  line-height: 1.04;
  letter-spacing: -0.025em;
  color: var(--paper);
}

.page-privacy .privacy-hero .lede {
  max-width: 44ch;
  margin: 0;
  font-size: clamp(1rem, 1.6vw, 1.1rem);
  line-height: 1.82;
  color: rgba(247, 244, 236, 0.78);
}

.page-privacy .privacy-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.6rem;
}

.page-privacy .privacy-tags .tag {
  font-size: 0.76rem;
  padding: 0.28rem 0.72rem;
}

.page-privacy .privacy-tag-plain {
  background: rgba(247, 244, 236, 0.12);
  color: var(--paper);
  border: 1px solid rgba(247, 244, 236, 0.3);
}

/* 摘要卡 */
.page-privacy .privacy-summary {
  background: var(--paper);
  color: var(--slate);
  border-radius: var(--r-lg);
  padding: 1rem 1rem 1.2rem;
  box-shadow:
    10px 10px 0 rgba(95, 191, 166, 0.3),
    inset 0 0 0 1px rgba(11, 27, 51, 0.06);
}

.page-privacy .privacy-summary__img {
  aspect-ratio: 4 / 3;
  border-radius: var(--r-md);
  overflow: hidden;
  background: var(--ink-2);
}

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

.page-privacy .privacy-summary__kicker {
  margin: 1.1rem 0 0.55rem;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  color: var(--fog);
}

.page-privacy .privacy-summary__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}

.page-privacy .privacy-summary__list li {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dashed rgba(46, 58, 74, 0.16);
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--slate);
}

.page-privacy .privacy-summary__list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .privacy-summary__list .num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--amber);
}

.page-privacy .privacy-summary .btn {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 1.05rem;
}

/* ---------- 正文 ---------- */
.page-privacy .privacy-body {
  background: var(--paper);
  color: var(--slate);
  padding-block: clamp(2.4rem, 6vw, 4.6rem) clamp(3rem, 8vw, 6rem);
}

.page-privacy .privacy-body__grid {
  display: grid;
  gap: 2.4rem;
}

@media (min-width: 960px) {
  .page-privacy .privacy-body__grid {
    grid-template-columns: minmax(0, 1fr) var(--privacy-toc-w);
    align-items: start;
    gap: clamp(2.5rem, 5vw, 4.5rem);
  }
}

.page-privacy .privacy-article {
  min-width: 0;
  max-width: var(--privacy-measure);
}

.page-privacy .privacy-lead {
  padding: 1.1rem 1.2rem;
  border-left: 3px solid var(--amber);
  background: var(--paper-2);
  border-radius: 0 var(--r-md) var(--r-md) 0;
}

.page-privacy .privacy-lead__kicker {
  margin: 0 0 0.5rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  color: var(--ink-2);
  font-weight: 700;
}

.page-privacy .privacy-lead p:last-child {
  margin: 0;
  font-size: 0.97rem;
  line-height: 1.8;
}

.page-privacy .privacy-lead a,
.page-privacy .privacy-acc__body a {
  color: var(--ink-2);
  text-decoration: none;
  border-bottom: 1px solid var(--jade);
  padding-bottom: 1px;
}

.page-privacy .privacy-lead a:hover,
.page-privacy .privacy-acc__body a:hover {
  color: var(--ink);
  background: var(--jade-soft);
}

.page-privacy .privacy-lead a:focus-visible,
.page-privacy .privacy-acc__body a:focus-visible {
  outline: 2px solid var(--jade);
  outline-offset: 2px;
  border-radius: 2px;
}

/* 小节与折叠 */
.page-privacy .privacy-section {
  scroll-margin-top: 2rem;
  border-top: 1px dashed rgba(46, 58, 74, 0.22);
  margin-top: 1.9rem;
  padding-top: 1.7rem;
}

.page-privacy .privacy-section:first-of-type {
  border-top: 0;
  margin-top: 2.1rem;
  padding-top: 0;
}

.page-privacy .privacy-acc__summary {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding-block: 0.2rem;
  cursor: pointer;
  list-style: none;
}

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

.page-privacy .privacy-acc__summary:focus-visible {
  outline: 2px solid var(--jade);
  outline-offset: 5px;
  border-radius: var(--r-sm);
}

.page-privacy .privacy-acc__num {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: var(--r-sm);
  background: var(--amber);
  color: var(--ink);
  font-family: var(--font-mono);
  font-size: 0.82rem;
  font-weight: 700;
  transform: skew(-4deg);
}

.page-privacy .privacy-acc__title {
  margin: 0;
  font-family: var(--font-title);
  font-weight: 900;
  font-size: clamp(1.26rem, 2.7vw, 1.6rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-privacy .privacy-acc__chev {
  flex: none;
  margin-left: auto;
  width: 0.66rem;
  height: 0.66rem;
  border-right: 2px solid var(--fog);
  border-bottom: 2px solid var(--fog);
  transform: rotate(45deg) translateY(-2px);
  transition: transform 0.18s ease;
}

.page-privacy .privacy-acc[open] .privacy-acc__chev {
  transform: rotate(-135deg) translateY(-2px);
}

.page-privacy .privacy-acc__body {
  padding: 1.05rem 0 0.3rem 3rem;
}

@media (max-width: 560px) {
  .page-privacy .privacy-acc__body {
    padding-left: 0;
  }
}

.page-privacy .privacy-acc__body > p {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.8;
}

.page-privacy .privacy-acc__body h3 {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 1.55rem 0 0.65rem;
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 1.02rem;
  color: var(--ink);
}

.page-privacy .privacy-acc__body h3::before {
  content: "";
  flex: none;
  width: 1.1rem;
  height: 2px;
  background: var(--jade);
}

/* 四类信息卡片 */
.page-privacy .privacy-cards {
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
}

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

.page-privacy .privacy-card {
  background: var(--privacy-card);
  border: 1px solid rgba(46, 58, 74, 0.12);
  border-left: 3px solid var(--amber);
  border-radius: var(--r-md);
  padding: 0.95rem 1rem;
}

.page-privacy .privacy-card__label {
  margin: 0 0 0.42rem;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--ink-2);
}

.page-privacy .privacy-card__text {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.7;
  color: var(--slate);
}

/* 用途编号列表 */
.page-privacy .privacy-uses {
  list-style: none;
  counter-reset: use;
  margin: 1rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.page-privacy .privacy-uses li {
  counter-increment: use;
  display: grid;
  grid-template-columns: 1.9rem minmax(0, 1fr);
  gap: 0.65rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(46, 58, 74, 0.16);
  font-size: 0.97rem;
  line-height: 1.75;
}

.page-privacy .privacy-uses li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .privacy-uses li::before {
  content: counter(use, decimal-leading-zero);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--amber);
  padding-top: 0.22rem;
}

.page-privacy .privacy-uses strong {
  color: var(--ink);
  font-weight: 700;
}

/* 简洁条目列表 */
.page-privacy .privacy-plain {
  list-style: none;
  margin: 0.7rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

.page-privacy .privacy-plain li {
  position: relative;
  padding-left: 1.15rem;
  font-size: 0.96rem;
  line-height: 1.72;
}

.page-privacy .privacy-plain li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 2px;
  background: var(--jade);
}

.page-privacy .privacy-plain strong {
  color: var(--ink);
  font-weight: 700;
}

.page-privacy .privacy-note {
  margin: 1.15rem 0 0;
  padding: 0.7rem 0.9rem;
  background: var(--jade-soft);
  border-radius: var(--r-sm);
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--ink-2);
}

/* 联系方式块 */
.page-privacy .privacy-contact {
  display: grid;
  gap: 0.55rem;
  margin-top: 1.2rem;
  padding: 1rem 1.05rem;
  background: var(--jade-soft);
  border: 1px solid rgba(95, 191, 166, 0.45);
  border-radius: var(--r-md);
  scroll-margin-top: 2rem;
}

.page-privacy .privacy-contact .contact-item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem 0.8rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px dashed rgba(11, 27, 51, 0.14);
}

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

.page-privacy .privacy-contact .contact-item__label {
  flex: none;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  color: var(--fog);
}

.page-privacy .privacy-contact .contact-item__value {
  font-size: 0.94rem;
  font-weight: 600;
  color: var(--ink);
  word-break: break-word;
}

.page-privacy .privacy-contact .copy-btn {
  margin-left: auto;
  padding: 0.2rem 0.6rem;
  border: 1px solid rgba(95, 191, 166, 0.75);
  border-radius: 999px;
  background: transparent;
  color: var(--ink-2);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.page-privacy .privacy-contact .copy-btn:hover {
  background: rgba(95, 191, 166, 0.3);
}

.page-privacy .privacy-contact .copy-btn:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.page-privacy .privacy-contact .copy-btn[data-copied="true"] {
  background: var(--jade);
  border-color: var(--jade);
  color: var(--ink);
}

/* ---------- 右侧锚点目录 ---------- */
.page-privacy .privacy-toc {
  padding: 1rem;
  background: var(--privacy-card);
  border: 1px solid rgba(46, 58, 74, 0.12);
  border-radius: var(--r-md);
}

.page-privacy .privacy-toc__title {
  margin: 0 0 0.6rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  color: var(--fog);
}

.page-privacy .privacy-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.page-privacy .privacy-toc__link {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.34rem 0.7rem;
  border: 1px solid rgba(46, 58, 74, 0.16);
  border-radius: 999px;
  background: var(--privacy-card);
  color: var(--slate);
  font-size: 0.86rem;
  line-height: 1.4;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.page-privacy .privacy-toc__link:hover {
  border-color: var(--amber);
  background: var(--paper-2);
  color: var(--ink);
}

.page-privacy .privacy-toc__link:focus-visible {
  outline: 2px solid var(--jade);
  outline-offset: 2px;
}

.page-privacy .privacy-toc__num {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--amber);
}

@media (min-width: 960px) {
  .page-privacy .privacy-toc {
    position: sticky;
    top: 1.5rem;
    padding: 0 0 0 1rem;
    background: transparent;
    border: 0;
    border-left: 2px solid rgba(46, 58, 74, 0.14);
    border-radius: 0;
  }

  .page-privacy .privacy-toc__list {
    display: grid;
    gap: 0.1rem;
  }

  .page-privacy .privacy-toc__link {
    padding: 0.46rem 0.6rem;
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    background: transparent;
    font-size: 0.9rem;
  }

  .page-privacy .privacy-toc__link:hover {
    background: var(--paper-2);
    color: var(--ink);
    border-left-color: var(--amber);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy * {
    transition: none !important;
  }
}
</最终>
<<<PAGE_CSS_END>>>
<<<END>>>

<main id="main-content" class="page-privacy">
  <section class="privacy-hero" aria-labelledby="privacy-title">
    <div class="container">
      <nav class="crumbs" aria-label="所在位置">
        <ol class="crumbs__list">
          <li class="crumbs__item"><a class="crumbs__link" href="/">首页总目录</a></li>
          <li class="crumbs__sep" aria-hidden="true">/</li>
          <li class="crumbs__current" aria-current="page">数据保护</li>
        </ol>
      </nav>

      <div class="privacy-hero__grid">
        <div class="privacy-hero__copy">
          <p class="eyebrow">编号 06 · 数据保护</p>
          <h1 id="privacy-title">数据保护说明</h1>
          <p class="lede">在非凡娱乐中文站注册账户、完成苹果设备登录校验、翻查往期资料或者联系客服时，你的设备型号、系统版本和操作痕迹会走到哪些环节、被用到什么程度、留多久，这里按场景一条条讲明白。</p>
          <div class="privacy-tags">
            <span class="tag tag--amber">本月第 2 版</span>
            <span class="tag tag--jade">账户与设备</span>
            <span class="tag privacy-tag-plain">服务覆盖 31 个省级行政区</span>
          </div>
        </div>

        <aside class="privacy-summary" aria-label="要点摘要">
          <div class="privacy-summary__img">
            <img src="{zhanqunpic:h:600w:800}" width="800" height="600" alt="墨蓝与青瓷绿色块组成的数据流纹理，叠加编号标签，不出现人物">
          </div>
          <p class="privacy-summary__kicker">四句话读懂</p>
          <ul class="privacy-summary__list">
            <li><span class="num">01</span>你主动填写的账户与联系方式</li>
            <li><span class="num">02</span>登录时产生的设备型号与系统版本</li>
            <li><span class="num">03</span>查阅资料、使用客服留下的访问记录</li>
            <li><span class="num">04</span>这些信息用于校验身份、定位问题与改进检索</li>
          </ul>
          <a class="btn btn--amber" href="#contact">看联系方式</a>
        </aside>
      </div>
    </div>
  </section>

  <div class="privacy-body">
    <div class="container privacy-body__grid">
      <article class="privacy-article">
        <div class="privacy-lead">
          <p class="privacy-lead__kicker">总则</p>
          <p>这份说明讲的是你在账户登录、设备校验、资料查阅和客服沟通中产生的信息如何被使用。内容随产品更新调整，当前对应本月第 2 版；遇到与具体步骤相关的疑问，参考<a href="/app-download/">产品线与下载</a>页的操作提示即可对上号。</p>
        </div>

        <section class="privacy-section" id="collect">
          <details class="privacy-acc" open>
            <summary class="privacy-acc__summary">
              <span class="privacy-acc__num" aria-hidden="true">01</span>
              <h2 class="privacy-acc__title">我们收集哪些信息</h2>
              <span class="privacy-acc__chev" aria-hidden="true"></span>
            </summary>
            <div class="privacy-acc__body">
              <p>你在页面上的每次操作能顺畅完成，背后都依赖少量基础信息。下面四类是我们实际会用到的范围，其余内容不会因为你访问就自动留下。</p>
              <div class="privacy-cards">
                <div class="privacy-card">
                  <p class="privacy-card__label">账户信息</p>
                  <p class="privacy-card__text">注册时你从 C01 到 C17 共 17 类分类标签中做出选择，加上用户名和主动填写的联系方式。它们决定你后续看到的资料范围，也是找回账户的依据。</p>
                </div>
                <div class="privacy-card">
                  <p class="privacy-card__label">设备信息</p>
                  <p class="privacy-card__text">设备型号、操作系统及版本（Windows 10、macOS 12、iOS 15、iPadOS 15、Android 10 及以上）、屏幕分辨率与语言偏好，用来判断客户端能否在你的设备上正常运行。</p>
                </div>
                <div class="privacy-card">
                  <p class="privacy-card__label">访问记录</p>
                  <p class="privacy-card__text">进入的栏目、检索关键词、页面停留时长与来源链接。归档页保留近 18 个月、累计 340 个版本包，查阅旧版资料的过程中会形成相应记录。</p>
                </div>
                <div class="privacy-card">
                  <p class="privacy-card__label">客服沟通</p>
                  <p class="privacy-card__text">通过邮箱或电话提交的问题描述、你附上的设备型号与系统版本，以及后续的往来处理记录。附得越完整，定位越快。</p>
                </div>
              </div>
            </div>
          </details>
        </section>

        <section class="privacy-section" id="use">
          <details class="privacy-acc" open>
            <summary class="privacy-acc__summary">
              <span class="privacy-acc__num" aria-hidden="true">02</span>
              <h2 class="privacy-acc__title">信息如何使用</h2>
              <span class="privacy-acc__chev" aria-hidden="true"></span>
            </summary>
            <div class="privacy-acc__body">
              <p>收集来的信息只在完成具体事情时使用，对应下面五类场景，不会拿去做与这些场景无关的事情。</p>
              <ol class="privacy-uses">
                <li><strong>登录与校验</strong>：确认操作由账户本人发起，配合二次确认降低异常登录的可能。</li>
                <li><strong>兼容判断</strong>：比对设备型号与系统版本，提示客户端是否满足运行条件，让你少走弯路。</li>
                <li><strong>资料检索改进</strong>：根据检索词的实际表现调整 1260 条内容的索引与排序，让同类问题更快被找到。</li>
                <li><strong>客服问题定位</strong>：账户与登录类问题按设备型号与系统版本快速缩小范围；<a href="/faq/">规则问答</a>现有 186 条常见问题按注册、登录、资料、客服四组维护，多数情况能直接对上答案。</li>
                <li><strong>安全防护</strong>：识别批量抓取、异常频率访问和可疑登录，保护正常读者的使用体验。</li>
              </ol>
            </div>
          </details>
        </section>

        <section class="privacy-section" id="device">
          <details class="privacy-acc" open>
            <summary class="privacy-acc__summary">
              <span class="privacy-acc__num" aria-hidden="true">03</span>
              <h2 class="privacy-acc__title">设备校验与账户安全</h2>
              <span class="privacy-acc__chev" aria-hidden="true"></span>
            </summary>
            <div class="privacy-acc__body">
              <p>苹果设备登录非凡娱乐时，会依次经过设备型号识别、系统版本确认、账户二次确认和安全校验四个环节。前两步判断设备是否在兼容范围内，后两步判断操作人是否为账户本人。</p>
              <p>安全校验记录用于判断短时间内是否出现异常登录。记录保留在异常识别所需的期限内，专项问题排查完成后再按周期清理。能否登录还取决于账户状态与当时的网络环境；如果反复失败，把设备型号与系统版本一并提供给客服，定位会快很多。各系统的兼容清单整理在<a href="/app-download/">产品线与下载</a>页。</p>
            </div>
          </details>
        </section>

        <section class="privacy-section" id="retain">
          <details class="privacy-acc" open>
            <summary class="privacy-acc__summary">
              <span class="privacy-acc__num" aria-hidden="true">04</span>
              <h2 class="privacy-acc__title">保存、共享与安全措施</h2>
              <span class="privacy-acc__chev" aria-hidden="true"></span>
            </summary>
            <div class="privacy-acc__body">
              <h3>保存多久</h3>
              <ul class="privacy-plain">
                <li>账户信息在账户存续期间保留，注销后按清理周期处理。</li>
                <li>访问记录保留一个滚动周期，用于统计与检索优化，到期清理。</li>
                <li>客服沟通记录在问题处理完成后保留一段时间，用于回访与复盘。</li>
                <li>安全校验记录保留在异常识别所需的期限内。</li>
              </ul>

              <h3>会不会对外提供</h3>
              <p>除账户本人授权、法律法规要求或完成技术运维所必需，不会向外部提供你的信息。承担技术运维的服务方按约定处理指定工作，不用于其他目的，并受保密要求约束。</p>

              <h3>怎么保障安全</h3>
              <ul class="privacy-plain">
                <li>分级访问控制：内容团队分为规则编辑、产品研究、账户支持、视觉标注四组，不同组别能接触到的信息各不相同。</li>
                <li>传输加密：账户与设备信息在传输过程中加密处理。</li>
                <li>异常处理：发现异常访问或疑似泄露时，按流程限制访问、排查影响范围，并通知受影响的用户。</li>
              </ul>
              <p class="privacy-note">想了解资料引用与版本使用的规则，可以查阅<a href="/notice/">访问须知</a>。</p>
            </div>
          </details>
        </section>

        <section class="privacy-section" id="rights">
          <details class="privacy-acc" open>
            <summary class="privacy-acc__summary">
              <span class="privacy-acc__num" aria-hidden="true">05</span>
              <h2 class="privacy-acc__title">你的权利与联系方式</h2>
              <span class="privacy-acc__chev" aria-hidden="true"></span>
            </summary>
            <div class="privacy-acc__body">
              <p>你可以对与自己相关的信息提出以下请求，我们会按流程办理并回复结果：</p>
              <ul class="privacy-plain">
                <li><strong>查询</strong>：申请查看与账户关联的信息。</li>
                <li><strong>更正</strong>：发现分类标签、联系方式有误时提出修改。</li>
                <li><strong>删除</strong>：符合条件时申请删除账户或访问记录。</li>
                <li><strong>撤回同意</strong>：对非必要信息的处理，可以随时提出停止使用。</li>
              </ul>
              <p>办理路径很简单：发送邮件到下面的客服邮箱，写清账户与具体需求；涉及登录问题的，附上设备型号与系统版本。工作日 9:00 至 18:00 内回复。也可以直接拨打客服电话，或通过<a href="/find-us/">找到我们</a>查看其他联系渠道。</p>

              <div class="privacy-contact" id="contact">
                <div class="contact-item">
                  <span class="contact-item__label">客服邮箱</span>
                  <span class="contact-item__value">info@rules-feifan.com.cn</span>
                  <button class="copy-btn" type="button" data-copy="info@rules-feifan.com.cn" aria-label="复制客服邮箱">复制</button>
                </div>
                <div class="contact-item">
                  <span class="contact-item__label">客服电话</span>
                  <span class="contact-item__value">18426032204</span>
                  <button class="copy-btn" type="button" data-copy="18426032204" aria-label="复制客服电话">复制</button>
                </div>
                <div class="contact-item">
                  <span class="contact-item__label">通信地址</span>
                  <span class="contact-item__value">湖北省武汉市洪山区光谷大道77号光谷金融港B座12层</span>
                </div>
              </div>
            </div>
          </details>
        </section>
      </article>

      <aside class="privacy-toc" aria-label="条款目录">
        <p class="privacy-toc__title">本页速览</p>
        <nav aria-label="条款导航">
          <ol class="privacy-toc__list">
            <li><a class="privacy-toc__link" href="#collect"><span class="privacy-toc__num">01</span>收集范围</a></li>
            <li><a class="privacy-toc__link" href="#use"><span class="privacy-toc__num">02</span>使用场景</a></li>
            <li><a class="privacy-toc__link" href="#device"><span class="privacy-toc__num">03</span>设备校验</a></li>
            <li><a class="privacy-toc__link" href="#retain"><span class="privacy-toc__num">04</span>保存与安全</a></li>
            <li><a class="privacy-toc__link" href="#rights"><span class="privacy-toc__num">05</span>你的权利</a></li>
            <li><a class="privacy-toc__link" href="#contact"><span class="privacy-toc__num">06</span>联系方式</a></li>
          </ol>
        </nav>
      </aside>
    </div>
  </div>
</main>

.page-privacy {
  --privacy-measure: 70ch;
  --privacy-toc-w: 236px;
  --privacy-card: #fffdf7;
  background: var(--ink);
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero {
  position: relative;
  padding-block: clamp(1.4rem, 4vw, 2.4rem) clamp(2.6rem, 7vw, 5rem);
  color: var(--paper);
  background:
    radial-gradient(120% 90% at 88% -10%, rgba(242, 163, 58, 0.18), transparent 55%),
    radial-gradient(90% 80% at 0% 110%, rgba(95, 191, 166, 0.14), transparent 60%),
    var(--ink);
  overflow: clip;
}

.page-privacy .privacy-hero .crumbs__link,
.page-privacy .privacy-hero .crumbs__current {
  color: rgba(247, 244, 236, 0.72);
}

.page-privacy .privacy-hero .crumbs__link:hover {
  color: var(--amber-soft);
}

.page-privacy .privacy-hero .crumbs__sep {
  color: rgba(247, 244, 236, 0.32);
}

.page-privacy .privacy-hero__grid {
  display: grid;
  gap: 2.25rem;
  margin-top: clamp(1.6rem, 5vw, 3rem);
}

@media (min-width: 880px) {
  .page-privacy .privacy-hero__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: center;
    gap: clamp(2.5rem, 5vw, 4.5rem);
  }
}

.page-privacy .privacy-hero .eyebrow {
  color: var(--amber-soft);
}

.page-privacy h1 {
  margin: 0.4rem 0 1.1rem;
  font-family: var(--font-title);
  font-weight: 900;
  font-size: clamp(2.4rem, 6.4vw, 4.25rem);
  line-height: 1.04;
  letter-spacing: -0.025em;
  color: var(--paper);
}

.page-privacy .privacy-hero .lede {
  max-width: 44ch;
  margin: 0;
  font-size: clamp(1rem, 1.6vw, 1.1rem);
  line-height: 1.82;
  color: rgba(247, 244, 236, 0.78);
}

.page-privacy .privacy-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.6rem;
}

.page-privacy .privacy-tags .tag {
  font-size: 0.76rem;
  padding: 0.28rem 0.72rem;
}

.page-privacy .privacy-tag-plain {
  background: rgba(247, 244, 236, 0.12);
  color: var(--paper);
  border: 1px solid rgba(247, 244, 236, 0.3);
}

/* 摘要卡 */
.page-privacy .privacy-summary {
  background: var(--paper);
  color: var(--slate);
  border-radius: var(--r-lg);
  padding: 1rem 1rem 1.2rem;
  box-shadow:
    10px 10px 0 rgba(95, 191, 166, 0.3),
    inset 0 0 0 1px rgba(11, 27, 51, 0.06);
}

.page-privacy .privacy-summary__img {
  aspect-ratio: 4 / 3;
  border-radius: var(--r-md);
  overflow: hidden;
  background: var(--ink-2);
}

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

.page-privacy .privacy-summary__kicker {
  margin: 1.1rem 0 0.55rem;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  color: var(--fog);
}

.page-privacy .privacy-summary__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}

.page-privacy .privacy-summary__list li {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dashed rgba(46, 58, 74, 0.16);
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--slate);
}

.page-privacy .privacy-summary__list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .privacy-summary__list .num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--amber);
}

.page-privacy .privacy-summary .btn {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 1.05rem;
}

/* ---------- 正文 ---------- */
.page-privacy .privacy-body {
  background: var(--paper);
  color: var(--slate);
  padding-block: clamp(2.4rem, 6vw, 4.6rem) clamp(3rem, 8vw, 6rem);
}

.page-privacy .privacy-body__grid {
  display: grid;
  gap: 2.4rem;
}

@media (min-width: 960px) {
  .page-privacy .privacy-body__grid {
    grid-template-columns: minmax(0, 1fr) var(--privacy-toc-w);
    align-items: start;
    gap: clamp(2.5rem, 5vw, 4.5rem);
  }
}

.page-privacy .privacy-article {
  min-width: 0;
  max-width: var(--privacy-measure);
}

.page-privacy .privacy-lead {
  padding: 1.1rem 1.2rem;
  border-left: 3px solid var(--amber);
  background: var(--paper-2);
  border-radius: 0 var(--r-md) var(--r-md) 0;
}

.page-privacy .privacy-lead__kicker {
  margin: 0 0 0.5rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  color: var(--ink-2);
  font-weight: 700;
}

.page-privacy .privacy-lead p:last-child {
  margin: 0;
  font-size: 0.97rem;
  line-height: 1.8;
}

.page-privacy .privacy-lead a,
.page-privacy .privacy-acc__body a {
  color: var(--ink-2);
  text-decoration: none;
  border-bottom: 1px solid var(--jade);
  padding-bottom: 1px;
}

.page-privacy .privacy-lead a:hover,
.page-privacy .privacy-acc__body a:hover {
  color: var(--ink);
  background: var(--jade-soft);
}

.page-privacy .privacy-lead a:focus-visible,
.page-privacy .privacy-acc__body a:focus-visible {
  outline: 2px solid var(--jade);
  outline-offset: 2px;
  border-radius: 2px;
}

/* 小节与折叠 */
.page-privacy .privacy-section {
  scroll-margin-top: 2rem;
  border-top: 1px dashed rgba(46, 58, 74, 0.22);
  margin-top: 1.9rem;
  padding-top: 1.7rem;
}

.page-privacy .privacy-section:first-of-type {
  border-top: 0;
  margin-top: 2.1rem;
  padding-top: 0;
}

.page-privacy .privacy-acc__summary {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding-block: 0.2rem;
  cursor: pointer;
  list-style: none;
}

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

.page-privacy .privacy-acc__summary:focus-visible {
  outline: 2px solid var(--jade);
  outline-offset: 5px;
  border-radius: var(--r-sm);
}

.page-privacy .privacy-acc__num {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: var(--r-sm);
  background: var(--amber);
  color: var(--ink);
  font-family: var(--font-mono);
  font-size: 0.82rem;
  font-weight: 700;
  transform: skew(-4deg);
}

.page-privacy .privacy-acc__title {
  margin: 0;
  font-family: var(--font-title);
  font-weight: 900;
  font-size: clamp(1.26rem, 2.7vw, 1.6rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-privacy .privacy-acc__chev {
  flex: none;
  margin-left: auto;
  width: 0.66rem;
  height: 0.66rem;
  border-right: 2px solid var(--fog);
  border-bottom: 2px solid var(--fog);
  transform: rotate(45deg) translateY(-2px);
  transition: transform 0.18s ease;
}

.page-privacy .privacy-acc[open] .privacy-acc__chev {
  transform: rotate(-135deg) translateY(-2px);
}

.page-privacy .privacy-acc__body {
  padding: 1.05rem 0 0.3rem 3rem;
}

@media (max-width: 560px) {
  .page-privacy .privacy-acc__body {
    padding-left: 0;
  }
}

.page-privacy .privacy-acc__body > p {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.8;
}

.page-privacy .privacy-acc__body h3 {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 1.55rem 0 0.65rem;
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 1.02rem;
  color: var(--ink);
}

.page-privacy .privacy-acc__body h3::before {
  content: "";
  flex: none;
  width: 1.1rem;
  height: 2px;
  background: var(--jade);
}

/* 四类信息卡片 */
.page-privacy .privacy-cards {
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
}

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

.page-privacy .privacy-card {
  background: var(--privacy-card);
  border: 1px solid rgba(46, 58, 74, 0.12);
  border-left: 3px solid var(--amber);
  border-radius: var(--r-md);
  padding: 0.95rem 1rem;
}

.page-privacy .privacy-card__label {
  margin: 0 0 0.42rem;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--ink-2);
}

.page-privacy .privacy-card__text {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.7;
  color: var(--slate);
}

/* 用途编号列表 */
.page-privacy .privacy-uses {
  list-style: none;
  counter-reset: use;
  margin: 1rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.page-privacy .privacy-uses li {
  counter-increment: use;
  display: grid;
  grid-template-columns: 1.9rem minmax(0, 1fr);
  gap: 0.65rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(46, 58, 74, 0.16);
  font-size: 0.97rem;
  line-height: 1.75;
}

.page-privacy .privacy-uses li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .privacy-uses li::before {
  content: counter(use, decimal-leading-zero);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--amber);
  padding-top: 0.22rem;
}

.page-privacy .privacy-uses strong {
  color: var(--ink);
  font-weight: 700;
}

/* 简洁条目列表 */
.page-privacy .privacy-plain {
  list-style: none;
  margin: 0.7rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

.page-privacy .privacy-plain li {
  position: relative;
  padding-left: 1.15rem;
  font-size: 0.96rem;
  line-height: 1.72;
}

.page-privacy .privacy-plain li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 2px;
  background: var(--jade);
}

.page-privacy .privacy-plain strong {
  color: var(--ink);
  font-weight: 700;
}

.page-privacy .privacy-note {
  margin: 1.15rem 0 0;
  padding: 0.7rem 0.9rem;
  background: var(--jade-soft);
  border-radius: var(--r-sm);
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--ink-2);
}

/* 联系方式块 */
.page-privacy .privacy-contact {
  display: grid;
  gap: 0.55rem;
  margin-top: 1.2rem;
  padding: 1rem 1.05rem;
  background: var(--jade-soft);
  border: 1px solid rgba(95, 191, 166, 0.45);
  border-radius: var(--r-md);
  scroll-margin-top: 2rem;
}

.page-privacy .privacy-contact .contact-item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem 0.8rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px dashed rgba(11, 27, 51, 0.14);
}

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

.page-privacy .privacy-contact .contact-item__label {
  flex: none;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  color: var(--fog);
}

.page-privacy .privacy-contact .contact-item__value {
  font-size: 0.94rem;
  font-weight: 600;
  color: var(--ink);
  word-break: break-word;
}

.page-privacy .privacy-contact .copy-btn {
  margin-left: auto;
  padding: 0.2rem 0.6rem;
  border: 1px solid rgba(95, 191, 166, 0.75);
  border-radius: 999px;
  background: transparent;
  color: var(--ink-2);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.page-privacy .privacy-contact .copy-btn:hover {
  background: rgba(95, 191, 166, 0.3);
}

.page-privacy .privacy-contact .copy-btn:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.page-privacy .privacy-contact .copy-btn[data-copied="true"] {
  background: var(--jade);
  border-color: var(--jade);
  color: var(--ink);
}

/* ---------- 右侧锚点目录 ---------- */
.page-privacy .privacy-toc {
  padding: 1rem;
  background: var(--privacy-card);
  border: 1px solid rgba(46, 58, 74, 0.12);
  border-radius: var(--r-md);
}

.page-privacy .privacy-toc__title {
  margin: 0 0 0.6rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  color: var(--fog);
}

.page-privacy .privacy-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.page-privacy .privacy-toc__link {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.34rem 0.7rem;
  border: 1px solid rgba(46, 58, 74, 0.16);
  border-radius: 999px;
  background: var(--privacy-card);
  color: var(--slate);
  font-size: 0.86rem;
  line-height: 1.4;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.page-privacy .privacy-toc__link:hover {
  border-color: var(--amber);
  background: var(--paper-2);
  color: var(--ink);
}

.page-privacy .privacy-toc__link:focus-visible {
  outline: 2px solid var(--jade);
  outline-offset: 2px;
}

.page-privacy .privacy-toc__num {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--amber);
}

@media (min-width: 960px) {
  .page-privacy .privacy-toc {
    position: sticky;
    top: 1.5rem;
    padding: 0 0 0 1rem;
    background: transparent;
    border: 0;
    border-left: 2px solid rgba(46, 58, 74, 0.14);
    border-radius: 0;
  }

  .page-privacy .privacy-toc__list {
    display: grid;
    gap: 0.1rem;
  }

  .page-privacy .privacy-toc__link {
    padding: 0.46rem 0.6rem;
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    background: transparent;
    font-size: 0.9rem;
  }

  .page-privacy .privacy-toc__link:hover {
    background: var(--paper-2);
    color: var(--ink);
    border-left-color: var(--amber);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy * {
    transition: none !important;
  }
}