:root{--primary-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--secondary-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--bg-dark: #0f172a;--card-bg: rgba(30, 41, 59, .75);--text-light: #f8fafc;--text-muted: #94a3b8}body{margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;background-color:var(--bg-dark);color:var(--text-light);min-height:100vh;overflow-x:hidden}.app-container{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 50%,#1e1b4b,#0f172a);padding:1rem;box-sizing:border-box}.stars-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px);background-size:550px 550px,350px 350px;background-position:0 0,40px 60px;opacity:.3;pointer-events:none}.game-header{display:flex;justify-content:center;align-items:center;padding:1rem 0;z-index:10}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;letter-spacing:1px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-icon{color:#ec4899}.main-content{display:flex;justify-content:center;align-items:center;flex-grow:1;width:100%;max-width:500px;margin:0 auto;z-index:10}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem 1.5rem;width:100%;box-shadow:0 20px 40px #0006;text-align:center;box-sizing:border-box}.badge{display:inline-block;background:#ec489926;border:1px solid rgba(236,72,153,.4);color:#f472b6;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.title{font-size:2rem;font-weight:800;line-height:1.3;margin-bottom:1rem}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:2rem}.welcome-visual{position:relative;height:120px;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.visual-circle{position:absolute;border-radius:50%;filter:blur(20px)}.circle-1{width:100px;height:100px;background:#a855f766;animation:pulse 3s infinite alternate}.circle-2{width:80px;height:80px;background:#ec48994d;animation:pulse 2.5s infinite alternate-reverse}.visual-emoji{font-size:3rem;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;width:100%}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 8px 20px #ec48994d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ec489980}.btn-secondary{background:#ffffff1a;color:var(--text-light);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.progress-bar-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.progress-bar{height:6px;background:var(--primary-gradient);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-muted);text-align:right}.question-title{font-size:1.35rem;font-weight:700;margin-bottom:2rem;line-height:1.4}.options-grid{display:flex;flex-direction:column;gap:1rem}.option-btn{display:flex;align-items:center;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem 1.25rem;border-radius:16px;color:var(--text-light);cursor:pointer;text-align:left;transition:all .2s}.option-btn:hover{background:#ffffff1f;border-color:#a855f780}.option-emoji{font-size:1.5rem}.option-text{font-size:1rem;font-weight:600}.loading-card{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.loading-spinner-wrapper{position:relative;margin-bottom:2rem}.spinner{color:#a855f7;animation:spin 1.5s linear infinite}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid rgba(168,85,247,.3);border-radius:50%;animation:ring-pulse 1.5s ease-out infinite}.loading-text{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.loading-sub{color:var(--text-muted);font-size:.9rem}.result-badge{display:inline-block;background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.result-title{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.3}.gradient-text-result{background:linear-gradient(135deg,#60a5fa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem}.result-image-container{position:relative;width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 8px 24px #00000080;border:1px solid rgba(255,255,255,.15)}.result-image{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1e1b4b;color:var(--text-muted)}.image-overlay-glow{position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 30px #0009;pointer-events:none}.result-desc-box{background:#ffffff0a;border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.result-desc{font-size:.95rem;line-height:1.6;color:#e2e8f0;text-align:left}.actions-row{display:flex;gap:1rem}.game-footer-bottom{text-align:center;padding:1rem 0;font-size:.8rem;color:var(--text-muted);z-index:10}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.15);opacity:.8}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-pulse{0%{width:64px;height:64px;opacity:1}to{width:120px;height:120px;opacity:0}}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}