:root{color-scheme:dark;--bg: #111312;--surface: rgba(32, 32, 32, .92);--surface-strong: #141615;--surface-soft: rgba(255, 255, 255, .04);--line: rgba(214, 216, 217, .16);--line-strong: rgba(214, 216, 217, .3);--text: #ffffff;--muted: #aeb6b9;--dim: #7e878a;--yellow: #ffd900;--yellow-dynamic: #fee600;--cyan: #2aaace;--orange: #e5622b;--green: #74c69d;--shadow: 0 24px 70px rgba(0, 0, 0, .36);--radius: 8px;--nav-collapsed: 74px;--nav-expanded: 280px;--nav-width: var(--nav-collapsed);--content-max: 1500px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;--bg: #edf6fb;--surface: rgba(247, 252, 255, .76);--surface-strong: #f7fbfe;--surface-soft: rgba(255, 255, 255, .62);--line: rgba(86, 126, 158, .18);--line-strong: rgba(86, 126, 158, .34);--text: #16243a;--muted: #53677c;--dim: #738498;--yellow: #3f7df6;--yellow-dynamic: #66c7e8;--cyan: #207aa7;--orange: #b26028;--shadow: 0 22px 58px rgba(80, 139, 194, .16), inset 0 1px 1px rgba(255, 255, 255, .48)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:linear-gradient(90deg,rgba(255,217,0,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 75% 5%,rgba(42,170,206,.14),transparent 28rem),radial-gradient(circle at 20% 0%,rgba(255,217,0,.08),transparent 22rem),var(--bg);background-size:72px 72px,72px 72px,auto,auto,auto;font-size:16px;line-height:1.6}body:before{content:"";position:fixed;z-index:1000;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035),transparent 1px);background-size:100% 4px;opacity:.28;mix-blend-mode:screen}:root[data-theme=light] body{background:linear-gradient(90deg,rgba(63,125,246,.055) 1px,transparent 1px),linear-gradient(rgba(39,87,130,.035) 1px,transparent 1px),radial-gradient(ellipse at 14% 12%,rgba(147,222,246,.42),transparent 28rem),radial-gradient(ellipse at 86% 8%,rgba(93,145,238,.24),transparent 34rem),radial-gradient(ellipse at 78% 82%,rgba(255,255,255,.76),transparent 38rem),linear-gradient(145deg,#f8fcff,#edf7fb 42%,#dbeef8);background-size:72px 72px,72px 72px,auto,auto,auto,auto}:root[data-theme=light] body:before{opacity:.12;mix-blend-mode:normal}a{color:inherit}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--line-strong);color:var(--text);background:var(--surface-soft);border-radius:8px}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;background:var(--yellow);color:#111}.skip-link:focus{top:1rem}.site-shell{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);min-height:calc(100vh - 58px);transition:grid-template-columns .22s ease}.site-shell:has(.side-nav:hover),.site-shell:has(.side-nav:focus-within),.site-shell:has(.side-nav.is-expanded){--nav-width: var(--nav-expanded)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:246px;color:var(--text);text-decoration:none}.brand-mark{display:inline-grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--yellow) 58%,transparent);border-radius:8px;color:#202020;background:var(--yellow);font-weight:950}.brand-copy strong{display:block;letter-spacing:.1em}.brand-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.76rem}.icon{display:block;flex:0 0 auto}.side-nav{position:sticky;z-index:30;top:0;grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:18px;height:100vh;padding:16px;border-right:1px solid var(--line);background:#141615f0;box-shadow:14px 0 48px #00000024;backdrop-filter:blur(18px) saturate(125%);overflow:hidden;cursor:pointer}.side-nav:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}:root[data-theme=light] .side-nav,:root[data-theme=light] .mobile-header{border-color:#70b4ea2e;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.82),transparent 20rem),linear-gradient(135deg,#f7fcffe6,#f7fcff94);box-shadow:16px 0 56px #2c4f7024,inset -1px 0 #ffffffb8}.nav-links{display:grid;gap:5px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.nav-link{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;min-width:246px;min-height:42px;border:1px solid transparent;border-radius:8px;color:var(--muted);text-decoration:none;overflow:hidden;transition:color .16s ease,border-color .16s ease,background .16s ease}.nav-link:before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:color-mix(in srgb,var(--yellow) 12%,transparent);transition:width .22s ease}.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active{border-color:color-mix(in srgb,var(--yellow) 34%,transparent);color:var(--text);background:color-mix(in srgb,var(--yellow) 8%,transparent);outline:none}.nav-link:hover:before,.nav-link:focus-visible:before{width:100%}.nav-link.is-active:before{width:4px}.nav-icon{z-index:1;display:grid;place-items:center;width:42px;height:42px;color:var(--cyan)}.nav-link.is-active .nav-icon{color:var(--yellow)}.nav-label,.nav-index{z-index:1}.nav-label{padding-inline:10px;font-size:.9rem;font-weight:800;white-space:nowrap}.nav-index{padding-right:11px;color:var(--dim);font:750 .62rem ui-monospace,SFMono-Regular,Consolas,monospace}.nav-preferences{display:grid;gap:8px}.language-panel,.theme-panel{display:flex;align-items:center;gap:6px}.language-panel button,.theme-panel button{min-height:34px;padding:0 9px;border-color:var(--line);color:var(--muted);background:var(--surface-soft);font-size:.74rem;font-weight:900}.language-panel button{min-width:42px}.theme-panel{flex-wrap:wrap}.theme-panel button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:70px;font-size:.66rem}.language-panel button:hover,.language-panel button:focus-visible,.language-panel button.is-active,.theme-panel button:hover,.theme-panel button:focus-visible,.theme-panel button.is-active{border-color:var(--yellow);color:#202020;background:var(--yellow);outline:none}.nav-meta{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--dim);font-size:.75rem}.nav-meta strong,.nav-meta small{display:block;margin-top:4px}.nav-meta strong{color:var(--muted);font-weight:800}.nav-meta small{color:var(--dim);font:700 .65rem ui-monospace,SFMono-Regular,Consolas,monospace}.main-content{grid-column:2;grid-row:1;width:min(var(--content-max),calc(100% - 56px));min-width:0;min-height:calc(100vh - 58px);margin:0 auto;padding:44px 0 78px}.mobile-header,.nav-scrim,.nav-toggle-close{display:none}.site-footer{margin-left:var(--nav-collapsed);padding:1.1rem 2rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);color:var(--muted);font:600 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;transition:margin-left .22s ease}.site-shell:has(.side-nav:hover)+.site-footer,.site-shell:has(.side-nav:focus-within)+.site-footer,.site-shell:has(.side-nav.is-expanded)+.site-footer{margin-left:var(--nav-expanded)}@media(min-width:1021px){.side-nav .brand-copy,.side-nav .nav-label,.side-nav .nav-index,.side-nav .nav-preferences,.side-nav .nav-meta{transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.side-nav:not(:hover):not(:focus-within):not(.is-expanded) .brand-copy,.side-nav:not(:hover):not(:focus-within):not(.is-expanded) .nav-label,.side-nav:not(:hover):not(:focus-within):not(.is-expanded) .nav-index,.side-nav:not(:hover):not(:focus-within):not(.is-expanded) .nav-preferences,.side-nav:not(:hover):not(:focus-within):not(.is-expanded) .nav-meta{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-8px)}}.page-header{position:relative;overflow:hidden;min-height:clamp(240px,22vw,300px);display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(1.25rem,3vw,2rem);padding:clamp(24px,3.5vw,46px);margin-bottom:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,217,0,.08),transparent 34%),linear-gradient(315deg,rgba(42,170,206,.13),transparent 34%),var(--surface);box-shadow:var(--shadow)}.page-header>*{min-width:0}.page-header>div:first-child{width:min(900px,100%)}.eyebrow{margin:0 0 .75rem;color:var(--yellow);font:900 .72rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:980px;margin-bottom:1rem;color:var(--text);font-size:clamp(2.6rem,5vw,5.25rem);line-height:.94;letter-spacing:-.025em;overflow-wrap:anywhere}h2{color:var(--text);font-size:clamp(1.65rem,2.6vw,2.75rem);line-height:1.08;letter-spacing:-.02em}h3{color:var(--text);font-size:1.1rem;line-height:1.3}h1,h2,h3{overflow-wrap:anywhere}p,li{color:var(--muted);line-height:1.65}.page-header h1{max-width:820px;font-size:clamp(2.35rem,3.8vw,4rem);line-height:.98}.page-lead,.lead{max-width:760px;margin-bottom:0;color:var(--muted);font-size:clamp(.96rem,1.2vw,1.08rem);line-height:1.65}.header-actions,.button-row{display:flex;flex-wrap:wrap;gap:.7rem}.button{max-width:100%;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:950;line-height:1.2;text-align:center;text-decoration:none}.button.primary{border-color:var(--yellow);background:var(--yellow);color:#111;font-weight:950}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.card{position:relative;min-width:0;overflow:hidden;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}:root[data-theme=light] .page-header,:root[data-theme=light] .panel,:root[data-theme=light] .card{backdrop-filter:blur(18px) saturate(116%)}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--cyan);opacity:0;transition:opacity .15s ease}.card:hover:before,.card:focus-within:before{opacity:1}.card h2,.card h3{margin-bottom:.6rem}.panel h2,.card h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1.18}.panel h3,.card h3{font-size:clamp(1rem,1.25vw,1.15rem)}.card p,.muted{color:var(--muted)}.card-link{text-decoration:none}.status-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:750 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-badge.is-ready .status-dot{background:var(--green)}.status-badge.is-beta .status-dot{background:var(--yellow)}.status-badge.is-concept .status-dot{background:var(--orange)}.meta-row,.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag{padding:.25rem .55rem;border:1px solid var(--line);color:var(--muted);font:700 .7rem ui-monospace,SFMono-Regular,Consolas,monospace}.section{margin-top:3.5rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem}.section-heading>*{min-width:0}.section-heading h2{margin:0}.section-heading p{max-width:600px;margin:0;color:var(--muted)}.search-field{position:relative}.search-field input,.field input,.field textarea,.field select{width:100%;min-height:48px;padding:.75rem .9rem;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:var(--surface);font-size:.95rem}.field textarea{min-height:120px;resize:vertical}.field label{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.8rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--cyan);font-size:.75rem;text-transform:uppercase}.notice{padding:1rem 1.1rem;border:1px solid var(--line);border-left:3px solid var(--cyan);background:var(--surface-soft);color:var(--muted)}.notice.warning{border-left-color:var(--orange)}.empty-state{padding:3rem 1rem;text-align:center;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1020px){body.nav-open{overflow:hidden}.site-shell{display:block}.side-nav{position:fixed;z-index:40;inset:0 auto 0 0;width:min(84vw,310px);height:100dvh;padding:18px;transform:translate(-101%);transition:transform .19s ease;cursor:default;overflow:hidden}.nav-open .side-nav{transform:translate(0)}.side-nav .brand,.side-nav .nav-link{min-width:0}.mobile-header{position:sticky;z-index:50;top:0;min-height:68px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);background:#141615f0;backdrop-filter:blur(18px) saturate(125%)}.mobile-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:950;letter-spacing:.1em;text-decoration:none}.mobile-brand .brand-mark{width:40px;height:40px}.nav-toggle{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;color:var(--text);background:var(--surface-soft)}.nav-open .nav-toggle{border-color:var(--yellow);color:#202020;background:var(--yellow)}.nav-open .nav-toggle-menu{display:none}.nav-open .nav-toggle-close{display:block}.nav-scrim{position:fixed;z-index:35;inset:0;width:100%;border:0;border-radius:0;background:#00000094;backdrop-filter:blur(2px)}.nav-open .nav-scrim{display:block}.main-content{width:min(1100px,calc(100% - 28px));min-height:calc(100vh - 126px);margin:0 auto;padding:28px 0 64px}.site-footer,.site-shell:has(.side-nav:hover)+.site-footer,.site-shell:has(.side-nav:focus-within)+.site-footer,.site-shell:has(.side-nav.is-expanded)+.site-footer{margin-left:0}.page-header{min-height:230px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.main-content{width:min(100% - 20px,920px)}.page-header{min-height:0;align-items:flex-start;flex-direction:column;gap:1rem;padding:20px}h1{font-size:clamp(2.15rem,11vw,3.25rem);line-height:.98}h2{font-size:clamp(1.5rem,7.5vw,2.15rem);line-height:1.1}.page-header h1{font-size:clamp(2.05rem,10vw,2.75rem)}.page-lead,.lead{font-size:.95rem}.panel,.card{padding:1rem}.grid.two,.grid.three{grid-template-columns:1fr}.site-footer{flex-direction:column;padding:1rem 1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}