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