.page-privacy {
  background: var(--paper);
  color: var(--ink);
  overflow-x: hidden;
}

.page-privacy .breadcrumb__item,
.page-privacy .breadcrumb__sep {
  color: var(--mute);
}

.page-privacy .breadcrumb__link {
  color: var(--mute);
  text-decoration: none;
}

.page-privacy .breadcrumb__link:hover,
.page-privacy .breadcrumb__link:focus-visible {
  color: var(--paper);
}

.page-privacy a:focus-visible,
.page-privacy summary:focus-visible,
.page-privacy .pp-toc__link:focus-visible {
  outline: 2px solid var(--signal);
  outline-offset: 2px;
}

/* 页眉 */
.page-privacy .pp-mast {
  position: relative;
  background: var(--ink);
  color: var(--paper);
  padding: clamp(18px, 2.6vw, 28px) 0 clamp(34px, 5vw, 64px);
  overflow: hidden;
}

.page-privacy .pp-mast::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    115deg,
    transparent 0 44px,
    rgba(46, 158, 99, 0.12) 44px 45px
  );
  pointer-events: none;
}

.page-privacy .pp-mast > .wrap {
  position: relative;
  z-index: 1;
}

.page-privacy .pp-mast__grid {
  display: grid;
  gap: clamp(24px, 4vw, 40px);
  margin-top: clamp(18px, 2.8vw, 30px);
}

.page-privacy .pp-mast h1 {
  margin: 12px 0 0;
  font-family: var(--font-display);
  font-size: var(--fs-4xl);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.02em;
  color: var(--paper);
}

.page-privacy .pp-lead {
  margin: 18px 0 0;
  max-width: 54ch;
  font-size: var(--fs-lg);
  line-height: 1.75;
  color: var(--mute);
}

.page-privacy .pp-facts {
  list-style: none;
  margin: clamp(22px, 3vw, 32px) 0 0;
  padding: 20px 0 0;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 14px;
}

.page-privacy .pp-facts li {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.page-privacy .pp-facts .mono {
  font-family: var(--font-mono);
  font-size: var(--fs-lg);
  color: var(--sand);
  letter-spacing: -0.01em;
}

.page-privacy .pp-facts li > span:last-child {
  font-size: var(--fs-sm);
  color: var(--mute);
}

.page-privacy .pp-figure {
  margin: 0;
  align-self: end;
}

.page-privacy .pp-figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 10 / 7;
  object-fit: cover;
  background: var(--studio);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

@media (min-width: 900px) {
  .page-privacy .pp-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .page-privacy .pp-mast__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: end;
  }
}

/* 正文骨架 */
.page-privacy .pp-body {
  display: grid;
  gap: clamp(26px, 4vw, 44px);
  padding-block: clamp(30px, 4.5vw, 68px) clamp(40px, 6vw, 88px);
}

.page-privacy .pp-doc {
  min-width: 0;
  max-width: 780px;
}

@media (min-width: 1024px) {
  .page-privacy .pp-body {
    grid-template-columns: 232px minmax(0, 1fr);
    gap: clamp(32px, 4vw, 60px);
    align-items: start;
  }

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

/* 目录 */
.page-privacy .pp-toc__title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pitch);
}

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

.page-privacy .pp-toc__link {
  display: block;
  padding: 7px 10px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  line-height: 1.4;
  color: var(--pitch);
  text-decoration: none;
  background: rgba(31, 107, 69, 0.07);
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);
  transition: background var(--t), color var(--t);
}

.page-privacy .pp-toc__link:hover {
  background: rgba(31, 107, 69, 0.16);
  color: var(--ink);
}

.page-privacy .pp-toc__link[aria-current="true"] {
  background: var(--pitch);
  color: var(--paper);
}

.page-privacy .pp-toc__note {
  margin: 16px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(6, 26, 19, 0.15);
  font-size: var(--fs-xs);
  line-height: 1.7;
  color: rgba(6, 26, 19, 0.62);
}

@media (min-width: 1024px) {
  .page-privacy .pp-toc__list {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 3px;
    border-left: 1px solid rgba(6, 26, 19, 0.16);
    padding-left: 2px;
  }

  .page-privacy .pp-toc__link {
    background: transparent;
    clip-path: none;
    padding: 8px 10px;
    border-left: 2px solid transparent;
    margin-left: -3px;
  }

  .page-privacy .pp-toc__link[aria-current="true"] {
    background: rgba(31, 107, 69, 0.12);
    color: var(--ink);
    border-left-color: var(--signal);
  }
}

/* 条款章节 */
.page-privacy .pp-sec {
  padding-block: clamp(24px, 3.4vw, 38px);
  border-top: 1px solid rgba(6, 26, 19, 0.14);
  scroll-margin-top: 96px;
}

.page-privacy .pp-doc > .pp-sec:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-privacy .pp-sec__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 16px;
}

.page-privacy .pp-sec__no {
  font-family: var(--font-mono);
  font-size: var(--fs-sm);
  color: var(--signal);
  letter-spacing: 0.06em;
}

.page-privacy .pp-sec h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-2xl);
  font-weight: 900;
  line-height: 1.16;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-privacy .pp-sec p {
  margin: 0 0 14px;
  font-size: var(--fs-body);
  line-height: 1.85;
  color: rgba(6, 26, 19, 0.82);
}

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

/* 定义列表 */
.page-privacy .pp-defs {
  margin: 18px 0 0;
  display: grid;
  gap: 3px;
}

.page-privacy .pp-defs > div {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  background: rgba(31, 107, 69, 0.06);
  border-left: 3px solid var(--pitch);
}

.page-privacy .pp-defs dt {
  font-family: var(--font-mono);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--pitch);
  letter-spacing: 0.01em;
}

.page-privacy .pp-defs dd {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.8;
  color: rgba(6, 26, 19, 0.8);
}

@media (min-width: 720px) {
  .page-privacy .pp-defs > div {
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 20px;
    align-items: baseline;
    padding: 15px 18px;
  }
}

/* 用途卡片 */
.page-privacy .pp-uses {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.page-privacy .pp-uses li {
  padding: 16px 18px;
  background: rgba(227, 207, 168, 0.28);
  border: 1px solid rgba(6, 26, 19, 0.1);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
  transition: transform var(--t), border-color var(--t);
}

.page-privacy .pp-uses li:hover {
  transform: translateY(-2px);
  border-color: var(--pitch);
}

.page-privacy .pp-uses__no {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  color: var(--ember);
  letter-spacing: 0.1em;
}

.page-privacy .pp-uses h3 {
  margin: 6px 0 8px;
  font-family: var(--font-display);
  font-size: var(--fs-lg);
  font-weight: 700;
  line-height: 1.35;
  color: var(--ink);
}

.page-privacy .pp-uses p {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.75;
  color: rgba(6, 26, 19, 0.78);
}

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

  .page-privacy .pp-uses li:last-child {
    grid-column: 1 / -1;
  }
}

/* 保存期限行 */
.page-privacy .pp-rows {
  margin: 18px 0;
  border-top: 1px solid rgba(6, 26, 19, 0.16);
}

.page-privacy .pp-rows > div {
  display: grid;
  gap: 5px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(6, 26, 19, 0.1);
}

.page-privacy .pp-rows dt {
  font-size: var(--fs-sm);
  font-weight: 600;
  color: rgba(6, 26, 19, 0.86);
}

.page-privacy .pp-rows dd {
  margin: 0;
  justify-self: start;
  padding: 3px 10px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  color: var(--ink);
  background: rgba(227, 207, 168, 0.5);
  clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);
}

@media (min-width: 640px) {
  .page-privacy .pp-rows > div {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
  }

  .page-privacy .pp-rows dd {
    justify-self: end;
  }
}

/* 共享说明 */
.page-privacy .pp-share {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 16px;
}

.page-privacy .pp-share li {
  padding-left: 16px;
  border-left: 2px solid var(--grass);
}

.page-privacy .pp-share strong {
  display: block;
  margin-bottom: 4px;
  font-size: var(--fs-body);
  font-weight: 700;
  color: var(--ink);
}

.page-privacy .pp-share span {
  display: block;
  font-size: var(--fs-sm);
  line-height: 1.78;
  color: rgba(6, 26, 19, 0.78);
}

/* 折叠 */
.page-privacy .pp-fold {
  margin-top: 20px;
  border: 1px solid rgba(6, 26, 19, 0.16);
  background: rgba(31, 107, 69, 0.05);
}

.page-privacy .pp-fold summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px;
  cursor: pointer;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--ink);
  list-style: none;
}

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

.page-privacy .pp-fold summary::after {
  content: "＋";
  font-family: var(--font-mono);
  color: var(--pitch);
}

.page-privacy .pp-fold[open] summary::after {
  content: "－";
}

.page-privacy .pp-fold__body {
  padding: 0 16px 16px;
  border-top: 1px solid rgba(6, 26, 19, 0.1);
}

.page-privacy .pp-fold__body p {
  margin: 12px 0 0;
  font-size: var(--fs-sm);
  line-height: 1.85;
  color: rgba(6, 26, 19, 0.8);
}

/* 权利深绿块 */
.page-privacy .pp-rights {
  margin-top: 18px;
  padding: clamp(18px, 2.8vw, 28px);
  background: var(--ink);
  color: var(--paper);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
}

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

.page-privacy .pp-rights__list li {
  font-size: var(--fs-sm);
  line-height: 1.75;
  color: var(--mute);
}

.page-privacy .pp-rights__list .mono {
  display: block;
  margin-bottom: 3px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.14em;
  color: var(--sand);
}

.page-privacy .pp-rights__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

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

/* 联系块 */
.page-privacy .pp-contact {
  margin: 18px 0 0;
  padding: 16px 18px;
  background: rgba(31, 107, 69, 0.09);
  border-left: 3px solid var(--pitch);
  display: grid;
  gap: 12px;
}

.page-privacy .pp-contact > div {
  display: grid;
  gap: 2px;
}

.page-privacy .pp-contact dt {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.1em;
  color: var(--pitch);
}

.page-privacy .pp-contact dd {
  margin: 0;
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--ink);
  overflow-wrap: anywhere;
}

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

/* 延伸阅读 */
.page-privacy .pp-more {
  margin-top: clamp(28px, 4vw, 44px);
  padding: clamp(18px, 2.8vw, 28px);
  background: var(--studio);
  color: var(--paper);
}

.page-privacy .pp-more h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-xl);
  font-weight: 900;
  letter-spacing: -0.01em;
  color: var(--paper);
}

.page-privacy .pp-more ul {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 4px;
}

.page-privacy .pp-more a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 2px;
  border-bottom: 1px solid var(--line);
  font-size: var(--fs-sm);
  color: var(--paper);
  text-decoration: none;
  transition: color var(--t), padding-left var(--t);
}

.page-privacy .pp-more a:hover {
  color: var(--sand);
  padding-left: 6px;
}

@media (min-width: 640px) {
  .page-privacy .pp-more ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pp-uses li:hover {
    transform: none;
  }

  .page-privacy .pp-more a:hover {
    padding-left: 2px;
  }
}

@media print {
  .page-privacy {
    background: #fff;
    color: #000;
  }

  .page-privacy .pp-toc {
    display: none;
  }

  .page-privacy .pp-mast,
  .page-privacy .pp-rights,
  .page-privacy .pp-more {
    background: #fff;
    color: #000;
    clip-path: none;
  }

  .page-privacy .pp-mast::before,
  .page-privacy .pp-figure {
    display: none;
  }

  .page-privacy .pp-mast h1,
  .page-privacy .pp-lead,
  .page-privacy .pp-sec h2,
  .page-privacy .pp-more h2,
  .page-privacy .pp-rights__list li {
    color: #000;
  }

  .page-privacy a {
    color: #000;
    text-decoration: underline;
  }

  .page-privacy .pp-body {
    display: block;
  }
}


<main id="main-content" class="page-privacy">
  <section class="pp-mast">
    <div class="wrap">
      <nav class="breadcrumb" aria-label="当前位置">
        <ol class="breadcrumb__list">
          <li class="breadcrumb__item"><a class="breadcrumb__link" href="/">首页</a></li>
          <li class="breadcrumb__sep" aria-hidden="true">/</li>
          <li class="breadcrumb__item"><span aria-current="page">隐私声明</span></li>
        </ol>
      </nav>

      <div class="pp-mast__grid">
        <div class="pp-mast__text">
          <p class="eyebrow mono">PRIVACY / 账号 · 收藏 · 订阅</p>
          <h1>您的信息，在哪一步被用到</h1>
          <p class="pp-lead">登录、收藏赛事、订阅每周战报，每一步都会用到少量信息。在欧宝娱乐官网，这些信息各自去往哪里、停留多久、什么时候会传递出去，下面逐项说明，并告诉您随时可以怎样查、改、删。</p>
          <ul class="pp-facts">
            <li>
              <span class="mono">邮箱验证码 / 密码</span>
              <span>两种电脑端登录方式</span>
            </li>
            <li>
              <span class="mono">200 场</span>
              <span>单个账号收藏上限</span>
            </li>
            <li>
              <span class="mono">7 天</span>
              <span>战报与集锦回看窗口</span>
            </li>
          </ul>
        </div>
        <figure class="pp-figure">
          <img src="{zhanqunpic:h:700w:1000}" width="1000" height="700" alt="抽象层叠面板与数据流线示意，表现登录、收藏与订阅信息的流向">
        </figure>
      </div>
    </div>
  </section>

  <div class="wrap pp-body">
    <nav class="pp-toc" data-spy aria-label="条款目录">
      <p class="pp-toc__title">条款目录</p>
      <ol class="pp-toc__list">
        <li><a class="pp-toc__link" data-spy-link href="#info">01 收集哪些信息</a></li>
        <li><a class="pp-toc__link" data-spy-link href="#purpose">02 用途</a></li>
        <li><a class="pp-toc__link" data-spy-link href="#retention">03 保存与本地存储</a></li>
        <li><a class="pp-toc__link" data-spy-link href="#sharing">04 共享范围</a></li>
        <li><a class="pp-toc__link" data-spy-link href="#rights">05 您的权利</a></li>
        <li><a class="pp-toc__link" data-spy-link href="#cookies">06 Cookie 与联系渠道</a></li>
      </ol>
      <p class="pp-toc__note">当前版本 V2.0，与使用条款同时适用。</p>
    </nav>

    <div class="pp-doc">
      <section class="pp-sec" id="info">
        <div class="pp-sec__head">
          <span class="pp-sec__no" aria-hidden="true">01</span>
          <h2>使用过程中会留下的信息</h2>
        </div>
        <p>范围跟着功能走：您用了哪一项，才涉及对应的一组信息。只看战报、不登录的访客，几乎没有可以被识别的记录。</p>
        <dl class="pp-defs">
          <div>
            <dt>账号邮箱</dt>
            <dd>注册与登录时填写的邮箱地址，是账号的唯一标识，也是接收验证码与每周摘要的去处。</dd>
          </div>
          <div>
            <dt>登录验证</dt>
            <dd>通过邮箱收到的一次性验证码，或您自行设置的登录密码，用于确认操作人身份。</dd>
          </div>
          <div>
            <dt>收藏记录</dt>
            <dd>您在首页与列表页标记的赛事条目，随账号同步，最多 200 场，取消后即从列表中移除。</dd>
          </div>
          <div>
            <dt>订阅偏好</dt>
            <dd>您勾选的联赛分区、关注的球队、赛事类型与提醒方式，决定每周摘要里出现哪些内容。</dd>
          </div>
          <div>
            <dt>设备与日志</dt>
            <dd>浏览器类型、屏幕尺寸、访问时间与页面报错记录，用于排查比分不刷新、页面打不开这类问题。</dd>
          </div>
          <div>
            <dt>本地浏览偏好</dt>
            <dd>上次停留的联赛分区、界面折叠状态等，存放在您的浏览器里供下次访问使用。</dd>
          </div>
        </dl>
      </section>

      <section class="pp-sec" id="purpose">
        <div class="pp-sec__head">
          <span class="pp-sec__no" aria-hidden="true">02</span>
          <h2>五类用途，对应五个看得见的动作</h2>
        </div>
        <p>这些信息不会挪作他用。每一项用途都对应您在页面上实际能感受到的变化。</p>
        <ol class="pp-uses">
          <li>
            <span class="mono pp-uses__no">01</span>
            <h3>确认是您本人在登录</h3>
            <p>邮箱验证码核验新设备，密码核验长期凭证，任选其一即可进入电脑端工作台。</p>
          </li>
          <li>
            <span class="mono pp-uses__no">02</span>
            <h3>让收藏跟着账号走</h3>
            <p>换一台电脑打开，收藏列表仍按联赛分区排列，常看的赛事不必重新找一遍。</p>
          </li>
          <li>
            <span class="mono pp-uses__no">03</span>
            <h3>每周一寄出战报摘要</h3>
            <p>10:00 前把上一周您所订阅分区的赛事要点汇总成一封邮件，省去翻找旧帖的时间。</p>
          </li>
          <li>
            <span class="mono pp-uses__no">04</span>
            <h3>把常看的内容排到前面</h3>
            <p>依据收藏与常浏览的分区调整首页比分条与卡片顺序，减少每次进入后的翻找。</p>
          </li>
          <li>
            <span class="mono pp-uses__no">05</span>
            <h3>识别异常访问</h3>
            <p>短时间内的重复登录、批量抓取等行为会被日志标记，用于保护账号与内容授权。</p>
          </li>
        </ol>
      </section>

      <section class="pp-sec" id="retention">
        <div class="pp-sec__head">
          <span class="pp-sec__no" aria-hidden="true">03</span>
          <h2>保存多久，存在哪里</h2>
        </div>
        <p>账号在，与账号绑定的信息就在；账号关闭后，各项记录按下面的时间结束保存。浏览器里的偏好则完全由您掌握，清除即消失。</p>
        <dl class="pp-rows">
          <div>
            <dt>账号邮箱与密码</dt>
            <dd>账号存续期间</dd>
          </div>
          <div>
            <dt>登录验证码</dt>
            <dd>验证完成后失效</dd>
          </div>
          <div>
            <dt>收藏记录</dt>
            <dd>随账号同步，取消即移除</dd>
          </div>
          <div>
            <dt>订阅偏好</dt>
            <dd>订阅有效期间</dd>
          </div>
          <div>
            <dt>每周战报邮件</dt>
            <dd>退订后停止发送</dd>
          </div>
          <div>
            <dt>本地浏览偏好</dt>
            <dd>直到您清除浏览器数据</dd>
          </div>
        </dl>
        <p>退出登录后，浏览器本地只保留匿名浏览偏好，例如上次看到的联赛分区和界面的折叠状态。这类内容不含邮箱，下次登录也不会与账号信息合并。</p>
      </section>

      <section class="pp-sec" id="sharing">
        <div class="pp-sec__head">
          <span class="pp-sec__no" aria-hidden="true">04</span>
          <h2>什么时候会传递到别处</h2>
        </div>
        <p>传递只发生在让功能跑起来的必要环节，并且尽量只给最少的那一部分。</p>
        <ul class="pp-share">
          <li>
            <strong>赛程、比分与排名数据</strong>
            <span>与 6 家第三方赛事数据服务商建立接口合作，请求中只携带赛事与分区标识，不含您的邮箱。</span>
          </li>
          <li>
            <strong>战报与视频集锦</strong>
            <span>与 12 家体育内容源保持转载授权合作，用于呈现集锦与战报摘要，授权环节不涉及读者个人信息。</span>
          </li>
          <li>
            <strong>订阅邮件投递</strong>
            <span>每周摘要经由邮件发送通道送出，需要把收件邮箱交给该通道，仅用于投递与退信处理。</span>
          </li>
        </ul>
        <details class="pp-fold">
          <summary>展开订阅邮件的投递与退订细节</summary>
          <div class="pp-fold__body">
            <p>订阅邮件每周一封，内容为您勾选分区内的战报要点与集锦入口。邮件底部带退订入口，点击后立即停止发送，账号、收藏与订阅偏好都不受影响；想重新收到，在账号设置里开启即可。</p>
            <p>投递失败时，发送通道会返回退信原因，我们据此判断是邮箱填写有误还是对方服务器拒收，必要时通过客服邮箱与您确认。投递记录只保留用于排查的字段，不保存邮件正文。</p>
          </div>
        </details>
      </section>

      <section class="pp-sec" id="rights">
        <div class="pp-sec__head">
          <span class="pp-sec__no" aria-hidden="true">05</span>
          <h2>您可以随时做的五件事</h2>
        </div>
        <p>下面每一项都能自助完成。遇到账号进不去、验证码收不到的情况，也可以通过客服邮箱处理。</p>
        <div class="pp-rights">
          <ul class="pp-rights__list">
            <li><span class="mono">查询</span>在账号设置中查看当前绑定的邮箱、收藏条目与订阅偏好。</li>
            <li><span class="mono">更正</span>邮箱填写有误或偏好需要调整，登录后直接修改并保存。</li>
            <li><span class="mono">删除</span>逐条取消收藏，或申请关闭账号并清除绑定信息。</li>
            <li><span class="mono">退订</span>点击摘要邮件底部入口，或在账号设置里关闭邮件提醒。</li>
            <li><span class="mono">撤回</span>关闭订阅与提醒后，相关偏好不再参与内容排序。</li>
          </ul>
          <div class="pp-rights__actions">
            <a class="btn btn--signal btn--sm" href="/tutorial/">按步骤操作</a>
            <a class="btn btn--ghost btn--sm" href="/find-us/">联系客服</a>
          </div>
        </div>
      </section>

      <section class="pp-sec" id="cookies">
        <div class="pp-sec__head">
          <span class="pp-sec__no" aria-hidden="true">06</span>
          <h2>Cookie、本地存储与联系渠道</h2>
        </div>
        <p>站点用少量 Cookie 维持登录会话，用浏览器本地存储记住界面偏好。它们让您回到首页时直接落在上次看的联赛分区，也让阅读长条款时不必反复展开折叠区。</p>
        <dl class="pp-defs">
          <div>
            <dt>Cookie</dt>
            <dd>维持电脑端登录状态、记住上一次停留的联赛分区；会话结束后登录凭证随之失效。</dd>
          </div>
          <div>
            <dt>localStorage</dt>
            <dd>保存界面折叠状态与匿名浏览偏好，不清除会一直留在您的浏览器中。</dd>
          </div>
          <div>
            <dt>清除方式</dt>
            <dd>在浏览器设置中清除本站数据即可，代价是下次访问需要重新登录并重新选择分区。</dd>
          </div>
        </dl>
        <dl class="pp-contact">
          <div>
            <dt>客服邮箱</dt>
            <dd>info@e-oubao-play.com.cn</dd>
          </div>
          <div>
            <dt>客服电话</dt>
            <dd>17955508814</dd>
          </div>
          <div>
            <dt>回复时段</dt>
            <dd>工作日 9:00–18:00 内回复；订阅与收藏问题请附注册邮箱</dd>
          </div>
          <div>
            <dt>备案信息</dt>
            <dd>豫ICP备90059671号-1</dd>
          </div>
        </dl>
      </section>

      <section class="pp-more">
        <h2>接着了解这些</h2>
        <ul>
          <li><a href="/terms/">使用条款 <span aria-hidden="true">→</span></a></li>
          <li><a href="/platform/">平台服务 <span aria-hidden="true">→</span></a></li>
          <li><a href="/tutorial/">使用教程 <span aria-hidden="true">→</span></a></li>
          <li><a href="/find-us/">找到我们 <span aria-hidden="true">→</span></a></li>
        </ul>
      </section>
    </div>
  </div>
</main>

.page-privacy {
  background: var(--paper);
  color: var(--ink);
  overflow-x: hidden;
}

.page-privacy .breadcrumb__item,
.page-privacy .breadcrumb__sep,
.page-privacy .breadcrumb__link {
  color: var(--blue);
}

.page-privacy .breadcrumb__link {
  text-decoration: none;
}

.page-privacy .breadcrumb__link:hover,
.page-privacy .breadcrumb__link:focus-visible {
  color: var(--paper);
}

.page-privacy a:focus-visible,
.page-privacy summary:focus-visible {
  outline: 2px solid var(--signal);
  outline-offset: 2px;
}

.page-privacy .pp-mast {
  position: relative;
  background: var(--ink);
  color: var(--paper);
  padding: clamp(18px, 2.6vw, 30px) 0 clamp(34px, 5vw, 64px);
  overflow: hidden;
}

.page-privacy .pp-mast::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    118deg,
    transparent 0 42px,
    rgba(46, 158, 99, 0.13) 42px 43px
  );
  pointer-events: none;
}

.page-privacy .pp-mast > .wrap {
  position: relative;
  z-index: 1;
}

.page-privacy .pp-mast__grid {
  display: grid;
  gap: clamp(24px, 4vw, 40px);
  margin-top: clamp(18px, 2.8vw, 30px);
}

.page-privacy .pp-mast h1 {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-size: var(--fs-4xl);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.02em;
  color: var(--paper);
}

.page-privacy .pp-lead {
  margin: 18px 0 0;
  max-width: 52ch;
  font-size: var(--fs-lg);
  line-height: 1.75;
  color: var(--mute);
}

.page-privacy .pp-facts {
  list-style: none;
  margin: clamp(22px, 3vw, 32px) 0 0;
  padding: 20px 0 0;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 14px;
}

.page-privacy .pp-facts li {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.page-privacy .pp-facts .mono {
  font-family: var(--font-mono);
  font-size: var(--fs-lg);
  color: var(--sand);
  letter-spacing: -0.01em;
}

.page-privacy .pp-facts li > span:last-child {
  font-size: var(--fs-sm);
  color: var(--mute);
}

.page-privacy .pp-figure {
  margin: 0;
  align-self: end;
}

.page-privacy .pp-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 10 / 7;
  object-fit: cover;
  background: var(--studio);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

@media (min-width: 900px) {
  .page-privacy .pp-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .page-privacy .pp-mast__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: end;
  }
}

.page-privacy .pp-body {
  display: grid;
  gap: clamp(26px, 4vw, 44px);
  padding-block: clamp(30px, 4.5vw, 68px) clamp(40px, 6vw, 88px);
}

.page-privacy .pp-doc {
  min-width: 0;
  max-width: 780px;
}

@media (min-width: 1024px) {
  .page-privacy .pp-body {
    grid-template-columns: 232px minmax(0, 1fr);
    gap: clamp(32px, 4vw, 60px);
    align-items: start;
  }

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

.page-privacy .pp-toc {
  min-width: 0;
}

.page-privacy .pp-toc__title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pitch);
}

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

.page-privacy .pp-toc__link {
  display: block;
  padding: 7px 10px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  line-height: 1.4;
  color: var(--pitch);
  text-decoration: none;
  background: rgba(31, 107, 69, 0.08);
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);
  transition: background var(--t), color var(--t);
}

.page-privacy .pp-toc__link:hover {
  background: rgba(31, 107, 69, 0.18);
  color: var(--ink);
}

.page-privacy .pp-toc__link[aria-current="true"] {
  background: var(--pitch);
  color: var(--paper);
}

.page-privacy .pp-toc__note {
  margin: 16px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(6, 26, 19, 0.15);
  font-size: var(--fs-xs);
  line-height: 1.7;
  color: rgba(6, 26, 19, 0.62);
}

@media (min-width: 1024px) {
  .page-privacy .pp-toc__list {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 2px;
    border-left: 1px solid rgba(6, 26, 19, 0.16);
  }

  .page-privacy .pp-toc__link {
    background: transparent;
    clip-path: none;
    padding: 8px 10px;
    border-left: 2px solid transparent;
    margin-left: -1px;
  }

  .page-privacy .pp-toc__link:hover {
    background: rgba(31, 107, 69, 0.1);
  }

  .page-privacy .pp-toc__link[aria-current="true"] {
    background: rgba(31, 107, 69, 0.14);
    color: var(--ink);
    border-left-color: var(--signal);
  }
}

.page-privacy .pp-sec {
  padding-block: clamp(24px, 3.4vw, 38px);
  border-top: 1px solid rgba(6, 26, 19, 0.14);
  scroll-margin-top: 96px;
}

.page-privacy .pp-doc > .pp-sec:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-privacy .pp-sec__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 16px;
}

.page-privacy .pp-sec__no {
  font-family: var(--font-mono);
  font-size: var(--fs-sm);
  letter-spacing: 0.06em;
  color: var(--signal);
}

.page-privacy .pp-sec h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-2xl);
  font-weight: 900;
  line-height: 1.16;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-privacy .pp-sec p {
  margin: 0 0 14px;
  font-size: var(--fs-body);
  line-height: 1.85;
  color: rgba(6, 26, 19, 0.82);
}

.page-privacy .pp-sec > p:last-child {
  margin-bottom: 0;
}

.page-privacy .pp-defs {
  margin: 18px 0 0;
  display: grid;
  gap: 3px;
}

.page-privacy .pp-defs > div {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  background: rgba(31, 107, 69, 0.06);
  border-left: 3px solid var(--pitch);
}

.page-privacy .pp-defs dt {
  font-family: var(--font-mono);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--pitch);
  letter-spacing: 0.01em;
}

.page-privacy .pp-defs dd {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.8;
  color: rgba(6, 26, 19, 0.8);
}

@media (min-width: 720px) {
  .page-privacy .pp-defs > div {
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 20px;
    align-items: baseline;
    padding: 15px 18px;
  }
}

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

.page-privacy .pp-uses li {
  padding: 16px 18px;
  background: rgba(227, 207, 168, 0.3);
  border: 1px solid rgba(6, 26, 19, 0.1);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
  transition: transform var(--t), border-color var(--t);
}

.page-privacy .pp-uses li:hover {
  transform: translateY(-2px);
  border-color: var(--pitch);
}

.page-privacy .pp-uses__no {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.1em;
  color: var(--ember);
}

.page-privacy .pp-uses h3 {
  margin: 6px 0 8px;
  font-family: var(--font-display);
  font-size: var(--fs-lg);
  font-weight: 700;
  line-height: 1.35;
  color: var(--ink);
}

.page-privacy .pp-uses p {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.75;
  color: rgba(6, 26, 19, 0.78);
}

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

  .page-privacy .pp-uses li:last-child {
    grid-column: 1 / -1;
  }
}

.page-privacy .pp-rows {
  margin: 18px 0;
  border-top: 1px solid rgba(6, 26, 19, 0.16);
}

.page-privacy .pp-rows > div {
  display: grid;
  gap: 5px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(6, 26, 19, 0.1);
}

.page-privacy .pp-rows dt {
  font-size: var(--fs-sm);
  font-weight: 600;
  color: rgba(6, 26, 19, 0.86);
}

.page-privacy .pp-rows dd {
  margin: 0;
  justify-self: start;
  padding: 3px 10px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  color: var(--ink);
  background: rgba(227, 207, 168, 0.52);
  clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);
}

@media (min-width: 640px) {
  .page-privacy .pp-rows > div {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
  }

  .page-privacy .pp-rows dd {
    justify-self: end;
  }
}

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

.page-privacy .pp-share li {
  padding-left: 16px;
  border-left: 2px solid var(--grass);
}

.page-privacy .pp-share strong {
  display: block;
  margin-bottom: 4px;
  font-size: var(--fs-body);
  font-weight: 700;
  color: var(--ink);
}

.page-privacy .pp-share span {
  display: block;
  font-size: var(--fs-sm);
  line-height: 1.78;
  color: rgba(6, 26, 19, 0.78);
}

.page-privacy .pp-fold {
  margin-top: 20px;
  border: 1px solid rgba(6, 26, 19, 0.16);
  background: rgba(31, 107, 69, 0.05);
}

.page-privacy .pp-fold summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px;
  cursor: pointer;
  list-style: none;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--ink);
}

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

.page-privacy .pp-fold summary::after {
  content: "＋";
  font-family: var(--font-mono);
  color: var(--pitch);
}

.page-privacy .pp-fold[open] summary::after {
  content: "－";
}

.page-privacy .pp-fold__body {
  padding: 0 16px 16px;
  border-top: 1px solid rgba(6, 26, 19, 0.1);
}

.page-privacy .pp-fold__body p {
  margin: 12px 0 0;
  font-size: var(--fs-sm);
  line-height: 1.85;
  color: rgba(6, 26, 19, 0.8);
}

.page-privacy .pp-rights {
  margin-top: 18px;
  padding: clamp(18px, 2.8vw, 28px);
  background: var(--ink);
  color: var(--paper);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
}

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

.page-privacy .pp-rights__list li {
  font-size: var(--fs-sm);
  line-height: 1.75;
  color: var(--mute);
}

.page-privacy .pp-rights__list .mono {
  display: block;
  margin-bottom: 3px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.14em;
  color: var(--sand);
}

.page-privacy .pp-rights__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

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

.page-privacy .pp-contact {
  margin: 18px 0 0;
  padding: 16px 18px;
  background: rgba(31, 107, 69, 0.09);
  border-left: 3px solid var(--pitch);
  display: grid;
  gap: 12px;
}

.page-privacy .pp-contact > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.page-privacy .pp-contact dt {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.1em;
  color: var(--pitch);
}

.page-privacy .pp-contact dd {
  margin: 0;
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--ink);
  overflow-wrap: anywhere;
}

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

.page-privacy .pp-more {
  margin-top: clamp(28px, 4vw, 44px);
  padding: clamp(18px, 2.8vw, 28px);
  background: var(--studio);
  color: var(--paper);
}

.page-privacy .pp-more h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-xl);
  font-weight: 900;
  letter-spacing: -0.01em;
  color: var(--paper);
}

.page-privacy .pp-more ul {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 4px;
}

.page-privacy .pp-more a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 2px;
  border-bottom: 1px solid var(--line);
  font-size: var(--fs-sm);
  color: var(--paper);
  text-decoration: none;
  transition: color var(--t), padding-left var(--t);
}

.page-privacy .pp-more a:hover {
  color: var(--sand);
  padding-left: 6px;
}

@media (min-width: 640px) {
  .page-privacy .pp-more ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .pp-uses li:hover {
    transform: none;
  }

  .page-privacy .pp-more a:hover {
    padding-left: 2px;
  }
}

@media print {
  .page-privacy {
    background: #fff;
    color: #000;
  }

  .page-privacy .pp-toc,
  .page-privacy .pp-mast::before,
  .page-privacy .pp-figure {
    display: none;
  }

  .page-privacy .pp-mast,
  .page-privacy .pp-rights,
  .page-privacy .pp-more {
    background: #fff;
    color: #000;
    clip-path: none;
  }

  .page-privacy .pp-mast h1,
  .page-privacy .pp-lead,
  .page-privacy .pp-sec h2,
  .page-privacy .pp-more h2,
  .page-privacy .pp-rights__list li {
    color: #000;
  }

  .page-privacy a {
    color: #000;
    text-decoration: underline;
  }

  .page-privacy .pp-body {
    display: block;
  }
}