.welcome[data-v-c197bf80]{display:flex;align-items:center;justify-content:center;min-height:80vh}.hero[data-v-c197bf80]{text-align:center}.animal-icons[data-v-c197bf80]{font-size:48px;margin-bottom:24px}.title[data-v-c197bf80]{font-size:28px;color:var(--color-primary);margin-bottom:12px}.subtitle[data-v-c197bf80]{font-size:16px;color:var(--color-secondary);margin-bottom:32px}.social-proof[data-v-c197bf80]{margin-top:24px;font-size:14px;color:var(--color-secondary)}.quiz[data-v-0a6b9e8f]{max-width:640px;margin:0 auto;padding-top:24px}.progress-bar[data-v-0a6b9e8f]{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.progress-fill[data-v-0a6b9e8f]{height:100%;background:var(--color-primary);transition:width .3s ease}.progress-text[data-v-0a6b9e8f]{text-align:right;font-size:14px;color:var(--color-secondary);margin:8px 0 24px;font-family:var(--font-number)}.question-card[data-v-0a6b9e8f]{background:#fff;border-radius:var(--radius-lg);padding:32px 24px;box-shadow:0 1px 3px #00000014}.question-number[data-v-0a6b9e8f]{font-size:14px;color:var(--color-secondary);margin-bottom:12px;font-family:var(--font-number)}.question-text[data-v-0a6b9e8f]{font-size:20px;font-weight:600;margin-bottom:32px;line-height:1.5}.options[data-v-0a6b9e8f]{display:flex;flex-direction:column;gap:12px}.option-btn[data-v-0a6b9e8f]{padding:14px 20px;border:1.5px solid #E5E7EB;border-radius:var(--radius-md);background:#fff;text-align:left;font-size:15px;cursor:pointer;transition:all .15s}.option-btn[data-v-0a6b9e8f]:hover{border-color:var(--color-primary);background:#f0f7ee}.option-btn.selected[data-v-0a6b9e8f]{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.nav-bottom[data-v-0a6b9e8f]{margin-top:24px}.btn-secondary[data-v-0a6b9e8f]:disabled{opacity:.3;cursor:not-allowed}.result[data-v-03d0def2]{max-width:640px;margin:0 auto;padding-top:24px}.result-hero[data-v-03d0def2]{text-align:center;margin-bottom:32px}.emoji[data-v-03d0def2]{font-size:80px;margin-bottom:16px}.type-title[data-v-03d0def2]{font-size:24px;color:var(--color-primary);margin-bottom:8px}.total-score[data-v-03d0def2]{font-family:var(--font-number);color:var(--color-secondary)}.section[data-v-03d0def2]{background:#fff;border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.section-title[data-v-03d0def2]{font-size:16px;font-weight:600;color:var(--color-primary);margin-bottom:16px}.description[data-v-03d0def2]{font-size:15px;line-height:1.7;color:var(--color-text)}.career-list[data-v-03d0def2]{display:flex;flex-wrap:wrap;gap:8px}.career-tag[data-v-03d0def2]{padding:6px 14px;background:var(--color-bg);border:1px solid #E5E7EB;border-radius:20px;font-size:14px}.suggestions[data-v-03d0def2]{padding-left:20px;font-size:15px;line-height:1.8;color:var(--color-text)}.actions[data-v-03d0def2]{display:flex;justify-content:center;gap:16px;margin-top:24px}.app{min-height:100vh}:root{--color-primary: #2D5A27;--color-secondary: #6B7280;--color-bg: #FAFAF5;--color-text: #1F2937;--color-tiger: #F97316;--color-peacock: #EC4899;--color-koala: #92400E;--color-owl: #1E40AF;--color-chameleon: #7C3AED;--font-heading: "Noto Sans SC", "Source Han Sans", sans-serif;--font-body: "Noto Sans SC", "Source Han Sans", sans-serif;--font-number: "DM Sans", sans-serif;--space-unit: 4px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--page-margin-mobile: 24px;--page-margin-desktop: 48px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6}.container{max-width:640px;margin:0 auto;padding:var(--space-md)}@media (min-width: 768px){.container{padding:var(--space-xl) var(--page-margin-desktop)}}h1{font-family:var(--font-heading);font-weight:700}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background-color:transparent;color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:border-color .2s}.btn-secondary:hover{border-color:var(--color-text)}
