.overlay[data-v-938016ff]{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a80;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.modal[data-v-938016ff]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #6366f12e;display:flex;flex-direction:column;max-width:420px;overflow:hidden;width:100%}.modal-enter-active[data-v-938016ff],.modal-leave-active[data-v-938016ff]{transition:all .25s cubic-bezier(.4,0,.2,1)}.modal-enter-from[data-v-938016ff],.modal-leave-to[data-v-938016ff]{opacity:0;transform:scale(.95) translateY(10px)}.slide-up-enter-active[data-v-938016ff]{transition:all .3s ease}.slide-up-enter-from[data-v-938016ff]{opacity:0;transform:translateY(10px)}.modal-head[data-v-938016ff]{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;gap:.75rem;padding:1rem 1.125rem}.head-icon[data-v-938016ff]{font-size:1.25rem;opacity:.9}.head-text[data-v-938016ff]{flex:1}.head-title[data-v-938016ff]{font-size:.875rem;font-weight:700;margin:0}.head-sub[data-v-938016ff]{font-size:.75rem;margin:0;opacity:.75}.btn-close[data-v-938016ff]{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:background .15s;width:28px}.btn-close[data-v-938016ff]:hover{background:#ffffff52}.word-row[data-v-938016ff]{border-bottom:1px solid #f1f5f9;gap:.875rem;padding:1rem 1.25rem}.btn-play[data-v-938016ff],.word-row[data-v-938016ff]{align-items:center;display:flex}.btn-play[data-v-938016ff]{background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:50%;color:#6366f1;cursor:pointer;flex-shrink:0;font-size:1.125rem;height:42px;justify-content:center;transition:all .18s;width:42px}.btn-play.playing[data-v-938016ff],.btn-play[data-v-938016ff]:hover{background:#6366f1;border-color:#6366f1;color:#fff}.word-info[data-v-938016ff]{display:flex;flex-direction:column;gap:1px}.hanzi[data-v-938016ff]{color:#1e293b;font-size:1.75rem;font-weight:900;line-height:1}.pinyin[data-v-938016ff]{color:#6366f1;font-size:.875rem;font-weight:500}.meaning[data-v-938016ff]{color:#64748b;font-size:.8125rem}.mic-center[data-v-938016ff]{align-items:center;display:flex;flex-direction:column;gap:.625rem;padding:1.5rem 1.25rem 1rem}.mic-wrap[data-v-938016ff]{position:relative}.mic-btn[data-v-938016ff],.mic-wrap[data-v-938016ff]{align-items:center;display:flex;justify-content:center}.mic-btn[data-v-938016ff]{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:none;border-radius:50%;box-shadow:0 4px 18px #6366f133;color:#6366f1;cursor:pointer;font-size:1.625rem;height:68px;transition:all .22s;width:68px}.mic-btn[data-v-938016ff]:hover:not(:disabled){box-shadow:0 6px 22px #6366f14d;transform:scale(1.06)}.mic-btn.recording[data-v-938016ff]{animation:mpulse-938016ff 1.4s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mic-btn.processing[data-v-938016ff]{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.mic-btn[data-v-938016ff]:disabled{opacity:.6;transform:none}.ripple[data-v-938016ff]{animation:rout-938016ff 1.4s ease-out infinite;border:2px solid rgba(239,68,68,.45);border-radius:50%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.ripple.r2[data-v-938016ff]{animation-delay:.7s}.status[data-v-938016ff]{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:600;gap:.375rem;text-align:center}.st-rec[data-v-938016ff]{color:#ef4444}.st-proc[data-v-938016ff]{color:#6366f1}.st-done[data-v-938016ff]{color:#059669}.dot[data-v-938016ff]{animation:blink-938016ff 1s ease-in-out infinite;background:#ef4444;border-radius:50%;display:inline-block;height:8px;width:8px}.error-msg[data-v-938016ff]{align-items:center;color:#dc2626;display:flex;font-size:.8125rem;gap:.25rem;text-align:center}.result[data-v-938016ff]{border:1.5px solid;border-radius:14px;margin:0 1rem .75rem;padding:.875rem 1rem}.ok[data-v-938016ff]{background:#f0fdf4;border-color:#86efac}.fail[data-v-938016ff]{background:#fef2f2;border-color:#fca5a5}.result-top[data-v-938016ff]{align-items:center;display:flex;gap:.5rem;margin-bottom:.625rem}.res-icon[data-v-938016ff]{font-size:1.125rem}.ok .res-icon[data-v-938016ff]{color:#059669}.fail .res-icon[data-v-938016ff]{color:#dc2626}.res-label[data-v-938016ff]{color:#1e293b;flex:1;font-size:.9375rem;font-weight:700}.res-score[data-v-938016ff]{border-radius:100px;font-size:1.0625rem;font-weight:900;padding:.2rem .6rem}.btn-playback[data-v-938016ff]{align-items:center;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:50%;color:#6366f1;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .18s;width:32px}.btn-playback[data-v-938016ff]:hover{background:#6366f1;border-color:#6366f1;color:#fff}.btn-playback.active[data-v-938016ff]{background:#6366f1;border-color:#4f46e5;color:#fff}.sc-hi[data-v-938016ff]{background:#dcfce7;color:#059669}.sc-md[data-v-938016ff]{background:#fef9c3;color:#b45309}.sc-lo[data-v-938016ff]{background:#fff7ed;color:#c2410c}.sc-no[data-v-938016ff]{background:#fef2f2;color:#dc2626}.compare-tip[data-v-938016ff]{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:700;gap:.3rem;margin:.5rem 0}.compare-tip .iconify[data-v-938016ff],.compare-tip[data-v-938016ff] .icon{color:#3b82f6;flex-shrink:0}.chars[data-v-938016ff]{display:flex;flex-wrap:wrap;gap:.35rem}.cmp-column[data-v-938016ff]{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-width:40px;padding:4px;transition:all .2s ease}.cmp-column.clickable[data-v-938016ff]{cursor:pointer}.cmp-column.clickable[data-v-938016ff]:hover{box-shadow:0 4px 12px #ef44441f;transform:translateY(-2px)}.cmp-column.clickable.ok[data-v-938016ff]:hover{box-shadow:0 4px 12px #16a34a1f}.cmp-column.ok[data-v-938016ff]{background:#f0fdf4;border-color:#86efac}.cmp-pinyin[data-v-938016ff]{color:#b91c1c;font-size:.7rem;font-weight:700;margin-bottom:2px;text-transform:lowercase}.cmp-column.ok .cmp-pinyin[data-v-938016ff]{color:#16a34a}.cmp-target-char[data-v-938016ff]{color:#b91c1c;font-size:1.2rem;font-weight:800;line-height:1.1}.cmp-column.ok .cmp-target-char[data-v-938016ff]{color:#15803d}.cmp-spoken-char[data-v-938016ff]{border-top:1px dashed #fca5a5;color:#ef4444;font-size:.85rem;font-weight:700;margin-top:4px;padding-top:2px;text-align:center;width:100%}.cmp-column.ok .cmp-spoken-char[data-v-938016ff]{border-top-color:#86efac;color:#16a34a}.footer[data-v-938016ff]{display:flex;gap:.625rem;justify-content:flex-end;padding:.75rem 1rem 1rem}.btn-done[data-v-938016ff],.btn-retry[data-v-938016ff]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5625rem 1rem;transition:all .15s}.btn-retry[data-v-938016ff]{background:#eef2ff;border:1.5px solid #c7d2fe;color:#6366f1}.btn-retry[data-v-938016ff]:hover{background:#e0e7ff}.btn-done[data-v-938016ff]{background:#6366f1;color:#fff}.btn-done[data-v-938016ff]:hover{background:#4f46e5}@keyframes mpulse-938016ff{0%,to{box-shadow:0 4px 22px #ef444473}50%{box-shadow:0 4px 32px #ef4444b8}}@keyframes rout-938016ff{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes blink-938016ff{0%,to{opacity:1}50%{opacity:.25}}.spin[data-v-938016ff]{animation:sp-938016ff 1s linear infinite}@keyframes sp-938016ff{to{transform:rotate(1turn)}}