.grade-select[data-v-8b319898]{padding:12px 20px;border-radius:25px;border:3px solid #ffd700;background:white;font-size:1.1rem;font-weight:700;color:#667eea;cursor:pointer;box-shadow:0 4px 10px #0000001a;min-width:200px;text-align:center}.progress-bar[data-v-8b319898]{width:80%;max-width:500px;height:20px;background:#e0e0e0;border-radius:10px;margin:0 auto 10px;overflow:hidden;box-shadow:inset 0 2px 5px #0003}.progress-fill[data-v-8b319898]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text[data-v-8b319898]{font-size:1.1rem;color:#666;font-weight:700}.character-display[data-v-8b319898]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:400px}.character-card[data-v-8b319898]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:30px;padding:40px;margin-bottom:30px;text-align:center;box-shadow:0 15px 35px #667eea66,inset 0 0 0 4px #ffffff1a;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);min-width:250px;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center}.character-main[data-v-8b319898]{font-size:6rem;font-weight:700;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.3);margin-bottom:20px;font-family:Arial,Microsoft YaHei,sans-serif}.character-pinyin[data-v-8b319898]{font-size:2rem;color:gold;font-weight:700;margin-bottom:25px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.character-details[data-v-8b319898]{margin:20px 0;width:100%}.detail-item[data-v-8b319898]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1.1rem;color:#a8e6cf}.detail-label[data-v-8b319898]{font-weight:700;color:gold}.word-examples[data-v-8b319898]{margin-top:20px}.example-title[data-v-8b319898]{color:gold;font-size:1.2rem;margin-bottom:10px;font-weight:700}.example-list[data-v-8b319898]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.example-tag[data-v-8b319898]{background:rgba(255,255,255,.2);padding:6px 12px;border-radius:15px;font-size:.9rem;color:#fff;box-shadow:0 2px 5px #0003}.controls[data-v-8b319898]{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.control-btn[data-v-8b319898]{padding:15px 25px;border:none;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.control-btn.primary[data-v-8b319898]{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);color:#fff;box-shadow:0 8px 20px #ff6b6b66}.control-btn.primary[data-v-8b319898]:hover{transform:translateY(-3px);box-shadow:0 12px 25px #ff6b6b99}.control-btn[data-v-8b319898]:not(.primary){background:linear-gradient(135deg,#74b9ff 0%,#0984e3 100%);color:#fff;box-shadow:0 8px 20px #74b9ff66}.control-btn[data-v-8b319898]:not(.primary):hover{transform:translateY(-3px);box-shadow:0 12px 25px #74b9ff99}.gesture-hint[data-v-8b319898]{margin-top:20px;padding:12px;background:linear-gradient(135deg,rgba(79,172,254,.15) 0%,rgba(0,242,254,.15) 100%);border-radius:15px;border:2px dashed #4facfe;color:#667eea;font-size:.9rem;text-align:center;cursor:pointer;transition:all .3s ease}.gesture-hint[data-v-8b319898]:hover{background:linear-gradient(135deg,rgba(79,172,254,.25) 0%,rgba(0,242,254,.25) 100%)}.practice-area[data-v-8b319898]{padding:20px;background:rgba(255,255,255,.1);border-radius:25px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);height:fit-content}.quiz-section[data-v-8b319898]{margin-bottom:25px}.quiz-question[data-v-8b319898]{font-size:1.2rem;color:#555;margin-bottom:15px;text-align:center}.quiz-pinyin[data-v-8b319898]{font-size:2rem;color:#667eea;font-weight:700;text-align:center;margin:20px 0;padding:15px;background:white;border-radius:15px;box-shadow:0 4px 10px #0000001a}.character-options[data-v-8b319898]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.option-character[data-v-8b319898]{padding:12px 20px;border:2px solid #667eea;border-radius:25px;background:white;color:#667eea;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:60px;text-align:center}.option-character[data-v-8b319898]:hover{background:#667eea;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #667eea66}.stroke-order-tips[data-v-8b319898]{background:rgba(255,255,255,.3);border-radius:20px;padding:15px}.stroke-order-tips h4[data-v-8b319898]{color:#667eea;margin-bottom:10px;text-align:center}.tip-content p[data-v-8b319898]{margin:8px 0;color:#555;font-size:.95rem;line-height:1.4}.achievements-section[data-v-8b319898]{margin-top:30px;text-align:center}.achievements-section h3[data-v-8b319898]{font-size:1.5rem;color:#ff6b6b;margin-bottom:15px}.achievements-grid[data-v-8b319898]{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.achievement-item[data-v-8b319898]{display:flex;flex-direction:column;align-items:center;padding:15px;border:2px solid #ddd;border-radius:15px;opacity:.5;transition:all .3s ease}.achievement-item.unlocked[data-v-8b319898]{opacity:1;border:2px solid #ffd700;background:rgba(255,215,0,.1);transform:scale(1.05)}.achievement-emoji[data-v-8b319898]{font-size:2rem;margin-bottom:5px}.achievement-name[data-v-8b319898]{font-size:.9rem;color:#666}@media (max-width: 768px){.character-main[data-v-8b319898]{font-size:4rem}.character-card[data-v-8b319898]{padding:30px 20px;min-width:200px;min-height:200px}.control-btn[data-v-8b319898]{padding:12px 20px;font-size:1rem;min-width:100px}.quiz-pinyin[data-v-8b319898]{font-size:1.5rem}.option-character[data-v-8b319898]{padding:10px 15px;font-size:1.1rem;min-width:50px}}@media (max-width: 375px){.character-main[data-v-8b319898]{font-size:3rem}.character-card[data-v-8b319898]{padding:20px 15px;min-width:150px;min-height:180px}.control-btn[data-v-8b319898]{padding:10px 15px;font-size:.9rem;min-width:90px}.quiz-pinyin[data-v-8b319898]{font-size:1.2rem}.detail-item[data-v-8b319898]{font-size:1rem}}