:root{--bg: #eef0f3;--surface: #ffffff;--surface-2: #f7f8fa;--text: #1c2128;--text-muted: #667085;--border: rgba(28, 33, 40, .1);--accent: #3b6fd9;--accent-soft: rgba(59, 111, 217, .1);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 8px 24px rgba(16, 24, 40, .06);--topbar-h: 52px;--sidebar-w: 280px;--reader-font-size: 17px;--reader-line-height: 1.85;--reader-width: 820px;--font-ui: "Inter", "Noto Sans SC", system-ui, sans-serif;--font-read: "Noto Sans SC", "Inter", system-ui, sans-serif;--radius: 12px;--motion: .2s ease}html[data-font=geist],html[data-font=inter]{--font-read: "Inter", "Noto Sans SC", system-ui, sans-serif}html[data-font=noto]{--font-read: "Noto Sans SC", "Inter", system-ui, sans-serif}html[data-font=system]{--font-read: system-ui, -apple-system, "Segoe UI", "Noto Sans SC", sans-serif}.theme-dark{--bg: #11161d;--surface: #171d25;--surface-2: #1d2430;--text: #e8edf3;--text-muted: #9aa6b2;--border: rgba(255, 255, 255, .08);--accent: #6ea8ff;--accent-soft: rgba(110, 168, 255, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 10px 30px rgba(0, 0, 0, .28)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;background:transparent}.progress-bar{height:100%;width:0;background:var(--accent);transition:width var(--motion)}.topbar{position:sticky;top:0;z-index:50;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-left,.topbar-right,.topbar-center{display:flex;align-items:center;gap:6px}.topbar-center{flex:1;justify-content:center}.brand-wrap{display:flex;flex-direction:column;gap:1px}.brand{font-size:14px;font-weight:600;letter-spacing:-.01em}.status-text{font-size:11px;color:var(--text-muted);min-height:14px}.toolbar-btn,.icon-btn,.filter-tab{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;cursor:pointer;transition:border-color var(--motion),background var(--motion),color var(--motion)}.toolbar-btn{font-size:12px;padding:6px 10px;font-weight:500}.toolbar-btn.subtle{background:var(--surface-2);border-color:transparent}.toolbar-btn:hover,.icon-btn:hover,.filter-tab:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0}.icon{display:block}.layout{flex:1;min-height:0;display:grid;grid-template-columns:var(--sidebar-w) 1fr var(--sidebar-w)}.sidebar{background:var(--surface);border-right:1px solid var(--border);min-height:0;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--motion),opacity var(--motion)}.sidebar-right{border-right:none;border-left:1px solid var(--border);padding:14px 12px}.sidebar-head{padding:14px 12px 8px;border-bottom:1px solid var(--border)}.sidebar-head h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 10px;font-weight:600}.filter-tabs{display:flex;flex-wrap:wrap;gap:4px}.filter-tab{font-size:11px;padding:4px 8px;border-radius:999px}.filter-tab.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent)}.library-list{overflow:auto;padding:8px;flex:1}.library-item{width:100%;border:1px solid transparent;background:transparent;border-radius:10px;padding:10px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:8px;transition:background var(--motion),border-color var(--motion)}.library-item:hover{background:var(--surface-2)}.library-item.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.library-item-title{display:block;font-size:13px;font-weight:500;color:var(--text)}.library-item-meta{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.badge{font-size:10px;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:1px 6px}.main{min-width:0;min-height:0;position:relative;background:var(--bg)}.reader-shell{height:100%}.reader-scroll{height:100%;overflow:auto;scroll-behavior:smooth;padding:28px 20px 80px;-webkit-overflow-scrolling:touch}.article-card{max-width:var(--reader-width);margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-md);padding:40px 48px 52px;animation:fadeIn var(--motion)}.article-header{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--border)}.article-header h1{font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.25;font-weight:600;margin:0 0 12px}.article-actions{display:flex;gap:6px;flex-wrap:wrap}.empty-state{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.state-card{max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px;text-align:center}.state-card h2{margin:0 0 8px;font-size:1.1rem}.state-card p{margin:0 0 8px;color:var(--text-muted);line-height:1.7}.state-card.error{border-color:#e57373}.muted{font-size:12px}.empty-hint{font-size:12px;color:var(--text-muted);padding:12px;line-height:1.6}.back-top{position:fixed;right:20px;bottom:20px;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--motion),transform var(--motion);z-index:40}.back-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1459;opacity:0;pointer-events:none;transition:opacity var(--motion);z-index:60}.overlay.visible{opacity:1;pointer-events:auto}.search-modal,.settings-panel{position:fixed;z-index:70;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--motion),transform var(--motion)}.search-modal{top:calc(var(--topbar-h) + 12px);left:50%;transform:translate(-50%) translateY(8px);width:min(640px,calc(100vw - 24px));border-radius:14px}.search-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.search-modal-inner{padding:12px}.search-head{display:flex;gap:8px}.search-head input{flex:1;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--surface-2);color:var(--text)}.search-doc-nav{display:flex;gap:8px;margin-top:10px}.search-results{max-height:360px;overflow:auto;margin-top:10px}.search-result{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:10px;padding:10px 12px;cursor:pointer}.search-result:hover{background:var(--surface-2)}.search-result strong{display:block;font-size:13px}.search-result span{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.settings-panel{top:var(--topbar-h);right:0;width:min(320px,100vw);height:calc(100vh - var(--topbar-h));border-radius:0;transform:translate(12px)}.settings-panel.open{opacity:1;pointer-events:auto;transform:translate(0)}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--border)}.settings-head h2{margin:0;font-size:14px}.setting-row{display:grid;grid-template-columns:72px 1fr auto;gap:8px;align-items:center;padding:12px 14px;font-size:12px;border-bottom:1px solid var(--border)}.setting-row select,.setting-row input[type=range]{width:100%}.setting-val{font-size:11px;color:var(--text-muted);min-width:36px;text-align:right}.toc-list{display:flex;flex-direction:column;gap:2px}.toc-item{display:block;text-decoration:none;color:var(--text-muted);font-size:12px;line-height:1.5;padding:6px 8px;border-radius:8px;border-left:2px solid transparent;transition:background var(--motion),color var(--motion),border-color var(--motion)}.toc-item:hover{background:var(--surface-2);color:var(--text)}.toc-level-1{padding-left:8px;font-weight:600;color:var(--text)}.toc-level-2{padding-left:16px}.toc-level-3{padding-left:24px}.toc-level-4,.toc-level-5,.toc-level-6{padding-left:32px;font-size:11px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#080a0ed1;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--motion)}.lightbox.open{opacity:1;pointer-events:auto}.lightbox img{max-width:min(92vw,1200px);max-height:88vh;border-radius:10px;box-shadow:var(--shadow-md)}.context-menu{position:fixed;z-index:90;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);padding:4px}.context-menu button{width:100%;border:none;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;font-size:12px;cursor:pointer;color:var(--text)}.context-menu button:hover{background:var(--surface-2)}body.focus-mode .sidebar-left,body.focus-mode .sidebar-right,body.focus-mode .topbar-center,body.focus-mode .filter-tabs{opacity:.2;pointer-events:none}body.focus-mode .topbar{background:transparent;border-color:transparent}body.is-dragging:after{content:"释放以导入 Markdown";position:fixed;top:12px;right:12px;bottom:12px;left:12px;border:2px dashed var(--accent);border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-soft) 70%,transparent);color:var(--accent);font-size:14px;font-weight:500;z-index:120;pointer-events:none}body:not(.sidebar-left-open) .sidebar-left{transform:translate(-100%);opacity:0;pointer-events:none;position:absolute;width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));z-index:30}body:not(.sidebar-right-open) .sidebar-right{transform:translate(100%);opacity:0;pointer-events:none;position:absolute;right:0;width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));z-index:30}body.sidebar-left-open:not(.sidebar-right-open) .layout,body.sidebar-right-open:not(.sidebar-left-open) .layout{grid-template-columns:var(--sidebar-w) 1fr}body:not(.sidebar-left-open):not(.sidebar-right-open) .layout{grid-template-columns:1fr}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar-left,.sidebar-right{position:fixed;top:var(--topbar-h);bottom:0;width:min(88vw,var(--sidebar-w));z-index:65;box-shadow:var(--shadow-md)}.sidebar-left{left:0}.sidebar-right{right:0}.topbar-center{display:none}.article-card{padding:28px 22px 36px}}@media print{.topbar,.sidebar,.back-top,.progress-track,.overlay,.search-modal,.settings-panel,.article-actions{display:none!important}.layout{display:block}.reader-scroll{overflow:visible;padding:0}.article-card{box-shadow:none;border:none;max-width:none;padding:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.prose{font-family:var(--font-read);font-size:var(--reader-font-size);line-height:var(--reader-line-height);color:var(--text);word-break:break-word}.prose.fade-in{animation:fadeIn .22s ease}.prose>*+*{margin-top:.95em}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-ui);font-weight:600;line-height:1.35;scroll-margin-top:calc(var(--topbar-h) + 16px);color:var(--text)}.prose h1{font-size:1.55em;margin-top:0}.prose h2{font-size:1.28em;margin-top:1.6em;padding-bottom:.35em;border-bottom:1px solid var(--border)}.prose h3{font-size:1.12em;margin-top:1.35em}.prose h4,.prose h5,.prose h6{font-size:1em;margin-top:1.1em;color:var(--text-muted)}.prose p,.prose li{color:color-mix(in srgb,var(--text) 92%,var(--text-muted))}.prose strong{font-weight:600;color:var(--text)}.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.prose a:hover{border-bottom-color:var(--accent)}.prose ul,.prose ol{padding-left:1.35em}.prose li+li{margin-top:.35em}.prose li.task-list-item{list-style:none;margin-left:-1.2em}.prose input[type=checkbox]{margin-right:.45em;accent-color:var(--accent)}.prose blockquote.quote,.prose blockquote{margin:1.1em 0;padding:.2em 0 .2em 1em;border-left:3px solid color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--text-muted)}.prose code{font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.88em;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.12em .38em}.prose pre code{background:none;border:none;padding:0;font-size:.84em}.code-block{margin:1.1em 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface-2)}.code-block.is-collapsed .code-scroll{max-height:320px;overflow:hidden}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 80%,var(--surface-2))}.code-lang{font-size:11px;color:var(--text-muted);text-transform:lowercase}.code-copy,.code-expand{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:6px;font-size:11px;padding:3px 8px;cursor:pointer}.code-scroll{display:grid;grid-template-columns:auto 1fr;overflow:auto}.code-gutter{padding:12px 8px 12px 10px;border-right:1px solid var(--border);color:var(--text-muted);-webkit-user-select:none;user-select:none;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6}.code-gutter .ln{display:block}.code-block pre{margin:0;padding:12px 14px;overflow:auto;background:transparent}.code-expand{width:calc(100% - 16px);margin:8px}.table-wrap{overflow:auto;margin:1em 0;border:1px solid var(--border);border-radius:10px}.prose table{width:100%;border-collapse:collapse;font-size:.92em}.prose th,.prose td{border-bottom:1px solid var(--border);padding:10px 12px;text-align:left}.prose th{background:var(--surface-2);font-weight:600;color:var(--text)}.prose tr:last-child td{border-bottom:none}.figure{margin:1.2em 0;text-align:center}.figure img{max-width:100%;border-radius:10px;border:1px solid var(--border);cursor:zoom-in}.figure figcaption{margin-top:.5em;font-size:.86em;color:var(--text-muted)}.admonition{border:1px solid var(--border);border-left-width:3px;border-radius:10px;padding:10px 12px;margin:1em 0;background:var(--surface-2)}.admonition-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35em}.admonition-note{border-left-color:#3b6fd9}.admonition-tip,.admonition-info,.admonition-success{border-left-color:#2f9e74}.admonition-warning,.admonition-caution{border-left-color:#d9822b}.admonition-important{border-left-color:#c95656}.mermaid-diagram{margin:1.2em 0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);overflow:auto}.prose hr{border:none;border-top:1px solid var(--border);margin:1.6em 0}.prose .footnotes{margin-top:2em;padding-top:1em;border-top:1px solid var(--border);font-size:.9em;color:var(--text-muted)}mark.search-hit{background:color-mix(in srgb,#ffd666 65%,transparent);color:inherit;padding:0 1px;border-radius:2px}mark.search-hit.current{background:#ffd666;outline:1px solid #d4a72c}.theme-dark .hljs{background:#0f141b;color:#e6edf3}.math-error{color:#c95656;font-family:ui-monospace,monospace;font-size:.9em}