.page-faq {
  --faq-shadow: 0 18px 42px -30px rgba(11, 36, 31, 0.6);
  --faq-hair: 1px solid rgba(176, 123, 60, 0.3);
  --faq-dash: 1px dashed rgba(176, 123, 60, 0.32);
  padding-bottom: clamp(3rem, 6vw, 5rem);
  color: var(--brown-900);
}

/* ---------- 页头 ---------- */
.page-faq .faq-head {
  position: relative;
  overflow: hidden;
  padding-block: clamp(1.5rem, 4vw, 2.8rem) clamp(1.75rem, 4vw, 2.6rem);
}
.page-faq .faq-head::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(99deg, rgba(11, 36, 31, 0.05) 0 2px, transparent 2px 24px),
    linear-gradient(180deg, rgba(231, 220, 200, 0.7), rgba(244, 237, 224, 0) 76%);
  pointer-events: none;
  z-index: 0;
}
.page-faq .faq-head__grid {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(1.1rem, 2.6vw, 2rem);
}
.page-faq .faq-kicker {
  margin: 0 0 0.65rem;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: var(--copper-500);
}
.page-faq .faq-title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(2.15rem, 6vw, 4.3rem);
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--ink-900);
}
.page-faq .faq-intro {
  border-left: 1px solid rgba(176, 123, 60, 0.42);
  padding-left: clamp(0.9rem, 2vw, 1.4rem);
}
.page-faq .faq-intro p {
  margin: 0 0 0.85rem;
  font-size: clamp(0.95rem, 1.6vw, 1.04rem);
  line-height: 1.82;
}
.page-faq .faq-intro p:last-child {
  margin-bottom: 0;
}
.page-faq .faq-intro .faq-intro__note {
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--sage-500);
}

/* ---------- 双栏骨架 ---------- */
.page-faq .faq-toc-wrap {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}
.page-faq .faq-toc {
  border-top: 2px solid var(--ink-900);
  padding-top: 0.75rem;
}
.page-faq .faq-toc__title {
  margin: 0 0 0.55rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  color: var(--sage-500);
}
.page-faq .faq-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.1rem;
}
.page-faq .faq-toc__link {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr);
  gap: 0.4rem;
  align-items: baseline;
  padding: 0.5rem 0.3rem;
  font-size: 0.92rem;
  color: var(--ink-700);
  text-decoration: none;
  border-bottom: var(--faq-dash);
  transition: color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}
.page-faq .faq-toc__link:hover {
  color: var(--ink-900);
  background: rgba(217, 165, 102, 0.16);
}
.page-faq .faq-toc__link:focus-visible {
  outline: 2px solid var(--copper-300);
  outline-offset: 2px;
  color: var(--ink-900);
}
.page-faq .faq-toc__no {
  font-family: var(--font-mono);
  font-size: 0.74rem;
  color: var(--copper-500);
}

/* ---------- 正文链接 ---------- */
.page-faq :where(.faq-body, .faq-intro, .faq-head__main) a:not(.btn):not(.copy-btn) {
  color: var(--ink-500);
  text-decoration: underline;
  text-decoration-color: var(--copper-300);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

/* ---------- 章节 ---------- */
.page-faq .faq-section {
  padding-block: clamp(1.75rem, 3.5vw, 2.75rem);
  border-top: var(--faq-hair);
  scroll-margin-top: 5.5rem;
}
.page-faq .faq-body > .faq-section:first-child {
  border-top: 0;
  padding-top: 0;
}
.page-faq .faq-section__num {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  color: var(--copper-500);
}
.page-faq .faq-section__title {
  margin: 0.4rem 0 0.9rem;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(1.45rem, 3.4vw, 2.1rem);
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: var(--ink-900);
}
.page-faq .faq-lead {
  margin: 0 0 1.2rem;
  max-width: 36rem;
  font-size: 0.98rem;
  line-height: 1.8;
}

/* ---------- 速查卡 ---------- */
.page-faq .ladder-grid {
  display: grid;
  gap: clamp(1.25rem, 3vw, 1.9rem);
}
.page-faq .ladder-card {
  position: relative;
  padding: clamp(1.2rem, 3vw, 2rem);
  color: var(--cream-100);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(31, 90, 76, 0.6), rgba(11, 36, 31, 0) 62%),
    var(--ink-900);
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
  box-shadow: var(--faq-shadow);
}
.page-faq .ladder-card__lead {
  margin: 0 0 1.2rem;
  font-size: 0.96rem;
  line-height: 1.8;
  color: rgba(244, 237, 224, 0.9);
}
.page-faq .ladder-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 0 0 1.3rem;
  padding: 1rem 0;
  border-top: 1px solid rgba(217, 165, 102, 0.34);
  border-bottom: 1px solid rgba(217, 165, 102, 0.34);
}
.page-faq .ladder-stats dt {
  font-size: 0.73rem;
  letter-spacing: 0.1em;
  color: var(--copper-300);
}
.page-faq .ladder-stats dd {
  margin: 0.25rem 0 0;
  font-family: var(--font-mono);
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  line-height: 1.1;
  color: var(--paper-50);
}
.page-faq .summary-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}
.page-faq .summary-list li {
  position: relative;
  padding-left: 1.4rem;
  font-size: 0.93rem;
  line-height: 1.75;
  color: rgba(244, 237, 224, 0.9);
}
.page-faq .summary-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 0.48rem;
  height: 0.48rem;
  background: var(--copper-300);
  transform: rotate(45deg);
}
.page-faq .summary-list strong {
  color: var(--paper-50);
  font-weight: 600;
}
.page-faq .ladder-card__foot {
  margin: 1.2rem 0 0;
  padding-top: 0.9rem;
  border-top: var(--faq-dash);
  font-size: 0.85rem;
  line-height: 1.75;
  color: rgba(217, 165, 102, 0.92);
}
.page-faq .ladder-card a {
  color: var(--copper-300);
  text-decoration-color: rgba(217, 165, 102, 0.7);
}

/* ---------- 图片框 ---------- */
.page-faq .media-frame {
  margin: 0;
}
.page-faq .media-frame img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* ---------- 问答手风琴 ---------- */
.page-faq .qa-list {
  margin-top: 1.3rem;
  border-top: var(--faq-hair);
}
.page-faq .qa {
  border-bottom: var(--faq-hair);
}
.page-faq .qa__summary {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr) 1rem;
  gap: 0.55rem;
  align-items: start;
  padding: 0.95rem 0;
  cursor: pointer;
  list-style: none;
}
.page-faq .qa__summary::-webkit-details-marker {
  display: none;
}
.page-faq .qa__summary:focus-visible {
  outline: 2px solid var(--copper-300);
  outline-offset: 3px;
}
.page-faq .qa__idx {
  padding-top: 0.2rem;
  font-family: var(--font-mono);
  font-size: 0.76rem;
  color: var(--copper-500);
}
.page-faq .qa__q {
  font-weight: 600;
  font-size: 0.98rem;
  line-height: 1.62;
  color: var(--ink-900);
}
.page-faq .qa__sign {
  position: relative;
  width: 0.85rem;
  height: 0.85rem;
  margin-top: 0.42rem;
  justify-self: end;
}
.page-faq .qa__sign::before,
.page-faq .qa__sign::after {
  content: "";
  position: absolute;
  background: var(--copper-500);
  transition: opacity var(--dur-fast) var(--ease);
}
.page-faq .qa__sign::before {
  left: 0;
  right: 0;
  top: calc(50% - 0.75px);
  height: 1.5px;
}
.page-faq .qa__sign::after {
  top: 0;
  bottom: 0;
  left: calc(50% - 0.75px);
  width: 1.5px;
}
.page-faq .qa[open] .qa__sign::after {
  opacity: 0;
}
.page-faq .qa__a {
  padding: 0 0 1.05rem;
}
.page-faq .qa__a p {
  margin: 0 0 0.7rem;
  font-size: 0.94rem;
  line-height: 1.8;
}
.page-faq .qa__a p:last-child {
  margin-bottom: 0;
}

/* ---------- 票根式标签 ---------- */
.page-faq .qa-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  list-style: none;
  margin: 0 0 1.2rem;
  padding: 0;
}
.page-faq .qa-tags li {
  padding: 0.3rem 0.65rem;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  color: var(--ink-700);
  background: var(--paper-50);
  border: 1px solid rgba(176, 123, 60, 0.36);
  border-left: 3px solid var(--copper-500);
  border-radius: 2px;
}

/* ---------- 步骤列表 ---------- */
.page-faq .step-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.85rem;
}
.page-faq .step-list li {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 0.55rem;
  padding-bottom: 0.85rem;
  border-bottom: var(--faq-dash);
}
.page-faq .step-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.page-faq .step-list__no {
  font-family: var(--font-mono);
  font-size: 0.8rem;
  line-height: 1.72;
  color: var(--copper-500);
}
.page-faq .step-list__text {
  font-size: 0.94rem;
  line-height: 1.78;
}

/* ---------- 第二栏章节 ---------- */
.page-faq .col-grid {
  display: grid;
  gap: clamp(1.25rem, 3vw, 2rem);
}
.page-faq .col-grid .step-list {
  margin-top: 0.2rem;
}

/* ---------- 分段切换 ---------- */
.page-faq .aud-split {
  position: relative;
  margin-top: 0.4rem;
}
.page-faq .aud-split__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.page-faq .seg-switch {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  padding: 0.22rem;
  background: var(--beige-200);
  border: 1px solid rgba(176, 123, 60, 0.34);
  border-radius: 3px;
}
.page-faq .seg-switch__opt {
  padding: 0.45rem 1rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ink-700);
  border-radius: 2px;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
.page-faq .seg-switch__opt:hover {
  background: rgba(251, 247, 239, 0.9);
}
.page-faq #faq-aud-new:checked ~ .seg-switch label[for="faq-aud-new"],
.page-faq #faq-aud-old:checked ~ .seg-switch label[for="faq-aud-old"] {
  background: var(--ink-700);
  color: var(--paper-50);
}
.page-faq #faq-aud-new:focus-visible ~ .seg-switch label[for="faq-aud-new"],
.page-faq #faq-aud-old:focus-visible ~ .seg-switch label[for="faq-aud-old"] {
  outline: 2px solid var(--copper-300);
  outline-offset: 2px;
}
.page-faq #faq-aud-new:checked ~ .aud-panel--old,
.page-faq #faq-aud-old:checked ~ .aud-panel--new {
  display: none;
}
.page-faq .aud-panel {
  margin-top: 1.3rem;
  padding: clamp(1rem, 2.6vw, 1.5rem);
  background: var(--paper-50);
  border: var(--faq-hair);
  border-left: 3px solid var(--copper-500);
}
.page-faq .aud-panel__lead {
  margin: 0 0 1rem;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--sage-500);
}

/* ---------- 提交区 ---------- */
.page-faq .escalate {
  position: relative;
  margin-top: 1.3rem;
  padding: clamp(1.2rem, 3vw, 1.9rem);
  background: var(--paper-50);
  border: var(--faq-hair);
  border-top: 3px solid var(--copper-500);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
  box-shadow: var(--faq-shadow);
}
.page-faq .escalate__lead {
  margin: 0 0 1rem;
  font-size: 0.96rem;
  line-height: 1.82;
}
.page-faq .need-list {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
  display: grid;
  gap: 0.6rem;
}
.page-faq .need-list li {
  position: relative;
  padding-left: 1.5rem;
  font-size: 0.93rem;
  line-height: 1.75;
}
.page-faq .need-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--copper-500);
  transform: rotate(45deg);
}
.page-faq .need-list strong {
  color: var(--ink-900);
  font-weight: 600;
}
.page-faq .escalate__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
}
.page-faq .copy-note {
  min-height: 1.2em;
  margin: 0.7rem 0 0;
  font-size: 0.82rem;
  color: var(--sage-500);
}
.page-faq .escalate__foot {
  margin: 0.9rem 0 0;
  padding-top: 0.85rem;
  border-top: var(--faq-dash);
  font-size: 0.85rem;
  line-height: 1.75;
  color: var(--sage-500);
}

/* ---------- 断点 ---------- */
@media (min-width: 640px) {
  .page-faq .ladder-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .page-faq .qa__a {
    padding-left: 2.65rem;
  }
}

@media (min-width: 860px) {
  .page-faq .ladder-grid {
    grid-template-columns: minmax(0, 1.22fr) minmax(0, 0.78fr);
    align-items: start;
  }
  .page-faq .col-grid {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    align-items: start;
  }
}

@media (min-width: 920px) {
  .page-faq .faq-head__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: end;
  }
  .page-faq .faq-intro {
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1000px) {
  .page-faq .faq-layout {
    display: grid;
    grid-template-columns: 15.5rem minmax(0, 1fr);
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: start;
  }
  .page-faq .faq-toc-wrap {
    position: sticky;
    top: 5.5rem;
    margin-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-faq .faq-toc__link,
  .page-faq .seg-switch__opt,
  .page-faq .qa__sign::before,
  .page-faq .qa__sign::after {
    transition: none;
  }
}
<<<END>>>

等等——我不应该包含 `<<<END>>>`。协议说的是只有三个标记……其实指令里只说了 `` 和 `` 必须各自恰好出现一次。加 `<<<END>>>` 可能是错的。干脆不加吧。但“严格按照以下标记顺序输出，每个标记只能出现一次”——顺序是先 MAIN_HTML 再 PAGE_CSS。我加 `<<<END>>>` 不是顺序里要求的，有风险。为了稳妥，干脆不加了。不过我上面已经把 `<<<END>>>` 放上去了，得改掉。

另外我还得再核对一下 `summary` 上的 `list-style: none`——`summary` 默认是 `display: list-item`。设置成 grid 就会覆盖掉。给 `summary` 设 `display: grid` 已经能去掉标记了。没问题。

其实 `summary` 默认在某些浏览器里是 `display: list-item`，设置 `display: grid` 会连标记也一起去掉。行。

还有一件事：`.page-faq .qa__summary` 的 `list-style` 和 `::-webkit-details-marker` 都要处理。

最终输出——去掉 `<<<END>>>`。
<main id="main-content" class="page-faq">
  <div class="container">
    <nav class="breadcrumb" aria-label="面包屑">
      <ol class="breadcrumb__list">
        <li><a class="breadcrumb__link" href="/">首页</a></li>
        <li><span class="breadcrumb__sep" aria-hidden="true">/</span></li>
        <li><a class="breadcrumb__link" href="/answers/" aria-current="page">答疑中心</a></li>
      </ol>
    </nav>

    <header class="faq-head">
      <div class="faq-head__grid" data-reveal>
        <div class="faq-head__main">
          <p class="faq-kicker">答疑中心 · 规则与访问手册</p>
          <h1 class="faq-title">段位怎么往上走，<br>桌面入口怎么找回</h1>
        </div>
        <div class="faq-intro">
          <p>百老汇牛牛升段位规则一共十二级，从低到高分在四个大段里，桌面端日常访问页把它钉在第二栏，随时能翻。这一页把晋级条件、条目位置和入口排查整理成能直接查阅的问答，省得你来回翻页面。</p>
          <p class="faq-intro__note">左边的目录列了六个方向：查段位看第一栏，找不到入口看第三栏，画面不对看第四栏。</p>
        </div>
      </div>
    </header>

    <div class="faq-layout">
      <aside class="faq-toc-wrap">
        <nav class="faq-toc" aria-label="本页目录">
          <p class="faq-toc__title">翻到哪一节</p>
          <ol class="faq-toc__list">
            <li class="faq-toc__item">
              <a class="faq-toc__link" href="#ladder"><span class="faq-toc__no" aria-hidden="true">01</span><span>段位速查</span></a>
            </li>
            <li class="faq-toc__item">
              <a class="faq-toc__link" href="#second-column"><span class="faq-toc__no" aria-hidden="true">02</span><span>规则停在哪一栏</span></a>
            </li>
            <li class="faq-toc__item">
              <a class="faq-toc__link" href="#access"><span class="faq-toc__no" aria-hidden="true">03</span><span>入口与标签</span></a>
            </li>
            <li class="faq-toc__item">
              <a class="faq-toc__link" href="#display"><span class="faq-toc__no" aria-hidden="true">04</span><span>画面与设备</span></a>
            </li>
            <li class="faq-toc__item">
              <a class="faq-toc__link" href="#split"><span class="faq-toc__no" aria-hidden="true">05</span><span>新手与老朋友</span></a>
            </li>
            <li class="faq-toc__item">
              <a class="faq-toc__link" href="#escalate"><span class="faq-toc__no" aria-hidden="true">06</span><span>还没解决</span></a>
            </li>
          </ol>
        </nav>
      </aside>

      <div class="faq-body">
        <section class="faq-section" id="ladder" aria-labelledby="ladder-title">
          <p class="faq-section__num">01 / 规则速查</p>
          <h2 class="faq-section__title" id="ladder-title">十二个段位，三项一起算</h2>
          <div class="ladder-grid">
            <div class="ladder-card">
              <p class="ladder-card__lead">段位从低到高连续排开，四个大段各自包含三个段位。往上走看的是三项加起来的结果，单独把某一项刷高，并不会让另外两项跟着补上。</p>
              <dl class="ladder-stats">
                <div class="ladder-stats__item">
                  <dt>段位总数</dt>
                  <dd>12</dd>
                </div>
                <div class="ladder-stats__item">
                  <dt>大段划分</dt>
                  <dd>4</dd>
                </div>
                <div class="ladder-stats__item">
                  <dt>每段段位</dt>
                  <dd>3</dd>
                </div>
                <div class="ladder-stats__item">
                  <dt>更新节奏</dt>
                  <dd>2 周</dd>
                </div>
              </dl>
              <ul class="summary-list">
                <li><strong>对局完成度</strong>：开局之后尽量打到结束，频繁中途退出会让进度积累变慢。</li>
                <li><strong>规则测验</strong>：围绕段位相关条目做的小测验，答对情况计入综合判断。</li>
                <li><strong>活跃周期</strong>：在一段连续时间里保持稳定访问，比偶尔集中上来更容易累积。</li>
              </ul>
              <p class="ladder-card__foot">条目调整时会同步说明影响范围，版本号与期号都记在 <a href="/journal/">更新日志</a> 里，想回看某次变化可以直接对着期号找。</p>
            </div>
            <figure class="media-frame">
              <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="米白纸面印刷的规则说明页局部，等宽序号打头，条款之间用铜色细线分隔，可见纸张纤维">
              <figcaption class="media-frame__caption">段位说明的排印方式：等宽序号管顺序，正文只管讲清楚一件事。</figcaption>
            </figure>
          </div>

          <div class="qa-list">
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">1.1</span>
                <span class="qa__q">三项条件里，哪一项最影响晋级？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>三项是并在一起看的，没有可以单独顶上去的那一项。对局完成度和规则测验反映你当下的状态，活跃周期决定这份状态能不能稳定累积下来。</p>
                <p>实操上更省力的做法是：把对局打完，偶尔做一次规则测验，访问频率保持平稳，三件事一起推进比单项猛冲快得多。</p>
              </div>
            </details>
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">1.2</span>
                <span class="qa__q">段位说明多久会变一次？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>站点每两周发一个版本，规则条目如果有改动，会在同一次更新里写清楚改了哪一条、影响到哪些段位区间。</p>
                <p>你不需要每次重读全文，看更新日志里带规则变更标记的那几条就够了。</p>
              </div>
            </details>
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">1.3</span>
                <span class="qa__q">四个大段之间的距离是一样的吗？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>大段只是把十二个段位按由低到高分成了四组，每组三个。越往上，三项条件的观察周期越长，所以后面的段位停得久一些是正常的。</p>
              </div>
            </details>
          </div>
        </section>

        <section class="faq-section" id="second-column" aria-labelledby="second-column-title">
          <p class="faq-section__num">02 / 条目位置</p>
          <h2 class="faq-section__title" id="second-column-title">规则一直停在第二栏，不用重新找</h2>
          <p class="faq-lead">很多人不是看不懂规则，是每次都要重新找它放在哪。桌面端日常访问页把它固定在第二栏，位置不动，锚点也不动，记住一次就够。</p>
          <div class="col-grid">
            <figure class="media-frame">
              <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="桌面端页面示意图，右侧第二栏以铜金色边框标出段位规则所在的固定区域，画面中不出现人物" loading="lazy" decoding="async">
              <figcaption class="media-frame__caption">第二栏被铜金色框出来的那块，就是段位规则常驻的位置。</figcaption>
            </figure>
            <ol class="step-list">
              <li>
                <span class="step-list__no" aria-hidden="true">01</span>
                <span class="step-list__text">在电脑上打开 <a href="/">站点首页</a>，确认看到的是桌面版布局：左侧一列入口，右侧是内容区。</span>
              </li>
              <li>
                <span class="step-list__no" aria-hidden="true">02</span>
                <span class="step-list__text">视线往右移到第二栏，找到写着段位规则的那块标题，它常年在这个位置。</span>
              </li>
              <li>
                <span class="step-list__no" aria-hidden="true">03</span>
                <span class="step-list__text">点标题旁的锚点，页面会直接落到段位表；下次地址里带着这一段，打开就在规则上。</span>
              </li>
            </ol>
          </div>
        </section>

        <section class="faq-section" id="access" aria-labelledby="access-title">
          <p class="faq-section__num">03 / 入口与标签</p>
          <h2 class="faq-section__title" id="access-title">入口找不到了，先看这三处</h2>
          <ul class="qa-tags">
            <li>常用入口</li>
            <li>分类标签</li>
            <li>访问记录</li>
            <li>桌面快捷方式</li>
          </ul>
          <div class="qa-list">
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">3.1</span>
                <span class="qa__q">常用入口在首页的哪个位置？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>首页左侧那条纵向的快捷栏，固定放着八个入口，覆盖日常访问频次最高的内容分类。右侧才是标签墙和更新摘要。</p>
                <p>如果你在右侧内容区里翻找，说明找错了半边。</p>
              </div>
            </details>
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">3.2</span>
                <span class="qa__q">昨天点过的入口，今天怎么没有记录了？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>最近访问记录保存在你当前这台电脑的浏览器里。换一台设备、换一个浏览器，或者清理了浏览器数据，记录都会从头开始。</p>
                <p>想让它固定下来，可以在入口旁打开「锁定常用入口」，把那几个位置钉住，不依赖访问记录。</p>
              </div>
            </details>
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">3.3</span>
                <span class="qa__q">点了标签，内容没有跟着变怎么办？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>站点有六个一级分类、二十八个二级标签，二级标签按玩法、规则、设备、更新四组排。多数筛不出结果的情况，是同时点中了不同组的标签。</p>
                <p>先把已选标签清空，再只从同一组里挑一个试试。如果还是没反应，把浏览器名称和版本号记下来，按第六条发给我们。</p>
              </div>
            </details>
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">3.4</span>
                <span class="qa__q">每次都要重新点一遍，能不能省掉？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>能。固定玩法的人用「锁定常用入口」把位置钉住，再把站点地址存成桌面快捷方式，之后双击就能进来。</p>
                <p>标准版和精简版的安装包、快捷方式的生成方法，写在 <a href="/business/">下载与入口</a> 那一页。</p>
              </div>
            </details>
          </div>
        </section>

        <section class="faq-section" id="display" aria-labelledby="display-title">
          <p class="faq-section__num">04 / 画面与设备</p>
          <h2 class="faq-section__title" id="display-title">画面不对时，按这个顺序排查</h2>
          <p class="faq-lead">先看分辨率，再看浏览器，最后看字体和快捷方式。多数显示问题落在这三步里的某一步上，不用挨个试。</p>
          <div class="qa-list">
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">4.1</span>
                <span class="qa__q">多大的屏幕才算正常显示？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>站点按 1366×768 到 2560×1440 的桌面分辨率适配。低于这个范围，第二栏可能被折到内容下方而不是留在右边，看上去就像规则不见了。</p>
                <p>把浏览器窗口拉宽，或者把系统缩放调回 100%，通常就恢复了。</p>
              </div>
            </details>
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">4.2</span>
                <span class="qa__q">用哪个浏览器比较稳？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>Chrome、Edge、Firefox 近两年发布的版本都能正常打开。版本太旧时，标签选择器和展开折叠可能点不动。</p>
                <p>更新浏览器之后如果还有问题，把版本号一起发给我们，方便定位。</p>
              </div>
            </details>
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">4.3</span>
                <span class="qa__q">字体发虚、序号对不齐是怎么回事？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>标题用宋体渲染，序号和版本号用等宽字体。系统里缺少对应字体时，浏览器会换成默认字体，字重和字距就会有细微差别。</p>
                <p>这不影响内容阅读。想看着整齐一些，可以把系统缩放调成 100%，或换一台字体更完整的机器。</p>
              </div>
            </details>
            <details class="qa">
              <summary class="qa__summary">
                <span class="qa__idx" aria-hidden="true">4.4</span>
                <span class="qa__q">桌面快捷方式点开是空白怎么办？</span>
                <span class="qa__sign" aria-hidden="true"></span>
              </summary>
              <div class="qa__a">
                <p>多半是安装目录被移动过，快捷方式还指着原来的位置。回到 <a href="/business/">下载与入口</a> 重新生成一个，或者直接把浏览器地址栏里的地址拖到桌面。</p>
              </div>
            </details>
          </div>
        </section>

        <section class="faq-section" id="split" aria-labelledby="split-title">
          <p class="faq-section__num">05 / 两种开始方式</p>
          <h2 class="faq-section__title" id="split-title">第一次来，和已经用惯，走的路不一样</h2>
          <p class="faq-lead">按住你的情况选一边，页面会只留下对应的那组说明。</p>

          <div class="aud-split">
            <input class="aud-split__radio" type="radio" name="faq-audience" id="faq-aud-new" checked>
            <input class="aud-split__radio" type="radio" name="faq-audience" id="faq-aud-old">
            <div class="seg-switch" role="group" aria-label="按你的使用阶段查看">
              <label class="seg-switch__opt" for="faq-aud-new">第一次来</label>
              <label class="seg-switch__opt" for="faq-aud-old">已经用惯</label>
            </div>

            <div class="aud-panel aud-panel--new">
              <p class="aud-panel__lead">四步走完，之后每次进来大概只要两次点击。</p>
              <ol class="step-list">
                <li>
                  <span class="step-list__no" aria-hidden="true">01</span>
                  <span class="step-list__text">确认设备：用台式或笔记本，浏览器窗口留够宽度，别把缩放调得太小。</span>
                </li>
                <li>
                  <span class="step-list__no" aria-hidden="true">02</span>
                  <span class="step-list__text">挑分类标签：先从玩法组里选一个方向，不确定就先只选一个，看内容合不合你的习惯。</span>
                </li>
                <li>
                  <span class="step-list__no" aria-hidden="true">03</span>
                  <span class="step-list__text">进入常用入口：从首页左侧快捷栏点进去，依次看一眼八个入口都放的是什么。</span>
                </li>
                <li>
                  <span class="step-list__no" aria-hidden="true">04</span>
                  <span class="step-list__text">收藏快捷方式：把站点存成桌面捷径，下次省掉重新输网址这一步。</span>
                </li>
              </ol>
            </div>

            <div class="aud-panel aud-panel--old">
              <p class="aud-panel__lead">两步直达，不用重复找路。</p>
              <ol class="step-list">
                <li>
                  <span class="step-list__no" aria-hidden="true">01</span>
                  <span class="step-list__text">打开首页左侧的常用入口，先打开「锁定常用入口」，把常去的几个位置钉住，不再受访问记录影响。</span>
                </li>
                <li>
                  <span class="step-list__no" aria-hidden="true">02</span>
                  <span class="step-list__text">要查段位时，直接跳到第二栏的规则锚点，不必从头滚动；把这枚锚点存成书签，一步落入规则区。</span>
                </li>
              </ol>
            </div>
          </div>
        </section>

        <section class="faq-section" id="escalate" aria-labelledby="escalate-title">
          <p class="faq-section__num">06 / 还没解决</p>
          <h2 class="faq-section__title" id="escalate-title">发问题的时候，顺手带上这几样</h2>
          <div class="escalate">
            <p class="escalate__lead">入口点不开、标签筛不出、画面缺一块，这些都可能是同一类原因。信息给得越具体，回复越能一次说到点上。工作日的 9:00–18:00 之间发来，当天就能收到回音。</p>
            <ul class="need-list">
              <li><strong>内容版本号</strong>：页面上显示的是 v3.6，先确认你看到的是这一个。</li>
              <li><strong>问题位置</strong>：写清是第几栏、哪个栏目，或者直接把地址里的锚点一起贴过来。</li>
              <li><strong>一张截图</strong>：把出问题的区域连同周围内容一起截进去，比文字描述直观。</li>
              <li><strong>浏览器与分辨率</strong>：例如 Chrome，1920×1080，方便我们照着同一个环境复现。</li>
            </ul>
            <div class="escalate__actions">
              <button class="copy-btn" type="button" data-copy="service@bailaohui-niuniu.com.cn">
                <span class="copy-btn__label">复制客服邮箱</span>
              </button>
              <a class="btn btn--copper" href="/find-us/">去联络窗口</a>
              <a class="btn btn--ghost" href="/instructions/">看访问说明</a>
            </div>
            <p class="copy-note" data-copy-status aria-live="polite"></p>
            <p class="escalate__foot">帮助中心留言板支持同时贴图与版本号；发邮件请写到 service@bailaohui-niuniu.com.cn。站点的浏览条件与使用约定，在访问说明里写得更细。</p>
          </div>
        </section>
      </div>
    </div>
  </div>
</main>

.page-faq {
  --faq-shadow: 0 18px 42px -30px rgba(11, 36, 31, 0.6);
  --faq-hair: 1px solid rgba(176, 123, 60, 0.3);
  --faq-dash: 1px dashed rgba(176, 123, 60, 0.32);
  padding-bottom: clamp(3rem, 6vw, 5rem);
  color: var(--brown-900);
}

/* ---------- 页头 ---------- */
.page-faq .faq-head {
  position: relative;
  overflow: hidden;
  padding-block: clamp(1.5rem, 4vw, 2.8rem) clamp(1.75rem, 4vw, 2.6rem);
}
.page-faq .faq-head::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(99deg, rgba(11, 36, 31, 0.05) 0 2px, transparent 2px 24px),
    linear-gradient(180deg, rgba(231, 220, 200, 0.7), rgba(244, 237, 224, 0) 76%);
  pointer-events: none;
  z-index: 0;
}
.page-faq .faq-head__grid {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(1.1rem, 2.6vw, 2rem);
}
.page-faq .faq-kicker {
  margin: 0 0 0.65rem;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: var(--copper-500);
}
.page-faq .faq-title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(2.15rem, 6vw, 4.3rem);
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--ink-900);
}
.page-faq .faq-intro {
  border-left: 1px solid rgba(176, 123, 60, 0.42);
  padding-left: clamp(0.9rem, 2vw, 1.4rem);
}
.page-faq .faq-intro p {
  margin: 0 0 0.85rem;
  font-size: clamp(0.95rem, 1.6vw, 1.04rem);
  line-height: 1.82;
}
.page-faq .faq-intro p:last-child {
  margin-bottom: 0;
}
.page-faq .faq-intro .faq-intro__note {
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--sage-500);
}

/* ---------- 双栏骨架 ---------- */
.page-faq .faq-toc-wrap {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}
.page-faq .faq-toc {
  border-top: 2px solid var(--ink-900);
  padding-top: 0.75rem;
}
.page-faq .faq-toc__title {
  margin: 0 0 0.55rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  color: var(--sage-500);
}
.page-faq .faq-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.1rem;
}
.page-faq .faq-toc__link {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr);
  gap: 0.4rem;
  align-items: baseline;
  padding: 0.5rem 0.3rem;
  font-size: 0.92rem;
  color: var(--ink-700);
  text-decoration: none;
  border-bottom: var(--faq-dash);
  transition: color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}
.page-faq .faq-toc__link:hover {
  color: var(--ink-900);
  background: rgba(217, 165, 102, 0.16);
}
.page-faq .faq-toc__link:focus-visible {
  outline: 2px solid var(--copper-300);
  outline-offset: 2px;
  color: var(--ink-900);
}
.page-faq .faq-toc__no {
  font-family: var(--font-mono);
  font-size: 0.74rem;
  color: var(--copper-500);
}

/* ---------- 正文链接 ---------- */
.page-faq :where(.faq-body, .faq-intro, .faq-head__main) a:not(.btn):not(.copy-btn) {
  color: var(--ink-500);
  text-decoration: underline;
  text-decoration-color: var(--copper-300);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

/* ---------- 章节 ---------- */
.page-faq .faq-section {
  padding-block: clamp(1.75rem, 3.5vw, 2.75rem);
  border-top: var(--faq-hair);
  scroll-margin-top: 5.5rem;
}
.page-faq .faq-body > .faq-section:first-child {
  border-top: 0;
  padding-top: 0;
}
.page-faq .faq-section__num {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  color: var(--copper-500);
}
.page-faq .faq-section__title {
  margin: 0.4rem 0 0.9rem;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(1.45rem, 3.4vw, 2.1rem);
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: var(--ink-900);
}
.page-faq .faq-lead {
  margin: 0 0 1.2rem;
  max-width: 36rem;
  font-size: 0.98rem;
  line-height: 1.8;
}

/* ---------- 速查卡 ---------- */
.page-faq .ladder-grid {
  display: grid;
  gap: clamp(1.25rem, 3vw, 1.9rem);
}
.page-faq .ladder-card {
  position: relative;
  padding: clamp(1.2rem, 3vw, 2rem);
  color: var(--cream-100);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(31, 90, 76, 0.6), rgba(11, 36, 31, 0) 62%),
    var(--ink-900);
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
  box-shadow: var(--faq-shadow);
}
.page-faq .ladder-card__lead {
  margin: 0 0 1.2rem;
  font-size: 0.96rem;
  line-height: 1.8;
  color: rgba(244, 237, 224, 0.9);
}
.page-faq .ladder-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 0 0 1.3rem;
  padding: 1rem 0;
  border-top: 1px solid rgba(217, 165, 102, 0.34);
  border-bottom: 1px solid rgba(217, 165, 102, 0.34);
}
.page-faq .ladder-stats dt {
  font-size: 0.73rem;
  letter-spacing: 0.1em;
  color: var(--copper-300);
}
.page-faq .ladder-stats dd {
  margin: 0.25rem 0 0;
  font-family: var(--font-mono);
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  line-height: 1.1;
  color: var(--paper-50);
}
.page-faq .summary-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}
.page-faq .summary-list li {
  position: relative;
  padding-left: 1.4rem;
  font-size: 0.93rem;
  line-height: 1.75;
  color: rgba(244, 237, 224, 0.9);
}
.page-faq .summary-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 0.48rem;
  height: 0.48rem;
  background: var(--copper-300);
  transform: rotate(45deg);
}
.page-faq .summary-list strong {
  color: var(--paper-50);
  font-weight: 600;
}
.page-faq .ladder-card__foot {
  margin: 1.2rem 0 0;
  padding-top: 0.9rem;
  border-top: var(--faq-dash);
  font-size: 0.85rem;
  line-height: 1.75;
  color: rgba(217, 165, 102, 0.92);
}
.page-faq .ladder-card a {
  color: var(--copper-300);
  text-decoration-color: rgba(217, 165, 102, 0.7);
}

/* ---------- 图片框 ---------- */
.page-faq .media-frame {
  margin: 0;
}
.page-faq .media-frame img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* ---------- 问答手风琴 ---------- */
.page-faq .qa-list {
  margin-top: 1.3rem;
  border-top: var(--faq-hair);
}
.page-faq .qa {
  border-bottom: var(--faq-hair);
}
.page-faq .qa__summary {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr) 1rem;
  gap: 0.55rem;
  align-items: start;
  padding: 0.95rem 0;
  cursor: pointer;
  list-style: none;
}
.page-faq .qa__summary::-webkit-details-marker {
  display: none;
}
.page-faq .qa__summary:focus-visible {
  outline: 2px solid var(--copper-300);
  outline-offset: 3px;
}
.page-faq .qa__idx {
  padding-top: 0.2rem;
  font-family: var(--font-mono);
  font-size: 0.76rem;
  color: var(--copper-500);
}
.page-faq .qa__q {
  font-weight: 600;
  font-size: 0.98rem;
  line-height: 1.62;
  color: var(--ink-900);
}
.page-faq .qa__sign {
  position: relative;
  width: 0.85rem;
  height: 0.85rem;
  margin-top: 0.42rem;
  justify-self: end;
}
.page-faq .qa__sign::before,
.page-faq .qa__sign::after {
  content: "";
  position: absolute;
  background: var(--copper-500);
  transition: opacity var(--dur-fast) var(--ease);
}
.page-faq .qa__sign::before {
  left: 0;
  right: 0;
  top: calc(50% - 0.75px);
  height: 1.5px;
}
.page-faq .qa__sign::after {
  top: 0;
  bottom: 0;
  left: calc(50% - 0.75px);
  width: 1.5px;
}
.page-faq .qa[open] .qa__sign::after {
  opacity: 0;
}
.page-faq .qa__a {
  padding: 0 0 1.05rem;
}
.page-faq .qa__a p {
  margin: 0 0 0.7rem;
  font-size: 0.94rem;
  line-height: 1.8;
}
.page-faq .qa__a p:last-child {
  margin-bottom: 0;
}

/* ---------- 票根式标签 ---------- */
.page-faq .qa-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  list-style: none;
  margin: 0 0 1.2rem;
  padding: 0;
}
.page-faq .qa-tags li {
  padding: 0.3rem 0.65rem;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  color: var(--ink-700);
  background: var(--paper-50);
  border: 1px solid rgba(176, 123, 60, 0.36);
  border-left: 3px solid var(--copper-500);
  border-radius: 2px;
}

/* ---------- 步骤列表 ---------- */
.page-faq .step-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.85rem;
}
.page-faq .step-list li {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 0.55rem;
  padding-bottom: 0.85rem;
  border-bottom: var(--faq-dash);
}
.page-faq .step-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.page-faq .step-list__no {
  font-family: var(--font-mono);
  font-size: 0.8rem;
  line-height: 1.72;
  color: var(--copper-500);
}
.page-faq .step-list__text {
  font-size: 0.94rem;
  line-height: 1.78;
}

/* ---------- 第二栏章节 ---------- */
.page-faq .col-grid {
  display: grid;
  gap: clamp(1.25rem, 3vw, 2rem);
}
.page-faq .col-grid .step-list {
  margin-top: 0.2rem;
}

/* ---------- 分段切换 ---------- */
.page-faq .aud-split {
  position: relative;
  margin-top: 0.4rem;
}
.page-faq .aud-split__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.page-faq .seg-switch {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  padding: 0.22rem;
  background: var(--beige-200);
  border: 1px solid rgba(176, 123, 60, 0.34);
  border-radius: 3px;
}
.page-faq .seg-switch__opt {
  padding: 0.45rem 1rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ink-700);
  border-radius: 2px;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
.page-faq .seg-switch__opt:hover {
  background: rgba(251, 247, 239, 0.9);
}
.page-faq #faq-aud-new:checked ~ .seg-switch label[for="faq-aud-new"],
.page-faq #faq-aud-old:checked ~ .seg-switch label[for="faq-aud-old"] {
  background: var(--ink-700);
  color: var(--paper-50);
}
.page-faq #faq-aud-new:focus-visible ~ .seg-switch label[for="faq-aud-new"],
.page-faq #faq-aud-old:focus-visible ~ .seg-switch label[for="faq-aud-old"] {
  outline: 2px solid var(--copper-300);
  outline-offset: 2px;
}
.page-faq #faq-aud-new:checked ~ .aud-panel--old,
.page-faq #faq-aud-old:checked ~ .aud-panel--new {
  display: none;
}
.page-faq .aud-panel {
  margin-top: 1.3rem;
  padding: clamp(1rem, 2.6vw, 1.5rem);
  background: var(--paper-50);
  border: var(--faq-hair);
  border-left: 3px solid var(--copper-500);
}
.page-faq .aud-panel__lead {
  margin: 0 0 1rem;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--sage-500);
}

/* ---------- 提交区 ---------- */
.page-faq .escalate {
  position: relative;
  margin-top: 1.3rem;
  padding: clamp(1.2rem, 3vw, 1.9rem);
  background: var(--paper-50);
  border: var(--faq-hair);
  border-top: 3px solid var(--copper-500);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
  box-shadow: var(--faq-shadow);
}
.page-faq .escalate__lead {
  margin: 0 0 1rem;
  font-size: 0.96rem;
  line-height: 1.82;
}
.page-faq .need-list {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
  display: grid;
  gap: 0.6rem;
}
.page-faq .need-list li {
  position: relative;
  padding-left: 1.5rem;
  font-size: 0.93rem;
  line-height: 1.75;
}
.page-faq .need-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--copper-500);
  transform: rotate(45deg);
}
.page-faq .need-list strong {
  color: var(--ink-900);
  font-weight: 600;
}
.page-faq .escalate__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
}
.page-faq .copy-note {
  min-height: 1.2em;
  margin: 0.7rem 0 0;
  font-size: 0.82rem;
  color: var(--sage-500);
}
.page-faq .escalate__foot {
  margin: 0.9rem 0 0;
  padding-top: 0.85rem;
  border-top: var(--faq-dash);
  font-size: 0.85rem;
  line-height: 1.75;
  color: var(--sage-500);
}

/* ---------- 断点 ---------- */
@media (min-width: 640px) {
  .page-faq .ladder-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .page-faq .qa__a {
    padding-left: 2.65rem;
  }
}

@media (min-width: 860px) {
  .page-faq .ladder-grid {
    grid-template-columns: minmax(0, 1.22fr) minmax(0, 0.78fr);
    align-items: start;
  }
  .page-faq .col-grid {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    align-items: start;
  }
}

@media (min-width: 920px) {
  .page-faq .faq-head__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: end;
  }
  .page-faq .faq-intro {
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1000px) {
  .page-faq .faq-layout {
    display: grid;
    grid-template-columns: 15.5rem minmax(0, 1fr);
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: start;
  }
  .page-faq .faq-toc-wrap {
    position: sticky;
    top: 5.5rem;
    margin-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-faq .faq-toc__link,
  .page-faq .seg-switch__opt,
  .page-faq .qa__sign::before,
  .page-faq .qa__sign::after {
    transition: none;
  }
}