.speech-steps button{color:#8d6b6b;background:0 0;border:0;border-right:1px solid #f3dddd;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;display:flex}.speech-steps button b{color:#a43d3d;background:#f4dddd;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.speech-steps button span{color:inherit;border:0;padding:0;font-size:10px;font-weight:800}.speech-steps button small{color:inherit;font-size:8px}.speech-steps button.active{color:#fff;background:#dc2626}.speech-steps button.active b{color:#dc2626;background:#fff}.speech-steps button.done{color:#16826f;background:#effbf7}.speech-steps button.done b{color:#11705f;background:#ccefe4}.speech-step-guide{background:#fff8e8;border:1px solid #f1d89e;border-radius:11px;margin:18px 24px 14px;padding:14px 16px}.speech-step-guide b{color:#8a5a00;font-size:12px}.speech-step-guide p{color:#74684f;margin:6px 0 0;font-size:10px;line-height:1.7}.speech-word-pop.inline{margin:12px 0 5px}.bilingual-segment small b,.sentence-translation b{color:#39445d;margin-right:4px}.speech-step-next{justify-content:flex-end;padding-top:15px;display:flex}.correction-panel,.shadow-panel,.retell-panel{background:snow;border:1px solid #eadada;border-radius:12px;margin:0 24px 18px;padding:20px}.correction-panel>small{color:#8a6a6a;margin-top:13px;font-size:9px;font-weight:800;display:block}.shadow-panel h3{margin:12px 0;font-size:18px;line-height:1.7}.shadow-panel>p,.retell-panel>p{color:var(--muted);font-size:11px;line-height:1.7}.shadow-panel>.primary,.retell-panel>.primary{margin:15px auto 0;display:block}.retell-panel textarea{resize:vertical;border:1px solid #e3d7d7;border-radius:10px;width:100%;min-height:130px;padding:13px}.retell-panel .speech-audio-buttons button:disabled{opacity:.4}.speech-play.playing,.speech-full-head button.playing,.ted-sentence-play.playing{color:#fff!important;background:#dc2626!important}.ted-reading{background:#faf9f7}.ted-paragraph{border-bottom:1px solid #eadfda;padding:8px 0 15px}.ted-paragraph-label{color:#806b61;background:#efe8e3;border-radius:12px;margin:8px 0 5px;padding:4px 9px;font-size:9px;font-weight:800;display:inline-block}.ted-sentence{border-radius:10px;grid-template-columns:1fr 42px;align-items:start;gap:12px;padding:12px 10px;display:grid}.ted-sentence:hover{background:#fff}.ted-sentence p{margin:0 0 6px;line-height:1.9}.ted-sentence p button{color:#27324b;background:0 0;border:0;padding:0;font-size:13px}.ted-sentence p button:hover{color:#dc2626;text-decoration:underline}.ted-sentence small{color:#667085;font-size:11px;line-height:1.75;display:block}.ted-sentence-play{color:#b91c1c;background:#fff0f0;border:0;border-radius:50%;width:38px;height:38px;position:sticky;top:78px}.ted-sentence .speech-word-pop{grid-column:1/3}.speech-stop-floating{z-index:50;color:#fff;background:#b91c1c;border:0;border-radius:24px;padding:12px 18px;font-weight:800;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 28px #7f1d1d55}.speech-stop-floating:hover{background:#991b1b}.speech-stop-inline{color:#fff;background:#ffffff18;border:1px solid #fff6;border-radius:18px;margin-top:10px;padding:8px 13px;font-size:10px;font-weight:800}@media (width<=760px){.speech-steps{grid-template-columns:repeat(5,minmax(78px,1fr));overflow-x:auto}.speech-step-guide,.correction-panel,.shadow-panel,.retell-panel{margin-left:14px;margin-right:14px}.speech-steps button{min-width:78px}.speech-word-pop.inline{grid-column:1}.ted-sentence{grid-template-columns:1fr 38px;padding-left:3px;padding-right:3px}.ted-sentence p button{font-size:12px}.ted-sentence small{font-size:10px}}.word-search-wrap{background:#fff;border:1px solid #dbe4f0;border-radius:14px;align-items:center;gap:.7rem;margin:1rem 0;padding:.72rem 1rem;display:flex;box-shadow:0 8px 24px #0f172a0d}.word-search-wrap span{color:#64748b;font-size:1.4rem}.word-search-wrap input{font:inherit;color:#0f172a;background:0 0;border:0;outline:0;flex:1;min-width:0}.word-search-wrap button{color:#4338ca;cursor:pointer;background:#eef2ff;border:0;border-radius:9px;padding:.45rem .75rem}.ipa-play-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin:.7rem 0 1.2rem;display:flex}.ipa-play-actions button{color:#312e81;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;padding:.72rem 1rem;font-weight:750}.ipa-play-actions .ipa-main-play{color:#fff;background:#4f46e5;border-color:#4f46e5}.ipa-play-actions small{color:#64748b;flex-basis:100%;line-height:1.6}@media (width<=640px){.ipa-play-actions button{flex:1}.word-search-wrap{padding:.65rem .8rem}}.alphabet-intro,.grammar-analysis-intro{color:#334155;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #c7d2fe;border-radius:16px;align-items:flex-start;gap:.75rem;margin:1rem 0 1.25rem;padding:1rem 1.15rem;display:flex}.alphabet-intro b,.grammar-analysis-intro b{color:#312e81;white-space:nowrap}.alphabet-intro span,.grammar-analysis-intro p{margin:0;line-height:1.7}.alphabet-jump{grid-template-columns:repeat(13,1fr);gap:.45rem;margin-bottom:1.2rem;display:grid}.alphabet-jump button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe4f0;border-radius:10px;padding:.55rem .2rem;font-weight:800}.alphabet-jump small{color:#94a3b8;font-weight:600;display:block}.alphabet-jump button.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 8px 20px #4f46e53d}.alphabet-jump button.active small{color:#c7d2fe}.alphabet-card{background:#fff;border:1px solid #dbe4f0;border-radius:22px;padding:1.25rem;box-shadow:0 18px 45px #0f172a12}.alphabet-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#312e81);border-radius:18px;grid-template-columns:150px 1fr;align-items:center;gap:1.3rem;padding:1rem;display:grid}.alphabet-glyph{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;justify-content:center;align-items:baseline;height:130px;display:flex}.alphabet-glyph b{font-size:6rem;line-height:1}.alphabet-glyph span{color:#a5b4fc;font-size:3rem}.alphabet-hero h2{margin:.35rem 0;font-size:1.65rem}.alphabet-hero h2 em{color:#67e8f9;font-style:normal}.alphabet-hero p{color:#cbd5e1;line-height:1.7}.alphabet-play-row{flex-wrap:wrap;gap:.6rem;display:flex}.alphabet-play-row button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;border-radius:10px;padding:.65rem .85rem}.alphabet-play-row .primary{background:#4f46e5;border-color:#818cf8}.letter-rule-heading{margin:1.4rem 0 .9rem}.letter-rule-heading h3{color:#0f172a;margin:0 0 .35rem}.letter-rule-heading p{color:#64748b;margin:0;line-height:1.6}.letter-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.letter-rule-card{background:#f8fafc;border:1px solid #dbe4f0;border-radius:15px;padding:1rem}.letter-rule-top{justify-content:space-between;align-items:center;display:flex}.letter-rule-top span{color:#64748b;text-transform:uppercase;font-size:.74rem}.letter-rule-top b{color:#4f46e5;font-size:1.65rem}.letter-rule-card h4{color:#1e293b;margin:.25rem 0}.letter-rule-card>p{color:#64748b;margin:.25rem 0 .75rem;line-height:1.55}.letter-examples{flex-wrap:wrap;gap:.5rem;display:flex}.letter-examples button{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;justify-content:space-between;align-items:center;gap:1rem;min-width:140px;padding:.6rem .7rem;display:flex}.letter-examples small{color:#64748b;margin-top:.15rem;display:block}.letter-examples i{font-style:normal}.alphabet-nav{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.alphabet-nav button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem .9rem}.alphabet-nav button:disabled{opacity:.4;cursor:not-allowed}.alphabet-nav span{color:#64748b;font-weight:700}.sentence-analysis-list{gap:1rem;margin-bottom:1.5rem;display:grid}.sentence-analysis-card{background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:1.15rem;box-shadow:0 10px 28px #0f172a0d}.analysis-head{justify-content:space-between;align-items:center;display:flex}.analysis-head span{color:#4f46e5;letter-spacing:.05em;font-size:.76rem;font-weight:800}.analysis-head button,.component-row button{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;padding:.45rem .65rem}.sentence-analysis-card h2{color:#0f172a;margin:.7rem 0 .25rem;font-size:1.25rem;line-height:1.55}.analysis-zh{color:#64748b;margin:.2rem 0 .8rem}.structure-line{background:#f1f5f9;border-radius:10px;align-items:center;gap:.7rem;margin-bottom:.65rem;padding:.65rem .8rem;display:flex}.structure-line small{color:#64748b}.structure-line b{color:#1e293b}.component-table{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.component-row{border-bottom:1px solid #e2e8f0;grid-template-columns:30px 125px minmax(180px,1.1fr) minmax(220px,1fr) 42px;align-items:center;gap:.55rem;padding:.68rem;display:grid}.component-row:last-child{border-bottom:0}.component-row>span{color:#fff;background:#4f46e5;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.75rem;display:grid}.component-row>b{color:#4338ca}.component-row strong{color:#0f172a}.component-row p{color:#64748b;margin:0;line-height:1.45}.component-row button{padding:.4rem}@media (width<=900px){.alphabet-jump{grid-template-columns:repeat(9,1fr)}.component-row{grid-template-columns:30px 105px 1fr 42px}.component-row p{grid-column:2/5;padding-bottom:.15rem}}@media (width<=640px){.alphabet-intro,.grammar-analysis-intro{display:block}.alphabet-intro b,.grammar-analysis-intro b{margin-bottom:.35rem;display:block}.alphabet-jump{grid-template-columns:repeat(7,1fr)}.alphabet-hero{grid-template-columns:1fr}.alphabet-glyph{height:105px}.alphabet-glyph b{font-size:4.8rem}.letter-rule-grid{grid-template-columns:1fr}.component-row{grid-template-columns:28px 1fr 40px}.component-row>b{grid-column:2}.component-row strong,.component-row p{grid-column:2/4}.component-row button{grid-area:1/3/3}.structure-line{display:block}.structure-line small{margin-bottom:.25rem;display:block}}.phoneme-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.phoneme-detail-grid section{background:#f8fbfd;border:1px solid #d8e2ec;border-radius:14px;padding:14px 16px}.phoneme-detail-grid section b{color:#12324a;margin-bottom:6px;display:block}.phoneme-detail-grid section p{color:#425466;margin:0;line-height:1.65}.phoneme-detail-grid .phoneme-mistake{background:#fff8ed;border-color:#f1d5a4;grid-column:1/-1}.example-audio-label{align-items:baseline;gap:12px;margin:18px 0 9px;display:flex}.example-audio-label span,.letter-example-heading{color:#6b7785;font-size:12px}.letter-sound-play{color:#145847;cursor:pointer;background:#eaf8f3;border:1px solid #1e7a65;border-radius:10px;width:100%;margin:10px 0 12px;padding:11px 13px;font-weight:800}.silent-rule{color:#68737d;background:#f2f4f6;border-radius:10px;margin:10px 0 12px;padding:10px 12px;font-size:13px}.letter-example-heading{margin:2px 0 7px;font-weight:700}.phonetic-item{position:relative}.phonetic-item .learning-trigger{padding-right:118px}.ipa-quick-play{z-index:3;color:#284ce3;cursor:pointer;background:#fff;border:1px solid #b7c5ff;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-weight:850;display:flex;position:absolute;top:27px;right:54px;box-shadow:0 4px 14px #284ce31f}.ipa-quick-play:hover{background:#edf2ff;transform:translateY(-1px)}.ipa-symbol-row{align-items:center;gap:18px;margin:30px 0 20px;display:flex}.ipa-symbol-row .inline-ipa{margin:0}.ipa-symbol-row button{color:#284ce3;cursor:pointer;background:#edf2ff;border:1px solid #b7c5ff;border-radius:12px;padding:11px 16px;font-weight:850}@media (width<=680px){.phoneme-detail-grid{grid-template-columns:1fr}.phoneme-detail-grid .phoneme-mistake{grid-column:auto}.example-audio-label{flex-direction:column;align-items:flex-start;gap:2px}.phonetic-item .learning-trigger{padding-right:82px}.ipa-quick-play{padding:10px 12px;top:26px;right:12px}.ipa-quick-play span{display:none}.ipa-symbol-row{margin-top:24px}}