:root{--accent: #9A7B3C;--accent-light: #C9A84C;--accent-bg: rgba(154, 123, 60, .08);--bg: #FAF9F6;--bg-card: #FFFFFF;--bg-header: rgba(250, 249, 246, .95);--text: #2D2D2D;--text-secondary: #888888;--text-tertiary: #AAAAAA;--border: #E8E4DC;--divider: #F0EDE7;--reader-bg: #FFFFFF;--reader-text: #333333;--reader-font: "Noto Sans SC", -apple-system, sans-serif;--reader-size: 17px;--reader-line-height: 1.8;--reader-max-width: 640px;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.06);--shadow-lg: 0 4px 12px rgba(0,0,0,.08);--header-height: 52px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-reading-mode=sepia]{--reader-bg: #F5EDDC;--reader-text: #3B3228;--bg: #F5EDDC;--bg-card: #EDE4D0;--bg-header: rgba(245, 237, 220, .95);--text: #3B3228;--text-secondary: #7A6E5D;--border: #D9CEBC}[data-reading-mode=dark]{--reader-bg: #1A1A1A;--reader-text: #C8C8C8;--bg: #1A1A1A;--bg-card: #252525;--bg-header: rgba(26, 26, 26, .95);--text: #E0E0E0;--text-secondary: #888888;--text-tertiary: #666666;--border: #333333;--divider: #2A2A2A;--accent: #C9A84C;--shadow: 0 1px 3px rgba(0,0,0,.3)}[data-reading-mode=eink]{--reader-bg: #FAFAF5;--reader-text: #1A1A1A;--reader-font: "Noto Serif SC", "Songti SC", SimSun, serif;--reader-line-height: 2;--bg: #FAFAF5;--bg-card: #FFFFFF;--bg-header: rgba(250, 250, 245, .98);--text: #1A1A1A;--text-secondary: #555555;--border: #CCCCCC;--divider: #E0E0E0;--shadow: none;--shadow-lg: none;--radius: 0;--radius-sm: 0}[data-reading-mode=eink] *{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}[data-reading-mode=eink] img{filter:grayscale(100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}img{max-width:100%;display:block}input,textarea{font-family:inherit;font-size:inherit}.hidden{display:none!important}#header{position:fixed;top:0;left:0;right:0;height:calc(var(--header-height) + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;justify-content:space-between;padding-left:12px;padding-right:12px;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--divider);z-index:100;transition:background-color .3s}.header-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text);transition:background .2s}.header-back:hover{background:var(--accent-bg)}.header-title{font-size:17px;font-weight:600;color:var(--text);position:absolute;left:50%;transform:translate(-50%)}.header-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-secondary);transition:background .2s,color .2s}.header-btn:hover{background:var(--accent-bg);color:var(--accent)}#contentArea{padding-top:calc(var(--header-height) + var(--safe-top) + 16px);padding-bottom:calc(24px + var(--safe-bottom));min-height:100vh;min-height:100dvh}.page-container{max-width:640px;margin:0 auto;padding:0 16px}.section-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:4px}.category-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid var(--divider)}.category-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.category-card:active{transform:scale(.98)}.category-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.category-info{flex:1;min-width:0}.category-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:2px}.category-desc{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-arrow{color:var(--text-tertiary);flex-shrink:0}.series-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border-bottom:1px solid var(--divider);cursor:pointer;transition:background .15s}.series-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.series-item:last-child{border-radius:0 0 var(--radius) var(--radius);border-bottom:none}.series-item:only-child{border-radius:var(--radius)}.series-item:active{background:var(--accent-bg)}.series-info{flex:1;min-width:0}.series-title{font-size:15px;font-weight:500;color:var(--text);margin-bottom:2px}.series-meta{font-size:13px;color:var(--text-secondary)}.series-badge{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--accent-bg);color:var(--accent);white-space:nowrap}.episode-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--divider);cursor:pointer;transition:background .15s}.episode-item:active{background:var(--accent-bg)}.episode-num{width:28px;height:28px;border-radius:50%;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.episode-title{flex:1;font-size:15px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-read-mark{font-size:12px;color:var(--accent)}.continue-card{background:var(--bg-card);border-radius:var(--radius);padding:14px 16px;margin-bottom:20px;box-shadow:var(--shadow);border:1px solid var(--divider);cursor:pointer;transition:transform .15s}.continue-card:active{transform:scale(.98)}.continue-title{font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px}.continue-meta{font-size:13px;color:var(--text-secondary)}.continue-progress{margin-top:8px;height:3px;background:var(--divider);border-radius:2px;overflow:hidden}.continue-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.reader-container{max-width:var(--reader-max-width);margin:0 auto;padding:0 20px 80px}.reader-header{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--divider)}.reader-series-title{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.reader-title{font-size:22px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:8px}.reader-author{font-size:14px;color:var(--text-secondary)}.reader-body{font-family:var(--reader-font);font-size:var(--reader-size);line-height:var(--reader-line-height);color:var(--reader-text);background:var(--reader-bg);word-break:break-all;overflow-wrap:break-word;transition:font-size .2s,line-height .2s,color .3s,background-color .3s}.reader-body p{text-indent:2em;margin-bottom:.8em}.reader-body p:last-child{margin-bottom:0}[data-font-size=small] .reader-body{--reader-size: 15px}[data-font-size=medium] .reader-body{--reader-size: 17px}[data-font-size=large] .reader-body{--reader-size: 19px}[data-font-size=xlarge] .reader-body{--reader-size: 22px}[data-font-family=sans] .reader-body{--reader-font: "Noto Sans SC", -apple-system, sans-serif}[data-font-family=serif] .reader-body{--reader-font: "Noto Serif SC", "Songti SC", SimSun, serif}[data-font-family=kai] .reader-body{--reader-font: "Kaiti SC", "KaiTi", "STKaiti", serif}.reader-footer{position:fixed;bottom:0;left:0;right:0;padding:10px 16px;padding-bottom:calc(10px + var(--safe-bottom));background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--divider);display:flex;align-items:center;justify-content:space-between;z-index:90;transition:background-color .3s}.reader-nav-btn{font-size:14px;color:var(--accent);padding:6px 12px;border-radius:var(--radius-sm);transition:background .15s}.reader-nav-btn:hover{background:var(--accent-bg)}.reader-nav-btn:disabled{color:var(--text-tertiary);cursor:default}.reader-nav-btn:disabled:hover{background:none}.reader-progress{font-size:13px;color:var(--text-secondary)}.reader-listen-btn{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--accent);padding:4px 10px;border-radius:20px;border:1px solid var(--accent);transition:background .15s}.reader-listen-btn:hover{background:var(--accent-bg)}.reader-header-actions{display:flex;gap:8px}.reader-header-actions .header-btn{font-size:14px;font-weight:500}.search-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:200;padding-top:var(--safe-top)}.search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--divider)}.search-bar svg{flex-shrink:0;color:var(--text-tertiary)}.search-bar input{flex:1;border:none;background:none;outline:none;color:var(--text);font-size:16px;padding:8px 0}.search-bar input::placeholder{color:var(--text-tertiary)}.search-close{font-size:15px;color:var(--accent);padding:6px 8px;white-space:nowrap}.search-results{padding:12px 16px;overflow-y:auto;max-height:calc(100vh - 60px)}.search-empty{text-align:center;padding:40px 0;color:var(--text-tertiary);font-size:14px}.reader-settings{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300}.settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.settings-panel{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-radius:var(--radius) var(--radius) 0 0;padding:20px 20px calc(20px + var(--safe-bottom));transform:translateY(0);transition:transform .3s ease}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:16px;font-weight:600;color:var(--text)}.settings-close-btn{font-size:22px;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.settings-group{margin-bottom:20px}.settings-group label{font-size:13px;color:var(--text-secondary);margin-bottom:10px;display:block}.settings-options{display:flex;gap:8px}.settings-options button{flex:1;padding:8px;border-radius:var(--radius-sm);font-size:14px;color:var(--text);border:1px solid var(--border);transition:all .15s}.settings-options button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-modes{display:flex;gap:12px}.mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);border:1px solid var(--border);transition:all .15s}.mode-btn.active{border-color:var(--accent);color:var(--accent)}.mode-preview{width:36px;height:36px;border-radius:6px;border:1px solid var(--border)}.mode-normal{background:#fff}.mode-sepia{background:#f5eddc}.mode-dark{background:#1a1a1a}.mode-eink{background:#fafaf5;border-style:dashed}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;z-index:999;pointer-events:none;opacity:0;transition:opacity .3s}.toast.show{opacity:1}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.loading:after{content:"";width:28px;height:28px;border:2px solid var(--divider);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:15px}.back-to-main{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px;margin-top:20px;color:var(--text-secondary);font-size:14px;border-top:1px solid var(--divider)}.back-to-main:hover{color:var(--accent)}