:root{--blue:#0052CC;--ink:#172B4D;--ink2:#42526E;--muted:#6B778C;--line:#DFE1E6;--bg:#FAFBFC;--code:#F4F5F7}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.doc-top{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
.doc-top .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--ink)}
.doc-top .brand:hover{text-decoration:none}
.doc-top .brand img{width:28px;height:28px;border-radius:6px}
.doc-top .back{font-size:13px;color:var(--ink2)}
.doc-layout{display:flex;max-width:1180px;margin:0 auto;gap:36px;padding:0 24px}
.doc-side{width:236px;flex:0 0 236px;padding:26px 0;position:sticky;top:57px;align-self:flex-start;height:calc(100vh - 57px);overflow-y:auto}
.doc-side .grp{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;margin:18px 0 6px;padding-left:10px}
.doc-side a{display:block;padding:5px 10px;border-radius:6px;color:var(--ink2);font-size:14px}
.doc-side a:hover{background:var(--bg);text-decoration:none}
.doc-side a.active{background:#E9F2FF;color:var(--blue);font-weight:600}
.doc-main{flex:1;min-width:0;padding:30px 0 64px;max-width:800px}
.doc-main h1{font-size:30px;margin:0 0 16px;line-height:1.25}
.doc-main h2{font-size:22px;margin:36px 0 12px;padding-top:18px;border-top:1px solid var(--line)}
.doc-main h3{font-size:17px;margin:24px 0 8px}
.doc-main h4{font-size:15px;margin:18px 0 6px}
.doc-main p{color:var(--ink2);margin:12px 0}
.doc-main ul,.doc-main ol{color:var(--ink2);padding-left:24px;margin:12px 0}
.doc-main li{margin:5px 0}
.doc-main code{background:var(--code);padding:1px 6px;border-radius:4px;font-size:.86em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#172B4D}
.doc-main figure{margin:22px 0}
.doc-main figure img{width:100%;border:1px solid var(--line);border-radius:8px;display:block}
.doc-main figcaption{font-size:12.5px;color:var(--muted);margin-top:7px;font-style:italic}
.doc-foot{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.hub-intro{font-size:16px;max-width:700px}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:14px 0 8px}
.hub-card{border:1px solid var(--line);border-radius:8px;padding:14px 16px;display:block;color:var(--ink)}
.hub-card:hover{border-color:var(--blue);text-decoration:none;box-shadow:0 2px 10px rgba(9,30,66,.08)}
.hub-card .t{font-weight:600;margin-bottom:4px}
.hub-card .d{font-size:12.5px;color:var(--muted);line-height:1.45}
@media(max-width:820px){.doc-side{display:none}.doc-layout{padding:0 16px}}