:root{color-scheme:dark;--bg:#07090c;--text:#eef2f7;--dim:#acb6c3}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 50% 0,#222833 0,transparent 57%),#07090c;color:var(--text);font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}.reader-header{min-height:85px;border-bottom:1px solid #454f5b;display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,3fr) minmax(90px,1fr);gap:14px;align-items:center;padding:14px clamp(10px,4vw,40px);background:#0b0e13ee;position:relative}.back,.download{display:block;border:1px solid #6f7985;background:#141a23;border-radius:2px;padding:10px 13px;text-align:center;font-size:11px;letter-spacing:.06em;font-weight:700}.head-title{text-align:center;min-width:0}.head-title small{font-size:9px;letter-spacing:.16em;color:#b8c1ca}.head-title h1{font:600 clamp(18px,3vw,29px)/1.16 Georgia,serif;margin:6px 0 0;overflow-wrap:anywhere}
.reader-main{width:min(100%,1050px);padding:20px 12px 45px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.reading-info{width:min(100%,770px);display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--dim);font-size:11px;margin:0 0 12px;min-height:24px}.format{white-space:nowrap;letter-spacing:.12em}.paper-border{width:min(100%,770px);padding:1px;background:linear-gradient(125deg,#727b84 0%,#fff 21%,#646d78 50%,#e2e7eb 81%,#434b55);box-shadow:0 30px 80px #000a}.paper-frame{width:100%;aspect-ratio:210/297;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;isolation:isolate;contain:layout paint}#sheet{display:block;max-width:100%;max-height:100%;background:#fff}#fallback{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.loading{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:9px 15px;border:1px solid #abb4bf;background:#111827f5;color:#e8edf5;font-size:11px;min-width:190px;text-align:center;pointer-events:none}.loading[hidden]{display:none}
.reader-controls{width:min(100%,770px);display:flex;align-items:center;justify-content:space-between;gap:9px;margin:14px 0}.reader-controls button{cursor:pointer;min-width:105px;padding:12px 15px;border:1px solid #929caa;color:#fff;background:#1a222c;border-radius:2px;font-weight:700;font-size:12px}.reader-controls button:disabled{opacity:.38;cursor:not-allowed}.pager{display:flex;align-items:center;gap:9px;font-size:12px;color:#dbe2e8}.pager input{width:66px;text-align:center;background:#10151d;color:#fff;border:1px solid #8995a4;border-radius:2px;padding:10px 4px;font-size:14px}.parts{display:flex;align-items:center;gap:12px;max-width:770px;width:100%;justify-content:center;padding:5px 0 14px;font-size:12px;color:#c4cbd6}.parts[hidden]{display:none}.parts select{max-width:min(100%,360px);min-width:160px;padding:10px;border:1px solid #8d98a3;background:#151c24;color:#fff}.reader-tip{width:min(100%,770px);margin:5px auto 0;text-align:center;font-size:11px;line-height:1.6;color:#9da9b8}
.back:hover,.download:hover,.reader-controls button:hover:not(:disabled){background:#303945}
@media(max-width:560px){.reader-header{grid-template-columns:76px minmax(0,1fr) 70px;min-height:73px;gap:6px;padding:9px 7px}.back,.download{font-size:10px;padding:10px 4px}.head-title small{letter-spacing:.02em;font-size:7px}.head-title h1{font-size:15px}.reader-main{padding:11px 8px 28px}.reading-info{font-size:9px;margin-bottom:8px}.format{letter-spacing:.04em}.reader-controls{gap:5px;margin:10px 0}.reader-controls button{min-width:76px;font-size:11px;padding:10px 6px}.pager{font-size:10px;gap:5px}.pager input{width:47px;padding:9px 3px}.reader-tip{font-size:10px}.parts{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}