:root{--primary-color: #646cff;--primary-hover: #535bf2;--primary-bg: rgba(100, 108, 255, .1);--gradient-brand: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-color: #213547;--text-color-light: #64748b;--text-color-code: #e879f9;--bg-color: #ffffff;--sidebar-bg: #f8fafc;--border-color: #e2e8f0;--code-bg: #f1f5f9;--overlay-bg: rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: "Fira Code", "Fira Mono", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-size-4xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height: 1.6;--letter-spacing-wide: .08em;--nav-height: 64px;--nav-height-mobile: 56px;--sub-nav-height: 48px;--sidebar-width: 240px;--content-max-width: 1400px;--max-width-home: 1280px;--nav-padding: 0 24px;--nav-padding-mobile: 0 16px;--container-padding: 0 24px;--container-padding-mobile: 0 16px;--main-padding: 48px 48px 0 48px;--main-padding-mobile: 24px;--z-nav: 90;--z-drawer: 100;--z-sidebar: 99;--z-overlay: 98;--z-sub-nav: 50;--z-negative: -1;--transition-fast: .2s ease;--transition-drawer: .2s ease;--transition-fade: .2s ease;--gap-xs: 2px;--gap-sm: 6px;--gap-md: 8px;--gap-lg: 12px;--gap-xl: 24px;--gap-2xl: 32px;--pad-xs: 4px;--pad-sm: 6px;--pad-md: 8px;--pad-lg: 12px;--pad-xl: 16px;--pad-2xl: 24px;--pad-3xl: 32px;--pad-4xl: 48px;--pad-5xl: 64px;--margin-xs: 4px;--margin-sm: 8px;--margin-md: 12px;--margin-lg: 16px;--margin-xl: 24px;--margin-2xl: 32px;--margin-3xl: 40px;--margin-4xl: 48px;--margin-5xl: 64px;--icon-sm: 20px;--icon-md: 22px;--icon-lg: 24px;--icon-xl: 64px;--icon-logo: 120px;--back-top-size: 40px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 24px;--radius-full: 50%;--scroll-margin: 80px;--opacity-faded: .7}.dark{--text-color: #e2e8f0;--text-color-light: #94a3b8;--bg-color: #11151c;--sidebar-bg: #0d101a;--border-color: #232a33;--code-bg: #1e293b}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);color:var(--text-color);background-color:var(--bg-color);line-height:var(--line-height);min-height:100vh}body.home-page{background:var(--bg-color)}.home-page .nav{border-bottom:none;background:var(--bg-color)}.home-page .nav.scrolled{border-bottom:1px solid var(--border-color)}.home-page .nav-left{width:auto}.sidebar-bg{position:fixed;left:0;top:0;bottom:0;width:50%;background:var(--sidebar-bg);z-index:var(--z-negative)}.nav{position:sticky;top:0;left:0;right:0;height:var(--nav-height);z-index:var(--z-nav);border-bottom:1px solid var(--border-color)}.nav-container{max-width:var(--content-max-width);margin:0 auto;height:100%;display:flex;align-items:center;padding:var(--nav-padding)}.nav-left{width:var(--sidebar-width);height:100%;display:flex;align-items:center}.nav-right{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;background:var(--bg-color)}.nav-logo{display:flex;align-items:center;gap:var(--gap-md);text-decoration:none;color:var(--text-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.nav-logo svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--primary-color)}.nav-links{display:flex;gap:var(--gap-xs);margin-left:auto}.nav-link{text-decoration:none;color:var(--text-color-light);font-size:var(--font-size-base);padding:var(--pad-md) var(--pad-lg);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-color);background:var(--sidebar-bg)}.nav-link.active{color:var(--primary-color)}.nav-gh-link{display:flex;align-items:center;padding:var(--pad-md);color:var(--text-color-light);border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-left:var(--margin-sm)}.nav-gh-link svg{width:var(--icon-sm);height:var(--icon-sm)}.nav-gh-link:hover{color:var(--text-color);background:var(--sidebar-bg)}.theme-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--pad-md);border-radius:var(--radius-sm);color:var(--text-color-light);transition:all var(--transition-fast);margin-left:var(--margin-sm)}.theme-toggle:hover{background:var(--sidebar-bg);color:var(--text-color)}.theme-toggle svg{width:var(--icon-sm);height:var(--icon-sm)}.container{display:flex;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;padding:var(--container-padding);min-height:calc(100vh - var(--nav-height))}.sidebar{width:var(--sidebar-width);padding:var(--pad-2xl) 0;position:sticky;top:var(--nav-height);height:fit-content;max-height:calc(100vh - var(--nav-height));overflow-y:auto;align-self:flex-start}.sidebar-left{background:var(--sidebar-bg)}.sidebar-right{border-left:1px solid var(--border-color)}.sidebar-header{padding:0 var(--pad-xl) var(--pad-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-color-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.sidebar-links{padding:0 var(--pad-xl)}.sidebar-link{display:block;padding:var(--pad-md) var(--pad-lg);text-decoration:none;color:var(--text-color-light);font-size:var(--font-size-base);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.sidebar-link:hover{color:var(--text-color);background:var(--bg-color)}.sidebar-link.active{color:var(--primary-color);background:var(--primary-bg);transition:none}.main{flex:1;padding:var(--main-padding);min-width:0;background:var(--bg-color);display:flex;flex-direction:column}.toc-links{padding:0 var(--pad-xl)}.toc-list{list-style:none;padding:0;margin:0}.toc-link{display:block;padding:var(--pad-sm) var(--pad-lg);text-decoration:none;color:var(--text-color-light);font-size:var(--font-size-sm);border-radius:var(--radius-xs);transition:all var(--transition-fast)}.toc-link:hover{color:var(--text-color);background:var(--sidebar-bg)}.toc-link.active{color:var(--primary-color);background:var(--primary-bg)}.toc-level-h2{padding-left:var(--pad-lg)}.toc-level-h3{padding-left:var(--pad-2xl);font-size:var(--font-size-xs)}.home-page{display:flex;flex-direction:column;min-height:100vh}.home-main{max-width:var(--max-width-home);margin:0 auto;flex:1}.home{text-align:center;padding-bottom:var(--pad-5xl)}.hero{padding:var(--pad-5xl) 0}.hero .logo{width:var(--icon-logo);height:var(--icon-logo);margin:0 auto var(--margin-2xl)}.hero .logo img{width:100%;height:100%;display:block}.hero h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--margin-lg);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:var(--font-size-xl);color:var(--text-color-light);margin-bottom:var(--margin-2xl)}.actions{display:flex;gap:var(--gap-lg);justify-content:center}.btn{display:inline-flex;align-items:center;padding:var(--pad-lg) var(--pad-2xl);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border:1px solid var(--border-color);color:var(--text-color)}.btn:hover{background:var(--sidebar-bg)}.btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn.primary:hover{background:var(--primary-hover)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-2xl)}.feature{padding:var(--pad-2xl);border-radius:var(--radius-lg);background:var(--sidebar-bg);text-align:left}.home .feature h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--margin-sm)}.home .feature p{font-size:var(--font-size-base);color:var(--text-color-light);margin:0}.main h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--margin-xl)}.main h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-top:var(--margin-3xl);margin-bottom:var(--margin-lg);padding-bottom:var(--pad-md);border-bottom:1px solid var(--border-color);scroll-margin-top:var(--scroll-margin)}.main h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-top:var(--margin-2xl);margin-bottom:var(--margin-md);scroll-margin-top:var(--scroll-margin)}.main p{margin-bottom:var(--margin-lg);color:var(--text-color-light)}.main ul,.main ol{padding-left:var(--pad-2xl);margin-bottom:var(--margin-lg);color:var(--text-color-light)}.main li{margin-bottom:var(--margin-sm)}.main a{color:var(--primary-color);text-decoration:none}.main a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:var(--font-size-base);padding:var(--pad-xs) var(--pad-sm);background:var(--code-bg);border-radius:var(--radius-xs);color:var(--text-color-code)}pre{padding:var(--pad-xl);border-radius:var(--radius-md);overflow-x:auto;margin:var(--margin-lg) 0}pre code{background:none;padding:0;color:inherit}.page-date{font-size:var(--font-size-base);color:var(--text-color);margin-top:var(--margin-4xl);margin-bottom:var(--margin-lg);font-weight:var(--font-weight-medium)}.prev-next{display:flex;justify-content:space-between;margin-bottom:var(--margin-4xl);gap:var(--gap-xl)}.prev-next-item{flex:1;max-width:50%}.prev-next-right{text-align:right}.prev-next-link{display:flex;flex-direction:column;text-decoration:none;padding:var(--pad-lg) var(--pad-xl);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast)}.prev-next-link:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 5%,transparent)}.prev-next-label{font-size:var(--font-size-sm);color:var(--text-color-light);font-weight:var(--font-weight-medium)}.prev-next-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-color)}.footer{padding:var(--pad-2xl);text-align:center;border-top:1px solid var(--border-color);color:var(--text-color-light);font-size:var(--font-size-base);margin-top:auto}.main footer{padding:var(--pad-2xl) 0}.footer p{margin:0}.footer-meta{margin-top:var(--margin-xs)!important;font-size:var(--font-size-sm);opacity:var(--opacity-faded)}.footer-meta a{color:var(--text-color-light);text-decoration:none}.footer-meta a:hover{color:var(--primary-color)}.hamburger-nav{display:none;background:none;border:none;cursor:pointer;padding:var(--pad-md);color:var(--text-color);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.hamburger-nav:hover{background:var(--sidebar-bg)}.hamburger-nav svg{width:var(--icon-md);height:var(--icon-md)}.sub-nav{display:none;height:var(--sub-nav-height);border-bottom:1px solid var(--border-color);background:var(--bg-color)}.sub-nav-left{display:flex;align-items:center;gap:var(--gap-md);height:100%;padding:0 var(--pad-xl);background:none;border:none;cursor:pointer;font-size:var(--font-size-base);color:var(--text-color);font-weight:var(--font-weight-medium)}.sub-nav-icon{width:var(--icon-sm);height:var(--icon-sm)}.nav-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:50%;background:var(--bg-color);z-index:var(--z-drawer);flex-direction:column;padding:var(--pad-2xl) var(--pad-xl);transform:translate(100%);transition:transform var(--transition-drawer);border-left:1px solid var(--border-color)}.nav-drawer.open{transform:translate(0)}.nav-drawer .nav-link{display:block;padding:var(--pad-lg) var(--pad-xl);font-size:var(--font-size-lg);border-bottom:1px solid var(--border-color);text-decoration:none;color:var(--text-color-light);border-radius:var(--radius-sm)}.nav-drawer .nav-link:hover{color:var(--text-color);background:var(--sidebar-bg)}.nav-drawer .nav-link.active{color:var(--primary-color)}.nav-drawer-actions{margin-top:auto;padding-top:var(--pad-2xl);display:flex;flex-direction:column}.nav-drawer-actions .nav-gh-link{display:flex;align-items:center;gap:var(--gap-md);padding:var(--pad-lg) var(--pad-xl);margin-left:0;color:var(--text-color-light);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-size-base)}.nav-drawer-actions .nav-gh-link:hover{background:var(--sidebar-bg);color:var(--text-color)}.drawer-theme-toggle{display:flex;align-items:center;gap:var(--gap-md);padding:var(--pad-lg) var(--pad-xl);background:none;border:none;cursor:pointer;color:var(--text-color-light);font-size:var(--font-size-base);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.drawer-theme-toggle:hover{background:var(--sidebar-bg);color:var(--text-color)}.drawer-theme-toggle svg{width:var(--icon-sm);height:var(--icon-sm)}.back-to-top{display:none;position:fixed;bottom:120px;right:var(--pad-2xl);width:var(--back-top-size);height:var(--back-top-size);border-radius:var(--radius-full);background:var(--primary-color);color:#fff;border:none;cursor:pointer;align-items:center;justify-content:center;z-index:var(--z-sub-nav);box-shadow:var(--shadow-sm);transition:opacity var(--transition-fade);opacity:0}.back-to-top.visible{opacity:1}.back-to-top svg{width:var(--icon-sm);height:var(--icon-sm)}.search-btn-floating{display:none;position:fixed;bottom:60px;right:var(--pad-2xl);width:var(--back-top-size);height:var(--back-top-size);border-radius:var(--radius-full);background:var(--primary-color);color:#fff;border:none;cursor:pointer;align-items:center;justify-content:center;z-index:var(--z-sub-nav);box-shadow:var(--shadow-sm);transition:opacity var(--transition-fade);opacity:0}.search-btn-floating.visible{opacity:1}.search-btn-floating svg{width:var(--icon-sm);height:var(--icon-sm)}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:var(--z-overlay)}.sidebar-overlay.open{display:block}.search-btn{background:none;border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;gap:var(--gap-sm);padding:6px 12px;border-radius:var(--radius-sm);color:var(--text-color-light);transition:all var(--transition-fast);font-size:var(--font-size-base);font-family:var(--font-sans);margin-left:var(--margin-xl)}.search-btn:hover{border-color:var(--primary-color);color:var(--text-color)}.search-btn svg{width:15px;height:15px}.search-btn-hint{font-size:11px;color:var(--text-color-light);border:1px solid var(--border-color);border-radius:4px;padding:1px 5px;opacity:.6;line-height:1.4}@media(max-width:768px){.search-btn{border:none;padding:var(--pad-md);border-radius:var(--radius-sm)}.search-btn-text,.search-btn-hint{display:none}}.search-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:200;align-items:flex-start;justify-content:center;padding-top:80px}.search-overlay.open{display:flex}.search-modal{width:100%;max-width:820px;min-height:240px;margin:0 var(--pad-xl);background:var(--bg-color);border-radius:var(--radius-md);box-shadow:0 16px 64px #0003;overflow:hidden}.search-input-wrap{display:flex;align-items:center;gap:var(--gap-md);padding:var(--pad-lg) var(--pad-xl);border-bottom:1px solid var(--border-color)}.search-modal-icon{width:18px;height:18px;color:var(--text-color-light);flex-shrink:0}.search-input{flex:1;border:none;background:none;outline:none;font-size:var(--font-size-lg);color:var(--text-color);font-family:var(--font-sans)}.search-input::placeholder{color:var(--text-color-light);opacity:.5}.search-close{background:none;border:none;cursor:pointer;font-size:20px;color:var(--text-color-light);padding:0 4px;line-height:1;opacity:.6;transition:opacity var(--transition-fast)}.search-close:hover{opacity:1;color:var(--text-color)}.search-results{max-height:400px;overflow-y:auto}.search-result-item{display:flex;flex-direction:column;gap:2px;padding:var(--pad-lg) var(--pad-xl);text-decoration:none;transition:background var(--transition-fast)}.search-result-item:hover{background:var(--sidebar-bg)}.search-result-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-color)}.search-result-desc{font-size:var(--font-size-sm);color:var(--text-color-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item mark{background:#646cff33;color:var(--primary-color);border-radius:2px;padding:0 2px}.search-result-empty{padding:var(--pad-3xl) var(--pad-xl);text-align:center;color:var(--text-color-light);font-size:var(--font-size-base)}@media(max-width:1024px){.sidebar-right{display:none}}@media(max-width:768px){.sidebar-bg{display:none}.nav{height:var(--nav-height-mobile);background:var(--bg-color)}.nav-left{width:100%;justify-content:flex-start}.search-btn-floating{display:flex;opacity:1}.nav-container{padding:var(--nav-padding-mobile);position:relative}.hamburger-nav{display:flex;align-items:center;position:absolute;right:0}.nav-right{display:none}.sub-nav{display:flex;align-items:center;position:sticky;top:var(--nav-height-mobile);z-index:var(--z-sub-nav);padding:0 var(--pad-xl)}.sub-nav-left{padding:0}.sidebar-left{position:fixed;top:0;left:0;width:50%;height:100vh;max-height:none;background:var(--bg-color);z-index:var(--z-sidebar);border-right:1px solid var(--border-color);overflow-y:auto;display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-drawer);visibility:hidden}.sidebar-left.open{transform:translate(0);visibility:visible}.sidebar-right{display:none}.nav-drawer,.back-to-top{display:flex}.main{padding:var(--main-padding-mobile)}.container{padding:var(--container-padding-mobile)}.features{grid-template-columns:1fr}.hero h1{font-size:var(--font-size-3xl)}.home-page .nav-container{position:relative;justify-content:flex-start}.home-page .hamburger-nav{display:flex;align-items:center;position:absolute;right:0}.home-page .nav-links,.home-page .theme-toggle{display:none}.home-main{padding:var(--pad-2xl) var(--pad-xl)}}.skip-link{position:absolute;top:-100%;left:8px;z-index:999;padding:8px 16px;background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-base);text-decoration:none;transition:top .1s}.skip-link:focus{top:8px}html{scroll-behavior:smooth}.copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:var(--font-size-xs);font-family:var(--font-sans);color:var(--text-color-light);background:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-xs);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);line-height:1.4}pre:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--text-color);border-color:var(--primary-color)}@media print{.nav,.sidebar,.sidebar-right,.sub-nav,.footer,.prev-next,.back-to-top,.search-btn-floating,.nav-drawer,.sidebar-overlay,.search-overlay,.search-btn,.theme-toggle,.nav-gh-link,.hamburger-nav{display:none!important}.container{display:block}.main{padding:0}body{color:#000;background:#fff}a{color:#000!important;text-decoration:underline}pre{border:1px solid #ccc}}