*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--void-black:#050510;--deep-space:#0a0a2e;--nebula-purple:#1a0533;--star-blue:#0d1b3e;--sbti-green:#4ade80;--sbti-green-dim:#22c55e;--sbti-green-glow:rgba(74,222,128,.4);--theme-self:#a78bfa;--theme-emotion:#f472b6;--theme-attitude:#f97316;--theme-action:#22d3ee;--theme-social:#fbbf24;--text-primary:#f0f0f0;--text-secondary:#a0a0b0;--text-dim:#606070;--glass-bg:hsla(0,0%,100%,.06);--glass-border:hsla(0,0%,100%,.1);--glass-hover:hsla(0,0%,100%,.12);--font-main:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--transition-fast:.2s ease;--transition-normal:.4s ease;--transition-slow:.8s ease}body,html{background:var(--void-black);color:var(--text-primary);font-family:var(--font-main);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}#__nuxt,body,html{height:100%;width:100%}.scene-canvas{z-index:0}.scene-canvas,.ui-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.ui-overlay{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;z-index:10}.ui-overlay>*{pointer-events:auto}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:32px}.landing{align-items:center;animation:fadeInUp 1.2s ease forwards;animation-delay:.5s;display:flex;flex-direction:column;gap:16px;justify-content:center;opacity:0;text-align:center}.landing-title{filter:drop-shadow(0 0 40px var(--sbti-green-glow));font-size:clamp(64px,15vw,140px);font-weight:900;letter-spacing:12px;line-height:1.1;position:relative}.landing-title,.landing-title:after{animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(135deg,var(--sbti-green) 0,#a78bfa 50%,#f472b6 100%);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:transparent;background-clip:text}.landing-title:after{content:"SBTI";filter:blur(30px);height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.landing-subtitle{animation:fadeIn 1s ease forwards;animation-delay:1s;color:var(--text-secondary);font-size:clamp(14px,2.5vw,20px);font-weight:300;letter-spacing:6px;opacity:0}.landing-meta{animation:fadeIn 1s ease forwards;animation-delay:1.3s;color:var(--text-dim);font-size:clamp(12px,2vw,16px);margin-top:8px;opacity:0}.btn-start{background:linear-gradient(135deg,var(--sbti-green),var(--sbti-green-dim));border:none;border-radius:50px;box-shadow:0 0 30px var(--sbti-green-glow),0 4px 15px #0000004d;color:var(--void-black);cursor:pointer;font-family:var(--font-main);font-size:18px;font-weight:700;letter-spacing:2px;margin-top:32px;overflow:hidden;padding:16px 48px;position:relative;transition:all var(--transition-fast)}.btn-start:before{background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 60%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s;width:200%}.btn-start:hover{box-shadow:0 0 50px var(--sbti-green-glow),0 8px 25px #0006;transform:translateY(-2px) scale(1.05)}.btn-start:hover:before{opacity:1}.btn-start:active{transform:translateY(0) scale(.98)}.quiz-container{flex-direction:column;gap:24px;max-width:680px;padding:0 20px}.progress-bar,.quiz-container{align-items:center;display:flex;width:100%}.progress-bar{gap:12px;max-width:400px}.progress-track{background:#ffffff14;border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--sbti-green),var(--theme-self));border-radius:2px;box-shadow:0 0 10px var(--sbti-green-glow);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-text{color:var(--text-dim);font-size:13px;font-variant-numeric:tabular-nums;min-width:50px;text-align:right}.model-badge{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 16px}.model-badge,.question-card{transition:all var(--transition-normal)}.question-card{max-width:640px;width:100%}.question-text{color:var(--text-primary);font-size:clamp(15px,2.5vw,18px);line-height:1.8;margin-bottom:28px;max-height:200px;overflow-y:auto;scrollbar-color:hsla(0,0%,100%,.1) transparent;scrollbar-width:thin;text-align:left}.question-text::-webkit-scrollbar{width:4px}.question-text::-webkit-scrollbar-track{background:transparent}.question-text::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.options-list{counter-reset:opt;display:flex;flex-direction:column;gap:12px}.option-btn{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;color:var(--text-primary);counter-increment:opt;cursor:pointer;font-family:var(--font-main);font-size:clamp(14px,2vw,16px);line-height:1.5;overflow:hidden;padding:14px 20px 14px 48px;position:relative;text-align:left;width:100%}.option-btn,.option-btn:after{transition:all var(--transition-fast)}.option-btn:after{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.12);border-radius:50%;color:var(--text-dim);content:counter(opt,upper-alpha);display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:22px}.option-btn:before{background:linear-gradient(90deg,transparent,rgba(74,222,128,.05),transparent);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-100%);transition:transform .4s;width:100%}.option-btn:hover{background:var(--glass-hover);border-color:#4ade804d;box-shadow:0 0 20px #4ade801a;transform:translate(4px)}.option-btn:hover:after{background:#4ade8026;border-color:var(--sbti-green);color:var(--sbti-green)}.option-btn:hover:before{transform:translate(100%)}.option-btn:active{transform:translate(2px) scale(.99)}.option-btn.selected{background:#4ade8026;border-color:var(--sbti-green);box-shadow:0 0 20px #4ade8033}.option-btn.selected:after{background:var(--sbti-green);border-color:var(--sbti-green);color:var(--void-black)}.btn-back{background:transparent;border:1px solid hsla(0,0%,100%,.06);border-radius:20px;color:var(--text-dim);cursor:pointer;font-family:var(--font-main);font-size:14px;margin-top:8px;padding:8px 20px;transition:all var(--transition-fast)}.btn-back:hover{border-color:#ffffff26;color:var(--text-secondary)}.result-container{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;overflow-y:auto;padding:40px 20px 80px;scrollbar-color:hsla(0,0%,100%,.1) transparent;scrollbar-width:thin;width:100%}.result-container::-webkit-scrollbar{width:4px}.result-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.result-kicker{color:var(--text-dim);font-size:14px;letter-spacing:2px}.result-kicker.kicker-drunk{color:#f59e0b}.result-kicker.kicker-fallback{color:#ef4444}.result-code{animation:gradientShift 3s ease-in-out infinite,resultReveal 1.2s cubic-bezier(.16,1,.3,1) forwards;background:linear-gradient(135deg,var(--sbti-green) 0,#818cf8 40%,#a78bfa 70%,#f472b6 100%);-webkit-background-clip:text;background-size:200% 200%;font-size:clamp(56px,15vw,100px);font-weight:900;letter-spacing:8px;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px var(--sbti-green-glow));line-height:1.2;text-align:center}.result-cn{color:var(--sbti-green);font-size:clamp(20px,4vw,28px);font-weight:700;text-align:center}.match-badge{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;color:var(--text-dim);font-size:13px;padding:6px 16px}.result-intro{font-size:16px;font-style:italic;line-height:1.6;max-width:500px;text-align:center}.result-desc,.result-intro{color:var(--text-secondary)}.result-desc{font-size:14px;line-height:1.8;max-width:560px;padding:20px 24px;text-align:left}.radar-container{aspect-ratio:1;max-width:400px;position:relative;width:100%}.radar-canvas-3d{border-radius:16px;cursor:grab;height:100%;width:100%}.radar-canvas-3d:active{cursor:grabbing}.radar-hint{color:var(--text-dim);font-size:12px;margin-top:-8px;text-align:center}.dim-section-title{color:var(--text-primary);font-size:18px;font-weight:700;margin-top:16px;max-width:560px;width:100%}.dim-list{display:flex;flex-direction:column;gap:12px;max-width:560px;width:100%}.dim-row{background:#ffffff08;border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:12px 16px}.dim-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.dim-name{color:var(--text-primary);font-size:14px;font-weight:600}.dim-level{border-radius:10px;font-size:12px;font-weight:700;padding:2px 10px}.dim-level.level-L{background:#ef444426;color:#f87171}.dim-level.level-M{background:#fbbf2426;color:#fbbf24}.dim-level.level-H{background:#4ade8026;color:#4ade80}.dim-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.dim-bar-track{background:#ffffff0f;border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:100%}.dim-bar-fill{border-radius:2px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.top5-title{color:var(--text-primary);font-size:18px;font-weight:700;margin-top:16px}.top5-list,.top5-title{max-width:560px;width:100%}.top5-list{display:flex;flex-direction:column;gap:8px}.top5-row{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:12px;padding:10px 16px}.top5-rank{color:var(--text-dim);font-size:13px;font-weight:700;min-width:28px}.top5-code{color:var(--sbti-green);font-size:14px;font-weight:700;min-width:70px}.top5-cn{color:var(--text-primary);flex:1;font-size:14px}.top5-sim{color:var(--text-dim);font-size:13px;font-variant-numeric:tabular-nums}.result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.btn-action{border-radius:50px;cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:600;letter-spacing:1px;padding:12px 28px;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--sbti-green),var(--sbti-green-dim));border:none;box-shadow:0 0 20px var(--sbti-green-glow);color:var(--void-black)}.btn-primary:hover{box-shadow:0 0 30px var(--sbti-green-glow);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid hsla(0,0%,100%,.12);color:var(--text-secondary)}.btn-secondary:hover{background:#ffffff0f;border-color:#fff3}.disclaimer{color:var(--text-dim);font-size:12px;line-height:1.5;margin-top:24px;max-width:400px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes resultReveal{0%{filter:blur(20px) drop-shadow(0 0 40px var(--sbti-green-glow));opacity:0;transform:scale(.5)}to{filter:blur(0) drop-shadow(0 0 40px var(--sbti-green-glow));opacity:1;transform:scale(1)}}@keyframes spinStar{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-spinner{animation:spinStar 1s linear infinite;border:2px solid rgba(74,222,128,.1);border-radius:50%;border-top:2px solid var(--sbti-green);height:40px;margin-bottom:16px;width:40px}.fade-enter-active{transition:all .5s ease}.fade-leave-active{transition:all .3s ease}.fade-enter-from{opacity:0;transform:translateY(20px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}@media(max-width:640px){.glass-card{border-radius:16px;padding:20px 16px}.question-text{max-height:160px}.result-container{padding:24px 16px calc(60px + env(safe-area-inset-bottom))}.btn-start{font-size:16px;padding:14px 36px}.option-btn{padding:12px 16px 12px 42px}.option-btn:after{font-size:10px;height:20px;left:12px;width:20px}.radar-container{max-width:300px}.dim-row{padding:10px 12px}}@media(max-height:700px){.question-text{font-size:14px;max-height:120px}.option-btn{font-size:14px;padding:10px 16px 10px 42px}.quiz-container{gap:16px}}@supports (padding:max(0px)){.ui-overlay{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-top:max(0px,env(safe-area-inset-top))}}