.app[data-v-f35b479b]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 16px}.header[data-v-f35b479b]{text-align:center;margin-bottom:32px;padding-top:20px}.title[data-v-f35b479b]{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle[data-v-f35b479b]{font-size:14px;color:#ffffffe6}.content[data-v-f35b479b]{max-width:480px;margin:0 auto}.form-section[data-v-f35b479b]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px}.form-group[data-v-f35b479b]{margin-bottom:20px}.form-group[data-v-f35b479b]:last-of-type{margin-bottom:24px}.label[data-v-f35b479b]{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.input[data-v-f35b479b]{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;outline:none;transition:all .3s}.input[data-v-f35b479b]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.gender-options[data-v-f35b479b],.length-options[data-v-f35b479b]{display:flex;gap:12px}.gender-btn[data-v-f35b479b],.length-btn[data-v-f35b479b]{flex:1;padding:12px;font-size:14px;font-weight:600;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;cursor:pointer;transition:all .3s}.gender-btn.active[data-v-f35b479b],.length-btn.active[data-v-f35b479b]{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.select[data-v-f35b479b]{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;outline:none;background:#fff;cursor:pointer;transition:all .3s}.select[data-v-f35b479b]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.generate-btn[data-v-f35b479b]{width:100%;padding:16px;font-size:18px;font-weight:700;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea66}.generate-btn[data-v-f35b479b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.generate-btn[data-v-f35b479b]:disabled{opacity:.6;cursor:not-allowed}.results-section[data-v-f35b479b]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a}.results-header[data-v-f35b479b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-title[data-v-f35b479b]{font-size:18px;font-weight:700;color:#1f2937}.regenerate-btn[data-v-f35b479b]{padding:8px 16px;font-size:14px;font-weight:600;border:2px solid #667eea;border-radius:8px;background:#fff;color:#667eea;cursor:pointer;transition:all .3s}.regenerate-btn[data-v-f35b479b]:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.regenerate-btn[data-v-f35b479b]:disabled{opacity:.6;cursor:not-allowed}.names-list[data-v-f35b479b]{display:flex;flex-direction:column;gap:16px}.name-card[data-v-f35b479b]{padding:20px;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s}.name-card[data-v-f35b479b]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.name-card.selected[data-v-f35b479b]{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.name-header[data-v-f35b479b]{margin-bottom:16px}.name-text[data-v-f35b479b]{display:block;font-size:28px;font-weight:700;color:#1f2937;margin-bottom:4px}.name-pinyin[data-v-f35b479b]{font-size:14px;color:#9ca3af}.name-meaning[data-v-f35b479b]{margin-bottom:16px}.meaning-item[data-v-f35b479b]{margin-bottom:8px}.meaning-item[data-v-f35b479b]:last-of-type{margin-bottom:0}.meaning-label[data-v-f35b479b]{font-size:14px;font-weight:600;color:#6b7280}.meaning-text[data-v-f35b479b]{font-size:14px;color:#4b5563}.name-score[data-v-f35b479b]{display:flex;flex-direction:column;gap:8px}.score-item[data-v-f35b479b]{display:flex;align-items:center;gap:12px}.score-label[data-v-f35b479b]{font-size:12px;font-weight:600;color:#6b7280;width:40px}.score-bar[data-v-f35b479b]{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.score-fill[data-v-f35b479b]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .5s ease}@media (max-width: 480px){.app[data-v-f35b479b]{padding:16px 12px}.title[data-v-f35b479b]{font-size:24px}.form-section[data-v-f35b479b],.results-section[data-v-f35b479b]{padding:20px}.name-text[data-v-f35b479b]{font-size:24px}}