*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FF6B6B;--primary-glow: rgba(255,107,107,.4);--secondary: #4D96FF;--accent: #FFD93D;--success: #6BCB77;--purple: #9B59B6;--orange: #E67E22;--bg-dark: #0f0c29;--bg-mid: #302b63;--bg-light: #24243e;--text: #ffffff;--text-secondary: rgba(255,255,255,.65);--text-muted: rgba(255,255,255,.35);--card-bg: rgba(255,255,255,.06);--card-border: rgba(255,255,255,.1);--radius: 20px;--radius-lg: 28px}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;background:#0f0c29}.app-container{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0f0c29,#1a1a3e,#302b63 60%,#24243e)}.bg-animation{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12}.circle-1{width:320px;height:320px;background:#ff6b6b;top:-120px;right:-80px;animation:floatCircle 10s ease-in-out infinite}.circle-2{width:260px;height:260px;background:#4d96ff;bottom:-100px;left:-70px;animation:floatCircle 12s ease-in-out infinite reverse}.circle-3{width:200px;height:200px;background:#ffd93d;top:40%;left:45%;animation:floatCircle 14s ease-in-out infinite}.circle-4{width:160px;height:160px;background:#6bcb77;top:15%;left:5%;animation:floatCircle 9s ease-in-out infinite reverse}@keyframes floatCircle{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.12)}66%{transform:translate(-25px,35px) scale(.88)}}.bg-particles{position:absolute;top:0;right:0;bottom:0;left:0}.particle{position:absolute;bottom:-20px;animation:rise linear infinite;pointer-events:none}@keyframes rise{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-110vh) rotate(360deg);opacity:0}}.stage-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;position:relative;padding:16px}.card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:28px 22px;width:100%;max-width:420px;max-height:92vh;max-height:92dvh;overflow-y:auto;box-shadow:0 8px 40px #0006,inset 0 1px #ffffff0d}.card::-webkit-scrollbar{width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:50px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .25s ease;color:#fff;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;letter-spacing:.3px}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 6px 24px #ff6b6b59}.btn-secondary{background:linear-gradient(135deg,#4d96ff,#2e80f2);box-shadow:0 6px 24px #4d96ff59}.btn-full{width:100%;justify-content:center}.btn-large{padding:18px 36px;font-size:18px}.option-card{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.08);border-radius:16px;padding:15px 18px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:12px;position:relative}.option-card:active{transform:scale(.97)}.option-card.selected{border-color:var(--primary);background:#ff6b6b1f;box-shadow:0 0 24px #ff6b6b26}.option-emoji{font-size:26px;flex-shrink:0}.option-text{color:var(--text);font-size:15px;line-height:1.4;flex:1}.progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcb77);background-size:200% 100%;animation:progressShine 2s linear infinite}@keyframes progressShine{0%{background-position:200% 0}to{background-position:-200% 0}}.radar-container{display:flex;justify-content:center;margin:16px 0}.level-badge{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:50px;position:relative;box-shadow:0 0 50px #ffffff26;animation:badgePulse 2.5s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 30px #ffffff26}50%{box-shadow:0 0 60px #ffffff4d}}.score-display{text-align:center;margin:8px 0}.score-number{font-size:56px;font-weight:900;background:linear-gradient(135deg,#ffd93d,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.score-label{color:var(--text-secondary);font-size:13px;margin-top:2px}.dimension-scores{display:flex;flex-direction:column;gap:8px;margin:14px 0}.dim-item{display:flex;align-items:center;gap:10px}.dim-icon{font-size:22px;width:32px;text-align:center;flex-shrink:0}.dim-info{flex:1}.dim-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px}.dim-name{color:var(--text);font-weight:600}.dim-value{color:var(--text-secondary)}.dim-bar{height:5px;background:#ffffff14;border-radius:5px;overflow:hidden}.dim-bar-fill{height:100%;border-radius:5px;transition:width 1s ease}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#ffd93d,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 380px){.card{padding:22px 16px;border-radius:22px}.option-card{padding:12px 14px}.option-emoji{font-size:22px}.option-text{font-size:14px}}