.mbti-main{max-width:900px;margin:0 auto;padding:0 20px 4rem}.mbti-title{font-size:1.8rem;font-weight:900;text-align:center;margin-bottom:.5rem;background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mbti-subtitle{text-align:center;color:var(--text-sub);font-size:.85rem;margin-bottom:2rem}.mbti-start{text-align:center;padding:2rem 0}.mbti-intro{color:var(--text-sub);font-size:1rem;line-height:1.8;margin-bottom:2rem}.btn-mbti-start{padding:16px 48px;border-radius:16px;border:none;background:var(--primary);color:#0f0c29;font-weight:800;font-size:1.1rem;cursor:pointer;transition:.3s}.btn-mbti-start:hover{opacity:.85;transform:translateY(-2px)}.mbti-progress-wrap{margin-bottom:2rem}.mbti-progress-bar{width:100%;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden;margin-bottom:8px}.mbti-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--primary),#a78bfa);transition:width .4s ease}.mbti-progress-text{font-size:.82rem;color:var(--text-sub)}.mbti-question{padding:1rem 0}.mbti-q-text{font-size:1.15rem;font-weight:700;color:#fff;text-align:center;line-height:1.7;margin-bottom:2rem;min-height:3.4em;animation:fadeIn .3s ease}.mbti-option-btns{display:flex;flex-direction:column;gap:12px}.mbti-option-btn{width:100%;padding:18px 20px;border-radius:16px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-sub);font-size:.95rem;text-align:left;cursor:pointer;transition:.3s;line-height:1.6}.mbti-option-btn:hover{border-color:var(--primary);color:var(--primary);background:#ffffff0f}.mbti-option-btn:active{transform:scale(.98)}.mbti-result{text-align:center;padding:1rem 0;animation:fadeUp .5s ease}.mbti-result-badge{display:inline-block;font-size:2.5rem;font-weight:900;padding:20px 36px;border-radius:24px;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary),#a78bfa);color:#0f0c29;letter-spacing:4px}.mbti-result-name{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:1rem}.mbti-result-desc{font-size:.95rem;color:var(--text-sub);line-height:1.8;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.btn-mbti-reset{padding:14px 36px;border-radius:16px;border:1px solid var(--glass-border);background:transparent;color:var(--text-sub);font-size:.95rem;cursor:pointer;transition:.3s}.btn-mbti-reset:hover{border-color:var(--primary);color:var(--primary)}.share-container{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-sub);font-size:.85rem;cursor:pointer;transition:.3s}.share-btn:hover{border-color:var(--primary);color:var(--primary)}.s-icon{font-size:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.mbti-title{font-size:1.4rem}.mbti-q-text{font-size:1rem}.mbti-option-btn{padding:16px;font-size:.9rem}.mbti-result-badge{font-size:2rem;padding:16px 28px}.btn-mbti-start{width:100%}}