/* 超牛文档官网 FAQ（GEO 可引用问答块）— 2026-11-13
   自带全部样式，不依赖也不修改 home.css；只复用 home.css 的 CSS 变量。 */
.seo-faq{padding:72px 0 8px}
.seo-faq>.kicker{font-size:12px;letter-spacing:2.4px;font-weight:850;color:var(--accent,#f15a29);margin:0 0 18px}
.seo-faq h2{font-size:clamp(28px,3.1vw,42px);line-height:1.22;letter-spacing:-1.4px;font-weight:900;margin:0 0 10px;color:var(--ink,#241d18)}
.seo-faq-lead{font-size:16px;line-height:1.8;color:var(--sub,#746a61);max-width:620px;margin:0 0 30px}
.seo-faq-list{display:grid;gap:12px}
.seo-faq-item{border:1px solid var(--line,#e9ded1);border-radius:18px;background:var(--surface,#fffdf9);overflow:hidden}
.seo-faq-item>summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:14px;padding:20px 24px;font-size:17px;font-weight:750;line-height:1.5;letter-spacing:-.2px;color:var(--ink,#241d18)}
.seo-faq-item>summary::-webkit-details-marker{display:none}
.seo-faq-item>summary::after{content:"";flex:none;width:11px;height:11px;margin:7px 0 0 auto;border-right:2px solid var(--accent,#f15a29);border-bottom:2px solid var(--accent,#f15a29);transform:rotate(45deg);transition:transform .18s}
.seo-faq-item[open]>summary::after{transform:rotate(-135deg)}
.seo-faq-item>summary:hover{color:var(--accent,#f15a29)}
.seo-faq-item>summary:focus-visible{outline:3px solid var(--accent,#f15a29);outline-offset:-3px}
.seo-faq-q-mark{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--accent,#f15a29) 14%,transparent);color:var(--accent,#f15a29);font-size:13px;font-weight:850;line-height:1}
.seo-faq-answer{padding:0 24px 22px 64px}
.seo-faq-answer p{margin:0 0 10px;font-size:15px;line-height:1.85;color:var(--sub,#746a61)}
.seo-faq-answer p:last-child{margin-bottom:0}
.seo-faq-answer strong{color:var(--ink,#241d18);font-weight:750}
.seo-faq-answer a{color:var(--accent,#f15a29);font-weight:750;text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){
  .seo-faq{padding:44px 0 4px}
  .seo-faq h2{letter-spacing:-.8px}
  .seo-faq-lead{font-size:14px;margin-bottom:22px}
  .seo-faq-list{gap:9px}
  .seo-faq-item{border-radius:14px}
  .seo-faq-item>summary{padding:16px 16px;font-size:15px;gap:11px}
  .seo-faq-item>summary::after{width:9px;height:9px;margin-top:5px}
  .seo-faq-q-mark{width:23px;height:23px;font-size:12px}
  .seo-faq-answer{padding:0 16px 18px 50px}
  .seo-faq-answer p{font-size:13px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.seo-faq-item>summary::after{transition:none}}