.page-privacy {
  --privacy-reading: clamp(16.5px, 1.5vw, 18px);
  --privacy-reading-lh: 1.95;
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero {
  padding-top: clamp(20px, 3.5vw, 44px);
}

.page-privacy .privacy-hero__inner {
  display: grid;
  gap: 18px;
  max-width: 900px;
}

.page-privacy .privacy-hero__title {
  margin: 0;
  max-width: 15ch;
}

.page-privacy .privacy-hero__lede {
  margin: 0;
  max-width: 60ch;
  font-size: var(--privacy-reading);
  line-height: var(--privacy-reading-lh);
}

.page-privacy .privacy-hero__note {
  margin: 0;
  color: var(--k8-mist);
  font-size: 13px;
  letter-spacing: 0.06em;
}

/* ---------- 信息流 ---------- */
.page-privacy .privacy-flow__title {
  margin: 0 0 4px;
  font-size: clamp(18px, 2.1vw, 23px);
  font-weight: 800;
  color: var(--k8-ice);
}

.page-privacy .privacy-flow__scroll {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
  -webkit-overflow-scrolling: touch;
}

.page-privacy .privacy-flow__track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 580px;
  gap: 10px;
  padding: 40px 0 8px;
}

.page-privacy .privacy-flow__track::before {
  content: "";
  position: absolute;
  top: 48px;
  left: 44px;
  right: 44px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--k8-line) 0%, var(--k8-blue) 55%, var(--k8-green) 100%);
  pointer-events: none;
}

.page-privacy .privacy-flow__node {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0 4px;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.page-privacy .privacy-flow__dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--k8-steel);
  border: 2px solid var(--k8-blue);
  box-shadow: 0 0 0 8px var(--k8-black);
  transition: transform 200ms ease, border-color 200ms ease, background-color 200ms ease;
}

.page-privacy .privacy-flow__node:last-child .privacy-flow__dot {
  border-color: var(--k8-green);
  background: rgba(79, 240, 165, 0.18);
}

.page-privacy .privacy-flow__node:hover .privacy-flow__dot,
.page-privacy .privacy-flow__node:focus-visible .privacy-flow__dot {
  transform: scale(1.18);
  border-color: var(--k8-green);
}

.page-privacy .privacy-flow__node:focus-visible {
  outline: 2px solid var(--k8-green);
  outline-offset: 6px;
  border-radius: var(--k8-r-sm);
}

.page-privacy .privacy-flow__label {
  font-size: 15px;
  font-weight: 700;
  color: var(--k8-ice);
  letter-spacing: 0.02em;
}

.page-privacy .privacy-flow__hint {
  font-size: 12.5px;
  color: var(--k8-mist);
  letter-spacing: 0.06em;
}

/* ---------- 示意图 ---------- */
.page-privacy .privacy-figure {
  margin: 0;
  display: grid;
  gap: 12px;
}

.page-privacy .privacy-figure__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: var(--k8-r-lg);
  border: 1px solid var(--k8-line);
  background: linear-gradient(135deg, var(--k8-steel), var(--k8-indigo));
  object-fit: cover;
}

.page-privacy .privacy-figure__cap {
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--k8-mist);
  letter-spacing: 0.04em;
  max-width: 78ch;
}

/* ---------- 条目说明 ---------- */
.page-privacy .privacy-detail__inner {
  display: grid;
  gap: 0;
  max-width: 920px;
}

.page-privacy .privacy-item {
  display: grid;
  gap: 16px;
  padding: clamp(26px, 4vw, 42px) 0;
  border-top: 1px solid var(--k8-line);
  scroll-margin-top: 150px;
}

.page-privacy .privacy-item:first-child {
  border-top: none;
  padding-top: 0;
}

.page-privacy .privacy-item__head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
}

.page-privacy .privacy-item__num {
  font-family: var(--k8-mono);
  font-size: 14px;
  letter-spacing: 0.08em;
  color: var(--k8-green);
  font-variant-numeric: tabular-nums;
  transition: color 300ms ease;
}

.page-privacy .privacy-item__title {
  margin: 0;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.3;
  transition: color 300ms ease;
}

.page-privacy .privacy-item:target .privacy-item__num {
  color: var(--k8-orange);
}

.page-privacy .privacy-item:target .privacy-item__title {
  color: var(--k8-green);
}

.page-privacy .privacy-item__body {
  display: grid;
  gap: 16px;
  font-size: var(--privacy-reading);
  line-height: var(--privacy-reading-lh);
  color: var(--k8-ice);
}

.page-privacy .privacy-item__body p {
  margin: 0;
  max-width: 62ch;
}

.page-privacy .privacy-item__aside {
  color: var(--k8-mist);
  font-size: 14px;
  line-height: 1.8;
  border-left: 2px solid var(--k8-line);
  padding-left: 14px;
}

/* ---------- 条目列表 ---------- */
.page-privacy .privacy-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.page-privacy .privacy-list > li {
  position: relative;
  padding-left: 26px;
  max-width: 62ch;
}

.page-privacy .privacy-list > li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0.72em;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: var(--k8-blue);
}

.page-privacy .privacy-list--plain > li::before {
  background: var(--k8-green);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 0.82em;
  left: 4px;
}

.page-privacy .privacy-list strong {
  color: var(--k8-ice);
  font-weight: 700;
}

/* ---------- 期限标签 ---------- */
.page-privacy .privacy-chip {
  display: inline-block;
  vertical-align: 2px;
  margin-left: 8px;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(255, 122, 47, 0.14);
  border: 1px solid rgba(255, 122, 47, 0.42);
  color: var(--k8-orange);
  font-family: var(--k8-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* ---------- 延伸入口 ---------- */
.page-privacy .privacy-related__title {
  margin: 0 0 18px;
  font-size: clamp(19px, 2.2vw, 24px);
  font-weight: 800;
}

.page-privacy .privacy-related__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--k8-gap);
}

.page-privacy .privacy-related__card {
  display: grid;
  gap: 8px;
  text-decoration: none;
  transition: border-color 200ms ease, transform 200ms ease;
}

.page-privacy .privacy-related__card:hover,
.page-privacy .privacy-related__card:focus-visible {
  border-color: var(--k8-blue);
  transform: translateY(-2px);
}

.page-privacy .privacy-related__card .k8-card__title {
  font-size: 19px;
  font-weight: 800;
  color: var(--k8-ice);
}

.page-privacy .privacy-related__card .k8-card__meta {
  font-size: 13.5px;
  color: var(--k8-mist);
  line-height: 1.7;
}

/* ---------- 宽屏 ---------- */
@media (min-width: 720px) {
  .page-privacy .privacy-hero__inner {
    gap: 24px;
  }

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

  .page-privacy .privacy-item {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}

@media (min-width: 1024px) {
  .page-privacy .privacy-hero__inner {
    gap: 28px;
  }

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

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-flow__dot,
  .page-privacy .privacy-related__card,
  .page-privacy .privacy-item__num,
  .page-privacy .privacy-item__title {
    transition: none;
  }

  .page-privacy .privacy-related__card:hover,
  .page-privacy .privacy-related__card:focus-visible {
    transform: none;
  }
}
<<<END>>>


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

  <nav class="k8-crumbs" aria-label="面包屑">
    <div class="k8-wrap">
      <ol class="k8-crumbs__list">
        <li class="k8-crumbs__item"><a href="/">首页</a></li>
        <li class="k8-crumbs__item"><span aria-current="page">隐私保护</span></li>
      </ol>
    </div>
  </nav>

  <section class="k8-section privacy-hero">
    <div class="k8-wrap privacy-hero__inner">
      <span class="k8-eyebrow">账号与观赛信息</span>
      <h1 class="k8-h1 privacy-hero__title">你的账号和观赛记录，会被这样处理</h1>
      <p class="k8-lede privacy-hero__lede">换了新手机还能接着看周末两场，登录状态在多台设备之间来回切换也不掉线——这些体验背后，离不开账号、设备与观赛记录三样东西。这一页把它们的用途、留存时间和你手上的选择一次讲清楚。</p>
      <p class="privacy-hero__note">如处理方式有调整，页面顶部的版本标记会同步刷新。</p>
    </div>
  </section>

  <section class="k8-section privacy-flow">
    <div class="k8-wrap">
      <h2 class="k8-h3 privacy-flow__title">信息从登录到保存，经过哪些环节</h2>
      <div class="privacy-flow__scroll">
        <div class="privacy-flow__track">
          <a class="privacy-flow__node" href="#p-info">
            <span class="privacy-flow__dot" aria-hidden="true"></span>
            <span class="privacy-flow__label">登录</span>
            <span class="privacy-flow__hint">账号标识</span>
          </a>
          <a class="privacy-flow__node" href="#p-use">
            <span class="privacy-flow__dot" aria-hidden="true"></span>
            <span class="privacy-flow__label">衔接</span>
            <span class="privacy-flow__hint">换机接看</span>
          </a>
          <a class="privacy-flow__node" href="#p-keep">
            <span class="privacy-flow__dot" aria-hidden="true"></span>
            <span class="privacy-flow__label">保存</span>
            <span class="privacy-flow__hint">时限判断</span>
          </a>
          <a class="privacy-flow__node" href="#p-manage">
            <span class="privacy-flow__dot" aria-hidden="true"></span>
            <span class="privacy-flow__label">你来决定</span>
            <span class="privacy-flow__hint">查看与删除</span>
          </a>
        </div>
      </div>
    </div>
  </section>

  <section class="k8-section privacy-visual">
    <div class="k8-wrap">
      <figure class="privacy-figure">
        <img class="privacy-figure__img" src="{zhanqunpic:h:640w:1200}" width="1200" height="640" alt="从登录到保存的信息流向抽象示意图" loading="lazy" decoding="async">
        <figcaption class="privacy-figure__cap">登录状态、设备衔接与观赛记录共用同一条账号主线；记录只在账号有效期内参与接续。</figcaption>
      </figure>
    </div>
  </section>

  <section class="k8-section privacy-detail">
    <div class="k8-wrap privacy-detail__inner">

      <article class="privacy-item" id="p-info" data-reveal>
        <header class="privacy-item__head">
          <span class="privacy-item__num">01</span>
          <h2 class="k8-h2 privacy-item__title">我们处理哪些信息</h2>
        </header>
        <div class="privacy-item__body">
          <p>这些信息都产生在你实际用到的功能里，没有一项是为了别的目的额外收集的。</p>
          <ul class="privacy-list">
            <li><strong>账号标识</strong>：注册或登录时使用的手机号、邮箱这类能认出账号的信息，用于确认操作来自账号持有人本人。</li>
            <li><strong>登录状态</strong>：登录时间与最近活跃时间，用来判断你是否还在登录状态，减少一场接一场看球时反复输入账号。</li>
            <li><strong>设备信息</strong>：设备类型、系统版本与浏览器类型，用来判断换机之后能不能直接接着看。</li>
            <li><strong>观赛记录</strong>：看过哪些场次、看到哪一段、最近打开过哪几个栏目，用于回到上次停下的位置。</li>
          </ul>
        </div>
      </article>

      <article class="privacy-item" id="p-use" data-reveal>
        <header class="privacy-item__head">
          <span class="privacy-item__num">02</span>
          <h2 class="k8-h2 privacy-item__title">信息会被用在哪些地方</h2>
        </header>
        <div class="privacy-item__body">
          <p>你留下的每类信息，只服务于下面这几件事。</p>
          <ul class="privacy-list">
            <li><strong>维持登录</strong>：一场看完直接进下一场，不必每次重新输入账号。</li>
            <li><strong>衔接设备</strong>：换成新设备登录同一账号，正在进行的比赛与当轮前瞻接着上次的位置。</li>
            <li><strong>同步进度</strong>：周末连着看两场时，切到第二场，第一场的观看位置仍然保留，随时切回去继续。</li>
            <li><strong>调整页面</strong>：了解哪些栏目在比赛日打开得更多，据此调整入口顺序与刷新节奏，让常看的内容更容易找到。</li>
          </ul>
        </div>
      </article>

      <article class="privacy-item" id="p-keep" data-reveal>
        <header class="privacy-item__head">
          <span class="privacy-item__num">03</span>
          <h2 class="k8-h2 privacy-item__title">各类信息保留多久</h2>
        </header>
        <div class="privacy-item__body">
          <p>用途不同，保留时间也不一样。</p>
          <ul class="privacy-list privacy-list--plain">
            <li><strong>登录状态</strong>：从最后一次登录算起，长时间不再使用会自动过期，届时重新登录一次即可。<span class="privacy-chip">长期未用自动过期</span></li>
            <li><strong>观赛记录</strong>：保留最近一段时间内的场次与进度，更早的记录会自然滚出。<span class="privacy-chip">滚动保留</span></li>
            <li><strong>设备衔接信息</strong>：在账号仍然有效的期间保留，用于换机时接续观看。<span class="privacy-chip">随账号有效</span></li>
            <li><strong>账号注销之后</strong>：与账号绑定的登录状态和观赛记录会被删除或做匿名化处理，不再参与衔接。<span class="privacy-chip">注销后清除</span></li>
          </ul>
        </div>
      </article>

      <article class="privacy-item" id="p-manage" data-reveal>
        <header class="privacy-item__head">
          <span class="privacy-item__num">04</span>
          <h2 class="k8-h2 privacy-item__title">你可以查看、更正或删除</h2>
        </header>
        <div class="privacy-item__body">
          <p>想对自己的账号做点什么，发信到客服邮箱 contact@k8-live.com.cn，写清账号与具体请求就行。客服工作日 9:00-18:00 回复，赛事期间优先处理登录与观赛问题。</p>
          <ul class="privacy-list">
            <li><strong>查看</strong>：想确认账号下保存了哪些登录记录和设备信息。</li>
            <li><strong>更正</strong>：账号标识填错了，或者换了主力设备，需要重新登记。</li>
            <li><strong>删除</strong>：清掉某一段观赛记录，或者把全部记录一起清掉。</li>
            <li><strong>注销</strong>：决定不再使用这个账号，连同绑定的记录一起处理。</li>
          </ul>
          <p class="privacy-item__aside">涉及账号安全的请求，会先确认一次持有人身份，再执行操作。</p>
        </div>
      </article>

      <article class="privacy-item" id="p-update" data-reveal>
        <header class="privacy-item__head">
          <span class="privacy-item__num">05</span>
          <h2 class="k8-h2 privacy-item__title">版本标记与更新</h2>
        </header>
        <div class="privacy-item__body">
          <p>处理方式发生调整时，这一页会同步改写，并在页面顶部刷新版本标记。</p>
          <ul class="privacy-list">
            <li>版本标记随每次调整更新，方便你判断读到的是不是当前生效的一版。</li>
            <li>新增或调整的信息类型，会在上面第二条到第四条里对应体现，不会另起一套说法。</li>
            <li>对更新内容有疑问，同样可以发信到 contact@k8-live.com.cn 询问。</li>
          </ul>
        </div>
      </article>

    </div>
  </section>

  <section class="k8-section privacy-related">
    <div class="k8-wrap">
      <h2 class="k8-h3 privacy-related__title">还想再看一眼</h2>
      <div class="privacy-related__grid">
        <a class="k8-card k8-card--quiet privacy-related__card" href="/agreement/">
          <span class="k8-card__top"><span class="k8-tag">账号使用</span></span>
          <span class="k8-card__title">用户协议</span>
          <span class="k8-card__meta">账号怎么用，内容怎么引用</span>
        </a>
        <a class="k8-card k8-card--quiet privacy-related__card" href="/find-us/">
          <span class="k8-card__top"><span class="k8-tag">联系</span></span>
          <span class="k8-card__title">找到我们</span>
          <span class="k8-card__meta">客服邮箱、服务热线与办公地址</span>
        </a>
      </div>
    </div>
  </section>

</main>

.page-privacy {
  --privacy-reading: clamp(16.5px, 1.5vw, 18px);
  --privacy-reading-lh: 1.95;
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero {
  padding-top: clamp(20px, 3.5vw, 44px);
}

.page-privacy .privacy-hero__inner {
  display: grid;
  gap: 18px;
  max-width: 900px;
}

.page-privacy .privacy-hero__title {
  margin: 0;
  max-width: 15ch;
}

.page-privacy .privacy-hero__lede {
  margin: 0;
  max-width: 60ch;
  font-size: var(--privacy-reading);
  line-height: var(--privacy-reading-lh);
}

.page-privacy .privacy-hero__note {
  margin: 0;
  color: var(--k8-mist);
  font-size: 13px;
  letter-spacing: 0.06em;
}

/* ---------- 信息流 ---------- */
.page-privacy .privacy-flow__title {
  margin: 0 0 4px;
  font-size: clamp(18px, 2.1vw, 23px);
  font-weight: 800;
  color: var(--k8-ice);
}

.page-privacy .privacy-flow__scroll {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
  -webkit-overflow-scrolling: touch;
}

.page-privacy .privacy-flow__track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 580px;
  gap: 10px;
  padding: 40px 0 8px;
}

.page-privacy .privacy-flow__track::before {
  content: "";
  position: absolute;
  top: 48px;
  left: 44px;
  right: 44px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--k8-line) 0%, var(--k8-blue) 55%, var(--k8-green) 100%);
  pointer-events: none;
}

.page-privacy .privacy-flow__node {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0 4px;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.page-privacy .privacy-flow__dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--k8-steel);
  border: 2px solid var(--k8-blue);
  box-shadow: 0 0 0 8px var(--k8-black);
  transition: transform 200ms ease, border-color 200ms ease, background-color 200ms ease;
}

.page-privacy .privacy-flow__node:last-child .privacy-flow__dot {
  border-color: var(--k8-green);
  background: rgba(79, 240, 165, 0.18);
}

.page-privacy .privacy-flow__node:hover .privacy-flow__dot,
.page-privacy .privacy-flow__node:focus-visible .privacy-flow__dot {
  transform: scale(1.18);
  border-color: var(--k8-green);
}

.page-privacy .privacy-flow__node:focus-visible {
  outline: 2px solid var(--k8-green);
  outline-offset: 6px;
  border-radius: var(--k8-r-sm);
}

.page-privacy .privacy-flow__label {
  font-size: 15px;
  font-weight: 700;
  color: var(--k8-ice);
  letter-spacing: 0.02em;
}

.page-privacy .privacy-flow__hint {
  font-size: 12.5px;
  color: var(--k8-mist);
  letter-spacing: 0.06em;
}

/* ---------- 示意图 ---------- */
.page-privacy .privacy-figure {
  margin: 0;
  display: grid;
  gap: 12px;
}

.page-privacy .privacy-figure__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: var(--k8-r-lg);
  border: 1px solid var(--k8-line);
  background: linear-gradient(135deg, var(--k8-steel), var(--k8-indigo));
  object-fit: cover;
}

.page-privacy .privacy-figure__cap {
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--k8-mist);
  letter-spacing: 0.04em;
  max-width: 78ch;
}

/* ---------- 条目说明 ---------- */
.page-privacy .privacy-detail__inner {
  display: grid;
  gap: 0;
  max-width: 920px;
}

.page-privacy .privacy-item {
  display: grid;
  gap: 16px;
  padding: clamp(26px, 4vw, 42px) 0;
  border-top: 1px solid var(--k8-line);
  scroll-margin-top: 150px;
}

.page-privacy .privacy-item:first-child {
  border-top: none;
  padding-top: 0;
}

.page-privacy .privacy-item__head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
}

.page-privacy .privacy-item__num {
  font-family: var(--k8-mono);
  font-size: 14px;
  letter-spacing: 0.08em;
  color: var(--k8-green);
  font-variant-numeric: tabular-nums;
  transition: color 300ms ease;
}

.page-privacy .privacy-item__title {
  margin: 0;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.3;
  transition: color 300ms ease;
}

.page-privacy .privacy-item:target .privacy-item__num {
  color: var(--k8-orange);
}

.page-privacy .privacy-item:target .privacy-item__title {
  color: var(--k8-green);
}

.page-privacy .privacy-item__body {
  display: grid;
  gap: 16px;
  font-size: var(--privacy-reading);
  line-height: var(--privacy-reading-lh);
  color: var(--k8-ice);
}

.page-privacy .privacy-item__body p {
  margin: 0;
  max-width: 62ch;
}

.page-privacy .privacy-item__aside {
  color: var(--k8-mist);
  font-size: 14px;
  line-height: 1.8;
  border-left: 2px solid var(--k8-line);
  padding-left: 14px;
}

/* ---------- 条目列表 ---------- */
.page-privacy .privacy-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.page-privacy .privacy-list > li {
  position: relative;
  padding-left: 26px;
  max-width: 62ch;
}

.page-privacy .privacy-list > li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0.72em;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: var(--k8-blue);
}

.page-privacy .privacy-list--plain > li::before {
  background: var(--k8-green);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 0.82em;
  left: 4px;
}

.page-privacy .privacy-list strong {
  color: var(--k8-ice);
  font-weight: 700;
}

/* ---------- 期限标签 ---------- */
.page-privacy .privacy-chip {
  display: inline-block;
  vertical-align: 2px;
  margin-left: 8px;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(255, 122, 47, 0.14);
  border: 1px solid rgba(255, 122, 47, 0.42);
  color: var(--k8-orange);
  font-family: var(--k8-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* ---------- 延伸入口 ---------- */
.page-privacy .privacy-related__title {
  margin: 0 0 18px;
  font-size: clamp(19px, 2.2vw, 24px);
  font-weight: 800;
}

.page-privacy .privacy-related__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--k8-gap);
}

.page-privacy .privacy-related__card {
  display: grid;
  gap: 8px;
  text-decoration: none;
  transition: border-color 200ms ease, transform 200ms ease;
}

.page-privacy .privacy-related__card:hover,
.page-privacy .privacy-related__card:focus-visible {
  border-color: var(--k8-blue);
  transform: translateY(-2px);
}

.page-privacy .privacy-related__card .k8-card__title {
  font-size: 19px;
  font-weight: 800;
  color: var(--k8-ice);
}

.page-privacy .privacy-related__card .k8-card__meta {
  font-size: 13.5px;
  color: var(--k8-mist);
  line-height: 1.7;
}

/* ---------- 宽屏 ---------- */
@media (min-width: 720px) {
  .page-privacy .privacy-hero__inner {
    gap: 24px;
  }

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

  .page-privacy .privacy-item {
    gap: 20px;
  }
}

@media (min-width: 1024px) {
  .page-privacy .privacy-hero__inner {
    gap: 28px;
  }

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

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-flow__dot,
  .page-privacy .privacy-related__card,
  .page-privacy .privacy-item__num,
  .page-privacy .privacy-item__title {
    transition: none;
  }

  .page-privacy .privacy-related__card:hover,
  .page-privacy .privacy-related__card:focus-visible {
    transform: none;
  }
}