.page-faq {
  --faq-line: 1px solid var(--ts-mist);
  --faq-soft: 0 18px 40px -32px rgba(6, 27, 61, .45);
  background: var(--ts-cream);
  color: var(--ts-graphite);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* ---------- 首屏 ---------- */
.page-faq .faq-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: 360px;
  background: var(--ts-blue-deep);
  overflow: hidden;
}

.page-faq .faq-hero-media {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center 42%;
}

.page-faq .faq-hero-veil {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(104deg, rgba(6, 27, 61, .96) 0%, rgba(10, 42, 94, .88) 46%, rgba(10, 42, 94, .38) 100%);
}

.page-faq .faq-hero-inner {
  width: 100%;
  padding-top: calc(var(--header-h) + 48px);
  padding-bottom: 44px;
}

.page-faq .faq-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-family: var(--font-mono);
  font-size: var(--fs-1);
  letter-spacing: .1em;
  color: rgba(244, 241, 234, .7);
}

.page-faq .faq-crumb a {
  color: rgba(244, 241, 234, .7);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .16s var(--ease), border-color .16s var(--ease);
}

.page-faq .faq-crumb a:hover {
  color: var(--ts-yellow);
  border-bottom-color: var(--ts-yellow);
}

.page-faq .faq-eyebrow {
  margin: 0 0 14px;
  padding-left: 12px;
  border-left: 3px solid var(--ts-yellow);
  font-family: var(--font-mono);
  font-size: var(--fs-1);
  letter-spacing: .18em;
  line-height: 1.4;
  color: var(--ts-yellow);
}

.page-faq .faq-hero h1 {
  margin: 0 0 18px;
  max-width: 15em;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(30px, 5.4vw, 64px);
  line-height: 1.06;
  letter-spacing: -.02em;
  color: var(--ts-cream);
}

.page-faq .faq-h1-accent {
  display: block;
  color: var(--ts-yellow);
}

.page-faq .faq-lead {
  margin: 0;
  max-width: 46em;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(244, 241, 234, .86);
}

/* ---------- 三组入口 ---------- */
.page-faq .faq-groups {
  background: var(--ts-cream);
}

.page-faq .faq-head {
  display: grid;
  gap: 10px;
  padding-bottom: 22px;
  border-bottom: 2px solid var(--ts-ink);
  margin-bottom: 28px;
}

.page-faq .faq-head h2 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(24px, 4vw, 44px);
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--ts-ink);
}

.page-faq .faq-head-note {
  margin: 0;
  max-width: 42em;
  font-size: 15px;
  line-height: 1.75;
  color: var(--ts-graphite);
}

.page-faq .faq-group-nav {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-faq .faq-group-nav a {
  display: grid;
  gap: 8px;
  padding: 24px 22px 22px;
  background: var(--ts-white);
  border: var(--faq-line);
  border-top: 3px solid var(--ts-blue);
  text-decoration: none;
  transition: transform .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);
}

.page-faq .faq-group-nav a:hover {
  transform: translateY(-2px);
  border-color: var(--ts-yellow);
  border-top-color: var(--ts-red);
  box-shadow: var(--faq-soft);
}

.page-faq .faq-gnum {
  font-family: var(--font-mono);
  font-size: 44px;
  font-weight: 700;
  line-height: .9;
  letter-spacing: -.03em;
  color: var(--ts-blue);
  font-variant-numeric: tabular-nums;
}

.page-faq .faq-group-nav a:hover .faq-gnum {
  color: var(--ts-red);
}

.page-faq .faq-glabel {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--fs-4);
  letter-spacing: -.01em;
  color: var(--ts-ink);
}

.page-faq .faq-gdesc {
  font-size: 14px;
  line-height: 1.7;
  color: var(--ts-graphite);
}

.page-faq .faq-gmore {
  margin-top: 4px;
  font-family: var(--font-mono);
  font-size: var(--fs-1);
  letter-spacing: .14em;
  color: var(--ts-clay);
}

/* ---------- 索引 + 手风琴 ---------- */
.page-faq .faq-split {
  background: var(--ts-white);
  border-top: var(--faq-line);
}

.page-faq .faq-split-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  padding-top: 48px;
  padding-bottom: 56px;
}

.page-faq .faq-index {
  background: var(--ts-blue);
  color: var(--ts-cream);
  padding: 24px 20px;
}

.page-faq .faq-index-title {
  margin: 0 0 14px;
  padding-left: 10px;
  border-left: 3px solid var(--ts-yellow);
  font-family: var(--font-mono);
  font-size: var(--fs-1);
  letter-spacing: .18em;
  color: var(--ts-yellow);
}

.page-faq .faq-index-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-faq .faq-index-link {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 12px 8px;
  border-bottom: 1px solid rgba(201, 210, 221, .22);
  color: var(--ts-cream);
  text-decoration: none;
  transition: background-color .16s var(--ease), box-shadow .16s var(--ease);
}

.page-faq .faq-index-link:hover,
.page-faq .faq-index-link:focus-visible,
.page-faq .faq-index-link.is-active {
  background: rgba(255, 209, 0, .14);
  box-shadow: inset 3px 0 0 var(--ts-yellow);
}

.page-faq .faq-index-num {
  font-family: var(--font-mono);
  font-size: var(--fs-1);
  letter-spacing: .12em;
  color: var(--ts-yellow);
}

.page-faq .faq-index-label {
  font-size: 15px;
  line-height: 1.4;
}

.page-faq .faq-index-count {
  font-family: var(--font-mono);
  font-size: var(--fs-2);
  color: rgba(244, 241, 234, .72);
  font-variant-numeric: tabular-nums;
}

.page-faq .faq-index-foot {
  margin: 16px 0 0;
  font-size: 13px;
  line-height: 1.7;
  color: rgba(244, 241, 234, .68);
}

.page-faq .faq-group {
  scroll-margin-top: calc(var(--header-h) + 20px);
}

.page-faq .faq-group + .faq-group {
  margin-top: 44px;
}

.page-faq .faq-group-head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--ts-ink);
  margin-bottom: 4px;
}

.page-faq .faq-group-num {
  font-family: var(--font-mono);
  font-size: var(--fs-1);
  letter-spacing: .16em;
  color: var(--ts-clay);
}

.page-faq .faq-group-head h2 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(22px, 3.4vw, 30px);
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--ts-ink);
}

.page-faq .faq-group-count {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: var(--fs-1);
  letter-spacing: .12em;
  color: var(--ts-graphite);
}

.page-faq .faq-item {
  position: relative;
  border-bottom: var(--faq-line);
}

.page-faq .faq-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--ts-yellow);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .18s var(--ease);
}

.page-faq .faq-item[open]::before {
  transform: scaleY(1);
}

.page-faq .faq-q {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 6px 16px 14px;
  cursor: pointer;
  list-style: none;
}

.page-faq .faq-q::-webkit-details-marker {
  display: none;
}

.page-faq .faq-q:hover .faq-qtext {
  color: var(--ts-blue);
}

.page-faq .faq-q:focus-visible {
  outline: 3px solid var(--ts-yellow);
  outline-offset: 2px;
}

.page-faq .faq-qnum {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--fs-1);
  letter-spacing: .14em;
  color: var(--ts-clay);
}

.page-faq .faq-qtext {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.55;
  color: var(--ts-ink);
  transition: color .16s var(--ease);
}

.page-faq .faq-icon {
  flex: none;
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 20px;
  line-height: 1;
  color: var(--ts-blue);
  transition: transform .18s var(--ease), color .16s var(--ease);
}

.page-faq .faq-item[open] .faq-icon {
  transform: rotate(45deg);
  color: var(--ts-red);
}

.page-faq .faq-a {
  margin: 0 0 18px;
  padding: 16px 16px 14px;
  background: var(--ts-cream);
  border: var(--faq-line);
}

.page-faq .faq-a > p {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--ts-graphite);
}

.page-faq .faq-a a {
  color: var(--ts-blue);
  text-decoration: none;
  border-bottom: 1px solid var(--ts-yellow);
  transition: color .16s var(--ease), background-color .16s var(--ease);
}

.page-faq .faq-a a:hover {
  color: var(--ts-red);
  background: rgba(255, 209, 0, .28);
}

.page-faq .faq-fb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed var(--ts-mist);
}

.page-faq .faq-fb-label {
  margin-right: 2px;
  font-family: var(--font-mono);
  font-size: var(--fs-1);
  letter-spacing: .1em;
  color: var(--ts-graphite);
}

.page-faq .faq-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.page-faq .faq-fb label {
  display: inline-block;
  padding: 4px 14px;
  border: 1px solid var(--ts-mist);
  border-radius: 999px;
  background: var(--ts-white);
  font-size: 13px;
  line-height: 1.6;
  color: var(--ts-graphite);
  cursor: pointer;
  transition: background-color .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease);
}

.page-faq .faq-fb label:hover {
  border-color: var(--ts-yellow);
}

.page-faq .faq-radio:checked + label {
  background: var(--ts-yellow);
  border-color: var(--ts-yellow);
  color: var(--ts-ink);
  font-weight: 600;
}

.page-faq .faq-radio:focus-visible + label {
  outline: 3px solid var(--ts-yellow);
  outline-offset: 2px;
}

/* ---------- 三条路 ---------- */
.page-faq .faq-paths {
  background: var(--ts-blue);
  color: var(--ts-cream);
  padding-top: 56px;
  padding-bottom: 56px;
}

.page-faq .faq-paths-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

.page-faq .faq-paths h2 {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(24px, 4vw, 40px);
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--ts-cream);
}

.page-faq .faq-paths-note {
  margin: 0 0 26px;
  max-width: 40em;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(244, 241, 234, .82);
}

.page-faq .faq-path-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-faq .faq-path-list li {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 12px;
  padding: 20px 0;
  border-top: 1px solid rgba(201, 210, 221, .25);
}

.page-faq .faq-path-list li:last-child {
  border-bottom: 1px solid rgba(201, 210, 221, .25);
}

.page-faq .faq-path-num {
  font-family: var(--font-mono);
  font-size: var(--fs-2);
  letter-spacing: .12em;
  color: var(--ts-yellow);
}

.page-faq .faq-path-body h3 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--ts-cream);
}

.page-faq .faq-path-body p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(244, 241, 234, .76);
}

.page-faq .faq-path-link {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: var(--fs-2);
  line-height: 1.6;
  color: var(--ts-yellow);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  word-break: break-all;
  transition: border-color .16s var(--ease), color .16s var(--ease);
}

.page-faq .faq-path-link:hover {
  color: var(--ts-white);
  border-bottom-color: var(--ts-yellow);
}

.page-faq .faq-paths-media {
  margin: 0;
}

.page-faq .faq-paths-media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 1px solid rgba(201, 210, 221, .3);
}

.page-faq .faq-paths-media figcaption {
  margin-top: 12px;
  padding-left: 12px;
  border-left: 3px solid var(--ts-red);
  font-size: 13px;
  line-height: 1.7;
  color: rgba(244, 241, 234, .72);
}

/* ---------- 断点 ---------- */
@media (min-width: 700px) {
  .page-faq .faq-hero-inner {
    padding-top: calc(var(--header-h) + 64px);
    padding-bottom: 56px;
  }

  .page-faq .faq-lead {
    font-size: 16px;
  }

  .page-faq .faq-group-nav {
    grid-template-columns: repeat(3, 1fr);
  }

  .page-faq .faq-split-inner {
    padding-top: 64px;
    padding-bottom: 72px;
  }

  .page-faq .faq-paths {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

@media (min-width: 1000px) {
  .page-faq .faq-hero {
    min-height: 440px;
  }

  .page-faq .faq-split-inner {
    grid-template-columns: minmax(240px, 30fr) 70fr;
    gap: 56px;
    align-items: start;
  }

  .page-faq .faq-index {
    position: sticky;
    top: calc(var(--header-h) + 24px);
    padding: 28px 24px;
  }

  .page-faq .faq-q {
    padding: 18px 8px 18px 18px;
  }

  .page-faq .faq-qtext {
    font-size: 17px;
  }

  .page-faq .faq-a {
    padding: 20px 22px 18px;
    margin-bottom: 22px;
  }

  .page-faq .faq-a > p {
    font-size: 16px;
  }

  .page-faq .faq-paths-inner {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    gap: 64px;
    align-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-faq .faq-group-nav a,
  .page-faq .faq-icon,
  .page-faq .faq-item::before,
  .page-faq .faq-index-link,
  .page-faq .faq-path-link,
  .page-faq .faq-a a,
  .page-faq .faq-fb label {
    transition: none;
  }

  .page-faq .faq-group-nav a:hover {
    transform: none;
  }

  .page-faq .faq-item[open] .faq-icon {
    transform: rotate(45deg);
  }
}


<main id="main-content" class="page-faq">
  <section class="faq-hero" aria-labelledby="faq-title">
    <img class="faq-hero-media" src="{zhanqunpic:h:500w:1600}" width="1600" height="500" alt="清晨的空球场看台，斜射的光线落在成排座椅上，画面无人">
    <div class="faq-hero-veil" aria-hidden="true"></div>
    <div class="container faq-hero-inner">
      <nav class="breadcrumb faq-crumb" aria-label="面包屑">
        <a href="/">首页</a>
        <span aria-hidden="true">/</span>
        <span>问答中心</span>
      </nav>
      <p class="eyebrow faq-eyebrow">常见问题 · 17 条</p>
      <h1 id="faq-title">先找到你在哪一组，<span class="faq-h1-accent">再花三十秒读完那一条</span></h1>
      <p class="faq-lead">开赛前要确认阵容、对着排名发现数字对不上、反馈发出去想知道多久有回音——雷霆体育把这些疑问归成三组，每条先给结论，再补一句操作或原因，读完就能动手。</p>
    </div>
  </section>

  <section class="section faq-groups" aria-labelledby="faq-groups-title">
    <div class="container">
      <div class="faq-head">
        <h2 id="faq-groups-title">三组入口，先对号</h2>
        <p class="faq-head-note">看提醒和阵容去第一组，查排名和集锦去第二组，要提反馈、问处理进度去第三组。</p>
      </div>
      <ul class="faq-group-nav">
        <li>
          <a href="#use">
            <span class="faq-gnum">06</span>
            <span class="faq-glabel">提醒与阵容</span>
            <span class="faq-gdesc">提醒怎么开启、没收到怎么恢复、阵容卡在跟进里怎么判断。</span>
            <span class="faq-gmore">进入这组</span>
          </a>
        </li>
        <li>
          <a href="#data">
            <span class="faq-gnum">05</span>
            <span class="faq-glabel">排名与集锦</span>
            <span class="faq-gdesc">排名多久刷新、条件怎么叠加、电脑版两大栏目在哪切换。</span>
            <span class="faq-gmore">进入这组</span>
          </a>
        </li>
        <li>
          <a href="#feedback">
            <span class="faq-gnum">06</span>
            <span class="faq-glabel">账号与反馈</span>
            <span class="faq-gdesc">反馈多久有回应、纠错多久核实、能不能撤回、信息怎么用。</span>
            <span class="faq-gmore">进入这组</span>
          </a>
        </li>
      </ul>
    </div>
  </section>

  <div class="faq-split">
    <div class="container faq-split-inner">
      <aside class="faq-index" aria-label="问题分组索引">
        <p class="faq-index-title">按组查找</p>
        <ol class="faq-index-list">
          <li>
            <a class="faq-index-link" href="#use" data-toc-link>
              <span class="faq-index-num">01</span>
              <span class="faq-index-label">提醒与阵容</span>
              <span class="faq-index-count">06</span>
            </a>
          </li>
          <li>
            <a class="faq-index-link" href="#data" data-toc-link>
              <span class="faq-index-num">02</span>
              <span class="faq-index-label">排名与集锦</span>
              <span class="faq-index-count">05</span>
            </a>
          </li>
          <li>
            <a class="faq-index-link" href="#feedback" data-toc-link>
              <span class="faq-index-num">03</span>
              <span class="faq-index-label">账号与反馈</span>
              <span class="faq-index-count">06</span>
            </a>
          </li>
        </ol>
        <p class="faq-index-foot">点开任意一条即可展开，同一时间只展开一条，换一条会自动收起上一条。</p>
      </aside>

      <div class="faq-body">
        <section class="faq-group" id="use" aria-labelledby="faq-use-title" data-section>
          <div class="faq-group-head">
            <span class="faq-group-num">01</span>
            <h2 id="faq-use-title">提醒与阵容</h2>
            <span class="faq-group-count">6 条</span>
          </div>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">01</span>
              <span class="faq-qtext">赛前提醒在哪里开启？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>在移动端的比赛页点“开赛提醒”，允许通知后立即生效。提醒默认关闭，需要你主动订阅，开启后的触达率是 94%。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-u1-y" name="fb-u1">
                <label for="fb-u1-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-u1-n" name="fb-u1">
                <label for="fb-u1-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">02</span>
              <span class="faq-qtext">为什么没有收到开赛提醒？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>先看手机的通知权限有没有被系统收回，再看是否处在静音或免打扰时段。重新进一次比赛页并再次订阅，推送就会恢复。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-u2-y" name="fb-u2">
                <label for="fb-u2-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-u2-n" name="fb-u2">
                <label for="fb-u2-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">03</span>
              <span class="faq-qtext">阵容一般什么时候确认？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>开赛前 10 分钟推送确认阵容，平均确认时效在 90 秒以内。比赛页的阵容卡会同步标出“已确认”，不必反复下拉刷新。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-u3-y" name="fb-u3">
                <label for="fb-u3-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-u3-n" name="fb-u3">
                <label for="fb-u3-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">04</span>
              <span class="faq-qtext">到了时间还没看到阵容怎么办？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>先看阵容卡上的状态点：苔绿表示已确认，高原红表示仍在跟进。过了开赛时间还是空的，就在比赛页底部提一条反馈。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-u4-y" name="fb-u4">
                <label for="fb-u4-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-u4-n" name="fb-u4">
                <label for="fb-u4-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">05</span>
              <span class="faq-qtext">手机和电脑看到的阵容一样吗？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>同一场比赛只有一份阵容记录，两侧同步更新。电脑版从 <a href="/solutions/">联赛排名板块</a>点进具体场次，看到的是同一张阵容卡。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-u5-y" name="fb-u5">
                <label for="fb-u5-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-u5-n" name="fb-u5">
                <label for="fb-u5-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">06</span>
              <span class="faq-qtext">高海拔主场的赛程有额外提示吗？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>有。高海拔主场会在赛程卡上标出气候与赛程密度提示，由高原赛事专项数据组逐场记录，安排观赛行程时可以直接参考。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-u6-y" name="fb-u6">
                <label for="fb-u6-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-u6-n" name="fb-u6">
                <label for="fb-u6-n">还没解决</label>
              </div>
            </div>
          </details>
        </section>

        <section class="faq-group" id="data" aria-labelledby="faq-data-title" data-section>
          <div class="faq-group-head">
            <span class="faq-group-num">02</span>
            <h2 id="faq-data-title">排名与集锦</h2>
            <span class="faq-group-count">5 条</span>
          </div>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">01</span>
              <span class="faq-qtext">联赛排名多久刷新一次？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>每轮比赛结束后即时刷新，赛后回填完成还会再校正一次。想看走势，直接切到历史轮次逐轮回看。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-d1-y" name="fb-d1">
                <label for="fb-d1-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-d1-n" name="fb-d1">
                <label for="fb-d1-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">02</span>
              <span class="faq-qtext">电脑版的两大栏目在哪里切换？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>顶部栏目条上“联赛排名”和“视频集锦”并排，点一下切换、不用刷新页面。两栏都支持直接复制地址收藏。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-d2-y" name="fb-d2">
                <label for="fb-d2-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-d2-n" name="fb-d2">
                <label for="fb-d2-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">03</span>
              <span class="faq-qtext">排名页能同时对比几支球队？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>两支。勾选后并排显示积分、净胜球与近五轮状态，看直接竞争关系一目了然，不用来回切换列表。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-d3-y" name="fb-d3">
                <label for="fb-d3-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-d3-n" name="fb-d3">
                <label for="fb-d3-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">04</span>
              <span class="faq-qtext">筛选条件可以叠加吗？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>可以。积分、净胜球、近五轮状态三个条件同时生效，结果即时收窄。清空全部条件后回到默认的积分排序。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-d4-y" name="fb-d4">
                <label for="fb-d4-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-d4-n" name="fb-d4">
                <label for="fb-d4-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">05</span>
              <span class="faq-qtext">集锦按什么标签归档？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>按轮次、球队、时长三类标签归档，库内共 18,000 条。点卡片上的标签会并进当前筛选，不必退回列表重找。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-d5-y" name="fb-d5">
                <label for="fb-d5-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-d5-n" name="fb-d5">
                <label for="fb-d5-n">还没解决</label>
              </div>
            </div>
          </details>
        </section>

        <section class="faq-group" id="feedback" aria-labelledby="faq-fb-title" data-section>
          <div class="faq-group-head">
            <span class="faq-group-num">03</span>
            <h2 id="faq-fb-title">账号与反馈</h2>
            <span class="faq-group-count">6 条</span>
          </div>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">01</span>
              <span class="faq-qtext">提交反馈后多久有人回？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>24 小时内首次回复。工作日 9:00-18:00 有客服在线接听电话，急事直接打更快。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-f1-y" name="fb-f1">
                <label for="fb-f1-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-f1-n" name="fb-f1">
                <label for="fb-f1-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">02</span>
              <span class="faq-qtext">发现比分或排名写错了怎么改？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>在比赛页或排名页点反馈，写清场次和错在哪里。内容纠错平均 48 小时内完成核实与修订，改完会回信告诉你结果。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-f2-y" name="fb-f2">
                <label for="fb-f2-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-f2-n" name="fb-f2">
                <label for="fb-f2-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">03</span>
              <span class="faq-qtext">反馈发出去还能撤回吗？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>还没进入处理队列的可以撤回，撤回后不再跟进。已经开始核实的会走完流程，并把结论回给你。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-f3-y" name="fb-f3">
                <label for="fb-f3-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-f3-n" name="fb-f3">
                <label for="fb-f3-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">04</span>
              <span class="faq-qtext">一定要注册账号才能提问吗？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>不用，留一个能收信的邮箱就够了。回复会同时发到那封信箱，事后想翻记录也找得到。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-f4-y" name="fb-f4">
                <label for="fb-f4-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-f4-n" name="fb-f4">
                <label for="fb-f4-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">05</span>
              <span class="faq-qtext">我的纠错被采纳会有通知吗？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>会。核实完成后系统回信说明处理结果，被采纳的纠错会在<a href="/reports/">每周三的更新公告</a>里一并交代。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-f5-y" name="fb-f5">
                <label for="fb-f5-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-f5-n" name="fb-f5">
                <label for="fb-f5-n">还没解决</label>
              </div>
            </div>
          </details>

          <details class="faq-item" name="faq">
            <summary class="faq-q">
              <span class="faq-qnum">06</span>
              <span class="faq-qtext">反馈里填的邮箱会被怎么使用？</span>
              <span class="faq-icon" aria-hidden="true">+</span>
            </summary>
            <div class="faq-a">
              <p>只用来回信和跟进这一件事，不会挪作推送。具体做法与你的删除权利写在<a href="/data-protection/">数据保护说明</a>里。</p>
              <div class="faq-fb">
                <span class="faq-fb-label">这条有帮助吗</span>
                <input class="faq-radio" type="radio" id="fb-f6-y" name="fb-f6">
                <label for="fb-f6-y">有帮助</label>
                <input class="faq-radio" type="radio" id="fb-f6-n" name="fb-f6">
                <label for="fb-f6-n">还没解决</label>
              </div>
            </div>
          </details>
        </section>
      </div>
    </div>
  </div>

  <section class="faq-paths" aria-labelledby="faq-paths-title">
    <div class="container faq-paths-inner">
      <div class="faq-paths-main">
        <p class="eyebrow faq-eyebrow">还没解决</p>
        <h2 id="faq-paths-title">三条路，按你的紧急程度挑</h2>
        <p class="faq-paths-note">开赛前的事打电话，需要留文字记录的事写邮件，页面上的小问题用反馈按钮。</p>
        <ul class="faq-path-list">
          <li>
            <span class="faq-path-num">01</span>
            <div class="faq-path-body">
              <h3>电话：开赛前最急的那件事</h3>
              <p>工作日 9:00-18:00 有人值守，阵容、赛程的临时疑问直接说，不用等回信。</p>
              <a class="faq-path-link" href="tel:40027865573">400-2786-5573</a>
            </div>
          </li>
          <li>
            <span class="faq-path-num">02</span>
            <div class="faq-path-body">
              <h3>邮件：需要留下记录的事</h3>
              <p>纠错、数据引用、媒体合作，写清场次与用途，24 小时内首次回复。</p>
              <a class="faq-path-link" href="mailto:contact@thunder-install-leiting.com.cn">contact@thunder-install-leiting.com.cn</a>
            </div>
          </li>
          <li>
            <span class="faq-path-num">03</span>
            <div class="faq-path-body">
              <h3>反馈按钮：页面里随手就能提</h3>
              <p>比赛页与排名页底部都有入口，处理进度回到你的邮箱。客服邮箱 service@thunder-install-leiting.com.cn。</p>
              <a class="faq-path-link" href="/consult/">看咨询分流方式</a>
            </div>
          </li>
        </ul>
      </div>
      <figure class="faq-paths-media">
        <img src="{zhanqunpic:h:900w:900}" width="900" height="900" alt="耳机、笔记本与便签的桌面俯拍，构图简洁，色调偏冷" loading="lazy" decoding="async">
        <figcaption>客服工作日在线，邮件与反馈 24 小时内首次回复，纠错平均 48 小时内核实完成。</figcaption>
      </figure>
    </div>
  </section>
</main>