[data-v-de24e188]:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #b0b6cc;--art-gray-400-rgb: 176, 182, 204;--art-gray-500: #8891a8;--art-gray-500-rgb: 136, 145, 168;--art-gray-600: #6b7590;--art-gray-600-rgb: 107, 117, 144;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #8891a8;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #b0b6cc;--art-text-gray-500: #8891a8;--art-text-gray-600: #6b7590;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark[data-v-de24e188]{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #545662;--art-gray-400-rgb: 84, 86, 98;--art-gray-500: #7a7c88;--art-gray-500-rgb: 122, 124, 136;--art-gray-600: #9a9cae;--art-gray-600-rgb: 154, 156, 174;--art-gray-700: #b5b7c8;--art-gray-700-rgb: 181, 183, 200;--art-gray-800: #d0d2e0;--art-gray-800-rgb: 208, 210, 224;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #8b8d9a;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #545662;--art-text-gray-500: #7a7c88;--art-text-gray-600: #9a9cae;--art-text-gray-700: #b5b7c8;--art-text-gray-800: #d0d2e0;--art-text-gray-900: #f5f5f5;--art-border-color: #363843;--art-border-dashed-color: #464852;--art-root-card-border-color: #2a2b35;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}[data-v-de24e188]:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary[data-v-de24e188]{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary[data-v-de24e188]{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning[data-v-de24e188]{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error[data-v-de24e188]{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success[data-v-de24e188]{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info[data-v-de24e188]{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger[data-v-de24e188]{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100[data-v-de24e188]{background-color:rgb(var(--art-grey100))!important}.bg-grey200[data-v-de24e188]{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor[data-v-de24e188]{background-color:rgb(var(--art-hoverColor))!important}.text-primary[data-v-de24e188]{color:rgb(var(--art-primary))!important}.text-secondary[data-v-de24e188]{color:rgb(var(--art-secondary))!important}.text-error[data-v-de24e188]{color:rgb(var(--art-error))!important}.text-danger[data-v-de24e188]{color:rgb(var(--art-danger))!important}.text-info[data-v-de24e188]{color:rgb(var(--art-info))!important}.text-success[data-v-de24e188]{color:rgb(var(--art-success))!important}.text-warning[data-v-de24e188]{color:rgb(var(--art-warning))!important}.mbti16stage-questionnaire[data-v-de24e188]{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#f5f7fa,#e8eaf0);position:relative;overflow:hidden}.mbti16stage-questionnaire .glow-orbs[data-v-de24e188]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.mbti16stage-questionnaire .glow-orbs .orb[data-v-de24e188]{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;animation:float-orb-de24e188 20s ease-in-out infinite}.mbti16stage-questionnaire .glow-orbs .orb-1[data-v-de24e188]{width:500px;height:500px;background:radial-gradient(circle,var(--glow-color-1, #9b59b6) 0%,transparent 70%);top:-150px;left:-150px}.mbti16stage-questionnaire .glow-orbs .orb-2[data-v-de24e188]{width:400px;height:400px;background:radial-gradient(circle,var(--glow-color-2, #b07cc6) 0%,transparent 70%);bottom:-100px;right:-100px;animation-delay:10s}@keyframes float-orb-de24e188{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-50px) scale(1.1)}}.mbti16stage-questionnaire .loading-container[data-v-de24e188],.mbti16stage-questionnaire .error-container[data-v-de24e188]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.mbti16stage-questionnaire .type-selector-container[data-v-de24e188]{position:relative;z-index:1;max-width:900px;margin:0 auto}.mbti16stage-questionnaire .selector-header[data-v-de24e188]{text-align:center;margin-bottom:40px}.mbti16stage-questionnaire .selector-header .header-badge[data-v-de24e188]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:100px;color:#667eea;font-size:13px;font-weight:500;margin-bottom:20px}.mbti16stage-questionnaire .selector-header .header-badge svg[data-v-de24e188]{width:16px;height:16px}.mbti16stage-questionnaire .selector-header .header-title[data-v-de24e188]{font-size:32px;font-weight:700;color:#1a1a2e;margin:0 0 12px}.mbti16stage-questionnaire .selector-header .header-subtitle[data-v-de24e188]{font-size:16px;color:#606266;margin:0;line-height:1.6}.mbti16stage-questionnaire .type-groups-grid[data-v-de24e188]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.mbti16stage-questionnaire .type-group-card[data-v-de24e188]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);transition:all .2s ease-out}.mbti16stage-questionnaire .type-group-card[data-v-de24e188]:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-2px)}.mbti16stage-questionnaire .type-group-card .group-card-header[data-v-de24e188]{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--group-color-light)}.mbti16stage-questionnaire .type-group-card .group-icon[data-v-de24e188]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--group-color-light);border-radius:12px}.mbti16stage-questionnaire .type-group-card .group-icon svg[data-v-de24e188]{width:22px;height:22px;stroke:var(--group-color)}.mbti16stage-questionnaire .type-group-card .group-info[data-v-de24e188]{display:flex;flex-direction:column;gap:2px}.mbti16stage-questionnaire .type-group-card .group-info .group-name[data-v-de24e188]{font-size:18px;font-weight:600;color:var(--group-color)}.mbti16stage-questionnaire .type-group-card .group-info .group-label[data-v-de24e188]{font-size:12px;color:#909399;text-transform:uppercase;letter-spacing:.5px}.mbti16stage-questionnaire .type-group-card .group-types-list[data-v-de24e188]{display:flex;flex-direction:column;gap:8px}.mbti16stage-questionnaire .type-group-card .type-button[data-v-de24e188]{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease-out;text-align:left}.mbti16stage-questionnaire .type-group-card .type-button .type-code[data-v-de24e188]{font-size:16px;font-weight:700;color:#303133;min-width:52px}.mbti16stage-questionnaire .type-group-card .type-button .type-archetype[data-v-de24e188]{flex:1;font-size:14px;color:#606266}.mbti16stage-questionnaire .type-group-card .type-button .type-arrow[data-v-de24e188]{width:18px;height:18px;stroke:#c0c4cc;transition:all .2s ease-out;opacity:0;transform:translate(-4px)}.mbti16stage-questionnaire .type-group-card .type-button[data-v-de24e188]:hover{background:var(--group-color-light);border-color:var(--group-color)}.mbti16stage-questionnaire .type-group-card .type-button:hover .type-code[data-v-de24e188]{color:var(--group-color)}.mbti16stage-questionnaire .type-group-card .type-button:hover .type-archetype[data-v-de24e188]{color:#303133}.mbti16stage-questionnaire .type-group-card .type-button:hover .type-arrow[data-v-de24e188]{opacity:1;transform:translate(0);stroke:var(--group-color)}.mbti16stage-questionnaire .type-group-card .type-button[data-v-de24e188]:active{transform:scale(.98)}.mbti16stage-questionnaire .questionnaire-container[data-v-de24e188]{position:relative;z-index:1;max-width:720px;margin:0 auto}.mbti16stage-questionnaire .question-card[data-v-de24e188]{background:#fff;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08);overflow:hidden}.mbti16stage-questionnaire .question-card .card-header[data-v-de24e188]{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(135deg,#fafbfc,#fff);border-bottom:1px solid rgba(0,0,0,.04)}.mbti16stage-questionnaire .question-card .card-header .header-left[data-v-de24e188]{flex:1}.mbti16stage-questionnaire .question-card .card-header .type-badge[data-v-de24e188]{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border-radius:14px}.mbti16stage-questionnaire .question-card .card-header .type-badge .badge-icon[data-v-de24e188]{width:20px;height:20px;opacity:.9}.mbti16stage-questionnaire .question-card .card-header .type-badge .badge-info[data-v-de24e188]{display:flex;flex-direction:column;gap:2px}.mbti16stage-questionnaire .question-card .card-header .type-badge .badge-info .type-code[data-v-de24e188]{font-size:16px;font-weight:700;letter-spacing:1px;line-height:1}.mbti16stage-questionnaire .question-card .card-header .type-badge .badge-info .type-name[data-v-de24e188]{font-size:12px;opacity:.85;line-height:1}.mbti16stage-questionnaire .question-card .card-header .change-type-btn[data-v-de24e188]{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;color:#909399;background:transparent;border:1px solid #e4e7ed;border-radius:10px;cursor:pointer;transition:all .2s ease-out}.mbti16stage-questionnaire .question-card .card-header .change-type-btn svg[data-v-de24e188]{width:14px;height:14px}.mbti16stage-questionnaire .question-card .card-header .change-type-btn[data-v-de24e188]:hover{background:#f5f7fa;border-color:#c0c4cc;color:#606266}.mbti16stage-questionnaire .question-card .progress-section[data-v-de24e188]{padding:16px 28px 20px;background:#fafbfc;border-bottom:1px solid rgba(0,0,0,.04)}.mbti16stage-questionnaire .question-card .progress-section .progress-info[data-v-de24e188]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-text[data-v-de24e188]{display:flex;align-items:center;gap:8px;font-size:14px;color:#606266}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-text svg[data-v-de24e188]{width:16px;height:16px;stroke:#909399}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-text strong[data-v-de24e188]{font-weight:600}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-stats[data-v-de24e188]{display:flex;align-items:baseline;gap:2px;font-size:14px}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-stats .stat-answered[data-v-de24e188]{font-size:18px;font-weight:700}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-stats .stat-divider[data-v-de24e188]{color:#c0c4cc;margin:0 2px}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-stats .stat-total[data-v-de24e188]{color:#909399}.mbti16stage-questionnaire .question-card .progress-section .progress-bar-wrapper[data-v-de24e188]{display:flex;align-items:center;gap:12px}.mbti16stage-questionnaire .question-card .progress-section .progress-bar-wrapper .progress-bar-bg[data-v-de24e188]{flex:1;height:8px;background:rgba(0,0,0,.06);border-radius:10px;overflow:hidden}.mbti16stage-questionnaire .question-card .progress-section .progress-bar-wrapper .progress-bar-bg .progress-bar-fill[data-v-de24e188]{height:100%;transition:width .3s ease-out;border-radius:10px}.mbti16stage-questionnaire .question-card .progress-section .progress-bar-wrapper .progress-percentage[data-v-de24e188]{font-size:13px;font-weight:600;min-width:40px;text-align:right}.mbti16stage-questionnaire .question-card .card-body[data-v-de24e188]{padding:32px 28px}.mbti16stage-questionnaire .question-card .card-body .question-content[data-v-de24e188]{margin-bottom:28px;animation:fadeIn-de24e188 .25s ease-out}.mbti16stage-questionnaire .question-card .card-body .question-content .question-number[data-v-de24e188]{display:inline-block;padding:6px 14px;font-size:13px;font-weight:700;border-radius:8px;margin-bottom:16px}.mbti16stage-questionnaire .question-card .card-body .question-content .question-text[data-v-de24e188]{font-size:18px;font-weight:500;line-height:1.7;color:#1a1a2e;margin:0}@keyframes fadeIn-de24e188{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mbti16stage-questionnaire .question-card .card-body .options-container[data-v-de24e188]{display:flex;flex-direction:column;gap:10px}.mbti16stage-questionnaire .question-card .card-body .option-card[data-v-de24e188]{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;background:#f8f9fb;border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s ease-out;text-align:left}.mbti16stage-questionnaire .question-card .card-body .option-card .option-indicator[data-v-de24e188]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid #d0d5dd;border-radius:50%;flex-shrink:0;transition:all .2s ease-out}.mbti16stage-questionnaire .question-card .card-body .option-card .option-indicator svg[data-v-de24e188]{width:14px;height:14px;stroke:#fff}.mbti16stage-questionnaire .question-card .card-body .option-card .option-indicator .indicator-dot[data-v-de24e188]{width:8px;height:8px;background:transparent;border-radius:50%;transition:all .2s ease-out}.mbti16stage-questionnaire .question-card .card-body .option-card .option-text[data-v-de24e188]{font-size:15px;color:#303133;flex:1}.mbti16stage-questionnaire .question-card .card-body .option-card[data-v-de24e188]:hover:not(.is-selected){background:#f0f2f5;border-color:#e0e3e8}.mbti16stage-questionnaire .question-card .card-body .option-card:hover:not(.is-selected) .option-indicator[data-v-de24e188]{border-color:#a0a5ad}.mbti16stage-questionnaire .question-card .card-body .option-card:hover:not(.is-selected) .option-indicator .indicator-dot[data-v-de24e188]{background:#c0c4cc}.mbti16stage-questionnaire .question-card .card-body .option-card.is-selected .option-indicator[data-v-de24e188]{border-color:transparent}.mbti16stage-questionnaire .question-card .card-body .option-card.is-selected .option-indicator svg[data-v-de24e188]{animation:checkIn-de24e188 .2s ease-out}.mbti16stage-questionnaire .question-card .card-body .option-card.is-selected .option-text[data-v-de24e188]{font-weight:500}@keyframes checkIn-de24e188{0%{transform:scale(0)}to{transform:scale(1)}}.mbti16stage-questionnaire .question-card .card-footer[data-v-de24e188]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;background:#fafbfc;border-top:1px solid rgba(0,0,0,.04)}.mbti16stage-questionnaire .question-card .card-footer .btn-nav[data-v-de24e188]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease-out;outline:none}.mbti16stage-questionnaire .question-card .card-footer .btn-nav svg[data-v-de24e188]{width:16px;height:16px;flex-shrink:0}.mbti16stage-questionnaire .question-card .card-footer .btn-nav[data-v-de24e188]:disabled{opacity:.4;cursor:not-allowed}.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-back[data-v-de24e188],.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-grid[data-v-de24e188]{background:#fff;color:#606266;border:1px solid #e4e7ed}.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-back[data-v-de24e188]:not(:disabled):hover,.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-grid[data-v-de24e188]:not(:disabled):hover{background:#f5f7fa;border-color:#c0c4cc;color:#303133}.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-next[data-v-de24e188],.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-submit[data-v-de24e188]{color:#fff;min-width:120px}.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-next .spin[data-v-de24e188],.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-submit .spin[data-v-de24e188]{animation:spin-de24e188 1s linear infinite}.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-next[data-v-de24e188]:not(:disabled):hover,.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-submit[data-v-de24e188]:not(:disabled):hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-next:not(:disabled):hover svg[data-v-de24e188]:not(.spin),.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-submit:not(:disabled):hover svg[data-v-de24e188]:not(.spin){transform:translate(2px)}@keyframes spin-de24e188{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mbti16stage-questionnaire .incomplete-alert[data-v-de24e188]{margin-top:20px}.mbti16stage-questionnaire .incomplete-alert .alert-content[data-v-de24e188]{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#fffbeb;border:1px solid #fde68a;border-radius:14px}.mbti16stage-questionnaire .incomplete-alert .alert-content .alert-icon[data-v-de24e188]{width:20px;height:20px;stroke:#f59e0b;flex-shrink:0}.mbti16stage-questionnaire .incomplete-alert .alert-content .alert-text[data-v-de24e188]{font-size:14px;color:#b45309}.mbti16stage-questionnaire .incomplete-alert .alert-content .alert-text strong[data-v-de24e188]{font-weight:600;color:#d97706}.mbti16stage-questionnaire .question-grid[data-v-de24e188]{margin:20px auto 0;padding:20px;background:#fff;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.08)}.mbti16stage-questionnaire .question-grid .grid-header[data-v-de24e188]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.06)}.mbti16stage-questionnaire .question-grid .grid-header .grid-title[data-v-de24e188]{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#303133}.mbti16stage-questionnaire .question-grid .grid-header .grid-title svg[data-v-de24e188]{width:18px;height:18px;stroke:#909399}.mbti16stage-questionnaire .question-grid .grid-header .grid-legend[data-v-de24e188]{display:flex;align-items:center;gap:16px}.mbti16stage-questionnaire .question-grid .grid-header .grid-legend .legend-item[data-v-de24e188]{display:flex;align-items:center;gap:6px;font-size:12px;color:#909399}.mbti16stage-questionnaire .question-grid .grid-header .grid-legend .legend-item .dot[data-v-de24e188]{width:10px;height:10px;border-radius:50%}.mbti16stage-questionnaire .question-grid .grid-header .grid-legend .legend-item .dot.answered[data-v-de24e188]{background:linear-gradient(135deg,#667eea,#764ba2)}.mbti16stage-questionnaire .question-grid .grid-header .grid-legend .legend-item .dot.current[data-v-de24e188]{background:#303133;box-shadow:0 0 0 2px #fff,0 0 0 4px #303133}.mbti16stage-questionnaire .question-grid .grid-header .grid-legend .legend-item .dot.unanswered[data-v-de24e188]{background:#e4e7ed}.mbti16stage-questionnaire .question-grid .grid-content[data-v-de24e188]{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.mbti16stage-questionnaire .question-grid .grid-item[data-v-de24e188]{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid #e4e7ed;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px;color:#909399;transition:all .2s ease-out;background:#fff}.mbti16stage-questionnaire .question-grid .grid-item .grid-number[data-v-de24e188]{position:relative;z-index:1}.mbti16stage-questionnaire .question-grid .grid-item .check-icon[data-v-de24e188]{position:absolute;top:3px;right:3px;width:10px;height:10px;stroke:currentColor;opacity:.8}.mbti16stage-questionnaire .question-grid .grid-item[data-v-de24e188]:hover:not(.active){border-color:#c0c4cc;background:#f5f7fa;color:#606266}.mbti16stage-questionnaire .question-grid .grid-item.answered[data-v-de24e188]:not(.active){color:#fff}.mbti16stage-questionnaire .question-grid .grid-item.active[data-v-de24e188]{color:#fff;font-weight:700}.mbti16stage-questionnaire .fade-slide-enter-active[data-v-de24e188]{animation:fadeSlideIn-de24e188 .3s ease-out}.mbti16stage-questionnaire .fade-slide-leave-active[data-v-de24e188]{animation:fadeSlideOut-de24e188 .2s ease-in}@keyframes fadeSlideIn-de24e188{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut-de24e188{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.mbti16stage-questionnaire .expand-enter-active[data-v-de24e188],.mbti16stage-questionnaire .expand-leave-active[data-v-de24e188]{transition:all .3s ease;max-height:800px;overflow:hidden}.mbti16stage-questionnaire .expand-enter-from[data-v-de24e188],.mbti16stage-questionnaire .expand-leave-to[data-v-de24e188]{max-height:0;opacity:0}@media (max-width: 768px){.mbti16stage-questionnaire[data-v-de24e188]{padding:16px 12px 100px}.mbti16stage-questionnaire .selector-header[data-v-de24e188]{margin-bottom:28px}.mbti16stage-questionnaire .selector-header .header-badge[data-v-de24e188]{padding:8px 16px;font-size:12px;margin-bottom:16px}.mbti16stage-questionnaire .selector-header .header-title[data-v-de24e188]{font-size:24px}.mbti16stage-questionnaire .selector-header .header-subtitle[data-v-de24e188]{font-size:14px}.mbti16stage-questionnaire .type-groups-grid[data-v-de24e188]{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.mbti16stage-questionnaire .type-group-card[data-v-de24e188]{padding:20px}.mbti16stage-questionnaire .type-group-card .group-card-header[data-v-de24e188]{margin-bottom:16px;padding-bottom:12px}.mbti16stage-questionnaire .type-group-card .group-icon[data-v-de24e188]{width:40px;height:40px}.mbti16stage-questionnaire .type-group-card .group-icon svg[data-v-de24e188]{width:20px;height:20px}.mbti16stage-questionnaire .type-group-card .group-info .group-name[data-v-de24e188]{font-size:16px}.mbti16stage-questionnaire .type-group-card .type-button[data-v-de24e188]{padding:12px 14px}.mbti16stage-questionnaire .type-group-card .type-button .type-code[data-v-de24e188]{font-size:15px;min-width:48px}.mbti16stage-questionnaire .type-group-card .type-button .type-archetype[data-v-de24e188]{font-size:13px}.mbti16stage-questionnaire .type-group-card .type-button .type-arrow[data-v-de24e188]{width:16px;height:16px}.mbti16stage-questionnaire .question-card[data-v-de24e188]{border-radius:18px}.mbti16stage-questionnaire .question-card .card-header[data-v-de24e188]{padding:14px 16px;flex-wrap:wrap;gap:10px}.mbti16stage-questionnaire .question-card .card-header .type-badge[data-v-de24e188]{padding:8px 12px;gap:8px}.mbti16stage-questionnaire .question-card .card-header .type-badge .badge-icon[data-v-de24e188]{width:16px;height:16px}.mbti16stage-questionnaire .question-card .card-header .type-badge .badge-info .type-code[data-v-de24e188]{font-size:14px}.mbti16stage-questionnaire .question-card .card-header .type-badge .badge-info .type-name[data-v-de24e188]{font-size:11px}.mbti16stage-questionnaire .question-card .card-header .change-type-btn[data-v-de24e188]{padding:6px 10px;font-size:12px}.mbti16stage-questionnaire .question-card .card-header .change-type-btn svg[data-v-de24e188]{width:12px;height:12px}.mbti16stage-questionnaire .question-card .progress-section[data-v-de24e188]{padding:12px 16px 14px}.mbti16stage-questionnaire .question-card .progress-section .progress-info[data-v-de24e188]{margin-bottom:10px}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-text[data-v-de24e188]{font-size:13px}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-text svg[data-v-de24e188]{width:14px;height:14px}.mbti16stage-questionnaire .question-card .progress-section .progress-info .progress-stats .stat-answered[data-v-de24e188]{font-size:16px}.mbti16stage-questionnaire .question-card .progress-section .progress-bar-wrapper[data-v-de24e188]{gap:10px}.mbti16stage-questionnaire .question-card .progress-section .progress-bar-wrapper .progress-bar-bg[data-v-de24e188]{height:6px}.mbti16stage-questionnaire .question-card .progress-section .progress-bar-wrapper .progress-percentage[data-v-de24e188]{font-size:12px;min-width:36px}.mbti16stage-questionnaire .question-card .card-body[data-v-de24e188]{padding:20px 16px}.mbti16stage-questionnaire .question-card .card-body .question-content[data-v-de24e188]{margin-bottom:20px}.mbti16stage-questionnaire .question-card .card-body .question-content .question-number[data-v-de24e188]{padding:5px 12px;font-size:12px;margin-bottom:12px}.mbti16stage-questionnaire .question-card .card-body .question-content .question-text[data-v-de24e188]{font-size:16px;line-height:1.65}.mbti16stage-questionnaire .question-card .card-body .options-container[data-v-de24e188]{gap:8px}.mbti16stage-questionnaire .question-card .card-body .option-card[data-v-de24e188]{padding:14px 16px;gap:12px}.mbti16stage-questionnaire .question-card .card-body .option-card .option-indicator[data-v-de24e188]{width:22px;height:22px}.mbti16stage-questionnaire .question-card .card-body .option-card .option-indicator svg[data-v-de24e188]{width:12px;height:12px}.mbti16stage-questionnaire .question-card .card-body .option-card .option-text[data-v-de24e188]{font-size:14px}.mbti16stage-questionnaire .question-card .card-footer[data-v-de24e188]{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.06);border-radius:0;z-index:100}.mbti16stage-questionnaire .question-card .card-footer .btn-nav[data-v-de24e188]{flex:1;padding:10px 12px;font-size:13px}.mbti16stage-questionnaire .question-card .card-footer .btn-nav svg[data-v-de24e188]{width:14px;height:14px}.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-next[data-v-de24e188],.mbti16stage-questionnaire .question-card .card-footer .btn-nav.btn-submit[data-v-de24e188]{min-width:auto}.mbti16stage-questionnaire .incomplete-alert[data-v-de24e188]{margin:12px 16px 0;position:fixed;bottom:calc(60px + env(safe-area-inset-bottom));left:0;right:0;z-index:99}.mbti16stage-questionnaire .incomplete-alert .alert-content[data-v-de24e188]{padding:12px 16px;border-radius:12px}.mbti16stage-questionnaire .incomplete-alert .alert-content .alert-icon[data-v-de24e188]{width:18px;height:18px}.mbti16stage-questionnaire .incomplete-alert .alert-content .alert-text[data-v-de24e188]{font-size:13px}.mbti16stage-questionnaire .question-grid[data-v-de24e188]{margin-bottom:80px;padding:16px;border-radius:16px}.mbti16stage-questionnaire .question-grid .grid-header[data-v-de24e188]{flex-direction:column;gap:10px;align-items:flex-start}.mbti16stage-questionnaire .question-grid .grid-header .grid-legend[data-v-de24e188]{gap:12px}.mbti16stage-questionnaire .question-grid .grid-header .grid-legend .legend-item[data-v-de24e188]{font-size:11px}.mbti16stage-questionnaire .question-grid .grid-content[data-v-de24e188]{grid-template-columns:repeat(8,1fr);gap:6px}.mbti16stage-questionnaire .question-grid .grid-item[data-v-de24e188]{font-size:11px;border-radius:8px}.mbti16stage-questionnaire .question-grid .grid-item .check-icon[data-v-de24e188]{width:8px;height:8px;top:2px;right:2px}}@media (prefers-reduced-motion: reduce){.mbti16stage-questionnaire .question-content[data-v-de24e188],.mbti16stage-questionnaire .option-card .option-indicator svg[data-v-de24e188]{animation:none}.mbti16stage-questionnaire .btn-nav svg[data-v-de24e188],.mbti16stage-questionnaire .type-button .type-arrow[data-v-de24e188]{transition:none}}