.page-privacy {
  --privacy-rail: 264px;
  --privacy-gap: clamp(24px, 3.6vw, 56px);
  --privacy-hair: 1px solid var(--line);
  background: var(--ink);
  color: var(--white);
}

.page-privacy .privacy-masthead {
  padding: 16px 0;
  border-bottom: var(--privacy-hair);
  background: var(--ink);
}

.page-privacy .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: var(--font-condensed);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-privacy .breadcrumb-link {
  color: var(--cool);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color var(--ease), border-color var(--ease);
}

.page-privacy .breadcrumb-link:hover,
.page-privacy .breadcrumb-link:focus-visible {
  color: var(--cyan);
  border-bottom-color: var(--cyan);
}

.page-privacy .breadcrumb-sep {
  color: var(--line);
}

.page-privacy .breadcrumb-current {
  color: var(--white);
}

.page-privacy .privacy-hero {
  position: relative;
  overflow: hidden;
  padding-top: clamp(36px, 5.4vw, 76px);
  padding-bottom: clamp(32px, 4.4vw, 60px);
  border-bottom: var(--privacy-hair);
  background:
    linear-gradient(180deg, rgba(8, 56, 60, .55), rgba(10, 20, 32, 0) 68%),
    var(--ink);
}

.page-privacy .privacy-hero::after {
  content: "";
  position: absolute;
  inset: auto -12% -46% 42%;
  height: 340px;
  background: repeating-linear-gradient(115deg, rgba(72, 242, 255, .12) 0 1px, transparent 1px 26px);
  pointer-events: none;
}

.page-privacy .privacy-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(26px, 3.4vw, 48px);
}

.page-privacy .privacy-hero-copy .kicker {
  margin: 0 0 14px;
}

.page-privacy .privacy-hero-copy .display {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: clamp(29px, 3.6vw, 50px);
  line-height: 1.22;
  letter-spacing: .02em;
  color: var(--white);
}

.page-privacy .privacy-hero-copy .lede {
  margin: 18px 0 0;
  max-width: 56ch;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.85;
  color: var(--cool);
}

.page-privacy .privacy-stamp {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 26px 0 0;
  padding: 18px 0 0;
  border-top: var(--privacy-hair);
}

.page-privacy .privacy-stamp > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.page-privacy .privacy-stamp dt {
  font-family: var(--font-condensed);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-privacy .privacy-stamp dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.6;
  color: var(--cyan);
  overflow-wrap: anywhere;
}

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

.page-privacy .privacy-hero-figure .img-frame img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

.page-privacy .privacy-hero-figure .img-caption {
  margin-top: 12px;
  padding-left: 10px;
  border-left: 2px solid var(--line);
  font-size: 12.5px;
  line-height: 1.7;
  letter-spacing: .03em;
  color: var(--muted);
}

.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--privacy-gap);
  padding-top: clamp(34px, 4.6vw, 68px);
  padding-bottom: clamp(50px, 6vw, 88px);
}

.page-privacy .privacy-aside {
  display: grid;
  gap: 18px;
  align-content: start;
  min-width: 0;
}

.page-privacy .privacy-toc {
  padding: 16px 16px 10px;
  background: var(--panel);
  border: var(--privacy-hair);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

.page-privacy .privacy-toc-title {
  margin: 0 0 10px;
  font-family: var(--font-condensed);
  font-size: 12px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--orange);
}

.page-privacy .privacy-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-privacy .privacy-toc-link {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 6px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--cool);
  text-decoration: none;
  border-bottom: 1px solid rgba(43, 60, 78, .6);
  transition: color var(--ease), background var(--ease);
}

.page-privacy .privacy-toc-list li:last-child .privacy-toc-link {
  border-bottom: 0;
}

.page-privacy .privacy-toc-link:hover {
  color: var(--white);
  background: rgba(72, 242, 255, .07);
}

.page-privacy .privacy-toc-link:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 1px;
  color: var(--white);
}

.page-privacy .privacy-toc-num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--cyan);
}

.page-privacy .privacy-aide {
  padding: 16px;
  background: var(--archive);
  border: var(--privacy-hair);
}

.page-privacy .privacy-aide-title {
  margin: 0 0 8px;
  font-family: var(--font-condensed);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--white);
}

.page-privacy .privacy-aide p {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.75;
  color: var(--cool);
}

.page-privacy .privacy-aide-btn {
  display: inline-flex;
  font-size: 12px;
}

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

.page-privacy .clause {
  padding-bottom: clamp(24px, 3vw, 38px);
  margin-bottom: clamp(24px, 3vw, 38px);
  border-bottom: var(--privacy-hair);
  scroll-margin-top: 96px;
}

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

.page-privacy .clause:target .clause-title {
  color: var(--cyan);
}

.page-privacy .clause-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 14px;
}

.page-privacy .clause-num {
  flex: none;
  padding: 2px 7px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--cyan);
  border: 1px solid rgba(72, 242, 255, .45);
}

.page-privacy .clause-title {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: clamp(20px, 2.3vw, 27px);
  line-height: 1.4;
  letter-spacing: .02em;
  color: var(--white);
}

.page-privacy .clause p {
  max-width: 68ch;
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.9;
  color: var(--cool);
}

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

.page-privacy .clause strong {
  color: var(--white);
  font-weight: 600;
}

.page-privacy .text-link {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(72, 242, 255, .4);
  transition: border-color var(--ease), color var(--ease);
}

.page-privacy .text-link:hover,
.page-privacy .text-link:focus-visible {
  border-bottom-color: var(--cyan);
  outline: none;
}

.page-privacy .fact-list {
  list-style: none;
  display: grid;
  gap: 1px;
  margin: 18px 0 16px;
  padding: 0;
  background: var(--line);
  border: var(--privacy-hair);
}

.page-privacy .fact-list li {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  background: var(--ink);
}

.page-privacy .fact-key {
  font-family: var(--font-condensed);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cyan);
}

.page-privacy .fact-list li > span:last-child {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--cool);
}

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

.page-privacy .use-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 16px;
  background: var(--panel);
  border-left: 2px solid var(--line);
  transition: border-color var(--ease);
}

.page-privacy .use-item:hover {
  border-left-color: var(--cyan);
}

.page-privacy .use-num {
  padding-top: 2px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--orange);
}

.page-privacy .use-item h3 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--white);
}

.page-privacy .clause .use-item p {
  max-width: none;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}

.page-privacy .rights-panel {
  display: grid;
  gap: 14px;
  margin: 18px 0 16px;
  padding: 18px 18px 18px 20px;
  background: rgba(72, 242, 255, .06);
  border-left: 3px solid var(--cyan);
}

.page-privacy .right-item {
  display: grid;
  gap: 4px;
}

.page-privacy .right-item h3 {
  margin: 0;
  font-family: var(--font-condensed);
  font-size: 13px;
  letter-spacing: .14em;
  color: var(--cyan);
}

.page-privacy .clause .right-item p {
  max-width: none;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}

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

.page-privacy .dataflow-svg {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  background: var(--panel);
  border: var(--privacy-hair);
}

.page-privacy .df-node {
  fill: var(--ink);
  stroke: var(--line);
  stroke-width: 1;
}

.page-privacy .df-node--hub {
  fill: var(--deep);
  stroke: var(--cyan);
  stroke-width: 1.5;
}

.page-privacy .df-label {
  font-family: var(--font-sans);
  font-size: 12.5px;
  fill: var(--white);
}

.page-privacy .df-sub {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .06em;
  fill: var(--muted);
}

.page-privacy .df-link {
  fill: none;
  stroke: var(--cyan);
  stroke-width: 1.6;
  stroke-opacity: .75;
}

.page-privacy .df-link--warn {
  stroke: var(--orange);
  stroke-opacity: .85;
}

.page-privacy .dataflow figcaption {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: .02em;
  color: var(--muted);
}

@media (min-width: 620px) {
  .page-privacy .privacy-stamp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-privacy .fact-list li {
    grid-template-columns: 148px minmax(0, 1fr);
    gap: 18px;
    align-items: baseline;
  }
}

@media (min-width: 940px) {
  .page-privacy .privacy-hero-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: start;
  }
}

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

  .page-privacy .privacy-aside {
    position: sticky;
    top: 88px;
  }

  .page-privacy .fact-list li {
    grid-template-columns: 172px minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .breadcrumb-link,
  .page-privacy .privacy-toc-link,
  .page-privacy .use-item,
  .page-privacy .text-link {
    transition: none;
  }
}


<main id="main-content" class="page-privacy">
  <div class="privacy-masthead">
    <div class="shell">
      <nav class="breadcrumbs" aria-label="面包屑导航">
        <a class="breadcrumb-link" href="/">联赛总台</a>
        <span class="breadcrumb-sep" aria-hidden="true">/</span>
        <span class="breadcrumb-current" aria-current="page">隐私中心</span>
      </nav>
    </div>
  </div>

  <section class="privacy-hero" aria-labelledby="privacy-title">
    <div class="shell privacy-hero-grid">
      <div class="privacy-hero-copy">
        <p class="kicker">隐私中心</p>
        <h1 class="display" id="privacy-title">你的邮箱、关注列表与使用记录，在 K1体育入口是这样保管的</h1>
        <p class="lede">订阅提醒只发给标了重点场次的人，球队关注只影响你打开档案时看到的顺序。下面把收到的信息、各自的去处、保存的方式，以及你随时能要求我们做的事，一条一条写清楚。</p>
        <dl class="privacy-stamp">
          <div><dt>适用端</dt><dd>网页端 · iOS 1.2</dd></div>
          <div><dt>最近更新</dt><dd>2025 赛季</dd></div>
          <div><dt>咨询邮箱</dt><dd>contact@k1-league-switch.com.cn</dd></div>
        </dl>
      </div>
      <figure class="privacy-hero-figure">
        <div class="img-frame img-frame--cut img-frame--hero">
          <img src="{zhanqunpic:h:600w:1200}" width="1200" height="600" alt="深空蓝底上邮箱、关注列表与访问日志三类节点以荧光青连线汇入订阅提醒与安全审计路径的抽象数据流示意">
        </div>
        <figcaption class="img-caption">邮箱负责把提醒送到你手上，关注列表决定提醒的内容，访问记录只用于体验优化与安全排查。</figcaption>
      </figure>
    </div>
  </section>

  <div class="shell privacy-layout">
    <aside class="privacy-aside" aria-label="条款索引与帮助入口">
      <nav class="privacy-toc" aria-label="条款索引">
        <p class="privacy-toc-title">条款索引</p>
        <ol class="privacy-toc-list">
          <li><a class="privacy-toc-link" href="#clause-collect"><span class="privacy-toc-num">01</span><span>订阅与关注留下哪些信息</span></a></li>
          <li><a class="privacy-toc-link" href="#clause-use"><span class="privacy-toc-num">02</span><span>这些信息被用来做什么</span></a></li>
          <li><a class="privacy-toc-link" href="#clause-cookie"><span class="privacy-toc-num">03</span><span>Cookie 与访问日志</span></a></li>
          <li><a class="privacy-toc-link" href="#clause-share"><span class="privacy-toc-num">04</span><span>谁会接触到，保存多久</span></a></li>
          <li><a class="privacy-toc-link" href="#clause-rights"><span class="privacy-toc-num">05</span><span>你随时可以要求的几件事</span></a></li>
          <li><a class="privacy-toc-link" href="#clause-update"><span class="privacy-toc-num">06</span><span>政策更新与联系渠道</span></a></li>
        </ol>
      </nav>
      <div class="privacy-aide">
        <p class="privacy-aide-title">需要人工处理？</p>
        <p>查记录、改邮箱、退出订阅，写一封邮件说明账号邮箱即可，不必走复杂流程。</p>
        <a class="btn btn--ghost privacy-aide-btn" href="/contact-us/">前往联络页</a>
      </div>
    </aside>

    <div class="privacy-body">
      <article class="clause" id="clause-collect">
        <header class="clause-head">
          <span class="clause-num" aria-hidden="true">01</span>
          <h2 class="clause-title">订阅与关注留下哪些信息</h2>
        </header>
        <p>设置重点场次提醒时，你交给我们的只有邮箱和你勾选的关注项；浏览页面时，系统会记下你打开过哪些栏目。<strong>两类信息分开存放，各自只走各自的流程。</strong></p>
        <ul class="fact-list">
          <li><span class="fact-key">联系邮箱</span><span>用来接收重点场次提醒和订阅确认，也是你找回关注列表时的身份凭据。</span></li>
          <li><span class="fact-key">关注列表</span><span>你标记的球队、所属联赛，以及重点场次类型——争冠对话、保级关键战、同城德比、转会窗口截止日与杯赛淘汰赛。</span></li>
          <li><span class="fact-key">浏览偏好</span><span>最近访问的 3 个联赛与深色数据台界面选择，用于你下次打开时直接回到原来的位置。</span></li>
          <li><span class="fact-key">设备与日志</span><span>浏览器类型、访问时间、请求地址等排查异常时需要的记录，不包含精确地理位置。</span></li>
          <li><span class="fact-key">不涉及的部分</span><span>银行卡号、支付凭证、身份证件号码，以及任何用于交易的账户资料。</span></li>
        </ul>
        <figure class="dataflow">
          <svg class="dataflow-svg" viewBox="0 0 720 210" role="img" aria-labelledby="df-title">
            <title id="df-title">联系邮箱、关注列表与访问日志分别汇入订阅提醒与安全审计两条路径</title>
            <rect class="df-node" x="8" y="10" width="126" height="48"></rect>
            <text class="df-label" x="71" y="39" text-anchor="middle">联系邮箱</text>
            <rect class="df-node" x="8" y="81" width="126" height="48"></rect>
            <text class="df-label" x="71" y="110" text-anchor="middle">关注列表</text>
            <rect class="df-node" x="8" y="152" width="126" height="48"></rect>
            <text class="df-label" x="71" y="181" text-anchor="middle">访问日志</text>
            <path class="df-link" d="M134 34 L246 62"></path>
            <path class="df-link" d="M134 105 L246 105"></path>
            <path class="df-link" d="M134 176 L246 148"></path>
            <rect class="df-node df-node--hub" x="246" y="30" width="168" height="150"></rect>
            <text class="df-label" x="330" y="98" text-anchor="middle">订阅与安全</text>
            <text class="df-label" x="330" y="118" text-anchor="middle">处理环节</text>
            <text class="df-sub" x="330" y="140" text-anchor="middle">按用途分流</text>
            <path class="df-link" d="M414 78 L520 78"></path>
            <path class="df-link df-link--warn" d="M414 132 L520 132"></path>
            <rect class="df-node" x="520" y="54" width="180" height="48"></rect>
            <text class="df-label" x="610" y="83" text-anchor="middle">重点场次提醒投递</text>
            <rect class="df-node" x="520" y="108" width="180" height="48"></rect>
            <text class="df-label" x="610" y="137" text-anchor="middle">异常请求排查</text>
          </svg>
          <figcaption>同一条信息不会跨用途流转：提醒走提醒的通道，安全排查只读取必要的日志片段。</figcaption>
        </figure>
      </article>

      <article class="clause" id="clause-use">
        <header class="clause-head">
          <span class="clause-num" aria-hidden="true">02</span>
          <h2 class="clause-title">这些信息被用来做什么</h2>
        </header>
        <p>用途只有四件具体的事：把对的提醒发给对的人、让你更快回到关心的球队、把产品改到顺手的地方，以及拦住异常访问。</p>
        <ul class="use-list">
          <li class="use-item">
            <span class="use-num">A</span>
            <div>
              <h3>重点场次提醒</h3>
              <p>按你在关注列表里标记的球队与场次类型发送，争冠对话、保级关键战、同城德比、转会窗口截止日与杯赛淘汰赛各有独立开关，未勾选的类型不会打扰你。</p>
            </div>
          </li>
          <li class="use-item">
            <span class="use-num">B</span>
            <div>
              <h3>联赛切换与档案呈现</h3>
              <p>记住最近访问的 3 个联赛，回到页面时直接续上；在 486 支球队、12 个赛季分区的档案里，优先展示你关注的球队。</p>
            </div>
          </li>
          <li class="use-item">
            <span class="use-num">C</span>
            <div>
              <h3>产品优化</h3>
              <p>以汇总形式了解哪些栏目被反复打开，决定下一版网页端和 iOS 先调整哪里，例如栏目对照的排列顺序与赛季分区的展开方式。</p>
            </div>
          </li>
          <li class="use-item">
            <span class="use-num">D</span>
            <div>
              <h3>安全审计</h3>
              <p>识别短时间内的异常请求与非常用设备登录，保护账号与关注列表不被他人接管。</p>
            </div>
          </li>
        </ul>
        <p>个人信息不会作为商品流转，也不会被交给广告投放方。提醒邮件里只有你订阅的场次内容，不夹带第三方推广信息。</p>
      </article>

      <article class="clause" id="clause-cookie">
        <header class="clause-head">
          <span class="clause-num" aria-hidden="true">03</span>
          <h2 class="clause-title">Cookie 与访问日志</h2>
        </header>
        <p>Cookie 记住你的选择，日志发现系统的异常，两者负责的事情不一样。</p>
        <ul class="fact-list">
          <li><span class="fact-key">偏好类</span><span>保存最近访问的 3 个联赛、界面模式与订阅状态，让你刷新页面后不必重新设置。</span></li>
          <li><span class="fact-key">统计类</span><span>统计栏目被打开的次数与停留时间，以汇总数字呈现，不用于识别具体是谁。</span></li>
          <li><span class="fact-key">安全类</span><span>记录登录与提交动作的技术特征，用于拦截批量请求和异常设备。</span></li>
          <li><span class="fact-key">你可以调整</span><span>主流浏览器都支持查看、删除和屏蔽 Cookie；关闭偏好类之后，联赛切换需要每次重新选择，关注列表同步也会受到影响。</span></li>
        </ul>
        <p>网页端与 iOS 1.2 版遵循同一套处理方式，移动端离线缓存会在下一次联网同步时按同样规则更新。更完整的网站内容使用规则见<a class="text-link" href="/terms/">使用条款</a>。</p>
      </article>

      <article class="clause" id="clause-share">
        <header class="clause-head">
          <span class="clause-num" aria-hidden="true">04</span>
          <h2 class="clause-title">谁会接触到，保存多久</h2>
        </header>
        <p>为了让 12 个主流联赛与 4 项杯赛的数据准时到位，部分环节需要外部协作，但协作方看到的范围被限制在完成该环节所必需的部分。</p>
        <ul class="fact-list">
          <li><span class="fact-key">数据服务商</span><span>提供联赛与球队数据源的协作方，接触的是赛事、球队与赛季资料，不接触订阅邮箱和关注列表。</span></li>
          <li><span class="fact-key">内容协作团队</span><span>撰写转会观察与阵容整理的团队，处理的是已发布内容，不读取用户记录。</span></li>
          <li><span class="fact-key">投递与运维</span><span>完成邮件发送与系统维护的服务方，仅在发送所需范围内处理邮箱地址，并受保密约定约束。</span></li>
        </ul>
        <p><strong>订阅关系存续期间</strong>保留邮箱与关注列表；<strong>退出订阅后</strong>提醒立即停止，相关记录按流程清理。安全日志为异常追溯保留一段必要周期，到期后不再用于其他用途。</p>
        <p>传输过程加密，内部按岗位分级授权，访问行为留痕可查。K1体育入口 的内容团队与客服团队各自只能看到职责范围内的信息，客服处理订阅问题时不接触完整日志。</p>
      </article>

      <article class="clause" id="clause-rights">
        <header class="clause-head">
          <span class="clause-num" aria-hidden="true">05</span>
          <h2 class="clause-title">你随时可以要求的几件事</h2>
        </header>
        <p>下面每一项都不需要额外条件，一封邮件说明即可，处理结果会回复到你的来件地址。</p>
        <div class="rights-panel">
          <div class="right-item"><h3>查看</h3><p>想知道系统里与你的邮箱相关联的关注列表与订阅设置，可以要求一份说明。</p></div>
          <div class="right-item"><h3>更正</h3><p>邮箱写错、球队选错、场次类型勾多了，随时修改，改动即时生效。</p></div>
          <div class="right-item"><h3>删除</h3><p>退出订阅之后，可以一并要求删除关注列表与提醒记录。</p></div>
          <div class="right-item"><h3>退出订阅</h3><p>每封提醒邮件底部都有退订入口；也可以直接发邮件说明，我们代为处理。</p></div>
          <div class="right-item"><h3>提出异议</h3><p>对处理方式有疑问，使用同一个邮箱提出，会由客服运营跟进答复。</p></div>
        </div>
        <p>来信请写明账号邮箱与具体诉求，发送至 contact@k1-league-switch.com.cn，工作日 9:00-18:00 内回复。发送前不妨先看看<a class="text-link" href="/questions/">问答中心</a>，联赛切换与订阅设置的问题在那里多半已有现成答案。</p>
      </article>

      <article class="clause" id="clause-update">
        <header class="clause-head">
          <span class="clause-num" aria-hidden="true">06</span>
          <h2 class="clause-title">政策更新与联系渠道</h2>
        </header>
        <p>功能调整时这份说明会同步修改：页面顶部的更新时间随之变化；涉及处理范围或用户权利的实质调整，会通过订阅邮件提前告知，让你有时间决定是否继续使用。</p>
        <ul class="fact-list">
          <li><span class="fact-key">客服邮箱</span><span>contact@k1-league-switch.com.cn，工作日 9:00-18:00 内回复。</span></li>
          <li><span class="fact-key">电话沟通</span><span>如需电话联系，请在邮件中注明方便接听的时间段，我们会安排 400-1592-7499 与你联系。</span></li>
          <li><span class="fact-key">合作与反馈</span><span>机构内容协作、数据服务咨询同样走这个邮箱，标题注明来意即可。</span></li>
        </ul>
        <p>涉及网站内容使用范围与责任划分的条款，请看<a class="text-link" href="/terms/">使用条款</a>；需要人工协助时，<a class="text-link" href="/contact-us/">联络我们</a>列出了完整的渠道与服务时间。</p>
      </article>
    </div>
  </div>
</main>

.page-privacy {
  --privacy-rail: 264px;
  --privacy-gap: clamp(24px, 3.6vw, 56px);
  --privacy-hair: 1px solid var(--line);
  background: var(--ink);
  color: var(--white);
}

.page-privacy .privacy-masthead {
  padding: 16px 0;
  border-bottom: var(--privacy-hair);
  background: var(--ink);
}

.page-privacy .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: var(--font-condensed);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-privacy .breadcrumb-link {
  color: var(--cool);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color var(--ease), border-color var(--ease);
}

.page-privacy .breadcrumb-link:hover,
.page-privacy .breadcrumb-link:focus-visible {
  color: var(--cyan);
  border-bottom-color: var(--cyan);
}

.page-privacy .breadcrumb-sep {
  color: var(--line);
}

.page-privacy .breadcrumb-current {
  color: var(--white);
}

.page-privacy .privacy-hero {
  position: relative;
  overflow: hidden;
  padding-top: clamp(36px, 5.4vw, 76px);
  padding-bottom: clamp(32px, 4.4vw, 60px);
  border-bottom: var(--privacy-hair);
  background:
    linear-gradient(180deg, rgba(8, 56, 60, .55), rgba(10, 20, 32, 0) 68%),
    var(--ink);
}

.page-privacy .privacy-hero::after {
  content: "";
  position: absolute;
  inset: auto -12% -46% 42%;
  height: 340px;
  background: repeating-linear-gradient(115deg, rgba(72, 242, 255, .12) 0 1px, transparent 1px 26px);
  pointer-events: none;
}

.page-privacy .privacy-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(26px, 3.4vw, 48px);
}

.page-privacy .privacy-hero-copy .kicker {
  margin: 0 0 14px;
}

.page-privacy .privacy-hero-copy .display {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: clamp(29px, 3.6vw, 50px);
  line-height: 1.22;
  letter-spacing: .02em;
  color: var(--white);
}

.page-privacy .privacy-hero-copy .lede {
  margin: 18px 0 0;
  max-width: 56ch;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.85;
  color: var(--cool);
}

.page-privacy .privacy-stamp {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 26px 0 0;
  padding: 18px 0 0;
  border-top: var(--privacy-hair);
}

.page-privacy .privacy-stamp > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.page-privacy .privacy-stamp dt {
  font-family: var(--font-condensed);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-privacy .privacy-stamp dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.6;
  color: var(--cyan);
  overflow-wrap: anywhere;
}

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

.page-privacy .privacy-hero-figure .img-frame img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

.page-privacy .privacy-hero-figure .img-caption {
  margin-top: 12px;
  padding-left: 10px;
  border-left: 2px solid var(--line);
  font-size: 12.5px;
  line-height: 1.7;
  letter-spacing: .03em;
  color: var(--muted);
}

.page-privacy .privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--privacy-gap);
  padding-top: clamp(34px, 4.6vw, 68px);
  padding-bottom: clamp(50px, 6vw, 88px);
}

.page-privacy .privacy-aside {
  display: grid;
  gap: 18px;
  align-content: start;
  min-width: 0;
}

.page-privacy .privacy-toc {
  padding: 16px 16px 10px;
  background: var(--panel);
  border: var(--privacy-hair);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

.page-privacy .privacy-toc-title {
  margin: 0 0 10px;
  font-family: var(--font-condensed);
  font-size: 12px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--orange);
}

.page-privacy .privacy-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-privacy .privacy-toc-link {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 6px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--cool);
  text-decoration: none;
  border-bottom: 1px solid rgba(43, 60, 78, .6);
  transition: color var(--ease), background var(--ease);
}

.page-privacy .privacy-toc-list li:last-child .privacy-toc-link {
  border-bottom: 0;
}

.page-privacy .privacy-toc-link:hover {
  color: var(--white);
  background: rgba(72, 242, 255, .07);
}

.page-privacy .privacy-toc-link:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 1px;
  color: var(--white);
}

.page-privacy .privacy-toc-num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--cyan);
}

.page-privacy .privacy-aide {
  padding: 16px;
  background: var(--archive);
  border: var(--privacy-hair);
}

.page-privacy .privacy-aide-title {
  margin: 0 0 8px;
  font-family: var(--font-condensed);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--white);
}

.page-privacy .privacy-aide p {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.75;
  color: var(--cool);
}

.page-privacy .privacy-aide-btn {
  display: inline-flex;
  font-size: 12px;
}

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

.page-privacy .clause {
  padding-bottom: clamp(24px, 3vw, 38px);
  margin-bottom: clamp(24px, 3vw, 38px);
  border-bottom: var(--privacy-hair);
  scroll-margin-top: 96px;
}

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

.page-privacy .clause:target .clause-title {
  color: var(--cyan);
}

.page-privacy .clause-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 14px;
}

.page-privacy .clause-num {
  flex: none;
  padding: 2px 7px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--cyan);
  border: 1px solid rgba(72, 242, 255, .45);
}

.page-privacy .clause-title {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: clamp(20px, 2.3vw, 27px);
  line-height: 1.4;
  letter-spacing: .02em;
  color: var(--white);
}

.page-privacy .clause p {
  max-width: 68ch;
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.9;
  color: var(--cool);
}

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

.page-privacy .clause strong {
  color: var(--white);
  font-weight: 600;
}

.page-privacy .text-link {
  color: var(--cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(72, 242, 255, .4);
  transition: border-color var(--ease), color var(--ease);
}

.page-privacy .text-link:hover,
.page-privacy .text-link:focus-visible {
  border-bottom-color: var(--cyan);
  outline: none;
}

.page-privacy .fact-list {
  list-style: none;
  display: grid;
  gap: 1px;
  margin: 18px 0 16px;
  padding: 0;
  background: var(--line);
  border: var(--privacy-hair);
}

.page-privacy .fact-list li {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  background: var(--ink);
}

.page-privacy .fact-key {
  font-family: var(--font-condensed);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cyan);
}

.page-privacy .fact-list li > span:last-child {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--cool);
}

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

.page-privacy .use-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 16px;
  background: var(--panel);
  border-left: 2px solid var(--line);
  transition: border-color var(--ease);
}

.page-privacy .use-item:hover {
  border-left-color: var(--cyan);
}

.page-privacy .use-num {
  padding-top: 2px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--orange);
}

.page-privacy .use-item h3 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--white);
}

.page-privacy .clause .use-item p {
  max-width: none;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}

.page-privacy .rights-panel {
  display: grid;
  gap: 14px;
  margin: 18px 0 16px;
  padding: 18px 18px 18px 20px;
  background: rgba(72, 242, 255, .06);
  border-left: 3px solid var(--cyan);
}

.page-privacy .right-item {
  display: grid;
  gap: 4px;
}

.page-privacy .right-item h3 {
  margin: 0;
  font-family: var(--font-condensed);
  font-size: 13px;
  letter-spacing: .14em;
  color: var(--cyan);
}

.page-privacy .clause .right-item p {
  max-width: none;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}

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

.page-privacy .dataflow-svg {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  background: var(--panel);
  border: var(--privacy-hair);
}

.page-privacy .df-node {
  fill: var(--ink);
  stroke: var(--line);
  stroke-width: 1;
}

.page-privacy .df-node--hub {
  fill: var(--deep);
  stroke: var(--cyan);
  stroke-width: 1.5;
}

.page-privacy .df-label {
  font-family: var(--font-sans);
  font-size: 12.5px;
  fill: var(--white);
}

.page-privacy .df-sub {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .06em;
  fill: var(--muted);
}

.page-privacy .df-link {
  fill: none;
  stroke: var(--cyan);
  stroke-width: 1.6;
  stroke-opacity: .75;
}

.page-privacy .df-link--warn {
  stroke: var(--orange);
  stroke-opacity: .85;
}

.page-privacy .dataflow figcaption {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: .02em;
  color: var(--muted);
}

@media (min-width: 620px) {
  .page-privacy .privacy-stamp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-privacy .fact-list li {
    grid-template-columns: 148px minmax(0, 1fr);
    gap: 18px;
    align-items: baseline;
  }
}

@media (min-width: 940px) {
  .page-privacy .privacy-hero-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: start;
  }
}

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

  .page-privacy .privacy-aside {
    position: sticky;
    top: 88px;
  }

  .page-privacy .fact-list li {
    grid-template-columns: 172px minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .breadcrumb-link,
  .page-privacy .privacy-toc-link,
  .page-privacy .use-item,
  .page-privacy .text-link {
    transition: none;
  }
}