/* ==========================================================================
   help.html(FAQ)页面专属样式
   依赖 base.css / components.css 的设计令牌与组件,本文件不新增颜色值。
   ========================================================================== */

/* ---- 页头 ---- */
.faq-hero{position:relative;padding-top:72px;padding-bottom:48px}
.faq-hero .sec-kicker{margin-bottom:18px}
.faq-title{margin:0 0 16px;max-width:860px}
.faq-title em{
  font-style:normal;
  background:linear-gradient(100deg,var(--accent) 10%,var(--accent-2) 90%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .faq-title em{color:var(--accent-2);-webkit-text-fill-color:currentColor}
}
.faq-lede{margin:0;max-width:780px;color:var(--text-muted);font-size:15.5px;line-height:1.9}
.faq-lede strong{color:var(--text);font-weight:600}
.faq-hot{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-top:28px}
.faq-hot-cap{
  flex:none;display:inline-flex;align-items:center;min-height:34px;
  font:500 11px/1 var(--font-mono);letter-spacing:.22em;color:var(--accent-2);
}
.faq-hot .chip-row{flex:1;min-width:0}

/* ---- 分类区块 ---- */
.faq-cat{padding-top:40px;padding-bottom:40px}
.faq-cat:last-of-type{padding-bottom:56px}
.faq-cat + .faq-cat{border-top:1px solid var(--border-soft)}
.faq-cat .sec-head{margin-bottom:28px}

/* ---- 分类锚点定位补偿(sticky 头部 + toc 条) ---- */
.faq-cat{scroll-margin-top:calc(var(--header-h) + 74px)}
.faq-item[id]{scroll-margin-top:calc(var(--header-h) + 74px)}

/* ---- 底部三站引导卡 ---- */
.faq-next-card{display:flex;flex-direction:column;gap:0;color:var(--text)}
.faq-next-card:hover{color:var(--text)}
.faq-next-card .mile-tag{align-self:flex-start;margin-bottom:14px}
.faq-next-card h3{margin:0 0 8px;font-size:18px}
.faq-next-card p{margin:0 0 18px;color:var(--text-muted);font-size:13.5px;line-height:1.85}
.faq-next-more{
  margin-top:auto;display:inline-flex;align-items:center;gap:8px;
  font:600 12.5px/1 var(--font-mono);letter-spacing:.1em;color:var(--accent-2);
}
.faq-next-more svg{width:14px;height:14px;flex:none;transition:transform .2s}
.faq-next-card:hover .faq-next-more svg{transform:translateX(4px)}

/* ---- 窄屏 ---- */
@media (max-width:640px){
  .faq-hero{padding-top:52px;padding-bottom:36px}
  .faq-hot{flex-direction:column;gap:10px}
  .faq-cat{padding-top:32px;padding-bottom:32px}
  .faq-cat:last-of-type{padding-bottom:44px}
}