*{box-sizing:border-box}body{margin:0;font:16px system-ui,Segoe UI,Arial,sans-serif;background:#f0f2f5;color:#17243b}header{background:#142c47;color:#fff;padding:20px max(20px,calc((100vw - 1260px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}header h1{margin:4px 0;font-size:clamp(20px,3vw,28px)}header p{margin:0;color:#d4e2f2;font-size:14px}.brand{letter-spacing:.16em;font-size:11px;color:#8cd0ed;font-weight:800}a{color:#c8eefe}main{max-width:1280px;margin:auto;padding:18px}.toolbar,.searchbar{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 15px}.toolbar button,.searchbar button{background:#fff;border:1px solid #bfc9d5;color:#203957;border-radius:8px;padding:10px 13px;cursor:pointer;font-weight:600}.toolbar button:hover,.searchbar button:hover{background:#e2f3ff}.toolbar button:disabled{opacity:.4;cursor:default}input{border:1px solid #aebbc9;border-radius:7px;padding:9px;font:inherit}#goto{width:66px}#search{width:min(360px,65vw)}#counter{min-width:125px;text-align:center;font-weight:700}.book-wrap{background:radial-gradient(ellipse at center,#d4dae3,#aab7c5);padding:25px 18px;overflow:auto;border-radius:16px;min-height:400px;display:flex;align-items:center;justify-content:center}.book{--scale:1;position:relative;display:flex;align-items:stretch;justify-content:center;gap:0;transform:scale(var(--scale));transform-origin:center center;filter:drop-shadow(0 14px 15px #26384b55)}.page-slot{height:min(68vh,650px);aspect-ratio:595/842;background:#fff;overflow:hidden;position:relative}.page-slot img,.turn-sheet img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.page-slot.empty{background:#e4e7ea}.page-slot:first-child{border-radius:5px 0 0 5px}.page-slot:nth-child(3){border-radius:0 5px 5px 0}.spine{position:absolute;left:50%;top:0;bottom:0;width:12px;transform:translateX(-50%);background:linear-gradient(90deg,#0002,#fff5,#0003);z-index:2;pointer-events:none}.turn-sheet{display:none;position:absolute;z-index:5;top:0;left:50%;width:50%;height:100%;transform-origin:left center;backface-visibility:visible;box-shadow:-6px 0 12px #0002}.turn-sheet.turn-next{display:block;animation:nextturn .5s ease-in-out forwards}.turn-sheet.turn-prev{display:block;left:0;transform-origin:right center;animation:prevturn .5s ease-in-out forwards}@keyframes nextturn{0%{transform:perspective(1400px) rotateY(0)}100%{transform:perspective(1400px) rotateY(-180deg)}}@keyframes prevturn{0%{transform:perspective(1400px) rotateY(0)}100%{transform:perspective(1400px) rotateY(180deg)}}.searchbar{margin-top:18px}.searchbar label{font-weight:700}.hint,footer{text-align:center;color:#57697d;font-size:13px}footer{padding:20px}#results{font-size:13px;color:#334e6c;max-width:100%}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.book-wrap{padding:12px;min-height:300px}.page-slot{height:min(65vh,590px)}.book .page-slot:first-child,.book .spine{display:none}.book .turn-sheet{left:0;width:100%}.toolbar{gap:6px}.toolbar button{padding:8px}.searchbar label{width:100%;text-align:center}}