:root{--navy:#0F2F52;--gold:#C89A4B;--ink:#222833;--muted:#6B7280;--bg:#F4F7FB}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
header.site{background:var(--navy);color:#fff;padding:30px 22px 24px;text-align:center}
header.site h1{font-size:23px}
header.site p{font-size:13px;color:#D8E2F0;margin-top:8px}
header.site .opt{text-align:center;margin-bottom:6px}
nav.top{background:#fff;border-bottom:1px solid #E8EDF5;padding:10px 14px;text-align:center;position:sticky;top:0;z-index:5}
nav.top a{color:var(--navy);text-decoration:none;font-size:13px;font-weight:600;padding:6px 10px;border-radius:6px}
nav.top a:hover{background:#F0E9DA}
.wrap{max-width:920px;margin:24px auto;padding:0 16px}
section.cat{margin-bottom:30px}
section.cat h2{font-size:19px;color:var(--navy);border-left:4px solid var(--gold);padding-left:12px;margin-bottom:14px}
.qa{background:#fff;border-radius:10px;padding:14px 16px;margin-bottom:10px;box-shadow:0 1px 3px rgba(15,47,82,.07)}
.qa h3{font-size:15px;color:var(--navy);margin-bottom:6px}
.qa p{font-size:14px;color:var(--ink)}
.qa .tag{display:inline-block;background:#F0E9DA;color:#8a6d1f;border-radius:10px;font-size:11px;padding:1px 8px;margin-bottom:6px}
footer.site{background:var(--navy);color:#fff;text-align:center;padding:22px;font-size:12px;margin-top:30px}
footer.site .slogan{color:var(--gold);font-weight:600}
.cta{background:#fff;border-left:4px solid var(--gold);padding:14px 16px;border-radius:10px;margin-top:20px;font-size:14px}