#vcPracticePanel.sentence-practice{--practice-ink: #19191d;--practice-ink-muted: #9a9aa2;--practice-surface: #f6f6f7;--practice-surface-strong: #ededf0;width:100%;margin:18px 0 0;padding:12px 22px 22px;border:0;border-radius:18px;background:#f6f6f7;box-shadow:none;color:var(--practice-ink);font-family:Plus Jakarta Sans,SE SF Pro Text,PingFang SC,HarmonyOS Sans SC,Noto Sans SC,system-ui,sans-serif}#vcPracticePanel,#vcPracticePanel *{box-sizing:border-box}.sentence-practice__header{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sentence-practice__heading{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.sentence-practice__heading h2,.sentence-practice__heading p{margin:0}.sentence-practice__heading h2{color:var(--practice-ink);font-size:16px;font-weight:700;line-height:24px}.sentence-practice__heading p{margin-top:0;color:var(--practice-ink-muted);font-size:11.5px;font-weight:400;line-height:16px}.sentence-practice__modes{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,64px);align-items:center;gap:3px;padding:3px;border-radius:10px;background:var(--practice-surface)}.sentence-practice__mode{width:64px;min-width:0;height:30px;padding:6px 10px;box-sizing:border-box;border:0;border-radius:8px;background:transparent;color:var(--practice-ink-muted);display:inline-flex;align-items:center;justify-content:center;gap:5px;font:500 12px/1 PingFang SC,HarmonyOS Sans SC,Noto Sans SC,system-ui,sans-serif;cursor:pointer;box-shadow:none}.sentence-practice__mode svg{width:12px;height:12px;flex:0 0 12px}.sentence-practice__mode.active{background:var(--practice-ink);color:#fff;font-weight:600}.sentence-practice__shadow-card{margin-top:16px;padding:11px 12px 12px;border-radius:0;background:transparent}.sentence-practice__prompt-meta{display:flex;align-items:center;justify-content:space-between;color:#8d8d95;font-size:10.5px;font-weight:500;line-height:16px}.sentence-practice__prompt-meta time{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-variant-numeric:tabular-nums}.sentence-practice__sentence{min-height:58px;margin-top:-15px;padding:6px 0 8px;background:transparent;text-align:center}.sentence-practice__sentence .vc-sentence-main{color:var(--practice-ink);font-size:17px;font-weight:600;line-height:1.45}.sentence-practice__sentence .vc-sentence-ipa{margin-bottom:8px;color:var(--practice-ink-muted);font-size:12px}.sentence-practice__sentence .vc-sentence-zh{margin-top:8px;color:#797982;font-size:12px;line-height:1.5}.sentence-practice__sentence .vc-sentence-waiting{padding-top:10px;color:var(--practice-ink-muted);font-size:14px;font-weight:400}.sentence-practice__shadow,.sentence-practice__dictation{margin-top:10px}.sentence-practice__dictation{min-height:162px}.sentence-practice__shadow{min-height:0;margin-top:0;padding:0;background:transparent;text-align:left}.sentence-practice__record-strip{min-height:82px;padding:5px 8px 2px;border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.sentence-practice__rec-actions{display:none;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}#vcRecBtnMain.has-recording~.sentence-practice__record-copy{display:none}#vcRecBtnMain.has-recording~.sentence-practice__rec-actions{display:flex}.sentence-practice__rec-act{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:0;border-radius:999px;background:#fff;box-shadow:0 1px 3px #19191d1a,0 1px 2px #19191d0f;color:#3d3d44;font-size:12px;font-weight:600;line-height:1;cursor:pointer}.sentence-practice__rec-act svg{width:14px;height:14px;flex:0 0 14px}.sentence-practice__rec-act:hover{background:#f4f4f5}.sentence-practice__rec-act--danger{color:#e5484d}.sentence-practice__rec-act--danger:hover{background:#fdf0f0}.sentence-practice__record-button{grid-area:record;width:36px;height:36px;flex:0 0 36px;padding:0;border:0;border-radius:50%;background:var(--practice-ink);color:var(--practice-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sentence-practice__record-button .ico-mic{display:block;width:36px;height:36px}.sentence-practice__record-button .ico-stop{display:none;width:36px;height:36px}.sentence-practice__record-button.is-recording .ico-mic{display:none}.sentence-practice__record-button.is-recording .ico-stop{display:block}.sentence-practice__record-button .ico-wave{display:none;width:36px;height:36px}.sentence-practice__record-button.has-recording:not(.is-recording) .ico-mic{display:none}.sentence-practice__record-button.has-recording:not(.is-recording) .ico-wave{display:block}#vcRecBtnMain.has-recording:not(.is-recording){width:88px;height:30px;flex:0 0 30px;border-radius:0;background:transparent;color:#9696a0;box-shadow:none}#vcRecBtnMain.has-recording:not(.is-recording) .ico-wave{width:64px;height:24px}#vcRecBtnMain .ico-wave .wave-bar{transform-box:fill-box;transform-origin:center}#vcRecBtnMain .ico-wave .wave-bar{fill:#1b1b1f}.sentence-practice__record-strip:has(#vcPlayRecBtnMain.is-playing) #vcRecBtnMain.has-recording:not(.is-recording) .wave-bar{animation:sentencePracticeWaveBar .64s ease-in-out infinite alternate}.sentence-practice__record-strip:has(#vcPlayRecBtnMain.is-playing) .wave-bar--2,.sentence-practice__record-strip:has(#vcPlayRecBtnMain.is-playing) .wave-bar--8{animation-delay:-.12s}.sentence-practice__record-strip:has(#vcPlayRecBtnMain.is-playing) .wave-bar--3,.sentence-practice__record-strip:has(#vcPlayRecBtnMain.is-playing) .wave-bar--7{animation-delay:-.26s}.sentence-practice__record-strip:has(#vcPlayRecBtnMain.is-playing) .wave-bar--4,.sentence-practice__record-strip:has(#vcPlayRecBtnMain.is-playing) .wave-bar--6{animation-delay:-.38s}.sentence-practice__record-strip:has(#vcPlayRecBtnMain.is-playing) .wave-bar--5{animation-delay:-.5s}@keyframes sentencePracticeWaveBar{0%{transform:scaleY(.42);opacity:.72}to{transform:scaleY(1.12);opacity:1}}@media(prefers-reduced-motion:reduce){.sentence-practice__record-strip:has(#vcPlayRecBtnMain.is-playing) #vcRecBtnMain.has-recording:not(.is-recording) .wave-bar{animation:none}}#vcRecBtnMain.has-recording~.sentence-practice__record-copy{display:flex}#vcRecBtnMain.has-recording~.sentence-practice__record-copy strong{color:#a0a0aa;font-size:13px;font-weight:500}#vcRecBtnMain.has-recording~.sentence-practice__record-copy span{display:none}#vcRecBtnMain.has-recording~.sentence-practice__rec-actions{width:100%;gap:8px}#vcRecBtnMain.has-recording~.sentence-practice__rec-actions .sentence-practice__rec-act{min-width:112px;min-height:36px;justify-content:center;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:0 8px 18px #22262e14,0 1px 3px #22262e0f;color:#4b4b53;font-size:13px}#vcRecBtnMain.has-recording~.sentence-practice__rec-actions .sentence-practice__rec-act:hover{background:#eeeeef}#vcRecBtnMain.has-recording~.sentence-practice__rec-actions .sentence-practice__rec-act--danger{color:#8d8d96}.sentence-practice__record-copy{grid-area:copy;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.sentence-practice__record-copy strong{color:var(--practice-ink);font-size:12.5px;font-weight:650;line-height:18px}.sentence-practice__record-copy span{color:var(--practice-ink-muted);font-size:10.5px;line-height:15px}.sentence-practice__source-button{grid-area:source;justify-self:end;width:31px;height:31px;flex:0 0 31px;padding:0;border:0;border-radius:50%;background:var(--practice-surface);color:#73737c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sentence-practice__source-button svg{width:15px;height:15px}.sentence-practice__dictation-surface{padding:3px 20px 8px;border-radius:0;background:transparent}.sentence-practice__listen-card{min-height:24px;padding:0 14px;border-radius:0;background:transparent;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:". play time" "listen listen listen";align-items:start;column-gap:12px;row-gap:3px}.sentence-practice__play-button{grid-area:play;width:42px;height:42px;flex:0 0 42px;padding:0;border:0;border-radius:50%;background:var(--practice-ink);color:#fff;align-self:start;transform:translateY(-12px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sentence-practice__play-button svg{width:18px;height:18px}.sentence-practice__listen-copy{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px;margin-top:-10px}.sentence-practice__listen-copy strong{color:var(--practice-ink);font-size:13.5px;font-weight:600;line-height:20px}.sentence-practice__listen-copy span,.sentence-practice__time{color:var(--practice-ink-muted);font-size:11px;font-weight:400;line-height:16px}.sentence-practice__time{flex:0 0 auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-variant-numeric:tabular-nums}.sentence-practice__input-card{height:52px;margin-top:8px;padding:0 8px 0 16px;border-radius:14px;background:#fff;display:flex;align-items:center;gap:10px}.sentence-practice__submit-inline{flex:0 0 auto;align-self:center;padding:8px 16px;border:0;border-radius:10px;background:var(--practice-ink);color:#fff;font-size:13px;font-weight:600;line-height:1;cursor:pointer}.sentence-practice__submit-inline:hover{background:#000}.sentence-practice__input{flex:1 1 0;min-width:0;width:auto;height:32px;min-height:0;margin:0;padding:0;border:0;outline:0;resize:none;overflow:auto;background:transparent;box-shadow:none;color:var(--practice-ink);font:400 16px/1.55 Plus Jakarta Sans,SE SF Pro Text,PingFang SC,Noto Sans SC,system-ui,sans-serif}.sentence-practice__input::placeholder{color:#b9b9c0}.sentence-practice__input-actions,.sentence-practice__result-actions{margin-top:12px;display:flex;align-items:center;gap:8px}.sentence-practice__action,.sentence-practice__result-button{min-height:33px;padding:8px 14px;border:0;border-radius:999px;background:#fff;color:#3d3d44;font:400 12px/17px PingFang SC,HarmonyOS Sans SC,Noto Sans SC,system-ui,sans-serif;cursor:pointer}.sentence-practice__action--primary{margin-left:auto}.sentence-practice__action--primary,.sentence-practice__result-button--primary{padding-inline:18px;background:var(--practice-ink);color:#fff;font-weight:600}.sentence-practice__input-hint{margin:2px 2px 0;color:var(--practice-ink-muted);font-size:11px;line-height:16px;text-align:right}.sentence-practice__answer{margin-top:2px;padding:6px 14px;border-radius:10px;background:#fff}.sentence-practice__answer .utf-dict-answer-line{display:flex;align-items:baseline;gap:8px}.sentence-practice__answer .utf-dict-answer-label{color:var(--practice-ink-muted);font-size:10px;font-weight:600}.sentence-practice__answer .vc-sentence-main{color:#3d3d44;font-size:13.5px;line-height:1.5}.sentence-practice__dictation-result{margin-top:14px;padding:18px 20px 17px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #1d1d2114}#vcDictationMode.is-submitted .sentence-practice__dictation-surface{display:none}.sentence-practice__dict-simple{text-align:center}.sentence-practice__dict-scoreline{display:flex;align-items:baseline;justify-content:center;gap:7px}.sentence-practice__dict-score{font-size:26px;font-weight:800;line-height:1.1;color:var(--practice-ink);font-variant-numeric:tabular-nums}.sentence-practice__dict-score .dt-pct-sign{font-size:13px;font-weight:600;color:var(--practice-ink);margin-left:2px}.sentence-practice__dict-dot{color:#c8c8cc;font-size:13px}.sentence-practice__dict-stat{font-size:13px;color:var(--practice-ink-muted)}.sentence-practice__dict-stat .num{color:var(--practice-ink);font-weight:700}.sentence-practice__dict-retry{margin-top:11px}.sentence-practice__dict-retry-btn{padding:7px 18px;border:0;border-radius:999px;background:var(--practice-ink);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.sentence-practice__dict-retry-btn:hover{background:#000}.sentence-practice__dict-user{margin-top:16px;font-size:19px;font-weight:600;color:var(--practice-ink);line-height:1.45;word-break:break-word}.sentence-practice__dict-orig{margin-top:11px;font-size:12.5px;color:var(--practice-ink-muted);line-height:1.5;word-break:break-word}.sentence-practice__dict-orig-tag{color:#c8c8cc;margin-right:6px}.sentence-practice__result-summary{display:flex;align-items:center;gap:14px}.sentence-practice__attempt-history{min-height:0;margin-top:10px;display:flex;align-items:center;gap:10px;color:#9a9aa1;font-size:11px;line-height:1}.sentence-practice__attempt-history:empty{display:none}.sentence-practice__attempt-history>div{display:flex;align-items:center;gap:5px}.sentence-practice__attempt-score{min-width:25px;height:22px;padding:0 7px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#f2f2f3;color:#85858c;font-family:Inter,Microsoft YaHei,sans-serif;font-size:11px;font-style:normal;font-variant-numeric:tabular-nums}.sentence-practice__attempt-score.is-latest{background:#e7e7e9;color:#252529;font-weight:600}html[data-theme=dark] .sentence-practice__attempt-history{color:#85858d}html[data-theme=dark] .sentence-practice__attempt-score{background:#ffffff12;color:#aaaab2}html[data-theme=dark] .sentence-practice__attempt-score.is-latest{background:#ffffff24;color:#f0f0f2}.sentence-practice__score{color:var(--practice-ink);font-size:48px;font-weight:750;line-height:48px;letter-spacing:-2px;font-variant-numeric:tabular-nums}.sentence-practice__score .dt-pct{color:var(--practice-ink);font-size:48px;font-weight:750}.sentence-practice__score .dt-pct-sign{margin-left:3px;color:#aaaab2;font-size:12px;font-weight:500;letter-spacing:0}.sentence-practice__result-label{display:flex;flex-direction:column;gap:2px}.sentence-practice__result-label strong{color:var(--practice-ink);font-size:13px;font-weight:700;line-height:18px}.sentence-practice__result-label span{color:var(--practice-ink-muted);font-size:10.5px;line-height:15px}.sentence-practice__result-label .num{color:var(--practice-ink);font-weight:700}.sentence-practice__word-match{margin-top:13px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sentence-practice__word-match .utf-rc,.sentence-practice__word-match .utf-rf,.sentence-practice__word-match .utf-rw{padding:3px 10px;border-radius:7px;display:inline-flex;align-items:center;font-size:12px;font-weight:600;line-height:17px}.sentence-practice__word-match .utf-rc{background:#f0f0f2;color:var(--practice-ink)}.sentence-practice__word-match .utf-rf{background:#ececee;color:#aaaab0;text-decoration:line-through}.sentence-practice__word-match .utf-rw{background:#fbe9e9;color:#c0392b;text-decoration:line-through}.sentence-practice__original{margin-top:13px;min-height:40px;padding:10px 13px;border-radius:10px;background:var(--practice-surface);display:flex;align-items:baseline;gap:10px}.sentence-practice__original span{flex:0 0 auto;color:var(--practice-ink-muted);font-size:10.5px;font-weight:500}.sentence-practice__original strong{color:#3d3d44;font-size:12.5px;font-weight:400;line-height:1.5}.sentence-practice__result-actions{margin-top:13px;justify-content:space-between}.sentence-practice__result-button{min-height:31px;padding:6px 13px;border:0;border-radius:999px;background:#f5f5f6;font-size:10.5px}.sentence-practice__result-button.disabled{opacity:.45;pointer-events:none}#vcPracticePanel .vc-rec-wave{height:32px;margin:10px 0 0}#vcPracticePanel #vcShadowResult.vc-result{position:static;width:100%;max-height:none;margin-top:12px;padding:15px 17px 16px;border:0;border-radius:16px;background:#fff;box-shadow:0 8px 22px #1d1d2114;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none;overflow:visible;transition:none}#vcPracticePanel #vcShadowResult.vc-result.show{display:block;transform:none}#vcPracticePanel #vcShadowResult .vc-result-head{display:none}body.vc-result-open{overflow:visible!important}body.vc-result-open:before{display:none!important}.sentence-practice__score-overview{display:flex;align-items:center;gap:13px}.sentence-practice__score-total{display:flex;align-items:baseline;color:var(--practice-ink);font-size:46px;font-weight:800;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums}.sentence-practice__score-total small{margin-left:3px;color:#c2c2c9;font-size:13px;font-weight:600;letter-spacing:0}.sentence-practice__score-copy{display:flex;flex-direction:column;gap:2px}.sentence-practice__score-copy strong{color:var(--practice-ink);font-size:13px;font-weight:700;line-height:18px}.sentence-practice__score-copy span{color:#8e8e97;font-size:10.5px;line-height:15px}.sentence-practice__metrics{margin-top:14px;padding:10px 0;border-radius:13px;background:var(--practice-surface);display:grid;grid-template-columns:repeat(3,1fr)}.sentence-practice__metric{min-width:0;padding:0 12px;text-align:center}.sentence-practice__metric+.sentence-practice__metric{border-left:1px solid #e7e7e9}.sentence-practice__metric span{display:block;color:#a0a0a8;font-size:10.5px;line-height:15px}.sentence-practice__metric strong{display:block;margin-top:1px;color:var(--practice-ink);font-size:27px;font-weight:750;line-height:30px;font-variant-numeric:tabular-nums}.sentence-practice__metric em{display:inline-block;margin-top:2px;padding:1px 6px;border-radius:999px;background:#fff;color:#898991;font-size:9px;font-style:normal;line-height:13px}.sentence-practice__word-scores{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.sentence-practice__word-score{min-height:26px;padding:3px 10px;border-radius:6px;background:#ededf0;color:#9a9aa2;display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:18px}.sentence-practice__word-score strong{color:#19191d;font-size:14.5px;font-weight:600;line-height:18px}.sentence-practice__word-score.is-weak{background:#f6f6f7;color:#b0b0b8}.sentence-practice__word-score.is-weak strong{color:#9a9aa2}.sentence-practice__score-notice{min-height:92px;padding:20px;border-radius:12px;background:var(--practice-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.sentence-practice__score-notice strong{color:var(--practice-ink);font-size:13px;font-weight:700;line-height:19px}.sentence-practice__score-notice span{color:var(--practice-ink-muted);font-size:11px;line-height:17px}.sentence-practice__score-notice.is-loading strong{color:#56565e}#vcPracticePanel #vcShadowResult .vc-result-actions{margin-top:13px;display:flex;align-items:center;justify-content:flex-start;gap:8px}#vcPracticePanel #vcShadowResult .sentence-practice__result-button{min-height:31px;padding:7px 14px;border:0;border-radius:8px;background:#f6f6f7;color:#3d3d44;font-size:12px}#vcPracticePanel #vcShadowResult .sentence-practice__result-button--primary{margin-left:auto;padding-inline:16px;background:var(--practice-ink);color:#fff}.sentence-practice__listen-copy{grid-area:listen;text-align:center}.sentence-practice__listen-card .sentence-practice__time{grid-area:time;justify-self:end}.sentence-practice__answer{border-radius:0;background:transparent;text-align:center}.sentence-practice__answer .utf-dict-answer-line{justify-content:center}@media(hover:hover){.sentence-practice__mode:not(.active):hover{color:#3d3d44}.sentence-practice__action:hover,.sentence-practice__result-button:hover{background:#ececee}.sentence-practice__action--primary:hover,.sentence-practice__result-button--primary:hover{background:#000}}@media(max-width:720px){.sentence-practice__header{align-items:flex-start;gap:12px}.sentence-practice__modes{grid-template-columns:repeat(2,66px)}.sentence-practice__heading p{max-width:190px}.sentence-practice__mode{width:66px;padding-inline:12px}.sentence-practice__dictation-surface,.sentence-practice__shadow-card{padding-inline:14px}.sentence-practice__input-actions{flex-wrap:wrap}.sentence-practice__action--primary{margin-left:auto}.sentence-practice__dictation-result{padding-inline:15px}.sentence-practice__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sentence-practice__metric{padding-inline:7px}}@media(max-width:460px){.sentence-practice__header{flex-direction:column}.sentence-practice__modes{align-self:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}.sentence-practice__mode{width:100%}.sentence-practice__listen-card{padding-inline:12px}.sentence-practice__result-summary{gap:10px}.sentence-practice__score,.sentence-practice__score .dt-pct,.sentence-practice__score-total{font-size:40px;line-height:42px}.sentence-practice__metric strong{font-size:23px}#vcPracticePanel #vcShadowResult .vc-result-actions,.sentence-practice__dictation-result .sentence-practice__result-actions{flex-wrap:wrap}}