.reader{--reader-font-size:18px;--reader-line-height:1.85;background:var(--bg);grid-template-rows:auto auto 1fr;height:100dvh;animation:1.2s cubic-bezier(.16,1,.3,1) both reader-focus-in;display:grid}@keyframes reader-focus-in{0%{opacity:0;filter:blur(10px);transform:scale(.98)}to{opacity:1;filter:blur();transform:scale(1)}}.reader-top{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex;position:sticky;top:0}.reader-top-title{letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.92rem;overflow:hidden}.reader-top-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.reader-progress-label{letter-spacing:.06em;color:var(--text-faint);-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:baseline;gap:.35rem;padding:0 .35rem;font-size:.72rem;display:none}.reader-progress-pct{color:var(--accent);font-variant-numeric:tabular-nums}@media (width>=480px){.reader-progress-label{display:inline-flex}}.reader-progress{background:color-mix(in srgb, var(--text) 10%, transparent);z-index:19;height:3px;position:relative}.reader-progress-track{width:100%;height:100%;position:relative;overflow:hidden}.reader-progress-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 50%, transparent), var(--accent));width:0%;height:100%;box-shadow:0 0 15px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 5px var(--accent);border-radius:0 2px 2px 0;transition:width .15s cubic-bezier(.4,0,.2,1)}.icon-btn{border:1px solid var(--border);background:var(--bg-soft);width:2.4rem;height:2.4rem;color:var(--text-muted);border-radius:10px;place-items:center;transition:color .15s,border-color .15s,background .15s,transform .15s;display:grid}.icon-btn .ui-icon{flex-shrink:0;display:block}.icon-btn:hover,.icon-btn.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--accent-dim)}.icon-btn:active{transform:scale(.96)}.btn-nav{gap:.35rem}.btn-nav .ui-icon{flex-shrink:0}.reader-body{grid-template-columns:1fr;min-height:0;display:grid}.reader-body.toc-open{grid-template-columns:240px 1fr}.reader-toc{border-right:1px solid var(--border);background:var(--bg-panel);min-width:0;padding:.85rem .65rem;overflow:auto}@media (width>=769px){.reader-toc{width:auto;height:100%;position:relative;transform:none}.reader-body.toc-closed .reader-toc{display:none}.drawer-backdrop{display:none!important}}.toc-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);padding:.25rem .55rem .65rem;font-size:.7rem}.toc-item{text-align:left;width:100%;color:var(--text-muted);border-radius:10px;margin-bottom:.2rem;padding:.65rem .7rem;font-size:.88rem;line-height:1.35;display:block}.toc-item:hover{background:var(--bg-soft);color:var(--text)}.toc-item.active{background:var(--accent-dim);color:var(--accent)}.toc-index{letter-spacing:.12em;color:var(--text-faint);margin-bottom:.15rem;font-size:.7rem;display:block}.reader-main{background:var(--reader-bg);min-width:0;min-height:0;color:var(--reader-text);flex-direction:column;display:flex}.reader-scroll{flex:1;padding:1.5rem 1.25rem 2.5rem;overflow:auto}.reader-article{max-width:40rem;font-size:var(--reader-font-size);line-height:var(--reader-line-height);margin:0 auto}.reader-article h1,.reader-article h2,.reader-article h3{letter-spacing:.06em;margin:1.6em 0 .7em;font-family:Songti SC,Noto Serif SC,Georgia,serif;line-height:1.35}.reader-article h1{margin-top:0;font-size:1.45em}.reader-article p{margin:0 0 1em}.reader-article strong{color:color-mix(in srgb, var(--reader-text) 88%, var(--accent));font-weight:600}.reader-article hr{border:none;border-top:1px solid color-mix(in srgb, var(--reader-text) 12%, transparent);margin:2em 0}.reader-article img{border:1px solid color-mix(in srgb, var(--reader-text) 10%, transparent);object-fit:cover;aspect-ratio:16/9;background:color-mix(in srgb, var(--reader-text) 6%, transparent);border-radius:10px;width:100%;max-width:100%;height:auto;margin:1.35em 0 .35em;display:block;box-shadow:0 12px 36px #00000047}.reader-article p:has(>img:only-child){margin:1.5em 0}.chapter-heading{letter-spacing:.1em;margin:0 0 1.25rem;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:1.5em}.scene-header{color:color-mix(in srgb, var(--reader-text) 55%, transparent);letter-spacing:.02em;margin:1.5em 0 1em;font-size:.88em}.reader-nav{border-top:1px solid color-mix(in srgb, var(--reader-text) 10%, transparent);background:color-mix(in srgb, var(--reader-bg) 90%, var(--bg-panel));justify-content:space-between;gap:.6rem;padding:.85rem 1rem 1.1rem;display:flex}.reader-nav .btn,.reader-nav .btn-nav{min-width:7rem;color:var(--reader-text);background:color-mix(in srgb, var(--reader-text) 7%, var(--reader-bg));border:1px solid color-mix(in srgb, var(--reader-text) 20%, transparent);opacity:1}.reader-nav .btn:hover:not(:disabled),.reader-nav .btn-nav:hover:not(:disabled){color:var(--reader-text);border-color:color-mix(in srgb, var(--accent) 55%, var(--reader-text));background:color-mix(in srgb, var(--accent) 16%, var(--reader-bg))}.reader-nav .btn:disabled,.reader-nav .btn-nav:disabled{opacity:1;cursor:not-allowed;color:color-mix(in srgb, var(--reader-text) 38%, var(--reader-bg));border-color:color-mix(in srgb, var(--reader-text) 12%, transparent);background:color-mix(in srgb, var(--reader-text) 4%, var(--reader-bg))}.reader-nav .btn:disabled .ui-icon,.reader-nav .btn-nav:disabled .ui-icon{opacity:.55}.overlay-panel{z-index:30;background:var(--bg-elevated);border:1px solid var(--border);width:min(340px,100vw - 1.5rem);box-shadow:var(--shadow);transform-origin:100% 0;border-radius:12px;padding:1rem;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards spring-scale-origin;position:absolute;top:3.6rem;right:.75rem}@keyframes spring-scale-origin{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.overlay-panel h3{letter-spacing:.14em;color:var(--text-muted);margin:0 0 .85rem;font-size:.85rem;font-weight:500}.settings-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.settings-row label{color:var(--text-muted);font-size:.88rem}.settings-row input[type=range]{accent-color:var(--accent);flex:1}.theme-pills{flex-wrap:wrap;gap:.4rem;display:flex}.theme-pill{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.4rem .7rem;font-size:.8rem}.theme-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.search-input{border:1px solid var(--border);background:var(--bg-soft);width:100%;color:var(--text);border-radius:10px;margin-bottom:.75rem;padding:.65rem .8rem}.search-results{flex-direction:column;gap:.4rem;max-height:50dvh;display:flex;overflow:auto}.search-hit{text-align:left;background:var(--bg-soft);border:1px solid #0000;border-radius:10px;padding:.65rem .7rem}.search-hit:hover{border-color:var(--border)}.search-hit-title{color:var(--accent);margin-bottom:.25rem;font-size:.78rem}.search-hit-snippet{color:var(--text-muted);font-size:.82rem;line-height:1.45}.search-empty{color:var(--text-faint);padding:.5rem 0;font-size:.85rem}.reader-status{color:var(--text-muted);padding:2rem}.drawer-backdrop{display:none}@media (width<=768px){.reader-body,.reader-body.toc-open,.reader-body.toc-closed{grid-template-columns:1fr}.reader-toc{z-index:40;opacity:1;pointer-events:none;width:min(82vw,300px);box-shadow:var(--shadow);border-right:1px solid var(--border);padding:.85rem .65rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:fixed;inset:0 auto 0 0;overflow:auto;transform:translate(-105%)}.reader-body.toc-closed .reader-toc{opacity:1;pointer-events:none}.reader-toc.open{pointer-events:auto;transform:translate(0)}.drawer-backdrop{z-index:35;opacity:0;pointer-events:none;background:#00000073;transition:opacity .2s;display:block;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.reader-scroll{padding:1.15rem 1rem 2rem}.reader-nav .btn{flex:1;min-width:0}.reader-top-title{font-size:.82rem}}.shelf{max-width:1100px;min-height:100dvh;margin:0 auto;padding:2rem 1.25rem 4rem}.shelf-header{margin-bottom:2.5rem}.shelf-kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);margin:0 0 .75rem;font-size:.75rem}.shelf-title{letter-spacing:.08em;margin:0 0 .6rem;font-family:Songti SC,Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:600}.shelf-desc{max-width:36rem;color:var(--text-muted);margin:0;font-size:.98rem}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(280px,320px));justify-content:start;gap:1.5rem;display:grid}.book-card{text-align:left;border:1px solid var(--border);box-shadow:var(--shadow);color:#f0f3f7;cursor:pointer;background:#0d1117;border-radius:16px;width:100%;max-width:320px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:block;overflow:hidden}.book-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 22px 50px #00000073, 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-4px)}.book-card:hover .book-cover img{opacity:.88;transform:scale(1.04)}.book-card:hover .book-overlay,.book-card:focus-visible .book-overlay{padding-bottom:1.15rem}.book-extra{opacity:0;filter:blur(2px);pointer-events:none;max-height:0;margin-top:0;transition:max-height .55s cubic-bezier(.22,1,.36,1),opacity .5s 60ms,transform .55s cubic-bezier(.22,1,.36,1),filter .45s 80ms,margin-top .45s;overflow:hidden;transform:translateY(14px)}.book-extra-inner{padding-top:.35rem}.book-card:hover .book-extra,.book-card:focus-visible .book-extra{opacity:1;filter:blur();pointer-events:auto;max-height:7.5rem;margin-top:.2rem;transform:translateY(0)}.book-cover{aspect-ratio:3/4;background:linear-gradient(160deg,#1a2230 0%,#0d1117 55%,#1a1216 100%);position:relative;overflow:hidden}.book-cover img{object-fit:cover;object-position:center 35%;opacity:.82;filter:saturate(.9)contrast(1.05);width:100%;height:100%;transition:transform .35s,opacity .25s;display:block}.book-cover-fallback{background:radial-gradient(circle at 30% 20%,#7eb0c82e,#0000 45%),linear-gradient(#0000 30%,#0000008c);flex-direction:column;justify-content:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0}.book-cover-fallback span{letter-spacing:.2em;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:1.6rem}.book-overlay{z-index:4;background:0 0;border-top:none;flex-direction:column;gap:.4rem;padding:1.7rem 1rem 1rem 1.15rem;transition:padding-bottom .45s;display:flex;position:absolute;bottom:0;left:0;right:0}.book-meta-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.chip-glass{color:#e6ecf4eb;-webkit-backdrop-filter:blur(8px);background:#0c101673;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff0a}.chip-glass.chip-danger{color:#f0a8b2;background:#3c121c8c;border-color:#c45c6a73}.book-title{letter-spacing:.16em;color:#f5f7fa;text-shadow:0 2px 12px #0000008c;margin:.15rem 0 0;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:1.35rem}.book-subtitle{color:#c8d6e4e0;text-shadow:0 1px 8px #00000073;margin:0;font-size:.84rem}.book-blurb{color:#aabacad1;-webkit-line-clamp:2;text-shadow:0 1px 6px #0006;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.book-cta{letter-spacing:.1em;color:#9ec5d8;text-shadow:0 1px 8px #00000080;align-items:center;gap:.35rem;margin-top:.4rem;margin-bottom:.15rem;font-size:.78rem;display:inline-flex}.book-cta .ui-icon{opacity:.9;flex-shrink:0}@media (hover:none){.book-extra{opacity:1;filter:none;pointer-events:auto;max-height:7.5rem;margin-top:.2rem;transition:none;transform:none}}.shelf-empty,.shelf-error{color:var(--text-muted);padding:2rem}.cinematic-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(20px);background:#000000d9;place-items:center;padding:1.25rem;animation:.3s forwards fade-in;display:grid;position:fixed;inset:0}.cinematic-modal{text-align:center;background:#0d1117;border:1px solid #ef444459;border-radius:16px;width:min(480px,100vw - 2rem);padding:2.5rem 2rem 2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards spring-scale;box-shadow:0 25px 60px #000000f2,0 0 30px #dc262626}.modal-icon-badge{color:#ef4444;background:#dc262626;border:1px solid #ef444459;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.2rem;display:inline-flex;box-shadow:0 0 20px #dc262640}.cinematic-modal h2{letter-spacing:.12em;color:#f87171;margin:0 0 1rem;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:1.5rem}.modal-desc-main{color:#ffffffe6;text-wrap:balance;margin:0 0 .6rem;font-size:.98rem;line-height:1.65}.modal-desc-sub{color:#ffffff8c;margin:0 0 1.8rem;font-size:.88rem;line-height:1.5}.cinematic-modal .modal-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spring-scale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.btn{letter-spacing:.05em;cursor:pointer;border:1px solid #0000;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .25s;display:inline-flex}.btn-ghost{color:#ffffffb3;background:0 0;border-color:#ffffff26}.btn-ghost:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}.btn-danger{color:#fff;background:#dc2626;border-color:#ef4444;font-weight:600;box-shadow:0 4px 16px #dc262673}.btn-danger:hover{background:#b91c1c;border-color:#f87171;transform:translateY(-1px);box-shadow:0 6px 22px #dc2626a6}@media (width<=640px){.shelf-grid{grid-template-columns:1fr;justify-content:stretch}.book-card{max-width:none}}:root,[data-theme=dark]{--bg:#0b0d10;--bg-elevated:#12161c;--bg-panel:#161b22;--bg-soft:#1a212b;--border:#8fa3b824;--text:#e6eaf0;--text-muted:#8fa3b8;--text-faint:#5c6b7a;--accent:#7eb0c8;--accent-dim:#7eb0c826;--danger:#c45c6a;--danger-dim:#c45c6a24;--wine:#6b2f3a;--reader-bg:#0e1116;--reader-text:#dce3ec;--shadow:0 18px 50px #00000073;--noise:#ffffff05}[data-theme=light]{--bg:#eef1f5;--bg-elevated:#fff;--bg-panel:#f7f8fa;--bg-soft:#e7ebf0;--border:#1e28371a;--text:#1a222c;--text-muted:#5a6a7a;--text-faint:#8a97a5;--accent:#2f6f8a;--accent-dim:#2f6f8a1a;--danger:#a33d4d;--danger-dim:#a33d4d1a;--wine:#8b3a4a;--reader-bg:#fbfcfe;--reader-text:#1e2630;--shadow:0 14px 40px #141e281a;--noise:#00000005}[data-theme=sepia]{--bg:#1c1812;--bg-elevated:#262018;--bg-panel:#2b241b;--bg-soft:#342c22;--border:#d2b98c24;--text:#ebe1d0;--text-muted:#b5a48a;--text-faint:#7d705c;--accent:#d4b483;--accent-dim:#d4b48324;--danger:#c47a6a;--danger-dim:#c47a6a24;--wine:#8a4a3a;--reader-bg:#f4ead4;--reader-text:#3a2f22;--shadow:0 18px 50px #0006;--noise:#fff0c808}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;opacity:.55;background-image:radial-gradient(80% 50% at 50% -10%,#7eb0c814,#0000 55%),radial-gradient(40% 30% at 90% 80%,#6b2f3a1f,#0000 50%);position:fixed;inset:0}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .95rem;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#f5f9fc;background:linear-gradient(135deg,#5a8fa8,#3d6f86);border-color:#0000}.btn-primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,#5a8fa8,#3d6f86)}.btn-ghost{background:0 0}.chip{letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.72rem;display:inline-flex}.chip-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:var(--danger-dim)}.panel{background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}