.page-privacy {
  --pp-rail: 216px;
  --pp-tint: #E6EFE9;
  --pp-tint-strong: #D3E3D9;
  --pp-gap: 32px;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  padding-bottom: 72px;
  overflow-x: hidden;
}

.page-privacy .breadcrumbs {
  padding: 20px 0 8px;
}

.page-privacy .privacy-hero {
  display: grid;
  gap: 24px;
  padding: 8px 0 32px;
  border-bottom: 1px solid var(--line);
}

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

.page-privacy .privacy-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(30px, 7.4vw, 60px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.012em;
  color: var(--pitch-900);
  margin: 10px 0 16px;
  max-width: 20ch;
}

.page-privacy .privacy-hero .lede {
  font-size: 16px;
  line-height: 1.75;
  color: var(--moss-ink);
  max-width: 62ch;
  margin: 0;
}

.page-privacy .privacy-hero__meta {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 22px 0 0;
  padding: 14px 0 0;
  border-top: 1px dotted var(--line);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--moss-ink);
}

.page-privacy .privacy-hero__meta .num {
  color: var(--pitch-800);
  font-weight: 500;
}

.page-privacy .privacy-hero__figure {
  margin: 0;
  min-width: 0;
}

.page-privacy .privacy-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  border-radius: var(--radius-organic);
  background: var(--pitch-800);
}

.page-privacy .privacy-layout {
  display: grid;
  gap: var(--pp-gap);
  padding-top: 32px;
}

/* 左侧窄轨 */
.page-privacy .privacy-rail {
  min-width: 0;
}

.page-privacy .privacy-rail__title {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--moss-ink);
  margin: 0 0 10px;
}

.page-privacy .privacy-rail__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
}

.page-privacy .privacy-rail__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 12px 6px 10px;
  border: 1px solid var(--line);
  border-radius: 2px 12px 2px 12px;
  background: var(--white);
  color: var(--pitch-800);
  font-size: 13px;
  text-decoration: none;
  transition: border-color 200ms var(--ease), background-color 200ms var(--ease);
}

.page-privacy .privacy-rail__link .num {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--teal-ink);
}

.page-privacy .privacy-rail__link:hover,
.page-privacy .privacy-rail__link:focus-visible {
  border-color: var(--pitch-600);
  background: var(--pp-tint);
}

.page-privacy .privacy-rail__link:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
}

/* 正文 */
.page-privacy .privacy-body {
  min-width: 0;
}

.page-privacy .privacy-sec {
  padding: 0 0 36px;
  margin-bottom: 36px;
  border-bottom: 1px dotted var(--line);
}

.page-privacy .privacy-sec:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .privacy-sec__title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-family: var(--font-display);
  font-size: clamp(20px, 4.6vw, 30px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.005em;
  color: var(--pitch-900);
  margin: 0 0 16px;
}

.page-privacy .privacy-sec__no {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 500;
  color: var(--teal-ink);
  letter-spacing: 0.06em;
  flex: none;
}

.page-privacy .privacy-lead {
  border-left: 3px solid var(--pitch-600);
  padding: 2px 0 2px 16px;
  margin: 0 0 20px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.65;
  color: var(--pitch-900);
  max-width: 60ch;
}

.page-privacy .privacy-body p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--ink);
  max-width: 68ch;
  margin: 0 0 14px;
}

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

.page-privacy .privacy-body a {
  color: var(--teal-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--pp-tint-strong);
}

.page-privacy .privacy-body a:hover,
.page-privacy .privacy-body a:focus-visible {
  border-bottom-color: var(--teal-ink);
}

.page-privacy .privacy-sec__foot {
  margin-top: 16px;
  font-size: 13px;
  color: var(--moss-ink);
  letter-spacing: 0.02em;
}

/* 行式条目 */
.page-privacy .privacy-rows {
  display: grid;
  gap: 14px;
}

.page-privacy .privacy-rows__item {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 3px solid var(--pitch-600);
}

.page-privacy .privacy-rows__label {
  font-family: var(--font-mono);
  font-size: 12px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pitch-800) !important;
  margin: 0 !important;
}

.page-privacy .privacy-rows__text {
  font-size: 15px !important;
  color: var(--moss-ink) !important;
  margin: 0 !important;
}

/* 三张数据卡 */
.page-privacy .privacy-cards {
  display: grid;
  gap: 12px;
}

.page-privacy .privacy-cards__item {
  padding: 18px 18px 16px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 2px 14px 2px 14px;
  transition: border-color 200ms var(--ease), background-color 200ms var(--ease);
}

.page-privacy .privacy-cards__item:hover {
  border-color: var(--pitch-600);
  background: #FBFCFA;
}

.page-privacy .privacy-cards__text {
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--ink) !important;
  margin: 0 !important;
}

/* 用途列表 */
.page-privacy .privacy-uses {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: grid;
  gap: 0;
}

.page-privacy .privacy-uses__item {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px dotted var(--line);
}

.page-privacy .privacy-uses__item:last-child {
  border-bottom: 1px dotted var(--line);
}

.page-privacy .privacy-uses__tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--pitch-800);
  border: 1px solid var(--line);
  padding: 3px 0;
  text-align: center;
  align-self: start;
}

.page-privacy .privacy-uses__item p {
  margin: 0;
  font-size: 15px;
  color: var(--ink);
  max-width: 60ch;
}

/* 强调块 */
.page-privacy .privacy-note {
  background: var(--pp-tint);
  border-left: 4px solid var(--teal-ink);
  padding: 18px 18px 16px;
  margin-top: 24px;
}

.page-privacy .privacy-note__title {
  font-family: var(--font-display) !important;
  font-size: 15px !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--pitch-900) !important;
  margin: 0 0 8px !important;
}

.page-privacy .privacy-note p {
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: var(--pitch-800) !important;
  margin-bottom: 10px;
}

.page-privacy .privacy-note__foot {
  margin: 10px 0 0 !important;
  font-size: 13px !important;
  color: var(--moss-ink) !important;
}

.page-privacy .privacy-steps {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}

.page-privacy .privacy-steps li {
  font-size: 15px;
  line-height: 1.75;
  color: var(--pitch-800);
}

/* 保留期表 */
.page-privacy .privacy-table {
  margin: 0 0 20px;
  border: 1px solid var(--line);
  background: var(--white);
}

.page-privacy .privacy-table__head {
  display: none;
}

.page-privacy .privacy-table__row {
  display: grid;
  gap: 2px;
  padding: 14px 16px;
  border-bottom: 1px dotted var(--line);
}

.page-privacy .privacy-table__row:last-child {
  border-bottom: 0;
}

.page-privacy .privacy-table__row > span:first-child {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  color: var(--pitch-900);
}

.page-privacy .privacy-table__row > span:nth-child(2) {
  font-family: var(--font-mono);
  font-size: 14px;
  color: var(--teal-ink);
  font-variant-numeric: tabular-nums;
}

.page-privacy .privacy-table__row > span:last-child {
  font-size: 13px;
  color: var(--moss-ink);
}

/* 权利卡 */
.page-privacy .privacy-rights {
  display: grid;
  gap: 10px;
}

.page-privacy .privacy-rights__card {
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 3px solid var(--pitch-600);
  padding: 0;
  transition: border-color 200ms var(--ease), background-color 200ms var(--ease);
}

.page-privacy .privacy-rights__card[open] {
  background: #FBFCFA;
  border-left-color: var(--red);
}

.page-privacy .privacy-rights__card:hover {
  border-color: var(--pitch-600);
}

.page-privacy .privacy-rights__summary {
  list-style: none;
  cursor: pointer;
  padding: 14px 44px 14px 16px;
  position: relative;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--pitch-900);
}

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

.page-privacy .privacy-rights__summary::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-mono);
  font-size: 18px;
  color: var(--teal-ink);
}

.page-privacy .privacy-rights__card[open] .privacy-rights__summary::after {
  content: "−";
  color: var(--red);
}

.page-privacy .privacy-rights__summary:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: -2px;
}

.page-privacy .privacy-rights__body {
  padding: 0 16px 16px;
}

.page-privacy .privacy-rights__body p {
  font-size: 14px;
  line-height: 1.8;
  color: var(--moss-ink);
  margin: 0;
}

/* 联系块 */
.page-privacy .privacy-contact {
  display: grid;
  gap: 18px;
  margin-top: 24px;
  padding: 22px 20px;
  background: var(--pitch-800);
  color: var(--white);
  border-radius: var(--radius-organic);
}

.page-privacy .privacy-contact__label {
  font-family: var(--font-mono);
  font-size: 11px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--teal) !important;
  margin: 0 0 6px !important;
}

.page-privacy .privacy-contact__value {
  margin: 0 0 10px !important;
  font-family: var(--font-mono);
  font-size: 18px !important;
  font-weight: 500;
  word-break: break-all;
}

.page-privacy .privacy-contact__value a {
  color: var(--white);
  text-decoration: none;
  border-bottom: 1px solid var(--pitch-600);
}

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

.page-privacy .privacy-contact__note {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: var(--moss) !important;
  margin: 0 !important;
}

.page-privacy .privacy-contact__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  border-top: 1px dotted var(--pitch-600);
  padding-top: 14px;
}

.page-privacy .privacy-contact__links a {
  display: block;
  font-size: 14px;
  color: var(--white);
  text-decoration: none;
  padding-left: 14px;
  position: relative;
}

.page-privacy .privacy-contact__links a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 6px;
  height: 6px;
  background: var(--yellow);
  border-radius: 50%;
}

.page-privacy .privacy-contact__links a:hover,
.page-privacy .privacy-contact__links a:focus-visible {
  color: var(--teal);
}

.page-privacy .privacy-contact__links a:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
}

/* 平板与桌面 */
@media (min-width: 640px) {
  .page-privacy .privacy-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-privacy .privacy-rows__item {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 16px;
    align-items: baseline;
  }

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

  .page-privacy .privacy-contact {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    align-items: start;
    padding: 26px 26px;
  }

  .page-privacy .privacy-contact__links {
    border-top: 0;
    padding-top: 0;
    border-left: 1px dotted var(--pitch-600);
    padding-left: 18px;
  }
}

@media (min-width: 960px) {
  .page-privacy {
    --pp-gap: 56px;
    padding-bottom: 96px;
  }

  .page-privacy .privacy-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding-bottom: 40px;
  }

  .page-privacy .privacy-layout {
    grid-template-columns: var(--pp-rail) minmax(0, 1fr);
    align-items: start;
    padding-top: 40px;
  }

  .page-privacy .privacy-rail {
    position: sticky;
    top: calc(var(--header-h) + var(--header-strip) + 24px);
  }

  .page-privacy .privacy-rail__list {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    border-left: 1px solid var(--line);
    padding-left: 12px;
  }

  .page-privacy .privacy-rail__link {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 8px 0 8px 2px;
    font-size: 14px;
    color: var(--moss-ink);
    position: relative;
  }

  .page-privacy .privacy-rail__link::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    width: 1px;
    height: 0;
    background: var(--teal-ink);
    transition: height 220ms var(--ease);
  }

  .page-privacy .privacy-rail__link:hover,
  .page-privacy .privacy-rail__link:focus-visible {
    background: transparent;
    color: var(--pitch-900);
  }

  .page-privacy .privacy-rail__link:hover::before,
  .page-privacy .privacy-rail__link:focus-visible::before {
    height: 26px;
    transform: translateY(-13px);
  }

  .page-privacy .privacy-table__head,
  .page-privacy .privacy-table__row {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 16px;
    align-items: baseline;
    padding: 12px 18px;
  }

  .page-privacy .privacy-table__head {
    display: grid;
    background: var(--pitch-800);
    color: var(--white);
  }

  .page-privacy .privacy-table__head span {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-rail__link,
  .page-privacy .privacy-cards__item,
  .page-privacy .privacy-rights__card {
    transition: none;
  }

  .page-privacy .privacy-rail__link::before {
    transition: none;
  }
}


<main id="main-content" class="page-privacy">
  <div class="wrap">
    <nav class="breadcrumbs" aria-label="面包屑">
      <a class="breadcrumbs__item" href="/">首页</a>
      <span class="breadcrumbs__sep" aria-hidden="true">/</span>
      <span class="breadcrumbs__item" aria-current="page">隐私政策</span>
    </nav>

    <header class="privacy-hero">
      <div class="privacy-hero__text">
        <p class="eyebrow">数据与隐私</p>
        <h1>你在 NG赛场 留下的痕迹，怎么记、留多久、怎么删</h1>
        <p class="lede">看比赛、翻判罚、收藏一条记录，这些动作产生的数据各有各的去处。下面按场景讲清我们记录了什么、用在哪里，以及你想查询或删掉时该发一封什么样的邮件。</p>
        <ul class="privacy-hero__meta">
          <li><span class="num">V2.0</span> 适用站点版本</li>
          <li><span class="num">7</span> 个条款小节</li>
          <li>回复时段 工作日 <span class="num">9:00–18:00</span></li>
        </ul>
      </div>
      <figure class="privacy-hero__figure">
        <img src="{zhanqunpic:h:600w:1200}" width="1200" height="600" alt="由细密点阵与球场边线组成的抽象纹理，青绿与深绿渐变，不含人物与文字">
      </figure>
    </header>

    <div class="privacy-layout">
      <aside class="privacy-rail" aria-label="条款目录">
        <p class="privacy-rail__title">条款目录</p>
        <ol class="privacy-rail__list">
          <li><a class="privacy-rail__link" href="#scope"><span class="num">01</span>适用场景</a></li>
          <li><a class="privacy-rail__link" href="#data"><span class="num">02</span>记录的数据</a></li>
          <li><a class="privacy-rail__link" href="#purpose"><span class="num">03</span>数据用途</a></li>
          <li><a class="privacy-rail__link" href="#storage"><span class="num">04</span>本地存储</a></li>
          <li><a class="privacy-rail__link" href="#retention"><span class="num">05</span>保留与共享</a></li>
          <li><a class="privacy-rail__link" href="#rights"><span class="num">06</span>你的四项权利</a></li>
          <li><a class="privacy-rail__link" href="#update"><span class="num">07</span>更新与联系</a></li>
        </ol>
      </aside>

      <div class="privacy-body">
        <section class="privacy-sec" id="scope" data-chapter="适用场景" data-reveal="policy">
          <h2 class="privacy-sec__title"><span class="num privacy-sec__no">01</span>这份说明管哪些场景</h2>
          <p class="privacy-lead">你在 NG赛场 上浏览栏目、用筛选和收藏整理记录，或者写信给我们，这三种情形都在这份说明的范围里。</p>
          <div class="privacy-rows">
            <div class="privacy-rows__item">
              <p class="privacy-rows__label">浏览公开栏目</p>
              <p class="privacy-rows__text">全部公开栏目无需注册即可阅读，我们不会为你建立账号档案。系统只为保障页面正常打开而生成访问日志。</p>
            </div>
            <div class="privacy-rows__item">
              <p class="privacy-rows__label">筛选与收藏</p>
              <p class="privacy-rows__text">赛事分级、赛季、球队这些筛选条件，以及你收藏的判罚条目，都保存在你自己的浏览器里，跟着设备走而不跟着人走。</p>
            </div>
            <div class="privacy-rows__item">
              <p class="privacy-rows__label">主动来信</p>
              <p class="privacy-rows__text">你发到客服邮箱的正文、截图与回信地址，属于你主动交给我们的信息，处理方式在第五节和第六节展开。</p>
            </div>
          </div>
          <p class="privacy-sec__foot">引用站内记录时的标注要求，写在 <a href="/legal/">法律声明</a> 里；赛事组委会与媒体编辑的合作事项，见 <a href="/cooperation/">合作联系</a>。</p>
        </section>

        <section class="privacy-sec" id="data" data-chapter="记录的数据" data-reveal="policy">
          <h2 class="privacy-sec__title"><span class="num privacy-sec__no">02</span>会被记录哪些数据</h2>
          <p class="privacy-lead">记录分三类：访问日志、交互偏好、你主动提交的内容。除此之外，我们不会向你索要其他信息。</p>
          <div class="privacy-cards">
            <article class="privacy-cards__item">
              <p class="card__label">访问日志</p>
              <p class="privacy-cards__text">IP 地址、设备类型与操作系统、浏览器版本、访问时间、来源页面，以及你请求的那一条栏目地址。</p>
            </article>
            <article class="privacy-cards__item">
              <p class="card__label">交互偏好</p>
              <p class="privacy-cards__text">你选过的筛选条件、收藏的判罚条目、在赛季横向对比里选中的两支球队与赛季组合。</p>
            </article>
            <article class="privacy-cards__item">
              <p class="card__label">主动提交</p>
              <p class="privacy-cards__text">邮件正文、附件中的页面截图，以及你在邮件里留下的回信邮箱。截图里若带设备信息，请先自行遮挡。</p>
            </article>
          </div>
          <p class="privacy-sec__foot">姓名、证件号码、银行卡与支付信息不在收集之列，站内也没有需要填写这些内容的入口。</p>
        </section>

        <section class="privacy-sec" id="purpose" data-chapter="数据用途" data-reveal="policy">
          <h2 class="privacy-sec__title"><span class="num privacy-sec__no">03</span>这些数据用来做什么</h2>
          <p class="privacy-lead">每一类数据都对应一件具体的事，没有记录是为了「以后可能有用」。</p>
          <ul class="privacy-uses">
            <li class="privacy-uses__item">
              <span class="privacy-uses__tag">性能</span>
              <p>看移动端首页在哪一步变慢，定位首次渲染的瓶颈，把入口放到单手够得着的位置。</p>
            </li>
            <li class="privacy-uses__item">
              <span class="privacy-uses__tag">选题</span>
              <p>统计哪些赛事序列与轮次被翻得最多，据此安排每周三案例合集的复盘对象。</p>
            </li>
            <li class="privacy-uses__item">
              <span class="privacy-uses__tag">纠错</span>
              <p>按你附上的页面链接与截图定位到具体条目，完成复核后在原条目上留下更正记录。</p>
            </li>
            <li class="privacy-uses__item">
              <span class="privacy-uses__tag">对接</span>
              <p>赛事组委会与媒体编辑的来信单独跟进，沟通内容共建与引用需求。</p>
            </li>
          </ul>
          <div class="privacy-note">
            <p class="privacy-note__title">关于广告</p>
            <p>页面内没有第三方广告脚本，也没有跨站追踪像素。这些数据不会用于在其他网站向你投放广告，也不会被打包出售或交换。</p>
          </div>
        </section>

        <section class="privacy-sec" id="storage" data-chapter="本地存储" data-reveal="policy">
          <h2 class="privacy-sec__title"><span class="num privacy-sec__no">04</span>筛选偏好与本地存储</h2>
          <p class="privacy-lead">你的筛选条件和收藏清单存在浏览器本地，我们的服务器上没有一份副本，所以清除浏览器数据就等于把它们删干净。</p>
          <p>站点用浏览器的本地存储记下少量键值：你上次选的赛事分级、收藏的判罚条目编号、横向对比视图里保留的两支球队。它们的作用只是让你下次打开时少点几下，不参与任何身份识别。</p>
          <div class="privacy-note privacy-note--action">
            <p class="privacy-note__title">想清掉它们，两步就够</p>
            <ol class="privacy-steps">
              <li>Chrome 与 Edge：设置 → 隐私和安全 → 清除浏览数据，勾选「Cookie 及其他网站数据」后确认。</li>
              <li>Safari：设置 → Safari 浏览器 → 清除历史记录与网站数据。</li>
            </ol>
            <p class="privacy-note__foot">清掉之后收藏清单与筛选记忆会归零，其余栏目照常可以翻阅。若你只想停用偏好记忆，也可以在浏览器里单独关闭本站的本地数据权限。</p>
          </div>
        </section>

        <section class="privacy-sec" id="retention" data-chapter="保留与共享" data-reveal="policy">
          <h2 class="privacy-sec__title"><span class="num privacy-sec__no">05</span>保留多久，与谁共享</h2>
          <p class="privacy-lead">不同数据按不同周期清理，最快的一批在六个月后自动消失，最长的一批不超过二十四个月。</p>
          <div class="privacy-table" role="table" aria-label="数据保留期限与访问范围">
            <div class="privacy-table__head" role="row">
              <span role="columnheader">数据类别</span>
              <span role="columnheader">保留期</span>
              <span role="columnheader">可访问范围</span>
            </div>
            <div class="privacy-table__row" role="row">
              <span role="cell">访问日志</span>
              <span role="cell" class="num">6 个月</span>
              <span role="cell">运维与安全排查</span>
            </div>
            <div class="privacy-table__row" role="row">
              <span role="cell">筛选与收藏偏好</span>
              <span role="cell" class="num">存于你的浏览器</span>
              <span role="cell">仅你本机可读</span>
            </div>
            <div class="privacy-table__row" role="row">
              <span role="cell">纠错来信与截图</span>
              <span role="cell" class="num">12 个月</span>
              <span role="cell">客服与数据整理同事</span>
            </div>
            <div class="privacy-table__row" role="row">
              <span role="cell">合作往来邮件</span>
              <span role="cell" class="num">24 个月</span>
              <span role="cell">合作对接同事</span>
            </div>
          </div>
          <p>运营团队与技术支持在完成上述工作所必需的范围内接触这些数据，其余同事没有查看权限。收到依法出具的调取要求时，我们按程序配合。站点不把数据交给广告商、数据经纪商或其他第三方用于营销。</p>
        </section>

        <section class="privacy-sec" id="rights" data-chapter="你的权利" data-reveal="policy">
          <h2 class="privacy-sec__title"><span class="num privacy-sec__no">06</span>你的四项权利</h2>
          <p class="privacy-lead">查询、更正、删除、撤回同意，都能通过一封邮件完成；点开下面任意一项，可以看到具体的写法。</p>
          <div class="privacy-rights">
            <details class="privacy-rights__card">
              <summary class="privacy-rights__summary">查询我们手上有你的哪些数据</summary>
              <div class="privacy-rights__body">
                <p>发信到 <a href="mailto:service@flash-ng.com.cn">service@flash-ng.com.cn</a>，主题写「数据查询」，正文说明大致访问时间与所用设备类型。我们会在工作日 9:00–18:00 内回复并告知处理进度。</p>
              </div>
            </details>
            <details class="privacy-rights__card">
              <summary class="privacy-rights__summary">更正写错的记录或信息</summary>
              <div class="privacy-rights__body">
                <p>附上页面链接与截图，指出哪一条判罚条目、哪一个字段需要调整。收到后我们复核原始登记信息，更正会留在原条目上，方便你回看。</p>
              </div>
            </details>
            <details class="privacy-rights__card">
              <summary class="privacy-rights__summary">删除偏好记录或来信内容</summary>
              <div class="privacy-rights__body">
                <p>筛选与收藏直接在浏览器里清除即可，无需通知我们。访问日志与邮件内容发信申请，主题写「数据删除」，说明要删除的范围，我们在核查后执行并回复结果。</p>
              </div>
            </details>
            <details class="privacy-rights__card">
              <summary class="privacy-rights__summary">撤回对偏好记忆的同意</summary>
              <div class="privacy-rights__body">
                <p>关闭本站的本地数据权限，或在浏览器设置中禁用本地存储，收藏与筛选记忆随即停用。撤回之后，浏览全部公开栏目不受影响。</p>
              </div>
            </details>
          </div>
        </section>

        <section class="privacy-sec" id="update" data-chapter="更新与联系" data-reveal="policy">
          <h2 class="privacy-sec__title"><span class="num privacy-sec__no">07</span>条款更新与联系方式</h2>
          <p class="privacy-lead">新增数据用途或调整保留周期时，我们会先改这份说明，再动对应的功能。</p>
          <p>修订后的版本会更新页首标出的站点版本号，并在相关小节注明变化点，便于你对照此前读到的内容。你可以在任意时间回来查看当前生效的版本。</p>
          <div class="privacy-contact">
            <div class="privacy-contact__main">
              <p class="privacy-contact__label">客服邮箱</p>
              <p class="privacy-contact__value"><a href="mailto:service@flash-ng.com.cn">service@flash-ng.com.cn</a></p>
              <p class="privacy-contact__note">工作日 9:00–18:00 内回复。涉及具体条目的问题，请附页面链接与截图，能省下一轮来回。</p>
            </div>
            <ul class="privacy-contact__links">
              <li><a href="/cooperation/">赛事内容共建与数据纠错</a></li>
              <li><a href="/legal/">内容来源与转载授权</a></li>
              <li><a href="/">回到首页看最新记录</a></li>
            </ul>
          </div>
        </section>
      </div>
    </div>
  </div>
</main>

.page-privacy {
  --pp-rail: 216px;
  --pp-tint: #E6EFE9;
  --pp-tint-strong: #D3E3D9;
  --pp-gap: 32px;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  padding-bottom: 72px;
  overflow-x: hidden;
}

.page-privacy .breadcrumbs {
  padding: 20px 0 8px;
}

.page-privacy .privacy-hero {
  display: grid;
  gap: 24px;
  padding: 8px 0 32px;
  border-bottom: 1px solid var(--line);
}

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

.page-privacy .privacy-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(30px, 7.4vw, 60px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.012em;
  color: var(--pitch-900);
  margin: 10px 0 16px;
  max-width: 20ch;
}

.page-privacy .privacy-hero .lede {
  font-size: 16px;
  line-height: 1.75;
  color: var(--moss-ink);
  max-width: 62ch;
  margin: 0;
}

.page-privacy .privacy-hero__meta {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 22px 0 0;
  padding: 14px 0 0;
  border-top: 1px dotted var(--line);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--moss-ink);
}

.page-privacy .privacy-hero__meta .num {
  color: var(--pitch-800);
  font-weight: 500;
}

.page-privacy .privacy-hero__figure {
  margin: 0;
  min-width: 0;
}

.page-privacy .privacy-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  border-radius: var(--radius-organic);
  background: var(--pitch-800);
}

.page-privacy .privacy-layout {
  display: grid;
  gap: var(--pp-gap);
  padding-top: 32px;
}

/* 左侧窄轨 */
.page-privacy .privacy-rail {
  min-width: 0;
}

.page-privacy .privacy-rail__title {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--moss-ink);
  margin: 0 0 10px;
}

.page-privacy .privacy-rail__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
}

.page-privacy .privacy-rail__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 12px 6px 10px;
  border: 1px solid var(--line);
  border-radius: 2px 12px 2px 12px;
  background: var(--white);
  color: var(--pitch-800);
  font-size: 13px;
  text-decoration: none;
  transition: border-color 200ms var(--ease), background-color 200ms var(--ease);
}

.page-privacy .privacy-rail__link .num {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--teal-ink);
}

.page-privacy .privacy-rail__link:hover,
.page-privacy .privacy-rail__link:focus-visible {
  border-color: var(--pitch-600);
  background: var(--pp-tint);
}

.page-privacy .privacy-rail__link:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
}

/* 正文 */
.page-privacy .privacy-body {
  min-width: 0;
}

.page-privacy .privacy-sec {
  padding: 0 0 36px;
  margin-bottom: 36px;
  border-bottom: 1px dotted var(--line);
}

.page-privacy .privacy-sec:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .privacy-sec__title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-family: var(--font-display);
  font-size: clamp(20px, 4.6vw, 30px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.005em;
  color: var(--pitch-900);
  margin: 0 0 16px;
}

.page-privacy .privacy-sec__no {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 500;
  color: var(--teal-ink);
  letter-spacing: 0.06em;
  flex: none;
}

.page-privacy .privacy-lead {
  border-left: 3px solid var(--pitch-600);
  padding: 2px 0 2px 16px;
  margin: 0 0 20px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.65;
  color: var(--pitch-900);
  max-width: 60ch;
}

.page-privacy .privacy-body p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--ink);
  max-width: 68ch;
  margin: 0 0 14px;
}

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

.page-privacy .privacy-body a {
  color: var(--teal-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--pp-tint-strong);
}

.page-privacy .privacy-body a:hover,
.page-privacy .privacy-body a:focus-visible {
  border-bottom-color: var(--teal-ink);
}

.page-privacy .privacy-sec__foot {
  margin-top: 16px;
  font-size: 13px;
  color: var(--moss-ink);
  letter-spacing: 0.02em;
}

/* 行式条目 */
.page-privacy .privacy-rows {
  display: grid;
  gap: 14px;
}

.page-privacy .privacy-rows__item {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 3px solid var(--pitch-600);
}

.page-privacy .privacy-rows__label {
  font-family: var(--font-mono);
  font-size: 12px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pitch-800) !important;
  margin: 0 !important;
}

.page-privacy .privacy-rows__text {
  font-size: 15px !important;
  color: var(--moss-ink) !important;
  margin: 0 !important;
}

/* 三张数据卡 */
.page-privacy .privacy-cards {
  display: grid;
  gap: 12px;
}

.page-privacy .privacy-cards__item {
  padding: 18px 18px 16px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 2px 14px 2px 14px;
  transition: border-color 200ms var(--ease), background-color 200ms var(--ease);
}

.page-privacy .privacy-cards__item:hover {
  border-color: var(--pitch-600);
  background: #FBFCFA;
}

.page-privacy .privacy-cards__text {
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--ink) !important;
  margin: 0 !important;
}

/* 用途列表 */
.page-privacy .privacy-uses {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: grid;
  gap: 0;
}

.page-privacy .privacy-uses__item {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px dotted var(--line);
}

.page-privacy .privacy-uses__item:last-child {
  border-bottom: 1px dotted var(--line);
}

.page-privacy .privacy-uses__tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--pitch-800);
  border: 1px solid var(--line);
  padding: 3px 0;
  text-align: center;
  align-self: start;
}

.page-privacy .privacy-uses__item p {
  margin: 0;
  font-size: 15px;
  color: var(--ink);
  max-width: 60ch;
}

/* 强调块 */
.page-privacy .privacy-note {
  background: var(--pp-tint);
  border-left: 4px solid var(--teal-ink);
  padding: 18px 18px 16px;
  margin-top: 24px;
}

.page-privacy .privacy-note__title {
  font-family: var(--font-display) !important;
  font-size: 15px !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--pitch-900) !important;
  margin: 0 0 8px !important;
}

.page-privacy .privacy-note p {
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: var(--pitch-800) !important;
  margin-bottom: 10px;
}

.page-privacy .privacy-note__foot {
  margin: 10px 0 0 !important;
  font-size: 13px !important;
  color: var(--moss-ink) !important;
}

.page-privacy .privacy-steps {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}

.page-privacy .privacy-steps li {
  font-size: 15px;
  line-height: 1.75;
  color: var(--pitch-800);
}

/* 保留期表 */
.page-privacy .privacy-table {
  margin: 0 0 20px;
  border: 1px solid var(--line);
  background: var(--white);
}

.page-privacy .privacy-table__head {
  display: none;
}

.page-privacy .privacy-table__row {
  display: grid;
  gap: 2px;
  padding: 14px 16px;
  border-bottom: 1px dotted var(--line);
}

.page-privacy .privacy-table__row:last-child {
  border-bottom: 0;
}

.page-privacy .privacy-table__row > span:first-child {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  color: var(--pitch-900);
}

.page-privacy .privacy-table__row > span:nth-child(2) {
  font-family: var(--font-mono);
  font-size: 14px;
  color: var(--teal-ink);
  font-variant-numeric: tabular-nums;
}

.page-privacy .privacy-table__row > span:last-child {
  font-size: 13px;
  color: var(--moss-ink);
}

/* 权利卡 */
.page-privacy .privacy-rights {
  display: grid;
  gap: 10px;
}

.page-privacy .privacy-rights__card {
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 3px solid var(--pitch-600);
  padding: 0;
  transition: border-color 200ms var(--ease), background-color 200ms var(--ease);
}

.page-privacy .privacy-rights__card[open] {
  background: #FBFCFA;
  border-left-color: var(--red);
}

.page-privacy .privacy-rights__card:hover {
  border-color: var(--pitch-600);
}

.page-privacy .privacy-rights__summary {
  list-style: none;
  cursor: pointer;
  padding: 14px 44px 14px 16px;
  position: relative;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--pitch-900);
}

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

.page-privacy .privacy-rights__summary::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-mono);
  font-size: 18px;
  color: var(--teal-ink);
}

.page-privacy .privacy-rights__card[open] .privacy-rights__summary::after {
  content: "−";
  color: var(--red);
}

.page-privacy .privacy-rights__summary:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: -2px;
}

.page-privacy .privacy-rights__body {
  padding: 0 16px 16px;
}

.page-privacy .privacy-rights__body p {
  font-size: 14px;
  line-height: 1.8;
  color: var(--moss-ink);
  margin: 0;
}

/* 联系块 */
.page-privacy .privacy-contact {
  display: grid;
  gap: 18px;
  margin-top: 24px;
  padding: 22px 20px;
  background: var(--pitch-800);
  color: var(--white);
  border-radius: var(--radius-organic);
}

.page-privacy .privacy-contact__label {
  font-family: var(--font-mono);
  font-size: 11px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--teal) !important;
  margin: 0 0 6px !important;
}

.page-privacy .privacy-contact__value {
  margin: 0 0 10px !important;
  font-family: var(--font-mono);
  font-size: 18px !important;
  font-weight: 500;
  word-break: break-all;
}

.page-privacy .privacy-contact__value a {
  color: var(--white);
  text-decoration: none;
  border-bottom: 1px solid var(--pitch-600);
}

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

.page-privacy .privacy-contact__note {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: var(--moss) !important;
  margin: 0 !important;
}

.page-privacy .privacy-contact__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  border-top: 1px dotted var(--pitch-600);
  padding-top: 14px;
}

.page-privacy .privacy-contact__links a {
  display: block;
  font-size: 14px;
  color: var(--white);
  text-decoration: none;
  padding-left: 14px;
  position: relative;
}

.page-privacy .privacy-contact__links a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 6px;
  height: 6px;
  background: var(--yellow);
  border-radius: 50%;
}

.page-privacy .privacy-contact__links a:hover,
.page-privacy .privacy-contact__links a:focus-visible {
  color: var(--teal);
}

.page-privacy .privacy-contact__links a:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
}

/* 平板与桌面 */
@media (min-width: 640px) {
  .page-privacy .privacy-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-privacy .privacy-rows__item {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 16px;
    align-items: baseline;
  }

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

  .page-privacy .privacy-contact {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    align-items: start;
    padding: 26px 26px;
  }

  .page-privacy .privacy-contact__links {
    border-top: 0;
    padding-top: 0;
    border-left: 1px dotted var(--pitch-600);
    padding-left: 18px;
  }
}

@media (min-width: 960px) {
  .page-privacy {
    --pp-gap: 56px;
    padding-bottom: 96px;
  }

  .page-privacy .privacy-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding-bottom: 40px;
  }

  .page-privacy .privacy-layout {
    grid-template-columns: var(--pp-rail) minmax(0, 1fr);
    align-items: start;
    padding-top: 40px;
  }

  .page-privacy .privacy-rail {
    position: sticky;
    top: calc(var(--header-h) + var(--header-strip) + 24px);
  }

  .page-privacy .privacy-rail__list {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    border-left: 1px solid var(--line);
    padding-left: 12px;
  }

  .page-privacy .privacy-rail__link {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 8px 0 8px 2px;
    font-size: 14px;
    color: var(--moss-ink);
    position: relative;
  }

  .page-privacy .privacy-rail__link::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    width: 1px;
    height: 0;
    background: var(--teal-ink);
    transition: height 220ms var(--ease);
  }

  .page-privacy .privacy-rail__link:hover,
  .page-privacy .privacy-rail__link:focus-visible {
    background: transparent;
    color: var(--pitch-900);
  }

  .page-privacy .privacy-rail__link:hover::before,
  .page-privacy .privacy-rail__link:focus-visible::before {
    height: 26px;
    transform: translateY(-13px);
  }

  .page-privacy .privacy-table__head,
  .page-privacy .privacy-table__row {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 16px;
    align-items: baseline;
    padding: 12px 18px;
  }

  .page-privacy .privacy-table__head {
    display: grid;
    background: var(--pitch-800);
    color: var(--white);
  }

  .page-privacy .privacy-table__head span {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-rail__link,
  .page-privacy .privacy-cards__item,
  .page-privacy .privacy-rights__card {
    transition: none;
  }

  .page-privacy .privacy-rail__link::before {
    transition: none;
  }
}