:root{--v2-primary: var(--color-primary, #1A1F3D);--v2-primary-hover: var(--color-primary-hover, #252B4D);--v2-bg: var(--color-bg, #F5F2ED);--v2-card-bg: var(--color-bg-white, #FEFDFB);--v2-text-main: var(--color-primary, #1A1F3D);--v2-text-sub: var(--color-secondary, #6B6E8A);--v2-border: var(--color-border, #E8E4DE);--v2-shadow: var(--shadow-md, 0 4px 16px rgba(26, 31, 61, .08));--v2-radius: 16px}.mbti-v2-container{max-width:800px;margin:0 auto;padding:2rem 1rem;font-family:Noto Sans TC,Inter,system-ui,-apple-system,sans-serif;color:var(--v2-text-main);min-height:80vh}.mbti-v2-progress{height:8px;background-color:var(--v2-border);border-radius:4px;overflow:hidden;margin-bottom:2rem}.mbti-v2-progress-fill{height:100%;background:linear-gradient(90deg,var(--v2-primary),#818cf8);transition:width .3s ease;position:relative;overflow:hidden}.mbti-v2-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);background-size:200% 100%;animation:v2-shimmer 1.8s ease-in-out infinite}@keyframes v2-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mbti-v2-intro{text-align:center;padding:3rem 1rem}.mbti-v2-intro h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#6366f1,#818cf8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mbti-v2-intro p{font-size:1.1rem;color:var(--v2-text-sub);margin-bottom:2rem;line-height:1.6}.mbti-v2-card{background:var(--v2-card-bg);border-radius:var(--v2-radius);box-shadow:var(--v2-shadow);padding:2.5rem;margin-bottom:1.5rem;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mbti-v2-tag{display:inline-block;font-size:.85rem;font-weight:600;color:var(--v2-primary);background:#e0e7ff;padding:4px 12px;border-radius:20px;margin-bottom:1rem}.mbti-v2-question{font-size:1.5rem;font-weight:700;margin-bottom:2rem;line-height:1.3}.mbti-v2-options{display:flex;flex-direction:column;gap:1rem}.mbti-v2-btn{text-align:left;background:#fff;border:2px solid var(--v2-border);padding:1.25rem;border-radius:12px;font-size:1.05rem;color:var(--v2-text-main);cursor:pointer;transition:all .2s ease;line-height:1.5;position:relative;overflow:hidden;z-index:0}.mbti-v2-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#eef2ff,#e0e7ff);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:-1}.mbti-v2-btn:hover{border-color:var(--v2-primary);transform:translateY(-2px)}.mbti-v2-btn:hover:before{transform:scaleX(1)}.mbti-v2-btn.selected{border-color:var(--v2-primary);font-weight:500;box-shadow:0 0 0 3px #6366f11f}.mbti-v2-btn.selected:before{transform:scaleX(1)}.mbti-v2-btn:active{transform:scale(.97);transition-duration:.05s}.mbti-v2-options .mbti-v2-btn{animation:v2-slideUp .35s ease-out backwards}.mbti-v2-options .mbti-v2-btn:nth-child(1){border-left:3px solid #818cf8}.mbti-v2-options .mbti-v2-btn:nth-child(2){border-left:3px solid #a78bfa;animation-delay:.12s}.mbti-v2-options .mbti-v2-btn:nth-child(1):hover{border-left-color:#6366f1}.mbti-v2-options .mbti-v2-btn:nth-child(2):hover{border-left-color:#8b5cf6}.mbti-v2-options-vertical{display:flex;flex-direction:column;gap:.8rem}.mbti-v2-options-vertical .mbti-v2-btn-rating{animation:v2-slideUp .35s ease-out backwards}.mbti-v2-options-vertical .mbti-v2-btn-rating:nth-child(2){animation-delay:.08s}.mbti-v2-options-vertical .mbti-v2-btn-rating:nth-child(3){animation-delay:.16s}.mbti-v2-options-vertical .mbti-v2-btn-rating:nth-child(4){animation-delay:.24s}@keyframes v2-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mbti-v2-btn-rating{text-align:left;background:#fff;border:1px solid var(--v2-border);padding:1rem 1.5rem;border-radius:50px;font-size:1rem;color:var(--v2-text-main);cursor:pointer;transition:all .2s ease}.mbti-v2-btn-rating:hover{border-color:var(--v2-primary);background:#f5f7ff;transform:translate(4px)}.mbti-v2-checkbox-group{display:flex;flex-direction:column;gap:.8rem}.mbti-v2-checkbox-item{display:flex;align-items:flex-start;gap:12px;padding:1rem;border:1px solid var(--v2-border);border-radius:10px;cursor:pointer}.mbti-v2-checkbox-item:hover{background-color:#f8fafc}.mbti-v2-checkbox-item.active{border-color:var(--v2-primary);background-color:#eef2ff}.mbti-v2-checkbox-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--v2-border);border-radius:6px;cursor:pointer;position:relative;flex-shrink:0;margin-top:2px;transition:background .2s ease,border-color .2s ease}.mbti-v2-checkbox-item input[type=checkbox]:checked{background:var(--v2-primary);border-color:var(--v2-primary)}.mbti-v2-checkbox-item input[type=checkbox]:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .15s ease}.mbti-v2-checkbox-item input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}.mbti-v2-controls{display:flex;justify-content:space-between;margin-top:2rem}.mbti-v2-action-btn{padding:10px 24px;border-radius:50px;font-weight:500;cursor:pointer;transition:all .2s}.mbti-v2-prev{background:transparent;border:1px solid var(--v2-border);color:var(--v2-text-sub)}.mbti-v2-prev:hover{border-color:#94a3b8;color:var(--v2-text-main)}.mbti-v2-next{background:var(--v2-primary);border:none;color:#fff}.mbti-v2-next:hover{background:var(--v2-primary-hover)}.mbti-v2-next:active:not(:disabled){transform:scale(.97);transition-duration:.05s}.mbti-v2-next:disabled{background:#cbd5e1;cursor:not-allowed}.mbti-v2-result-header{text-align:center;padding:3rem 0;background:#fff;border-radius:var(--v2-radius);box-shadow:var(--v2-shadow);margin-bottom:2rem}.mbti-type-big{font-size:4rem;font-weight:900;color:var(--v2-primary);letter-spacing:2px;animation:v2-type-reveal .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes v2-type-reveal{0%{opacity:0;transform:scale(.85);filter:blur(4px)}70%{opacity:1;transform:scale(1.05);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}.mbti-type-name{font-size:1.5rem;color:var(--v2-text-main);margin-top:.5rem}.mbti-tagline{font-size:1.1rem;color:var(--v2-text-sub);font-style:italic;margin-top:1rem}.mbti-result-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.mbti-result-grid{grid-template-columns:1fr 1fr}}.mbti-section-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid var(--v2-border)}.mbti-card-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem;border-bottom:2px solid #f1f5f9;padding-bottom:.5rem}.radar-container{width:100%;height:300px}.axis-row{display:flex;align-items:center;margin-bottom:1rem;font-size:.9rem}.axis-label{width:30px;font-weight:700;text-align:center}.axis-bar-container{flex:1;height:12px;background:#e2e8f0;border-radius:6px;margin:0 10px;position:relative;overflow:hidden}.axis-fill{height:100%;background:var(--v2-primary)}.axis-fill.left{background:#ef4444;float:left}.axis-fill.right{background:#3b82f6;float:right}.mbti-v2-md-content{font-size:1rem;line-height:1.7;color:var(--v2-text-main)}.mbti-v2-h3{font-size:1.4rem;font-weight:700;color:#4338ca;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e7ff}.mbti-v2-h4{font-size:1.15rem;font-weight:600;color:#1e293b;margin-top:1.5rem;margin-bottom:.8rem}.mbti-v2-p{margin-bottom:1rem}.mbti-v2-quote{background:#f8fafc;border-left:4px solid var(--v2-primary);padding:1rem;margin:1.5rem 0;font-style:italic;color:#475569;border-radius:0 8px 8px 0}.mbti-v2-li{margin-bottom:.5rem;display:flex;gap:10px;align-items:flex-start}.mbti-v2-li .bullet{color:var(--v2-primary);font-size:1.2rem;line-height:1.5}.mbti-v2-table-row{display:flex;background:#fff;border-bottom:1px solid #f1f5f9}.mbti-v2-table-row:first-child{background:#f8fafc;font-weight:700;border-top:1px solid #e2e8f0}.mbti-v2-table-cell{flex:1;padding:10px;border-right:1px solid #f1f5f9;font-size:.9rem}.mbti-v2-table-cell:last-child{border-right:none}.mbti-share-btn-v2:disabled{background:#9ca3af!important;cursor:wait;opacity:.8}.mbti-share-btn-v2:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.mbti-v2-features-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:20px}.mbti-v2-feature-row{display:flex;align-items:flex-start}.feature-icon{margin-right:15px;font-size:1.5rem;flex-shrink:0}.feature-title{color:#334155;display:block;margin-bottom:6px;font-size:1rem}.feature-desc{font-size:.9rem;color:#64748b;line-height:1.6}@media (min-width: 768px){.mbti-v2-features-grid{grid-template-columns:1fr 1fr}.mbti-v2-intro-card{padding:4rem 2rem}}.mbti-v2-intro-card{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;box-shadow:0 20px 50px -10px #0000001a;max-width:700px;width:100%;padding:1.5rem;margin:0 auto}.personality-anchor-copy{max-width:700px;margin:24px auto 32px;padding:28px 28px 24px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e0e7ff;border-radius:20px}.personality-anchor-copy h3{margin:0 0 16px;padding-left:14px;border-left:4px solid #6366f1;font-size:1.4rem;font-weight:700;color:#1e293b;line-height:1.4}.personality-anchor-copy p{font-size:1.05rem;line-height:1.85;color:#334155;margin:0 0 14px}.personality-anchor-copy .anchor-copy-1{font-weight:500}.personality-anchor-copy .anchor-copy-3{color:#475569;font-style:italic}.personality-anchor-copy .result-anchor-cta{margin-top:24px;padding-top:20px;border-top:1px solid rgba(99,102,241,.2);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.personality-anchor-copy .result-anchor-cta .primary{display:inline-block;padding:13px 30px;background:#1e293b;color:#f8fafc;border-radius:999px;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease}@media (hover: hover){.personality-anchor-copy .result-anchor-cta .primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1e293b2e}}.personality-anchor-copy .result-anchor-cta-sublinks{font-size:13px}.personality-anchor-copy .result-anchor-cta-sublinks a{color:#64748b;text-decoration:none;border-bottom:1px dashed #94a3b8;padding-bottom:1px}@media (hover: hover){.personality-anchor-copy .result-anchor-cta-sublinks a:hover{color:#1e293b;border-bottom-color:#1e293b}}.mbti-actions--demoted .mbti-share-btn,.mbti-actions--demoted .mbti-retake-btn{padding:10px 20px;font-size:.9rem;font-weight:500;background:transparent!important;color:#64748b!important;border:1px solid #cbd5e1!important;box-shadow:none!important}@media (hover: hover){.mbti-actions--demoted .mbti-share-btn:hover,.mbti-actions--demoted .mbti-retake-btn:hover{background:#f8fafc!important;color:#1e293b!important;border-color:#94a3b8!important;transform:none}}