:root{--bg-base:#fdf6e3;--bg-surface:#fdf6e3;--bg-surface-hover:#fdf6e3;--bg-surface-active:#8b5cf6;--text-primary:#000;--text-tertiary:#000;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:#8b5cf626;--border-color:#2b2e38;--sidebar-width:340px;--header-height:64px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow:hidden}#app{width:100vw;height:100vh}.app-layout{width:100%;height:100%;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-surface);border-right:1px solid var(--border-color);height:100%;transition:transform var(--transition-normal);z-index:20;flex-direction:column;display:flex}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-color);align-items:center;padding:0 24px;display:flex}.sidebar-header h1{background:linear-gradient(135deg,#e2e4e9,#9499a3);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;font-size:1.25rem;font-weight:600}.sidebar-content{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.category-group{margin-bottom:8px}.category-title{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;padding:10px 12px;font-size:.95rem;font-weight:500;display:flex}.category-title:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.category-title.active{background-color:var(--accent-glow);color:var(--accent)}.category-icon{justify-content:center;align-items:center;width:18px;height:18px;margin-right:12px;display:flex}.category-icon svg{width:100%;height:100%}.category-title span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.category-chevron{width:16px;height:16px;transition:transform var(--transition-fast)}.category-chevron.open{transform:rotate(180deg)}.category-chevron svg{width:100%;height:100%}.chapter-list{padding:4px 0 4px 30px}.chapter-item{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;margin-bottom:2px;padding:8px 12px;font-size:.875rem;line-height:1.4}.chapter-item:hover{color:var(--text-secondary);background-color:var(--bg-surface-hover)}.chapter-item.active{color:var(--text-primary);background-color:var(--bg-surface-active);font-weight:500}.main-content{background-color:var(--bg-base);flex-direction:column;flex:1;min-width:0;display:flex}.main-header{height:var(--header-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);z-index:10;background:#0f1115cc;align-items:center;padding:0 24px;display:flex}.menu-toggle{color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-right:16px;padding:8px;display:flex}.menu-toggle:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.menu-toggle svg{width:20px;height:20px}.header-breadcrumbs{color:var(--text-tertiary);align-items:center;font-size:.875rem;display:flex}.header-breadcrumbs .separator{margin:0 8px}.header-breadcrumbs .crumb.active{color:var(--text-primary);font-weight:500}.main-content-scroll{scroll-behavior:smooth;flex:1;padding:40px 24px 100px;overflow-y:auto}.reading-article{max-width:760px;margin:0 auto}.article-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:24px;font-size:2.5rem;font-weight:700;line-height:1.3}.article-meta{border-bottom:1px solid var(--border-color);align-items:center;gap:24px;margin-bottom:48px;padding-bottom:24px;display:flex}.meta-item{color:var(--text-tertiary);align-items:center;font-size:.875rem;display:flex}.meta-item svg{width:16px;height:16px;margin-right:6px}.article-body{color:var(--text-secondary);font-size:1.125rem;line-height:2.1}.article-body p{text-indent:2em;text-align:justify;margin-bottom:1.5em}.article-body h2{color:var(--text-primary);margin:2.5em 0 1em;font-size:1.5rem;font-weight:600}.article-body h3{color:var(--text-primary);margin:2em 0 1em;font-size:1.25rem;font-weight:600}.article-body strong,.article-body b{color:var(--text-primary);font-weight:600}.article-body blockquote{border-left:4px solid var(--accent);color:var(--text-tertiary);background:#8b5cf60d;border-radius:0 8px 8px 0;margin:2em 0;padding:16px 20px}.article-body hr{background:var(--border-color);border:0;height:1px;margin:3em 0}.article-body ul,.article-body ol{margin-bottom:1.5em;padding-left:2em}.article-body li{margin-bottom:.5em}.empty-state{height:100%;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{opacity:.2;width:64px;height:64px;margin-bottom:24px}.empty-icon svg{width:100%;height:100%}.empty-state p{font-size:1.125rem}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{position:fixed;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}.article-title{font-size:1.75rem}.article-body{font-size:1.0625rem}}