:root { color-scheme: light; --bg:#f4f8f8; --paper:#fff; --paper-2:#edf4f3; --ink:#082832; --muted:#60777e; --line:#cfdbde; --line-strong:#a8bdc2; --accent:#008d78; --accent-strong:#006c5d; --accent-soft:#dcefeb; --warning:#9a6500; --warning-soft:#fff3d8; --font:"Noto Sans SC","Microsoft YaHei UI",sans-serif; --data:"Bahnschrift","DIN Alternate",sans-serif; }
html[data-theme="dark"] { color-scheme: dark; --bg:#111719; --paper:#171f21; --paper-2:#1c2729; --ink:#edf8f6; --muted:#91a7aa; --line:#2b3a3d; --line-strong:#43575b; --accent:#35c7ad; --accent-strong:#6ce0cc; --accent-soft:#173a35; --warning:#efbd63; --warning-soft:#352a18; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--bg); font:15px/1.82 var(--font); letter-spacing:0; }
body::selection, *::selection { color:#fff; background:var(--accent); }
a { color:inherit; text-decoration:none; }
button { font:inherit; color:inherit; }
:focus-visible { outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent); outline-offset:3px; }
.skip-link { position:fixed; top:8px; left:8px; z-index:100; padding:9px 14px; color:#fff; background:var(--accent-strong); transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.docs-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; min-height:72px; padding:0 clamp(18px,4vw,72px); background:color-mix(in srgb,var(--bg) 92%,transparent); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.docs-brand { display:flex; align-items:center; gap:11px; }.docs-brand img { width:38px; height:38px; border-radius:8px; }.docs-brand strong,.docs-brand small { display:block; line-height:1.1; }.docs-brand strong { font-size:15px; }.docs-brand small { margin-top:5px; color:var(--muted); font:600 8px/1 var(--data); letter-spacing:1.5px; }
.docs-actions { display:flex; align-items:center; gap:10px; }.docs-actions a,.docs-theme { display:grid; place-items:center; min-height:38px; padding:0 14px; background:var(--paper); border:1px solid var(--line); border-radius:7px; font-size:12px; font-weight:700; }.docs-actions a.primary { color:#fff; background:var(--accent-strong); border-color:var(--accent-strong); }.docs-theme { width:38px; padding:0; cursor:pointer; }
.docs-hero { padding:clamp(68px,9vw,120px) clamp(20px,6vw,100px) clamp(54px,7vw,88px); border-bottom:1px solid var(--line); background:var(--paper-2); }.docs-hero > div { width:min(1120px,100%); margin:0 auto; }.docs-kicker { margin:0 0 18px; color:var(--accent-strong); font:700 11px/1 var(--data); letter-spacing:1.7px; }.docs-hero h1 { max-width:820px; margin:0; font-size:clamp(42px,6vw,72px); line-height:1.12; }.docs-hero p { max-width:760px; margin:24px 0 0; color:var(--muted); font-size:17px; }.docs-meta { display:flex; flex-wrap:wrap; gap:18px 34px; margin-top:34px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }.docs-meta b { color:var(--ink); }
.docs-layout { display:grid; grid-template-columns:230px minmax(0,760px); gap:clamp(48px,8vw,120px); width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:64px 0 100px; }.docs-toc { position:sticky; top:104px; align-self:start; }.docs-toc strong { display:block; margin-bottom:14px; font-size:12px; }.docs-toc nav { display:grid; border-top:1px solid var(--line); }.docs-toc a { padding:10px 0; color:var(--muted); border-bottom:1px solid var(--line); font-size:12px; }.docs-toc a:hover { color:var(--accent-strong); }
.docs-content { min-width:0; }.docs-section { scroll-margin-top:100px; padding:0 0 48px; margin:0 0 48px; border-bottom:1px solid var(--line); }.docs-section:last-child { border-bottom:0; }.docs-section h2 { margin:0 0 18px; font-size:25px; line-height:1.3; }.docs-section h3 { margin:30px 0 10px; font-size:17px; }.docs-section p { margin:0 0 15px; color:var(--muted); }.docs-section ul,.docs-section ol { margin:14px 0 0; padding-left:22px; color:var(--muted); }.docs-section li + li { margin-top:9px; }.docs-section strong { color:var(--ink); }.docs-callout { margin:22px 0; padding:18px 20px; color:var(--muted); background:var(--accent-soft); border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line)); }.docs-callout.warning { background:var(--warning-soft); border-color:color-mix(in srgb,var(--warning) 32%,var(--line)); }.docs-callout b { display:block; margin-bottom:5px; color:var(--ink); }.docs-steps { counter-reset:step; list-style:none !important; padding:0 !important; }.docs-steps li { counter-increment:step; display:grid; grid-template-columns:34px 1fr; gap:13px; align-items:start; }.docs-steps li::before { content:counter(step); display:grid; place-items:center; width:30px; height:30px; color:var(--accent-strong); background:var(--accent-soft); border:1px solid var(--line); border-radius:50%; font:700 11px/1 var(--data); }
.docs-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:22px; padding:36px clamp(20px,6vw,100px); color:var(--muted); background:var(--paper); border-top:1px solid var(--line); font-size:11px; }.docs-footer nav { display:flex; flex-wrap:wrap; gap:18px; }.docs-footer a:hover { color:var(--accent-strong); }
@media (max-width:760px) { .docs-header { min-height:62px; padding:0 14px; }.docs-brand small { display:none; }.docs-actions a:not(.primary) { display:none; }.docs-layout { grid-template-columns:1fr; width:min(100% - 30px,760px); padding-top:36px; }.docs-toc { position:static; }.docs-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; }.docs-hero { padding:58px 18px 48px; }.docs-hero h1 { font-size:38px; }.docs-hero p { font-size:15px; }.docs-section { padding-bottom:34px; margin-bottom:34px; }.docs-footer { display:grid; padding:30px 16px; } }