.c1TZhq_hsk30-lesson-page,.c1TZhq_reading-practice-page{--chinese-font:"LXGW WenKai", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:#0f172a;background:#f0f4f8;min-height:100vh}:is(.dark .c1TZhq_hsk30-lesson-page,.dark .c1TZhq_reading-practice-page){color:#f1f5f9;background:#090d16}.c1TZhq_wrap,.c1TZhq_practice-shell{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.c1TZhq_page-breadcrumb{padding:12px 0 0}.c1TZhq_topbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.dark .c1TZhq_topbar{background:#0f172af0;border-bottom-color:#1e293b}.c1TZhq_topbar-inner{flex-direction:column;gap:10px;padding:12px 0;display:flex}.c1TZhq_breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.c1TZhq_bc-link{color:#64748b;align-items:center;text-decoration:none;transition:color .15s;display:inline-flex}.c1TZhq_bc-link:hover{color:#2563eb}.dark .c1TZhq_bc-link{color:#94a3b8}.dark .c1TZhq_bc-link:hover{color:#60a5fa}.c1TZhq_bc-sep{color:#cbd5e1}.dark .c1TZhq_bc-sep{color:#475569}.c1TZhq_bc-current{color:#0f172a;font-weight:700}.dark .c1TZhq_bc-current{color:#f8fafc}.c1TZhq_layout,.c1TZhq_practice-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;padding:16px 0 72px;display:grid}.c1TZhq_main,.c1TZhq_main-col{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.c1TZhq_sidebar,.c1TZhq_side-col{align-self:start;position:sticky;top:96px}@media (max-width:1024px){.c1TZhq_layout,.c1TZhq_practice-grid{grid-template-columns:1fr}.c1TZhq_sidebar,.c1TZhq_side-col{position:static}}.c1TZhq_state-wrap{justify-content:center;padding:80px 24px;display:flex}.c1TZhq_state-card,.c1TZhq_card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 10px 30px #0f172a0f}:is(.dark .c1TZhq_state-card,.dark .c1TZhq_card){background:#111827;border-color:#1f2937;box-shadow:0 10px 30px #00000059}.c1TZhq_state-card{text-align:center;color:#475569;flex-direction:column;align-items:center;gap:16px;padding:44px 36px;display:flex}.dark .c1TZhq_state-card{color:#94a3b8}.c1TZhq_hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#2563eb 100%);border-radius:22px;justify-content:space-between;gap:20px;margin-bottom:18px;padding:24px 28px;display:flex;box-shadow:0 14px 34px #2563eb3d}.dark .c1TZhq_hero{background:linear-gradient(135deg,#0f172a 0%,#1e40af 100%);box-shadow:0 14px 34px #0006}.c1TZhq_hero h1{color:#fff;margin:10px 0 6px;font-size:1.55rem;font-weight:800;line-height:1.2}.c1TZhq_hero p{color:#fffc;margin:0;font-size:.95rem;line-height:1.6}.c1TZhq_hero-tag{text-transform:uppercase;color:#fff;background:#ffffff24;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.c1TZhq_hero-stats{flex-direction:column;gap:8px;min-width:160px;display:flex}.c1TZhq_hero-stats span{color:#fff;background:#ffffff1f;border:1px solid #ffffff29;border-radius:12px;padding:8px 12px;font-size:.82rem}.c1TZhq_quiz,.c1TZhq_results{padding:24px;position:relative}.c1TZhq_quiz-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.dark .c1TZhq_quiz-head{border-bottom-color:#1f2937}.c1TZhq_q-badge{color:#0369a1;background:#e0f2fe;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.dark .c1TZhq_q-badge{color:#7dd3fc;background:#0c4a6e}.c1TZhq_q-num-badge{color:#475569;font-size:1.05rem;font-weight:800}.dark .c1TZhq_q-num-badge{color:#cbd5e1}.c1TZhq_skipped-badge{color:#d97706;background:#fef3c7;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.dark .c1TZhq_skipped-badge{color:#fde68a;background:#78350f}.c1TZhq_quiz-body{flex-direction:column;gap:18px;display:flex}.c1TZhq_question-title-text{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.4;font-family:var(--chinese-font);margin-bottom:6px}.dark .c1TZhq_question-title-text{color:#f8fafc}.c1TZhq_question-subtext-translation{color:#64748b;margin-bottom:12px;font-size:.95rem}.dark .c1TZhq_question-subtext-translation{color:#94a3b8}.c1TZhq_instruction{color:#475569;margin-bottom:10px;font-size:.92rem;font-weight:500}.dark .c1TZhq_instruction{color:#cbd5e1}.c1TZhq_audio-trigger-row{align-items:center;gap:10px;margin:10px 0 14px;display:flex}.c1TZhq_audio-trigger-btn{color:#0284c7;cursor:pointer;background:#e0f2fe;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.c1TZhq_audio-trigger-btn:hover{background:#bae6fd;transform:scale(1.05)}.dark .c1TZhq_audio-trigger-btn{color:#38bdf8;background:#0c4a6e}.dark .c1TZhq_audio-trigger-btn:hover{background:#0369a1}.c1TZhq_audio-trigger-btn.c1TZhq_playing{color:#0369a1;background:#bae6fd;animation:1.5s infinite c1TZhq_pulse}.dark .c1TZhq_audio-trigger-btn.c1TZhq_playing{color:#bae6fd;background:#0369a1}.c1TZhq_audio-prompt-lbl{color:#475569;font-size:.84rem;font-weight:700}.dark .c1TZhq_audio-prompt-lbl{color:#94a3b8}.c1TZhq_choices-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.c1TZhq_choice-btn{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 18px;font-family:inherit;transition:all .2s;display:flex;position:relative}.dark .c1TZhq_choice-btn{color:#f1f5f9;background:#1e293b;border-color:#334155}.c1TZhq_choice-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.dark .c1TZhq_choice-btn:hover:not(:disabled){background:#253349;border-color:#475569}.c1TZhq_choice-btn.c1TZhq_selected{background:#eff6ff;border-color:#3b82f6}.dark .c1TZhq_choice-btn.c1TZhq_selected{background:#172554;border-color:#3b82f6}.c1TZhq_choice-letter{color:#475569;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.84rem;font-weight:800;display:flex}.dark .c1TZhq_choice-letter{color:#cbd5e1;background:#334155}.c1TZhq_choice-btn.c1TZhq_selected .c1TZhq_choice-letter{color:#fff;background:#3b82f6}.c1TZhq_choice-text{color:#1e293b;font-size:1rem;font-weight:500}.dark .c1TZhq_choice-text{color:#f1f5f9}.c1TZhq_choice-feedback-icon{flex-shrink:0;margin-left:auto}.c1TZhq_text-green{color:#16a34a}.c1TZhq_text-red{color:#dc2626}.c1TZhq_choice-btn.c1TZhq_correct{background:#f0fdf4!important;border-color:#86efac!important}.dark .c1TZhq_choice-btn.c1TZhq_correct{background:#064e3b!important;border-color:#059669!important}.c1TZhq_choice-btn.c1TZhq_correct .c1TZhq_choice-letter{color:#fff!important;background:#16a34a!important}.c1TZhq_choice-btn.c1TZhq_wrong{background:#fef2f2!important;border-color:#fca5a5!important}.dark .c1TZhq_choice-btn.c1TZhq_wrong{background:#7f1d1d!important;border-color:#b91c1c!important}.c1TZhq_choice-btn.c1TZhq_wrong .c1TZhq_choice-letter{color:#fff!important;background:#dc2626!important}.c1TZhq_choice-btn.c1TZhq_disabled{opacity:.65;cursor:not-allowed}.c1TZhq_card.c1TZhq_quiz.c1TZhq_correct{border-color:#10b981;box-shadow:0 10px 30px #10b98114}.c1TZhq_card.c1TZhq_quiz.c1TZhq_wrong{border-color:#ef4444;box-shadow:0 10px 30px #ef444414}.c1TZhq_order-result-box{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:18px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:80px;padding:14px 16px;transition:all .2s;display:flex}.dark .c1TZhq_order-result-box{background:#0f172a;border-color:#334155}.c1TZhq_order-result-box.c1TZhq_empty{justify-content:center;align-items:center}.c1TZhq_placeholder-text{color:#94a3b8;font-size:.9rem;font-style:italic}.c1TZhq_chips-container{flex-wrap:wrap;gap:8px;width:100%;display:flex}.c1TZhq_word-chip:hover:not(:disabled){border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 8px #0f172a14}.c1TZhq_word-chip.c1TZhq_selected{opacity:.35;cursor:not-allowed;box-shadow:none;background:#f1f5f9}.dark .c1TZhq_word-chip.c1TZhq_selected{background:#0f172a}.c1TZhq_word-chip.c1TZhq_active-chip{color:#1e40af;background:#eff6ff;border-color:#93c5fd}.dark .c1TZhq_word-chip.c1TZhq_active-chip{color:#93c5fd;background:#172554;border-color:#3b82f6}.c1TZhq_word-chip.c1TZhq_active-chip:hover:not(:disabled){color:#991b1b;background:#fef2f2;border-color:#fecaca}.dark .c1TZhq_word-chip.c1TZhq_active-chip:hover:not(:disabled){color:#fca5a5;background:#7f1d1d;border-color:#ef4444}.c1TZhq_word-bank-box{background:#f1f5f9;border-radius:18px;flex-wrap:wrap;gap:8px;margin-top:14px;padding:14px;display:flex}.dark .c1TZhq_word-bank-box{background:#0f172a}.c1TZhq_matching-container-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:10px;display:grid}.c1TZhq_matching-col{flex-direction:column;gap:10px;display:flex}.c1TZhq_matching-col-title{color:#475569;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:4px;font-size:.84rem;font-weight:800}.dark .c1TZhq_matching-col-title{color:#94a3b8}.c1TZhq_matching-item{text-align:center;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:14px 18px;font-family:inherit;font-size:1.05rem;font-weight:600;transition:all .2s}.dark .c1TZhq_matching-item{color:#f1f5f9;background:#1e293b;border-color:#334155}.c1TZhq_matching-item:hover:not(:disabled){border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 10px #0f172a0f}.c1TZhq_matching-item.c1TZhq_selected{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dark .c1TZhq_matching-item.c1TZhq_selected{color:#93c5fd;background:#172554;border-color:#3b82f6}.c1TZhq_matching-item.c1TZhq_matched{cursor:not-allowed;opacity:.85;font-weight:700;color:#15803d!important;background:#f0fdf4!important;border-color:#bbf7d0!important}.dark .c1TZhq_matching-item.c1TZhq_matched{color:#6ee7b7!important;background:#064e3b!important;border-color:#059669!important}.c1TZhq_audio-trigger-block{text-align:center;background:linear-gradient(#f8fafc 0%,#f0fdf4 100%);border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin:10px 0 16px;padding:18px;display:flex}.dark .c1TZhq_audio-trigger-block{background:linear-gradient(#1e293b 0%,#064e3b 100%)}.c1TZhq_audio-trigger-btn.c1TZhq_listening-large{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);width:72px;height:72px;box-shadow:0 8px 20px #2563eb4d}.c1TZhq_audio-trigger-btn.c1TZhq_listening-large:hover{transform:scale(1.04)}.c1TZhq_listening-status-label{color:#64748b;font-size:.8rem;font-weight:700}.dark .c1TZhq_listening-status-label{color:#94a3b8}.c1TZhq_images-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px;display:grid}.c1TZhq_image-choice-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:18px;padding:8px;transition:all .2s;position:relative;overflow:hidden}.dark .c1TZhq_image-choice-card{background:#1e293b;border-color:#334155}.c1TZhq_image-choice-card:hover:not(:disabled){border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.c1TZhq_image-choice-card.c1TZhq_selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.c1TZhq_choice-photo{object-fit:cover;background:#fff;border-radius:12px;width:100%;height:180px}.c1TZhq_selection-overlay{text-align:center;color:#64748b;background:#f8fafc;border-top:1px solid #f1f5f9;border-radius:0 0 12px 12px;padding:10px;font-size:.84rem;font-weight:800}.dark .c1TZhq_selection-overlay{color:#94a3b8;background:#0f172a;border-top-color:#334155}.c1TZhq_image-choice-card.c1TZhq_correct{box-shadow:0 0 0 3px #10b9812e;background:#f0fdf4!important;border-color:#10b981!important}.dark .c1TZhq_image-choice-card.c1TZhq_correct{background:#064e3b!important;border-color:#059669!important}.c1TZhq_image-choice-card.c1TZhq_wrong{box-shadow:0 0 0 3px #ef44442e;background:#fef2f2!important;border-color:#ef4444!important}.dark .c1TZhq_image-choice-card.c1TZhq_wrong{background:#7f1d1d!important;border-color:#b91c1c!important}.c1TZhq_image-label-caption{text-align:center;color:#1e293b;background:#00000008;border-radius:0 0 12px 12px;padding:10px;font-size:.88rem;font-weight:800}.dark .c1TZhq_image-label-caption{color:#f1f5f9;background:#ffffff0d}.c1TZhq_tf-content-row{align-items:center;gap:24px;margin-top:10px;display:flex}.c1TZhq_image-center-frame{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;flex:1;justify-content:center;padding:12px;display:flex}.dark .c1TZhq_image-center-frame{background:#0f172a;border-color:#334155}.c1TZhq_tf-main-photo{object-fit:contain;background:#fff;border-radius:14px;max-width:100%;max-height:280px;box-shadow:0 6px 16px #0f172a0f}.c1TZhq_tf-actions-col{flex-direction:column;gap:12px;min-width:160px;display:flex}.c1TZhq_tf-btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:18px;font-size:1.05rem;font-weight:800;transition:all .2s;display:flex}.c1TZhq_tf-btn:hover:not(:disabled){transform:translateY(-1px)}.c1TZhq_tf-true{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.c1TZhq_tf-true:hover:not(:disabled){background:#dcfce7}.dark .c1TZhq_tf-true{color:#86efac;background:#064e3b;border-color:#059669}.c1TZhq_tf-false{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.c1TZhq_tf-false:hover:not(:disabled){background:#fee2e2}.dark .c1TZhq_tf-false{color:#fca5a5;background:#7f1d1d;border-color:#b91c1c}.c1TZhq_tf-btn.c1TZhq_correct{color:#fff!important;background:#16a34a!important}.c1TZhq_tf-btn.c1TZhq_wrong{color:#fff!important;background:#dc2626!important}.c1TZhq_dictation-input-row{width:100%;margin-top:14px;display:flex}.c1TZhq_dictation-textbox{color:#0f172a;background:#fff;border:2px solid #cbd5e1;border-radius:16px;outline:none;width:100%;padding:16px;font-size:1.15rem;font-weight:600;transition:border-color .2s}.dark .c1TZhq_dictation-textbox{color:#f1f5f9;background:#0f172a;border-color:#334155}.c1TZhq_dictation-textbox:focus{border-color:#3b82f6}.c1TZhq_dictation-textbox:disabled{color:#475569;background:#f1f5f9}.dark .c1TZhq_dictation-textbox:disabled{color:#94a3b8;background:#1e293b}.c1TZhq_quiz-check-bar{justify-content:flex-end;margin-top:14px;display:flex}.c1TZhq_feedback{border-top:1px solid #f1f5f9;flex-direction:column;gap:14px;margin-top:18px;padding-top:18px;display:flex}.dark .c1TZhq_feedback{border-top-color:#1f2937}.c1TZhq_feedback-banner{border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-size:.95rem;font-weight:800;display:flex}.c1TZhq_fb-ok{color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0}.dark .c1TZhq_fb-ok{color:#86efac;background:#064e3b;border-color:#059669}.c1TZhq_fb-bad{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.dark .c1TZhq_fb-bad{color:#fca5a5;background:#7f1d1d;border-color:#b91c1c}.c1TZhq_fb-skipped{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.dark .c1TZhq_fb-skipped{color:#fde68a;background:#78350f;border-color:#b45309}.c1TZhq_feedback-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.dark .c1TZhq_feedback-card{background:#0f172a;border-color:#334155}.c1TZhq_feedback-info-col{flex-direction:column;gap:6px;width:100%;display:flex}.c1TZhq_answer-detail-lbl{color:#475569;font-size:.9rem}.dark .c1TZhq_answer-detail-lbl{color:#94a3b8}.c1TZhq_correct-text-highlight{color:#16a34a;margin-top:2px;font-size:1.15rem;font-weight:800;display:block}.dark .c1TZhq_correct-text-highlight{color:#4ade80}.c1TZhq_translation-detail-lbl{color:#475569;font-size:.92rem;font-weight:600}.dark .c1TZhq_translation-detail-lbl{color:#94a3b8}.c1TZhq_translation-detail-lbl span{color:#1e293b;font-weight:700}.dark .c1TZhq_translation-detail-lbl span{color:#f1f5f9}.c1TZhq_explanation-detail-lbl{color:#64748b;margin-top:4px;font-size:.88rem;font-style:italic}.dark .c1TZhq_explanation-detail-lbl{color:#94a3b8}.c1TZhq_explanation-detail-lbl p{margin:2px 0 0}.c1TZhq_score-circle{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;font-size:1.35rem;font-weight:900;display:flex;box-shadow:0 4px 12px #f59e0b40}.c1TZhq_result-head{align-items:center;gap:16px;display:flex}.c1TZhq_result-head h2{color:#0f172a;margin:0 0 4px;font-size:1.35rem;font-weight:800}.dark .c1TZhq_result-head h2{color:#f8fafc}.c1TZhq_result-head p{color:#475569;margin:0;font-size:.92rem;line-height:1.55}.dark .c1TZhq_result-head p{color:#94a3b8}.c1TZhq_result-stats{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.c1TZhq_result-stats span{color:#475569;background:#e2e8f0;border-radius:999px;align-items:center;padding:6px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.dark .c1TZhq_result-stats span{color:#e2e8f0;background:#334155}.c1TZhq_result-stats .c1TZhq_ok{color:#166534;background:#dcfce7}.dark .c1TZhq_result-stats .c1TZhq_ok{color:#86efac;background:#064e3b}.c1TZhq_result-stats .c1TZhq_bad{color:#991b1b;background:#fee2e2}.dark .c1TZhq_result-stats .c1TZhq_bad{color:#fca5a5;background:#7f1d1d}.c1TZhq_result-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.c1TZhq_btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.c1TZhq_btn-primary{background:linear-gradient(135deg, var(--accent,#2563eb), #1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb2e}.c1TZhq_btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2563eb47}.c1TZhq_btn-outline{color:#2563eb;background:#fff;border:1px solid #93c5fd}.dark .c1TZhq_btn-outline{color:#60a5fa;background:0 0;border-color:#3b82f6}.c1TZhq_btn-outline:hover{background:#eff6ff}.dark .c1TZhq_btn-outline:hover{background:#1e293b}.c1TZhq_btn-ghost{color:#475569;background:#f1f5f9}.dark .c1TZhq_btn-ghost{color:#e2e8f0;background:#334155}.c1TZhq_btn-ghost:hover{background:#e2e8f0}.dark .c1TZhq_btn-ghost:hover{background:#475569}.c1TZhq_btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.c1TZhq_global-submit-bar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:20px;justify-content:center;margin-top:32px;padding:14px 24px;transition:all .25s;display:flex;position:sticky;bottom:12px;box-shadow:0 10px 30px #0f172a14}.dark .c1TZhq_global-submit-bar{background:#0f172aeb;border-color:#334155;box-shadow:0 10px 30px #0006}.c1TZhq_global-submit-btn{border-radius:18px;width:100%;max-width:320px;padding:14px 28px;font-size:1.05rem;box-shadow:0 4px 14px #2563eb4d}.c1TZhq_global-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.c1TZhq_vip-confetti{pointer-events:none;z-index:10;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.c1TZhq_confetti-piece{top:-10px;left:calc(10% + 80% * var(--x-ratio,.5));background:var(--c);width:8px;height:12px;transform:rotate(var(--r));animation:c1TZhq_confettiFall 3s ease-out var(--delay) forwards;border-radius:2px;position:absolute}@keyframes c1TZhq_confettiFall{0%{transform:translateY(0) rotate(var(--r));opacity:1}to{transform:translateY(600px) translateX(var(--x)) rotate(calc(var(--r) + 360deg));opacity:0}}@keyframes c1TZhq_pulse{0%{box-shadow:0 0 #0369a166}70%{box-shadow:0 0 0 10px #0369a100}to{box-shadow:0 0 #0369a100}}@keyframes c1TZhq_spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.c1TZhq_layout{grid-template-columns:1fr}.c1TZhq_sidebar{position:static}}@media (max-width:900px){.c1TZhq_hero,.c1TZhq_quiz-head,.c1TZhq_result-head,.c1TZhq_result-actions{flex-direction:column;align-items:stretch}}@media (max-width:640px){.c1TZhq_wrap{width:min(1200px,100% - 16px);padding:0 8px}.c1TZhq_matching-container-grid{grid-template-columns:1fr}.c1TZhq_tf-content-row{flex-direction:column}.c1TZhq_hero h1{font-size:1.35rem}.c1TZhq_feedback-card{flex-direction:column;align-items:flex-start}}.c1TZhq_compare-tip{color:#64748b;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.c1TZhq_char-compare{flex-wrap:wrap;gap:.5rem;margin:.8rem 0;display:flex}.c1TZhq_cmp-column{background:#fff;border:1.5px solid #fecdd3;border-radius:12px;flex-direction:column;align-items:center;min-width:44px;padding:6px 8px;display:flex}.c1TZhq_cmp-column.c1TZhq_clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.c1TZhq_cmp-column.c1TZhq_clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.c1TZhq_cmp-column.c1TZhq_clickable.c1TZhq_ok:hover{box-shadow:0 4px 12px #22c55e33}.c1TZhq_cmp-column.c1TZhq_ok{background:#f0fdf4;border-color:#bbf7d0}.c1TZhq_cmp-pinyin{color:#64748b;font-size:.72rem}.c1TZhq_cmp-target-char{color:#0f172a;font-size:1.25rem;font-weight:800;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.c1TZhq_cmp-spoken-char{color:#dc2626;font-size:.8rem;font-weight:700}.c1TZhq_cmp-column.c1TZhq_ok .c1TZhq_cmp-spoken-char{color:#16a34a}.c1TZhq_toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.c1TZhq_mode-tabs{background:#f1f5f9;border-radius:14px;flex-wrap:wrap;gap:.5rem;padding:4px;display:flex}.dark .c1TZhq_mode-tabs{background:#1e293b}.c1TZhq_mode-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.45rem;padding:.72rem 1rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.dark .c1TZhq_mode-tab{color:#94a3b8}.c1TZhq_mode-tab:hover{color:#0f172a}.dark .c1TZhq_mode-tab:hover{color:#f8fafc}:is(.c1TZhq_mode-tab.c1TZhq_active,.c1TZhq_mode-tab.active){color:var(--level-accent,var(--accent,#ea580c));background:#fff;box-shadow:0 4px 12px #0f172a14}:is(.dark .c1TZhq_mode-tab.c1TZhq_active,.dark .c1TZhq_mode-tab.active){color:#fb923c;background:#334155;box-shadow:0 4px 12px #0000004d}.c1TZhq_info-card{background:#fff;border:1px solid #94a3b82e;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex;box-shadow:0 4px 20px #0f172a0a}.dark .c1TZhq_info-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #00000040}.c1TZhq_info-copy{flex-direction:column;gap:2px;display:flex}.c1TZhq_info-title{color:#0f172a;font-size:1.05rem;font-weight:800}.dark .c1TZhq_info-title{color:#f8fafc}.c1TZhq_info-subtitle{color:#64748b;font-size:.88rem}.dark .c1TZhq_info-subtitle{color:#94a3b8}.c1TZhq_info-progress{color:#475569;align-items:center;gap:.8rem;font-size:.9rem;display:flex}.dark .c1TZhq_info-progress{color:#cbd5e1}.c1TZhq_info-progress strong{color:#0f172a;font-weight:700}.dark .c1TZhq_info-progress strong{color:#f8fafc}.c1TZhq_exercise-card{background:#fff;border:1px solid #94a3b82e;border-radius:24px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:0 18px 40px #0f172a0d}.dark .c1TZhq_exercise-card{background:#1e293b;border-color:#334155;box-shadow:0 18px 40px #00000040}.c1TZhq_exercise-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.c1TZhq_exercise-title{color:#0f172a;font-size:1.05rem;font-weight:800}.dark .c1TZhq_exercise-title{color:#f8fafc}.c1TZhq_exercise-subtitle{color:#64748b;font-size:.88rem}.dark .c1TZhq_exercise-subtitle{color:#94a3b8}.c1TZhq_exercise-progress{color:#64748b;font-size:.88rem;font-weight:600}.dark .c1TZhq_exercise-progress{color:#94a3b8}.c1TZhq_speechling-player-wrapper{align-items:center;gap:12px;width:100%;display:flex}.c1TZhq_settings-btn{cursor:pointer;color:#1e293b;background:#eef2ff;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:inline-flex}.c1TZhq_settings-btn:hover{background:#e0e7ff}.dark .c1TZhq_settings-btn{color:#f8fafc;background:#334155}.dark .c1TZhq_settings-btn:hover{background:#475569}.c1TZhq_question-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:1.25rem}.dark .c1TZhq_question-card{background:#0f172a;border-color:#334155}.c1TZhq_question-meta,.c1TZhq_question-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.c1TZhq_speaker-pill{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0000000a}.dark .c1TZhq_speaker-pill{color:#e2e8f0;background:#1e293b;border-color:#334155}.c1TZhq_speaker-pill.c1TZhq_alt,.c1TZhq_mode-pill{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.c1TZhq_speaker-pill.alt{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.dark .c1TZhq_speaker-pill.c1TZhq_alt{color:#60a5fa;background:#2563eb33;border-color:#2563eb66}.dark .c1TZhq_speaker-pill.alt{color:#60a5fa;background:#2563eb33;border-color:#2563eb66}.dark .c1TZhq_mode-pill{color:#60a5fa;background:#2563eb33;border-color:#2563eb66}.c1TZhq_answer-input{color:#0f172a;width:100%;min-height:120px;font-size:1.05rem;font-family:var(--chinese-font,inherit);resize:vertical;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:16px;outline:none;padding:1rem 1.15rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.c1TZhq_answer-input:focus{border-color:var(--level-accent,var(--accent,#ea580c));box-shadow:0 0 0 3px color-mix(in srgb, var(--level-accent,var(--accent,#ea580c)) 18%, transparent)}.dark .c1TZhq_answer-input{color:#f8fafc;background:#0b1120;border-color:#334155}.dark .c1TZhq_answer-input:focus{border-color:var(--level-accent,var(--accent,#ea580c));box-shadow:0 0 0 3px color-mix(in srgb, var(--level-accent,var(--accent,#ea580c)) 25%, transparent)}.c1TZhq_answer-input:disabled{cursor:not-allowed;opacity:.85;background:#f1f5f9}.dark .c1TZhq_answer-input:disabled{background:#182234}.c1TZhq_action-row,.c1TZhq_input-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.c1TZhq_btn,.c1TZhq_action-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.35rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.c1TZhq_btn:hover:not(:disabled),.c1TZhq_action-btn:hover:not(:disabled){transform:translateY(-1px)}.c1TZhq_btn:disabled,.c1TZhq_action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.c1TZhq_btn-primary,.c1TZhq_action-btn-primary{background:var(--level-accent,var(--accent,#ea580c));color:#fff;box-shadow:0 4px 14px color-mix(in srgb, var(--level-accent,var(--accent,#ea580c)) 35%, transparent)}.c1TZhq_btn-primary:hover:not(:disabled),.c1TZhq_action-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.c1TZhq_btn-secondary,.c1TZhq_action-btn-secondary{color:#1e293b;background:#e2e8f0}.c1TZhq_btn-secondary:hover:not(:disabled),.c1TZhq_action-btn-secondary:hover:not(:disabled){background:#cbd5e1}:is(.dark .c1TZhq_btn-secondary,.dark .c1TZhq_action-btn-secondary){color:#f8fafc;background:#334155}:is(.dark .c1TZhq_btn-secondary:hover:not(:disabled),.dark .c1TZhq_action-btn-secondary:hover:not(:disabled)){background:#475569}.c1TZhq_btn-warning,.c1TZhq_action-btn-warning{color:#fff;background:#f59e0b}.c1TZhq_btn-warning:hover:not(:disabled),.c1TZhq_action-btn-warning:hover:not(:disabled){background:#d97706}.c1TZhq_hint-box{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;align-items:center;gap:.55rem;margin-top:.9rem;padding:.85rem 1.15rem;font-size:.92rem;line-height:1.6;display:inline-flex}.dark .c1TZhq_hint-box{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.c1TZhq_result-box{border:1px solid #0000;border-radius:20px;margin-top:1rem;padding:1.15rem 1.25rem}:is(.c1TZhq_result-box.c1TZhq_ok,.c1TZhq_result-box.ok){color:#334155;background:#f8fafc;border-color:#86efac #86efac #86efac #16a34a;border-left-style:solid;border-left-width:4px}:is(.c1TZhq_result-box.c1TZhq_ok .c1TZhq_result-title,.c1TZhq_result-box.ok .c1TZhq_result-title){color:#15803d}:is(.dark .c1TZhq_result-box.c1TZhq_ok,.dark .c1TZhq_result-box.ok){color:#e2e8f0;background:#111827;border-color:#10b98159 #10b98159 #10b98159 #10b981;border-left-style:solid;border-left-width:4px}:is(.dark .c1TZhq_result-box.c1TZhq_ok .c1TZhq_result-title,.dark .c1TZhq_result-box.ok .c1TZhq_result-title){color:#34d399}:is(.c1TZhq_result-box.c1TZhq_wrong,.c1TZhq_result-box.wrong){color:#334155;background:#f8fafc;border-color:#fca5a5 #fca5a5 #fca5a5 #ef4444;border-left-style:solid;border-left-width:4px}:is(.c1TZhq_result-box.c1TZhq_wrong .c1TZhq_result-title,.c1TZhq_result-box.wrong .c1TZhq_result-title){color:#dc2626}:is(.dark .c1TZhq_result-box.c1TZhq_wrong,.dark .c1TZhq_result-box.wrong){color:#e2e8f0;background:#111827;border-color:#ef444459 #ef444459 #ef444459 #ef4444;border-left-style:solid;border-left-width:4px}:is(.dark .c1TZhq_result-box.c1TZhq_wrong .c1TZhq_result-title,.dark .c1TZhq_result-box.wrong .c1TZhq_result-title){color:#f87171}.c1TZhq_result-title{align-items:center;gap:.55rem;margin-bottom:.9rem;font-size:1.05rem;font-weight:800;display:flex}.c1TZhq_result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}@media (max-width:640px){.c1TZhq_result-grid{grid-template-columns:1fr}}.c1TZhq_result-col{background:#ffffffd9;border:1px solid #94a3b833;border-radius:16px;padding:.9rem 1rem}.dark .c1TZhq_result-col{background:#1e293b;border-color:#334155}.c1TZhq_result-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.35rem;font-size:.78rem;font-weight:800}.dark .c1TZhq_result-label{color:#94a3b8}.c1TZhq_result-value{color:#0f172a;word-break:break-word;font-size:1.05rem;font-weight:600;line-height:1.6}.dark .c1TZhq_result-value{color:#f8fafc}.c1TZhq_hint-row{border-radius:14px;align-items:center;gap:.55rem;margin-top:.85rem;padding:.75rem 1rem;font-size:.92rem;line-height:1.6;display:inline-flex}:is(.c1TZhq_hint-row.c1TZhq_alt,.c1TZhq_hint-row.alt){color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}:is(.dark .c1TZhq_hint-row.c1TZhq_alt,.dark .c1TZhq_hint-row.alt){color:#93c5fd;background:#2563eb26;border-color:#3b82f64d}.c1TZhq_summary-card{text-align:center;background:#fff;border:1px solid #94a3b82e;border-radius:24px;padding:2.5rem 1.5rem;box-shadow:0 18px 40px #0f172a0d}.dark .c1TZhq_summary-card{background:#1e293b;border-color:#334155;box-shadow:0 18px 40px #00000040}.c1TZhq_summary-icon,.c1TZhq_summary-trophy{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 1.25rem;display:grid}.c1TZhq_summary-card h2{color:#0f172a;margin:0 0 .5rem;font-size:1.5rem}.dark .c1TZhq_summary-card h2{color:#f8fafc}.c1TZhq_summary-card p{color:#475569;max-width:620px;margin:0 auto 1.5rem;line-height:1.7}.dark .c1TZhq_summary-card p{color:#94a3b8}.c1TZhq_summary-stats{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.c1TZhq_stat-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;min-width:130px;padding:1rem 1.25rem}.dark .c1TZhq_stat-box{background:#0f172a;border-color:#334155}.c1TZhq_stat-box strong{color:#0f172a;font-size:1.6rem;font-weight:800;display:block}.dark .c1TZhq_stat-box strong{color:#f8fafc}.c1TZhq_stat-box span{color:#64748b;font-size:.85rem;font-weight:600}.dark .c1TZhq_stat-box span{color:#94a3b8}.c1TZhq_overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a6b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.c1TZhq_modal{background:#fff;border-radius:24px;width:min(540px,100%);overflow:hidden;box-shadow:0 24px 48px #0f172a2e}.dark .c1TZhq_modal{background:#1e293b;border:1px solid #334155}.c1TZhq_modal-head{color:#0f172a;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-weight:800;display:flex}.dark .c1TZhq_modal-head{color:#f8fafc;border-bottom-color:#334155}.c1TZhq_modal-close{color:#334155;cursor:pointer;background:#f8fafc;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:inline-flex}.dark .c1TZhq_modal-close{color:#cbd5e1;background:#334155}.c1TZhq_modal-body{padding:1.25rem}.c1TZhq_settings-table{border-collapse:separate;border-spacing:0 12px;width:100%}.c1TZhq_settings-table th{text-align:left;color:#334155;width:46%;font-size:.95rem}.dark .c1TZhq_settings-table th{color:#e2e8f0}.c1TZhq_settings-select{width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:.7rem .85rem}.dark .c1TZhq_settings-select{color:#f8fafc;background:#0f172a;border-color:#334155}.c1TZhq_fill-wrap{flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:1.35rem;line-height:2.2;display:flex}.c1TZhq_blank-input{text-align:center;color:#0f172a;background:#fff;border:2px dashed #cbd5e1;border-radius:10px;outline:none;width:4.5em;min-width:3em;margin:0 4px;padding:4px 8px;font-family:inherit;font-size:1.15rem;transition:all .2s;display:inline-block}.dark .c1TZhq_blank-input{color:#f8fafc;background:#0f172a;border-color:#64748b}.c1TZhq_blank-input:focus{border-style:solid;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.c1TZhq_blank-input.c1TZhq_correct{color:#166534;background:#f0fdf4;border-style:solid;border-color:#16a34a}.dark .c1TZhq_blank-input.c1TZhq_correct{color:#86efac;background:#16653440;border-color:#22c55e}.c1TZhq_fw-sentence-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.35rem}.dark .c1TZhq_fw-sentence-card{background:#1e293b;border-color:#334155}.c1TZhq_fw-sentence-label{color:#475569;text-transform:uppercase;margin-bottom:.8rem;font-size:.84rem;font-weight:800}.dark .c1TZhq_fw-sentence-label{color:#94a3b8}.c1TZhq_fw-sentence-display{color:#0f172a;font-size:1.35rem;line-height:2.2;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.dark .c1TZhq_fw-sentence-display{color:#f8fafc}.c1TZhq_fw-blank-input{text-align:center;color:#0f172a;background:#fff;border:2px dashed #cbd5e1;border-radius:10px;outline:none;width:4.5em;min-width:3em;margin:0 4px;padding:4px 8px;font-family:inherit;font-size:1.15rem;transition:all .2s;display:inline-block}.dark .c1TZhq_fw-blank-input{color:#f8fafc;background:#0f172a;border-color:#64748b}.c1TZhq_fw-blank-input:focus{border-style:solid;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.c1TZhq_fw-blank-slot{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;min-width:3em;margin:0 3px;padding:4px 10px;transition:all .2s;display:inline-block}.dark .c1TZhq_fw-blank-slot{color:#f8fafc;background:#0f172a;border-color:#475569}.c1TZhq_fw-blank-slot--active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.dark .c1TZhq_fw-blank-slot--active{background:#3b82f633;border-color:#60a5fa}.c1TZhq_fw-blank-slot--correct{color:#065f46;background:#ecfdf5;border-color:#10b981}.dark .c1TZhq_fw-blank-slot--correct{color:#a7f3d0;background:#10b98133;border-color:#34d399}.c1TZhq_fw-blank-slot--wrong{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.dark .c1TZhq_fw-blank-slot--wrong{color:#fca5a5;background:#ef444433;border-color:#f87171}.c1TZhq_fw-wordbank{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:1rem 1.25rem}.dark .c1TZhq_fw-wordbank{background:#0f172a;border-color:#334155}.c1TZhq_fw-wordbank-label{color:#475569;align-items:center;gap:6px;margin-bottom:.75rem;font-size:.82rem;font-weight:700;display:flex}.dark .c1TZhq_fw-wordbank-label{color:#94a3b8}.c1TZhq_fw-wordbank-chips{flex-wrap:wrap;gap:8px;display:flex}.c1TZhq_fw-word-chip{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;transition:all .2s;display:flex}.dark .c1TZhq_fw-word-chip{background:#1e293b;border-color:#334155}.c1TZhq_fw-word-chip:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.c1TZhq_fw-word-chip--used{opacity:.35;pointer-events:none}.c1TZhq_fw-wc-hanzi{color:#0f172a;font-size:1.15rem;font-weight:700}.dark .c1TZhq_fw-wc-hanzi{color:#f8fafc}.c1TZhq_fw-wc-pinyin{color:#94a3b8;font-size:.72rem}.c1TZhq_fw-translation{color:#64748b;align-items:center;gap:6px;padding:.6rem 0;font-size:.92rem;display:flex}.dark .c1TZhq_fw-translation{color:#94a3b8}.c1TZhq_fw-hint{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;padding:.8rem 1rem;display:flex}.dark .c1TZhq_fw-hint{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.c1TZhq_fw-pinyin-chip{color:#78350f;background:#fef3c7;border-radius:8px;padding:2px 8px;font-size:.88rem;font-weight:600}.dark .c1TZhq_fw-pinyin-chip{color:#fde68a;background:#78350f}.c1TZhq_question-box{align-items:flex-start;gap:1rem;display:flex}.c1TZhq_avatar{background:linear-gradient(135deg, color-mix(in srgb, var(--level-accent,var(--accent,#ea580c)) 84%, #fff), color-mix(in srgb, var(--level-accent,var(--accent,#ea580c)) 56%, #0f172a));color:#fff;border-radius:18px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:1.4rem;font-weight:800;display:grid}.c1TZhq_question-copy{flex:1;min-width:0}.c1TZhq_question-copy h2{color:#0f172a;margin:0;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.55}.dark .c1TZhq_question-copy h2{color:#f8fafc}.c1TZhq_speaker-row{margin-bottom:.8rem}.c1TZhq_answer-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:1rem 1.15rem}.dark .c1TZhq_answer-panel{background:#0f172a;border-color:#334155}.c1TZhq_panel-label{color:#475569;text-transform:uppercase;margin-bottom:.65rem;font-size:.84rem;font-weight:800}.dark .c1TZhq_panel-label{color:#94a3b8}.c1TZhq_answer-area,.c1TZhq_word-grid{flex-wrap:wrap;gap:.7rem;display:flex}.c1TZhq_answer-placeholder{color:#94a3b8;margin:0}.c1TZhq_word-chip{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:.75rem .95rem;font-size:1.25rem;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #0f172a0a}.dark .c1TZhq_word-chip{color:#f8fafc;background:#1e293b;border-color:#334155}.c1TZhq_word-chip:hover{border-color:#3b82f6;transform:translateY(-2px)}.c1TZhq_word-chip-selected{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.dark .c1TZhq_word-chip-selected{color:#93c5fd;background:#2563eb40;border-color:#60a5fa}:is(.c1TZhq_word-chip.c1TZhq_used,.c1TZhq_word-chip.used){color:#94a3b8;box-shadow:none;pointer-events:none;opacity:.4;background:#e2e8f0}:is(.dark .c1TZhq_word-chip.c1TZhq_used,.dark .c1TZhq_word-chip.used){color:#64748b;background:#334155}.c1TZhq_sort-drop-zone{background:#fafbfc;border:2px dashed #cbd5e1;border-radius:18px;min-height:120px;padding:1rem;transition:all .2s}.dark .c1TZhq_sort-drop-zone{background:#0f172a;border-color:#475569}.c1TZhq_sort-drop-ph{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100px;display:flex}.c1TZhq_sort-drop-ph p{margin:0;font-size:.88rem}.c1TZhq_sort-ordered{flex-direction:column;gap:8px;display:flex}.c1TZhq_sort-ordered-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.dark .c1TZhq_sort-ordered-item{background:#1e293b;border-color:#334155}.c1TZhq_sort-ordered-num{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.82rem;font-weight:800;display:grid}.dark .c1TZhq_sort-ordered-num{color:#60a5fa;background:#1e3a5f}.c1TZhq_sort-ordered-content{flex:1;min-width:0}.c1TZhq_sort-zh{color:#0f172a;font-size:1rem;font-weight:600;line-height:1.5;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.dark .c1TZhq_sort-zh{color:#f8fafc}.c1TZhq_sort-vi{color:#64748b;margin-top:2px;font-size:.82rem}.dark .c1TZhq_sort-vi{color:#94a3b8}.c1TZhq_sort-icon-btn--red{color:#ef4444;cursor:pointer}.c1TZhq_sort-available-grid{flex-direction:column;gap:6px;display:flex}.c1TZhq_sort-avail-item{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.dark .c1TZhq_sort-avail-item{background:#1e293b;border-color:#334155}.c1TZhq_sort-avail-item:hover{border-color:#3b82f6;transform:translate(4px)}.c1TZhq_sort-add-icon{color:#3b82f6;flex-shrink:0}.c1TZhq_hero-card{flex-direction:column;gap:.5rem;display:flex}.c1TZhq_eyebrow{color:#64748b;text-transform:uppercase;font-size:.78rem;font-weight:800}.dark .c1TZhq_eyebrow{color:#94a3b8}.c1TZhq_progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1rem 1.25rem}.dark .c1TZhq_progress-card{background:#1e293b;border-color:#334155}.c1TZhq_progress-head{color:#475569;justify-content:space-between;margin-bottom:.5rem;font-size:.88rem;font-weight:700;display:flex}.dark .c1TZhq_progress-head{color:#94a3b8}.c1TZhq_progress-percent{color:#0f172a}.dark .c1TZhq_progress-percent{color:#f8fafc}.c1TZhq_progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:8px;overflow:hidden}.dark .c1TZhq_progress-track{background:#334155}.c1TZhq_progress-fill{background:var(--level-accent,var(--accent,#ea580c));border-radius:999px;height:100%;transition:width .3s}
