*{margin:0;padding:0;box-sizing:border0}body{font-family:Arial,sans-serif;background-color:#f5f5f5}.home[data-v-a48f0ada]{text-align:center;padding:50px}h1[data-v-a48f0ada]{color:#333;margin-bottom:20px}p[data-v-a48f0ada]{color:#666;font-size:18px}.login-container[data-v-2d3d1445]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-form[data-v-2d3d1445]{background:white;padding:40px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);width:450px;max-width:90%}.login-form h2[data-v-2d3d1445]{text-align:center;margin-bottom:30px;color:#333;font-size:24px}.admin-info[data-v-2d3d1445]{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:15px;margin-bottom:25px}.info-title[data-v-2d3d1445]{font-weight:700;color:#1e40af;margin-bottom:10px;font-size:14px}.info-content p[data-v-2d3d1445]{margin:5px 0;color:#374151;font-size:13px}.info-content strong[data-v-2d3d1445]{color:#1f2937}.form-group[data-v-2d3d1445]{margin-bottom:20px}label[data-v-2d3d1445]{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}input[data-v-2d3d1445]{width:100%;padding:12px 15px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .3s;box-sizing:border-box}input[data-v-2d3d1445]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.error-message[data-v-2d3d1445]{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:15px;font-size:14px}.success-message[data-v-2d3d1445]{background:#d1fae5;border:1px solid #6ee7b7;color:#059669;padding:12px;border-radius:6px;margin-bottom:15px;font-size:14px}button[data-v-2d3d1445]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}button[data-v-2d3d1445]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}button[data-v-2d3d1445]:disabled{opacity:.6;cursor:not-allowed}.register-link[data-v-2d3d1445]{text-align:center;margin-top:20px;color:#6b7280;font-size:14px}.register-link a[data-v-2d3d1445]{color:#667eea;text-decoration:none;font-weight:600}.register-link a[data-v-2d3d1445]:hover{text-decoration:underline}.register-container[data-v-6b218bdd]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.register-form[data-v-6b218bdd]{background:white;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:400px}.form-group[data-v-6b218bdd]{margin-bottom:20px}label[data-v-6b218bdd]{display:block;margin-bottom:5px;font-weight:700}input[data-v-6b218bdd]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}button[data-v-6b218bdd]{width:100%;padding:12px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}button[data-v-6b218bdd]:hover{background-color:#40a9ff}p[data-v-6b218bdd]{text-align:center;margin-top:20px}.dashboard[data-v-46733382]{padding:20px}.stats[data-v-46733382]{display:flex;gap:20px;margin-top:30px}.stat-card[data-v-46733382]{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);flex:1;text-align:center}.stat-card h3[data-v-46733382]{color:#666;margin-bottom:10px}.stat-card p[data-v-46733382]{font-size:24px;font-weight:700;color:#333}.tree-node-wrapper[data-v-5f2d44c4]{margin-left:0}.tree-node[data-v-5f2d44c4]{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:4px;transition:background-color .2s;position:relative}.tree-node[data-v-5f2d44c4]:hover{background-color:#f0f0f0}.tree-node.active[data-v-5f2d44c4]{background-color:#e3f2fd;color:#1976d2}.tree-node .node-icon[data-v-5f2d44c4]{margin-right:8px;font-size:16px}.tree-node .node-label[data-v-5f2d44c4]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node .node-actions[data-v-5f2d44c4]{display:none;gap:4px}.tree-node:hover .node-actions[data-v-5f2d44c4]{display:flex}.node-action-btn[data-v-5f2d44c4]{padding:2px 6px;border:none;background:transparent;cursor:pointer;border-radius:3px;font-size:12px;transition:background-color .2s}.node-action-btn[data-v-5f2d44c4]:hover{background-color:rgba(0,0,0,.1)}.node-action-btn.danger[data-v-5f2d44c4]:hover{background-color:#ffebee;color:#d32f2f}.tree-children[data-v-5f2d44c4]{margin-left:20px}.file-manager[data-v-9f3e6da1]{min-height:100vh;background-color:#f5f7fa;display:flex;flex-direction:column}.header[data-v-9f3e6da1]{background:white;padding:20px 40px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.header-left[data-v-9f3e6da1]{display:flex;align-items:center;gap:30px}.header h1[data-v-9f3e6da1]{margin:0;color:#333;font-size:24px}.nav-menu[data-v-9f3e6da1]{display:flex;gap:5px}.nav-item[data-v-9f3e6da1]{display:flex;align-items:center;gap:6px;padding:10px 20px;text-decoration:none;color:#666;border-radius:6px;transition:all .3s;font-size:14px;font-weight:500}.nav-item[data-v-9f3e6da1]:hover{background:#f0f0f0;color:#333}.nav-item.active[data-v-9f3e6da1]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.nav-item .icon[data-v-9f3e6da1]{font-size:16px}.user-info[data-v-9f3e6da1]{display:flex;align-items:center;gap:15px}.user-name[data-v-9f3e6da1]{color:#666;font-size:14px;font-weight:500}.logout-btn[data-v-9f3e6da1]{padding:8px 16px;background:#f56c6c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.logout-btn[data-v-9f3e6da1]:hover{background:#f45454}.main-content[data-v-9f3e6da1]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-9f3e6da1]{width:280px;background:white;border-right:1px solid #e0e0e0;display:flex;flex-direction:column}.sidebar-header[data-v-9f3e6da1]{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3[data-v-9f3e6da1]{margin:0;font-size:16px;color:#333}.btn-add-folder[data-v-9f3e6da1]{width:32px;height:32px;border:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-add-folder[data-v-9f3e6da1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.folder-tree[data-v-9f3e6da1]{flex:1;overflow-y:auto;padding:10px}.tree-node-wrapper[data-v-9f3e6da1]{margin-left:0}.tree-node[data-v-9f3e6da1]{display:flex;align-items:center;padding:10px 12px;cursor:pointer;border-radius:6px;transition:all .2s;position:relative;margin:2px 0}.tree-node[data-v-9f3e6da1]:hover{background:#f0f0f0}.tree-node.active[data-v-9f3e6da1]{background:#e8f4ff;color:#409eff}.tree-node.root[data-v-9f3e6da1]{font-weight:600;margin-bottom:10px}.node-icon[data-v-9f3e6da1]{font-size:18px;margin-right:8px}.node-label[data-v-9f3e6da1]{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-actions[data-v-9f3e6da1]{display:none;gap:4px}.tree-node:hover .node-actions[data-v-9f3e6da1]{display:flex}.node-action-btn[data-v-9f3e6da1]{width:24px;height:24px;border:none;background:#f0f0f0;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.node-action-btn[data-v-9f3e6da1]:hover{background:#e0e0e0}.node-action-btn.danger[data-v-9f3e6da1]:hover{background:#fee;color:#f56c6c}.tree-children[data-v-9f3e6da1]{margin-left:20px}.content-area[data-v-9f3e6da1]{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar[data-v-9f3e6da1]{padding:20px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border-bottom:1px solid #e0e0e0}.toolbar-left[data-v-9f3e6da1]{display:flex;gap:10px}.toolbar-right[data-v-9f3e6da1]{display:flex;gap:10px;align-items:center}.toolbar button[data-v-9f3e6da1]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:5px}.icon[data-v-9f3e6da1]{font-size:16px}.btn-primary[data-v-9f3e6da1]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-9f3e6da1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-secondary[data-v-9f3e6da1]{background:#f0f0f0;color:#333}.btn-secondary[data-v-9f3e6da1]:hover{background:#e0e0e0}.btn-refresh[data-v-9f3e6da1]{background:#10b981;color:#fff}.btn-refresh[data-v-9f3e6da1]:hover{background:#059669}.search-box[data-v-9f3e6da1]{position:relative;display:flex;align-items:center;background:white;border:2px solid #e0e0e0;border-radius:20px;padding:8px 15px;min-width:300px;transition:all .3s}.search-box[data-v-9f3e6da1]:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-icon[data-v-9f3e6da1]{font-size:16px;color:#999;margin-right:8px}.search-input[data-v-9f3e6da1]{flex:1;border:none;outline:none;font-size:14px;color:#333;background:transparent}.search-input[data-v-9f3e6da1]::placeholder{color:#999}.clear-btn[data-v-9f3e6da1]{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:4px 8px;margin-left:5px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.clear-btn[data-v-9f3e6da1]:hover{background:#f0f0f0;color:#666}.btn-clear-search[data-v-9f3e6da1]{margin-top:15px;padding:8px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-clear-search[data-v-9f3e6da1]:hover{background:#5568d3}.content[data-v-9f3e6da1]{flex:1;padding:20px 40px;overflow-y:auto}.loading[data-v-9f3e6da1]{text-align:center;padding:60px 20px;color:#666}.empty-state[data-v-9f3e6da1]{text-align:center;padding:80px 20px;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.empty-icon[data-v-9f3e6da1]{font-size:64px;margin-bottom:20px}.empty-state p[data-v-9f3e6da1]{color:#666;margin:10px 0}.empty-state .hint[data-v-9f3e6da1]{color:#999;font-size:14px}.card-grid[data-v-9f3e6da1]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}@media (max-width: 1600px){.card-grid[data-v-9f3e6da1]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.card-grid[data-v-9f3e6da1]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.card-grid[data-v-9f3e6da1]{grid-template-columns:1fr}}.file-card[data-v-9f3e6da1]{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s}.file-card[data-v-9f3e6da1]:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.card-cover[data-v-9f3e6da1]{width:100%;height:180px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cover-image[data-v-9f3e6da1]{width:100%;height:100%;background-size:cover;background-position:center}.cover-placeholder[data-v-9f3e6da1]{font-size:64px;opacity:.8}.processing-overlay[data-v-9f3e6da1],.failed-overlay[data-v-9f3e6da1]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.processing-overlay p[data-v-9f3e6da1],.failed-overlay p[data-v-9f3e6da1]{margin:10px 0 0;font-size:14px}.spinner[data-v-9f3e6da1]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-9f3e6da1 1s linear infinite}@keyframes spin-9f3e6da1{to{transform:rotate(360deg)}}.failed-overlay span[data-v-9f3e6da1]{font-size:48px}.card-content[data-v-9f3e6da1]{padding:15px}.card-title[data-v-9f3e6da1]{margin:0 0 10px;font-size:14px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc[data-v-9f3e6da1]{margin:0 0 10px;font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-info[data-v-9f3e6da1]{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-bottom:8px}.page-count[data-v-9f3e6da1]{color:#667eea;font-weight:500}.card-meta[data-v-9f3e6da1]{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.source-type[data-v-9f3e6da1]{font-size:11px;color:#999;background:#f0f0f0;padding:2px 8px;border-radius:10px}.status-badge[data-v-9f3e6da1]{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.status-badge.processing[data-v-9f3e6da1]{background:#e3f2fd;color:#1976d2}.status-badge.completed[data-v-9f3e6da1]{background:#e8f5e9;color:#388e3c}.status-badge.failed[data-v-9f3e6da1]{background:#ffebee;color:#d32f2f}.card-actions[data-v-9f3e6da1]{padding:10px 15px;display:flex;gap:5px;border-top:1px solid #f0f0f0}.card-actions .action-btn[data-v-9f3e6da1]{flex:1;padding:6px 8px;background:#f0f0f0;color:#666;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.card-actions .action-btn[data-v-9f3e6da1]:hover{background:#e0e0e0;color:#333}.card-actions .action-btn.danger[data-v-9f3e6da1]:hover{background:#fee;color:#f56c6c}.pagination-container[data-v-9f3e6da1]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:white;border-radius:8px;margin-top:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);flex-wrap:wrap;gap:15px}.pagination-info[data-v-9f3e6da1]{font-size:14px;color:#666;font-weight:500}.pagination-controls[data-v-9f3e6da1]{display:flex;align-items:center;gap:8px}.page-btn[data-v-9f3e6da1]{padding:8px 16px;background:white;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .3s}.page-btn[data-v-9f3e6da1]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.page-btn[data-v-9f3e6da1]:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.page-numbers[data-v-9f3e6da1]{display:flex;gap:5px}.page-number[data-v-9f3e6da1]{min-width:36px;height:36px;padding:0 8px;background:white;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .3s;display:flex;align-items:center;justify-content:center}.page-number[data-v-9f3e6da1]:hover{background:#f0f0f0;border-color:#667eea}.page-number.active[data-v-9f3e6da1]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea;font-weight:600}.page-size-selector[data-v-9f3e6da1]{display:flex;align-items:center;gap:10px}.page-size-selector label[data-v-9f3e6da1]{font-size:14px;color:#666;font-weight:500}.page-size-select[data-v-9f3e6da1]{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;cursor:pointer;background:white;transition:all .3s}.page-size-select[data-v-9f3e6da1]:hover{border-color:#667eea}.page-size-select[data-v-9f3e6da1]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}@media (max-width: 768px){.pagination-container[data-v-9f3e6da1]{flex-direction:column;align-items:stretch}.pagination-controls[data-v-9f3e6da1]{justify-content:center;flex-wrap:wrap}.page-size-selector[data-v-9f3e6da1]{justify-content:center}}.dialog-overlay[data-v-9f3e6da1]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-9f3e6da1]{background:white;border-radius:8px;padding:24px;width:400px;max-width:90%}.dialog h3[data-v-9f3e6da1]{margin:0 0 20px;font-size:18px;color:#333}.dialog-input[data-v-9f3e6da1]{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box;margin-bottom:20px}.dialog-input[data-v-9f3e6da1]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.dialog-actions[data-v-9f3e6da1]{display:flex;gap:10px;justify-content:flex-end}.btn-cancel[data-v-9f3e6da1],.btn-confirm[data-v-9f3e6da1]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.btn-cancel[data-v-9f3e6da1]{background:#f0f0f0;color:#666}.btn-cancel[data-v-9f3e6da1]:hover{background:#e0e0e0}.btn-confirm[data-v-9f3e6da1]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-confirm[data-v-9f3e6da1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-confirm[data-v-9f3e6da1]:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-container[data-v-9f3e6da1]{margin:20px 0}.progress-bar[data-v-9f3e6da1]{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-9f3e6da1]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;transition:width .3s ease}.progress-text[data-v-9f3e6da1]{text-align:center;font-size:14px;color:#666;font-weight:500}.upload-dialog[data-v-9f3e6da1]{width:600px;max-width:90%;max-height:80vh;overflow-y:auto}.form-group[data-v-9f3e6da1]{margin-bottom:20px}.form-group label[data-v-9f3e6da1]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.dialog-textarea[data-v-9f3e6da1]{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box;resize:vertical;font-family:inherit}.dialog-textarea[data-v-9f3e6da1]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.file-input[data-v-9f3e6da1]{width:100%;padding:10px;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;font-size:14px}.file-input[data-v-9f3e6da1]:hover{border-color:#667eea}.file-info[data-v-9f3e6da1]{margin-top:10px;padding:10px;background:#f0f0f0;border-radius:6px;display:flex;align-items:center;justify-content:space-between}.file-name[data-v-9f3e6da1],.file-count[data-v-9f3e6da1]{font-size:14px;color:#333}.file-size[data-v-9f3e6da1]{font-size:12px;color:#666}.file-size-limit[data-v-9f3e6da1]{margin-top:10px;padding:8px 12px;background:#fff8e6;border:1px solid #ffe082;border-radius:6px}.limit-info[data-v-9f3e6da1]{font-size:13px;color:#ff9800;font-weight:500}.image-preview-grid[data-v-9f3e6da1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:15px}.preview-item[data-v-9f3e6da1]{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid #e0e0e0}.preview-item img[data-v-9f3e6da1]{width:100%;height:100%;object-fit:cover}.preview-item .remove-btn[data-v-9f3e6da1]{position:absolute;top:4px;right:4px;width:24px;height:24px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.preview-item .remove-btn[data-v-9f3e6da1]:hover{background:rgba(245,108,108,.9);transform:scale(1.1)}.preview-item .image-name[data-v-9f3e6da1]{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;font-size:11px;padding:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-dialog[data-v-9f3e6da1]{width:500px}.share-result-dialog[data-v-9f3e6da1]{width:550px;max-width:90%}.share-result-dialog h3[data-v-9f3e6da1]{margin:0 0 30px;font-size:24px;font-weight:600;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-result-content[data-v-9f3e6da1]{display:flex;flex-direction:column;gap:30px}.qr-section[data-v-9f3e6da1]{display:flex;flex-direction:column;align-items:center;padding:30px;background:linear-gradient(135deg,#f5f7fa 0%,#e8eaf6 100%);border-radius:12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.05)}.qr-code[data-v-9f3e6da1]{padding:20px;background:white;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);display:inline-flex;align-items:center;justify-content:center}.qr-code canvas[data-v-9f3e6da1]{display:block;border-radius:8px}.qr-hint[data-v-9f3e6da1]{margin:15px 0 0;font-size:14px;color:#666;font-weight:500}.qr-actions[data-v-9f3e6da1]{display:flex;gap:12px;margin-top:20px;width:100%;justify-content:center}.copy-qr-btn[data-v-9f3e6da1],.download-qr-btn[data-v-9f3e6da1]{flex:1;max-width:200px;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s;text-align:center;white-space:nowrap}.copy-qr-btn[data-v-9f3e6da1]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;box-shadow:0 2px 8px rgba(102,126,234,.3)}.copy-qr-btn[data-v-9f3e6da1]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,.4)}.copy-qr-btn[data-v-9f3e6da1]:active{transform:translateY(0)}.download-qr-btn[data-v-9f3e6da1]{background:white;color:#667eea;border:2px solid #667eea}.link-section[data-v-9f3e6da1]{display:flex;flex-direction:column;gap:15px}.link-box[data-v-9f3e6da1]{display:flex;gap:10px;align-items:stretch}.share-url-input[data-v-9f3e6da1]{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:Consolas,Monaco,monospace;color:#333;background:#f8f9fa;transition:all .3s}.share-url-input[data-v-9f3e6da1]:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.copy-url-btn[data-v-9f3e6da1]{padding:12px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap;box-shadow:0 2px 8px rgba(102,126,234,.3)}.copy-url-btn[data-v-9f3e6da1]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,.4)}.copy-url-btn[data-v-9f3e6da1]:active{transform:translateY(0)}.download-qr-btn[data-v-9f3e6da1]{padding:12px 24px;background:white;color:#667eea;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s;text-align:center}.download-qr-btn[data-v-9f3e6da1]:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,.3)}.download-qr-btn[data-v-9f3e6da1]:active{transform:translateY(0)}.btn-secondary[data-v-9f3e6da1]{padding:10px 20px;background:white;color:#667eea;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.btn-secondary[data-v-9f3e6da1]:hover{border-color:#667eea;background:#f5f7fa}@media (max-width: 768px){.share-result-dialog[data-v-9f3e6da1]{width:95%}.qr-section[data-v-9f3e6da1]{padding:20px}.qr-actions[data-v-9f3e6da1]{flex-direction:column}.copy-qr-btn[data-v-9f3e6da1],.download-qr-btn[data-v-9f3e6da1]{max-width:100%;width:100%}.link-box[data-v-9f3e6da1]{flex-direction:column}.copy-url-btn[data-v-9f3e6da1]{width:100%}}.share-manager[data-v-df2b4c75]{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.header[data-v-df2b4c75]{background:white;padding:20px 40px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.header-left[data-v-df2b4c75]{display:flex;align-items:center;gap:30px}.header h1[data-v-df2b4c75]{margin:0;color:#333;font-size:24px}.nav-menu[data-v-df2b4c75]{display:flex;gap:5px}.nav-item[data-v-df2b4c75]{display:flex;align-items:center;gap:6px;padding:10px 20px;text-decoration:none;color:#666;border-radius:6px;transition:all .3s;font-size:14px;font-weight:500}.nav-item[data-v-df2b4c75]:hover{background:#f0f0f0;color:#333}.nav-item.active[data-v-df2b4c75]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.nav-item .icon[data-v-df2b4c75]{font-size:16px}.user-info[data-v-df2b4c75]{display:flex;align-items:center;gap:15px}.user-name[data-v-df2b4c75]{color:#666;font-size:14px;font-weight:500}.logout-btn[data-v-df2b4c75]{padding:8px 16px;background:#f56c6c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.logout-btn[data-v-df2b4c75]:hover{background:#f45454}.toolbar[data-v-df2b4c75]{padding:20px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.toolbar-left[data-v-df2b4c75]{display:flex;gap:10px}.toolbar-right[data-v-df2b4c75]{display:flex;gap:10px;align-items:center}.toolbar button[data-v-df2b4c75]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:5px}.icon[data-v-df2b4c75]{font-size:16px}.btn-refresh[data-v-df2b4c75]{background:#10b981;color:#fff}.btn-refresh[data-v-df2b4c75]:hover{background:#059669}.search-box[data-v-df2b4c75]{position:relative;display:flex;align-items:center;background:white;border:2px solid #e0e0e0;border-radius:20px;padding:8px 15px;min-width:300px;transition:all .3s}.search-box[data-v-df2b4c75]:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-icon[data-v-df2b4c75]{font-size:16px;color:#999;margin-right:8px}.search-input[data-v-df2b4c75]{flex:1;border:none;outline:none;font-size:14px;color:#333;background:transparent}.search-input[data-v-df2b4c75]::placeholder{color:#999}.clear-btn[data-v-df2b4c75]{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:4px 8px;margin-left:5px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.clear-btn[data-v-df2b4c75]:hover{background:#f0f0f0;color:#666}.btn-clear-search[data-v-df2b4c75]{margin-top:15px;padding:8px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-clear-search[data-v-df2b4c75]:hover{background:#5568d3}.content[data-v-df2b4c75]{padding:0 40px 40px}.loading[data-v-df2b4c75]{text-align:center;padding:60px 20px;color:#666}.empty-state[data-v-df2b4c75]{text-align:center;padding:80px 20px;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.empty-icon[data-v-df2b4c75]{font-size:64px;margin-bottom:20px}.empty-state p[data-v-df2b4c75]{color:#666;margin:10px 0}.empty-state .hint[data-v-df2b4c75]{color:#999;font-size:14px}.share-list-container[data-v-df2b4c75]{background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.share-list[data-v-df2b4c75]{overflow:hidden}.share-header[data-v-df2b4c75],.share-item[data-v-df2b4c75]{display:grid;grid-template-columns:1.5fr 1.2fr 2fr .8fr .7fr 1.2fr 1fr;gap:15px;padding:15px 20px;align-items:center}.share-header[data-v-df2b4c75]{background:#f8f9fa;font-weight:600;color:#333;font-size:14px;border-bottom:2px solid #e9ecef}.share-item[data-v-df2b4c75]{border-bottom:1px solid #f0f0f0;transition:background .2s}.share-item[data-v-df2b4c75]:hover{background:#f8f9fa}.share-item[data-v-df2b4c75]:last-child{border-bottom:none}.col-title[data-v-df2b4c75]{display:flex;align-items:center;gap:10px;font-weight:500}.share-icon[data-v-df2b4c75]{font-size:20px}.col-link[data-v-df2b4c75]{display:flex;align-items:center;gap:8px}.share-url[data-v-df2b4c75]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#667eea}.copy-btn[data-v-df2b4c75]{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;transition:transform .2s}.copy-btn[data-v-df2b4c75]:hover{transform:scale(1.2)}.view-count[data-v-df2b4c75]{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:#409eff}.status-badge[data-v-df2b4c75]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-df2b4c75]{background:#f0f9ff;color:#67c23a}.status-badge.inactive[data-v-df2b4c75]{background:#fdf6ec;color:#e6a23c}.status-badge.deleted[data-v-df2b4c75]{background:#fef0f0;color:#f56c6c}.col-action[data-v-df2b4c75]{display:flex;gap:6px;justify-content:flex-end}.action-btn[data-v-df2b4c75]{padding:6px 10px;background:#f0f0f0;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.action-btn[data-v-df2b4c75]:hover{background:#e0e0e0;transform:scale(1.1)}.action-btn.danger[data-v-df2b4c75]{color:#f56c6c}.action-btn.danger[data-v-df2b4c75]:hover{background:#fee;color:#f56c6c}.pagination-container[data-v-df2b4c75]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #e0e0e0;background:#fafafa;flex-wrap:wrap;gap:15px}.pagination-info[data-v-df2b4c75]{font-size:14px;color:#666;font-weight:500}.pagination-controls[data-v-df2b4c75]{display:flex;align-items:center;gap:8px}.page-btn[data-v-df2b4c75]{padding:8px 16px;background:white;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .3s}.page-btn[data-v-df2b4c75]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.page-btn[data-v-df2b4c75]:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.page-numbers[data-v-df2b4c75]{display:flex;gap:5px}.page-number[data-v-df2b4c75]{min-width:36px;height:36px;padding:0 8px;background:white;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .3s;display:flex;align-items:center;justify-content:center}.page-number[data-v-df2b4c75]:hover{background:#f0f0f0;border-color:#667eea}.page-number.active[data-v-df2b4c75]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea;font-weight:600}.page-size-selector[data-v-df2b4c75]{display:flex;align-items:center;gap:10px}.page-size-selector label[data-v-df2b4c75]{font-size:14px;color:#666;font-weight:500}.page-size-select[data-v-df2b4c75]{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;cursor:pointer;background:white;transition:all .3s}.page-size-select[data-v-df2b4c75]:hover{border-color:#667eea}.page-size-select[data-v-df2b4c75]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.dialog-overlay[data-v-df2b4c75]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-df2b4c75]{background:white;border-radius:8px;padding:24px;width:90%;max-width:500px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.dialog h3[data-v-df2b4c75]{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.qr-content[data-v-df2b4c75]{display:flex;flex-direction:column;align-items:center;gap:20px;margin:20px 0}.qr-code[data-v-df2b4c75]{padding:20px;background:white;border:1px solid #e0e0e0;border-radius:8px}.qr-info[data-v-df2b4c75]{text-align:center;width:100%}.qr-title[data-v-df2b4c75]{font-size:16px;font-weight:600;color:#333;margin:0 0 10px}.qr-url[data-v-df2b4c75]{font-size:12px;color:#667eea;word-break:break-all;margin:0}.dialog-actions[data-v-df2b4c75]{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.btn-cancel[data-v-df2b4c75],.btn-confirm[data-v-df2b4c75]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel[data-v-df2b4c75]{background:#f0f0f0;color:#333}.btn-cancel[data-v-df2b4c75]:hover{background:#e0e0e0}.btn-confirm[data-v-df2b4c75]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-confirm[data-v-df2b4c75]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}@media (max-width: 768px){.pagination-container[data-v-df2b4c75]{flex-direction:column;align-items:stretch}.pagination-controls[data-v-df2b4c75]{justify-content:center;flex-wrap:wrap}.page-size-selector[data-v-df2b4c75]{justify-content:center}.share-header[data-v-df2b4c75],.share-item[data-v-df2b4c75]{grid-template-columns:1fr;gap:8px}}.user-manager[data-v-8a12553e]{min-height:100vh;background-color:#f5f7fa}.header[data-v-8a12553e]{background:white;padding:20px 40px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.header-left[data-v-8a12553e]{display:flex;align-items:center;gap:30px}.header h1[data-v-8a12553e]{margin:0;color:#333;font-size:24px}.nav-menu[data-v-8a12553e]{display:flex;gap:5px}.nav-item[data-v-8a12553e]{display:flex;align-items:center;gap:6px;padding:10px 20px;text-decoration:none;color:#666;border-radius:6px;transition:all .3s;font-size:14px;font-weight:500}.nav-item[data-v-8a12553e]:hover{background:#f0f0f0;color:#333}.nav-item.active[data-v-8a12553e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.nav-item .icon[data-v-8a12553e]{font-size:16px}.user-info[data-v-8a12553e]{display:flex;align-items:center;gap:15px}.user-name[data-v-8a12553e]{color:#666;font-size:14px;font-weight:500}.logout-btn[data-v-8a12553e]{padding:8px 16px;background:#f56c6c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.logout-btn[data-v-8a12553e]:hover{background:#f45454}.toolbar[data-v-8a12553e]{padding:20px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.toolbar-left[data-v-8a12553e]{display:flex;gap:10px}.toolbar-right[data-v-8a12553e]{display:flex;gap:10px;align-items:center}.toolbar button[data-v-8a12553e]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:5px}.icon[data-v-8a12553e]{font-size:16px}.btn-primary[data-v-8a12553e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-8a12553e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-refresh[data-v-8a12553e]{background:#10b981;color:#fff}.btn-refresh[data-v-8a12553e]:hover{background:#059669}.search-box[data-v-8a12553e]{position:relative;display:flex;align-items:center;background:white;border:2px solid #e0e0e0;border-radius:20px;padding:8px 15px;min-width:300px;transition:all .3s}.search-box[data-v-8a12553e]:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-icon[data-v-8a12553e]{font-size:16px;color:#999;margin-right:8px}.search-input[data-v-8a12553e]{flex:1;border:none;outline:none;font-size:14px;color:#333;background:transparent}.search-input[data-v-8a12553e]::placeholder{color:#999}.clear-btn[data-v-8a12553e]{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:4px 8px;margin-left:5px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.clear-btn[data-v-8a12553e]:hover{background:#f0f0f0;color:#666}.btn-clear-search[data-v-8a12553e]{margin-top:15px;padding:8px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-clear-search[data-v-8a12553e]:hover{background:#5568d3}.content[data-v-8a12553e]{padding:0 40px 40px}.loading[data-v-8a12553e]{text-align:center;padding:60px 20px;color:#666}.empty-state[data-v-8a12553e]{text-align:center;padding:80px 20px;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.empty-icon[data-v-8a12553e]{font-size:64px;margin-bottom:20px}.empty-state p[data-v-8a12553e]{color:#666;margin:10px 0}.empty-state .hint[data-v-8a12553e]{color:#999;font-size:14px}.user-list-container[data-v-8a12553e]{background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.user-list[data-v-8a12553e]{overflow:hidden}.user-header[data-v-8a12553e],.user-item[data-v-8a12553e]{display:grid;grid-template-columns:1.2fr 1fr 1.5fr .8fr .6fr .8fr 1.2fr 1.8fr;gap:15px;padding:15px 20px;align-items:center}.user-header[data-v-8a12553e]{background:#f8f9fa;font-weight:600;color:#333;font-size:14px;border-bottom:2px solid #e9ecef}.user-item[data-v-8a12553e]{border-bottom:1px solid #f0f0f0;transition:background .2s}.user-item[data-v-8a12553e]:hover{background:#f8f9fa}.user-item[data-v-8a12553e]:last-child{border-bottom:none}.col-username[data-v-8a12553e]{display:flex;align-items:center;gap:10px;font-weight:500}.user-icon[data-v-8a12553e]{font-size:20px}.col-name[data-v-8a12553e],.col-email[data-v-8a12553e],.col-date[data-v-8a12553e],.col-albums[data-v-8a12553e]{color:#666;font-size:14px}.album-count[data-v-8a12553e]{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:#667eea}.role-badge[data-v-8a12553e],.status-badge[data-v-8a12553e]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.role-badge.admin[data-v-8a12553e]{background:#fef0f0;color:#f56c6c}.role-badge.user[data-v-8a12553e]{background:#f0f9ff;color:#409eff}.role-badge.guest[data-v-8a12553e]{background:#f5f7fa;color:#909399}.status-badge.active[data-v-8a12553e]{background:#f0f9ff;color:#67c23a}.status-badge.inactive[data-v-8a12553e]{background:#fdf6ec;color:#e6a23c}.status-badge.locked[data-v-8a12553e]{background:#fef0f0;color:#f56c6c}.col-action[data-v-8a12553e]{display:flex;gap:6px;justify-content:flex-end}.action-btn[data-v-8a12553e]{padding:6px 10px;background:#f0f0f0;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.action-btn[data-v-8a12553e]:hover{background:#e0e0e0;transform:scale(1.1)}.action-btn.success[data-v-8a12553e]{color:#67c23a}.action-btn.success[data-v-8a12553e]:hover{background:#f0f9ff;color:#67c23a}.action-btn.warning[data-v-8a12553e]{color:#e6a23c}.action-btn.warning[data-v-8a12553e]:hover{background:#fdf6ec;color:#e6a23c}.action-btn.danger[data-v-8a12553e]{color:#f56c6c}.action-btn.danger[data-v-8a12553e]:hover{background:#fee;color:#f56c6c}.pagination-container[data-v-8a12553e]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #e0e0e0;background:#fafafa;flex-wrap:wrap;gap:15px}.pagination-info[data-v-8a12553e]{font-size:14px;color:#666;font-weight:500}.pagination-controls[data-v-8a12553e]{display:flex;align-items:center;gap:8px}.page-btn[data-v-8a12553e]{padding:8px 16px;background:white;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .3s}.page-btn[data-v-8a12553e]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.page-btn[data-v-8a12553e]:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.page-numbers[data-v-8a12553e]{display:flex;gap:5px}.page-number[data-v-8a12553e]{min-width:36px;height:36px;padding:0 8px;background:white;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .3s;display:flex;align-items:center;justify-content:center}.page-number[data-v-8a12553e]:hover{background:#f0f0f0;border-color:#667eea}.page-number.active[data-v-8a12553e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea;font-weight:600}.page-size-selector[data-v-8a12553e]{display:flex;align-items:center;gap:10px}.page-size-selector label[data-v-8a12553e]{font-size:14px;color:#666;font-weight:500}.page-size-select[data-v-8a12553e]{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;cursor:pointer;background:white;transition:all .3s}.page-size-select[data-v-8a12553e]:hover{border-color:#667eea}.page-size-select[data-v-8a12553e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}@media (max-width: 768px){.pagination-container[data-v-8a12553e]{flex-direction:column;align-items:stretch}.pagination-controls[data-v-8a12553e]{justify-content:center;flex-wrap:wrap}.page-size-selector[data-v-8a12553e]{justify-content:center}}.dialog-overlay[data-v-8a12553e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-8a12553e]{background:white;border-radius:8px;padding:24px;width:90%;max-width:500px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.dialog h3[data-v-8a12553e]{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.form-group[data-v-8a12553e]{margin-bottom:16px}.form-group label[data-v-8a12553e]{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500}.required[data-v-8a12553e]{color:#f56c6c;margin-left:2px}.dialog-input[data-v-8a12553e],.dialog-select[data-v-8a12553e]{width:100%;padding:10px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.dialog-input[data-v-8a12553e]:focus,.dialog-select[data-v-8a12553e]:focus{outline:none;border-color:#667eea}.dialog-input[data-v-8a12553e]:disabled{background:#f5f7fa;color:#999;cursor:not-allowed}.dialog-select[data-v-8a12553e]{cursor:pointer}.dialog-actions[data-v-8a12553e]{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.btn-cancel[data-v-8a12553e],.btn-confirm[data-v-8a12553e]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel[data-v-8a12553e]{background:#f0f0f0;color:#333}.btn-cancel[data-v-8a12553e]:hover{background:#e0e0e0}.btn-confirm[data-v-8a12553e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-confirm[data-v-8a12553e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-confirm[data-v-8a12553e]:disabled{opacity:.6;cursor:not-allowed}.album-editor[data-v-f84d6415]{height:100vh;background:#f5f7fa;display:flex;flex-direction:column;overflow:hidden}.editor-header[data-v-f84d6415]{background:white;padding:16px 24px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.header-left[data-v-f84d6415]{display:flex;align-items:center;gap:20px}.btn-back[data-v-f84d6415]{padding:8px 16px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .3s}.btn-back[data-v-f84d6415]:hover{background:#e0e0e0}.breadcrumb[data-v-f84d6415]{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.breadcrumb-item.current[data-v-f84d6415]{color:#333;font-weight:600}.separator[data-v-f84d6415]{color:#ccc}.btn-save[data-v-f84d6415]{padding:10px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .3s}.btn-save[data-v-f84d6415]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-save[data-v-f84d6415]:disabled{opacity:.6;cursor:not-allowed}.editor-content[data-v-f84d6415]{flex:1;display:flex;overflow:hidden;height:0}.loading-state[data-v-f84d6415]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.spinner[data-v-f84d6415]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-f84d6415 1s linear infinite}@keyframes spin-f84d6415{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pages-panel[data-v-f84d6415]{width:30%;min-width:400px;flex-shrink:0;background:white;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;outline:none;overflow:hidden}.panel-header[data-v-f84d6415]{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.panel-header h3[data-v-f84d6415]{margin:0;font-size:16px;color:#333}.panel-actions[data-v-f84d6415]{display:flex;gap:8px}.btn-icon[data-v-f84d6415]{padding:6px 10px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-icon[data-v-f84d6415]:hover:not(:disabled){background:#e0e0e0}.btn-icon[data-v-f84d6415]:disabled{opacity:.4;cursor:not-allowed}.pages-list[data-v-f84d6415]{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;scroll-behavior:smooth}.pages-list[data-v-f84d6415]::-webkit-scrollbar{width:8px}.pages-list[data-v-f84d6415]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.pages-list[data-v-f84d6415]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.pages-list[data-v-f84d6415]::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.page-item[data-v-f84d6415]{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:10px;background:#f9f9f9;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s;min-height:90px}.page-item.deleted[data-v-f84d6415]{opacity:.5;filter:grayscale(100%)}.page-item[data-v-f84d6415]:hover{background:#f0f0f0}.page-item.active[data-v-f84d6415]{border-color:#667eea;background:#f0f4ff}.page-item.selected[data-v-f84d6415]{background:#e8f0fe}.page-item.ghost[data-v-f84d6415]{opacity:.5;background:#e0e0e0}.page-checkbox[data-v-f84d6415]{flex-shrink:0}.page-checkbox input[type=checkbox][data-v-f84d6415]{cursor:pointer;width:16px;height:16px}.drag-handle[data-v-f84d6415]{flex-shrink:0;cursor:grab;color:#999;font-size:20px;line-height:1;padding:4px}.drag-handle[data-v-f84d6415]:active{cursor:grabbing}.page-number[data-v-f84d6415]{flex-shrink:0;width:36px;height:36px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.page-thumbnail[data-v-f84d6415]{flex-shrink:0;width:60px;height:80px;background:white;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.page-thumbnail img[data-v-f84d6415]{width:100%;height:100%;object-fit:cover}.chapter-marks[data-v-f84d6415]{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.chapter-row[data-v-f84d6415]{display:flex;align-items:center;gap:8px;width:100%}.chapter-name-row[data-v-f84d6415]{display:flex;width:100%}.chapter-name-input[data-v-f84d6415]{flex:1;padding:4px 8px;font-size:12px;border:1px solid #ddd;border-radius:3px;outline:none;transition:all .3s;background:white}.chapter-name-input[data-v-f84d6415]:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.chapter-name-input[data-v-f84d6415]::placeholder{color:#999}.chapter-checkbox[data-v-f84d6415]{display:flex;align-items:center;gap:4px;white-space:nowrap}.chapter-checkbox input[type=checkbox][data-v-f84d6415]{cursor:pointer;width:14px;height:14px;flex-shrink:0}.chapter-checkbox label[data-v-f84d6415]{font-size:12px;color:#666;cursor:pointer;user-select:none}.chapter-number[data-v-f84d6415]{font-size:12px;color:#667eea;font-weight:600;padding:2px 8px;background:#f0f4ff;border-radius:3px;display:inline-block;white-space:nowrap;margin-left:auto}.page-actions[data-v-f84d6415]{display:flex;gap:4px;margin-left:auto}.btn-icon-small[data-v-f84d6415]{width:28px;height:28px;padding:0;background:white;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-icon-small[data-v-f84d6415]:hover:not(:disabled){background:#f0f0f0;border-color:#999}.btn-icon-small[data-v-f84d6415]:disabled{opacity:.3;cursor:not-allowed}.btn-icon-small.danger[data-v-f84d6415]:hover:not(:disabled){background:#fee;border-color:#f56c6c;color:#f56c6c}.empty-pages[data-v-f84d6415]{flex:1;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px}.pages-panel-footer[data-v-f84d6415]{height:40px;flex-shrink:0;background:white}.preview-panel[data-v-f84d6415]{flex:1;background:white;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;overflow:hidden}.preview-controls[data-v-f84d6415]{display:flex;align-items:center;gap:10px}.zoom-level[data-v-f84d6415]{font-size:14px;color:#666;min-width:50px;text-align:center}.preview-content[data-v-f84d6415]{flex:1;display:flex;flex-direction:column;overflow:hidden}.image-container[data-v-f84d6415]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px;background:#fafafa}.image-container img[data-v-f84d6415]{display:block;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:4px}.page-info[data-v-f84d6415]{height:40px;padding:0 20px;border-top:1px solid #e0e0e0;background:#f9f9f9;display:flex;align-items:center;gap:40px;flex-shrink:0}.page-info span[data-v-f84d6415]{font-size:14px;color:#666;white-space:nowrap}.empty-preview[data-v-f84d6415]{flex:1;display:flex;align-items:center;justify-content:center;color:#999;font-size:16px}.album-preview[data-v-27172134]{width:100vw;height:100vh;background:#2c3e50;display:flex;flex-direction:column;overflow:hidden}.preview-header[data-v-27172134]{height:60px;background:#1a252f;padding:0 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:100}.header-left[data-v-27172134]{display:flex;align-items:center;gap:20px}.header-right[data-v-27172134]{display:flex;align-items:center;gap:16px}.view-mode-switch[data-v-27172134]{display:flex;background:#34495e;border-radius:6px;padding:3px;gap:3px}.btn-mode[data-v-27172134]{padding:6px 16px;background:transparent;color:#bdc3c7;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-mode[data-v-27172134]:hover{color:#fff;background:rgba(255,255,255,.1)}.btn-mode.active[data-v-27172134]{background:#3498db;color:#fff}.btn-back[data-v-27172134]{padding:8px 16px;background:#34495e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .3s}.btn-back[data-v-27172134]:hover{background:#4a5f7f}.album-title[data-v-27172134]{margin:0;color:#fff;font-size:18px;font-weight:600}.btn-control[data-v-27172134]{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-control[data-v-27172134]:hover{background:#2980b9}.preview-main[data-v-27172134]{flex:1;display:flex;overflow:hidden}.chapter-nav[data-v-27172134]{width:280px;background:#1a252f;border-right:1px solid #34495e;display:flex;flex-direction:column;transition:all .3s ease}.chapter-nav.collapsed[data-v-27172134]{width:0;border:none}.chapter-header[data-v-27172134]{padding:16px 20px;border-bottom:1px solid #34495e}.chapter-header h3[data-v-27172134]{margin:0;color:#fff;font-size:16px;font-weight:600}.chapter-list[data-v-27172134]{flex:1;overflow-y:auto;padding:12px 0}.chapter-item[data-v-27172134]{padding:12px 20px;display:flex;align-items:center;color:#bdc3c7;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.chapter-item[data-v-27172134]:hover{background:rgba(52,152,219,.1);color:#3498db}.chapter-item.active[data-v-27172134]{background:rgba(52,152,219,.2);color:#3498db;border-left-color:#3498db;font-weight:600}.chapter-item.sub-chapter[data-v-27172134]{padding-left:40px;font-size:14px}.chapter-item.sub-sub-chapter[data-v-27172134]{padding-left:60px;font-size:13px}.chapter-number[data-v-27172134]{min-width:50px;color:#95a5a6;font-weight:500}.chapter-item.active .chapter-number[data-v-27172134]{color:#3498db}.chapter-info[data-v-27172134]{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden}.chapter-name[data-v-27172134]{flex:1;font-size:14px;color:#ecf0f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-item.active .chapter-name[data-v-27172134]{color:#3498db;font-weight:500}.chapter-item:hover .chapter-name[data-v-27172134]{color:#3498db}.empty-chapters[data-v-27172134]{padding:40px 20px;text-align:center;color:#7f8c8d}.empty-chapters p[data-v-27172134]{margin:0}.chapter-list[data-v-27172134]::-webkit-scrollbar{width:6px}.chapter-list[data-v-27172134]::-webkit-scrollbar-track{background:#1a252f}.chapter-list[data-v-27172134]::-webkit-scrollbar-thumb{background:#34495e;border-radius:3px}.chapter-list[data-v-27172134]::-webkit-scrollbar-thumb:hover{background:#4a5f7f}.flipbook-container[data-v-27172134]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)}.loading-state[data-v-27172134],.error-state[data-v-27172134]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff}.spinner[data-v-27172134]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-27172134 1s linear infinite}@keyframes spin-27172134{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-retry[data-v-27172134]{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.btn-retry[data-v-27172134]:hover{background:#2980b9}.flipbook[data-v-27172134]{margin:0 auto;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;transform-origin:center center}[data-v-27172134] .stf__parent{position:relative;transform-style:preserve-3d;width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}[data-v-27172134] .stf__wrapper{perspective:2400px;perspective-origin:center center;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;position:relative!important}[data-v-27172134] .stf__wrapper.--landscape{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-bottom:0!important;height:100%!important}[data-v-27172134] .stf__parent,[data-v-27172134] .flipbook.stf__parent{width:100%!important;max-width:none!important}[data-v-27172134] .stf__parent:has(.stf__wrapper.--landscape){max-width:none!important}[data-v-27172134] .stf__block{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.15),0 16px 32px rgba(0,0,0,.1);transition:box-shadow .3s ease;height:100%!important;width:100%!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;overflow:visible!important}[data-v-27172134] .stf__item.--left:before{content:"";position:absolute;left:-15px;top:0;bottom:0;width:12px;background:linear-gradient(to right,rgba(40,40,40,.95) 0%,rgba(50,50,50,.9) 8%,transparent 8%),linear-gradient(to right,transparent 8%,rgba(60,60,60,.85) 8%,rgba(70,70,70,.8) 16%,transparent 16%),linear-gradient(to right,transparent 16%,rgba(80,80,80,.75) 16%,rgba(100,100,100,.7) 25%,transparent 25%),linear-gradient(to right,transparent 25%,rgba(120,120,120,.65) 25%,rgba(140,140,140,.55) 35%,transparent 35%),linear-gradient(to right,transparent 35%,rgba(160,160,160,.45) 35%,rgba(180,180,180,.35) 50%,rgba(200,200,200,.2) 70%,rgba(230,230,230,.08) 90%,transparent 100%);border-left:1px solid rgba(0,0,0,.4);box-shadow:-1px 0 2px rgba(0,0,0,.3),-2px 0 4px rgba(0,0,0,.25),-4px 0 8px rgba(0,0,0,.2),-6px 0 12px rgba(0,0,0,.15),-9px 0 18px rgba(0,0,0,.1);z-index:10;pointer-events:none;border-radius:2px 0 0 2px;transition:opacity .2s ease}[data-v-27172134] .stf__item.--left.flipping:before,[data-v-27172134] .stf__item.--left:not(.--simple):before{opacity:0}[data-v-27172134] .stf__item.--right:after{content:"";position:absolute;right:-15px;top:0;bottom:0;width:12px;background:linear-gradient(to left,rgba(40,40,40,.95) 0%,rgba(50,50,50,.9) 8%,transparent 8%),linear-gradient(to left,transparent 8%,rgba(60,60,60,.85) 8%,rgba(70,70,70,.8) 16%,transparent 16%),linear-gradient(to left,transparent 16%,rgba(80,80,80,.75) 16%,rgba(100,100,100,.7) 25%,transparent 25%),linear-gradient(to left,transparent 25%,rgba(120,120,120,.65) 25%,rgba(140,140,140,.55) 35%,transparent 35%),linear-gradient(to left,transparent 35%,rgba(160,160,160,.45) 35%,rgba(180,180,180,.35) 50%,rgba(200,200,200,.2) 70%,rgba(230,230,230,.08) 90%,transparent 100%);border-right:1px solid rgba(0,0,0,.4);box-shadow:1px 0 2px rgba(0,0,0,.3),2px 0 4px rgba(0,0,0,.25),4px 0 8px rgba(0,0,0,.2),6px 0 12px rgba(0,0,0,.15),9px 0 18px rgba(0,0,0,.1);z-index:10;pointer-events:none;border-radius:0 2px 2px 0;transition:opacity .2s ease}[data-v-27172134] .stf__item.--right.flipping:after,[data-v-27172134] .stf__item.--right:not(.--simple):after{opacity:0}[data-v-27172134] .stf__block:hover{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 6px 12px rgba(0,0,0,.25),0 12px 24px rgba(0,0,0,.2),0 24px 48px rgba(0,0,0,.15)}[data-v-27172134] .page{background:#ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}[data-v-27172134] .page img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;background:#ffffff}[data-v-27172134] .stf__item,[data-v-27172134] .stf__page,[data-v-27172134] .stf__page-front,[data-v-27172134] .stf__page-back{background-color:#fff!important;opacity:1!important}[data-v-27172134] .stf__page-back{visibility:visible!important;display:block!important;background-color:#fff!important}[data-v-27172134] .stf__item{background-color:#fff!important}[data-v-27172134] .stf__item,[data-v-27172134] .stf__page,[data-v-27172134] .stf__item.--active,[data-v-27172134] .stf__item.--current,[data-v-27172134] .stf__page.--active,[data-v-27172134] .stf__page.--current{outline:none!important;border:none!important}[data-v-27172134] .stf__item.--simple{transition:none!important;animation:none!important}[data-v-27172134] .stf__item.--left.--simple,[data-v-27172134] .stf__item.--right.--simple{transition:none!important;animation:none!important;transform:none!important}[data-v-27172134] .stf__block{transition:box-shadow .3s ease!important;position:relative!important;margin-top:0!important;margin-bottom:0!important}.flipbook-container[data-v-27172134]{min-height:100%}[data-v-27172134] .stf__wrapper,[data-v-27172134] .stf__parent{transition:none!important}[data-v-27172134] .page img{max-width:100%;max-height:100%;object-fit:contain}.preview-footer[data-v-27172134]{height:60px;background:#1a252f;padding:0 24px;display:flex;align-items:center;justify-content:center;box-shadow:0 -2px 8px rgba(0,0,0,.3);z-index:100}.controls[data-v-27172134]{display:flex;align-items:center;gap:30px}.zoom-controls[data-v-27172134]{display:flex;align-items:center;gap:8px;background:#34495e;padding:4px 12px;border-radius:6px}.btn-zoom[data-v-27172134]{padding:4px 10px;background:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-zoom[data-v-27172134]:hover:not(:disabled){background:rgba(52,152,219,.2)}.btn-zoom[data-v-27172134]:disabled{opacity:.3;cursor:not-allowed}.zoom-level[data-v-27172134]{color:#3498db;font-size:14px;font-weight:600;min-width:50px;text-align:center}.btn-nav[data-v-27172134]{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-nav[data-v-27172134]:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.btn-nav[data-v-27172134]:disabled{background:#34495e;cursor:not-allowed;opacity:.5}.page-info[data-v-27172134]{color:#fff;font-size:16px;font-weight:500;min-width:120px;text-align:center;display:flex;flex-direction:column;gap:4px}.loading-hint[data-v-27172134]{font-size:12px;color:#95a5a6;font-weight:400}.album-preview[data-v-f0991d66]{width:100vw;height:100vh;background:#2c3e50;display:flex;flex-direction:column;overflow:hidden}.preview-header[data-v-f0991d66]{height:60px;background:#1a252f;padding:0 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:100}.header-left[data-v-f0991d66]{display:flex;align-items:center;gap:20px}.header-right[data-v-f0991d66]{display:flex;align-items:center;gap:16px}.view-mode-switch[data-v-f0991d66]{display:flex;background:#34495e;border-radius:6px;padding:3px;gap:3px}.btn-mode[data-v-f0991d66]{padding:6px 16px;background:transparent;color:#bdc3c7;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-mode[data-v-f0991d66]:hover{color:#fff;background:rgba(255,255,255,.1)}.btn-mode.active[data-v-f0991d66]{background:#3498db;color:#fff}.btn-back[data-v-f0991d66]{padding:8px 16px;background:#34495e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .3s}.btn-back[data-v-f0991d66]:hover{background:#4a5f7f}.album-title[data-v-f0991d66]{margin:0;color:#fff;font-size:18px;font-weight:600}.btn-control[data-v-f0991d66]{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-control[data-v-f0991d66]:hover{background:#2980b9}.preview-main[data-v-f0991d66]{flex:1;display:flex;overflow:hidden}.chapter-nav[data-v-f0991d66]{width:280px;background:#1a252f;border-right:1px solid #34495e;display:flex;flex-direction:column;transition:all .3s ease}.chapter-nav.collapsed[data-v-f0991d66]{width:0;border:none}.chapter-header[data-v-f0991d66]{padding:16px 20px;border-bottom:1px solid #34495e}.chapter-header h3[data-v-f0991d66]{margin:0;color:#fff;font-size:16px;font-weight:600}.chapter-list[data-v-f0991d66]{flex:1;overflow-y:auto;padding:12px 0}.chapter-item[data-v-f0991d66]{padding:12px 20px;display:flex;align-items:center;color:#bdc3c7;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.chapter-item[data-v-f0991d66]:hover{background:rgba(52,152,219,.1);color:#3498db}.chapter-item.active[data-v-f0991d66]{background:rgba(52,152,219,.2);color:#3498db;border-left-color:#3498db;font-weight:600}.chapter-item.sub-chapter[data-v-f0991d66]{padding-left:40px;font-size:14px}.chapter-item.sub-sub-chapter[data-v-f0991d66]{padding-left:60px;font-size:13px}.chapter-number[data-v-f0991d66]{min-width:50px;color:#95a5a6;font-weight:500}.chapter-item.active .chapter-number[data-v-f0991d66]{color:#3498db}.chapter-info[data-v-f0991d66]{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden}.chapter-name[data-v-f0991d66]{flex:1;font-size:14px;color:#ecf0f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-item.active .chapter-name[data-v-f0991d66]{color:#3498db;font-weight:500}.chapter-item:hover .chapter-name[data-v-f0991d66]{color:#3498db}.empty-chapters[data-v-f0991d66]{padding:40px 20px;text-align:center;color:#7f8c8d}.empty-chapters p[data-v-f0991d66]{margin:0}.chapter-list[data-v-f0991d66]::-webkit-scrollbar{width:6px}.chapter-list[data-v-f0991d66]::-webkit-scrollbar-track{background:#1a252f}.chapter-list[data-v-f0991d66]::-webkit-scrollbar-thumb{background:#34495e;border-radius:3px}.chapter-list[data-v-f0991d66]::-webkit-scrollbar-thumb:hover{background:#4a5f7f}.flipbook-container[data-v-f0991d66]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)}.mobile-page-indicator[data-v-f0991d66]{width:100%;padding:12px 20px;background:rgba(26,37,47,.9);text-align:center;color:#fff;font-size:16px;font-weight:500;z-index:10;border-bottom:1px solid rgba(255,255,255,.1)}.loading-state[data-v-f0991d66],.error-state[data-v-f0991d66]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff}.spinner[data-v-f0991d66]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-f0991d66 1s linear infinite}@keyframes spin-f0991d66{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-retry[data-v-f0991d66]{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.btn-retry[data-v-f0991d66]:hover{background:#2980b9}.flipbook[data-v-f0991d66]{margin:0 auto;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;transform-origin:center center}[data-v-f0991d66] .stf__parent{position:relative;transform-style:preserve-3d;width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}[data-v-f0991d66] .stf__wrapper{perspective:2400px;perspective-origin:center center;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;position:relative!important}[data-v-f0991d66] .stf__wrapper.--landscape{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-bottom:0!important;height:100%!important}[data-v-f0991d66] .stf__parent,[data-v-f0991d66] .flipbook.stf__parent{width:100%!important;max-width:none!important}[data-v-f0991d66] .stf__parent:has(.stf__wrapper.--landscape){max-width:none!important}[data-v-f0991d66] .stf__block{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.15),0 16px 32px rgba(0,0,0,.1);transition:box-shadow .3s ease;height:100%!important;width:100%!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;overflow:visible!important}[data-v-f0991d66] .stf__item.--left:before{content:"";position:absolute;left:-15px;top:0;bottom:0;width:12px;background:linear-gradient(to right,rgba(40,40,40,.95) 0%,rgba(50,50,50,.9) 8%,transparent 8%),linear-gradient(to right,transparent 8%,rgba(60,60,60,.85) 8%,rgba(70,70,70,.8) 16%,transparent 16%),linear-gradient(to right,transparent 16%,rgba(80,80,80,.75) 16%,rgba(100,100,100,.7) 25%,transparent 25%),linear-gradient(to right,transparent 25%,rgba(120,120,120,.65) 25%,rgba(140,140,140,.55) 35%,transparent 35%),linear-gradient(to right,transparent 35%,rgba(160,160,160,.45) 35%,rgba(180,180,180,.35) 50%,rgba(200,200,200,.2) 70%,rgba(230,230,230,.08) 90%,transparent 100%);border-left:1px solid rgba(0,0,0,.4);box-shadow:-1px 0 2px rgba(0,0,0,.3),-2px 0 4px rgba(0,0,0,.25),-4px 0 8px rgba(0,0,0,.2),-6px 0 12px rgba(0,0,0,.15),-9px 0 18px rgba(0,0,0,.1);z-index:10;pointer-events:none;border-radius:2px 0 0 2px;transition:opacity .2s ease}[data-v-f0991d66] .stf__item.--left.flipping:before,[data-v-f0991d66] .stf__item.--left:not(.--simple):before{opacity:0}[data-v-f0991d66] .stf__item.--right:after{content:"";position:absolute;right:-15px;top:0;bottom:0;width:12px;background:linear-gradient(to left,rgba(40,40,40,.95) 0%,rgba(50,50,50,.9) 8%,transparent 8%),linear-gradient(to left,transparent 8%,rgba(60,60,60,.85) 8%,rgba(70,70,70,.8) 16%,transparent 16%),linear-gradient(to left,transparent 16%,rgba(80,80,80,.75) 16%,rgba(100,100,100,.7) 25%,transparent 25%),linear-gradient(to left,transparent 25%,rgba(120,120,120,.65) 25%,rgba(140,140,140,.55) 35%,transparent 35%),linear-gradient(to left,transparent 35%,rgba(160,160,160,.45) 35%,rgba(180,180,180,.35) 50%,rgba(200,200,200,.2) 70%,rgba(230,230,230,.08) 90%,transparent 100%);border-right:1px solid rgba(0,0,0,.4);box-shadow:1px 0 2px rgba(0,0,0,.3),2px 0 4px rgba(0,0,0,.25),4px 0 8px rgba(0,0,0,.2),6px 0 12px rgba(0,0,0,.15),9px 0 18px rgba(0,0,0,.1);z-index:10;pointer-events:none;border-radius:0 2px 2px 0;transition:opacity .2s ease}[data-v-f0991d66] .stf__item.--right.flipping:after,[data-v-f0991d66] .stf__item.--right:not(.--simple):after{opacity:0}[data-v-f0991d66] .stf__block:hover{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 6px 12px rgba(0,0,0,.25),0 12px 24px rgba(0,0,0,.2),0 24px 48px rgba(0,0,0,.15)}[data-v-f0991d66] .page{background:#ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}[data-v-f0991d66] .page img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;background:#ffffff}[data-v-f0991d66] .stf__item,[data-v-f0991d66] .stf__page,[data-v-f0991d66] .stf__page-front,[data-v-f0991d66] .stf__page-back{background-color:#fff!important;opacity:1!important}[data-v-f0991d66] .stf__page-back{visibility:visible!important;display:block!important;background-color:#fff!important}[data-v-f0991d66] .stf__item{background-color:#fff!important}[data-v-f0991d66] .stf__item,[data-v-f0991d66] .stf__page,[data-v-f0991d66] .stf__item.--active,[data-v-f0991d66] .stf__item.--current,[data-v-f0991d66] .stf__page.--active,[data-v-f0991d66] .stf__page.--current{outline:none!important;border:none!important}[data-v-f0991d66] .stf__item.--simple{transition:none!important;animation:none!important}[data-v-f0991d66] .stf__item.--left.--simple,[data-v-f0991d66] .stf__item.--right.--simple{transition:none!important;animation:none!important;transform:none!important}[data-v-f0991d66] .stf__block{transition:box-shadow .3s ease!important;position:relative!important;margin-top:0!important;margin-bottom:0!important}.flipbook-container[data-v-f0991d66]{min-height:100%}[data-v-f0991d66] .stf__wrapper,[data-v-f0991d66] .stf__parent{transition:none!important}[data-v-f0991d66] .page img{max-width:100%;max-height:100%;object-fit:contain}.preview-footer[data-v-f0991d66]{height:60px;background:#1a252f;padding:0 24px;display:flex;align-items:center;justify-content:center;box-shadow:0 -2px 8px rgba(0,0,0,.3);z-index:100}.controls[data-v-f0991d66]{display:flex;align-items:center;gap:30px}.zoom-controls[data-v-f0991d66]{display:flex;align-items:center;gap:8px;background:#34495e;padding:4px 12px;border-radius:6px}.btn-zoom[data-v-f0991d66]{padding:4px 10px;background:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-zoom[data-v-f0991d66]:hover:not(:disabled){background:rgba(52,152,219,.2)}.btn-zoom[data-v-f0991d66]:disabled{opacity:.3;cursor:not-allowed}.zoom-level[data-v-f0991d66]{color:#3498db;font-size:14px;font-weight:600;min-width:50px;text-align:center}.btn-nav[data-v-f0991d66]{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-nav[data-v-f0991d66]:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.btn-nav[data-v-f0991d66]:disabled{background:#34495e;cursor:not-allowed;opacity:.5}.page-info[data-v-f0991d66]{color:#fff;font-size:16px;font-weight:500;min-width:120px;text-align:center;display:flex;flex-direction:column;gap:4px}.loading-hint[data-v-f0991d66]{font-size:12px;color:#95a5a6;font-weight:400}@media (max-width: 768px){.preview-header[data-v-f0991d66]{height:50px;padding:0 16px}.album-title[data-v-f0991d66]{font-size:16px}.flipbook-container[data-v-f0991d66]{width:100%;padding:0 1%;box-sizing:border-box}.flipbook[data-v-f0991d66]{width:100%!important;padding:0}[data-v-f0991d66] .stf__wrapper.--portrait{width:100%!important;padding:0!important}[data-v-f0991d66] .stf__block{margin:0!important;width:100%!important}.mobile-page-indicator[data-v-f0991d66]{padding:10px 16px;font-size:14px}}@media (max-width: 480px){.preview-header[data-v-f0991d66]{height:45px;padding:0 12px}.album-title[data-v-f0991d66]{font-size:14px}.mobile-page-indicator[data-v-f0991d66]{padding:8px 12px;font-size:13px}}