:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;background:linear-gradient(180deg,#f0f9ff,#e0f2fe,#bae6fd);margin:0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#0c4a6e}.home-container{max-width:480px;width:100%;margin:0 auto;padding:3rem 1.5rem;text-align:center}.home-title{margin:0 0 3rem;color:#0369a1;font-size:2.5rem;font-weight:700;letter-spacing:.5px}.mode-buttons{display:flex;flex-direction:column;gap:1.5rem}.mode-btn{padding:1.5rem 2rem;font-size:1.3rem;font-weight:700;border:none;border-radius:24px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #94a3b840;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.practice-btn{background:linear-gradient(145deg,#fff,#e0f2fe);color:#0369a1}.racing-btn{background:linear-gradient(145deg,#fef3c7,#fde68a);color:#92400e}.mode-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px #38bdf84d}.practice-btn:hover{background:linear-gradient(145deg,#e0f2fe,#bae6fd)}.racing-btn:hover{background:linear-gradient(145deg,#fde68a,#fcd34d);box-shadow:0 12px 35px #fbbf2459}.mode-btn:active{transform:translateY(-1px) scale(.98)}.qr-section{margin-top:3rem;padding:1.5rem;background:#fffc;border-radius:24px;box-shadow:0 6px 20px #94a3b833;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-image{width:160px;height:160px;border-radius:12px;box-shadow:0 4px 15px #94a3b826}.qr-text{margin:1rem 0 0;font-size:.95rem;font-weight:600;color:#0c4a6e}.game-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.back-btn{padding:.5rem 1rem;font-size:.95rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#ffffffb3;color:#0369a1;box-shadow:0 2px 10px #94a3b826;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 15px #38bdf833}.back-btn:active{transform:scale(.97)}.timer-display{font-size:1.2rem;font-weight:700;color:#92400e;background:#fef3c7e6;padding:.5rem 1.2rem;border-radius:50px;box-shadow:0 2px 10px #fbbf2433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.racing-progress{background:linear-gradient(145deg,#fef3c7,#fde68a)!important;color:#92400e!important}.game-container{max-width:480px;width:100%;margin:0 auto;padding:2rem 1.5rem 2.5rem;text-align:center}.game-header{margin-bottom:2rem}.game-header h1{margin:0 0 1rem;color:#0369a1;font-size:2rem;font-weight:700;letter-spacing:.5px}.stats{display:flex;justify-content:center;gap:1rem}.stats span{font-size:.95rem;font-weight:600;color:#0284c7;background:#ffffffb3;padding:.4rem 1rem;border-radius:50px;box-shadow:0 2px 8px #94a3b826;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1rem}.op-container{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.5rem}.grid-item{aspect-ratio:1}.number-btn,.op-btn{width:100%;height:100%;font-size:1.8rem;font-weight:700;border:none;border-radius:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#ffffffe6;color:#0369a1;box-shadow:0 4px 15px #94a3b833,0 1px 3px #94a3b826;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.number-btn:active,.op-btn:active{transform:scale(.95);box-shadow:0 2px 8px #94a3b833}.number-btn:hover:not(:disabled),.op-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #38bdf840,0 3px 8px #94a3b826}.number-btn{background:linear-gradient(145deg,#fff,#fef3c7);color:#92400e}.number-btn:hover:not(:disabled){background:linear-gradient(145deg,#fef3c7,#fde68a)}.op-btn{background:linear-gradient(145deg,#fff,#e0f2fe);color:#0369a1;font-size:2rem}.op-btn:hover:not(:disabled){background:linear-gradient(145deg,#e0f2fe,#bae6fd)}.number-btn:disabled,.op-btn:disabled{opacity:.3;cursor:default;transform:none;box-shadow:0 2px 6px #94a3b81a;filter:grayscale(40%)}.number-btn:disabled:hover,.op-btn:disabled:hover{transform:none;box-shadow:0 2px 6px #94a3b81a}.number-btn.selected{background:linear-gradient(145deg,#fcd34d,#fbbf24);color:#78350f;transform:scale(1.05);box-shadow:0 6px 20px #fbbf2466,0 2px 6px #fbbf244d}.number-btn.selected:hover{background:linear-gradient(145deg,#fbbf24,#f59e0b);transform:scale(1.08)}.op-btn.selected{background:linear-gradient(145deg,#7dd3fc,#38bdf8);color:#0c4a6e;transform:scale(1.05);box-shadow:0 6px 20px #38bdf866,0 2px 6px #38bdf84d}.op-btn.selected:hover{background:linear-gradient(145deg,#38bdf8,#0ea5e9);transform:scale(1.08)}.op-btn.disabled{opacity:.4;cursor:not-allowed}.op-btn.disabled:hover{transform:none;box-shadow:0 2px 6px #94a3b81a}.number-btn.hint-highlight:not(.selected){animation:hintPulse 1.2s ease-in-out infinite;box-shadow:0 0 0 3px #22c55e66,0 4px 15px #94a3b833}.op-btn.hint-highlight:not(.selected){animation:hintPulse 1.2s ease-in-out infinite;box-shadow:0 0 0 3px #22c55e66,0 4px 15px #94a3b833}@keyframes hintPulse{0%,to{box-shadow:0 0 0 3px #22c55e4d,0 4px 15px #94a3b833}50%{box-shadow:0 0 0 6px #22c55e80,0 6px 20px #94a3b840}}.expression{font-size:1.7rem;font-weight:700;margin:0 0 1.5rem;padding:1.2rem 1.5rem;background:#ffffffd9;border-radius:20px;min-height:3.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #94a3b82e;color:#0c4a6e;letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expression:empty:before{content:"点击下方按钮开始游戏";color:#7dd3fc;font-weight:500;font-size:1.1rem;letter-spacing:normal}.controls{display:flex;justify-content:center;gap:1rem}.controls button{padding:.85rem 1.8rem;font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#ffffffd9;color:#0369a1;box-shadow:0 4px 15px #94a3b833;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #38bdf840;background:#fffffff2}.controls button:active{transform:scale(.97)}.controls button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #94a3b81a}.controls button:nth-child(2){background:linear-gradient(145deg,#fef3c7,#fde68a);color:#92400e}.controls button:nth-child(2):hover:not(:disabled){background:linear-gradient(145deg,#fde68a,#fcd34d)}.hint{margin-top:1.2rem;font-weight:600;color:#92400e;background:#fef3c7e6;padding:1rem 1.3rem;border-radius:16px;box-shadow:0 4px 15px #fbbf2433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:hintAppear .35s cubic-bezier(.4,0,.2,1)}@keyframes hintAppear{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.7rem;font-weight:700;padding:1.5rem 2.5rem;border-radius:24px;animation:fadeIn .35s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 20px 60px #00000040;min-width:220px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.animation.correct{background:linear-gradient(145deg,#bbf7d0,#86efac);color:#166534}.animation.wrong{background:linear-gradient(145deg,#fecaca,#fca5a5);color:#991b1b}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:480px){.game-container{padding:1.5rem 1.2rem 2rem}.game-header h1{font-size:1.7rem}.grid-container{gap:.7rem}.number-btn,.op-btn{font-size:1.6rem;border-radius:16px}.op-btn{font-size:1.8rem}.expression{font-size:1.5rem;padding:1rem 1.2rem;border-radius:16px}.controls{gap:.8rem}.controls button{padding:.75rem 1.5rem;font-size:.95rem}.animation{font-size:1.5rem;padding:1.2rem 2rem}.home-title{font-size:2rem}.mode-btn{padding:1.2rem 1.5rem;font-size:1.15rem}.qr-section{margin-top:2rem;padding:1.2rem}.qr-image{width:140px;height:140px}.qr-text{font-size:.9rem}}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInOverlay .25s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(145deg,#fff,#f0f9ff);padding:2.5rem 2rem;border-radius:28px;text-align:center;box-shadow:0 25px 70px #00000040;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalSlideIn .35s cubic-bezier(.4,0,.2,1);max-width:320px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{margin:0 0 .8rem;color:#0369a1;font-size:1.6rem;font-weight:700}.modal-text{margin:0 0 1.8rem;color:#0c4a6e;font-size:1rem;font-weight:500}.modal-time{margin:0 0 2rem;color:#92400e;font-size:1.8rem;font-weight:700;background:linear-gradient(145deg,#fef3c7,#fde68a);padding:1rem 1.5rem;border-radius:16px}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal-btn{padding:.9rem 1.6rem;font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #94a3b833;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-btn-cancel{background:#ffffffe6;color:#0369a1}.modal-btn-confirm{background:linear-gradient(145deg,#fecaca,#fca5a5);color:#991b1b}.modal-btn-home{background:#ffffffe6;color:#0369a1}.modal-btn-racing{background:linear-gradient(145deg,#fef3c7,#fde68a);color:#92400e}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf840}.modal-btn-cancel:hover,.modal-btn-home:hover{background:#fff}.modal-btn-confirm:hover{background:linear-gradient(145deg,#fca5a5,#f87171);box-shadow:0 8px 25px #f871714d}.modal-btn-racing:hover{background:linear-gradient(145deg,#fde68a,#fcd34d);box-shadow:0 8px 25px #fbbf2459}.modal-btn:active{transform:translateY(0) scale(.97)}@media(max-width:480px){.modal-content{padding:2rem 1.5rem}.modal-title{font-size:1.4rem}.modal-time{font-size:1.5rem}.modal-btn{padding:.8rem 1.3rem;font-size:.95rem}.modal-buttons{gap:.8rem}}@media(max-width:400px){.home-container{padding:2rem 1rem}.home-title{font-size:1.8rem;margin-bottom:2rem}.mode-btn{padding:1rem 1.2rem;font-size:1rem;border-radius:20px}.game-container{padding:1rem .8rem 1.5rem}.game-top-bar{margin-bottom:.3rem}.back-btn{padding:.4rem .8rem;font-size:.85rem}.timer-display{font-size:1rem;padding:.4rem 1rem}.game-header h1{font-size:1.5rem}.stats{gap:.6rem}.stats span{font-size:.85rem;padding:.3rem .8rem}.grid-container,.op-container{gap:.5rem}.number-btn,.op-btn{font-size:1.4rem;border-radius:14px}.op-btn{font-size:1.6rem}.expression{font-size:1.3rem;padding:.8rem 1rem;min-height:3rem;border-radius:14px}.controls{gap:.6rem}.controls button{padding:.65rem 1.2rem;font-size:.9rem}.hint{padding:.8rem 1rem;font-size:.9rem}.animation{font-size:1.3rem;padding:1rem 1.5rem;min-width:180px}.modal-content{padding:1.8rem 1.2rem;border-radius:24px}.modal-title{font-size:1.3rem}.modal-text{font-size:.95rem}.modal-time{font-size:1.4rem;padding:.8rem 1.2rem}.modal-btn{padding:.7rem 1.2rem;font-size:.9rem}}@media(max-width:360px){.home-container{padding:1.5rem .8rem}.home-title{font-size:1.6rem;margin-bottom:1.5rem}.mode-btn{padding:.9rem 1rem;font-size:.95rem;border-radius:18px}.mode-buttons{gap:1rem}.qr-section{margin-top:1.5rem;padding:1rem}.qr-image{width:120px;height:120px}.qr-text{font-size:.85rem}.game-container{padding:.8rem .6rem 1.2rem}.game-top-bar{margin-bottom:.2rem}.back-btn{padding:.35rem .7rem;font-size:.8rem}.timer-display{font-size:.9rem;padding:.35rem .8rem}.game-header h1{font-size:1.3rem}.stats{gap:.5rem}.stats span{font-size:.8rem;padding:.25rem .7rem}.grid-container,.op-container{gap:.4rem}.number-btn,.op-btn{font-size:1.2rem;border-radius:12px}.op-btn{font-size:1.4rem}.expression{font-size:1.15rem;padding:.7rem .8rem;min-height:2.8rem;border-radius:12px;letter-spacing:1px}.controls{gap:.5rem}.controls button{padding:.6rem 1rem;font-size:.85rem}.hint{padding:.7rem .9rem;font-size:.85rem}.animation{font-size:1.15rem;padding:.9rem 1.3rem;min-width:160px}.modal-content{padding:1.5rem 1rem;border-radius:20px;max-width:280px}.modal-title{font-size:1.2rem}.modal-text{font-size:.9rem;margin-bottom:1.2rem}.modal-time{font-size:1.25rem;padding:.7rem 1rem;margin-bottom:1.5rem}.modal-buttons{gap:.6rem}.modal-btn{padding:.6rem 1rem;font-size:.85rem}}