:root{--read-size:18px;--read-line:1.9;--rbg:#f7f4ec;--rfg:#303c45;--rpanel:#fffcf5}*{box-sizing:border-box}body{margin:0;background:var(--rbg);color:var(--rfg);font-family:'Noto Serif SC','Songti SC','SimSun',serif}body[data-theme="white"]{--rbg:#fff;--rfg:#333;--rpanel:#f5f5f5}body[data-theme="night"]{--rbg:#172638;--rfg:#d4dce0;--rpanel:#24354c}a{color:inherit;text-decoration:none}button,select,input{font:inherit}.read-top{display:flex;align-items:center;gap:18px;min-height:65px;border-bottom:1px solid #8884;padding:10px max(18px,calc((100vw - 1100px)/2));font:14px system-ui,sans-serif}.read-top b{margin-right:auto}.read-top button{border:1px solid #8887;border-radius:7px;background:transparent;color:inherit;padding:8px 11px;cursor:pointer}.read-container{max-width:780px;padding:55px 22px 90px;margin:0 auto}.reading-kicker{font:13px system-ui,sans-serif;letter-spacing:2px;opacity:.65}.read-container h1{font-size:clamp(27px,4vw,37px);margin:18px 0}.read-author{opacity:.6;font-size:13px;margin-bottom:48px}.chapter-body{font-size:var(--read-size);line-height:var(--read-line);overflow-wrap:anywhere}.chapter-body p{margin:0 0 1.25em;text-indent:1.5em}.read-pagination{display:flex;justify-content:space-between;gap:10px;margin:50px 0}.read-pagination a,.disabled{padding:10px;border-radius:6px;border:1px solid #8888;font:14px system-ui,sans-serif;text-align:center}.disabled{opacity:.45}.reading-progress{display:flex;align-items:center;gap:10px;font:13px system-ui,sans-serif;opacity:.85}.reading-progress>div{height:7px;border-radius:7px;background:#8885;flex:1;overflow:hidden}.reading-progress i{display:block;height:100%;width:0;background:#287c73}.read-panel{position:fixed;z-index:9;right:20px;top:77px;width:min(360px,calc(100% - 40px));max-height:75vh;overflow:auto;background:var(--rpanel);border:1px solid #8885;border-radius:12px;padding:22px;box-shadow:0 15px 30px #0003;font:14px system-ui,sans-serif}.read-panel[hidden]{display:none}.read-panel h2{font-size:19px;margin-top:0}.read-panel label,.read-panel>a{display:block;margin:15px 0}.read-panel label input,.read-panel select{margin-left:10px}.read-panel button{padding:8px;border-radius:6px;background:transparent;border:1px solid #8888;color:inherit}.read-panel p{font-size:12px;opacity:.75}@media(max-width:600px){.read-top{gap:8px;font-size:12px;flex-wrap:wrap}.read-top b{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-top button{padding:7px}.read-container{padding:35px 17px 70px}.chapter-body{font-size:var(--read-size)}.read-pagination{gap:5px}.read-pagination a,.disabled{font-size:12px;padding:8px 5px}}
