/* ===== 常见问答 · 页面专属样式 ===== */
.page-faq{
  --faq-rail:clamp(210px,19vw,268px);
  --faq-line:rgba(232,179,60,.20);
  --faq-zone-bg:rgba(123,95,214,.16);
  --faq-zone-line:rgba(123,95,214,.62);
  --faq-level-bg:rgba(79,195,217,.13);
  --faq-level-line:rgba(79,195,217,.52);
  padding-bottom:clamp(3rem,7vw,6rem);
}

/* ---------- 首屏 ---------- */
.page-faq .faq-hero{
  padding-top:clamp(1.2rem,3vw,2rem);
}
.page-faq .faq-hero__title{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(2rem,6.4vw,4.1rem);
  line-height:1.1;
  letter-spacing:.05em;
  margin:.85rem 0 0;
  max-width:18ch;
}
.page-faq .faq-hero__lede{
  margin:1.15rem 0 0;
  max-width:56ch;
  color:var(--text-dim);
  font-size:clamp(.95rem,1.6vw,1.02rem);
  line-height:1.95;
}
.page-faq .faq-hero__meta{
  list-style:none;
  margin:1.8rem 0 0;
  padding:1.1rem 0 0;
  border-top:1px solid var(--line-soft);
  display:flex;
  flex-wrap:wrap;
  gap:.9rem clamp(1.4rem,4vw,3.2rem);
}
.page-faq .faq-hero__meta li{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  font-size:.82rem;
  color:var(--text-faint);
  letter-spacing:.06em;
}
.page-faq .faq-hero__num{
  font-family:var(--font-mono);
  font-size:clamp(1.5rem,3.4vw,2.1rem);
  color:var(--gold);
  line-height:1;
}
.page-faq .faq-hero__figure{
  margin:clamp(1.8rem,4vw,2.8rem) 0 0;
}

/* ---------- 双栏骨架 ---------- */
.page-faq .faq-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(1.6rem,4vw,2.6rem);
  margin-top:clamp(2.2rem,5vw,3.6rem);
}
@media (min-width:1020px){
  .page-faq .faq-layout{
    grid-template-columns:var(--faq-rail) minmax(0,1fr);
    gap:clamp(2rem,5vw,4.5rem);
    align-items:start;
  }
  .page-faq .faq-index{
    position:sticky;
    top:clamp(5.5rem,9vh,7rem);
  }
}

/* ---------- 左侧索引 ---------- */
.page-faq .faq-index__title{
  margin:0;
  padding-bottom:.7rem;
  border-bottom:1px solid var(--line);
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.28em;
  color:var(--gold-soft);
}
.page-faq .faq-index__list{
  list-style:none;
  margin:.9rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.2rem .9rem;
}
@media (min-width:1020px){
  .page-faq .faq-index__list{
    grid-template-columns:1fr;
    gap:0;
  }
}
.page-faq .faq-index__link{
  display:flex;
  align-items:baseline;
  gap:.6rem;
  padding:.55rem .1rem;
  color:var(--text-dim);
  text-decoration:none;
  font-size:.9rem;
  line-height:1.5;
  border-bottom:1px solid transparent;
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.page-faq .faq-index__link:hover,
.page-faq .faq-index__link:focus-visible{
  color:var(--gold-soft);
  border-bottom-color:var(--line);
  outline:none;
}
.page-faq .faq-index__link:focus-visible{
  box-shadow:0 0 0 2px rgba(246,223,160,.55);
}
.page-faq .faq-index__n{
  font-family:var(--font-mono);
  font-size:.74rem;
  color:var(--gold);
  opacity:.85;
}

/* ---------- 分类区块头部 ---------- */
.page-faq .faq-block{
  scroll-margin-top:clamp(5.5rem,10vh,7.5rem);
}
.page-faq .faq-block + .faq-block{
  margin-top:clamp(2.6rem,6vw,4.2rem);
  padding-top:clamp(2.6rem,6vw,4.2rem);
  border-top:1px solid var(--line-soft);
}
.page-faq .faq-block__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.45rem 1.1rem;
  align-items:end;
}
.page-faq .faq-block__num{
  font-family:var(--font-mono);
  font-size:clamp(2.4rem,7vw,4.4rem);
  line-height:.86;
  letter-spacing:.02em;
  color:rgba(232,179,60,.16);
  -webkit-text-stroke:1px rgba(232,179,60,.72);
}
.page-faq .faq-block__title{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.4rem,3.6vw,2.15rem);
  line-height:1.25;
  letter-spacing:.05em;
}
.page-faq .faq-block__lede{
  grid-column:2 / -1;
  margin:.75rem 0 0;
  max-width:60ch;
  color:var(--text-dim);
  font-size:.94rem;
  line-height:1.9;
}

/* ---------- 问答条目 ---------- */
.page-faq .qa-list{
  margin:clamp(1.4rem,3vw,2rem) 0 0;
  border-top:1px solid var(--faq-line);
}
.page-faq .qa{
  border-bottom:1px solid var(--faq-line);
}
.page-faq .qa__summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding:1.05rem 0;
}
.page-faq .qa__summary::-webkit-details-marker{display:none;}
.page-faq .qa__summary:focus-visible{
  outline:1px solid var(--gold-soft);
  outline-offset:3px;
}
.page-faq .qa__q{
  margin:0;
  flex:1 1 auto;
  font-family:var(--font-body);
  font-weight:500;
  font-size:clamp(.98rem,2.1vw,1.08rem);
  line-height:1.65;
  letter-spacing:.01em;
  transition:color .25s var(--ease);
}
.page-faq .qa__summary:hover .qa__q{
  color:var(--gold-soft);
}
.page-faq .qa__mark{
  flex:0 0 auto;
  position:relative;
  width:1.45rem;
  height:1.45rem;
  margin-top:.15rem;
  border:1px solid var(--line);
  border-radius:50%;
  transition:background .25s var(--ease),border-color .25s var(--ease);
}
.page-faq .qa__mark::before,
.page-faq .qa__mark::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:var(--gold);
  transform:translate(-50%,-50%);
  transition:transform .28s var(--ease),opacity .28s var(--ease);
}
.page-faq .qa__mark::before{width:.66rem;height:1px;}
.page-faq .qa__mark::after{width:1px;height:.66rem;}
.page-faq .qa[open] .qa__mark{
  background:rgba(232,179,60,.14);
  border-color:var(--gold);
}
.page-faq .qa[open] .qa__mark::after{
  transform:translate(-50%,-50%) scaleY(0);
  opacity:0;
}
.page-faq .qa__body{
  padding:0 0 1.35rem;
  max-width:66ch;
  color:var(--text-dim);
  font-size:.94rem;
  line-height:1.95;
}
.page-faq .qa__body p{margin:0;}
.page-faq .qa__body p + p{margin-top:.7rem;}
.page-faq .qa__body ul{
  margin:.6rem 0 0;
  padding-left:1.05rem;
  list-style:disc;
}
.page-faq .qa__body li{margin:.34rem 0;}
.page-faq .qa__body li::marker{color:var(--gold);}
.page-faq .qa__body strong{
  color:var(--text);
  font-weight:500;
}
.page-faq .mono{
  font-family:var(--font-mono);
  color:var(--text);
  font-size:.9em;
}

/* ---------- 区域带 / 安装等级 双色标签 ---------- */
.page-faq .dual-band{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  margin:1rem 0 0;
}
@media (min-width:720px){
  .page-faq .dual-band{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.1rem;
  }
}
.page-faq .dual-band__col{
  padding:.95rem 1rem 1.05rem;
  border-radius:var(--radius);
  border:1px solid var(--line-soft);
}
.page-faq .dual-band__col--zone{
  background:var(--faq-zone-bg);
  border-color:var(--faq-zone-line);
}
.page-faq .dual-band__col--level{
  background:var(--faq-level-bg);
  border-color:var(--faq-level-line);
}
.page-faq .dual-band__title{
  margin:0 0 .7rem;
  font-family:var(--font-mono);
  font-size:.73rem;
  letter-spacing:.2em;
  color:var(--text-faint);
}
.page-faq .chip-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.page-faq .chip{
  display:inline-block;
  padding:.3rem .66rem;
  font-size:.8rem;
  line-height:1.4;
  border-radius:999px;
  border:1px solid transparent;
}
.page-faq .chip--zone{
  color:#D9CEFF;
  border-color:rgba(123,95,214,.72);
  background:rgba(123,95,214,.18);
}
.page-faq .chip--level{
  color:#CFF3FA;
  border-color:rgba(79,195,217,.62);
  background:rgba(79,195,217,.14);
}

/* ---------- 章节配图 ---------- */
.page-faq .faq-visual{
  --media-ratio:3 / 2;
  margin:clamp(1.6rem,4vw,2.4rem) 0 0;
}

/* ---------- 时效表 ---------- */
.page-faq .table-scroll{
  margin-top:1rem;
  overflow-x:auto;
  border-top:1px solid var(--faq-line);
}
.page-faq .lead-table{
  width:100%;
  min-width:420px;
  border-collapse:collapse;
  font-size:.92rem;
}
.page-faq .lead-table th,
.page-faq .lead-table td{
  padding:.72rem .9rem .72rem 0;
  text-align:left;
  vertical-align:baseline;
  border-bottom:1px solid var(--line-soft);
}
.page-faq .lead-table th{
  font-family:var(--font-mono);
  font-weight:400;
  font-size:.72rem;
  letter-spacing:.2em;
  color:var(--gold-soft);
}
.page-faq .lead-table td{color:var(--text-dim);}
.page-faq .lead-table td:last-child{
  font-family:var(--font-mono);
  color:var(--text);
  white-space:nowrap;
}

/* ---------- 联系面板 ---------- */
.page-faq .faq-cta{
  margin-top:clamp(1.2rem,3vw,1.8rem);
  padding:clamp(1.4rem,4vw,2.4rem);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(152deg,rgba(20,26,69,.92),rgba(10,14,42,.74) 60%,rgba(68,53,147,.3));
}
.page-faq .faq-cta__title{
  margin:.7rem 0 0;
  font-family:var(--font-display);
  font-size:clamp(1.35rem,3.4vw,1.95rem);
  line-height:1.3;
  letter-spacing:.05em;
}
.page-faq .faq-cta__lede{
  margin:.85rem 0 0;
  max-width:56ch;
  color:var(--text-dim);
  font-size:.94rem;
  line-height:1.9;
}
.page-faq .faq-contact-list{
  list-style:none;
  margin:1.4rem 0 0;
  padding:0;
  display:grid;
  gap:.55rem;
}
.page-faq .faq-contact-list li{
  display:grid;
  grid-template-columns:4.2rem minmax(0,1fr);
  gap:.8rem;
  align-items:baseline;
  padding-bottom:.55rem;
  border-bottom:1px solid var(--line-soft);
}
.page-faq .faq-contact-list__k{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.2em;
  color:var(--text-faint);
}
.page-faq .faq-contact-list__v{
  font-family:var(--font-mono);
  font-size:.9rem;
  color:var(--text);
  word-break:break-word;
}
.page-faq .faq-cta__note{
  margin:1rem 0 0;
  font-size:.86rem;
  line-height:1.8;
  color:var(--text-faint);
}
.page-faq .faq-cta__actions{
  margin-top:1.4rem;
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}

/* ---------- 窄屏收口 ---------- */
@media (max-width:719px){
  .page-faq .faq-block__head{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
  }
  .page-faq .faq-block__num{
    font-size:2.2rem;
    line-height:1;
  }
  .page-faq .faq-block__lede{
    grid-column:1 / -1;
  }
  .page-faq .faq-contact-list li{
    grid-template-columns:minmax(0,1fr);
    gap:.2rem;
  }
  .page-faq .faq-cta__actions .btn{
    flex:1 1 auto;
    text-align:center;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-faq .qa__mark,
  .page-faq .qa__mark::before,
  .page-faq .qa__mark::after,
  .page-faq .qa__q,
  .page-faq .faq-index__link{
    transition:none;
  }
}
<<<END>>>