body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Arial,Microsoft YaHei,sans-serif;justify-content:center;min-height:100vh;padding:20px}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:1200px;overflow:hidden;width:100%}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.header h1{font-size:2.5em;margin-bottom:10px}.header p{font-size:1.1em;opacity:.9}.content{padding:40px}@media (max-width:768px){.header h1{font-size:1.8em}}.menu-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:1.3em;padding:30px;transition:all .3s ease}.menu-btn:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.home-btn{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:all .3s ease}.home-btn:hover{background:#ff5252}.next-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1.1em;margin:20px auto 0;padding:15px 40px;transition:all .3s ease}.next-btn:hover:not(:disabled){transform:translateY(-3px)}.next-btn:disabled{cursor:not-allowed;opacity:.5}.restart-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1em;margin-top:20px;padding:15px 40px;transition:all .3s ease}.restart-btn:hover{transform:translateY(-3px)}.replay-audio-btn{background:#a2d2ff;border:none;border-radius:10px;cursor:pointer;font-size:1.2em;margin-top:10px;padding:10px 20px;transition:background .3s ease}.replay-audio-btn:hover{background:#85b8ff}.option-btn{background:#e8f4f8;border:3px solid #667eea;border-radius:10px;cursor:pointer;font-size:1.5em;font-weight:700;padding:30px;transition:all .3s ease}.option-btn.selected,.option-btn:hover{background:#667eea;color:#fff}.option-btn.correct{background:#51cf66;border-color:#51cf66;color:#fff}.option-btn.wrong{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.word-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:20px;text-align:center;transition:all .3s ease}.word-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.word-card .emoji{font-size:4em;margin-bottom:10px}.word-card .english{color:#333;font-size:1.3em;font-weight:700;margin-bottom:8px}.word-card .chinese{color:#666;font-size:1.1em;margin-bottom:10px}.word-card .audio-btn{align-items:center;background:#a2d2ff;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2em;height:40px;justify-content:center;margin:0 auto;transition:background .3s ease;width:40px}.word-card .audio-btn:hover{background:#85b8ff}.result-card{background:#f5f7fa;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:20px;text-align:center}.result-card.correct{border:2px solid #51cf66}.result-card.wrong{border:2px solid #ff6b6b}.result-card-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px}.result-card-number{color:#667eea;font-size:1.1em}.result-card-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.result-question-text{color:#333;font-size:1.5em;font-weight:700;margin-bottom:5px}.result-question-emoji{font-size:4em;margin-bottom:10px}.result-correct-answer-text{color:#333;font-size:1.8em;font-weight:700;margin-bottom:8px}.result-selected-answer{color:#999;font-size:.9em;font-style:italic;margin-top:5px}.setting-item input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:5px;flex-grow:1;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.setting-item input[type=range]:hover{opacity:1}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:20px;width:20px}.setting-item input[type=range]::-moz-range-thumb{background:#667eea;border-radius:50%;cursor:pointer;height:20px;width:20px}.timer-display{color:#ff6b6b;font-size:1.2em;font-weight:700;position:absolute;right:20px;top:20px}.game-mode,.listing-mode,.menu-screen.hidden,.result-screen,.settings-screen{display:none}.game-mode.active,.listing-mode.active,.menu-screen,.result-screen.active,.settings-screen.active{display:block}.menu{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.cards-grid,.menu{display:grid;gap:20px}.cards-grid{grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.score-display{color:#333;font-size:1.5em;font-weight:700}.game-question{background:#f5f7fa;border-radius:15px;margin-bottom:30px;padding:30px;text-align:center}.question-number{color:#999;font-size:.9em;margin-bottom:10px}.question-text{color:#333;font-size:2em;font-weight:700;margin-bottom:10px}.question-emoji{font-size:5em}.options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.result-screen{padding:40px;text-align:center}.final-score{color:#667eea;font-size:3em;font-weight:700;margin:20px 0}.result-message{color:#333;font-size:1.3em;margin:20px 0}.result-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px}.settings-screen{padding:40px}.setting-item{align-items:center;color:#333;display:flex;font-size:1.2em;gap:15px;margin-bottom:20px}.setting-item label{font-weight:700;min-width:80px}.setting-item span{color:#667eea;font-weight:700;min-width:30px;text-align:right}@media (max-width:768px){.question-text{font-size:1.5em}.options{grid-template-columns:1fr}}
/*# sourceMappingURL=main.c1f894a4.css.map*/