.reader-body{background:#141914;color:#f3f3e9}.reader-body .site-head{background:#f8f7ed}.reader-body .footer{margin-top:0}.read-main{margin:auto;max-width:1440px;padding:16px}.reader-toolbar{display:flex;gap:13px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#243327;padding:12px 18px;border-radius:8px}.reader-toolbar a,.reader-toolbar button{color:white}.reader-toolbar button{border:1px solid #6e8a73;padding:9px 12px;background:transparent;cursor:pointer;border-radius:6px}.reader-setting,.reader-toc{padding:15px;background:#2a382b;margin-top:10px}.reader-setting label{display:inline-flex;align-items:center;gap:10px;margin:10px}.reader-toc a{display:inline-block;border:1px solid #576a55;padding:8px;margin:5px}.reader-canvas{--reader-width:860px;max-width:var(--reader-width);margin:25px auto 0}.read-title{text-align:center;padding:30px 15px}.read-title h1{color:#fff}.read-title p{color:#ccd2c6}.panels{display:grid;gap:16px}.story-panel{min-height:260px;display:flex;flex-direction:column;justify-content:center;position:relative;background:#f8f2d6;color:#20231f;border:8px solid white;padding:clamp(20px,6vw,80px)}.story-panel:nth-child(even){background:#e5efe4}.story-panel:nth-child(3n){background:#e9eff9}.story-panel p{font-size:clamp(18px,2.7vw,29px);line-height:1.8;color:#20231f;font-weight:700}.panel-num{position:absolute;top:10px;left:12px;font-size:11px;letter-spacing:.15em}.page-image img{width:100%;height:auto}.reader-canvas.paged .panels{display:block}.reader-canvas.paged.double .panels{display:grid;grid-template-columns:1fr 1fr}.reader-canvas.paged.double .panels>[hidden]{display:none}.reader-canvas.paged .story-panel{min-height:540px}.reader-canvas.paged .panels>[hidden]{display:none}.read-progress{text-align:center;color:#c9d2c6}.chapter-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:30px}.chapter-actions a{color:white;background:#315c43;padding:12px 18px;border-radius:6px}@media(max-width:900px){.reader-canvas.paged.double .panels{grid-template-columns:1fr}}@media(max-width:600px){.reader-toolbar{gap:8px;font-size:13px}.reader-toolbar strong{width:100%;order:-1}.read-main{padding:8px}.story-panel{min-height:220px;border-width:4px}.reader-canvas.paged .story-panel{min-height:420px}}