.dashboard-container[data-v-9a92c866]{max-width:800px;margin:0 auto;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#37474f;text-align:left}.header[data-v-9a92c866]{text-align:center;margin-bottom:30px}.header h1[data-v-9a92c866]{font-size:2.5rem;color:#0288d1;margin-bottom:5px}.subtitle[data-v-9a92c866]{color:#78909c;font-size:1.2rem}.progress-section[data-v-9a92c866]{background:#fff;padding:25px;border-radius:20px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px}.section-header[data-v-9a92c866]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-section h3[data-v-9a92c866]{margin:0;color:#455a64;font-size:1.1rem}.reset-btn[data-v-9a92c866]{background:#ff5252;color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;opacity:.8;transition:opacity .2s}.reset-btn[data-v-9a92c866]:hover{opacity:1}.progress-bar-container[data-v-9a92c866]{height:16px;background-color:#eceff1;border-radius:8px;overflow:hidden;margin:15px 0 5px}.progress-fill[data-v-9a92c866]{height:100%;background-color:#69f0ae;transition:width 1s ease-out}.progress-text[data-v-9a92c866]{text-align:right;color:#607d8b;font-weight:700;margin:0 0 20px;font-size:.95rem}.category-progress-grid[data-v-9a92c866]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;padding-top:15px;border-top:1px solid #ECEFF1}.cat-progress-item[data-v-9a92c866]{background:#f8fdff;padding:12px;border-radius:12px;border:1px solid #E1F5FE}.cat-header[data-v-9a92c866]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem}.cat-label[data-v-9a92c866]{font-weight:700;color:#455a64}.cat-value[data-v-9a92c866]{color:#0288d1}.mini-progress-bar[data-v-9a92c866]{height:8px;background:#eceff1;border-radius:4px;overflow:hidden}.mini-progress-fill[data-v-9a92c866]{height:100%;background:#03a9f4;transition:width .5s}.card-config[data-v-9a92c866]{background:#f5f7f8;padding:15px;border-radius:12px;margin-bottom:20px}.config-row[data-v-9a92c866]{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.config-row[data-v-9a92c866]:last-child{margin-bottom:0}.config-row label[data-v-9a92c866]{font-size:.85rem;color:#546e7a;font-weight:700}.mini-select[data-v-9a92c866]{padding:6px 10px;border-radius:8px;border:1px solid #CFD8DC;font-size:.85rem;font-weight:700;color:#37474f;background:#fff;cursor:pointer}.mini-select.high-contrast[data-v-9a92c866]{border-color:#ffa000;color:#e65100;background:#fff8e1}.mini-select.wide-select[data-v-9a92c866]{flex:1;min-width:120px}.styled-select[data-v-9a92c866]:focus,.mini-select[data-v-9a92c866]:focus{outline:none;border-color:#01579b;box-shadow:0 0 0 3px #0288d11a}.action-grid[data-v-9a92c866]{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px}.action-card[data-v-9a92c866]{background:#fff;padding:25px;border-radius:20px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column}.action-card h3[data-v-9a92c866]{margin:0 0 10px;color:#455a64}.action-card p[data-v-9a92c866]{margin:0 0 20px;color:#90a4ae;font-size:.95rem}.start-btn[data-v-9a92c866]{background-color:#ffca28;color:#3e2723;font-size:1.3rem;font-weight:700;padding:14px;border:none;border-radius:50px;cursor:pointer;box-shadow:0 6px #ffb300;transition:all .1s;margin-top:auto}.start-btn[data-v-9a92c866]:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 #ffb300}.start-btn[data-v-9a92c866]:disabled{background-color:#eceff1;box-shadow:0 6px #cfd8dc;color:#90a4ae;cursor:not-allowed}.resume-actions.header[data-v-9a92c866]{margin-bottom:40px}.intro-wrapper[data-v-9a92c866]{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:10px}.intro-wrapper .intro-text[data-v-9a92c866]{margin:0}.about-link[data-v-9a92c866]{background:#eceff1;border:1px solid #CFD8DC;padding:4px 12px;border-radius:8px;color:#607d8b;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.about-link[data-v-9a92c866]:hover{background:#cfd8dc;color:#455a64;transform:translateY(-1px)}.resume-actions[data-v-9a92c866]{display:flex;flex-direction:column;align-items:center;gap:10px}.restart-btn[data-v-9a92c866]{background:#eceff1;color:#546e7a;border:2px solid #CFD8DC;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.restart-btn[data-v-9a92c866]:hover{background:#ffebee;color:#d32f2f;border-color:#ef9a9a}.restart-btn.small[data-v-9a92c866]{padding:6px 14px;font-size:.8rem}.mistake-actions[data-v-9a92c866]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.info[data-v-9a92c866]{margin-top:15px;font-size:.9rem;color:#78909c;text-align:center}.resume-info[data-v-9a92c866]{font-weight:700;color:#0288d1}.module-buttons[data-v-9a92c866]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mod-wrapper[data-v-9a92c866]{display:flex;gap:4px;align-items:stretch}.mod-wrapper .mod-btn[data-v-9a92c866]{flex:1}.mod-restart-btn[data-v-9a92c866]{background:#fff3e0;border:2px solid #FF9800;border-radius:8px;padding:0 8px;font-size:1.1rem;cursor:pointer;color:#e65100;transition:all .2s}.mod-restart-btn[data-v-9a92c866]:hover{background:#ffe0b2}.mod-btn[data-v-9a92c866]{padding:12px 5px;border-radius:12px;border:2px solid #CFD8DC;background:#f5f7f8;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;position:relative}.mod-btn[data-v-9a92c866]:hover:not(:disabled){border-color:#0288d1;background:#e1f5fe;color:#0288d1}.mod-btn[data-v-9a92c866]:disabled{opacity:.5;cursor:not-allowed}.mod-btn.has-resume[data-v-9a92c866]{border-color:#ff9800;background:#fff3e0;color:#e65100}.resume-badge[data-v-9a92c866]{font-size:.75rem;margin-left:4px}.error-log-section[data-v-9a92c866]{background:#fff;padding:25px;border-radius:20px;box-shadow:0 4px 15px #0000000d;margin-top:20px}.error-header[data-v-9a92c866]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.error-log-section h3[data-v-9a92c866]{margin:0;color:#d84315}.mistake-review-btn[data-v-9a92c866]{background:#ff7043;color:#fff;border:none;padding:10px 20px;border-radius:50px;font-weight:700;cursor:pointer;box-shadow:0 4px #e64a19;transition:all .1s}.mistake-review-btn[data-v-9a92c866]:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #e64a19}.mistake-review-btn[data-v-9a92c866]:disabled{background:#bdbdbd;box-shadow:0 4px #9e9e9e;cursor:not-allowed;opacity:.7}.error-list[data-v-9a92c866]{display:flex;flex-direction:column;gap:12px}.error-item[data-v-9a92c866]{display:flex;align-items:center;background:#fff5f1;border:1px solid #FFCCBC;border-radius:12px;padding:12px 20px;transition:transform .2s;position:relative}.error-item[data-v-9a92c866]:hover{transform:scale(1.01);border-color:#ff8a65}.word-info[data-v-9a92c866]{display:flex;flex-direction:column;align-items:center;width:60px;border-right:1px solid #FFCCBC;margin-right:20px;padding-right:10px;cursor:pointer}.error-item .char[data-v-9a92c866]{font-size:1.8rem;font-weight:700;color:#bf360c}.error-item .pinyin[data-v-9a92c866]{font-size:.9rem;color:#e64a19}.error-details[data-v-9a92c866]{display:flex;flex-direction:column;flex:1;cursor:pointer}.error-count[data-v-9a92c866]{font-weight:700;color:#d84315;font-size:.9rem;margin-bottom:4px}.last-mistake[data-v-9a92c866]{color:#757575;font-size:.85rem;font-style:italic}.remove-error-btn[data-v-9a92c866]{background:transparent;border:none;font-size:1.2rem;color:#b0bec5;cursor:pointer;padding:5px 10px;margin-left:10px;border-radius:50%;transition:all .2s}.remove-error-btn[data-v-9a92c866]:hover{color:#d84315;background:#ffccbc}.empty-hint[data-v-9a92c866]{text-align:center;color:#90a4ae;padding:40px;font-style:italic;font-size:1.1rem}@media (max-width: 600px){.action-grid[data-v-9a92c866]{grid-template-columns:1fr}}.about-container[data-v-bb87245e]{max-width:650px;margin:0 auto;padding:40px 20px;color:#37474f;background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d}.about-header[data-v-bb87245e]{display:flex;align-items:center;gap:20px;margin-bottom:40px}.back-link[data-v-bb87245e]{background:#eceff1;border:none;padding:8px 16px;border-radius:12px;color:#546e7a;cursor:pointer;font-weight:700}.content-section[data-v-bb87245e]{margin-bottom:60px}.bio-card[data-v-bb87245e]{background:#f1f8e9;padding:30px;border-radius:20px;border-left:6px solid #8BC34A;margin-bottom:30px}.main-desc[data-v-bb87245e]{font-size:1.25rem;margin-bottom:15px}.info-grid[data-v-bb87245e]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-item[data-v-bb87245e]{background:#fafafa;padding:20px;border-radius:16px;border:1px solid #EEEEEE}.info-item h3[data-v-bb87245e]{margin:10px 0;font-size:1.1rem}.info-item p[data-v-bb87245e]{font-size:.95rem;color:#607d8b;line-height:1.6}.feedback-section[data-v-bb87245e]{border-top:2px dashed #EEEEEE;padding-top:40px}.feedback-hint[data-v-bb87245e]{color:#78909c;margin-bottom:30px}.feedback-form[data-v-bb87245e]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-bb87245e]{display:flex;flex-direction:column;gap:8px;text-align:left}.form-group label[data-v-bb87245e]{font-weight:700;font-size:.9rem;color:#455a64}.form-group input[data-v-bb87245e],.form-group textarea[data-v-bb87245e]{padding:12px 16px;border:2px solid #CFD8DC;border-radius:12px;font-size:1rem}.form-group input[data-v-bb87245e]:focus,.form-group textarea[data-v-bb87245e]:focus{outline:none;border-color:#0288d1}.submit-btn[data-v-bb87245e]{background-color:#0288d1;color:#fff;border:none;padding:16px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0288d14d;transition:transform .2s}.submit-btn[data-v-bb87245e]:active{transform:scale(.98)}.submit-btn[data-v-bb87245e]:disabled{background-color:#b0bec5;box-shadow:none}.success-message[data-v-bb87245e]{padding:40px;background:#e8f5e9;border-radius:20px;text-align:center}.success-icon[data-v-bb87245e]{font-size:3rem;margin-bottom:10px}.error-message[data-v-bb87245e]{margin-top:20px;color:#d32f2f;font-weight:700}.restart-btn[data-v-bb87245e]{margin-top:20px;background:transparent;border:2px solid #4CAF50;color:#4caf50;padding:8px 20px;border-radius:50px;cursor:pointer}.fade-in[data-v-bb87245e]{animation:fadeIn-bb87245e .4s ease-out}@keyframes fadeIn-bb87245e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.info-grid[data-v-bb87245e]{grid-template-columns:1fr}}.module-a-container[data-v-d3757c11]{width:100%}.module-header[data-v-d3757c11]{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.module-header h2[data-v-d3757c11]{margin:0;color:#37474f}.mute-toggle[data-v-d3757c11]{background:#eceff1;border:1px solid #CFD8DC;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mute-toggle[data-v-d3757c11]:hover{background:#e1f5fe;border-color:#0288d1}.game-area[data-v-d3757c11]{display:flex;justify-content:space-around;margin-top:10px}.column[data-v-d3757c11]{display:flex;flex-direction:column;gap:15px;width:42%}.block[data-v-d3757c11]{padding:18px;border-radius:12px;background-color:#fafafa;border:4px solid #37474F;font-size:1.8rem;font-weight:700;color:#37474f;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px #0000001a;-webkit-user-select:none;user-select:none;text-align:center}.pinyin-block[data-v-d3757c11]{background-color:#f1f8e9;font-family:Arial,sans-serif}.char-block[data-v-d3757c11]{background-color:#ffe042}.selected[data-v-d3757c11]{transform:scale(1.05);border-color:#0288d1;box-shadow:0 0 15px #0288d166}.matched[data-v-d3757c11]{opacity:.2;pointer-events:none;background-color:#69f0ae!important;border-color:#4caf50!important;transform:scale(.95)}.wiggle[data-v-d3757c11]{animation:shake-d3757c11 .4s cubic-bezier(.36,.07,.19,.97) both;background-color:#ff8a65!important;border-color:#d84315!important}@keyframes shake-d3757c11{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.module-b-container[data-v-c5ef38db]{width:100%;display:flex;flex-direction:column;align-items:center}.audio-control[data-v-c5ef38db]{margin:20px 0;text-align:center}.play-btn[data-v-c5ef38db]{font-size:1.5rem;padding:15px 40px;background-color:#4fc3f7;color:#37474f;border:4px solid #37474F;border-radius:50px;cursor:pointer;box-shadow:0 4px #37474f;transition:transform .1s,box-shadow .1s}.play-btn[data-v-c5ef38db]:active,.play-btn.playing[data-v-c5ef38db]{transform:translateY(4px);box-shadow:0 0 #37474f;background-color:#29b6f6}.hint-text[data-v-c5ef38db]{color:#78909c;margin-top:10px}.grid-area[data-v-c5ef38db]{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:400px;margin-top:20px}.char-card[data-v-c5ef38db]{aspect-ratio:1;font-size:4rem;background-color:#fafafa;border:4px solid #37474F;border-radius:16px;color:#37474f;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.char-card[data-v-c5ef38db]:hover:not(:disabled){transform:scale(1.05)}.wrong-choice[data-v-c5ef38db]{background-color:#ff8a65!important;border-color:#d84315;color:#fff;animation:shake-c5ef38db .4s cubic-bezier(.36,.07,.19,.97) both;opacity:.6}.correct-choice[data-v-c5ef38db]{background-color:#69f0ae!important;border-color:#2e7d32;color:#1b5e20;transform:scale(1.1);box-shadow:0 0 20px #69f0ae80;z-index:10}@keyframes shake-c5ef38db{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.module-c-container[data-v-2961e0ea]{width:100%;display:flex;flex-direction:column;align-items:center}.prompt-area[data-v-2961e0ea]{margin:20px 0;text-align:center}.target-word[data-v-2961e0ea]{font-size:5rem;font-weight:700;color:#37474f;cursor:pointer;transition:transform .1s}.target-word[data-v-2961e0ea]:active{transform:scale(.95)}.plain-pinyin[data-v-2961e0ea]{font-size:2.5rem;color:#78909c;font-family:Arial,sans-serif;margin:10px 0;letter-spacing:2px}.hint-text[data-v-2961e0ea]{color:#78909c;font-size:1.1rem;margin-top:10px;margin-bottom:15px}.help-btn[data-v-2961e0ea]{background-color:#fce4ec;color:#c2185b;border:2px solid #f06292;border-radius:12px;padding:8px 16px;font-weight:700;cursor:pointer;transition:all .2s}.help-btn[data-v-2961e0ea]:hover:not(:disabled){background-color:#f8bbd0;transform:translateY(-2px)}.help-btn[data-v-2961e0ea]:active:not(:disabled){transform:translateY(0)}.help-btn[data-v-2961e0ea]:disabled{opacity:.5;cursor:not-allowed}.options-container[data-v-2961e0ea]{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%;max-width:400px;margin-top:20px}.tone-option[data-v-2961e0ea]{padding:20px;font-size:2rem;font-family:Arial,sans-serif;background-color:#e3f2fd;border:4px solid #42A5F5;border-radius:16px;color:#1565c0;cursor:pointer;box-shadow:0 4px #1976d2;transition:all .15s ease;font-weight:700;letter-spacing:1px}.tone-option[data-v-2961e0ea]:hover:not(:disabled){transform:translateY(2px);box-shadow:0 2px #1976d2}.tone-option[data-v-2961e0ea]:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #1976d2}.wrong-choice[data-v-2961e0ea]{background-color:#ff8a65!important;border-color:#d84315!important;box-shadow:0 0 #d84315!important;transform:translateY(4px);color:#fff;opacity:.5;animation:shake-2961e0ea .4s cubic-bezier(.36,.07,.19,.97) both}.correct-choice[data-v-2961e0ea]{background-color:#69f0ae!important;border-color:#2e7d32!important;box-shadow:0 0 #2e7d32!important;transform:translateY(4px);color:#1b5e20}@keyframes shake-2961e0ea{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.module-d-container[data-v-bb9f0370]{width:100%;display:flex;flex-direction:column;align-items:center}.prompt-area[data-v-bb9f0370]{margin:30px 0;text-align:center}.pinyin-display[data-v-bb9f0370]{font-size:4rem;font-weight:700;color:#37474f;background-color:#ffe042;padding:10px 40px;border-radius:50px;border:4px solid #37474F;cursor:pointer;box-shadow:0 6px #37474f;transition:transform .1s,box-shadow .1s;display:inline-block}.pinyin-display[data-v-bb9f0370]:active{transform:translateY(6px);box-shadow:0 0 #37474f}.hint-text[data-v-bb9f0370]{color:#78909c;font-size:1.2rem;margin-top:15px}.options-container[data-v-bb9f0370]{display:flex;justify-content:center;gap:40px;width:100%;margin-top:20px}.char-option[data-v-bb9f0370]{width:160px;height:160px;font-size:5rem;background-color:#fafafa;border:4px solid #37474F;border-radius:24px;color:#37474f;cursor:pointer;box-shadow:0 8px 12px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.char-option[data-v-bb9f0370]:hover:not(:disabled){transform:scale(1.05);border-color:#29b6f6}.wrong-choice[data-v-bb9f0370]{background-color:#ff8a65!important;border-color:#d84315;color:#fff;animation:shake-bb9f0370 .4s cubic-bezier(.36,.07,.19,.97) both;opacity:.6}.correct-choice[data-v-bb9f0370]{background-color:#69f0ae!important;border-color:#2e7d32;color:#1b5e20;transform:scale(1.1);box-shadow:0 0 30px #69f0ae99;z-index:10}@keyframes shake-bb9f0370{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.module-e-container[data-v-3e025ed5]{width:100%;display:flex;flex-direction:column;align-items:center}.header[data-v-3e025ed5]{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.header h2[data-v-3e025ed5]{color:#455a64;margin:0}.mode-selector[data-v-3e025ed5]{display:flex;background:#eceff1;padding:5px;border-radius:50px;margin-bottom:20px}.mode-btn[data-v-3e025ed5]{padding:8px 20px;border-radius:40px;border:none;background:transparent;color:#78909c;font-weight:700;cursor:pointer;transition:all .2s}.mode-btn.active[data-v-3e025ed5]{background:#fff;color:#0288d1;box-shadow:0 2px 8px #0000001a}.pinyin-display[data-v-3e025ed5]{font-size:3rem;font-weight:700;color:#37474f;background-color:#e1f5fe;padding:10px 40px;border-radius:50px;border:4px solid #0288D1;cursor:pointer;box-shadow:0 6px #0288d1;transition:transform .1s,box-shadow .1s}.pinyin-display[data-v-3e025ed5]:active{transform:translateY(6px);box-shadow:0 0 #0288d1}.grid-container-wrapper[data-v-3e025ed5]{margin:10px 0;position:relative}#grid-container[data-v-3e025ed5]{background-color:#fafafa;border:4px solid #CFD8DC;border-radius:16px;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,border-color .3s;overflow:hidden}#grid-container[data-v-3e025ed5]:before{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-top:2px dashed #B0BEC5;z-index:0}#grid-container[data-v-3e025ed5]:after{content:"";position:absolute;left:50%;top:0;width:0;height:100%;border-left:2px dashed #B0BEC5;z-index:0}[data-v-3e025ed5] svg{position:relative;z-index:10}.scale-up-glow[data-v-3e025ed5]{transform:scale(1.1);box-shadow:0 0 40px #ffd54fcc;border-color:#ffc107!important}.footer[data-v-3e025ed5]{margin-top:20px}.action-btn[data-v-3e025ed5]{padding:15px 40px;font-size:1.5rem;font-weight:700;border-radius:50px;cursor:pointer;border:none;transition:all .1s}.restart-btn[data-v-3e025ed5]{background-color:#eceff1;color:#546e7a;border:3px solid #CFD8DC;box-shadow:0 5px #cfd8dc}.restart-btn[data-v-3e025ed5]:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 #cfd8dc}.restart-btn[data-v-3e025ed5]:disabled{opacity:.5;cursor:not-allowed}.module-f-container[data-v-592c14d5]{width:100%;display:flex;flex-direction:column;align-items:center}.header[data-v-592c14d5]{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.header h2[data-v-592c14d5]{color:#455a64;margin:0}.pinyin-display[data-v-592c14d5]{font-size:2.5rem;background-color:#fafafa;padding:10px 20px;border-radius:50%;border:4px solid #37474F;box-shadow:0 4px #37474f;display:flex;align-items:center;justify-content:center}.audio-btn[data-v-592c14d5]{font-size:2rem;background:none;border:none;cursor:pointer;background-color:#e1f5fe;border-radius:50%;width:60px;height:60px;border:3px solid #0288D1;box-shadow:0 4px #0288d1}.audio-btn[data-v-592c14d5]:active{transform:translateY(4px);box-shadow:0 0 #0288d1}.grid-container-wrapper[data-v-592c14d5]{margin:20px 0}#grid-container[data-v-592c14d5]{width:320px;height:320px;background-color:#fafafa;border:4px solid #CFD8DC;border-radius:16px;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,border-color .3s;background-image:linear-gradient(to right,transparent 49.5%,#B0BEC5 49.5%,#B0BEC5 50.5%,transparent 50.5%),linear-gradient(to bottom,transparent 49.5%,#B0BEC5 49.5%,#B0BEC5 50.5%,transparent 50.5%)}.base-layer[data-v-592c14d5],.hint-layer[data-v-592c14d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.hint-layer[data-v-592c14d5]{z-index:15;opacity:0;transition:opacity .5s}.overlay-canvas[data-v-592c14d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;cursor:crosshair;touch-action:none}.scale-up-glow[data-v-592c14d5]{transform:scale(1.1);box-shadow:0 0 40px #69f0aecc;border-color:#4caf50!important}.footer[data-v-592c14d5]{margin-top:20px;height:80px}.hint-box[data-v-592c14d5]{display:flex;flex-direction:column;align-items:center}.target-pinyin[data-v-592c14d5]{font-size:2rem;font-weight:700;color:#0288d1;margin:0 0 10px}.help-btn[data-v-592c14d5]{padding:10px 20px;font-size:1.2rem;font-weight:700;background-color:#fff9c4;color:#f57f17;border:3px solid #FBC02D;border-radius:20px;cursor:pointer;box-shadow:0 4px #fbc02d}.help-btn[data-v-592c14d5]:active{transform:translateY(4px);box-shadow:0 0 #fbc02d}.fade-in[data-v-592c14d5]{animation:fadeIn-592c14d5 .5s ease-in}@keyframes fadeIn-592c14d5{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.module-g-container[data-v-1d7d7074]{width:100%;display:flex;flex-direction:column;align-items:center}.header[data-v-1d7d7074]{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.header h2[data-v-1d7d7074]{color:#455a64;margin:0}.pinyin-display[data-v-1d7d7074]{font-size:3.5rem;font-weight:700;color:#37474f;background-color:#fafafa;padding:10px 40px;border-radius:50px;border:4px solid #37474F;cursor:pointer;box-shadow:0 6px #37474f;transition:transform .1s,box-shadow .1s}.pinyin-display[data-v-1d7d7074]:active{transform:translateY(6px);box-shadow:0 0 #37474f}.grid-container-wrapper[data-v-1d7d7074]{margin:20px 0}#grid-container[data-v-1d7d7074]{width:320px;height:320px;background-color:#fafafa;border:4px solid #CFD8DC;border-radius:16px;position:relative;background-image:linear-gradient(to right,transparent 49.5%,#CFD8DC 49.5%,#CFD8DC 50.5%,transparent 50.5%),linear-gradient(to bottom,transparent 49.5%,#CFD8DC 49.5%,#CFD8DC 50.5%,transparent 50.5%)}.ready-glow[data-v-1d7d7074]{border-color:#69f0ae!important;box-shadow:0 0 15px #69f0ae99;transform:scale(1.02)}.target-layer[data-v-1d7d7074]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;opacity:1;transition:opacity 3s ease-in-out}.target-layer.fade-out[data-v-1d7d7074]{opacity:0!important}.target-layer.evaluate-mode[data-v-1d7d7074]{transition:opacity .5s;opacity:.4!important;z-index:15}.overlay-canvas[data-v-1d7d7074]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;cursor:crosshair;touch-action:none}.overlay-canvas.disabled[data-v-1d7d7074]{pointer-events:none}.footer[data-v-1d7d7074]{margin-top:20px;min-height:80px;width:100%}.draw-controls[data-v-1d7d7074],.evaluate-controls[data-v-1d7d7074]{display:flex;justify-content:center;gap:20px}.evaluate-controls[data-v-1d7d7074]{flex-direction:column;align-items:center;gap:15px}.evaluate-controls h3[data-v-1d7d7074]{margin:0;color:#37474f}.eval-buttons[data-v-1d7d7074]{display:flex;gap:20px}.action-btn[data-v-1d7d7074]{padding:12px 30px;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;border:none;transition:all .1s}.rewatch-btn[data-v-1d7d7074]{background-color:#e1f5fe;color:#0288d1;border:3px solid #81D4FA;box-shadow:0 4px #81d4fa}.rewatch-btn[data-v-1d7d7074]:active{transform:translateY(4px);box-shadow:0 0 #81d4fa}.eraser-btn[data-v-1d7d7074]{background-color:#eceff1;color:#546e7a;border:3px solid #CFD8DC;box-shadow:0 4px #cfd8dc}.eraser-btn[data-v-1d7d7074]:active{transform:translateY(4px);box-shadow:0 0 #cfd8dc}.check-btn[data-v-1d7d7074]{background-color:#fff59d;color:#f57f17;border:3px solid #FBC02D;box-shadow:0 4px #fbc02d}.check-btn[data-v-1d7d7074]:active{transform:translateY(4px);box-shadow:0 0 #fbc02d}.eval-btn[data-v-1d7d7074]{padding:15px 40px;font-size:1.5rem;font-weight:700;border-radius:16px;cursor:pointer;border:none;transition:all .1s}.correct-btn[data-v-1d7d7074]{background-color:#b9f6ca;color:#1b5e20;border:4px solid #4CAF50;box-shadow:0 6px #4caf50}.correct-btn[data-v-1d7d7074]:active{transform:translateY(6px);box-shadow:0 0 #4caf50}.wrong-btn[data-v-1d7d7074]{background-color:#ffcdd2;color:#b71c1c;border:4px solid #E53935;box-shadow:0 6px #e53935}.wrong-btn[data-v-1d7d7074]:active{transform:translateY(6px);box-shadow:0 0 #e53935}.memorize-indicator[data-v-1d7d7074]{text-align:center;color:#0288d1;font-size:1.3rem;font-weight:700;padding-top:10px}.vanishing-indicator[data-v-1d7d7074]{text-align:center;color:#b0bec5;font-size:1.3rem;font-weight:700;padding-top:10px}.ready-indicator[data-v-1d7d7074]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;background-color:#69f0aee6;color:#1b5e20;padding:10px 20px;border-radius:30px;font-size:1.5rem;font-weight:700;pointer-events:none;animation:bounceIn-1d7d7074 .8s ease-out,fadeOutAfter 1.5s forwards}@keyframes bounceIn-1d7d7074{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}70%{transform:translate(-50%,-50%) scale(.9)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-1d7d7074{0%{box-shadow:0 0 5px #69f0ae66}50%{box-shadow:0 0 20px #69f0aecc}to{box-shadow:0 0 5px #69f0ae66}}.ready-glow[data-v-1d7d7074]{animation:pulse-1d7d7074 1s infinite alternate}.fade-in[data-v-1d7d7074]{animation:fadeIn-1d7d7074 .3s ease-in}@keyframes fadeIn-1d7d7074{0%{opacity:0}to{opacity:1}}body{margin:0;padding:0;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.app-container[data-v-54bd9bb7]{width:100vw;min-height:100vh;margin:0;text-align:center;background-color:#f8fdff}.loading[data-v-54bd9bb7]{padding-top:20vh;color:#78909c}.main-content[data-v-54bd9bb7]{width:100%}.primary-btn[data-v-54bd9bb7]{font-size:1.2rem;font-weight:700;padding:15px 40px;background-color:#69f0ae;color:#1b5e20;border:4px solid #2E7D32;border-radius:50px;cursor:pointer;box-shadow:0 6px #2e7d32;transition:transform .1s,box-shadow .1s;margin-top:20px}.primary-btn[data-v-54bd9bb7]:active{transform:translateY(6px);box-shadow:0 0 #2e7d32}.complete-view[data-v-54bd9bb7]{display:flex;align-items:center;justify-content:center;height:80vh}.celebration[data-v-54bd9bb7]{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000001a}.celebrate-emoji[data-v-54bd9bb7]{font-size:5rem;margin-bottom:20px}.celebration h2[data-v-54bd9bb7]{color:#0288d1;font-size:2.5rem;margin:0 0 10px}.celebration p[data-v-54bd9bb7]{color:#78909c;font-size:1.2rem;margin-bottom:30px}.session-view[data-v-54bd9bb7]{max-width:800px;margin:0 auto;padding:20px}.session-nav[data-v-54bd9bb7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.progress-info[data-v-54bd9bb7]{display:flex;flex-direction:column;align-items:center}.progress-title[data-v-54bd9bb7]{font-size:1.4rem;color:#455a64;margin:0}.phase-indicator[data-v-54bd9bb7]{margin:4px 0 0;font-size:.9rem;color:#0288d1;font-weight:700}.exit-btn[data-v-54bd9bb7]{padding:8px 20px;background-color:#eceff1;color:#546e7a;border:2px solid #CFD8DC;border-radius:12px;font-weight:700;cursor:pointer}.exit-btn[data-v-54bd9bb7]:hover{background-color:#ffebee;color:#d32f2f;border-color:#ef9a9a}.header-spacer[data-v-54bd9bb7]{width:100px;text-align:right;font-weight:700;color:#78909c}.transition-screen[data-v-54bd9bb7]{height:70vh;display:flex;align-items:center;justify-content:center}.transition-card[data-v-54bd9bb7]{background:#fff;padding:40px;border-radius:30px;box-shadow:0 20px 50px #0000001a;border:2px solid #E1F5FE;max-width:500px;width:90%}.phase-hex[data-v-54bd9bb7]{display:inline-block;background:#e1f5fe;color:#0288d1;padding:6px 15px;border-radius:50px;font-weight:700;font-size:.9rem;margin-bottom:15px}.phase-name[data-v-54bd9bb7]{font-size:2.2rem;color:#37474f;margin:0 0 10px}.phase-desc[data-v-54bd9bb7]{color:#78909c;margin-bottom:25px}.word-preview[data-v-54bd9bb7]{display:flex;justify-content:center;gap:15px;margin-bottom:35px}.preview-char[data-v-54bd9bb7]{font-size:2rem;background:#f5f7f8;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#455a64}.start-phase-btn[data-v-54bd9bb7]{width:100%}.flashcard[data-v-54bd9bb7]{border:2px solid #ddd;border-radius:20px;padding:40px 20px;background:#fff;box-shadow:0 4px 15px #0000000d;min-height:400px;display:flex;flex-direction:column;justify-content:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.intro-text,.module-intro,.phase-intro{color:#78909c;font-size:.9rem;line-height:1.5;margin:0 0 15px;padding:8px 12px;border-left:3px solid #29B6F6;background:#f5f5f5;border-radius:0 8px 8px 0;max-width:500px;text-align:left}