.page-privacy {
  --privacy-line: rgba(42, 33, 25, 0.14);
  --privacy-measure: 70ch;
  background: var(--cream-paper);
  color: var(--ink-brown);
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(22px, 5vw, 44px) 0 clamp(34px, 7vw, 72px);
  background:
    radial-gradient(120% 90% at 88% -10%, rgba(61, 242, 208, 0.18), transparent 62%),
    linear-gradient(160deg, var(--night-pitch) 0%, var(--deep-forest) 58%, var(--night-pitch) 100%);
  color: var(--warm-white);
}

.page-privacy .privacy-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    repeating-linear-gradient(90deg, rgba(61, 242, 208, 0.08) 0 1px, transparent 1px 88px),
    repeating-linear-gradient(0deg, rgba(61, 242, 208, 0.06) 0 1px, transparent 1px 88px);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), transparent 88%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), transparent 88%);
  pointer-events: none;
}

.page-privacy .privacy-hero__crumbs {
  margin-bottom: clamp(18px, 3vw, 28px);
}

.page-privacy .privacy-hero__crumbs .breadcrumbs__link,
.page-privacy .privacy-hero__crumbs .breadcrumbs__current {
  color: var(--muted-sage);
  font-size: 13px;
  letter-spacing: 0.04em;
}

.page-privacy .privacy-hero__crumbs .breadcrumbs__link:hover,
.page-privacy .privacy-hero__crumbs .breadcrumbs__link:focus-visible {
  color: var(--fluoro-cyan);
}

.page-privacy .privacy-hero__grid {
  display: grid;
  gap: clamp(24px, 4vw, 46px);
  align-items: end;
}

.page-privacy .privacy-hero__eyebrow {
  color: var(--fluoro-cyan);
  margin: 0 0 12px;
}

.page-privacy .privacy-hero__title {
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-size: clamp(36px, 8vw, 66px);
  line-height: 1.02;
  letter-spacing: 0.04em;
  color: var(--warm-white);
  max-width: 18ch;
}

.page-privacy .privacy-hero__lede {
  margin: 0;
  max-width: 48ch;
  font-size: clamp(15px, 2.2vw, 18px);
  line-height: 1.8;
  color: rgba(251, 247, 239, 0.82);
}

.page-privacy .privacy-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin-top: 24px;
  padding-top: 14px;
  border-top: 1px solid rgba(61, 242, 208, 0.28);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--muted-sage);
}

.page-privacy .privacy-hero__media {
  margin: 0;
  border: 1px solid rgba(61, 242, 208, 0.3);
  border-radius: var(--radius-organic);
  overflow: hidden;
  background: rgba(6, 26, 21, 0.6);
}

.page-privacy .privacy-hero__media .media-frame__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.page-privacy .privacy-hero__media .media-frame__caption {
  padding: 10px 14px 12px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--muted-sage);
  background: rgba(6, 26, 21, 0.85);
}

/* ---------- 摘要卡 ---------- */
.page-privacy .privacy-summary {
  padding: clamp(30px, 5vw, 58px) 0 clamp(8px, 2vw, 18px);
}

.page-privacy .privacy-summary__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 16px;
  margin-bottom: clamp(16px, 3vw, 24px);
}

.page-privacy .privacy-summary__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(22px, 3.4vw, 30px);
  letter-spacing: 0.06em;
  color: var(--night-pitch);
}

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

.page-privacy .privacy-summary__item {
  background: var(--warm-white);
  border: 1px solid var(--privacy-line);
  border-left: 3px solid var(--fluoro-cyan);
  border-radius: 4px 18px 18px 4px;
  padding: 16px 18px 18px;
}

.page-privacy .privacy-summary__item:nth-child(2) {
  border-left-color: var(--amber-rank);
}

.page-privacy .privacy-summary__item:nth-child(3) {
  border-left-color: var(--signal-red);
}

.page-privacy .privacy-summary__num {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--deep-forest);
}

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

/* ---------- 阅读版式 ---------- */
.page-privacy .privacy-layout {
  display: grid;
  gap: clamp(22px, 4vw, 48px);
  padding: clamp(24px, 4vw, 44px) 0 clamp(48px, 8vw, 88px);
}

.page-privacy .privacy-toc {
  align-self: start;
  border-top: 2px solid var(--night-pitch);
  padding-top: 14px;
}

.page-privacy .privacy-toc__label {
  margin: 0 0 10px;
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--deep-forest);
  text-transform: uppercase;
}

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

.page-privacy .privacy-toc__link {
  display: block;
  padding: 8px 10px 8px 12px;
  border-left: 2px solid transparent;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(42, 33, 25, 0.7);
  text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.page-privacy .privacy-toc__link:hover,
.page-privacy .privacy-toc__link:focus-visible {
  color: var(--night-pitch);
  border-left-color: var(--fluoro-cyan);
  background: rgba(61, 242, 208, 0.14);
}

.page-privacy .privacy-toc__link.is-active {
  color: var(--night-pitch);
  font-weight: 600;
  border-left-color: var(--fluoro-cyan);
  background: linear-gradient(90deg, rgba(61, 242, 208, 0.24), transparent);
}

.page-privacy .privacy-toc__top {
  display: inline-block;
  padding: 7px 14px;
  border: 1px solid var(--privacy-line);
  border-radius: var(--radius-pill);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--deep-forest);
  text-decoration: none;
}

.page-privacy .privacy-toc__top:hover,
.page-privacy .privacy-toc__top:focus-visible {
  border-color: var(--fluoro-cyan);
  color: var(--night-pitch);
}

.page-privacy .privacy-article {
  max-width: var(--privacy-measure);
}

.page-privacy .privacy-section {
  scroll-margin-top: 110px;
  padding-bottom: clamp(26px, 4vw, 40px);
}

.page-privacy .privacy-section + .privacy-section {
  border-top: 1px solid var(--privacy-line);
  padding-top: clamp(24px, 4vw, 38px);
}

.page-privacy .privacy-section__title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: clamp(24px, 3.6vw, 32px);
  letter-spacing: 0.05em;
  color: var(--night-pitch);
}

.page-privacy .privacy-section__num {
  padding: 2px 9px;
  border: 1px solid rgba(23, 71, 58, 0.35);
  border-radius: var(--radius-pill);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--deep-forest);
  background: rgba(61, 242, 208, 0.2);
}

.page-privacy .privacy-article p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--ink-brown);
}

.page-privacy .privacy-article a {
  color: var(--deep-forest);
  text-decoration: none;
  border-bottom: 1px solid rgba(61, 242, 208, 0.9);
  padding-bottom: 1px;
}

.page-privacy .privacy-article a:hover,
.page-privacy .privacy-article a:focus-visible {
  color: var(--night-pitch);
  border-bottom-color: var(--amber-rank);
}

.page-privacy .privacy-subtitle {
  font-family: var(--font-display);
  font-size: 18px;
  letter-spacing: 0.06em;
  color: var(--night-pitch);
  margin: 22px 0 8px;
}

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

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

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.75em;
  width: 9px;
  height: 2px;
  background: var(--fluoro-cyan);
}

.page-privacy .privacy-list strong {
  font-weight: 600;
  color: var(--night-pitch);
}

/* ---------- 信息表格 ---------- */
.page-privacy .privacy-table-wrap {
  margin: 18px 0 20px;
  overflow-x: auto;
  border: 1px solid var(--privacy-line);
  border-radius: 14px;
  background: var(--warm-white);
  -webkit-overflow-scrolling: touch;
}

.page-privacy .privacy-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 14px;
}

.page-privacy .privacy-table caption {
  padding: 12px 14px 4px;
  text-align: left;
  font-size: 12.5px;
  letter-spacing: 0.06em;
  color: var(--deep-forest);
}

.page-privacy .privacy-table th {
  padding: 11px 14px;
  text-align: left;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--night-pitch);
  background: rgba(23, 71, 58, 0.09);
  border-bottom: 1px solid var(--table-line);
  white-space: nowrap;
}

.page-privacy .privacy-table td {
  padding: 12px 14px;
  vertical-align: top;
  line-height: 1.65;
  border-bottom: 1px solid var(--privacy-line);
  color: var(--ink-brown);
}

.page-privacy .privacy-table tbody tr:last-child td {
  border-bottom: 0;
}

.page-privacy .privacy-table td:first-child {
  font-weight: 600;
  color: var(--night-pitch);
  white-space: nowrap;
}

/* ---------- 折叠说明 ---------- */
.page-privacy .privacy-details {
  margin: 16px 0 20px;
  padding: 0 16px;
  border: 1px solid var(--privacy-line);
  border-radius: 14px;
  background: rgba(23, 71, 58, 0.05);
}

.page-privacy .privacy-details summary {
  cursor: pointer;
  padding: 14px 0;
  list-style: none;
  font-family: var(--font-display);
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--night-pitch);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

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

.page-privacy .privacy-details summary::after {
  content: "+";
  font-family: var(--font-mono);
  font-size: 18px;
  color: var(--deep-forest);
}

.page-privacy .privacy-details[open] summary::after {
  content: "–";
}

.page-privacy .privacy-details__body {
  padding-bottom: 6px;
}

.page-privacy .privacy-details__body p {
  font-size: 14.5px;
  line-height: 1.8;
}

/* ---------- 保存期限 ---------- */
.page-privacy .privacy-retention {
  list-style: none;
  margin: 4px 0 18px;
  padding: 0;
  border-top: 1px solid var(--privacy-line);
}

.page-privacy .privacy-retention li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 18px;
  padding: 10px 0;
  border-bottom: 1px solid var(--privacy-line);
  font-size: 14.5px;
  line-height: 1.7;
}

.page-privacy .privacy-retention li span:first-child {
  color: var(--ink-brown);
}

.page-privacy .privacy-retention li span:last-child {
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--deep-forest);
  white-space: nowrap;
}

/* ---------- 联系卡 ---------- */
.page-privacy .privacy-contact {
  display: grid;
  gap: 18px;
  margin: 18px 0 22px;
  padding: clamp(20px, 4vw, 32px);
  border-radius: var(--radius-organic);
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(61, 242, 208, 0.18), transparent 60%),
    linear-gradient(150deg, var(--deep-forest), var(--night-pitch));
  color: var(--warm-white);
  box-shadow: var(--shadow-panel);
}

.page-privacy .privacy-contact__label {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--fluoro-cyan);
  text-transform: uppercase;
}

.page-privacy .privacy-contact__value {
  margin: 0;
  font-family: var(--font-mono);
  font-size: clamp(16px, 2.6vw, 21px);
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: var(--warm-white);
  word-break: break-word;
}

.page-privacy .privacy-contact__value--address {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.7;
  color: rgba(251, 247, 239, 0.88);
}

.page-privacy .privacy-contact a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(61, 242, 208, 0.55);
  padding-bottom: 1px;
}

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

.page-privacy .privacy-article .privacy-contact a {
  border-bottom-color: rgba(61, 242, 208, 0.55);
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-privacy .privacy-summary__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .page-privacy .privacy-contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 26px;
  }

  .page-privacy .privacy-contact__item:last-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 900px) {
  .page-privacy .privacy-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  }

  .page-privacy .privacy-hero__media .media-frame__image {
    aspect-ratio: 5 / 4;
  }
}

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

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

  .page-privacy .privacy-article {
    padding-left: clamp(0px, 2vw, 24px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-toc__link,
  .page-privacy [data-reveal] {
    transition: none;
  }
}

@media print {
  .page-privacy {
    background: #ffffff;
    color: #000000;
  }

  .page-privacy .privacy-hero {
    background: #ffffff;
    color: #000000;
    padding: 0 0 14px;
  }

  .page-privacy .privacy-hero::after,
  .page-privacy .privacy-hero__media,
  .page-privacy .privacy-toc,
  .page-privacy .privacy-summary__item::before {
    display: none;
  }

  .page-privacy .privacy-hero__title,
  .page-privacy .privacy-section__title,
  .page-privacy .privacy-summary__title,
  .page-privacy .privacy-subtitle {
    color: #000000;
    page-break-after: avoid;
  }

  .page-privacy .privacy-hero__lede,
  .page-privacy .privacy-article p,
  .page-privacy .privacy-list li,
  .page-privacy .privacy-table td {
    color: #000000;
  }

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

  .page-privacy .privacy-article {
    max-width: none;
    padding-left: 0;
  }

  .page-privacy .privacy-summary__list {
    display: block;
  }

  .page-privacy .privacy-summary__item {
    background: transparent;
    border: 0;
    border-left: 0;
    padding: 0 0 8px;
  }

  .page-privacy .privacy-table-wrap {
    overflow: visible;
    border-color: #000000;
    background: transparent;
  }

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

  .page-privacy .privacy-contact {
    background: #ffffff;
    color: #000000;
    box-shadow: none;
    border: 1px solid #000000;
  }

  .page-privacy .privacy-contact__value,
  .page-privacy .privacy-contact__value--address,
  .page-privacy .privacy-contact__label {
    color: #000000;
  }
}


<main id="main-content" class="page-privacy">
  <header class="privacy-hero">
    <div class="content-shell privacy-hero__shell">
      <nav class="breadcrumbs privacy-hero__crumbs" aria-label="面包屑导航">
        <ol class="breadcrumbs__list">
          <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="/">赛场总览</a></li>
          <li class="breadcrumbs__item"><span class="breadcrumbs__current">隐私政策</span></li>
        </ol>
      </nav>
      <div class="privacy-hero__grid">
        <div class="privacy-hero__copy">
          <p class="eyebrow privacy-hero__eyebrow">个人信息与使用规则</p>
          <h1 class="display-title privacy-hero__title">您的信息，在 YABO赛场如何处理</h1>
          <p class="lede privacy-hero__lede">查积分榜、订阅轮次更新、来信谈合作，都会留下一点信息。我们把哪些信息会被记录、用在何处、保留多久，以及您能提出哪些请求，逐条写清楚。</p>
          <p class="privacy-hero__meta mono">适用站点 yabo-quality.com.cn ｜ 现行版本 2025 年度</p>
        </div>
        <figure class="media-frame privacy-hero__media">
          <img class="media-frame__image" src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="深墨绿底色上交织的荧光青线条构成数据保护纹样，提示个人信息在传输与存放中的防护">
          <figcaption class="media-frame__caption">加密通道与分级权限，是信息存放的两道基础防线</figcaption>
        </figure>
      </div>
    </div>
  </header>

  <section class="privacy-summary" aria-labelledby="privacy-summary-title">
    <div class="content-shell">
      <div class="privacy-summary__head">
        <h2 id="privacy-summary-title" class="privacy-summary__title">三件事先知道</h2>
        <span class="tag tag--amber">2025 年度</span>
      </div>
      <ul class="privacy-summary__list">
        <li class="privacy-summary__item">
          <p class="privacy-summary__num mono">01</p>
          <p class="privacy-summary__text">只记录查阅赛事所必需的信息：访问日志、咨询往来、资料下载与邮件订阅。</p>
        </li>
        <li class="privacy-summary__item">
          <p class="privacy-summary__num mono">02</p>
          <p class="privacy-summary__text">不出售个人信息。邮件通知、访问统计与服务器托管伙伴只在必要范围内处理数据。</p>
        </li>
        <li class="privacy-summary__item">
          <p class="privacy-summary__num mono">03</p>
          <p class="privacy-summary__text">查询、更正、删除、退订，一封邮件就能提出，工作日内有人跟进。</p>
        </li>
      </ul>
    </div>
  </section>

  <div class="content-shell privacy-layout">
    <aside class="privacy-toc" aria-label="章节索引">
      <p class="privacy-toc__label mono">章节索引</p>
      <ol class="privacy-toc__list">
        <li class="privacy-toc__item"><a class="privacy-toc__link" href="#scope" data-spy-link>01 适用范围</a></li>
        <li class="privacy-toc__item"><a class="privacy-toc__link" href="#collect" data-spy-link>02 我们会记录什么</a></li>
        <li class="privacy-toc__item"><a class="privacy-toc__link" href="#purpose" data-spy-link>03 信息用在哪里</a></li>
        <li class="privacy-toc__item"><a class="privacy-toc__link" href="#cookies" data-spy-link>04 Cookie 与访问统计</a></li>
        <li class="privacy-toc__item"><a class="privacy-toc__link" href="#sharing" data-spy-link>05 共享、保存与安全</a></li>
        <li class="privacy-toc__item"><a class="privacy-toc__link" href="#rights" data-spy-link>06 您享有的权利</a></li>
        <li class="privacy-toc__item"><a class="privacy-toc__link" href="#contact" data-spy-link>07 联系渠道</a></li>
      </ol>
      <a class="privacy-toc__top mono" href="#main-content">返回顶部 ↑</a>
    </aside>

    <article class="privacy-article">
      <section id="scope" class="privacy-section" data-reveal>
        <h2 class="privacy-section__title"><span class="privacy-section__num mono">01</span>适用范围</h2>
        <p>本政策适用于 yabo-quality.com.cn 及其各栏目，包括联赛积分榜、主客场表现对照、轮次公告、资源下载与联赛观察。您在这些页面上的浏览、订阅与下载行为，以及通过邮件、电话与我们沟通时留下的信息，都按本政策处理。</p>
        <p>区域赛事运营方、媒体内容团队和体育社团在接入栏目、申请赛季授权或参与品牌展示位合作时提供的联系人信息，同样依照本政策处理。</p>
        <p>关于内容引用、外部链接与更正渠道的其他约定，请参阅<a href="/statement/">网站使用说明</a>；如需就具体条款沟通，可在<a href="/contact-us/">联系与合作</a>页面找到我们。</p>
        <p>政策更新：当栏目结构或服务内容发生变化时，我们会在隐私政策中更新版本年份，并在公告栏目提示涉及权利的变化。</p>
      </section>

      <section id="collect" class="privacy-section" data-reveal>
        <h2 class="privacy-section__title"><span class="privacy-section__num mono">02</span>我们会记录什么</h2>
        <p>我们按业务必需的范围收集信息，来源有两类：您访问页面时系统自动记录的痕迹，以及您主动提供的联系方式与咨询内容。</p>
        <div class="privacy-table-wrap">
          <table class="privacy-table">
            <caption>信息类型、产生场景与用途</caption>
            <thead>
              <tr>
                <th scope="col">信息类型</th>
                <th scope="col">产生场景</th>
                <th scope="col">主要内容</th>
                <th scope="col">用途</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>访问日志</td>
                <td>打开任一栏目页面</td>
                <td>IP 地址、浏览器类型、设备型号、访问时间、来源页面</td>
                <td>保障页面可用、排查加载异常</td>
              </tr>
              <tr>
                <td>邮件咨询</td>
                <td>发送邮件至客服邮箱</td>
                <td>称呼、邮箱地址、邮件正文与附件</td>
                <td>回复问题、跟进处理结果</td>
              </tr>
              <tr>
                <td>电话咨询</td>
                <td>拨打服务电话</td>
                <td>来电号码、通话时间与沟通内容</td>
                <td>答复查询、记录服务过程</td>
              </tr>
              <tr>
                <td>下载记录</td>
                <td>获取轮次资源包</td>
                <td>资料包名称、格式（CSV 或 PDF）、下载时间</td>
                <td>了解资料使用情况、安排版本更新</td>
              </tr>
              <tr>
                <td>订阅信息</td>
                <td>订阅专题更新</td>
                <td>邮箱地址、关注的联赛与栏目</td>
                <td>每轮更新后发送摘要，支持随时退订</td>
              </tr>
            </tbody>
          </table>
        </div>
        <p>我们不会要求您提供与查询无关的证件照片、支付信息或家庭成员资料。若您在邮件中主动写入额外内容，我们仅按您所咨询的事项使用。</p>
      </section>

      <section id="purpose" class="privacy-section" data-reveal>
        <h2 class="privacy-section__title"><span class="privacy-section__num mono">03</span>信息用在哪里</h2>
        <ul class="privacy-list">
          <li><strong>提供查询服务：</strong>呈现积分榜、主客场对照与公告内容，并在切换联赛后保留您当前查看的轮次。</li>
          <li><strong>回复与跟进：</strong>处理邮件与电话咨询，必要时回访确认问题是否已经解决。</li>
          <li><strong>更新提醒：</strong>向订阅者发送每轮摘要与公告变更，您可随时取消订阅。</li>
          <li><strong>改进体验：</strong>依据汇总的访问与下载情况调整栏目结构、移动端适配与页面加载速度。</li>
          <li><strong>安全与秩序：</strong>识别异常访问与批量抓取，避免影响其他访客正常查阅赛况。</li>
        </ul>
        <p>上述用途之外，我们不会将您的信息用于与赛事内容服务无关的推销。</p>
      </section>

      <section id="cookies" class="privacy-section" data-reveal>
        <h2 class="privacy-section__title"><span class="privacy-section__num mono">04</span>Cookie 与访问统计</h2>
        <p>站点使用少量必要 Cookie 维持基本功能：记住您选择的联赛与轮次、保留阅读区偏好，让您返回页面时仍停留在原处。若在浏览器中完全关闭 Cookie，部分查询与切换功能可能无法正常工作。</p>
        <p>统计方面，我们以汇总方式了解各栏目访问量、移动端使用比例与常用轮次，用于判断内容优先级。汇总结果不与您的邮箱或来电号码关联，也不会用来向您推送与赛事无关的广告。</p>
        <details class="privacy-details">
          <summary>必要 Cookie 与统计数据有什么不同</summary>
          <div class="privacy-details__body">
            <p>必要 Cookie 由站点自身写入，作用是让页面功能正常运转，例如记住您正在查看第 28 轮还是其他轮次。它们在您关闭浏览器后按各自期限失效。</p>
            <p>统计数据记录的是整体访问情况，例如某一栏目在一天内被打开的次数，不用于识别某一位访客，也不与其他网站的数据合并生成个人画像。您可以在浏览器设置中清除已有 Cookie 或阻止后续写入。</p>
          </div>
        </details>
      </section>

      <section id="sharing" class="privacy-section" data-reveal>
        <h2 class="privacy-section__title"><span class="privacy-section__num mono">05</span>共享、保存与安全</h2>
        <p>我们不出售您的个人信息。仅在下列必要范围内与合作伙伴共享：邮件通知服务商（用于发送订阅摘要）、访问统计服务商（用于汇总访问情况）、服务器托管方（用于存放页面与资源包）。这些伙伴只按我们的指示处理信息，并承担保密义务。</p>
        <p>当法律法规要求，或司法机关、监管部门依照合法程序提出要求时，我们会依法配合。</p>
        <p class="privacy-subtitle">保存期限</p>
        <ul class="privacy-retention">
          <li><span>咨询邮件与通话记录</span><span>自最后一次往来起 24 个月</span></li>
          <li><span>邮件订阅信息</span><span>保留至您退订</span></li>
          <li><span>访问日志</span><span>6 个月</span></li>
          <li><span>资源包下载记录</span><span>12 个月</span></li>
        </ul>
        <p>超出上述期限后，我们会删除相关信息或作匿名化处理，使其不再指向具体个人。</p>
        <p class="privacy-subtitle">安全措施</p>
        <p>全站采用加密传输；页面以静态方式发布，减少不必要的数据暴露；内部按岗位分配访问权限，涉及个人信息的工作由内容运营与客服岗位在授权范围内完成。发现异常情况时，我们会尽快排查并通知受影响的联系人。</p>
      </section>

      <section id="rights" class="privacy-section" data-reveal>
        <h2 class="privacy-section__title"><span class="privacy-section__num mono">06</span>您享有的权利</h2>
        <ul class="privacy-list">
          <li><strong>查询：</strong>了解我们是否留有与您相关的记录以及具体内容。</li>
          <li><strong>更正：</strong>修改称呼、邮箱地址等不准确的条目。</li>
          <li><strong>删除：</strong>在没有法定保留义务的前提下，删除您的咨询与订阅记录。</li>
          <li><strong>撤回与退订：</strong>随时取消专题订阅，或要求停止后续联系。</li>
          <li><strong>获取说明：</strong>为内部合规需要书面说明时，可一并在邮件中提出。</li>
        </ul>
        <p>提出方式：发送邮件至 service@yabo-quality.com.cn，写明您的邮箱、请求类型与相关时间。我们在确认您的请求后 15 个工作日内答复并处理。涉及积分榜或公告相关的数据问题，请在邮件标题注明“联赛专题”或“移动端公告”，便于更快分派到对应同事。</p>
      </section>

      <section id="contact" class="privacy-section" data-reveal>
        <h2 class="privacy-section__title"><span class="privacy-section__num mono">07</span>联系渠道</h2>
        <p>对本政策有疑问，或希望行使上述权利，可通过以下方式联系我们。非工作时间的留言将在下一个工作日顺延处理。</p>
        <div class="privacy-contact">
          <div class="privacy-contact__item">
            <p class="privacy-contact__label mono">客服邮箱</p>
            <p class="privacy-contact__value"><a href="mailto:service@yabo-quality.com.cn">service@yabo-quality.com.cn</a></p>
          </div>
          <div class="privacy-contact__item">
            <p class="privacy-contact__label mono">服务电话</p>
            <p class="privacy-contact__value"><a href="tel:13830635084">13830635084</a></p>
          </div>
          <div class="privacy-contact__item">
            <p class="privacy-contact__label mono">回复时段</p>
            <p class="privacy-contact__value">工作日 9:00-18:00</p>
          </div>
          <div class="privacy-contact__item">
            <p class="privacy-contact__label mono">通信地址</p>
            <p class="privacy-contact__value privacy-contact__value--address">湖北省武汉市洪山区关山大道光谷软件园C区6栋3层</p>
          </div>
        </div>
        <p>若您的请求涉及赛季授权、栏目配置或媒体引用，也请通过上述邮箱提出，我们会在回复中说明后续步骤和需要准备的材料。</p>
      </section>
    </article>
  </div>
</main>

.page-privacy {
  --privacy-line: rgba(42, 33, 25, 0.14);
  --privacy-measure: 70ch;
  background: var(--cream-paper);
  color: var(--ink-brown);
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(22px, 5vw, 44px) 0 clamp(34px, 7vw, 72px);
  background:
    radial-gradient(120% 90% at 88% -10%, rgba(61, 242, 208, 0.18), transparent 62%),
    linear-gradient(160deg, var(--night-pitch) 0%, var(--deep-forest) 58%, var(--night-pitch) 100%);
  color: var(--warm-white);
}

.page-privacy .privacy-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    repeating-linear-gradient(90deg, rgba(61, 242, 208, 0.08) 0 1px, transparent 1px 88px),
    repeating-linear-gradient(0deg, rgba(61, 242, 208, 0.06) 0 1px, transparent 1px 88px);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), transparent 88%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), transparent 88%);
  pointer-events: none;
}

.page-privacy .privacy-hero__crumbs {
  margin-bottom: clamp(18px, 3vw, 28px);
}

.page-privacy .privacy-hero__crumbs .breadcrumbs__link,
.page-privacy .privacy-hero__crumbs .breadcrumbs__current {
  color: var(--muted-sage);
  font-size: 13px;
  letter-spacing: 0.04em;
}

.page-privacy .privacy-hero__crumbs .breadcrumbs__link:hover,
.page-privacy .privacy-hero__crumbs .breadcrumbs__link:focus-visible {
  color: var(--fluoro-cyan);
}

.page-privacy .privacy-hero__grid {
  display: grid;
  gap: clamp(24px, 4vw, 46px);
  align-items: end;
}

.page-privacy .privacy-hero__eyebrow {
  margin: 0 0 12px;
  color: var(--fluoro-cyan);
}

.page-privacy .privacy-hero__title {
  max-width: 18ch;
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-size: clamp(36px, 8vw, 66px);
  line-height: 1.04;
  letter-spacing: 0.04em;
  color: var(--warm-white);
}

.page-privacy .privacy-hero__lede {
  max-width: 46ch;
  margin: 0;
  font-size: clamp(15px, 2.2vw, 18px);
  line-height: 1.8;
  color: rgba(251, 247, 239, 0.82);
}

.page-privacy .privacy-hero__meta {
  margin: 22px 0 0;
  padding-top: 13px;
  border-top: 1px solid rgba(61, 242, 208, 0.3);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--muted-sage);
}

.page-privacy .privacy-hero__media {
  margin: 0;
  border: 1px solid rgba(61, 242, 208, 0.3);
  border-radius: var(--radius-organic);
  overflow: hidden;
  background: rgba(6, 26, 21, 0.55);
}

.page-privacy .privacy-hero__media .media-frame__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.page-privacy .privacy-hero__media .media-frame__caption {
  padding: 10px 14px 12px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--muted-sage);
  background: rgba(6, 26, 21, 0.85);
}

/* ---------- 摘要卡 ---------- */
.page-privacy .privacy-summary {
  padding: clamp(30px, 5vw, 56px) 0 clamp(8px, 2vw, 16px);
}

.page-privacy .privacy-summary__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 16px;
  margin-bottom: clamp(16px, 3vw, 24px);
}

.page-privacy .privacy-summary__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(22px, 3.4vw, 30px);
  letter-spacing: 0.06em;
  color: var(--night-pitch);
}

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

.page-privacy .privacy-summary__item {
  padding: 16px 18px 18px;
  background: var(--warm-white);
  border: 1px solid var(--privacy-line);
  border-left: 3px solid var(--fluoro-cyan);
  border-radius: 4px 18px 18px 4px;
}

.page-privacy .privacy-summary__item:nth-child(2) {
  border-left-color: var(--amber-rank);
}

.page-privacy .privacy-summary__item:nth-child(3) {
  border-left-color: var(--signal-red);
}

.page-privacy .privacy-summary__num {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--deep-forest);
}

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

/* ---------- 阅读版式 ---------- */
.page-privacy .privacy-layout {
  display: grid;
  gap: clamp(22px, 4vw, 48px);
  padding: clamp(24px, 4vw, 44px) 0 clamp(48px, 8vw, 88px);
}

.page-privacy .privacy-toc {
  align-self: start;
  padding-top: 14px;
  border-top: 2px solid var(--night-pitch);
}

.page-privacy .privacy-toc__label {
  margin: 0 0 10px;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--deep-forest);
}

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

.page-privacy .privacy-toc__link {
  display: block;
  padding: 8px 10px 8px 12px;
  border-left: 2px solid transparent;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(42, 33, 25, 0.72);
  text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.page-privacy .privacy-toc__link:hover,
.page-privacy .privacy-toc__link:focus-visible {
  color: var(--night-pitch);
  border-left-color: var(--fluoro-cyan);
  background: rgba(61, 242, 208, 0.14);
}

.page-privacy .privacy-toc__link.is-active {
  color: var(--night-pitch);
  font-weight: 600;
  border-left-color: var(--fluoro-cyan);
  background: linear-gradient(90deg, rgba(61, 242, 208, 0.24), transparent);
}

.page-privacy .privacy-toc__top {
  display: inline-block;
  padding: 7px 14px;
  border: 1px solid var(--privacy-line);
  border-radius: var(--radius-pill);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--deep-forest);
  text-decoration: none;
}

.page-privacy .privacy-toc__top:hover,
.page-privacy .privacy-toc__top:focus-visible {
  border-color: var(--fluoro-cyan);
  color: var(--night-pitch);
}

.page-privacy .privacy-article {
  max-width: var(--privacy-measure);
}

.page-privacy .privacy-section {
  scroll-margin-top: 110px;
  padding-bottom: clamp(26px, 4vw, 40px);
}

.page-privacy .privacy-section + .privacy-section {
  padding-top: clamp(24px, 4vw, 38px);
  border-top: 1px solid var(--privacy-line);
}

.page-privacy .privacy-section__title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: clamp(24px, 3.6vw, 32px);
  letter-spacing: 0.05em;
  color: var(--night-pitch);
}

.page-privacy .privacy-section__num {
  padding: 2px 9px;
  border: 1px solid rgba(23, 71, 58, 0.35);
  border-radius: var(--radius-pill);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--deep-forest);
  background: rgba(61, 242, 208, 0.22);
}

.page-privacy .privacy-article p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--ink-brown);
}

.page-privacy .privacy-article a {
  color: var(--deep-forest);
  text-decoration: none;
  border-bottom: 1px solid rgba(61, 242, 208, 0.9);
  padding-bottom: 1px;
}

.page-privacy .privacy-article a:hover,
.page-privacy .privacy-article a:focus-visible {
  color: var(--night-pitch);
  border-bottom-color: var(--amber-rank);
}

.page-privacy .privacy-subtitle {
  margin: 22px 0 8px;
  font-family: var(--font-display);
  font-size: 18px;
  letter-spacing: 0.06em;
  color: var(--night-pitch);
}

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

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

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.78em;
  width: 9px;
  height: 2px;
  background: var(--fluoro-cyan);
}

.page-privacy .privacy-list strong {
  font-weight: 600;
  color: var(--night-pitch);
}

/* ---------- 信息表格 ---------- */
.page-privacy .privacy-table-wrap {
  margin: 18px 0 20px;
  overflow-x: auto;
  border: 1px solid var(--privacy-line);
  border-radius: 14px;
  background: var(--warm-white);
  -webkit-overflow-scrolling: touch;
}

.page-privacy .privacy-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 14px;
}

.page-privacy .privacy-table caption {
  padding: 12px 14px 2px;
  text-align: left;
  font-size: 12.5px;
  letter-spacing: 0.06em;
  color: var(--deep-forest);
}

.page-privacy .privacy-table th {
  padding: 11px 14px;
  text-align: left;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--night-pitch);
  background: rgba(23, 71, 58, 0.09);
  border-bottom: 1px solid var(--table-line);
}

.page-privacy .privacy-table td {
  padding: 12px 14px;
  vertical-align: top;
  line-height: 1.65;
  color: var(--ink-brown);
  border-bottom: 1px solid var(--privacy-line);
}

.page-privacy .privacy-table tbody tr:last-child td {
  border-bottom: 0;
}

.page-privacy .privacy-table td:first-child {
  font-weight: 600;
  white-space: nowrap;
  color: var(--night-pitch);
}

/* ---------- 折叠说明 ---------- */
.page-privacy .privacy-details {
  margin: 16px 0 20px;
  padding: 0 16px;
  border: 1px solid var(--privacy-line);
  border-radius: 14px;
  background: rgba(23, 71, 58, 0.05);
}

.page-privacy .privacy-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-display);
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--night-pitch);
}

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

.page-privacy .privacy-details summary::after {
  content: "+";
  font-family: var(--font-mono);
  font-size: 18px;
  color: var(--deep-forest);
}

.page-privacy .privacy-details[open] summary::after {
  content: "–";
}

.page-privacy .privacy-details__body {
  padding-bottom: 6px;
}

.page-privacy .privacy-details__body p {
  font-size: 14.5px;
  line-height: 1.8;
}

/* ---------- 保存期限 ---------- */
.page-privacy .privacy-retention {
  list-style: none;
  margin: 4px 0 18px;
  padding: 0;
  border-top: 1px solid var(--privacy-line);
}

.page-privacy .privacy-retention li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 18px;
  padding: 10px 0;
  font-size: 14.5px;
  line-height: 1.7;
  border-bottom: 1px solid var(--privacy-line);
}

.page-privacy .privacy-retention li span:first-child {
  color: var(--ink-brown);
}

.page-privacy .privacy-retention li span:last-child {
  font-family: var(--font-mono);
  font-size: 13px;
  white-space: nowrap;
  color: var(--deep-forest);
}

/* ---------- 联系卡 ---------- */
.page-privacy .privacy-contact {
  display: grid;
  gap: 18px;
  margin: 18px 0 22px;
  padding: clamp(20px, 4vw, 32px);
  border-radius: var(--radius-organic);
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(61, 242, 208, 0.18), transparent 60%),
    linear-gradient(150deg, var(--deep-forest), var(--night-pitch));
  color: var(--warm-white);
  box-shadow: var(--shadow-panel);
}

.page-privacy .privacy-contact__label {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fluoro-cyan);
}

.page-privacy .privacy-contact__value {
  margin: 0;
  font-family: var(--font-mono);
  font-size: clamp(16px, 2.6vw, 21px);
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: var(--warm-white);
  word-break: break-word;
}

.page-privacy .privacy-contact__value--address {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.7;
  color: rgba(251, 247, 239, 0.88);
}

.page-privacy .privacy-article .privacy-contact a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(61, 242, 208, 0.55);
  padding-bottom: 1px;
}

.page-privacy .privacy-article .privacy-contact a:hover,
.page-privacy .privacy-article .privacy-contact a:focus-visible {
  color: var(--fluoro-cyan);
  border-bottom-color: var(--amber-rank);
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-privacy .privacy-summary__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .page-privacy .privacy-contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 26px;
  }

  .page-privacy .privacy-contact__item:last-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 900px) {
  .page-privacy .privacy-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  }

  .page-privacy .privacy-hero__media .media-frame__image {
    aspect-ratio: 5 / 4;
  }
}

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

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

  .page-privacy .privacy-article {
    padding-left: clamp(0px, 2vw, 24px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-toc__link {
    transition: none;
  }
}

@media print {
  .page-privacy {
    background: #ffffff;
    color: #000000;
  }

  .page-privacy .privacy-hero {
    padding: 0 0 14px;
    background: #ffffff;
    color: #000000;
  }

  .page-privacy .privacy-hero::after,
  .page-privacy .privacy-hero__media,
  .page-privacy .privacy-toc {
    display: none;
  }

  .page-privacy .privacy-summary__item {
    padding: 0 0 8px;
    background: transparent;
    border: 0;
  }

  .page-privacy .privacy-summary__title,
  .page-privacy .privacy-subtitle,
  .page-privacy .privacy-hero__title,
  .page-privacy .privacy-section__title {
    color: #000000;
    page-break-after: avoid;
  }

  .page-privacy .privacy-hero__lede,
  .page-privacy .privacy-article p,
  .page-privacy .privacy-list li,
  .page-privacy .privacy-table td,
  .page-privacy .privacy-summary__text {
    color: #000000;
  }

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

  .page-privacy .privacy-article {
    max-width: none;
    padding-left: 0;
  }

  .page-privacy .privacy-table-wrap {
    overflow: visible;
    border-color: #000000;
    background: transparent;
  }

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

  .page-privacy .privacy-contact {
    background: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    box-shadow: none;
  }

  .page-privacy .privacy-contact__label,
  .page-privacy .privacy-contact__value,
  .page-privacy .privacy-contact__value--address {
    color: #000000;
  }
}