/* 网站公共样式(首页 / 常见问题 / 404)。3.9(用户 10-26):配色和软件 3.84 定稿一致(浅色 #F3F4F6 底、品牌蓝 #3D5BE8;深色 #27282C)。
   跟随系统深浅色;在线工具里手动选过的(pg-theme)也跟着 */
:root{--bg:#f3f4f6;--bg2:#edf1f5;--card:#fff;--ink:#1f2937;--mut:#4b5563;--faint:#667085;--line:#dce1e8;--line2:#cdd5df;--acc:#3d5be8;--acc2:#304bd2;--acc-soft:rgba(61,91,232,.095);--org:#ff9500;--org-soft:rgba(255,149,0,.12);--glass:rgba(255,255,255,.92);--sh:0 2px 12px rgba(28,39,61,.035),0 1px 2px rgba(28,39,61,.025);--warn-bg:#fff4e0;--warn:#a05a00;--on-acc:#fff;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#27282c;--bg2:#222327;--card:#2c2d32;--ink:#f3f4f6;--mut:#c4c8d0;--faint:#9ca3af;--line:#3a3c42;--line2:#4a4d54;--acc:#4c7cf3;--acc2:#6290ff;--acc-soft:rgba(76,124,243,.16);--glass:rgba(37,38,43,.92);--sh:0 3px 16px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.12);--warn-bg:rgba(255,159,10,.14);--warn:#ffb340;color-scheme:dark}}
:root[data-theme=dark]{--bg:#27282c;--bg2:#222327;--card:#2c2d32;--ink:#f3f4f6;--mut:#c4c8d0;--faint:#9ca3af;--line:#3a3c42;--line2:#4a4d54;--acc:#4c7cf3;--acc2:#6290ff;--acc-soft:rgba(76,124,243,.16);--glass:rgba(37,38,43,.92);--sh:0 3px 16px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.12);--warn-bg:rgba(255,159,10,.14);--warn:#ffb340;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}img,video{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 30px}
/* 顶栏 */
.top{position:sticky;top:0;z-index:50;background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:22px;height:64px;position:relative}
.logo{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:600;font-size:15px;letter-spacing:-.015em;white-space:nowrap}.logo:hover{text-decoration:none}.logo img{width:26px;height:26px;border-radius:7px}
.top nav{display:flex;gap:20px;margin-left:18px;align-items:center}.top nav a{color:var(--mut);font-size:13px;font-weight:550;white-space:nowrap}.top nav a:hover{color:var(--acc);text-decoration:none}
.top .act{margin-left:auto;display:flex;gap:8px}
.menu-btn{display:none;appearance:none;border:1px solid var(--line);background:var(--card);width:36px;height:36px;border-radius:9px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}
.menu-btn span{height:2px;width:16px;border-radius:2px;background:var(--ink)}
/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 20px;border-radius:12px;border:0;background:var(--acc);color:var(--on-acc);font:inherit;font-size:15px;font-weight:650;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .15s}
.btn:hover{text-decoration:none;filter:brightness(1.06);transform:translateY(-1px)}.btn:active{transform:scale(.98)}
.btn.sec{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}.btn.ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.btn.sm{height:36px;padding:0 14px;font-size:13px;border-radius:10px}.btn.dis{background:var(--bg2);color:var(--faint);cursor:default;pointer-events:none;box-shadow:none}
.btn svg{width:17px;height:17px;flex:none}
/* 版块 */
section{padding:72px 0}section.alt{background:var(--bg2)}
.eyebrow{font-size:12px;font-weight:650;color:var(--acc);letter-spacing:.11em;margin-bottom:9px}.eyebrow.o{color:var(--org)}
h1,h2,h3{letter-spacing:-.01em;margin:0}h2{font-size:clamp(28px,3vw,38px);line-height:1.25;font-weight:750;letter-spacing:-.035em}
.lead{font-size:15px;color:var(--mut);max-width:680px;margin:12px 0 0;line-height:1.85}
.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}
.tip{background:var(--acc-soft);color:var(--ink);border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.65}.tip b{color:var(--acc)}
footer{padding:30px 0 38px;color:var(--mut);font-size:13px;border-top:1px solid var(--line)}footer .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}footer a{color:var(--mut)}footer .r{margin-left:auto}
@media (max-width:920px){.top nav{display:none;position:absolute;top:100%;left:18px;right:18px;margin:6px 0 0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);padding:8px;flex-direction:column;align-items:stretch;gap:0;z-index:100}.top nav.open{display:flex}.top nav a{display:block;font-size:14px;padding:10px 12px}.menu-btn{display:flex;order:3}section{padding:60px 0}}
@media (max-width:620px){.wrap{padding:0 18px}.top .wrap{gap:10px;height:58px}.logo span{display:none}.top .act .btn{height:34px;padding:0 13px;font-size:13px}footer .r{margin-left:0}section{padding:50px 0}h2{font-size:28px}.lead{font-size:14px;line-height:1.8}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
