*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;-moz-text-size-adjust:100%!important}.app-container{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#6ecbf5,#ffb6c1);min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px;margin:0;-webkit-overflow-scrolling:touch;touch-action:manipulation}.app-main{flex:1 0 auto}.support-footer{flex:0 0 auto;text-align:center;font-size:.95rem;color:rgba(0,0,0,.65);background:hsla(0,0%,100%,.6);border-radius:10px;padding:10px 12px;margin-top:12px}*{padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*,body{margin:0}body{overflow-x:hidden}@media (max-width:768px){.app-container{padding:8px;padding-top:20px}.support-footer{font-size:.9rem;padding:8px 10px}}@media (max-width:480px){.app-container{padding:5px;padding-top:15px}.support-footer{font-size:.85rem;padding:8px 10px}}@media screen and (max-device-width:480px){html{-webkit-text-size-adjust:none}}.home-container[data-v-ee41bd36]{background:linear-gradient(135deg,#6ecbf5,#ffb6c1);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;font-family:Comic Sans MS,微软雅黑,sans-serif}.container[data-v-ee41bd36]{background-color:hsla(0,0%,100%,.9);border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:40px;max-width:800px;width:100%;text-align:center;position:relative;overflow:hidden}.header[data-v-ee41bd36]{margin-bottom:40px}h1[data-v-ee41bd36]{color:#ff6b6b;font-size:3rem;margin-bottom:15px;text-shadow:2px 2px 0 #ffd166}.subtitle[data-v-ee41bd36]{color:#666;font-size:1.4rem;margin:0}.footer-actions[data-v-ee41bd36]{margin-top:28px;display:flex;justify-content:center}.logout-btn[data-v-ee41bd36]{background-color:#ff6b6b;border:none;border-radius:15px;padding:12px 28px;font-size:1.05rem;color:#fff;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 0 #e04e4e}.logout-btn[data-v-ee41bd36]:hover{transform:translateY(-2px);box-shadow:0 8px 0 #e04e4e}.logout-btn[data-v-ee41bd36]:active{transform:translateY(1px);box-shadow:0 4px 0 #e04e4e}.navigation-area[data-v-ee41bd36]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:25px;margin-bottom:30px}.nav-card[data-v-ee41bd36]{background-color:hsla(0,0%,100%,.8);border-radius:20px;padding:30px;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:all .3s;cursor:pointer;border:3px solid transparent}.nav-card[data-v-ee41bd36]:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.2);border-color:#6ecbf5}.card-icon[data-v-ee41bd36]{font-size:4rem;margin-bottom:15px}.nav-card h3[data-v-ee41bd36]{color:#333;font-size:1.8rem;margin-bottom:10px}.nav-card p[data-v-ee41bd36]{color:#666;font-size:1.1rem;margin-bottom:20px;line-height:1.4}.nav-btn[data-v-ee41bd36]{background-color:#ff6b6b;border:none;border-radius:15px;padding:12px 30px;font-size:1.2rem;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 5px 0 #e04e4e;font-family:inherit}.nav-btn[data-v-ee41bd36]:hover{transform:translateY(-2px);box-shadow:0 7px 0 #e04e4e}.nav-btn[data-v-ee41bd36]:active{transform:translateY(1px);box-shadow:0 3px 0 #e04e4e}.footer-actions[data-v-ee41bd36]{margin-top:22px}.logout-btn[data-v-ee41bd36]{width:100%;max-width:320px;padding:12px 20px;font-size:1rem}.decoration[data-v-ee41bd36]{position:absolute;z-index:-1}.cloud[data-v-ee41bd36]{width:120px;height:60px;background:#fff;border-radius:60px;position:absolute;opacity:.7}.cloud[data-v-ee41bd36]:after,.cloud[data-v-ee41bd36]:before{content:"";background:#fff;border-radius:50%;position:absolute}.cloud[data-v-ee41bd36]:before{width:50px;height:50px;top:-25px;left:20px}.cloud[data-v-ee41bd36]:after{width:40px;height:40px;top:-20px;right:20px}.cloud1[data-v-ee41bd36]{top:10%;left:5%;animation:float-ee41bd36 20s linear infinite}.cloud2[data-v-ee41bd36]{top:20%;right:8%;animation:float-ee41bd36 25s linear infinite reverse}.cloud3[data-v-ee41bd36]{bottom:15%;left:10%;animation:float-ee41bd36 30s linear infinite}@keyframes float-ee41bd36{0%{transform:translateX(-100px)}to{transform:translateX(calc(100vw + 100px))}}@media (min-width:1400px){.navigation-area[data-v-ee41bd36]{grid-template-columns:repeat(4,1fr);gap:30px}}@media (min-width:900px) and (max-width:1399px){.navigation-area[data-v-ee41bd36]{grid-template-columns:repeat(2,1fr);gap:25px}}@media (min-width:600px) and (max-width:899px){.navigation-area[data-v-ee41bd36]{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:1024px){.container[data-v-ee41bd36]{padding:30px;max-width:700px}h1[data-v-ee41bd36]{font-size:2.8rem}.subtitle[data-v-ee41bd36]{font-size:1.3rem}.nav-card[data-v-ee41bd36]{padding:28px}.nav-card h3[data-v-ee41bd36]{font-size:1.7rem}.nav-card p[data-v-ee41bd36]{font-size:1.05rem}}@media (max-width:768px){.home-container[data-v-ee41bd36]{padding:2%;padding-top:5px;display:block}.container[data-v-ee41bd36]{padding:20px 15px;border-radius:10px;margin:0 auto;max-width:none;width:96%}.navigation-area[data-v-ee41bd36]{grid-template-columns:repeat(2,1fr);gap:20px}h1[data-v-ee41bd36]{font-size:2.2rem;margin-bottom:10px}.subtitle[data-v-ee41bd36]{font-size:1.1rem}.nav-card[data-v-ee41bd36]{padding:25px 20px;border-radius:15px}.card-icon[data-v-ee41bd36]{font-size:3rem;margin-bottom:12px}.nav-card h3[data-v-ee41bd36]{font-size:1.6rem;margin-bottom:8px}.nav-card p[data-v-ee41bd36]{font-size:1rem;margin-bottom:18px}.nav-btn[data-v-ee41bd36]{padding:14px 25px;font-size:1.1rem;min-height:48px}}@media (max-width:480px){.home-container[data-v-ee41bd36]{padding:2%;display:block}.container[data-v-ee41bd36]{padding:15px 12px;border-radius:8px;width:96%;margin:0 auto}.header[data-v-ee41bd36]{margin-bottom:25px}h1[data-v-ee41bd36]{font-size:1.9rem}.subtitle[data-v-ee41bd36]{font-size:1rem}.nav-card[data-v-ee41bd36]{padding:20px 15px}.card-icon[data-v-ee41bd36]{font-size:2.5rem}.nav-card h3[data-v-ee41bd36]{font-size:1.4rem}.nav-card p[data-v-ee41bd36]{font-size:.95rem}.nav-btn[data-v-ee41bd36]{padding:12px 20px;font-size:1rem;width:100%}.cloud[data-v-ee41bd36]{display:none}.footer-actions[data-v-ee41bd36]{margin-top:16px}.logout-btn[data-v-ee41bd36]{max-width:280px;padding:10px 18px;font-size:.95rem}}[data-v-1f86b35a]{margin:0;padding:0;box-sizing:border-box;font-family:Comic Sans MS,微软雅黑,sans-serif}.container[data-v-1f86b35a]{background-color:hsla(0,0%,100%,.9);border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:30px;max-width:800px;width:100%;text-align:center;position:relative;overflow:hidden;margin:0 auto}.header[data-v-1f86b35a]{margin-bottom:20px}h1[data-v-1f86b35a]{color:#ff6b6b;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 0 #ffd166}.game-info[data-v-1f86b35a]{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.score-board[data-v-1f86b35a]{background-color:#ffd166;border-radius:20px;padding:10px 20px;font-size:1.5rem;color:#333;box-shadow:0 5px 0 #ffb347}.progress-board[data-v-1f86b35a]{background-color:#6ecbf5;border-radius:20px;padding:10px 20px;font-size:1.5rem;color:#fff;box-shadow:0 5px 0 #4a9fd5}.game-area[data-v-1f86b35a]{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.game-mode-hint[data-v-1f86b35a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 20px;border-radius:20px;font-size:1.2rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 3px 10px rgba(0,0,0,.2)}.game-result[data-v-1f86b35a]{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff}.result-icon[data-v-1f86b35a]{font-size:4rem;animation:bounce-1f86b35a 1s infinite}.game-result h2[data-v-1f86b35a]{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.final-score[data-v-1f86b35a]{text-align:center;background:hsla(0,0%,100%,.2);border-radius:20px;padding:20px 30px;backdrop-filter:blur(10px)}.score-text[data-v-1f86b35a]{font-size:1.2rem;opacity:.9;margin-bottom:5px}.score-number[data-v-1f86b35a]{font-size:4rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:10px 0}.score-detail[data-v-1f86b35a]{font-size:1.4rem;opacity:.8}.result-message[data-v-1f86b35a]{font-size:1.6rem;text-align:center;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.character-display[data-v-1f86b35a]{font-size:8rem;color:#333;margin:20px 0;text-shadow:3px 3px 0 #ffd166;transition:transform .3s}.pinyin-options[data-v-1f86b35a]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;max-width:500px}.pinyin-option[data-v-1f86b35a]{background-color:#6ecbf5;border:none;border-radius:15px;padding:15px;font-size:1.5rem;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 5px 0 #4a9fd5}.pinyin-option[data-v-1f86b35a]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 0 #4a9fd5}.pinyin-option[data-v-1f86b35a]:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px 0 #4a9fd5}.pinyin-option[data-v-1f86b35a]:disabled{opacity:.7;cursor:not-allowed}.feedback[data-v-1f86b35a]{font-size:1.8rem;height:60px;display:flex;align-items:center;justify-content:center;margin:10px 0}.correct[data-v-1f86b35a]{color:#06d6a0;animation:bounce-1f86b35a .5s}.incorrect[data-v-1f86b35a]{color:#ef476f;animation:shake-1f86b35a .5s}.controls[data-v-1f86b35a]{margin-top:20px}.class-filter[data-v-1f86b35a]{display:flex;justify-content:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.class-filter .btn[data-v-1f86b35a]{background:#6ecbf5;box-shadow:0 5px 0 #4a9fd5}.class-filter .btn.active[data-v-1f86b35a]{background:#4a9fd5}.modal-backdrop[data-v-1f86b35a]{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:999}.modal[data-v-1f86b35a]{background:#fff;border-radius:16px;padding:20px;width:90%;max-width:420px;box-shadow:0 10px 30px rgba(0,0,0,.2);text-align:center}.modal-title[data-v-1f86b35a]{font-size:1.4rem;margin-bottom:12px;color:#333}.modal-actions[data-v-1f86b35a]{margin-top:12px}.class-select[data-v-1f86b35a]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:8px}.radio[data-v-1f86b35a]{display:flex;align-items:center;gap:6px;font-size:1rem}.btn[data-v-1f86b35a]{background-color:#ff6b6b;border:none;border-radius:15px;padding:12px 25px;font-size:1.3rem;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 5px 0 #e04e4e;margin:0 10px}.btn[data-v-1f86b35a]:hover{transform:translateY(-3px);box-shadow:0 8px 0 #e04e4e}.btn[data-v-1f86b35a]:active{transform:translateY(2px);box-shadow:0 3px 0 #e04e4e}.btn-backhome[data-v-1f86b35a]{position:fixed;top:10px;left:10px;background-color:transparent;color:#4a9fd5;box-shadow:none;padding:0 3px;font-size:1rem;border-radius:4px;border:none;line-height:1.1;letter-spacing:0;display:inline-block;width:auto!important;z-index:2;margin:0}.btn-backhome[data-v-1f86b35a]:hover{box-shadow:none;transform:none;text-decoration:underline}.btn-backhome[data-v-1f86b35a]:active{box-shadow:none;transform:none}.decoration[data-v-1f86b35a]{position:absolute;z-index:-1}.cloud[data-v-1f86b35a]{width:120px;height:60px;background:#fff;border-radius:60px;position:absolute;opacity:.7}.cloud[data-v-1f86b35a]:after,.cloud[data-v-1f86b35a]:before{content:"";background:#fff;border-radius:50%;position:absolute}.cloud[data-v-1f86b35a]:before{width:50px;height:50px;top:-25px;left:20px}.cloud[data-v-1f86b35a]:after{width:40px;height:40px;top:-20px;right:20px}.cloud1[data-v-1f86b35a]{top:10%;left:5%;animation:float-1f86b35a 20s linear infinite}.cloud2[data-v-1f86b35a]{top:20%;right:8%;animation:float-1f86b35a 25s linear infinite reverse}.cloud3[data-v-1f86b35a]{bottom:15%;left:10%;animation:float-1f86b35a 30s linear infinite}@keyframes bounce-1f86b35a{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes shake-1f86b35a{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes float-1f86b35a{0%{transform:translateX(-100px)}to{transform:translateX(calc(100vw + 100px))}}@media (max-width:1024px){.container[data-v-1f86b35a]{padding:25px;max-width:700px}h1[data-v-1f86b35a]{font-size:2.3rem}.character-display[data-v-1f86b35a]{font-size:7rem}.pinyin-option[data-v-1f86b35a]{padding:12px;font-size:1.4rem}}@media (max-width:768px){.container[data-v-1f86b35a]{padding:15px 15px;border-radius:10px;margin:2px;max-width:none;width:96%}.btn-backhome[data-v-1f86b35a]{top:10px;left:10px;padding:0 3px;font-size:1rem}.header[data-v-1f86b35a]{margin-bottom:15px}h1[data-v-1f86b35a]{font-size:2rem;margin-bottom:8px}.game-info[data-v-1f86b35a]{gap:10px;margin-bottom:15px}.progress-board[data-v-1f86b35a],.score-board[data-v-1f86b35a]{padding:8px 16px;font-size:1.3rem}.game-result[data-v-1f86b35a]{padding:20px;gap:15px}.game-result h2[data-v-1f86b35a]{font-size:2rem}.result-icon[data-v-1f86b35a],.score-number[data-v-1f86b35a]{font-size:3rem}.final-score[data-v-1f86b35a]{padding:15px 20px}.result-message[data-v-1f86b35a]{font-size:1.4rem}.game-area[data-v-1f86b35a]{gap:15px;margin-bottom:15px}.game-mode-hint[data-v-1f86b35a]{font-size:1.1rem;padding:6px 16px}.character-display[data-v-1f86b35a]{font-size:5.5rem;margin:15px 0}.pinyin-options[data-v-1f86b35a]{grid-template-columns:repeat(2,1fr);gap:12px;max-width:400px}.pinyin-option[data-v-1f86b35a]{padding:16px 12px;font-size:1.3rem;border-radius:12px;min-height:56px}.feedback[data-v-1f86b35a]{font-size:1.5rem;height:50px;margin:8px 0}.controls[data-v-1f86b35a]{margin-top:15px}.class-filter[data-v-1f86b35a]{gap:8px}.class-filter .btn[data-v-1f86b35a]{min-height:40px;font-size:1.05rem}.modal[data-v-1f86b35a]{width:92%;padding:16px}.modal-title[data-v-1f86b35a]{font-size:1.2rem}.radio[data-v-1f86b35a]{font-size:.95rem}.btn[data-v-1f86b35a]{padding:12px 20px;font-size:1.1rem;margin:0 8px 8px 8px;min-height:48px}}@media (max-width:480px){.container[data-v-1f86b35a]{padding:12px 12px;margin:1px;width:96%;border-radius:8px}.btn-backhome[data-v-1f86b35a]{top:10px;left:10px;padding:0 2px;font-size:1rem}h1[data-v-1f86b35a]{font-size:1.7rem}.progress-board[data-v-1f86b35a],.score-board[data-v-1f86b35a]{padding:6px 14px;font-size:1.2rem}.game-result[data-v-1f86b35a]{padding:15px}.game-result h2[data-v-1f86b35a]{font-size:1.8rem}.result-icon[data-v-1f86b35a],.score-number[data-v-1f86b35a]{font-size:2.5rem}.final-score[data-v-1f86b35a]{padding:12px 15px}.result-message[data-v-1f86b35a]{font-size:1.2rem}.game-mode-hint[data-v-1f86b35a]{font-size:1rem;padding:5px 12px}.character-display[data-v-1f86b35a]{font-size:4.5rem;margin:12px 0}.pinyin-option[data-v-1f86b35a]{padding:14px 10px;font-size:1.2rem;min-height:50px}.feedback[data-v-1f86b35a]{font-size:1.3rem;height:45px}.controls .btn[data-v-1f86b35a]{padding:10px 15px;font-size:1rem;margin:0 5px 6px 5px;width:calc(50% - 10px)}.modal[data-v-1f86b35a]{width:94%;padding:14px}.modal-title[data-v-1f86b35a]{font-size:1.1rem}.radio[data-v-1f86b35a]{font-size:.9rem}.cloud[data-v-1f86b35a]{display:none}}@media (max-width:360px){.container[data-v-1f86b35a]{padding:12px 8px;margin:3px;width:calc(100% - 6px)}h1[data-v-1f86b35a]{font-size:1.5rem}.character-display[data-v-1f86b35a]{font-size:4rem}.pinyin-option[data-v-1f86b35a]{font-size:1.1rem;padding:12px 8px}.feedback[data-v-1f86b35a]{font-size:1.2rem;height:40px}}.composer-container[data-v-f3742d50]{max-width:900px;margin:20px auto;background:hsla(0,0%,100%,.95);padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.header[data-v-f3742d50]{position:relative;text-align:center}.back-btn[data-v-f3742d50]{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#6ecbf5;border:none;border-radius:5px;padding:3px 5px;color:#fff;cursor:pointer}.back-arrow[data-v-f3742d50]{font-weight:700;margin-right:4px}.header h1[data-v-f3742d50]{color:#ff6b6b}.subtitle[data-v-f3742d50]{color:#666;margin-bottom:12px}.score[data-v-f3742d50]{font-weight:600;margin-bottom:12px}.selectors[data-v-f3742d50]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.panel[data-v-f3742d50]{background:#f8f9fa;padding:10px;border-radius:8px}.items[data-v-f3742d50]{display:flex;flex-wrap:wrap;gap:6px}.items button[data-v-f3742d50]{padding:6px 10px;border-radius:8px;border:none;background:#fff;cursor:pointer}.items button.active[data-v-f3742d50]{background:#6ecbf5;color:#fff}.items button[data-v-f3742d50]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn[data-v-f3742d50]{padding:8px 12px;border:none;border-radius:8px;background:#f1f3f5;cursor:pointer}.btn[data-v-f3742d50]:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.panel h3[data-v-f3742d50]{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}.panel h3.clickable[data-v-f3742d50]{cursor:pointer}.composer-area[data-v-f3742d50]{display:flex;gap:20px;align-items:flex-start}.composer-area>.selected-list[data-v-f3742d50],.composer-area>.syllable-builder[data-v-f3742d50]{flex:1 1 0;min-width:0}.actions[data-v-f3742d50],.selected-list[data-v-f3742d50]{width:100%}.builder[data-v-f3742d50]{margin:8px 0;padding:12px;background:#fff;border-radius:8px;min-height:44px}.builder-actions[data-v-f3742d50]{display:flex;gap:8px}.chip[data-v-f3742d50]{background:#ffd166;padding:8px 10px;border-radius:20px}.btn.primary[data-v-f3742d50]{background:#06d6a0;color:#fff}.btn.primary.disabled[data-v-f3742d50],.btn.primary[data-v-f3742d50]:disabled{background:#cfd8dc;color:#607d8b;border:1px solid #b0bec5;opacity:1}@media (max-width:768px){.composer-container[data-v-f3742d50]{padding:15px;border-radius:10px;width:96%;margin:0 auto}.header[data-v-f3742d50]{text-align:left}.back-btn[data-v-f3742d50]{position:static;transform:none;margin-bottom:8px;display:inline-flex}.header h1[data-v-f3742d50]{margin-top:4px;text-align:left}.selectors[data-v-f3742d50]{grid-template-columns:repeat(2,1fr);gap:12px}.composer-area[data-v-f3742d50]{flex-direction:column;align-items:stretch}.items[data-v-f3742d50]{gap:8px}.items button[data-v-f3742d50]{min-width:44px;min-height:40px;font-size:16px}.btn[data-v-f3742d50]{min-height:40px;font-size:16px}.chip[data-v-f3742d50]{margin-bottom:6px}.actions[data-v-f3742d50]{display:flex;gap:8px;align-items:stretch;flex-wrap:nowrap;width:100%}.actions .btn[data-v-f3742d50]{flex:1 1 0;white-space:nowrap;min-width:0}}@media (max-width:480px){.composer-container[data-v-f3742d50]{padding:12px;border-radius:8px;width:96%;margin:0 auto}.header[data-v-f3742d50]{text-align:left}.back-btn[data-v-f3742d50]{position:static;transform:none;margin-bottom:10px;display:inline-flex}.header h1[data-v-f3742d50]{margin-top:6px;font-size:1.4rem;text-align:left}.selectors[data-v-f3742d50]{grid-template-columns:1fr}.panel[data-v-f3742d50]{padding:8px}.builder[data-v-f3742d50]{padding:10px}.actions[data-v-f3742d50]{display:flex;gap:8px;flex-wrap:nowrap}.actions .btn[data-v-f3742d50]{flex:1 1 0;white-space:nowrap;min-width:0}}.add-words-container[data-v-c529e36c]{background:linear-gradient(135deg,#6ecbf5,#ffb6c1);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;font-family:Comic Sans MS,微软雅黑,sans-serif}.container[data-v-c529e36c]{background-color:hsla(0,0%,100%,.9);border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:30px;max-width:600px;width:100%;text-align:center;position:relative;overflow:hidden}.header[data-v-c529e36c]{margin-bottom:30px}h1[data-v-c529e36c]{color:#ff6b6b;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 0 #ffd166}.subtitle[data-v-c529e36c]{color:#666;font-size:1.2rem;margin:0}.form-area[data-v-c529e36c]{margin-bottom:30px}.input-group[data-v-c529e36c]{margin-bottom:20px;text-align:left}.input-group label[data-v-c529e36c]{display:block;margin-bottom:8px;font-size:1.2rem;color:#333;font-weight:700}.word-input[data-v-c529e36c]{width:100%;padding:15px;font-size:1.3rem;border:3px solid #6ecbf5;border-radius:15px;outline:none;transition:all .3s;font-family:inherit}.word-input[data-v-c529e36c]:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px hsla(0,100%,71%,.2)}.word-input[data-v-c529e36c]:disabled{opacity:.6;cursor:not-allowed}.preview-area[data-v-c529e36c]{background-color:#f8f9fa;border-radius:15px;padding:15px;margin-bottom:20px;text-align:left}.class-select[data-v-c529e36c]{display:flex;gap:12px;flex-wrap:wrap}.radio[data-v-c529e36c]{display:flex;align-items:center;gap:6px;font-size:1rem}.preview-area h3[data-v-c529e36c]{color:#333;font-size:1.1rem;margin-bottom:10px}.pinyin-preview[data-v-c529e36c]{font-size:1.4rem;color:#6ecbf5;font-weight:700}.button-group[data-v-c529e36c]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.btn[data-v-c529e36c]{border:none;border-radius:15px;padding:12px 25px;font-size:1.2rem;color:#fff;cursor:pointer;transition:all .3s;font-family:inherit;min-width:100px}.btn-primary[data-v-c529e36c]{background-color:#ff6b6b;box-shadow:0 5px 0 #e04e4e}.btn-primary[data-v-c529e36c]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 0 #e04e4e}.btn-primary[data-v-c529e36c]:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px 0 #e04e4e}.btn-primary[data-v-c529e36c]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary[data-v-c529e36c]{background-color:#6c757d;box-shadow:0 5px 0 #5a6268}.btn-secondary[data-v-c529e36c]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 0 #5a6268}.btn-secondary[data-v-c529e36c]:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px 0 #5a6268}.btn-back[data-v-c529e36c]{background-color:#6ecbf5;box-shadow:0 5px 0 #4a9fd5}.btn-back[data-v-c529e36c]:hover{transform:translateY(-3px);box-shadow:0 8px 0 #4a9fd5}.btn-back[data-v-c529e36c]:active{transform:translateY(2px);box-shadow:0 3px 0 #4a9fd5}.message[data-v-c529e36c]{padding:10px 15px;border-radius:10px;font-size:1.1rem;font-weight:700;margin-bottom:10px}.message.success[data-v-c529e36c]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.info[data-v-c529e36c]{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.message.error[data-v-c529e36c]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.recent-words[data-v-c529e36c]{text-align:left}.recent-words h3[data-v-c529e36c]{color:#333;font-size:1.3rem;margin-bottom:15px;text-align:center}.words-list[data-v-c529e36c]{max-height:200px;overflow-y:auto}.word-item[data-v-c529e36c]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f8f9fa;border-radius:10px;margin-bottom:8px;transition:all .3s}.word-item[data-v-c529e36c]:hover{background-color:#e9ecef;transform:translateX(5px)}.word-item .chinese[data-v-c529e36c]{font-size:1.2rem;font-weight:700;color:#333}.word-item .pinyin[data-v-c529e36c]{font-size:1rem;color:#6ecbf5}.modal-backdrop[data-v-c529e36c]{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:999}.modal[data-v-c529e36c]{background:#fff;border-radius:16px;padding:20px;width:90%;max-width:420px;box-shadow:0 10px 30px rgba(0,0,0,.2);text-align:center}.modal-title[data-v-c529e36c]{font-size:1.4rem;margin-bottom:12px;color:#333}.modal-actions[data-v-c529e36c]{margin-top:12px}.decoration[data-v-c529e36c]{position:absolute;z-index:-1}.cloud[data-v-c529e36c]{width:120px;height:60px;background:#fff;border-radius:60px;position:absolute;opacity:.7}.cloud[data-v-c529e36c]:after,.cloud[data-v-c529e36c]:before{content:"";background:#fff;border-radius:50%;position:absolute}.cloud[data-v-c529e36c]:before{width:50px;height:50px;top:-25px;left:20px}.cloud[data-v-c529e36c]:after{width:40px;height:40px;top:-20px;right:20px}.cloud1[data-v-c529e36c]{top:10%;left:5%;animation:float-c529e36c 20s linear infinite}.cloud2[data-v-c529e36c]{top:20%;right:8%;animation:float-c529e36c 25s linear infinite reverse}.cloud3[data-v-c529e36c]{bottom:15%;left:10%;animation:float-c529e36c 30s linear infinite}@keyframes float-c529e36c{0%{transform:translateX(-100px)}to{transform:translateX(calc(100vw + 100px))}}@media (max-width:1024px){.container[data-v-c529e36c]{padding:25px;max-width:550px}h1[data-v-c529e36c]{font-size:2.3rem}.subtitle[data-v-c529e36c]{font-size:1.15rem}.word-input[data-v-c529e36c]{padding:12px;font-size:1.2rem}}@media (max-width:768px){.add-words-container[data-v-c529e36c]{padding:2%;padding-top:5px;display:block}.container[data-v-c529e36c]{padding:15px 15px;border-radius:10px;max-width:none;width:96%;margin:0 auto}.header[data-v-c529e36c]{margin-bottom:25px}h1[data-v-c529e36c]{font-size:2rem;margin-bottom:8px}.subtitle[data-v-c529e36c]{font-size:1.1rem}.form-area[data-v-c529e36c]{margin-bottom:25px}.input-group label[data-v-c529e36c]{font-size:1.1rem;margin-bottom:6px}.word-input[data-v-c529e36c]{padding:14px;font-size:1.2rem;border-radius:12px;min-height:50px}.preview-area[data-v-c529e36c]{padding:12px;border-radius:12px}.preview-area h3[data-v-c529e36c]{font-size:1rem;margin-bottom:8px}.pinyin-preview[data-v-c529e36c]{font-size:1.3rem}.button-group[data-v-c529e36c]{flex-direction:column;align-items:center;gap:12px}.class-select[data-v-c529e36c]{gap:10px}.radio[data-v-c529e36c]{font-size:1rem}.modal[data-v-c529e36c]{width:92%;padding:16px}.modal-title[data-v-c529e36c]{font-size:1.2rem}.radio[data-v-c529e36c]{font-size:.95rem}.btn[data-v-c529e36c]{width:100%;max-width:280px;padding:14px 20px;font-size:1.1rem;min-height:48px}.recent-words h3[data-v-c529e36c]{font-size:1.2rem;margin-bottom:12px}.word-item[data-v-c529e36c]{padding:12px;margin-bottom:6px}.word-item .chinese[data-v-c529e36c]{font-size:1.1rem}.word-item .pinyin[data-v-c529e36c]{font-size:.95rem}}@media (max-width:480px){.add-words-container[data-v-c529e36c]{padding:2%;display:block}.container[data-v-c529e36c]{padding:12px 12px;border-radius:8px;margin:0 auto;width:96%}h1[data-v-c529e36c]{font-size:1.8rem}.subtitle[data-v-c529e36c]{font-size:1rem}.word-input[data-v-c529e36c]{padding:12px;font-size:1.1rem}.btn[data-v-c529e36c]{max-width:none;padding:12px 15px;font-size:1rem}.word-item[data-v-c529e36c]{flex-direction:column;text-align:center;gap:5px;padding:10px}.word-item .chinese[data-v-c529e36c]{font-size:1rem}.word-item .pinyin[data-v-c529e36c]{font-size:.9rem}.modal[data-v-c529e36c]{width:94%;padding:14px}.modal-title[data-v-c529e36c]{font-size:1.1rem}.radio[data-v-c529e36c]{font-size:.9rem}.cloud[data-v-c529e36c]{display:none}.message[data-v-c529e36c]{padding:8px 12px;font-size:1rem}}.manage-words-container[data-v-601ab643]{background:linear-gradient(135deg,#6ecbf5,#ffb6c1);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px;font-family:Comic Sans MS,微软雅黑,sans-serif}.container[data-v-601ab643]{background-color:hsla(0,0%,100%,.95);border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:30px;max-width:900px;width:100%;position:relative;margin-top:20px}.header[data-v-601ab643]{text-align:center;margin-bottom:30px;position:relative}.back-btn[data-v-601ab643]{position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#6ecbf5;border:none;border-radius:5px;padding:3px 5px;color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:all .3s}.back-btn[data-v-601ab643]:hover{background-color:#5bb3e8;transform:translateY(-50%) scale(1.05)}.back-arrow[data-v-601ab643]{font-size:1.2rem;font-weight:700}h1[data-v-601ab643]{color:#ff6b6b;font-size:2.5rem;margin:0 0 10px 0;text-shadow:2px 2px 0 #ffd166}.subtitle[data-v-601ab643]{color:#666;font-size:1.2rem;margin:0}.loading[data-v-601ab643]{text-align:center;padding:60px 20px}.loading-spinner[data-v-601ab643]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #6ecbf5;border-radius:50%;animation:spin-601ab643 1s linear infinite;margin:0 auto 20px}@keyframes spin-601ab643{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.words-list[data-v-601ab643]{margin-top:20px}.list-header[data-v-601ab643]{display:grid;grid-template-columns:1fr 1fr 140px 120px;gap:20px;padding:15px 20px;background-color:#f8f9fa;border-radius:15px;margin-bottom:15px;font-weight:700;color:#333}.list-header.no-action[data-v-601ab643]{grid-template-columns:1fr 1fr 140px}.column-title[data-v-601ab643]{text-align:center;font-size:1.1rem}.word-item[data-v-601ab643]{background-color:#fff;border-radius:15px;margin-bottom:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s}.word-item[data-v-601ab643]:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,.15)}.word-item.deleting[data-v-601ab643]{opacity:.6;transform:scale(.98)}.word-content[data-v-601ab643]{display:grid;grid-template-columns:1fr 1fr 140px 120px;gap:20px;padding:20px;align-items:center}.word-content.no-action[data-v-601ab643]{grid-template-columns:1fr 1fr 140px}.word-text[data-v-601ab643]{font-size:1.3rem;font-weight:700;color:#333;text-align:center}.word-pinyin[data-v-601ab643]{font-size:1.1rem;color:#666;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.action-buttons[data-v-601ab643],.class-cell[data-v-601ab643]{display:flex;justify-content:center}.class-cell[data-v-601ab643]{align-items:center;gap:8px}.class-select[data-v-601ab643]{padding:6px 8px;border:1px solid #ddd;border-radius:8px;background:#fff}.save-class-btn[data-v-601ab643]{background-color:#6ecbf5;border:none;border-radius:8px;padding:6px 12px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s}.save-class-btn[data-v-601ab643]:hover:not(:disabled){background-color:#5bb3e8}.save-class-btn[data-v-601ab643]:disabled{background-color:#b9e5f9;cursor:not-allowed}.delete-btn[data-v-601ab643]{background-color:#ff6b6b;border:none;border-radius:10px;padding:8px 16px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s;min-width:80px;display:flex;align-items:center;justify-content:center;gap:5px}.delete-btn[data-v-601ab643]:hover:not(:disabled){background-color:#ff5252;transform:scale(1.05)}.delete-btn[data-v-601ab643]:disabled{background-color:#ccc;cursor:not-allowed}.delete-icon[data-v-601ab643]{font-size:1rem}.deleting-text[data-v-601ab643]{font-size:.8rem}.empty-state[data-v-601ab643]{text-align:center;padding:60px 20px}.empty-icon[data-v-601ab643]{font-size:4rem;margin-bottom:20px}.empty-state h3[data-v-601ab643]{color:#333;font-size:1.8rem;margin-bottom:10px}.empty-state p[data-v-601ab643]{color:#666;font-size:1.1rem;margin-bottom:30px}.add-words-btn[data-v-601ab643]{background-color:#6ecbf5;border:none;border-radius:15px;padding:15px 30px;color:#fff;cursor:pointer;font-size:1.2rem;transition:all .3s;box-shadow:0 5px 0 #5bb3e8}.add-words-btn[data-v-601ab643]:hover{transform:translateY(-2px);box-shadow:0 7px 0 #5bb3e8}.error-message[data-v-601ab643]{text-align:center;padding:40px 20px;color:#ff6b6b}.error-icon[data-v-601ab643]{font-size:3rem;margin-bottom:15px}.retry-btn[data-v-601ab643]{background-color:#ff6b6b;border:none;border-radius:15px;padding:10px 25px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;transition:all .3s}.retry-btn[data-v-601ab643]:hover{background-color:#ff5252}.modal-overlay[data-v-601ab643]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-601ab643]{background-color:#fff;border-radius:20px;padding:30px;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-content h3[data-v-601ab643]{color:#333;font-size:1.5rem;margin-bottom:15px}.modal-content p[data-v-601ab643]{color:#666;font-size:1.1rem;margin-bottom:10px;line-height:1.4}.warning-text[data-v-601ab643]{color:#ff6b6b;font-size:.9rem;font-weight:700;margin-bottom:25px}.modal-buttons[data-v-601ab643]{display:flex;gap:15px;justify-content:center}.cancel-btn[data-v-601ab643],.confirm-btn[data-v-601ab643]{border:none;border-radius:10px;padding:12px 25px;font-size:1rem;cursor:pointer;transition:all .3s;min-width:100px}.cancel-btn[data-v-601ab643]{background-color:#ccc;color:#333}.cancel-btn[data-v-601ab643]:hover{background-color:#bbb}.confirm-btn[data-v-601ab643]{background-color:#ff6b6b;color:#fff}.confirm-btn[data-v-601ab643]:hover{background-color:#ff5252}.message-toast[data-v-601ab643]{position:fixed;top:20px;right:20px;background-color:#fff;border-radius:10px;padding:15px 20px;box-shadow:0 5px 20px rgba(0,0,0,.2);z-index:1001;display:flex;align-items:center;gap:10px;font-size:1rem;animation:slideIn-601ab643 .3s ease-out}.message-toast.success[data-v-601ab643]{border-left:4px solid #4caf50}.message-toast.error[data-v-601ab643]{border-left:4px solid #ff6b6b}.message-icon[data-v-601ab643]{font-size:1.2rem}@keyframes slideIn-601ab643{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:1024px){.container[data-v-601ab643]{padding:25px;margin-top:15px}h1[data-v-601ab643]{font-size:2.2rem}.word-content[data-v-601ab643]{gap:15px;padding:18px}.word-text[data-v-601ab643]{font-size:1.2rem}.word-pinyin[data-v-601ab643]{font-size:1rem}}@media (max-width:768px){.manage-words-container[data-v-601ab643]{padding:2%;display:block}.container[data-v-601ab643]{padding:15px 15px;border-radius:10px;margin-top:2px;max-width:none;width:96%;margin:0 auto}.header[data-v-601ab643]{margin-bottom:25px}.back-btn[data-v-601ab643]{position:static;transform:none;margin-bottom:15px;align-self:flex-start}h1[data-v-601ab643]{font-size:1.9rem}.subtitle[data-v-601ab643]{font-size:1.1rem}.list-header[data-v-601ab643]{display:none}.word-content[data-v-601ab643]{display:flex;flex-direction:row;align-items:center;gap:12px;padding:16px;flex-wrap:wrap}.word-text[data-v-601ab643]{font-size:1.3rem;margin:0}.word-pinyin[data-v-601ab643],.word-text[data-v-601ab643]{flex:1 1 auto;min-width:0;display:block;text-align:left;word-break:break-word}.word-pinyin[data-v-601ab643]{font-size:1.05rem;margin:6px 0 0 0;color:#888}.word-info-mobile[data-v-601ab643]{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0}.class-cell[data-v-601ab643]{order:2;display:flex;align-items:center;gap:8px}.action-buttons[data-v-601ab643]{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;margin-left:auto;order:3}.delete-btn[data-v-601ab643]{min-width:84px;padding:10px 14px}.modal-content[data-v-601ab643]{padding:25px 20px}.modal-buttons[data-v-601ab643]{flex-direction:column;gap:10px}.cancel-btn[data-v-601ab643],.confirm-btn[data-v-601ab643]{width:100%;padding:14px}.message-toast[data-v-601ab643]{right:10px;left:10px;top:10px}}@media (max-width:480px){.manage-words-container[data-v-601ab643]{padding:2%;display:block}.container[data-v-601ab643]{padding:12px 12px;border-radius:8px;margin:0 auto;width:96%}h1[data-v-601ab643]{font-size:1.7rem}.subtitle[data-v-601ab643]{font-size:1rem}.word-item[data-v-601ab643]{border-radius:10px}.word-content[data-v-601ab643]{padding:15px}.word-text[data-v-601ab643]{font-size:1.2rem}.word-pinyin[data-v-601ab643]{font-size:1rem}}.edit-pinyin-container[data-v-610e2a3a]{background:linear-gradient(135deg,#6ecbf5,#ffb6c1);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px;font-family:Comic Sans MS,微软雅黑,sans-serif}.container[data-v-610e2a3a]{background-color:hsla(0,0%,100%,.95);border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:30px;max-width:1000px;width:100%;position:relative;margin-top:20px}.header[data-v-610e2a3a]{text-align:center;margin-bottom:30px;position:relative}.back-btn[data-v-610e2a3a]{position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#6ecbf5;border:none;border-radius:5px;padding:3px 5px;color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:all .3s}.back-btn[data-v-610e2a3a]:hover{background-color:#5bb3e8;transform:translateY(-50%) scale(1.05)}.back-arrow[data-v-610e2a3a]{font-size:1.2rem;font-weight:700}h1[data-v-610e2a3a]{color:#ff6b6b;font-size:2.5rem;margin:0 0 10px 0;text-shadow:2px 2px 0 #ffd166}.subtitle[data-v-610e2a3a]{color:#666;font-size:1.2rem;margin:0}.loading[data-v-610e2a3a]{text-align:center;padding:60px 20px}.loading-spinner[data-v-610e2a3a]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #6ecbf5;border-radius:50%;animation:spin-610e2a3a 1s linear infinite;margin:0 auto 20px}@keyframes spin-610e2a3a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.words-list[data-v-610e2a3a]{margin-top:20px}.word-item[data-v-610e2a3a]{background-color:#fff;border-radius:15px;margin-bottom:15px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s}.word-item[data-v-610e2a3a]:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,.15)}.word-item.editing[data-v-610e2a3a]{border:2px solid #6ecbf5}.word-content[data-v-610e2a3a]{padding:20px}.word-info[data-v-610e2a3a]{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.word-text[data-v-610e2a3a]{font-size:1.4rem;font-weight:700;color:#333}.current-pinyin[data-v-610e2a3a]{font-size:1.1rem;color:#666;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.edit-section[data-v-610e2a3a]{border-top:1px solid #eee;padding-top:20px;margin-top:15px}.method-tabs[data-v-610e2a3a]{display:flex;gap:10px;margin-bottom:20px}.tab-btn[data-v-610e2a3a]{padding:10px 20px;border:2px solid #6ecbf5;background:#fff;color:#6ecbf5;border-radius:10px;cursor:pointer;transition:all .3s}.tab-btn.active[data-v-610e2a3a]{background:#6ecbf5;color:#fff}.manual-input[data-v-610e2a3a]{margin-bottom:20px}.pinyin-input[data-v-610e2a3a]{width:100%;padding:12px;font-size:1.2rem;border:2px solid #ddd;border-radius:10px;margin-bottom:15px;outline:none;transition:all .3s}.pinyin-input[data-v-610e2a3a]:focus{border-color:#6ecbf5;box-shadow:0 0 0 3px rgba(110,203,245,.2)}.input-tips[data-v-610e2a3a]{background:#f8f9fa;padding:15px;border-radius:10px;font-size:.9rem;color:#666}.input-tips p[data-v-610e2a3a]{margin:5px 0}.assisted-input[data-v-610e2a3a]{margin-bottom:20px}.syllables-container[data-v-610e2a3a]{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.syllable-item[data-v-610e2a3a]{display:flex;align-items:center;gap:10px;padding:15px;background:#f8f9fa;border-radius:10px;position:relative}.syllable-input[data-v-610e2a3a]{flex:1;padding:8px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.tone-buttons[data-v-610e2a3a]{display:flex;gap:5px}.tone-btn[data-v-610e2a3a]{width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:5px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s}.tone-btn[data-v-610e2a3a]:hover{background:#f0f0f0}.tone-btn.active[data-v-610e2a3a]{background:#6ecbf5;color:#fff;border-color:#6ecbf5}.remove-syllable[data-v-610e2a3a]{width:25px;height:25px;border:none;background:#ff6b6b;color:#fff;border-radius:50%;cursor:pointer;font-size:1rem}.syllable-controls[data-v-610e2a3a]{margin-bottom:15px}.add-syllable[data-v-610e2a3a]{padding:8px 16px;background:#6ecbf5;color:#fff;border:none;border-radius:8px;cursor:pointer}.preview-result[data-v-610e2a3a]{padding:10px;background:#e8f4f8;border-radius:8px;margin-bottom:15px}.preview-label[data-v-610e2a3a]{color:#666;margin-right:10px}.preview-pinyin[data-v-610e2a3a]{font-size:1.2rem;font-weight:700;color:#333}.edit-actions[data-v-610e2a3a]{display:flex;gap:10px;margin-top:15px}.cancel-btn[data-v-610e2a3a],.save-btn[data-v-610e2a3a]{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s}.save-btn[data-v-610e2a3a]{background:#28a745;color:#fff}.save-btn[data-v-610e2a3a]:hover:not(:disabled){background:#218838}.save-btn[data-v-610e2a3a]:disabled{background:#ccc;cursor:not-allowed}.cancel-btn[data-v-610e2a3a]{background:#6c757d;color:#fff}.cancel-btn[data-v-610e2a3a]:hover{background:#5a6268}.action-buttons[data-v-610e2a3a]{display:flex;justify-content:flex-end}.edit-btn[data-v-610e2a3a]{background:#17a2b8;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s}.edit-btn[data-v-610e2a3a]:hover{background:#138496}.empty-state[data-v-610e2a3a],.error-message[data-v-610e2a3a]{text-align:center;padding:60px 20px}.empty-icon[data-v-610e2a3a],.error-icon[data-v-610e2a3a]{font-size:4rem;margin-bottom:20px}.empty-state h3[data-v-610e2a3a]{color:#333;font-size:1.8rem;margin-bottom:10px}.empty-state p[data-v-610e2a3a]{color:#666;font-size:1.1rem;margin-bottom:30px}.add-words-btn[data-v-610e2a3a],.retry-btn[data-v-610e2a3a]{background:#6ecbf5;color:#fff;border:none;padding:15px 30px;border-radius:15px;cursor:pointer;font-size:1.2rem;transition:all .3s}.add-words-btn[data-v-610e2a3a]:hover,.retry-btn[data-v-610e2a3a]:hover{background:#5bb3e8}.message-toast[data-v-610e2a3a]{position:fixed;top:20px;right:20px;background:#fff;border-radius:10px;padding:15px 20px;box-shadow:0 5px 20px rgba(0,0,0,.2);z-index:1001;display:flex;align-items:center;gap:10px;font-size:1rem;animation:slideIn-610e2a3a .3s ease-out}.message-toast.success[data-v-610e2a3a]{border-left:4px solid #28a745}.message-toast.error[data-v-610e2a3a]{border-left:4px solid #dc3545}.message-icon[data-v-610e2a3a]{font-size:1.2rem}@keyframes slideIn-610e2a3a{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.pinyin-helper-overlay[data-v-610e2a3a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.pinyin-helper[data-v-610e2a3a]{background:#fff;border-radius:15px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.pinyin-helper h3[data-v-610e2a3a]{color:#333;margin-bottom:20px;text-align:center}.tone-reference[data-v-610e2a3a]{margin-bottom:20px}.tone-row[data-v-610e2a3a]{display:grid;grid-template-columns:60px 1fr 1fr;gap:15px;padding:10px 0;border-bottom:1px solid #eee;align-items:center}.tone-number[data-v-610e2a3a]{font-weight:700;color:#6ecbf5}.tone-symbols[data-v-610e2a3a]{font-family:Segoe UI,sans-serif;font-size:1.2rem}.tone-example[data-v-610e2a3a]{color:#666;font-style:italic}.input-methods-help h4[data-v-610e2a3a]{color:#333;margin-bottom:10px}.input-methods-help p[data-v-610e2a3a]{margin:5px 0;color:#666}.close-helper[data-v-610e2a3a]{width:100%;padding:10px;background:#6ecbf5;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:20px}@media (max-width:768px){.edit-pinyin-container[data-v-610e2a3a]{padding:2%;display:block}.container[data-v-610e2a3a]{padding:15px;border-radius:10px;max-width:none;width:96%;margin:0 auto}.header[data-v-610e2a3a]{margin-bottom:25px}.back-btn[data-v-610e2a3a]{position:static;transform:none;margin-bottom:15px}h1[data-v-610e2a3a]{font-size:1.9rem}.subtitle[data-v-610e2a3a]{font-size:1.1rem}.word-content[data-v-610e2a3a]{padding:15px;display:flex;flex-direction:row;align-items:center;gap:12px}.word-item.editing .word-content[data-v-610e2a3a]{display:flex;flex-direction:column;align-items:stretch;gap:12px}.word-info[data-v-610e2a3a]{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;margin-bottom:0}.word-text[data-v-610e2a3a]{margin:0;font-size:1.3rem;word-break:break-word}.current-pinyin[data-v-610e2a3a]{font-size:1.05rem;color:#888;word-break:break-word}.action-buttons[data-v-610e2a3a]{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end}.syllable-item[data-v-610e2a3a]{flex-direction:column;align-items:stretch;gap:10px}.tone-buttons[data-v-610e2a3a]{justify-content:center}.edit-actions[data-v-610e2a3a]{flex-direction:column}.method-tabs[data-v-610e2a3a]{justify-content:center}}@media (max-width:480px){.container[data-v-610e2a3a]{padding:12px;border-radius:8px;width:96%}h1[data-v-610e2a3a]{font-size:1.7rem}.word-text[data-v-610e2a3a]{font-size:1.2rem}.current-pinyin[data-v-610e2a3a]{font-size:1rem}}.auth-container[data-v-58877444]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6ecbf5,#ffb6c1);padding:16px}.card[data-v-58877444]{background:hsla(0,0%,100%,.95);border-radius:20px;padding:28px 24px;width:100%;max-width:420px;box-shadow:0 10px 30px rgba(0,0,0,.15);text-align:center}.title[data-v-58877444]{font-size:24px;margin:0;color:#ff6b6b;text-shadow:1px 1px 0 #ffd166}.subtitle[data-v-58877444]{margin:6px 0 18px;color:#666}.form[data-v-58877444]{display:flex;flex-direction:column;gap:8px;text-align:left}label[data-v-58877444]{font-size:14px;color:#333;font-weight:600}input[data-v-58877444]{width:100%;padding:12px 14px;border-radius:12px;border:2px solid #6ecbf5;outline:none;font-size:16px;transition:.2s;background:#fff}input[data-v-58877444]:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px hsla(0,100%,71%,.15)}.btn[data-v-58877444]{margin-top:10px;border:none;border-radius:12px;padding:12px;font-size:16px;cursor:pointer}.btn.primary[data-v-58877444]{background:#ff6b6b;color:#fff;box-shadow:0 5px 0 #e04e4e}.btn.primary[data-v-58877444]:active{transform:translateY(1px);box-shadow:0 3px 0 #e04e4e}.btn.flat[data-v-58877444]{background:transparent;color:#4a9fd5}.message[data-v-58877444]{margin-top:8px;padding:10px;border-radius:10px;font-weight:600;text-align:center}.message.error[data-v-58877444]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info[data-v-58877444]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.auth-container[data-v-8b72ff38]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6ecbf5,#ffb6c1);padding:16px}.card[data-v-8b72ff38]{background:hsla(0,0%,100%,.95);border-radius:20px;padding:28px 24px;width:100%;max-width:480px;box-shadow:0 10px 30px rgba(0,0,0,.15);text-align:center}.title[data-v-8b72ff38]{font-size:24px;margin:0;color:#ff6b6b;text-shadow:1px 1px 0 #ffd166}.subtitle[data-v-8b72ff38]{margin:6px 0 18px;color:#666}.form[data-v-8b72ff38]{display:flex;flex-direction:column;gap:8px;text-align:left}label[data-v-8b72ff38]{font-size:14px;color:#333;font-weight:600}input[data-v-8b72ff38]{width:100%;padding:12px 14px;border-radius:12px;border:2px solid #6ecbf5;outline:none;font-size:16px;transition:.2s;background:#fff}input[data-v-8b72ff38]:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px hsla(0,100%,71%,.15)}.btn[data-v-8b72ff38]{margin-top:10px;border:none;border-radius:12px;padding:12px;font-size:16px;cursor:pointer}.btn.primary[data-v-8b72ff38]{background:#ff6b6b;color:#fff;box-shadow:0 5px 0 #e04e4e}.btn.primary[data-v-8b72ff38]:active{transform:translateY(1px);box-shadow:0 3px 0 #e04e4e}.btn.flat[data-v-8b72ff38]{background:transparent;color:#4a9fd5}.message[data-v-8b72ff38]{margin-top:8px;padding:10px;border-radius:10px;font-weight:600;text-align:center}.message.error[data-v-8b72ff38]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info[data-v-8b72ff38]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.bulk-import-container[data-v-6d4bd338]{min-height:100vh;background:linear-gradient(135deg,#6ecbf5,#ffb6c1);display:flex;align-items:center;justify-content:center;padding:16px}.card[data-v-6d4bd338]{background:hsla(0,0%,100%,.95);border-radius:16px;padding:20px;width:100%;max-width:880px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.hint[data-v-6d4bd338]{color:#555;margin-top:4px}.form[data-v-6d4bd338]{display:flex;flex-direction:column;gap:10px;margin-top:12px}select[data-v-6d4bd338],textarea[data-v-6d4bd338]{border:2px solid #6ecbf5;border-radius:10px;padding:10px;font-size:15px;outline:none}textarea[data-v-6d4bd338]{resize:vertical;font-family:inherit}.preview[data-v-6d4bd338]{background:#f7fbff;border:1px dashed #9ad1f4;padding:10px;border-radius:10px}.chips[data-v-6d4bd338]{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.chip[data-v-6d4bd338]{background:#ffe3e3;border:1px solid #ffc7c7;color:#b25353;padding:4px 8px;border-radius:999px;font-size:12px}.more[data-v-6d4bd338]{color:#666}.actions[data-v-6d4bd338]{display:flex;gap:10px;margin-top:4px}.btn[data-v-6d4bd338]{border:none;border-radius:10px;padding:10px 16px;cursor:pointer;background:#e9f4ff;color:#3178c6}.btn.primary[data-v-6d4bd338]{background:#ff6b6b;color:#fff;box-shadow:0 5px 0 #e04e4e}.btn.flat[data-v-6d4bd338]{background:transparent;color:#4a9fd5}.message[data-v-6d4bd338]{margin-top:8px;padding:8px;border-radius:8px}.message.error[data-v-6d4bd338]{background:#fde2e4;color:#b91c1c;border:1px solid #fecaca}.result[data-v-6d4bd338]{margin-top:16px;padding-top:8px;border-top:1px solid #eee}.result ul[data-v-6d4bd338]{margin:8px 0;padding-left:1.2em}.result li.error[data-v-6d4bd338]{color:#b91c1c}.message-container[data-v-0746e93e]{background:linear-gradient(135deg,#6ecbf5,#ffb6c1);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px}.container[data-v-0746e93e]{background-color:hsla(0,0%,100%,.95);border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:30px;max-width:900px;width:100%;position:relative;margin-top:20px}.header[data-v-0746e93e]{text-align:center;margin-bottom:20px;position:relative}.back-btn[data-v-0746e93e]{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#6ecbf5;border:none;border-radius:5px;padding:3px 5px;color:#fff;cursor:pointer}.back-arrow[data-v-0746e93e]{font-weight:700}.form-card[data-v-0746e93e]{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.form-row[data-v-0746e93e]{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.form-row label[data-v-0746e93e]{font-weight:600;color:#333}.form-row input[data-v-0746e93e],.form-row textarea[data-v-0746e93e]{border:1px solid #ddd;border-radius:10px;padding:10px;font-size:14px}.hint[data-v-0746e93e]{text-align:right;color:#888;font-size:12px}.actions[data-v-0746e93e]{text-align:right;margin-top:10px}.btn.primary[data-v-0746e93e]{background:#ff6b6b;color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer}.error[data-v-0746e93e]{color:#c0392b;margin-top:8px}.ok[data-v-0746e93e]{color:#2e7d32;margin-top:8px}.list-card[data-v-0746e93e]{margin-top:20px}.list-card h2[data-v-0746e93e]{margin:0 0 8px 0;color:#333}.empty[data-v-0746e93e],.loading[data-v-0746e93e]{color:#666;padding:10px}.item[data-v-0746e93e]{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 8px rgba(0,0,0,.06);margin-bottom:10px}.item-header[data-v-0746e93e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.title[data-v-0746e93e]{display:flex;align-items:center;gap:8px}.status[data-v-0746e93e]{padding:2px 8px;border-radius:10px;font-size:12px;color:#fff}.status.pending[data-v-0746e93e]{background:#f39c12}.status.replied[data-v-0746e93e]{background:#2ecc71}.status.closed[data-v-0746e93e]{background:#7f8c8d}.content[data-v-0746e93e]{white-space:pre-wrap;color:#333}.reply[data-v-0746e93e]{background:#f8f9fb;border-radius:8px;padding:8px;margin-top:8px}.reply-head[data-v-0746e93e]{font-size:12px;color:#666;margin-bottom:4px}.reply-body[data-v-0746e93e]{white-space:pre-wrap}@media (max-width:480px){.header[data-v-0746e93e]{text-align:left}.back-btn[data-v-0746e93e]{position:static;transform:none;margin-bottom:10px;display:inline-flex}.header h1[data-v-0746e93e]{margin-top:6px;font-size:1.4rem;text-align:left}.subtitle[data-v-0746e93e]{text-align:left}}.admin-messages-container[data-v-162aeefc]{background:linear-gradient(135deg,#6ecbf5,#ffb6c1);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px}.container[data-v-162aeefc]{background:hsla(0,0%,100%,.95);border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:20px;max-width:1100px;width:100%;margin-top:20px}.header[data-v-162aeefc]{position:relative;text-align:center;margin-bottom:12px}.back-btn[data-v-162aeefc]{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#6ecbf5;border:none;border-radius:12px;padding:8px 16px;color:#fff;cursor:pointer}.subtitle[data-v-162aeefc]{color:#666}.toolbar[data-v-162aeefc]{display:flex;align-items:center;gap:8px;margin:8px 0 12px}.empty[data-v-162aeefc],.loading[data-v-162aeefc]{color:#666;padding:8px}.list[data-v-162aeefc]{background:#fff;border-radius:16px;padding:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.row[data-v-162aeefc]{display:grid;grid-template-columns:60px 140px 1fr 160px 100px 260px;gap:8px;padding:8px;border-bottom:1px solid #f0f0f0}.header-row[data-v-162aeefc]{font-weight:700;background:#f8f9fa;border-radius:10px}.col.account[data-v-162aeefc],.col.id[data-v-162aeefc]{color:#333}.col.title .title-line[data-v-162aeefc]{display:flex;justify-content:space-between;gap:8px}.col.title .time[data-v-162aeefc]{color:#999;font-size:12px}.col.title .content[data-v-162aeefc]{margin-top:4px;white-space:pre-wrap}.col.title .reply[data-v-162aeefc]{margin-top:6px;background:#f7f9fc;padding:8px;border-radius:8px}.col.contact[data-v-162aeefc]{color:#555}.badge[data-v-162aeefc]{padding:2px 8px;border-radius:12px;color:#fff;font-size:12px}.badge.pending[data-v-162aeefc]{background:#f39c12}.badge.replied[data-v-162aeefc]{background:#2ecc71}.badge.closed[data-v-162aeefc]{background:#7f8c8d}.col.actions textarea[data-v-162aeefc]{width:100%;border:1px solid #ddd;border-radius:8px;padding:6px;resize:vertical}.btns[data-v-162aeefc]{margin-top:6px;display:flex;gap:6px}.btn[data-v-162aeefc]{background:#e0e0e0;border:none;border-radius:8px;padding:6px 10px;cursor:pointer}.btn.primary[data-v-162aeefc]{background:#ff6b6b;color:#fff}.error[data-v-162aeefc]{color:#c0392b;margin-top:10px}@media (max-width:1024px){.row[data-v-162aeefc]{grid-template-columns:50px 120px 1fr 120px 90px 1fr}}@media (max-width:768px){.row[data-v-162aeefc]{grid-template-columns:1fr}.header-row[data-v-162aeefc]{display:none}}@media (max-width:480px){.header[data-v-162aeefc]{text-align:left}.back-btn[data-v-162aeefc]{position:static;transform:none;margin-bottom:10px;display:inline-flex}.header h1[data-v-162aeefc]{margin-top:6px;font-size:1.4rem;text-align:left}.subtitle[data-v-162aeefc]{text-align:left}}