*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-o-user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{background-color:var(--bg-primary);width:100%;height:100vh;position:relative}:root[data-theme=light]{--bg-color:#f5f5f5}:root[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--bg-quaternary:#1a1a1a;--border-primary:#262626;--border-secondary:#333;--text-primary:#fff;--text-secondary:#a1a1a1;--text-tertiary:#717171;--text-quaternary:#525252;--accent-primary:#fff;--accent-secondary:#3b82f6;--error:#ef4444;--success:#10b981;--input-bg:#0a0a0a;--input-border:#262626;--input-focus-border:#3b82f6;--input-placeholder:#525252;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.delete-modal-overlay[data-v-04bdda70]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal[data-v-04bdda70]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-header[data-v-04bdda70]{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.header-left[data-v-04bdda70]{align-items:center;gap:12px;display:flex}.warning-icon[data-v-04bdda70]{color:#ef4444;flex-shrink:0}.modal-header h2[data-v-04bdda70]{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:18px;font-weight:700}.close-btn[data-v-04bdda70]{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.close-btn[data-v-04bdda70]:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.close-btn[data-v-04bdda70]:disabled{opacity:.5;cursor:not-allowed}.modal-body[data-v-04bdda70]{padding:28px 24px}.confirm-message[data-v-04bdda70]{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.modal-footer[data-v-04bdda70]{background-color:var(--bg-tertiary);border-top:1px solid var(--border-primary);justify-content:flex-end;gap:12px;padding:16px 24px 20px;display:flex}.btn[data-v-04bdda70]{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-width:80px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary[data-v-04bdda70]{border:1px solid var(--border-primary);color:var(--text-secondary);background:0 0}.btn-secondary[data-v-04bdda70]:hover:not(:disabled){background-color:var(--bg-quaternary);color:var(--text-primary)}.btn-danger[data-v-04bdda70]{color:#fff;background-color:#ef4444}.btn-danger[data-v-04bdda70]:hover:not(:disabled){background-color:#dc2626}.btn[data-v-04bdda70]:disabled{opacity:.5;cursor:not-allowed}.spin[data-v-04bdda70]{animation:1s linear infinite spin-04bdda70}@keyframes spin-04bdda70{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay[data-v-2e59390c]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-2e59390c]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;max-width:680px;height:560px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-header[data-v-2e59390c]{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h2[data-v-2e59390c]{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:18px;font-weight:700}.close-btn[data-v-2e59390c]{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.close-btn[data-v-2e59390c]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-2e59390c]{flex:1;min-height:0;display:flex}.tabs[data-v-2e59390c]{background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);flex-direction:column;gap:4px;width:180px;padding:16px 8px;display:flex}.tab-item[data-v-2e59390c]{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);align-items:center;gap:12px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.tab-item[data-v-2e59390c]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.tab-item.active[data-v-2e59390c]{background-color:var(--bg-quaternary);color:var(--text-primary);font-weight:500}.tab-content[data-v-2e59390c]{background-color:var(--bg-primary);flex:1;padding:32px;overflow-y:auto}.setting-item[data-v-2e59390c]{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.setting-item[data-v-2e59390c]:last-child{border-bottom:none}.setting-info[data-v-2e59390c]{flex:1}.setting-name[data-v-2e59390c]{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:500}.setting-desc[data-v-2e59390c]{color:var(--text-tertiary);font-size:12px}.toggle-switch[data-v-2e59390c]{background-color:var(--bg-tertiary);cursor:pointer;border-radius:10px;width:40px;height:20px;transition:background-color .2s;position:relative}.toggle-switch[data-v-2e59390c]:after{content:"";background-color:var(--text-primary);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.active[data-v-2e59390c]{background-color:var(--accent-secondary)}.toggle-switch.active[data-v-2e59390c]:after{transform:translate(20px)}.redeem-section[data-v-2e59390c]{padding:8px 0}.redeem-desc[data-v-2e59390c]{color:var(--text-tertiary);margin-bottom:20px;font-size:13px;line-height:1.5}.redeem-input-row[data-v-2e59390c]{gap:10px;display:flex}.redeem-input[data-v-2e59390c]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.redeem-input[data-v-2e59390c]:focus{border-color:var(--accent-secondary)}.redeem-input[data-v-2e59390c]::placeholder{color:var(--text-tertiary)}.redeem-input[data-v-2e59390c]:disabled{opacity:.6;cursor:not-allowed}.redeem-btn[data-v-2e59390c]{background-color:var(--accent-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.redeem-btn[data-v-2e59390c]:hover:not(:disabled){opacity:.9}.redeem-btn[data-v-2e59390c]:disabled{opacity:.5;cursor:not-allowed}.redeem-message[data-v-2e59390c]{border-radius:var(--radius-md);word-break:break-word;margin-top:14px;padding:10px 14px;font-size:13px;line-height:1.5}.redeem-message.success[data-v-2e59390c]{color:#22c55e;background-color:#22c55e1a;border:1px solid #22c55e33}.redeem-message.error[data-v-2e59390c]{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.storage-section[data-v-2e59390c]{padding:8px 0}.loading-hint[data-v-2e59390c]{text-align:center;color:var(--text-tertiary);padding:40px 0;font-size:14px}.storage-total-card[data-v-2e59390c]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;margin-bottom:20px;padding:24px}.storage-total-label[data-v-2e59390c]{color:var(--text-tertiary);margin-bottom:8px;font-size:13px}.storage-total-value[data-v-2e59390c]{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:700}.storage-used-text[data-v-2e59390c]{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.storage-bar-wrapper[data-v-2e59390c]{padding:0 20px}.storage-bar-bg[data-v-2e59390c]{background-color:var(--bg-quaternary);border-radius:4px;height:8px;overflow:hidden}.storage-bar-fill[data-v-2e59390c]{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:4px;height:100%;transition:width .3s}.storage-breakdown[data-v-2e59390c]{flex-direction:column;gap:10px;display:flex}.storage-item[data-v-2e59390c]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.storage-item-header[data-v-2e59390c]{align-items:center;gap:10px;display:flex}.storage-item-icon[data-v-2e59390c]{font-size:18px}.storage-item-name[data-v-2e59390c]{color:var(--text-secondary);font-size:14px}.storage-item-value[data-v-2e59390c]{color:var(--text-primary);font-size:15px;font-weight:600}.view-list-btn[data-v-2e59390c]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;margin-top:16px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.view-list-btn[data-v-2e59390c]:hover{background-color:var(--bg-quaternary);border-color:var(--border-secondary);color:var(--text-primary)}.storage-list-section[data-v-2e59390c]{border-top:1px solid var(--border-primary);margin-top:20px;padding-top:20px}.empty-hint[data-v-2e59390c]{text-align:center;color:var(--text-tertiary);padding:30px 0;font-size:14px}.storage-list[data-v-2e59390c]{flex-direction:column;gap:10px;display:flex}.storage-list-item[data-v-2e59390c]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.storage-list-item.expired[data-v-2e59390c]{opacity:.6}.storage-list-item.deleted[data-v-2e59390c]{opacity:.4;text-decoration:line-through}.list-item-main[data-v-2e59390c]{flex:1;min-width:0}.list-item-type[data-v-2e59390c]{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.list-item-desc[data-v-2e59390c]{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:12px;overflow:hidden}.list-item-meta[data-v-2e59390c]{color:var(--text-tertiary);gap:12px;font-size:12px;display:flex}.list-item-size[data-v-2e59390c]{color:var(--accent-primary);font-weight:500}.delete-btn[data-v-2e59390c]{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;white-space:nowrap;background-color:#ef44441a;border:1px solid #ef444433;margin-left:12px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.delete-btn[data-v-2e59390c]:hover{background-color:#ef444433;border-color:#ef44444d}.main-layout[data-v-5c1dfee2]{background-color:var(--bg-primary);height:100vh;color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.header[data-v-5c1dfee2]{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.logo[data-v-5c1dfee2]{color:var(--text-primary);letter-spacing:-.5px;font-size:20px;font-weight:700}.user-area[data-v-5c1dfee2]{position:relative}.avatar[data-v-5c1dfee2]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;transition:border-color .2s;display:flex}.avatar[data-v-5c1dfee2]:hover{border-color:var(--border-secondary)}.user-menu[data-v-5c1dfee2]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-lg);z-index:100;position:absolute;top:48px;right:0;overflow:hidden}.menu-item[data-v-5c1dfee2]{color:var(--text-secondary);cursor:pointer;padding:12px 16px;font-size:14px;transition:all .2s}.menu-item[data-v-5c1dfee2]:hover{background-color:var(--bg-quaternary);color:var(--text-primary)}.content-wrapper[data-v-5c1dfee2]{flex:1;display:flex;overflow:hidden}.sidebar[data-v-5c1dfee2]{background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);flex-direction:column;width:240px;display:flex}.sidebar-nav[data-v-5c1dfee2]{flex:1;padding:16px 12px}.nav-item[data-v-5c1dfee2]{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:4px;padding:10px 16px;transition:all .2s;display:flex}.nav-item[data-v-5c1dfee2]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active[data-v-5c1dfee2]{background-color:var(--bg-quaternary);color:var(--text-primary);font-weight:500}.sidebar-footer[data-v-5c1dfee2]{border-top:1px solid var(--border-primary);padding:20px 16px}.storage-info[data-v-5c1dfee2]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.storage-label[data-v-5c1dfee2]{color:var(--text-tertiary);font-size:12px;font-weight:500}.storage-bar[data-v-5c1dfee2]{background-color:var(--bg-tertiary);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.storage-used[data-v-5c1dfee2]{background-color:var(--accent-primary);border-radius:2px;height:100%;transition:width .3s}.storage-text[data-v-5c1dfee2]{color:var(--text-tertiary);font-size:11px}.main-content[data-v-5c1dfee2]{background-color:var(--bg-primary);flex:1;overflow-y:auto}.qr-login-container[data-v-d73c7470]{color:var(--text-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-login-box[data-v-d73c7470]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:380px;padding:32px}.title[data-v-d73c7470]{text-align:center;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:800}.subtitle[data-v-d73c7470]{text-align:center;color:var(--text-secondary);margin-bottom:32px}.qr-wrapper[data-v-d73c7470]{flex-direction:column;align-items:center;min-height:300px;display:flex}.qr-loading[data-v-d73c7470]{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:260px;display:flex}.loading-spinner[data-v-d73c7470]{border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-d73c7470}@keyframes spin-d73c7470{to{transform:rotate(360deg)}}.qr-loading p[data-v-d73c7470]{color:var(--text-secondary);font-size:14px}.qr-content[data-v-d73c7470]{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-code-box[data-v-d73c7470]{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.qr-image[data-v-d73c7470]{width:200px;height:200px}.qr-image.scanned[data-v-d73c7470]{opacity:.3}.qr-overlay[data-v-d73c7470]{border-radius:var(--radius-md);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.check-icon[data-v-d73c7470]{background-color:var(--accent-primary);width:60px;height:60px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.qr-tip[data-v-d73c7470]{color:var(--text-secondary);font-size:14px}.qr-countdown[data-v-d73c7470]{color:var(--text-tertiary);background-color:var(--bg-tertiary);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.countdown-icon[data-v-d73c7470]{color:var(--accent-primary);align-items:center;display:flex}.countdown-time[data-v-d73c7470]{color:var(--accent-primary);text-align:center;min-width:50px;font-family:Courier New,monospace;font-weight:700}.qr-success[data-v-d73c7470]{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:260px;display:flex}.success-icon[data-v-d73c7470]{background-color:var(--accent-primary);width:80px;height:80px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.success-text[data-v-d73c7470]{color:var(--text-primary);font-size:18px;font-weight:600}.redirect-tip[data-v-d73c7470]{color:var(--text-tertiary);font-size:14px}.qr-expired[data-v-d73c7470]{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:260px;display:flex}.expired-icon[data-v-d73c7470]{background-color:var(--error);width:80px;height:80px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.expired-text[data-v-d73c7470]{color:var(--text-secondary);font-size:16px}.qr-error[data-v-d73c7470]{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:260px;display:flex}.error-icon[data-v-d73c7470]{background-color:var(--error);width:80px;height:80px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.error-text[data-v-d73c7470]{color:var(--text-secondary);text-align:center;font-size:16px}.refresh-btn[data-v-d73c7470]{background-color:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .2s}.refresh-btn[data-v-d73c7470]:hover{opacity:.9}.mini-program-section[data-v-d73c7470]{border-top:1px solid var(--border-primary);flex-direction:column;align-items:center;margin-top:24px;padding-top:24px;display:flex}.mini-program-title[data-v-d73c7470]{color:var(--text-tertiary);margin-bottom:12px;font-size:13px}.mini-program-qrcode[data-v-d73c7470]{border-radius:var(--radius-md);border:1px solid var(--border-primary);width:120px;height:120px}.home-page[data-v-debd1443]{max-width:900px;margin:0 auto;padding:40px}.hero-section[data-v-debd1443]{text-align:center;margin-bottom:56px}.hero-badge[data-v-debd1443]{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.hero-title[data-v-debd1443]{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:10px;font-size:36px;font-weight:800}.hero-desc[data-v-debd1443]{color:var(--text-secondary);font-size:17px;line-height:1.6}.features-grid[data-v-debd1443]{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.feature-card[data-v-debd1443]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:28px 24px;transition:all .25s}.feature-card[data-v-debd1443]:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-icon[data-v-debd1443]{color:#667eea;background:linear-gradient(135deg,#667eea1f 0%,#764ba21f 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.feature-card h3[data-v-debd1443]{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.feature-card p[data-v-debd1443]{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.65}.info-section[data-v-debd1443]{flex-direction:column;gap:24px;margin-top:48px;display:flex}.info-card[data-v-debd1443]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:32px}.info-card h3[data-v-debd1443]{color:var(--text-primary);margin:0 0 20px;font-size:18px;font-weight:700}.info-card ol[data-v-debd1443]{counter-reset:step-counter;margin:0;padding:0;list-style:none}.info-card ol li[data-v-debd1443]{counter-increment:step-counter;color:var(--text-secondary);padding-bottom:16px;padding-left:40px;font-size:14px;line-height:1.65;position:relative}.info-card ol li[data-v-debd1443]:last-child{padding-bottom:0}.info-card ol li[data-v-debd1443]:before{content:counter(step-counter);color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;line-height:26px;display:flex;position:absolute;top:0;left:0}.info-card ol li strong[data-v-debd1443]{color:var(--text-primary)}.shortcut-group+.shortcut-group[data-v-debd1443]{border-top:1px solid var(--border-primary);margin-top:24px;padding-top:20px}.shortcut-group-title[data-v-debd1443]{color:var(--accent-primary);margin-bottom:12px;font-size:14px;font-weight:600}.shortcut-row[data-v-debd1443]{color:var(--text-secondary);align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.shortcut-row kbd[data-v-debd1443]{background:var(--bg-tertiary);border:1px solid var(--border-primary);min-width:32px;height:26px;color:var(--text-primary);box-shadow:0 1px 0 var(--border-secondary);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex}.shortcut-row span[data-v-debd1443]{color:var(--text-secondary)}@media (width<=768px){.home-page[data-v-debd1443]{padding:24px}.hero-title[data-v-debd1443]{font-size:28px}.features-grid[data-v-debd1443]{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.features-grid[data-v-debd1443]{grid-template-columns:1fr}}.modal-overlay[data-v-76c8271f]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-modal[data-v-76c8271f]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header[data-v-76c8271f]{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-76c8271f]{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.close-btn[data-v-76c8271f]{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;transition:all .2s}.close-btn[data-v-76c8271f]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-76c8271f]{padding:20px}.files-preview[data-v-76c8271f]{background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px dashed var(--border-primary);margin-bottom:20px;padding:12px 16px}.file-count[data-v-76c8271f]{color:var(--text-secondary);font-size:14px}.form-group[data-v-76c8271f]{margin-bottom:20px}.form-group[data-v-76c8271f]:last-child{margin-bottom:0}.form-group label[data-v-76c8271f]{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:14px;font-weight:600;display:block;overflow:hidden}.form-group .required[data-v-76c8271f]{color:var(--error)}.form-group input[data-v-76c8271f],.form-group textarea[data-v-76c8271f],.form-group select[data-v-76c8271f]{box-sizing:border-box;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.form-group textarea[data-v-76c8271f]{resize:vertical;line-height:1.6}.form-group input[data-v-76c8271f]:focus,.form-group textarea[data-v-76c8271f]:focus,.form-group select[data-v-76c8271f]:focus{border-color:var(--border-secondary)}.form-group input.error[data-v-76c8271f]{border-color:var(--error)}.error-text[data-v-76c8271f]{color:var(--error);margin-top:4px;font-size:12px}.radio-group[data-v-76c8271f]{flex-flow:wrap;gap:10px;margin-bottom:12px;display:flex}.radio-option[data-v-76c8271f]{color:var(--text-secondary);cursor:pointer;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:0;padding:10px 16px;font-size:14px;transition:all .2s;display:flex;position:relative}.radio-option[data-v-76c8271f]:hover{border-color:var(--border-secondary)}.radio-option input[type=radio][data-v-76c8271f]{opacity:0;width:0;height:0;position:absolute}.radio-option[data-v-76c8271f]:has(input[type=radio]:checked){background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.password-input-group[data-v-76c8271f]{margin-top:12px}.password-group[data-v-76c8271f]{gap:8px;display:flex}.password-group input[data-v-76c8271f]{flex:1}.regenerate-btn[data-v-76c8271f]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.regenerate-btn[data-v-76c8271f]:hover{background-color:var(--bg-quaternary);border-color:var(--border-secondary)}.password-options[data-v-76c8271f]{margin-top:12px}.password-options .option-label[data-v-76c8271f]{color:var(--text-tertiary);cursor:pointer;white-space:nowrap;text-overflow:unset;align-items:center;gap:10px;font-size:13px;overflow:visible;display:inline-flex!important}.option-label input[type=checkbox][data-v-76c8271f]{opacity:0;width:0;height:0;position:absolute}.option-label .custom-checkbox[data-v-76c8271f]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.option-label:hover .custom-checkbox[data-v-76c8271f]{border-color:var(--border-secondary)}.option-label input[type=checkbox]:checked+.custom-checkbox[data-v-76c8271f]{background-color:var(--accent-primary);border-color:var(--accent-primary)}.option-label input[type=checkbox]:checked+.custom-checkbox[data-v-76c8271f]:after{content:"";border-left:2px solid var(--bg-primary);border-bottom:2px solid var(--bg-primary);width:10px;height:5px;margin-top:-2px;transform:rotate(-45deg)}.modal-footer[data-v-76c8271f]{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.secondary-btn[data-v-76c8271f]{border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.secondary-btn[data-v-76c8271f]:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.primary-btn[data-v-76c8271f]{background-color:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.primary-btn[data-v-76c8271f]:hover{opacity:.9}.modal-overlay[data-v-74d10f46]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-modal[data-v-74d10f46]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header[data-v-74d10f46]{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-74d10f46]{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.close-btn[data-v-74d10f46]{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;transition:all .2s}.close-btn[data-v-74d10f46]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-74d10f46]{padding:24px 20px}.qr-section[data-v-74d10f46]{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.qr-container[data-v-74d10f46]{border-radius:var(--radius-md);background-color:#fff;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:16px;display:flex}.qrcode-img[data-v-74d10f46]{object-fit:contain;width:100%;height:100%}.qr-loading[data-v-74d10f46]{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-text[data-v-74d10f46]{margin-top:8px;font-size:14px}.qr-hint[data-v-74d10f46]{color:var(--text-secondary);text-align:center;font-size:13px;line-height:1.5}.link-section[data-v-74d10f46]{justify-content:center;align-items:center;display:flex}.link-box[data-v-74d10f46]{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;display:flex;overflow:hidden}.link-box input[data-v-74d10f46]{color:var(--text-secondary);background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-size:13px}.copy-btn[data-v-74d10f46]{background-color:var(--bg-quaternary);color:var(--text-primary);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 16px;transition:all .2s;display:flex}.copy-btn[data-v-74d10f46]:hover{background-color:var(--accent-secondary)}.modal-footer[data-v-74d10f46]{border-top:1px solid var(--border-primary);justify-content:center;padding:16px 20px;display:flex}.primary-btn[data-v-74d10f46]{background-color:var(--accent-primary);width:100%;color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s}.primary-btn[data-v-74d10f46]:hover{opacity:.9}.upload-progress-container[data-v-d2d406f3]{z-index:1500;position:fixed;bottom:24px;right:24px}.progress-panel[data-v-d2d406f3]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-lg);overflow:hidden}.panel-header[data-v-d2d406f3]{border-bottom:1px solid var(--border-primary);background-color:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-left[data-v-d2d406f3],.header-right[data-v-d2d406f3]{align-items:center;gap:12px;display:flex}.title[data-v-d2d406f3]{color:var(--text-primary);font-size:14px;font-weight:600}.circular-progress[data-v-d2d406f3],.progress-icon-wrapper[data-v-d2d406f3]{justify-content:center;align-items:center;display:flex}.progress-icon[data-v-d2d406f3]{color:var(--accent-secondary)}.mini-progress-icon[data-v-d2d406f3]{justify-content:center;align-items:center;display:flex}.image-icon[data-v-d2d406f3]{color:var(--text-secondary)}.count-stats[data-v-d2d406f3]{color:var(--text-tertiary);gap:10px;font-size:13px;display:flex}.success-count[data-v-d2d406f3]{color:var(--success);font-weight:600}.header-actions[data-v-d2d406f3]{gap:4px;display:flex}.icon-btn[data-v-d2d406f3]{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn[data-v-d2d406f3]:hover{background-color:var(--bg-quaternary);color:var(--text-primary)}.panel-body[data-v-d2d406f3]{max-height:300px;overflow-y:auto}.progress-item[data-v-d2d406f3]{border-bottom:1px solid var(--border-primary);align-items:center;gap:12px;padding:12px 16px;display:flex}.progress-item[data-v-d2d406f3]:last-child{border-bottom:none}.item-icon[data-v-d2d406f3]{justify-content:center;align-items:center;width:24px;display:flex}.spin[data-v-d2d406f3]{animation:1s linear infinite spin-d2d406f3}@keyframes spin-d2d406f3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.item-info[data-v-d2d406f3]{flex:1;min-width:0}.item-name-row[data-v-d2d406f3]{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.item-name[data-v-d2d406f3]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.item-status[data-v-d2d406f3]{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-size:11px}.item-progress-bar[data-v-d2d406f3]{background-color:var(--border-primary);border-radius:2px;width:100%;height:4px;overflow:hidden}.item-progress-fill[data-v-d2d406f3]{background-color:var(--accent-secondary);border-radius:2px;height:100%;transition:width .2s}.item-actions[data-v-d2d406f3]{display:flex}.minimized-panel[data-v-d2d406f3]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-lg);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mini-content[data-v-d2d406f3]{align-items:center;gap:12px;display:flex}.mini-title[data-v-d2d406f3]{color:var(--text-primary);font-size:14px;font-weight:600}.mini-progress-indicator[data-v-d2d406f3]{justify-content:center;align-items:center;display:flex}.mini-progress-indicator .progress-icon[data-v-d2d406f3]{color:var(--accent-secondary)}.mini-right[data-v-d2d406f3]{align-items:center;gap:12px;display:flex}.mini-expand[data-v-d2d406f3]{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;transition:all .2s}.mini-expand[data-v-d2d406f3]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.image-viewer-overlay[data-v-14c8baad]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background-color:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer-close[data-v-14c8baad]{color:#fff;cursor:pointer;opacity:.6;z-index:3010;background:0 0;border:none;transition:opacity .2s;position:absolute;top:24px;right:24px}.viewer-close[data-v-14c8baad]:hover{opacity:1}.viewer-content[data-v-14c8baad]{flex-direction:column;width:90vw;height:90vh;display:flex;position:relative}.image-wrapper[data-v-14c8baad]{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.main-image[data-v-14c8baad]{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;max-width:100%;max-height:100%;transition:transform .3s}.main-image.cursor-grab[data-v-14c8baad]{cursor:grab}.main-image.cursor-grabbing[data-v-14c8baad]{cursor:grabbing}.nav-btn[data-v-14c8baad]{color:#fff;cursor:pointer;opacity:.4;background:#ffffff0d;border:none;border-radius:12px;padding:20px 10px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn[data-v-14c8baad]:hover{opacity:1;background:#ffffff1a}.nav-btn.prev[data-v-14c8baad]{left:20px}.nav-btn.next[data-v-14c8baad]{right:20px}.viewer-info[data-v-14c8baad]{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.image-index[data-v-14c8baad]{color:#ffffff80;font-size:14px}.info-actions[data-v-14c8baad]{align-items:center;gap:12px;display:flex}.scale-display[data-v-14c8baad]{color:#ffffffb3;text-align:center;min-width:50px;font-size:14px}.icon-action-btn[data-v-14c8baad]{color:#fff;cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:relative}.icon-action-btn[data-v-14c8baad]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#000c;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .2s;position:absolute;top:-36px;left:50%;transform:translate(-50%)scale(.9)}.icon-action-btn[data-v-14c8baad]:hover:after{opacity:1;transform:translate(-50%)scale(1)}.icon-action-btn[data-v-14c8baad]:hover{background-color:var(--accent-secondary);border-color:var(--accent-secondary)}.danger-icon-btn[data-v-14c8baad]:hover{color:#ef4444;background-color:#ef444433;border-color:#ef4444}.portfolio-page[data-v-4a645423]{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.toolbar[data-v-4a645423]{background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);z-index:99;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.left-actions[data-v-4a645423],.right-actions[data-v-4a645423],.select-buttons[data-v-4a645423]{align-items:center;gap:12px;display:flex}.selected-count[data-v-4a645423]{color:var(--text-secondary);font-size:14px}.action-btn[data-v-4a645423]{border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background-color:#0000;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.action-btn[data-v-4a645423]:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.primary-btn[data-v-4a645423],.secondary-btn[data-v-4a645423]{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.primary-btn[data-v-4a645423]{background-color:var(--accent-primary);color:var(--bg-primary);border:none}.primary-btn[data-v-4a645423]:hover{opacity:.9}.secondary-btn[data-v-4a645423]{border:1px solid var(--border-primary);color:var(--text-secondary);background:0 0}.secondary-btn[data-v-4a645423]:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.danger-btn[data-v-4a645423]{border:1px solid var(--accent-danger,#ef4444);color:var(--accent-danger,#ef4444);background:0 0}.danger-btn[data-v-4a645423]:hover:not(:disabled){background-color:var(--accent-danger,#ef4444);color:#fff}.danger-btn[data-v-4a645423]:disabled{opacity:.5;cursor:not-allowed}.upload-dropdown[data-v-4a645423]{position:relative}.dropdown-menu[data-v-4a645423]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:160px;margin-top:8px;position:absolute;top:100%;left:0}.dropdown-item[data-v-4a645423]{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.dropdown-item[data-v-4a645423]:hover{background-color:var(--bg-tertiary)}.hidden-input[data-v-4a645423]{display:none}.main-content[data-v-4a645423]{flex:1;padding:32px;overflow-y:auto}.loading-state[data-v-4a645423],.empty-state[data-v-4a645423]{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:100px 0;display:flex}.spinner[data-v-4a645423]{border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-4a645423}@keyframes spin-4a645423{to{transform:rotate(360deg)}}.empty-icon[data-v-4a645423]{opacity:.3}.images-grid[data-v-4a645423]{contain:layout paint;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:10px;display:grid;position:relative}.image-item[data-v-4a645423]{aspect-ratio:2/3;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;contain:strict;content-visibility:auto;transition:all .2s;position:relative;overflow:hidden}.image-item[data-v-4a645423]:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.image-item.selected[data-v-4a645423]{outline:2px solid var(--accent-secondary)}.image-item img[data-v-4a645423]{object-fit:cover;width:100%;height:100%}.selection-overlay[data-v-4a645423]{background-color:#478af924;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.check-icon[data-v-4a645423]{color:#fff;filter:drop-shadow(0 2px 4px #0000004d)}.selection-box[data-v-4a645423]{border:2px solid var(--accent-secondary);pointer-events:none;z-index:1000;background-color:#3b82f626;position:fixed}.file-drag-overlay[data-v-4a645423]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;pointer-events:none;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.file-drag-content[data-v-4a645423]{color:#fff;pointer-events:auto;flex-direction:column;align-items:center;gap:16px;display:flex}.file-drag-text[data-v-4a645423]{font-size:18px;font-weight:600}.success-toast[data-v-4a645423]{background-color:var(--accent-success,#22c55e);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:4000;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s slideDown-4a645423;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes slideDown-4a645423{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.modal-overlay[data-v-fe5d1b79]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-fe5d1b79]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-header[data-v-fe5d1b79]{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h2[data-v-fe5d1b79]{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:18px;font-weight:700}.close-btn[data-v-fe5d1b79]{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.close-btn[data-v-fe5d1b79]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-fe5d1b79]{padding:32px 24px}.confirm-message[data-v-fe5d1b79]{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.modal-footer[data-v-fe5d1b79]{background-color:var(--bg-tertiary);border-top:1px solid var(--border-primary);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn[data-v-fe5d1b79]{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary[data-v-fe5d1b79]{border:1px solid var(--border-primary);color:var(--text-secondary);background:0 0}.btn-secondary[data-v-fe5d1b79]:hover{background-color:var(--bg-quaternary);color:var(--text-primary)}.btn[data-v-fe5d1b79]:not(.btn-secondary){background-color:var(--accent-primary);color:var(--bg-primary)}.btn[data-v-fe5d1b79]:not(.btn-secondary):hover{opacity:.9}.btn-danger[data-v-fe5d1b79]{background-color:var(--accent-danger,#ef4444)!important;color:#fff!important}.btn-danger[data-v-fe5d1b79]:hover{opacity:.9}.btn-warning[data-v-fe5d1b79]{background-color:var(--accent-warning,#f59e0b)!important;color:#fff!important}.btn-warning[data-v-fe5d1b79]:hover{opacity:.9}.btn[data-v-fe5d1b79]:disabled{opacity:.5;cursor:not-allowed}.spin[data-v-fe5d1b79]{margin-right:8px;animation:1s linear infinite spin-fe5d1b79}@keyframes spin-fe5d1b79{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-page[data-v-6e904dba]{padding:32px}.toolbar[data-v-6e904dba]{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title[data-v-6e904dba]{color:var(--text-primary);margin:0;font-size:22px;font-weight:800}.view-options[data-v-6e904dba]{background-color:var(--bg-tertiary);border-radius:var(--radius-md);gap:8px;padding:4px;display:flex}.view-btn[data-v-6e904dba]{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px;transition:all .2s}.view-btn[data-v-6e904dba]:hover{color:var(--text-primary);background-color:var(--bg-quaternary)}.view-btn.active[data-v-6e904dba]{background-color:var(--bg-primary);color:var(--text-primary)}.loading-state[data-v-6e904dba],.empty-state[data-v-6e904dba]{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:100px 0;display:flex}.spinner[data-v-6e904dba]{border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-6e904dba}@keyframes spin-6e904dba{to{transform:rotate(360deg)}}.empty-icon[data-v-6e904dba]{opacity:.3}.works-grid[data-v-6e904dba]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.work-card[data-v-6e904dba]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s;overflow:hidden}.work-card[data-v-6e904dba]:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-image[data-v-6e904dba]{aspect-ratio:4/3;background-color:var(--bg-tertiary);width:100%;position:relative;overflow:hidden}.card-image img[data-v-6e904dba]{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-card:hover .card-image img[data-v-6e904dba]{transform:scale(1.05)}.card-overlay[data-v-6e904dba]{opacity:0;background:linear-gradient(#0006,#0000,#000000b3);flex-direction:column;justify-content:space-between;padding:16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.work-card:hover .card-overlay[data-v-6e904dba]{opacity:1}.work-count-badge[data-v-6e904dba]{color:#fff;border-radius:var(--radius-sm);background-color:#0009;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:600}.overlay-actions[data-v-6e904dba]{justify-content:flex-end;gap:8px;display:flex}.action-icon[data-v-6e904dba]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background-color:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-icon[data-v-6e904dba]:hover{background-color:var(--accent-secondary)}.card-info[data-v-6e904dba]{padding:16px}.work-title[data-v-6e904dba]{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:700}.work-date[data-v-6e904dba]{color:var(--text-tertiary);font-size:13px}.works-list[data-v-6e904dba]{flex-direction:column;gap:12px;display:flex}.work-list-item[data-v-6e904dba]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.work-list-item[data-v-6e904dba]:hover{border-color:var(--border-secondary)}.list-cover[data-v-6e904dba]{border-radius:var(--radius-sm);background-color:var(--bg-tertiary);flex-shrink:0;width:120px;height:90px;overflow:hidden}.list-cover img[data-v-6e904dba]{object-fit:cover;width:100%;height:100%}.list-info[data-v-6e904dba]{flex:1;min-width:0}.work-meta[data-v-6e904dba]{gap:16px;margin-top:4px;display:flex}.work-count[data-v-6e904dba]{color:var(--accent-secondary);font-size:13px;font-weight:600}.list-actions[data-v-6e904dba]{gap:8px;display:flex}.icon-btn[data-v-6e904dba]{width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn[data-v-6e904dba]:hover{background-color:var(--bg-tertiary);color:var(--text-secondary)}