*{box-sizing:border-box}html{scroll-padding-top:84px}
body{margin:0;background:#f3f6fb;color:#1d2433;font:15px/1.75 -apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
a{color:#1a62c9;text-decoration:none}a:hover{text-decoration:underline}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:18px;height:64px;padding:0 22px;background:linear-gradient(135deg,#0b2a5b,#1a56b8);color:#fff;box-shadow:0 2px 10px #0b2a5b33}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;white-space:nowrap}.brand:hover{text-decoration:none}
.mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#2f86f6;font-size:14px}
.search{position:relative;flex:1;max-width:620px}
#q{width:100%;height:40px;border:0;border-radius:20px;padding:0 18px;font-size:15px;outline:none;box-shadow:inset 0 0 0 2px transparent}
#q:focus{box-shadow:0 0 0 3px #5ee69a88}
#results{position:absolute;left:0;right:0;top:46px;max-height:70vh;overflow:auto;background:#fff;color:#1d2433;border-radius:12px;box-shadow:0 12px 40px #0b2a5b40;padding:6px}
#results a{display:block;padding:10px 12px;border-radius:8px;color:#1d2433}#results a:hover,#results a.active{background:#eef4ff;text-decoration:none}
#results b{display:block;color:#0b2a5b}#results small{color:#667;display:block;font-size:13px;line-height:1.6}#results .cat{color:#1a62c9;font-size:12px;margin-left:6px;font-weight:400}
#results .none{padding:14px;color:#667}
mark{background:#fff3b0;color:inherit;padding:0 1px;border-radius:2px}
a.fb{color:#fff;white-space:nowrap;background:#ffffff22;border-radius:8px;padding:8px 12px;font-size:14px}a.fb:hover{text-decoration:none;background:#ffffff33}
#menuBtn{display:none;border:0;background:#ffffff22;color:#fff;border-radius:8px;padding:8px 12px;font-size:14px}
.wrap{display:flex;max-width:1180px;margin:0 auto;gap:26px;padding:24px 18px 60px}
#toc{position:sticky;top:88px;align-self:flex-start;width:220px;flex:none;max-height:calc(100vh - 110px);overflow:auto}
#toc h4{margin:16px 0 4px;color:#667;font-size:12px;letter-spacing:2px;font-weight:600}
#toc a{display:block;padding:4px 10px;border-radius:6px;color:#334;font-size:14px}#toc a:hover{background:#e6eefc;text-decoration:none}#toc a.on{background:#dfeaff;color:#0b4fb3;font-weight:600}
main{flex:1;min-width:0}
.cat::before{content:attr(data-cat);display:block;margin:6px 0 10px;color:#1a62c9;font-weight:700;letter-spacing:2px;font-size:13px}
article{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0b2a5b12;padding:22px 26px;margin-bottom:18px;transition:box-shadow .3s}
article.flash{box-shadow:0 0 0 3px #5ee69a,0 2px 12px #0b2a5b12}
article h2{margin:0 0 10px;font-size:21px;color:#0b2a5b}article h3{font-size:16px;margin:18px 0 6px;color:#123e85}
article img{display:block;width:100%;border-radius:10px;border:1px solid #dde3ee;margin:12px 0}
article img.phone{width:320px;max-width:100%}
ol,ul{padding-left:22px}li{margin:4px 0}
.tip{background:#eef6ff;border-left:4px solid #2f86f6;padding:10px 14px;border-radius:6px}
.warn{background:#fff4e5;border-left:4px solid #f0a646;padding:10px 14px;border-radius:6px}
code{background:#f0f2f6;padding:1px 6px;border-radius:4px;font-size:13px}
article.hidden{display:none}
#tocClose{display:none}
@media(max-width:820px){
  .top{height:56px;padding:0 12px;gap:8px}.brand span:last-child{display:none}a.fb{padding:8px 8px;font-size:13px}#menuBtn{display:block;flex:none}
  html{scroll-padding-top:66px}
  .wrap{display:block;padding:14px 10px 40px}
  /* Phone menu: a full-screen sheet under the title bar that scrolls by itself; the page behind is locked. */
  #toc{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;width:auto;height:calc(100vh - 56px);height:calc(100dvh - 56px);max-height:none;z-index:20;background:#fff;
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:6px 16px calc(24px + env(safe-area-inset-bottom))}
  body.toc-open{overflow:hidden;height:100%}
  body.toc-open #toc{display:block}
  #toc a{padding:11px 12px;font-size:16px;border-bottom:1px solid #f0f2f6;border-radius:0}
  #toc h4{margin:18px 0 2px;font-size:13px}
  #tocClose{display:block;position:sticky;top:0;width:100%;margin:0 0 4px;padding:12px;border:0;border-radius:10px;background:#eef4ff;color:#0b4fb3;font-size:15px;font-weight:600;z-index:1}
  #results{position:fixed;left:8px;right:8px;top:60px;max-height:calc(100vh - 80px)}
  article{padding:16px 16px}
}article table{border-collapse:collapse;width:100%;margin:10px 0 14px;font-size:15px}article th,article td{border:1px solid #dde3ee;padding:8px 10px;text-align:left}article th{background:#f3f6fb}article td:not(:first-child),article th:not(:first-child){text-align:center;width:28%}