/* faq.html 页面样式
   仅定义本页专属类（faq-*）；.cp-faq / details / summary 由全站组件层提供，此处不重定义。 */

/* ---------- 深色 hero（全页仅此一处深色区） ---------- */
.faq-hero{padding:calc(var(--envbar-h) + var(--header-h) + clamp(4rem,8vh,7rem)) 0 5.6rem;background:var(--deep-grad);color:var(--hero-text)}
.faq-hero .container{position:relative;z-index:1}
.faq-hero .cp-kicker{color:var(--accent-on-dark,#8fd6dd)}
.faq-hero .cp-title{color:var(--hero-text)}
.faq-hero .cp-lead{color:var(--text-light-2);max-width:86rem;font-size:1.7rem}
.faq-meta{display:flex;flex-wrap:wrap;gap:1rem 3.2rem;margin-top:3.6rem;padding-top:2.4rem;border-top:.05rem solid rgba(245,246,250,.16);font-family:var(--font-mono);font-size:1.25rem;letter-spacing:.04em;color:rgba(245,246,250,.74)}
.faq-meta b{color:var(--accent-on-dark,#8fd6dd);font-weight:600}
.faq-meta a{color:var(--accent-on-dark,#8fd6dd);text-decoration:underline;text-underline-offset:3px}

/* ---------- 主题锚点条 ---------- */
.faq-toc{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3.2rem}
.faq-toc a{display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1.5rem;border:.1rem solid rgba(143,214,221,.3);border-radius:var(--radius-pill);color:var(--text-light-2);font-size:1.35rem;text-decoration:none;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}
.faq-toc a:hover{background:rgba(143,214,221,.1);border-color:rgba(143,214,221,.6)}
.faq-toc b{font-family:var(--font-mono);font-size:1.15rem;font-weight:600;color:var(--accent-on-dark,#8fd6dd)}

/* ---------- 分区 ---------- */
.faq-group{scroll-margin-top:calc(var(--envbar-h) + var(--header-h) + 2rem)}
.faq-count{display:inline-block;margin-left:1rem;font-family:var(--font-mono);font-size:1.15rem;font-weight:500;letter-spacing:.06em;color:var(--ink-3);vertical-align:middle}
.faq-tag{font-family:var(--font-mono);font-size:1.15rem;font-weight:500;letter-spacing:.06em;color:var(--ink-3);white-space:nowrap}
.faq-links{margin-top:1.4rem;font-size:1.3rem;line-height:1.7;color:var(--ink-3)}
.faq-links a{color:var(--cyan-ink);text-decoration:underline;text-underline-offset:3px}
.faq-links a:hover{color:var(--ink)}
.faq-a p+p{margin-top:.9rem}
.faq-a code{padding:.15rem .5rem;border-radius:4px;background:#eef4f8;color:var(--ink);font-family:var(--font-mono);font-size:1.25rem}
.faq-a b{color:var(--ink)}

/* ---------- 兜底入口 ---------- */
.faq-split{display:grid;grid-template-columns:1.02fr .98fr;gap:3.6rem;align-items:start}
.faq-media{margin:0}
.faq-media img{display:block;width:100%;height:auto;border-radius:var(--radius-card);border:.05rem solid var(--line)}
.faq-media figcaption{margin-top:1.2rem;font-size:1.3rem;line-height:1.7;color:var(--ink-3)}
.faq-ask{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:2.4rem}
.faq-ask a{display:block;padding:2rem 2.2rem;border:.05rem solid var(--line);border-radius:var(--radius-card);background:#fff;text-decoration:none;transition:border-color var(--dur-fast) ease}
.faq-ask a:hover{border-color:var(--cyan)}
.faq-ask b{display:block;font-size:1.6rem;font-weight:600;color:var(--ink)}
.faq-ask span{display:block;margin-top:.6rem;font-size:1.3rem;line-height:1.65;color:var(--ink-3)}
.faq-note{margin:2.4rem 0 0;padding:1.8rem 2.2rem;border-left:.3rem solid var(--cyan);background:#f2f8fb;font-size:1.45rem;line-height:1.75;color:#505050}
.faq-note b{color:var(--ink)}
.faq-note code{padding:.15rem .5rem;border-radius:4px;background:#eef4f8;color:var(--ink);font-family:var(--font-mono);font-size:1.25rem}

@media (max-width:980px){.faq-split,.faq-ask{grid-template-columns:1fr}}
@media (max-width:700px){
  .faq-hero{padding-top:calc(var(--envbar-h) + var(--header-h) + 4.4rem)}
  .faq-count{display:block;margin:0.4rem 0 0}
}

/* 分区标题与 .cp-faq 栏目对齐（.cp-faq 自身为居中定宽栏，此处只对齐页头，不改组件） */
.faq-head{max-width:72rem;margin-inline:auto}

/* 栅格内长文本/代码：避免 grid 项按 min-content 撑破视口 */
.faq-split>*,.faq-ask>*{min-width:0}