.reader-app{--reader-bg:#f7f5ee;--reader-surface:#fffefa;--reader-ink:#24352e;--reader-muted:#66736b;--reader-line:#d8dfd4;--reader-soft:#e9ede4;--reader-green:#355e4b;background:var(--reader-bg);color:var(--reader-ink);flex-direction:column;height:100dvh;min-height:400px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;display:flex}.reader-dark{--reader-bg:#202b25;--reader-surface:#25322b;--reader-ink:#e2e5dc;--reader-muted:#a9b6aa;--reader-line:#425348;--reader-soft:#33463a;--reader-green:#b3ccb8;color-scheme:dark}.reader-app button:disabled{cursor:default;opacity:.4}.reader-app button:focus-visible,.reader-app a:focus-visible{outline:2px solid var(--reader-green);outline-offset:3px}.reader-header{border-bottom:1px solid var(--reader-line);background:var(--reader-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:78px;padding:0 32px;display:flex}.reader-back{align-items:center;gap:10px;min-width:135px;font-size:13px;display:flex}.reader-heading{text-align:center;flex-direction:column;gap:6px;display:flex}.reader-heading strong{letter-spacing:.08em;font-family:Songti SC,SimSun,serif;font-size:18px;font-weight:600}.reader-heading>span{letter-spacing:.11em;color:var(--reader-muted);font-size:10px}.reader-header-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:135px;display:flex}.reader-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.reader-icon:hover:not(:disabled){background:var(--reader-soft)}.reader-mobile-menu{display:none}.reader-notice{background:var(--reader-soft);color:var(--reader-ink);flex-shrink:0;justify-content:center;align-items:center;gap:20px;padding:10px 24px;font-size:12px;line-height:1.7;display:flex}.reader-notice button{display:inline-flex}.reader-notice-error{color:#8e3b2f;background:#f7e9df}.reader-shell{flex:1;grid-template-columns:248px minmax(0,1fr);min-height:0;display:grid}.reader-sidebar{background:var(--reader-surface);border-right:1px solid var(--reader-line);flex-direction:column;min-height:0;padding:28px 20px 24px;display:flex}.reader-side-title{color:var(--reader-muted);letter-spacing:.15em;justify-content:space-between;align-items:center;padding:0 4px;font-size:11px;display:flex}.reader-close-drawer{display:none}.reader-book-info{align-items:center;gap:15px;padding:25px 4px 28px;display:flex}.reader-book-info img{object-fit:cover;border-radius:2px;width:61px;height:88px;box-shadow:3px 3px 7px #142b1d18}.reader-book-info>div{flex-direction:column;gap:9px;display:flex}.reader-book-info strong{font-family:Songti SC,SimSun,serif;font-size:16px;font-weight:500}.reader-book-info span{color:var(--reader-muted);font-size:11px}.reader-book-info small{color:var(--reader-muted);border:1px solid var(--reader-line);border-radius:3px;align-self:flex-start;padding:2px 5px;font-size:10px}.reader-content-warnings{color:var(--reader-muted);margin:0 4px 16px;font-size:11px;line-height:1.7}.reader-tabs{border-bottom:1px solid var(--reader-line);gap:18px;padding:0 4px;display:flex}.reader-tabs button{color:var(--reader-muted);align-items:center;gap:6px;padding:10px 2px 12px;font-size:13px;display:flex;position:relative}.reader-tabs button[aria-selected=true]{color:var(--reader-green)}.reader-tabs button[aria-selected=true]:after{content:"";background:var(--reader-green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.reader-tabs button>span{opacity:.8;font-size:10px}.reader-side-content{flex:1;padding-top:17px;overflow-y:auto}.reader-chapter{text-align:left;border-radius:4px;align-items:flex-start;gap:11px;width:100%;margin-bottom:5px;padding:13px 11px;font-size:12px;display:flex}.reader-chapter>span:first-child{color:var(--reader-muted);font-variant-numeric:tabular-nums;font-size:10px;line-height:2.1}.reader-chapter.is-active{background:var(--reader-soft);color:var(--reader-green)}.reader-chapter:hover:not(:disabled){background:var(--reader-soft)}.reader-local-note{border-top:1px solid var(--reader-line);color:var(--reader-muted);align-items:flex-start;gap:9px;padding:20px 5px 0;font-size:11px;line-height:1.75;display:flex}.reader-local-note svg{margin-top:3px}.reader-main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.reader-toolbar{border-bottom:1px solid var(--reader-line);flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 35px;display:flex}.reader-font-tools{align-items:center;gap:7px;display:flex}.reader-font-tools output{text-align:center;font-variant-numeric:tabular-nums;width:23px;font-size:12px}.reader-tool-label{color:var(--reader-muted);margin-right:6px;font-size:11px}.reader-tool-separator{background:var(--reader-line);width:1px;height:18px;margin:0 10px}.reader-bookmark-action{border-radius:4px;align-items:center;gap:7px;padding:8px 9px;font-size:12px;display:flex}.reader-bookmark-action:hover{background:var(--reader-soft)}.reader-reading-area{flex:1;min-height:0;position:relative}.reader-viewport{position:absolute;inset:0;overflow:hidden}.reader-viewport .epub-container{scrollbar-width:thin;scrollbar-color:var(--reader-line) transparent;overscroll-behavior:contain}.reader-loading{background:var(--reader-bg);text-align:center;z-index:2;color:var(--reader-muted);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.reader-loading>svg{stroke-width:1.2px;color:var(--reader-green);margin-bottom:20px}.reader-loading h1{color:var(--reader-ink);margin:0 0 13px;font-family:Songti SC,SimSun,serif;font-size:25px;font-weight:500}.reader-loading p{max-width:400px;font-size:13px;line-height:1.8}.reader-loading>div{align-items:center;gap:18px;margin-top:12px;display:flex}.reader-loading button{background:var(--reader-green);color:var(--reader-bg);border-radius:5px;padding:10px 16px}.reader-loading a{align-items:center;gap:7px;font-size:12px;display:flex}.reader-footer{border-top:1px solid var(--reader-line);background:var(--reader-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:65px;padding:0 30px;display:flex}.reader-footer>button{white-space:nowrap;align-items:center;gap:6px;padding:8px 0;font-size:12px;display:flex}.reader-progress{grid-template-columns:minmax(70px,160px) 28px;justify-content:center;align-items:center;gap:6px 10px;min-width:0;display:grid}.reader-progress>span{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--reader-muted);grid-column:1/-1;font-size:10px;overflow:hidden}.reader-progress>div{background:var(--reader-line);border-radius:1px;height:2px}.reader-progress>div>span{background:var(--reader-green);max-width:100%;height:100%;display:block}.reader-progress small{color:var(--reader-muted);font-variant-numeric:tabular-nums;font-size:10px}.reader-bookmarks{margin:0;padding:0;list-style:none}.reader-bookmarks li{border-bottom:1px solid var(--reader-line);align-items:center;display:flex}.reader-bookmarks li>button:first-child{text-align:left;flex:1;align-items:flex-start;gap:8px;padding:14px 4px;font-size:12px;line-height:1.5;display:flex}.reader-bookmarks li>button svg{flex-shrink:0;margin-top:2px}.reader-bookmarks small{color:var(--reader-muted);margin-top:5px;font-size:10px;display:block}.reader-delete{color:var(--reader-muted);padding:8px}.reader-no-bookmarks{text-align:center;color:var(--reader-muted);padding:45px 0}.reader-no-bookmarks>svg{stroke-width:1.3px;margin:0 auto 10px}.reader-no-bookmarks p{color:var(--reader-ink);font-size:13px}.reader-no-bookmarks span{font-size:11px;line-height:1.8}.reader-backdrop{display:none}@media (width>=1450px){.reader-shell{grid-template-columns:280px minmax(0,1fr)}.reader-sidebar{padding-left:28px;padding-right:28px}.reader-toolbar{padding-left:50px;padding-right:50px}}@media (width<=800px){.reader-header{gap:10px;height:67px;padding:0 15px}.reader-back{min-width:35px}.reader-back>span{display:none}.reader-heading{min-width:0}.reader-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:16px;overflow:hidden}.reader-heading>span{font-size:8px}.reader-header-actions{gap:3px;min-width:0}.reader-mobile-menu{display:inline-flex}.reader-header-actions>a{display:none}.reader-shell{display:flex}.reader-sidebar{z-index:20;width:min(300px,86vw);display:none;position:fixed;inset:0 auto 0 0;box-shadow:15px 0 40px #142b1d20}.reader-sidebar.is-open{display:flex}.reader-close-drawer{display:inline-flex}.reader-backdrop{z-index:19;background:#14261f66;display:block;position:fixed;inset:0}.reader-main{width:100%}.reader-toolbar{height:52px;padding:0 14px}.reader-tool-label{display:none}.reader-font-tools{gap:3px}.reader-tool-separator{margin:0 5px}.reader-bookmark-action{gap:5px;font-size:11px}.reader-footer{gap:10px;height:60px;padding:0 16px}.reader-footer>button{gap:0;font-size:11px}.reader-progress{grid-template-columns:minmax(50px,95px) 26px;gap:5px 7px}.reader-progress>span{max-width:135px;font-size:9px}.reader-notice{text-align:left;padding:8px 15px;font-size:11px}.reader-loading h1{font-size:22px}}@media (prefers-reduced-motion:reduce){.reader-app *{scroll-behavior:auto!important;transition:none!important}}