.speak-page[data-v-0b569c98]{background:#fff;display:flex;flex-direction:column;min-height:calc(100vh - 83px)}.speak-hero[data-v-0b569c98]{background:#f8f8f8;padding:5.5rem 0 3.5rem;text-align:center}.speak-hero-inner[data-v-0b569c98]{max-width:800px}.hero-icon-wrap[data-v-0b569c98]{align-items:center;background:#c0392b;border-radius:50%;color:#fff;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.hero-kicker[data-v-0b569c98]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.hero-title[data-v-0b569c98]{color:#c0392b;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;margin:0}.hero-divider[data-v-0b569c98]{background:#2c3e50;border-radius:2px;height:3px;margin:1rem auto;width:50px}.hero-subtitle[data-v-0b569c98]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:500;line-height:1.7;margin:0 auto 1.25rem;max-width:640px}.hero-writer[data-v-0b569c98]{align-items:center;display:flex;justify-content:center;margin-bottom:.2rem;min-height:56px}.hero-pinyin[data-v-0b569c98]{color:#95a5a6;font-family:Quicksand,sans-serif;font-size:.82rem;font-style:italic;font-weight:500}.speak-body[data-v-0b569c98]{background:#fff;flex:1}.speak-body[data-v-0b569c98],.speak-container[data-v-0b569c98]{display:flex;flex-direction:column}.speak-container[data-v-0b569c98]{flex:1;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.sp-loading[data-v-0b569c98]{color:#95a5a6;font-family:Quicksand,sans-serif;font-size:.82rem;padding:2rem 0;text-align:center}.empty-state[data-v-0b569c98]{gap:1.25rem;padding:3rem 0 2rem}.empty-greeting[data-v-0b569c98],.empty-state[data-v-0b569c98]{align-items:center;display:flex;flex-direction:column}.empty-greeting[data-v-0b569c98]{gap:.35rem;margin-bottom:.5rem}.empty-greeting-zh[data-v-0b569c98]{color:#c0392b;font-size:clamp(2.2rem,5vw,3rem);font-weight:300;letter-spacing:.08em}.empty-greeting-text[data-v-0b569c98]{font-size:1rem}.empty-greeting-text[data-v-0b569c98],.empty-hint[data-v-0b569c98]{color:#95a5a6;font-family:Quicksand,sans-serif;font-weight:500}.empty-hint[data-v-0b569c98]{font-size:.82rem;margin:0;text-align:center}.empty-explore-label[data-v-0b569c98]{color:#b0b8bd;font-family:Quicksand,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.16em;margin:.9rem 0 0;text-transform:uppercase}.suggestion-chips[data-v-0b569c98]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:.5rem;max-width:660px}.suggestion-chip[data-v-0b569c98]{align-items:center;background:#fff;border:1.5px solid #e8e8e8;border-radius:20px;color:#2c3e50;cursor:pointer;display:inline-flex;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:600;gap:6px;padding:9px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.suggestion-chip svg[data-v-0b569c98]{color:var(--chip-color,#c0392b);flex-shrink:0}.suggestion-chip[data-v-0b569c98]:hover{background:#fafafa;border-color:var(--chip-color,#c0392b);box-shadow:0 4px 14px #00000017;color:var(--chip-color,#c0392b);transform:translateY(-2px)}.suggestion-chip--done[data-v-0b569c98]{background:#c0392b;border-color:#c0392b;color:#fff}.suggestion-chip--done svg[data-v-0b569c98]{color:#fff}.suggestion-chip--done[data-v-0b569c98]:hover{background:#a93226;color:#fff}.sp-queue[data-v-0b569c98]{padding:1rem 0}.sp-stats[data-v-0b569c98]{background:#f8f6f3;border-radius:12px;gap:1.25rem;margin-bottom:1rem;padding:.75rem 1rem}.sp-stat[data-v-0b569c98],.sp-stats[data-v-0b569c98]{align-items:center;display:flex}.sp-stat[data-v-0b569c98]{flex-direction:column;gap:0}.sp-stat-num[data-v-0b569c98]{color:#2c3e50;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:800}.sp-stat-num--green[data-v-0b569c98]{color:#27ae60}.sp-stat-num--red[data-v-0b569c98]{color:#c0392b}.sp-stat-label[data-v-0b569c98]{color:#95a5a6;font-size:.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sp-start[data-v-0b569c98],.sp-stat-label[data-v-0b569c98]{font-family:Quicksand,sans-serif}.sp-start[data-v-0b569c98]{align-items:center;background:linear-gradient(135deg,#c0392b,#a93226);border:none;border-radius:10px;box-shadow:0 4px 14px #c0392b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:.4rem;margin-left:auto;padding:10px 24px;transition:all .2s}.sp-start[data-v-0b569c98]:hover{box-shadow:0 6px 20px #c0392b66;transform:translateY(-1px)}.sp-filters[data-v-0b569c98]{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.sp-filter-chip[data-v-0b569c98]{align-items:center;background:#fff;border:1.5px solid #e8e4df;border-radius:16px;color:#95a5a6;cursor:pointer;display:inline-flex;font-family:Quicksand,sans-serif;font-size:.72rem;font-weight:600;gap:.3rem;padding:.3rem .65rem;transition:all .2s;white-space:nowrap}.sp-filter-chip[data-v-0b569c98]:hover{border-color:#2c3e50;color:#2c3e50}.sp-filter-chip--active[data-v-0b569c98]{background:#c0392b0a;border-color:#c0392b;color:#c0392b;font-weight:700}.sp-group[data-v-0b569c98]{margin-bottom:1.25rem}.sp-group-header[data-v-0b569c98]{align-items:center;border-bottom:1px solid #f0ece7;display:flex;gap:.4rem;margin-bottom:.5rem;padding-bottom:.35rem}.sp-group-title[data-v-0b569c98]{font-size:.78rem;font-weight:700}.sp-group-count[data-v-0b569c98],.sp-group-title[data-v-0b569c98]{font-family:Quicksand,sans-serif}.sp-group-count[data-v-0b569c98]{background:#f0ece7;border-radius:8px;color:#b0a89e;font-size:.6rem;font-weight:600;margin-left:auto;padding:.1rem .4rem}.sp-queue-list[data-v-0b569c98]{display:flex;flex-direction:column;gap:.4rem}.sp-queue-item[data-v-0b569c98]{align-items:center;background:#fdfcfb;border:1px solid #e8e4df;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.sp-queue-item[data-v-0b569c98]:hover{background:#c0392b05;border-color:#c0392b;transform:translate(2px)}.sp-queue-item-left[data-v-0b569c98]{display:flex;flex:1;flex-direction:column;gap:.1rem;min-width:0}.sp-queue-zh[data-v-0b569c98]{color:#2c3e50;font-size:1rem;font-weight:500}.sp-queue-py[data-v-0b569c98]{color:#95a5a6;font-family:Quicksand,sans-serif;font-size:.72rem}.sp-queue-en[data-v-0b569c98]{color:#7f8c8d;font-size:.72rem}.sp-queue-en[data-v-0b569c98],.sp-queue-source[data-v-0b569c98]{font-family:Quicksand,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-queue-source[data-v-0b569c98]{color:#b0a89e;font-size:.65rem;font-style:italic}.sp-queue-item-right[data-v-0b569c98]{align-items:center;display:flex;flex-shrink:0;gap:.4rem}.sp-queue-badge[data-v-0b569c98]{align-items:center;color:#27ae60;display:flex;font-family:Quicksand,sans-serif;font-size:.62rem;font-weight:600;gap:.15rem}.sp-queue-remove[data-v-0b569c98]{align-items:center;background:#fff;border:1px solid #e8e4df;border-radius:6px;color:#95a5a6;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.sp-queue-remove[data-v-0b569c98]:hover{border-color:#c0392b;color:#c0392b}.top-bar[data-v-0b569c98]{justify-content:space-between;min-height:48px;padding:16px 0 12px}.clear-btn[data-v-0b569c98],.top-bar[data-v-0b569c98]{align-items:center;display:flex}.clear-btn[data-v-0b569c98]{background:#fff;border:1px solid #ddd;border-radius:8px;color:#7f8c8d;cursor:pointer;font-family:Quicksand,sans-serif;font-size:12px;font-weight:600;gap:4px;padding:6px 14px}.clear-btn[data-v-0b569c98]:hover{border-color:#c0392b;color:#c0392b}.attempt-count[data-v-0b569c98]{color:#95a5a6;font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:600}.chat-area[data-v-0b569c98]{flex:1;gap:1.5rem;margin:0 auto;padding:1rem 0 3rem}.article-quote[data-v-0b569c98],.chat-area[data-v-0b569c98]{align-items:center;display:flex;flex-direction:column;max-width:1200px;width:100%}.article-quote[data-v-0b569c98]{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000000a;gap:.6rem;padding:2.5rem 2rem;text-align:center}.quote-writer[data-v-0b569c98]{align-items:center;display:flex;flex-wrap:wrap;gap:.15rem;justify-content:center;min-height:68px}.quote-writer[data-v-0b569c98] svg{flex-shrink:0}.quote-pinyin[data-v-0b569c98]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.9rem;font-style:italic;font-weight:500;letter-spacing:.03em;margin:0}.quote-english[data-v-0b569c98]{color:#2c3e50;font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:400;line-height:1.65;margin:0}.quote-divider[data-v-0b569c98]{background:#c0392b;border-radius:2px;height:2px;width:32px}.quote-source[data-v-0b569c98]{color:#7f8c8d;font-style:normal}.quote-source[data-v-0b569c98],.sp-listen[data-v-0b569c98]{font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:600}.sp-listen[data-v-0b569c98]{align-items:center;background:#fff;border:1.5px solid #e8e4df;border-radius:20px;color:#2c3e50;cursor:pointer;display:inline-flex;gap:.4rem;padding:10px 22px;transition:all .2s}.sp-listen[data-v-0b569c98]:hover:not(:disabled){border-color:#2c3e50;transform:translateY(-1px)}.sp-listen[data-v-0b569c98]:disabled{cursor:not-allowed;opacity:.5}.sp-listen--playing[data-v-0b569c98]{border-color:#c0392b;color:#c0392b}.sp-mic-wrap[data-v-0b569c98]{flex-direction:column;gap:.75rem}.mic-hero[data-v-0b569c98],.sp-mic-wrap[data-v-0b569c98]{align-items:center;display:flex}.mic-hero[data-v-0b569c98]{background:#fff;border:3px solid #c0392b;border-radius:50%;color:#c0392b;cursor:pointer;height:96px;justify-content:center;transition:all .25s;width:96px}.mic-hero[data-v-0b569c98]:hover{background:#fef2f2;transform:scale(1.05)}.mic-hero[data-v-0b569c98]:disabled{border-color:#bbb;color:#bbb;cursor:default;opacity:.35}.mic-hero--active[data-v-0b569c98]{animation:pulse-mic-0b569c98 1.5s infinite;background:#c0392b;color:#fff}@keyframes pulse-mic-0b569c98{0%{box-shadow:0 0 #c0392b66}50%{box-shadow:0 0 0 20px #c0392b00}to{box-shadow:0 0 #c0392b00}}.sp-jason-feedback[data-v-0b569c98]{display:flex;flex-direction:column;gap:.75rem;max-width:1200px;width:100%}.sp-jason-row[data-v-0b569c98]{align-items:flex-start;display:flex;gap:.75rem}.sp-jason-avatar[data-v-0b569c98]{border:2px solid #e8e4df;border-radius:50%;flex-shrink:0;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.sp-jason-content[data-v-0b569c98]{flex:1;min-width:0}.sp-jason-meta[data-v-0b569c98]{align-items:center;display:flex;gap:.35rem;margin-bottom:.25rem}.sp-jason-name[data-v-0b569c98]{color:#c0392b;font-size:.72rem;font-weight:700}.sp-jason-name[data-v-0b569c98],.sp-jason-role[data-v-0b569c98]{font-family:Quicksand,sans-serif}.sp-jason-role[data-v-0b569c98]{color:#b0a89e;font-size:.58rem;font-weight:600}.sp-jason-bubble[data-v-0b569c98]{background:#f8f8f8;border-radius:4px 16px 16px;box-shadow:0 2px 8px #0000000f;padding:1.25rem 1.5rem}.sp-score-inline[data-v-0b569c98]{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.sp-score-ring[data-v-0b569c98]{align-items:center;border:4px solid var(--score-color);border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.sp-score-num[data-v-0b569c98]{color:var(--score-color);font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:800}.sp-score-text[data-v-0b569c98]{display:flex;flex-direction:column;gap:.1rem}.sp-score-label[data-v-0b569c98]{font-family:Quicksand,sans-serif;font-size:.92rem;font-weight:700;margin:0}.sp-attempt-label[data-v-0b569c98]{color:#b0a89e;font-size:.62rem;font-weight:600}.sp-attempt-label[data-v-0b569c98],.sp-feedback[data-v-0b569c98]{font-family:Quicksand,sans-serif}.sp-feedback[data-v-0b569c98]{border-left:3px solid #95a5a6;border-radius:10px;color:#2c3e50;font-size:.82rem;font-weight:500;line-height:1.6;margin:0 0 .75rem;padding:.6rem 1rem}.sp-feedback--excellent[data-v-0b569c98]{background:#27ae600a;border-left-color:#27ae60}.sp-feedback--good[data-v-0b569c98]{background:#e67e220a;border-left-color:#e67e22}.sp-feedback--practice[data-v-0b569c98]{background:#3498db0a;border-left-color:#3498db}.sp-feedback--retry[data-v-0b569c98]{background:#c0392b0a;border-left-color:#c0392b}.sp-diff[data-v-0b569c98]{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-start;margin-bottom:.5rem}.sp-diff-item[data-v-0b569c98]{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:.1rem;padding:.25rem .35rem;transition:all .3s}.sp-diff-item--match[data-v-0b569c98]{background:#27ae6014}.sp-diff-item--miss[data-v-0b569c98]{background:#e74c3c14}.sp-diff-char[data-v-0b569c98]{font-size:1.4rem;transition:color .3s}.sp-diff-item--match .sp-diff-char[data-v-0b569c98]{color:#27ae60}.sp-diff-item--miss .sp-diff-char[data-v-0b569c98]{color:#e74c3c}.sp-diff-py[data-v-0b569c98]{color:#95a5a6;font-family:Quicksand,sans-serif;font-size:.6rem;font-weight:600}.sp-diff-item--match .sp-diff-py[data-v-0b569c98]{color:#27ae60}.sp-diff-item--miss .sp-diff-py[data-v-0b569c98]{color:#e74c3c}.sp-diff-english[data-v-0b569c98]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.78rem;font-style:italic;margin:0 0 .75rem}.sp-you-row[data-v-0b569c98]{display:flex;justify-content:flex-end}.sp-you-content[data-v-0b569c98]{background:#c0392b;border-radius:16px 16px 4px;color:#fff;max-width:60%;padding:.75rem 1.25rem}.sp-you-label[data-v-0b569c98]{display:block;font-family:Quicksand,sans-serif;font-size:.6rem;font-weight:600;letter-spacing:.05em;margin-bottom:.15rem;opacity:.7;text-transform:uppercase}.sp-you-text[data-v-0b569c98]{font-size:1rem}.sp-hear-btn[data-v-0b569c98]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.4);border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:600;gap:.3rem;margin-top:.4rem;padding:.2rem .5rem;transition:all .2s}.sp-hear-btn[data-v-0b569c98]:hover:not(:disabled){background:#fff3}.sp-hear-btn[data-v-0b569c98]:disabled{cursor:default;opacity:.5}.sp-missed-hint[data-v-0b569c98]{color:#e74c3c;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:600;margin:0 0 .75rem}.sp-missed-hint .noto[data-v-0b569c98]{font-size:1rem;letter-spacing:.1em}.sp-attempt-hint[data-v-0b569c98]{color:#95a5a6;font-family:Quicksand,sans-serif;font-size:.72rem;font-style:italic;font-weight:500;margin:0 0 .75rem}.sp-result-actions[data-v-0b569c98]{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.fade-enter-active[data-v-0b569c98],.fade-leave-active[data-v-0b569c98]{transition:opacity .4s ease}.fade-enter-from[data-v-0b569c98],.fade-leave-to[data-v-0b569c98]{opacity:0}@media(max-width:500px){.speak-hero[data-v-0b569c98]{padding:4rem 0 2.5rem}.article-quote[data-v-0b569c98]{padding:1.5rem 1.25rem}.mic-hero[data-v-0b569c98]{height:80px;width:80px}.mic-hero svg[data-v-0b569c98]{height:32px;width:32px}}.sticky-cta-bar[data-v-0b569c98]{align-items:center;background:#c0392b;box-shadow:0 2px 12px #00000026;cursor:pointer;display:flex;gap:.75rem;justify-content:center;left:0;padding:.45rem 1.5rem;position:fixed;right:0;top:83px;z-index:99}.sticky-cta-text[data-v-0b569c98]{color:#ffffffe6;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:600}.sticky-cta-btn[data-v-0b569c98]{background:#fff;border-radius:12px;color:#c0392b;font-family:Quicksand,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:.2rem .75rem;text-transform:uppercase}.sticky-cta-bar:hover .sticky-cta-btn[data-v-0b569c98]{background:#f5e6c8}.sticky-cta-bar--dashboard[data-v-0b569c98]{cursor:default;gap:0;padding:0;position:relative;top:auto}.sticky-dash-wrapper[data-v-0b569c98]{left:0;position:fixed;right:0;top:83px;z-index:99}.sticky-dash-inner[data-v-0b569c98]{display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.sticky-dash-tab[data-v-0b569c98]{align-items:center;background:none;border:none;color:#ffffffbf;cursor:pointer;display:flex;flex:1;gap:.5rem;justify-content:center;padding:.55rem 1rem;transition:background .15s,color .15s}.sticky-dash-tab[data-v-0b569c98]:hover{background:#ffffff1a;color:#fff}.sticky-dash-tab--active[data-v-0b569c98]{background:#ffffff2e;color:#fff}.sticky-dash-icon[data-v-0b569c98]{height:18px;width:18px}.sticky-dash-label[data-v-0b569c98]{font-family:Quicksand,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media(max-width:600px){.sticky-cta-bar[data-v-0b569c98]{gap:.5rem;padding:.35rem .75rem}.sticky-cta-text[data-v-0b569c98]{font-size:.72rem}.sticky-cta-btn[data-v-0b569c98]{font-size:.62rem;padding:.18rem .6rem}.sticky-cta-bar--dashboard[data-v-0b569c98]{padding:0}.sticky-dash-inner[data-v-0b569c98]{padding:0 .35rem}.sticky-dash-tab[data-v-0b569c98]{gap:0;padding:.5rem .25rem}.sticky-dash-icon[data-v-0b569c98]{height:22px;width:22px}.sticky-dash-label[data-v-0b569c98]{display:none}}.dash-panel[data-v-0b569c98]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;inset:0;overflow-y:auto;padding-top:118px;position:fixed;z-index:98}.dash-panel-inner[data-v-0b569c98]{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 16px 64px #0000001f,0 4px 16px #0000000f;margin:0 auto;max-height:calc(100vh - 140px);max-width:1200px;overflow-y:auto;padding:1.5rem 1rem 2rem}.sticky-cta-enter-active[data-v-0b569c98],.sticky-cta-leave-active[data-v-0b569c98]{transition:transform 60ms linear}.sticky-cta-enter-from[data-v-0b569c98],.sticky-cta-leave-to[data-v-0b569c98]{transform:translateY(-100%)}.dash-panel-enter-active[data-v-0b569c98],.dash-panel-leave-active[data-v-0b569c98]{transition:opacity .25s ease}.dash-panel-enter-from[data-v-0b569c98],.dash-panel-leave-to[data-v-0b569c98]{opacity:0}