.page-disclaimer {
  --disc-gap: clamp(1.1rem, 2.6vw, 1.75rem);
  --disc-pad: clamp(1.25rem, 3vw, 2rem);
  background: var(--paper);
  color: var(--graphite);
  overflow-x: hidden;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .disc-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--ink);
  color: var(--paper);
  padding-block: clamp(1.75rem, 4vw, 2.75rem) clamp(2.25rem, 5vw, 3.75rem);
}

.page-disclaimer .disc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    repeating-linear-gradient(115deg, rgba(247, 250, 255, 0.055) 0 1px, transparent 1px 46px),
    radial-gradient(120% 80% at 88% -10%, rgba(30, 107, 255, 0.38) 0%, rgba(94, 231, 255, 0.14) 42%, transparent 72%),
    radial-gradient(90% 70% at 4% 108%, rgba(255, 90, 31, 0.28) 0%, rgba(255, 90, 31, 0.05) 45%, transparent 76%);
}

.page-disclaimer .disc-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  z-index: -1;
  background: linear-gradient(90deg, var(--cyan), var(--neon) 42%, var(--orange) 78%, var(--blue));
}

.page-disclaimer .disc-hero__inner {
  position: relative;
}

.page-disclaimer .disc-hero .breadcrumbs__link,
.page-disclaimer .disc-hero .breadcrumbs__item {
  color: rgba(247, 250, 255, 0.68);
}

.page-disclaimer .disc-hero .breadcrumbs__link:hover,
.page-disclaimer .disc-hero .breadcrumbs__link:focus-visible {
  color: var(--cyan);
}

.page-disclaimer .disc-hero .eyebrow {
  margin-top: clamp(1.1rem, 3vw, 1.75rem);
  color: var(--cyan);
}

.page-disclaimer .disc-hero__title {
  margin: 0.5rem 0 0;
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 9vw, 5rem);
  line-height: 0.96;
  letter-spacing: -0.015em;
  color: var(--paper);
}

.page-disclaimer .disc-hero__title span {
  display: block;
  margin-top: 0.7rem;
  font-family: var(--font-mono);
  font-size: clamp(0.82rem, 2.2vw, 1rem);
  font-weight: 500;
  letter-spacing: 0.16em;
  color: var(--neon);
}

.page-disclaimer .disc-hero__lead {
  margin: clamp(1rem, 2.5vw, 1.4rem) 0 0;
  max-width: 60ch;
  font-size: clamp(0.98rem, 1.6vw, 1.08rem);
  line-height: 1.72;
  color: rgba(247, 250, 255, 0.8);
}

.page-disclaimer .disc-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.35rem 0 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .disc-hero__meta li {
  padding: 0.4rem 0.8rem;
  border: 1px solid rgba(247, 250, 255, 0.22);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  color: rgba(247, 250, 255, 0.86);
}

.page-disclaimer .disc-hero__figure {
  position: relative;
  margin: clamp(1.5rem, 4vw, 2.5rem) 0 0;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  border-radius: var(--radius-l);
  outline: 1px solid rgba(247, 250, 255, 0.14);
  outline-offset: -1px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

.page-disclaimer .disc-hero__img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

/* ---------- 正文骨架 ---------- */
.page-disclaimer .disc-body {
  display: grid;
  gap: var(--disc-gap);
  padding-block: clamp(2rem, 5vw, 3.5rem) clamp(2rem, 5vw, 3.5rem);
}

/* ---------- 章节速览 ---------- */
.page-disclaimer .disc-toc {
  padding: 1.05rem 1.1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: #fff;
  box-shadow: 0 10px 26px rgba(11, 14, 20, 0.05);
}

.page-disclaimer .disc-toc__title {
  margin: 0 0 0.7rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--blue);
}

.page-disclaimer .disc-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.1rem;
}

.page-disclaimer .disc-toc__link {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  padding: 0.42rem 0.45rem;
  border-radius: 8px;
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--graphite);
  text-decoration: none;
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.page-disclaimer .disc-toc__link:hover,
.page-disclaimer .disc-toc__link:focus-visible {
  background: rgba(30, 107, 255, 0.08);
  color: var(--blue);
}

.page-disclaimer .disc-toc__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  font-weight: 700;
  color: var(--blue);
}

/* ---------- 章节 ---------- */
.page-disclaimer .disc-sections {
  display: grid;
  gap: var(--disc-gap);
  min-width: 0;
}

.page-disclaimer .disc-sec {
  --sec-accent: var(--blue);
  position: relative;
  min-width: 0;
  padding: var(--disc-pad);
  padding-top: calc(var(--disc-pad) - 0.15rem);
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: #fff;
  scroll-margin-top: 84px;
  box-shadow: 0 12px 30px rgba(11, 14, 20, 0.045);
}

.page-disclaimer .disc-sec::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--disc-pad);
  width: 58px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, var(--sec-accent), var(--cyan));
}

.page-disclaimer .disc-sections > .disc-sec:nth-of-type(1) { --sec-accent: var(--blue); }
.page-disclaimer .disc-sections > .disc-sec:nth-of-type(2) { --sec-accent: var(--orange); }
.page-disclaimer .disc-sections > .disc-sec:nth-of-type(3) { --sec-accent: var(--neon); }
.page-disclaimer .disc-sections > .disc-sec:nth-of-type(4) { --sec-accent: var(--cyan); }
.page-disclaimer .disc-sections > .disc-sec:nth-of-type(5) { --sec-accent: var(--gold); }

.page-disclaimer .disc-sec__head {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  margin-bottom: 0.85rem;
}

.page-disclaimer .disc-sec__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  font-weight: 700;
  line-height: 1;
  color: var(--sec-accent);
}

.page-disclaimer .disc-sec__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 3.4vw, 1.75rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .disc-anchor {
  margin-left: 0.35rem;
  font-family: var(--font-mono);
  font-size: 0.72em;
  color: var(--blue);
  text-decoration: none;
  opacity: 0.35;
  transition: opacity 0.2s var(--ease);
}

.page-disclaimer .disc-anchor:hover,
.page-disclaimer .disc-anchor:focus-visible {
  opacity: 1;
}

.page-disclaimer .disc-sec p {
  margin: 0 0 0.85rem;
  max-width: 70ch;
  font-size: 0.98rem;
  line-height: 1.72;
  color: var(--graphite);
}

.page-disclaimer .disc-sec p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .disc-mono {
  font-family: var(--font-mono);
  font-weight: 600;
  color: var(--ink);
}

.page-disclaimer .disc-note {
  margin-top: 1.1rem !important;
  padding: 0.85rem 1rem;
  border-radius: var(--radius-s);
  border-left: 4px solid var(--neon);
  background: var(--ink);
  color: rgba(247, 250, 255, 0.86);
  font-size: 0.93rem !important;
  line-height: 1.68;
  max-width: none !important;
}

.page-disclaimer .disc-note strong {
  color: var(--neon);
}

/* 关注列表数字 */
.page-disclaimer .disc-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(122px, 1fr));
  gap: 0.55rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

.page-disclaimer .disc-stats li {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  padding: 0.65rem 0.75rem;
  border-radius: var(--radius-s);
  background: rgba(30, 107, 255, 0.07);
  border: 1px solid rgba(30, 107, 255, 0.14);
}

.page-disclaimer .disc-stats .data-value {
  font-family: var(--font-mono);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
  color: var(--blue);
}

.page-disclaimer .disc-stats__label {
  font-size: 0.8rem;
  color: var(--graphite);
}

/* ---------- 联系章节 ---------- */
.page-disclaimer .disc-sec--contact {
  border-color: transparent;
  background:
    radial-gradient(90% 120% at 92% 0%, rgba(30, 107, 255, 0.32) 0%, transparent 62%),
    radial-gradient(80% 100% at 0% 100%, rgba(255, 90, 31, 0.24) 0%, transparent 60%),
    var(--ink);
  color: var(--paper);
  box-shadow: 0 20px 48px rgba(11, 14, 20, 0.24);
}

.page-disclaimer .disc-sec--contact::before {
  background: linear-gradient(90deg, var(--orange), var(--neon));
}

.page-disclaimer .disc-sec--contact .disc-sec__num {
  color: var(--neon);
}

.page-disclaimer .disc-sec--contact .disc-sec__title {
  color: var(--paper);
}

.page-disclaimer .disc-sec--contact .disc-anchor {
  color: var(--cyan);
}

.page-disclaimer .disc-sec__lead {
  color: rgba(247, 250, 255, 0.82) !important;
}

.page-disclaimer .disc-contact {
  display: grid;
  gap: 0.85rem;
  margin: 1.15rem 0 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .disc-contact__item {
  padding-top: 0.7rem;
  border-top: 1px solid var(--line-light);
  min-width: 0;
}

.page-disclaimer .disc-contact__key {
  display: block;
  margin-bottom: 0.25rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  color: var(--cyan);
}

.page-disclaimer .disc-contact__val {
  display: block;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--paper);
  overflow-wrap: anywhere;
}

.page-disclaimer .disc-contact__note {
  margin: 1.1rem 0 0 !important;
  padding-top: 0.85rem;
  border-top: 1px dashed rgba(247, 250, 255, 0.2);
  font-size: 0.86rem !important;
  line-height: 1.65;
  color: rgba(247, 250, 255, 0.62);
  max-width: none !important;
}

/* ---------- 相关入口 ---------- */
.page-disclaimer .disc-next {
  padding-top: 0.35rem;
}

.page-disclaimer .disc-next__title {
  margin: 0 0 0.85rem;
  font-family: var(--font-display);
  font-size: clamp(1.15rem, 3vw, 1.4rem);
  color: var(--ink);
}

.page-disclaimer .disc-next__grid {
  display: grid;
  gap: 0.65rem;
}

.page-disclaimer .disc-link {
  display: grid;
  gap: 0.2rem;
  padding: 0.95rem 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-s);
  background: #fff;
  text-decoration: none;
  transition: transform 0.22s var(--ease), border-color 0.22s var(--ease), box-shadow 0.22s var(--ease);
}

.page-disclaimer .disc-link:hover,
.page-disclaimer .disc-link:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(30, 107, 255, 0.4);
  box-shadow: 0 14px 28px rgba(11, 14, 20, 0.1);
}

.page-disclaimer .disc-link__num {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  color: var(--orange);
}

.page-disclaimer .disc-link__title {
  font-family: var(--font-display);
  font-size: 1.1rem;
  color: var(--ink);
}

.page-disclaimer .disc-link__desc {
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--graphite);
}

/* ---------- 返回顶部 ---------- */
.page-disclaimer .disc-top {
  position: fixed;
  right: 0.9rem;
  bottom: 1.1rem;
  z-index: 18;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid rgba(247, 250, 255, 0.18);
  border-radius: 999px;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(11, 14, 20, 0.3);
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.page-disclaimer .disc-top:hover,
.page-disclaimer .disc-top:focus-visible {
  background: var(--orange);
  color: var(--ink);
  border-color: transparent;
}

/* ---------- 平板 ---------- */
@media (min-width: 620px) {
  .page-disclaimer .disc-contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.4rem;
  }

  .page-disclaimer .disc-next__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ---------- 桌面 ---------- */
@media (min-width: 900px) {
  .page-disclaimer .disc-body {
    grid-template-columns: 246px minmax(0, 1fr);
    gap: clamp(1.75rem, 3.5vw, 3rem);
    align-items: start;
  }

  .page-disclaimer .disc-toc {
    position: sticky;
    top: 1.5rem;
  }

  .page-disclaimer .disc-sec {
    padding: clamp(1.6rem, 2.4vw, 2.15rem);
    padding-top: calc(clamp(1.6rem, 2.4vw, 2.15rem) - 0.15rem);
  }

  .page-disclaimer .disc-sec::before {
    left: clamp(1.6rem, 2.4vw, 2.15rem);
  }

  .page-disclaimer .disc-hero__figure {
    border-radius: var(--radius-l);
  }

  .page-disclaimer .disc-top {
    right: 1.75rem;
    bottom: 1.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disc-link,
  .page-disclaimer .disc-top,
  .page-disclaimer .disc-toc__link,
  .page-disclaimer .disc-anchor {
    transition: none;
  }

  .page-disclaimer .disc-link:hover,
  .page-disclaimer .disc-link:focus-visible {
    transform: none;
  }
}


<main id="main-content" class="page-disclaimer">
  <section class="disc-hero" id="top">
    <div class="container disc-hero__inner">
      <nav class="breadcrumbs" aria-label="面包屑">
        <ol class="breadcrumbs__list">
          <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="/">首页</a></li>
          <li class="breadcrumbs__item"><span aria-current="page">使用说明</span></li>
        </ol>
      </nav>

      <p class="eyebrow">SPRINT LIULIU · 使用说明</p>
      <h1 class="disc-hero__title">
        使用说明
        <span>账号、内容与服务的规则一览</span>
      </h1>
      <p class="disc-hero__lead">
        在溜溜体育，苹果端与电脑端用的是同一个账号，你收藏的战报、订阅的资料库栏目和关注列表都跟着这次登录走。
        下面按账号访问、内容使用、服务变更三组把规则讲清楚，想直接看某一段，从章节速览点进去就行。
      </p>
      <ul class="disc-hero__meta">
        <li>双端同一账号</li>
        <li>内容供个人阅读</li>
        <li>服务变化站内提示</li>
      </ul>

      <figure class="disc-hero__figure">
        <img class="disc-hero__img" src="{zhanqunpic:h:600w:1200}" width="1200" height="600" alt="球场线条与规则手册叠加的抽象图形，配浅色网格与刻度标记，无真实人物">
      </figure>
    </div>
  </section>

  <div class="container disc-body">
    <aside class="disc-toc" aria-label="章节速览">
      <p class="disc-toc__title">章节速览</p>
      <ul class="disc-toc__list">
        <li><a class="disc-toc__link" href="#sec-access"><span class="disc-toc__num">01</span>访问与账号</a></li>
        <li><a class="disc-toc__link" href="#sec-content"><span class="disc-toc__num">02</span>战报与资料库内容使用</a></li>
        <li><a class="disc-toc__link" href="#sec-watchlist"><span class="disc-toc__num">03</span>会员关注列表使用</a></li>
        <li><a class="disc-toc__link" href="#sec-external"><span class="disc-toc__num">04</span>外部链接与第三方服务</a></li>
        <li><a class="disc-toc__link" href="#sec-change"><span class="disc-toc__num">05</span>服务变更与中断</a></li>
        <li><a class="disc-toc__link" href="#sec-contact"><span class="disc-toc__num">06</span>联系渠道</a></li>
      </ul>
    </aside>

    <div class="disc-sections">
      <section class="disc-sec" id="sec-access" data-reveal>
        <div class="disc-sec__head">
          <span class="disc-sec__num">01</span>
          <h2 class="disc-sec__title">访问与账号<a class="disc-anchor" href="#sec-access" aria-label="访问与账号 章节锚点">#</a></h2>
        </div>
        <p>
          用一套账号就能在苹果端和电脑端之间切换：手机上打开本季赛后战报阅读，坐到电脑前再查赛程、翻当季资料库栏目，
          浏览记录和下载记录不会断。账号仅限你本人使用，请不要转借或与他人共用同一个登录状态，否则关注列表和下载记录
          容易混在一起，后续也难分清操作来源。
        </p>
        <p>
          登录状态偶尔会因为网络切换或版本更新失效，此时先退出账号重新登录，并确认手机或电脑的网络可以正常打开页面。
          如果反复尝试仍然进不去，把注册手机号的后四位和出现问题的画面发给客服邮箱，工作日会有同事跟进处理。
        </p>
        <p class="disc-note"><strong>小提示：</strong>会员问题请务必附上注册手机号的后四位，这能让我们更快定位你的账号，不用来回确认身份。</p>
      </section>

      <section class="disc-sec" id="sec-content" data-reveal>
        <div class="disc-sec__head">
          <span class="disc-sec__num">02</span>
          <h2 class="disc-sec__title">战报与资料库内容使用<a class="disc-anchor" href="#sec-content" aria-label="战报与资料库内容使用 章节锚点">#</a></h2>
        </div>
        <p>
          赛后战报和资料库栏目供你个人阅读使用。登录后可以把战报下载到本地做离线阅读，通勤路上、球场边没有稳定网络的时候
          也能接着看。下载下来的文件适合自己留存，也适合在和朋友聊球时展示其中几段。
        </p>
        <p>
          需要留意的是，请不要用程序批量抓取战报与栏目页面，也不要把下载内容打包转售、整批分发或用于商业转载。
          如果需要在公开场合引用其中的观点或数据，请注明内容来自溜溜体育，并保留原文的出处说明。
        </p>
        <p class="disc-note"><strong>使用范围：</strong>个人收藏、与朋友讨论、在社交平台分享单篇链接都属于正常使用；把整季战报批量整理后对外发布则超出了个人阅读范围。</p>
      </section>

      <section class="disc-sec" id="sec-watchlist" data-reveal>
        <div class="disc-sec__head">
          <span class="disc-sec__num">03</span>
          <h2 class="disc-sec__title">会员关注列表使用<a class="disc-anchor" href="#sec-watchlist" aria-label="会员关注列表使用 章节锚点">#</a></h2>
        </div>
        <p>
          会员关注列表的作用，是把你在意的球队和球员动态收成一条连续的线：新战报发布、资料库栏目更新、球员档案有变动，
          都会在这里反馈给你，不用每次自己去翻栏目。
        </p>
        <ul class="disc-stats">
          <li><span class="data-value">30</span><span class="disc-stats__label">支球队可关注</span></li>
          <li><span class="data-value">100</span><span class="disc-stats__label">名球员可关注</span></li>
          <li><span class="data-value">3</span><span class="disc-stats__label">个关注分组</span></li>
        </ul>
        <p>
          分组可以按联赛拆，也可以按关注强度拆，比如把每天要看的球队放一组，偶尔瞄一眼的放另一组。请通过苹果端和电脑端的
          正常操作维护列表，不要用自动化脚本高频刷新或抓取关注数据，这类请求会占用服务资源，影响其他会员读取动态的体验。
        </p>
      </section>

      <section class="disc-sec" id="sec-external" data-reveal>
        <div class="disc-sec__head">
          <span class="disc-sec__num">04</span>
          <h2 class="disc-sec__title">外部链接与第三方服务<a class="disc-anchor" href="#sec-external" aria-label="外部链接与第三方服务 章节锚点">#</a></h2>
        </div>
        <p>
          部分页面可能带有指向站外的链接，例如赛事信息出处、资料引用来源或合作内容附带的入口。这些站点由各自的运营方维护，
          页面内容、隐私处理和账号体系都遵循该站点自身的规则，和溜溜体育的做法可能并不相同。
        </p>
        <p>
          点击跳转前留意地址栏的变化，涉及个人信息、支付或账号授权时保持谨慎。如果你在外部页面遇到与体育内容无关的异常情况，
          也可以把链接和遇到的问题发到客服邮箱，我们会协助判断。
        </p>
      </section>

      <section class="disc-sec" id="sec-change" data-reveal>
        <div class="disc-sec__head">
          <span class="disc-sec__num">05</span>
          <h2 class="disc-sec__title">服务变更与中断<a class="disc-anchor" href="#sec-change" aria-label="服务变更与中断 章节锚点">#</a></h2>
        </div>
        <p>
          平台会跟着赛季节奏持续迭代，功能位置和栏目结构偶尔会调整。当前苹果端版本为 <strong class="disc-mono">3.2</strong>，
          电脑端资料库版本为 <strong class="disc-mono">4.0</strong>；版本更新后，个别按钮位置或筛选项可能挪了地方，原有功能仍然可用。
        </p>
        <p>
          系统维护、版本发布或栏目重组期间，部分页面可能短时间打不开，或出现内容重新归类。相关情况会在站内页面提前或同步给出提示，
          遇到打不开先稍等几分钟再刷新；持续时间较长的，可以通过客服渠道确认进展。
        </p>
      </section>

      <section class="disc-sec disc-sec--contact" id="sec-contact" data-reveal>
        <div class="disc-sec__head">
          <span class="disc-sec__num">06</span>
          <h2 class="disc-sec__title">联系渠道<a class="disc-anchor" href="#sec-contact" aria-label="联系渠道 章节锚点">#</a></h2>
        </div>
        <p class="disc-sec__lead">
          账号进不去、战报下载卡住、关注列表不更新，或者只是想聊聊合作，都可以直接找我们。工作日的 9:00 到 18:00 之间来信来电，
          通常当天就能收到回复。
        </p>
        <ul class="disc-contact">
          <li class="disc-contact__item">
            <span class="disc-contact__key">客服邮箱</span>
            <span class="disc-contact__val">email@sprint-liuliu.com.cn</span>
          </li>
          <li class="disc-contact__item">
            <span class="disc-contact__key">客服电话</span>
            <span class="disc-contact__val">17655920674</span>
          </li>
          <li class="disc-contact__item">
            <span class="disc-contact__key">地址</span>
            <span class="disc-contact__val">浙江省杭州市滨江区江陵路88号</span>
          </li>
          <li class="disc-contact__item">
            <span class="disc-contact__key">回复时间</span>
            <span class="disc-contact__val">工作日 9:00-18:00</span>
          </li>
        </ul>
        <p class="disc-contact__note">
          该邮箱为站点客服邮箱，会员问题请附注册手机号后四位，方便我们快速找到你的账号记录。
        </p>
      </section>

      <section class="disc-next" aria-labelledby="disc-next-title">
        <h2 class="disc-next__title" id="disc-next-title">接着看这几处</h2>
        <div class="disc-next__grid">
          <a class="disc-link" href="/guide/">
            <span class="disc-link__num">01</span>
            <span class="disc-link__title">使用指南</span>
            <span class="disc-link__desc">登录、战报下载、电脑端查赛程的具体操作步骤。</span>
          </a>
          <a class="disc-link" href="/privacy/">
            <span class="disc-link__num">02</span>
            <span class="disc-link__title">隐私政策</span>
            <span class="disc-link__desc">了解个人信息与关注列表数据的处理方式。</span>
          </a>
          <a class="disc-link" href="/feedback/">
            <span class="disc-link__num">03</span>
            <span class="disc-link__title">意见反馈</span>
            <span class="disc-link__desc">按问题类型找到对应通道，把情况说给我们听。</span>
          </a>
        </div>
      </section>
    </div>
  </div>

  <a class="disc-top" href="#top" aria-label="返回页面顶部">↑ 返回顶部</a>
</main>


.page-disclaimer {
  --disc-gap: clamp(1.1rem, 2.6vw, 1.75rem);
  --disc-pad: clamp(1.25rem, 3vw, 2rem);
  background: var(--paper);
  color: var(--graphite);
  overflow-x: hidden;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .disc-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--ink);
  color: var(--paper);
  padding-block: clamp(1.75rem, 4vw, 2.75rem) clamp(2.25rem, 5vw, 3.75rem);
}

.page-disclaimer .disc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    repeating-linear-gradient(115deg, rgba(247, 250, 255, 0.055) 0 1px, transparent 1px 46px),
    radial-gradient(120% 80% at 88% -10%, rgba(30, 107, 255, 0.38) 0%, rgba(94, 231, 255, 0.14) 42%, transparent 72%),
    radial-gradient(90% 70% at 4% 108%, rgba(255, 90, 31, 0.28) 0%, rgba(255, 90, 31, 0.05) 45%, transparent 76%);
}

.page-disclaimer .disc-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  z-index: -1;
  background: linear-gradient(90deg, var(--cyan), var(--neon) 42%, var(--orange) 78%, var(--blue));
}

.page-disclaimer .disc-hero__inner {
  position: relative;
}

.page-disclaimer .disc-hero .breadcrumbs__link,
.page-disclaimer .disc-hero .breadcrumbs__item {
  color: rgba(247, 250, 255, 0.68);
}

.page-disclaimer .disc-hero .breadcrumbs__link:hover,
.page-disclaimer .disc-hero .breadcrumbs__link:focus-visible {
  color: var(--cyan);
}

.page-disclaimer .disc-hero .eyebrow {
  margin-top: clamp(1.1rem, 3vw, 1.75rem);
  color: var(--cyan);
}

.page-disclaimer .disc-hero__title {
  margin: 0.5rem 0 0;
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 9vw, 5rem);
  line-height: 0.96;
  letter-spacing: -0.015em;
  color: var(--paper);
}

.page-disclaimer .disc-hero__title span {
  display: block;
  margin-top: 0.7rem;
  font-family: var(--font-mono);
  font-size: clamp(0.82rem, 2.2vw, 1rem);
  font-weight: 500;
  letter-spacing: 0.16em;
  color: var(--neon);
}

.page-disclaimer .disc-hero__lead {
  margin: clamp(1rem, 2.5vw, 1.4rem) 0 0;
  max-width: 60ch;
  font-size: clamp(0.98rem, 1.6vw, 1.08rem);
  line-height: 1.72;
  color: rgba(247, 250, 255, 0.8);
}

.page-disclaimer .disc-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.35rem 0 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .disc-hero__meta li {
  padding: 0.4rem 0.8rem;
  border: 1px solid rgba(247, 250, 255, 0.22);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  color: rgba(247, 250, 255, 0.86);
}

.page-disclaimer .disc-hero__figure {
  position: relative;
  margin: clamp(1.5rem, 4vw, 2.5rem) 0 0;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  border-radius: var(--radius-l);
  outline: 1px solid rgba(247, 250, 255, 0.14);
  outline-offset: -1px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

.page-disclaimer .disc-hero__img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

/* ---------- 正文骨架 ---------- */
.page-disclaimer .disc-body {
  display: grid;
  gap: var(--disc-gap);
  padding-block: clamp(2rem, 5vw, 3.5rem);
}

/* ---------- 章节速览 ---------- */
.page-disclaimer .disc-toc {
  padding: 1.05rem 1.1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: #fff;
  box-shadow: 0 10px 26px rgba(11, 14, 20, 0.05);
}

.page-disclaimer .disc-toc__title {
  margin: 0 0 0.7rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--blue);
}

.page-disclaimer .disc-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.1rem;
}

.page-disclaimer .disc-toc__link {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  padding: 0.42rem 0.45rem;
  border-radius: 8px;
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--graphite);
  text-decoration: none;
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.page-disclaimer .disc-toc__link:hover,
.page-disclaimer .disc-toc__link:focus-visible {
  background: rgba(30, 107, 255, 0.08);
  color: var(--blue);
}

.page-disclaimer .disc-toc__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  font-weight: 700;
  color: var(--blue);
}

/* ---------- 章节 ---------- */
.page-disclaimer .disc-sections {
  display: grid;
  gap: var(--disc-gap);
  min-width: 0;
}

.page-disclaimer .disc-sec {
  --sec-accent: var(--blue);
  position: relative;
  min-width: 0;
  padding: var(--disc-pad);
  padding-top: calc(var(--disc-pad) - 0.15rem);
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: #fff;
  scroll-margin-top: 84px;
  box-shadow: 0 12px 30px rgba(11, 14, 20, 0.045);
}

.page-disclaimer .disc-sec::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--disc-pad);
  width: 58px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, var(--sec-accent), var(--cyan));
}

.page-disclaimer .disc-sections > .disc-sec:nth-of-type(1) { --sec-accent: var(--blue); }
.page-disclaimer .disc-sections > .disc-sec:nth-of-type(2) { --sec-accent: var(--orange); }
.page-disclaimer .disc-sections > .disc-sec:nth-of-type(3) { --sec-accent: var(--neon); }
.page-disclaimer .disc-sections > .disc-sec:nth-of-type(4) { --sec-accent: var(--cyan); }
.page-disclaimer .disc-sections > .disc-sec:nth-of-type(5) { --sec-accent: var(--gold); }

.page-disclaimer .disc-sec__head {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  margin-bottom: 0.85rem;
}

.page-disclaimer .disc-sec__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  font-weight: 700;
  line-height: 1;
  color: var(--sec-accent);
}

.page-disclaimer .disc-sec__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 3.4vw, 1.75rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .disc-anchor {
  margin-left: 0.35rem;
  font-family: var(--font-mono);
  font-size: 0.72em;
  color: var(--blue);
  text-decoration: none;
  opacity: 0.35;
  transition: opacity 0.2s var(--ease);
}

.page-disclaimer .disc-anchor:hover,
.page-disclaimer .disc-anchor:focus-visible {
  opacity: 1;
}

.page-disclaimer .disc-sec p {
  margin: 0 0 0.85rem;
  max-width: 70ch;
  font-size: 0.98rem;
  line-height: 1.72;
  color: var(--graphite);
}

.page-disclaimer .disc-sec p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .disc-mono {
  font-family: var(--font-mono);
  font-weight: 600;
  color: var(--ink);
}

.page-disclaimer .disc-note {
  margin-top: 1.1rem !important;
  padding: 0.85rem 1rem;
  border-radius: var(--radius-s);
  border-left: 4px solid var(--neon);
  background: var(--ink);
  color: rgba(247, 250, 255, 0.86);
  font-size: 0.93rem !important;
  line-height: 1.68;
  max-width: none !important;
}

.page-disclaimer .disc-note strong {
  color: var(--neon);
}

/* 关注列表数字 */
.page-disclaimer .disc-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(122px, 1fr));
  gap: 0.55rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

.page-disclaimer .disc-stats li {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  padding: 0.65rem 0.75rem;
  border-radius: var(--radius-s);
  background: rgba(30, 107, 255, 0.07);
  border: 1px solid rgba(30, 107, 255, 0.14);
}

.page-disclaimer .disc-stats .data-value {
  font-family: var(--font-mono);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
  color: var(--blue);
}

.page-disclaimer .disc-stats__label {
  font-size: 0.8rem;
  color: var(--graphite);
}

/* ---------- 联系章节 ---------- */
.page-disclaimer .disc-sec--contact {
  border-color: transparent;
  background:
    radial-gradient(90% 120% at 92% 0%, rgba(30, 107, 255, 0.32) 0%, transparent 62%),
    radial-gradient(80% 100% at 0% 100%, rgba(255, 90, 31, 0.24) 0%, transparent 60%),
    var(--ink);
  color: var(--paper);
  box-shadow: 0 20px 48px rgba(11, 14, 20, 0.24);
}

.page-disclaimer .disc-sec--contact::before {
  background: linear-gradient(90deg, var(--orange), var(--neon));
}

.page-disclaimer .disc-sec--contact .disc-sec__num {
  color: var(--neon);
}

.page-disclaimer .disc-sec--contact .disc-sec__title {
  color: var(--paper);
}

.page-disclaimer .disc-sec--contact .disc-anchor {
  color: var(--cyan);
}

.page-disclaimer .disc-sec__lead {
  color: rgba(247, 250, 255, 0.82) !important;
}

.page-disclaimer .disc-contact {
  display: grid;
  gap: 0.85rem;
  margin: 1.15rem 0 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .disc-contact__item {
  padding-top: 0.7rem;
  border-top: 1px solid var(--line-light);
  min-width: 0;
}

.page-disclaimer .disc-contact__key {
  display: block;
  margin-bottom: 0.25rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  color: var(--cyan);
}

.page-disclaimer .disc-contact__val {
  display: block;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--paper);
  overflow-wrap: anywhere;
}

.page-disclaimer .disc-contact__note {
  margin: 1.1rem 0 0 !important;
  padding-top: 0.85rem;
  border-top: 1px dashed rgba(247, 250, 255, 0.2);
  font-size: 0.86rem !important;
  line-height: 1.65;
  color: rgba(247, 250, 255, 0.62);
  max-width: none !important;
}

/* ---------- 相关入口 ---------- */
.page-disclaimer .disc-next {
  padding-top: 0.35rem;
}

.page-disclaimer .disc-next__title {
  margin: 0 0 0.85rem;
  font-family: var(--font-display);
  font-size: clamp(1.15rem, 3vw, 1.4rem);
  color: var(--ink);
}

.page-disclaimer .disc-next__grid {
  display: grid;
  gap: 0.65rem;
}

.page-disclaimer .disc-link {
  display: grid;
  gap: 0.2rem;
  padding: 0.95rem 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-s);
  background: #fff;
  text-decoration: none;
  transition: transform 0.22s var(--ease), border-color 0.22s var(--ease), box-shadow 0.22s var(--ease);
}

.page-disclaimer .disc-link:hover,
.page-disclaimer .disc-link:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(30, 107, 255, 0.4);
  box-shadow: 0 14px 28px rgba(11, 14, 20, 0.1);
}

.page-disclaimer .disc-link__num {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  color: var(--orange);
}

.page-disclaimer .disc-link__title {
  font-family: var(--font-display);
  font-size: 1.1rem;
  color: var(--ink);
}

.page-disclaimer .disc-link__desc {
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--graphite);
}

/* ---------- 返回顶部 ---------- */
.page-disclaimer .disc-top {
  position: fixed;
  right: 0.9rem;
  bottom: 1.1rem;
  z-index: 18;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid rgba(247, 250, 255, 0.18);
  border-radius: 999px;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(11, 14, 20, 0.3);
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.page-disclaimer .disc-top:hover,
.page-disclaimer .disc-top:focus-visible {
  background: var(--orange);
  color: var(--ink);
  border-color: transparent;
}

/* ---------- 平板 ---------- */
@media (min-width: 620px) {
  .page-disclaimer .disc-contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.4rem;
  }

  .page-disclaimer .disc-next__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ---------- 桌面 ---------- */
@media (min-width: 900px) {
  .page-disclaimer .disc-body {
    grid-template-columns: 246px minmax(0, 1fr);
    gap: clamp(1.75rem, 3.5vw, 3rem);
    align-items: start;
  }

  .page-disclaimer .disc-toc {
    position: sticky;
    top: 1.5rem;
  }

  .page-disclaimer .disc-sec {
    padding: clamp(1.6rem, 2.4vw, 2.15rem);
    padding-top: calc(clamp(1.6rem, 2.4vw, 2.15rem) - 0.15rem);
  }

  .page-disclaimer .disc-sec::before {
    left: clamp(1.6rem, 2.4vw, 2.15rem);
  }

  .page-disclaimer .disc-top {
    right: 1.75rem;
    bottom: 1.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disc-link,
  .page-disclaimer .disc-top,
  .page-disclaimer .disc-toc__link,
  .page-disclaimer .disc-anchor {
    transition: none;
  }

  .page-disclaimer .disc-link:hover,
  .page-disclaimer .disc-link:focus-visible {
    transform: none;
  }
}