/* ══════════ FAQ / 404 样式 ══════════ */

/* ── FAQ ── */
.faq{max-width:840px;margin:0 auto}
.fq{border:1px solid rgba(120,170,255,.15);border-radius:14px;margin-bottom:12px;
  background:linear-gradient(170deg,rgba(20,27,42,.9),rgba(9,12,19,.86));overflow:hidden;
  transition:border-color .25s}
.fq:hover{border-color:rgba(120,170,255,.3)}
.fq[open]{border-color:rgba(74,222,128,.28)}
.fq summary{padding:17px 20px;font-size:16.5px;font-weight:800;color:#e8eef7;cursor:pointer;
  list-style:none;display:flex;align-items:center;gap:11px;line-height:1.5}
.fq summary::-webkit-details-marker{display:none}
.fq summary:before{content:"▸";color:var(--cyn);font-size:12px;transition:.25s;flex:0 0 auto}
.fq[open] summary:before{transform:rotate(90deg)}
.fa{padding:0 20px 18px 43px;font-size:14.5px;line-height:1.9;color:#9aa9bd}
.fa b{color:#e8eef7}
.fa code{font-family:Consolas,monospace;font-size:.92em;background:rgba(120,170,255,.1);
  padding:1px 6px;border-radius:5px;color:#9ecbff}
.faqcta{margin:34px auto 0;max-width:840px;text-align:center;padding:30px 24px;border-radius:18px;
  border:1px solid rgba(74,222,128,.24);
  background:radial-gradient(500px 200px at 50% 0%,rgba(74,222,128,.1),transparent 70%)}
.fq-t{font-size:21px;font-weight:900;letter-spacing:-.4px}
.fq-s{margin:8px 0 18px;font-size:14.5px;color:#8b9aae}

/* ── 404 ── */
.nf-wrap{text-align:center}
.nf-code{font:900 118px/1 "PingFang SC",system-ui,sans-serif;letter-spacing:-.06em;
  background:linear-gradient(180deg,rgba(150,200,255,.22),rgba(150,200,255,.04));
  -webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.nf-wrap h1{font-size:32px;font-weight:900;letter-spacing:-1px}
.nf-wrap p{margin:14px 0 26px;font-size:15.5px;color:#8b9aae}
.nf-links{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}

@media(max-width:820px){
  .fq summary{font-size:15px;padding:15px 16px}
  .fa{padding:0 16px 16px 38px;font-size:14px}
  .nf-code{font-size:88px}
  .nf-wrap h1{font-size:25px}
}