:root{color-scheme:light dark;--bg:#f8fafc;--card:#fff;--ink:#15233a;--dim:#43526b;--edge:#d8e0ec;--blue:#1752bd;--blue-panel:#edf4ff;--code:#14203a;--code-ink:#eef5ff;--orange:#743a08;--orange-panel:#fff4e7;--orange-edge:#e8b887}
@media(prefers-color-scheme:dark){:root{--bg:#0c1423;--card:#131f32;--ink:#e9f1ff;--dim:#b5c5dd;--edge:#31435f;--blue:#9cbfff;--blue-panel:#1c3355;--code:#080e1b;--code-ink:#edf6ff;--orange:#ffdaac;--orange-panel:#3a281e;--orange-edge:#8e6642}}
*{box-sizing:border-box}html{font:16px/1.75 system-ui,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--bg);color:var(--ink)}body{margin:0}.wrap{width:min(1120px,calc(100% - 52px));margin-inline:auto}a{color:var(--blue);text-underline-offset:.18em}a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.skip{position:absolute;top:8px;left:10px;transform:translateY(-220%);padding:6px 12px;background:var(--card);z-index:4}.skip:focus{transform:none}.top{border-bottom:1px solid var(--edge);background:var(--card)}.bar,.wordmark{display:flex;align-items:center;gap:12px}.bar{justify-content:space-between;min-height:68px}.wordmark{margin:0;font-weight:750;line-height:1.25}.wordmark small,.edition{display:block;color:var(--dim);font-weight:500;font-size:.82rem}.brandmark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--edge);border-radius:9px;color:var(--blue);background:var(--blue-panel);font-weight:800}.layout{display:grid;grid-template-columns:184px minmax(0,1fr);gap:60px;padding-block:45px}.contents{position:sticky;top:20px;align-self:start;border-left:2px solid var(--edge);padding-left:16px}.contents p{margin:0 0 7px;font-size:.85rem;font-weight:750}.contents a{display:block;color:var(--dim);padding:4px 0;font-size:.9rem;text-decoration:none}.contents a:is(:hover,:focus-visible){color:var(--blue);text-decoration:underline}.hero{padding-bottom:26px}.kicker{font-size:.85rem;font-weight:750;color:var(--blue);margin:0 0 6px}.lede,p{color:var(--dim);margin-block:9px 14px}h1,h2{margin:0;line-height:1.25}h1{font-size:clamp(2rem,5vw,3.45rem);letter-spacing:-.036em}h2{font-size:clamp(1.28rem,3vw,1.74rem)}.notice{margin-top:22px;padding:13px 16px;border:1px solid var(--orange-edge);border-radius:10px;color:var(--orange);background:var(--orange-panel)}.notice p{color:inherit;margin:3px 0 0;font-size:.9rem}main>section+section{border-top:1px solid var(--edge);padding-block:26px;scroll-margin-top:18px}.steps{padding-inline-start:1.35em}.steps li+li{margin-top:7px}.heading{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.heading code{font-size:.91em}.method{font:.76rem/1.35 ui-monospace,monospace;font-weight:750;padding:4px 7px;border-radius:5px}.read{background:var(--blue-panel);color:var(--blue)}.write{background:var(--orange-panel);color:var(--orange)}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--code-ink);background:var(--code);border-radius:9px;padding:15px 16px;line-height:1.6;margin:13px 0 15px}code{font-family:ui-monospace,"Cascadia Code",monospace;font-size:.92em}p code,li code,dd code{overflow-wrap:anywhere}.fields{margin:12px 0}.fields div{display:grid;grid-template-columns:minmax(0,13.5em) minmax(0,1fr);gap:12px;border-top:1px solid var(--edge);padding:10px 0}.fields dt{font-weight:700;overflow-wrap:anywhere}.fields dd{margin:0;color:var(--dim)}table{width:100%;border-collapse:collapse}caption{text-align:left;font-size:.85rem;color:var(--dim);margin-bottom:5px}td,th{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--edge);overflow-wrap:anywhere}td:first-child{width:37%}.table-wrap{margin:12px 0 17px}footer{padding-block:20px 27px;border-top:1px solid var(--edge);color:var(--dim);font-size:.86rem;display:flex;justify-content:space-between;gap:12px}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.bar{min-height:60px}.layout{display:block;padding-block:20px}.contents{position:static;margin-bottom:25px;display:flex;flex-wrap:wrap;gap:4px 13px;border-left:0;border-bottom:1px solid var(--edge);padding:0 0 9px}.contents p{flex-basis:100%}.contents a{padding:0;font-size:.83rem}.fields div{display:block}.fields dt{margin-bottom:3px}td,th{padding:7px 6px;font-size:.86rem}}