.tab-bar[data-v-bf5a01ae]{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--tabbar-height);z-index:var(--z-tabbar);background:var(--bg-surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab-item[data-v-bf5a01ae]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--text-tertiary)}.tab-icon[data-v-bf5a01ae]{font-size:19px;line-height:1}.tab-label[data-v-bf5a01ae]{font-size:11px}.tab-item.active[data-v-bf5a01ae]{color:var(--brand)}.tab-item.active .tab-label[data-v-bf5a01ae]{font-weight:600}.app-header[data-v-e40cd389]{position:sticky;top:0;z-index:var(--z-header);height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center}.header-inner[data-v-e40cd389]{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;gap:var(--space-8)}.logo[data-v-e40cd389]{display:flex;align-items:center;gap:var(--space-2);font-size:17px;font-weight:700;cursor:pointer;white-space:nowrap}.logo-mark[data-v-e40cd389]{width:28px;height:28px;border-radius:var(--radius-md);background:var(--brand);color:var(--on-brand);display:flex;align-items:center;justify-content:center;font-size:15px}.nav[data-v-e40cd389]{display:flex;gap:var(--space-1)}.nav a[data-v-e40cd389]{padding:7px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.nav a[data-v-e40cd389]:hover{background:var(--bg-subtle);color:var(--text-primary)}.nav a.on[data-v-e40cd389]{background:var(--brand-soft);color:var(--brand);font-weight:600}.header-right[data-v-e40cd389]{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.search-box[data-v-e40cd389]{position:relative;width:260px}.search-icon[data-v-e40cd389]{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:14px}.search-input[data-v-e40cd389]{width:100%;padding:8px 12px 8px 34px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--bg-subtle);color:var(--text-primary);font-size:14px;outline:none}.search-input[data-v-e40cd389]:focus{background:var(--bg-surface);border-color:var(--brand)}.icon-btn[data-v-e40cd389]{width:34px;height:34px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:16px}.icon-btn[data-v-e40cd389]:hover{background:var(--bg-subtle)}.avatar[data-v-e40cd389]{width:34px;height:34px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer}.m-header[data-v-f913f1d3]{position:sticky;top:0;z-index:var(--z-header);height:48px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--bg-surface);border-bottom:1px solid var(--border)}.m-title[data-v-f913f1d3]{flex:1;text-align:center;font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-btn[data-v-f913f1d3]{width:34px;height:34px;flex-shrink:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:16px;cursor:pointer}.m-btn[data-v-f913f1d3]:hover{background:var(--bg-subtle)}.m-btn-placeholder[data-v-f913f1d3]{width:34px;flex-shrink:0}.app-layout[data-v-b8a5916a]{min-height:100vh;background:var(--bg-page)}.app-content[data-v-b8a5916a]{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--space-4)}.app-content.fullscreen[data-v-b8a5916a]{max-width:none;padding:0}.app-content.has-tabbar[data-v-b8a5916a]{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}@media(min-width:768px){.app-content[data-v-b8a5916a]{padding:var(--space-6)}}.global-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-tertiary);font-size:14px}:root{--brand-50: #EAF5F0;--brand-100: #D0E9DE;--brand-300: #6FB79C;--brand-500: #2E7D5B;--brand-600: #256A4D;--brand-700: #1F5F46;--brand: var(--brand-500);--brand-soft: var(--brand-50);--on-brand: #FFFFFF;--bg-page: #F6F7F6;--bg-surface: #FFFFFF;--bg-subtle: #F0F2F1;--text-primary: #1A1D1B;--text-secondary: #5A615D;--text-tertiary: #8B928E;--border: #E4E7E5;--danger: #D64545;--warning: #D98A2B;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(16, 24, 20, .04), 0 1px 3px rgba(16, 24, 20, .06);--shadow-md: 0 2px 8px rgba(16, 24, 20, .06), 0 4px 16px rgba(16, 24, 20, .04);--shadow-lg: 0 8px 24px rgba(16, 24, 20, .1);--z-header: 1200;--z-tabbar: 1200;--z-overlay: 1300;--z-modal: 1400;--header-height: 60px;--tabbar-height: 56px;--container-max: 1200px}:root[data-theme=dark]{--bg-page: #121513;--bg-surface: #1A1E1C;--bg-subtle: #2A2F2C;--text-primary: #E8EAE9;--text-secondary: #A2A8A5;--text-tertiary: #767C79;--border: #2E3330;--brand: var(--brand-300);--brand-soft: #17332A;--on-brand: #0D1A14;--shadow-sm: 0 0 0 1px var(--border);--shadow-md: 0 0 0 1px var(--border);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.book-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:640px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.book-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1280px){.book-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.book-list{display:flex;flex-direction:column;gap:var(--space-3)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{margin:0;font-size:18px;line-height:28px;font-weight:600;color:var(--text-primary)}.sk{background:var(--bg-subtle);background-image:linear-gradient(90deg,var(--bg-subtle) 0,var(--border) 40px,var(--bg-subtle) 80px);background-size:600px 100%;animation:shimmer 1.3s infinite linear}.sk-line{height:12px;margin-top:var(--space-2);border-radius:var(--radius-sm)}.sk-cover{aspect-ratio:3 / 4;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-460px 0}to{background-position:460px 0}}:root{--el-color-primary: var(--brand-500);--el-color-primary-light-3: var(--brand-300);--el-color-primary-light-5: var(--brand-100);--el-color-primary-light-7: var(--brand-100);--el-color-primary-light-8: var(--brand-50);--el-color-primary-light-9: var(--brand-50);--el-color-primary-dark-2: var(--brand-700);--el-color-danger: var(--danger);--el-color-error: var(--danger)}:root[data-theme=dark]{--el-bg-color: var(--bg-surface);--el-bg-color-overlay: var(--bg-surface);--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-secondary);--el-text-color-secondary: var(--text-tertiary);--el-border-color: var(--border);--el-border-color-light: var(--border);--el-fill-color-blank: var(--bg-surface)}