.book-reader{margin:0;background:#e9eee9;color:#173e2f;font:15px/1.5 'Microsoft YaHei',sans-serif}.reader-header{display:flex;align-items:center;gap:20px;padding:14px 24px;background:#fff;border-bottom:1px solid #d5dfd7}.reader-header h1{flex:1;font-size:19px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-header a{color:#155d3d;text-decoration:none;white-space:nowrap}#book-status{text-align:center;font-size:12px;margin:8px;color:#607567}#book-stage{min-height:60vh;overflow:auto;padding:0 16px 15px;outline:none}#book-spread{display:flex;justify-content:center;align-items:flex-start;gap:2px;width:max-content;min-width:100%;transform-origin:center;perspective:1800px}#book-spread canvas{display:block;box-shadow:0 6px 22px #15372326;background:white}.page-turn{animation:book-turn .32s ease-out}.reader-tools{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;background:white;position:sticky;bottom:0}.reader-tools button{border:1px solid #b5ccba;color:#174d36;background:#f3f7f1;padding:9px 15px;border-radius:5px;cursor:pointer}.reader-tools button:disabled{opacity:.4;cursor:default}.reader-tools input{width:55px;padding:7px;border:1px solid #b5ccba;text-align:center}.reader-tools label{white-space:nowrap}@keyframes book-turn{from{opacity:.5;transform:rotateY(-7deg)}to{opacity:1;transform:rotateY(0)}}@media(max-width:600px){.reader-header{padding:12px;gap:10px;font-size:12px}.reader-header h1{font-size:15px}.reader-tools{gap:7px;padding:8px}.reader-tools button{font-size:12px;padding:8px}#book-stage{padding:0 8px 10px}}@media(prefers-reduced-motion:reduce){.page-turn{animation:none}}