.book-reader{background:#777;border-radius:10px;overflow:hidden;color:#fff;margin:30px 0}.reader-toolbar{background:#f6f8f7;color:#142332;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px}.reader-pagination,.reader-tools{display:flex;align-items:center;gap:8px}.reader-toolbar button{border:1px solid #cbd8d0;border-radius:5px;background:#fff;color:#164e3b;min-height:36px;padding:6px 12px}.reader-toolbar button:disabled,.reader-arrow:disabled{opacity:.35;cursor:default}.reader-toolbar input{width:62px;padding:7px;border:1px solid #cbd8d0;border-radius:4px;font:inherit}.reader-toolbar output{font-size:12px;min-width:45px;text-align:center}.reader-status{font-size:12px;text-align:center;margin:0;padding:9px;min-height:32px}.reader-stage{position:relative;height:650px}.reader-scroll{overflow:auto;height:100%;padding:24px 38px 38px;overscroll-behavior:contain}.reader-spread{display:flex;align-items:center;justify-content:center;width:calc(100% * var(--reader-zoom,1));min-height:100%;gap:0}.reader-sheet{position:relative;flex:1;min-width:0;margin:0;background:#fff;box-shadow:0 10px 20px #0004;align-self:center}.reader-sheet img{display:block;width:100%;height:auto;max-height:calc(560px * var(--reader-zoom,1));object-fit:contain;background:#fff}.reader-sheet:first-child:not(:last-child):after{content:'';position:absolute;right:0;top:0;bottom:0;width:18px;background:linear-gradient(90deg,transparent,#0002);pointer-events:none}.reader-sheet+ .reader-sheet:after{content:'';position:absolute;left:0;top:0;bottom:0;width:16px;background:linear-gradient(90deg,#0002,transparent);pointer-events:none}.reader-arrow{position:absolute;z-index:2;top:45%;border:0;background:#0003;color:white;font-size:44px;width:34px;border-radius:4px;line-height:1.2}.reader-left{left:3px}.reader-right{right:3px}.book-reader:fullscreen{border-radius:0;margin:0;width:100%;height:100%;display:flex;flex-direction:column}.book-reader:fullscreen .reader-stage{flex:1;min-height:0;height:auto}.book-reader:fullscreen .reader-sheet img{max-height:calc((100vh - 160px) * var(--reader-zoom,1))}@media(max-width:700px){.reader-toolbar{padding:10px;gap:10px}.reader-tools{flex-wrap:wrap}.reader-toolbar button{padding:6px 9px}.reader-stage{height:560px}.reader-scroll{padding:14px 30px 24px}.reader-sheet img{max-height:calc(510px * var(--reader-zoom,1))}.reader-arrow{width:27px;font-size:35px}}

.reader-single .reader-sheet{flex:0 1 auto;max-width:100%;background:transparent}.reader-single .reader-sheet img{width:auto;max-width:100%;height:calc(560px * var(--reader-zoom,1))}.book-reader:fullscreen .reader-single .reader-sheet img{height:calc((100vh - 160px) * var(--reader-zoom,1))}.reader-arrow:disabled{visibility:hidden}@media(max-width:700px){.reader-single .reader-sheet img{height:auto;max-height:none;width:100%}}