@keyframes floatIcon-2036c587{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.pinyin-decorations[data-v-2036c587]{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.pinyin-icon[data-v-2036c587]{position:absolute;font-size:3rem;opacity:.15;animation:floatIcon-2036c587 4s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.float-icon[data-v-2036c587]:nth-child(1){top:10%;left:5%}.float-icon[data-v-2036c587]:nth-child(2){top:20%;right:10%}.float-icon[data-v-2036c587]:nth-child(3){bottom:30%;left:8%}.float-icon[data-v-2036c587]:nth-child(4){bottom:15%;right:15%}.pinyin-module[data-v-2036c587]{padding:30px;max-width:1200px;margin:0 auto;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);background-size:200% 200%;animation:gradientShift-2036c587 15s ease infinite;border-radius:30px;box-shadow:0 20px 60px #0003,0 0 0 5px #ffffff4d,inset 0 0 40px #fff3;position:relative;overflow:hidden;border:5px dashed rgba(255,255,255,.4)}@keyframes gradientShift-2036c587{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.module-title[data-v-2036c587]{font-size:2.5rem;color:#fff;margin:0 0 10px;font-weight:900;text-shadow:3px 3px 6px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5);letter-spacing:2px;position:relative;z-index:1}.module-subtitle[data-v-2036c587]{font-size:1.2rem;color:#fff;margin:0 0 25px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);text-align:center;position:relative;z-index:1}.progress-section[data-v-2036c587]{margin-bottom:25px}.progress-bar[data-v-2036c587]{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-2036c587]{height:100%;background:linear-gradient(90deg,#4facfe 0%,#00f2fe 100%);transition:width .5s ease;border-radius:6px}.progress-text[data-v-2036c587]{text-align:center;color:#718096;font-size:.9rem;margin:0}.category-selector[data-v-2036c587]{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.category-btn[data-v-2036c587]{min-width:130px;padding:15px 30px;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.5) 100%);border:3px solid rgba(255,255,255,.8);border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);font-weight:700;color:#fff;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:0 8px 20px #00000026,inset 0 0 20px #ffffff4d;min-height:55px;display:inline-flex;align-items:center;justify-content:center}.category-btn[data-v-2036c587]:hover{transform:translateY(-5px) scale(1.08);background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.7) 100%);box-shadow:0 12px 30px #0003,inset 0 0 30px #ffffff80,0 0 0 5px #fff6}.category-btn.active[data-v-2036c587]{background:linear-gradient(135deg,#ffffff 0%,#f0f8ff 100%);color:#667eea;font-weight:900;transform:translateY(-3px) scale(1.1);box-shadow:0 15px 40px #0003,inset 0 0 30px #fffc,0 0 0 8px #ffffff80;border-color:#fff}.pinyin-display[data-v-2036c587]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.pinyin-card[data-v-2036c587]{width:100%;text-align:center;padding:50px 40px;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius:25px;box-shadow:0 20px 60px #00000026,0 0 0 5px #fffc,inset 0 0 40px #ffffffe6;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border:4px solid rgba(255,255,255,.9);margin-bottom:25px;position:relative;overflow:hidden}.pinyin-card[data-v-2036c587]:before{content:"🎵";position:absolute;top:-20px;right:-20px;font-size:4rem;opacity:.2;transform:rotate(30deg)}.pinyin-card[data-v-2036c587]:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 80px #0003,0 0 0 5px #ffffffe6,inset 0 0 50px #fff}.pinyin-letter[data-v-2036c587]{font-size:7rem;font-weight:900;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:25px;line-height:1;font-family:Arial Black,sans-serif;letter-spacing:8px;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.2));animation:pulse-2036c587 2s ease-in-out infinite}@keyframes pulse-2036c587{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tone-mark[data-v-2036c587]{font-size:1.2rem;color:#718096;margin-bottom:15px;padding:10px 20px;background:linear-gradient(135deg,#fff5e6 0%,#ffe6f2 100%);border-radius:30px;display:inline-block;font-weight:700;box-shadow:0 4px 15px #0000001a;border:2px solid rgba(255,255,255,.8)}.pronunciation-tip[data-v-2036c587]{font-size:1.1rem;color:#2d3748;background:linear-gradient(135deg,#fff5e6 0%,#ffe6f2 100%);padding:15px 25px;border-radius:15px;border-left:5px solid #4facfe;text-align:left;margin-top:20px;font-weight:600;box-shadow:0 4px 15px #0000001a}.controls[data-v-2036c587]{display:flex;gap:12px;width:100%;justify-content:center;margin-top:15px;position:relative;z-index:1}.control-btn[data-v-2036c587]{flex:1;max-width:180px;padding:15px 30px;border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 30px #0003,0 0 0 4px #ffffff4d;min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.control-btn[data-v-2036c587]:not(.secondary){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.control-btn.secondary[data-v-2036c587]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.control-btn[data-v-2036c587]:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 15px 40px #00000040,0 0 0 4px #ffffff80,0 0 0 8px #ffffff4d}.control-btn[data-v-2036c587]:active{transform:translateY(-2px) scale(1.05)}.pinpin-practice[data-v-2036c587]{width:100%;margin-top:25px;padding:25px;background:linear-gradient(135deg,#f0f9ff 0%,#e6fffa 100%);border-radius:20px;border:3px dashed #4facfe;position:relative;z-index:1;box-shadow:0 10px 30px #0000001a}.pinpin-practice h4[data-v-2036c587]{color:#2d3748;margin:0 0 20px;text-align:center;font-size:1.3rem;font-weight:800;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.combination-examples[data-v-2036c587]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.combo-item[data-v-2036c587]{background:white;padding:15px;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);border:2px solid #e2e8f0;text-align:center}.combo-item[data-v-2036c587]:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #4facfe4d;border-color:#4facfe}.combo-pinyin[data-v-2036c587]{display:block;font-size:1.5rem;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;margin-bottom:8px;font-family:Arial Black,sans-serif;letter-spacing:2px}.combo-example[data-v-2036c587]{display:block;font-size:.9rem;color:#718096}.zhengti-list[data-v-2036c587]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:15px}.zhengti-item[data-v-2036c587]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:10px;border-radius:8px;text-align:center;font-size:1.1rem;font-weight:700;font-family:Arial,sans-serif;box-shadow:0 2px 6px #667eea4d}.game-instruction[data-v-2036c587]{text-align:center;color:#4a5568;font-size:1rem;margin-bottom:15px;font-weight:600}.practice-area[data-v-2036c587]{background:white;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.practice-area h3[data-v-2036c587]{color:#2d3748;margin:0 0 15px;text-align:center;font-size:1.2rem;font-weight:600}.pinyin-options[data-v-2036c587]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.option-btn[data-v-2036c587]{flex:1;min-width:100px;padding:15px;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s;font-weight:600;font-size:1.1rem;font-family:Arial,sans-serif}.option-btn[data-v-2036c587]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #4facfe66}.pinyin-rules[data-v-2036c587]{margin-top:30px;padding:25px;background:linear-gradient(135deg,#fff9e6 0%,#fff5e6 100%);border-radius:12px;border:2px solid #ffd700}.pinyin-rules h3[data-v-2036c587]{color:#2d3748;margin:0 0 15px;font-size:1.3rem;font-weight:700}.rule-content[data-v-2036c587]{display:flex;flex-direction:column;gap:15px}.rule-box[data-v-2036c587]{background:white;padding:15px 20px;border-radius:8px;border-left:4px solid #4facfe;box-shadow:0 2px 6px #0000000d}.rule-box strong[data-v-2036c587]{color:#4facfe;display:block;margin-bottom:10px;font-size:1.1rem}.rule-box p[data-v-2036c587]{color:#4a5568;line-height:1.6;margin:8px 0}.gesture-hint[data-v-2036c587]{text-align:center;padding:12px;margin-top:15px;background:linear-gradient(135deg,rgba(79,172,254,.1) 0%,rgba(0,242,254,.1) 100%);border-radius:12px;border:2px dashed rgba(79,172,254,.3);color:#4facfe;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;user-select:none;-webkit-user-select:none}.gesture-hint[data-v-2036c587]:hover{background:linear-gradient(135deg,rgba(79,172,254,.15) 0%,rgba(0,242,254,.15) 100%);border-color:#4facfe80}.gesture-hint[data-v-2036c587]:active{transform:scale(.98)}@media (max-width: 768px){.pinyin-module[data-v-2036c587]{padding:10px}.module-title[data-v-2036c587]{font-size:1.3rem}.module-subtitle[data-v-2036c587]{font-size:.8rem}.category-selector[data-v-2036c587]{flex-wrap:wrap;gap:6px}.category-btn[data-v-2036c587]{flex:1;min-width:calc(50% - 3px);font-size:.8rem;padding:8px 6px}.learning-panel[data-v-2036c587]{grid-template-columns:1fr;gap:15px}.pinyin-card[data-v-2036c587]{padding:15px}.pinyin-letter[data-v-2036c587]{font-size:4rem}.controls[data-v-2036c587]{gap:6px}.control-btn[data-v-2036c587]{flex:1;padding:8px 10px;font-size:.75rem;max-width:90px;min-height:44px}.combination-examples[data-v-2036c587]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.combo-item[data-v-2036c587]{padding:8px;font-size:.8rem}.practice-area[data-v-2036c587]{padding:10px}.option-btn[data-v-2036c587]{min-width:calc(50% - 4px);padding:10px;font-size:.9rem}.pinyin-rules[data-v-2036c587]{padding:10px}.pinyin-rules h3[data-v-2036c587]{font-size:.95rem}.rule-content[data-v-2036c587]{gap:8px}.rule-box[data-v-2036c587]{padding:10px}.rule-box strong[data-v-2036c587]{font-size:.9rem}.gesture-hint[data-v-2036c587]{font-size:.75rem;padding:8px}}@media (max-width: 480px){.pinyin-module[data-v-2036c587]{padding:8px}.module-title[data-v-2036c587]{font-size:1.1rem}.module-subtitle[data-v-2036c587]{font-size:.7rem;display:block}.category-btn[data-v-2036c587]{min-width:calc(33.33% - 3px);font-size:.75rem;padding:6px 5px;min-height:45px}.pinyin-letter[data-v-2036c587]{font-size:3.5rem}.pronunciation-tip[data-v-2036c587]{font-size:.75rem;padding:10px 15px}.tone-mark[data-v-2036c587]{font-size:.8rem;padding:8px 15px}.progress-section[data-v-2036c587]{padding:10px}.progress-text[data-v-2036c587]{font-size:.75rem}.controls[data-v-2036c587]{gap:5px}.control-btn[data-v-2036c587]{padding:6px 8px;font-size:.7rem;max-width:80px;min-height:40px}.combo-pinyin[data-v-2036c587]{font-size:1.2rem}.combo-example[data-v-2036c587]{font-size:.75rem}.option-btn[data-v-2036c587]{padding:8px;font-size:.8rem;min-height:45px}.gesture-hint[data-v-2036c587]{font-size:.7rem;padding:6px}}@media (prefers-color-scheme: dark){.pinyin-module[data-v-2036c587]{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.module-title[data-v-2036c587]{color:#e0e0e0}.module-subtitle[data-v-2036c587]{color:#b0b0c0}.category-btn[data-v-2036c587]{background:#2a2a3e;border-color:#4a4a6a;color:#e0e0e0}.category-btn[data-v-2036c587]:hover{background:#3a3a5e;border-color:#6a6a8a}.category-btn.active[data-v-2036c587]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-color:transparent}.pinyin-card[data-v-2036c587]{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-color:#4a4a6a;box-shadow:0 4px 12px #0000004d}.pinyin-letter[data-v-2036c587]{color:#e0e0e0}.tone-mark[data-v-2036c587]{color:#f093fb}.pronunciation-tip[data-v-2036c587]{color:#b0b0c0}.progress-bar[data-v-2036c587]{background:#2a2a3e}.progress-text[data-v-2036c587]{color:#b0b0c0}.control-btn[data-v-2036c587]{background:rgba(255,255,255,.1);color:#e0e0e0}.control-btn[data-v-2036c587]:hover{background:rgba(255,255,255,.2)}.pinpin-practice[data-v-2036c587]{background:rgba(255,255,255,.05);border-color:#4a4a6a}.practice-item[data-v-2036c587]{border-color:#4a4a6a}.practice-label[data-v-2036c587],.practice-content[data-v-2036c587]{color:#e0e0e0}}@media (max-width: 896px) and (orientation: landscape){.pinyin-module[data-v-2036c587]{padding:10px}.module-title[data-v-2036c587]{font-size:1.2rem}.module-subtitle[data-v-2036c587]{display:none}.learning-panel[data-v-2036c587]{grid-template-columns:1fr 1fr;gap:15px}.pinyin-card[data-v-2036c587]{padding:20px}.pinyin-letter[data-v-2036c587]{font-size:4rem}.category-selector[data-v-2036c587]{gap:8px}.category-btn[data-v-2036c587]{min-width:calc(20% - 6px);font-size:.8rem;padding:8px 10px}.controls[data-v-2036c587]{gap:8px}.control-btn[data-v-2036c587]{max-width:85px;padding:8px 10px;font-size:.75rem}.pinpin-practice[data-v-2036c587]{padding:15px}.practice-item[data-v-2036c587]{font-size:.85rem}}