.container[data-v-7651acb3]{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.nav-bar[data-v-7651acb3]{position:relative;display:flex;align-items:center;padding:16px;color:#fff}.back-icon[data-v-7651acb3]{position:absolute;left:15px;top:18.5px;width:22px;height:22px;margin-right:7.5px;cursor:pointer}.title[data-v-7651acb3]{font-size:16px;flex:1;text-align:center}.main[data-v-7651acb3]{border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;height:100vh;width:100%}.cover-img[data-v-7651acb3]{width:90%;margin:10px auto;border-radius:12px;box-shadow:0 3px 6px rgba(0,0,0,.15);border:.5px solid hsla(0,0%,100%,.8)}.book-pages-container[data-v-7651acb3]{box-shadow:8px 6px 15px rgba(0,0,0,.12);position:relative;width:90%;margin:0 auto;perspective:2000px;height:70vh;overflow:hidden;cursor:pointer;border-radius:12px}.list-pape[data-v-7651acb3]{background:#fff;box-shadow:0 1px 5px #000;border-radius:12px;overflow:hidden;width:100%;height:100%;position:relative}.page-content[data-v-7651acb3]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.page-image[data-v-7651acb3]{width:100%;height:100%;background-position:50%;background-repeat:no-repeat;transition:opacity .3s ease}.page-loading[data-v-7651acb3],.page-placeholder[data-v-7651acb3]{background-color:#f5f5f5;color:#999}.page-error-content[data-v-7651acb3],.page-loading[data-v-7651acb3],.page-placeholder[data-v-7651acb3]{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px}.page-error-content[data-v-7651acb3]{flex-direction:column;background-color:#fff8f8;color:#e74c3c}.page-error-content button[data-v-7651acb3]{margin-top:10px;padding:5px 15px;background-color:#3498db;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px}.page-back[data-v-7651acb3]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:right center;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);border-radius:12px;overflow:hidden;z-index:0;transition:transform .3s ease}.page-back img[data-v-7651acb3]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.page-indicator[data-v-7651acb3]{margin-top:10px;font-size:14px}.bottom-bar[data-v-7651acb3]{display:flex;justify-content:space-around;align-items:center;padding:10px 0;background:#fff;width:100%;z-index:99;box-shadow:0 -2px 10px rgba(0,0,0,.15)}.bar-item[data-v-7651acb3]{display:flex;flex-direction:column;align-items:center;width:25%}wx-button.bar-item[data-v-7651acb3]{margin:0;padding:0;background:transparent;border:none}.bar-icon[data-v-7651acb3]{width:20px;height:20px;margin-bottom:3px}.bar-text[data-v-7651acb3]{font-size:12px;color:#666}wx-button .bar-text[data-v-7651acb3]{line-height:normal}.book-wrapper[data-v-7651acb3]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0!important;min-height:80vh;flex:1}.book-container[data-v-7651acb3]{border-radius:1px;overflow:hidden}.book-container[data-v-7651acb3],.book-cover[data-v-7651acb3]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.book-cover[data-v-7651acb3]{border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .3s ease;box-shadow:0 1px 5px rgba(0,0,0,.1)}.image-container[data-v-7651acb3]{width:100%;height:100%;position:relative}.image-container[data-v-7651acb3],.image-placeholder[data-v-7651acb3]{display:flex;flex-direction:column;align-items:center;justify-content:center}.image-placeholder[data-v-7651acb3]{width:90%;height:250px;background-color:#f5f5f5;border-radius:12px;margin:10px auto;box-shadow:0 3px 6px rgba(0,0,0,.05);border:.5px dashed #e0e0e0}.image-placeholder span[data-v-7651acb3]{font-size:14px;color:#999}.image-error[data-v-7651acb3]{width:90%;height:250px;background-color:#fff8f8;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px auto;box-shadow:0 3px 6px rgba(0,0,0,.05);border:.5px dashed #ff9e9e}.image-error span[data-v-7651acb3]{font-size:14px;color:#e74c3c;margin-bottom:10px}.image-error button[data-v-7651acb3]{background-color:#3498db;color:#fff;font-size:13px;padding:7.5px 20px;border-radius:20px;border:none;box-shadow:0 1px 3px rgba(52,152,219,.3);cursor:pointer}.cover-image[data-v-7651acb3]{flex:1}.cover-text[data-v-7651acb3]{text-align:center;font-size:14px;color:#333;line-height:1.5}.page-indicator[data-v-7651acb3]{text-align:center;line-height:30px;font-size:12px;color:#666}.bottom-actions[data-v-7651acb3]{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:15px 0;background-color:#fff;border-top:.5px solid #eee;z-index:99}.container-body[data-v-7651acb3]{position:relative;padding-bottom:60px;min-height:100vh;display:flex}.action-btn[data-v-7651acb3]{width:80px;height:40px;line-height:40px;text-align:center;font-size:14px;border-radius:20px;background-color:#1e88e5;color:#fff;margin:0;padding:0;border:none;cursor:pointer}.modal-mask[data-v-7651acb3]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999}.directory-modal[data-v-7651acb3]{height:70vh}.directory-modal[data-v-7651acb3],.pdf-modal[data-v-7651acb3]{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;z-index:1000;display:flex;flex-direction:column}.modal-header[data-v-7651acb3]{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:.5px solid #eee;font-size:16px;font-weight:700;color:#333}.close-btn[data-v-7651acb3]{font-size:24px;color:#666;background:none;border:none;padding:0;margin:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.close-btn[data-v-7651acb3]:after{border:none}.modal-content[data-v-7651acb3]{flex:1;padding:15px;overflow-y:auto}.directory-list[data-v-7651acb3]{width:100%}.directory-item[data-v-7651acb3]{padding:15px 0;border-bottom:.5px solid #eee;font-size:14px;color:#333;cursor:pointer}.directory-item[data-v-7651acb3]:hover{background-color:#f5f5f5}.pdf-preview[data-v-7651acb3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.pdf-thumbnail[data-v-7651acb3]{width:200px;height:250px;border-radius:10px;box-shadow:0 1px 5px rgba(0,0,0,.1)}.modal-footer[data-v-7651acb3]{display:flex;padding:15px;border-top:.5px solid #eee}.footer-btn[data-v-7651acb3]{flex:1;height:45px;line-height:45px;text-align:center;font-size:16px;border-radius:5px;margin:0 5px;border:none;cursor:pointer}.cancel-btn[data-v-7651acb3]{background-color:#f5f5f5;color:#666}.export-btn[data-v-7651acb3]{background-color:#1e88e5;color:#fff}.pagination[data-v-7651acb3]{display:flex;justify-content:center;align-items:center;padding:15px 0}.page-btn[data-v-7651acb3]{padding:4px 15px;margin:0 10px;border:1px solid #e9e9e9;border-radius:4px;font-size:13px;color:#3b3b3b}.page-btn[data-v-7651acb3]:disabled{color:#ccc;border-color:#ccc}.page-info[data-v-7651acb3]{font-size:13px;color:#333;min-width:5rem;text-align:center}