:root{--bg: #f6f4f0;--card: #fffdf8;--text: #1c1c1c;--muted: #8a8680;--line: #e8e4dc;--accent: #c45c3e;--accent-soft: #f3e3dc;--reader: #111111;--radius: 8px;--safe-b: env(safe-area-inset-bottom);--safe-t: env(safe-area-inset-top)}:root[data-theme=dark]{--bg: #161513;--card: #1f1d1a;--text: #f3eee6;--muted: #9a948c;--line: #2c2924;--accent: #d97a5e;--accent-soft: #3a2a24;--reader: #111111}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:PingFang SC,Source Han Sans SC,Noto Sans SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.page{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:calc(64px + var(--safe-b))}.page.no-tab{padding-bottom:var(--safe-b)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;padding-top:var(--safe-t);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.logo{font-size:18px;letter-spacing:.18em;font-weight:600}.icon-btn{width:36px;height:36px;border:0;background:transparent;color:var(--text);display:grid;place-items:center;padding:0}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(480px,100%);height:calc(56px + var(--safe-b));padding-bottom:var(--safe-b);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--bg) 92%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:var(--muted)}.tabbar a.active{color:var(--accent)}.section{padding:20px 16px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.section-head h2{margin:0;font-size:16px;font-weight:600}.more{font-size:12px;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 10px}.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:20px;padding:6px 12px;font-size:13px}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.cover{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius);background:var(--line)}.cover-title{margin:8px 0 0;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sub{margin:4px 0 0;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.btn{border:0;border-radius:20px;height:40px;padding:0 18px;background:var(--accent);color:#fff}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.field{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);padding:0 12px}.empty{padding:48px 16px;text-align:center;color:var(--muted);font-size:13px}.skeleton{background:linear-gradient(90deg,var(--line),transparent,var(--line));background-size:200% 100%;animation:shine 1.2s infinite;border-radius:8px}@keyframes shine{0%{background-position:100% 0}to{background-position:-100% 0}}