@airhang/vue-book-reader 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/vue-book-reader.common.js +21 -7
  2. package/dist/vue-book-reader.common.js.map +1 -1
  3. package/dist/vue-book-reader.css +1 -1
  4. package/dist/vue-book-reader.umd.js +21 -7
  5. package/dist/vue-book-reader.umd.js.map +1 -1
  6. package/dist/vue-book-reader.umd.min.js +2 -2
  7. package/dist/vue-book-reader.umd.min.js.map +1 -1
  8. package/package.json +2 -1
  9. package/src/components/BookReader.vue +65 -7
package/dist/vue-book-reader.css CHANGED
@@ -1 +1 @@
1
- .catalogue-drawer-container[data-v-3930be62]{position:relative}.drawer-overlay[data-v-3930be62]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:19998;transition:opacity .3s ease}.catalogue-drawer[data-v-3930be62]{position:fixed;top:0;left:0;height:100%;background:#fff;box-shadow:2px 0 10px rgba(0,0,0,.1);transform:translateX(-100%);transition:transform .3s ease;z-index:19999;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.catalogue-drawer.drawer-open[data-v-3930be62]{transform:translateX(0)}.drawer-header[data-v-3930be62]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fff;position:sticky;top:0;z-index:100}.drawer-title[data-v-3930be62]{font-size:18px;font-weight:600;color:#333;margin:0}.close-button[data-v-3930be62]{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button[data-v-3930be62]:hover{background:#f5f5f5}.close-icon[data-v-3930be62]{font-size:18px;color:#666;line-height:1;display:block}.close-button:hover .close-icon[data-v-3930be62]{color:#333}.page-jump-section[data-v-3930be62]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f8f9fa}.page-jump-input[data-v-3930be62]{flex:1;min-width:0;padding:10px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:16px;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.page-jump-input[data-v-3930be62]:focus{border-color:#1989fa;box-shadow:0 0 0 2px rgba(25,137,250,.1)}.page-jump-input[data-v-3930be62]::-moz-placeholder{color:#999;font-size:14px}.page-jump-input[data-v-3930be62]::placeholder{color:#999;font-size:14px}.btn-jump[data-v-3930be62]{flex-shrink:0;padding:10px 20px;background:#1989fa;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.btn-jump[data-v-3930be62]:hover{background:#06c}.btn-jump[data-v-3930be62]:active{background:#049}.drawer-content[data-v-3930be62]{height:calc(100% - 65px);overflow-y:auto;-webkit-overflow-scrolling:touch}.loading-container[data-v-3930be62]{display:flex;justify-content:center;align-items:center;height:200px;flex-direction:column;gap:12px}.loading-spinner[data-v-3930be62]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1989fa;border-radius:50%;animation:spin-3930be62 1s linear infinite}@keyframes spin-3930be62{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-container[data-v-3930be62],.error-container[data-v-3930be62]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:left}.error-icon[data-v-3930be62]{font-size:48px;margin-bottom:16px}.retry-button[data-v-3930be62]{margin-top:16px;background:#1989fa;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.retry-button[data-v-3930be62]:hover{background:#06c}.catalogue-list[data-v-3930be62]{padding:0}.catalogue-item-wrapper[data-v-3930be62]{border-bottom:1px solid #f0f0f0}.catalogue-item-wrapper[data-v-3930be62]:last-child{border-bottom:none}.catalogue-item[data-v-3930be62]{padding:12px;cursor:pointer;position:relative;min-height:44px}.catalogue-item[data-v-3930be62]:hover{background-color:#f8f9fa}.catalogue-item[data-v-3930be62]:active{background-color:#e9ecef}.item-content[data-v-3930be62]{display:flex;align-items:center;flex:1;width:100%;justify-content:flex-start;gap:8px}.drag-handle[data-v-3930be62]{color:#ccc;font-size:14px;cursor:grab;transition:color .2s ease;flex-shrink:0;width:20px;text-align:center;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle[data-v-3930be62]:hover{color:#999}.drag-handle[data-v-3930be62]:active{cursor:grabbing;color:#666}.level-indicator[data-v-3930be62]{font-size:10px;color:#999;flex-shrink:0;line-height:1;margin-right:4px}.level-indicator.level-1[data-v-3930be62]{color:#007bff}.level-indicator.level-2[data-v-3930be62]{color:#28a745}.level-indicator.level-3[data-v-3930be62]{color:#ffc107}.expand-icon[data-v-3930be62]{font-size:12px;color:#999;transition:color .2s ease;flex-shrink:0;width:16px;text-align:center}.catalogue-item:hover .expand-icon[data-v-3930be62]{color:#666}.item-title[data-v-3930be62]{font-size:14px;color:#333;line-height:1.4;font-weight:400}.page-number[data-v-3930be62]{font-size:12px;color:#999;margin-left:6px}.catalogue-item.level-0[data-v-3930be62]{background:linear-gradient(90deg,transparent,rgba(0,123,255,.05),transparent)}.catalogue-item.level-0 .item-title[data-v-3930be62]{font-size:15px;color:#333;font-weight:600}.catalogue-item.level-1[data-v-3930be62]{background:linear-gradient(90deg,transparent,rgba(40,167,69,.03),transparent)}.catalogue-item.level-1 .item-title[data-v-3930be62]{font-size:14px;color:#555;font-weight:500}.catalogue-item.level-2[data-v-3930be62]{background:linear-gradient(90deg,transparent,rgba(255,193,7,.03),transparent)}.catalogue-item.level-2 .item-title[data-v-3930be62]{font-size:13px;color:#666;font-weight:400}.catalogue-item.level-3 .item-title[data-v-3930be62]{font-size:12px;color:#777;font-weight:400}.children-container[data-v-3930be62]{background:transparent}@media (max-width:768px){.catalogue-drawer[data-v-3930be62]{padding-top:max(env(safe-area-inset-top),20px);padding-bottom:max(env(safe-area-inset-bottom),20px)}.drawer-header[data-v-3930be62]{padding:14px 16px}.drawer-title[data-v-3930be62]{font-size:16px}.catalogue-item[data-v-3930be62]{padding:10px 8px;min-height:44px}.drag-handle[data-v-3930be62]{font-size:16px;width:24px}.item-title[data-v-3930be62]{font-size:13px}.catalogue-item.level-0 .item-title[data-v-3930be62]{font-size:14px}.page-number[data-v-3930be62]{font-size:11px}.level-indicator[data-v-3930be62]{font-size:12px}}.drawer-content[data-v-3930be62]::-webkit-scrollbar{width:4px}.drawer-content[data-v-3930be62]::-webkit-scrollbar-track{background:#f5f5f5}.drawer-content[data-v-3930be62]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.drawer-content[data-v-3930be62]::-webkit-scrollbar-thumb:hover{background:#999}.catalogue-item.dragging[data-v-3930be62]{opacity:.5;transform:scale(.95);background:#f0f8ff;box-shadow:0 4px 12px rgba(0,0,0,.15)}.catalogue-item.drag-over[data-v-3930be62]{border-top:2px solid #007bff;background:rgba(0,123,255,.1)}.catalogue-item[data-v-3930be62]{border-left:3px solid transparent;transition:all .2s ease}.catalogue-item.level-0[data-v-3930be62]{border-left-color:#007bff}.catalogue-item.level-1[data-v-3930be62]{border-left-color:#28a745}.catalogue-item.level-2[data-v-3930be62]{border-left-color:#ffc107}.catalogue-item.level-3[data-v-3930be62]{border-left-color:#dc3545}.photo-album-container[data-v-eaca7004]{background:transparent;padding:5px 5px 80px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:center center;transition:transform .2s ease-out;overflow:hidden;position:relative}.album-header[data-v-eaca7004]{text-align:center;color:#495057;margin-bottom:30px}.album-header h1[data-v-eaca7004]{font-size:2.5rem;margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:600}.album-header p[data-v-eaca7004]{font-size:1.1rem;opacity:.9}.flipbook-wrapper[data-v-eaca7004]{perspective:2000px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;width:100%}.flipbook[data-v-eaca7004]{width:1600px;height:1200px;box-shadow:none;border-radius:0;overflow:hidden;transition:all .3s ease}.album-header[style*="display: none"][data-v-eaca7004],.album-header[v-if=false][data-v-eaca7004]{display:none!important}.photo-album-container .flipbook[data-v-eaca7004],.photo-album-container:has(.album-header[v-if=false]) .flipbook[data-v-eaca7004]{max-height:calc(100vh - 100px)}.flipbook.mobile-mode[data-v-eaca7004]{width:100%;max-width:none;height:92vh;max-height:92vh;margin:0 auto}.flipbook.desktop-mode[data-v-eaca7004]{width:1600px;height:1200px;margin:0 auto}.page[data-v-eaca7004]{background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:5px}.page--cover[data-v-eaca7004]{background:linear-gradient(45deg,#e9ecef,#dee2e6 50%,#ced4da);color:#495057}.back-cover[data-v-eaca7004],.cover-page[data-v-eaca7004]{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.cover-page h2[data-v-eaca7004]{font-size:3rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700}.cover-page p[data-v-eaca7004]{font-size:1.5rem;opacity:.9;margin-bottom:30px}.cover-decoration[data-v-eaca7004]{display:flex;align-items:center;gap:15px;margin-top:20px}.decoration-line[data-v-eaca7004]{width:60px;height:2px;background:rgba(73,80,87,.6);border-radius:1px}.cover-decoration span[data-v-eaca7004]{font-size:1.1rem;opacity:.9;white-space:nowrap}.back-cover h3[data-v-eaca7004]{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.back-cover p[data-v-eaca7004]{font-size:1.2rem;opacity:.8;margin-bottom:30px}.back-decoration p[data-v-eaca7004]{font-size:1.5rem;margin-bottom:10px}.back-decoration small[data-v-eaca7004]{opacity:.7;font-size:1rem}.content-page[data-v-eaca7004]{padding:20px;height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.image-container[data-v-eaca7004]{flex:1;display:flex;justify-content:center;align-items:center;margin-bottom:0;width:100%;height:100%;overflow:hidden}.image-container img[data-v-eaca7004]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease}.image-container img[data-v-eaca7004]:hover{transform:scale(1.02)}.page-content-info[data-v-eaca7004]{background:hsla(0,0%,100%,.95);padding:8px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);backdrop-filter:blur(10px);margin-top:4px;flex-shrink:0}.image-title[data-v-eaca7004]{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:8px;text-align:center;display:block}.image-description[data-v-eaca7004]{font-size:.9rem;color:#5a6c7d;line-height:1.4;text-align:center;margin-bottom:10px;display:block}.page-number[data-v-eaca7004]{text-align:center;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.page-number span[data-v-eaca7004]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:700}.controls[data-v-eaca7004]{align-items:center;justify-content:center;gap:12px;background:transparent;padding:12px 20px;border-radius:0;backdrop-filter:none;box-shadow:none;border:none;width:-moz-fit-content;width:fit-content;margin:20px auto;z-index:1000}.desktop-controls[data-v-eaca7004]{position:relative;margin:20px auto}.mobile-controls[data-v-eaca7004]{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);margin:0;max-width:90vw}.btn[data-v-eaca7004]{background:#333;color:#fff;border:1px solid #666;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease;box-shadow:none}.btn[data-v-eaca7004]:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-indicator[data-v-eaca7004]{color:#495057;font-size:.95rem;font-weight:700;text-shadow:none;min-width:70px;text-align:center}.page-jump-container[data-v-eaca7004]{display:flex;align-items:center;justify-content:center;gap:8px;background:hsla(0,0%,100%,.95);padding:10px 16px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.15);z-index:1000;width:-moz-fit-content;width:fit-content;margin:10px auto 0}.mobile-page-jump[data-v-eaca7004]{padding:8px 12px;margin:10px auto 0}.page-jump-input[data-v-eaca7004]{width:120px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:16px;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.page-jump-input[data-v-eaca7004]:focus{border-color:#333;box-shadow:0 0 0 2px rgba(51,51,51,.1)}.page-jump-input[data-v-eaca7004]::-moz-placeholder{color:#999;font-size:.85rem}.page-jump-input[data-v-eaca7004]::placeholder{color:#999;font-size:.85rem}.btn-jump[data-v-eaca7004]{padding:8px 16px;white-space:nowrap;background:#333;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.btn-jump[data-v-eaca7004]:hover{background:#555}@media (max-width:1800px) and (min-width:769px){.flipbook.desktop-mode[data-v-eaca7004]{width:95vw;height:59.375vw;max-width:1600px;max-height:1000px}}@media (max-width:768px){.photo-album-container[data-v-eaca7004]{padding:5px 5px 120px 5px;align-items:center;touch-action:none;overflow:hidden}.flipbook-wrapper[data-v-eaca7004]{width:100%;display:flex;justify-content:center}.flipbook.mobile-mode[data-v-eaca7004]{width:98vw;height:85vh;max-width:none;max-height:85vh;margin:0 auto}.album-header[data-v-eaca7004]{width:100%;text-align:center}.album-header h1[data-v-eaca7004]{font-size:2rem}.btn[data-v-eaca7004]{padding:8px 16px;font-size:.9rem}.page-indicator[data-v-eaca7004]{font-size:.85rem;min-width:120px;text-align:center}.page-jump-container[data-v-eaca7004]{top:10px;right:10px;padding:8px 10px;gap:6px}.page-jump-input[data-v-eaca7004]{width:100px;padding:6px 10px;font-size:.85rem}.btn-jump[data-v-eaca7004]{padding:6px 12px;font-size:.85rem}.image-container[data-v-eaca7004]{margin-bottom:0}.image-container img[data-v-eaca7004]{max-width:100%;max-height:100%;border-radius:6px}.page-content-info[data-v-eaca7004]{padding:6px;margin-top:2px}}@media (max-width:480px){.flipbook.mobile-mode[data-v-eaca7004]{width:98vw;height:80vh;max-height:80vh;margin:0 auto}.album-header h1[data-v-eaca7004]{font-size:1.8rem}.mobile-controls[data-v-eaca7004]{gap:6px;padding:8px 12px;justify-content:center;align-items:center;bottom:15px;width:95%}.btn[data-v-eaca7004]{padding:6px 12px;font-size:.8rem}.page-indicator[data-v-eaca7004]{text-align:center;min-width:100px}.image-container[data-v-eaca7004]{margin-bottom:0}.image-container img[data-v-eaca7004]{max-width:100%;max-height:100%;border-radius:4px}.page-content-info[data-v-eaca7004]{padding:4px;margin-top:1px}}.mobile-optimized[data-v-eaca7004]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.desktop-optimized[data-v-eaca7004]{cursor:pointer}.btn[data-v-eaca7004]{transition:all .2s ease}.btn[data-v-eaca7004]:hover:not(:disabled){background:#555;transform:none;box-shadow:none}.zoom-hint[data-v-eaca7004]{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.85);color:#fff;padding:10px 16px;border-radius:25px;font-size:.85rem;opacity:0;transform:translateY(-10px);transition:all .3s ease;z-index:10001;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.3)}.zoom-hint.show[data-v-eaca7004]{opacity:1;transform:translateY(0);pointer-events:auto}.zoom-info[data-v-eaca7004]{display:flex;flex-direction:row;align-items:center;gap:12px}.zoom-info span[data-v-eaca7004]{font-weight:500}.btn-reset-zoom[data-v-eaca7004]{background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:4px 12px;border-radius:15px;font-size:.75rem;cursor:pointer;transition:all .2s ease;font-weight:600;white-space:nowrap}.btn-reset-zoom[data-v-eaca7004]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:scale(1.05)}.btn-reset-zoom[data-v-eaca7004]:active{transform:scale(.95)}.controls[data-v-eaca7004]{opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;display:flex;background:hsla(0,0%,100%,.9);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.controls.controls-visible[data-v-eaca7004]{opacity:1;visibility:visible;transform:translateY(0)}.mobile-controls[data-v-eaca7004]{position:fixed!important;bottom:76px!important;left:50%!important;transform:translateX(-50%)!important;z-index:10000!important}.desktop-controls[data-v-eaca7004]{position:relative!important;margin:20px auto!important}.catalogue-button[data-v-eaca7004]{position:fixed;z-index:9999999999;opacity:0;visibility:hidden;transform:translateX(-20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.catalogue-button.catalogue-visible[data-v-eaca7004]{opacity:1;visibility:visible;transform:translateX(0)}.catalogue-button.dragging[data-v-eaca7004]{transform:scale(1.05);z-index:999999}.btn-catalogue[data-v-eaca7004]{background:linear-gradient(45deg,#1989fa,#06c);color:#fff;border:2px solid hsla(0,0%,100%,.3);padding:10px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px rgba(25,137,250,.4),0 0 0 1px hsla(0,0%,100%,.1);transition:all .2s ease;display:flex;align-items:center;gap:6px;cursor:grab;white-space:nowrap;pointer-events:all}.catalogue-button.dragging .btn-catalogue[data-v-eaca7004]{cursor:grabbing}.btn-catalogue[data-v-eaca7004]:active{transform:scale(.98)}.btn-catalogue .drag-handle[data-v-eaca7004]{color:hsla(0,0%,100%,.7);font-size:14px;margin-right:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.catalogue-icon[data-v-eaca7004]{font-size:1rem;flex-shrink:0}.catalogue-text[data-v-eaca7004]{font-size:.9rem;flex-shrink:0}.btn-catalogue[data-v-eaca7004]:hover{background:linear-gradient(45deg,#06c,#049);transform:translateY(-2px);box-shadow:0 6px 16px rgba(25,137,250,.4)}.btn-catalogue:hover .drag-handle[data-v-eaca7004]{color:hsla(0,0%,100%,.9)}@media (max-width:768px){.btn[data-v-eaca7004]:active,.btn[data-v-eaca7004]:hover:not(:disabled){background:#555;transform:none}.btn-catalogue[data-v-eaca7004]{padding:8px 12px;font-size:.8rem;border-radius:16px}.btn-catalogue .drag-handle[data-v-eaca7004]{font-size:16px}.catalogue-icon[data-v-eaca7004]{font-size:.9rem}.catalogue-text[data-v-eaca7004]{font-size:.8rem}.zoom-hint[data-v-eaca7004]{top:10px;right:10px;font-size:.75rem}}.loading-overlay[data-v-eaca7004]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn-eaca7004 .3s ease-out}.loading-container[data-v-eaca7004]{text-align:center;padding:40px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:400px;width:90%}.loading-spinner[data-v-eaca7004]{position:relative;width:80px;height:80px;margin:0 auto 30px}.spinner-ring[data-v-eaca7004]{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #007bff;border-radius:50%;animation:spin-eaca7004 1.2s linear infinite}.spinner-ring[data-v-eaca7004]:nth-child(2){width:60px;height:60px;top:10px;left:10px;border-top-color:#28a745;animation-delay:-.4s}.spinner-ring[data-v-eaca7004]:nth-child(3){width:40px;height:40px;top:20px;left:20px;border-top-color:#ffc107;animation-delay:-.8s}@keyframes spin-eaca7004{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text h3[data-v-eaca7004]{color:#333;font-size:1.5rem;margin-bottom:10px;font-weight:600}.loading-text p[data-v-eaca7004]{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.5}.loading-progress[data-v-eaca7004]{width:100%;height:4px;background:#f0f0f0;border-radius:2px;overflow:hidden;margin-top:20px}.progress-bar[data-v-eaca7004]{height:100%;background:linear-gradient(90deg,#007bff,#28a745,#ffc107);background-size:200% 100%;animation:progressMove-eaca7004 2s ease-in-out infinite;border-radius:2px}@keyframes progressMove-eaca7004{0%{transform:translateX(-100%);background-position:200% 0}to{transform:translateX(100%);background-position:-200% 0}}.error-container[data-v-eaca7004]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn-eaca7004 .3s ease-out}.error-content[data-v-eaca7004]{text-align:center;padding:40px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:400px;width:90%}.error-icon[data-v-eaca7004]{font-size:4rem;margin-bottom:20px;display:block}.error-content h3[data-v-eaca7004]{color:#dc3545;font-size:1.5rem;margin-bottom:15px;font-weight:600}.error-content p[data-v-eaca7004]{color:#666;font-size:1rem;margin-bottom:30px;line-height:1.5}.retry-btn[data-v-eaca7004]{background:linear-gradient(45deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,123,255,.3)}.retry-btn[data-v-eaca7004]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,.4)}.retry-btn[data-v-eaca7004]:active{transform:translateY(0)}.retry-icon[data-v-eaca7004]{display:inline-block;animation:rotateIcon-eaca7004 .5s ease-in-out}.retry-btn:hover .retry-icon[data-v-eaca7004]{animation:rotateIcon-eaca7004 .5s ease-in-out infinite}@keyframes rotateIcon-eaca7004{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-toast[data-v-eaca7004]{position:fixed;top:30px;right:30px;background:linear-gradient(45deg,#28a745,#20c997);color:#fff;padding:15px 25px;border-radius:25px;font-size:1rem;font-weight:600;box-shadow:0 8px 25px rgba(40,167,69,.3);z-index:10000;opacity:0;transform:translateX(100px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;gap:10px}.success-toast.show[data-v-eaca7004]{opacity:1;transform:translateX(0)}.success-icon[data-v-eaca7004]{font-size:1.2rem}@keyframes fadeIn-eaca7004{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.flip-mode-selector[data-v-eaca7004]{position:fixed;top:20px;left:20px;z-index:10000}.mobile-flip-mode-selector[data-v-eaca7004]{top:15px;left:15px}.btn-flip-mode[data-v-eaca7004]{background:linear-gradient(45deg,#6c5ce7,#a29bfe);color:#fff;border:2px solid hsla(0,0%,100%,.3);padding:10px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px rgba(108,92,231,.4);transition:all .2s ease;display:flex;align-items:center;gap:6px;cursor:pointer}.btn-flip-mode[data-v-eaca7004]:hover{background:linear-gradient(45deg,#5f4ed5,#8c7ae6);transform:translateY(-2px);box-shadow:0 6px 16px rgba(108,92,231,.5)}.flip-mode-icon[data-v-eaca7004]{font-size:1rem}.flip-mode-text[data-v-eaca7004]{font-size:.85rem}.flip-mode-menu[data-v-eaca7004]{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);overflow:hidden;min-width:150px;animation:slideDown-eaca7004 .2s ease-out}@keyframes slideDown-eaca7004{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.flip-mode-item[data-v-eaca7004]{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .2s ease}.flip-mode-item[data-v-eaca7004]:hover{background:#f5f5f5}.flip-mode-item-active[data-v-eaca7004]{background:linear-gradient(45deg,#6c5ce7,#a29bfe);color:#fff}.flip-mode-item-active[data-v-eaca7004]:hover{background:linear-gradient(45deg,#5f4ed5,#8c7ae6)}.flip-mode-item-icon[data-v-eaca7004]{font-size:1.1rem}.flip-mode-item-label[data-v-eaca7004]{font-size:.9rem;font-weight:500}.slide-viewer[data-v-eaca7004]{width:1600px;height:1000px;overflow:hidden;position:relative}.slide-viewer.mobile-mode[data-v-eaca7004]{width:100%;max-width:none;height:85vh;max-height:85vh}.slide-container[data-v-eaca7004]{display:flex;height:100%;will-change:transform}.slide-page[data-v-eaca7004]{flex:0 0 100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#f8f9fa}.slide-page-image[data-v-eaca7004]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.slide-page-placeholder[data-v-eaca7004]{font-size:2rem;color:#666;text-align:center}.fade-viewer[data-v-eaca7004]{width:1600px;height:1000px;overflow:hidden;position:relative}.fade-viewer.mobile-mode[data-v-eaca7004]{width:100%;max-width:none;height:85vh;max-height:85vh}.fade-page-container[data-v-eaca7004]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#f8f9fa}.fade-page-image[data-v-eaca7004]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.fade-page-placeholder[data-v-eaca7004]{font-size:2rem;color:#666;text-align:center}.fade-page-enter-active[data-v-eaca7004],.fade-page-leave-active[data-v-eaca7004]{transition:opacity .3s ease}.fade-page-enter[data-v-eaca7004],.fade-page-leave-to[data-v-eaca7004]{opacity:0}.scroll-viewer[data-v-eaca7004]{width:1600px;height:1000px;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth}.scroll-viewer.mobile-mode[data-v-eaca7004]{width:100%;max-width:none;height:85vh;max-height:85vh}.scroll-container[data-v-eaca7004]{width:100%}.scroll-page[data-v-eaca7004]{width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;background:#f8f9fa;padding:20px 0;box-sizing:border-box}.scroll-page-image[data-v-eaca7004]{max-width:100%;max-height:none;width:auto}.scroll-page-placeholder[data-v-eaca7004]{font-size:2rem;color:#666;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center}.scroll-viewer[data-v-eaca7004]::-webkit-scrollbar{width:8px}.scroll-viewer[data-v-eaca7004]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scroll-viewer[data-v-eaca7004]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.scroll-viewer[data-v-eaca7004]::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.clip-viewer[data-v-eaca7004]{width:1600px;height:1000px;overflow:hidden;position:relative;perspective:1200px}.clip-viewer.mobile-mode[data-v-eaca7004]{width:100%;max-width:none;height:85vh;max-height:85vh}.clip-pages-wrapper[data-v-eaca7004]{position:relative}.clip-page[data-v-eaca7004],.clip-pages-wrapper[data-v-eaca7004]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.clip-page[data-v-eaca7004]{position:absolute;background:#f8f9fa}.clip-page-current[data-v-eaca7004]{z-index:2;clip-path:inset(0 0 0 0)}.clip-page-next[data-v-eaca7004]{z-index:1;opacity:.5;transform:scale(.95);filter:blur(2px)}.clip-page-image[data-v-eaca7004]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.clip-page-placeholder[data-v-eaca7004]{font-size:2rem;color:#666;text-align:center}.clip-current-enter-active[data-v-eaca7004]{animation:clipIn-eaca7004 .5s cubic-bezier(.4,0,.2,1)}.clip-current-leave-active[data-v-eaca7004]{animation:clipOut-eaca7004 .5s cubic-bezier(.4,0,.2,1)}@keyframes clipIn-eaca7004{0%{clip-path:inset(0 100% 0 0);transform:translateX(50px);opacity:0}to{clip-path:inset(0 0 0 0);transform:translateX(0);opacity:1}}@keyframes clipOut-eaca7004{0%{clip-path:inset(0 0 0 0);transform:translateX(0);opacity:1}to{clip-path:inset(0 0 0 100%);transform:translateX(-50px);opacity:0}}.card-viewer[data-v-eaca7004]{width:1600px;height:1000px;overflow:visible;position:relative;perspective:1500px}.card-viewer.mobile-mode[data-v-eaca7004]{width:100%;max-width:none;height:85vh;max-height:85vh}.card-stack[data-v-eaca7004]{transform-style:preserve-3d}.card-stack[data-v-eaca7004],.card-transition-group[data-v-eaca7004]{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.card-item[data-v-eaca7004]{position:absolute;width:70%;height:90%;transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer}.card-content[data-v-eaca7004]{width:100%;height:100%;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 8px 25px rgba(0,0,0,.2);overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.card-item-current .card-content[data-v-eaca7004]{box-shadow:0 30px 80px rgba(0,0,0,.35),0 15px 40px rgba(0,0,0,.25)}.card-image[data-v-eaca7004]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.card-placeholder[data-v-eaca7004]{font-size:2rem;color:#666;text-align:center}.card-page-number[data-v-eaca7004]{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:500}.card-item-next .card-page-number[data-v-eaca7004],.card-item-prev .card-page-number[data-v-eaca7004]{opacity:0}.card-flip-enter-active[data-v-eaca7004],.card-flip-leave-active[data-v-eaca7004]{transition:all .5s cubic-bezier(.4,0,.2,1)}.card-flip-enter[data-v-eaca7004]{opacity:0;transform:translateX(100%) scale(.8) rotateY(-30deg)}.card-flip-leave-to[data-v-eaca7004]{opacity:0;transform:translateX(-100%) scale(.8) rotateY(30deg)}.card-item-current:hover .card-content[data-v-eaca7004]{box-shadow:0 35px 90px rgba(0,0,0,.4),0 18px 50px rgba(0,0,0,.3)}@media (max-width:768px){.card-item[data-v-eaca7004]{width:85%;height:85%}.card-item-next[data-v-eaca7004],.card-item-prev[data-v-eaca7004]{display:none}.card-content[data-v-eaca7004]{border-radius:12px}.card-page-number[data-v-eaca7004]{font-size:.75rem;padding:4px 12px}.clip-page-next[data-v-eaca7004]{display:none}.btn-flip-mode[data-v-eaca7004]{padding:8px 12px;font-size:.8rem;border-radius:16px}.flip-mode-icon[data-v-eaca7004]{font-size:.9rem}.flip-mode-text[data-v-eaca7004]{font-size:.75rem}.flip-mode-menu[data-v-eaca7004]{min-width:130px}.flip-mode-item[data-v-eaca7004]{padding:10px 14px}.flip-mode-item-icon[data-v-eaca7004]{font-size:1rem}.flip-mode-item-label[data-v-eaca7004]{font-size:.8rem}.error-content[data-v-eaca7004],.loading-container[data-v-eaca7004]{padding:30px 20px;margin:20px}.loading-spinner[data-v-eaca7004]{width:60px;height:60px}.spinner-ring[data-v-eaca7004]:nth-child(2){width:45px;height:45px;top:7.5px;left:7.5px}.spinner-ring[data-v-eaca7004]:nth-child(3){width:30px;height:30px;top:15px;left:15px}.error-content h3[data-v-eaca7004],.loading-text h3[data-v-eaca7004]{font-size:1.3rem}.error-content p[data-v-eaca7004],.loading-text p[data-v-eaca7004]{font-size:.9rem}.success-toast[data-v-eaca7004]{top:20px;left:20px;right:20px;font-size:.9rem;padding:12px 20px}.retry-btn[data-v-eaca7004]{padding:10px 25px;font-size:.9rem}}
1
+ .catalogue-drawer-container[data-v-3930be62]{position:relative}.drawer-overlay[data-v-3930be62]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:19998;transition:opacity .3s ease}.catalogue-drawer[data-v-3930be62]{position:fixed;top:0;left:0;height:100%;background:#fff;box-shadow:2px 0 10px rgba(0,0,0,.1);transform:translateX(-100%);transition:transform .3s ease;z-index:19999;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.catalogue-drawer.drawer-open[data-v-3930be62]{transform:translateX(0)}.drawer-header[data-v-3930be62]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fff;position:sticky;top:0;z-index:100}.drawer-title[data-v-3930be62]{font-size:18px;font-weight:600;color:#333;margin:0}.close-button[data-v-3930be62]{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button[data-v-3930be62]:hover{background:#f5f5f5}.close-icon[data-v-3930be62]{font-size:18px;color:#666;line-height:1;display:block}.close-button:hover .close-icon[data-v-3930be62]{color:#333}.page-jump-section[data-v-3930be62]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f8f9fa}.page-jump-input[data-v-3930be62]{flex:1;min-width:0;padding:10px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:16px;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.page-jump-input[data-v-3930be62]:focus{border-color:#1989fa;box-shadow:0 0 0 2px rgba(25,137,250,.1)}.page-jump-input[data-v-3930be62]::-moz-placeholder{color:#999;font-size:14px}.page-jump-input[data-v-3930be62]::placeholder{color:#999;font-size:14px}.btn-jump[data-v-3930be62]{flex-shrink:0;padding:10px 20px;background:#1989fa;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.btn-jump[data-v-3930be62]:hover{background:#06c}.btn-jump[data-v-3930be62]:active{background:#049}.drawer-content[data-v-3930be62]{height:calc(100% - 65px);overflow-y:auto;-webkit-overflow-scrolling:touch}.loading-container[data-v-3930be62]{display:flex;justify-content:center;align-items:center;height:200px;flex-direction:column;gap:12px}.loading-spinner[data-v-3930be62]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1989fa;border-radius:50%;animation:spin-3930be62 1s linear infinite}@keyframes spin-3930be62{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-container[data-v-3930be62],.error-container[data-v-3930be62]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:left}.error-icon[data-v-3930be62]{font-size:48px;margin-bottom:16px}.retry-button[data-v-3930be62]{margin-top:16px;background:#1989fa;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.retry-button[data-v-3930be62]:hover{background:#06c}.catalogue-list[data-v-3930be62]{padding:0}.catalogue-item-wrapper[data-v-3930be62]{border-bottom:1px solid #f0f0f0}.catalogue-item-wrapper[data-v-3930be62]:last-child{border-bottom:none}.catalogue-item[data-v-3930be62]{padding:12px;cursor:pointer;position:relative;min-height:44px}.catalogue-item[data-v-3930be62]:hover{background-color:#f8f9fa}.catalogue-item[data-v-3930be62]:active{background-color:#e9ecef}.item-content[data-v-3930be62]{display:flex;align-items:center;flex:1;width:100%;justify-content:flex-start;gap:8px}.drag-handle[data-v-3930be62]{color:#ccc;font-size:14px;cursor:grab;transition:color .2s ease;flex-shrink:0;width:20px;text-align:center;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle[data-v-3930be62]:hover{color:#999}.drag-handle[data-v-3930be62]:active{cursor:grabbing;color:#666}.level-indicator[data-v-3930be62]{font-size:10px;color:#999;flex-shrink:0;line-height:1;margin-right:4px}.level-indicator.level-1[data-v-3930be62]{color:#007bff}.level-indicator.level-2[data-v-3930be62]{color:#28a745}.level-indicator.level-3[data-v-3930be62]{color:#ffc107}.expand-icon[data-v-3930be62]{font-size:12px;color:#999;transition:color .2s ease;flex-shrink:0;width:16px;text-align:center}.catalogue-item:hover .expand-icon[data-v-3930be62]{color:#666}.item-title[data-v-3930be62]{font-size:14px;color:#333;line-height:1.4;font-weight:400}.page-number[data-v-3930be62]{font-size:12px;color:#999;margin-left:6px}.catalogue-item.level-0[data-v-3930be62]{background:linear-gradient(90deg,transparent,rgba(0,123,255,.05),transparent)}.catalogue-item.level-0 .item-title[data-v-3930be62]{font-size:15px;color:#333;font-weight:600}.catalogue-item.level-1[data-v-3930be62]{background:linear-gradient(90deg,transparent,rgba(40,167,69,.03),transparent)}.catalogue-item.level-1 .item-title[data-v-3930be62]{font-size:14px;color:#555;font-weight:500}.catalogue-item.level-2[data-v-3930be62]{background:linear-gradient(90deg,transparent,rgba(255,193,7,.03),transparent)}.catalogue-item.level-2 .item-title[data-v-3930be62]{font-size:13px;color:#666;font-weight:400}.catalogue-item.level-3 .item-title[data-v-3930be62]{font-size:12px;color:#777;font-weight:400}.children-container[data-v-3930be62]{background:transparent}@media (max-width:768px){.catalogue-drawer[data-v-3930be62]{padding-top:max(env(safe-area-inset-top),20px);padding-bottom:max(env(safe-area-inset-bottom),20px)}.drawer-header[data-v-3930be62]{padding:14px 16px}.drawer-title[data-v-3930be62]{font-size:16px}.catalogue-item[data-v-3930be62]{padding:10px 8px;min-height:44px}.drag-handle[data-v-3930be62]{font-size:16px;width:24px}.item-title[data-v-3930be62]{font-size:13px}.catalogue-item.level-0 .item-title[data-v-3930be62]{font-size:14px}.page-number[data-v-3930be62]{font-size:11px}.level-indicator[data-v-3930be62]{font-size:12px}}.drawer-content[data-v-3930be62]::-webkit-scrollbar{width:4px}.drawer-content[data-v-3930be62]::-webkit-scrollbar-track{background:#f5f5f5}.drawer-content[data-v-3930be62]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.drawer-content[data-v-3930be62]::-webkit-scrollbar-thumb:hover{background:#999}.catalogue-item.dragging[data-v-3930be62]{opacity:.5;transform:scale(.95);background:#f0f8ff;box-shadow:0 4px 12px rgba(0,0,0,.15)}.catalogue-item.drag-over[data-v-3930be62]{border-top:2px solid #007bff;background:rgba(0,123,255,.1)}.catalogue-item[data-v-3930be62]{border-left:3px solid transparent;transition:all .2s ease}.catalogue-item.level-0[data-v-3930be62]{border-left-color:#007bff}.catalogue-item.level-1[data-v-3930be62]{border-left-color:#28a745}.catalogue-item.level-2[data-v-3930be62]{border-left-color:#ffc107}.catalogue-item.level-3[data-v-3930be62]{border-left-color:#dc3545}.photo-album-container[data-v-4702ca70]{background:transparent;padding:5px 5px 80px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:center center;transition:transform .2s ease-out;overflow:hidden;position:relative}.album-header[data-v-4702ca70]{text-align:center;color:#495057;margin-bottom:30px}.album-header h1[data-v-4702ca70]{font-size:2.5rem;margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:600}.album-header p[data-v-4702ca70]{font-size:1.1rem;opacity:.9}.flipbook-wrapper[data-v-4702ca70]{perspective:2000px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;width:100%}.flipbook[data-v-4702ca70]{width:1600px;height:1200px;box-shadow:none;border-radius:0;overflow:hidden;transition:all .3s ease}.album-header[style*="display: none"][data-v-4702ca70],.album-header[v-if=false][data-v-4702ca70]{display:none!important}.photo-album-container .flipbook[data-v-4702ca70],.photo-album-container:has(.album-header[v-if=false]) .flipbook[data-v-4702ca70]{max-height:calc(100vh - 100px)}.flipbook.mobile-mode[data-v-4702ca70]{width:100%;max-width:none;height:92vh;max-height:92vh;margin:0 auto}.flipbook.desktop-mode[data-v-4702ca70]{width:1600px;height:1200px;margin:0 auto}.page[data-v-4702ca70]{background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:5px}.page--cover[data-v-4702ca70]{background:linear-gradient(45deg,#e9ecef,#dee2e6 50%,#ced4da);color:#495057}.back-cover[data-v-4702ca70],.cover-page[data-v-4702ca70]{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.cover-page h2[data-v-4702ca70]{font-size:3rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700}.cover-page p[data-v-4702ca70]{font-size:1.5rem;opacity:.9;margin-bottom:30px}.cover-decoration[data-v-4702ca70]{display:flex;align-items:center;gap:15px;margin-top:20px}.decoration-line[data-v-4702ca70]{width:60px;height:2px;background:rgba(73,80,87,.6);border-radius:1px}.cover-decoration span[data-v-4702ca70]{font-size:1.1rem;opacity:.9;white-space:nowrap}.back-cover h3[data-v-4702ca70]{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.back-cover p[data-v-4702ca70]{font-size:1.2rem;opacity:.8;margin-bottom:30px}.back-decoration p[data-v-4702ca70]{font-size:1.5rem;margin-bottom:10px}.back-decoration small[data-v-4702ca70]{opacity:.7;font-size:1rem}.content-page[data-v-4702ca70]{padding:20px;height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.image-container[data-v-4702ca70]{flex:1;display:flex;justify-content:center;align-items:center;margin-bottom:0;width:100%;height:100%;overflow:hidden}.image-container img[data-v-4702ca70]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease}.image-container img[data-v-4702ca70]:hover{transform:scale(1.02)}.page-content-info[data-v-4702ca70]{background:hsla(0,0%,100%,.95);padding:8px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);backdrop-filter:blur(10px);margin-top:4px;flex-shrink:0}.image-title[data-v-4702ca70]{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:8px;text-align:center;display:block}.image-description[data-v-4702ca70]{font-size:.9rem;color:#5a6c7d;line-height:1.4;text-align:center;margin-bottom:10px;display:block}.page-number[data-v-4702ca70]{text-align:center;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.page-number span[data-v-4702ca70]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:700}.controls[data-v-4702ca70]{align-items:center;justify-content:center;gap:12px;background:transparent;padding:12px 20px;border-radius:0;backdrop-filter:none;box-shadow:none;border:none;width:-moz-fit-content;width:fit-content;margin:20px auto;z-index:1000}.desktop-controls[data-v-4702ca70]{position:relative;margin:20px auto}.mobile-controls[data-v-4702ca70]{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);margin:0;max-width:90vw}.btn[data-v-4702ca70]{background:#333;color:#fff;border:1px solid #666;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease;box-shadow:none}.btn[data-v-4702ca70]:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-indicator[data-v-4702ca70]{color:#495057;font-size:.95rem;font-weight:700;text-shadow:none;min-width:70px;text-align:center}.page-jump-container[data-v-4702ca70]{display:flex;align-items:center;justify-content:center;gap:8px;background:hsla(0,0%,100%,.95);padding:10px 16px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.15);z-index:1000;width:-moz-fit-content;width:fit-content;margin:10px auto 0}.mobile-page-jump[data-v-4702ca70]{padding:8px 12px;margin:10px auto 0}.page-jump-input[data-v-4702ca70]{width:120px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:16px;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.page-jump-input[data-v-4702ca70]:focus{border-color:#333;box-shadow:0 0 0 2px rgba(51,51,51,.1)}.page-jump-input[data-v-4702ca70]::-moz-placeholder{color:#999;font-size:.85rem}.page-jump-input[data-v-4702ca70]::placeholder{color:#999;font-size:.85rem}.btn-jump[data-v-4702ca70]{padding:8px 16px;white-space:nowrap;background:#333;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.btn-jump[data-v-4702ca70]:hover{background:#555}@media (max-width:1800px) and (min-width:769px){.flipbook.desktop-mode[data-v-4702ca70]{width:95vw;height:59.375vw;max-width:1600px;max-height:1000px}}@media (max-width:768px){.photo-album-container[data-v-4702ca70]{padding:5px 5px 120px 5px;align-items:center;touch-action:none;overflow:hidden}.flipbook-wrapper[data-v-4702ca70]{width:100%;display:flex;justify-content:center}.flipbook.mobile-mode[data-v-4702ca70]{width:98vw;height:85vh;max-width:none;max-height:85vh;margin:0 auto}.album-header[data-v-4702ca70]{width:100%;text-align:center}.album-header h1[data-v-4702ca70]{font-size:2rem}.btn[data-v-4702ca70]{padding:8px 16px;font-size:.9rem}.page-indicator[data-v-4702ca70]{font-size:.85rem;min-width:120px;text-align:center}.page-jump-container[data-v-4702ca70]{top:10px;right:10px;padding:8px 10px;gap:6px}.page-jump-input[data-v-4702ca70]{width:100px;padding:6px 10px;font-size:.85rem}.btn-jump[data-v-4702ca70]{padding:6px 12px;font-size:.85rem}.image-container[data-v-4702ca70]{margin-bottom:0}.image-container img[data-v-4702ca70]{max-width:100%;max-height:100%;border-radius:6px}.page-content-info[data-v-4702ca70]{padding:6px;margin-top:2px}}@media (max-width:480px){.flipbook.mobile-mode[data-v-4702ca70]{width:98vw;height:80vh;max-height:80vh;margin:0 auto}.album-header h1[data-v-4702ca70]{font-size:1.8rem}.mobile-controls[data-v-4702ca70]{gap:6px;padding:8px 12px;justify-content:center;align-items:center;bottom:15px;width:95%}.btn[data-v-4702ca70]{padding:6px 12px;font-size:.8rem}.page-indicator[data-v-4702ca70]{text-align:center;min-width:100px}.image-container[data-v-4702ca70]{margin-bottom:0}.image-container img[data-v-4702ca70]{max-width:100%;max-height:100%;border-radius:4px}.page-content-info[data-v-4702ca70]{padding:4px;margin-top:1px}}.mobile-optimized[data-v-4702ca70]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.desktop-optimized[data-v-4702ca70]{cursor:pointer}.btn[data-v-4702ca70]{transition:all .2s ease}.btn[data-v-4702ca70]:hover:not(:disabled){background:#555;transform:none;box-shadow:none}.zoom-hint[data-v-4702ca70]{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.85);color:#fff;padding:10px 16px;border-radius:25px;font-size:.85rem;opacity:0;transform:translateY(-10px);transition:all .3s ease;z-index:10001;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.3)}.zoom-hint.show[data-v-4702ca70]{opacity:1;transform:translateY(0);pointer-events:auto}.zoom-info[data-v-4702ca70]{display:flex;flex-direction:row;align-items:center;gap:12px}.zoom-info span[data-v-4702ca70]{font-weight:500}.btn-reset-zoom[data-v-4702ca70]{background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:4px 12px;border-radius:15px;font-size:.75rem;cursor:pointer;transition:all .2s ease;font-weight:600;white-space:nowrap}.btn-reset-zoom[data-v-4702ca70]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:scale(1.05)}.btn-reset-zoom[data-v-4702ca70]:active{transform:scale(.95)}.controls[data-v-4702ca70]{opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;display:flex;background:hsla(0,0%,100%,.9);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.controls.controls-visible[data-v-4702ca70]{opacity:1;visibility:visible;transform:translateY(0)}.mobile-controls[data-v-4702ca70]{position:fixed!important;bottom:76px!important;left:50%!important;transform:translateX(-50%)!important;z-index:10000!important}.desktop-controls[data-v-4702ca70]{position:relative!important;margin:20px auto!important}.catalogue-button[data-v-4702ca70]{position:fixed;z-index:9999999999;opacity:0;visibility:hidden;transform:translateX(-20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.catalogue-button.catalogue-visible[data-v-4702ca70]{opacity:1;visibility:visible;transform:translateX(0)}.catalogue-button.dragging[data-v-4702ca70]{transform:scale(1.05);z-index:999999}.btn-catalogue[data-v-4702ca70]{background:linear-gradient(45deg,#1989fa,#06c);color:#fff;border:2px solid hsla(0,0%,100%,.3);padding:10px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px rgba(25,137,250,.4),0 0 0 1px hsla(0,0%,100%,.1);transition:all .2s ease;display:flex;align-items:center;gap:6px;cursor:grab;white-space:nowrap;pointer-events:all}.catalogue-button.dragging .btn-catalogue[data-v-4702ca70]{cursor:grabbing}.btn-catalogue[data-v-4702ca70]:active{transform:scale(.98)}.btn-catalogue .drag-handle[data-v-4702ca70]{color:hsla(0,0%,100%,.7);font-size:14px;margin-right:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.catalogue-icon[data-v-4702ca70]{font-size:1rem;flex-shrink:0}.catalogue-text[data-v-4702ca70]{font-size:.9rem;flex-shrink:0}.btn-catalogue[data-v-4702ca70]:hover{background:linear-gradient(45deg,#06c,#049);transform:translateY(-2px);box-shadow:0 6px 16px rgba(25,137,250,.4)}.btn-catalogue:hover .drag-handle[data-v-4702ca70]{color:hsla(0,0%,100%,.9)}.zoom-toolbar[data-v-4702ca70]{position:fixed;bottom:20px;right:20px;display:flex;gap:8px;z-index:10000}.btn-zoom[data-v-4702ca70]{width:40px;height:40px;background:#333;color:#fff;border:1px solid #666;border-radius:4px;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-zoom[data-v-4702ca70]:hover:not(:disabled){background:#555}.btn-zoom[data-v-4702ca70]:disabled{opacity:.3;cursor:not-allowed}@media (max-width:768px){.zoom-toolbar[data-v-4702ca70]{display:none}.btn[data-v-4702ca70]:active,.btn[data-v-4702ca70]:hover:not(:disabled){background:#555;transform:none}.btn-catalogue[data-v-4702ca70]{padding:8px 12px;font-size:.8rem;border-radius:16px}.btn-catalogue .drag-handle[data-v-4702ca70]{font-size:16px}.catalogue-icon[data-v-4702ca70]{font-size:.9rem}.catalogue-text[data-v-4702ca70]{font-size:.8rem}.zoom-hint[data-v-4702ca70]{top:10px;right:10px;font-size:.75rem}}.loading-overlay[data-v-4702ca70]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn-4702ca70 .3s ease-out}.loading-container[data-v-4702ca70]{text-align:center;padding:40px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:400px;width:90%}.loading-spinner[data-v-4702ca70]{position:relative;width:80px;height:80px;margin:0 auto 30px}.spinner-ring[data-v-4702ca70]{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #007bff;border-radius:50%;animation:spin-4702ca70 1.2s linear infinite}.spinner-ring[data-v-4702ca70]:nth-child(2){width:60px;height:60px;top:10px;left:10px;border-top-color:#28a745;animation-delay:-.4s}.spinner-ring[data-v-4702ca70]:nth-child(3){width:40px;height:40px;top:20px;left:20px;border-top-color:#ffc107;animation-delay:-.8s}@keyframes spin-4702ca70{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text h3[data-v-4702ca70]{color:#333;font-size:1.5rem;margin-bottom:10px;font-weight:600}.loading-text p[data-v-4702ca70]{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.5}.loading-progress[data-v-4702ca70]{width:100%;height:4px;background:#f0f0f0;border-radius:2px;overflow:hidden;margin-top:20px}.progress-bar[data-v-4702ca70]{height:100%;background:linear-gradient(90deg,#007bff,#28a745,#ffc107);background-size:200% 100%;animation:progressMove-4702ca70 2s ease-in-out infinite;border-radius:2px}@keyframes progressMove-4702ca70{0%{transform:translateX(-100%);background-position:200% 0}to{transform:translateX(100%);background-position:-200% 0}}.error-container[data-v-4702ca70]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn-4702ca70 .3s ease-out}.error-content[data-v-4702ca70]{text-align:center;padding:40px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:400px;width:90%}.error-icon[data-v-4702ca70]{font-size:4rem;margin-bottom:20px;display:block}.error-content h3[data-v-4702ca70]{color:#dc3545;font-size:1.5rem;margin-bottom:15px;font-weight:600}.error-content p[data-v-4702ca70]{color:#666;font-size:1rem;margin-bottom:30px;line-height:1.5}.retry-btn[data-v-4702ca70]{background:linear-gradient(45deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,123,255,.3)}.retry-btn[data-v-4702ca70]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,.4)}.retry-btn[data-v-4702ca70]:active{transform:translateY(0)}.retry-icon[data-v-4702ca70]{display:inline-block;animation:rotateIcon-4702ca70 .5s ease-in-out}.retry-btn:hover .retry-icon[data-v-4702ca70]{animation:rotateIcon-4702ca70 .5s ease-in-out infinite}@keyframes rotateIcon-4702ca70{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-toast[data-v-4702ca70]{position:fixed;top:30px;right:30px;background:linear-gradient(45deg,#28a745,#20c997);color:#fff;padding:15px 25px;border-radius:25px;font-size:1rem;font-weight:600;box-shadow:0 8px 25px rgba(40,167,69,.3);z-index:10000;opacity:0;transform:translateX(100px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;gap:10px}.success-toast.show[data-v-4702ca70]{opacity:1;transform:translateX(0)}.success-icon[data-v-4702ca70]{font-size:1.2rem}@keyframes fadeIn-4702ca70{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.flip-mode-selector[data-v-4702ca70]{position:fixed;top:20px;left:20px;z-index:10000}.mobile-flip-mode-selector[data-v-4702ca70]{top:15px;left:15px}.btn-flip-mode[data-v-4702ca70]{background:linear-gradient(45deg,#6c5ce7,#a29bfe);color:#fff;border:2px solid hsla(0,0%,100%,.3);padding:10px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px rgba(108,92,231,.4);transition:all .2s ease;display:flex;align-items:center;gap:6px;cursor:pointer}.btn-flip-mode[data-v-4702ca70]:hover{background:linear-gradient(45deg,#5f4ed5,#8c7ae6);transform:translateY(-2px);box-shadow:0 6px 16px rgba(108,92,231,.5)}.flip-mode-icon[data-v-4702ca70]{font-size:1rem}.flip-mode-text[data-v-4702ca70]{font-size:.85rem}.flip-mode-menu[data-v-4702ca70]{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);overflow:hidden;min-width:150px;animation:slideDown-4702ca70 .2s ease-out}@keyframes slideDown-4702ca70{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.flip-mode-item[data-v-4702ca70]{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .2s ease}.flip-mode-item[data-v-4702ca70]:hover{background:#f5f5f5}.flip-mode-item-active[data-v-4702ca70]{background:linear-gradient(45deg,#6c5ce7,#a29bfe);color:#fff}.flip-mode-item-active[data-v-4702ca70]:hover{background:linear-gradient(45deg,#5f4ed5,#8c7ae6)}.flip-mode-item-icon[data-v-4702ca70]{font-size:1.1rem}.flip-mode-item-label[data-v-4702ca70]{font-size:.9rem;font-weight:500}.slide-viewer[data-v-4702ca70]{width:1600px;height:1000px;overflow:hidden;position:relative}.slide-viewer.mobile-mode[data-v-4702ca70]{width:100%;max-width:none;height:85vh;max-height:85vh}.slide-container[data-v-4702ca70]{display:flex;height:100%;will-change:transform}.slide-page[data-v-4702ca70]{flex:0 0 100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#f8f9fa}.slide-page-image[data-v-4702ca70]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.slide-page-placeholder[data-v-4702ca70]{font-size:2rem;color:#666;text-align:center}.fade-viewer[data-v-4702ca70]{width:1600px;height:1000px;overflow:hidden;position:relative}.fade-viewer.mobile-mode[data-v-4702ca70]{width:100%;max-width:none;height:85vh;max-height:85vh}.fade-page-container[data-v-4702ca70]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#f8f9fa}.fade-page-image[data-v-4702ca70]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.fade-page-placeholder[data-v-4702ca70]{font-size:2rem;color:#666;text-align:center}.fade-page-enter-active[data-v-4702ca70],.fade-page-leave-active[data-v-4702ca70]{transition:opacity .3s ease}.fade-page-enter[data-v-4702ca70],.fade-page-leave-to[data-v-4702ca70]{opacity:0}.scroll-viewer[data-v-4702ca70]{width:1600px;height:1000px;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth}.scroll-viewer.mobile-mode[data-v-4702ca70]{width:100%;max-width:none;height:85vh;max-height:85vh}.scroll-container[data-v-4702ca70]{width:100%}.scroll-page[data-v-4702ca70]{width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;background:#f8f9fa;padding:20px 0;box-sizing:border-box}.scroll-page-image[data-v-4702ca70]{max-width:100%;max-height:none;width:auto}.scroll-page-placeholder[data-v-4702ca70]{font-size:2rem;color:#666;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center}.scroll-viewer[data-v-4702ca70]::-webkit-scrollbar{width:8px}.scroll-viewer[data-v-4702ca70]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scroll-viewer[data-v-4702ca70]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.scroll-viewer[data-v-4702ca70]::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.clip-viewer[data-v-4702ca70]{width:1600px;height:1000px;overflow:hidden;position:relative;perspective:1200px}.clip-viewer.mobile-mode[data-v-4702ca70]{width:100%;max-width:none;height:85vh;max-height:85vh}.clip-pages-wrapper[data-v-4702ca70]{position:relative}.clip-page[data-v-4702ca70],.clip-pages-wrapper[data-v-4702ca70]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.clip-page[data-v-4702ca70]{position:absolute;background:#f8f9fa}.clip-page-current[data-v-4702ca70]{z-index:2;clip-path:inset(0 0 0 0)}.clip-page-next[data-v-4702ca70]{z-index:1;opacity:.5;transform:scale(.95);filter:blur(2px)}.clip-page-image[data-v-4702ca70]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.clip-page-placeholder[data-v-4702ca70]{font-size:2rem;color:#666;text-align:center}.clip-current-enter-active[data-v-4702ca70]{animation:clipIn-4702ca70 .5s cubic-bezier(.4,0,.2,1)}.clip-current-leave-active[data-v-4702ca70]{animation:clipOut-4702ca70 .5s cubic-bezier(.4,0,.2,1)}@keyframes clipIn-4702ca70{0%{clip-path:inset(0 100% 0 0);transform:translateX(50px);opacity:0}to{clip-path:inset(0 0 0 0);transform:translateX(0);opacity:1}}@keyframes clipOut-4702ca70{0%{clip-path:inset(0 0 0 0);transform:translateX(0);opacity:1}to{clip-path:inset(0 0 0 100%);transform:translateX(-50px);opacity:0}}.card-viewer[data-v-4702ca70]{width:1600px;height:1000px;overflow:visible;position:relative;perspective:1500px}.card-viewer.mobile-mode[data-v-4702ca70]{width:100%;max-width:none;height:85vh;max-height:85vh}.card-stack[data-v-4702ca70]{transform-style:preserve-3d}.card-stack[data-v-4702ca70],.card-transition-group[data-v-4702ca70]{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.card-item[data-v-4702ca70]{position:absolute;width:70%;height:90%;transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer}.card-content[data-v-4702ca70]{width:100%;height:100%;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 8px 25px rgba(0,0,0,.2);overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.card-item-current .card-content[data-v-4702ca70]{box-shadow:0 30px 80px rgba(0,0,0,.35),0 15px 40px rgba(0,0,0,.25)}.card-image[data-v-4702ca70]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.card-placeholder[data-v-4702ca70]{font-size:2rem;color:#666;text-align:center}.card-page-number[data-v-4702ca70]{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:500}.card-item-next .card-page-number[data-v-4702ca70],.card-item-prev .card-page-number[data-v-4702ca70]{opacity:0}.card-flip-enter-active[data-v-4702ca70],.card-flip-leave-active[data-v-4702ca70]{transition:all .5s cubic-bezier(.4,0,.2,1)}.card-flip-enter[data-v-4702ca70]{opacity:0;transform:translateX(100%) scale(.8) rotateY(-30deg)}.card-flip-leave-to[data-v-4702ca70]{opacity:0;transform:translateX(-100%) scale(.8) rotateY(30deg)}.card-item-current:hover .card-content[data-v-4702ca70]{box-shadow:0 35px 90px rgba(0,0,0,.4),0 18px 50px rgba(0,0,0,.3)}@media (max-width:768px){.card-item[data-v-4702ca70]{width:85%;height:85%}.card-item-next[data-v-4702ca70],.card-item-prev[data-v-4702ca70]{display:none}.card-content[data-v-4702ca70]{border-radius:12px}.card-page-number[data-v-4702ca70]{font-size:.75rem;padding:4px 12px}.clip-page-next[data-v-4702ca70]{display:none}.btn-flip-mode[data-v-4702ca70]{padding:8px 12px;font-size:.8rem;border-radius:16px}.flip-mode-icon[data-v-4702ca70]{font-size:.9rem}.flip-mode-text[data-v-4702ca70]{font-size:.75rem}.flip-mode-menu[data-v-4702ca70]{min-width:130px}.flip-mode-item[data-v-4702ca70]{padding:10px 14px}.flip-mode-item-icon[data-v-4702ca70]{font-size:1rem}.flip-mode-item-label[data-v-4702ca70]{font-size:.8rem}.error-content[data-v-4702ca70],.loading-container[data-v-4702ca70]{padding:30px 20px;margin:20px}.loading-spinner[data-v-4702ca70]{width:60px;height:60px}.spinner-ring[data-v-4702ca70]:nth-child(2){width:45px;height:45px;top:7.5px;left:7.5px}.spinner-ring[data-v-4702ca70]:nth-child(3){width:30px;height:30px;top:15px;left:15px}.error-content h3[data-v-4702ca70],.loading-text h3[data-v-4702ca70]{font-size:1.3rem}.error-content p[data-v-4702ca70],.loading-text p[data-v-4702ca70]{font-size:.9rem}.success-toast[data-v-4702ca70]{top:20px;left:20px;right:20px;font-size:.9rem;padding:12px 20px}.retry-btn[data-v-4702ca70]{padding:10px 25px;font-size:.9rem}}
package/dist/vue-book-reader.umd.js CHANGED
@@ -77,8 +77,8 @@ if (typeof window !== 'undefined') {
77
77
  // Indicate to webpack that this file can be concatenated
78
78
  /* harmony default export */ var setPublicPath = (null);
79
79
 
80
- ;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BookReader.vue?vue&type=template&id=eaca7004&scoped=true
81
- var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"photo-album-container",style:({ transform: `scale(${_vm.zoomScale}) translate(${_vm.translateX}px, ${_vm.translateY}px)` }),on:{"touchstart":_vm.onContainerTouchStart,"touchmove":_vm.onContainerTouchMove,"touchend":_vm.onContainerTouchEnd,"dblclick":_vm.onContainerDoubleClick,"click":_vm.onContentClick}},[( false)?0:_vm._e(),(_vm.contentReady)?_c('div',{staticClass:"flipbook-wrapper",on:{"dblclick":_vm.onFlipbookDoubleClick,"!touchstart":function($event){return _vm.onFlipbookTouchStart.apply(null, arguments)},"!touchend":function($event){return _vm.onFlipbookTouchEnd.apply(null, arguments)}}},[(_vm.flipMode === 'flip' && _vm.flag)?_c('flipbook',{ref:"flipbook",class:['flipbook', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized'],attrs:{"pages":_vm.pages,"pagesHiRes":_vm.pagesHiRes,"startPage":_vm.startPage,"zooms":null,"ambient-light":0.6,"gloss":0.4,"single-page":_vm.isMobile,"click-to-flip":false,"wheel-to-flip":!_vm.isMobile,"swipe-to-flip":true,"center-pages":true},on:{"flip-left-end":_vm.onFlipLeftEnd,"flip-right-end":_vm.onFlipRightEnd},scopedSlots:_vm._u([{key:"default",fn:function({ page, canFlipLeft, canFlipRight }){return undefined}}],null,false,2449366912)}):(_vm.flipMode === 'slide')?_c('div',{ref:"slideViewer",class:['slide-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized'],on:{"touchstart":_vm.onSlideViewerTouchStart,"touchmove":_vm.onSlideViewerTouchMove,"touchend":_vm.onSlideViewerTouchEnd}},[_c('div',{staticClass:"slide-container",style:(_vm.slideContainerStyle)},_vm._l((_vm.pages),function(page,index){return _c('div',{key:index,staticClass:"slide-page",class:{ 'slide-page-active': index + 1 === _vm.currentPage }},[(page)?_c('img',{staticClass:"slide-page-image",attrs:{"src":page,"alt":""}}):_c('div',{staticClass:"slide-page-placeholder"},[_vm._v("封面/封底")])])}),0)]):(_vm.flipMode === 'fade')?_c('div',{ref:"fadeViewer",class:['fade-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized']},[_c('transition',{attrs:{"name":"fade-page","mode":"out-in"}},[_c('div',{key:_vm.currentPage,staticClass:"fade-page-container"},[(_vm.pages[_vm.currentPage - 1])?_c('img',{staticClass:"fade-page-image",attrs:{"src":_vm.pages[_vm.currentPage - 1],"alt":""}}):_c('div',{staticClass:"fade-page-placeholder"},[_vm._v("封面/封底")])])])],1):(_vm.flipMode === 'scroll')?_c('div',{ref:"scrollViewer",class:['scroll-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized'],on:{"scroll":_vm.onScrollViewerScroll}},[_c('div',{staticClass:"scroll-container"},_vm._l((_vm.pages),function(page,index){return _c('div',{key:index,ref:'scrollPage' + index,refInFor:true,staticClass:"scroll-page"},[(page)?_c('img',{staticClass:"scroll-page-image",attrs:{"src":page,"alt":""}}):_c('div',{staticClass:"scroll-page-placeholder"},[_vm._v("封面/封底")])])}),0)]):(_vm.flipMode === 'clip')?_c('div',{ref:"clipViewer",class:['clip-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized']},[_c('div',{staticClass:"clip-pages-wrapper"},[_c('transition',{attrs:{"name":"clip-current"}},[_c('div',{key:'current-' + _vm.currentPage,staticClass:"clip-page clip-page-current"},[(_vm.pages[_vm.currentPage - 1])?_c('img',{staticClass:"clip-page-image",attrs:{"src":_vm.pages[_vm.currentPage - 1],"alt":""}}):_c('div',{staticClass:"clip-page-placeholder"},[_vm._v("封面/封底")])])]),(_vm.currentPage < _vm.totalPages)?_c('div',{staticClass:"clip-page clip-page-next"},[(_vm.pages[_vm.currentPage])?_c('img',{staticClass:"clip-page-image",attrs:{"src":_vm.pages[_vm.currentPage],"alt":""}}):_c('div',{staticClass:"clip-page-placeholder"},[_vm._v("封面/封底")])]):_vm._e()],1)]):(_vm.flipMode === 'card')?_c('div',{ref:"cardViewer",class:['card-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized']},[_c('div',{staticClass:"card-stack"},[_c('transition-group',{staticClass:"card-transition-group",attrs:{"name":"card-flip","tag":"div"}},_vm._l((_vm.visibleCards),function(page,index){return _c('div',{key:'card-' + page.originalIndex,staticClass:"card-item",class:{
80
+ ;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BookReader.vue?vue&type=template&id=4702ca70&scoped=true
81
+ var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"photo-album-container",on:{"touchstart":_vm.onContainerTouchStart,"touchmove":_vm.onContainerTouchMove,"touchend":_vm.onContainerTouchEnd,"dblclick":_vm.onContainerDoubleClick,"click":_vm.onContentClick}},[( false)?0:_vm._e(),(_vm.contentReady)?_c('div',{staticClass:"flipbook-wrapper",style:({ transform: `scale(${_vm.zoomScale}) translate(${_vm.translateX}px, ${_vm.translateY}px)` }),on:{"dblclick":_vm.onFlipbookDoubleClick,"!touchstart":function($event){return _vm.onFlipbookTouchStart.apply(null, arguments)},"!touchend":function($event){return _vm.onFlipbookTouchEnd.apply(null, arguments)}}},[(_vm.flipMode === 'flip' && _vm.flag)?_c('flipbook',{ref:"flipbook",class:['flipbook', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized'],attrs:{"pages":_vm.pages,"pagesHiRes":_vm.pagesHiRes,"startPage":_vm.startPage,"zooms":null,"ambient-light":0.6,"gloss":0.4,"single-page":_vm.isMobile,"click-to-flip":false,"wheel-to-flip":!_vm.isMobile,"swipe-to-flip":true,"center-pages":true},on:{"flip-left-end":_vm.onFlipLeftEnd,"flip-right-end":_vm.onFlipRightEnd},scopedSlots:_vm._u([{key:"default",fn:function({ page, canFlipLeft, canFlipRight }){return undefined}}],null,false,2449366912)}):(_vm.flipMode === 'slide')?_c('div',{ref:"slideViewer",class:['slide-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized'],on:{"touchstart":_vm.onSlideViewerTouchStart,"touchmove":_vm.onSlideViewerTouchMove,"touchend":_vm.onSlideViewerTouchEnd}},[_c('div',{staticClass:"slide-container",style:(_vm.slideContainerStyle)},_vm._l((_vm.pages),function(page,index){return _c('div',{key:index,staticClass:"slide-page",class:{ 'slide-page-active': index + 1 === _vm.currentPage }},[(page)?_c('img',{staticClass:"slide-page-image",attrs:{"src":page,"alt":""}}):_c('div',{staticClass:"slide-page-placeholder"},[_vm._v("封面/封底")])])}),0)]):(_vm.flipMode === 'fade')?_c('div',{ref:"fadeViewer",class:['fade-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized']},[_c('transition',{attrs:{"name":"fade-page","mode":"out-in"}},[_c('div',{key:_vm.currentPage,staticClass:"fade-page-container"},[(_vm.pages[_vm.currentPage - 1])?_c('img',{staticClass:"fade-page-image",attrs:{"src":_vm.pages[_vm.currentPage - 1],"alt":""}}):_c('div',{staticClass:"fade-page-placeholder"},[_vm._v("封面/封底")])])])],1):(_vm.flipMode === 'scroll')?_c('div',{ref:"scrollViewer",class:['scroll-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized'],on:{"scroll":_vm.onScrollViewerScroll}},[_c('div',{staticClass:"scroll-container"},_vm._l((_vm.pages),function(page,index){return _c('div',{key:index,ref:'scrollPage' + index,refInFor:true,staticClass:"scroll-page"},[(page)?_c('img',{staticClass:"scroll-page-image",attrs:{"src":page,"alt":""}}):_c('div',{staticClass:"scroll-page-placeholder"},[_vm._v("封面/封底")])])}),0)]):(_vm.flipMode === 'clip')?_c('div',{ref:"clipViewer",class:['clip-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized']},[_c('div',{staticClass:"clip-pages-wrapper"},[_c('transition',{attrs:{"name":"clip-current"}},[_c('div',{key:'current-' + _vm.currentPage,staticClass:"clip-page clip-page-current"},[(_vm.pages[_vm.currentPage - 1])?_c('img',{staticClass:"clip-page-image",attrs:{"src":_vm.pages[_vm.currentPage - 1],"alt":""}}):_c('div',{staticClass:"clip-page-placeholder"},[_vm._v("封面/封底")])])]),(_vm.currentPage < _vm.totalPages)?_c('div',{staticClass:"clip-page clip-page-next"},[(_vm.pages[_vm.currentPage])?_c('img',{staticClass:"clip-page-image",attrs:{"src":_vm.pages[_vm.currentPage],"alt":""}}):_c('div',{staticClass:"clip-page-placeholder"},[_vm._v("封面/封底")])]):_vm._e()],1)]):(_vm.flipMode === 'card')?_c('div',{ref:"cardViewer",class:['card-viewer', _vm.isMobile ? 'mobile-mode mobile-optimized' : 'desktop-mode desktop-optimized']},[_c('div',{staticClass:"card-stack"},[_c('transition-group',{staticClass:"card-transition-group",attrs:{"name":"card-flip","tag":"div"}},_vm._l((_vm.visibleCards),function(page,index){return _c('div',{key:'card-' + page.originalIndex,staticClass:"card-item",class:{
82
82
  'card-item-prev': page.position === 'prev',
83
83
  'card-item-current': page.position === 'current',
84
84
  'card-item-next': page.position === 'next'
@@ -89,13 +89,13 @@ var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{sta
89
89
  },style:({
90
90
  left: _vm.catalogueButtonPosition.x + 'px',
91
91
  top: _vm.catalogueButtonPosition.y + 'px'
92
- }),on:{"mousedown":_vm.onCatalogueMouseDown,"touchstart":_vm.onCatalogueTouchStart,"touchmove":_vm.onCatalogueTouchMove,"touchend":_vm.onCatalogueTouchEnd,"click":function($event){$event.stopPropagation();}}},[_c('button',{staticClass:"btn btn-catalogue",on:{"click":_vm.openCatalogue}},[_c('span',{staticClass:"catalogue-text"},[_vm._v("目录")])])]),_c('div',{staticClass:"zoom-hint",class:{ 'show': _vm.zoomScale !== 1 }},[_c('div',{staticClass:"zoom-info"},[_c('span',[_vm._v("缩放: "+_vm._s(Math.round(_vm.zoomScale * 100))+"%")]),_c('button',{staticClass:"btn-reset-zoom",on:{"click":_vm.resetZoom}},[_vm._v("重置")])])]),(_vm.loading)?_c('div',{staticClass:"loading-overlay"},[_vm._m(0)]):_vm._e(),(_vm.error && !_vm.loading)?_c('div',{staticClass:"error-container"},[_c('div',{staticClass:"error-content"},[_c('div',{staticClass:"error-icon"},[_vm._v("⚠️")]),_c('h3',[_vm._v("加载失败")]),_c('p',[_vm._v(_vm._s(_vm.error.message || '网络连接异常，请检查网络后重试'))]),_c('button',{staticClass:"retry-btn",on:{"click":_vm.fetchBooksData}},[_c('span',{staticClass:"retry-icon"},[_vm._v("🔄")]),_vm._v(" 重新加载 ")])])]):_vm._e(),(_vm.booksData && !_vm.loading && !_vm.error)?_c('div',{staticClass:"success-toast",class:{ 'show': _vm.showSuccessToast }},[_vm._v(" 书籍加载完成 ")]):_vm._e(),_c('book-catalogue-drawer',{attrs:{"book-id":_vm.bookId,"catalogue":_vm.catalogue,"loading":_vm.catalogueLoading},on:{"catalogue-click":_vm.onCatalogueClick,"page-jump":_vm.onPageJump,"Focus":_vm.onFocus,"fetch-catalogue":_vm.onFetchCatalogue},model:{value:(_vm.showCatalogueDrawer),callback:function ($$v) {_vm.showCatalogueDrawer=$$v},expression:"showCatalogueDrawer"}})],1)
92
+ }),on:{"mousedown":_vm.onCatalogueMouseDown,"touchstart":_vm.onCatalogueTouchStart,"touchmove":_vm.onCatalogueTouchMove,"touchend":_vm.onCatalogueTouchEnd,"click":function($event){$event.stopPropagation();}}},[_c('button',{staticClass:"btn btn-catalogue",on:{"click":_vm.openCatalogue}},[_c('span',{staticClass:"catalogue-text"},[_vm._v("目录")])])]),_c('div',{staticClass:"zoom-hint",class:{ 'show': _vm.zoomScale !== 1 }},[_c('div',{staticClass:"zoom-info"},[_c('span',[_vm._v("缩放: "+_vm._s(Math.round(_vm.zoomScale * 100))+"%")]),_c('button',{staticClass:"btn-reset-zoom",on:{"click":_vm.resetZoom}},[_vm._v("重置")])])]),_c('div',{staticClass:"zoom-toolbar"},[_c('button',{staticClass:"btn-zoom",attrs:{"disabled":_vm.zoomScale <= 0.5},on:{"click":_vm.zoomOut}},[_vm._v("-")]),_c('button',{staticClass:"btn-zoom",attrs:{"disabled":_vm.zoomScale >= 3},on:{"click":_vm.zoomIn}},[_vm._v("+")])]),(_vm.loading)?_c('div',{staticClass:"loading-overlay"},[_vm._m(0)]):_vm._e(),(_vm.error && !_vm.loading)?_c('div',{staticClass:"error-container"},[_c('div',{staticClass:"error-content"},[_c('div',{staticClass:"error-icon"},[_vm._v("⚠️")]),_c('h3',[_vm._v("加载失败")]),_c('p',[_vm._v(_vm._s(_vm.error.message || '网络连接异常，请检查网络后重试'))]),_c('button',{staticClass:"retry-btn",on:{"click":_vm.fetchBooksData}},[_c('span',{staticClass:"retry-icon"},[_vm._v("🔄")]),_vm._v(" 重新加载 ")])])]):_vm._e(),(_vm.booksData && !_vm.loading && !_vm.error)?_c('div',{staticClass:"success-toast",class:{ 'show': _vm.showSuccessToast }},[_vm._v(" 书籍加载完成 ")]):_vm._e(),_c('book-catalogue-drawer',{attrs:{"book-id":_vm.bookId,"catalogue":_vm.catalogue,"loading":_vm.catalogueLoading},on:{"catalogue-click":_vm.onCatalogueClick,"page-jump":_vm.onPageJump,"Focus":_vm.onFocus,"fetch-catalogue":_vm.onFetchCatalogue},model:{value:(_vm.showCatalogueDrawer),callback:function ($$v) {_vm.showCatalogueDrawer=$$v},expression:"showCatalogueDrawer"}})],1)
93
93
  }
94
94
  var staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"loading-container"},[_c('div',{staticClass:"loading-spinner"},[_c('div',{staticClass:"spinner-ring"}),_c('div',{staticClass:"spinner-ring"}),_c('div',{staticClass:"spinner-ring"})]),_c('div',{staticClass:"loading-text"},[_c('h3',[_vm._v("正在加载书籍")]),_c('p',[_vm._v("请稍候，正在获取精彩内容...")]),_c('div',{staticClass:"loading-progress"},[_c('div',{staticClass:"progress-bar"})])])])
95
95
  }]
96
96
 
97
97
 
98
- ;// ./src/components/BookReader.vue?vue&type=template&id=eaca7004&scoped=true
98
+ ;// ./src/components/BookReader.vue?vue&type=template&id=4702ca70&scoped=true
99
99
 
100
100
  ;// ./node_modules/rematrix/dist/rematrix.es.js
101
101
  /*! @license Rematrix v0.7.2
@@ -2671,6 +2671,20 @@ var component = componentNormalizer_normalizeComponent(
2671
2671
  this.translateX = 0
2672
2672
  this.translateY = 0
2673
2673
  },
2674
+
2675
+ /**
2676
+ * 放大
2677
+ */
2678
+ zoomIn() {
2679
+ this.zoomScale = Math.min(3, this.zoomScale + 0.2)
2680
+ },
2681
+
2682
+ /**
2683
+ * 缩小
2684
+ */
2685
+ zoomOut() {
2686
+ this.zoomScale = Math.max(0.5, this.zoomScale - 0.2)
2687
+ },
2674
2688
 
2675
2689
  /**
2676
2690
  * PC端双击事件处理
@@ -3321,10 +3335,10 @@ var component = componentNormalizer_normalizeComponent(
3321
3335
 
3322
3336
  ;// ./src/components/BookReader.vue?vue&type=script&lang=js
3323
3337
  /* harmony default export */ var components_BookReadervue_type_script_lang_js = (BookReadervue_type_script_lang_js);
3324
- ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-52.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-52.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-52.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BookReader.vue?vue&type=style&index=0&id=eaca7004&prod&scoped=true&lang=css
3338
+ ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-52.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-52.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-52.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BookReader.vue?vue&type=style&index=0&id=4702ca70&prod&scoped=true&lang=css
3325
3339
  // extracted by mini-css-extract-plugin
3326
3340
 
3327
- ;// ./src/components/BookReader.vue?vue&type=style&index=0&id=eaca7004&prod&scoped=true&lang=css
3341
+ ;// ./src/components/BookReader.vue?vue&type=style&index=0&id=4702ca70&prod&scoped=true&lang=css
3328
3342
 
3329
3343
  ;// ./src/components/BookReader.vue
3330
3344
 
@@ -3341,7 +3355,7 @@ var BookReader_component = componentNormalizer_normalizeComponent(
3341
3355
  staticRenderFns,
3342
3356
  false,
3343
3357
  null,
3344
- "eaca7004",
3358
+ "4702ca70",
3345
3359
  null
3346
3360
 
3347
3361
  )