.step-connector[data-v-7721bf93]{width:48px;height:2px;background:var(--gray-200);border-radius:2px;margin:0 4px;flex-shrink:0;transition:background .3s ease}.step-connector.done[data-v-7721bf93]{background:var(--success)}.step-bar[data-v-7721bf93]{align-items:center}:root{--brand: #02a8e6;--brand-600: #0190c7;--brand-700: #0189bd;--brand-800: #006fa6;--brand-100: #e8f7fd;--brand-50: #f0f9fd;--primary: var(--brand);--primary-dark: var(--brand-600);--primary-darker: var(--brand-800);--primary-light: var(--brand-100);--primary-pale: #cceef9;--primary-rgb: 2, 168, 230;--success: #12855e;--warning: #b45309;--danger: #d92d20;--info: #0ba5ec;--gray-50: #f8fafc;--gray-100: #eff3f7;--gray-200: #e1e8ef;--gray-300: #c6d0da;--gray-400: #9aaaba;--gray-500: #6e8093;--gray-600: #4a5d70;--gray-700: #2a3f53;--gray-800: #12293c;--gray-900: #08192a;--text-primary: var(--gray-800);--text-secondary: var(--gray-500);--text-muted: var(--gray-400);--border: var(--gray-200);--border-strong: var(--gray-300);--border-focus: var(--primary);--bg-page: var(--gray-50);--bg-card: #ffffff;--bg-input: #ffffff;--shadow-xs: 0 1px 2px rgba(8, 25, 42, .05);--shadow-sm: 0 2px 8px rgba(8, 25, 42, .06);--shadow-md: 0 10px 30px -12px rgba(8, 25, 42, .16);--shadow-lg: 0 28px 60px -24px rgba(8, 25, 42, .24);--shadow-xl: 0 32px 70px -28px rgba(8, 25, 42, .28);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-body: "Inter var", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs: 12px;--text-sm: 13.5px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 25px;--text-3xl: 31px;--text-4xl: 42px;--fw-normal: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--lh-tight: 1.25;--lh-normal: 1.65;--ease: cubic-bezier(.22, .61, .36, 1);--trans-fast: all .15s var(--ease);--trans-normal: all .25s var(--ease);--transition: all .35s var(--ease)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-page)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark);text-decoration:underline}ul,ol{list-style:none}.container{max-width:1100px;margin:28px auto;padding:0 24px}.flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.header{background:linear-gradient(135deg,#01b8ff,#0190c7 60%,#006fa6);color:#fff;padding:44px 24px 34px;text-align:center;position:relative;overflow:hidden}.header:before,.header:after{content:"";position:absolute;border-radius:50%;background:#ffffff12;pointer-events:none}.header:before{width:300px;height:300px;top:-110px;left:-90px}.header:after{width:220px;height:220px;bottom:-90px;right:-50px}.header h1{font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:-.01em;margin-bottom:8px;position:relative}.header p{font-size:var(--text-sm);opacity:.82;letter-spacing:.02em;position:relative}.progress-bar{background:#ffffff40;height:3px;margin-top:22px;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:#fff;border-radius:var(--radius-full);transition:width .5s var(--ease);box-shadow:0 0 6px #fff9}.step-bar{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:var(--space-8);padding:var(--space-5) 0 var(--space-3)}.step{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-400);font-size:var(--text-sm);font-weight:var(--fw-medium);transition:var(--trans-normal);position:relative}.step:not(:last-child):after{content:"";display:block;width:48px;height:1px;background:var(--gray-200);margin:0 var(--space-3);flex-shrink:0}.step.done:not(:last-child):after{background:var(--success)}.step.active:not(:last-child):after{background:var(--gray-200)}.step-circle{width:30px;height:30px;border-radius:50%;background:var(--gray-100);border:2px solid var(--gray-200);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-semi);font-size:13px;color:var(--gray-400);transition:var(--trans-normal);flex-shrink:0}.step.active{color:var(--primary)}.step.active .step-circle{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15)}.step.done{color:var(--success)}.step.done .step-circle{background:var(--success);border-color:var(--success);color:#fff}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-xs);border:1px solid var(--border)}.card+.card,.card+[class*=card]{margin-top:var(--space-5)}.card h3{font-size:var(--text-lg);font-weight:var(--fw-semi);color:var(--gray-900);letter-spacing:-.01em;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.grid-pyramid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.grid-pyramid>:nth-child(1){grid-column:2 / span 2}.grid-pyramid>:nth-child(2){grid-column:4 / span 2}.grid-pyramid>:nth-child(3){grid-column:1 / span 2}.grid-pyramid>:nth-child(4){grid-column:3 / span 2}.grid-pyramid>:nth-child(5){grid-column:5 / span 2}@media (max-width: 860px){.grid-pyramid{grid-template-columns:repeat(2,1fr)}.grid-pyramid>:nth-child(n){grid-column:auto}}@media (max-width: 480px){.grid-pyramid{grid-template-columns:1fr}}.dim-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:var(--trans-normal);position:relative;background:var(--bg-card)}.dim-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--brand-100)}.dim-card.selected{border-color:var(--primary);background:var(--brand-50);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.dim-checkbox{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-300);display:flex;align-items:center;justify-content:center;transition:var(--trans-fast);background:#fff}.dim-checkbox.checked{background:var(--primary);border-color:var(--primary);color:#fff;font-size:12px;font-weight:var(--fw-bold)}.dim-card:hover .dim-checkbox:not(.checked){border-color:var(--primary)}.dim-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--brand-100);color:var(--brand-700);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.dim-icon svg{width:24px;height:24px;display:block}.q-dim-label{display:inline-flex;align-items:center;gap:6px;color:var(--gray-500);font-size:var(--text-xs)}.q-dim-label svg{width:14px;height:14px;display:block;color:var(--brand-600)}.dim-title{font-weight:var(--fw-semi);font-size:var(--text-base);margin-bottom:var(--space-2);color:var(--gray-900);letter-spacing:-.01em;line-height:var(--lh-tight)}.dim-meta{font-size:var(--text-xs);color:var(--text-muted)}.dim-weight{display:inline-block;background:var(--brand-100);color:var(--brand-800);padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--fw-semi);margin-left:6px;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1.6rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--fw-semi);letter-spacing:.01em;font-family:var(--font-body);cursor:pointer;border:1px solid transparent;transition:var(--trans-normal);line-height:1.2;white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none!important}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 8px 20px -10px rgba(var(--primary-rgb),.6)}.btn-secondary{background:#fff;color:var(--gray-800);border-color:var(--gray-300)}.btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-400);box-shadow:var(--shadow-xs)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#0f6f4e;box-shadow:0 8px 20px -10px #12855e99}.btn-outline{background:transparent;color:var(--brand-700);border-color:var(--brand-700)}.btn-outline:hover{background:var(--brand-50);box-shadow:0 8px 20px -12px rgba(var(--primary-rgb),.5)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--gray-700);margin-bottom:6px}.form-input{width:100%;padding:.8rem 1.05rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);color:var(--gray-800);background:var(--bg-input);transition:var(--trans-fast);line-height:1.5;-webkit-appearance:none}.form-input::placeholder{color:var(--gray-400)}.form-input:hover{border-color:var(--gray-400)}.form-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.form-input[type=checkbox]{width:auto;accent-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.question-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-xs);transition:var(--trans-normal)}.question-card:hover{border-color:var(--brand-100);box-shadow:var(--shadow-sm)}.question-num{display:inline-flex;align-items:center;background:var(--brand-100);color:var(--brand-800);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semi);letter-spacing:.03em;margin-bottom:var(--space-3)}.question-text{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--gray-900);letter-spacing:-.01em;margin-bottom:var(--space-4);line-height:1.55}.rating-row{display:flex;gap:7px}.rating-btn{flex:1;padding:10px 6px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;cursor:pointer;font-size:var(--text-sm);font-family:var(--font-body);text-align:center;line-height:1.3;color:var(--gray-600);transition:var(--trans-fast)}.rating-btn:hover{border-color:var(--brand);background:var(--brand-50);color:var(--brand-800);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.rating-btn.selected{background:var(--primary);border-color:var(--primary);color:#fff;transform:none;box-shadow:0 6px 16px -8px rgba(var(--primary-rgb),.6)}.rating-btn small{display:block;font-size:10px;margin-top:3px;opacity:.85}@media (max-width: 480px){.rating-row{flex-wrap:wrap}.rating-btn{flex:0 0 calc(20% - 6px);min-height:46px}}.report-title{text-align:center;font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--gray-900);letter-spacing:-.02em;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:3px solid var(--brand)}.score-box{text-align:center;padding:var(--space-10) var(--space-8);background:linear-gradient(135deg,#01b8ff,#0190c7 55%,#006fa6);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--space-5);position:relative;overflow:hidden}.score-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='28'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.score-num{font-size:var(--text-4xl);font-weight:var(--fw-bold);letter-spacing:-.03em;position:relative}.score-level{font-size:var(--text-lg);margin-top:var(--space-2);color:#fff;opacity:.92;font-weight:var(--fw-medium);position:relative}.dim-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:14px}.dim-bar-label{width:130px;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.dim-bar-track{flex:1;height:8px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.dim-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease)}.dim-bar-val{width:46px;text-align:right;font-size:var(--text-sm);font-weight:var(--fw-semi);flex-shrink:0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-5)}@media (max-width: 640px){.result-grid{grid-template-columns:1fr}}.strength-box{background:#f2faf6;border:1px solid #d3ebde;border-left:3px solid var(--success);padding:var(--space-5);border-radius:var(--radius-md)}.weakness-box{background:#fdf3f2;border:1px solid #f7d9d5;border-left:3px solid var(--danger);padding:var(--space-5);border-radius:var(--radius-md)}.box-title{font-weight:var(--fw-semi);font-size:var(--text-sm);margin-bottom:var(--space-3);display:flex;align-items:center;gap:6px}.box-title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%}.box-title.green{color:#0d7a4e}.box-title.green:before{background:var(--success)}.box-title.red{color:#c01212}.box-title.red:before{background:var(--danger)}.strength-box ul,.weakness-box ul{padding-left:16px}.strength-box li,.weakness-box li{list-style:disc;font-size:var(--text-sm);color:var(--gray-700);margin-bottom:4px;line-height:1.5}.rec-card{border:1px solid var(--border);border-left:3px solid var(--brand);background:var(--gray-50);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:var(--trans-fast)}.rec-card:hover{border-left-color:var(--primary-dark);background:var(--brand-50)}.rec-title{font-weight:var(--fw-semi);font-size:var(--text-sm);color:var(--gray-800);margin-bottom:4px}.rec-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}.cta-box{background:linear-gradient(135deg,#01b8ff,#0190c7 55%,#006fa6);color:#fff;text-align:center;padding:var(--space-10) var(--space-8);border-radius:var(--radius-xl);margin-top:var(--space-6);position:relative;overflow:hidden}.cta-box h3{font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:-.02em;margin-bottom:var(--space-3);border:none;padding:0;color:#fff}.cta-box p{opacity:.82;margin-bottom:var(--space-5);font-size:var(--text-sm)}.cta-box .btn-secondary{background:#ffffffeb;color:var(--primary-dark);border:1px solid transparent;font-weight:var(--fw-semi)}.cta-box .btn-secondary:hover{background:#fff}.nav-btns{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--gray-100);flex-wrap:wrap;gap:var(--space-3)}.action-btns{display:flex;gap:var(--space-2);flex-wrap:wrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08192a8c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay.hidden{display:none!important}.modal{position:relative;background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-8);max-width:480px;width:92%;box-shadow:var(--shadow-xl);animation:modalIn .25s var(--ease)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h3{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--gray-900);margin-bottom:6px;padding:0;border:none}.modal-close{position:absolute;top:var(--space-4);right:var(--space-5);background:var(--gray-100);border:none;width:30px;height:30px;border-radius:50%;font-size:18px;cursor:pointer;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:var(--trans-fast);line-height:1}.modal-close:hover{background:var(--gray-200);color:var(--gray-800)}.modal-btn{width:100%;margin-top:var(--space-4)}.privacy-consent-label{display:flex;align-items:flex-start;gap:8px;font-size:var(--text-sm);color:var(--gray-600);cursor:pointer;line-height:1.5}.privacy-notice{margin-top:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.7;border:1px solid var(--gray-200)}.privacy-notice p{margin-bottom:6px}.privacy-notice strong{color:var(--gray-700)}.modal textarea.form-input{resize:vertical;min-height:88px}.chart-container{max-width:440px;min-height:380px;margin:0 auto}.chart-container canvas{width:100%!important;height:100%!important}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:var(--bg-card);border-radius:var(--radius-md);padding:14px 28px;box-shadow:var(--shadow-xl);z-index:2000;display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--gray-800);animation:toastIn .3s var(--ease);max-width:420px;white-space:nowrap}@keyframes toastIn{0%{transform:translate(-50%) translateY(-16px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary);gap:var(--space-4);font-size:var(--text-sm)}.spinner{width:36px;height:36px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.spinner.btn .spinner{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.step-transition-enter-active{animation:fadeSlideUp .35s var(--ease)}.step-transition-leave-active{animation:fadeSlideDown .2s var(--ease)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.hidden{display:none!important}@media print{@page{margin:0}.no-print{display:none!important}body{background:#fff;font-size:12px;margin:0;padding:10mm}.container{max-width:1000px;margin:0 auto;padding:0}.report-title{font-size:18px!important;margin-bottom:14px!important;padding-bottom:10px!important}.score-box{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:14px!important;margin-bottom:10px!important}.score-num{font-size:36px!important}.score-level{font-size:14px!important;margin-top:4px!important}.card{break-inside:avoid;page-break-inside:avoid;padding:12px!important;margin-top:10px!important;box-shadow:none!important}.card h3{font-size:13px!important;margin-bottom:8px!important}.question-card{break-inside:avoid;page-break-inside:avoid}.result-grid{break-inside:avoid;page-break-inside:avoid;margin-top:8px!important}.chart-container{min-height:240px!important}.dim-bar{margin-bottom:7px!important;gap:7px!important}.dim-bar-label,.dim-bar-val{font-size:11px!important}.dim-bar-track{background:#e5e7eb;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dim-bar-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rec-card{padding:9px 13px!important;margin-bottom:7px!important}.rec-title{font-size:12px!important}.rec-desc{font-size:11px!important}.strength-box,.weakness-box{padding:10px!important;font-size:12px;-webkit-print-color-adjust:exact;print-color-adjust:exact}}