.book-container[data-v-77da796b]{width:100%;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#f5f5f5;padding:20px}.book-content[data-v-77da796b]{position:relative;width:100%;height:88vh;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden}.page[data-v-77da796b]{position:absolute;width:100%;height:100%;background:#fff;transition:transform .6s ease-in-out}.page img[data-v-77da796b]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cover[data-v-77da796b]{cursor:pointer;transform-origin:left;transition:transform .8s ease-in-out;box-shadow:2px 0 10px rgba(0,0,0,.2)}.cover[data-v-77da796b]:hover{transform:rotateY(-15deg)}.current-page[data-v-77da796b]{z-index:1}.turning-page[data-v-77da796b]{z-index:2;transform-origin:left;transform:rotateY(0)}.turning-page.turning-forward[data-v-77da796b]{animation:turnForward-77da796b .6s ease-in-out forwards}.turning-page.turning-backward[data-v-77da796b]{animation:turnBackward-77da796b .6s ease-in-out forwards}@keyframes turnForward-77da796b{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes turnBackward-77da796b{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.page-number[data-v-77da796b]{position:absolute;bottom:20px;right:20px;padding:5px 10px;background:hsla(0,0%,100%,.8);border-radius:4px;font-size:16px;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1)}.controls[data-v-77da796b]{margin-top:20px;display:-ms-flexbox;display:flex;gap:20px;-ms-flex-align:center;align-items:center}.controls button[data-v-77da796b]{padding:8px 16px;border:none;background:#333;color:#fff;border-radius:4px;cursor:pointer;transition:all .3s}.controls button[data-v-77da796b]:hover:not(:disabled){background:#555}.controls button[data-v-77da796b]:disabled{opacity:.5;cursor:not-allowed}.controls .page-indicator[data-v-77da796b]{min-width:80px;text-align:center;font-size:16px;color:#333}.turning-page[data-v-77da796b]:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.2));opacity:0;transition:opacity .3s;pointer-events:none}.turning-page.turning-backward[data-v-77da796b]:after,.turning-page.turning-forward[data-v-77da796b]:after{opacity:1}@media(max-width:768px){.book-content[data-v-77da796b]{height:70vh}.page-number[data-v-77da796b]{padding:4px 8px;font-size:14px}.controls button[data-v-77da796b]{padding:6px 12px;font-size:14px}}