.page-privacy {
  --privacy-measure: 68ch;
  --privacy-aside-w: 160px;
  --privacy-sec-gap: 32px;
  --privacy-body-text: rgba(242, 239, 231, 0.84);
  --privacy-body-soft: rgba(242, 239, 231, 0.68);
}

/* ---------- 面包屑 ---------- */
.page-privacy .privacy-crumb {
  padding-block: 18px 4px;
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero {
  position: relative;
  padding-bottom: 36px;
}

.page-privacy .privacy-hero__media {
  margin: 0;
  max-height: 320px;
  overflow: hidden;
  border: 1px solid var(--line-soft);
  background: var(--ink-2);
  position: relative;
}

.page-privacy .privacy-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, rgba(63, 224, 208, 0.10), rgba(11, 18, 32, 0.86) 58%),
    repeating-linear-gradient(90deg, var(--line-soft) 0 1px, transparent 1px 64px);
  pointer-events: none;
}

.page-privacy .privacy-hero__media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  opacity: 0.62;
}

.page-privacy .privacy-hero__body {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

.page-privacy .privacy-hero__title {
  margin: 12px 0 0;
  max-width: 20ch;
  font-family: var(--font-display);
  font-size: clamp(30px, 6.4vw, 52px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--paper);
}

.page-privacy .privacy-hero__lead {
  margin: 16px 0 0;
  max-width: var(--privacy-measure);
  color: var(--privacy-body-text);
}

/* ---------- 主体栅格 ---------- */
.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding-block: 34px 0;
}

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

.page-privacy .privacy-body p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.78;
  color: var(--privacy-body-text);
}

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

/* ---------- 条款小节 ---------- */
.page-privacy .privacy-sec {
  scroll-margin-top: 96px;
}

.page-privacy .privacy-sec + .privacy-sec {
  position: relative;
  margin-top: var(--privacy-sec-gap);
  padding-top: var(--privacy-sec-gap);
  border-top: 1px solid var(--line-soft);
}

.page-privacy .privacy-sec + .privacy-sec::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--cyan);
  transform: rotate(45deg);
  opacity: 0.85;
}

.page-privacy .privacy-sec__head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
}

.page-privacy .privacy-sec__no {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--cyan);
  padding-bottom: 3px;
  border-bottom: 2px dotted rgba(63, 224, 208, 0.55);
  text-align: center;
}

.page-privacy .privacy-sec__head .h2 {
  margin: 0;
  font-size: clamp(18px, 2.4vw, 22px);
  color: var(--paper);
}

/* ---------- 列表 ---------- */
.page-privacy .privacy-list,
.page-privacy .privacy-olist {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.page-privacy .privacy-list li,
.page-privacy .privacy-olist li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.75;
  color: var(--privacy-body-text);
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 0.72em;
  width: 6px;
  height: 6px;
  background: var(--cyan);
  opacity: 0.7;
}

.page-privacy .privacy-olist {
  counter-reset: privacy-ol;
}

.page-privacy .privacy-olist li {
  counter-increment: privacy-ol;
}

.page-privacy .privacy-olist li::before {
  content: counter(privacy-ol, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0.28em;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--orange);
}

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

/* ---------- 条文内链 ---------- */
.page-privacy .privacy-link {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid var(--line-cyan);
  padding-bottom: 1px;
  transition: color 0.16s ease, border-color 0.16s ease;
}

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

/* ---------- 表格 ---------- */
.page-privacy .privacy-table {
  width: 100%;
  max-width: 520px;
  border-collapse: collapse;
  margin: 4px 0 18px;
  font-size: 14px;
}

.page-privacy .privacy-table th,
.page-privacy .privacy-table td {
  text-align: left;
  padding: 10px 16px 10px 0;
  border-bottom: 1px solid var(--line-soft);
  vertical-align: baseline;
}

.page-privacy .privacy-table th {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: var(--stone);
  border-bottom-color: var(--line);
}

.page-privacy .privacy-table td {
  color: var(--privacy-body-text);
}

.page-privacy .privacy-table td:last-child {
  font-family: var(--font-mono);
  font-size: 13.5px;
  color: var(--cyan);
  padding-right: 0;
}

/* ---------- 展开条目 ---------- */
.page-privacy .privacy-details {
  margin: 2px 0 0;
  padding: 12px 14px;
  background: var(--ink-2);
  border: 1px solid var(--line-soft);
  border-left: 2px solid var(--teal);
}

.page-privacy .privacy-details summary {
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 12.5px;
  letter-spacing: 0.06em;
  color: var(--cyan);
  list-style: none;
}

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

.page-privacy .privacy-details summary::before {
  content: "+ ";
  color: var(--orange);
  font-weight: 700;
}

.page-privacy .privacy-details[open] summary::before {
  content: "− ";
}

.page-privacy .privacy-details summary:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

.page-privacy .privacy-details p {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--privacy-body-soft);
}

/* ---------- 右侧边注 ---------- */
.page-privacy .privacy-aside {
  margin-top: 40px;
  padding-top: 22px;
  border-top: 1px solid var(--line-soft);
}

.page-privacy .privacy-index__label {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--stone);
}

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

.page-privacy .privacy-index__list a {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: baseline;
  gap: 8px;
  padding-bottom: 3px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--privacy-body-soft);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.16s ease, border-color 0.16s ease;
}

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

.page-privacy .privacy-index__no {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--cyan);
}

.page-privacy .privacy-aside__note {
  margin-top: 26px;
  padding: 12px 14px;
  border-left: 2px solid var(--orange);
  background: rgba(255, 138, 61, 0.06);
}

.page-privacy .privacy-aside__note p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--privacy-body-soft);
}

.page-privacy .privacy-aside__note .privacy-index__label {
  margin-bottom: 8px;
  color: var(--orange);
  opacity: 0.85;
}

/* ---------- 尾部指引带 ---------- */
.page-privacy .privacy-next {
  margin-top: 48px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(96deg, rgba(140, 74, 34, 0.24), rgba(11, 18, 32, 0) 66%);
}

.page-privacy .privacy-next__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 26px;
  padding-block: 20px;
}

.page-privacy .privacy-next__label {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--stone);
}

.page-privacy .privacy-next__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.page-privacy .privacy-next__links a {
  font-size: 14px;
  color: var(--paper);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--line);
  transition: color 0.16s ease, border-color 0.16s ease;
}

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

/* ---------- 平板与桌面 ---------- */
@media (min-width: 720px) {
  .page-privacy .privacy-sec__head {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
  }

  .page-privacy .privacy-table {
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: minmax(0, 1fr) var(--privacy-aside-w);
    column-gap: 64px;
    padding-block: 52px 0;
  }

  .page-privacy .privacy-hero {
    padding-bottom: 46px;
  }

  .page-privacy .privacy-hero__body {
    margin-top: 34px;
    padding-top: 26px;
  }

  .page-privacy .privacy-aside {
    margin-top: 4px;
    padding-top: 0;
    border-top: 0;
    position: sticky;
    top: 92px;
    align-self: start;
  }

  .page-privacy .privacy-next {
    margin-top: 68px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-link,
  .page-privacy .privacy-index__list a,
  .page-privacy .privacy-next__links a {
    transition: none;
  }
}
<<<END>>>

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

  <div class="container">
    <nav class="crumb privacy-crumb" aria-label="当前位置">
      <a class="crumb__link" href="/">首页</a>
      <span class="crumb__sep">/</span>
      <span aria-current="page">个人信息说明</span>
    </nav>
  </div>

  <section class="privacy-hero" data-reveal>
    <div class="container">
      <figure class="privacy-hero__media">
        <img src="{zhanqunpic:h:360w:1400}" width="1400" height="360" alt="深色底上的细密网格与半透明数据层纹理，青色线条极细">
      </figure>
      <div class="privacy-hero__body">
        <p class="eyebrow">信息处理说明</p>
        <h1 class="h1 privacy-hero__title">你在反馈里留下的信息，去向写在这里</h1>
        <p class="lead privacy-hero__lead">提交问题、打电话或者写邮件咨询版本的时候，你会留下一些具体内容。这一页把收集范围、用途、保留时长和查看渠道一次讲清楚，让你在联系之前心里有数。华体门户的客服渠道在工作日 24 小时内回复，查询与更正请求按同一个时效处理。</p>
      </div>
    </div>
  </section>

  <div class="container privacy-layout">

    <article class="privacy-body" aria-label="条款正文">

      <section class="privacy-sec" id="sec-scope" data-reveal>
        <div class="privacy-sec__head">
          <span class="privacy-sec__no">01</span>
          <h2 class="h2">反馈时会留下哪几类信息</h2>
        </div>
        <p>你会留下什么，取决于你用哪种方式找我们。以下四类是实际会涉及的范围，来源都是你自己的操作：</p>
        <ul class="privacy-list">
          <li><strong>称呼与联系方式</strong> —— 你在反馈里写的称呼，以及方便我们回给你的邮箱或电话。</li>
          <li><strong>问题描述</strong> —— 你写下的现象、当时正在做哪一步操作、卡在哪一层。</li>
          <li><strong>版本线索</strong> —— 你使用的是哪一期资料、看的是哪一个版本的说明。</li>
          <li><strong>往来要点</strong> —— 客服和你围绕同一个问题来回沟通时整理出的结论与下一步。</li>
        </ul>
        <p>除这四项之外，我们不会从别处补充你的个人资料，也不会向你要与问题无关的信息。合作洽谈类的咨询走的是另一条通道，具体在<a class="privacy-link" href="/cooperation/">合作联系</a>页有说明。</p>
      </section>

      <section class="privacy-sec" id="sec-use" data-reveal>
        <div class="privacy-sec__head">
          <span class="privacy-sec__no">02</span>
          <h2 class="h2">这些信息被用在什么地方</h2>
        </div>
        <p>用途只有三件，都在你找我们这件事的范围内：</p>
        <ol class="privacy-olist">
          <li>回复你提出的咨询，把问题跟到闭环为止。</li>
          <li>还原你走过的路径，对照版本差异，把入口位置说准。</li>
          <li>发现同一类疑问反复出现时，直接改中文版页面上的说明文字。</li>
        </ol>
        <p>我们不会把这些内容拿去做推广推送，也不会交给第三方用于营销。如果你的问题最后指向的是站点本身的路径设计，我们会把它整理进<a class="privacy-link" href="/answers/">答疑中心</a>，让后来的人少走一遍。</p>
      </section>

      <section class="privacy-sec" id="sec-keep" data-reveal>
        <div class="privacy-sec__head">
          <span class="privacy-sec__no">03</span>
          <h2 class="h2">留多久，谁来碰</h2>
        </div>
        <p>不同类型的记录保留时长不一样，过了期限就统一清掉，不转作他用：</p>
        <table class="privacy-table">
          <thead>
            <tr>
              <th scope="col">记录类型</th>
              <th scope="col">保留时长</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>咨询与反馈往来记录</td>
              <td>办结后 6 个月</td>
            </tr>
            <tr>
              <td>版本与文件相关咨询</td>
              <td>12 个月</td>
            </tr>
            <tr>
              <td>页面访问量统计</td>
              <td>近 90 天汇总</td>
            </tr>
          </tbody>
        </table>
        <details class="privacy-details">
          <summary>谁可以查看这些记录</summary>
          <p>内容维护组与用户支持组按需查阅，并且只看到与自己经手的那一条工单直接相关的内容；联系方式字段对这两组之外的人员不可见。查阅动作留有记录，超出工作需要的调取会被拦下。</p>
        </details>
      </section>

      <section class="privacy-sec" id="sec-access" data-reveal>
        <div class="privacy-sec__head">
          <span class="privacy-sec__no">04</span>
          <h2 class="h2">想查看、更正或删除，怎么提</h2>
        </div>
        <p>三种请求走同一条路，你挑方便的方式提出即可：</p>
        <ul class="privacy-list">
          <li><strong>邮件</strong> —— 发到 contact@e-huati-login.com.cn，标题写清是查询、更正还是删除。</li>
          <li><strong>电话</strong> —— 拨打 400-7832-9216，适合需要当场确认的情况。</li>
        </ul>
        <p>收到之后，我们会用你留下的联系方式跟你确认一次身份，确认通过就在工作日 24 小时内给出处理结果。如果你要问的其实是操作层面的问题，先去<a class="privacy-link" href="/answers/">答疑中心</a>看一圈，多数入口与版本对照的疑问在那里能当场解决。</p>
      </section>

      <section class="privacy-sec" id="sec-stats" data-reveal>
        <div class="privacy-sec__head">
          <span class="privacy-sec__no">05</span>
          <h2 class="h2">页面访问统计的范围与关闭方式</h2>
        </div>
        <p>站点的访问统计只做最基础的计数：页面访问量、访问来源、访问时段，按天汇总成趋势。它不会把访问记录和具体某个人对应起来，也不会据此生成任何个人画像。</p>
        <p>如果你不希望被统计，在浏览器设置里阻止第三方 Cookie，或者直接用无痕模式浏览，统计就不会生效，页面功能不受影响。关于浏览环境建议与下载资料的使用范围，可以看<a class="privacy-link" href="/instructions/">使用说明</a>，或者回到<a class="privacy-link" href="/">首页</a>从常用入口重新出发。</p>
      </section>

    </article>

    <aside class="privacy-aside" aria-label="条款索引与修订说明">
      <nav class="privacy-index" aria-label="条款索引">
        <p class="privacy-index__label">条款索引</p>
        <ol class="privacy-index__list">
          <li><a href="#sec-scope"><span class="privacy-index__no">01</span>收集范围</a></li>
          <li><a href="#sec-use"><span class="privacy-index__no">02</span>用途</a></li>
          <li><a href="#sec-keep"><span class="privacy-index__no">03</span>保存与安全</a></li>
          <li><a href="#sec-access"><span class="privacy-index__no">04</span>查询与更正</a></li>
          <li><a href="#sec-stats"><span class="privacy-index__no">05</span>访问统计</a></li>
        </ol>
      </nav>
      <div class="privacy-aside__note">
        <p class="privacy-index__label">修订说明</p>
        <p>本页随稳定版推进同步修订，条文编号在修订后保持原样，方便你在来信或电话里直接指出具体是哪一条。</p>
      </div>
    </aside>

  </div>

  <section class="privacy-next">
    <div class="container privacy-next__inner">
      <p class="privacy-next__label">继续看</p>
      <div class="privacy-next__links">
        <a href="/">首页</a>
        <a href="/answers/">答疑中心</a>
        <a href="/instructions/">使用说明</a>
        <a href="/cooperation/">合作联系</a>
      </div>
    </div>
  </section>

</main>


.page-privacy {
  --privacy-measure: 68ch;
  --privacy-aside-w: 160px;
  --privacy-sec-gap: 32px;
  --privacy-body-text: rgba(242, 239, 231, 0.84);
  --privacy-body-soft: rgba(242, 239, 231, 0.68);
}

/* ---------- 面包屑 ---------- */
.page-privacy .privacy-crumb {
  padding-block: 18px 4px;
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero {
  position: relative;
  padding-bottom: 36px;
}

.page-privacy .privacy-hero__media {
  margin: 0;
  max-height: 320px;
  overflow: hidden;
  border: 1px solid var(--line-soft);
  background: var(--ink-2);
  position: relative;
}

.page-privacy .privacy-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, rgba(63, 224, 208, 0.10), rgba(11, 18, 32, 0.86) 58%),
    repeating-linear-gradient(90deg, var(--line-soft) 0 1px, transparent 1px 64px);
  pointer-events: none;
}

.page-privacy .privacy-hero__media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  opacity: 0.62;
}

.page-privacy .privacy-hero__body {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

.page-privacy .privacy-hero__title {
  margin: 12px 0 0;
  max-width: 20ch;
  font-family: var(--font-display);
  font-size: clamp(30px, 6.4vw, 52px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--paper);
}

.page-privacy .privacy-hero__lead {
  margin: 16px 0 0;
  max-width: var(--privacy-measure);
  color: var(--privacy-body-text);
}

/* ---------- 主体栅格 ---------- */
.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding-block: 34px 0;
}

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

.page-privacy .privacy-body p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.78;
  color: var(--privacy-body-text);
}

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

/* ---------- 条款小节 ---------- */
.page-privacy .privacy-sec {
  scroll-margin-top: 96px;
}

.page-privacy .privacy-sec + .privacy-sec {
  position: relative;
  margin-top: var(--privacy-sec-gap);
  padding-top: var(--privacy-sec-gap);
  border-top: 1px solid var(--line-soft);
}

.page-privacy .privacy-sec + .privacy-sec::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--cyan);
  transform: rotate(45deg);
  opacity: 0.85;
}

.page-privacy .privacy-sec__head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
}

.page-privacy .privacy-sec__no {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--cyan);
  padding-bottom: 3px;
  border-bottom: 2px dotted rgba(63, 224, 208, 0.55);
  text-align: center;
}

.page-privacy .privacy-sec__head .h2 {
  margin: 0;
  font-size: clamp(18px, 2.4vw, 22px);
  color: var(--paper);
}

/* ---------- 列表 ---------- */
.page-privacy .privacy-list,
.page-privacy .privacy-olist {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.page-privacy .privacy-list li,
.page-privacy .privacy-olist li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.75;
  color: var(--privacy-body-text);
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 0.72em;
  width: 6px;
  height: 6px;
  background: var(--cyan);
  opacity: 0.7;
}

.page-privacy .privacy-olist {
  counter-reset: privacy-ol;
}

.page-privacy .privacy-olist li {
  counter-increment: privacy-ol;
}

.page-privacy .privacy-olist li::before {
  content: counter(privacy-ol, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0.28em;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--orange);
}

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

/* ---------- 条文内链 ---------- */
.page-privacy .privacy-link {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid var(--line-cyan);
  padding-bottom: 1px;
  transition: color 0.16s ease, border-color 0.16s ease;
}

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

/* ---------- 表格 ---------- */
.page-privacy .privacy-table {
  width: 100%;
  max-width: 520px;
  border-collapse: collapse;
  margin: 4px 0 18px;
  font-size: 14px;
}

.page-privacy .privacy-table th,
.page-privacy .privacy-table td {
  text-align: left;
  padding: 10px 16px 10px 0;
  border-bottom: 1px solid var(--line-soft);
  vertical-align: baseline;
}

.page-privacy .privacy-table th {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: var(--stone);
  border-bottom-color: var(--line);
}

.page-privacy .privacy-table td {
  color: var(--privacy-body-text);
}

.page-privacy .privacy-table td:last-child {
  font-family: var(--font-mono);
  font-size: 13.5px;
  color: var(--cyan);
  padding-right: 0;
}

/* ---------- 展开条目 ---------- */
.page-privacy .privacy-details {
  margin: 2px 0 0;
  padding: 12px 14px;
  background: var(--ink-2);
  border: 1px solid var(--line-soft);
  border-left: 2px solid var(--teal);
}

.page-privacy .privacy-details summary {
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 12.5px;
  letter-spacing: 0.06em;
  color: var(--cyan);
  list-style: none;
}

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

.page-privacy .privacy-details summary::before {
  content: "+ ";
  color: var(--orange);
  font-weight: 700;
}

.page-privacy .privacy-details[open] summary::before {
  content: "− ";
}

.page-privacy .privacy-details summary:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

.page-privacy .privacy-details p {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--privacy-body-soft);
}

/* ---------- 右侧边注 ---------- */
.page-privacy .privacy-aside {
  margin-top: 40px;
  padding-top: 22px;
  border-top: 1px solid var(--line-soft);
}

.page-privacy .privacy-index__label {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--stone);
}

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

.page-privacy .privacy-index__list a {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: baseline;
  gap: 8px;
  padding-bottom: 3px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--privacy-body-soft);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.16s ease, border-color 0.16s ease;
}

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

.page-privacy .privacy-index__no {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--cyan);
}

.page-privacy .privacy-aside__note {
  margin-top: 26px;
  padding: 12px 14px;
  border-left: 2px solid var(--orange);
  background: rgba(255, 138, 61, 0.06);
}

.page-privacy .privacy-aside__note p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--privacy-body-soft);
}

.page-privacy .privacy-aside__note .privacy-index__label {
  margin-bottom: 8px;
  color: var(--orange);
  opacity: 0.85;
}

/* ---------- 尾部指引带 ---------- */
.page-privacy .privacy-next {
  margin-top: 48px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(96deg, rgba(140, 74, 34, 0.24), rgba(11, 18, 32, 0) 66%);
}

.page-privacy .privacy-next__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 26px;
  padding-block: 20px;
}

.page-privacy .privacy-next__label {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--stone);
}

.page-privacy .privacy-next__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.page-privacy .privacy-next__links a {
  font-size: 14px;
  color: var(--paper);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--line);
  transition: color 0.16s ease, border-color 0.16s ease;
}

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

/* ---------- 平板与桌面 ---------- */
@media (min-width: 720px) {
  .page-privacy .privacy-sec__head {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
  }

  .page-privacy .privacy-table {
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .page-privacy .privacy-layout {
    grid-template-columns: minmax(0, 1fr) var(--privacy-aside-w);
    column-gap: 64px;
    padding-block: 52px 0;
  }

  .page-privacy .privacy-hero {
    padding-bottom: 46px;
  }

  .page-privacy .privacy-hero__body {
    margin-top: 34px;
    padding-top: 26px;
  }

  .page-privacy .privacy-aside {
    margin-top: 4px;
    padding-top: 0;
    border-top: 0;
    position: sticky;
    top: 92px;
    align-self: start;
  }

  .page-privacy .privacy-next {
    margin-top: 68px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-link,
  .page-privacy .privacy-index__list a,
  .page-privacy .privacy-next__links a {
    transition: none;
  }
}
<<<END>>>