*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{width:100%;min-height:100vh}.home-container[data-v-adaf4fc2]{min-height:100vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.header[data-v-adaf4fc2]{text-align:center;margin-bottom:40px}.title[data-v-adaf4fc2]{font-size:3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:10px}.subtitle[data-v-adaf4fc2]{font-size:1.2rem;color:#ffffffe6}.main-content[data-v-adaf4fc2]{width:100%;max-width:600px}.user-section[data-v-adaf4fc2]{background:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003}.user-info[data-v-adaf4fc2]{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #eee}.avatar[data-v-adaf4fc2]{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.user-details[data-v-adaf4fc2]{flex:1}.username[data-v-adaf4fc2]{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:5px}.stats[data-v-adaf4fc2]{color:#666;font-size:.95rem}.level-selector[data-v-adaf4fc2]{margin-bottom:30px}.level-selector h3[data-v-adaf4fc2]{font-size:1.1rem;color:#333;margin-bottom:15px}.level-buttons[data-v-adaf4fc2]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.level-btn[data-v-adaf4fc2]{padding:12px 8px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;font-size:.85rem;transition:all .3s;color:#666}.level-btn[data-v-adaf4fc2]:hover{border-color:#667eea;background:#f5f5ff}.level-btn.active[data-v-adaf4fc2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.action-buttons[data-v-adaf4fc2]{display:flex;gap:15px}.primary-btn[data-v-adaf4fc2],.secondary-btn[data-v-adaf4fc2]{flex:1;padding:16px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.primary-btn[data-v-adaf4fc2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-btn[data-v-adaf4fc2]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.secondary-btn[data-v-adaf4fc2]{background:#fff;color:#667eea;border:2px solid #667eea}.secondary-btn[data-v-adaf4fc2]:hover{background:#f5f5ff}.guest-section[data-v-adaf4fc2]{display:flex;justify-content:center}.welcome-card[data-v-adaf4fc2]{background:#fffffff2;border-radius:20px;padding:40px;text-align:center;box-shadow:0 10px 30px #0003}.emoji[data-v-adaf4fc2]{font-size:5rem;margin-bottom:20px}.welcome-card h2[data-v-adaf4fc2]{font-size:1.8rem;color:#333;margin-bottom:15px}.welcome-card p[data-v-adaf4fc2]{color:#666;font-size:1.05rem;line-height:1.6;margin-bottom:30px}.features[data-v-adaf4fc2]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.feature[data-v-adaf4fc2]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;background:#f8f9ff;border-radius:12px}.feature-icon[data-v-adaf4fc2]{font-size:2.5rem}.feature span[data-v-adaf4fc2]:last-child{font-size:.9rem;color:#666}.auth-buttons[data-v-adaf4fc2]{display:flex;gap:15px}.animation-overlay[data-v-37924dea]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn-37924dea .3s ease-in}@keyframes fadeIn-37924dea{0%{opacity:0}to{opacity:1}}.egg-container[data-v-37924dea]{position:relative;width:100%;height:400px;perspective:1000px}.egg[data-v-37924dea]{position:absolute;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;animation:flyBy-37924dea 2s ease-out forwards;opacity:0;transform:translate(-200px)}@keyframes flyBy-37924dea{0%{opacity:0;transform:translate(-200px) rotate(-30deg) scale(.5)}30%{opacity:1;transform:translate(0) rotate(0) scale(1.2)}70%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(200px) rotate(30deg) scale(.5)}}.egg.white[data-v-37924dea]{filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}.egg.yellow[data-v-37924dea]{filter:drop-shadow(0 0 10px rgba(255,235,59,.8))}.egg.orange[data-v-37924dea]{filter:drop-shadow(0 0 10px rgba(255,152,0,.8))}.egg.pink[data-v-37924dea]{filter:drop-shadow(0 0 10px rgba(233,30,99,.8))}.egg.blue[data-v-37924dea]{filter:drop-shadow(0 0 10px rgba(33,150,243,.8))}.egg.green[data-v-37924dea]{filter:drop-shadow(0 0 10px rgba(76,175,80,.8))}.egg.purple[data-v-37924dea]{filter:drop-shadow(0 0 10px rgba(156,39,176,.8))}.egg.red[data-v-37924dea]{filter:drop-shadow(0 0 10px rgba(244,67,54,.8))}.egg.cyan[data-v-37924dea]{filter:drop-shadow(0 0 10px rgba(0,188,212,.8))}.egg-emoji[data-v-37924dea]{animation:bounce-37924dea .5s ease-in-out infinite}@keyframes bounce-37924dea{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.celebration-text[data-v-37924dea]{text-align:center;margin-top:-50px;margin-bottom:30px}.text-item[data-v-37924dea]{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(102,126,234,.8);opacity:0;animation:textPop-37924dea .5s ease-out forwards}@keyframes textPop-37924dea{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.confetti-container[data-v-37924dea]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.confetti[data-v-37924dea]{position:absolute;width:10px;height:10px;background:linear-gradient(45deg,#f093fb,#f5576c);animation:confettiFall-37924dea 3s ease-out forwards;opacity:0}.confetti[data-v-37924dea]:nth-child(2n){background:linear-gradient(45deg,#4facfe,#00f2fe)}.confetti[data-v-37924dea]:nth-child(3n){background:linear-gradient(45deg,#43e97b,#38f9d7)}.confetti[data-v-37924dea]:nth-child(4n){background:linear-gradient(45deg,#fa709a,#fee140)}.confetti[data-v-37924dea]:nth-child(5n){background:linear-gradient(45deg,#667eea,#764ba2)}@keyframes confettiFall-37924dea{0%{opacity:0;transform:translateY(-20px) rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}.click-hint[data-v-37924dea]{position:absolute;bottom:50px;padding:15px 30px;background:#ffffffe6;color:#667eea;border-radius:30px;font-size:1.1rem;font-weight:700;opacity:0;transition:opacity .5s}.click-hint.show[data-v-37924dea]{opacity:1;animation:pulse-37924dea 1.5s ease-in-out infinite}@keyframes pulse-37924dea{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-container[data-v-938b9bb3]{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center}.game-card[data-v-938b9bb3]{background:#fffffff2;border-radius:20px;padding:30px;width:100%;max-width:500px;box-shadow:0 10px 30px #0003}.header[data-v-938b9bb3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.level-info[data-v-938b9bb3]{display:flex;align-items:center;gap:10px}.level-badge[data-v-938b9bb3]{padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.9rem;font-weight:700}.stage-info[data-v-938b9bb3]{color:#666;font-size:1rem}.score-info[data-v-938b9bb3]{display:flex;gap:15px}.score[data-v-938b9bb3],.streak[data-v-938b9bb3]{padding:6px 12px;background:#fff7ed;border-radius:15px;font-size:.95rem;font-weight:700}.idiom-section[data-v-938b9bb3]{text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#f8f9ff,#e8f4ff);border-radius:15px}.idiom[data-v-938b9bb3]{font-size:3rem;font-weight:700;color:#333;margin-bottom:10px}.pinyin[data-v-938b9bb3]{font-size:1.2rem;color:#999}.options-section[data-v-938b9bb3]{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.option-btn[data-v-938b9bb3]{display:flex;align-items:center;gap:15px;padding:20px;border:3px solid #e0e0e0;border-radius:15px;background:#fff;cursor:pointer;transition:all .3s;text-align:left}.option-btn[data-v-938b9bb3]:hover:not(:disabled){border-color:#667eea;background:#f8f9ff}.option-btn.correct[data-v-938b9bb3]{border-color:#48bb78;background:#f0fff4}.option-btn.wrong[data-v-938b9bb3]{border-color:#f56565;background:#fff5f5}.option-letter[data-v-938b9bb3]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e0e0e0;border-radius:50%;font-size:1.2rem;font-weight:700;color:#666}.option-btn.correct .option-letter[data-v-938b9bb3]{background:#48bb78;color:#fff}.option-btn.wrong .option-letter[data-v-938b9bb3]{background:#f56565;color:#fff}.option-text[data-v-938b9bb3]{flex:1;font-size:1.1rem;color:#333}.result-section[data-v-938b9bb3]{text-align:center;margin-bottom:30px}.result-message[data-v-938b9bb3]{font-size:1.5rem;font-weight:700;margin-bottom:15px}.explanation[data-v-938b9bb3]{color:#666;margin-bottom:20px;font-size:1rem;line-height:1.6}.next-btn[data-v-938b9bb3]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.next-btn[data-v-938b9bb3]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.back-btn[data-v-938b9bb3]{width:100%;padding:12px;background:#e0e0e0;color:#666;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s}.back-btn[data-v-938b9bb3]:hover{background:#d0d0d0}.login-container[data-v-157ccbd4]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card[data-v-157ccbd4]{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 30px #0003}.header[data-v-157ccbd4]{text-align:center;margin-bottom:30px}.header h1[data-v-157ccbd4]{font-size:2rem;color:#333;margin-bottom:10px}.header p[data-v-157ccbd4]{color:#999;font-size:1rem}.login-form[data-v-157ccbd4]{margin-bottom:30px}.form-group[data-v-157ccbd4]{margin-bottom:20px}.form-group label[data-v-157ccbd4]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-157ccbd4]{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-157ccbd4]:focus{outline:none;border-color:#667eea}.error-message[data-v-157ccbd4]{color:#f56565;text-align:center;margin-bottom:20px;font-size:.95rem}.submit-btn[data-v-157ccbd4]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.submit-btn[data-v-157ccbd4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.submit-btn[data-v-157ccbd4]:disabled{opacity:.6;cursor:not-allowed}.footer[data-v-157ccbd4]{text-align:center}.footer p[data-v-157ccbd4]{color:#666;margin-bottom:15px}.footer a[data-v-157ccbd4]{color:#667eea;text-decoration:none;font-weight:500}.footer a[data-v-157ccbd4]:hover{text-decoration:underline}.back-link[data-v-157ccbd4]{display:inline-block;color:#999;font-size:.9rem}.register-container[data-v-307fd4fa]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.register-card[data-v-307fd4fa]{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 30px #0003}.header[data-v-307fd4fa]{text-align:center;margin-bottom:30px}.header h1[data-v-307fd4fa]{font-size:2rem;color:#333;margin-bottom:10px}.header p[data-v-307fd4fa]{color:#999;font-size:1rem}.register-form[data-v-307fd4fa]{margin-bottom:30px}.form-group[data-v-307fd4fa]{margin-bottom:20px}.form-group label[data-v-307fd4fa]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-307fd4fa]{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-307fd4fa]:focus{outline:none;border-color:#667eea}.error-message[data-v-307fd4fa]{color:#f56565;text-align:center;margin-bottom:20px;font-size:.95rem}.submit-btn[data-v-307fd4fa]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.submit-btn[data-v-307fd4fa]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.submit-btn[data-v-307fd4fa]:disabled{opacity:.6;cursor:not-allowed}.footer[data-v-307fd4fa]{text-align:center}.footer p[data-v-307fd4fa]{color:#666;margin-bottom:15px}.footer a[data-v-307fd4fa]{color:#667eea;text-decoration:none;font-weight:500}.footer a[data-v-307fd4fa]:hover{text-decoration:underline}.back-link[data-v-307fd4fa]{display:inline-block;color:#999;font-size:.9rem}.profile-container[data-v-bd1dcf27]{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center}.profile-card[data-v-bd1dcf27]{background:#fffffff2;border-radius:20px;padding:40px;width:100%;max-width:600px;box-shadow:0 10px 30px #0003}.header[data-v-bd1dcf27]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header h1[data-v-bd1dcf27]{font-size:2rem;color:#333}.logout-btn[data-v-bd1dcf27]{padding:10px 20px;background:#f56565;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s}.logout-btn[data-v-bd1dcf27]:hover{background:#e53e3e}.user-info[data-v-bd1dcf27]{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#f8f9ff;border-radius:15px}.avatar[data-v-bd1dcf27]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff}.user-details[data-v-bd1dcf27]{flex:1}.username[data-v-bd1dcf27]{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:5px}.join-date[data-v-bd1dcf27]{color:#999;font-size:.95rem}.stats-grid[data-v-bd1dcf27]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.stat-card[data-v-bd1dcf27]{background:#f8f9ff;border-radius:12px;padding:20px 10px;text-align:center}.stat-icon[data-v-bd1dcf27]{font-size:2rem;margin-bottom:10px}.stat-value[data-v-bd1dcf27]{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:5px}.stat-label[data-v-bd1dcf27]{color:#999;font-size:.9rem}.accuracy-section[data-v-bd1dcf27]{margin-bottom:30px}.accuracy-section h3[data-v-bd1dcf27]{font-size:1.2rem;color:#333;margin-bottom:15px}.accuracy-bar[data-v-bd1dcf27]{height:20px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:10px}.accuracy-fill[data-v-bd1dcf27]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .5s ease}.accuracy-text[data-v-bd1dcf27]{text-align:center;color:#666;font-size:1.1rem;font-weight:700}.achievements-section[data-v-bd1dcf27]{margin-bottom:30px}.achievements-section h3[data-v-bd1dcf27]{font-size:1.2rem;color:#333;margin-bottom:15px}.achievements-grid[data-v-bd1dcf27]{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.achievement-item[data-v-bd1dcf27]{display:flex;flex-direction:column;align-items:center;padding:15px 10px;background:#f0f0f0;border-radius:12px;opacity:.5;transition:all .3s}.achievement-item.unlocked[data-v-bd1dcf27]{background:#fff7ed;opacity:1;box-shadow:0 2px 10px #ffa50033}.achievement-icon[data-v-bd1dcf27]{font-size:2.5rem;margin-bottom:8px}.achievement-name[data-v-bd1dcf27]{font-size:.85rem;color:#666;text-align:center}.achievement-item.unlocked .achievement-name[data-v-bd1dcf27]{color:#ed8936;font-weight:700}.back-btn[data-v-bd1dcf27]{width:100%;padding:16px;background:#e0e0e0;color:#666;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.back-btn[data-v-bd1dcf27]:hover{background:#d0d0d0}