:root{color-scheme:light;--bg:#f6f7f9;--surface:#fff;--text:#213746;--muted:#657785;--border:#e2e8ec;--navy:#153c51;--mint:#67c2a9;--yellow:#f4cb63;--code:#142735;--code-text:#d8e9f0;--soft:#edf3f6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #49a6cd;outline-offset:4px}[hidden]{display:none!important}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 45px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;line-height:1.25;font-size:20px;letter-spacing:-.5px}.brand strong{font-weight:750}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:2px;margin-top:5px}.brand-icon{width:44px;height:44px;display:grid;place-content:center;background:var(--navy);color:var(--yellow);font:bold 23px ui-monospace,monospace;border-radius:13px;position:relative}.brand-icon span{position:absolute;font-size:17px;color:var(--mint);right:5px;top:2px}.header-actions{display:flex;gap:27px;align-items:center}.official-header{font-size:12px;color:var(--muted)}#theme{border:1px solid var(--border);background:var(--surface);color:var(--text);width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1}.layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{padding:40px 26px;border-right:1px solid var(--border);min-height:calc(100vh - 88px);position:sticky;top:0;align-self:start;height:100vh}.sidebar-heading{font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:22px}.sidebar-heading span{letter-spacing:0;color:var(--muted)}.version-link{display:flex;align-items:center;gap:15px;border-radius:11px;padding:17px 15px;margin:7px 0;position:relative;transition:background .15s}.version-link:hover{background:var(--soft)}.version-link.active{background:var(--navy);color:#fff;box-shadow:0 5px 18px #153c5112}.version-number{font-size:23px;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums}.version-label{font-size:12px;line-height:1.4}.version-label span{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.active .version-label span{color:#aec7d5}.arrow{margin-left:auto;color:var(--muted);font-size:17px}.active .arrow{color:var(--yellow)}.sidebar-note{font-size:11px;margin-top:35px;color:var(--muted);border-top:1px solid var(--border);padding-top:22px}.sidebar-note p{font-size:10px;margin:5px 0 0 13px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:6px;vertical-align:middle}.sidebar-bottom{margin-top:30px;font-size:10px;color:var(--muted)}.sidebar-bottom span{font-weight:700;color:var(--text);margin:0 3px}main{padding:30px 48px 25px;min-width:0}.breadcrumb{font-size:10px;color:var(--muted);display:flex;gap:12px;margin:0 0 24px}.breadcrumb span{color:#aebac3}.version-hero{background:var(--navy);border-radius:16px;color:#fff;padding:30px 34px;position:relative;overflow:hidden;display:flex;justify-content:space-between;min-height:258px}.hero-copy{z-index:1;max-width:540px}.eyebrow{display:flex;align-items:center;font-size:10px;letter-spacing:.4px;color:#b6cdd9}.eyebrow .release{padding:2px 8px;margin-left:12px;background:#ffffff12;border:1px solid #ffffff1b;border-radius:5px;font:10px ui-monospace,monospace}h1{font-size:54px;line-height:1.15;letter-spacing:-2px;margin:15px 0 11px;font-weight:700}h1>span:first-child{color:var(--yellow)}.hero-star{font-size:25px;margin-left:14px;vertical-align:super;color:var(--mint)}.hero-copy h2{font-size:17px;font-weight:550;margin:0 0 7px;letter-spacing:.5px}.hero-copy p{font-size:12px;line-height:1.9;color:#c1d2dc;max-width:420px;margin:0 0 16px}.hero-copy a{font-size:10px;color:var(--yellow)}.hero-copy a span{margin-left:8px}.hero-art{width:210px;min-width:170px;position:relative;align-self:center;height:210px;margin-left:18px;opacity:.9}.orbit{position:absolute;inset:13px;border:1px solid #80b6c138;border-radius:50%;transform:rotate(-30deg)}.orbit-one{width:100%;height:65%;top:40px;left:0}.orbit-two{width:70%;height:95%;left:33px;top:5px;transform:rotate(-35deg)}.art-core{position:absolute;top:45px;left:53px;width:106px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff22;background:linear-gradient(150deg,#ffffff10,#ffffff02);border-radius:28px;transform:rotate(-9deg);box-shadow:0 20px 25px #00000015}.art-core>span{color:var(--yellow);font:bold 55px ui-monospace,monospace;line-height:1.1}.art-core small{color:#96bbcc;font:11px ui-monospace,monospace;letter-spacing:2px;margin-top:7px}.art-tag{position:absolute;background:#1c4c60;border:1px solid #76b4c146;border-radius:6px;padding:5px 10px;color:#a8d7d0;font:9px ui-monospace,monospace;box-shadow:0 10px 20px #00000015}.tag-one{top:30px;right:0;transform:rotate(8deg)}.tag-two{bottom:27px;left:0;transform:rotate(-7deg)}.art-dot{position:absolute;width:9px;height:9px;background:var(--yellow);border-radius:50%;bottom:35px;right:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;margin-bottom:16px}.section-kicker{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:650}.section-heading h2{font-size:21px;letter-spacing:-.4px;margin:3px 0 0;line-height:1.4}.section-heading h2 span{font-size:12px;color:var(--muted);font-weight:400;margin-left:9px}.search{display:flex;align-items:center;gap:9px;padding:8px 11px;background:var(--surface);border:1px solid var(--border);border-radius:7px;max-width:220px}.search>span{font-size:23px;line-height:1;color:var(--muted)}.search input{width:165px;color:var(--text);background:transparent;border:none;outline:none;font-size:11px}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.filter{font-size:10px;border:1px solid var(--border);padding:5px 13px;border-radius:6px;color:var(--muted);background:var(--surface);transition:.15s}.filter:hover{border-color:var(--mint)}.filter.selected{background:var(--navy);border-color:var(--navy);color:white}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);background:var(--surface);border:1px solid var(--border);border-radius:11px;overflow:hidden;margin:13px 0}.feature:not(:has(.code-panel)){display:block}.feature-body{padding:22px 24px}.feature-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ordinal{font:11px ui-monospace,monospace;color:#8197a5}.category{font-size:9px;color:#537580;background:var(--soft);padding:1px 7px;border-radius:3px}.feature-top a{font:9px ui-monospace,monospace;color:var(--muted);margin-left:auto}.feature h3{font-size:18px;line-height:1.4;margin:0 0 9px;letter-spacing:-.3px}.feature-body>p{font-size:11px;line-height:1.95;color:var(--muted);margin:0}.feature-body .use{font-size:10px;margin-top:13px;padding-top:11px;border-top:1px solid var(--border)}.use>span{font-size:9px;font-weight:700;color:var(--text);margin-right:8px}.code-panel{background:var(--code);min-width:0;display:flex;flex-direction:column}.code-heading{display:flex;justify-content:space-between;align-items:center;padding:11px 17px;color:#9bb5c4;background:#ffffff03;border-bottom:1px solid #ffffff08;font:9px ui-monospace,monospace}.copy{border:none;background:transparent;color:#a5bdcb;font-size:9px;padding:3px 0}.copy:hover{color:var(--yellow)}pre{overflow:auto;color:var(--code-text);font:11px/1.85 "SFMono-Regular",Consolas,"Liberation Mono",monospace;margin:0;padding:19px 17px;tab-size:4}pre code{font:inherit}.token-keyword{color:#ce9bdc}.token-string{color:#b6d991}.token-comment{color:#809ba9}.inventory .section-heading>a{font-size:11px;color:var(--muted)}.inventory-note{font-size:11px;color:var(--muted);margin:0 0 15px}.inventory details{border:1px solid var(--border);background:var(--surface);border-radius:9px}.inventory summary{list-style:none;cursor:pointer;padding:16px 20px;font-size:12px;display:flex;justify-content:space-between}.inventory summary::-webkit-details-marker{display:none}.inventory summary>span{color:var(--muted);font-size:16px}.inventory details[open] summary{border-bottom:1px solid var(--border)}.inventory ul{list-style:none;padding:0 20px;margin:0}.inventory li{display:flex;gap:14px;border-bottom:1px solid var(--border);padding:12px 0;font-size:11px}.inventory li:last-child{border-bottom:none}.inventory li>span{color:var(--muted);font-size:9px;flex:0 0 68px}.inventory li>a:hover{color:#369386}.inventory #inventory-empty{padding:0 20px}.preview-note,#empty{padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--muted);font-size:12px}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:22px;color:var(--muted);font-size:9px}footer p{font-size:9px;margin:4px 0 0 13px}.footer-links{display:flex;flex-wrap:wrap;align-items:start;justify-content:end;gap:12px;font-size:9px}.footer-links>span{flex-basis:100%;text-align:right}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);padding:10px 20px;color:#fff;background:#183b4f;border-radius:9px;box-shadow:0 8px 30px #0003;opacity:0;transition:.2s;pointer-events:none;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{clip:auto;top:8px;left:8px;width:auto;height:auto;padding:10px;background:var(--surface);z-index:10}
:root[data-theme=dark]{color-scheme:dark;--bg:#101b24;--surface:#172630;--text:#deebf0;--muted:#a0b3c0;--border:#2b3c48;--soft:#233640;--navy:#1c465a;--code:#10212c}.sidebar-bottom span{color:var(--text)}
@media(min-width:1450px){main{padding-left:65px;padding-right:65px}.version-hero{padding:34px 40px}}@media(max-width:1100px){.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:30px 18px}main{padding:28px}.hero-art{width:150px;min-width:140px;transform:scale(.8);transform-origin:right center;margin-left:0}.hero-copy p{max-width:350px}.version-hero{padding:28px}h1{font-size:45px}.feature-body{padding:20px}.feature h3{font-size:16px}}
@media(max-width:800px){.topbar{height:74px;padding:0 22px}.layout{display:block}.sidebar{height:auto;min-height:0;padding:18px 22px 12px;border-right:0;border-bottom:1px solid var(--border);position:static}.sidebar-heading{margin-bottom:10px}.sidebar nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.version-link{min-width:110px;margin:0;padding:12px 14px;gap:9px}.version-number{font-size:20px}.version-label{font-size:10px}.version-label span{font-size:8px}.version-link .arrow{display:none}.sidebar-note,.sidebar-bottom{display:none}main{padding:22px}.breadcrumb{margin-bottom:18px}.version-hero{min-height:240px}.hero-art{width:190px;min-width:155px;transform:scale(.9)}.section-heading{margin-top:28px}.feature-body{padding:22px}.feature h3{font-size:18px}}
@media(max-width:560px){.topbar{padding:0 17px}.brand{font-size:17px}.brand-icon{width:38px;height:38px}.brand small{font-size:8px}.header-actions{gap:13px}.official-header{font-size:10px}.sidebar{padding:15px 17px 10px}main{padding:18px 17px}.version-hero{padding:25px 23px;min-height:245px}.hero-art{position:absolute;right:-70px;top:26px;opacity:.13;transform:scale(1.3)}.hero-copy{position:relative;max-width:100%}h1{font-size:43px}.hero-copy h2{font-size:16px}.hero-copy p{font-size:11px;max-width:100%}.eyebrow{font-size:9px}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading h2{font-size:20px}.search{width:100%;max-width:none}.search input{width:100%;font-size:12px}.filters{gap:6px}.filter{font-size:10px;padding:5px 10px}.feature{grid-template-columns:1fr}.feature-body{padding:21px}.feature-body>p{font-size:12px}.feature-body .use{font-size:11px}pre{font-size:11px;padding:17px 20px}.code-heading{padding:9px 20px}.inventory li{gap:8px}.inventory li>span{flex-basis:57px}.inventory .section-heading{flex-direction:row;align-items:center;gap:8px}.inventory .section-heading h2{font-size:17px}.inventory .section-heading>a{font-size:10px}footer{flex-direction:column;gap:15px}.footer-links{justify-content:start}.footer-links>span{text-align:left}#toast{max-width:90vw;width:max-content}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}