*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1c2128;--bg-hover: #1f2937;--bg-active: rgba(139, 92, 246, .1);--border: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #8b5cf6;--accent-hover: #a78bfa;--accent-dim: rgba(139, 92, 246, .15);--green: #3fb950;--green-bg: rgba(63, 185, 80, .1);--blue: #58a6ff;--orange: #d29922;--red: #f85149;--code-bg: #0d1117;--code-border: #30363d;--sidebar-width: 280px;--header-height: 60px}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow:hidden}#root{height:100%}.app{display:flex;height:100%}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;z-index:100;gap:16px}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:15px;white-space:nowrap}.header-logo-icon{width:28px;height:28px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff}.header-search{flex:1;max-width:480px;position:relative}.header-search input{width:100%;padding:8px 14px 8px 36px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.header-search input:focus{border-color:var(--accent)}.header-search input::placeholder{color:var(--text-muted)}.header-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none}.header-search-shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:11px;color:var(--text-muted);pointer-events:none}.menu-toggle{display:none;background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:4px}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);overflow-y:auto;padding:16px 0;z-index:50}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-category{margin-bottom:4px}.sidebar-category-header{display:flex;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.sidebar-category-header:hover{color:var(--text-primary)}.sidebar-icon{display:flex;align-items:center;color:var(--accent)}.sidebar-icon svg{width:16px;height:16px}.sidebar-category-header .chevron{font-size:10px;transition:transform .2s;margin-left:auto;color:var(--text-muted)}.sidebar-category-header .chevron.open{transform:rotate(90deg)}.sidebar-items{overflow:hidden}.sidebar-item{display:block;padding:6px 20px 6px 40px;font-size:13px;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .15s;border-left:2px solid transparent}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-item.active{color:var(--accent);background:var(--accent-dim);border-left-color:var(--accent)}.content{margin-left:var(--sidebar-width);margin-top:var(--header-height);flex:1;overflow-y:auto;height:calc(100vh - var(--header-height))}.content-inner{max-width:820px;margin:0 auto;padding:40px 48px 80px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;color:var(--accent)}.breadcrumb span{color:var(--text-muted)}.page-title{font-size:32px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.page-description{color:var(--text-secondary);font-size:15px;margin-bottom:32px}.section{margin-bottom:32px}.section-title{font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;overflow:hidden;margin-bottom:16px}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--code-border);font-size:12px;color:var(--text-muted)}.code-block-copy{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:3px 10px;border-radius:4px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s;font-family:inherit}.code-block-copy:hover{background:var(--bg-hover);color:var(--text-primary)}.code-block pre{padding:16px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;color:var(--text-primary)}.code-block pre::-webkit-scrollbar{height:6px}.code-block pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.code-block .kw{color:#ff7b72}.code-block .fn{color:#d2a8ff}.code-block .str{color:#a5d6ff}.code-block .num{color:#79c0ff}.code-block .cmt{color:#6e7681}.code-block .op{color:#ff7b72}.code-block .api{color:#ffa657}.return-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--green-bg);border:1px solid rgba(63,185,80,.2);border-radius:8px;font-size:13px;margin-bottom:16px}.return-badge .dot{width:8px;height:8px;background:var(--green);border-radius:50%}.return-badge .type{color:var(--green);font-weight:600}.params-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:13px}.params-table th{text-align:left;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.params-table td{padding:10px 16px;border:1px solid var(--border);vertical-align:top}.params-table tr:hover td{background:var(--bg-tertiary)}.param-name{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.param-type{color:var(--orange);font-family:JetBrains Mono,monospace;font-size:12px}.param-optional{color:var(--text-muted);font-size:11px;font-style:italic}.note-block{padding:12px 16px;background:#58a6ff14;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.page-nav{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.page-nav-link{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .15s;min-width:200px;max-width:48%;cursor:pointer}.page-nav-link:hover{border-color:var(--accent);background:var(--accent-dim)}.page-nav-link .nav-arrow{font-size:20px;color:var(--accent);flex-shrink:0}.page-nav-link .nav-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.page-nav-link .nav-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.page-nav-link .nav-category{font-size:11px;color:var(--accent);opacity:.8}.page-nav-link .nav-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-nav-link.next{margin-left:auto;text-align:right}.page-nav-link.next .nav-info{align-items:flex-end}.welcome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:24px}.welcome-card{padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text-primary);transition:all .2s;cursor:pointer}.welcome-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.welcome-card-icon{font-size:24px;margin-bottom:10px;color:var(--accent);display:flex;align-items:center;justify-content:center}.welcome-card-icon svg{width:28px;height:28px}.welcome-card-title{font-size:14px;font-weight:600;margin-bottom:4px}.welcome-card-desc{font-size:12px;color:var(--text-secondary)}.welcome-card-count{font-size:11px;color:var(--text-muted);margin-top:8px}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;max-height:400px;overflow-y:auto;z-index:200;box-shadow:0 8px 32px #00000080}.search-result-item{display:block;padding:10px 16px;text-decoration:none;color:var(--text-primary);font-size:13px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-hover)}.search-result-category{font-size:11px;color:var(--text-muted)}.search-result-name{font-weight:500}.search-result-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.search-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.toc{position:fixed;right:24px;top:calc(var(--header-height) + 40px);width:200px;font-size:12px}.toc-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.toc-link{display:block;padding:4px 0;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:color .15s}.toc-link:hover{color:var(--text-primary)}.page-footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);text-align:center}.sidebar-overlay{display:none}@media (max-width: 1200px){.toc{display:none}}@media (max-width: 768px){.menu-toggle{display:block}.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:#00000080;z-index:40;opacity:0;pointer-events:none;transition:opacity .25s}.sidebar-overlay.open{opacity:1;pointer-events:auto}.content{margin-left:0}.content-inner{padding:24px 16px 60px}.page-title{font-size:24px}.header-search-shortcut{display:none}}