.page-privacy {
  --privacy-toc-w: 272px;
  padding-bottom: clamp(56px, 9vw, 104px);
}

.page-privacy .privacy-hero {
  position: relative;
  padding: clamp(20px, 4vw, 36px) 0 0;
  background:
    radial-gradient(80% 60% at 10% 0%, rgba(0, 229, 255, 0.16), transparent 60%),
    radial-gradient(70% 60% at 92% 8%, rgba(212, 175, 55, 0.12), transparent 62%),
    linear-gradient(180deg, var(--sky) 0%, var(--deep) 78%);
  border-bottom: 1px solid var(--line);
}

.page-privacy .privacy-hero .breadcrumb {
  margin-bottom: clamp(20px, 4vw, 36px);
}

.page-privacy .exhibit-label {
  margin-bottom: 10px;
}

.page-privacy h1 {
  margin: 0;
  max-width: 15em;
  font-family: var(--font-display);
  font-size: clamp(30px, 6.2vw, 54px);
  line-height: 1.14;
  letter-spacing: 0.04em;
  color: var(--ice);
  text-wrap: balance;
}

.page-privacy .privacy-lede {
  max-width: 46em;
  margin: 18px 0 0;
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.85;
  color: var(--mist);
}

.page-privacy .privacy-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-facts li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 15px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(18, 43, 82, 0.55);
  font-size: 13px;
  line-height: 1.5;
  color: var(--mist);
}

.page-privacy .privacy-facts .mono {
  font-family: var(--font-mono);
  font-size: 15px;
  letter-spacing: 0.04em;
  color: var(--cyan);
}

.page-privacy .privacy-hero-art {
  margin-top: clamp(28px, 5vw, 48px);
  border: 1px solid var(--line);
  border-bottom: none;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  overflow: hidden;
  background:
    radial-gradient(70% 130% at 18% 8%, rgba(0, 229, 255, 0.22), transparent 62%),
    linear-gradient(120deg, var(--panel), var(--sky));
}

.page-privacy .privacy-hero-art img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 10 / 3;
  object-fit: cover;
}

.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  padding-top: clamp(28px, 5vw, 56px);
}

/* 目录 */
.page-privacy .privacy-toc {
  padding: 20px;
  border-radius: var(--radius-md);
  align-self: start;
}

.page-privacy .toc-title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cyan);
}

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

.page-privacy .toc-list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 10px;
  border-left: 2px solid transparent;
  border-radius: var(--radius-sm);
  font-size: 14px;
  line-height: 1.55;
  color: var(--mist);
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.page-privacy .toc-list a:hover,
.page-privacy .toc-list a:focus-visible {
  color: var(--ice);
  background: rgba(0, 229, 255, 0.08);
  border-left-color: var(--cyan);
}

.page-privacy .toc-list .mono {
  flex: none;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--gold);
}

.page-privacy .toc-foot {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: 13px;
  line-height: 1.75;
  color: var(--mist);
  word-break: break-all;
}

.page-privacy .toc-foot p {
  margin: 0;
}

.page-privacy .toc-foot strong {
  color: var(--ice);
  font-weight: 500;
}

/* 条款主体 */
.page-privacy .privacy-body {
  display: grid;
  gap: clamp(18px, 3vw, 26px);
  min-width: 0;
}

.page-privacy .clause {
  min-width: 0;
  padding: clamp(20px, 4vw, 36px);
  background: var(--deep);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-panel);
  scroll-margin-top: calc(var(--header-h) + 24px);
}

.page-privacy .clause-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.page-privacy .clause-num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--gold);
}

.page-privacy .clause h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(19px, 2.6vw, 26px);
  line-height: 1.35;
  letter-spacing: 0.03em;
  color: var(--ice);
}

.page-privacy .clause p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--mist);
}

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

.page-privacy .clause strong {
  color: var(--ice);
  font-weight: 500;
}

.page-privacy .clause a {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 255, 0.35);
}

.page-privacy .clause a:hover,
.page-privacy .clause a:focus-visible {
  border-bottom-color: var(--cyan);
}

.page-privacy .clause-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.page-privacy .clause-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--mist);
}

.page-privacy .clause-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.72em;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--cyan);
  opacity: 0.8;
  transform: rotate(45deg);
}

/* 信息类型 / 共享说明分格 */
.page-privacy .info-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 0 0 16px;
}

.page-privacy .info-cell {
  padding: 15px 17px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}

.page-privacy .info-cell dt {
  margin-bottom: 6px;
  font-family: var(--font-display);
  font-size: 14px;
  letter-spacing: 0.04em;
  color: var(--ice);
}

.page-privacy .info-cell dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.78;
  color: var(--mist);
}

/* 联系卡片 */
.page-privacy .contact-card {
  margin-top: 20px;
  padding: clamp(16px, 3vw, 22px);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: var(--radius-md);
  background: linear-gradient(160deg, rgba(212, 175, 55, 0.1), rgba(18, 43, 82, 0.55) 58%);
}

.page-privacy .contact-title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold);
}

.page-privacy .contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--mist);
}

.page-privacy .contact-list .k {
  display: block;
  margin-bottom: 3px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cyan);
}

.page-privacy .contact-list .v {
  display: block;
  margin-bottom: 2px;
  color: var(--ice);
  font-size: 15px;
  word-break: break-all;
}

/* 相关页面 */
.page-privacy .related-panel {
  padding: clamp(20px, 4vw, 32px);
  border-radius: var(--radius-lg);
  min-width: 0;
}

.page-privacy .related-title {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: clamp(18px, 2.4vw, 22px);
  letter-spacing: 0.03em;
  color: var(--ice);
}

.page-privacy .related {
  display: grid;
  gap: 12px;
}

.page-privacy .related-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--deep);
  color: var(--ice);
  text-decoration: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.page-privacy .related-link:hover,
.page-privacy .related-link:focus-visible {
  border-color: var(--cyan);
  transform: translateY(-2px);
}

.page-privacy .related-link strong {
  display: block;
  font-family: var(--font-display);
  font-size: 15px;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}

.page-privacy .related-sub {
  display: block;
  font-size: 13px;
  line-height: 1.6;
  color: var(--mist);
}

.page-privacy .related-arrow {
  flex: none;
  font-family: var(--font-mono);
  color: var(--cyan);
}

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

@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: var(--privacy-toc-w) minmax(0, 1fr);
    gap: clamp(32px, 4vw, 60px);
    align-items: start;
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: calc(var(--header-h) + 20px);
    max-height: calc(100vh - var(--header-h) - 40px);
    overflow-y: auto;
  }

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

@media (prefers-reduced-motion: reduce) {
  .page-privacy .toc-list a,
  .page-privacy .related-link {
    transition: none;
  }

  .page-privacy .related-link:hover,
  .page-privacy .related-link:focus-visible {
    transform: none;
  }
}


<main id="main-content" class="page-privacy">
  <header class="privacy-hero">
    <div class="container">
      <nav class="breadcrumb" aria-label="面包屑导航">
        <ol class="breadcrumb-list">
          <li><a href="/">移动游戏大厅</a></li>
          <li><span aria-current="page">数据与隐私</span></li>
        </ol>
      </nav>

      <p class="exhibit-label">隐私政策</p>
      <h1>你的信息，怎样被收集、使用与保管</h1>
      <p class="privacy-lede">
        在澳门威斯人游戏浏览游戏库、提交反馈或者写信咨询时，会有一些信息被记录下来。
        以下条款逐项说明我们记录哪些内容、把它们用在什么地方、保留多长时间，
        以及你可以怎样查询、更正或要求删除已经留下的信息。
      </p>

      <ul class="privacy-facts">
        <li><span class="mono">48</span><span>小时内回应每批反馈</span></li>
        <li><span class="mono">24</span><span>小时内回复邮件咨询</span></li>
        <li><span class="mono">9:00–18:00</span><span>工作日在线客服</span></li>
      </ul>
    </div>

    <div class="container">
      <div class="privacy-hero-art">
        <img src="{zhanqunpic:h:360w:1200}" width="1200" height="360" alt="深海蓝背景上的抽象数据光点与玻璃层纹理，用于隐私条款页首横幅">
      </div>
    </div>
  </header>

  <div class="container privacy-layout">
    <aside class="privacy-toc panel panel--glass" aria-label="条款目录">
      <p class="toc-title">条款目录</p>
      <ol class="toc-list">
        <li><a href="#scope"><span class="mono">01</span>适用范围与信息类型</a></li>
        <li><a href="#purpose"><span class="mono">02</span>信息使用目的</a></li>
        <li><a href="#cookies"><span class="mono">03</span>Cookie 与访问日志</a></li>
        <li><a href="#sharing"><span class="mono">04</span>共享、保存与保护</a></li>
        <li><a href="#rights"><span class="mono">05</span>用户权利与联系渠道</a></li>
        <li><a href="#updates"><span class="mono">06</span>政策更新与生效说明</a></li>
      </ol>
      <div class="toc-foot">
        <p>想查询、更正或删除已提交的信息，请写信至<br><strong>service@legend-weisi.com.cn</strong></p>
      </div>
    </aside>

    <div class="privacy-body">
      <section class="clause" id="scope" aria-labelledby="scope-title">
        <div class="clause-head">
          <span class="clause-num mono">01</span>
          <h2 id="scope-title">适用范围与我们会接触到的信息</h2>
        </div>
        <p>
          以下内容适用于你通过 legend-weisi.com.cn 浏览游戏、阅读评测、提交反馈以及发送邮件咨询的整个过程。
          不同使用场景下留下的信息并不相同，你可以按自己做过的动作对照查看。
        </p>
        <dl class="info-grid">
          <div class="info-cell">
            <dt>浏览游戏库与评测</dt>
            <dd>设备型号与屏幕尺寸、浏览器与系统版本、访问的页面路径与来源页面、粗略地区信息。</dd>
          </div>
          <div class="info-cell">
            <dt>提交站内反馈</dt>
            <dd>反馈类型（礼包有效期或开服信息）、涉及的游戏名称与版本批次、反馈正文，以及你愿意留下的回复方式。</dd>
          </div>
          <div class="info-cell">
            <dt>发送邮件咨询</dt>
            <dd>发件邮箱地址、邮件正文，以及你主动附上的截图或说明文件。</dd>
          </div>
          <div class="info-cell">
            <dt>联系在线客服</dt>
            <dd>沟通时间、沟通内容摘要与最终处理结果，用于后续跟进同类问题。</dd>
          </div>
        </dl>
        <p>
          留下哪些内容由你决定：只要一个能收到回信的邮箱，或者一个可接通的号码，就足够我们回应你提出的问题，
          其余项目都可以留空。
        </p>
      </section>

      <section class="clause" id="purpose" aria-labelledby="purpose-title">
        <div class="clause-head">
          <span class="clause-num mono">02</span>
          <h2 id="purpose-title">信息被用在哪些具体事情上</h2>
        </div>
        <p>收集来的信息只在下面这些目的内使用，超出范围的用途会另行征得你的同意。</p>
        <ul class="clause-list">
          <li><strong>回应你的反馈。</strong>礼包有效期与开服信息的意见会按批次汇总处理，处理完成后通过你留下的方式告知结果。</li>
          <li><strong>改进内容与栏目。</strong>根据反馈的类型分布，调整版本观察的重点与帮助中心的常见问题条目，让下载前的疑问更容易被回答。</li>
          <li><strong>回复邮件与电话咨询。</strong>由 service@legend-weisi.com.cn 接收咨询邮件并给出答复，客服在工作日 9:00–18:00 接听来电。</li>
          <li><strong>维持访问稳定与安全。</strong>识别异常请求、排查页面故障，避免正常访问被批量抓取打断。</li>
          <li><strong>发送你主动索取的回执。</strong>例如你要求告知某个版本批次的处理进度，我们只在处理期间与你联系。</li>
        </ul>
      </section>

      <section class="clause" id="cookies" aria-labelledby="cookies-title">
        <div class="clause-head">
          <span class="clause-num mono">03</span>
          <h2 id="cookies-title">Cookie、偏好记忆与访问日志</h2>
        </div>
        <p>
          页面使用少量 Cookie 与本地存储来保持操作连贯，同时记录基础访问日志用于故障排查。
          它们服务于阅读体验本身，不会被用来在站外追踪你。
        </p>
        <ul class="clause-list">
          <li><strong>必要 Cookie。</strong>记住你选择的游戏分类、列表视图与筛选状态，下次打开同类页面时保持上次的浏览位置。</li>
          <li><strong>统计 Cookie。</strong>记录页面访问量、停留时长与来源渠道，帮助判断哪一类游戏内容更需要补充说明。</li>
          <li><strong>访问日志。</strong>包含访问时间、IP 地址、浏览器标识与请求页面，用于定位加载失败和识别异常流量。</li>
          <li><strong>你的管理方式。</strong>可以在浏览器设置中清除或拒绝 Cookie；拒绝必要 Cookie 后，筛选状态与偏好记忆将不再保留，页面主体内容仍可正常阅读。</li>
        </ul>
      </section>

      <section class="clause" id="sharing" aria-labelledby="sharing-title">
        <div class="clause-head">
          <span class="clause-num mono">04</span>
          <h2 id="sharing-title">信息共享、保存期限与保护措施</h2>
        </div>
        <dl class="info-grid">
          <div class="info-cell">
            <dt>共享范围</dt>
            <dd>邮件收发与访问统计由相应的技术服务方在必要范围内处理，其可接触的信息限于完成该功能所需的部分。</dd>
          </div>
          <div class="info-cell">
            <dt>对外提供</dt>
            <dd>反馈内容只用于处理你提出的问题；如需用于其他用途，会先向你说明并取得同意。法律法规另有要求时，按法定程序办理。</dd>
          </div>
          <div class="info-cell">
            <dt>保存期限</dt>
            <dd>反馈与咨询记录在问题处理完毕后保留一段用于追溯的时间，到期按批次删除；访问日志按固定周期滚动清理。</dd>
          </div>
          <div class="info-cell">
            <dt>保护措施</dt>
            <dd>内部按岗位划分可访问范围，传输过程加密，只保留处理问题必需的字段，减少无关信息在系统内留存。</dd>
          </div>
        </dl>
        <p>
          如果你的反馈涉及具体游戏的版本批次，相关记录会与该批次一同归档，便于后续同类问题再次出现时快速调阅。
        </p>
      </section>

      <section class="clause" id="rights" aria-labelledby="rights-title">
        <div class="clause-head">
          <span class="clause-num mono">05</span>
          <h2 id="rights-title">你可以提出的请求与联系我们的方式</h2>
        </div>
        <p>对已经留下的信息，你可以随时提出以下请求，我们会在收到后给出回执并说明处理方式。</p>
        <ul class="clause-list">
          <li><strong>查询。</strong>了解我们记录了你哪一类信息，例如某次反馈的提交时间与当前处理状态。</li>
          <li><strong>更正。</strong>反馈中涉及的游戏名称、版本批次或联系方式有误时，可以要求改正。</li>
          <li><strong>删除。</strong>要求删除已提交的反馈、咨询记录或客服沟通摘要。</li>
          <li><strong>撤回同意。</strong>此前同意使用统计 Cookie 的，可以随时改用浏览器设置关闭。</li>
        </ul>

        <div class="contact-card">
          <p class="contact-title">提交请求的渠道</p>
          <ul class="contact-list">
            <li>
              <span class="k">隐私请求邮箱</span>
              <span class="v">service@legend-weisi.com.cn</span>
              <span>建议在邮件主题注明“隐私请求”，我们会在 24 小时内回复处理进度。</span>
            </li>
            <li>
              <span class="k">一般事务邮箱</span>
              <span class="v">info@legend-weisi.com.cn</span>
              <span>适用于内容合作、栏目沟通等不涉及具体信息处理的问询。</span>
            </li>
            <li>
              <span class="k">客服电话</span>
              <span class="v">15638337222</span>
              <span>工作日 9:00–18:00 在线接听，可当场说明请求内容。</span>
            </li>
            <li>
              <span class="k">通信地址</span>
              <span class="v">河南省郑州市金水区花园路126号正弘城写字楼18层1806室</span>
              <span>需要寄送书面材料的，请使用该地址。</span>
            </li>
          </ul>
        </div>
      </section>

      <section class="clause" id="updates" aria-labelledby="updates-title">
        <div class="clause-head">
          <span class="clause-num mono">06</span>
          <h2 id="updates-title">条款更新时你会看到什么</h2>
        </div>
        <p>
          当信息类型、使用目的或联系方式发生变化时，这一页会在顶部标注更新时间，并用简短说明指出改动位置，
          方便你直接跳到相应的条款重新阅读。
        </p>
        <p>
          涉及收集范围扩大或使用目的调整的变更，会在页面显著位置提示。变更生效后你继续浏览或提交反馈，
          即视为接受更新后的内容；如果不再同意，可以停止使用相关功能，并就此前提交的信息提出删除请求。
        </p>
        <p>
          与网站使用规则、评测内容性质相关的内容，详见<a href="/terms/">使用条款</a>；
          需要就具体游戏提交意见或咨询处理进度的，可前往<a href="/consult/">反馈与咨询</a>。
        </p>
      </section>

      <aside class="related-panel panel panel--plain" aria-labelledby="related-title">
        <p class="exhibit-label">继续阅读</p>
        <h2 class="related-title" id="related-title">两份常一起查阅的说明</h2>
        <div class="related">
          <a class="related-link" href="/terms/">
            <span>
              <strong>使用条款</strong>
              <span class="related-sub">网站使用规则、评测内容性质与第三方链接说明</span>
            </span>
            <span class="related-arrow" aria-hidden="true">→</span>
          </a>
          <a class="related-link" href="/consult/">
            <span>
              <strong>反馈与咨询</strong>
              <span class="related-sub">礼包有效期与开服信息的提交入口及联系方式</span>
            </span>
            <span class="related-arrow" aria-hidden="true">→</span>
          </a>
        </div>
      </aside>
    </div>
  </div>
</main>

.page-privacy {
  --privacy-toc-w: 272px;
  padding-bottom: clamp(56px, 9vw, 104px);
}

.page-privacy .privacy-hero {
  position: relative;
  padding: clamp(20px, 4vw, 36px) 0 0;
  background:
    radial-gradient(80% 60% at 10% 0%, rgba(0, 229, 255, 0.16), transparent 60%),
    radial-gradient(70% 60% at 92% 8%, rgba(212, 175, 55, 0.12), transparent 62%),
    linear-gradient(180deg, var(--sky) 0%, var(--deep) 78%);
  border-bottom: 1px solid var(--line);
}

.page-privacy .privacy-hero .breadcrumb {
  margin-bottom: clamp(20px, 4vw, 36px);
}

.page-privacy .exhibit-label {
  margin-bottom: 10px;
}

.page-privacy h1 {
  margin: 0;
  max-width: 15em;
  font-family: var(--font-display);
  font-size: clamp(30px, 6.2vw, 54px);
  line-height: 1.14;
  letter-spacing: 0.04em;
  color: var(--ice);
  text-wrap: balance;
}

.page-privacy .privacy-lede {
  max-width: 46em;
  margin: 18px 0 0;
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.85;
  color: var(--mist);
}

.page-privacy .privacy-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-facts li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 15px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(18, 43, 82, 0.55);
  font-size: 13px;
  line-height: 1.5;
  color: var(--mist);
}

.page-privacy .privacy-facts .mono {
  font-family: var(--font-mono);
  font-size: 15px;
  letter-spacing: 0.04em;
  color: var(--cyan);
}

.page-privacy .privacy-hero-art {
  margin-top: clamp(28px, 5vw, 48px);
  border: 1px solid var(--line);
  border-bottom: none;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  overflow: hidden;
  background:
    radial-gradient(70% 130% at 18% 8%, rgba(0, 229, 255, 0.22), transparent 62%),
    linear-gradient(120deg, var(--panel), var(--sky));
}

.page-privacy .privacy-hero-art img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 10 / 3;
  object-fit: cover;
}

.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  padding-top: clamp(28px, 5vw, 56px);
}

/* 目录 */
.page-privacy .privacy-toc {
  padding: 20px;
  border-radius: var(--radius-md);
  align-self: start;
}

.page-privacy .toc-title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cyan);
}

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

.page-privacy .toc-list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 10px;
  border-left: 2px solid transparent;
  border-radius: var(--radius-sm);
  font-size: 14px;
  line-height: 1.55;
  color: var(--mist);
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.page-privacy .toc-list a:hover,
.page-privacy .toc-list a:focus-visible {
  color: var(--ice);
  background: rgba(0, 229, 255, 0.08);
  border-left-color: var(--cyan);
}

.page-privacy .toc-list .mono {
  flex: none;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--gold);
}

.page-privacy .toc-foot {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: 13px;
  line-height: 1.75;
  color: var(--mist);
  word-break: break-all;
}

.page-privacy .toc-foot p {
  margin: 0;
}

.page-privacy .toc-foot strong {
  color: var(--ice);
  font-weight: 500;
}

/* 条款主体 */
.page-privacy .privacy-body {
  display: grid;
  gap: clamp(18px, 3vw, 26px);
  min-width: 0;
}

.page-privacy .clause {
  min-width: 0;
  padding: clamp(20px, 4vw, 36px);
  background: var(--deep);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-panel);
  scroll-margin-top: calc(var(--header-h) + 24px);
}

.page-privacy .clause-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.page-privacy .clause-num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--gold);
}

.page-privacy .clause h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(19px, 2.6vw, 26px);
  line-height: 1.35;
  letter-spacing: 0.03em;
  color: var(--ice);
}

.page-privacy .clause p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--mist);
}

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

.page-privacy .clause strong {
  color: var(--ice);
  font-weight: 500;
}

.page-privacy .clause a {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 255, 0.35);
}

.page-privacy .clause a:hover,
.page-privacy .clause a:focus-visible {
  border-bottom-color: var(--cyan);
}

.page-privacy .clause-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.page-privacy .clause-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--mist);
}

.page-privacy .clause-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.72em;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--cyan);
  opacity: 0.8;
  transform: rotate(45deg);
}

/* 信息类型 / 共享说明分格 */
.page-privacy .info-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 0 0 16px;
}

.page-privacy .info-cell {
  padding: 15px 17px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}

.page-privacy .info-cell dt {
  margin-bottom: 6px;
  font-family: var(--font-display);
  font-size: 14px;
  letter-spacing: 0.04em;
  color: var(--ice);
}

.page-privacy .info-cell dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.78;
  color: var(--mist);
}

/* 联系卡片 */
.page-privacy .contact-card {
  margin-top: 20px;
  padding: clamp(16px, 3vw, 22px);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: var(--radius-md);
  background: linear-gradient(160deg, rgba(212, 175, 55, 0.1), rgba(18, 43, 82, 0.55) 58%);
}

.page-privacy .contact-title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold);
}

.page-privacy .contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--mist);
}

.page-privacy .contact-list .k {
  display: block;
  margin-bottom: 3px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cyan);
}

.page-privacy .contact-list .v {
  display: block;
  margin-bottom: 2px;
  color: var(--ice);
  font-size: 15px;
  word-break: break-all;
}

/* 相关页面 */
.page-privacy .related-panel {
  padding: clamp(20px, 4vw, 32px);
  border-radius: var(--radius-lg);
  min-width: 0;
}

.page-privacy .related-title {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: clamp(18px, 2.4vw, 22px);
  letter-spacing: 0.03em;
  color: var(--ice);
}

.page-privacy .related {
  display: grid;
  gap: 12px;
}

.page-privacy .related-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--deep);
  color: var(--ice);
  text-decoration: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.page-privacy .related-link:hover,
.page-privacy .related-link:focus-visible {
  border-color: var(--cyan);
  transform: translateY(-2px);
}

.page-privacy .related-link strong {
  display: block;
  font-family: var(--font-display);
  font-size: 15px;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}

.page-privacy .related-sub {
  display: block;
  font-size: 13px;
  line-height: 1.6;
  color: var(--mist);
}

.page-privacy .related-arrow {
  flex: none;
  font-family: var(--font-mono);
  color: var(--cyan);
}

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

@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: var(--privacy-toc-w) minmax(0, 1fr);
    gap: clamp(32px, 4vw, 60px);
    align-items: start;
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: calc(var(--header-h) + 20px);
    max-height: calc(100vh - var(--header-h) - 40px);
    overflow-y: auto;
  }

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

@media (prefers-reduced-motion: reduce) {
  .page-privacy .toc-list a,
  .page-privacy .related-link {
    transition: none;
  }

  .page-privacy .related-link:hover,
  .page-privacy .related-link:focus-visible {
    transform: none;
  }
}