:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #42b983;--text-color: #333333;--background-color: #f8f9fa;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);line-height:1.6}#app{max-width:100%;margin:0;padding:0;min-height:100vh;position:relative}.page-container{padding:20px;text-align:center;min-height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center;align-items:center}.page-container h1{font-weight:300;font-size:24px;margin-bottom:10px;color:var(--text-color)}.page-container p{font-size:14px;color:#666}a,.green{text-decoration:none;color:var(--primary-color);transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#42b9831a}}@media(min-width:1024px){body{display:block}#app{display:block;padding:0}}.bottom-navigation[data-v-d3ff343d]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:60px;background-color:#fff;box-shadow:0 -2px 10px #0000001a;z-index:100}.nav-item[data-v-d3ff343d]{flex:1;height:100%;border:none;background:transparent;cursor:pointer;font-size:12px;color:#999;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;gap:4px;position:relative}.nav-item.active[data-v-d3ff343d]{color:#42b983;transform:translateY(-2px)}.nav-item[data-v-d3ff343d]:hover{color:#42b983}.nav-icon[data-v-d3ff343d]{width:20px;height:20px;transition:all .3s ease;filter:brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(120deg) brightness(90%) contrast(90%)}.nav-item.active .nav-icon[data-v-d3ff343d]{transform:scale(1.1);filter:brightness(0) saturate(100%) invert(54%) sepia(78%) saturate(425%) hue-rotate(109deg) brightness(95%) contrast(85%)}.nav-item.active[data-v-d3ff343d]:after{content:"";position:absolute;bottom:5px;width:20px;height:3px;background-color:#42b983;border-radius:3px}#app[data-v-9b92773b]{padding-bottom:0}.with-bottom-nav[data-v-9b92773b]{padding-bottom:60px}.page-container[data-v-bcad7d35]{min-height:calc(100vh - 60px);background:#fafafa;padding-bottom:0;overflow-x:hidden;display:flex;flex-direction:column}.hero-section[data-v-bcad7d35]{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;padding:80px 20px;overflow:hidden;background:#fff}.hero-background[data-v-bcad7d35]{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:40px;z-index:0}.hero-content[data-v-bcad7d35]{position:relative;z-index:1;text-align:center;max-width:800px}.badge[data-v-bcad7d35]{display:inline-block;padding:8px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:2px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title[data-v-bcad7d35]{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:30px;color:#fff}.gradient-text[data-v-bcad7d35]{color:#fff;text-shadow:0 2px 20px rgba(255,255,255,.3)}.hero-description[data-v-bcad7d35]{font-size:1.2rem;color:#ffffffe6;line-height:1.8;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-group[data-v-bcad7d35]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-button[data-v-bcad7d35]{padding:16px 40px;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;display:flex;align-items:center;gap:10px}.cta-button.primary[data-v-bcad7d35]{background:#fff;color:#667eea;box-shadow:0 10px 30px #0003}.cta-button.primary[data-v-bcad7d35]:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.cta-button.primary .arrow[data-v-bcad7d35]{transition:transform .3s}.cta-button.primary:hover .arrow[data-v-bcad7d35]{transform:translate(5px)}.cta-button.secondary[data-v-bcad7d35]{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.cta-button.secondary[data-v-bcad7d35]:hover{background:#ffffff1a;border-color:#fff}.main-content[data-v-bcad7d35]{max-width:1200px;width:100%;margin:0 auto;padding:80px 20px;display:flex;flex-direction:column;gap:80px}.features-section[data-v-bcad7d35]{background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 4px 20px #0000000f}.section-header[data-v-bcad7d35]{text-align:center;margin-bottom:50px}.section-badge[data-v-bcad7d35]{display:inline-block;padding:6px 16px;background:#667eea1a;color:#667eea;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:15px}.section-title[data-v-bcad7d35]{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin:0}.features-grid[data-v-bcad7d35]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.feature-card[data-v-bcad7d35]{padding:30px;text-align:center;transition:all .3s;border-radius:16px;background:#fafafa}.feature-card[data-v-bcad7d35]:hover{background:#f0f0f0;transform:translateY(-5px)}.feature-icon-wrapper[data-v-bcad7d35]{width:70px;height:70px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.feature-icon[data-v-bcad7d35]{font-size:2.5rem}.feature-title[data-v-bcad7d35]{font-size:1.4rem;font-weight:700;color:#1a1a2e;margin-bottom:15px}.feature-description[data-v-bcad7d35]{font-size:1rem;color:#6b7280;line-height:1.7}.stats-section[data-v-bcad7d35]{background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 4px 20px #0000000f}.stats-container[data-v-bcad7d35]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat-card[data-v-bcad7d35]{text-align:center;padding:30px;background:#fafafa;border-radius:16px;transition:all .3s}.stat-card[data-v-bcad7d35]:hover{background:#f0f0f0;transform:translateY(-5px)}.stat-label[data-v-bcad7d35]{font-size:.95rem;color:#6b7280;font-weight:500;margin-bottom:15px}.stat-value[data-v-bcad7d35]{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-card[data-v-bcad7d35]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:80px 40px;text-align:center;box-shadow:0 10px 40px #667eea4d}.cta-title[data-v-bcad7d35]{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:20px}.cta-text[data-v-bcad7d35]{font-size:1.2rem;color:#ffffffe6;margin-bottom:40px}.cta-button-large[data-v-bcad7d35]{background:#fff;color:#667eea;border:none;padding:18px 50px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #0003}.cta-button-large[data-v-bcad7d35]:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}@media(max-width:768px){.hero-title[data-v-bcad7d35]{font-size:2.5rem}.hero-description[data-v-bcad7d35]{font-size:1rem}.section-title[data-v-bcad7d35]{font-size:2rem}.features-section[data-v-bcad7d35],.stats-section[data-v-bcad7d35]{padding:40px 25px}.main-content[data-v-bcad7d35]{padding:60px 15px;gap:60px}.features-grid[data-v-bcad7d35],.stats-container[data-v-bcad7d35]{grid-template-columns:1fr}.cta-title[data-v-bcad7d35]{font-size:2rem}.cta-card[data-v-bcad7d35]{padding:60px 30px}}@media(max-width:480px){.hero-section[data-v-bcad7d35]{min-height:500px;padding:60px 15px}.hero-title[data-v-bcad7d35]{font-size:2rem}.cta-group[data-v-bcad7d35]{flex-direction:column}.cta-button[data-v-bcad7d35]{width:100%;justify-content:center}.hero-background[data-v-bcad7d35]{border-radius:0 0 30px 30px}}.page-container[data-v-2b4c1b7b]{padding:20px 20px 80px;min-height:calc(100vh - 60px);text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.controls[data-v-2b4c1b7b]{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:800px;justify-content:center}.control-group[data-v-2b4c1b7b]{display:flex;align-items:center;gap:10px}.control-group label[data-v-2b4c1b7b]{font-weight:600;color:#2c3e50;min-width:70px}.control-group input[type=range][data-v-2b4c1b7b]{width:120px}.control-group span[data-v-2b4c1b7b]{min-width:50px;font-weight:600;color:#3498db}.reset-btn[data-v-2b4c1b7b]{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.reset-btn[data-v-2b4c1b7b]:hover{background:#c0392b}.avatar-list[data-v-2b4c1b7b]{display:grid;gap:40px;padding:15px;margin:0;width:100%;max-width:100%;transition:all .3s ease;grid-auto-rows:minmax(200px,auto)}.avatar-item[data-v-2b4c1b7b]{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;background-color:transparent;transform-origin:center;width:100%;cursor:pointer}.avatar-item[data-v-2b4c1b7b]:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 25px #00000026}.add-item[data-v-2b4c1b7b]{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border:2px dashed #dee2e6;box-shadow:none}.add-item[data-v-2b4c1b7b]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;background-color:#e9ecef}.add-content[data-v-2b4c1b7b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.add-icon[data-v-2b4c1b7b]{font-size:3rem;font-weight:700;color:#6c757d;margin-bottom:10px}.add-text[data-v-2b4c1b7b]{font-size:1.1rem;font-weight:600;color:#495057}.avatar-item:hover .avatar-image[data-v-2b4c1b7b]{transform:scale(1.05)}.add-item .avatar-image[data-v-2b4c1b7b]{transform:none!important}.avatar-image[data-v-2b4c1b7b]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.avatar-content[data-v-2b4c1b7b]{position:absolute;bottom:0;left:0;width:100%;padding:20px 15px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;height:100%;box-sizing:border-box;border-bottom:none}.avatar-title[data-v-2b4c1b7b]{font-size:1.1rem;font-weight:600;width:100%;text-align:center;margin-top:auto;padding:15px 0 5px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.debug-info[data-v-2b4c1b7b]{position:fixed;top:20px;right:20px;background:#000c;color:#fff;padding:15px;border-radius:8px;font-family:monospace;font-size:12px;z-index:1000;max-width:250px}.debug-info p[data-v-2b4c1b7b]{margin:5px 0}@media(max-width:1200px){.page-container[data-v-2b4c1b7b]{padding-bottom:80px}.controls[data-v-2b4c1b7b]{gap:15px;padding:15px}.control-group input[type=range][data-v-2b4c1b7b]{width:100px}.avatar-content[data-v-2b4c1b7b]{padding:18px 12px;border-bottom:none}.avatar-title[data-v-2b4c1b7b]{font-size:1rem;padding:12px 0 4px}.add-icon[data-v-2b4c1b7b]{font-size:2.5rem}.add-text[data-v-2b4c1b7b]{font-size:1rem}}@media(max-width:768px){.page-container[data-v-2b4c1b7b]{padding-bottom:90px}.controls[data-v-2b4c1b7b]{flex-direction:column;align-items:stretch;gap:12px}.control-group[data-v-2b4c1b7b]{justify-content:space-between}.control-group input[type=range][data-v-2b4c1b7b]{flex:1;max-width:150px}.avatar-content[data-v-2b4c1b7b]{padding:15px 10px;border-bottom:none}.avatar-title[data-v-2b4c1b7b]{font-size:.9rem;padding:10px 0 3px}.add-icon[data-v-2b4c1b7b]{font-size:2rem}.add-text[data-v-2b4c1b7b]{font-size:.9rem}}@media(max-width:480px){.page-container[data-v-2b4c1b7b]{padding:10px 10px 100px}.controls[data-v-2b4c1b7b]{padding:12px;gap:10px}.control-group[data-v-2b4c1b7b]{flex-direction:column;align-items:flex-start;gap:5px}.control-group input[type=range][data-v-2b4c1b7b]{width:100%;max-width:none}.avatar-title[data-v-2b4c1b7b]{font-size:1rem;padding:12px 0 4px}.add-icon[data-v-2b4c1b7b]{font-size:1.8rem}.add-text[data-v-2b4c1b7b]{font-size:.9rem}}.page-container[data-v-a3db5229]{padding:20px 20px 100px;min-height:calc(100vh - 60px);background:#f8f9fa;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.profile-header[data-v-a3db5229]{background:#fff;border-radius:16px;padding:30px 20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;width:100%}.user-info[data-v-a3db5229]{text-align:center}.name-section[data-v-a3db5229]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.user-name[data-v-a3db5229]{font-size:1.8rem;font-weight:600;margin:0;color:#2c3e50}.name-input[data-v-a3db5229]{background:#f8f9fa;border:2px solid #409eff;color:#2c3e50;padding:8px 15px;border-radius:8px;font-size:1.5rem;font-weight:600;text-align:center;outline:none}.edit-btn[data-v-a3db5229]{background:#f8f9fa;border:none;color:#409eff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .3s;display:flex;align-items:center;justify-content:center}.edit-btn[data-v-a3db5229]:hover{background:#409eff;color:#fff;transform:scale(1.1)}.email-section[data-v-a3db5229]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;color:#7f8c8d}.email-icon[data-v-a3db5229]{font-size:1.1rem}.stats-container[data-v-a3db5229]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;width:100%}.stat-card[data-v-a3db5229]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s}.stat-card[data-v-a3db5229]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.wallet-card[data-v-a3db5229]{cursor:pointer;position:relative}.stat-icon[data-v-a3db5229]{font-size:2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:10px}.stat-info[data-v-a3db5229]{flex:1}.stat-label[data-v-a3db5229]{font-size:.85rem;color:#95a5a6;margin-bottom:4px}.stat-value[data-v-a3db5229]{font-size:1.4rem;font-weight:700;color:#2c3e50}.arrow[data-v-a3db5229]{color:#bdc3c7;font-size:1.5rem;font-weight:300}.menu-container[data-v-a3db5229]{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;width:100%}.menu-item[data-v-a3db5229]{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f8f9fa}.menu-item[data-v-a3db5229]:last-child{border-bottom:none}.menu-item[data-v-a3db5229]:hover{background:#f8f9fa}.menu-item[data-v-a3db5229]:active{background:#ecf0f1}.menu-left[data-v-a3db5229]{display:flex;align-items:center;gap:12px}.menu-icon[data-v-a3db5229]{font-size:1.3rem;width:24px;text-align:center}.menu-text[data-v-a3db5229]{font-size:.95rem;color:#2c3e50}.logout-btn[data-v-a3db5229]{width:100%;background:#fff;color:#e74c3c;border:1px solid #e74c3c;padding:14px;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #e74c3c26}.logout-btn[data-v-a3db5229]:hover{background:#e74c3c;color:#fff;box-shadow:0 4px 12px #e74c3c40}.logout-btn[data-v-a3db5229]:active{transform:scale(.98)}.modal-overlay[data-v-a3db5229]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-a3db5229 .2s}.modal-content[data-v-a3db5229]{background:#fff;border-radius:16px;padding:30px;min-width:300px;max-width:90%;box-shadow:0 10px 40px #0003;animation:slideUp-a3db5229 .3s}.modal-content h3[data-v-a3db5229]{font-size:1.3rem;color:#2c3e50;margin:0 0 12px;text-align:center}.modal-content p[data-v-a3db5229]{color:#7f8c8d;margin-bottom:24px;text-align:center;font-size:.95rem}.modal-actions[data-v-a3db5229]{display:flex;gap:12px}.cancel-btn[data-v-a3db5229],.confirm-btn[data-v-a3db5229]{flex:1;padding:12px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s;border:none}.cancel-btn[data-v-a3db5229]{background:#ecf0f1;color:#7f8c8d}.cancel-btn[data-v-a3db5229]:hover{background:#bdc3c7;color:#fff}.confirm-btn[data-v-a3db5229]{background:#e74c3c;color:#fff}.confirm-btn[data-v-a3db5229]:hover{background:#c0392b}@keyframes fadeIn-a3db5229{0%{opacity:0}to{opacity:1}}@keyframes slideUp-a3db5229{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.page-container[data-v-a3db5229]{padding:15px}.profile-header[data-v-a3db5229]{padding:25px 18px}.user-name[data-v-a3db5229]{font-size:1.5rem}.stats-container[data-v-a3db5229]{gap:12px}.stat-card[data-v-a3db5229]{padding:16px}.stat-value[data-v-a3db5229]{font-size:1.3rem}}@media(max-width:480px){.stats-container[data-v-a3db5229]{grid-template-columns:1fr}}.add-avatar-page[data-v-327c5229]{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.header[data-v-327c5229]{display:flex;align-items:center;padding:20px;background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.back-button[data-v-327c5229]{background:none;border:none;font-size:1rem;cursor:pointer;color:#409eff;padding:15px 20px;border-radius:8px;display:flex;align-items:center;gap:8px;min-width:80px;transition:all .2s;position:relative;z-index:10}.back-button[data-v-327c5229]:hover{background-color:#e9ecef;transform:scale(1.05)}.back-button[data-v-327c5229]:active{transform:scale(.98)}.back-icon[data-v-327c5229]{font-size:1.2rem}.back-text[data-v-327c5229]{font-size:1rem}.header h1[data-v-327c5229]{position:absolute;left:0;right:0;text-align:center;margin:0;color:#333;font-size:1.5rem;z-index:1;pointer-events:none}.content[data-v-327c5229]{flex:1;overflow-y:auto;padding-bottom:80px}.form-container[data-v-327c5229]{background:#fff;padding:30px;max-width:800px;margin:20px auto;border-radius:12px;box-shadow:0 2px 10px #0000001a}.form-group[data-v-327c5229]{margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid #f0f0f0}.form-group[data-v-327c5229]:last-of-type{border-bottom:none;padding-bottom:0}.form-group label[data-v-327c5229]{display:block;margin-bottom:12px;font-weight:600;color:#333;font-size:1.05rem}.form-input[data-v-327c5229],.form-textarea[data-v-327c5229]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;box-sizing:border-box}.form-input[data-v-327c5229]:focus,.form-textarea[data-v-327c5229]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.form-textarea[data-v-327c5229]{min-height:350px;resize:vertical}.char-count[data-v-327c5229]{text-align:right;font-size:.85rem;color:#999;margin-top:5px}.upload-area[data-v-327c5229]{border:2px dashed #ddd;border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:border-color .3s}.upload-area[data-v-327c5229]:hover{border-color:#409eff}.file-input[data-v-327c5229]{display:none}.upload-label[data-v-327c5229]{display:flex;flex-direction:column;align-items:center;cursor:pointer}.upload-icon[data-v-327c5229]{font-size:3rem;margin-bottom:15px}.upload-text p[data-v-327c5229]{margin:5px 0}.upload-hint[data-v-327c5229]{font-size:.85rem;color:#999}.file-info[data-v-327c5229]{margin-top:10px;font-size:.9rem;color:#666}.model-selection[data-v-327c5229]{display:flex;gap:15px;flex-direction:row}.model-option[data-v-327c5229]{flex:1;border:2px solid #ddd;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.model-option[data-v-327c5229]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#409eff0d,#409eff1a);opacity:0;transition:opacity .3s;pointer-events:none}.model-option[data-v-327c5229]:hover{border-color:#409eff;box-shadow:0 4px 12px #409eff4d;transform:translateY(-2px)}.model-option[data-v-327c5229]:hover:before{opacity:1}.model-option.selected[data-v-327c5229]{border-color:#409eff;background-color:#409eff14;box-shadow:0 2px 8px #409eff33}.model-option.selected[data-v-327c5229]:after{content:"✓";position:absolute;top:10px;right:10px;background:#409eff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.model-header[data-v-327c5229]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.model-icon[data-v-327c5229]{font-size:1.5rem}.model-name[data-v-327c5229]{font-weight:600;font-size:1rem;color:#333}.model-description[data-v-327c5229]{text-align:left;color:#666;font-size:.8rem;line-height:1.5}.model-description p[data-v-327c5229]{margin:6px 0}.model-description strong[data-v-327c5229]{color:#333;font-size:.75rem}.voice-category[data-v-327c5229]{display:flex;gap:15px;margin-bottom:20px}.category-button[data-v-327c5229]{flex:1;padding:15px 20px;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;transition:all .3s}.category-button[data-v-327c5229]:hover{border-color:#409eff}.category-button.active[data-v-327c5229]{border-color:#409eff;background-color:#409eff1a;color:#409eff}.category-icon[data-v-327c5229]{font-size:1.5rem}.voice-list[data-v-327c5229]{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow-y:auto;padding:8px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.voice-item[data-v-327c5229]{display:flex;align-items:center;justify-content:space-between;padding:12px;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s}.voice-item[data-v-327c5229]:hover{border-color:#409eff;box-shadow:0 2px 8px #409eff33;transform:translate(2px)}.voice-item.selected[data-v-327c5229]{border-color:#409eff;background-color:#409eff0d;position:relative}.voice-item.selected[data-v-327c5229]:before{content:"✓";position:absolute;left:8px;top:50%;transform:translateY(-50%);background:#409eff;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.voice-info[data-v-327c5229]{flex:1;padding-left:30px}.voice-item:not(.selected) .voice-info[data-v-327c5229]{padding-left:0}.voice-name[data-v-327c5229]{font-weight:600;color:#333;margin-bottom:4px;font-size:.95rem}.voice-description[data-v-327c5229]{font-size:.8rem;color:#666}.play-button[data-v-327c5229]{background:#409eff;color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.play-button[data-v-327c5229]:hover{background:#337ecc;transform:scale(1.1);box-shadow:0 2px 8px #409eff66}.form-actions[data-v-327c5229]{margin-top:40px;padding-top:30px;border-top:2px solid #e9ecef;text-align:center}.generate-button[data-v-327c5229]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;padding:15px 60px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}.generate-button[data-v-327c5229]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.generate-button[data-v-327c5229]:active:not(:disabled){transform:translateY(0)}.generate-button[data-v-327c5229]:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.modal-overlay[data-v-327c5229]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-327c5229 .3s}.modal-content[data-v-327c5229]{background:#fff;border-radius:16px;padding:40px;min-width:400px;box-shadow:0 10px 40px #0003;animation:slideUp-327c5229 .3s}.modal-body[data-v-327c5229]{text-align:center}.loading-spinner[data-v-327c5229]{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;animation:spin-327c5229 1s linear infinite;margin:0 auto 20px}.success-icon[data-v-327c5229]{width:80px;height:80px;background:#52c41a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin:0 auto 20px;animation:scaleIn-327c5229 .5s}.modal-body h3[data-v-327c5229]{font-size:1.5rem;color:#333;margin:15px 0}.modal-body p[data-v-327c5229]{color:#666;margin-bottom:25px}.modal-button[data-v-327c5229]{background:#409eff;color:#fff;border:none;border-radius:8px;padding:12px 40px;font-size:1rem;cursor:pointer;transition:all .3s}.modal-button[data-v-327c5229]:hover{background:#337ecc}@keyframes fadeIn-327c5229{0%{opacity:0}to{opacity:1}}@keyframes slideUp-327c5229{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-327c5229{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn-327c5229{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.login-page[data-v-132be8b4]{min-height:100vh;background:linear-gradient(to bottom,#f0f2f5,#fff);display:flex;align-items:center;justify-content:center;padding:20px}.login-container[data-v-132be8b4]{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.title-section[data-v-132be8b4]{text-align:center;margin-bottom:60px}.main-title[data-v-132be8b4]{font-size:2.5rem;font-weight:700;color:#b0b8c1;margin:0;letter-spacing:4px}.sub-title[data-v-132be8b4]{font-size:1.8rem;font-weight:300;color:#d0d5db;margin:8px 0 0;letter-spacing:3px}.form-section[data-v-132be8b4]{width:100%;display:flex;flex-direction:column;gap:20px}.input-group[data-v-132be8b4]{width:100%}.input-field[data-v-132be8b4]{width:100%;padding:18px 24px;background:#dde3eb;border:none;border-radius:30px;font-size:1rem;color:#5a6c7d;outline:none;box-sizing:border-box;transition:all .3s}.input-field[data-v-132be8b4]::placeholder{color:#9ca8b4}.input-field[data-v-132be8b4]:focus{background:#d0d8e2;box-shadow:0 0 0 3px #b0b8c133}.primary-btn[data-v-132be8b4]{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px;box-shadow:0 4px 15px #667eea66}.primary-btn[data-v-132be8b4]:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.primary-btn[data-v-132be8b4]:active{transform:translateY(0)}.secondary-btn[data-v-132be8b4]{width:100%;padding:18px;background:#fff;color:#7f8c8d;border:2px solid #e0e6ed;border-radius:30px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.secondary-btn[data-v-132be8b4]:hover{background:#f8f9fa;border-color:#b8c5d6;color:#5a6c7d}.secondary-btn[data-v-132be8b4]:active{transform:scale(.98)}.logo-section[data-v-132be8b4]{margin-top:80px;margin-bottom:20px}.logo-text[data-v-132be8b4]{font-size:2rem;font-weight:700;color:#c74040;letter-spacing:2px;text-align:center}.agreement-section[data-v-132be8b4]{margin-top:20px;text-align:center}.agreement-section p[data-v-132be8b4]{font-size:.85rem;color:#b0b8c1;margin:0}@media(max-width:480px){.main-title[data-v-132be8b4]{font-size:2rem}.sub-title[data-v-132be8b4]{font-size:1.4rem}.input-field[data-v-132be8b4]{padding:16px 20px;font-size:.95rem}.primary-btn[data-v-132be8b4],.secondary-btn[data-v-132be8b4]{padding:16px;font-size:.95rem}.logo-section[data-v-132be8b4]{margin-top:60px}}