.quiz-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);max-width:480px;margin:0 auto}.quiz-intro-image{width:200px;height:200px;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-6);background:var(--color-surface-elevated);border:1px solid var(--color-border)}.quiz-intro-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px}.quiz-intro-title{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--space-2)}.quiz-intro-meta{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.quiz-intro-desc{font-size:var(--fs-body);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--lh-relaxed)}.quiz-start-btn{width:100%;font-size:var(--fs-lg);padding:var(--space-4) var(--space-8)}.quiz-progress{position:relative;width:100%;height:6px;background:var(--color-surface-elevated);border-radius:var(--radius-full);margin-bottom:var(--space-8);overflow:hidden}.quiz-progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.quiz-progress-label{position:absolute;right:0;top:calc(100% + var(--space-2));font-size:var(--fs-xs);color:var(--color-text-muted)}.quiz-container{max-width:480px;margin:0 auto;padding:var(--space-8) var(--space-4);position:relative}.quiz-question{animation:fadeIn var(--transition-normal) ease forwards}.quiz-question.slide-out{animation:slideOutLeft var(--transition-normal) ease forwards}.quiz-question.slide-in{animation:slideInRight var(--transition-normal) ease forwards}.question-text{font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--color-text);margin-bottom:var(--space-6);line-height:var(--lh-normal)}.choices{display:flex;flex-direction:column;gap:var(--space-3)}.choice-btn{width:100%;text-align:left;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--fs-body);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.choice-btn:hover{background:var(--color-surface-elevated);border-color:var(--color-primary-400);transform:translate(4px)}.choice-btn:active{transform:translate(2px)}.choice-btn.selected{background:#6e2fff26;border-color:var(--color-primary-500);color:var(--color-primary-300)}.quiz-prev-btn{margin-top:var(--space-6);font-size:var(--fs-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);padding:var(--space-2)}.quiz-prev-btn:hover{color:var(--color-text)}.quiz-calculating{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:var(--space-6)}.calculating-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.calculating-text{font-size:var(--fs-lg);color:var(--color-text-secondary)}.quiz-result{max-width:480px;margin:0 auto;padding:var(--space-8) var(--space-4)}.result-card{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-6);background:var(--gradient-surface);border:1px solid var(--color-border)}.result-card-inner{padding:var(--space-8) var(--space-6);text-align:center;background:var(--gradient-glow)}.result-card-label{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.result-card-title{font-size:var(--fs-3xl);font-weight:var(--fw-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)}.result-card-desc{font-size:var(--fs-body);color:var(--color-text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}.result-card-mbti-link{display:block;margin-top:var(--space-4);margin-bottom:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary-300);background:#6e2fff1a;border:1px solid rgba(110,47,255,.3);border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:center}.result-card-mbti-link:hover{background:#6e2fff40;border-color:var(--color-primary-400);transform:translateY(-1px)}.result-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.result-tag{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--fs-xs);color:var(--color-primary-300);background:#6e2fff1a;border:1px solid rgba(110,47,255,.2);border-radius:var(--radius-full)}.result-card-watermark{font-size:var(--fs-xs);color:var(--color-text-muted);opacity:.5;margin-top:var(--space-4)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6)}.result-actions .btn{font-size:var(--fs-sm);padding:var(--space-3) var(--space-4)}.result-footer{text-align:center}.result-footer .btn{width:100%}.result-confirm{text-align:center;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.result-confirm-text{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.result-confirm-btns{display:flex;gap:var(--space-3);justify-content:center}.confirm-btn{padding:var(--space-2) var(--space-5);font-size:var(--fs-sm);color:var(--color-text);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.confirm-btn:hover{border-color:var(--color-primary-400)}.confirm-btn.confirmed{border-color:var(--color-primary-500);color:var(--color-primary-300);pointer-events:none}.result-recommend{margin-bottom:var(--space-6)}.result-recommend-title{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.result-recommend-list{display:flex;flex-direction:column;gap:var(--space-2)}.result-recommend-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.result-recommend-card:hover{border-color:var(--color-primary-400);transform:translate(4px)}.recommend-emoji{font-size:24px}.recommend-text{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text)}.quiz-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;gap:var(--space-6);color:var(--color-text-secondary)}.noscript-notice[data-astro-cid-gdpm2lik]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--fs-lg)}