.type-analysis[data-v-aa9f705a]{max-width:800px;margin:0 auto}.type-card[data-v-aa9f705a]{padding:var(--spacing-lg);box-shadow:var(--shadow-normal)}.type-header[data-v-aa9f705a]{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.type-code[data-v-aa9f705a]{font-size:2.5rem;color:var(--color-accent);font-weight:700}.type-title{h3[data-v-aa9f705a] {font-size: 1.8rem; margin-bottom: var(--spacing-xs);} .type-subtitle[data-v-aa9f705a] {color: var(--color-text-light); font-size: 1.1rem;}}.description-card{h4[data-v-aa9f705a] {color: var(--color-accent); margin-bottom: var(--spacing-md);} p[data-v-aa9f705a] {line-height: 1.6;}}.description-card[data-v-aa9f705a]{margin-bottom:var(--spacing-xl)}.traits-grid[data-v-aa9f705a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.trait-item[data-v-aa9f705a]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.trait-item .material-icons[data-v-aa9f705a]{color:var(--color-accent);font-size:1.2rem}.dimensions-card[data-v-aa9f705a]{margin-top:var(--spacing-xl)}.dimensions-grid[data-v-aa9f705a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.dimension-item[data-v-aa9f705a]{background:var(--color-bg-light);padding:var(--spacing-md);border-radius:var(--radius-md)}.dimension-header{h5[data-v-aa9f705a] {color: var(--color-accent); font-size: 1.1rem;} .dimension-label[data-v-aa9f705a] {font-size: .9rem; color: var(--color-text-light);}}.dimension-header[data-v-aa9f705a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.dimension-traits[data-v-aa9f705a]{font-size:.95rem;line-height:1.5;color:var(--color-text)}@media (max-width: 768px){.type-header[data-v-aa9f705a]{flex-direction:column;text-align:center;gap:var(--spacing-md)}}.section-icon[data-v-aa9f705a]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary);margin-right:var(--spacing-md)}.icon[data-v-aa9f705a]{font-size:1.5rem;color:var(--color-light)}.header-icon[data-v-fd37bbc2]{font-size:36px}.title[data-v-fd37bbc2]{font-size:2rem;font-weight:700;color:var(--color-light);margin:0}.subtitle[data-v-fd37bbc2]{color:var(--color-primary);font-size:1rem;margin:0}.intro-text[data-v-fd37bbc2]{line-height:1.6;margin-bottom:var(--spacing-xl)}.dimension-grid[data-v-fd37bbc2]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin:var(--spacing-xl) auto;max-width:800px}.dimension-card[data-v-fd37bbc2]{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.dimension-card h4[data-v-fd37bbc2]{color:var(--color-primary);margin-bottom:var(--spacing-md);text-align:center;font-size:1.1rem}.dimension-card .poles[data-v-fd37bbc2]{display:flex;align-items:center;justify-content:space-between;margin:var(--spacing-md) 0}.dimension-card .poles .vs[data-v-fd37bbc2]{color:var(--color-primary);font-size:.9em}.dimension-card p[data-v-fd37bbc2]{text-align:center;color:var(--color-text-light);font-size:.9rem}.questions-section[data-v-fd37bbc2]{max-width:900px;margin:0 auto}.questions-card[data-v-fd37bbc2]{padding:var(--spacing-xl)}.instruction[data-v-fd37bbc2]{text-align:center;margin:var(--spacing-lg) 0;color:var(--color-light);opacity:.9}.scale-legend[data-v-fd37bbc2]{display:flex;justify-content:space-between;margin:var(--spacing-xl) 0;padding:var(--spacing-md);background:rgba(255,255,255,.1);border-radius:var(--radius-lg)}.question-item[data-v-fd37bbc2]{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:rgba(255,255,255,.05);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.question-item[data-v-fd37bbc2]:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.question-header[data-v-fd37bbc2]{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-lg)}.question-id[data-v-fd37bbc2]{background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:var(--radius-lg);font-weight:700;margin-bottom:var(--spacing-md)}.question-text[data-v-fd37bbc2]{font-size:1.2rem;color:var(--color-light);margin:0;padding:0 var(--spacing-xl)}.options-container[data-v-fd37bbc2]{margin-top:var(--spacing-lg)}.option-labels[data-v-fd37bbc2]{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.option-a[data-v-fd37bbc2],.option-b[data-v-fd37bbc2]{flex:1;padding:var(--spacing-sm);color:var(--color-light);opacity:.9;text-align:center;font-size:.95rem}.scale-options[data-v-fd37bbc2]{display:flex;justify-content:space-between;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.scale-option[data-v-fd37bbc2]{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.scale-option[data-v-fd37bbc2]:hover{background:rgba(255,255,255,.1)}.scale-option.selected[data-v-fd37bbc2]{background:var(--color-primary);border-color:var(--color-primary)}.dimension-separator[data-v-fd37bbc2]{margin:var(--spacing-xl) 0;text-align:center;position:relative}.separator-text[data-v-fd37bbc2]{background:var(--color-dark);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:.9rem;position:relative;z-index:1}.dimension-separator[data-v-fd37bbc2]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-primary);opacity:.3}.form-actions[data-v-fd37bbc2]{margin-top:var(--spacing-xl);text-align:center}.validation-message[data-v-fd37bbc2]{color:var(--fh-danger);margin-bottom:var(--spacing-md)}.notice-box[data-v-fd37bbc2]{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-xl) 0;border-left:4px solid var(--color-primary)}.notice-box h4[data-v-fd37bbc2]{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:1.1rem}.notice-box p[data-v-fd37bbc2]{line-height:1.6;color:var(--color-text-light)}.result-notice[data-v-fd37bbc2]{margin-bottom:var(--spacing-xl)}.notice-content[data-v-fd37bbc2]{color:var(--color-text-light)}.notice-content ul[data-v-fd37bbc2]{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.notice-content li[data-v-fd37bbc2]{margin:var(--spacing-xs) 0;line-height:1.5}.important-note[data-v-fd37bbc2]{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-dark);border-radius:var(--radius-md);font-style:italic;color:var(--color-primary)}.button-container[data-v-fd37bbc2]{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.start-button[data-v-fd37bbc2]{min-width:200px}.result-actions[data-v-fd37bbc2]{margin-top:var(--spacing-xl);text-align:center}.option-tag[data-v-fd37bbc2]{display:inline-block;padding:1px 8px;border-radius:4px;font-weight:700;font-size:.85em;margin-right:4px}.option-tag-a[data-v-fd37bbc2],.option-tag-b[data-v-fd37bbc2]{background:var(--color-primary);color:#fff}@media (max-width: 768px){.dimension-grid[data-v-fd37bbc2]{grid-template-columns:1fr}.scale-options[data-v-fd37bbc2]{flex-direction:column}.scale-option[data-v-fd37bbc2]{flex-direction:row;justify-content:space-between}.option-labels[data-v-fd37bbc2]{flex-direction:column;gap:var(--spacing-md)}.option-a[data-v-fd37bbc2],.option-b[data-v-fd37bbc2]{text-align:center}}@media (max-width: 400px){.title[data-v-fd37bbc2]{font-size:1.5rem}.question-text[data-v-fd37bbc2]{font-size:1rem}.header-icon[data-v-fd37bbc2]{font-size:28px}.scale-option[data-v-fd37bbc2]{padding:4px}}.mobile-mbti[data-v-fd37bbc2]{min-height:100vh;background:var(--mobile-bg-card);color:var(--mobile-text-primary);font-size:var(--mobile-font-base);line-height:var(--mobile-line-height);padding-bottom:var(--mobile-bottom-padding)}.mobile-intro[data-v-fd37bbc2]{padding:var(--mobile-lg) var(--mobile-xl)}.mobile-intro-title[data-v-fd37bbc2]{font-size:var(--mobile-font-2xl);font-weight:700;color:var(--mobile-text-primary);margin:0 0 var(--mobile-md) 0}.mobile-intro-text[data-v-fd37bbc2]{font-size:var(--mobile-font-base);color:var(--mobile-text-secondary);margin:0 0 var(--mobile-xl) 0;line-height:var(--mobile-line-height)}.mobile-notice-box[data-v-fd37bbc2]{background:var(--fh-white-overlay, rgba(255,255,255,.1));border-radius:var(--mobile-radius-lg);padding:var(--mobile-lg);margin-bottom:var(--mobile-xl);border-left:3px solid var(--fh-accent, #e60023)}.mobile-notice-box p[data-v-fd37bbc2]{font-size:var(--mobile-font-sm);color:var(--fh-text-secondary, #a89cc8);margin:0;line-height:var(--mobile-line-height)}.mobile-dimension-list[data-v-fd37bbc2]{display:flex;flex-direction:column;gap:var(--mobile-md);margin-bottom:var(--mobile-xxl)}.mobile-dimension-item[data-v-fd37bbc2]{background:var(--fh-white-overlay, rgba(255,255,255,.1));border-radius:var(--mobile-radius-md);padding:var(--mobile-md) var(--mobile-lg);display:flex;align-items:center;justify-content:space-between}.mobile-dim-name[data-v-fd37bbc2]{font-weight:600;font-size:var(--mobile-font-base);color:var(--fh-accent, #e60023)}.mobile-dim-poles[data-v-fd37bbc2]{display:flex;align-items:center;gap:var(--mobile-sm);font-size:var(--mobile-font-sm);color:var(--fh-text-muted, #7a6fa0)}.mobile-vs[data-v-fd37bbc2]{color:var(--fh-accent, #e60023);font-weight:700}.mobile-start-btn[data-v-fd37bbc2]{display:block;width:100%;padding:14px 0;background:var(--fh-accent, #e60023);color:#fff;font-size:var(--mobile-font-lg);font-weight:600;border:none;border-radius:var(--mobile-radius-lg);cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent;min-height:48px}.mobile-start-btn[data-v-fd37bbc2]:active{opacity:.85}.mobile-testing[data-v-fd37bbc2]{display:flex;flex-direction:column;min-height:100vh}.mobile-progress-header[data-v-fd37bbc2]{padding:var(--mobile-lg) var(--mobile-xl) var(--mobile-sm);flex-shrink:0}.mobile-progress-text[data-v-fd37bbc2]{font-size:var(--mobile-font-sm);color:var(--fh-text-muted, #7a6fa0);margin-bottom:var(--mobile-xs)}.mobile-progress-bar[data-v-fd37bbc2]{height:6px;background:var(--fh-white-overlay, rgba(255,255,255,.1));border-radius:3px;overflow:hidden;margin-bottom:var(--mobile-sm)}.mobile-progress-fill[data-v-fd37bbc2]{height:100%;background:linear-gradient(90deg,var(--fh-accent, #e60023),#ff4757);border-radius:3px;transition:width .3s ease}.mobile-dimension-tag[data-v-fd37bbc2]{display:inline-block;font-size:var(--mobile-font-base);color:var(--fh-accent, #e60023);font-weight:700;background:var(--fh-accent-bg, rgba(124, 58, 237, .15));padding:4px 16px;border-radius:20px;border:1px solid var(--fh-accent-light, rgba(124, 58, 237, .3))}.mobile-question-area[data-v-fd37bbc2]{flex:1;padding:var(--mobile-xl) var(--mobile-xl) 140px;overflow-y:auto}.mobile-question-content[data-v-fd37bbc2]{max-width:400px;margin:0 auto}.mobile-question-number[data-v-fd37bbc2]{display:inline-block;background:var(--fh-accent, #e60023);color:#fff;padding:2px 12px;border-radius:20px;font-size:var(--mobile-font-sm);font-weight:600;margin-bottom:var(--mobile-lg)}.mobile-question-text[data-v-fd37bbc2]{font-size:var(--mobile-font-md);color:var(--fh-text-bright, #fff);text-align:center;margin:0 auto var(--mobile-xxl);line-height:1.6;min-height:60px}.mobile-option-label[data-v-fd37bbc2]{font-size:14px;color:var(--fh-text-bright, #fff);text-align:center;padding:var(--mobile-sm) var(--mobile-md);border-radius:var(--mobile-radius-md);line-height:1.5;font-weight:500;border:1px solid transparent}.mobile-option-a[data-v-fd37bbc2]{margin-bottom:var(--mobile-lg);background:rgba(124,58,237,.18);border-color:#7c3aed59;color:#c4b5fd}.mobile-option-b[data-v-fd37bbc2]{margin-top:var(--mobile-lg);background:rgba(59,130,246,.18);border-color:#3b82f659;color:#93c5fd}.mobile-scale-buttons[data-v-fd37bbc2]{display:flex;justify-content:space-between;align-items:center;padding:var(--mobile-sm) 0;position:relative}.mobile-scale-buttons[data-v-fd37bbc2]:before{content:"← A          B →";position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:11px;color:var(--fh-text-dim, #6b7280);letter-spacing:.5px}.mobile-scale-btn[data-v-fd37bbc2]{width:54px;height:54px;border-radius:50%;border:2px solid var(--fh-border, rgba(255,255,255,.2));background:var(--fh-white-overlay-soft, rgba(255,255,255,.06));font-size:var(--mobile-font-xs);color:var(--fh-text-secondary, #a89cc8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent;padding:0;line-height:1.2;text-align:center}.mobile-scale-btn[data-v-fd37bbc2]:active{transform:scale(.92)}.mobile-scale-btn.is-selected[data-v-fd37bbc2]{border-color:var(--fh-accent, #e60023);background:var(--fh-accent, #e60023);color:#fff;font-weight:600;box-shadow:0 2px 12px #e600234d}.mobile-nav-bar[data-v-fd37bbc2]{position:fixed;bottom:calc(var(--mobile-tabbar-height) + var(--mobile-safe-bottom));left:0;right:0;display:flex;padding:var(--mobile-md) var(--mobile-xl);background:var(--fh-surface, #1a0435);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--fh-border, rgba(255,255,255,.2));gap:var(--mobile-md);z-index:100}.mobile-nav-btn[data-v-fd37bbc2]{flex:1;padding:12px 0;border:none;border-radius:var(--mobile-radius-lg);font-size:var(--mobile-font-base);font-weight:600;cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent;min-height:44px}.mobile-nav-btn[data-v-fd37bbc2]:active{opacity:.8}.mobile-nav-prev[data-v-fd37bbc2]{background:var(--fh-white-overlay, rgba(255,255,255,.1));color:var(--fh-text-secondary, #a89cc8)}.mobile-nav-prev[data-v-fd37bbc2]:disabled{opacity:.35;cursor:not-allowed}.mobile-nav-next[data-v-fd37bbc2]{background:var(--fh-accent, #e60023);color:#fff}.mobile-nav-next[data-v-fd37bbc2]:disabled{opacity:.35;cursor:not-allowed}.mobile-result[data-v-fd37bbc2]{padding:var(--mobile-xxl) var(--mobile-xl)}.mobile-result-type-badge[data-v-fd37bbc2]{text-align:center;font-size:56px;font-weight:800;color:var(--fh-accent, #e60023);letter-spacing:4px;margin-bottom:var(--mobile-sm)}.mobile-result-subtitle[data-v-fd37bbc2]{text-align:center;font-size:var(--mobile-font-base);color:var(--fh-text-muted, #7a6fa0);margin:0 0 var(--mobile-xxl) 0}.mobile-result-notice[data-v-fd37bbc2]{background:var(--fh-white-overlay, rgba(255,255,255,.1));border-radius:var(--mobile-radius-lg);padding:var(--mobile-lg);margin-bottom:var(--mobile-xxl)}.mobile-result-notice p[data-v-fd37bbc2]{font-size:var(--mobile-font-sm);color:var(--fh-text-secondary, #a89cc8);margin:0;line-height:var(--mobile-line-height)}.mobile-dimension-bars[data-v-fd37bbc2]{display:flex;flex-direction:column;gap:var(--mobile-lg);margin-bottom:var(--mobile-xxl)}.mobile-dim-bar-item[data-v-fd37bbc2]{display:flex;flex-direction:column;gap:var(--mobile-xs)}.mobile-dim-bar-labels[data-v-fd37bbc2]{display:flex;justify-content:space-between;font-size:var(--mobile-font-sm);color:var(--fh-text-muted, #7a6fa0);font-weight:500}.mobile-dim-bar-track[data-v-fd37bbc2]{height:8px;background:var(--fh-white-overlay, rgba(255,255,255,.1));border-radius:4px;overflow:hidden}.mobile-dim-bar-fill[data-v-fd37bbc2]{height:100%;background:linear-gradient(90deg,var(--fh-accent, #e60023),#ff6b81);border-radius:4px;transition:width .5s ease}.mobile-dim-bar-percent[data-v-fd37bbc2]{text-align:right;font-size:var(--mobile-font-xs);color:var(--fh-text-muted, #7a6fa0)}.mobile-result-actions[data-v-fd37bbc2]{margin-top:var(--mobile-xl)}.mobile-retake-btn[data-v-fd37bbc2]{display:block;width:100%;padding:14px 0;background:var(--fh-white-overlay, rgba(255,255,255,.1));color:var(--fh-accent, #e60023);font-size:var(--mobile-font-base);font-weight:600;border:2px solid var(--fh-accent, #e60023);border-radius:var(--mobile-radius-lg);cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent;min-height:48px}.mobile-retake-btn[data-v-fd37bbc2]:active{opacity:.8}.mobile-poster-btn[data-v-fd37bbc2]{display:block;width:100%;padding:14px 0;margin-top:var(--mobile-md);background:var(--fh-accent, #e60023);color:#fff;font-size:var(--mobile-font-base);font-weight:600;border:none;border-radius:var(--mobile-radius-lg);cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent;min-height:48px}.mobile-poster-btn[data-v-fd37bbc2]:active{opacity:.8}.slide-left-enter-active[data-v-fd37bbc2],.slide-left-leave-active[data-v-fd37bbc2],.slide-right-enter-active[data-v-fd37bbc2],.slide-right-leave-active[data-v-fd37bbc2]{transition:all .25s ease}.slide-left-enter-from[data-v-fd37bbc2]{transform:translate(40px);opacity:0}.slide-left-leave-to[data-v-fd37bbc2],.slide-right-enter-from[data-v-fd37bbc2]{transform:translate(-40px);opacity:0}.slide-right-leave-to[data-v-fd37bbc2]{transform:translate(40px);opacity:0}