:root{--bg: #0f1117;--bg-sidebar: #161b22;--bg-card: #1c2128;--bg-hover: #21262d;--bg-active: #1f6feb22;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--text-link: #58a6ff;--accent: #1f6feb;--accent-hover: #388bfd;--tag-bg: #21262d;--tag-border: #30363d;--code-bg: #161b22;--sidebar-width: 280px;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--radius: 6px;--shadow: 0 8px 24px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;overflow:hidden}#app{display:flex;height:100vh;overflow:hidden}#sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px 12px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-weight:600;font-size:15px;margin-bottom:12px}.logo-icon{font-size:18px;color:var(--accent-hover)}.logo:hover .logo-text{color:var(--text-link)}.search-wrapper{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px;cursor:text}.search-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1f6feb26}.search-icon{color:var(--text-muted);font-size:12px}.search-wrapper input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:13px;cursor:pointer}.search-wrapper input::placeholder{color:var(--text-muted)}.search-wrapper kbd{font-size:10px;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:1px 4px;font-family:var(--font-mono)}#nav-tree{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#nav-tree::-webkit-scrollbar{width:4px}#nav-tree::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.nav-section{margin-bottom:2px}.nav-section-header{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 16px;cursor:pointer;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none;border-radius:var(--radius);margin:0 4px;transition:background .1s,color .1s}.nav-section-header:hover{background:var(--bg-hover);color:var(--text)}.nav-chevron{display:inline-block;transition:transform .15s;font-style:normal;width:12px}.nav-section.open>.nav-section-header .nav-chevron{transform:rotate(90deg)}.nav-section-children{display:none;padding-left:8px}.nav-section.open>.nav-section-children{display:block}.nav-item{display:block;padding:4px 12px 4px 20px;cursor:pointer;color:var(--text-muted);font-size:13px;text-decoration:none;border-radius:var(--radius);margin:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s,color .1s}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--bg-active);color:var(--text-link);font-weight:500}.nav-subsection{margin-bottom:2px}.nav-subsection-header{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 16px;cursor:pointer;color:var(--text-muted);font-size:12px;font-weight:500;border-radius:var(--radius);margin:0 4px;transition:background .1s,color .1s}.nav-subsection-header:hover{background:var(--bg-hover);color:var(--text)}.nav-subsection.open>.nav-subsection-header .nav-chevron{transform:rotate(90deg)}.nav-subsection-children{display:none;padding-left:12px}.nav-subsection.open>.nav-subsection-children{display:block}.nav-graph-link{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:4px 4px 0;color:var(--text-muted);font-size:13px;text-decoration:none;border-radius:var(--radius);border-top:1px solid var(--border);transition:background .1s,color .1s;cursor:pointer}.nav-graph-link:hover{background:var(--bg-hover);color:var(--text)}.nav-graph-link.active{color:var(--text-link)}#main{flex:1;overflow:hidden;display:flex;flex-direction:column}#content-area{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#content-area::-webkit-scrollbar{width:6px}#content-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.hidden{display:none!important}.breadcrumb{display:flex;align-items:center;gap:4px;padding:16px 48px 0;color:var(--text-muted);font-size:12px}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--text-link)}.breadcrumb .sep{color:var(--border)}#article-view{max-width:860px;margin:0 auto;padding:16px 48px 80px}.markdown-body{color:var(--text)}.markdown-body h1{font-size:2em;font-weight:700;margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid var(--border);color:var(--text)}.markdown-body h2{font-size:1.4em;font-weight:600;margin:36px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border);color:var(--text)}.markdown-body h3{font-size:1.1em;font-weight:600;margin:24px 0 8px;color:var(--text)}.markdown-body h4{font-size:1em;font-weight:600;margin:16px 0 6px;color:var(--text-muted)}.markdown-body p{margin:0 0 12px}.markdown-body ul,.markdown-body ol{margin:8px 0 12px 24px}.markdown-body li{margin:3px 0}.markdown-body a{color:var(--text-link);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body a.wiki-link{color:var(--text-link);border-bottom:1px dotted var(--text-link)}.markdown-body a.wiki-link:hover{border-bottom-style:solid}.markdown-body code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:#f0883e}.markdown-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-x:auto;margin:12px 0}.markdown-body pre code{background:none;border:none;padding:0;color:var(--text);font-size:.87em;line-height:1.6}.markdown-body blockquote{border-left:3px solid var(--accent);padding:8px 16px;margin:12px 0;color:var(--text-muted);background:var(--bg-card);border-radius:0 var(--radius) var(--radius) 0}.markdown-body table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:6px 12px;text-align:left}.markdown-body th{background:var(--bg-card);font-weight:600;color:var(--text)}.markdown-body td{color:var(--text-muted)}.markdown-body tr:hover td{background:var(--bg-hover)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:24px 0}.markdown-body strong{color:var(--text);font-weight:600}.markdown-body em{font-style:italic}.page-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.page-tag{font-size:11px;background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:12px;padding:2px 8px;color:var(--text-muted)}#welcome-view{display:flex;align-items:center;justify-content:center;min-height:100%;padding:40px}.welcome-content{max-width:700px;width:100%;text-align:center}.welcome-content h1{font-size:3em;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#58a6ff,#79c0ff,#a371f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{color:var(--text-muted);font-size:16px;margin-bottom:40px}.welcome-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:left}.card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:border-color .15s,background .15s,transform .1s}.card:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-2px)}.card-icon{font-size:28px;flex-shrink:0}.card-body h3{color:var(--text);font-size:15px;font-weight:600;margin-bottom:4px}.card-body p{color:var(--text-muted);font-size:13px}#graph-view{height:100%;display:flex;flex-direction:column;padding:0}.graph-header{padding:20px 32px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.graph-header h2{font-size:18px;font-weight:600;margin-bottom:4px}.graph-hint{color:var(--text-muted);font-size:12px}#graph-container{flex:1;overflow:hidden;position:relative}#knowledge-graph{width:100%;height:100%;background:var(--bg)}.node-label{font-size:11px;fill:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none}.node-label.active{fill:var(--text);font-weight:600}#graph-tooltip{position:fixed;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:12px;pointer-events:none;z-index:100;max-width:220px;box-shadow:var(--shadow);display:none}#graph-tooltip .tt-title{font-weight:600;color:var(--text);margin-bottom:2px}#graph-tooltip .tt-subject{color:var(--text-muted)}#search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#search-modal{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:10px;width:100%;max-width:580px;box-shadow:var(--shadow);overflow:hidden}.search-modal-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.search-modal-header .search-icon{color:var(--text-muted);font-size:14px}#search-modal-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px}#search-modal-input::placeholder{color:var(--text-muted)}#search-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px;border-radius:var(--radius)}#search-close:hover{background:var(--bg-hover);color:var(--text)}#search-results{max-height:400px;overflow-y:auto}.search-result{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.focused{background:var(--bg-hover)}.sr-title{font-weight:600;color:var(--text);margin-bottom:2px;font-size:14px}.sr-subject{font-size:11px;color:var(--accent-hover);margin-bottom:4px}.sr-excerpt{font-size:12px;color:var(--text-muted);line-height:1.4}.sr-excerpt mark{background:#1f6feb40;color:var(--text);border-radius:2px;padding:0 1px}.search-empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:13px}.hljs{background:transparent!important}.hljs-keyword{color:#ff7b72}.hljs-string{color:#a5d6ff}.hljs-comment{color:#8b949e;font-style:italic}.hljs-number{color:#79c0ff}.hljs-built_in{color:#ffa657}.hljs-function .hljs-title,.hljs-title{color:#d2a8ff}.hljs-params{color:var(--text)}.hljs-class .hljs-title{color:#ffa657}.hljs-decorator{color:#7ee787}.hljs-attr{color:#79c0ff}.hljs-variable{color:var(--text)}.hljs-operator{color:#ff7b72}@media (max-width: 768px){:root{--sidebar-width: 240px}#sidebar{position:fixed;left:-240px;top:0;bottom:0;z-index:150;transition:left .2s}#sidebar.open{left:0;box-shadow:var(--shadow)}#article-view{padding:16px 20px 60px}.welcome-cards{grid-template-columns:1fr}.breadcrumb{padding:12px 20px 0}}