.app-shell[data-v-0150cbdb]{background:var(--bg-color);max-width:100%;min-height:100vh;overflow-x:hidden}.main[data-v-0150cbdb]{max-width:100%;min-height:100vh;overflow-x:hidden}.tabbar[data-v-0150cbdb]{left:.65rem;right:.65rem;bottom:calc(.45rem + env(safe-area-inset-bottom));z-index:50;background:color-mix(in srgb, var(--surface-color) 92%, transparent);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px)saturate(1.2);border-radius:22px;grid-template-columns:repeat(4,1fr);gap:.15rem;padding:.35rem;display:grid;position:fixed;box-shadow:0 12px 32px #00000047}.tab[data-v-0150cbdb]{color:var(--muted-color);border-radius:16px;flex-direction:column;align-items:center;gap:.12rem;padding:.4rem .2rem .35rem;transition:color .15s,background .15s;display:flex}.tab .ico-wrap[data-v-0150cbdb]{border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.tab .ico[data-v-0150cbdb]{width:20px;height:20px}.tab .label[data-v-0150cbdb]{letter-spacing:.02em;font-size:.68rem}.tab.active[data-v-0150cbdb]{color:var(--accent-color);background:var(--accent-muted)}.tab.active .ico-wrap[data-v-0150cbdb]{background:color-mix(in srgb, var(--accent-color) 12%, transparent)}:root{--bg-color:#0c0b0f;--bg-elevated:#16141a;--surface-color:#1c1a21;--surface-hover:#26232c;--text-color:#efe8dc;--muted-color:#9a9288;--accent-color:#d4a574;--accent-soft:#c4925e;--accent-muted:color-mix(in srgb, var(--accent-color) 16%, transparent);--accent-on:#1a140e;--border-color:#ffffff0f;--danger-color:#e07a6a;--ok-color:#d4a574;--nav-bg:#0c0b0fd1;--overlay:#00000094;--cover-fallback:linear-gradient(145deg, #4a3a2c, #2a221c);--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--page-pad:1.2rem;--tabbar-h:4.6rem;--font-size:18px;--line-height:1.8;--padding:20px;--font-family:"Source Han Serif SC", "Noto Serif SC", "Songti SC", serif;--ui-font:"PingFang SC", "Hiragino Sans GB", "Helvetica Neue", sans-serif;--shadow-soft:0 10px 28px #00000059;--glow:radial-gradient(ellipse 80% 50% at 50% -20%, #d4a57424, transparent 55%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-color:#f3f0ea;--bg-elevated:#faf8f4;--surface-color:#fff;--surface-hover:#f2efe8;--text-color:#2a2620;--muted-color:#7a736a;--accent-color:#b07d4a;--accent-soft:#9a6b3d;--accent-muted:color-mix(in srgb, var(--accent-color) 12%, transparent);--accent-on:#fffaf3;--border-color:#3c281414;--danger-color:#c45;--ok-color:#b07d4a;--nav-bg:#f3f0eae0;--overlay:#1e140a59;--cover-fallback:linear-gradient(145deg, #8a6a4a, #5c4632);--shadow-soft:0 10px 28px #3c281414;--glow:radial-gradient(ellipse 80% 50% at 50% -20%, #b07d4a1f, transparent 55%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=sepia]{--bg-color:#f0e6d0;--bg-elevated:#f6eedc;--surface-color:#faf4e6;--surface-hover:#efe4ce;--text-color:#53402f;--muted-color:#8a7360;--accent-color:#8b5e3c;--accent-soft:#7a5234;--accent-muted:color-mix(in srgb, var(--accent-color) 14%, transparent);--accent-on:#faf6ea;--border-color:#5a3c1e1f;--danger-color:#a84838;--ok-color:#8b5e3c;--nav-bg:#f0e6d0e6;--overlay:#281c1066;--cover-fallback:linear-gradient(145deg, #8b6a48, #5c4632);--shadow-soft:0 10px 28px #5032141a;--glow:radial-gradient(ellipse 80% 50% at 50% -20%, #8b5e3c24, transparent 55%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#app{max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{font-family:var(--ui-font);background:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;overscroll-behavior-x:none}a{color:var(--accent-color);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.page{padding:var(--page-pad);padding-bottom:calc(var(--tabbar-h) + 1.5rem + env(safe-area-inset-bottom));box-sizing:border-box;width:100%;max-width:min(720px,100%);min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.page:before{content:"";pointer-events:none;background:var(--glow);z-index:0;position:fixed;inset:0}.page>*{z-index:1;position:relative}.page-header{margin-bottom:1.15rem}.page-header h1{font-size:1.65rem;font-weight:650;font-family:var(--font-family);letter-spacing:.03em;margin:0}.page-header .meta{color:var(--muted-color);margin:.4rem 0 0;font-size:.84rem;line-height:1.45}.panel-soft{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-color);margin:0 0 .65rem;font-size:.72rem;font-weight:600}.seg{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:999px;grid-template-columns:repeat(2,1fr);gap:3px;margin-bottom:1rem;padding:4px;display:grid}.seg button{color:var(--muted-color);background:0 0;border:none;border-radius:999px;padding:.55rem .75rem;font-size:.9rem;transition:background .15s,color .15s}.seg button.active{background:var(--accent-muted);color:var(--accent-color);font-weight:600;box-shadow:inset 0 1px #ffffff0a}.chips{flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;display:flex}.chip{border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--muted-color);border-radius:999px;padding:.34rem .8rem;font-size:.8rem;transition:background .15s,color .15s}.chip.active{background:var(--accent-muted);color:var(--accent-color);border-color:#0000;font-weight:600}.btn{border-radius:var(--radius-sm);border:none;padding:.58rem 1.05rem;font-size:.9rem}.btn-primary{background:linear-gradient(180deg, var(--accent-color), var(--accent-soft));color:var(--accent-on);box-shadow:0 6px 16px color-mix(in srgb, var(--accent-color) 28%, transparent);font-weight:650}.btn-ghost{background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-color)}.btn-danger{border:1px solid color-mix(in srgb, var(--danger-color) 55%, transparent);color:var(--danger-color);background:0 0}.field-input,.field-select,.field-textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;color:var(--text-color);outline:none;padding:.78rem 1rem;transition:border-color .15s,box-shadow .15s}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:color-mix(in srgb, var(--accent-color) 55%, var(--border-color));box-shadow:0 0 0 3px var(--accent-muted)}.empty-state{text-align:center;color:var(--muted-color);background:var(--surface-color);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:3.2rem 1.25rem}.empty-state p{margin:0 0 1rem;font-size:.95rem}.muted{color:var(--muted-color);font-size:.88rem}.err{color:var(--danger-color);font-size:.88rem}.ok{color:var(--ok-color);font-size:.88rem}.toast{left:50%;bottom:calc(var(--tabbar-h) + 1rem + env(safe-area-inset-bottom));background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);z-index:40;box-shadow:var(--shadow-soft);text-align:center;border-radius:999px;max-width:min(90vw,360px);padding:.55rem 1.05rem;font-size:.85rem;position:fixed;transform:translate(-50%)}.book-3d{background:var(--cover-fallback);border-radius:4px 7px 7px 4px;position:relative;overflow:hidden;box-shadow:0 10px 22px #0000005c,0 2px 6px #00000038}.book-3d:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#00000061,#ffffff24 45%,#00000014);width:7px;position:absolute;top:0;bottom:0;left:0}.book-3d img,.book-3d .ph{object-fit:cover;width:100%;height:100%;display:block}.book-3d .ph{font-family:var(--font-family);color:var(--accent-on);background:var(--cover-fallback);place-items:center;display:grid}.book-rows{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.book-row{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:.85rem;padding:.75rem;display:flex}.book-row .cover{flex-shrink:0;width:52px;height:70px}.book-row .info{flex:1;min-width:0}.book-row .name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:650;overflow:hidden}.book-row .author{color:var(--muted-color);margin-top:.2rem;font-size:.8rem}.btn-add{background:var(--accent-muted);color:var(--accent-color);border:none;border-radius:999px;flex-shrink:0;padding:.42rem .85rem;font-size:.8rem;font-weight:650}.reader-content{font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);letter-spacing:var(--letter-spacing,0);color:var(--reader-page-fg,var(--text-color));padding:var(--padding);text-align:justify;word-break:break-word}.reader-content,.reader-content *{color:inherit!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;visibility:visible!important;clip:auto!important;clip-path:none!important;filter:none!important;float:none!important;width:auto!important;height:auto!important;max-height:none!important;font-size:inherit!important;line-height:inherit!important;background:0 0!important;position:static!important;overflow:visible!important;transform:none!important}.reader-content a{text-decoration:underline;color:var(--accent-color)!important}.reader-content p{text-indent:2em;margin:0 0 1em;display:block!important}.reader-brightness-veil{z-index:15;pointer-events:none;opacity:var(--reader-brightness-dim,0);background:#000;transition:opacity .15s;position:fixed;inset:0}.comic-reader{color:#eee;background:#000;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:100%;min-height:100%;font-size:0;line-height:0;display:flex;overflow-x:hidden}.comic-reader img{vertical-align:top;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:0;flex:none;width:100%;max-width:100%;height:auto;margin:0;padding:0;display:block}.comic-reader .empty,.comic-reader .auto-hint{font-size:.78rem;line-height:1.4}.reader-content img{width:100%!important;max-width:100%!important;height:auto!important;margin:.5em 0!important;display:block!important;position:static!important}.reader-page.text-mode{background-color:var(--reader-page-bg,var(--bg-color));background-image:var(--reader-page-image,none);color:var(--reader-page-fg,var(--text-color));background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.reader-page.text-mode .reader-content{color:var(--reader-page-fg,var(--text-color))}html[data-reader-bg=follow]{--reader-page-bg:var(--bg-color);--reader-page-fg:var(--text-color);--reader-page-image:none}html[data-reader-bg=ink]{--reader-page-bg:#0c0c0e;--reader-page-fg:#e6e2da;--reader-page-image:none}html[data-reader-bg=paper]{--reader-page-bg:#f7f4ee;--reader-page-fg:#2a2824;--reader-page-image:none}html[data-reader-bg=cream]{--reader-page-bg:#f0e6d2;--reader-page-fg:#4a3b2a;--reader-page-image:none}html[data-reader-bg=green]{--reader-page-bg:#cfdcbf;--reader-page-fg:#24301f;--reader-page-image:none}html[data-reader-bg=parchment]{--reader-page-bg:#e8dcc4;--reader-page-fg:#4a3a28;--reader-page-image:repeating-linear-gradient(0deg, transparent, transparent 2px, #5a3c1e08 2px, #5a3c1e08 3px), radial-gradient(ellipse at 20% 10%, #fff0c873, transparent 50%), radial-gradient(ellipse at 80% 90%, #a078461f, transparent 45%)}html[data-reader-bg=wood]{--reader-page-bg:#e6d7b8;--reader-page-fg:#3a2c1e;--reader-page-image:linear-gradient(#faf4e647, #faf4e638), url(/bg/wood.jpg)}html[data-reader-bg=slate]{--reader-page-bg:#2a3a2e;--reader-page-fg:#e6ebe3;--reader-page-image:linear-gradient(#141c1638, #141c1647), url(/bg/slate.jpg)}html[data-reader-bg=oldpaper]{--reader-page-bg:#f0e6d0;--reader-page-fg:#4a3a28;--reader-page-image:linear-gradient(#fffaf033, #fff8eb2e), url(/bg/parchment.jpg)}html[data-reader-bg=custom]{--reader-page-bg:#1a1a1e;--reader-page-fg:#e8e4dc;--reader-page-image:linear-gradient(#0e0e108c, #0e0e108c), var(--reader-bg-image,none)}