.modal.novel-modal .panel{width:min(1360px,100%);height:min(880px,calc(100dvh - 36px));grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
.modal.novel-modal .stage{padding:0;min-width:0;min-height:0;background:#f5f0e5}
.modal.novel-modal .viewer{height:100%;min-height:0;overflow:hidden;border-radius:0;background:#f5f0e5}
.modal.novel-modal .side{min-width:0;min-height:0;padding:30px;border-left:1px solid #ded7c9;overflow-wrap:anywhere}
.modal.novel-modal .nav-btn{display:none}
.modal.novel-modal .close{background:#ded7c9;color:#3d352b}
.card[data-type="novel"].hover .cover-layer{opacity:1}
.novel-reader{--reading-size:20px;--reader-paper:#f7f2e7;--reader-ink:#3d352b;--reader-line:#ded7c9;height:100%;width:100%;display:flex;flex-direction:column;background:var(--reader-paper);color:var(--reader-ink);text-align:left}
.novel-reader.night{--reader-paper:#20242a;--reader-ink:#d7d2c8;--reader-line:#42454b}
.reader-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px 80px 16px 30px;border-bottom:1px solid var(--reader-line);flex-wrap:wrap;flex-shrink:0;font-size:14px}
.reader-controls label{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%;white-space:nowrap}
.reader-controls select{max-width:270px;min-width:100px;width:100%;color:inherit;background:var(--reader-paper);border:1px solid var(--reader-line);border-radius:8px;padding:7px}
.reader-options{display:flex;align-items:center;gap:9px}
.novel-reader button{padding:6px 11px;border:1px solid var(--reader-line);background:transparent;color:inherit;border-radius:8px;cursor:pointer}
.novel-reader button:hover{background:#8882}.novel-reader button:disabled{opacity:.35;cursor:default}
.reader-scroll{overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain;scrollbar-gutter:stable}
.reader-article{max-width:760px;margin:0 auto;padding:38px 42px 45px;font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:var(--reading-size);line-height:2;overflow-wrap:anywhere}
.reader-article h2{font-size:1.5em;text-align:center;line-height:1.5;margin:0 0 12px;font-weight:700;color:inherit}
.reader-byline{text-align:center;font:14px/1.8 "Microsoft YaHei",sans-serif;opacity:.65;margin-bottom:34px}
.reader-article p{margin:0 0 1em;text-indent:2em;white-space:pre-wrap}
.reader-end{text-align:center;font-size:14px;opacity:.55;letter-spacing:3px;padding:28px 0}
.reader-footer{padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;border-top:1px solid var(--reader-line);flex-shrink:0}
@media(max-width:720px){.modal.novel-modal .panel{height:calc(100dvh - 14px)}.reader-controls{padding:60px 12px 12px;gap:10px}.reader-controls select{max-width:100%;min-width:0}.reader-options{gap:6px;flex-wrap:wrap}.reader-article{padding:24px 14px 30px}.modal.novel-modal .side{padding:18px 12px}.modal.novel-modal .side h2{font-size:1.5rem}.reader-footer{padding:10px 12px;flex-wrap:wrap}}