
:root{color-scheme:dark;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:#101113;color:#f5f5f5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(255,255,255,.05),transparent 30%),#101113}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #adcaff;outline-offset:4px}.frame{width:min(1280px,calc(100% - 48px));margin:auto}.top{position:sticky;top:0;z-index:5;border-bottom:1px solid #303236;background:rgba(16,17,19,.9);backdrop-filter:blur(16px)}.top-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:800}.logo img{width:34px;height:34px;border-radius:8px;background:white;object-fit:contain}.top a.other{font-size:13px;color:#bbb}.shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:60px}.nav{position:sticky;top:99px;align-self:start;padding:45px 0;display:grid;gap:8px}.nav small{color:#73767d;letter-spacing:.16em;font-size:10px;margin-bottom:12px}.nav a{padding:11px 13px;border-radius:8px;font-size:13px;color:#9a9da2}.nav a:hover,.nav a.active{background:#242629;color:#fff}.main{padding:68px 0 130px;min-width:0}.eyebrow{display:inline-block;border:1px solid #46474a;border-radius:50px;padding:8px 12px;color:#bcbec2;font-size:11px;font-weight:650;letter-spacing:.08em}.hero h1{font-size:clamp(45px,6.4vw,85px);letter-spacing:-.072em;line-height:1.08;margin:23px 0 20px}.muted{color:#a0a3a6;line-height:1.8;font-size:14px}.hero p{max-width:690px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 49px}.btn{border:1px solid #444;border-radius:9px;padding:13px 17px;cursor:pointer;color:#f6f6f6;background:#222426;font-weight:700;font-size:13px}.btn.primary{background:#f8f8f8;color:#121315;border-color:#f8f8f8}.btn:hover{filter:brightness(1.12)}.divider{border-top:1px solid #303236;margin:42px 0}.sect{scroll-margin-top:100px;margin:60px 0}.sect h2{letter-spacing:-.035em;font-size:29px;margin:0 0 14px}.sect h3{font-size:16px;margin-top:25px}.sect p{color:#a2a4aa;line-height:1.8;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.panel{border:1px solid #343538;background:#1b1d1f;border-radius:12px;padding:18px;min-width:0}.panel .verb{color:#d0d2d5;font:700 11px ui-monospace,monospace}.panel strong{display:block;margin-top:10px;font-size:14px;overflow-wrap:anywhere}.panel p{font-size:11px;margin-bottom:0}.pane{border:1px solid #393b3f;background:#191b1e;border-radius:13px;overflow:hidden;margin:17px 0}.pane-bar{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35373a;color:#bbc0c5;font:12px ui-monospace,monospace}.pane button{border:1px solid #505358;background:#2b2d30;color:#f7f7f7;padding:7px 11px;border-radius:6px;cursor:pointer;font-size:12px}.pane pre{margin:0;padding:21px;overflow-x:auto;line-height:1.72;color:#e7e8e9;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.tip{border-left:2px solid #b8caff;background:#1d2025;padding:15px 18px;color:#bcbfc7;font-size:12px;line-height:1.8;margin:20px 0}.status{display:inline-flex;align-items:center;gap:8px;color:#ccd0d5;font-size:12px}.status i{width:7px;height:7px;border-radius:50%;background:#bad0be}.schema{width:100%;border-collapse:collapse;font-size:12px}.schema td,.schema th{padding:13px 12px;text-align:left;border-bottom:1px solid #303236}.schema td{color:#adb0b4}.schema code,.inline-code{color:#e7e8ef;font:12px ui-monospace,monospace}.mini-link{color:#f4f4f4;text-decoration:underline;text-underline-offset:3px}.footer{border-top:1px solid #2b2d30;padding:26px 0;color:#777d80;font-size:11px}.footer .frame{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}@media(max-width:850px){.shell{grid-template-columns:1fr;gap:0}.nav{position:static;display:flex;overflow-x:auto;padding:17px 0 0;gap:4px;border-bottom:1px solid #292b2e}.nav small{display:none}.nav a{white-space:nowrap}.main{padding:48px 0 80px}.grid{grid-template-columns:1fr}.sect{margin:42px 0}.frame{width:min(100% - 30px,1280px)}}

.sub-brand{font-weight:400;color:#85898e}.hero-period{color:#898b92}
