.reader-body{background:#f7f4ec;color:#33414a;--read-bg:#f7f4ec;--read-ink:#33414a;--font-size:18px;--line-height:1.9;background:var(--read-bg);color:var(--read-ink)}.reader-body.mode-white{--read-bg:#fff;--read-ink:#303943}.reader-body.mode-night{--read-bg:#1d2b3b;--read-ink:#d0d7da}.reader{max-width:820px;margin:auto;padding:0 16px 50px}.reader-head{max-width:1100px;margin:auto;height:70px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #8d969548}.reader-head>a{font-size:13px;white-space:nowrap}.reader-head>div:nth-child(2){text-align:center;min-width:0;overflow:hidden}.reader-head strong,.reader-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-head small{font-size:11px;opacity:.7}.reader-buttons{display:flex;gap:7px}.reader-buttons button,.popover-title button{background:transparent;border:1px solid #8d969577;color:inherit;border-radius:7px;padding:6px 9px;font-size:12px}.reader-progress{height:3px;background:#889a9540;position:sticky;top:0;z-index:9}.reader-progress span{display:block;height:100%;width:0;background:#b8573e}.reader-paper{padding:45px 15px 25px;color:var(--read-ink)}.reader-kicker{font-size:12px;letter-spacing:1px;opacity:.67;text-align:center}.reader-paper h1{text-align:center;font-size:clamp(25px,4vw,34px);line-height:1.4;margin:20px 0 50px;color:var(--read-ink)}.chapter-body{font-size:var(--font-size);line-height:var(--line-height);font-family:"Songti SC","Noto Serif SC","SimSun",serif;overflow-wrap:anywhere}.chapter-body p{margin:0 0 1.2em;text-indent:1.6em}.endmark{text-align:center;opacity:.5;padding:50px 0}.reader-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.reader-chapters a{display:block;text-align:center;border:1px solid #8d969577;padding:14px 5px;border-radius:7px;font-size:14px}.reader-chapters a.disabled{opacity:.35;pointer-events:none}.reader-note{text-align:center;font-size:12px;opacity:.6}.reader-popover{position:fixed;z-index:15;right:max(calc((100vw - 1000px)/2),12px);top:82px;background:#fff;color:#24354c;box-shadow:0 20px 70px #0004;padding:18px;border-radius:10px;border:1px solid #d2d6d7;width:min(330px,calc(100vw - 25px));max-height:72vh;overflow-y:auto}.reader-popover[hidden]{display:none}.reader-popover>a{display:block;padding:9px;border-bottom:1px solid #eee;font-size:13px}.reader-popover>a.selected{background:#e5f1ec;color:#1d615a}.popover-title{display:flex;justify-content:space-between;margin-bottom:14px}.settings-pop label{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px 0}.settings-pop label input{flex:1;width:0}.settings-pop label span{min-width:33px}.mode-choices{display:flex;gap:7px;margin:14px 0}.mode-choices button{flex:1;border:1px solid #d6d6d6;background:#f5f5f5;border-radius:7px;padding:9px}.mode-choices button.active{border-color:#287c73;background:#e5f1ec}.settings-pop p{font-size:11px;color:#67747e}@media(max-width:650px){.reader{padding:0 15px 35px}.reader-head{height:62px}.reader-head strong{font-size:12px}.reader-head>a{font-size:12px}.reader-paper{padding:29px 0 12px}.reader-paper h1{margin-bottom:35px}.chapter-body{font-size:var(--font-size)}.reader-chapters a{padding:12px 1px;font-size:12px}}
