.optimized-module-layout[data-v-a74f7bbc]{padding:20px;max-width:1200px;margin:0 auto;min-height:500px}.module-title[data-v-a74f7bbc]{text-align:center;font-size:2.2rem;color:#667eea;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.module-subtitle[data-v-a74f7bbc]{text-align:center;font-size:1.1rem;color:#7b8fd6;margin-bottom:25px}.progress-section[data-v-a74f7bbc]{text-align:center;margin-bottom:20px}.selector-section[data-v-a74f7bbc]{margin-bottom:25px}.main-content-area[data-v-a74f7bbc]{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.content-left[data-v-a74f7bbc]{display:flex;flex-direction:column;align-items:center;justify-content:center}.content-right[data-v-a74f7bbc]{display:flex;flex-direction:column;justify-content:center}.bottom-section[data-v-a74f7bbc]{margin-top:30px}@media (max-width: 768px){.optimized-module-layout[data-v-a74f7bbc]{padding:15px}.module-title[data-v-a74f7bbc]{font-size:1.8rem}.main-content-area[data-v-a74f7bbc]{grid-template-columns:1fr;gap:20px}.content-left[data-v-a74f7bbc],.content-right[data-v-a74f7bbc]{width:100%}}@media (max-width: 480px){.optimized-module-layout[data-v-a74f7bbc]{padding:10px}.module-title[data-v-a74f7bbc]{font-size:1.5rem}.module-subtitle[data-v-a74f7bbc]{font-size:1rem}}.category-selector[data-v-396b5b7e]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:25px 0;padding:20px;background:rgba(255,255,255,.1);border-radius:25px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.category-btn[data-v-396b5b7e]{padding:12px 20px;border:3px solid transparent;border-radius:25px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:100px;box-shadow:0 8px 20px #667eea4d,inset 0 0 0 2px #fff3}.category-btn[data-v-396b5b7e]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 25px #667eea80,inset 0 0 0 2px #ffffff4d}.category-btn.active[data-v-396b5b7e]{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);border-color:gold;box-shadow:0 10px 25px #ff6b6b66,inset 0 0 0 3px #ffd70080;transform:scale(1.1)}@media (max-width: 768px){.category-selector[data-v-396b5b7e]{gap:8px;padding:15px}.category-btn[data-v-396b5b7e]{padding:10px 15px;font-size:.9rem;min-width:80px}}@media (max-width: 375px){.category-selector[data-v-396b5b7e]{flex-direction:column;align-items:center;gap:6px}.category-btn[data-v-396b5b7e]{padding:10px 12px;font-size:.8rem;min-width:120px;max-width:200px}}.auth-forms[data-v-d35ab648]{padding:10px 0}.auth-switch[data-v-d35ab648]{text-align:center;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.user-dashboard[data-v-d35ab648]{padding:20px 0}.user-info-display p[data-v-d35ab648]{margin:15px 0;padding:10px 0;border-bottom:1px dashed #eee;font-size:.95rem}.user-actions[data-v-d35ab648]{text-align:center;margin-top:25px;padding-top:20px;border-top:2px solid #f0f0f0}@media (prefers-color-scheme: dark){.auth-switch[data-v-d35ab648]{border-top-color:#4a4a6a}.user-info-display p[data-v-d35ab648]{border-bottom-color:#4a4a6a;color:#b0b0c0}.user-actions[data-v-d35ab648]{border-top-color:#4a4a6a}}.pinyin-display[data-v-c9799d5f]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:400px}.pinyin-card[data-v-c9799d5f]{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}.pinyin-letter[data-v-c9799d5f]{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}.tone-mark[data-v-c9799d5f]{color:gold;font-size:1.2rem;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pronunciation-tip[data-v-c9799d5f]{color:#a8e6cf;font-size:1rem;text-align:center;line-height:1.4;max-width:300px}.controls[data-v-c9799d5f]{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.control-btn[data-v-c9799d5f]{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-c9799d5f]{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);color:#fff;box-shadow:0 8px 20px #ff6b6b66}.control-btn.primary[data-v-c9799d5f]:hover{transform:translateY(-3px);box-shadow:0 12px 25px #ff6b6b99}.control-btn[data-v-c9799d5f]:not(.primary){background:linear-gradient(135deg,#74b9ff 0%,#0984e3 100%);color:#fff;box-shadow:0 8px 20px #74b9ff66}.control-btn[data-v-c9799d5f]:not(.primary):hover{transform:translateY(-3px);box-shadow:0 12px 25px #74b9ff99}@media (max-width: 768px){.pinyin-letter[data-v-c9799d5f]{font-size:4rem}.pinyin-card[data-v-c9799d5f]{padding:30px 20px;min-width:200px;min-height:200px}.control-btn[data-v-c9799d5f]{padding:12px 20px;font-size:1rem;min-width:100px}}@media (max-width: 375px){.pinyin-letter[data-v-c9799d5f]{font-size:3rem}.pinyin-card[data-v-c9799d5f]{padding:20px 15px;min-width:150px;min-height:180px}.control-btn[data-v-c9799d5f]{padding:10px 15px;font-size:.9rem;min-width:90px}}