:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(98.6% .005 250);--color-paper-2:oklch(96.2% .008 252);--color-paper-3:oklch(93% .011 252);--color-ink:oklch(21% .028 262);--color-ink-2:oklch(36% .022 260);--color-muted:oklch(50% .018 258);--color-rule:oklch(90% .009 252);--color-rule-2:oklch(83% .012 252);--color-graphite:oklch(21% .024 262);--color-graphite-2:oklch(26.5% .026 262);--color-graphite-ink:oklch(93% .01 250);--color-graphite-muted:oklch(69% .022 256);--color-accent:oklch(52% .19 258);--color-accent-2:oklch(76% .13 254);--color-accent-wash:oklch(95% .028 256);--color-accent-ink:oklch(98.6% .005 250);--color-focus:oklch(52% .19 258);--color-accent-deep:oklch(43% .2 262);--color-accent-edge:oklch(39% .16 260);--color-glyph-1:oklch(89% .025 254);--color-glyph-2:oklch(81% .045 255);--color-glyph-3:oklch(70% .085 256);--color-glyph-4:oklch(60% .13 257);--color-graphite-glyph-1:oklch(33% .03 262);--color-graphite-glyph-2:oklch(41% .05 260);--color-graphite-glyph-3:oklch(53% .1 258);--color-key-face:oklch(99.4% .003 250);--color-key-edge:oklch(80% .016 254);--font-display:"Familjen Grotesk", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-outlier:"JetBrains Mono", ui-monospace, monospace;--radius-card:8px;--radius-input:6px;--radius-pill:999px;--cell-w:8px;--cell-h:16px;--cut:8px;--cut-l:16px;--rule-hair:1px;--shadow-card:0 1px 2px oklch(21% .028 262/.06);--shadow-key:0 3px 0 0 var(--color-key-edge), 0 6px 8px -4px oklch(21% .028 262/.28), inset 0 1px 0 oklch(100% 0 0/.9);--shadow-key-accent:0 3px 0 0 var(--color-accent-edge), 0 6px 8px -4px oklch(30% .12 260/.45), inset 0 1px 0 oklch(100% 0 0/.22);--shadow-key-press:inset 0 1px 2px oklch(21% .028 262/.14);--tracking-display:-.028em;--display-weight:600;--bg:#fff;--side:#f7f9fc;--ink:#202a39;--muted:#7b8493;--body:#535e6c;--line:#e9edf2;--accent:#3266d5;--wash:#edf3ff;--code:#202938;--codeink:#e3eafa;--error:#b43131;--success:#167448;--overlay:#16243b66;--clear:transparent;--font:"IBM Plex Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,monospace;--shadow:0 20px 80px #18243c26}:root[data-theme=dark]{--bg:#151b24;--side:#19212d;--ink:#e3e9f2;--muted:#99a6b8;--body:#b7c1cf;--line:#2c3543;--accent:#87adff;--wash:#23334f;--code:#0c121b;--error:#ff9d9d;--success:#85d2ae;--overlay:#0009}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px;overflow-x:clip}body{background:var(--bg);color:var(--ink);font:15px/1.7 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;color:inherit;background:var(--clear);border:0}a{color:var(--accent);text-decoration:none}button:hover,a:hover{color:var(--accent)}button:disabled{background:var(--side);color:var(--muted);cursor:not-allowed}button:active{transform:translateY(1px)}h1,h2,h3{color:var(--ink);overflow-wrap:break-word;min-width:0}p{margin:0 0 var(--space-md)}svg{flex-shrink:0}button svg,a svg{vertical-align:middle}.skip{z-index:99;background:var(--bg);padding:var(--space-xs);position:absolute;transform:translateY(-180%)}.skip:focus{transform:translateY(0)}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:30;height:76px;position:sticky;top:0}.top-inner{align-items:center;gap:var(--space-2xl);max-width:1536px;height:100%;margin:auto;padding:0 36px;display:flex}.brand{align-items:center;gap:var(--space-sm);white-space:nowrap;padding:0;display:flex}.brand img{border-radius:9px;width:37px;height:37px}.brand strong{font-size:19px;font-weight:650}.brand strong span{margin-left:var(--space-xs);color:var(--muted);font-size:13px;font-weight:400}.top-nav{align-items:center;gap:32px;height:100%;display:flex}.top-nav button{height:100%;color:var(--body);font-size:14px;position:relative}.top-nav .selected{color:var(--accent)}.top-nav .selected:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.top-actions{gap:var(--space-md);align-items:center;margin-left:auto;display:flex}.search-trigger{background:var(--side);border:1px solid var(--line);padding:var(--space-xs) var(--space-xs);align-items:center;gap:var(--space-xs);color:var(--muted);border-radius:6px;min-width:200px;font-size:12px;display:flex}.search-trigger kbd{font:11px var(--font);border:1px solid var(--line);padding:0 var(--space-2xs);border-radius:3px;margin-left:auto}.icon-button{place-items:center;width:36px;height:36px;display:grid}.mobile-menu{display:none}.shell{grid-template-columns:244px minmax(0,1fr) 208px;gap:0;max-width:1464px;margin:0 auto;display:grid}.sidebar{height:calc(100dvh - 76px);padding:36px 20px var(--space-lg) 0;border-right:1px solid var(--line);flex-direction:column;display:flex;position:sticky;top:76px;overflow-y:auto}.sidebar-heading{align-items:center;gap:var(--space-xs);padding:0 var(--space-md) var(--space-lg);font-size:14px;font-weight:600;display:flex}.sidebar-heading small{color:var(--muted);margin-left:auto}.nav-group{margin:0 0 var(--space-lg)}.group-toggle{width:100%;padding:var(--space-2xs) var(--space-md);color:var(--muted);margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;font-size:12px;display:flex}.nav-items{gap:var(--space-2xs);display:grid}.nav-items button{padding:var(--space-xs) var(--space-sm);align-items:center;gap:var(--space-xs);text-align:left;color:var(--body);border-radius:5px;min-height:40px;font-size:13px;line-height:1.4;display:flex}.nav-items button:hover{background:var(--side);color:var(--accent)}.nav-items button.current{background:var(--wash);color:var(--accent);font-weight:550}.tiny-tag{color:var(--muted);border:1px solid var(--line);padding:0 var(--space-2xs);white-space:nowrap;border-radius:3px;margin-left:auto;font-size:10px}.sidebar-bottom{padding:32px var(--space-md) 0;gap:var(--space-xs);color:var(--muted);align-items:flex-start;margin-top:auto;display:flex}.sidebar-bottom p{margin:0;font-size:12px}.sidebar-bottom span{margin-top:var(--space-2xs);font-size:10px;display:block}main{min-width:0;padding:36px 56px 0}.breadcrumb{gap:var(--space-xs);color:var(--muted);align-items:center;margin-bottom:44px;font-size:12px;display:flex}.breadcrumb span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-mark{align-items:center;gap:var(--space-xs);color:var(--muted);margin-bottom:var(--space-md);font-size:12px;display:flex}.pixel-mark{gap:var(--space-3xs);grid-template-columns:repeat(2,4px);display:grid}.pixel-mark i{background:var(--accent);width:4px;height:4px}.pixel-mark i:last-child{opacity:.3}h1{letter-spacing:-1.3px;margin:0 0 var(--space-md);font-size:37px;font-weight:650;line-height:1.4}.lead{color:var(--body);margin-bottom:var(--space-lg);font-size:16px;line-height:1.95}.byline{align-items:center;gap:var(--space-xs);color:var(--muted);font-size:11px;display:flex}.byline img{border-radius:50%;width:23px;height:23px}.byline span:first-of-type{color:var(--body)}.byline-separator{background:var(--line);width:1px;height:12px;margin:0 var(--space-2xs)}.article-header{border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:32px}.intro-note{gap:var(--space-sm);border:1px solid var(--line);background:var(--side);padding:20px var(--space-lg);margin-bottom:var(--space-xl);border-radius:7px;display:flex}.note-symbol{color:var(--accent)}.intro-note strong{font-size:14px;font-weight:550}.intro-note p{color:var(--body);margin:var(--space-xs) 0 0;font-size:12px;line-height:1.8}.article-body h2{letter-spacing:-.5px;margin:var(--space-xl) 0 20px;scroll-margin-top:116px;font-size:23px;font-weight:600;line-height:1.5}.article-body h3{margin:28px 0 var(--space-md);scroll-margin-top:116px;font-size:18px}.article-body section:first-child h2{margin-top:0}.article-body p{color:var(--body);text-align:left;font-size:15px;line-height:2.05}.article-body ul{padding-left:var(--space-lg);color:var(--body);margin:var(--space-md) 0 28px}.article-body li{margin-bottom:var(--space-sm);padding-left:var(--space-2xs);line-height:1.95}.article-body li::marker{color:var(--muted)}.toc{height:calc(100dvh - 76px);padding:var(--space-xl) 0 32px var(--space-lg);position:sticky;top:76px;overflow-y:auto}.toc-title{margin-bottom:var(--space-md);font-size:12px;font-weight:600}.toc nav{border-left:1px solid var(--line);gap:0;display:grid}.toc nav a{color:var(--muted);padding:var(--space-xs) 0 var(--space-xs) var(--space-md);border-left:2px solid var(--clear);margin-left:-1px;font-size:11px;line-height:1.55}.toc nav a.active{border-color:var(--accent);color:var(--accent)}.toc nav a.nested{padding-left:var(--space-lg)}.toc-contact{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--line);color:var(--muted)}.toc-contact>svg{margin-bottom:var(--space-sm);display:block}.toc-contact strong{color:var(--ink);font-size:12px;font-weight:550}.toc-contact p{margin:var(--space-xs) 0 var(--space-sm);font-size:11px;line-height:1.9}.toc-contact button{align-items:center;gap:var(--space-md);color:var(--accent);padding:0;font-size:12px;display:flex}.primary{align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-md);background:var(--accent);color:var(--bg);border-radius:5px;justify-content:center;min-height:42px;font-size:13px;display:inline-flex}.primary:hover{opacity:.9;color:var(--bg)}.product-visit{margin-top:var(--space-lg)}.product-list{border-top:1px solid var(--line);margin-top:var(--space-lg)}.product-list button{text-align:left;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--line);width:100%;padding:20px 0;display:flex}.product-list button>svg{margin-left:auto}.product-icon{background:var(--wash);width:44px;height:44px;color:var(--accent);border-radius:7px;place-items:center;display:grid}.product-list strong{font-size:15px;font-weight:550;display:block}.product-list small{color:var(--muted);margin-top:var(--space-2xs);font-size:12px;display:block}.article-end{color:var(--muted);padding-top:var(--space-lg);border-top:1px solid var(--line);justify-content:space-between;margin-top:48px;font-size:11px;display:flex}.article-end button{font-size:11px}.next-article{background:var(--side);border:1px solid var(--line);padding:20px var(--space-lg);border-radius:6px;margin-top:36px}.next-article>span{color:var(--muted);font-size:11px}.next-article button{text-align:left;width:100%;padding:var(--space-xs) 0 0;justify-content:space-between;align-items:center;font-size:14px;display:flex}.next-article strong{font-weight:500}footer{color:var(--muted);padding:var(--space-lg) 0;border-top:1px solid var(--line);justify-content:space-between;margin-top:60px;font-size:10px;display:flex}.architecture-flow{border:1px solid var(--line);background:var(--side);border-radius:6px;margin:28px 0;padding:20px}.architecture-flow figcaption{color:var(--muted);gap:var(--space-xs);align-items:center;margin-bottom:20px;font-size:12px;display:flex}.architecture-flow>div{gap:var(--space-sm);flex-wrap:wrap;display:flex}.flow-step{align-items:center;gap:var(--space-xs);flex:1;min-width:120px;display:flex}.flow-step strong{font-size:13px;font-weight:500}.flow-step svg{color:var(--muted);margin-left:auto}.flow-number{font:11px var(--mono);color:var(--accent)}.architecture-flow small{color:var(--muted);margin-top:20px;font-size:10px;display:block}.code-block{background:var(--code);color:var(--codeink);margin:var(--space-lg) 0;border-radius:7px;overflow:hidden}.code-block>div{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--line);justify-content:space-between;font-size:12px;display:flex}.code-block button{color:var(--codeink);font-size:11px}.code-block pre{padding:var(--space-xs) var(--space-md) var(--space-md);font:12px/1.9 var(--mono);overflow:auto}.inquiry{padding-top:var(--space-xs)}.inquiry label{margin-bottom:20px;font-size:13px;font-weight:500;display:block}.inquiry input,.inquiry select,.inquiry textarea{width:100%;margin-top:var(--space-xs);padding:var(--space-sm) var(--space-sm);border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:5px;font-size:13px;display:block}.inquiry textarea{resize:vertical}.form-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.required,.error{color:var(--error)}.inquiry small{color:var(--muted);margin-top:var(--space-xs);font-size:11px;display:block}.inquiry small.error{color:var(--error)}.inquiry [aria-invalid=true]{border-color:var(--error)}.inquiry p[role=status]{margin-top:var(--space-md);font-size:13px}.success{color:var(--success)}.search-overlay{z-index:100;background:var(--overlay);justify-content:center;align-items:flex-start;padding:112px 20px 32px;display:flex;position:fixed;inset:0}.search-dialog{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-direction:column;width:620px;max-height:75dvh;display:flex;overflow:hidden}.search-input{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--line);align-items:center;display:flex}.search-input input{background:var(--clear);color:var(--ink);border:0;width:100%;min-width:0;font-size:15px}.results{padding:var(--space-xs);overflow:auto}.results button{text-align:left;width:100%;padding:var(--space-sm);border-radius:6px;display:block}.results button:hover{background:var(--side)}.results button>span{color:var(--muted);font-size:10px}.results strong{margin:var(--space-2xs) 0;font-size:15px;font-weight:500;display:block}.results p{color:var(--muted);margin:0;font-size:12px}.search-footer{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.empty{padding:32px}.qr-contact{gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;margin:20px 0;display:flex}.qr-contact img{object-fit:contain;width:160px;height:auto;max-height:230px}.qr-contact p{margin:var(--space-xs) 0!important;font-size:13px!important}.qr-contact strong{font-size:16px}@media (width>=1500px){.shell{padding:0 var(--space-lg)}main{padding-left:68px;padding-right:68px}}@media (width<=1250px){.shell{padding:0 var(--space-lg);grid-template-columns:220px minmax(0,1fr) 180px}main{padding:32px 36px 0}.top-inner{padding:0 var(--space-lg);gap:36px}.brand strong span{display:none}.toc{padding-left:var(--space-sm)}h1{font-size:32px}.search-trigger{min-width:170px}}@media (width<=1050px){.shell{grid-template-columns:220px minmax(0,1fr)}.toc{display:none}.top-inner{gap:32px}.top-nav{gap:20px}.search-trigger{min-width:0}.search-trigger kbd{display:none}main{padding-right:var(--space-xs)}.sidebar{padding-right:var(--space-md)}}@media (width<=760px){.topbar{height:64px}.top-inner{padding:0 var(--space-md);gap:var(--space-md)}.brand strong{font-size:17px}.brand img{width:32px;height:32px}.top-nav{display:none}.top-actions{gap:var(--space-2xs)}.search-trigger{background:var(--clear);padding:var(--space-xs);border:0}.search-trigger span{display:none}.theme{width:32px}.mobile-menu{display:grid}.shell{padding:0 var(--space-lg);display:block}.sidebar{display:none}.sidebar.open{background:var(--bg);z-index:25;width:285px;height:calc(100dvh - 64px);padding:var(--space-lg) 20px;border-right:1px solid var(--line);box-shadow:var(--shadow);display:flex;position:fixed;top:64px;bottom:0;left:0}main{padding:var(--space-lg) 0 0}.breadcrumb{margin-bottom:32px;font-size:11px}h1{letter-spacing:-.8px;font-size:29px}.lead{font-size:15px}.article-body h2{font-size:22px}.article-body p{font-size:15px}.article-mark{font-size:11px}.intro-note{padding:var(--space-md)}.toc{display:none}.form-grid{grid-template-columns:minmax(0,1fr);gap:0}.search-overlay{padding-top:80px}.article-end{gap:var(--space-md)}footer{gap:var(--space-xs);font-size:9px}.qr-contact{gap:var(--space-md)}.qr-contact img{width:120px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}main{padding-top:var(--space-lg)}.breadcrumb{margin-bottom:var(--space-lg);min-width:0;line-height:1.5}.breadcrumb a{color:var(--muted);flex-shrink:0}.breadcrumb a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--body)}.article-header{padding-bottom:var(--space-lg);margin-bottom:var(--space-lg)}h1{margin-bottom:var(--space-sm)}.lead{margin-bottom:var(--space-md);line-height:1.8}.intro-note{padding:var(--space-md) 20px;margin-bottom:28px}.toc{padding-top:var(--space-lg)}.toc-title{margin-bottom:var(--space-sm)}.toc nav a{padding-top:var(--space-xs);padding-bottom:var(--space-xs);font-size:12px}html{scroll-padding-top:104px}.article-body h2,.article-body h3,#article-top{scroll-margin-top:0}@media (width<=760px){main{padding-top:var(--space-md)}.breadcrumb{row-gap:var(--space-2xs);flex-wrap:wrap;margin-bottom:20px}html{scroll-padding-top:96px}.article-header{margin-bottom:20px;padding-bottom:20px}}:root{--pixel:4px;--pixel-shadow:3px 3px 0 var(--line)}.brand img,.byline img{image-rendering:pixelated;border-radius:0}.brand{gap:var(--space-sm)}.nav-items button{border-radius:0;position:relative}.nav-items button.current{box-shadow:inset 3px 0 0 var(--accent)}.nav-items button.current:after{content:"";width:var(--pixel);height:var(--pixel);background:var(--accent);box-shadow:-5px 0 0 var(--accent),0 5px 0 var(--accent);position:absolute;top:7px;right:7px}.article-header{position:relative}.article-header:after{content:"";width:var(--pixel);height:var(--pixel);background:var(--accent);box-shadow:6px 0 0 var(--accent),12px 0 0 var(--line),18px 0 0 var(--line);display:block;position:absolute;bottom:-2px;left:0}.article-body h2{align-items:baseline;gap:var(--space-sm);display:flex}.article-body h2:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:4px -4px 0 var(--wash);flex:0 0 8px;display:inline-block;transform:translateY(-2px)}.primary{box-shadow:3px 3px 0 var(--line);border:1px solid var(--accent);border-radius:0;transition:transform .12s,box-shadow .12s}.primary:hover{box-shadow:4px 4px 0 var(--line);transform:translate(-1px,-1px)}.primary:active{box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.intro-note,.next-article,.architecture-flow,.code-block,.product-icon{border-radius:0}.intro-note{border-left:3px solid var(--accent);position:relative}.intro-note:after{content:"";width:var(--pixel);height:var(--pixel);background:var(--line);box-shadow:-6px 0 0 var(--line),0 -6px 0 var(--line);position:absolute;bottom:12px;right:12px}.product-icon{box-shadow:var(--pixel-shadow)}.tiny-tag,.search-trigger,.search-trigger kbd{border-radius:0}.toc nav a{position:relative}.toc nav a.active:before{content:"";width:var(--pixel);height:var(--pixel);background:var(--accent);box-shadow:3px 3px 0 var(--accent);position:absolute;top:14px;left:-3px}.qr-contact>a{padding:var(--space-xs);border:1px solid var(--line);box-shadow:var(--pixel-shadow);flex-shrink:0;display:block;position:relative}.qr-contact>a:before,.qr-contact>a:after{content:"";border-color:var(--accent);border-style:solid;width:12px;height:12px;position:absolute}.qr-contact>a:before{border-width:3px 0 0 3px;top:-2px;left:-2px}.qr-contact>a:after{border-width:0 3px 3px 0;bottom:-2px;right:-2px}.qr-contact img{display:block}.inquiry input,.inquiry select,.inquiry textarea{border-radius:0}.sidebar-bottom>svg{color:var(--accent)}@media (prefers-reduced-motion:reduce){.primary{transition:none}.primary:hover,.primary:active{transform:none}}