/* ========================================================================== faq.css — help.html(常见问题)页面专属样式 分类区块头 / 展开全部按钮 / 无 JS 兜底常显 / 继续查阅面板 ========================================================================== */ /* 页首 band 内节奏微调 */ .faq-hero .badge{ margin-bottom:22px; } .faq-hero .sec-head{ margin-bottom:28px; } /* 分类跳转导航里的「展开全部」按钮(仅 JS 可用时显示) */ .toc-all{ font-family:var(--fontMono); font-size:12.5px; letter-spacing:.08em; padding:7px 13px; border:2px solid var(--border); background:var(--border); color:var(--bg); margin-left:auto; flex:none; min-height:36px; transition:background .12s ease, color .12s ease, border-color .12s ease; } .toc-all:hover{ background:var(--accent); border-color:var(--accent); color:var(--bgPanel); } html:not(.faq-js) .toc-all{ display:none; } /* 无 JS 兜底:答案常显;页面脚本给 加 .faq-js 后才折叠 */ .faq-a{ display:block; } html.faq-js .faq-a{ display:none; } html.faq-js .faq-item.open .faq-a{ display:block; } /* 分类区块 */ .faq-cat{ margin-bottom:56px; scroll-margin-top:20px; } .faq-cat-head{ display:flex; align-items:baseline; gap:16px; background:var(--bgPanel); border-top:2px solid var(--border); border-bottom:2px solid var(--border); box-shadow:var(--shadow-sm); padding:14px 18px; margin-bottom:22px; } .faq-cat-head h2{ margin:0; font-size:clamp(22px,2.6vw,30px); } .faq-cat-tag{ font-family:var(--fontMono); font-size:11px; font-weight:700; letter-spacing:.14em; background:var(--border); color:var(--bg); padding:4px 10px; flex:none; } .faq-cat-count{ margin-left:auto; font-family:var(--fontMono); font-size:12px; color:var(--textMuted); letter-spacing:.08em; flex:none; } /* 答案区内的站内链接:纸白高亮下划,悬停翻日光黄 */ .faq-a a{ font-weight:700; color:var(--text); box-shadow:inset 0 -.5em 0 var(--bgPanel2); } .faq-a a:hover{ box-shadow:inset 0 -.5em 0 var(--bg); } /* 继续查阅面板 */ .faq-more-panel{ background:var(--bgPanel); border:2px solid var(--border); box-shadow:var(--shadow-md); padding:30px 32px; } .faq-more-panel h2{ margin:0 0 10px; font-size:clamp(22px,2.6vw,30px); } .faq-more-panel p{ margin:0 0 20px; color:var(--textMuted); max-width:60ch; } .faq-more-panel .actions{ margin-bottom:0; } /* -------------------------------------------------------------- 响应式 */ @media (max-width:640px){ .faq-cat{ margin-bottom:44px; } .faq-cat-head{ gap:10px; padding:12px 14px; } .faq-cat-count{ display:none; } .faq-more-panel{ padding:22px; } .toc-all{ margin-left:0; } } @media (prefers-reduced-motion: reduce){ .toc-all{ transition:none; } }