:root,html[data-theme=light],html[data-theme=auto]{color-scheme:light;--bg: #f1f3f4;--surface: #fafafa;--surface-strong: #fdfdfc;--surface-muted: #e8ebed;--text: #1b1e22;--text-soft: #616870;--text-faint: #858c93;--line: #d5d9dc;--line-strong: #bfc5ca;--accent: #2f5d9f;--accent-strong: #234a82;--accent-soft: #dce6f3;--paper: #f9f9f6;--paper-text: #242629;--shadow: rgba(38, 48, 59, .1)}html[data-theme=sepia]{color-scheme:light;--bg: #ece8df;--surface: #f5f1e8;--surface-strong: #faf6ed;--surface-muted: #e4ded2;--text: #272723;--text-soft: #66645e;--text-faint: #8a877e;--line: #d2ccc0;--line-strong: #bbb4a7;--accent: #315b94;--accent-strong: #284b79;--accent-soft: #dbe2ea;--paper: #f7f2e8;--paper-text: #2d2c28;--shadow: rgba(67, 61, 49, .1)}html[data-theme=dark]{color-scheme:dark;--bg: #15181b;--surface: #1b1f23;--surface-strong: #22272c;--surface-muted: #292e33;--text: #e8e9e7;--text-soft: #adb3b8;--text-faint: #858d94;--line: #343a40;--line-strong: #4b535b;--accent: #89a9d9;--accent-strong: #a8bee0;--accent-soft: #28384e;--paper: #191c1f;--paper-text: #e1e2df;--shadow: rgba(3, 7, 10, .34)}@media(prefers-color-scheme:dark){html[data-theme=auto]{color-scheme:dark;--bg: #15181b;--surface: #1b1f23;--surface-strong: #22272c;--surface-muted: #292e33;--text: #e8e9e7;--text-soft: #adb3b8;--text-faint: #858d94;--line: #343a40;--line-strong: #4b535b;--accent: #89a9d9;--accent-strong: #a8bee0;--accent-soft: #28384e;--paper: #191c1f;--paper-text: #e1e2df;--shadow: rgba(3, 7, 10, .34)}}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);font-family:Avenir Next,Avenir,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--text)}button,input{color:inherit;font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:not(:disabled){cursor:pointer}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 62%,transparent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.library-shell{min-height:100dvh}.library-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 max(24px,calc((100vw - 1400px)/2));border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);font-size:18px;font-weight:700;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:6px;background:var(--accent);color:#f5f7fa;font-family:Georgia,Times New Roman,serif;font-size:20px}.library-total{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:14px;font-variant-numeric:tabular-nums}.library-main{width:min(1400px,calc(100% - 48px));margin:0 auto;padding:64px 0 100px}.library-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);align-items:end;gap:48px;padding-bottom:52px}.section-kicker{margin:0 0 13px;color:var(--accent);font-size:12px;font-weight:700}.library-intro h1{margin:0;font-size:clamp(38px,5vw,62px);font-weight:700;line-height:1.08;letter-spacing:0}.library-summary{margin:14px 0 0;color:var(--text-soft);font-size:16px;font-variant-numeric:tabular-nums}.search-field,.chapter-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-strong);color:var(--text-soft)}.search-field{height:50px;padding:0 14px 0 16px;box-shadow:0 8px 24px var(--shadow)}.search-field:focus-within,.chapter-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent)}.search-field input,.chapter-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.search-field input::placeholder,.chapter-search input::placeholder{color:var(--text-faint);opacity:1}.clear-search{display:grid;flex:0 0 30px;width:30px;height:30px;padding:0;place-items:center;border-radius:6px;background:var(--surface-muted);color:var(--text-soft)}.recent-section{margin-bottom:64px}.section-heading-row,.books-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading-row{margin-bottom:20px}.section-heading-row h2,.books-toolbar h2{margin:0;font-size:24px;line-height:1.2}.recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recent-item{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:13px;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-align:left;transition:border-color .16s ease,background-color .16s ease}.recent-item:hover{border-color:var(--line-strong);background:var(--surface-strong)}.recent-cover{display:grid;width:44px;aspect-ratio:2 / 3;place-items:center;border-radius:4px;color:#eef2f6;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:700}.cover-good{background-color:#315c98;background-image:repeating-linear-gradient(145deg,transparent 0 12px,rgba(255,255,255,.08) 12px 13px)}.cover-bad{background-color:#3c454d;background-image:repeating-linear-gradient(35deg,transparent 0 15px,rgba(255,255,255,.07) 15px 16px)}.recent-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.recent-copy strong,.recent-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-copy strong{font-size:14px}.recent-copy span{color:var(--text-soft);font-size:12px}.books-toolbar{margin-bottom:24px;padding-top:28px;border-top:1px solid var(--line)}.books-toolbar p{margin:7px 0 0;color:var(--text-soft);font-size:13px}.segmented-control{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.segmented-control button{min-height:34px;padding:0 14px;border-radius:5px;background:transparent;color:var(--text-soft);font-size:13px;font-weight:600;white-space:nowrap}.segmented-control button.is-active{background:var(--surface-strong);color:var(--text);box-shadow:0 1px 4px var(--shadow)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.book-card{position:relative;min-width:0;min-height:192px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.book-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 12px 28px var(--shadow)}.book-card-main{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;width:100%;height:100%;min-height:192px;padding:16px 42px 16px 16px;background:transparent;color:var(--text);text-align:left}.book-cover{position:relative;display:flex;width:92px;aspect-ratio:2 / 3;align-self:start;flex-direction:column;justify-content:space-between;padding:12px 10px 11px;overflow:hidden;border-radius:5px;box-shadow:0 7px 16px #141b222e;color:#f1f4f8}.book-cover:after{position:absolute;inset:0 auto 0 7px;width:1px;background:#ffffff2e;content:""}.book-cover strong{position:relative;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1;overflow-wrap:anywhere}.book-cover>span:last-child,.cover-brand{position:relative;font-size:8px;font-weight:700}.cover-rule{position:absolute;right:10px;bottom:27px;left:10px;height:1px;background:#ffffff52}.book-card-copy{display:flex;min-width:0;flex-direction:column;padding-top:5px}.book-card-copy>strong{overflow:hidden;font-size:16px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.book-meta{margin-top:7px;color:var(--text-soft);font-size:12px;font-variant-numeric:tabular-nums}.book-excerpt{display:-webkit-box;margin-top:15px;overflow:hidden;color:var(--text-soft);font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:4}.favorite-button{position:absolute;top:12px;right:10px;display:grid;width:34px;height:34px;padding:0;place-items:center;border-radius:6px;background:transparent;color:var(--text-faint)}.favorite-button:hover{background:var(--surface-muted);color:var(--text)}.favorite-button.is-favorite{color:var(--accent)}.load-more-wrap{display:flex;justify-content:center;padding-top:36px}.secondary-button{min-height:42px;padding:0 18px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface-strong);color:var(--text);font-size:14px;font-weight:650;white-space:nowrap}.secondary-button:hover{border-color:var(--accent)}.empty-state,.reader-error{display:flex;align-items:center;flex-direction:column;justify-content:center;color:var(--text-soft);text-align:center}.empty-state{min-height:320px;border:1px dashed var(--line-strong);border-radius:8px}.empty-state h3,.reader-error h1{margin:14px 0 0;color:var(--text)}.empty-state p,.reader-error p{margin:8px 0 20px}.reader-shell{min-height:100dvh;background:var(--paper)}.reader-progress{position:fixed;inset:0 0 auto;z-index:31;height:2px;background:var(--line)}.reader-progress span{display:block;height:100%;background:var(--accent);transition:width .18s ease}.reader-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.reader-header-left,.reader-header-actions{display:flex;align-items:center}.reader-header-left{min-width:0;gap:12px}.reader-header-actions{flex:0 0 auto;gap:8px}.icon-button{display:grid;flex:0 0 38px;width:38px;height:38px;padding:0;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-soft)}.icon-button:hover{border-color:var(--line);background:var(--surface-muted);color:var(--text)}.reader-book-title{display:flex;min-width:0;flex-direction:column;gap:2px}.reader-book-title strong,.reader-book-title span{max-width:min(42vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-book-title strong{font-size:14px}.reader-book-title span{color:var(--text-soft);font-size:11px}.chapter-counter{min-width:64px;color:var(--text-soft);font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.reader-layout{display:grid;grid-template-columns:278px minmax(0,1fr);align-items:start}.chapter-sidebar{position:sticky;top:64px;height:calc(100dvh - 64px);overflow:hidden;border-right:1px solid var(--line);background:var(--surface)}.sidebar-title,.panel-header{display:flex;align-items:center;justify-content:space-between}.sidebar-title{height:66px;padding:0 18px;border-bottom:1px solid var(--line)}.sidebar-title strong{font-size:14px}.sidebar-title span{color:var(--text-soft);font-size:11px}.chapter-list-wrap{display:flex;height:calc(100% - 66px);min-height:0;flex-direction:column}.chapter-search{flex:0 0 38px;height:38px;margin:12px;padding:0 11px;box-shadow:none}.chapter-search input{font-size:12px}.chapter-list{flex:1 1 auto;min-height:0;padding:0 8px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.chapter-list button{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:42px;padding:7px 10px;border-radius:6px;background:transparent;color:var(--text-soft);text-align:left}.chapter-list button:hover{background:var(--surface-muted);color:var(--text)}.chapter-list button.is-current{background:var(--accent-soft);color:var(--accent-strong)}.chapter-list button>span{color:var(--text-faint);font-size:10px;font-variant-numeric:tabular-nums}.chapter-list button strong{overflow:hidden;font-size:12px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.chapter-empty{margin:28px 12px;color:var(--text-soft);font-size:12px;text-align:center}.reader-main{min-width:0;min-height:calc(100dvh - 64px);background:var(--paper)}.reader-page{width:min(100%,calc(var(--reader-width) + 64px));margin:0 auto;padding:68px 32px 100px;color:var(--paper-text)}.chapter-heading{margin-bottom:52px;padding-bottom:26px;border-bottom:1px solid var(--line)}.chapter-heading span{display:block;margin-bottom:10px;color:var(--text-soft);font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:11px;font-weight:650}.chapter-heading h1{margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(30px,5vw,44px);font-weight:500;line-height:1.18;letter-spacing:0;overflow-wrap:anywhere}.chapter-content{font-family:Georgia,Times New Roman,Songti SC,serif;font-size:var(--reader-font-size);line-height:var(--reader-line-height)}.chapter-content p{margin:0 0 1em;text-indent:1.6em;overflow-wrap:break-word}.chapter-content h2{margin:1.8em 0 1em;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:.82em;font-weight:700;line-height:1.4;text-align:center}.chapter-content h2:first-child{margin-top:0}.chapter-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:76px;padding-top:24px;border-top:1px solid var(--line)}.chapter-footer button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border-radius:6px;background:transparent;color:var(--text);font-size:13px;font-weight:650;white-space:nowrap}.chapter-footer button:first-child{justify-self:start}.chapter-footer button:last-child{justify-self:end}.chapter-footer button:hover:not(:disabled){background:var(--surface-muted)}.chapter-footer button:disabled,.mobile-reader-nav button:disabled{cursor:default;opacity:.32}.chapter-footer>span{color:var(--text-soft);font-size:11px;font-variant-numeric:tabular-nums}.reader-skeleton{display:flex;width:min(720px,calc(100% - 48px));margin:0 auto;padding-top:74px;flex-direction:column;gap:19px}.skeleton-line{display:block;width:100%;height:14px;border-radius:4px;background:var(--surface-muted)}.skeleton-short{width:18%;height:10px}.skeleton-title{width:48%;height:36px;margin-bottom:36px}.skeleton-medium{width:72%}.reader-error{min-height:calc(100dvh - 64px);padding:32px}.reader-error h1{font-size:24px}.reader-error p{max-width:480px;overflow-wrap:anywhere}.mobile-only,.mobile-reader-nav{display:none}.panel-overlay{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#0c111670}.slide-panel{width:min(390px,100%);height:100dvh;border-left:1px solid var(--line);background:var(--surface);box-shadow:-18px 0 48px #0a10162e}.panel-header{height:68px;padding:0 16px 0 20px;border-bottom:1px solid var(--line)}.panel-header>div{display:flex;flex-direction:column;gap:3px}.panel-header strong{font-size:15px}.panel-header span{color:var(--text-soft);font-size:11px}.chapter-drawer .chapter-list-wrap{height:calc(100dvh - 68px)}.settings-content{height:calc(100dvh - 68px);padding:26px 20px;overflow-y:auto}.settings-content fieldset{margin:0 0 32px;padding:0;border:0}.settings-content legend{margin-bottom:14px;color:var(--text-soft);font-size:12px;font-weight:700}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-options button{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface-strong);color:var(--text-soft);font-size:12px}.theme-options button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.theme-swatch{width:18px;height:18px;flex:0 0 18px;border:1px solid rgba(89,94,99,.35);border-radius:4px}.theme-auto{background:linear-gradient(135deg,#f1f2f2 0 49%,#252a2f 51% 100%)}.theme-light{background:#f4f4f1}.theme-sepia{background:#e9e1d1}.theme-dark{background:#252a2f}.range-control{display:block;margin-bottom:24px}.range-control>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.range-control strong,.range-control output{font-size:12px}.range-control output{color:var(--text-soft);font-variant-numeric:tabular-nums}.range-control input{width:100%;accent-color:var(--accent)}.reset-settings{width:100%;min-height:42px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text-soft);font-size:13px}.reset-settings:hover{border-color:var(--line-strong);color:var(--text)}@media(max-width:1120px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:767px){.library-header{height:60px;padding:0 16px}.brand{font-size:16px}.brand-mark{width:31px;height:31px;font-size:18px}.library-main{width:100%;padding:34px 16px 80px}.library-intro{grid-template-columns:1fr;gap:28px;padding-bottom:42px}.library-intro h1{font-size:40px}.search-field{width:100%}.recent-section{margin-bottom:50px}.recent-grid{display:flex;width:calc(100% + 16px);padding-right:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.recent-grid::-webkit-scrollbar{display:none}.recent-item{width:min(82vw,310px);flex:0 0 min(82vw,310px);scroll-snap-align:start}.books-toolbar{align-items:stretch;flex-direction:column;gap:18px}.segmented-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.segmented-control button{padding:0 5px;font-size:12px}.book-grid{grid-template-columns:1fr}.book-card,.book-card-main{min-height:184px}.book-card-main{grid-template-columns:88px minmax(0,1fr);gap:14px;padding-left:14px}.book-cover{width:88px}.reader-header{height:58px;padding:0 8px}.reader-layout{display:block}.chapter-sidebar{display:none}.reader-book-title strong,.reader-book-title span{max-width:43vw}.chapter-counter{display:none}.mobile-only{display:grid}.reader-main{min-height:calc(100dvh - 58px)}.reader-page{width:100%;padding:44px 20px 120px}.chapter-heading{margin-bottom:38px;padding-bottom:22px}.chapter-heading h1{font-size:32px}.chapter-content{font-size:clamp(16px,var(--reader-font-size),25px)}.chapter-footer{margin-top:58px}.chapter-footer button{padding:0 5px}.mobile-reader-nav{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:28;display:grid;grid-template-columns:repeat(3,48px);height:50px;padding:1px;border:1px solid var(--line-strong);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 94%,transparent);box-shadow:0 12px 34px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mobile-reader-nav button{display:grid;padding:0;place-items:center;border-radius:6px;background:transparent;color:var(--text)}.mobile-reader-nav button:hover:not(:disabled){background:var(--surface-muted)}.slide-panel{width:min(92vw,390px)}.reader-skeleton{width:calc(100% - 40px);padding-top:50px}}@media(max-width:420px){.library-total span{display:none}.book-excerpt{-webkit-line-clamp:3}.reader-header-left{gap:5px}.reader-header-actions{gap:1px}.reader-book-title strong,.reader-book-title span{max-width:39vw}.reader-page{padding-right:18px;padding-left:18px}.chapter-footer{grid-template-columns:1fr 1fr}.chapter-footer>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.library-header,.reader-header,.mobile-reader-nav{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}