*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo h1{color:#42b983;font-size:1.8rem;font-weight:700}.nav-menu{display:flex;list-style:none}.nav-item{margin:0 15px}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:color .3s}.nav-link:hover{color:#42b983}.nav-auth{display:flex;align-items:center}.btn{padding:10px 20px;border-radius:5px;font-weight:500;cursor:pointer;transition:all .3s;border:none;font-size:1rem}.btn-primary{background-color:#42b983;color:#fff}.btn-primary:hover{background-color:#359c6d}.btn-outline{background-color:transparent;border:1px solid #42b983;color:#42b983;margin-right:10px}.btn-outline:hover{background-color:#f0f9f6}.btn-large{padding:12px 24px;font-size:1.1rem}.hero{padding:80px 20px;background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);display:flex;align-items:center;min-height:80vh}.hero-content{flex:1;max-width:600px}.hero-content h2{font-size:3rem;margin-bottom:20px;color:#2c3e50;line-height:1.2}.hero-content p{font-size:1.2rem;margin-bottom:30px;color:#555}.hero-buttons{display:flex;gap:15px}.hero-image{flex:1;display:flex;justify-content:center}.image-placeholder{width:100%;max-width:500px;height:350px;background:white;border-radius:10px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;justify-content:center}.photo-grid-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:80%;height:80%}.photo-item-preview{background:linear-gradient(45deg,#42b983,#359c6d);border-radius:5px;opacity:.8}.photo-item-preview:nth-child(2){background:linear-gradient(45deg,#8e44ad,#9b59b6);opacity:.6}.photo-item-preview:nth-child(3){background:linear-gradient(45deg,#e74c3c,#c0392b);opacity:.7}.photo-item-preview:nth-child(4){background:linear-gradient(45deg,#f39c12,#d35400);opacity:.9}.features{padding:100px 20px;background-color:#fff}.container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#2c3e50}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{text-align:center;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000000d;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#2c3e50}.feature-card p{color:#777;font-size:1rem}.footer{background-color:#2c3e50;color:#fff;padding:60px 20px 30px;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:1.8rem;margin-bottom:20px;color:#42b983}.footer-section h4{font-size:1.3rem;margin-bottom:20px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#ddd;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#42b983}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #444;color:#aaa}@media (max-width: 992px){.hero{flex-direction:column;text-align:center}.hero-content{margin-bottom:50px}.hero-buttons{justify-content:center}}@media (max-width: 768px){.nav-menu{display:none}.hero-content h2{font-size:2.2rem}.section-title{font-size:2rem}}.navbar[data-v-e7d97526]{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-container[data-v-e7d97526]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo[data-v-e7d97526]{flex:0 0 auto}.nav-logo h1[data-v-e7d97526]{color:#42b983;font-size:1.8rem;font-weight:700}.nav-menu[data-v-e7d97526]{display:flex;list-style:none}.nav-item[data-v-e7d97526]{margin:0 15px}.nav-link[data-v-e7d97526]{text-decoration:none;color:#33;font-weight:500;transition:color .3s;padding:10px 0}.nav-link[data-v-e7d97526]:hover{color:#42b983}.nav-link.active[data-v-e7d97526]{color:#42b983;border-bottom:2px solid #42b983}.nav-search[data-v-e7d97526]{flex:1;display:flex;justify-content:center;margin:0 20px}.search-container[data-v-e7d97526]{position:relative;width:100%;max-width:400px}.search-input[data-v-e7d97526]{width:100%;padding:8px 30px 8px 15px;border:2px solid #e2e8f0;border-radius:20px;font-size:.9rem;transition:all .3s ease;background-color:#f8f9fa;box-sizing:border-box}.search-input[data-v-e7d97526]:focus{outline:none;border-color:#42b983;background-color:#fff;box-shadow:0 0 0 3px #42b9831a}.search-icon[data-v-e7d97526]{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1rem;color:#777}.nav-actions[data-v-e7d97526]{flex:0 0 auto;display:flex;align-items:center;gap:10px}.btn[data-v-e7d97526]{padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s;border:none;font-size:.9rem;display:flex;align-items:center;gap:5px}.btn-outline[data-v-e7d97526]{background-color:transparent;border:1px solid #42b983;color:#42b983}.btn-outline[data-v-e7d97526]:hover{background-color:#f0f9f6}.btn-primary[data-v-e7d97526]{background-color:#42b983;color:#fff}.btn-primary[data-v-e7d97526]:hover{background-color:#359c6d}.btn[data-v-e7d97526]:disabled{opacity:.6;cursor:not-allowed}.upload-icon[data-v-e7d97526]{font-size:1rem;margin-right:5px}@media (max-width: 768px){.nav-container[data-v-e7d97526]{padding:0 15px;height:auto;min-height:70px;flex-wrap:wrap}.nav-search[data-v-e7d97526]{order:3;width:100%;margin:10px 0 0;max-width:none}.search-container[data-v-e7d97526]{max-width:none}.search-input[data-v-e7d97526]{width:100%}.nav-actions[data-v-e7d97526]{gap:8px}.btn[data-v-e7d97526]{padding:8px 12px;font-size:.85rem}}.dialog-overlay[data-v-6595c39d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10002}.dialog[data-v-6595c39d]{background:white;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;animation:dialogShow-6595c39d .3s ease-out}@keyframes dialogShow-6595c39d{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-header[data-v-6595c39d]{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 10px;border-bottom:1px solid #eee}.dialog-header h3[data-v-6595c39d]{margin:0;color:#333}.close-button[data-v-6595c39d]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button[data-v-6595c39d]:hover{color:#333}.dialog-content[data-v-6595c39d]{padding:20px}.dialog-content p[data-v-6595c39d]{margin:0;color:#666;line-height:1.5}.dialog-footer[data-v-6595c39d]{padding:15px 20px 20px;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-6595c39d]{padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s;border:none;font-size:.9rem}.btn-primary[data-v-6595c39d]{background-color:#42b983;color:#fff}.btn-primary[data-v-6595c39d]:hover{background-color:#359c6d}.btn-secondary[data-v-6595c39d]{background-color:#f0f5f9;color:#2c3e50;border:1px solid #d1dce5}.btn-secondary[data-v-6595c39d]:hover{background-color:#e2e8f0}.btn-danger[data-v-6595c39d]{background-color:#e74c3c;color:#fff}.btn-danger[data-v-6595c39d]:hover{background-color:#c0392b}.btn-warning[data-v-6595c39d]{background-color:#f39c12;color:#fff}.btn-warning[data-v-6595c39d]:hover{background-color:#d35400}.progressive-container[data-v-6f9ddf72]{position:relative;width:100%;height:100%;overflow:hidden;min-height:200px}.progressive-container img[data-v-6f9ddf72]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.loading-spinner-container[data-v-6f9ddf72]{display:flex;align-items:center;justify-content:center;position:relative}.loading-spinner[data-v-6f9ddf72]{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid rgba(255,255,255,.8);border-radius:50%;animation:spin-6f9ddf72 1s linear infinite;box-shadow:0 0 10px #ffffff1a}.fullscreen-img+.loading-placeholder[data-v-6f9ddf72],.photo-detail-image .loading-placeholder[data-v-6f9ddf72]{background-color:transparent!important;color:#ffffffe6!important}.fullscreen-img+.loading-placeholder .loading-spinner[data-v-6f9ddf72],.photo-detail-image .loading-placeholder .loading-spinner[data-v-6f9ddf72]{border:3px solid rgba(255,255,255,.15);border-top:3px solid rgba(255,255,255,.8);width:50px;height:50px;box-shadow:0 0 20px #ffffff1a}.error-placeholder[data-v-6f9ddf72]{background-color:transparent!important;color:#ffffffb3!important}.error-content[data-v-6f9ddf72]{display:flex;flex-direction:column;align-items:center;text-align:center}.fullscreen-img+.error-placeholder[data-v-6f9ddf72],.photo-detail-image .error-placeholder[data-v-6f9ddf72]{background-color:transparent!important;color:#ffffffb3!important}@keyframes spin-6f9ddf72{0%{transform:rotate(0)}to{transform:rotate(360deg)}}img[data-v-6f9ddf72],.loading-placeholder[data-v-6f9ddf72],.error-placeholder[data-v-6f9ddf72]{transition:opacity .3s ease-in-out}.progressive-info[data-v-6f9ddf72]{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);text-align:center;font-size:12px;opacity:.8}.progressive-stage[data-v-6f9ddf72]{margin-top:10px;font-weight:500}.loading-progress[data-v-6f9ddf72]{position:absolute;bottom:-45px;left:50%;transform:translate(-50%);width:120px;text-align:center}.progress-bar[data-v-6f9ddf72]{width:100%;height:3px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;margin-bottom:5px}.progress-fill[data-v-6f9ddf72]{height:100%;background:rgba(66,185,131,.9);transition:width .3s ease;border-radius:2px}.progress-text[data-v-6f9ddf72]{font-size:11px;font-weight:500}.cache-status[data-v-6f9ddf72]{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);text-align:center;font-size:11px;opacity:.7}.cache-status-text[data-v-6f9ddf72]{margin-top:8px;font-weight:500;color:#42b983}.retry-info[data-v-6f9ddf72]{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);font-size:12px;opacity:.8}button[data-v-6f9ddf72]:hover:not(:disabled){background:rgba(66,185,131,1)!important;transform:translateY(-1px);box-shadow:0 2px 8px #42b9834d}.upload-preview-section[data-v-5e519cd8]{margin-bottom:25px;background:#f8f9fa;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;position:relative;z-index:10}.preview-header[data-v-5e519cd8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.preview-title[data-v-5e519cd8]{display:flex;align-items:center;gap:10px;margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600}.preview-icon[data-v-5e519cd8]{color:#42b983}.preview-actions[data-v-5e519cd8]{display:flex;gap:12px;align-items:center}.btn-auxiliary[data-v-5e519cd8]{background-color:#8fa3b3;color:#fff;display:flex;align-items:center;gap:6px}.btn-auxiliary[data-v-5e519cd8]:hover:not(:disabled){background-color:#7a8ea0;transform:translateY(-1px)}.upload-preview-grid[data-v-5e519cd8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;transition:all .3s ease}.preview-item[data-v-5e519cd8]{background:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;position:relative}.preview-item[data-v-5e519cd8]:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000001f}.preview-item.preview-uploading[data-v-5e519cd8]{border:2px solid #42b983;box-shadow:0 2px 8px #42b98333}.preview-item.preview-success[data-v-5e519cd8]{border:2px solid #27ae60;box-shadow:0 2px 8px #27ae6033}.preview-item.preview-error[data-v-5e519cd8]{border:2px solid #e74c3c;box-shadow:0 2px 8px #e74c3c33}.preview-item.preview-duplicate[data-v-5e519cd8]{border:2px solid #f39c12;box-shadow:0 2px 8px #f39c1233;background:#fef9e7}.preview-image-container[data-v-5e519cd8]{position:relative;width:100%;height:150px;overflow:hidden}.preview-image[data-v-5e519cd8]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preview-item:hover .preview-image[data-v-5e519cd8]{transform:scale(1.05)}.preview-overlay[data-v-5e519cd8]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.preview-item:hover .preview-overlay[data-v-5e519cd8]{opacity:1}.preview-remove-btn[data-v-5e519cd8]{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 6px #0003}.preview-remove-btn[data-v-5e519cd8]:hover:not(:disabled){background:#c0392b;transform:scale(1.1)}.preview-remove-btn[data-v-5e519cd8]:disabled{opacity:.5;cursor:not-allowed;transform:none}.preview-status[data-v-5e519cd8]{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.95);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.status-pending svg[data-v-5e519cd8]{color:#6c757d}.status-uploading[data-v-5e519cd8]{flex-direction:column;gap:2px}.upload-spinner[data-v-5e519cd8]{width:12px;height:12px;border:2px solid #42b983;border-top:2px solid transparent;border-radius:50%;animation:spin-5e519cd8 1s linear infinite}.upload-progress-text[data-v-5e519cd8]{font-size:8px;font-weight:700;color:#42b983}.status-success svg[data-v-5e519cd8]{color:#27ae60}.status-error svg[data-v-5e519cd8]{color:#e74c3c}.status-duplicate svg[data-v-5e519cd8]{color:#f39c12}@keyframes spin-5e519cd8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-progress-bar[data-v-5e519cd8]{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.3)}.preview-progress-fill[data-v-5e519cd8]{height:100%;background:#42b983;transition:width .3s ease}.preview-info[data-v-5e519cd8]{padding:12px}.preview-name[data-v-5e519cd8]{margin:0 0 4px;font-size:.85rem;font-weight:600;color:#2c3e50;line-height:1.3}.preview-size[data-v-5e519cd8]{margin:0;font-size:.75rem;color:#6c757d}.preview-error[data-v-5e519cd8]{margin:4px 0 0;font-size:.75rem;color:#e74c3c;font-weight:500}.retry-btn[data-v-5e519cd8]{margin-top:8px;padding:6px 12px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px}.retry-btn[data-v-5e519cd8]:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 2px 6px #0003}.retry-btn[data-v-5e519cd8]:disabled{opacity:.6;cursor:not-allowed;transform:none}.retry-btn[data-v-5e519cd8]:active:not(:disabled){transform:translateY(0)}.preview-duplicate-info[data-v-5e519cd8]{margin-top:8px;padding:8px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;font-size:.75rem}.duplicate-warning[data-v-5e519cd8]{color:#856404;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:4px}.existing-photo-info[data-v-5e519cd8]{margin-bottom:8px}.existing-name[data-v-5e519cd8]{margin:0 0 2px;color:#856404;font-weight:500}.existing-time[data-v-5e519cd8]{margin:0;color:#8b6f3d;font-size:.7rem}.force-upload-btn[data-v-5e519cd8]{width:100%;padding:6px 12px;background-color:#f39c12;color:#fff;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:4px}.force-upload-btn[data-v-5e519cd8]:hover:not(:disabled){background-color:#e67e22;transform:translateY(-1px);box-shadow:0 2px 6px #0003}.force-upload-btn[data-v-5e519cd8]:disabled{opacity:.6;cursor:not-allowed;transform:none}.force-upload-btn[data-v-5e519cd8]:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.upload-preview-grid[data-v-5e519cd8]{grid-template-columns:repeat(2,1fr);gap:12px}.preview-header[data-v-5e519cd8]{flex-direction:column;gap:15px;align-items:stretch}.preview-actions[data-v-5e519cd8]{justify-content:center;flex-wrap:wrap}.preview-image-container[data-v-5e519cd8]{height:120px}}@media (max-width: 480px){.upload-preview-grid[data-v-5e519cd8]{grid-template-columns:1fr}.upload-preview-section[data-v-5e519cd8]{padding:15px}}.modal[data-v-931f1d5a]{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content[data-v-931f1d5a]{background-color:#fefefe;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;width:90%;position:relative}.edit-dialog[data-v-931f1d5a]{max-width:500px}.close[data-v-931f1d5a]{position:absolute;top:10px;right:15px;font-size:28px;font-weight:700;color:#aaa;cursor:pointer;line-height:1}.close[data-v-931f1d5a]:hover{color:#333}.edit-dialog-content h3[data-v-931f1d5a]{margin:0 0 20px;color:#333;font-size:1.25rem;font-weight:600}.form-group[data-v-931f1d5a]{margin-bottom:20px}.form-group label[data-v-931f1d5a]{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-control[data-v-931f1d5a]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-control[data-v-931f1d5a]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.edit-dialog-actions[data-v-931f1d5a]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn[data-v-931f1d5a]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.btn[data-v-931f1d5a]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-931f1d5a]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-931f1d5a]:hover:not(:disabled){background-color:#5a6268}.btn-primary[data-v-931f1d5a]{background-color:#007bff;color:#fff}.btn-primary[data-v-931f1d5a]:hover:not(:disabled){background-color:#0069d9}.modal[data-v-390aaff6]{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content[data-v-390aaff6]{background-color:#fefefe;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;width:90%;position:relative}.fullscreen-modal[data-v-390aaff6]{background-color:#000000e6;z-index:2000;animation:modalFadeIn-390aaff6 .3s ease}.fullscreen-content[data-v-390aaff6]{max-width:none;width:100%;height:100%;background:transparent;padding:0;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center}.close[data-v-390aaff6]{position:absolute;top:20px;left:30px;font-size:40px;font-weight:700;color:#fffc;cursor:pointer;line-height:1;z-index:10;transition:color .2s}.close[data-v-390aaff6]:hover{color:#fff}.photo-detail-container[data-v-390aaff6]{display:flex;width:100%;height:100%;position:relative}.photo-display-area[data-v-390aaff6]{position:relative;flex:1;display:flex;align-items:center;justify-content:center;cursor:default;overflow:hidden}.fullscreen-img[data-v-390aaff6]{max-width:100%;max-height:100%;object-fit:contain;border-radius:0}.top-info-bar[data-v-390aaff6]{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:center;z-index:5}.photo-index-top[data-v-390aaff6]{background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;backdrop-filter:blur(10px)}.sidebar[data-v-390aaff6]{position:relative;width:320px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.2);transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;z-index:5}.sidebar-collapsed[data-v-390aaff6]{width:0}@media (max-width: 767px){.sidebar[data-v-390aaff6]:not(.sidebar-collapsed){width:90vw;max-width:320px;position:absolute;right:0;top:0;bottom:0;background:rgba(255,255,255,.98);backdrop-filter:blur(30px);box-shadow:-4px 0 20px #0000004d;transform:translate(0);animation:slideInFromRight-390aaff6 .3s ease;border-radius:12px 0 0 12px}.sidebar-collapsed[data-v-390aaff6]{transform:translate(100%)}.sidebar-overlay[data-v-390aaff6]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:4;animation:fadeIn-390aaff6 .3s ease}.sidebar-content[data-v-390aaff6]{padding:24px 20px;gap:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-section[data-v-390aaff6]{padding-bottom:20px}.sidebar-section[data-v-390aaff6]:last-child{padding-bottom:0}.sidebar-title[data-v-390aaff6]{font-size:16px;margin-bottom:16px;color:#2c3e50}.info-group[data-v-390aaff6]{gap:16px}.info-item[data-v-390aaff6]{gap:8px}.info-label[data-v-390aaff6]{font-size:12px;color:#666;font-weight:600}.info-value[data-v-390aaff6]{font-size:14px;color:#333;line-height:1.4}.info-value.filename[data-v-390aaff6]{font-size:12px;word-break:break-all}.action-buttons[data-v-390aaff6]{flex-direction:column;gap:12px}.action-btn[data-v-390aaff6]{padding:14px 18px;font-size:15px;border-radius:8px;font-weight:500}.navigation-controls[data-v-390aaff6]{flex-direction:column;gap:12px}.nav-control-btn[data-v-390aaff6]{padding:14px 18px;font-size:15px;border-radius:8px;border:1px solid #e1e5e9}.nav-control-btn[data-v-390aaff6]:first-child,.nav-control-btn[data-v-390aaff6]:last-child{justify-content:center}@supports (padding-bottom: env(safe-area-inset-bottom)){.sidebar-content[data-v-390aaff6]{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}}.sidebar-toggle[data-v-390aaff6]{position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(0,0,0,.7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.sidebar-toggle[data-v-390aaff6]:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.sidebar-collapsed .sidebar-toggle[data-v-390aaff6]{right:20px}@media (max-width: 767px){.sidebar-toggle[data-v-390aaff6]{top:20px;right:20px;width:48px;height:48px;background:rgba(0,0,0,.85);border-radius:50%;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.sidebar-toggle[data-v-390aaff6]:hover{background:rgba(0,0,0,.95);transform:scale(1.05)}@supports (top: env(safe-area-inset-top)){.sidebar-toggle[data-v-390aaff6]{top:calc(20px + env(safe-area-inset-top))}}}.sidebar-content[data-v-390aaff6]{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.sidebar-section[data-v-390aaff6]{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px}.sidebar-section[data-v-390aaff6]:last-child{border-bottom:none;padding-bottom:0}.sidebar-title[data-v-390aaff6]{margin:0 0 16px;font-size:16px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.sidebar-title[data-v-390aaff6]:before{content:"";width:4px;height:16px;background:#42b983;border-radius:2px}.info-group[data-v-390aaff6]{display:flex;flex-direction:column;gap:12px}.info-item[data-v-390aaff6]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-390aaff6]{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-390aaff6]{font-size:14px;color:#333;line-height:1.4}.info-value.filename[data-v-390aaff6]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#555;word-break:break-all}.info-value.description[data-v-390aaff6]{line-height:1.5;color:#444}.action-buttons[data-v-390aaff6]{display:flex;flex-direction:row;gap:8px}.action-btn[data-v-390aaff6]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;min-width:0}.action-btn[data-v-390aaff6]:disabled{opacity:.6;cursor:not-allowed}.primary-btn[data-v-390aaff6]{background:#42b983;color:#fff}.primary-btn[data-v-390aaff6]:hover:not(:disabled){background:#359c6d;transform:translateY(-1px)}.danger-btn[data-v-390aaff6]{background:rgba(220,53,69,.9);color:#fff}.danger-btn[data-v-390aaff6]:hover:not(:disabled){background:rgba(220,53,69,1);transform:translateY(-1px)}.share-btn[data-v-390aaff6]{background:rgba(52,152,219,.9);color:#fff}.share-btn[data-v-390aaff6]:hover:not(:disabled){background:rgba(52,152,219,1);transform:translateY(-1px)}.share-loading[data-v-390aaff6],.share-content[data-v-390aaff6],.delete-loading[data-v-390aaff6],.delete-content[data-v-390aaff6]{display:flex;align-items:center;gap:8px}.delete-x[data-v-390aaff6]{font-weight:700;font-size:16px}.navigation-controls[data-v-390aaff6]{display:flex;gap:8px}.nav-control-btn[data-v-390aaff6]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid #ddd;border-radius:8px;background:white;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease}.nav-control-btn[data-v-390aaff6]:hover:not(:disabled){background:#f5f5f5;border-color:#42b983;color:#42b983}.nav-control-btn[data-v-390aaff6]:disabled{opacity:.5;cursor:not-allowed}.nav-control-btn[data-v-390aaff6]:first-child{justify-content:flex-start}.nav-control-btn[data-v-390aaff6]:last-child{justify-content:flex-end}.nav-btn[data-v-390aaff6]{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:5;opacity:0}.nav-btn[data-v-390aaff6]:hover{background:rgba(0,0,0,.7)}.photo-display-area:hover .nav-btn[data-v-390aaff6]{opacity:1}.nav-btn-left[data-v-390aaff6]{left:20px}.nav-btn-right[data-v-390aaff6]{right:20px}.spin[data-v-390aaff6]{animation:spin-390aaff6 1s linear infinite}@keyframes spin-390aaff6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalFadeIn-390aaff6{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-390aaff6{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromRight-390aaff6{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn-390aaff6{0%{opacity:0}to{opacity:1}}.photo-grid[data-v-70e385e6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.photo-item[data-v-70e385e6]{border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:all .3s;background:white;cursor:pointer}.photo-item[data-v-70e385e6]:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.photo-wrapper[data-v-70e385e6]{position:relative;overflow:hidden}.photo-wrapper img[data-v-70e385e6]{width:100%;height:200px;object-fit:cover;display:block;transition:transform .3s}.photo-item:hover .photo-wrapper img[data-v-70e385e6]{transform:scale(1.05)}.photo-overlay[data-v-70e385e6]{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .3s;display:flex;gap:5px}.photo-item:hover .photo-overlay[data-v-70e385e6]{opacity:1}.photo-info[data-v-70e385e6]{padding:15px}.photo-name[data-v-70e385e6]{margin:0 0 8px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-date[data-v-70e385e6]{margin:0;font-size:.85rem;color:#777}.btn-icon[data-v-70e385e6]{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:6px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.btn-icon[data-v-70e385e6]:hover{background-color:#42b9831a;transform:scale(1.1)}.btn-icon[data-v-70e385e6]:active{transform:scale(.95)}.edit-icon[data-v-70e385e6]{transition:all .3s ease;color:#999}.btn-icon:hover .edit-icon[data-v-70e385e6]{transform:scale(1.1);color:#42b983}.delete-icon[data-v-70e385e6]{transition:all .3s ease;color:#999}.btn-icon:hover .delete-icon[data-v-70e385e6]{transform:scale(1.1);color:#e74c3c}.photo-overlay .btn-icon[data-v-70e385e6]{background-color:#fffffff2;backdrop-filter:blur(4px);border:none;box-shadow:0 1px 3px #0000001a}.photo-overlay .btn-icon[data-v-70e385e6]:hover{box-shadow:0 2px 6px #0000004d}.photo-overlay .btn-icon[data-v-70e385e6]:first-child:hover{background-color:#42b983e6;box-shadow:0 2px 6px #42b9834d}.photo-overlay .btn-icon:first-child:hover .edit-icon[data-v-70e385e6]{color:#fff}.photo-overlay .btn-icon[data-v-70e385e6]:last-child:hover{background-color:#e74c3ce6;box-shadow:0 2px 6px #e74c3c4d}.photo-overlay .btn-icon:last-child:hover .delete-icon[data-v-70e385e6]{color:#fff}@media (max-width: 768px){.photo-grid[data-v-70e385e6]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}.photo-list[data-v-080ebce8]{display:flex;flex-direction:column;gap:15px}.photo-list-item[data-v-080ebce8]{display:flex;align-items:center;padding:15px;border-radius:8px;background:white;box-shadow:0 2px 8px #0000001a;transition:all .3s;cursor:pointer}.photo-list-item[data-v-080ebce8]:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.photo-thumb[data-v-080ebce8]{width:80px;height:80px;border-radius:6px;overflow:hidden;margin-right:20px}.photo-thumb img[data-v-080ebce8]{width:100%;height:100%;object-fit:cover}.photo-details[data-v-080ebce8]{flex:1}.photo-details .photo-name[data-v-080ebce8]{margin:0 0 5px;font-weight:500;color:#333}.photo-details .photo-date[data-v-080ebce8]{margin:0;font-size:.85rem;color:#777}.photo-actions[data-v-080ebce8]{margin-left:auto;display:flex;gap:5px}.btn-icon[data-v-080ebce8]{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:6px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.btn-icon[data-v-080ebce8]:hover{background-color:#42b9831a;transform:scale(1.1)}.btn-icon[data-v-080ebce8]:active{transform:scale(.95)}.edit-icon[data-v-080ebce8]{transition:all .3s ease;color:#999}.btn-icon:hover .edit-icon[data-v-080ebce8]{transform:scale(1.1);color:#42b983}.delete-icon[data-v-080ebce8]{transition:all .3s ease;color:#999}.btn-icon:hover .delete-icon[data-v-080ebce8]{transform:scale(1.1);color:#e74c3c}.photo-actions .btn-icon[data-v-080ebce8]{background-color:transparent;border:none}.photo-actions .btn-icon[data-v-080ebce8]:first-child:hover{background-color:#42b9831a}.photo-actions .btn-icon:first-child:hover .edit-icon[data-v-080ebce8]{color:#42b983}.photo-actions .btn-icon[data-v-080ebce8]:last-child:hover{background-color:#e74c3c1a}.photo-actions .btn-icon:last-child:hover .delete-icon[data-v-080ebce8]{color:#e74c3c}.album-controls-modern[data-v-1ab568fc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 20px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;z-index:50;min-height:50px}.controls-left[data-v-1ab568fc]{display:flex;align-items:center;gap:20px}.photo-count-modern[data-v-1ab568fc]{font-size:.95rem;font-weight:600;color:#374151;white-space:nowrap}.controls-center[data-v-1ab568fc]{display:flex;align-items:center}.view-toggle[data-v-1ab568fc]{display:flex;background:#f3f4f6;border-radius:8px;padding:2px;gap:2px}.view-btn[data-v-1ab568fc]{padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-btn[data-v-1ab568fc]:hover{color:#374151;background:rgba(255,255,255,.7)}.view-btn.active[data-v-1ab568fc]{background:white;color:#10b981;box-shadow:0 1px 3px #0000001a}.controls-right[data-v-1ab568fc]{display:flex;align-items:center}.sort-dropdown[data-v-1ab568fc]{position:relative}.sort-trigger[data-v-1ab568fc]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:white;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px;justify-content:space-between}.sort-trigger[data-v-1ab568fc]:hover{border-color:#10b981;color:#10b981;box-shadow:0 1px 3px #0000001a}.dropdown-arrow[data-v-1ab568fc]{transition:transform .2s ease}.dropdown-arrow.rotated[data-v-1ab568fc]{transform:rotate(180deg)}.sort-menu[data-v-1ab568fc]{position:absolute;top:100%;right:0;margin-top:4px;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0003,0 4px 8px #0000001a;z-index:200;min-width:140px;overflow:hidden;animation:dropdownSlideIn-1ab568fc .2s ease}@keyframes dropdownSlideIn-1ab568fc{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sort-option[data-v-1ab568fc]{display:block;width:100%;padding:10px 16px;border:none;background:transparent;color:#374151;font-size:.9rem;text-align:left;cursor:pointer;transition:all .15s ease}.sort-option[data-v-1ab568fc]:hover{background:#f9fafb;color:#10b981}.sort-option.active[data-v-1ab568fc]{background:#ecfdf5;color:#10b981;font-weight:600;position:relative}.sort-option.active[data-v-1ab568fc]:after{content:"\2713";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#10b981;font-weight:700}@media (max-width: 768px){.album-controls-modern[data-v-1ab568fc]{flex-direction:row;flex-wrap:wrap;gap:8px;padding:10px 16px;margin-bottom:16px;min-height:auto}.controls-left[data-v-1ab568fc]{flex:1;flex-direction:row;gap:8px;min-width:0}.photo-count-modern[data-v-1ab568fc]{font-size:.85rem;white-space:nowrap;flex-shrink:0}.controls-center[data-v-1ab568fc]{order:3;width:100%;justify-content:center;margin-top:8px}.controls-right[data-v-1ab568fc]{flex-shrink:0}.sort-trigger[data-v-1ab568fc]{padding:6px 10px;font-size:.85rem;min-width:100px}.sort-menu[data-v-1ab568fc]{left:auto;right:0;transform:none;width:140px}}@media (max-width: 480px){.album-controls-modern[data-v-1ab568fc]{margin-bottom:12px;padding:8px 12px;gap:6px}.controls-left[data-v-1ab568fc]{gap:6px}.photo-count-modern[data-v-1ab568fc]{font-size:.8rem}.controls-center[data-v-1ab568fc]{margin-top:6px}.view-btn[data-v-1ab568fc]{padding:6px 10px}.sort-trigger[data-v-1ab568fc]{padding:6px 8px;font-size:.8rem;min-width:90px}}.load-more-section[data-v-d3ea1bd2]{text-align:center;padding:30px 20px;margin:20px 0}.load-more-btn[data-v-d3ea1bd2]{padding:12px 24px;font-size:.95rem;font-weight:500;border-radius:8px;transition:all .3s ease;min-width:180px;background-color:#6c757d;color:#fff;border:none;cursor:pointer}.load-more-btn[data-v-d3ea1bd2]:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.load-more-btn[data-v-d3ea1bd2]:active:not(:disabled){transform:translateY(0)}.load-more-btn[data-v-d3ea1bd2]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-more[data-v-d3ea1bd2]{text-align:center;padding:40px 20px;color:#6c757d;background:#f8f9fa;border-radius:12px;margin:20px 0;display:flex;flex-direction:column;align-items:center;gap:15px}.spinner-small[data-v-d3ea1bd2]{width:24px;height:24px;border:3px solid rgba(66,185,131,.1);border-left-color:#42b983;border-radius:50%;animation:spin-d3ea1bd2 1s linear infinite}.loading-more p[data-v-d3ea1bd2]{margin:0;font-size:.9rem;font-weight:500}.all-loaded[data-v-d3ea1bd2]{text-align:center;padding:30px 20px;color:#6c757d;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;margin:20px 0;border:2px dashed #dee2e6;position:relative;overflow:hidden}.all-loaded[data-v-d3ea1bd2]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-d3ea1bd2 2s infinite}@keyframes shimmer-d3ea1bd2{0%{left:-100%}to{left:100%}}.all-loaded p[data-v-d3ea1bd2]{margin:0;font-size:.95rem;font-weight:600;position:relative;z-index:1}@keyframes spin-d3ea1bd2{to{transform:rotate(360deg)}}.loading[data-v-4d1a64a1]{text-align:center;padding:80px 20px;color:#777}.spinner[data-v-4d1a64a1]{border:4px solid rgba(0,0,0,.1);border-left-color:#42b983;border-radius:50%;width:40px;height:40px;animation:spin-4d1a64a1 1s linear infinite;margin:0 auto 20px}.empty-album[data-v-4d1a64a1]{text-align:center;padding:80px 20px;color:#777}.empty-album h3[data-v-4d1a64a1]{margin:20px 0 10px;color:#2c3e50}.empty-icon[data-v-4d1a64a1]{font-size:4rem;margin-bottom:20px}@keyframes spin-4d1a64a1{to{transform:rotate(360deg)}}.upload-progress[data-v-cf4b45d2]{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d}.progress-info[data-v-cf4b45d2]{margin-bottom:10px;font-weight:500;color:#2c3e50;font-size:.95rem}.progress-bar[data-v-cf4b45d2]{width:100%;height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-cf4b45d2]{height:100%;background-color:#42b983;transition:width .3s ease;border-radius:5px}.progress-percent[data-v-cf4b45d2]{text-align:right;font-size:.9rem;color:#6c757d;font-weight:500}@media (max-width: 768px){.upload-progress[data-v-cf4b45d2]{padding:12px;margin-bottom:16px}.progress-info[data-v-cf4b45d2]{font-size:.9rem}.progress-percent[data-v-cf4b45d2]{font-size:.85rem}}@media (max-width: 480px){.upload-progress[data-v-cf4b45d2]{padding:10px;margin-bottom:12px}.progress-info[data-v-cf4b45d2]{font-size:.85rem}.progress-bar[data-v-cf4b45d2]{height:8px}.progress-percent[data-v-cf4b45d2]{font-size:.8rem}}.search-section[data-v-37446cc2]{margin-bottom:25px}.search-container[data-v-37446cc2]{position:relative;max-width:400px;margin:0 auto}.search-input[data-v-37446cc2]{width:100%;padding:12px 45px 12px 20px;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;transition:all .3s ease;background-color:#fff}.search-input[data-v-37446cc2]:focus{outline:none;border-color:#42b983;box-shadow:0 0 3px #42b9831a}.search-icon[data-v-37446cc2]{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#777}.btn-icon[data-v-37446cc2]{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:6px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.btn-icon[data-v-37446cc2]:hover{background-color:#42b9831a;transform:scale(1.1)}.btn-icon[data-v-37446cc2]:active{transform:scale(.95)}.edit-icon[data-v-37446cc2]{transition:all .3s ease;color:#999}.btn-icon:hover .edit-icon[data-v-37446cc2]{transform:scale(1.1);color:#42b983}.delete-icon[data-v-37446cc2]{transition:all .3s ease;color:#999}.btn-icon:hover .delete-icon[data-v-37446cc2]{transform:scale(1.1);color:#e74c3c}.upload-icon[data-v-37446cc2]{font-size:1.2rem}.album-content-wrapper[data-v-37446cc2]{max-width:1200px;margin:0 auto;padding:20px}@media (max-width: 768px){.header-right[data-v-37446cc2]{width:100%;justify-content:flex-end}.album-controls[data-v-37446cc2]{flex-direction:column;align-items:center;gap:10px}.filter-section[data-v-37446cc2],.sort-section[data-v-37446cc2],.photo-count-section[data-v-37446cc2]{width:100%;justify-content:center}.filter-select[data-v-37446cc2],.sort-select[data-v-37446cc2]{width:100%;max-width:200px}.photo-count[data-v-37446cc2]{width:100%;text-align:center}.photo-grid[data-v-37446cc2]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.photo-detail[data-v-37446cc2]{flex-direction:column}.photo-detail img[data-v-37446cc2]{max-width:100%}}.header-right[data-v-37446cc2]{display:flex;gap:10px;flex-wrap:wrap}@keyframes spin-37446cc2{to{transform:rotate(360deg)}}.modal[data-v-37446cc2]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(3px);animation:modalFadeIn-37446cc2 .3s ease}@keyframes modalFadeIn-37446cc2{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(3px)}}.modal-content[data-v-37446cc2]{background:white;border-radius:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;position:relative;padding:0;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-37446cc2 .3s ease;overflow:hidden;display:flex;flex-direction:column}@keyframes modalSlideIn-37446cc2{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close[data-v-37446cc2]{position:fixed;top:20px;right:30px;font-size:2rem;cursor:pointer;color:#fff;z-index:10001;background:rgba(0,0,0,.7);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.close[data-v-37446cc2]:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.photo-detail-image[data-v-37446cc2]{width:100vw;height:100vh;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.fullscreen-img[data-v-37446cc2]{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;display:block}.fullscreen-modal[data-v-37446cc2]{z-index:9999}.fullscreen-content[data-v-37446cc2]{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;margin:0}.fullscreen-image[data-v-37446cc2]{width:100vw;height:100vh;position:relative;background:#000;overflow:hidden}.fullscreen-img[data-v-37446cc2]{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .3s ease;position:absolute;top:0;left:0}.top-info-bar[data-v-37446cc2]{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:15;opacity:0;transition:opacity .3s ease}.fullscreen-image:hover .top-info-bar[data-v-37446cc2]{opacity:1}.photo-index-top[data-v-37446cc2]{background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.bottom-info-bar[data-v-37446cc2]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.6),transparent);padding:30px 40px 25px;z-index:15;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:20px;text-align:center}.fullscreen-image:hover .bottom-info-bar[data-v-37446cc2]{opacity:1}.photo-info-content[data-v-37446cc2]{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);max-width:800px;width:100%}.photo-title[data-v-37446cc2]{color:#fff;font-size:1.4rem;font-weight:600;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.3}.photo-metadata[data-v-37446cc2]{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px;justify-content:center}.metadata-item[data-v-37446cc2]{display:flex;align-items:center;gap:6px;color:#ffffffe6;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.metadata-item svg[data-v-37446cc2]{opacity:.8;flex-shrink:0}.photo-description-bottom[data-v-37446cc2]{color:#ffffffd9;font-size:.9rem;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.5);font-style:italic;max-width:600px}.bottom-actions[data-v-37446cc2]{display:flex;gap:12px;align-items:center;justify-content:center;flex-shrink:0}.bottom-action-btn[data-v-37446cc2]{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(10px);padding:12px 20px;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3);min-width:100px;justify-content:center}.bottom-action-btn[data-v-37446cc2]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.bottom-action-btn[data-v-37446cc2]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auxiliary-btn[data-v-37446cc2]:hover{background:rgba(66,185,131,.8);border-color:#42b98399;box-shadow:0 6px 20px #42b9834d}.danger-btn[data-v-37446cc2]{background:rgba(231,76,60,.2);border-color:#e74c3c66}.danger-btn[data-v-37446cc2]:hover:not(:disabled){background:rgba(231,76,60,.8);border-color:#e74c3c99;box-shadow:0 6px 20px #e74c3c66}.delete-x[data-v-37446cc2]{color:#e74c3c;font-weight:700;font-size:1.1rem}.delete-content[data-v-37446cc2]{display:flex;align-items:center;gap:6px}.delete-loading[data-v-37446cc2]{display:flex;align-items:center;gap:8px}.spin[data-v-37446cc2]{animation:spin-37446cc2 1s linear infinite}@keyframes spin-37446cc2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-btn[data-v-37446cc2]{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:15;opacity:0;transition:all .3s ease;backdrop-filter:blur(10px)}.nav-btn-left[data-v-37446cc2]{left:30px}.nav-btn-right[data-v-37446cc2]{right:30px}.fullscreen-image:hover .nav-btn[data-v-37446cc2]{opacity:1}.nav-btn[data-v-37446cc2]:hover{background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px #0006}.nav-btn[data-v-37446cc2]:active{transform:translateY(-50%) scale(.95)}.btn[data-v-37446cc2]{padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem;display:inline-block;text-align:center;text-decoration:none;line-height:1.4}.btn[data-v-37446cc2]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary[data-v-37446cc2]{background-color:#42b983;color:#fff}.btn-primary[data-v-37446cc2]:hover:not(:disabled){background-color:#359c6d}.btn-secondary[data-v-37446cc2]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-37446cc2]:hover:not(:disabled){background-color:#5a6268}.btn-danger[data-v-37446cc2]{background-color:#e74c3c;color:#fff}.btn-danger[data-v-37446cc2]:hover:not(:disabled){background-color:#c0392b}@media (max-width: 768px){.header-right[data-v-37446cc2]{width:100%;justify-content:flex-end}.album-controls[data-v-37446cc2]{flex-direction:column}.photo-grid[data-v-37446cc2]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.top-info-bar[data-v-37446cc2]{opacity:1}.photo-index-top[data-v-37446cc2]{font-size:.85rem;padding:6px 12px}.bottom-info-bar[data-v-37446cc2]{opacity:1;padding:25px 20px 20px}.photo-title[data-v-37446cc2]{font-size:1.2rem}.photo-metadata[data-v-37446cc2]{justify-content:center}.metadata-item[data-v-37446cc2]{font-size:.9rem}.photo-description-bottom[data-v-37446cc2]{font-size:.85rem;text-align:center}.bottom-actions[data-v-37446cc2]{gap:20px}.bottom-action-btn[data-v-37446cc2]{flex:1;max-width:140px;padding:14px 18px}.close[data-v-37446cc2]{top:15px;right:20px;width:35px;height:35px;font-size:1.5rem}.nav-btn[data-v-37446cc2]{width:45px;height:45px;opacity:1}.nav-btn-left[data-v-37446cc2]{left:20px}.nav-btn-right[data-v-37446cc2]{right:20px}}@media (max-width: 480px){.photo-index-top[data-v-37446cc2]{font-size:.8rem;padding:5px 10px}.bottom-info-bar[data-v-37446cc2]{padding:20px 15px 15px}.photo-title[data-v-37446cc2]{font-size:1.1rem}.photo-metadata[data-v-37446cc2]{flex-direction:column;gap:8px}.metadata-item[data-v-37446cc2]{font-size:.85rem}.photo-description-bottom[data-v-37446cc2]{font-size:.8rem}.bottom-actions[data-v-37446cc2]{gap:15px}.bottom-action-btn[data-v-37446cc2]{padding:12px 14px;font-size:.85rem}.close[data-v-37446cc2]{top:12px;right:15px;width:32px;height:32px;font-size:1.3rem}.nav-btn[data-v-37446cc2]{width:40px;height:40px}.nav-btn-left[data-v-37446cc2]{left:15px}.nav-btn-right[data-v-37446cc2]{right:15px}.photo-index[data-v-37446cc2]{font-size:.75rem}}.login-container[data-v-ebc4c332]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);padding:20px}.login-card[data-v-ebc4c332]{background:white;padding:40px;border-radius:10px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px}.login-card h2[data-v-ebc4c332]{text-align:center;margin-bottom:30px;color:#2c3e50;font-size:2rem}.form-group[data-v-ebc4c332]{margin-bottom:20px}.form-group label[data-v-ebc4c332]{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-control[data-v-ebc4c332]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-control[data-v-ebc4c332]:focus{outline:none;border-color:#42b983;box-shadow:0 0 0 2px #42b98333}.btn[data-v-ebc4c332]{padding:12px 20px;border-radius:5px;font-weight:500;cursor:pointer;transition:all .3s;border:none;font-size:1rem;text-align:center}.btn-block[data-v-ebc4c332]{width:100%}.btn-primary[data-v-ebc4c332]{background-color:#42b983;color:#fff}.btn-primary[data-v-ebc4c332]:hover:not(:disabled){background-color:#359c6d}.btn-primary[data-v-ebc4c332]:disabled{background-color:#a0d8c3;cursor:not-allowed}.error-message[data-v-ebc4c332]{color:#e74c3c;text-align:center;margin-top:15px;padding:10px;background-color:#fdf2f2;border-radius:5px;border:1px solid #f5c6cb}.login-info[data-v-ebc4c332]{margin-top:30px;padding-top:20px;border-top:1px solid #eee;font-size:.9rem;color:#666}.login-info p[data-v-ebc4c332]{margin:5px 0}