*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,sans-serif;background:radial-gradient(circle at 50% 15%,#fdf9eb 0,#e9edf5 42%,#18263d 100%);color:#fff;overflow:hidden}.bar{height:54px;background:rgba(12,24,42,.94);display:flex;align-items:center;gap:8px;padding:6px 10px;box-shadow:0 2px 10px #0008;z-index:5;position:relative}.bar button,.bar select,.bar input{border:1px solid #c8ae72;background:#fff;color:#1a2c48;border-radius:8px;min-height:38px;font-size:15px;padding:6px 10px}.bar input{width:68px}.bar label{display:flex;align-items:center;gap:5px;color:#fff;font-size:14px}.bar select{max-width:250px}.bar button{cursor:pointer;font-weight:700}.bar button:hover{background:#fff7d9}.foot{height:28px;background:#0c182a;color:#ddd;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 8px}.foot span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;transform-origin:center center;transition:transform .2s ease}.page{position:relative;height:min(calc(100vh - 102px),860px);aspect-ratio:148/210;background:#fff;box-shadow:0 12px 35px #0008;border-radius:3px;overflow:hidden;perspective:1200px}.page img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.page.turn-in{animation:turnIn .38s ease}.page.illustrated:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,rgba(255,244,187,.15) 50%,transparent 58%);transform:translateX(-55%);animation:shimmer 7s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,65%{transform:translateX(-55%)}100%{transform:translateX(55%)}}@keyframes turnIn{0%{transform:rotateY(-7deg) scale(.985);opacity:.5}100%{transform:none;opacity:1}}#stage{height:calc(100% - 82px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:10px;touch-action:pan-x pan-y pinch-zoom}.audioHotspot{position:absolute;left:18%;right:18%;bottom:7%;height:12%;border-radius:14px;cursor:pointer;background:transparent}.audioHotspot.active:hover{outline:2px solid rgba(213,176,79,.75);background:rgba(255,237,170,.08)}@media(max-width:760px){.bar{height:58px;gap:5px;overflow-x:auto}.bar select{max-width:150px}.bar button,.bar select,.bar input{min-height:36px;padding:5px 8px}.page{height:min(calc(100vh - 115px),780px);max-width:92vw}.book{gap:0}.foot{height:32px}.spreadSecond{display:none!important}}