.face-reading-tool[data-v-561eac3c]{max-width:680px;margin:0 auto;padding:24px 16px}.intro-screen[data-v-561eac3c]{text-align:center;padding:32px 16px}.type-parade[data-v-561eac3c]{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.parade-type[data-v-561eac3c]{font-size:2.8rem;animation:float-561eac3c 2s ease-in-out infinite}.parade-type[data-v-561eac3c]:nth-child(2){animation-delay:.3s}.parade-type[data-v-561eac3c]:nth-child(3){animation-delay:.6s}.parade-type[data-v-561eac3c]:nth-child(4){animation-delay:.9s}@keyframes float-561eac3c{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.intro-screen h2[data-v-561eac3c]{font-size:1.6rem;font-weight:700;margin-bottom:12px;color:#1a1a1a}.intro-desc[data-v-561eac3c]{color:#555;line-height:1.7;margin-bottom:24px}.intro-info[data-v-561eac3c]{display:flex;justify-content:center;gap:24px;margin-bottom:32px}.info-item[data-v-561eac3c]{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.9rem;color:#666}.info-item span[data-v-561eac3c]:first-child{font-size:1.4rem}.start-btn[data-v-561eac3c]{background:linear-gradient(135deg,#9b59b6,#3498db);color:#fff;border:none;padding:14px 40px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-btn[data-v-561eac3c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.quiz-screen[data-v-561eac3c]{padding:8px 0}.progress-bar[data-v-561eac3c]{height:6px;background:#eee;border-radius:3px;margin-bottom:12px;overflow:hidden}.progress-fill[data-v-561eac3c]{height:100%;background:linear-gradient(90deg,#9b59b6,#3498db);border-radius:3px;transition:width .4s ease}.question-counter[data-v-561eac3c]{text-align:right;color:#888;font-size:.9rem;margin-bottom:16px}.question-card[data-v-561eac3c]{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #00000014}.question-emoji[data-v-561eac3c]{font-size:2.4rem;margin-bottom:8px;text-align:center}.question-number[data-v-561eac3c]{font-size:.85rem;color:#aaa;margin-bottom:6px;text-align:center}.question-text[data-v-561eac3c]{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.5;text-align:center}.options-grid[data-v-561eac3c]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.option-btn[data-v-561eac3c]{background:#f7f7f7;border:2px solid #eee;border-radius:12px;padding:14px 18px;text-align:left;font-size:1rem;cursor:pointer;transition:all .2s;color:#333}.option-btn[data-v-561eac3c]:hover{border-color:#9b59b6;background:#f8f0ff}.option-btn.selected[data-v-561eac3c]{border-color:#3498db;background:#e8f4fd;font-weight:600}.next-btn[data-v-561eac3c]{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#9b59b6,#3498db);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s}.next-btn[data-v-561eac3c]:disabled{opacity:.4;cursor:not-allowed;transform:none}.next-btn[data-v-561eac3c]:not(:disabled):hover{transform:translateY(-2px)}.result-header[data-v-561eac3c]{border-radius:20px;padding:40px 24px;text-align:center;margin-bottom:24px}.result-emoji[data-v-561eac3c]{font-size:4rem;margin-bottom:8px}.result-label[data-v-561eac3c]{font-size:.9rem;color:#555;margin-bottom:4px}.result-name[data-v-561eac3c]{font-size:2rem;font-weight:800;color:#1a1a1a;margin-bottom:4px}.result-title[data-v-561eac3c]{font-size:1.1rem;color:#444;margin-bottom:12px}.result-keyword[data-v-561eac3c]{font-size:1rem;color:#666;background:#fff9;display:inline-block;padding:6px 16px;border-radius:20px}.result-body[data-v-561eac3c]{display:flex;flex-direction:column;gap:20px}.result-section[data-v-561eac3c]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000f}.result-section h3[data-v-561eac3c]{font-size:1rem;font-weight:700;color:#333;margin-bottom:12px}.result-description[data-v-561eac3c]{color:#555;line-height:1.8;font-size:.95rem}.traits-list[data-v-561eac3c]{display:flex;flex-wrap:wrap;gap:8px}.trait-badge[data-v-561eac3c]{background:#f0f0f0;color:#444;padding:6px 14px;border-radius:20px;font-size:.88rem}.two-col[data-v-561eac3c]{display:flex;gap:12px;background:transparent;box-shadow:none;padding:0}.col-card[data-v-561eac3c]{flex:1;background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000000f}.col-card h4[data-v-561eac3c]{font-size:.95rem;font-weight:700;margin-bottom:10px}.col-card ul[data-v-561eac3c]{list-style:none;padding:0;margin:0}.col-card ul li[data-v-561eac3c]{font-size:.88rem;color:#555;padding:3px 0}.col-card ul li[data-v-561eac3c]:before{content:"• "}.strengths h4[data-v-561eac3c]{color:#27ae60}.weaknesses h4[data-v-561eac3c]{color:#e67e22}.lovestyle-text[data-v-561eac3c]{color:#555;line-height:1.7;font-size:.95rem}.compat-list[data-v-561eac3c]{display:flex;flex-direction:column;gap:12px}.compat-card[data-v-561eac3c]{display:flex;align-items:flex-start;gap:14px;background:#f8f8f8;border-radius:12px;padding:12px 16px}.compat-emoji[data-v-561eac3c]{font-size:2rem}.compat-name[data-v-561eac3c]{font-weight:700;color:#333;margin-bottom:2px}.compat-reason[data-v-561eac3c]{font-size:.88rem;color:#666}.career-list[data-v-561eac3c]{display:flex;flex-wrap:wrap;gap:8px}.career-badge[data-v-561eac3c]{background:linear-gradient(135deg,#9b59b6,#3498db);color:#fff;padding:6px 16px;border-radius:20px;font-size:.88rem;font-weight:600}.retry-btn[data-v-561eac3c]{width:100%;padding:16px;border-radius:14px;border:none;background:linear-gradient(135deg,#9b59b6,#3498db);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.retry-btn[data-v-561eac3c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.slide-fade-enter-active[data-v-561eac3c],.slide-fade-leave-active[data-v-561eac3c]{transition:all .3s ease}.slide-fade-enter-from[data-v-561eac3c]{transform:translate(20px);opacity:0}.slide-fade-leave-to[data-v-561eac3c]{transform:translate(-20px);opacity:0}@media (max-width: 480px){.two-col[data-v-561eac3c]{flex-direction:column}.intro-info[data-v-561eac3c]{gap:16px}}.face-reading-page[data-v-ceac6a28]{max-width:800px;margin:0 auto;padding:24px 16px 60px}.page-header[data-v-ceac6a28]{text-align:center;margin-bottom:32px}.page-header h1[data-v-ceac6a28]{font-size:1.8rem;font-weight:800;color:#1a1a1a;margin-bottom:8px}.page-header p[data-v-ceac6a28]{color:#666;font-size:1rem}.info-section[data-v-ceac6a28]{margin-top:40px}.info-section h3[data-v-ceac6a28]{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:16px}.types-grid[data-v-ceac6a28]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.type-card[data-v-ceac6a28]{background:#fff;border:2px solid #eee;border-radius:16px;padding:20px 16px;text-align:center;transition:transform .2s}.type-card[data-v-ceac6a28]:hover{transform:translateY(-2px)}.type-icon[data-v-ceac6a28]{font-size:2.5rem;margin-bottom:8px}.type-name[data-v-ceac6a28]{font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:4px}.type-desc[data-v-ceac6a28]{font-size:.85rem;color:#666}.info-card[data-v-ceac6a28]{background:#f8f9fa;border-radius:16px;padding:20px}.info-card h4[data-v-ceac6a28]{font-size:1rem;font-weight:700;color:#333;margin-bottom:12px}.info-card ul[data-v-ceac6a28]{list-style:none;padding:0;margin:0}.info-card ul li[data-v-ceac6a28]{padding:4px 0;color:#555;font-size:.9rem}.info-card ul li[data-v-ceac6a28]:before{content:"✓ ";color:#9b59b6;font-weight:700}@media (max-width: 480px){.types-grid[data-v-ceac6a28]{grid-template-columns:repeat(2,1fr)}}