:root{--bg: #0f1117;--sidebar-bg: #161b27;--sidebar-border: rgba(255,255,255,.07);--panel: rgba(22,27,39,.9);--text: #e8eeff;--muted: #8896b3;--accent: #60a5fa;--accent-hover: #93c5fd;--danger: #f87171;--entry-hover: rgba(96,165,250,.08);--entry-active: rgba(96,165,250,.15);--border: rgba(255,255,255,.08);--radius: 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--text)}button{font:inherit;border:none;cursor:pointer;background:none;color:inherit}input{font:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.login-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:20px;background:radial-gradient(ellipse at 20% 30%,rgba(96,165,250,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.1) 0%,transparent 50%),var(--bg)}.login-box{width:100%;max-width:360px;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;align-items:center;gap:8px}.login-logo{font-size:40px;margin-bottom:4px}.login-title{font-size:22px;font-weight:700}.login-sub{color:var(--muted);font-size:14px;margin-bottom:8px}.login-form{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:8px}.login-form input{width:100%;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;transition:border-color .15s}.login-form input:focus{border-color:var(--accent)}.login-form button{padding:13px;border-radius:var(--radius);background:var(--accent);color:#07111f;font-weight:700;font-size:15px;transition:background .15s}.login-form button:hover:not(:disabled){background:var(--accent-hover)}.login-form button:disabled{opacity:.5;cursor:not-allowed}.form-error{color:var(--danger);font-size:13px;margin-top:4px}.beian{font-size:12px;color:var(--muted)}.beian a{color:var(--muted);text-decoration:none}.beian a:hover{color:var(--accent)}.layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;flex-shrink:0;background:var(--sidebar-bg);border-bottom:1px solid var(--border);z-index:10}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-logo{font-size:20px}.topbar-title{font-size:15px;font-weight:700}.topbar-user{position:relative}.avatar-btn{display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;background:none;cursor:pointer}.avatar-btn:hover .avatar{opacity:.85}.main-area{display:flex;flex:1;overflow:hidden}.sidebar{width:260px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-nav{padding:12px 12px 8px;flex-shrink:0;border-bottom:1px solid var(--border)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;min-height:24px}.crumb{font-size:12px;color:var(--accent);padding:2px 6px;border-radius:6px}.crumb:hover{background:var(--entry-hover)}.crumb-sep{color:var(--muted);font-size:12px}.nav-actions{display:flex;gap:8px}.nav-btn{flex:1;padding:7px 10px;border-radius:8px;font-size:12px;color:var(--muted);border:1px solid var(--border);transition:all .15s}.nav-btn:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.sidebar-error{padding:8px 12px;font-size:12px;color:var(--danger);flex-shrink:0}.entry-list{flex:1;overflow-y:auto;padding:8px}.entry-list::-webkit-scrollbar{width:4px}.entry-list::-webkit-scrollbar-track{background:transparent}.entry-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.entry{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;text-align:left;font-size:14px;color:var(--muted);transition:all .12s}.entry:hover{background:var(--entry-hover);color:var(--text)}.entry.active{background:var(--entry-active);color:var(--accent)}.entry-icon{font-size:15px;flex-shrink:0}.entry-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-empty{padding:16px 10px;font-size:13px;color:var(--muted);text-align:center}.sidebar-user{position:relative;padding:10px 8px;border-top:1px solid var(--border);flex-shrink:0}.user-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;transition:background .12s}.user-btn:hover{background:var(--entry-hover)}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#818cf8);color:#07111f;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-name{font-size:13px;font-weight:600;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px;color:var(--muted);flex-shrink:0}.user-menu{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:#1e2535;border:1px solid var(--border);border-radius:var(--radius);padding:6px;box-shadow:0 8px 24px #0006;z-index:20}.menu-profile{display:flex;align-items:center;gap:10px;padding:10px 12px 8px}.menu-profile strong{font-size:13px;display:block}.menu-profile small{font-size:11px;color:var(--muted)}.menu-item{width:100%;padding:9px 12px;border-radius:7px;font-size:13px;text-align:left;transition:background .12s}.menu-item:hover{background:var(--entry-hover)}.menu-item.danger{color:var(--danger)}.viewer{flex:1;overflow-y:auto;background:var(--bg)}.viewer::-webkit-scrollbar{width:6px}.viewer::-webkit-scrollbar-track{background:transparent}.viewer::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.viewer-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.viewer-empty-icon{font-size:48px;opacity:.4}.viewer-content{max-width:780px;margin:0 auto;padding:40px 32px 80px}.viewer-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}.doc-title{font-size:28px;font-weight:700;line-height:1.3;margin-bottom:10px}.doc-meta{display:flex;gap:16px;font-size:13px;color:var(--muted)}.doc-error{color:var(--danger);margin-bottom:16px;font-size:14px}.back-btn{display:none;margin-bottom:16px;padding:8px 14px;border-radius:8px;font-size:13px;color:var(--accent);border:1px solid var(--border);transition:all .15s}.back-btn:hover{border-color:var(--accent);background:var(--entry-hover)}.markdown-body{color:#d4deff;line-height:1.85;font-size:15px;word-break:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text);margin:1.8em 0 .7em;line-height:1.3;font-weight:700}.markdown-body h1{font-size:22px}.markdown-body h2{font-size:18px;border-bottom:1px solid var(--border);padding-bottom:6px}.markdown-body h3{font-size:16px}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0}.markdown-body p{margin:.9em 0}.markdown-body ul,.markdown-body ol{padding-left:1.5em;margin:.8em 0}.markdown-body li{margin:.3em 0}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1.8em 0}.markdown-body blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 16px;margin:1em 0;color:var(--muted)}.markdown-body pre{background:#0006;border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-x:auto;margin:1em 0}.markdown-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.markdown-body pre code{background:none;padding:0}.markdown-body :not(pre)>code{background:#60a5fa1f;border-radius:5px;padding:2px 6px;color:var(--accent-hover)}.markdown-body table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:9px 12px;text-align:left}.markdown-body th{background:#ffffff0a;color:var(--text);font-weight:600}.mobile-tabs{display:none}@media(max-width:768px){.layout{height:100vh;overflow:hidden}.mobile-tabs{display:flex;flex-shrink:0;background:var(--sidebar-bg);border-bottom:1px solid var(--border)}.mobile-tab{flex:1;padding:10px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;transition:all .15s}.mobile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.main-area{flex:1;overflow:hidden;position:relative}.sidebar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-right:none;z-index:1}.viewer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.mobile-hidden{display:none!important}.viewer-content{padding:20px 16px 40px;max-width:100%}.doc-title{font-size:20px}.back-btn{display:inline-flex}.user-menu{width:calc(100vw - 32px);max-width:280px}.topbar-title{font-size:14px}}