.mbti-test[data-v-ac3360f0]{max-width:800px;margin:0 auto;padding:20px;background:#f8fafc;min-height:100vh}.test-header[data-v-ac3360f0]{text-align:center;margin-bottom:30px}.test-header h1[data-v-ac3360f0]{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:10px}.test-header .subtitle[data-v-ac3360f0]{font-size:1.1rem;color:#64748b}.test-intro[data-v-ac3360f0]{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.test-intro .intro-content[data-v-ac3360f0]{max-width:500px;margin:0 auto}.test-intro .intro-content h3[data-v-ac3360f0]{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:20px}.test-intro .intro-content ul[data-v-ac3360f0]{text-align:left;margin:20px 0;padding-left:20px}.test-intro .intro-content ul li[data-v-ac3360f0]{margin:10px 0;color:#475569}.test-intro .intro-content .privacy-notice[data-v-ac3360f0]{margin-top:20px;padding:15px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.test-intro .intro-content .privacy-notice .notice-text[data-v-ac3360f0]{font-size:.9rem;color:#64748b;line-height:1.5;margin:0}.test-progress[data-v-ac3360f0]{margin-bottom:20px}.test-progress .progress-bar[data-v-ac3360f0]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.test-progress .progress-bar .progress-fill[data-v-ac3360f0]{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.test-progress .progress-text[data-v-ac3360f0]{text-align:center;margin-top:10px;color:#64748b;font-weight:500}.question-section .question-card[data-v-ac3360f0]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px -1px #0000001a}.question-section .question-card .question-number[data-v-ac3360f0]{display:inline-block;background:#3b82f6;color:#000;padding:8px 16px;border-radius:20px;font-weight:600;margin-bottom:20px}.question-section .question-card .question-text[data-v-ac3360f0]{font-size:1.3rem;font-weight:600;color:#1e293b;margin-bottom:30px;line-height:1.6}.question-section .question-card .options[data-v-ac3360f0]{margin-bottom:30px}.question-section .question-card .options .option-item[data-v-ac3360f0]{border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:15px;cursor:pointer;transition:all .3s ease}.question-section .question-card .options .option-item[data-v-ac3360f0]:hover{border-color:#3b82f6;background:#f8fafc}.question-section .question-card .options .option-item.selected[data-v-ac3360f0]{border-color:#3b82f6;background:#eff6ff}.question-section .question-card .options .option-item .option-text[data-v-ac3360f0]{font-size:1.1rem;color:#1e293b;margin-bottom:8px}.question-section .question-card .options .option-item .option-type[data-v-ac3360f0]{font-size:.9rem;color:#64748b;font-weight:500}.question-section .question-card .question-actions[data-v-ac3360f0]{display:flex;justify-content:space-between;gap:15px}.test-result .result-header[data-v-ac3360f0]{text-align:center;margin-bottom:30px}.test-result .result-header h2[data-v-ac3360f0]{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:15px}.test-result .result-header .result-type[data-v-ac3360f0]{font-size:1.5rem;font-weight:700;color:#3b82f6;background:#eff6ff;padding:8px 16px;border-radius:20px}.test-result .result-content[data-v-ac3360f0]{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 4px 6px -1px #0000001a}.test-result .result-content h3[data-v-ac3360f0]{font-size:1.3rem;font-weight:600;color:#1e293b;margin:20px 0 15px}.test-result .result-content h3[data-v-ac3360f0]:first-child{margin-top:0}.test-result .result-content p[data-v-ac3360f0],.test-result .result-content ul[data-v-ac3360f0]{color:#475569;line-height:1.6;margin-bottom:20px}.test-result .result-content ul[data-v-ac3360f0]{padding-left:20px}.test-result .result-content ul li[data-v-ac3360f0]{margin:8px 0}.test-result .result-content .dimension-chart[data-v-ac3360f0]{margin-bottom:30px}.test-result .result-content .dimension-chart .dimension-bars .dimension-item[data-v-ac3360f0]{margin-bottom:20px}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-label[data-v-ac3360f0]{font-weight:500;color:#374151;margin-bottom:8px;font-size:.9rem}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar[data-v-ac3360f0]{display:flex;height:24px;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar .bar-fill[data-v-ac3360f0]{display:flex;align-items:center;justify-content:center;color:#000;font-size:.8rem;font-weight:600;min-width:20px;transition:width .3s ease}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar .bar-fill.e-bar[data-v-ac3360f0]{background:#3b82f6}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar .bar-fill.i-bar[data-v-ac3360f0]{background:#8b5cf6}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar .bar-fill.s-bar[data-v-ac3360f0]{background:#10b981}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar .bar-fill.n-bar[data-v-ac3360f0]{background:#f59e0b}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar .bar-fill.t-bar[data-v-ac3360f0]{background:#ef4444}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar .bar-fill.f-bar[data-v-ac3360f0]{background:#ec4899}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar .bar-fill.j-bar[data-v-ac3360f0]{background:#6366f1}.test-result .result-content .dimension-chart .dimension-bars .dimension-item .dimension-bar .bar-fill.p-bar[data-v-ac3360f0]{background:#06b6d4}.test-result .result-actions[data-v-ac3360f0]{text-align:center;display:flex;justify-content:center;gap:15px}@media (max-width: 768px){.mbti-test[data-v-ac3360f0]{padding:15px}.test-header h1[data-v-ac3360f0]{font-size:2rem}.question-section .question-card[data-v-ac3360f0]{padding:20px}.question-section .question-card .question-text[data-v-ac3360f0]{font-size:1.1rem}.question-section .question-card .options .option-item[data-v-ac3360f0]{padding:15px}.result-actions[data-v-ac3360f0]{flex-direction:column;align-items:center;gap:10px}.result-actions .el-button[data-v-ac3360f0]{width:100%;max-width:200px}.image-preview-modal .content[data-v-ac3360f0]{padding:20px;margin:20px}.image-preview-modal .content .button-container[data-v-ac3360f0]{flex-direction:column;gap:10px}.image-preview-modal .content .button-container button[data-v-ac3360f0]{width:100%}}