:root{--purple:#a18cd1cc;--pink:#ffb6c1a6;--blue:#b0e0e6a6;--orange:#ffe4b5a6;--white:#fcfcfc;--glass-bg:#fff6;--glass-border:#fff9;--font-main:"SF Pro SC", "SF Pro Display", -apple-system, sans-serif;--font-classic:"Ma Shan Zheng", "ZCOOL XiaoWei", serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:var(--font-main);background:var(--white);color:#333;min-height:100vh;overflow-x:hidden}.bg-mesh{z-index:-1;background:radial-gradient(circle at 15% 15%, var(--pink) 0%, transparent 40%), radial-gradient(circle at 85% 15%, var(--purple) 0%, transparent 40%), radial-gradient(circle at 50% 50%, var(--purple) 0%, transparent 50%), radial-gradient(circle at 25% 85%, var(--blue) 0%, transparent 40%), radial-gradient(circle at 85% 85%, var(--orange) 0%, transparent 40%);filter:blur(80px);width:100vw;height:100vh;position:fixed;top:0;left:0;transform:scale(1.1)}.container{justify-content:center;align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);text-align:center;border-radius:48px;width:100%;max-width:800px;padding:80px 60px;transition:all .5s;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000008}h1{font-family:var(--font-classic);letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(36px,5vw,64px);font-weight:900}.subtitle{color:#666;margin-bottom:48px;font-size:1.2rem;line-height:1.6}.progress-bar{background:#0000000d;border-radius:3px;width:100%;height:6px;margin-bottom:40px;overflow:hidden}.progress-fill{background:linear-gradient(to right, var(--purple), var(--pink));height:100%;transition:width .3s}.question-text{margin-bottom:40px;font-size:clamp(24px,3vw,32px);font-weight:700}.option-btn{border:1px solid var(--glass-border);text-align:left;cursor:pointer;background:#ffffff80;border-radius:24px;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:24px 32px;font-size:1.1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.option-btn:hover{background:#fffc;transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}.option-btn:after{content:"→";opacity:0;transition:all .3s;transform:translate(-10px)}.option-btn:hover:after{opacity:1;transform:translate(0)}.result-type{font-family:var(--font-classic);color:var(--purple);margin-bottom:16px;font-size:80px}.result-name{margin-bottom:24px;font-size:32px;font-weight:900}.result-desc{color:#555;text-align:justify;font-size:1.1rem;line-height:1.7}@media (width<=1024px){.glass-panel{border-radius:32px;padding:40px 24px}}.logo-link:hover{transform:scale(1.05)rotate(5deg)}