*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f5f5f5}.container[data-v-ed1022c8]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 30px}.header[data-v-ed1022c8]{text-align:center;margin-bottom:60px;padding:40px 0}.logo[data-v-ed1022c8]{font-size:80px;margin-bottom:20px}.title[data-v-ed1022c8]{display:block;font-size:36px;font-weight:700;color:#fff;margin-bottom:10px}.subtitle[data-v-ed1022c8]{display:block;font-size:18px;color:#ffffffe6}.category-list[data-v-ed1022c8]{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:800px;margin:0 auto}.category-item[data-v-ed1022c8]{width:45%;min-height:150px;border-radius:15px;margin-bottom:20px;padding:25px;box-shadow:0 8px 20px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;cursor:pointer}.category-item[data-v-ed1022c8]:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000026}.category-item[data-v-ed1022c8]:active{transform:scale(.95)}.category-icon[data-v-ed1022c8]{font-size:50px;margin-bottom:12px}.category-name[data-v-ed1022c8]{font-size:22px;font-weight:700;color:#333;margin-bottom:8px}.category-desc[data-v-ed1022c8]{font-size:14px;color:#666}@media (max-width: 768px){.category-item[data-v-ed1022c8]{width:48%;min-height:120px;padding:20px}.category-icon[data-v-ed1022c8]{font-size:40px}.category-name[data-v-ed1022c8]{font-size:18px}.category-desc[data-v-ed1022c8]{font-size:12px}}.container[data-v-322196e4]{min-height:100vh;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);padding:40px 30px}.header[data-v-322196e4]{text-align:center;margin-bottom:40px;position:relative}.btn-back[data-v-322196e4]{position:absolute;left:0;top:0;padding:8px 16px;background:white;border:none;border-radius:20px;cursor:pointer;font-size:14px}.btn-back[data-v-322196e4]:hover{background:#f0f0f0}.category-title[data-v-322196e4]{font-size:32px;font-weight:700;color:#333}.card-container[data-v-322196e4]{perspective:1000px;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.card[data-v-322196e4]{width:100%;height:400px;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.card.flip[data-v-322196e4]{transform:rotateY(180deg)}.card-front[data-v-322196e4],.card-back[data-v-322196e4]{width:100%;height:100%;position:absolute;backface-visibility:hidden;background:white;border-radius:20px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.card-back[data-v-322196e4]{transform:rotateY(180deg);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.word-emoji[data-v-322196e4]{font-size:100px;margin-bottom:30px}.word-english[data-v-322196e4]{font-size:42px;font-weight:700;color:#333;margin-bottom:20px}.word-chinese[data-v-322196e4]{font-size:42px;font-weight:700;color:#fff;margin-bottom:20px}.word-english-small[data-v-322196e4]{font-size:28px;color:#ffffffe6}.tap-hint[data-v-322196e4]{font-size:14px;color:#999;margin-top:20px}.progress[data-v-322196e4]{margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.progress-text[data-v-322196e4]{display:block;text-align:center;font-size:18px;color:#666;margin-bottom:20px}.progress-bar[data-v-322196e4]{width:100%;height:10px;background:rgba(255,255,255,.5);border-radius:5px;overflow:hidden}.progress-fill[data-v-322196e4]{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:5px;transition:width .3s}.controls[data-v-322196e4]{display:flex;justify-content:center;gap:15px;max-width:600px;margin:0 auto}.btn[data-v-322196e4]{flex:1;max-width:180px;height:50px;border-radius:25px;font-size:16px;color:#fff;border:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);cursor:pointer;transition:all .3s}.btn[data-v-322196e4]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn[data-v-322196e4]:active{transform:translateY(0)}.btn[data-v-322196e4]:disabled{background:#ccc;color:#999;cursor:not-allowed}.btn[data-v-322196e4]:disabled:hover{transform:none;box-shadow:none}.btn-speak[data-v-322196e4]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.btn-speak[data-v-322196e4]:hover{box-shadow:0 5px 15px #f093fb66}@media (max-width: 768px){.card[data-v-322196e4]{height:350px}.word-emoji[data-v-322196e4]{font-size:80px}.word-english[data-v-322196e4],.word-chinese[data-v-322196e4]{font-size:32px}.controls[data-v-322196e4]{flex-wrap:wrap}.btn[data-v-322196e4]{max-width:none}}.container[data-v-5e41e533]{min-height:100vh;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);padding:40px 30px}.header[data-v-5e41e533]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative}.btn-back[data-v-5e41e533]{position:absolute;left:0;padding:8px 16px;background:white;border:none;border-radius:20px;cursor:pointer;font-size:14px}.btn-back[data-v-5e41e533]:hover{background:#f0f0f0}.title[data-v-5e41e533]{font-size:32px;font-weight:700;color:#333;flex:1;text-align:center}.score-board[data-v-5e41e533]{background:white;padding:10px 20px;border-radius:20px;box-shadow:0 4px 15px #0000001a}.score[data-v-5e41e533]{font-size:18px;font-weight:700;color:#667eea}.question-area[data-v-5e41e533]{background:white;border-radius:20px;padding:50px 30px;box-shadow:0 10px 40px #0000001a;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.question[data-v-5e41e533]{text-align:center;margin-bottom:50px}.question-emoji[data-v-5e41e533]{display:block;font-size:100px;margin-bottom:30px}.question-text[data-v-5e41e533]{font-size:20px;color:#666;margin-bottom:15px}.question-word[data-v-5e41e533]{font-size:36px;font-weight:700;color:#333}.options[data-v-5e41e533]{display:flex;flex-direction:column;gap:15px}.option-item[data-v-5e41e533]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;border-radius:15px;text-align:center;transition:all .3s;cursor:pointer}.option-item[data-v-5e41e533]:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.option-item[data-v-5e41e533]:active{transform:scale(.98)}.option-item.correct[data-v-5e41e533]{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.option-item.wrong[data-v-5e41e533]{background:linear-gradient(135deg,#eb3349 0%,#f45c43 100%)}.option-item.disabled[data-v-5e41e533]{opacity:.5;cursor:not-allowed}.option-item.disabled[data-v-5e41e533]:hover{transform:none;box-shadow:none}.option-text[data-v-5e41e533]{font-size:24px;font-weight:700;color:#fff}.result-area[data-v-5e41e533]{text-align:center;background:white;border-radius:20px;padding:60px 40px;box-shadow:0 10px 40px #0000001a;max-width:500px;margin:0 auto}.result-emoji[data-v-5e41e533]{display:block;font-size:120px;margin-bottom:30px}.result-title[data-v-5e41e533]{font-size:42px;font-weight:700;color:#333;margin-bottom:20px}.result-score[data-v-5e41e533]{font-size:28px;color:#667eea;margin-bottom:40px}.btn-restart[data-v-5e41e533]{width:200px;height:50px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:25px;font-size:20px;border:none;cursor:pointer;transition:all .3s}.btn-restart[data-v-5e41e533]:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-restart[data-v-5e41e533]:active{transform:translateY(0)}.progress[data-v-5e41e533]{text-align:center}.progress-text[data-v-5e41e533]{font-size:18px;color:#666}@media (max-width: 768px){.header[data-v-5e41e533]{flex-wrap:wrap}.title[data-v-5e41e533]{order:-1;width:100%;margin-bottom:15px}.btn-back[data-v-5e41e533]{position:static}.question-emoji[data-v-5e41e533]{font-size:80px}.question-word[data-v-5e41e533]{font-size:28px}.option-text[data-v-5e41e533]{font-size:20px}}