.topbar[data-v-cd49cafa]{position:sticky;top:0;z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:var(--header-height)}.topbar-inner[data-v-cd49cafa]{display:flex;align-items:center;justify-content:space-between;height:100%}.logo[data-v-cd49cafa]{font-size:20px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.nav[data-v-cd49cafa]{display:flex;align-items:center;gap:12px}.theme-btn[data-v-cd49cafa]{background:none;font-size:20px;padding:4px 8px;border-radius:var(--radius-sm);color:var(--text)}.theme-btn[data-v-cd49cafa]:hover{background:var(--bg)}.nav-link[data-v-cd49cafa]{font-size:14px;cursor:pointer;color:var(--text-secondary)}.nav-link[data-v-cd49cafa]:hover{color:var(--primary)}main[data-v-cd49cafa]{min-height:calc(100vh - var(--header-height))}main.reader-mode[data-v-cd49cafa]{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f5f5;--bg-card: #fff;--text: #333;--text-secondary: #666;--text-muted: #999;--border: #e0e0e0;--primary: #4a90d9;--primary-hover: #357abd;--accent: #e74c3c;--shadow: 0 2px 8px rgba(0,0,0,.08);--radius: 8px;--radius-sm: 4px;--max-width: 1000px;--reader-width: 720px;--header-height: 56px}.dark{--bg: #1a1a1a;--bg-card: #2a2a2a;--text: #e0e0e0;--text-secondary: #aaa;--text-muted: #777;--border: #444;--shadow: 0 2px 8px rgba(0,0,0,.3)}body{font-family:-apple-system,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .3s,color .3s}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;border:none;background:var(--primary);color:#fff;padding:8px 20px;border-radius:var(--radius-sm);font-size:14px;transition:background .2s}button:hover{background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:14px;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.page-header h1{font-size:24px}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--bg-card)}.btn-danger{background:var(--accent)}.btn-danger:hover{opacity:.9}.loading{text-align:center;padding:60px;color:var(--text-muted)}.loading:after{content:"";display:block;width:32px;height:32px;margin:12px auto;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:60px;color:var(--text-muted)}@media (max-width: 768px){.container{padding:0 12px}.page-header{flex-direction:column;gap:12px}}