.page-privacy {
  --privacy-grid: rgba(122, 95, 168, 0.10);
  --privacy-card-bg: rgba(29, 17, 51, 0.78);
  --privacy-line: rgba(122, 95, 168, 0.32);
  --privacy-pink-line: rgba(255, 62, 154, 0.55);
  --privacy-cyan-line: rgba(0, 229, 255, 0.55);
  background-color: var(--color-purple-dark);
  background-image:
    linear-gradient(var(--privacy-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--privacy-grid) 1px, transparent 1px);
  background-size: 42px 42px;
  padding-bottom: 96px;
}

.page-privacy .privacy-hero {
  padding-top: 36px;
}

.page-privacy .privacy-hero-grid {
  display: grid;
  gap: 26px;
  margin-top: 20px;
}

.page-privacy .privacy-hero-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.page-privacy .privacy-hero-copy h1 {
  margin: 0 0 14px;
  font-family: var(--font-heading);
  font-size: 40px;
  line-height: 1.12;
  color: var(--color-white);
  letter-spacing: 0.01em;
}

.page-privacy .privacy-hero-copy .lead {
  margin: 0;
  color: var(--color-mist);
  max-width: 60ch;
  line-height: 1.7;
  font-size: 16px;
}

.page-privacy .privacy-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.page-privacy .privacy-layout {
  display: grid;
  gap: 36px;
  margin-top: 44px;
}

.page-privacy .privacy-index-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  background: rgba(10, 10, 26, 0.5);
  border: 1px solid var(--privacy-line);
  padding: 16px;
}

.page-privacy .privacy-index-title {
  flex-basis: 100%;
  color: var(--color-cyan);
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: 0.14em;
  margin-bottom: 6px;
}

.page-privacy .privacy-index-link {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  color: var(--color-mist);
  text-decoration: none;
  font-size: 14px;
  padding: 4px 0;
}

.page-privacy .privacy-index-link:hover {
  color: var(--color-cyan);
}

.page-privacy .privacy-index-num {
  color: var(--color-pink);
  font-family: var(--font-heading);
  font-size: 12px;
}

.page-privacy .privacy-section {
  scroll-margin-top: 100px;
  padding-top: 8px;
}

.page-privacy .privacy-section + .privacy-section,
.page-privacy .privacy-section + .privacy-flow,
.page-privacy .privacy-flow + .privacy-section {
  margin-top: 64px;
}

.page-privacy .privacy-section-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}

.page-privacy .privacy-section-tag {
  align-self: flex-start;
}

.page-privacy .privacy-section-head h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 26px;
  line-height: 1.3;
  color: var(--color-white);
}

.page-privacy .privacy-section-num {
  border: 1px solid var(--privacy-pink-line);
  color: var(--color-pink);
  font-family: var(--font-heading);
  font-size: 13px;
  padding: 3px 7px;
  line-height: 1;
}

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

.page-privacy .privacy-card-grid {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.page-privacy .privacy-card {
  background: var(--privacy-card-bg);
  border: 1px solid var(--privacy-line);
  padding: 18px 18px 16px;
  position: relative;
}

.page-privacy .privacy-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, var(--color-cyan), transparent);
  opacity: 0.8;
}

.page-privacy .privacy-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.page-privacy .privacy-code {
  color: var(--color-gray);
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.page-privacy .privacy-card h3 {
  margin: 0 0 8px;
  color: var(--color-white);
  font-size: 18px;
}

.page-privacy .privacy-card p {
  margin: 0;
  color: var(--color-mist);
  font-size: 15px;
  line-height: 1.75;
}

.page-privacy .privacy-card--wide {
  grid-column: 1 / -1;
}

.page-privacy .privacy-purpose-list {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.page-privacy .privacy-purpose-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 14px;
  padding: 18px 16px;
  border-left: 2px solid var(--color-cyan);
  background: rgba(45, 27, 78, 0.55);
}

.page-privacy .privacy-purpose-index {
  color: var(--color-cyan);
  font-family: var(--font-heading);
  font-size: 22px;
  line-height: 1.2;
}

.page-privacy .privacy-purpose-item h3 {
  margin: 0 0 8px;
  color: var(--color-white);
  font-size: 17px;
}

.page-privacy .privacy-purpose-item p {
  margin: 0;
  color: var(--color-mist);
  font-size: 15px;
  line-height: 1.75;
}

.page-privacy .privacy-flow {
  margin-top: 64px;
  border-top: 1px solid var(--privacy-line);
  padding-top: 36px;
}

.page-privacy .privacy-flow-copy h2 {
  margin: 10px 0 12px;
  font-family: var(--font-heading);
  font-size: 26px;
  color: var(--color-white);
}

.page-privacy .privacy-flow-copy p {
  margin: 0;
  color: var(--color-mist);
  line-height: 1.75;
  max-width: 62ch;
}

.page-privacy .privacy-flow-diagram {
  margin: 24px 0;
  padding: 14px;
  background: rgba(10, 10, 26, 0.42);
  border: 1px solid var(--privacy-line);
}

.page-privacy .privacy-flow-diagram svg {
  display: block;
  width: 100%;
  height: auto;
}

.page-privacy .privacy-flow-figure {
  margin: 18px 0 0;
}

.page-privacy .privacy-flow-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--privacy-line);
  background: var(--color-purple-deep);
}

.page-privacy .privacy-flow-figure .caption {
  margin-top: 8px;
  color: var(--color-gray);
}

.page-privacy .privacy-share-list {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  counter-reset: privacy-share;
}

.page-privacy .privacy-share-list li {
  counter-increment: privacy-share;
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 42px;
  color: var(--color-mist);
  line-height: 1.7;
  font-size: 15px;
}

.page-privacy .privacy-share-list li::before {
  content: counter(privacy-share, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 3px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--privacy-pink-line);
  color: var(--color-pink);
  font-family: var(--font-heading);
  font-size: 12px;
}

.page-privacy .privacy-rights-grid {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.page-privacy .privacy-right-card {
  background: var(--privacy-card-bg);
  border: 1px solid var(--privacy-line);
  padding: 18px;
}

.page-privacy .privacy-right-code {
  color: var(--color-pink);
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: 0.06em;
}

.page-privacy .privacy-right-card h3 {
  margin: 10px 0 8px;
  color: var(--color-white);
  font-size: 18px;
}

.page-privacy .privacy-right-card p {
  margin: 0;
  color: var(--color-mist);
  font-size: 15px;
  line-height: 1.75;
}

.page-privacy .privacy-accordion {
  margin-top: 24px;
}

.page-privacy .privacy-accordion .accordion-item {
  border-bottom: 1px solid var(--privacy-line);
}

.page-privacy .privacy-accordion .accordion-item:first-child {
  border-top: 1px solid var(--privacy-line);
}

.page-privacy .privacy-accordion .accordion-trigger {
  padding-left: 0;
  padding-right: 0;
  color: var(--color-white);
}

.page-privacy .privacy-accordion .accordion-panel {
  padding-left: 0;
  padding-right: 0;
  color: var(--color-mist);
}

.page-privacy .privacy-contact-grid {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.page-privacy .privacy-contact-item {
  background: rgba(10, 10, 26, 0.35);
  border: 1px solid var(--privacy-line);
  padding: 16px 18px;
}

.page-privacy .privacy-contact-label {
  display: block;
  margin-bottom: 6px;
  color: var(--color-gray);
  font-size: 13px;
  letter-spacing: 0.04em;
}

.page-privacy .privacy-contact-value {
  display: block;
  color: var(--color-white);
  font-size: 16px;
  line-height: 1.5;
  word-break: break-all;
}

.page-privacy .privacy-contact-note {
  display: block;
  margin-top: 4px;
  color: var(--color-gray);
  font-size: 13px;
}

.page-privacy .privacy-contact-callout {
  margin-top: 18px;
}

.page-privacy .privacy-related {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 64px;
  padding-top: 28px;
  border-top: 1px solid var(--privacy-line);
}

.page-privacy .privacy-site-line {
  margin-top: 20px;
  color: var(--color-gray);
}

@media (min-width: 900px) {
  .page-privacy .privacy-hero-grid {
    grid-template-columns: 2fr 4fr;
    gap: 60px;
  }

  .page-privacy .privacy-hero-copy h1 {
    font-size: 54px;
  }

  .page-privacy .privacy-layout {
    grid-template-columns: 240px 1fr;
    gap: 48px;
    align-items: start;
  }

  .page-privacy .privacy-index {
    position: sticky;
    top: 96px;
  }

  .page-privacy .privacy-index-inner {
    flex-direction: column;
    gap: 0;
  }

  .page-privacy .privacy-index-link {
    padding: 8px 0;
    border-bottom: 1px solid rgba(122, 95, 168, 0.16);
  }

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

  .page-privacy .privacy-section-head h2 {
    font-size: 32px;
  }

  .page-privacy .privacy-card-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-privacy .privacy-purpose-list {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .page-privacy .privacy-rights-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-privacy .privacy-contact-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .page-privacy .privacy-contact-item--wide {
    grid-column: 1 / -1;
  }
}

<main id="main-content" class="page-privacy">
  <section class="container privacy-hero" data-reveal>
    <nav class="breadcrumb" aria-label="面包屑导航">
      <span class="breadcrumb-item"><a class="breadcrumb-link" href="/">首页</a></span>
      <span class="breadcrumb-item breadcrumb-current">隐私政策</span>
    </nav>
    <div class="privacy-hero-grid">
      <div class="privacy-hero-meta">
        <span class="eyebrow">PRIVACY POLICY</span>
        <span class="tag tag-pink">政策版本：焕新版第 3 版</span>
      </div>
      <div class="privacy-hero-copy">
        <h1>第一娱乐隐私政策</h1>
        <p class="lead">本政策说明第一娱乐如何收集、使用、存储和保护您的个人信息。您可据此了解自己的权利，并可通过联系页提出的方式与我们沟通。</p>
        <div class="privacy-hero-tags">
          <span class="tag tag-cyan">信息收集</span>
          <span class="tag tag-cyan">信息使用</span>
          <span class="tag tag-cyan">共享边界</span>
          <span class="tag tag-cyan">用户权利</span>
        </div>
      </div>
    </div>
  </section>

  <div class="container privacy-layout">
    <aside class="privacy-index" aria-label="隐私政策目录" data-reveal>
      <div class="privacy-index-inner">
        <span class="privacy-index-title">本页目录</span>
        <a class="privacy-index-link" href="#collect"><span class="privacy-index-num">01</span>我们收集的信息</a>
        <a class="privacy-index-link" href="#purpose"><span class="privacy-index-num">02</span>信息使用目的</a>
        <a class="privacy-index-link" href="#share"><span class="privacy-index-num">03</span>共享与公开</a>
        <a class="privacy-index-link" href="#rights"><span class="privacy-index-num">04</span>你的权利</a>
        <a class="privacy-index-link" href="#contact"><span class="privacy-index-num">05</span>联系我们</a>
      </div>
    </aside>

    <div class="privacy-content">
      <section id="collect" class="privacy-section" aria-labelledby="collect-title" data-reveal>
        <div class="privacy-section-head">
          <span class="privacy-section-tag tag tag-cyan">信息类型</span>
          <h2 id="collect-title"><span class="privacy-section-num">01</span>我们收集的信息</h2>
        </div>
        <p class="privacy-lead">第一娱乐支持平板端浏览器直接访问，多数栏目无需注册即可使用。以下信息仅在您使用具体功能时按需生成或提交，我们不会收集与栏目服务无关的额外资料。</p>
        <div class="privacy-card-grid">
          <article class="privacy-card">
            <div class="privacy-card-top">
              <span class="privacy-code">A·01</span>
              <span class="tag tag-cyan">基础运行</span>
            </div>
            <h3>设备日志信息</h3>
            <p>设备型号、操作系统版本、屏幕分辨率、访问时间与栏目浏览路径，用于平板端布局适配、异常访问排查与服务稳定性保障。</p>
          </article>
          <article class="privacy-card">
            <div class="privacy-card-top">
              <span class="privacy-code">A·02</span>
              <span class="tag tag-cyan">登录保障</span>
            </div>
            <h3>账号验证信息</h3>
            <p>在换平板后重新登录第一娱乐的验证流程中，我们会处理必要的设备标识与验证凭据，确认设备属于本人并完成登录衔接。</p>
          </article>
          <article class="privacy-card">
            <div class="privacy-card-top">
              <span class="privacy-code">A·03</span>
              <span class="tag tag-cyan">服务沟通</span>
            </div>
            <h3>反馈与咨询内容</h3>
            <p>通过客服邮箱或平板端专属技术支持直连端口联系我们时，您主动提供的称呼、设备信息和问题描述，用于定位并解决您的具体问题。</p>
          </article>
          <article class="privacy-card">
            <div class="privacy-card-top">
              <span class="privacy-code">A·04</span>
              <span class="tag tag-pink">活动规则</span>
            </div>
            <h3>活动参与信息</h3>
            <p>参与平台活动时，按活动规则收集必要的设备验证信息与联系方式，用于确认参与资格、发放权益并履行活动条款。</p>
          </article>
          <article class="privacy-card privacy-card--wide">
            <div class="privacy-card-top">
              <span class="privacy-code">A·05</span>
              <span class="tag tag-cyan">统计优化</span>
            </div>
            <h3>匿名汇总统计</h3>
            <p>为改善栏目组织，我们会对访问数据进行聚合统计，例如栏目活跃度与页面浏览分布。统计结果经过匿名化处理，不与特定个人身份关联。</p>
          </article>
        </div>
      </section>

      <section id="purpose" class="privacy-section" aria-labelledby="purpose-title" data-reveal>
        <div class="privacy-section-head">
          <span class="privacy-section-tag tag tag-cyan">使用边界</span>
          <h2 id="purpose-title"><span class="privacy-section-num">02</span>信息使用目的</h2>
        </div>
        <p class="privacy-lead">第一娱乐焕新版使用指南已覆盖平板端登录与分类导航，以下说明解释相关服务中最主要的信息使用方式：</p>
        <div class="privacy-purpose-list">
          <div class="privacy-purpose-item">
            <span class="privacy-purpose-index">01</span>
            <div>
              <h3>服务提供与栏目呈现</h3>
              <p>国内第一娱乐分类导航现含影视、游戏、音乐、体育等27个栏目。我们基于设备日志优化平板端版式，控制内容资源加载策略，让分类导航在各类平板上稳定、高效呈现。</p>
            </div>
          </div>
          <div class="privacy-purpose-item">
            <span class="privacy-purpose-index">02</span>
            <div>
              <h3>登录验证与换机衔接</h3>
              <p>在换平板后重新登录第一娱乐场景中，设备标识与验证凭据用于完成本人确认，避免账号在陌生设备上被误用。</p>
            </div>
          </div>
          <div class="privacy-purpose-item">
            <span class="privacy-purpose-index">03</span>
            <div>
              <h3>安全风控与异常识别</h3>
              <p>通过解析访问日志中的异常模式，识别恶意流量、高频请求与潜在安全威胁，保障首页、栏目页与活动页面的可靠运行。</p>
            </div>
          </div>
          <div class="privacy-purpose-item">
            <span class="privacy-purpose-index">04</span>
            <div>
              <h3>反馈处理与技术支持</h3>
              <p>结合您主动提交的设备信息与问题描述，定位并解决平板端登录验证、页面兼容性等具体问题。如需找客服咨询平板端问题，可使用文末的联系渠道。</p>
            </div>
          </div>
          <div class="privacy-purpose-item">
            <span class="privacy-purpose-index">05</span>
            <div>
              <h3>活动组织与权益发放</h3>
              <p>根据每场活动的截止规则，对参与信息进行资格核验，完成结果记录与权益发放，并在必要时通知您活动进展。</p>
            </div>
          </div>
        </div>
      </section>

      <section class="privacy-flow" aria-labelledby="flow-title" data-reveal>
        <div class="privacy-flow-copy">
          <span class="privacy-section-tag tag tag-pink">数据流向示意</span>
          <h2 id="flow-title">从产生到使用的清晰路径</h2>
          <p>您的信息在平台上遵循最小必要原则流转：从设备产生，经过安全处理后服务于功能提供，超出需求的部分不进入任何后续环节。</p>
        </div>
        <div class="privacy-flow-diagram">
          <svg viewBox="0 0 960 240" role="img" aria-labelledby="flow-title">
            <defs>
              <marker id="flow-arrow-cyan" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto">
                <path d="M 0 0 L 10 5 L 0 10 z" fill="#00E5FF"></path>
              </marker>
              <marker id="flow-arrow-pink" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto">
                <path d="M 0 0 L 10 5 L 0 10 z" fill="#FF3E9A"></path>
              </marker>
            </defs>
            <rect x="40" y="70" width="220" height="100" fill="#1D1133" stroke="#00E5FF" stroke-width="2"></rect>
            <text x="150" y="112" text-anchor="middle" fill="#FFFFFF" font-family="Orbitron, 'Noto Sans SC', sans-serif" font-size="20">平板设备</text>
            <text x="150" y="142" text-anchor="middle" fill="#A39FB8" font-family="'Noto Sans SC', sans-serif" font-size="14">日志与反馈</text>
            <line x1="262" y1="120" x2="352" y2="120" stroke="#00E5FF" stroke-width="2" marker-end="url(#flow-arrow-cyan)"></line>
            <text x="307" y="106" text-anchor="middle" fill="#00E5FF" font-family="'Noto Sans SC', sans-serif" font-size="12">按需处理</text>
            <rect x="370" y="70" width="220" height="100" fill="#1D1133" stroke="#7A5FA8" stroke-width="2"></rect>
            <text x="480" y="112" text-anchor="middle" fill="#FFFFFF" font-family="Orbitron, 'Noto Sans SC', sans-serif" font-size="20">第一娱乐</text>
            <text x="480" y="142" text-anchor="middle" fill="#A39FB8" font-family="'Noto Sans SC', sans-serif" font-size="14">最小化存储</text>
            <line x1="592" y1="120" x2="682" y2="120" stroke="#FF3E9A" stroke-width="2" marker-end="url(#flow-arrow-pink)"></line>
            <text x="637" y="106" text-anchor="middle" fill="#FF3E9A" font-family="'Noto Sans SC', sans-serif" font-size="12">权限内使用</text>
            <rect x="700" y="70" width="220" height="100" fill="#1D1133" stroke="#FF3E9A" stroke-width="2"></rect>
            <text x="810" y="112" text-anchor="middle" fill="#FFFFFF" font-family="Orbitron, 'Noto Sans SC', sans-serif" font-size="20">27 个栏目</text>
            <text x="810" y="142" text-anchor="middle" fill="#A39FB8" font-family="'Noto Sans SC', sans-serif" font-size="14">内容服务</text>
            <path d="M 810 170 V 206 H 150 V 170" fill="none" stroke="#7A5FA8" stroke-width="1.5" stroke-dasharray="6 6"></path>
            <text x="480" y="224" text-anchor="middle" fill="#A39FB8" font-family="'Noto Sans SC', sans-serif" font-size="13">用户可随时通过联系渠道行使访问、更正与删除权利</text>
          </svg>
        </div>
        <figure class="privacy-flow-figure">
          <img src="{zhanqunpic:h:500w:1000}" width="1000" height="500" alt="由锁和线条组成的网络安全抽象插画" loading="lazy" decoding="async">
          <figcaption class="caption">数据保护结构示意：锁与细线象征安全边界与最小授权</figcaption>
        </figure>
      </section>

      <section id="share" class="privacy-section" aria-labelledby="share-title" data-reveal>
        <div class="privacy-section-head">
          <span class="privacy-section-tag tag tag-cyan">共享边界</span>
          <h2 id="share-title"><span class="privacy-section-num">03</span>信息的共享与公开</h2>
        </div>
        <div class="callout callout-pink">
          <span class="callout-title">重要原则</span>
          <p>第一娱乐不向任何第三方出售您的个人信息。仅在法定或合理必要情形中，我们才可能在最小范围内提供必要信息。</p>
        </div>
        <ul class="privacy-share-list">
          <li>依据适用法律法规要求，向有权机关提供必要信息；</li>
          <li>为维护平台安全、保护您及他人的合法权益而进行的必要处理；</li>
          <li>在与服务运行相关的技术协作范围内，使用匿名化汇总数据开展稳定性分析；</li>
          <li>在取得您的明确同意后，依照授权范围进行有限共享。</li>
        </ul>
      </section>

      <section id="rights" class="privacy-section" aria-labelledby="rights-title" data-reveal>
        <div class="privacy-section-head">
          <span class="privacy-section-tag tag tag-cyan">用户权利</span>
          <h2 id="rights-title"><span class="privacy-section-num">04</span>你的权利</h2>
        </div>
        <p class="privacy-lead">围绕个人信息，您依法拥有以下权利，可通过联系渠道向我们提出请求：</p>
        <div class="privacy-rights-grid">
          <article class="privacy-right-card">
            <span class="privacy-right-code">R-01</span>
            <h3>访问与获取</h3>
            <p>您可以确认平台是否处理与您相关的信息，并请求获取这些信息的摘要与副本。</p>
          </article>
          <article class="privacy-right-card">
            <span class="privacy-right-code">R-02</span>
            <h3>更正与补充</h3>
            <p>当您发现相关描述不完整或存在偏差时，可提出更正请求，我们会及时核实并更新。</p>
          </article>
          <article class="privacy-right-card">
            <span class="privacy-right-code">R-03</span>
            <h3>删除与撤回</h3>
            <p>您可以请求删除特定情境下不再必要的信息，或撤回曾作出的信息使用授权。删除操作不会影响此前已完成的合法处理。</p>
          </article>
          <article class="privacy-right-card">
            <span class="privacy-right-code">R-04</span>
            <h3>投诉与建议</h3>
            <p>如认为个人信息的处理方式存在疑问，您可以通过文末渠道提出建议或投诉，我们会按内部流程给予回应。</p>
          </article>
        </div>
        <div class="accordion privacy-accordion">
          <div class="accordion-item" data-accordion-item data-open>
            <button type="button" class="accordion-trigger" data-accordion-trigger aria-expanded="true" aria-controls="privacy-expand-1" id="privacy-toggle-1">
              <span class="accordion-trigger-title">权利请求多久可以得到处理？</span>
              <span class="accordion-icon" aria-hidden="true"></span>
            </button>
            <div class="accordion-panel" id="privacy-expand-1" role="region" aria-labelledby="privacy-toggle-1">
              <p>我们会在收到请求后的合理工作时间内确认请求者身份。身份核实完成后，会在合理期限内做出处理并告知结果。对于需要更多时间处理的复杂请求，我们会主动说明进展。</p>
            </div>
          </div>
          <div class="accordion-item" data-accordion-item data-open>
            <button type="button" class="accordion-trigger" data-accordion-trigger aria-expanded="true" aria-controls="privacy-expand-2" id="privacy-toggle-2">
              <span class="accordion-trigger-title">行使权利是否会影响服务使用？</span>
              <span class="accordion-icon" aria-hidden="true"></span>
            </button>
            <div class="accordion-panel" id="privacy-expand-2" role="region" aria-labelledby="privacy-toggle-2">
              <p>您无需接受任何非必要信息处理即可使用浏览类功能。对于活动参与、技术支持等依赖特定信息的服务，撤回相应授权后该功能可能无法继续提供，我们会提前向您说明影响范围。</p>
            </div>
          </div>
        </div>
      </section>

      <section id="contact" class="privacy-section" aria-labelledby="contact-title" data-reveal>
        <div class="privacy-section-head">
          <span class="privacy-section-tag tag tag-pink">沟通渠道</span>
          <h2 id="contact-title"><span class="privacy-section-num">05</span>联系我们</h2>
        </div>
        <p class="privacy-lead">如对本政策、个人信息处理方式或您的权利有任何疑问，欢迎通过下列渠道联系我们：</p>
        <div class="privacy-contact-grid">
          <div class="privacy-contact-item">
            <span class="privacy-contact-label">客服邮箱</span>
            <span class="privacy-contact-value">service@prime-yule.com.cn</span>
          </div>
          <div class="privacy-contact-item">
            <span class="privacy-contact-label">联系邮箱</span>
            <span class="privacy-contact-value">support@prime-yule.com.cn</span>
          </div>
          <div class="privacy-contact-item">
            <span class="privacy-contact-label">平板端专属技术支持直连端口</span>
            <span class="privacy-contact-value">400-960-2713</span>
            <span class="privacy-contact-note">每日 9:00-21:00</span>
          </div>
          <div class="privacy-contact-item">
            <span class="privacy-contact-label">联系电话</span>
            <span class="privacy-contact-value">13795236788</span>
          </div>
          <div class="privacy-contact-item privacy-contact-item--wide">
            <span class="privacy-contact-label">联系地址</span>
            <span class="privacy-contact-value">湖北省武汉市洪山区光谷大道77号金融港A4栋3层</span>
          </div>
        </div>
        <div class="callout privacy-contact-callout">
          <p>如需在提交请求前进一步了解问题排查步骤，可前往<a href="/connect/">联系客服</a>页面获取更多沟通方式与问题处理指引。如选择邮件方式，请注明“隐私权利请求”，以便我们准确分流处理。</p>
        </div>
      </section>

      <nav class="privacy-related" aria-label="相关页面">
        <a class="btn btn-outline" href="/instructions/">网站使用说明</a>
        <a class="btn btn-primary" href="/connect/">联系客服</a>
        <a class="btn btn-outline" href="/">返回首页</a>
      </nav>
      <p class="privacy-site-line caption">第一娱乐官方主站｜中国站本月更新版 · 官方域名 prime-yule.com.cn · ICP备案号：鄂ICP备96794613号-3</p>
    </div>
  </div>
</main>

.page-privacy {
  --privacy-grid: rgba(122, 95, 168, 0.10);
  --privacy-card-bg: rgba(29, 17, 51, 0.78);
  --privacy-line: rgba(122, 95, 168, 0.32);
  --privacy-pink-line: rgba(255, 62, 154, 0.55);
  --privacy-cyan-line: rgba(0, 229, 255, 0.55);
  background-color: var(--color-purple-dark);
  background-image:
    linear-gradient(var(--privacy-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--privacy-grid) 1px, transparent 1px);
  background-size: 42px 42px;
  padding-bottom: 96px;
}

.page-privacy .privacy-hero {
  padding-top: 36px;
}

.page-privacy .privacy-hero-grid {
  display: grid;
  gap: 26px;
  margin-top: 20px;
}

.page-privacy .privacy-hero-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.page-privacy .privacy-hero-copy h1 {
  margin: 0 0 14px;
  font-family: var(--font-heading);
  font-size: 40px;
  line-height: 1.12;
  color: var(--color-white);
  letter-spacing: 0.01em;
}

.page-privacy .privacy-hero-copy .lead {
  margin: 0;
  color: var(--color-mist);
  max-width: 60ch;
  line-height: 1.7;
  font-size: 16px;
}

.page-privacy .privacy-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.page-privacy .privacy-layout {
  display: grid;
  gap: 36px;
  margin-top: 44px;
}

.page-privacy .privacy-index-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  background: rgba(10, 10, 26, 0.5);
  border: 1px solid var(--privacy-line);
  padding: 16px;
}

.page-privacy .privacy-index-title {
  flex-basis: 100%;
  color: var(--color-cyan);
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: 0.14em;
  margin-bottom: 6px;
}

.page-privacy .privacy-index-link {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  color: var(--color-mist);
  text-decoration: none;
  font-size: 14px;
  padding: 4px 0;
}

.page-privacy .privacy-index-link:hover {
  color: var(--color-cyan);
}

.page-privacy .privacy-index-num {
  color: var(--color-pink);
  font-family: var(--font-heading);
  font-size: 12px;
}

.page-privacy .privacy-section {
  scroll-margin-top: 100px;
  padding-top: 8px;
}

.page-privacy .privacy-section + .privacy-section,
.page-privacy .privacy-section + .privacy-flow,
.page-privacy .privacy-flow + .privacy-section {
  margin-top: 64px;
}

.page-privacy .privacy-section-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}

.page-privacy .privacy-section-tag {
  align-self: flex-start;
}

.page-privacy .privacy-section-head h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 26px;
  line-height: 1.3;
  color: var(--color-white);
}

.page-privacy .privacy-section-num {
  border: 1px solid var(--privacy-pink-line);
  color: var(--color-pink);
  font-family: var(--font-heading);
  font-size: 13px;
  padding: 3px 7px;
  line-height: 1;
}

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

.page-privacy .privacy-card-grid {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.page-privacy .privacy-card {
  background: var(--privacy-card-bg);
  border: 1px solid var(--privacy-line);
  padding: 18px 18px 16px;
  position: relative;
}

.page-privacy .privacy-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, var(--color-cyan), transparent);
  opacity: 0.8;
}

.page-privacy .privacy-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.page-privacy .privacy-code {
  color: var(--color-gray);
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.page-privacy .privacy-card h3 {
  margin: 0 0 8px;
  color: var(--color-white);
  font-size: 18px;
}

.page-privacy .privacy-card p {
  margin: 0;
  color: var(--color-mist);
  font-size: 15px;
  line-height: 1.75;
}

.page-privacy .privacy-card--wide {
  grid-column: 1 / -1;
}

.page-privacy .privacy-purpose-list {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.page-privacy .privacy-purpose-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 14px;
  padding: 18px 16px;
  border-left: 2px solid var(--color-cyan);
  background: rgba(45, 27, 78, 0.55);
}

.page-privacy .privacy-purpose-index {
  color: var(--color-cyan);
  font-family: var(--font-heading);
  font-size: 22px;
  line-height: 1.2;
}

.page-privacy .privacy-purpose-item h3 {
  margin: 0 0 8px;
  color: var(--color-white);
  font-size: 17px;
}

.page-privacy .privacy-purpose-item p {
  margin: 0;
  color: var(--color-mist);
  font-size: 15px;
  line-height: 1.75;
}

.page-privacy .privacy-flow {
  margin-top: 64px;
  border-top: 1px solid var(--privacy-line);
  padding-top: 36px;
}

.page-privacy .privacy-flow-copy h2 {
  margin: 10px 0 12px;
  font-family: var(--font-heading);
  font-size: 26px;
  color: var(--color-white);
}

.page-privacy .privacy-flow-copy p {
  margin: 0;
  color: var(--color-mist);
  line-height: 1.75;
  max-width: 62ch;
}

.page-privacy .privacy-flow-diagram {
  margin: 24px 0;
  padding: 14px;
  background: rgba(10, 10, 26, 0.42);
  border: 1px solid var(--privacy-line);
}

.page-privacy .privacy-flow-diagram svg {
  display: block;
  width: 100%;
  height: auto;
}

.page-privacy .privacy-flow-figure {
  margin: 18px 0 0;
}

.page-privacy .privacy-flow-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--privacy-line);
  background: var(--color-purple-deep);
}

.page-privacy .privacy-flow-figure .caption {
  margin-top: 8px;
  color: var(--color-gray);
}

.page-privacy .privacy-share-list {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  counter-reset: privacy-share;
}

.page-privacy .privacy-share-list li {
  counter-increment: privacy-share;
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 42px;
  color: var(--color-mist);
  line-height: 1.7;
  font-size: 15px;
}

.page-privacy .privacy-share-list li::before {
  content: counter(privacy-share, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 3px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--privacy-pink-line);
  color: var(--color-pink);
  font-family: var(--font-heading);
  font-size: 12px;
}

.page-privacy .privacy-rights-grid {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.page-privacy .privacy-right-card {
  background: var(--privacy-card-bg);
  border: 1px solid var(--privacy-line);
  padding: 18px;
}

.page-privacy .privacy-right-code {
  color: var(--color-pink);
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: 0.06em;
}

.page-privacy .privacy-right-card h3 {
  margin: 10px 0 8px;
  color: var(--color-white);
  font-size: 18px;
}

.page-privacy .privacy-right-card p {
  margin: 0;
  color: var(--color-mist);
  font-size: 15px;
  line-height: 1.75;
}

.page-privacy .privacy-accordion {
  margin-top: 24px;
}

.page-privacy .privacy-accordion .accordion-item {
  border-bottom: 1px solid var(--privacy-line);
}

.page-privacy .privacy-accordion .accordion-item:first-child {
  border-top: 1px solid var(--privacy-line);
}

.page-privacy .privacy-accordion .accordion-trigger {
  padding-left: 0;
  padding-right: 0;
  color: var(--color-white);
}

.page-privacy .privacy-accordion .accordion-panel {
  padding-left: 0;
  padding-right: 0;
  color: var(--color-mist);
}

.page-privacy .privacy-contact-grid {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.page-privacy .privacy-contact-item {
  background: rgba(10, 10, 26, 0.35);
  border: 1px solid var(--privacy-line);
  padding: 16px 18px;
}

.page-privacy .privacy-contact-label {
  display: block;
  margin-bottom: 6px;
  color: var(--color-gray);
  font-size: 13px;
  letter-spacing: 0.04em;
}

.page-privacy .privacy-contact-value {
  display: block;
  color: var(--color-white);
  font-size: 16px;
  line-height: 1.5;
  word-break: break-all;
}

.page-privacy .privacy-contact-note {
  display: block;
  margin-top: 4px;
  color: var(--color-gray);
  font-size: 13px;
}

.page-privacy .privacy-contact-callout {
  margin-top: 18px;
}

.page-privacy .privacy-related {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 64px;
  padding-top: 28px;
  border-top: 1px solid var(--privacy-line);
}

.page-privacy .privacy-site-line {
  margin-top: 20px;
  color: var(--color-gray);
}

@media (min-width: 900px) {
  .page-privacy .privacy-hero-grid {
    grid-template-columns: 2fr 4fr;
    gap: 60px;
  }

  .page-privacy .privacy-hero-copy h1 {
    font-size: 54px;
  }

  .page-privacy .privacy-layout {
    grid-template-columns: 240px 1fr;
    gap: 48px;
    align-items: start;
  }

  .page-privacy .privacy-index {
    position: sticky;
    top: 96px;
  }

  .page-privacy .privacy-index-inner {
    flex-direction: column;
    gap: 0;
  }

  .page-privacy .privacy-index-link {
    padding: 8px 0;
    border-bottom: 1px solid rgba(122, 95, 168, 0.16);
  }

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

  .page-privacy .privacy-section-head h2 {
    font-size: 32px;
  }

  .page-privacy .privacy-card-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-privacy .privacy-purpose-list {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .page-privacy .privacy-rights-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .page-privacy .privacy-contact-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .page-privacy .privacy-contact-item--wide {
    grid-column: 1 / -1;
  }
}