.page-privacy {
  --privacy-rule: rgba(241, 233, 210, 0.16);
  --privacy-body: rgba(255, 255, 255, 0.82);
  --privacy-muted: rgba(255, 255, 255, 0.68);
  --privacy-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", "Liberation Mono", Consolas, monospace;
  position: relative;
  min-height: 100vh;
  color: var(--c-paper);
  background-color: var(--c-night);
  background-image:
    linear-gradient(rgba(241, 233, 210, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(241, 233, 210, 0.04) 1px, transparent 1px);
  background-size: 44px 44px;
}

.page-privacy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--c-blood), var(--c-neon) 35%, var(--c-gold) 70%, var(--c-blood));
  opacity: 0.8;
  pointer-events: none;
  z-index: 3;
}

.page-privacy .page-privacy__shell {
  position: relative;
  z-index: 1;
  padding: 1.5rem 0 5rem;
}

.page-privacy .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--privacy-mono);
  font-size: 0.85rem;
  color: var(--c-silver);
}

.page-privacy .breadcrumb-link {
  color: var(--c-gold);
  text-underline-offset: 4px;
}

.page-privacy .breadcrumbs-current {
  color: var(--c-paper);
}

.page-privacy .exhibit-label {
  color: var(--c-neon);
  font-family: var(--privacy-mono);
  letter-spacing: 0.08em;
}

.page-privacy .privacy-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
  align-items: center;
  margin-top: 1.5rem;
  padding: 3rem 0 2.5rem;
  border-top: 1px solid var(--privacy-rule);
  border-bottom: 1px solid var(--privacy-rule);
}

.page-privacy .privacy-hero__copy {
  max-width: 860px;
}

.page-privacy .privacy-hero h1 {
  margin: 0.85rem 0 1rem;
  font-size: clamp(2rem, 5vw, 3.8rem);
  line-height: 1.04;
  font-weight: 900;
  font-style: oblique;
  letter-spacing: -0.03em;
  color: var(--c-gold);
}

.page-privacy .privacy-hero h1::after {
  content: "";
  display: block;
  width: 112px;
  height: 6px;
  margin-top: 1rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--c-blood), var(--c-gold), var(--c-neon));
}

.page-privacy .privacy-hero__lead {
  max-width: 66ch;
  color: var(--privacy-body);
  font-size: 1.02rem;
  line-height: 1.8;
}

.page-privacy .privacy-hero__meta {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin: 1.5rem 0 0;
  padding: 0;
}

.page-privacy .privacy-hero__meta li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.9rem;
  border: 1px solid var(--privacy-rule);
  border-radius: var(--radius-pill);
  background: rgba(26, 26, 46, 0.78);
  color: var(--c-paper);
  font-family: var(--privacy-mono);
  font-size: 0.8rem;
}

.page-privacy .privacy-hero__meta-label {
  color: var(--c-gold);
}

.page-privacy .privacy-hero__visual {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

.page-privacy .privacy-hero__visual::before {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 72%;
  height: 72%;
  border-radius: 48px;
  background: linear-gradient(135deg, rgba(230, 57, 70, 0.28), rgba(212, 175, 55, 0.18));
  z-index: -1;
}

.page-privacy .privacy-hero__visual img {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 40px;
  border: 1px solid rgba(212, 175, 55, 0.5);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.35);
  transform: rotate(1.2deg);
}

.page-privacy .privacy-hero__visual .caption {
  margin-top: 0.9rem;
  text-align: center;
  color: var(--c-silver);
  font-size: 0.8rem;
}

.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5rem;
  align-items: start;
  margin-top: 3rem;
}

.page-privacy .privacy-doc {
  min-width: 0;
}

.page-privacy .privacy-toc__inner {
  border-left: 3px solid var(--c-gold);
  padding-left: 1.25rem;
}

.page-privacy .privacy-toc__title {
  margin: 0;
  color: var(--c-neon);
  font-family: var(--privacy-mono);
  font-size: 0.85rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.page-privacy .privacy-toc__list {
  list-style: none;
  display: grid;
  gap: 0.4rem;
  margin: 1rem 0 1.25rem;
  padding: 0;
}

.page-privacy .privacy-toc__list a {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  padding: 0.3rem 0;
  color: var(--c-paper);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.page-privacy .privacy-toc__list a:hover {
  color: var(--c-white);
  border-bottom-color: var(--c-blood);
}

.page-privacy .privacy-toc__num {
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  font-size: 0.8rem;
}

.page-privacy .privacy-toc__note {
  margin-top: 1.5rem;
  padding: 1rem;
  border-left: 3px solid var(--c-neon);
  border-radius: 0 var(--radius-card) var(--radius-card) 0;
  background: rgba(57, 255, 20, 0.06);
}

.page-privacy .privacy-toc__note p {
  margin: 0.65rem 0 0;
  color: var(--privacy-muted);
  font-size: 0.85rem;
  line-height: 1.6;
}

.page-privacy .privacy-section {
  margin-top: 2.5rem;
  padding-top: 2.25rem;
  border-top: 1px solid var(--privacy-rule);
  scroll-margin-top: 6.5rem;
  transition: border-left 0.2s ease, padding-left 0.2s ease;
}

.page-privacy .privacy-section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.page-privacy .privacy-section:target {
  border-left: 4px solid var(--c-gold);
  border-top-color: rgba(212, 175, 55, 0.45);
  border-radius: 0 20px 20px 0;
  padding-left: 1rem;
}

.page-privacy .privacy-section__head {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.page-privacy .privacy-section__num {
  flex: 0 0 auto;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 100px;
  background: rgba(212, 175, 55, 0.1);
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  font-size: 0.85rem;
}

.page-privacy .privacy-section__tag {
  margin: 0 0 0.3rem;
  color: var(--c-blood);
  font-family: var(--privacy-mono);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page-privacy .privacy-section h2 {
  margin: 0;
  color: var(--c-gold);
  font-size: clamp(1.55rem, 3.2vw, 2.35rem);
  line-height: 1.15;
  font-weight: 900;
  font-style: oblique;
}

.page-privacy .privacy-section h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  margin-top: 0.6rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--c-blood), var(--c-gold));
}

.page-privacy .privacy-section__body {
  color: var(--privacy-body);
  line-height: 1.85;
}

.page-privacy .privacy-section__body p {
  max-width: 72ch;
  margin: 0 0 1rem;
}

.page-privacy .privacy-section h3 {
  margin: 1.75rem 0 0.75rem;
  color: var(--c-white);
  font-size: 1.08rem;
}

.page-privacy .privacy-subhead {
  margin-top: 2rem;
  padding-left: 0.8rem;
  border-left: 4px solid var(--c-blood);
}

.page-privacy .privacy-cols {
  margin: 1.5rem 0;
}

.page-privacy .privacy-card {
  padding: 1.25rem;
  border: 1px solid var(--privacy-rule);
  border-radius: var(--radius-card);
  background: linear-gradient(145deg, rgba(10, 17, 40, 0.88), rgba(26, 26, 46, 0.78));
}

.page-privacy .privacy-card h3 {
  margin-top: 0;
  color: var(--c-white);
  font-size: 1.05rem;
}

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

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 1.35rem;
  color: var(--privacy-muted);
  line-height: 1.7;
}

.page-privacy .privacy-list li::before {
  content: "▶";
  position: absolute;
  top: 0.42rem;
  left: 0;
  color: var(--c-neon);
  font-size: 0.55rem;
}

.page-privacy .privacy-list--spaced {
  gap: 0.9rem;
  margin: 1.25rem 0;
}

.page-privacy .privacy-em {
  color: var(--c-gold);
  font-weight: 700;
}

.page-privacy .privacy-safety__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  margin: 1.25rem 0;
}

.page-privacy .privacy-safety__item {
  padding: 1.1rem 1.25rem;
  border: 1px solid var(--privacy-rule);
  border-top: 2px solid var(--c-blood);
  border-radius: var(--radius-card);
  background: linear-gradient(145deg, rgba(10, 17, 40, 0.88), rgba(26, 26, 46, 0.78));
}

.page-privacy .privacy-safety__item span {
  display: block;
  margin-bottom: 0.45rem;
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  font-weight: 900;
}

.page-privacy .privacy-safety__item p {
  margin: 0;
  color: var(--privacy-muted);
  font-size: 0.9rem;
  line-height: 1.7;
}

.page-privacy .privacy-safety-note {
  margin-top: 1.5rem;
  padding: 1rem 1.25rem;
  border-left: 3px solid var(--c-blood);
  border-radius: 16px;
  background: rgba(230, 57, 70, 0.1);
  color: var(--privacy-muted);
  font-size: 0.92rem;
}

.page-privacy .privacy-rights {
  gap: 1rem;
  margin: 1.5rem 0 0.5rem;
}

.page-privacy .privacy-right {
  padding: 1.25rem;
  border: 1px solid var(--privacy-rule);
  border-radius: var(--radius-card);
  background: rgba(10, 17, 40, 0.65);
}

.page-privacy .privacy-right__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.75rem;
  border-radius: 50%;
  background: var(--c-blood);
  color: var(--c-white);
  font-family: var(--privacy-mono);
}

.page-privacy .privacy-right h3 {
  margin: 0 0 0.5rem;
  color: var(--c-paper);
  font-size: 1rem;
}

.page-privacy .privacy-right p {
  margin: 0;
  color: var(--privacy-muted);
  font-size: 0.9rem;
  line-height: 1.7;
}

.page-privacy .privacy-export-box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.25rem;
  justify-content: space-between;
  margin: 2rem 0 1rem;
  padding: 1.5rem;
  border: 1px solid rgba(212, 175, 55, 0.4);
  border-radius: var(--radius-card);
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.12), rgba(230, 57, 70, 0.08));
}

.page-privacy .privacy-export-box h3 {
  margin: 0 0 0.4rem;
  color: var(--c-gold);
}

.page-privacy .privacy-export-box p {
  margin: 0;
  color: var(--privacy-muted);
  font-size: 0.9rem;
  line-height: 1.7;
}

.page-privacy .privacy-export-demo {
  display: none;
  margin: 1rem 0 1.5rem;
  padding: 1.5rem;
  border: 1px solid var(--c-gold);
  border-radius: var(--radius-card);
  background: rgba(10, 17, 40, 0.9);
  scroll-margin-top: 7rem;
}

.page-privacy .privacy-export-demo:target {
  display: block;
}

.page-privacy .privacy-export-demo__title {
  margin: 0 0 1rem;
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  font-weight: 900;
}

.page-privacy .privacy-export-demo p {
  color: var(--privacy-muted);
  line-height: 1.7;
}

.page-privacy .privacy-export-demo__close {
  display: inline-block;
  margin-top: 1rem;
  color: var(--c-neon);
  font-family: var(--privacy-mono);
  font-size: 0.85rem;
  text-decoration: none;
  border-bottom: 1px solid rgba(57, 255, 20, 0.4);
}

.page-privacy .privacy-inline-link {
  color: var(--c-gold);
  font-weight: 700;
  text-underline-offset: 4px;
}

.page-privacy .privacy-contact-note {
  margin-top: 2rem;
  padding: 1.5rem;
  border: 1px solid var(--privacy-rule);
  border-radius: var(--radius-card);
  background: rgba(26, 26, 46, 0.85);
  color: var(--privacy-muted);
  line-height: 1.8;
}

.page-privacy .privacy-contact-note p {
  margin: 0.35rem 0;
}

.page-privacy .privacy-contact-note strong {
  color: var(--c-paper);
  font-family: var(--privacy-mono);
  font-weight: 600;
}

.page-privacy .privacy-related {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--privacy-rule);
}

.page-privacy .privacy-related__link {
  padding: 0.65rem 1.1rem;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-radius: var(--radius-pill);
  background: rgba(212, 175, 55, 0.08);
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.page-privacy .privacy-related__link:hover {
  background: rgba(212, 175, 55, 0.18);
  color: var(--c-white);
}

@media (min-width: 640px) {
  .page-privacy .privacy-export-box {
    flex-direction: row;
    align-items: center;
  }

  .page-privacy .privacy-export-box__copy {
    flex: 1 1 auto;
  }

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

@media (min-width: 860px) {
  .page-privacy .privacy-hero {
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
  }

  .page-privacy .privacy-hero__copy {
    padding-right: 2rem;
  }

  .page-privacy .privacy-hero__visual {
    justify-self: end;
  }
}

@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 4rem;
  }

  .page-privacy .privacy-toc__inner {
    position: sticky;
    top: 6rem;
  }
}

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

I need respond with final only.
<main id="main-content" class="page-privacy">
  <div class="container page-privacy__shell">
    <nav class="breadcrumbs" aria-label="面包屑导航">
      <a class="breadcrumb-link" href="/">首页</a>
      <span class="breadcrumbs-sep" aria-hidden="true">/</span>
      <span class="breadcrumbs-current" aria-current="page">隐私政策</span>
    </nav>

    <header class="privacy-hero">
      <div class="privacy-hero__copy">
        <p class="exhibit-label">数据与隐私保护</p>
        <h1>隐私政策｜华体会赛数据保护说明</h1>
        <p class="privacy-hero__lead">华体会赛把“一切比赛入口都集中在这里”作为服务信条，也把清晰透明地处理数据当作建立信任的前提。本政策说明我们如何使用数据、保护数据，以及你可以如何管理数据。</p>
        <ul class="privacy-hero__meta">
          <li><span class="privacy-hero__meta-label">适用范围</span>华体会赛全站</li>
          <li><span class="privacy-hero__meta-label">运营时间</span>自2018年持续运行</li>
          <li><span class="privacy-hero__meta-label">更新节奏</span>持续同步</li>
        </ul>
      </div>
      <figure class="privacy-hero__visual">
        <img src="{zhanqunpic:h:600w:600}" width="600" height="600" alt="抽象的盾牌轮廓，内置锁形符号，金色线条，深蓝底" fetchpriority="high" />
        <figcaption class="caption">安全象征图标｜华体会赛数据保护视觉标识</figcaption>
      </figure>
    </header>

    <div class="privacy-layout">
      <aside class="privacy-toc" aria-label="隐私政策目录">
        <div class="privacy-toc__inner">
          <p class="privacy-toc__title">本页目录</p>
          <ol class="privacy-toc__list">
            <li><a href="#collect"><span class="privacy-toc__num">01</span>信息收集范围</a></li>
            <li><a href="#usage"><span class="privacy-toc__num">02</span>使用目的</a></li>
            <li><a href="#sharing"><span class="privacy-toc__num">03</span>数据共享</a></li>
            <li><a href="#rights"><span class="privacy-toc__num">04</span>用户权利</a></li>
            <li><a href="#updates"><span class="privacy-toc__num">05</span>政策更新</a></li>
          </ol>
          <div class="privacy-toc__note">
            <span class="tag tag--neon">实时更新</span>
            <p>每日更新比分超过2000场次，核心赛事在开赛前10分钟确认阵容。数据工具在生成内容的同时，遵循最小化记录原则。</p>
          </div>
        </div>
      </aside>

      <div class="privacy-doc">
        <section class="privacy-section" id="collect" aria-labelledby="collect-title" data-reveal>
          <div class="privacy-section__head">
            <span class="privacy-section__num" aria-hidden="true">01 / 05</span>
            <div>
              <p class="privacy-section__tag">Collection</p>
              <h2 id="collect-title">信息收集范围</h2>
            </div>
          </div>
          <div class="privacy-section__body">
            <p>为了让比分数据、联赛专题、会员标识和下载入口稳定工作，我们在访问过程中记录必要信息。信息分为三类：自动记录的技术信息、你主动提交的信息、Cookie 与本地存储信息。</p>
            <div class="privacy-cols grid grid--2">
              <div class="card card--dark privacy-card">
                <h3>自动记录内容</h3>
                <ul class="privacy-list">
                  <li>IP 地址与访问者所在城市范围</li>
                  <li>浏览器类型、操作系统版本、语言与设备尺寸</li>
                  <li>页面访问顺序、停留时长、跳转来源</li>
                  <li>比分页刷新频率与赛程浏览路径</li>
                </ul>
              </div>
              <div class="card card--dark privacy-card">
                <h3>主动提交内容</h3>
                <ul class="privacy-list">
                  <li>客服咨询时填写的邮箱地址</li>
                  <li>通过反馈渠道发送的问题描述</li>
                  <li>会员申请时选择的会员类型与联系方式</li>
                  <li>用户自行收藏的重点场次和联赛偏好</li>
                </ul>
              </div>
            </div>
            <h3 class="privacy-subhead">Cookie 与本地存储</h3>
            <p>华体会赛使用必要的 Cookie 与本地存储，用于记录会员登录状态、记住阅读位置、优化比分页加载速度。你可以在浏览器设置中关闭部分 Cookie，关闭后部分功能可能无法完整使用，但不会影响你浏览基础比分内容。我们不会通过 Cookie 向陌生第三方传送可识别身份的信息。</p>
            <p>我们只保留满足上述目的所需的数据。访问日志通常保留一段时间后进入匿名化处理，具体保留期限依据功能必要性和安全合规要求确定。</p>
          </div>
        </section>

        <section class="privacy-section" id="usage" aria-labelledby="usage-title" data-reveal data-reveal-delay="0.1s">
          <div class="privacy-section__head">
            <span class="privacy-section__num" aria-hidden="true">02 / 05</span>
            <div>
              <p class="privacy-section__tag">Purpose</p>
              <h2 id="usage-title">使用目的</h2>
            </div>
          </div>
          <div class="privacy-section__body">
            <p>我们处理上述数据，是为了完成你要的服务，并持续改进平台表现。具体使用目的包括：</p>
            <ul class="privacy-list privacy-list--spaced">
              <li>提供比赛入口、实时比分、阵容确认和联赛专题页面</li>
              <li>识别会员身份，展示重点场次会员与至尊会员的可用功能</li>
              <li>分析页面访问趋势，改进赛程排布、加载速度和移动端适配</li>
              <li>识别异常访问、防范恶意刷取与安全风险</li>
              <li>根据你主动提交的反馈，定位问题并回复处理方案</li>
            </ul>
            <p>我们不会为未经你注意的个性化广告而建立身份画像。数据分析以聚合和匿名形式进行，每日更新比分记录也主要用于比赛分类与展示，而非追踪个人行为。</p>
          </div>
        </section>

        <section class="privacy-section" id="sharing" aria-labelledby="sharing-title" data-reveal data-reveal-delay="0.2s">
          <div class="privacy-section__head">
            <span class="privacy-section__num" aria-hidden="true">03 / 05</span>
            <div>
              <p class="privacy-section__tag">Sharing & Security</p>
              <h2 id="sharing-title">数据共享与安全</h2>
            </div>
          </div>
          <div class="privacy-section__body">
            <p><strong class="privacy-em">华体会赛不向第三方出售个人数据。</strong>我们仅在下列有限情况下共享或披露必要信息：</p>
            <ul class="privacy-list privacy-list--spaced">
              <li>根据法律法规、行政或司法程序要求披露；</li>
              <li>为保护用户权益、网站安全或公共安全而合理披露；</li>
              <li>与合作的数据服务商共同处理访问统计和异常流量分析，服务商不得将数据用于其他用途。</li>
            </ul>
            <h3 class="privacy-subhead">数据安全措施</h3>
            <div class="privacy-safety__grid">
              <div class="privacy-safety__item">
                <span>传输加密</span>
                <p>关键请求通过加密通道传输，降低数据被窃听的风险。</p>
              </div>
              <div class="privacy-safety__item">
                <span>权限控制</span>
                <p>网站现有30人内容编辑与开发团队，系统角色按最小权限原则分配。</p>
              </div>
              <div class="privacy-safety__item">
                <span>日志审计</span>
                <p>对异常访问和账号操作保留日志，便于及时定位风险。</p>
              </div>
              <div class="privacy-safety__item">
                <span>隐私设计</span>
                <p>页面默认不展示敏感信息，榜单与比分数据均以聚合形式呈现。</p>
              </div>
            </div>
            <p class="privacy-safety-note">需要说明的是，任何互联网数据传输都无法保证绝对安全。我们会持续完善加密、访问控制与安全巡检，但仍建议你妥善保管会员信息，避免在公共设备上保存登录状态。</p>
          </div>
        </section>

        <section class="privacy-section" id="rights" aria-labelledby="rights-title" data-reveal data-reveal-delay="0.3s">
          <div class="privacy-section__head">
            <span class="privacy-section__num" aria-hidden="true">04 / 05</span>
            <div>
              <p class="privacy-section__tag">Your Rights</p>
              <h2 id="rights-title">用户权利</h2>
            </div>
          </div>
          <div class="privacy-section__body">
            <p>你可以依据个人数据保护相关法规，对自己的数据提出访问、更正、删除或限制处理请求。华体会赛会在核实身份后尽快处理。</p>
            <div class="privacy-rights grid grid--2">
              <div class="privacy-right">
                <span class="privacy-right__icon" aria-hidden="true">↗</span>
                <h3>访问与更正</h3>
                <p>你可以索取平台保存的与账号相关的信息，并更正其中不准确的联系资料。</p>
              </div>
              <div class="privacy-right">
                <span class="privacy-right__icon" aria-hidden="true">↘</span>
                <h3>删除与撤回同意</h3>
                <p>在符合法律保留要求的前提下，你可以申请删除个人数据，或撤回已授权的处理范围。</p>
              </div>
              <div class="privacy-right">
                <span class="privacy-right__icon" aria-hidden="true">→</span>
                <h3>限制与可携带</h3>
                <p>你可以要求限制部分处理行为，或申请以结构化格式获取可读的数据摘要。</p>
              </div>
              <div class="privacy-right">
                <span class="privacy-right__icon" aria-hidden="true">←</span>
                <h3>投诉与反馈</h3>
                <p>如对处理结果有疑问，可以通过页面底部联系渠道递交复核请求。</p>
              </div>
            </div>
            <div class="privacy-export-box">
              <div class="privacy-export-box__copy">
                <h3>导出数据摘要</h3>
                <p>这里提供一份基础摘要的可视化预览。完整数据文件请通过客服邮箱提交申请，我们会在24小时内回复处理进度。</p>
              </div>
              <a class="btn btn-member" href="#export-demo">导出数据摘要</a>
            </div>
            <div id="export-demo" class="privacy-export-demo">
              <p class="privacy-export-demo__title">数据摘要（可视化预览）</p>
              <ul class="privacy-list">
                <li>会员类型：普通会员 / 重点场次会员 / 至尊会员</li>
                <li>收藏列表：关注联赛与重点场次标签</li>
                <li>设备信息：最近使用的浏览器与操作系统</li>
                <li>访问偏好：常用赛程筛选与页面入口</li>
              </ul>
              <p>如需包含完整历史访问记录的副本，请通过 <a href="/reach-us/" class="privacy-inline-link">联系入口</a> 提交邮箱地址，我们将在24小时内回复后续步骤。</p>
              <a class="privacy-export-demo__close" href="#rights">收起摘要</a>
            </div>
          </div>
        </section>

        <section class="privacy-section" id="updates" aria-labelledby="updates-title" data-reveal data-reveal-delay="0.4s">
          <div class="privacy-section__head">
            <span class="privacy-section__num" aria-hidden="true">05 / 05</span>
            <div>
              <p class="privacy-section__tag">Updates</p>
              <h2 id="updates-title">政策更新</h2>
            </div>
          </div>
          <div class="privacy-section__body">
            <p>当服务功能、数据处理范围或相关法律要求发生变化时，我们可能对本政策进行调整。更新后的政策会发布在本页面，并在必要时通过首页公告或页面顶部提示让你知晓。</p>
            <p>如果你在我们发布更新后继续使用华体会赛，即代表你已阅读并理解更新后的隐私政策。如对特定变更有异议，你可以停止相关功能的使用，并通过客服渠道提出反馈。</p>
            <div class="privacy-contact-note">
              <p>数据保护请求与隐私问题可通过官方客服邮箱联系：<strong>email@hua-ti-hui-match.com.cn</strong></p>
              <p>你也可致电 <strong>17623122651</strong>，或致信 <strong>甘肃省兰州市城关区雁滩路188号</strong> 转华体会赛客服团队。该地址为联系地址，并非总部或注册地址，也不代表已核验的营业场所。</p>
            </div>
          </div>
        </section>

        <nav class="privacy-related" aria-label="相关说明">
          <a class="privacy-related__link" href="/instructions/">使用说明与免责声明</a>
          <a class="privacy-related__link" href="/reach-us/">联系入口与客服渠道</a>
        </nav>
      </div>
    </div>
  </div>
</main>

.page-privacy {
  --privacy-rule: rgba(241, 233, 210, 0.16);
  --privacy-body: rgba(255, 255, 255, 0.82);
  --privacy-muted: rgba(255, 255, 255, 0.68);
  --privacy-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", "Liberation Mono", Consolas, monospace;
  position: relative;
  min-height: 100vh;
  color: var(--c-paper);
  background-color: var(--c-night);
  background-image:
    linear-gradient(rgba(241, 233, 210, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(241, 233, 210, 0.04) 1px, transparent 1px);
  background-size: 44px 44px;
}

.page-privacy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--c-blood), var(--c-neon) 35%, var(--c-gold) 70%, var(--c-blood));
  opacity: 0.8;
  pointer-events: none;
  z-index: 3;
}

.page-privacy .page-privacy__shell {
  position: relative;
  z-index: 1;
  padding: 1.5rem 0 5rem;
}

.page-privacy .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--privacy-mono);
  font-size: 0.85rem;
  color: var(--c-silver);
}

.page-privacy .breadcrumb-link {
  color: var(--c-gold);
  text-underline-offset: 4px;
}

.page-privacy .breadcrumbs-current {
  color: var(--c-paper);
}

.page-privacy .exhibit-label {
  color: var(--c-neon);
  font-family: var(--privacy-mono);
  letter-spacing: 0.08em;
}

.page-privacy .privacy-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
  align-items: center;
  margin-top: 1.5rem;
  padding: 3rem 0 2.5rem;
  border-top: 1px solid var(--privacy-rule);
  border-bottom: 1px solid var(--privacy-rule);
}

.page-privacy .privacy-hero__copy {
  max-width: 860px;
}

.page-privacy .privacy-hero h1 {
  margin: 0.85rem 0 1rem;
  font-size: clamp(2rem, 5vw, 3.8rem);
  line-height: 1.04;
  font-weight: 900;
  font-style: oblique;
  letter-spacing: -0.03em;
  color: var(--c-gold);
}

.page-privacy .privacy-hero h1::after {
  content: "";
  display: block;
  width: 112px;
  height: 6px;
  margin-top: 1rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--c-blood), var(--c-gold), var(--c-neon));
}

.page-privacy .privacy-hero__lead {
  max-width: 66ch;
  color: var(--privacy-body);
  font-size: 1.02rem;
  line-height: 1.8;
}

.page-privacy .privacy-hero__meta {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin: 1.5rem 0 0;
  padding: 0;
}

.page-privacy .privacy-hero__meta li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.9rem;
  border: 1px solid var(--privacy-rule);
  border-radius: var(--radius-pill);
  background: rgba(26, 26, 46, 0.78);
  color: var(--c-paper);
  font-family: var(--privacy-mono);
  font-size: 0.8rem;
}

.page-privacy .privacy-hero__meta-label {
  color: var(--c-gold);
}

.page-privacy .privacy-hero__visual {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

.page-privacy .privacy-hero__visual::before {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 72%;
  height: 72%;
  border-radius: 48px;
  background: linear-gradient(135deg, rgba(230, 57, 70, 0.28), rgba(212, 175, 55, 0.18));
  z-index: -1;
}

.page-privacy .privacy-hero__visual img {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 40px;
  border: 1px solid rgba(212, 175, 55, 0.5);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.35);
  transform: rotate(1.2deg);
}

.page-privacy .privacy-hero__visual .caption {
  margin-top: 0.9rem;
  text-align: center;
  color: var(--c-silver);
  font-size: 0.8rem;
}

.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5rem;
  align-items: start;
  margin-top: 3rem;
}

.page-privacy .privacy-doc {
  min-width: 0;
}

.page-privacy .privacy-toc__inner {
  border-left: 3px solid var(--c-gold);
  padding-left: 1.25rem;
}

.page-privacy .privacy-toc__title {
  margin: 0;
  color: var(--c-neon);
  font-family: var(--privacy-mono);
  font-size: 0.85rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.page-privacy .privacy-toc__list {
  list-style: none;
  display: grid;
  gap: 0.4rem;
  margin: 1rem 0 1.25rem;
  padding: 0;
}

.page-privacy .privacy-toc__list a {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  padding: 0.3rem 0;
  color: var(--c-paper);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.page-privacy .privacy-toc__list a:hover {
  color: var(--c-white);
  border-bottom-color: var(--c-blood);
}

.page-privacy .privacy-toc__num {
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  font-size: 0.8rem;
}

.page-privacy .privacy-toc__note {
  margin-top: 1.5rem;
  padding: 1rem;
  border-left: 3px solid var(--c-neon);
  border-radius: 0 var(--radius-card) var(--radius-card) 0;
  background: rgba(57, 255, 20, 0.06);
}

.page-privacy .privacy-toc__note p {
  margin: 0.65rem 0 0;
  color: var(--privacy-muted);
  font-size: 0.85rem;
  line-height: 1.6;
}

.page-privacy .privacy-section {
  margin-top: 2.5rem;
  padding-top: 2.25rem;
  border-top: 1px solid var(--privacy-rule);
  scroll-margin-top: 6.5rem;
  transition: border-left 0.2s ease, padding-left 0.2s ease;
}

.page-privacy .privacy-section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.page-privacy .privacy-section:target {
  border-left: 4px solid var(--c-gold);
  border-top-color: rgba(212, 175, 55, 0.45);
  border-radius: 0 20px 20px 0;
  padding-left: 1rem;
}

.page-privacy .privacy-section__head {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.page-privacy .privacy-section__num {
  flex: 0 0 auto;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 100px;
  background: rgba(212, 175, 55, 0.1);
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  font-size: 0.85rem;
}

.page-privacy .privacy-section__tag {
  margin: 0 0 0.3rem;
  color: var(--c-blood);
  font-family: var(--privacy-mono);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page-privacy .privacy-section h2 {
  margin: 0;
  color: var(--c-gold);
  font-size: clamp(1.55rem, 3.2vw, 2.35rem);
  line-height: 1.15;
  font-weight: 900;
  font-style: oblique;
}

.page-privacy .privacy-section h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  margin-top: 0.6rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--c-blood), var(--c-gold));
}

.page-privacy .privacy-section__body {
  color: var(--privacy-body);
  line-height: 1.85;
}

.page-privacy .privacy-section__body p {
  max-width: 72ch;
  margin: 0 0 1rem;
}

.page-privacy .privacy-section h3 {
  margin: 1.75rem 0 0.75rem;
  color: var(--c-white);
  font-size: 1.08rem;
}

.page-privacy .privacy-subhead {
  margin-top: 2rem;
  padding-left: 0.8rem;
  border-left: 4px solid var(--c-blood);
}

.page-privacy .privacy-cols {
  margin: 1.5rem 0;
}

.page-privacy .privacy-card {
  padding: 1.25rem;
  border: 1px solid var(--privacy-rule);
  border-radius: var(--radius-card);
  background: linear-gradient(145deg, rgba(10, 17, 40, 0.88), rgba(26, 26, 46, 0.78));
}

.page-privacy .privacy-card h3 {
  margin-top: 0;
  color: var(--c-white);
  font-size: 1.05rem;
}

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

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 1.35rem;
  color: var(--privacy-muted);
  line-height: 1.7;
}

.page-privacy .privacy-list li::before {
  content: "▶";
  position: absolute;
  top: 0.42rem;
  left: 0;
  color: var(--c-neon);
  font-size: 0.55rem;
}

.page-privacy .privacy-list--spaced {
  gap: 0.9rem;
  margin: 1.25rem 0;
}

.page-privacy .privacy-em {
  color: var(--c-gold);
  font-weight: 700;
}

.page-privacy .privacy-safety__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  margin: 1.25rem 0;
}

.page-privacy .privacy-safety__item {
  padding: 1.1rem 1.25rem;
  border: 1px solid var(--privacy-rule);
  border-top: 2px solid var(--c-blood);
  border-radius: var(--radius-card);
  background: linear-gradient(145deg, rgba(10, 17, 40, 0.88), rgba(26, 26, 46, 0.78));
}

.page-privacy .privacy-safety__item span {
  display: block;
  margin-bottom: 0.45rem;
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  font-weight: 900;
}

.page-privacy .privacy-safety__item p {
  margin: 0;
  color: var(--privacy-muted);
  font-size: 0.9rem;
  line-height: 1.7;
}

.page-privacy .privacy-safety-note {
  margin-top: 1.5rem;
  padding: 1rem 1.25rem;
  border-left: 3px solid var(--c-blood);
  border-radius: 16px;
  background: rgba(230, 57, 70, 0.1);
  color: var(--privacy-muted);
  font-size: 0.92rem;
}

.page-privacy .privacy-rights {
  gap: 1rem;
  margin: 1.5rem 0 0.5rem;
}

.page-privacy .privacy-right {
  padding: 1.25rem;
  border: 1px solid var(--privacy-rule);
  border-radius: var(--radius-card);
  background: rgba(10, 17, 40, 0.65);
}

.page-privacy .privacy-right__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.75rem;
  border-radius: 50%;
  background: var(--c-blood);
  color: var(--c-white);
  font-family: var(--privacy-mono);
}

.page-privacy .privacy-right h3 {
  margin: 0 0 0.5rem;
  color: var(--c-paper);
  font-size: 1rem;
}

.page-privacy .privacy-right p {
  margin: 0;
  color: var(--privacy-muted);
  font-size: 0.9rem;
  line-height: 1.7;
}

.page-privacy .privacy-export-box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.25rem;
  justify-content: space-between;
  margin: 2rem 0 1rem;
  padding: 1.5rem;
  border: 1px solid rgba(212, 175, 55, 0.4);
  border-radius: var(--radius-card);
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.12), rgba(230, 57, 70, 0.08));
}

.page-privacy .privacy-export-box h3 {
  margin: 0 0 0.4rem;
  color: var(--c-gold);
}

.page-privacy .privacy-export-box p {
  margin: 0;
  color: var(--privacy-muted);
  font-size: 0.9rem;
  line-height: 1.7;
}

.page-privacy .privacy-export-demo {
  display: none;
  margin: 1rem 0 1.5rem;
  padding: 1.5rem;
  border: 1px solid var(--c-gold);
  border-radius: var(--radius-card);
  background: rgba(10, 17, 40, 0.9);
  scroll-margin-top: 7rem;
}

.page-privacy .privacy-export-demo:target {
  display: block;
}

.page-privacy .privacy-export-demo__title {
  margin: 0 0 1rem;
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  font-weight: 900;
}

.page-privacy .privacy-export-demo p {
  color: var(--privacy-muted);
  line-height: 1.7;
}

.page-privacy .privacy-export-demo__close {
  display: inline-block;
  margin-top: 1rem;
  color: var(--c-neon);
  font-family: var(--privacy-mono);
  font-size: 0.85rem;
  text-decoration: none;
  border-bottom: 1px solid rgba(57, 255, 20, 0.4);
}

.page-privacy .privacy-inline-link {
  color: var(--c-gold);
  font-weight: 700;
  text-underline-offset: 4px;
}

.page-privacy .privacy-contact-note {
  margin-top: 2rem;
  padding: 1.5rem;
  border: 1px solid var(--privacy-rule);
  border-radius: var(--radius-card);
  background: rgba(26, 26, 46, 0.85);
  color: var(--privacy-muted);
  line-height: 1.8;
}

.page-privacy .privacy-contact-note p {
  margin: 0.35rem 0;
}

.page-privacy .privacy-contact-note strong {
  color: var(--c-paper);
  font-family: var(--privacy-mono);
  font-weight: 600;
}

.page-privacy .privacy-related {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--privacy-rule);
}

.page-privacy .privacy-related__link {
  padding: 0.65rem 1.1rem;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-radius: var(--radius-pill);
  background: rgba(212, 175, 55, 0.08);
  color: var(--c-gold);
  font-family: var(--privacy-mono);
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.page-privacy .privacy-related__link:hover {
  background: rgba(212, 175, 55, 0.18);
  color: var(--c-white);
}

@media (min-width: 640px) {
  .page-privacy .privacy-export-box {
    flex-direction: row;
    align-items: center;
  }

  .page-privacy .privacy-export-box__copy {
    flex: 1 1 auto;
  }

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

@media (min-width: 860px) {
  .page-privacy .privacy-hero {
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
  }

  .page-privacy .privacy-hero__copy {
    padding-right: 2rem;
  }

  .page-privacy .privacy-hero__visual {
    justify-self: end;
  }
}

@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 4rem;
  }

  .page-privacy .privacy-toc__inner {
    position: sticky;
    top: 6rem;
  }
}

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