.page-privacy {
  --pv-max: 78ch;
  --pv-toc-w: 260px;
  --pv-accent-line: 3px;
}

/* ---------- 首屏 ---------- */
.page-privacy .pv-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(120% 90% at 88% 6%, rgba(255, 92, 26, .22), transparent 58%),
    linear-gradient(178deg, #08152a 0%, var(--c-deep) 58%, #0a1830 100%);
  color: var(--text);
  padding: calc(var(--head-h) + var(--space-5)) 0 var(--space-6);
}

.page-privacy .pv-hero__aurora {
  position: absolute;
  inset: -22% -12% auto auto;
  width: 62vw;
  height: 62vw;
  max-width: 860px;
  max-height: 860px;
  opacity: .5;
  pointer-events: none;
}

.page-privacy .pv-hero__inner {
  position: relative;
  z-index: 1;
}

.page-privacy .pv-hero__frame {
  padding: clamp(20px, 3.4vw, 44px);
  border: 1px solid var(--ln-on-deep);
  border-radius: var(--radius-xl);
  background: linear-gradient(160deg, rgba(18, 41, 74, .72), rgba(11, 27, 51, .38));
}

.page-privacy .pv-hero__grid {
  display: grid;
  gap: var(--space-5);
}

.page-privacy .pv-hero__title {
  margin: var(--space-3) 0 var(--space-3);
  color: #fff;
  line-height: 1.24;
}

.page-privacy .pv-hero__lead {
  max-width: 60ch;
  color: var(--c-night);
}

.page-privacy .pv-hero__points {
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}

.page-privacy .pv-hero__points li {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--ln-on-deep);
  font-size: 15px;
  color: var(--c-night);
}

.page-privacy .pv-hero__points .num {
  color: var(--c-cyan);
  font-size: 13px;
  letter-spacing: .06em;
}

.page-privacy .pv-hero__figure {
  margin: 0;
  display: grid;
  gap: var(--space-2);
}

.page-privacy .pv-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  border: 1px solid var(--ln-on-deep);
  background: linear-gradient(150deg, #0d2140, #12305a 55%, #0b1b33);
}

.page-privacy .pv-hero__figure figcaption {
  color: var(--text-soft);
  letter-spacing: .04em;
}

/* 阅读进度 */
.page-privacy .pv-progress {
  margin-top: var(--space-4);
  display: grid;
  gap: var(--space-1);
}

.page-privacy .pv-progress__bar {
  display: block;
  height: 2px;
  width: 100%;
  background: var(--ln-on-deep);
  position: relative;
  border-radius: var(--radius-pill);
  overflow: hidden;
}

.page-privacy .pv-progress__bar::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--read-progress, 0) * 100%);
  background: linear-gradient(90deg, var(--c-cyan), var(--c-orange));
  transition: width .18s var(--ease);
}

.page-privacy .pv-progress__hint {
  color: var(--text-soft);
  letter-spacing: .08em;
}

/* ---------- 正文画布 ---------- */
.page-privacy .pv-body {
  padding: var(--space-6) 0 var(--space-5);
}

.page-privacy .pv-body__layout {
  display: grid;
  gap: var(--space-5);
}

/* ---------- 条款目录 ---------- */
.page-privacy .pv-toc {
  align-self: start;
  padding: var(--space-3);
  border-radius: var(--radius-lg);
  background: var(--c-cream);
  border: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-toc__list {
  list-style: none;
  margin: var(--space-3) 0 0;
  padding: 0;
  display: grid;
  gap: 2px;
  counter-reset: pvtoc;
}

.page-privacy .pv-toc__link {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  padding: 9px 10px;
  border-radius: var(--radius-sm);
  border-left: var(--pv-accent-line) solid transparent;
  color: var(--c-ink);
  text-decoration: none;
  font-size: 14.5px;
  line-height: 1.5;
  transition: background-color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);
}

.page-privacy .pv-toc__link .num {
  color: var(--c-orange);
  font-size: 12px;
  letter-spacing: .04em;
  flex: none;
}

.page-privacy .pv-toc__link:hover {
  background: var(--c-cyan-soft);
  border-left-color: var(--c-orange);
  transform: translateX(2px);
}

.page-privacy .pv-toc__link:focus-visible {
  outline: 2px solid var(--c-cyan);
  outline-offset: 2px;
  background: var(--c-cyan-soft);
}

.page-privacy .pv-toc__side {
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid var(--ln-on-paper);
  display: grid;
  gap: var(--space-2);
}

.page-privacy .pv-toc__side .t-label {
  color: rgba(16, 20, 24, .58);
}

.page-privacy .pv-toc .link-more {
  color: var(--c-ink);
  border-bottom-color: var(--c-orange);
}

/* ---------- 条款条目 ---------- */
.page-privacy .pv-content {
  display: grid;
  gap: var(--space-5);
  max-width: 100%;
}

.page-privacy .pv-clause {
  scroll-margin-top: calc(var(--head-h) + 28px);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-clause--last {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .pv-clause__head {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  padding-bottom: var(--space-2);
  border-bottom: 2px solid rgba(16, 20, 24, .12);
  margin-bottom: var(--space-3);
}

.page-privacy .pv-clause__n {
  font-size: 13px;
  letter-spacing: .1em;
  color: var(--c-orange);
  flex: none;
}

.page-privacy .pv-clause__head .t-title {
  margin: 0;
  color: var(--c-ink);
}

.page-privacy .pv-clause p {
  color: rgba(16, 20, 24, .86);
  max-width: var(--pv-max);
}

.page-privacy .pv-lead-line {
  font-size: 16.5px;
  color: var(--c-ink);
  padding-left: var(--space-3);
  border-left: var(--pv-accent-line) solid var(--c-cyan);
  margin-bottom: var(--space-4);
}

.page-privacy .pv-promise {
  margin-top: var(--space-4);
  max-width: var(--pv-max);
  padding: var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + 2px);
  background: var(--c-cyan-soft);
  border-left: var(--pv-accent-line) solid var(--c-orange);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  color: var(--c-ink);
  font-size: 15.5px;
}

.page-privacy .pv-promise strong {
  color: var(--c-orange);
}

/* 三类信息 */
.page-privacy .pv-triple {
  display: grid;
  gap: var(--space-3);
}

.page-privacy .pv-triple__cell .panel__in {
  height: 100%;
  display: grid;
  gap: var(--space-2);
  align-content: start;
}

.page-privacy .pv-triple__title {
  margin: 0;
  font-size: 18px;
  font-family: var(--font-display);
  color: var(--c-ink);
}

.page-privacy .pv-triple .panel__in p {
  font-size: 15px;
  max-width: none;
  color: rgba(16, 20, 24, .82);
}

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

.page-privacy .pv-list li {
  position: relative;
  padding-left: 16px;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(16, 20, 24, .72);
}

.page-privacy .pv-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 6px;
  height: 6px;
  background: var(--c-orange);
  border-radius: 2px;
  transform: rotate(45deg);
}

/* 使用目的 */
.page-privacy .pv-usecase {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-usecase__row {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: var(--space-3);
  row-gap: 6px;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-usecase__n {
  grid-row: 1 / span 2;
  font-size: 13px;
  color: var(--c-orange);
  letter-spacing: .06em;
  padding-top: .32em;
}

.page-privacy .pv-usecase__title {
  margin: 0;
  font-size: 17px;
  font-family: var(--font-display);
  color: var(--c-ink);
}

.page-privacy .pv-usecase__row p {
  margin: 0;
  font-size: 15px;
  max-width: var(--pv-max);
  color: rgba(16, 20, 24, .82);
}

/* Cookie 两栏 */
.page-privacy .pv-split {
  display: grid;
  gap: var(--space-4);
}

.page-privacy .pv-split__col p {
  margin-top: var(--space-2);
  font-size: 15.5px;
}

.page-privacy .pv-mini-title {
  margin: 0;
  font-size: 16px;
  font-family: var(--font-display);
  color: var(--c-ink);
  padding-bottom: 8px;
  border-bottom: 1px dashed rgba(16, 20, 24, .22);
}

/* 表格 */
.page-privacy .data-table-wrap {
  overflow-x: auto;
  border-radius: var(--radius-md);
  border: 1px solid var(--ln-on-paper);
  background: var(--c-cream);
}

.page-privacy .pv-table {
  min-width: 520px;
}

.page-privacy .pv-table caption {
  caption-side: top;
  text-align: left;
  padding: var(--space-2) var(--space-3) 0;
  color: rgba(16, 20, 24, .58);
  letter-spacing: .06em;
}

.page-privacy .pv-table td,
.page-privacy .pv-table th {
  font-size: 14px;
}

/* 安全与期限 */
.page-privacy .pv-secure {
  display: grid;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.page-privacy .pv-secure__stat {
  align-items: baseline;
  gap: var(--space-2);
}

.page-privacy .pv-secure__stat .stat__num {
  font-size: clamp(30px, 6vw, 44px);
  line-height: 1;
}

.page-privacy .pv-secure__stat .stat__label {
  font-size: 14px;
  line-height: 1.55;
}

.page-privacy .pv-terms {
  margin: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-terms__row {
  display: grid;
  gap: 6px;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-terms dt {
  font-family: var(--font-display);
  font-size: 16px;
  color: var(--c-ink);
}

.page-privacy .pv-terms dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
  color: rgba(16, 20, 24, .82);
  max-width: var(--pv-max);
}

/* 申请步骤 */
.page-privacy .pv-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-3);
  counter-reset: pvstep;
}

.page-privacy .pv-steps__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-3);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  background: var(--c-cream);
  border: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-steps__n {
  font-size: 13px;
  letter-spacing: .08em;
  color: var(--c-orange);
  padding-top: .3em;
}

.page-privacy .pv-steps__title {
  margin: 0 0 6px;
  font-size: 16.5px;
  font-family: var(--font-display);
  color: var(--c-ink);
}

.page-privacy .pv-steps__item p {
  margin: 0;
  font-size: 15px;
  max-width: none;
  color: rgba(16, 20, 24, .82);
}

.page-privacy .pv-steps__item a {
  color: var(--c-ink);
  text-decoration-color: var(--c-orange);
  text-underline-offset: 3px;
}

/* 更新说明 */
.page-privacy .pv-update {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  border-top: 1px solid var(--ln-on-paper);
  border-bottom: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-update__meta .t-label {
  color: rgba(16, 20, 24, .56);
  letter-spacing: .1em;
}

.page-privacy .pv-update__ver {
  margin: 6px 0 8px;
  font-size: 26px;
  color: var(--c-ink);
  letter-spacing: .02em;
}

.page-privacy .pv-update__note {
  margin: 0;
  font-size: 14px;
  color: rgba(16, 20, 24, .7);
  max-width: 34ch;
}

.page-privacy .pv-update__body p {
  font-size: 15.5px;
}

.page-privacy .pv-update__body p + p {
  margin-top: var(--space-3);
}

.page-privacy .pv-update__body a {
  color: var(--c-ink);
  text-decoration-color: var(--c-cyan);
  text-underline-offset: 3px;
  font-weight: 500;
}

/* 联系面板 */
.page-privacy .pv-contact {
  margin-top: var(--space-4);
}

.page-privacy .pv-contact .panel__in {
  display: grid;
  gap: var(--space-2);
}

.page-privacy .pv-contact__line {
  margin: 0;
  font-size: 15px;
  color: var(--c-ink);
}

.page-privacy .pv-contact__mail {
  margin: 0;
  font-size: clamp(18px, 3.4vw, 24px);
  color: var(--c-ink);
  letter-spacing: .01em;
  word-break: break-all;
}

.page-privacy .pv-contact__note {
  margin: 0;
  font-size: 13.5px;
  color: rgba(16, 20, 24, .68);
}

.page-privacy .pv-contact__links {
  margin: var(--space-2) 0 0;
  font-size: 14.5px;
  color: rgba(16, 20, 24, .8);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-privacy .pv-contact__links a {
  color: var(--c-ink);
  text-decoration-color: var(--c-orange);
  text-underline-offset: 3px;
}

/* 阅读方案条 */
.page-privacy .pv-readbar {
  margin-top: var(--space-5);
  padding-top: var(--space-3);
  border-top: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-readbar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.page-privacy .pv-readbar .t-label {
  color: rgba(16, 20, 24, .58);
  letter-spacing: .1em;
}

.page-privacy .pv-readbar .read-toggle button {
  cursor: pointer;
}

/* 手风琴式渐进增强：JS 未执行时全部内容完整可读 */
.page-privacy .pv-clause[data-reveal] {
  opacity: 1;
}

.page-privacy .pv-clause.is-in {
  animation: pv-rise .5s var(--ease) both;
}

@keyframes pv-rise {
  from { transform: translateY(10px); opacity: .01; }
  to { transform: none; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pv-clause.is-in { animation: none; }
  .page-privacy .pv-progress__bar::after { transition: none; }
  .page-privacy .pv-toc__link:hover { transform: none; }
}

/* ---------- 断点 ---------- */
@media (min-width: 700px) {
  .page-privacy .pv-hero__points {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-privacy .pv-triple {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-privacy .pv-split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-privacy .pv-secure {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-privacy .pv-terms__row {
    grid-template-columns: 160px 1fr;
    column-gap: var(--space-4);
    align-items: baseline;
  }
  .page-privacy .pv-update {
    grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
    column-gap: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .page-privacy .pv-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: center;
    gap: var(--space-5);
  }
  .page-privacy .pv-hero__points {
    grid-template-columns: 1fr;
  }
  .page-privacy .pv-hero__points li {
    border-top-color: rgba(199, 210, 224, .16);
  }
  .page-privacy .pv-triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-privacy .pv-body__layout {
    grid-template-columns: var(--pv-toc-w) minmax(0, 1fr);
    column-gap: var(--space-5);
    align-items: start;
  }
  .page-privacy .pv-toc {
    position: sticky;
    top: calc(var(--head-h) + var(--space-3));
  }
  .page-privacy .pv-content {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .page-privacy .pv-toc {
    padding: var(--space-4);
  }
  .page-privacy .pv-content {
    max-width: 880px;
  }
}


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

  <section class="pv-hero page-top--flush" aria-labelledby="pv-hero-title">
    <div class="pv-hero__aurora aurora" aria-hidden="true"></div>
    <div class="wrap pv-hero__inner">
      <div class="frame-box pv-hero__frame">
        <span class="frame-corners" aria-hidden="true"></span>
        <div class="pv-hero__grid">
          <div class="pv-hero__copy">
            <nav class="breadcrumb" aria-label="所在位置">
              <ol>
                <li><a href="/">今日赛场</a></li>
                <li><span aria-current="page">数据保护</span></li>
              </ol>
            </nav>
            <p class="placard placard--cyan">隐私说明 · 第 4 版</p>
            <h1 id="pv-hero-title" class="t-display pv-hero__title">把你的信息交给我们之前，先看清楚它会被怎么用</h1>
            <p class="t-lead pv-hero__lead">
              斗鱼体育的赛程、积分、伤停与专栏内容面向所有球迷开放，不需要注册就能读。只有在你想接收更新通知、
              提交数据纠错或反馈使用问题时，我们才需要你留下必要的联系方式。下面这份说明写清了每种情况下会留下什么、
              用来做什么，以及你随时可以怎么处理它。
            </p>
            <ul class="pv-hero__points">
              <li><span class="num">01</span>浏览赛程与数据不留个人信息</li>
              <li><span class="num">02</span>订阅通知只用于你选定的更新推送</li>
              <li><span class="num">03</span>反馈里的联系方式仅供回复使用</li>
            </ul>
          </div>
          <figure class="pv-hero__figure">
            <img src="{zhanqunpic:h:600w:1200}" width="1200" height="600"
                 alt="深海蓝背景上的信息节点与连线抽象图形，橙色与青色区分访问、订阅与反馈三类数据，画面无文字"
                 decoding="async">
            <figcaption class="t-label">数据流向示意 · 访问、订阅、反馈三类信息各自独立处理</figcaption>
          </figure>
        </div>
      </div>
      <div class="pv-progress" role="presentation">
        <span class="pv-progress__bar" aria-hidden="true"></span>
        <span class="t-label pv-progress__hint">阅读进度随条款推进</span>
      </div>
    </div>
  </section>

  <section class="section section--paper pv-body" aria-label="数据保护条款正文">
    <div class="wrap pv-body__layout">

      <nav class="pv-toc" aria-label="条款目录">
        <p class="placard placard--bare">条款目录</p>
        <ol class="pv-toc__list">
          <li><a class="pv-toc__link" href="#pv-collect"><span class="num">01</span><span class="pv-toc__label">我们收集哪些信息</span></a></li>
          <li><a class="pv-toc__link" href="#pv-use"><span class="num">02</span><span class="pv-toc__label">信息的使用目的</span></a></li>
          <li><a class="pv-toc__link" href="#pv-cookie"><span class="num">03</span><span class="pv-toc__label">Cookie 与访问统计</span></a></li>
          <li><a class="pv-toc__link" href="#pv-share"><span class="num">04</span><span class="pv-toc__label">信息的共享与委托</span></a></li>
          <li><a class="pv-toc__link" href="#pv-secure"><span class="num">05</span><span class="pv-toc__label">安全措施与保存期限</span></a></li>
          <li><a class="pv-toc__link" href="#pv-rights"><span class="num">06</span><span class="pv-toc__label">你的权利与申请方式</span></a></li>
          <li><a class="pv-toc__link" href="#pv-update"><span class="num">07</span><span class="pv-toc__label">说明更新与联系方式</span></a></li>
        </ol>
        <div class="pv-toc__side">
          <p class="t-label">有疑问先看这里</p>
          <a class="link-more" href="/faqs/">常见问题解答</a>
        </div>
      </nav>

      <div class="pv-content">

        <article id="pv-collect" class="pv-clause" data-reveal>
          <header class="pv-clause__head">
            <span class="num pv-clause__n">01</span>
            <h2 class="t-title">我们收集哪些信息</h2>
          </header>
          <p class="pv-lead-line">
            我们只在你实际用到的功能里收集信息。看赛程、翻积分榜、读专栏，全程不会要求你填写任何资料。
          </p>

          <div class="pv-triple">
            <div class="panel panel--flat pv-triple__cell">
              <div class="panel__in">
                <p class="placard placard--bare">类型 A</p>
                <h3 class="pv-triple__title">浏览类信息</h3>
                <p>包括设备类型、浏览器版本、屏幕分辨率、访问页面与停留时长的聚合记录，以及用于判断访问来源的粗略地区。这类信息与你的身份不挂钩，我们也无法据此反推出你是谁。</p>
                <ul class="pv-list">
                  <li>记录内容：设备与浏览器标识、访问路径、进入与离开时刻</li>
                  <li>不记录内容：姓名、证件、通讯录、精确定位</li>
                </ul>
              </div>
            </div>

            <div class="panel panel--flat pv-triple__cell">
              <div class="panel__in">
                <p class="placard placard--bare">类型 B</p>
                <h3 class="pv-triple__title">订阅类信息</h3>
                <p>当你想接收某个联赛或某支球队的更新通知时，需要提供一个可用的联系方式，通常是一个电子邮箱地址，外加你选中的跟队主题。这是订阅能送达的唯一前提。</p>
                <ul class="pv-list">
                  <li>记录内容：邮箱地址、订阅的联赛或球队、订阅时间</li>
                  <li>不记录内容：与订阅无关的任何个人资料</li>
                </ul>
              </div>
            </div>

            <div class="panel panel--flat pv-triple__cell">
              <div class="panel__in">
                <p class="placard placard--bare">类型 C</p>
                <h3 class="pv-triple__title">反馈类信息</h3>
                <p>当你提交数据纠错或功能问题时，我们会收到你的问题描述、涉及的页面或球队，以及你愿意附上的截图。如果希望我们回复处理结果，可以留一个联系方式。</p>
                <ul class="pv-list">
                  <li>记录内容：问题描述、相关页面、补充截图、可选联系方式</li>
                  <li>不记录内容：你的账号密码或支付信息，我们也不会索要</li>
                </ul>
              </div>
            </div>
          </div>

          <p class="pv-promise">
            <strong>承诺句：</strong>三类信息分开存放，浏览记录不会与订阅邮箱或反馈内容关联到同一条档案里。
          </p>
        </article>

        <article id="pv-use" class="pv-clause" data-reveal>
          <header class="pv-clause__head">
            <span class="num pv-clause__n">02</span>
            <h2 class="t-title">信息的使用目的</h2>
          </header>
          <p class="pv-lead-line">
            收到信息之后，我们只拿它做四件与观赛直接相关的事，不会挪到别的地方去。
          </p>
          <div class="pv-usecase">
            <div class="pv-usecase__row">
              <span class="num pv-usecase__n">01</span>
              <h3 class="pv-usecase__title">页面适配与体验优化</h3>
              <p>根据设备与浏览器数据判断赛程表、积分榜在不同屏幕上的展示是否需要调整，让桌面端和手机端都能顺滑翻阅。</p>
            </div>
            <div class="pv-usecase__row">
              <span class="num pv-usecase__n">02</span>
              <h3 class="pv-usecase__title">数据纠错核对</h3>
              <p>你在反馈里指出的比分、伤停或轮次问题，会由赛事数据组在 1 个工作日内比对来源并更正，处理结果记录在版本更新说明中。</p>
            </div>
            <div class="pv-usecase__row">
              <span class="num pv-usecase__n">03</span>
              <h3 class="pv-usecase__title">专栏与更新通知</h3>
              <p>订阅信息仅用于向你推送所选球队的赛前提醒、专栏新篇与积分榜变动，推送频率与你选择的跟队主题一致。</p>
            </div>
            <div class="pv-usecase__row">
              <span class="num pv-usecase__n">04</span>
              <h3 class="pv-usecase__title">问题回复</h3>
              <p>你在反馈中留下的邮箱只用于回复这一条问题，不会顺带推送其他内容，也不会被放进任何营销名单。</p>
            </div>
          </div>
        </article>

        <article id="pv-cookie" class="pv-clause" data-reveal>
          <header class="pv-clause__head">
            <span class="num pv-clause__n">03</span>
            <h2 class="t-title">Cookie 与访问统计</h2>
          </header>
          <p class="pv-lead-line">
            站内用到 Cookie 和本地存储的地方不多，都是为了让你下一次打开时省事。
          </p>
          <div class="pv-split">
            <div class="pv-split__col">
              <h3 class="pv-mini-title">本地保存的偏好</h3>
              <p>你选择夜间深色还是日间明亮阅读方案、右上角联赛切换器停在哪个联赛、目录展开到哪一条，这些选择会保存在你自己的浏览器里。换一台设备打开，偏好就回到默认状态，因为这份记录没有离开过你的设备。</p>
            </div>
            <div class="pv-split__col">
              <h3 class="pv-mini-title">访问统计的聚合方式</h3>
              <p>我们统计的是整体趋势：某个联赛页这周被翻了多少次、哪个时间段访问最集中、哪类设备占比更高。这些数字以汇总形式呈现，用于决定赛程表的信息排序和专栏选题，不用于追踪某一个人的浏览轨迹。</p>
            </div>
          </div>
          <p class="pv-promise">
            <strong>承诺句：</strong>浏览器设置里清空 Cookie 与站点数据，即可一次性清除全部阅读偏好，刷新页面后会回到默认样式，站内功能照常可用。
          </p>
        </article>

        <article id="pv-share" class="pv-clause" data-reveal>
          <header class="pv-clause__head">
            <span class="num pv-clause__n">04</span>
            <h2 class="t-title">信息的共享与委托</h2>
          </header>
          <p class="pv-lead-line">
            我们不把球迷信息当作可以交易的资源。只有在送达通知或维持页面运行必须经过外部服务时，才会传递最小必要的那一部分。
          </p>
          <div class="data-table-wrap">
            <table class="data-table pv-table">
              <caption class="t-label">必要服务方与传递范围</caption>
              <thead>
                <tr>
                  <th scope="col">服务环节</th>
                  <th scope="col">传递内容</th>
                  <th scope="col">用途</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>邮件通知投递</td>
                  <td class="data-table__num">邮箱地址、订阅的球队或联赛</td>
                  <td>把更新送达你的收件箱</td>
                </tr>
                <tr>
                  <td>云资源与带宽</td>
                  <td class="data-table__num">访问日志中的设备与路径信息</td>
                  <td>支撑页面加载与访问统计</td>
                </tr>
                <tr>
                  <td>数据来源核对</td>
                  <td class="data-table__num">不含联系方式的赛事条目</td>
                  <td>比对赛程、比分与伤停字段</td>
                </tr>
              </tbody>
            </table>
          </div>
          <p class="pv-promise">
            <strong>承诺句：</strong>除上述必要环节外，我们不会把你的邮箱、反馈内容或访问记录提供给任何其他方，也不会用于出售、出租或交换。
          </p>
        </article>

        <article id="pv-secure" class="pv-clause" data-reveal>
          <header class="pv-clause__head">
            <span class="num pv-clause__n">05</span>
            <h2 class="t-title">安全措施与保存期限</h2>
          </header>
          <p class="pv-lead-line">
            信息留多久、谁能看到、怎么防丢，这三件事都有明确的安排。
          </p>
          <div class="pv-secure">
            <div class="stat stat--cyan pv-secure__stat">
              <span class="stat__num num">1</span>
              <span class="stat__label">个工作日内完成反馈类信息的核对处理</span>
            </div>
            <div class="stat stat--orange pv-secure__stat">
              <span class="stat__num num">15</span>
              <span class="stat__label">分钟，比赛结束后比分更新窗口</span>
            </div>
          </div>
          <dl class="pv-terms">
            <div class="pv-terms__row">
              <dt>访问权限</dt>
              <dd>订阅邮箱与反馈内容由赛事数据组与客服岗按职责范围查看，其他岗位无法接触。查看记录随账号留痕。</dd>
            </div>
            <div class="pv-terms__row">
              <dt>传输保护</dt>
              <dd>站内所有页面通过加密通道传输，你提交的订阅与反馈内容在到达服务器前已处于加密状态。</dd>
            </div>
            <div class="pv-terms__row">
              <dt>订阅信息留存</dt>
              <dd>订阅关系持续期间保留你的邮箱与跟队主题；退订后进入删除队列，不再接收任何推送。</dd>
            </div>
            <div class="pv-terms__row">
              <dt>反馈信息留存</dt>
              <dd>反馈内容与处理记录保留 12 个月，用于回溯同类问题；期满后删除联系方式，仅保留不含个人信息的处理结论。</dd>
            </div>
            <div class="pv-terms__row">
              <dt>访问日志留存</dt>
              <dd>聚合后的访问统计长期服务于栏目排序；可识别到单次会话的原始日志保留 6 个月后自动清除。</dd>
            </div>
          </dl>
        </article>

        <article id="pv-rights" class="pv-clause" data-reveal>
          <header class="pv-clause__head">
            <span class="num pv-clause__n">06</span>
            <h2 class="t-title">你的权利与申请方式</h2>
          </header>
          <p class="pv-lead-line">
            关于你自己留下的那些信息，你想查、想改、想删，都可以提出来，流程也很短。
          </p>
          <ol class="pv-steps">
            <li class="pv-steps__item">
              <span class="num pv-steps__n">01</span>
              <div>
                <h3 class="pv-steps__title">提出申请</h3>
                <p>用你订阅或反馈时使用的同一个邮箱，发一封信到 <a href="mailto:contact@dysports.com.cn">contact@dysports.com.cn</a>，说明你想查询、更正还是删除。</p>
              </div>
            </li>
            <li class="pv-steps__item">
              <span class="num pv-steps__n">02</span>
              <div>
                <h3 class="pv-steps__title">身份确认</h3>
                <p>我们会回信确认这封信来自该邮箱本人，核对的是邮箱归属，不会额外索要证件或身份材料。</p>
              </div>
            </li>
            <li class="pv-steps__item">
              <span class="num pv-steps__n">03</span>
              <div>
                <h3 class="pv-steps__title">处理与回执</h3>
                <p>确认后我们按你的要求完成查询、更正或删除，并在同一封邮件里回复处理结果。删除订阅邮箱后，你仍可照常浏览全部赛程与数据页面。</p>
              </div>
            </li>
          </ol>
          <p class="pv-promise">
            <strong>承诺句：</strong>申请处理不收取任何费用，也不需要你注册账号或下载任何工具。
          </p>
        </article>

        <article id="pv-update" class="pv-clause pv-clause--last" data-reveal>
          <header class="pv-clause__head">
            <span class="num pv-clause__n">07</span>
            <h2 class="t-title">说明更新与联系方式</h2>
          </header>
          <p class="pv-lead-line">
            站内功能在变，这份说明也跟着改。每次调整都会写明改了什么、从什么时候开始适用。
          </p>
          <div class="pv-update">
            <div class="pv-update__meta">
              <p class="t-label">当前版本</p>
              <p class="num pv-update__ver">第 4 版</p>
              <p class="pv-update__note">对应电脑版直播页联赛切换改造与新版积分榜通道上线后的信息处理安排。</p>
            </div>
            <div class="pv-update__body">
              <p>当收集范围、使用目的或共享环节出现变化时，我们会在本页更新条款内容并调整版本编号，同时在<a href="/column/">赛事专栏</a>的版本更新说明中记录改动要点，方便你对照前后差异。</p>
              <p>如果你对某一条款的表述有疑问，或者想确认自己的信息当前处于什么状态，欢迎先翻一翻<a href="/faqs/">帮助问答</a>，那里集中回答了赛程更新时间、联赛切换方法与积分榜字段含义等高频问题。</p>
            </div>
          </div>

          <div class="panel panel--cyan pv-contact">
            <div class="panel__in">
              <p class="placard">联系我们</p>
              <p class="pv-contact__line">对本说明有疑问，或需要行使上面提到的权利，请写信到：</p>
              <p class="pv-contact__mail num">contact@dysports.com.cn</p>
              <p class="pv-contact__note">该邮箱为站点客服邮箱，工作日 9:00-18:00 回复。</p>
              <p class="pv-contact__links">
                相关阅读：<a href="/feedback/">联系与反馈</a><span aria-hidden="true">·</span><a href="/statement/">网站使用与内容声明</a><span aria-hidden="true">·</span><a href="/">返回今日赛场</a>
              </p>
            </div>
          </div>
        </article>

      </div>
    </div>

    <div class="pv-readbar">
      <div class="wrap pv-readbar__inner">
        <p class="t-label">阅读方案</p>
        <div class="read-toggle" data-read-toggle>
          <button type="button" class="read-toggle__on">日间明亮</button>
          <button type="button" class="read-toggle__off">夜间深色</button>
        </div>
      </div>
    </div>
  </section>

</main>

.page-privacy {
  --pv-max: 78ch;
  --pv-toc-w: 260px;
  --pv-accent-line: 3px;
}

/* ---------- 首屏 ---------- */
.page-privacy .pv-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(120% 90% at 88% 6%, rgba(255, 92, 26, .22), transparent 58%),
    linear-gradient(178deg, #08152a 0%, var(--c-deep) 58%, #0a1830 100%);
  color: var(--text);
  padding: calc(var(--head-h) + var(--space-5)) 0 var(--space-6);
}

.page-privacy .pv-hero__aurora {
  position: absolute;
  inset: -22% -12% auto auto;
  width: 62vw;
  height: 62vw;
  max-width: 860px;
  max-height: 860px;
  opacity: .5;
  pointer-events: none;
}

.page-privacy .pv-hero__inner {
  position: relative;
  z-index: 1;
}

.page-privacy .pv-hero__frame {
  padding: clamp(20px, 3.4vw, 44px);
  border: 1px solid var(--ln-on-deep);
  border-radius: var(--radius-xl);
  background: linear-gradient(160deg, rgba(18, 41, 74, .72), rgba(11, 27, 51, .38));
}

.page-privacy .pv-hero__grid {
  display: grid;
  gap: var(--space-5);
}

.page-privacy .pv-hero__title {
  margin: var(--space-3) 0 var(--space-3);
  color: #fff;
  line-height: 1.24;
}

.page-privacy .pv-hero__lead {
  max-width: 60ch;
  color: var(--c-night);
}

.page-privacy .pv-hero__points {
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}

.page-privacy .pv-hero__points li {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--ln-on-deep);
  font-size: 15px;
  color: var(--c-night);
}

.page-privacy .pv-hero__points .num {
  color: var(--c-cyan);
  font-size: 13px;
  letter-spacing: .06em;
}

.page-privacy .pv-hero__figure {
  margin: 0;
  display: grid;
  gap: var(--space-2);
}

.page-privacy .pv-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  border: 1px solid var(--ln-on-deep);
  background: linear-gradient(150deg, #0d2140, #12305a 55%, #0b1b33);
}

.page-privacy .pv-hero__figure figcaption {
  color: var(--text-soft);
  letter-spacing: .04em;
}

/* 阅读进度 */
.page-privacy .pv-progress {
  margin-top: var(--space-4);
  display: grid;
  gap: var(--space-1);
}

.page-privacy .pv-progress__bar {
  display: block;
  height: 2px;
  width: 100%;
  background: var(--ln-on-deep);
  position: relative;
  border-radius: var(--radius-pill);
  overflow: hidden;
}

.page-privacy .pv-progress__bar::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--read-progress, 0) * 100%);
  background: linear-gradient(90deg, var(--c-cyan), var(--c-orange));
  transition: width .18s var(--ease);
}

.page-privacy .pv-progress__hint {
  color: var(--text-soft);
  letter-spacing: .08em;
}

/* ---------- 正文画布 ---------- */
.page-privacy .pv-body {
  padding: var(--space-6) 0 var(--space-5);
}

.page-privacy .pv-body__layout {
  display: grid;
  gap: var(--space-5);
}

/* ---------- 条款目录 ---------- */
.page-privacy .pv-toc {
  align-self: start;
  padding: var(--space-3);
  border-radius: var(--radius-lg);
  background: var(--c-cream);
  border: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-toc__list {
  list-style: none;
  margin: var(--space-3) 0 0;
  padding: 0;
  display: grid;
  gap: 2px;
  counter-reset: pvtoc;
}

.page-privacy .pv-toc__link {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  padding: 9px 10px;
  border-radius: var(--radius-sm);
  border-left: var(--pv-accent-line) solid transparent;
  color: var(--c-ink);
  text-decoration: none;
  font-size: 14.5px;
  line-height: 1.5;
  transition: background-color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);
}

.page-privacy .pv-toc__link .num {
  color: var(--c-orange);
  font-size: 12px;
  letter-spacing: .04em;
  flex: none;
}

.page-privacy .pv-toc__link:hover {
  background: var(--c-cyan-soft);
  border-left-color: var(--c-orange);
  transform: translateX(2px);
}

.page-privacy .pv-toc__link:focus-visible {
  outline: 2px solid var(--c-cyan);
  outline-offset: 2px;
  background: var(--c-cyan-soft);
}

.page-privacy .pv-toc__side {
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid var(--ln-on-paper);
  display: grid;
  gap: var(--space-2);
}

.page-privacy .pv-toc__side .t-label {
  color: rgba(16, 20, 24, .58);
}

.page-privacy .pv-toc .link-more {
  color: var(--c-ink);
  border-bottom-color: var(--c-orange);
}

/* ---------- 条款条目 ---------- */
.page-privacy .pv-content {
  display: grid;
  gap: var(--space-5);
  max-width: 100%;
}

.page-privacy .pv-clause {
  scroll-margin-top: calc(var(--head-h) + 28px);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-clause--last {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .pv-clause__head {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  padding-bottom: var(--space-2);
  border-bottom: 2px solid rgba(16, 20, 24, .12);
  margin-bottom: var(--space-3);
}

.page-privacy .pv-clause__n {
  font-size: 13px;
  letter-spacing: .1em;
  color: var(--c-orange);
  flex: none;
}

.page-privacy .pv-clause__head .t-title {
  margin: 0;
  color: var(--c-ink);
}

.page-privacy .pv-clause p {
  color: rgba(16, 20, 24, .86);
  max-width: var(--pv-max);
}

.page-privacy .pv-lead-line {
  font-size: 16.5px;
  color: var(--c-ink);
  padding-left: var(--space-3);
  border-left: var(--pv-accent-line) solid var(--c-cyan);
  margin-bottom: var(--space-4);
}

.page-privacy .pv-promise {
  margin-top: var(--space-4);
  max-width: var(--pv-max);
  padding: var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + 2px);
  background: var(--c-cyan-soft);
  border-left: var(--pv-accent-line) solid var(--c-orange);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  color: var(--c-ink);
  font-size: 15.5px;
}

.page-privacy .pv-promise strong {
  color: var(--c-orange);
}

/* 三类信息 */
.page-privacy .pv-triple {
  display: grid;
  gap: var(--space-3);
}

.page-privacy .pv-triple__cell .panel__in {
  height: 100%;
  display: grid;
  gap: var(--space-2);
  align-content: start;
}

.page-privacy .pv-triple__title {
  margin: 0;
  font-size: 18px;
  font-family: var(--font-display);
  color: var(--c-ink);
}

.page-privacy .pv-triple .panel__in p {
  font-size: 15px;
  max-width: none;
  color: rgba(16, 20, 24, .82);
}

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

.page-privacy .pv-list li {
  position: relative;
  padding-left: 16px;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(16, 20, 24, .72);
}

.page-privacy .pv-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 6px;
  height: 6px;
  background: var(--c-orange);
  border-radius: 2px;
  transform: rotate(45deg);
}

/* 使用目的 */
.page-privacy .pv-usecase {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-usecase__row {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: var(--space-3);
  row-gap: 6px;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-usecase__n {
  grid-row: 1 / span 2;
  font-size: 13px;
  color: var(--c-orange);
  letter-spacing: .06em;
  padding-top: .32em;
}

.page-privacy .pv-usecase__title {
  margin: 0;
  font-size: 17px;
  font-family: var(--font-display);
  color: var(--c-ink);
}

.page-privacy .pv-usecase__row p {
  margin: 0;
  font-size: 15px;
  max-width: var(--pv-max);
  color: rgba(16, 20, 24, .82);
}

/* Cookie 两栏 */
.page-privacy .pv-split {
  display: grid;
  gap: var(--space-4);
}

.page-privacy .pv-split__col p {
  margin-top: var(--space-2);
  font-size: 15.5px;
}

.page-privacy .pv-mini-title {
  margin: 0;
  font-size: 16px;
  font-family: var(--font-display);
  color: var(--c-ink);
  padding-bottom: 8px;
  border-bottom: 1px dashed rgba(16, 20, 24, .22);
}

/* 表格 */
.page-privacy .data-table-wrap {
  overflow-x: auto;
  border-radius: var(--radius-md);
  border: 1px solid var(--ln-on-paper);
  background: var(--c-cream);
}

.page-privacy .pv-table {
  min-width: 520px;
}

.page-privacy .pv-table caption {
  caption-side: top;
  text-align: left;
  padding: var(--space-2) var(--space-3) 0;
  color: rgba(16, 20, 24, .58);
  letter-spacing: .06em;
}

.page-privacy .pv-table td,
.page-privacy .pv-table th {
  font-size: 14px;
}

/* 安全与期限 */
.page-privacy .pv-secure {
  display: grid;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.page-privacy .pv-secure__stat {
  align-items: baseline;
  gap: var(--space-2);
}

.page-privacy .pv-secure__stat .stat__num {
  font-size: clamp(30px, 6vw, 44px);
  line-height: 1;
}

.page-privacy .pv-secure__stat .stat__label {
  font-size: 14px;
  line-height: 1.55;
}

.page-privacy .pv-terms {
  margin: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-terms__row {
  display: grid;
  gap: 6px;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-terms dt {
  font-family: var(--font-display);
  font-size: 16px;
  color: var(--c-ink);
}

.page-privacy .pv-terms dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
  color: rgba(16, 20, 24, .82);
  max-width: var(--pv-max);
}

/* 申请步骤 */
.page-privacy .pv-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-3);
  counter-reset: pvstep;
}

.page-privacy .pv-steps__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-3);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  background: var(--c-cream);
  border: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-steps__n {
  font-size: 13px;
  letter-spacing: .08em;
  color: var(--c-orange);
  padding-top: .3em;
}

.page-privacy .pv-steps__title {
  margin: 0 0 6px;
  font-size: 16.5px;
  font-family: var(--font-display);
  color: var(--c-ink);
}

.page-privacy .pv-steps__item p {
  margin: 0;
  font-size: 15px;
  max-width: none;
  color: rgba(16, 20, 24, .82);
}

.page-privacy .pv-steps__item a {
  color: var(--c-ink);
  text-decoration-color: var(--c-orange);
  text-underline-offset: 3px;
}

/* 更新说明 */
.page-privacy .pv-update {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  border-top: 1px solid var(--ln-on-paper);
  border-bottom: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-update__meta .t-label {
  color: rgba(16, 20, 24, .56);
  letter-spacing: .1em;
}

.page-privacy .pv-update__ver {
  margin: 6px 0 8px;
  font-size: 26px;
  color: var(--c-ink);
  letter-spacing: .02em;
}

.page-privacy .pv-update__note {
  margin: 0;
  font-size: 14px;
  color: rgba(16, 20, 24, .7);
  max-width: 34ch;
}

.page-privacy .pv-update__body p {
  font-size: 15.5px;
}

.page-privacy .pv-update__body p + p {
  margin-top: var(--space-3);
}

.page-privacy .pv-update__body a {
  color: var(--c-ink);
  text-decoration-color: var(--c-cyan);
  text-underline-offset: 3px;
  font-weight: 500;
}

/* 联系面板 */
.page-privacy .pv-contact {
  margin-top: var(--space-4);
}

.page-privacy .pv-contact .panel__in {
  display: grid;
  gap: var(--space-2);
}

.page-privacy .pv-contact__line {
  margin: 0;
  font-size: 15px;
  color: var(--c-ink);
}

.page-privacy .pv-contact__mail {
  margin: 0;
  font-size: clamp(18px, 3.4vw, 24px);
  color: var(--c-ink);
  letter-spacing: .01em;
  word-break: break-all;
}

.page-privacy .pv-contact__note {
  margin: 0;
  font-size: 13.5px;
  color: rgba(16, 20, 24, .68);
}

.page-privacy .pv-contact__links {
  margin: var(--space-2) 0 0;
  font-size: 14.5px;
  color: rgba(16, 20, 24, .8);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-privacy .pv-contact__links a {
  color: var(--c-ink);
  text-decoration-color: var(--c-orange);
  text-underline-offset: 3px;
}

/* 阅读方案条 */
.page-privacy .pv-readbar {
  margin-top: var(--space-5);
  padding-top: var(--space-3);
  border-top: 1px solid var(--ln-on-paper);
}

.page-privacy .pv-readbar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.page-privacy .pv-readbar .t-label {
  color: rgba(16, 20, 24, .58);
  letter-spacing: .1em;
}

.page-privacy .pv-readbar .read-toggle button {
  cursor: pointer;
}

/* 手风琴式渐进增强：JS 未执行时全部内容完整可读 */
.page-privacy .pv-clause[data-reveal] {
  opacity: 1;
}

.page-privacy .pv-clause.is-in {
  animation: pv-rise .5s var(--ease) both;
}

@keyframes pv-rise {
  from { transform: translateY(10px); opacity: .01; }
  to { transform: none; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pv-clause.is-in { animation: none; }
  .page-privacy .pv-progress__bar::after { transition: none; }
  .page-privacy .pv-toc__link:hover { transform: none; }
}

/* ---------- 断点 ---------- */
@media (min-width: 700px) {
  .page-privacy .pv-hero__points {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-privacy .pv-triple {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-privacy .pv-split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-privacy .pv-secure {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-privacy .pv-terms__row {
    grid-template-columns: 160px 1fr;
    column-gap: var(--space-4);
    align-items: baseline;
  }
  .page-privacy .pv-update {
    grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
    column-gap: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .page-privacy .pv-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: center;
    gap: var(--space-5);
  }
  .page-privacy .pv-hero__points {
    grid-template-columns: 1fr;
  }
  .page-privacy .pv-hero__points li {
    border-top-color: rgba(199, 210, 224, .16);
  }
  .page-privacy .pv-triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-privacy .pv-body__layout {
    grid-template-columns: var(--pv-toc-w) minmax(0, 1fr);
    column-gap: var(--space-5);
    align-items: start;
  }
  .page-privacy .pv-toc {
    position: sticky;
    top: calc(var(--head-h) + var(--space-3));
  }
  .page-privacy .pv-content {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .page-privacy .pv-toc {
    padding: var(--space-4);
  }
  .page-privacy .pv-content {
    max-width: 880px;
  }
}