.shelf[data-v-13691545]{min-height:100vh;padding-bottom:40px}.shelf-header[data-v-13691545]{padding:40px 16px 24px;text-align:center}.shelf-header h1[data-v-13691545]{font-size:28px;color:var(--text)}.shelf-loading[data-v-13691545],.shelf-error[data-v-13691545],.shelf-empty[data-v-13691545]{text-align:center;padding:60px 16px;color:var(--text-secondary)}.shelf-grid[data-v-13691545]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0 24px;max-width:1200px;margin:0 auto}.book-card[data-v-13691545]{cursor:pointer;overflow:hidden;padding:0}.book-cover[data-v-13691545]{height:160px;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;position:relative}.update-badge[data-v-13691545]{position:absolute;top:10px;right:10px;background:#ef4444;color:#fff;font-size:11px;padding:3px 8px;border-radius:10px;font-weight:600;box-shadow:0 2px 4px #0000004d}.book-cover-title[data-v-13691545]{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.book-info[data-v-13691545]{padding:16px}.book-title[data-v-13691545]{font-size:18px;margin-bottom:8px;color:var(--text)}.book-meta[data-v-13691545]{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-secondary)}.book-genre[data-v-13691545]{background:var(--bg-secondary);padding:2px 8px;border-radius:4px;font-size:12px}.book-progress[data-v-13691545]{margin-top:8px;font-size:13px;color:var(--accent)}@media(max-width:767px){.shelf-grid[data-v-13691545]{grid-template-columns:1fr;padding:0 12px}.shelf-header[data-v-13691545]{padding:24px 12px 16px}}:root{--bg: #1a1a2e;--bg-secondary: #16213e;--text: #e0e0e0;--text-secondary: #a0a0a0;--accent: #4a9eff;--border: #2a2a4a;--overlay-bg: rgba(0, 0, 0, .6);--card-bg: #16213e;--nav-bg: rgba(26, 26, 46, .95)}[data-theme=light]{--bg: #ffffff;--bg-secondary: #f5f5f5;--text: #333333;--text-secondary: #666666;--accent: #1a73e8;--border: #e0e0e0;--overlay-bg: rgba(0, 0, 0, .4);--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .95)}[data-theme=sepia]{--bg: #f5e6c8;--bg-secondary: #eddcb0;--text: #3d2b1f;--text-secondary: #6b5344;--accent: #8b4513;--border: #d4c4a8;--overlay-bg: rgba(0, 0, 0, .4);--card-bg: #f0dbb6;--nav-bg: rgba(245, 230, 200, .95)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:767px){.container{padding:0 12px}.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}