:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5a4bd1;--secondary:#00cec9;--accent:#fd79a8;--success:#00b894;--warning:#fdcb6e;--danger:#e17055;--bg:#f8f9fa;--bg-card:#fff;--bg-game:#f1f2f6;--bg-secondary:#f1f2f6;--text-primary:#2d3436;--text-secondary:#636e72;--text-muted:#999;--text-on-primary:#fff;--text-light:#b2bec3;--border:#dfe6e9;--shadow:0 2px 12px #00000014;--shadow-hover:0 6px 20px #0000001f;--radius:12px;--radius-sm:8px;--radius-lg:16px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-sans:"PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Fira Code", Consolas, monospace;--header-height:64px;--footer-height:60px;--max-width:1200px;--transition-fast:.2s ease;--transition-normal:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans), serif;color:var(--text-primary);background:var(--bg);min-height:100dvh;line-height:1.6;overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}button{font-family:var(--font-sans), serif;cursor:pointer;border:none;outline:none;transition:all .2s}button:active{transform:scale(.97)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 2px 8px #6c5ce74d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6c5ce766}.btn-secondary{background:var(--bg-game);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:linear-gradient(135deg, var(--danger), #d63031);color:#fff;box-shadow:0 2px 8px #e170554d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e1705566}.btn-sm{padding:6px 16px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.btn-action{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#6c5ce7,#a855f7);border:none;border-radius:18px;height:38px;padding:0 20px;font-size:14px;font-weight:600;line-height:38px;transition:all .25s;box-shadow:0 3px 12px #6c5ce74d}.btn-action:hover{transform:translateY(-2px);box-shadow:0 5px 20px #6c5ce766}.btn-action:active{transform:translateY(0)scale(.97)}.btn-secondary-action{background:var(--bg-game);color:#d63031;box-shadow:none;border:1px solid #6c5ce726}.btn-secondary-action:hover{background:linear-gradient(135deg,#6c5ce71f,#a855f71a);border-color:#6c5ce740;transform:translateY(-1px);box-shadow:0 4px 14px #6c5ce71a}.stat-badge{color:#6c5ce7;letter-spacing:.3px;background:linear-gradient(135deg,#6c5ce714,#a855f70f);border:1px solid #6c5ce726;border-radius:20px;align-items:center;gap:5px;height:38px;padding:0 14px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #6c5ce70f}.stat-badge .stat-icon{font-size:16px}.action-select{color:#6c5ce7;cursor:pointer;appearance:none;letter-spacing:.3px;background:linear-gradient(135deg,#6c5ce714,#a855f70f);border:1px solid #6c5ce726;border-radius:20px;outline:none;height:38px;padding:0 14px;font-size:14px;font-weight:600;transition:all .3s}.action-select:focus{border-color:#6c5ce759;box-shadow:0 0 0 3px #6c5ce71a}.action-select:hover{border-color:#6c5ce740;transform:translateY(-1px);box-shadow:0 4px 14px #6c5ce71a}.action-select option{color:#333;background:#fff;border:none;outline:none;padding:8px 12px;font-size:13px;font-weight:500}.action-select option:hover,.action-select option:checked{color:#6c5ce7;background:linear-gradient(135deg,#6c5ce71f,#a855f714)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{text-align:center;color:#fff;animation:.5s .1s both overlayContentIn}@keyframes overlayContentIn{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes overlayEmojiBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.edu-game-wrapper{flex-direction:column;flex:1;width:100%;max-width:480px;min-height:0;margin:0 auto;display:flex;overflow:hidden auto}.edu-start-screen,.edu-result-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex}.edu-result-emoji{margin-bottom:12px;font-size:64px;animation:.6s both eduResultEmojiPop}@keyframes eduResultEmojiPop{0%{opacity:0;transform:scale(0)rotate(-15deg)}60%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.edu-start-svg{width:140px;height:140px;margin-bottom:12px;animation:3s ease-in-out infinite eduSvgFloat}@keyframes eduSvgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.edu-start-screen h2,.edu-result-screen h2{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:24px;font-weight:800}.edu-start-screen p,.edu-result-screen p{color:var(--text-secondary);margin-bottom:16px}.edu-result-score{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.edu-config-section{width:100%;margin-bottom:16px}.edu-config-row{margin-bottom:10px}.edu-config-label{color:var(--text-secondary);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.edu-options-group{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.edu-select-btn{background:var(--bg-card);color:var(--text-secondary);border:2px solid var(--border);border-radius:20px;padding:8px 20px;font-size:15px;font-weight:500;transition:all .3s}.edu-select-btn:hover{border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce726}.edu-select-btn.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 16px #6c5ce759}.edu-quiz-area{flex-direction:column;flex:1;min-height:0;display:flex}.edu-question-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;border:1px solid #6c5ce714;flex-shrink:0;margin-bottom:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 20px #6c5ce71a}.edu-question-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent), var(--secondary));height:3px;position:absolute;top:0;left:0;right:0}.edu-question-primary{color:var(--primary);margin-bottom:8px;font-size:72px;font-weight:700}.edu-question-hint{color:var(--text-secondary);font-size:16px;font-weight:500}.edu-question-text{color:var(--text-primary);justify-content:center;align-items:center;gap:10px;font-size:40px;font-weight:700;display:flex}.edu-options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.edu-question-image{object-fit:contain;width:72px;height:72px}.edu-option-btn{border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border);padding:14px;font-size:24px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.edu-option-btn:after{content:"";opacity:0;background:linear-gradient(135deg,#6c5ce70d,#fd79a80d);transition:opacity .3s;position:absolute;inset:0}.edu-option-btn:hover:not(:disabled){border-color:var(--primary);transform:translateY(-3px);box-shadow:0 6px 20px #6c5ce726}.edu-option-btn:hover:not(:disabled):after{opacity:1}.edu-option-btn.correct{border-color:var(--success);color:var(--success);background:linear-gradient(135deg,#d4edda,#c3e6cb);animation:.5s correctPulse;box-shadow:0 4px 16px #00b8944d}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.edu-option-btn.wrong{border-color:var(--danger);color:var(--danger);background:linear-gradient(135deg,#f8d7da,#f5c6cb);animation:.4s wrongShake}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.edu-option-content{font-size:24px;font-weight:600}@media (width<=768px){.edu-result-emoji{font-size:52px}.edu-start-svg{width:120px;height:120px}.edu-question-card{margin-bottom:12px;padding:20px}.edu-option-content{font-size:32px}.edu-option-btn{min-height:100px;padding:20px 14px;font-size:32px}}@media (width<=480px){.edu-start-screen,.edu-result-screen{padding:16px 8px}.edu-result-emoji{margin-bottom:8px;font-size:48px}.edu-start-svg{width:96px;height:96px;margin-bottom:8px}.edu-start-screen h2,.edu-result-screen h2{font-size:20px}.edu-config-label{font-size:15px}.edu-select-btn{padding:10px 22px;font-size:16px}.edu-question-primary{margin-bottom:4px}.edu-question-hint{font-size:14px}.edu-question-text{gap:6px;font-size:48px}.edu-question-card{margin-bottom:8px;padding:16px}.edu-option-content{font-size:40px}.edu-option-btn{min-height:100px;padding:20px 12px;font-size:40px}.edu-options-grid{gap:6px}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes ringPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes btnShine{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}@keyframes emojiBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-wrapper{flex-direction:column;flex:1;width:100%;max-width:480px;min-height:0;margin:0 auto;display:flex;overflow:hidden auto}.game-hero{justify-content:center;align-items:center;margin-bottom:12px;display:flex;position:relative}.game-hero-ring{border:2px solid #6c5ce733;border-radius:50%;animation:2.5s ease-in-out infinite ringPulse;position:absolute;inset:-10px}.game-hero-title{-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:26px;font-weight:800;animation:4s infinite gradientShift}.game-hero-desc{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.game-start-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#6c5ce7,#a29bfe)!important;border:none!important;transition:all .3s!important;box-shadow:0 4px 16px #6c5ce759!important}.game-start-btn:before{content:"";background:linear-gradient(45deg,#0000,#ffffff26,#0000);width:200%;height:200%;animation:3s ease-in-out infinite btnShine;position:absolute;top:-50%;left:-50%}.game-start-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 24px #6c5ce773!important}.game-form-section{width:100%;margin-bottom:16px}.game-form-group{text-align:left;margin-bottom:14px}.game-form-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.game-form-input{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-size:15px;transition:all .3s}.game-form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce71a}.game-result-screen{flex-direction:column;flex:1;align-items:center;padding:16px;animation:.5s resultSlideIn;display:flex}.game-result-card{background:linear-gradient(145deg, var(--bg-card), #faf8ff);box-shadow:0 8px 32px #6c5ce71a, var(--shadow);text-align:center;border:1px solid #6c5ce714;border-radius:20px;width:100%;max-width:520px;margin-bottom:16px;padding:28px 24px}.game-result-actions{gap:10px;width:100%;max-width:520px;display:flex}.game-result-actions .btn{flex:1}.game-select-btn{background:var(--bg-card);color:var(--text-secondary);border:2px solid var(--border);cursor:pointer;border-radius:20px;padding:8px 20px;font-size:15px;font-weight:500;transition:all .3s}.game-select-btn:hover{border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce726}.game-select-btn.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 16px #6c5ce759}.game-overlay{z-index:10;justify-content:center;align-items:center;animation:.4s overlayFadeIn;display:flex;position:absolute;inset:0}.overlay-content{text-align:center;animation:.5s .1s both overlayContentIn}.overlay-emoji{margin-bottom:12px;font-size:64px;animation:.6s .3s both emojiBounce}.overlay-text{-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:800;animation:3s infinite gradientShift}.overlay-btn{background:linear-gradient(135deg,#6c5ce7,#a855f7)!important;box-shadow:0 4px 20px #6c5ce766!important}.overlay-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 28px #6c5ce78c!important}.equal-width-action{text-align:center;justify-content:center;min-width:80px}.action-group{align-items:center;gap:8px;display:flex}