.cc{--cc-ink:#182645;--cc-soft:#4f5d77;--cc-line:#d5ddec;--cc-bg:#f6f8fc;--cc-card:#fff;--cc-blue:#234fe5;--cc-blue-soft:#eaf0ff;--cc-good:#17663a;--cc-good-bg:#e8f6ee;--cc-try:#8a4b06;--cc-try-bg:#fff4e2;--cc-info-bg:#eef2ff;--cc-danger:#b3261e;color:var(--cc-ink);background:var(--cc-bg);min-height:100dvh;font-size:16px;line-height:1.55}.cc :focus-visible{outline:3px solid var(--cc-blue);outline-offset:2px;border-radius:6px}.cc h1,.cc h2,.cc h3,.cc h4{letter-spacing:-.01em;line-height:1.25}.cc h1{margin:.25rem 0 .5rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:750}.cc h2{margin:.2rem 0 .4rem;font-size:1.35rem;font-weight:700}.cc h3{margin:.3rem 0 .6rem;font-size:1.12rem;font-weight:700}.cc h4{margin:0 0 .4rem;font-size:1rem;font-weight:700}.cc p{margin:0 0 .6rem}.cc :where(p){color:inherit}.cc-zh{color:var(--cc-ink)}.cc-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cc-shell{max-width:880px;margin:0 auto;padding:clamp(1rem,4vw,2rem) clamp(.9rem,4vw,1.5rem) 4rem}.cc-small{color:var(--cc-soft);font-size:.9rem}.cc-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--cc-blue);font-size:.78rem;font-weight:700;display:block}.cc-lead{color:var(--cc-soft);font-size:1.02rem}.cc-icon-inline{vertical-align:-.12em;width:1em;height:1em;display:inline}.cc-card{background:var(--cc-card);border:1px solid var(--cc-line);border-radius:16px;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 10px 30px #1d294b0a}.cc-step-body{gap:1rem;display:grid}.cc-btn{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1rem;font-weight:650;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.cc-btn svg{flex-shrink:0;width:1.1em;height:1.1em}.cc-btn:disabled{cursor:not-allowed;opacity:.5}.cc-btn-primary{background:var(--cc-blue);color:#fff}.cc-btn-primary:hover:not(:disabled){background:#1a3fbf}.cc-btn-ghost{color:var(--cc-ink);border-color:var(--cc-line);background:#fff}.cc-btn-ghost:hover:not(:disabled){background:var(--cc-blue-soft);border-color:#b8c7f2}.cc-btn-ghost[aria-pressed=true]{background:var(--cc-blue-soft);border-color:var(--cc-blue)}.cc-btn-plain{color:var(--cc-blue);background:0 0;min-height:44px;padding:.4rem .5rem;font-weight:600}.cc-btn-danger{background:var(--cc-danger);color:#fff}.cc-btn-big{flex-wrap:wrap;min-height:56px;padding:.75rem 1.3rem;font-size:1.05rem}.cc-btn-sub{opacity:.9;font-size:.88rem;font-weight:500}.cc-link{font:inherit;color:var(--cc-blue);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.cc-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cc-inline-error{color:var(--cc-danger);font-size:.9rem}.cc-badge{background:var(--cc-good-bg);color:var(--cc-good);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.cc-say{gap:.15rem;display:grid}.cc-say p{margin:0}.cc-zh{letter-spacing:.02em;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-weight:600}.cc-pinyin{color:var(--cc-blue);font-weight:500}.cc-en{color:var(--cc-soft)}.cc-say-sm .cc-zh{font-size:1.15rem}.cc-say-md .cc-zh{font-size:1.5rem}.cc-say-lg .cc-zh{font-size:clamp(1.6rem,5vw,2.1rem)}.cc-say-lg .cc-pinyin{font-size:1.1rem}.cc-en-big{color:var(--cc-ink);font-size:1.35rem;font-weight:600}.cc-feedback{border:1px solid;border-radius:12px;padding:.8rem 1rem}.cc-feedback-good{background:var(--cc-good-bg);color:#0f4a29;border-color:#b9e2c9}.cc-feedback-try{background:var(--cc-try-bg);color:#6b3a04;border-color:#f2d19a}.cc-feedback-info{background:var(--cc-info-bg);color:#1b2f75;border-color:#c9d5fb}.cc-feedback .cc-say{margin-bottom:.5rem}.cc-feedback .cc-en,.cc-feedback .cc-pinyin{color:inherit}.cc-hero{border:1px solid var(--cc-line);background:linear-gradient(135deg,#fff 0%,#eef3ff 100%);border-radius:20px;gap:.6rem;margin-bottom:2rem;padding:clamp(1.2rem,4vw,2rem);display:grid}.cc-hero>p{color:var(--cc-soft);max-width:60ch}.cc-brand{align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.cc-hero-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;min-height:56px;margin-top:.5rem;display:flex}.cc-bar{-webkit-appearance:none;appearance:none;background:#dfe6f5;border:0;border-radius:999px;width:min(320px,70vw);height:10px;margin-top:.4rem;display:block;overflow:hidden}.cc-bar::-webkit-progress-bar{background:#dfe6f5}.cc-bar::-webkit-progress-value{background:var(--cc-blue)}.cc-bar::-moz-progress-bar{background:var(--cc-blue)}.cc-bar-thin{width:100%;height:6px}.cc-scenario{margin-bottom:2rem}.cc-scenario-head p{color:var(--cc-soft)}.cc-lesson-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.cc-lesson-card{border:1px solid var(--cc-line);background:#fff;border-radius:16px;display:grid;overflow:hidden}.cc-lesson-card[data-status=completed]{border-color:#b9e2c9}.cc-lesson-card[data-status=in-progress]{border-color:#b8c7f2}.cc-lesson-link{color:inherit;gap:.35rem;min-height:150px;padding:1rem 1.1rem;text-decoration:none;display:grid}.cc-lesson-link:hover{background:#fafbff}.cc-lesson-num{color:var(--cc-blue);font-size:.8rem;font-weight:700}.cc-lesson-title{font-size:1.08rem}.cc-lesson-cando{color:var(--cc-soft);font-size:.92rem}.cc-lesson-meta{color:var(--cc-soft);flex-wrap:wrap;align-items:center;gap:.35rem .8rem;margin-top:auto;font-size:.85rem;display:flex}.cc-lesson-meta svg{width:1em;height:1em}.cc-status{align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.cc-lesson-card[data-status=completed] .cc-status{color:var(--cc-good)}.cc-lesson-card[data-status=in-progress] .cc-status{color:var(--cc-blue)}.cc-check{cursor:pointer;align-items:center;gap:.55rem;min-height:44px;font-weight:600;display:flex}.cc-check input{width:1.25rem;height:1.25rem;accent-color:var(--cc-blue)}.cc-mission-check{border-top:1px solid var(--cc-line);padding:.35rem 1.1rem;font-size:.92rem}.cc-review-list{gap:.2rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.cc-review-list li{border-bottom:1px solid #edf1f8;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;display:flex}.cc-review-list li:last-child{border-bottom:0}.cc-review-text{display:grid}.cc-review-zh{font-size:1.15rem;font-weight:600}.cc-home-foot{margin-top:2rem}.cc-lesson-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.cc-back{min-height:44px;color:var(--cc-blue);align-items:center;gap:.35rem;font-weight:650;text-decoration:none;display:inline-flex}.cc-back svg{width:1.1em;height:1.1em}.cc-overview{gap:.5rem;display:grid}.cc-cando{background:var(--cc-blue-soft);border-radius:12px;padding:.8rem 1rem;font-size:1.08rem}.cc-goals{gap:.35rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.cc-goals li{align-items:flex-start;gap:.5rem;display:flex}.cc-goals svg{color:var(--cc-good);flex-shrink:0;width:1.2em;height:1.2em;margin-top:.15em}.cc-steps-preview{color:var(--cc-soft);gap:.2rem;margin:.3rem 0 1rem;padding-left:0;list-style:none;display:grid}.cc-overview>.cc-btn-big{justify-self:start}.cc-stepper{grid-template-columns:repeat(5,1fr);gap:.4rem;margin:0 0 1.2rem;padding:0;list-style:none;display:grid}.cc-stepper-item{border:1px solid var(--cc-line);width:100%;min-height:56px;font:inherit;color:var(--cc-soft);cursor:pointer;background:#fff;border-radius:12px;justify-items:center;gap:.2rem;padding:.4rem .2rem;display:grid}.cc-stepper-item:disabled{cursor:not-allowed;background:#f1f4f9}.cc-stepper-item[aria-current=step]{border-color:var(--cc-blue);background:var(--cc-blue-soft);color:var(--cc-ink)}.cc-stepper-num{background:#e6ebf5;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.85rem;font-weight:700;display:grid}.cc-stepper-num svg{width:.95rem;height:.95rem}.cc-stepper-item[aria-current=step] .cc-stepper-num{background:var(--cc-blue);color:#fff}.cc-stepper-item[data-done=true] .cc-stepper-num{background:var(--cc-good-bg);color:var(--cc-good)}.cc-stepper-label{font-size:.82rem;font-weight:650}.cc-step-head{margin-bottom:1rem}.cc-step-head h1:focus{outline:none}.cc-step-nav{z-index:5;background:var(--cc-bg);border-top:1px solid var(--cc-line);flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-top:1.5rem;padding:.7rem 0;display:flex;position:sticky;bottom:0}.cc-step-nav>.cc-btn-primary{margin-left:auto}.cc .cc-step-nav-hint{text-align:right;color:var(--cc-soft);flex:1;margin:0;font-size:.88rem}.cc-done{text-align:center;justify-items:center;gap:.6rem;display:grid}.cc-done-icon{width:3rem;height:3rem;color:var(--cc-blue)}.cc-done .cc-actions{justify-content:center}.cc-scene{color:#f5f7ff;background:radial-gradient(circle at 85% 10%,#6d86ff55 0 18%,#0000 19%),linear-gradient(160deg,#22306b 0%,#33479c 60%,#4f63c4 100%);border-radius:18px;gap:.8rem;padding:clamp(1rem,3vw,1.4rem);display:grid}.cc-scene-head{letter-spacing:.04em;text-transform:uppercase;color:#d6ddff;justify-content:space-between;gap:1rem;font-size:.85rem;font-weight:700;display:flex}.cc-scene-summary{color:#e7ebff;margin:0}.cc-cast{flex-wrap:wrap;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.cc-person{background:#ffffff1a;border:2px solid #0000;border-radius:999px;grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem;padding:.45rem .8rem .45rem .45rem;transition:border-color .2s,background .2s;display:grid}.cc-person[data-speaking=true]{background:#ffffff2e;border-color:#ffe083}.cc-avatar{color:#fff;border-radius:50%;grid-row:span 2;place-items:center;width:2.4rem;height:2.4rem;font-weight:800;display:grid}.cc-person[data-voice=zhiwei] .cc-avatar{background:#0f8a7e}.cc-person[data-voice=yating] .cc-avatar{background:#c0396b}.cc-person[data-voice=hanhan] .cc-avatar{background:#b86a00}.cc-person[data-speaking=true] .cc-avatar{animation:1s ease-in-out infinite cc-pulse}@keyframes cc-pulse{50%{box-shadow:0 0 0 6px #ffe08355}}@media (prefers-reduced-motion:reduce){.cc-person[data-speaking=true] .cc-avatar{animation:none}}.cc-person-name{font-size:.95rem;font-weight:700}.cc-person-role{color:#d6ddff;font-size:.8rem}.cc-subtitles{background:#0d164066;border-radius:14px;align-content:center;min-height:7.5rem;padding:1rem;display:grid}.cc-subtitles .cc-zh{color:#fff}.cc-subtitles .cc-pinyin{color:#ffe083}.cc-subtitles .cc-en{color:#dfe5ff}.cc-subtitle-note{color:#e7ebff;margin:0}.cc-player{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cc-player .cc-btn-ghost{color:#fff;background:#ffffff1f;border-color:#fff5}.cc-player-meta{color:#dfe5ff;font-size:.88rem}.cc-player-progress{-webkit-appearance:none;appearance:none;background:#fff3;border:0;border-radius:999px;flex-basis:100%;height:6px;overflow:hidden}.cc-player-progress::-webkit-progress-bar{background:#fff3}.cc-player-progress::-webkit-progress-value{background:#ffe083}.cc-player-progress::-moz-progress-bar{background:#ffe083}.cc-media-label{color:#c9d2ff;margin:0;font-size:.8rem}.cc-watch-options{justify-items:start;gap:.8rem;display:grid}.cc-mode-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;width:100%;display:grid}.cc-mode{text-align:left;border:1px solid var(--cc-line);min-height:44px;font:inherit;color:var(--cc-ink);cursor:pointer;background:#fff;border-radius:14px;gap:.2rem;padding:.9rem 1rem;display:grid;position:relative}.cc-mode span{color:var(--cc-soft);font-size:.88rem}.cc-mode .cc-mode-step{text-transform:uppercase;letter-spacing:.06em;color:var(--cc-blue);font-size:.75rem;font-weight:700}.cc-mode:hover:not(:disabled){border-color:var(--cc-blue)}.cc-mode[data-next=true]{border:2px solid var(--cc-blue);background:var(--cc-blue-soft)}.cc-mode:disabled{cursor:not-allowed;color:#6b7891;background:#f1f4f9}.cc-mode .cc-badge{color:var(--cc-good);position:absolute;top:.7rem;right:.7rem}.cc-question fieldset{border:0;gap:.5rem;margin:0 0 .8rem;padding:0;display:grid}.cc-question legend{margin-bottom:.6rem;padding:0;font-size:1.1rem;font-weight:700}.cc-question .cc-eyebrow{margin-bottom:.3rem}.cc-options{gap:.5rem;margin-bottom:.7rem;display:grid}.cc-option{border:1px solid var(--cc-line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:.7rem;min-height:48px;padding:.6rem .9rem;display:flex}.cc-option:hover{border-color:#9fb3ee}.cc-option input{width:1.15rem;height:1.15rem;accent-color:var(--cc-blue);flex-shrink:0}.cc-option:has(input:checked){border-color:var(--cc-blue);background:var(--cc-blue-soft)}.cc .cc-option[data-state=right]{background:var(--cc-good-bg);border-color:#6cc394}.cc .cc-option[data-state=wrong]{background:var(--cc-try-bg);border-color:#eab363}.cc-transcript{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.cc-transcript-speaker{color:var(--cc-blue);font-size:.8rem;font-weight:700}.cc-dots{flex-wrap:wrap;gap:.2rem;display:flex}.cc-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.cc-dot:after{content:"";background:#d0d9ec;border-radius:50%;width:14px;height:14px}.cc-dot[data-seen=true]:after{background:#9fb3ee}.cc-dot[aria-current=step]:after{background:var(--cc-blue);box-shadow:0 0 0 4px #234fe533}.cc-phrase{gap:.9rem;display:grid}.cc-recall{background:var(--cc-blue-soft);border-radius:12px;padding:1rem}.cc-usage{border-left:4px solid var(--cc-blue);color:var(--cc-ink);padding-left:.8rem}.cc-parts{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.cc-part{min-height:44px;font:inherit;text-align:left;color:var(--cc-ink);cursor:pointer;background:#f3f6fc;border:1px solid #e3e9f5;border-radius:10px;justify-items:start;padding:.45rem .75rem;font-size:.9rem;display:grid}.cc-part:hover{background:var(--cc-blue-soft);border-color:#9fb3ee}.cc-part[aria-pressed=true]{border-color:var(--cc-blue);background:var(--cc-blue-soft)}.cc-part>span:first-child{align-items:center;gap:.35rem;font-size:1.1rem;font-weight:600;display:inline-flex}.cc-part-icon{width:.95rem;height:.95rem;color:var(--cc-blue)}.cc-recorder{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cc-recording{max-width:100%;height:44px}.cc-swap{border-top:1px dashed var(--cc-line);padding-top:.9rem}.cc-chips{flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .8rem;display:flex}.cc-chip{border:1px solid var(--cc-line);min-height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .9rem}.cc-chip[aria-pressed=true]{border-color:var(--cc-blue);background:var(--cc-blue-soft)}.cc-chip span:first-child{font-weight:600}.cc-chip-en{color:var(--cc-soft);font-size:.88rem}.cc-swap-result{background:#f6f8fd;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.cc-pager{flex-wrap:wrap;justify-content:space-between;gap:.6rem;display:flex}.cc-tabs{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.cc-tab{text-align:left;border:1px solid var(--cc-line);min-height:56px;font:inherit;color:var(--cc-ink);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.cc-tab[aria-selected=true]{border:2px solid var(--cc-blue);background:var(--cc-blue-soft)}.cc-tab:disabled{cursor:not-allowed;color:#6b7891;background:#f1f4f9}.cc-tab>span:last-child{display:grid}.cc-tab-num{background:#e6ebf5;border-radius:50%;flex-shrink:0;place-items:center;width:1.8rem;height:1.8rem;font-weight:700;display:grid}.cc-tab-num svg{width:1rem;height:1rem}.cc-tab-desc{color:var(--cc-soft);font-size:.8rem}.cc-item{gap:.6rem;margin-bottom:1rem;display:grid}.cc-item-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.cc-item h3{margin:0}.cc-review{border-style:dashed}.cc-build-line{background:#fafcff;border:2px dashed #c6d2eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:60px;padding:.6rem;display:flex}.cc-build-pool{flex-wrap:wrap;gap:.5rem;display:flex}.cc-piece{min-width:48px;min-height:48px;color:var(--cc-ink);cursor:pointer;background:#fff;border:1px solid #b8c7f2;border-radius:10px;padding:.4rem .9rem;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:1.2rem;font-weight:600}.cc-piece:disabled{opacity:.3;cursor:default}.cc-piece-placed{background:var(--cc-blue-soft);border-color:var(--cc-blue)}.cc-piece-placed:disabled{opacity:1}.cc-input{gap:.6rem;display:grid}.cc-mic{justify-self:start}.cc-type{gap:.5rem;display:flex}.cc-type input{min-width:0;min-height:48px;font:inherit;color:var(--cc-ink);background:#fff;border:1px solid #aab5c8;border-radius:12px;flex:1;padding:.5rem .8rem;font-size:1.1rem}.cc-attempt{gap:.4rem;display:grid}.cc-selfcheck,.cc-model{background:#f6f8fd;border:1px solid #e3e9f5;border-radius:12px;gap:.6rem;padding:.9rem 1rem;display:grid}.cc-brief{gap:.4rem;display:grid}.cc-brief h3{margin:0}.cc-brief>.cc-btn{justify-self:start;margin-top:.4rem}.cc-mode-badge{border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:700}.cc-mode-badge-live{background:var(--cc-good-bg);color:var(--cc-good)}.cc-mode-badge-demo{background:var(--cc-try-bg);color:var(--cc-try)}.cc-tasks{gap:.35rem;margin:.2rem 0;padding:0;list-style:none;display:grid}.cc-tasks li{color:var(--cc-soft);align-items:center;gap:.5rem;display:flex}.cc-tasks li svg{flex-shrink:0;width:1.2rem;height:1.2rem}.cc-tasks li[data-done=true],.cc-tasks li[data-done=""]{color:var(--cc-good);font-weight:600}.cc-chat{gap:.7rem;max-height:min(60vh,540px);padding:.3rem;display:grid;overflow-y:auto}.cc-bubble{border-radius:16px;gap:.25rem;max-width:min(88%,560px);padding:.7rem .95rem;display:grid}.cc-bubble p{margin:0}.cc-bubble-them{border:1px solid var(--cc-line);background:#fff;border-bottom-left-radius:4px;justify-self:start}.cc-bubble-me{background:var(--cc-blue);color:#fff;border-bottom-right-radius:4px;justify-self:end}.cc-bubble-me p{font-size:1.15rem}.cc-bubble-name{opacity:.8;font-size:.75rem;font-weight:700}.cc-bubble-actions{flex-wrap:wrap;gap:.2rem;margin-left:-.5rem;display:flex}.cc-bubble-actions .cc-btn-ghost{color:var(--cc-blue);background:0 0;border:0;padding:.3rem .5rem}.cc-composer{gap:.6rem;display:grid}.cc-feedback-card{gap:.7rem;display:grid}.cc-feedback-card h3{margin:0}.cc-fb-block{background:#f6f8fd;border:1px solid #e3e9f5;border-radius:12px;justify-items:start;gap:.4rem;padding:.8rem 1rem;display:grid}.cc-feedback-card>.cc-btn{justify-self:start}.cc-mission{border:2px solid var(--cc-blue);gap:.5rem;display:grid}.cc-mission h3{font-size:1.25rem}@media (max-width:640px){.cc-stepper-label{font-size:.72rem}.cc-stepper{gap:.25rem}.cc-tabs{grid-template-columns:1fr}.cc .cc-step-nav-hint{flex-basis:100%;order:-1;font-size:.8rem}.cc-hero-progress .cc-btn-big{width:100%}.cc-swap-result{flex-direction:column;align-items:flex-start}.cc-review-list li{align-items:flex-start}}.cc fieldset.cc-chips,.cc fieldset.cc-mode-list,.cc fieldset.cc-build-pool{border:0;min-inline-size:0;margin:0;padding:0}.cc fieldset.cc-chips{margin:.4rem 0 .8rem}.cc-row-actions{flex-shrink:0;align-items:center;gap:.2rem;display:inline-flex}.cc-parts li{align-items:stretch;display:flex}.cc-parts li .cc-part{border-top-right-radius:0;border-bottom-right-radius:0}.cc-parts li .cc-save-compact{background:#f3f6fc;border:1px solid #e3e9f5;border-left:0;border-radius:0 10px 10px 0;min-width:44px}.cc-save-compact[aria-pressed=true],.cc-save[aria-pressed=true]{color:var(--cc-good)}.cc-btn-ghost.cc-save[aria-pressed=true]{background:var(--cc-good-bg);border-color:#b9e2c9}.cc-fc-link{border:1px solid var(--cc-line);min-height:48px;color:var(--cc-ink);background:#fff;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem .9rem;text-decoration:none;display:flex}.cc-fc-link:hover{border-color:var(--cc-blue)}.cc-fc-link>svg{width:1.2rem;height:1.2rem;color:var(--cc-blue);flex-shrink:0}.cc-fc-link>span{flex:1}.cc-tabs-2{grid-template-columns:repeat(2,1fr);margin:1rem 0}.cc-fc,.cc-fc-start,.cc-fc-empty{text-align:center;justify-items:center;gap:1rem;display:grid}.cc-fc .cc-item-head{width:100%}.cc-fc-face{background:#f6f8fd;border:1px solid #e3e9f5;border-radius:16px;align-content:center;justify-items:center;gap:.7rem;width:100%;min-height:12rem;padding:1rem;display:grid}.cc-fc-big{margin:0;font-size:clamp(2rem,8vw,2.8rem)}.cc-fc-back{border-top:1px dashed var(--cc-line);justify-items:center;gap:.3rem;width:100%;padding-top:.6rem;display:grid}.cc-fc-back p{margin:0}.cc-fc-rate{grid-template-columns:1fr 1fr;gap:.6rem;width:100%;display:grid}.cc-fc-flip{width:100%}.cc .cc-fc-direction{border:0;justify-items:start;gap:.2rem;margin:0;padding:0;display:grid}.cc-fc-direction legend{margin-bottom:.3rem;font-weight:700}.cc .cc-piece{align-content:center;justify-items:center;gap:.1rem;min-height:56px;padding:.35rem .8rem;display:inline-grid}.cc-piece-zh{font-size:1.2rem;font-weight:600;line-height:1.2}.cc-piece-pinyin{font-family:var(--font-sans,Arial, sans-serif);color:var(--cc-blue);font-size:.8rem;font-weight:500;line-height:1.2}