.name-generator-page[data-v-a7d4d897]{background:var(--bg-primary);min-height:100vh}.page-container[data-v-a7d4d897]{max-width:1400px;margin:0 auto;padding:0 24px 60px}@media(max-width:600px){.page-container[data-v-a7d4d897]{padding:0 16px 40px}}.hero-section[data-v-a7d4d897]{position:relative;padding:50px 0 40px;overflow:hidden}.hero-content[data-v-a7d4d897]{position:relative;z-index:1;max-width:600px}.hero-badge[data-v-a7d4d897]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;font-size:13px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:var(--accent-purple);margin-bottom:16px}.hero-title[data-v-a7d4d897]{font-size:38px;font-weight:800;line-height:1.2;margin:0 0 12px}@media(max-width:600px){.hero-title[data-v-a7d4d897]{font-size:28px}}.hero-desc[data-v-a7d4d897]{font-size:15px;color:var(--text-secondary);line-height:1.7;margin:0}.hero-decoration[data-v-a7d4d897]{position:absolute;top:0;right:0;width:300px;height:200px;pointer-events:none}@media(max-width:768px){.hero-decoration[data-v-a7d4d897]{display:none}}.float-icon[data-v-a7d4d897]{position:absolute;font-size:40px;animation:float-a7d4d897 3s ease-in-out infinite}.float-icon.float-1[data-v-a7d4d897]{top:20px;right:100px;animation-delay:0s}.float-icon.float-2[data-v-a7d4d897]{top:80px;right:40px;animation-delay:.5s}.float-icon.float-3[data-v-a7d4d897]{top:60px;right:180px;animation-delay:1s}@keyframes float-a7d4d897{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.main-content[data-v-a7d4d897]{display:grid;grid-template-columns:380px 1fr;gap:24px;margin-bottom:40px}@media(max-width:1024px){.main-content[data-v-a7d4d897]{grid-template-columns:1fr}}.options-panel[data-v-a7d4d897]{position:sticky;top:80px;height:fit-content}@media(max-width:1024px){.options-panel[data-v-a7d4d897]{position:static}}.options-card[data-v-a7d4d897]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px}.section-title[data-v-a7d4d897]{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.section-title .section-hint[data-v-a7d4d897]{font-size:12px;font-weight:400;color:var(--text-muted)}.style-grid[data-v-a7d4d897]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.style-item[data-v-a7d4d897]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:12px;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease}.style-item[data-v-a7d4d897]:hover{border-color:var(--accent-purple);background:#667eea0d}.style-item--active[data-v-a7d4d897]{border-color:var(--accent-purple);background:#667eea1a}.style-item--active .style-name[data-v-a7d4d897]{color:var(--accent-purple);font-weight:600}.style-icon[data-v-a7d4d897]{font-size:24px}.style-name[data-v-a7d4d897]{font-size:12px;color:var(--text-secondary);text-align:center}.gender-toggle[data-v-a7d4d897]{width:100%}.gender-toggle[data-v-a7d4d897] .q-btn{flex:1;font-size:13px}.traits-grid[data-v-a7d4d897]{display:flex;flex-wrap:wrap;gap:8px}.trait-chip[data-v-a7d4d897]{border:1px solid;transition:all .2s ease}.trait-chip .trait-icon[data-v-a7d4d897]{margin-right:4px}.count-slider[data-v-a7d4d897]{padding:0 8px}.generate-section[data-v-a7d4d897]{text-align:center}.generate-btn[data-v-a7d4d897]{width:100%;height:52px;font-size:16px;font-weight:600;border-radius:14px}.style-hint[data-v-a7d4d897]{margin-top:12px;font-size:12px;color:var(--text-muted)}.results-panel[data-v-a7d4d897]{min-height:500px}.empty-state[data-v-a7d4d897]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center}.empty-illustration[data-v-a7d4d897]{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-icon[data-v-a7d4d897]{font-size:64px;animation:pulse-a7d4d897 2s ease-in-out infinite}@keyframes pulse-a7d4d897{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.empty-sparkle[data-v-a7d4d897]{position:absolute;width:8px;height:8px;background:var(--accent-purple);border-radius:50%;animation:sparkle-a7d4d897 1.5s ease-in-out infinite}.empty-sparkle.sparkle-1[data-v-a7d4d897]{top:10px;right:20px;animation-delay:0s}.empty-sparkle.sparkle-2[data-v-a7d4d897]{bottom:20px;left:10px;animation-delay:.3s}.empty-sparkle.sparkle-3[data-v-a7d4d897]{top:40px;left:5px;animation-delay:.6s}@keyframes sparkle-a7d4d897{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.empty-title[data-v-a7d4d897]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-desc[data-v-a7d4d897]{font-size:14px;color:var(--text-muted)}.loading-state[data-v-a7d4d897]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px}.loading-text[data-v-a7d4d897]{margin-top:16px;font-size:14px;color:var(--text-secondary)}.results-container[data-v-a7d4d897]{height:100%}.results-header[data-v-a7d4d897]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.results-title[data-v-a7d4d897]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary)}.results-actions[data-v-a7d4d897]{display:flex;gap:8px}.names-grid[data-v-a7d4d897]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.name-card[data-v-a7d4d897]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:16px;transition:all .3s ease;animation:slideUp-a7d4d897 .4s ease forwards;opacity:0}.name-card[data-v-a7d4d897]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-purple)}@keyframes slideUp-a7d4d897{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.name-card-header[data-v-a7d4d897]{display:flex;justify-content:space-between;align-items:flex-start}.name-full[data-v-a7d4d897]{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.3}.name-reading[data-v-a7d4d897]{font-size:12px;color:var(--text-muted);margin-top:4px;margin-bottom:12px}.name-meta[data-v-a7d4d897]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.name-actions[data-v-a7d4d897]{display:flex;justify-content:flex-end}.name-card-enter-active[data-v-a7d4d897],.name-card-leave-active[data-v-a7d4d897]{transition:all .3s ease}.name-card-enter-from[data-v-a7d4d897]{opacity:0;transform:translateY(20px)}.name-card-leave-to[data-v-a7d4d897]{opacity:0;transform:scale(.9)}.tips-section[data-v-a7d4d897]{margin-top:20px}.tips-card[data-v-a7d4d897]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px}.tips-title[data-v-a7d4d897]{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.tips-grid[data-v-a7d4d897]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.tips-grid[data-v-a7d4d897]{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.tips-grid[data-v-a7d4d897]{grid-template-columns:1fr}}.tip-item[data-v-a7d4d897]{display:flex;gap:12px}.tip-icon[data-v-a7d4d897]{font-size:28px;flex-shrink:0}.tip-content[data-v-a7d4d897]{flex:1}.tip-label[data-v-a7d4d897]{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.tip-text[data-v-a7d4d897]{font-size:12px;color:var(--text-muted);line-height:1.5}.copy-toast[data-v-a7d4d897]{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg)}