:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent-blue: #58a6ff;--accent-purple: #a371f7;--accent-green: #3fb950;--accent-orange: #db6d28;--border-color: #30363d;--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);position:fixed;height:100vh;overflow-y:auto;padding:20px}.sidebar-header{padding-bottom:20px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.sidebar-logo-container{display:flex;align-items:center;gap:10px;text-decoration:none}.sidebar-logo-img{width:32px;height:32px}.sidebar-logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.nav-section{margin-bottom:24px}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:8px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--text-secondary);text-decoration:none;border-radius:6px;font-size:.9rem;transition:all .2s}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:#58a6ff1a;color:var(--accent-blue)}.nav-link svg{width:16px;height:16px;opacity:.7}.main-content{flex:1;margin-left:var(--sidebar-width);padding:40px 60px;max-width:calc(100% - var(--sidebar-width))}.content-wrapper{max-width:800px}.markdown-content h1{font-size:2.5rem;font-weight:700;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.markdown-content h2{font-size:1.75rem;font-weight:600;margin-top:48px;margin-bottom:16px;color:var(--accent-blue)}.markdown-content h3{font-size:1.25rem;font-weight:600;margin-top:32px;margin-bottom:12px}.markdown-content p{margin-bottom:16px;color:var(--text-secondary)}.markdown-content ul,.markdown-content ol{margin-bottom:16px;padding-left:24px}.markdown-content li{margin-bottom:8px;color:var(--text-secondary)}.markdown-content a{color:var(--accent-blue);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content code{font-family:Fira Code,monospace;background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.9em}.markdown-content pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:16px}.markdown-content pre code{background:none;padding:0}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:16px}.markdown-content th,.markdown-content td{border:1px solid var(--border-color);padding:12px;text-align:left}.markdown-content th{background:var(--bg-tertiary);font-weight:600}.markdown-content blockquote{border-left:4px solid var(--accent-purple);padding-left:16px;margin:16px 0;color:var(--text-secondary);font-style:italic}.mermaid{background:var(--bg-secondary);border-radius:8px;padding:20px;margin:20px 0;text-align:center}.search-box{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;margin-bottom:20px}.search-box:focus{outline:none;border-color:var(--accent-blue)}.search-box::placeholder{color:var(--text-muted)}.footer{margin-top:60px;padding-top:20px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.user-info{display:flex;align-items:center;gap:12px}.user-info span{color:var(--text-secondary)}.logout-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.logout-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-orange)}.info-box{background:#58a6ff1a;border:1px solid rgba(88,166,255,.3);border-radius:8px;padding:16px;margin:16px 0}.info-box.warning{background:#db6d281a;border-color:#db6d284d}.info-box.success{background:#3fb9501a;border-color:#3fb9504d}.toc{position:fixed;right:40px;top:100px;width:200px;font-size:.85rem}.toc-title{font-weight:600;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.toc-link{display:block;color:var(--text-secondary);text-decoration:none;border-left:2px solid transparent;padding:4px 0 4px 12px}.toc-link:hover,.toc-link.active{color:var(--accent-blue);border-left-color:var(--accent-blue)}@media (max-width: 1200px){.toc{display:none}}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0;padding:20px;max-width:100%}}.hljs{background:transparent!important}