.page-privacy {
  --pv-doc-width: 68ch;
  background: var(--ink-900);
  color: var(--paper-bright);
  font-family: var(--font-body);
  padding-bottom: clamp(48px, 8vw, 96px);
  overflow-x: hidden;
}

/* —— 首屏 —— */
.page-privacy .pv-hero {
  padding-block: clamp(26px, 5vw, 52px) clamp(32px, 5vw, 60px);
  background:
    radial-gradient(120% 90% at 88% 0%, rgba(84, 214, 255, 0.14), transparent 62%),
    radial-gradient(90% 70% at 2% 8%, rgba(184, 255, 61, 0.09), transparent 58%);
}

.page-privacy .pv-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 4vw, 44px);
  align-items: end;
  margin-top: clamp(20px, 3vw, 34px);
}

.page-privacy .pv-hero-copy h1 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(2.4rem, 6.4vw, 4.6rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
  margin: 0.14em 0 0.4em;
  color: var(--paper-bright);
  text-wrap: balance;
}

.page-privacy .pv-lead {
  max-width: 46ch;
  font-size: clamp(1rem, 1.5vw, 1.16rem);
  line-height: 1.8;
  color: rgba(255, 248, 234, 0.88);
  margin: 0 0 0.9em;
}

.page-privacy .pv-lead strong {
  color: var(--lime);
  font-weight: 700;
}

.page-privacy .pv-hero-note {
  max-width: 48ch;
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.75;
  color: var(--mist);
}

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

.page-privacy .pv-facts li {
  display: grid;
  grid-template-columns: minmax(4.2em, auto) minmax(0, 1fr);
  gap: 14px;
  align-items: baseline;
  padding: 13px 18px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: linear-gradient(155deg, rgba(15, 27, 45, 0.92), rgba(7, 17, 31, 0.55));
  transition: border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

.page-privacy .pv-facts li:hover {
  border-color: rgba(217, 179, 77, 0.5);
  transform: translateY(-2px);
}

.page-privacy .pv-facts .mono {
  font-family: var(--font-mono);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--amber);
}

.page-privacy .pv-facts li span:last-child {
  font-size: 0.88rem;
  line-height: 1.6;
  color: rgba(255, 248, 234, 0.78);
}

.page-privacy .pv-hero-media {
  margin: clamp(24px, 4vw, 42px) 0 0;
  border-radius: var(--r-xl);
  overflow: hidden;
  border: 1px solid var(--line-strong);
  background: var(--ink-800);
}

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

/* —— 双栏骨架 —— */
.page-privacy .pv-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 3.4vw, 44px);
  padding-top: clamp(28px, 4.6vw, 58px);
}

/* —— 目录 —— */
.page-privacy .pv-toc {
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  background: rgba(15, 27, 45, 0.72);
  padding: 18px 16px;
}

.page-privacy .pv-toc-title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mist);
}

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

.page-privacy .pv-toc-list a {
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  gap: 8px;
  align-items: baseline;
  padding: 9px 11px;
  border-radius: var(--r-pill);
  border: 1px solid transparent;
  color: rgba(255, 248, 234, 0.82);
  font-size: 0.9rem;
  line-height: 1.5;
  text-decoration: none;
  transition: color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

.page-privacy .pv-toc-list a .mono {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  color: var(--mist);
}

.page-privacy .pv-toc-list a:hover,
.page-privacy .pv-toc-list a:focus-visible {
  background: rgba(184, 255, 61, 0.1);
  border-color: rgba(184, 255, 61, 0.42);
  color: var(--lime);
}

.page-privacy .pv-toc-list a:hover .mono,
.page-privacy .pv-toc-list a:focus-visible .mono {
  color: var(--lime);
}

.page-privacy .pv-toc-foot {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px dashed var(--line);
  font-size: 0.78rem;
  color: var(--mist);
}

.page-privacy .pv-toc-foot .mono {
  font-family: var(--font-mono);
  color: var(--cyan);
}

/* —— 正文 —— */
.page-privacy .pv-doc {
  min-width: 0;
}

.page-privacy .pv-sec {
  padding-block: clamp(28px, 4.4vw, 48px);
  border-top: 1px solid var(--line-soft);
}

.page-privacy .pv-sec:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-privacy .pv-sec-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(12px, 2vw, 20px);
  align-items: baseline;
  margin-bottom: clamp(14px, 2.2vw, 24px);
}

.page-privacy .pv-sec-num {
  font-family: var(--font-mono);
  font-size: clamp(1.42rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1;
  color: var(--lime);
  opacity: 0.82;
}

.page-privacy .pv-sec h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 2.5vw, 1.86rem);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.3;
  color: var(--paper-bright);
  text-wrap: balance;
}

.page-privacy .pv-prose {
  max-width: var(--pv-doc-width);
  font-size: 1rem;
  line-height: 1.85;
  color: rgba(255, 248, 234, 0.84);
}

.page-privacy .pv-prose p {
  margin: 0 0 1.05em;
}

.page-privacy .pv-prose p:last-child {
  margin-bottom: 0;
}

.page-privacy .pv-prose ul {
  list-style: none;
  margin: 0 0 1.15em;
  padding: 0;
  display: grid;
  gap: 0.72em;
}

.page-privacy .pv-prose ul li {
  position: relative;
  padding-left: 1.5em;
}

.page-privacy .pv-prose ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--lime);
  opacity: 0.8;
}

.page-privacy .pv-prose strong {
  color: var(--paper-bright);
  font-weight: 700;
}

.page-privacy .pv-prose .mono {
  font-family: var(--font-mono);
  color: var(--amber);
  font-weight: 700;
}

.page-privacy .pv-prose a {
  color: var(--cyan);
  text-decoration: underline;
  text-decoration-color: rgba(84, 214, 255, 0.42);
  text-underline-offset: 3px;
  transition: color var(--t-fast) var(--ease), text-decoration-color var(--t-fast) var(--ease);
}

.page-privacy .pv-prose a:hover {
  color: var(--lime);
  text-decoration-color: rgba(184, 255, 61, 0.6);
}

/* —— 章节间的大圆角停顿块 —— */
.page-privacy .pv-pause {
  margin-block: clamp(22px, 3.6vw, 38px);
  border-radius: var(--r-xl);
  padding: clamp(22px, 3.4vw, 36px);
  display: grid;
  gap: 12px;
}

.page-privacy .pv-pause--ink {
  background: linear-gradient(150deg, rgba(19, 35, 58, 0.96), rgba(7, 17, 31, 0.9));
  border: 1px solid var(--line);
  box-shadow: inset 0 1px 0 rgba(84, 214, 255, 0.16);
}

.page-privacy .pv-pause--paper {
  background: linear-gradient(142deg, var(--paper), #e4d5ba);
  color: var(--ink-900);
  box-shadow: 0 18px 40px -30px rgba(0, 0, 0, 0.9);
}

.page-privacy .pv-pause-kicker {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cyan);
}

.page-privacy .pv-pause--paper .pv-pause-kicker {
  color: var(--deep-green);
}

.page-privacy .pv-pause-text {
  margin: 0;
  max-width: 52ch;
  font-size: clamp(1rem, 1.6vw, 1.14rem);
  line-height: 1.78;
  color: rgba(255, 248, 234, 0.9);
}

.page-privacy .pv-pause-link {
  justify-self: start;
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: var(--r-pill);
  border: 1px solid rgba(184, 255, 61, 0.5);
  color: var(--lime);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}

.page-privacy .pv-pause-link:hover,
.page-privacy .pv-pause-link:focus-visible {
  background: var(--lime);
  color: var(--ink-900);
}

.page-privacy .pv-pause-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.page-privacy .pv-pause-grid li {
  border-left: 3px solid var(--ink-900);
  padding-left: 14px;
  font-size: 0.92rem;
  line-height: 1.66;
  color: rgba(7, 17, 31, 0.82);
}

.page-privacy .pv-pause-grid .mono {
  display: block;
  font-family: var(--font-mono);
  font-size: 1.42rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 5px;
  color: var(--ink-900);
}

/* —— 平板起双栏 —— */
@media (min-width: 760px) {
  .page-privacy .pv-pause-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (min-width: 900px) {
  .page-privacy .pv-hero-grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    gap: clamp(28px, 4vw, 56px);
  }
}

@media (min-width: 980px) {
  .page-privacy .pv-layout {
    grid-template-columns: minmax(196px, 232px) minmax(0, 1fr);
    align-items: start;
  }

  .page-privacy .pv-toc {
    position: sticky;
    top: 96px;
  }
}

/* —— 窄屏收束 —— */
@media (max-width: 520px) {
  .page-privacy .pv-facts li {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .page-privacy .pv-facts .mono {
    font-size: 1rem;
  }

  .page-privacy .pv-toc-list a {
    grid-template-columns: 2em minmax(0, 1fr);
    font-size: 0.86rem;
  }

  .page-privacy .pv-sec-head {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  .page-privacy .pv-pause {
    border-radius: var(--r-lg);
  }
}

/* —— 打印 —— */
@media print {
  .page-privacy {
    background: #ffffff;
    color: #111111;
    padding-bottom: 0;
  }

  .page-privacy .pv-hero {
    background: none;
    padding-block: 0 12px;
  }

  .page-privacy .pv-toc,
  .page-privacy .pv-hero-media,
  .page-privacy .pv-facts {
    display: none;
  }

  .page-privacy .pv-layout {
    display: block;
    padding-top: 0;
  }

  .page-privacy .pv-sec {
    border-top: 1px solid #cccccc;
    padding-block: 14px;
    break-inside: avoid;
  }

  .page-privacy .pv-sec-num,
  .page-privacy .pv-sec h2,
  .page-privacy .pv-prose,
  .page-privacy .pv-prose strong,
  .page-privacy .pv-prose .mono {
    color: #111111;
  }

  .page-privacy .pv-pause {
    background: none;
    border: 1px solid #cccccc;
    color: #111111;
    box-shadow: none;
  }

  .page-privacy .pv-pause-text,
  .page-privacy .pv-pause-grid li,
  .page-privacy .pv-pause-grid .mono,
  .page-privacy .pv-pause-kicker {
    color: #111111;
  }

  .page-privacy .pv-pause-link {
    display: none;
  }
}


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

  <div class="pv-hero">
    <div class="container">
      <nav class="breadcrumbs" aria-label="面包屑导航">
        <ol>
          <li><a href="/">主场工作台</a></li>
          <li aria-current="page">数据与隐私</li>
        </ol>
      </nav>

      <div class="pv-hero-grid">
        <div class="pv-hero-copy">
          <p class="eyebrow">数据保护手册 · 版本 7.2</p>
          <h1>数据与隐私</h1>
          <p class="lead pv-lead">你订阅了哪几项联赛、习惯用平板横屏确认阵容、希望提前多久收到看板提醒——这些偏好在<strong>新利赛场</strong>被当作你的个人设置来保管，怎么用、用到什么程度，始终由你说了算。</p>
          <p class="pv-hero-note">下面逐项说明账户资料、订阅偏好、Cookie 与浏览器本地存储的处理方式，以及你随时可以行使的权利。</p>
        </div>

        <ul class="pv-facts">
          <li>
            <span class="mono">2024</span>
            <span>通过信息系统安全等级保护三级备案</span>
          </li>
          <li>
            <span class="mono">7×12</span>
            <span>小时数据监测，重点赛事开赛前加强值守</span>
          </li>
          <li>
            <span class="mono">24h</span>
            <span>邮件咨询的回复时限</span>
          </li>
        </ul>
      </div>
    </div>

    <div class="container">
      <figure class="pv-hero-media media-frame">
        <img src="{zhanqunpic:h:600w:1600}" width="1600" height="600" alt="深空蓝底色上交错的数据线、几何锁形结构与荧光绿节点组成的抽象隐私保护视觉" decoding="async">
      </figure>
    </div>
  </div>

  <div class="container pv-layout">

    <aside class="pv-toc" aria-label="本页目录">
      <p class="pv-toc-title">本页目录</p>
      <ol class="pv-toc-list">
        <li><a href="#collect"><span class="mono">01</span><span>我们记录哪些信息</span></a></li>
        <li><a href="#purpose"><span class="mono">02</span><span>这些信息用在哪里</span></a></li>
        <li><a href="#storage"><span class="mono">03</span><span>Cookie 与本地存储</span></a></li>
        <li><a href="#preferences"><span class="mono">04</span><span>订阅与提醒偏好</span></a></li>
        <li><a href="#security"><span class="mono">05</span><span>数据安全措施</span></a></li>
        <li><a href="#rights"><span class="mono">06</span><span>你可以行使的权利</span></a></li>
        <li><a href="#minors"><span class="mono">07</span><span>未成年人保护</span></a></li>
        <li><a href="#updates"><span class="mono">08</span><span>版本更新与联系</span></a></li>
      </ol>
      <p class="pv-toc-foot">当前版本 <span class="mono">7.2</span></p>
    </aside>

    <div class="pv-doc">

      <section class="pv-sec" id="collect">
        <header class="pv-sec-head">
          <span class="pv-sec-num mono">01</span>
          <h2>我们记录哪些信息</h2>
        </header>
        <div class="prose pv-prose">
          <p>从你在首页看赛程，到预约一场比赛的看板，中间产生的信息大致分四类。每一类都对应一个具体用途，没有用途的信息我们不会顺手留下。</p>
          <ul>
            <li><strong>账户与身份信息。</strong>注册时填写的手机号或邮箱、昵称以及登录凭证。密码以不可逆的散列形式保存，客服与运营人员都无法还原成明文。</li>
            <li><strong>订阅与预约偏好。</strong>你关注的联赛和球队、选定的提醒方式与提醒提前量、看板预约的赛事与时间段、习惯使用北京时间还是比赛当地时区。</li>
            <li><strong>设备与访问日志。</strong>设备型号、操作系统与浏览器版本、屏幕横竖方向、访问的页面与时间、错误和崩溃记录。日志主要用于定位故障和识别异常登录。</li>
            <li><strong>你主动交给我们的内容。</strong>客服邮件正文、回访清单里填写的使用反馈、内容合作咨询中留下的联络信息，以及你在赛事问答里描述的问题场景。</li>
          </ul>
          <p>如果你只想浏览赛程和红黄牌记录、不做任何预约，不注册也能正常阅读大部分公开页面。</p>
        </div>
      </section>

      <section class="pv-sec" id="purpose">
        <header class="pv-sec-head">
          <span class="pv-sec-num mono">02</span>
          <h2>这些信息用在哪里</h2>
        </header>
        <div class="prose pv-prose">
          <p>信息的第一用途永远是让你看到的内容与你要看的东西对得上，其次才是安全与改进：</p>
          <ul>
            <li>把赛程按当地开赛时间、主场坐标与赛事阶段排出顺序，让时间轴顺着你的关注次序展开。</li>
            <li>在开赛前十分钟推送阵容与关键数据，配合平板横屏把首发、红黄牌与射门分布放在同一屏。</li>
            <li>按你的订阅设置发送多联赛更新，固定为每周两次，不额外打扰。</li>
            <li>把已预约的看板同步进个人看板，开赛前按你选的渠道提醒。</li>
            <li>客服处理你的问题邮件时，调取相关的订阅和访问记录来定位原因。</li>
            <li>识别异常登录、批量抓取等风险行为，保护账户和平台稳定。</li>
          </ul>
          <p>用于产品改进时，我们依据聚合后的统计结果，例如某类数据卡片的展开率、某个时段的访问峰值。个人信息不会出售给任何第三方，也不会用于站外广告定向投放。</p>
        </div>
      </section>

      <aside class="pv-pause pv-pause--ink" data-reveal>
        <p class="pv-pause-kicker">偏好由你决定</p>
        <p class="pv-pause-text">订阅哪个联赛、提前多久收到提醒、看板推送到哪个渠道，都能在个人中心逐项调整。改动立即生效，下一轮更新就按新的设置走。</p>
        <a class="pv-pause-link" href="/faqs/">看看订阅与提醒的常见问题</a>
      </aside>

      <section class="pv-sec" id="storage">
        <header class="pv-sec-head">
          <span class="pv-sec-num mono">03</span>
          <h2>Cookie 与浏览器本地存储</h2>
        </header>
        <div class="prose pv-prose">
          <p>为了让登录状态和你的浏览习惯不每次都从头设置，页面会用到两类本地技术：</p>
          <ul>
            <li><strong>必要 Cookie。</strong>维持登录状态、校验会话安全、防止跨站伪造请求。关掉它们将无法保持登录，赛程筛选和看板预约也会失效。</li>
            <li><strong>浏览器本地存储。</strong>记录你选择的语言、时区、联赛筛选条件、平板横屏布局偏好、已读的版本提示，以及还没提交的看板预约时间段草稿。这些内容停留在你自己的浏览器里。</li>
          </ul>
          <p>我们在站内不使用第三方广告跟踪脚本，也不会把本地存储里的偏好拼成跨站画像。你可以在浏览器设置里清除本站点的数据，或在个人中心一键重置偏好；清除后需要重新登录并重设筛选条件。</p>
        </div>
      </section>

      <section class="pv-sec" id="preferences">
        <header class="pv-sec-head">
          <span class="pv-sec-num mono">04</span>
          <h2>订阅与提醒偏好</h2>
        </header>
        <div class="prose pv-prose">
          <p>登录后进入个人中心，可以管理这些设置：</p>
          <ul>
            <li><strong>订阅范围。</strong>按联赛、球队组合订阅，五大联赛与欧战赛事可以自由搭配，随时增减。</li>
            <li><strong>提醒方式。</strong>站内提醒或邮件提醒，两者可以只开其一，也可以同时开启。</li>
            <li><strong>提醒节奏。</strong>多联赛订阅的更新频率为每周两次，集中在赛程密集的时段推送。</li>
            <li><strong>看板预约窗口。</strong>可预约开赛前 48 小时至开赛前 5 分钟的时间段，预约成功后同步到个人看板。</li>
          </ul>
          <p>关闭某类提醒不会影响已经预约成功的看板，也不会取消你的联赛订阅。想彻底退出时，在个人中心取消对应联赛即可，之后不再收到相关更新。</p>
        </div>
      </section>

      <section class="pv-sec" id="security">
        <header class="pv-sec-head">
          <span class="pv-sec-num mono">05</span>
          <h2>数据安全措施</h2>
        </header>
        <div class="prose pv-prose">
          <p>平台在 2024 年通过信息系统安全等级保护三级备案。围绕账户、订阅与日志数据，日常执行以下措施：</p>
          <ul>
            <li>数据传输全程加密，敏感字段单独加密存储，密钥与业务数据分离管理。</li>
            <li>内部权限按岗位最小化授权，访问行为留痕并定期复核，超出职责范围的数据无法调阅。</li>
            <li>7×12 小时数据监测，重点赛事开赛前 2 小时进入加强值守，异常流量与登录行为会被优先处置。</li>
            <li>数据更新与人工复核双轨运行，配套 5 级内容审核流程，减少错误信息扩散。</li>
            <li>客服与内容团队定期接受信息处理规范培训，处理工单时只调阅与问题直接相关的记录。</li>
          </ul>
          <p>安全防护持续迭代。如果出现影响你权益的情况，我们会通过站内提示和预留邮箱告知处置进展与应对建议。</p>
        </div>
      </section>

      <aside class="pv-pause pv-pause--paper" data-reveal>
        <p class="pv-pause-kicker">安全侧的三个关键数字</p>
        <ul class="pv-pause-grid">
          <li><span class="mono">三级</span>信息系统安全等级保护备案，2024 年完成</li>
          <li><span class="mono">7×12</span>小时数据监测，重点赛事开赛前加强值守</li>
          <li><span class="mono">5 级</span>内容审核流程，数据更新与人工复核并行</li>
        </ul>
      </aside>

      <section class="pv-sec" id="rights">
        <header class="pv-sec-head">
          <span class="pv-sec-num mono">06</span>
          <h2>你可以行使的权利</h2>
        </header>
        <div class="prose pv-prose">
          <p>账户里的资料和偏好，你随时可以查看、修改或带走：</p>
          <ul>
            <li><strong>访问与获取副本。</strong>登录个人中心即可查看账户资料、订阅列表和看板预约记录；需要完整副本时，用注册邮箱发信到客服邮箱申请。</li>
            <li><strong>更正信息。</strong>昵称、手机号和邮箱可以在个人中心直接修改，遇到无法自行修改的情况联系客服处理。</li>
            <li><strong>删除内容。</strong>可以删除单条回访清单反馈、清空订阅记录和已过期的看板预约。</li>
            <li><strong>撤回同意。</strong>关闭站内或邮件提醒、清除浏览器本地存储，都可以随时进行。</li>
            <li><strong>注销账户。</strong>用注册邮箱提交注销申请，核验身份后处理；注销完成后订阅与看板预约同步失效。</li>
          </ul>
          <p>邮件申请会在 24 小时内收到回复，涉及身份核验的事项会说明所需的补充材料。</p>
        </div>
      </section>

      <section class="pv-sec" id="minors">
        <header class="pv-sec-head">
          <span class="pv-sec-num mono">07</span>
          <h2>未成年人保护</h2>
        </header>
        <div class="prose pv-prose">
          <p>不满 14 周岁的未成年人，应在监护人同意并指导下使用本平台的注册与订阅功能。我们不会主动向这一年龄段推送订阅提醒或回访清单邀请。</p>
          <p>监护人可以用注册邮箱联系客服，查询、更正或删除未成年人的账户资料与订阅记录。若我们发现在未取得监护人同意的情况下收集了不满 14 周岁未成年人的信息，会尽快删除相关数据并停止对应功能。</p>
          <p>如果你在陪孩子一起看球，建议把看板预约和提醒设置放在你自己的账户下，孩子只使用浏览功能。</p>
        </div>
      </section>

      <section class="pv-sec" id="updates">
        <header class="pv-sec-head">
          <span class="pv-sec-num mono">08</span>
          <h2>版本更新与联系</h2>
        </header>
        <div class="prose pv-prose">
          <p>本说明当前版本为 <span class="mono">7.2</span>，版本号显示在页面顶部与左侧目录底部。条款有调整时，我们会更新版本号，并通过站内提示告知已登录用户；涉及订阅和提醒规则的变化，会同时发到你的预留邮箱。</p>
          <p>对隐私处理有疑问，或想行使上面提到的任何一项权利，可以写信到 <strong>kefu@match-luck.com.cn</strong>，并注明"新利赛场"及具体需求，我们会在 24 小时内回复。工作日 9:00-18:00 也可以拨打客服电话，完整的联络方式与服务时间见<a href="/connect/">联络与回访</a>。</p>
          <p>延伸阅读：<a href="/legal/">使用条款与法律声明</a> · <a href="/offerings/">赛场服务说明</a> · <a href="/">回到主场工作台</a></p>
        </div>
      </section>

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

.page-privacy {
  --pv-doc-width: 68ch;
  background: var(--ink-900);
  color: var(--paper-bright);
  font-family: var(--font-body);
  padding-bottom: clamp(48px, 8vw, 96px);
  overflow-x: hidden;
}

/* —— 首屏 —— */
.page-privacy .pv-hero {
  padding-block: clamp(26px, 5vw, 52px) clamp(32px, 5vw, 60px);
  background:
    radial-gradient(120% 90% at 88% 0%, rgba(84, 214, 255, 0.14), transparent 62%),
    radial-gradient(90% 70% at 2% 8%, rgba(184, 255, 61, 0.09), transparent 58%);
}

.page-privacy .pv-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 4vw, 44px);
  align-items: end;
  margin-top: clamp(20px, 3vw, 34px);
}

.page-privacy .pv-hero-copy h1 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(2.4rem, 6.4vw, 4.6rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
  margin: 0.14em 0 0.4em;
  color: var(--paper-bright);
  text-wrap: balance;
}

.page-privacy .pv-lead {
  max-width: 46ch;
  font-size: clamp(1rem, 1.5vw, 1.16rem);
  line-height: 1.8;
  color: rgba(255, 248, 234, 0.88);
  margin: 0 0 0.9em;
}

.page-privacy .pv-lead strong {
  color: var(--lime);
  font-weight: 700;
}

.page-privacy .pv-hero-note {
  max-width: 48ch;
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.75;
  color: var(--mist);
}

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

.page-privacy .pv-facts li {
  display: grid;
  grid-template-columns: minmax(4.2em, auto) minmax(0, 1fr);
  gap: 14px;
  align-items: baseline;
  padding: 13px 18px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: linear-gradient(155deg, rgba(15, 27, 45, 0.92), rgba(7, 17, 31, 0.55));
  transition: border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

.page-privacy .pv-facts li:hover {
  border-color: rgba(255, 184, 77, 0.5);
  transform: translateY(-2px);
}

.page-privacy .pv-facts .mono {
  font-family: var(--font-mono);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--amber);
}

.page-privacy .pv-facts li span:last-child {
  font-size: 0.88rem;
  line-height: 1.6;
  color: rgba(255, 248, 234, 0.78);
}

.page-privacy .pv-hero-media {
  margin: clamp(24px, 4vw, 42px) 0 0;
  border-radius: var(--r-xl);
  overflow: hidden;
  border: 1px solid var(--line-strong);
  background: var(--ink-800);
}

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

/* —— 双栏骨架 —— */
.page-privacy .pv-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 3.4vw, 44px);
  padding-top: clamp(28px, 4.6vw, 58px);
}

/* —— 目录 —— */
.page-privacy .pv-toc {
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  background: rgba(15, 27, 45, 0.72);
  padding: 18px 16px;
}

.page-privacy .pv-toc-title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mist);
}

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

.page-privacy .pv-toc-list a {
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  gap: 8px;
  align-items: baseline;
  padding: 9px 11px;
  border-radius: var(--r-pill);
  border: 1px solid transparent;
  color: rgba(255, 248, 234, 0.82);
  font-size: 0.9rem;
  line-height: 1.5;
  text-decoration: none;
  transition: color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

.page-privacy .pv-toc-list a .mono {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  color: var(--mist);
}

.page-privacy .pv-toc-list a:hover,
.page-privacy .pv-toc-list a:focus-visible {
  background: rgba(184, 255, 61, 0.1);
  border-color: rgba(184, 255, 61, 0.42);
  color: var(--lime);
}

.page-privacy .pv-toc-list a:hover .mono,
.page-privacy .pv-toc-list a:focus-visible .mono {
  color: var(--lime);
}

.page-privacy .pv-toc-foot {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px dashed var(--line);
  font-size: 0.78rem;
  color: var(--mist);
}

.page-privacy .pv-toc-foot .mono {
  font-family: var(--font-mono);
  color: var(--cyan);
}

/* —— 正文 —— */
.page-privacy .pv-doc {
  min-width: 0;
}

.page-privacy .pv-sec {
  padding-block: clamp(28px, 4.4vw, 48px);
  border-top: 1px solid var(--line-soft);
}

.page-privacy .pv-sec:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-privacy .pv-sec-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(12px, 2vw, 20px);
  align-items: baseline;
  margin-bottom: clamp(14px, 2.2vw, 24px);
}

.page-privacy .pv-sec-num {
  font-family: var(--font-mono);
  font-size: clamp(1.42rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1;
  color: var(--lime);
  opacity: 0.82;
}

.page-privacy .pv-sec h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 2.5vw, 1.86rem);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.3;
  color: var(--paper-bright);
  text-wrap: balance;
}

.page-privacy .pv-prose {
  max-width: var(--pv-doc-width);
  font-size: 1rem;
  line-height: 1.85;
  color: rgba(255, 248, 234, 0.84);
}

.page-privacy .pv-prose p {
  margin: 0 0 1.05em;
}

.page-privacy .pv-prose p:last-child {
  margin-bottom: 0;
}

.page-privacy .pv-prose ul {
  list-style: none;
  margin: 0 0 1.15em;
  padding: 0;
  display: grid;
  gap: 0.72em;
}

.page-privacy .pv-prose ul li {
  position: relative;
  padding-left: 1.5em;
}

.page-privacy .pv-prose ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--lime);
  opacity: 0.8;
}

.page-privacy .pv-prose strong {
  color: var(--paper-bright);
  font-weight: 700;
}

.page-privacy .pv-prose .mono {
  font-family: var(--font-mono);
  color: var(--amber);
  font-weight: 700;
}

.page-privacy .pv-prose a {
  color: var(--cyan);
  text-decoration: underline;
  text-decoration-color: rgba(84, 214, 255, 0.42);
  text-underline-offset: 3px;
  transition: color var(--t-fast) var(--ease), text-decoration-color var(--t-fast) var(--ease);
}

.page-privacy .pv-prose a:hover {
  color: var(--lime);
  text-decoration-color: rgba(184, 255, 61, 0.6);
}

/* —— 章节间的大圆角停顿块 —— */
.page-privacy .pv-pause {
  margin-block: clamp(22px, 3.6vw, 38px);
  border-radius: var(--r-xl);
  padding: clamp(22px, 3.4vw, 36px);
  display: grid;
  gap: 12px;
}

.page-privacy .pv-pause--ink {
  background: linear-gradient(150deg, rgba(19, 35, 58, 0.96), rgba(7, 17, 31, 0.9));
  border: 1px solid var(--line);
  box-shadow: inset 0 1px 0 rgba(84, 214, 255, 0.16);
}

.page-privacy .pv-pause--paper {
  background: linear-gradient(142deg, var(--paper), #e4d5ba);
  color: var(--ink-900);
  box-shadow: 0 18px 40px -30px rgba(0, 0, 0, 0.9);
}

.page-privacy .pv-pause-kicker {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cyan);
}

.page-privacy .pv-pause--paper .pv-pause-kicker {
  color: var(--deep-green);
}

.page-privacy .pv-pause-text {
  margin: 0;
  max-width: 52ch;
  font-size: clamp(1rem, 1.6vw, 1.14rem);
  line-height: 1.78;
  color: rgba(255, 248, 234, 0.9);
}

.page-privacy .pv-pause-link {
  justify-self: start;
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: var(--r-pill);
  border: 1px solid rgba(184, 255, 61, 0.5);
  color: var(--lime);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}

.page-privacy .pv-pause-link:hover,
.page-privacy .pv-pause-link:focus-visible {
  background: var(--lime);
  color: var(--ink-900);
}

.page-privacy .pv-pause-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.page-privacy .pv-pause-grid li {
  border-left: 3px solid var(--ink-900);
  padding-left: 14px;
  font-size: 0.92rem;
  line-height: 1.66;
  color: rgba(7, 17, 31, 0.82);
}

.page-privacy .pv-pause-grid .mono {
  display: block;
  font-family: var(--font-mono);
  font-size: 1.42rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 5px;
  color: var(--ink-900);
}

/* —— 平板起双栏 —— */
@media (min-width: 760px) {
  .page-privacy .pv-pause-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (min-width: 900px) {
  .page-privacy .pv-hero-grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    gap: clamp(28px, 4vw, 56px);
  }
}

@media (min-width: 980px) {
  .page-privacy .pv-layout {
    grid-template-columns: minmax(196px, 232px) minmax(0, 1fr);
    align-items: start;
  }

  .page-privacy .pv-toc {
    position: sticky;
    top: 96px;
  }
}

/* —— 窄屏收束 —— */
@media (max-width: 520px) {
  .page-privacy .pv-facts li {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .page-privacy .pv-facts .mono {
    font-size: 1rem;
  }

  .page-privacy .pv-toc-list a {
    grid-template-columns: 2em minmax(0, 1fr);
    font-size: 0.86rem;
  }

  .page-privacy .pv-sec-head {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  .page-privacy .pv-pause {
    border-radius: var(--r-lg);
  }
}

/* —— 打印 —— */
@media print {
  .page-privacy {
    background: #ffffff;
    color: #111111;
    padding-bottom: 0;
  }

  .page-privacy .pv-hero {
    background: none;
    padding-block: 0 12px;
  }

  .page-privacy .pv-toc,
  .page-privacy .pv-hero-media,
  .page-privacy .pv-facts {
    display: none;
  }

  .page-privacy .pv-layout {
    display: block;
    padding-top: 0;
  }

  .page-privacy .pv-sec {
    border-top: 1px solid #cccccc;
    padding-block: 14px;
    break-inside: avoid;
  }

  .page-privacy .pv-sec-num,
  .page-privacy .pv-sec h2,
  .page-privacy .pv-prose,
  .page-privacy .pv-prose strong,
  .page-privacy .pv-prose .mono {
    color: #111111;
  }

  .page-privacy .pv-pause {
    background: none;
    border: 1px solid #cccccc;
    color: #111111;
    box-shadow: none;
  }

  .page-privacy .pv-pause-text,
  .page-privacy .pv-pause-grid li,
  .page-privacy .pv-pause-grid .mono,
  .page-privacy .pv-pause-kicker {
    color: #111111;
  }

  .page-privacy .pv-pause-link {
    display: none;
  }
}