._5Juf7G_stroke-canvas-wrapper{border-radius:24px;justify-content:center;align-items:center;width:320px;height:320px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000014,inset 0 0 0 1px #0000000f}._5Juf7G_dark ._5Juf7G_stroke-canvas-wrapper{box-shadow:0 10px 30px -10px #00000080,inset 0 0 0 1px #ffffff14}._5Juf7G_grid-mizige{background-color:#fffdfa;background-image:linear-gradient(45deg,#0000 49.5%,#ef444447 49.5% 50.5%,#0000 50.5%),linear-gradient(-45deg,#0000 49.5%,#ef444447 49.5% 50.5%,#0000 50.5%),linear-gradient(#0000 49.5%,#ef444461 49.5% 50.5%,#0000 50.5%),linear-gradient(90deg,#0000 49.5%,#ef444461 49.5% 50.5%,#0000 50.5%);background-size:100% 100%;border:2px solid #ef444459}._5Juf7G_dark ._5Juf7G_grid-mizige{background-color:#0d1527;background-image:linear-gradient(45deg,#0000 49.5%,#ef444440 49.5% 50.5%,#0000 50.5%),linear-gradient(-45deg,#0000 49.5%,#ef444440 49.5% 50.5%,#0000 50.5%),linear-gradient(#0000 49.5%,#ef444459 49.5% 50.5%,#0000 50.5%),linear-gradient(90deg,#0000 49.5%,#ef444459 49.5% 50.5%,#0000 50.5%);border-color:#ef44444d}._5Juf7G_grid-tianzige{background-color:#fffdfa;background-image:linear-gradient(#0000 49.5%,#0ea5e961 49.5% 50.5%,#0000 50.5%),linear-gradient(90deg,#0000 49.5%,#0ea5e961 49.5% 50.5%,#0000 50.5%);background-size:100% 100%;border:2px solid #0ea5e959}._5Juf7G_dark ._5Juf7G_grid-tianzige{background-color:#0d1527;background-image:linear-gradient(#0000 49.5%,#0ea5e94d 49.5% 50.5%,#0000 50.5%),linear-gradient(90deg,#0000 49.5%,#0ea5e94d 49.5% 50.5%,#0000 50.5%);border-color:#0ea5e94d}._5Juf7G_grid-blank{background-color:#fff;border:2px solid #e2e8f0}._5Juf7G_dark ._5Juf7G_grid-blank{background-color:#0f172a;border-color:#1e293b}._5Juf7G_hanzi-writer-canvas{cursor:crosshair;justify-content:center;align-items:center;width:300px;height:300px;display:flex}._5Juf7G_hanzi-writer-canvas svg{display:block;overflow:visible}._5Juf7G_stroke-step-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:84px;padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}._5Juf7G_dark ._5Juf7G_stroke-step-card{background:#0f172a;border-color:#1e293b}._5Juf7G_stroke-step-card:hover{border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 6px 16px -4px #0ea5e926}._5Juf7G_stroke-step-card._5Juf7G_active{background:linear-gradient(#f0f9ff,#e0f2fe);border-color:#0ea5e9;box-shadow:0 4px 14px -2px #0ea5e940}._5Juf7G_dark ._5Juf7G_stroke-step-card._5Juf7G_active{background:linear-gradient(#1e3a8a66,#1e3a8a33);border-color:#38bdf8}._5Juf7G_stroke-step-badge{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:700}._5Juf7G_stroke-step-card._5Juf7G_active ._5Juf7G_stroke-step-badge{color:#0284c7}._5Juf7G_dark ._5Juf7G_stroke-step-card._5Juf7G_active ._5Juf7G_stroke-step-badge{color:#7dd3fc}._5Juf7G_stroke-step-glyph{color:#0f172a;margin:2px 0;font-family:LXGW WenKai,STKaiti,KaiTi,SimSun,serif;font-size:26px;font-weight:900;line-height:1}._5Juf7G_dark ._5Juf7G_stroke-step-glyph{color:#f8fafc}._5Juf7G_stroke-step-name{color:#475569;text-align:center;white-space:nowrap;font-size:11px;font-weight:600}._5Juf7G_dark ._5Juf7G_stroke-step-name{color:#cbd5e1}@keyframes _5Juf7G_quizResultFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._5Juf7G_quiz-result-card{animation:.25s cubic-bezier(.16,1,.3,1) _5Juf7G_quizResultFadeIn}@media (max-width:480px){._5Juf7G_stroke-canvas-wrapper{width:min(300px,100vw - 48px);height:min(300px,100vw - 48px)}._5Juf7G_hanzi-writer-canvas{width:min(280px,100vw - 64px);height:min(280px,100vw - 64px)}}
.H-sAlG_stroke-page{background:#f0f4f8;min-height:100vh}.H-sAlG_tp-header-safe{z-index:50;background:#fff;position:sticky;top:0;box-shadow:0 1px #e2e8f0,0 4px 16px #0000000d}.H-sAlG_tp-header,.H-sAlG_tp-tabs,.H-sAlG_tp-layout,.H-sAlG_state-msg{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}.H-sAlG_tp-header{padding:12px 1rem}.H-sAlG_tp-tabs{padding:0 1rem 14px}.H-sAlG_breadcrumb{align-items:center;gap:6px;font-size:.82rem;display:flex}.H-sAlG_bc-item{align-items:center;gap:3px;display:flex}.H-sAlG_bc-link{color:#64748b;text-decoration:none}.H-sAlG_bc-link:hover{color:#0ea5e9}.H-sAlG_bc-sep{color:#cbd5e1;font-size:.7rem}.H-sAlG_bc-active{color:#0f172a;font-weight:700}.H-sAlG_tp-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.25rem;padding:24px 1rem 56px;display:grid}.H-sAlG_tp-main{min-width:0}.H-sAlG_tp-sidebar{width:280px;position:sticky;top:118px}.H-sAlG_header-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 6px 24px #0f172a0f}.H-sAlG_header-left h1{color:#0f172a;align-items:center;gap:8px;margin:0 0 6px;font-size:1.1rem;display:flex}.H-sAlG_header-left p{color:#64748b;margin:0;font-size:.85rem}.H-sAlG_state-msg{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;font-size:.9rem;display:flex}.H-sAlG_spin{animation:.8s linear infinite H-sAlG_spin}@keyframes H-sAlG_spin{to{transform:rotate(360deg)}}.H-sAlG_retry-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 18px;font-weight:600}.H-sAlG_retry-btn:hover{background:#f1f5f9}@media (max-width:1024px){.H-sAlG_tp-layout{grid-template-columns:1fr}.H-sAlG_tp-sidebar{width:100%;position:static}}@media (max-width:768px){.H-sAlG_tp-header-safe{position:static}}.dark .H-sAlG_stroke-page{background:#090d16}.dark .H-sAlG_tp-header-safe{background:#0f172a;box-shadow:0 1px #1e293b,0 4px 16px #0003}.dark .H-sAlG_bc-link{color:#94a3b8}.dark .H-sAlG_bc-link:hover{color:#38bdf8}.dark .H-sAlG_bc-sep{color:#475569}.dark .H-sAlG_bc-active{color:#f1f5f9}.dark .H-sAlG_header-card{background:#0f172a;border-color:#1e293b;box-shadow:0 6px 24px #0000004d}.dark .H-sAlG_header-left h1{color:#f1f5f9}.dark .H-sAlG_header-left p{color:#94a3b8}
.n-VVyG_matching-words-page{background:#f0f4f8;min-height:100vh}.n-VVyG_mw-header-safe{z-index:100;background:#fff;position:sticky;top:0;box-shadow:0 1px #e2e8f0,0 4px 16px #0000000d}.n-VVyG_mw-header,.n-VVyG_mw-tabs,.n-VVyG_mw-layout,.n-VVyG_state-msg{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}.n-VVyG_mw-header{padding:12px 1rem}.n-VVyG_mw-tabs{padding:0 1rem 14px}.n-VVyG_breadcrumb{align-items:center;gap:6px;font-size:.82rem;display:flex}.n-VVyG_bc-item{align-items:center;gap:3px;display:flex}.n-VVyG_bc-link{color:#64748b;text-decoration:none}.n-VVyG_bc-link:hover{color:#0ea5e9}.n-VVyG_bc-sep{color:#cbd5e1;font-size:.7rem}.n-VVyG_bc-active{color:#0f172a;font-weight:700}.n-VVyG_mw-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.25rem;padding:24px 1rem 56px;display:grid}.n-VVyG_mw-main{min-width:0}.n-VVyG_mw-sidebar{width:280px;position:sticky;top:118px}.n-VVyG_state-msg{color:#475569;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;padding:48px 28px;display:flex}.n-VVyG_spin{animation:1s linear infinite n-VVyG_spin}.n-VVyG_retry-btn{color:#fff;cursor:pointer;background:#0284c7;border:0;border-radius:12px;padding:10px 16px;font-weight:700}.n-VVyG_quiz-card,.n-VVyG_results-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 10px 32px #0f172a0f}.n-VVyG_quiz-header,.n-VVyG_results-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:20px;padding:22px 24px 18px;display:flex}.n-VVyG_header-copy h1,.n-VVyG_results-header h2{color:#0f172a;margin:12px 0 8px;font-size:1.5rem;line-height:1.3}.n-VVyG_header-copy p,.n-VVyG_results-header p{color:#64748b;margin:0;line-height:1.65}.n-VVyG_header-chip{color:#0369a1;letter-spacing:.04em;text-transform:uppercase;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0284c70f}.n-VVyG_header-meta,.n-VVyG_results-stats{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px;min-width:310px;display:grid}.n-VVyG_meta-item,.n-VVyG_stat-item{text-align:center;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.n-VVyG_meta-item strong,.n-VVyG_stat-item strong{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1;transition:color .2s}.n-VVyG_meta-item span,.n-VVyG_stat-item span{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600;transition:color .2s}.n-VVyG_score-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 28px 0;display:flex}.n-VVyG_score-pill{border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.825rem;font-weight:700;transition:all .2s;display:inline-flex}.n-VVyG_score-ok{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.n-VVyG_score-wrong{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.n-VVyG_score-remaining{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.n-VVyG_restart-mini{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;transition:all .2s;display:inline-flex}.n-VVyG_restart-mini:hover{color:#0f172a;background:#e2e8f0;transform:rotate(45deg)}.n-VVyG_instruction-row{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;margin:16px 28px 0;padding:12px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.n-VVyG_instruction-row svg{color:#0284c7;flex-shrink:0}.n-VVyG_instruction-row.n-VVyG_audio{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.n-VVyG_match-area{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 28px 28px;display:grid}.n-VVyG_match-col{flex-direction:column;gap:12px;display:flex}.n-VVyG_col-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;padding-bottom:2px;font-size:.8rem;font-weight:800;transition:color .2s;display:flex}.n-VVyG_col-label svg{color:#0ea5e9}.n-VVyG_match-card{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;gap:4px;width:100%;min-height:76px;padding:16px 20px;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s,background-color .18s,box-shadow .18s,color .18s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.n-VVyG_match-card:hover:not(.n-VVyG_disabled){border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 8px 22px #0284c71f}.n-VVyG_match-card.n-VVyG_active{color:#0369a1;transform:translateY(-2px)scale(1.01);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)!important;border-color:#0284c7!important;box-shadow:0 0 0 3px #0284c738,0 8px 20px #0284c726!important}.n-VVyG_match-card.n-VVyG_disabled{cursor:default}.n-VVyG_match-card.n-VVyG_correct,.n-VVyG_match-card.n-VVyG_disabled{opacity:.65;color:#047857!important;box-shadow:none!important;background:#ecfdf5!important;border-color:#10b981!important;transform:none!important}.n-VVyG_match-card.n-VVyG_wrong{animation:.45s ease-in-out n-VVyG_shake;color:#b91c1c!important;background:#fef2f2!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444440!important}.n-VVyG_audio-card{align-items:flex-start}.n-VVyG_audio-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:0;border-radius:9999px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 12px #0284c74d}.n-VVyG_audio-play-btn:hover{transform:scale(1.06);box-shadow:0 6px 16px #0284c766}.n-VVyG_audio-play-btn.n-VVyG_playing{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 0 0 4px #10b98140}.n-VVyG_card-word,.n-VVyG_card-word-reveal{font-size:calc(1.55rem + var(--chinese-font-size-adjust,0px));font-weight:var(--chinese-font-weight,700);font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif);letter-spacing:.02em;line-height:1.25;transition:color .2s}.n-VVyG_card-sub,.n-VVyG_review-pinyin{color:#0284c7;margin-top:2px;font-size:.875rem;font-weight:600;transition:color .2s}.n-VVyG_card-meaning{color:#334155;font-size:.935rem;font-weight:500;line-height:1.55;transition:color .2s}.n-VVyG_batch-results{background:#f8fafc;border-top:1px solid #e2e8f0;padding:18px 24px 24px}.n-VVyG_batch-header{color:#0f766e;align-items:center;gap:10px;font-weight:800;display:flex}.n-VVyG_batch-icon{color:#0f766e;font-size:1.2rem}.n-VVyG_batch-review,.n-VVyG_review-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.n-VVyG_batch-item,.n-VVyG_review-row{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.n-VVyG_review-word,.n-VVyG_review-main strong{font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif);font-weight:var(--chinese-font-weight,800);color:#0f172a}.n-VVyG_review-arrow{color:#94a3b8}.n-VVyG_review-meaning,.n-VVyG_review-vi{color:#334155}.n-VVyG_review-main{flex-direction:column;gap:4px;min-width:180px;display:flex}.n-VVyG_review-main span{color:#64748b;font-size:.85rem}.n-VVyG_next-btn,.n-VVyG_result-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.n-VVyG_next-btn:hover{opacity:.95}.n-VVyG_next-btn{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:0;margin-top:16px}.n-VVyG_results-header{align-items:center}.n-VVyG_trophy-ring{background:radial-gradient(circle at top,#fef3c7,#fde68a);border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;display:flex;box-shadow:inset 0 0 0 6px #ffffff8c}.n-VVyG_stat-item{align-items:center}.n-VVyG_stat-item svg{font-size:1.25rem}.n-VVyG_stat-ok{color:#047857;background:#ecfdf5}.n-VVyG_stat-wrong{color:#b91c1c;background:#fef2f2}.n-VVyG_stat-acc{color:#0369a1;background:#f0f9ff}.n-VVyG_review-block{padding:0 24px 24px}.n-VVyG_review-title{color:#0f172a;align-items:center;gap:8px;margin:4px 0 14px;font-weight:800;display:flex}.n-VVyG_results-actions{flex-wrap:wrap;gap:12px;padding:0 24px 24px;display:flex}.n-VVyG_result-primary{color:#fff;background:#0284c7;border:0}.n-VVyG_result-primary:hover{background:#0369a1}@media (max-width:1024px){.n-VVyG_mw-layout{grid-template-columns:1fr}.n-VVyG_mw-sidebar{width:100%;position:static}}@media (max-width:768px){.n-VVyG_mw-header-safe{position:static}.n-VVyG_mw-header,.n-VVyG_mw-tabs,.n-VVyG_mw-layout,.n-VVyG_state-msg{width:min(100%,100% - 20px)}.n-VVyG_mw-header{padding:10px 0}.n-VVyG_mw-tabs{padding:0 0 12px}.n-VVyG_mw-layout{gap:18px;padding:18px 0 40px}.n-VVyG_quiz-header,.n-VVyG_results-header{flex-direction:column}.n-VVyG_header-meta,.n-VVyG_results-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0}.n-VVyG_match-area{grid-template-columns:1fr}.n-VVyG_batch-item,.n-VVyG_review-row{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.n-VVyG_header-meta,.n-VVyG_results-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.n-VVyG_meta-item,.n-VVyG_stat-item{padding:10px 6px}.n-VVyG_meta-item strong,.n-VVyG_stat-item strong{font-size:1.15rem}.n-VVyG_meta-item span,.n-VVyG_stat-item span{font-size:.65rem}.n-VVyG_score-bar{align-items:stretch}.n-VVyG_restart-mini{margin-left:0}.n-VVyG_results-actions{flex-direction:column}}@keyframes n-VVyG_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark .n-VVyG_matching-words-page{color:#f1f5f9;background:#090d16}.dark .n-VVyG_mw-header-safe{background:#0f172a;box-shadow:0 1px #1e293b,0 4px 16px #0006}.dark .n-VVyG_bc-link{color:#94a3b8}.dark .n-VVyG_bc-link:hover{color:#38bdf8}.dark .n-VVyG_bc-sep{color:#475569}.dark .n-VVyG_bc-active{color:#f8fafc}.dark .n-VVyG_state-msg{color:#94a3b8}:is(.dark .n-VVyG_quiz-card,.dark .n-VVyG_results-card){background:#0f172a!important;border:1px solid #1e293b!important;box-shadow:0 20px 48px #00000073!important}:is(.dark .n-VVyG_quiz-header,.dark .n-VVyG_results-header){border-bottom:1px solid #1e293b!important}:is(.dark .n-VVyG_header-copy h1,.dark .n-VVyG_results-header h2){color:#f8fafc!important}:is(.dark .n-VVyG_header-copy p,.dark .n-VVyG_results-header p){color:#94a3b8!important}.dark .n-VVyG_header-chip{box-shadow:0 0 12px #0284c733;color:#38bdf8!important;background:#0284c729!important;border:1px solid #0ea5e959!important}:is(.dark .n-VVyG_meta-item,.dark .n-VVyG_stat-item){background:linear-gradient(#1e293b 0%,#152033 100%)!important;border:1px solid #334155!important;box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff0d!important}:is(.dark .n-VVyG_meta-item strong,.dark .n-VVyG_stat-item strong){color:#f8fafc!important}:is(.dark .n-VVyG_meta-item span,.dark .n-VVyG_stat-item span){color:#94a3b8!important}.dark .n-VVyG_score-ok{color:#34d399!important;background:#064e3b66!important;border:1px solid #10b98173!important}.dark .n-VVyG_score-wrong{color:#f87171!important;background:#7f1d1d66!important;border:1px solid #ef444473!important}.dark .n-VVyG_score-remaining{color:#38bdf8!important;background:#1e3a8a66!important;border:1px solid #0ea5e973!important}.dark .n-VVyG_restart-mini{color:#94a3b8!important;background:#1e293b!important;border:1px solid #334155!important}.dark .n-VVyG_restart-mini:hover{color:#f8fafc!important;background:#334155!important}.dark .n-VVyG_instruction-row{color:#cbd5e1!important;background:#1e293b80!important;border:1px solid #1e293b!important}.dark .n-VVyG_instruction-row.n-VVyG_audio{color:#7dd3fc!important;background:#1e3a8a66!important;border-color:#0ea5e959!important}.dark .n-VVyG_instruction-row svg{color:#38bdf8!important}.dark .n-VVyG_col-label{color:#94a3b8!important}.dark .n-VVyG_col-label svg{color:#38bdf8!important}.dark .n-VVyG_match-card{color:#f1f5f9!important;background:linear-gradient(#1e293b 0%,#152033 100%)!important;border:1.5px solid #334155!important;box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff0d!important}.dark .n-VVyG_match-card:hover:not(.n-VVyG_disabled){transform:translateY(-2px);background:linear-gradient(#253650 0%,#1c2b42 100%)!important;border-color:#38bdf8!important;box-shadow:0 8px 24px #0284c740,0 0 0 1px #60a5fa4d!important}.dark .n-VVyG_match-card.n-VVyG_active{transform:translateY(-2px)scale(1.01);color:#fff!important;background:linear-gradient(#1e3a8aa6 0%,#0284c759 100%)!important;border-color:#38bdf8!important;box-shadow:0 0 0 3px #0ea5e966,0 8px 28px #0284c759!important}:is(.dark .n-VVyG_match-card.n-VVyG_correct,.dark .n-VVyG_match-card.n-VVyG_disabled){opacity:.6;color:#34d399!important;box-shadow:none!important;background:#064e3b59!important;border-color:#10b98180!important;transform:none!important}.dark .n-VVyG_match-card.n-VVyG_wrong{animation:.45s ease-in-out n-VVyG_shake;color:#f87171!important;background:#7f1d1d80!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444466!important}.dark .n-VVyG_card-word{color:#f8fafc!important}.dark .n-VVyG_card-meaning{color:#e2e8f0!important}.dark .n-VVyG_card-sub{color:#38bdf8!important}.dark .n-VVyG_card-word-reveal{color:#f8fafc!important}.dark .n-VVyG_audio-play-btn{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)!important;box-shadow:0 4px 14px #0ea5e966!important}.dark .n-VVyG_audio-play-btn.n-VVyG_playing{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 0 0 4px #10b9814d!important}.dark .n-VVyG_batch-results{background:#0b1120!important;border-top:1px solid #1e293b!important}.dark .n-VVyG_batch-header{color:#34d399!important}.dark .n-VVyG_batch-icon{color:#34d399!important}.dark .n-VVyG_batch-item{background:#1e293b!important;border:1px solid #334155!important}.dark .n-VVyG_review-word{color:#f8fafc!important}.dark .n-VVyG_review-arrow{color:#64748b!important}.dark .n-VVyG_review-meaning{color:#e2e8f0!important}.dark .n-VVyG_review-pinyin{color:#38bdf8!important}.dark .n-VVyG_next-btn{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;box-shadow:0 4px 16px #0284c766!important}.dark .n-VVyG_trophy-ring{background:radial-gradient(circle at top,#78350f,#451a03)!important;box-shadow:inset 0 0 0 6px #f59e0b40!important}.dark .n-VVyG_stat-ok{color:#34d399!important;background:#064e3b59!important;border:1px solid #10b98166!important}.dark .n-VVyG_stat-wrong{color:#f87171!important;background:#7f1d1d59!important;border:1px solid #ef444466!important}.dark .n-VVyG_stat-acc{color:#38bdf8!important;background:#1e3a8a59!important;border:1px solid #0ea5e966!important}.dark .n-VVyG_review-title{color:#f8fafc!important}.dark .n-VVyG_review-row{background:#1e293b!important;border:1px solid #334155!important}.dark .n-VVyG_review-main strong{color:#f8fafc!important}.dark .n-VVyG_review-main span{color:#94a3b8!important}.dark .n-VVyG_review-vi{color:#e2e8f0!important}.dark .n-VVyG_result-btn{color:#f1f5f9!important;background:#1e293b!important;border:1px solid #334155!important}.dark .n-VVyG_result-btn:hover{color:#fff!important;background:#334155!important}.dark .n-VVyG_result-primary{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;border:0!important;box-shadow:0 4px 16px #0284c766!important}
.DE6D4G_modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:13500;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.2s DE6D4G_fadeIn;display:flex;position:fixed;inset:0}@keyframes DE6D4G_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes DE6D4G_slideUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.DE6D4G_modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:550px;max-height:88vh;animation:.3s cubic-bezier(.19,1,.22,1) DE6D4G_slideUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #0000002e,0 0 0 1px #0000000a}.DE6D4G_modal-header{background:linear-gradient(135deg,#0284c7 0%,#4f46e5 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.DE6D4G_header-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.DE6D4G_header-emoji{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff2e;border:1px solid #ffffff40;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.DE6D4G_header-top-line{align-items:center;gap:8px;display:flex}.DE6D4G_modal-header h2{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.DE6D4G_header-count-badge{color:#fff;background:#ffffff2e;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.DE6D4G_modal-header p{color:#ffffffd9;margin:2px 0 0;font-size:.78rem}.DE6D4G_header-title-wrap{flex:1;min-width:0}.DE6D4G_target-vocab-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a38;border:1px solid #ffffff40;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;margin-top:5px;padding:3px 10px;display:inline-flex}.DE6D4G_target-vocab-tag{color:#ffffffd1;font-size:.7rem;font-weight:600}.DE6D4G_target-vocab-hanzi{font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif);color:#fff;font-size:1rem;font-weight:700;line-height:1.1}.DE6D4G_target-vocab-pinyin{color:#fde68a;font-size:.75rem;font-weight:600}.DE6D4G_target-vocab-audio{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .16s;display:inline-flex}.DE6D4G_target-vocab-audio:hover{background:#ffffff5c;transform:scale(1.06)}.DE6D4G_target-vocab-meaning{color:#fffffff0;white-space:nowrap;text-overflow:ellipsis;max-width:195px;font-size:.75rem;font-weight:500;overflow:hidden}.DE6D4G_vocab-save-options{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:.45rem;padding:.55rem 1.25rem;display:flex}.DE6D4G_vocab-tag-bar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.35rem;display:flex}.DE6D4G_vocab-tag-label{color:#475569;white-space:nowrap;align-items:center;gap:3px;font-size:.71rem;font-weight:600;display:inline-flex}.DE6D4G_vocab-tag-pills{flex-wrap:nowrap;flex:1;align-items:center;gap:4px;display:flex}.DE6D4G_vocab-tag-chip{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:4px;padding:2.5px 8px;font-size:.7rem;font-weight:600;transition:all .16s;display:inline-flex}.DE6D4G_vocab-tag-chip:hover{background:#f1f5f9;border-color:#94a3b8}.DE6D4G_vocab-tag-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.DE6D4G_chip-easy-active{color:#047857;background:#ecfdf5;border-color:#10b981}.DE6D4G_chip-normal-active{color:#0369a1;background:#f0f9ff;border-color:#0ea5e9}.DE6D4G_chip-hard-active{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.DE6D4G_chip-trap-active{color:#b45309;background:#fffbeb;border-color:#f59e0b}.DE6D4G_vocab-note-toggle{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px dashed #94a3b8;border-radius:999px;align-items:center;gap:4px;padding:2.5px 8px;font-size:.7rem;font-weight:600;transition:all .16s;display:inline-flex}.DE6D4G_vocab-note-toggle:hover,.DE6D4G_vocab-note-toggle.DE6D4G_active{color:#b45309;background:#fffbeb;border-style:solid;border-color:#f59e0b}.DE6D4G_vocab-note-box{width:100%}.DE6D4G_vocab-note-field{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.42rem .7rem;font-size:.78rem;transition:border-color .18s}.DE6D4G_vocab-note-field:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.DE6D4G_close-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;transition:all .18s;display:flex}.DE6D4G_close-btn:hover{background:#ffffff59;transform:rotate(90deg)}.DE6D4G_modal-toolbar{background:#fafbfd;border-bottom:1px solid #f0f2f5;flex-shrink:0;align-items:center;gap:.75rem;padding:.875rem 1.5rem;display:flex}.DE6D4G_toolbar-spacer{flex:1}.DE6D4G_search-box{flex:1;position:relative}.DE6D4G_search-icon{color:#9ca3af;font-size:.85rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.DE6D4G_search-input{color:#1e293b;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.84rem;transition:all .2s}.DE6D4G_search-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0284c71f}.DE6D4G_btn-create{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0ea5e9,#667eea);border:none;border-radius:10px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #0284c740}.DE6D4G_btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0284c766}.DE6D4G_loading-section{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3.5rem 2rem;display:flex}.DE6D4G_loading-spinner{border:3px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite DE6D4G_spin}@keyframes DE6D4G_spin{to{transform:rotate(360deg)}}.DE6D4G_modal-body{flex:1;min-height:0;padding:.625rem 1rem;overflow-y:auto}.DE6D4G_notebooks-list{flex-direction:column;gap:.4rem;display:flex}.DE6D4G_notebook-card{background:#fff;border:1.5px solid #f0f2f5;border-radius:12px;flex-direction:column;gap:.45rem;padding:.65rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.DE6D4G_notebook-card-main{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.DE6D4G_notebook-card:hover{border-color:#cbd5e1;box-shadow:0 2px 10px #0000000a}.DE6D4G_notebook-card.DE6D4G_is-saved{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#86efac}.DE6D4G_notebook-card.DE6D4G_is-saved:hover{border-color:#4ade80;box-shadow:0 2px 12px #10b9811f}.DE6D4G_notebook-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.DE6D4G_notebook-circle{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 6px #0000001a}.DE6D4G_circle-0{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.DE6D4G_circle-1{background:linear-gradient(135deg,#10b981,#047857)}.DE6D4G_circle-2{background:linear-gradient(135deg,#f59e0b,#d97706)}.DE6D4G_circle-3{background:linear-gradient(135deg,#ec4899,#be185d)}.DE6D4G_circle-4{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.DE6D4G_notebook-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.DE6D4G_notebook-name-row{align-items:center;gap:6px;min-width:0;display:flex}.DE6D4G_notebook-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.DE6D4G_saved-check{color:#10b981;flex-shrink:0;width:15px;height:15px}.DE6D4G_notebook-count{color:#64748b;align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:flex}.DE6D4G_notebook-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.DE6D4G_nb-manage-group{border-right:1px solid #e2e8f0;align-items:center;gap:.3rem;padding-right:.45rem;display:inline-flex}.DE6D4G_notebook-quick-actions{border-top:1px dashed #e2e8f0;flex-wrap:wrap;justify-content:flex-start;gap:.38rem;width:100%;padding-top:.45rem;display:flex}.DE6D4G_nb-quick-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.32rem;min-height:26px;padding:0 .6rem;font-size:.71rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.DE6D4G_nb-quick-preview{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.DE6D4G_nb-quick-preview:hover{background:#e0f2fe;transform:translateY(-1px)}.DE6D4G_nb-quick-practice{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.DE6D4G_nb-quick-practice:hover{background:#e0f2fe;transform:translateY(-1px)}.DE6D4G_nb-quick-flashcard{color:#7c3aed;background:#faf5ff;border-color:#e9d5ff}.DE6D4G_nb-quick-flashcard:hover{background:#ede9fe;transform:translateY(-1px)}.DE6D4G_nb-quick-custom{color:#475569;background:#f8fafc;border-color:#cbd5e1}.DE6D4G_nb-quick-custom:hover{color:#0f172a;background:#f1f5f9;transform:translateY(-1px)}.DE6D4G_nb-open-full-link{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:5px;padding:.35rem .7rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.DE6D4G_nb-open-full-link:hover{background:#e0f2fe}.DE6D4G_preset-chips-wrap{flex-direction:column;gap:.35rem;margin-top:.65rem;display:flex}.DE6D4G_preset-chips-label{color:#64748b;font-size:.74rem;font-weight:600}.DE6D4G_preset-chips-list{flex-wrap:wrap;gap:.35rem;display:flex}.DE6D4G_preset-chip{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:4px 10px;font-size:.73rem;font-weight:600;transition:all .16s}.DE6D4G_preset-chip:hover,.DE6D4G_preset-chip.DE6D4G_active{color:#047857;background:#ecfdf5;border-color:#10b981}.DE6D4G_avp-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:.4rem;padding:.55rem 1rem;display:flex}.DE6D4G_avp-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.45rem .75rem;font-size:.78rem;font-weight:600;transition:all .18s;display:inline-flex}.DE6D4G_avp-tab.DE6D4G_active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0284c740}.DE6D4G_avp-switch-custom-btn{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:999px;align-items:center;gap:6px;margin-top:.35rem;padding:.5rem 1rem;font-size:.78rem;font-weight:600;transition:all .18s;display:inline-flex}.DE6D4G_avp-switch-custom-btn:hover{background:#e0f2fe}.DE6D4G_avp-custom-form{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.DE6D4G_avp-custom-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.DE6D4G_nb-icon-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s;display:flex}.DE6D4G_nb-btn-eye{color:#0284c7;background:#f0f9ff;border-color:#e0f2fe}.DE6D4G_nb-btn-edit{color:#475569;background:#f8fafc;border-color:#e2e8f0}.DE6D4G_nb-btn-trash{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.DE6D4G_nb-icon-btn:hover{transform:translateY(-1px)}.DE6D4G_nb-btn-eye:hover{color:#fff;background:#0284c7;border-color:#0284c7}.DE6D4G_nb-btn-edit:hover{color:#fff;background:#475569;border-color:#475569}.DE6D4G_nb-btn-trash:hover{color:#fff;background:#ef4444;border-color:#ef4444}.DE6D4G_nb-action-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:.32rem .72rem;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.DE6D4G_nb-action-btn:disabled{opacity:.6;cursor:not-allowed}.DE6D4G_nb-btn-add{color:#fff;background:#0284c7;box-shadow:0 2px 6px #0284c740}.DE6D4G_nb-btn-add:hover:not(:disabled){background:#0369a1;transform:translateY(-1px);box-shadow:0 4px 10px #0284c759}.DE6D4G_nb-btn-saved{color:#047857;background:#d1fae5;border-color:#a7f3d0}.DE6D4G_nb-btn-saved:hover:not(:disabled){color:#065f46;background:#a7f3d0}.DE6D4G_spinning{animation:.8s linear infinite DE6D4G_spin}.DE6D4G_empty-state{text-align:center;color:#64748b;padding:2.5rem 1.5rem}.DE6D4G_empty-illust{color:#0ea5e9;background:linear-gradient(135deg,#f0f9ff 0%,#eef2ff 100%);border:1px solid #e0f2fe;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto .9rem;display:flex;box-shadow:0 4px 14px #0ea5e91f}.DE6D4G_empty-state h3{color:#374151;margin-bottom:.35rem;font-size:1rem;font-weight:600}.DE6D4G_empty-state p{margin-bottom:1.25rem;font-size:.84rem}.DE6D4G_btn-create-empty{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#667eea);border:none;border-radius:12px;align-items:center;gap:.375rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #0284c74d}.DE6D4G_btn-create-empty:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0284c766}.DE6D4G_message-bar{border-top:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:.82rem;font-weight:500;animation:.2s DE6D4G_fadeIn;display:flex}.DE6D4G_message-bar.DE6D4G_success{color:#059669;background:#f0fdf4;border-top-color:#bbf7d0}.DE6D4G_message-bar.DE6D4G_error{color:#dc2626;background:#fef2f2;border-top-color:#fecaca}.DE6D4G_message-bar span{flex:1}.DE6D4G_message-close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:opacity .2s}.DE6D4G_message-close:hover{opacity:.7}.DE6D4G_create-modal-overlay,.DE6D4G_edit-modal-overlay,.DE6D4G_delete-modal-overlay,.DE6D4G_details-modal-overlay{z-index:13600}.DE6D4G_sub-modal-container{background:#fff;border-radius:14px;width:100%;max-width:420px;animation:.25s DE6D4G_slideUp;overflow:hidden;box-shadow:0 24px 64px #00000040}.DE6D4G_sub-modal-header{justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.DE6D4G_sub-modal-header.DE6D4G_green{background:#f0fdf4;border-bottom:1px solid #bbf7d0}.DE6D4G_sub-modal-header.DE6D4G_red{background:#fef2f2;border-bottom:1px solid #fecaca}.DE6D4G_sub-modal-header.DE6D4G_blue{background:#f0f9ff;border-bottom:1px solid #bae6fd}.DE6D4G_sub-header-left{align-items:center;gap:.875rem;display:flex}.DE6D4G_sub-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.DE6D4G_green-icon{color:#059669;background:#dcfce7}.DE6D4G_red-icon{color:#ef4444;background:#fee2e2}.DE6D4G_blue-icon{color:#0ea5e9;background:#e0f2fe}.DE6D4G_sub-modal-header h3{color:#0f172a;margin:0 0 2px;font-size:.97rem;font-weight:700}.DE6D4G_sub-modal-header p{color:#64748b;margin:0;font-size:.76rem}.DE6D4G_truncate{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.DE6D4G_close-btn-dark{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .18s;display:flex}.DE6D4G_close-btn-dark:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.DE6D4G_sub-modal-body{padding:1.25rem}.DE6D4G_field-label{color:#374151;margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}.DE6D4G_field-input{color:#1e293b;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:.65rem .9rem;font-size:.9rem;transition:border-color .2s}.DE6D4G_field-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0284c71a}.DE6D4G_field-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.DE6D4G_field-hint{text-align:right;color:#9ca3af;margin-top:.3rem;font-size:.72rem}.DE6D4G_delete-warning{color:#374151;margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.DE6D4G_delete-warning strong{color:#ef4444}.DE6D4G_sub-modal-footer{justify-content:flex-end;gap:.625rem;margin-top:1rem;display:flex}.DE6D4G_details-footer{justify-content:center;margin-top:0}.DE6D4G_btn-cancel{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .18s}.DE6D4G_btn-cancel:hover:not(:disabled){background:#f1f5f9}.DE6D4G_btn-cancel:disabled{opacity:.5;cursor:not-allowed}.DE6D4G_btn-submit{cursor:pointer;color:#fff;border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.DE6D4G_green-submit{background:#10b981}.DE6D4G_green-submit:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.DE6D4G_red-submit{background:#ef4444}.DE6D4G_red-submit:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.DE6D4G_blue-submit{background:#0ea5e9}.DE6D4G_blue-submit:hover:not(:disabled){background:#0284c7;transform:translateY(-1px)}.DE6D4G_btn-submit:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.DE6D4G_detail-list{margin-bottom:1.25rem}.DE6D4G_detail-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:.6rem;padding:.65rem 0;display:flex}.DE6D4G_detail-row:last-child{border-bottom:none}.DE6D4G_detail-icon{color:#9ca3af;flex-shrink:0;font-size:.95rem}.DE6D4G_detail-label{color:#374151;min-width:90px;font-size:.82rem;font-weight:600}.DE6D4G_detail-value{color:#64748b;flex:1;font-size:.85rem}.DE6D4G_badge-saved{font-weight:600;color:#059669!important}.DE6D4G_badge-none{color:#9ca3af!important}.DE6D4G_btn-detail-action{cursor:pointer;background:#fff;border:2px solid;border-radius:9px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.DE6D4G_btn-detail-action.DE6D4G_yellow{color:#d97706;border-color:#fde68a}.DE6D4G_btn-detail-action.DE6D4G_yellow:hover{background:#fffbeb;border-color:#f59e0b;transform:translateY(-1px)}.DE6D4G_btn-detail-action.DE6D4G_blue-btn{color:#0ea5e9;border-color:#bae6fd}.DE6D4G_btn-detail-action.DE6D4G_blue-btn:hover{background:#f0f9ff;border-color:#0ea5e9;transform:translateY(-1px)}@media (max-width:640px){.DE6D4G_modal-overlay{align-items:center;padding:1rem}.DE6D4G_modal-container{border-radius:16px;max-width:100%;max-height:85vh}.DE6D4G_notebook-row,.DE6D4G_modal-toolbar{padding:.75rem 1rem}.DE6D4G_sub-modal-container{max-width:calc(100% - 1rem);margin:0 .5rem}.DE6D4G_sub-modal-footer{flex-direction:column-reverse}.DE6D4G_btn-cancel,.DE6D4G_btn-submit{justify-content:center;width:100%}.DE6D4G_details-footer{flex-direction:column}.DE6D4G_btn-detail-action{justify-content:center;width:100%}}.DE6D4G_vocab-detail-body{padding:0}.DE6D4G_detail-loading{color:#64748b;justify-content:center;align-items:center;gap:10px;padding:2rem;display:flex}.DE6D4G_detail-spinner{border:2.5px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite DE6D4G_nb-spin}@keyframes DE6D4G_nb-spin{to{transform:rotate(360deg)}}.DE6D4G_detail-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:2rem;display:flex}.DE6D4G_detail-empty-icon{width:36px;height:36px}.DE6D4G_detail-vocab-list{max-height:300px;padding:.25rem 0;overflow-y:auto}.DE6D4G_dv-item{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:.625rem 1.25rem;transition:background .15s;display:flex}.DE6D4G_dv-item:hover{background:#f8fafc}.DE6D4G_dv-item:last-child{border-bottom:none}.DE6D4G_dv-left{flex-direction:column;gap:1px;min-width:0;display:flex}.DE6D4G_dv-word{font-size:calc(1.1rem + var(--chinese-font-size-adjust,0px));font-weight:var(--chinese-font-weight,700);color:#0f172a;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.DE6D4G_dv-meaning{color:#475569;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.82rem;overflow:hidden}.DE6D4G_detail-count{color:#94a3b8;align-self:center;font-size:.82rem}.DE6D4G_dv-card{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.DE6D4G_dv-card:hover{background:#fafafa}.DE6D4G_dv-card:last-child{border-bottom:none}.DE6D4G_dv-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.DE6D4G_dv-word-row{align-items:baseline;gap:8px;display:flex}.DE6D4G_dv-word{font-size:calc(1.5rem + var(--chinese-font-size-adjust,0px));font-weight:var(--chinese-font-weight,700);color:#0f172a;line-height:1.2;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.DE6D4G_dv-pinyin{color:#64748b;font-size:.82rem}.DE6D4G_dv-badges{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.DE6D4G_dv-meaning{color:#475569;margin-top:3px;font-size:.88rem}.DE6D4G_dv-note-display{color:#78350f;background:#fffbeb;border-left:2px solid #f59e0b;border-radius:4px;align-items:flex-start;gap:4px;margin-top:5px;padding:4px 8px;font-size:.78rem;line-height:1.4;display:flex}.DE6D4G_dv-note-icon{color:#d97706;flex-shrink:0;margin-top:1px;font-size:.8rem}.DE6D4G_dv-badge{border-radius:20px;padding:2px 8px;font-size:.68rem;font-weight:600}.DE6D4G_dv-badge-hsk{color:#0369a1;background:#e0f2fe}.DE6D4G_dv-badge-gray{color:#64748b;background:#f1f5f9}.DE6D4G_dv-actions{flex-direction:row;flex-shrink:0;align-items:center;gap:5px;display:flex}.DE6D4G_dv-btn{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;text-decoration:none;transition:all .18s;display:flex}.DE6D4G_dv-btn-audio{color:#0ea5e9;background:#f0f9ff;border-color:#bae6fd}.DE6D4G_dv-btn-audio:hover{background:#e0f2fe}.DE6D4G_dv-btn-info{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.DE6D4G_dv-btn-info:hover{background:#e0e7ff}.DE6D4G_dv-btn-del{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.DE6D4G_dv-btn-del:hover{background:#fee2e2}.DE6D4G_dv-btn-note{color:#d97706;background:#fffbeb;border-color:#fde68a}.DE6D4G_dv-btn-note:hover{background:#fde68a}.DE6D4G_nb-detail-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.DE6D4G_nb-detail-footer-actions{gap:.5rem;display:flex}.DE6D4G_nb-btn-green{color:#065f46;background:#d1fae5;border:1.5px solid #6ee7b7}.DE6D4G_nb-btn-green:hover{background:#6ee7b7}.DE6D4G_nb-btn-violet{color:#5b21b6;background:#ede9fe;border:1.5px solid #c4b5fd}.DE6D4G_nb-btn-violet:hover{background:#c4b5fd}.DE6D4G_nb-btn-orange{color:#9a3412;background:#ffedd5;border:1.5px solid #fdba74}.DE6D4G_nb-btn-orange:hover{background:#fdba74}.DE6D4G_nb-detail-container{max-width:600px!important}.DE6D4G_detail-vocab-list{max-height:420px}.DE6D4G_dv-note-edit{background:#fffbeb;border-top:1px solid #fde68a;padding:8px 16px 10px}.DE6D4G_dv-note-input{resize:none;background:#fff;border:1.5px solid #fde68a;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:.85rem}.DE6D4G_dv-note-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.DE6D4G_dv-note-btn{cursor:pointer;border:1.5px solid #0000;border-radius:6px;padding:4px 14px;font-size:.8rem;font-weight:600}.DE6D4G_dv-note-btn.DE6D4G_cancel{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.DE6D4G_dv-note-btn.DE6D4G_save{color:#92400e;background:#fde68a;border-color:#f59e0b}.DE6D4G_dv-note-btn.DE6D4G_del{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.DE6D4G_dv-confirm-del{color:#991b1b;background:#fef2f2;border-top:1px solid #fca5a5;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.82rem;display:flex}.DE6D4G_dv-btn-note.DE6D4G_active{background:#fde68a;border-color:#f59e0b}.DE6D4G_dv-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#0f172a73;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.DE6D4G_dv-overlay-panel{background:#fff;border-radius:12px;width:280px;padding:16px 20px;box-shadow:0 8px 32px #0003}.DE6D4G_dv-overlay-panel.DE6D4G_dv-overlay-del{border-top:3px solid #ef4444}.DE6D4G_dv-overlay-header{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.DE6D4G_dv-overlay-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:2px;font-size:1rem;display:flex}.DE6D4G_dv-overlay-close:hover{color:#475569}.DE6D4G_dv-del-msg{color:#64748b;margin:0 0 14px;font-size:.88rem}.DE6D4G_nb-detail-container{position:relative}.DE6D4G_dv-word-row{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.DE6D4G_dv-scroll-sentinel{justify-content:center;align-items:center;padding:10px;display:flex}.DE6D4G_dv-loading-more{color:#64748b;align-items:center;gap:8px;font-size:.82rem;display:flex}.DE6D4G_detail-spinner.DE6D4G_small{border-width:2px;width:16px;height:16px}.DE6D4G_dv-end-msg{color:#94a3b8;text-align:center;font-size:.75rem}.DE6D4G_avp-modal-overlay{z-index:13600!important}.DE6D4G_avp-modal{background:#fff;border-radius:16px;flex-direction:column;width:480px;max-width:95vw;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.DE6D4G_avp-modal-header{background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border-bottom:1px solid #e0e7ff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.DE6D4G_avp-title{color:#4338ca;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.DE6D4G_avp-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex}.DE6D4G_avp-close:hover{color:#1f2937;background:#f3f4f6}.DE6D4G_avp-search-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:14px 16px;display:flex}.DE6D4G_avp-search-wrap{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 12px;transition:border-color .2s;display:flex}.DE6D4G_avp-search-wrap:focus-within{background:#fff;border-color:#0284c7}.DE6D4G_avp-search-icon{color:#9ca3af;flex-shrink:0}.DE6D4G_avp-search-input{background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.DE6D4G_avp-loading{justify-content:center;align-items:center;padding:24px;display:flex}.DE6D4G_avp-empty{color:#9ca3af;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:.85rem;display:flex}.DE6D4G_avp-empty-icon{opacity:.4;font-size:2rem}.DE6D4G_avp-results{flex:1;max-height:340px;overflow-y:auto}.DE6D4G_avp-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;transition:background .15s;display:flex}.DE6D4G_avp-item:hover{background:#fafafa}.DE6D4G_avp-item:last-child{border-bottom:none}.DE6D4G_avp-item-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.DE6D4G_avp-word{font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif);font-size:calc(1.15rem + var(--chinese-font-size-adjust,0px));font-weight:var(--chinese-font-weight,700);color:#111827;flex-shrink:0}.DE6D4G_avp-pinyin{color:#0284c7;flex-shrink:0;font-size:.78rem;font-style:italic}.DE6D4G_avp-meaning{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.DE6D4G_avp-toast{border-bottom:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;font-weight:500;display:flex}.DE6D4G_avp-toast.DE6D4G_success{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.DE6D4G_avp-toast.DE6D4G_error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.DE6D4G_avp-toast-enter-active,.DE6D4G_avp-toast-leave-active{transition:opacity .3s,transform .3s}.DE6D4G_avp-toast-enter-from,.DE6D4G_avp-toast-leave-to{opacity:0;transform:translateY(-6px)}.DE6D4G_btn-add-sm{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1px solid #bee3f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1rem;transition:all .2s;display:flex}.DE6D4G_btn-add-sm:hover{color:#fff;background:#0284c7}.DE6D4G_btn-add-sm:disabled{opacity:.5;cursor:not-allowed}.DE6D4G_nbm-vocab-card{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:1px solid #d0daf0;border-radius:12px;margin:0 20px 16px;padding:16px}.DE6D4G_nbm-vocab-card.DE6D4G_nbm-vocab-loading{color:#6b7280;align-items:center;gap:10px;font-size:.85rem;display:flex}.DE6D4G_nbm-vocab-main{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.DE6D4G_nbm-vocab-hanzi{color:#1e293b;font-size:1.6rem;font-weight:700}.DE6D4G_nbm-vocab-pinyin{color:#6366f1;font-size:.95rem;font-weight:500}.DE6D4G_nbm-vocab-type{color:#8b5cf6;background:#ede9fe;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:500}.DE6D4G_nbm-vocab-meaning{color:#475569;margin-top:6px;font-size:.88rem;line-height:1.4}.DE6D4G_nbm-note-section{border-top:1px solid #d0daf0;margin-top:12px;padding-top:12px}.DE6D4G_nbm-note-label{color:#64748b;align-items:center;gap:4px;margin-bottom:6px;font-size:.78rem;font-weight:500;display:flex}.DE6D4G_nbm-note-input{resize:vertical;color:#1e293b;background:#fff;border:1px solid #d0daf0;border-radius:8px;width:100%;padding:10px 12px;font-size:.85rem;line-height:1.4;transition:border-color .2s}.DE6D4G_nbm-note-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.DE6D4G_nbm-note-input::placeholder{color:#94a3b8}.DE6D4G_nbm-confirm-overlay{z-index:var(--z-modal-quaternary,10300)}.DE6D4G_nbm-confirm-container{max-width:480px}.DE6D4G_nbm-confirm-container .DE6D4G_nbm-vocab-card{margin:0 0 16px}.DE6D4G_nbm-confirm-container .DE6D4G_nbm-note-section{border-top:none;margin-top:0;padding-top:0}.DE6D4G_nbm-tag-section{margin-bottom:14px}.DE6D4G_nbm-tag-list{flex-wrap:wrap;gap:8px;display:flex}.DE6D4G_nbm-tag-pill{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;transition:all .2s;display:flex}.DE6D4G_nbm-tag-pill:hover{background:#f1f5f9;border-color:#94a3b8}.DE6D4G_nbm-tag-name{font-weight:600}.DE6D4G_nbm-tag-desc{color:#94a3b8;font-size:.7rem}.DE6D4G_nbm-tag-pill.DE6D4G_tag-easy.DE6D4G_active{color:#16a34a;background:#f0fdf4;border-color:#22c55e}.DE6D4G_nbm-tag-pill.DE6D4G_tag-easy.DE6D4G_active .DE6D4G_nbm-tag-desc{color:#4ade80}.DE6D4G_nbm-tag-pill.DE6D4G_tag-normal.DE6D4G_active{color:#0284c7;background:#f0f9ff;border-color:#0ea5e9}.DE6D4G_nbm-tag-pill.DE6D4G_tag-normal.DE6D4G_active .DE6D4G_nbm-tag-desc{color:#38bdf8}.DE6D4G_nbm-tag-pill.DE6D4G_tag-hard.DE6D4G_active{color:#dc2626;background:#fef2f2;border-color:#ef4444}.DE6D4G_nbm-tag-pill.DE6D4G_tag-hard.DE6D4G_active .DE6D4G_nbm-tag-desc{color:#f87171}.DE6D4G_nbm-tag-pill.DE6D4G_tag-trap.DE6D4G_active{color:#d97706;background:#fffbeb;border-color:#f59e0b}.DE6D4G_nbm-tag-pill.DE6D4G_tag-trap.DE6D4G_active .DE6D4G_nbm-tag-desc{color:#fbbf24}.DE6D4G_nbm-tag-pill.DE6D4G_tag-active.DE6D4G_active{color:#7c3aed;background:#f5f3ff;border-color:#8b5cf6}.DE6D4G_nbm-tag-pill.DE6D4G_tag-active.DE6D4G_active .DE6D4G_nbm-tag-desc{color:#a78bfa}.DE6D4G_nbm-tag-pill.DE6D4G_tag-passive.DE6D4G_active{color:#4b5563;background:#f3f4f6;border-color:#6b7280}.DE6D4G_nbm-tag-pill.DE6D4G_tag-passive.DE6D4G_active .DE6D4G_nbm-tag-desc{color:#9ca3af}.DE6D4G_dv-badge-tag{font-size:.65rem;font-weight:600}.DE6D4G_dv-tag-easy{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.DE6D4G_dv-tag-normal{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.DE6D4G_dv-tag-hard{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.DE6D4G_dv-tag-trap{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.DE6D4G_dv-tag-active{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.DE6D4G_dv-tag-passive{color:#4b5563;background:#f3f4f6;border:1px solid #d1d5db}.dark .DE6D4G_modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf}.dark .DE6D4G_modal-container{color:#f1f5f9;background:#0f172a;border:1px solid #1e293b;box-shadow:0 25px 60px #000000a6,0 0 0 1px #ffffff0d}.dark .DE6D4G_modal-header{background:linear-gradient(135deg,#0c4a6e 0%,#1e1b4b 100%);border-bottom:1px solid #1e293b}.dark .DE6D4G_header-emoji{color:#f8fafc;background:#ffffff1f}.dark .DE6D4G_modal-header h2{color:#fff}.dark .DE6D4G_modal-header p{color:#ffffffbf}.dark .DE6D4G_close-btn{color:#f8fafc;background:#ffffff1f}.dark .DE6D4G_close-btn:hover{background:#ffffff40}.dark .DE6D4G_modal-toolbar{background:#0b1329;border-bottom:1px solid #1e293b}.dark .DE6D4G_search-icon{color:#64748b}.dark .DE6D4G_search-input{color:#f8fafc;background:#1e293b;border-color:#334155}.dark .DE6D4G_search-input::placeholder{color:#64748b}.dark .DE6D4G_search-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.dark .DE6D4G_btn-create{color:#fff;background:linear-gradient(135deg,#0284c7,#4f46e5);box-shadow:0 2px 8px #0284c759}.dark .DE6D4G_btn-create:hover{box-shadow:0 4px 16px #0284c780}.dark .DE6D4G_modal-body{background:#0f172a}.dark .DE6D4G_notebook-card{background:#151f32;border-color:#1e293b}.dark .DE6D4G_notebook-card:hover{background:#1b2842;border-color:#334155;box-shadow:0 4px 16px #00000059}.dark .DE6D4G_notebook-card.DE6D4G_is-saved{background:#10b9811a;border-color:#10b98159}.dark .DE6D4G_notebook-card.DE6D4G_is-saved:hover{background:#10b98126;border-color:#10b9818c;box-shadow:0 4px 16px #10b98126}.dark .DE6D4G_notebook-name{color:#f8fafc}.dark .DE6D4G_saved-check{color:#34d399}.dark .DE6D4G_notebook-count{color:#94a3b8}.dark .DE6D4G_nb-btn-eye{color:#38bdf8;background:#0ea5e926;border-color:#0ea5e940}.dark .DE6D4G_nb-btn-eye:hover{color:#fff;background:#0284c7;border-color:#0284c7}.dark .DE6D4G_nb-btn-edit{color:#94a3b8;background:#1e293b;border-color:#334155}.dark .DE6D4G_nb-btn-edit:hover{color:#f8fafc;background:#334155;border-color:#475569}.dark .DE6D4G_nb-btn-trash{color:#f87171;background:#ef444426;border-color:#ef444440}.dark .DE6D4G_nb-btn-trash:hover{color:#fff;background:#dc2626;border-color:#dc2626}.dark .DE6D4G_nb-btn-add{color:#fff;background:#0284c7;box-shadow:0 2px 6px #0284c759}.dark .DE6D4G_nb-btn-add:hover:not(:disabled){background:#0369a1;box-shadow:0 4px 12px #0284c773}.dark .DE6D4G_nb-btn-saved{color:#34d399;background:#10b9812e;border-color:#10b98166}.dark .DE6D4G_nb-btn-saved:hover:not(:disabled){color:#6ee7b7;background:#10b9814d}.dark .DE6D4G_notebook-quick-actions{border-top-color:#1e293b}.dark .DE6D4G_nb-manage-group{border-right-color:#1e293b}.dark .DE6D4G_nb-quick-preview{color:#38bdf8;background:#0ea5e924;border-color:#0ea5e94d}.dark .DE6D4G_nb-quick-preview:hover{background:#0ea5e93d}.dark .DE6D4G_nb-quick-custom{color:#cbd5e1;background:#1e293b;border-color:#334155}.dark .DE6D4G_nb-quick-custom:hover{color:#fff;background:#334155}.dark .DE6D4G_vocab-save-options{background:#0b1329;border-bottom-color:#1e293b}.dark .DE6D4G_vocab-tag-label{color:#94a3b8}.dark .DE6D4G_vocab-tag-chip{color:#cbd5e1;background:#1e293b;border-color:#334155}.dark .DE6D4G_vocab-tag-chip:hover{background:#334155;border-color:#475569}.dark .DE6D4G_chip-easy-active{color:#34d399;background:#10b9812e;border-color:#10b981}.dark .DE6D4G_chip-normal-active{color:#38bdf8;background:#0ea5e92e;border-color:#0ea5e9}.dark .DE6D4G_chip-hard-active{color:#f87171;background:#ef44442e;border-color:#ef4444}.dark .DE6D4G_chip-trap-active{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b}.dark .DE6D4G_vocab-note-toggle{color:#cbd5e1;background:#1e293b;border-color:#475569}:is(.dark .DE6D4G_vocab-note-toggle:hover,.dark .DE6D4G_vocab-note-toggle.DE6D4G_active){color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b}.dark .DE6D4G_vocab-note-field{color:#f8fafc;background:#1e293b;border-color:#334155}.dark .DE6D4G_nb-open-full-link{color:#38bdf8;background:#0ea5e926;border-color:#0ea5e94d}.dark .DE6D4G_preset-chip{color:#cbd5e1;background:#1e293b;border-color:#334155}:is(.dark .DE6D4G_preset-chip:hover,.dark .DE6D4G_preset-chip.DE6D4G_active){color:#34d399;background:#10b9812e;border-color:#10b981}.dark .DE6D4G_avp-tabs{background:#0b1329;border-bottom-color:#1e293b}.dark .DE6D4G_avp-tab{color:#94a3b8;background:#1e293b;border-color:#334155}.dark .DE6D4G_avp-tab.DE6D4G_active{color:#fff;background:#0284c7;border-color:#0284c7}.dark .DE6D4G_avp-switch-custom-btn{color:#38bdf8;background:#0ea5e926;border-color:#0ea5e959}.dark .DE6D4G_nb-quick-practice{color:#38bdf8;background:#0ea5e91f;border-color:#0ea5e94d}.dark .DE6D4G_nb-quick-practice:hover{background:#0ea5e938}.dark .DE6D4G_nb-quick-flashcard{color:#c084fc;background:#a855f71f;border-color:#a855f74d}.dark .DE6D4G_nb-quick-flashcard:hover{background:#a855f738}.dark .DE6D4G_loading-section{color:#94a3b8}.dark .DE6D4G_loading-spinner{border-color:#0ea5e9 #334155 #334155}.dark .DE6D4G_empty-state{color:#94a3b8}.dark .DE6D4G_empty-illust{color:#38bdf8;background:#0ea5e924;border-color:#0ea5e947;box-shadow:0 4px 16px #0000004d}.dark .DE6D4G_target-vocab-strip{background:#0f172a73;border-color:#94a3b840}.dark .DE6D4G_target-vocab-pinyin{color:#fcd34d}.dark .DE6D4G_empty-state h3{color:#f8fafc}.dark .DE6D4G_dv-card{border-bottom-color:#1e293b}.dark .DE6D4G_dv-card:hover{background:#151f32}.dark .DE6D4G_dv-word{color:#f8fafc}.dark .DE6D4G_dv-pinyin{color:#7dd3fc}.dark .DE6D4G_dv-meaning{color:#cbd5e1}.DE6D4G_dv-card .DE6D4G_dv-meaning{white-space:normal;max-width:100%;text-overflow:unset;overflow:visible}.dark .DE6D4G_dv-note-display{color:#fde68a;background:#f59e0b24;border-left-color:#f59e0b}.dark .DE6D4G_dv-note-icon{color:#fbbf24}.dark .DE6D4G_dv-btn-audio{color:#38bdf8;background:#0ea5e929;border-color:#0ea5e952}.dark .DE6D4G_dv-btn-audio:hover{color:#fff;background:#0284c7}.dark .DE6D4G_dv-btn-del{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark .DE6D4G_dv-btn-del:hover{color:#fff;background:#dc2626}.dark .DE6D4G_dv-tag-easy{color:#34d399;background:#10b9812e;border-color:#10b98159}.dark .DE6D4G_dv-tag-normal{color:#38bdf8;background:#0ea5e92e;border-color:#0ea5e959}.dark .DE6D4G_dv-tag-hard{color:#f87171;background:#ef44442e;border-color:#ef444459}.dark .DE6D4G_dv-tag-trap{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b59}.dark .DE6D4G_dv-badge-hsk{color:#7dd3fc;background:#0ea5e933}.dark .DE6D4G_dv-badge-gray{color:#94a3b8;background:#1e293b}.dark .DE6D4G_nb-detail-footer{background:#0b1329;border-top-color:#1e293b}.dark .DE6D4G_dv-overlay-panel{background:#1e293b;border:1px solid #334155}.dark .DE6D4G_dv-overlay-header{color:#f8fafc}.dark .DE6D4G_dv-note-input{color:#f8fafc;background:#0f172a;border-color:#475569}.dark .DE6D4G_empty-state p{color:#94a3b8}.dark .DE6D4G_btn-create-empty{background:linear-gradient(135deg,#0284c7,#4f46e5);box-shadow:0 3px 12px #0284c759}.dark .DE6D4G_message-bar.DE6D4G_success{color:#34d399;background:#10b98126;border-top-color:#10b9814d}.dark .DE6D4G_message-bar.DE6D4G_error{color:#f87171;background:#ef444426;border-top-color:#ef44444d}.dark .DE6D4G_sub-modal-container{color:#f8fafc;background:#0f172a;border:1px solid #1e293b;box-shadow:0 24px 64px #000000b3}.dark .DE6D4G_sub-modal-header.DE6D4G_green{background:#10b9811f;border-bottom:1px solid #10b98140}.dark .DE6D4G_sub-modal-header.DE6D4G_green .DE6D4G_sub-icon-wrap{color:#34d399;background:#10b98133}.dark .DE6D4G_sub-modal-header.DE6D4G_blue{background:#0ea5e91f;border-bottom:1px solid #0ea5e940}.dark .DE6D4G_sub-modal-header.DE6D4G_blue .DE6D4G_sub-icon-wrap{color:#38bdf8;background:#0ea5e933}.dark .DE6D4G_sub-modal-header.DE6D4G_red{background:#ef44441f;border-bottom:1px solid #ef444440}.dark .DE6D4G_sub-modal-header.DE6D4G_red .DE6D4G_sub-icon-wrap{color:#f87171;background:#ef444433}.dark .DE6D4G_sub-modal-header h3{color:#f8fafc}.dark .DE6D4G_sub-modal-header p{color:#94a3b8}.dark .DE6D4G_close-btn-dark{color:#94a3b8;background:#1e293b;border-color:#334155}.dark .DE6D4G_close-btn-dark:hover{color:#f87171;background:#ef444433;border-color:#ef4444}.dark .DE6D4G_field-label{color:#cbd5e1}.dark .DE6D4G_field-input{color:#f8fafc;background:#1e293b;border-color:#334155}.dark .DE6D4G_field-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.dark .DE6D4G_field-input:disabled{color:#64748b;background:#0b1329}.dark .DE6D4G_field-hint{color:#64748b}.dark .DE6D4G_delete-warning{color:#cbd5e1}.dark .DE6D4G_delete-warning strong{color:#f87171}.dark .DE6D4G_btn-cancel{color:#94a3b8;background:#1e293b;border-color:#334155}.dark .DE6D4G_btn-cancel:hover:not(:disabled){color:#f8fafc;background:#334155}.dark .DE6D4G_avp-modal{background:#0f172a;border:1px solid #1e293b;box-shadow:0 20px 60px #0009}.dark .DE6D4G_avp-modal-header{background:linear-gradient(135deg,#1e1b4b 0%,#1e293b 100%);border-bottom:1px solid #1e293b}.dark .DE6D4G_avp-title{color:#a5b4fc}.dark .DE6D4G_avp-close{color:#94a3b8}.dark .DE6D4G_avp-close:hover{color:#f8fafc;background:#1e293b}.dark .DE6D4G_avp-search-row{background:#0b1329;border-bottom:1px solid #1e293b}.dark .DE6D4G_avp-search-wrap{background:#1e293b;border-color:#334155}.dark .DE6D4G_avp-search-wrap:focus-within{background:#1e293b;border-color:#0ea5e9}.dark .DE6D4G_avp-search-icon{color:#64748b}.dark .DE6D4G_avp-search-input{color:#f8fafc}.dark .DE6D4G_avp-search-input::placeholder{color:#64748b}.dark .DE6D4G_avp-item{border-bottom-color:#1e293b}.dark .DE6D4G_avp-item:hover{background:#151f32}.dark .DE6D4G_avp-word{color:#f8fafc}.dark .DE6D4G_avp-pinyin{color:#38bdf8}.dark .DE6D4G_avp-meaning{color:#94a3b8}.dark .DE6D4G_btn-add-sm{color:#38bdf8;background:#0ea5e926;border-color:#0ea5e94d}.dark .DE6D4G_btn-add-sm:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#0284c7}.dark .DE6D4G_avp-toast.DE6D4G_success{color:#34d399;background:#10b98126;border-color:#10b9814d}.dark .DE6D4G_avp-toast.DE6D4G_error{color:#f87171;background:#ef444426;border-color:#ef44444d}
.aIFWLG_video-overlay{z-index:var(--z-modal-base,10000);-webkit-user-select:none;user-select:none;background:#070b14;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px 16px;animation:.3s aIFWLG_videoFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.dark .aIFWLG_video-overlay{background:#070b14}.aIFWLG_video-bg-artwork{z-index:0;background-position:50%;background-size:cover;transition:background-image .35s;position:absolute;inset:0}.aIFWLG_video-bg-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle,#070b1659 0%,#050812b8 100%);position:absolute;inset:0}@keyframes aIFWLG_videoFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.aIFWLG_video-progress-bar{z-index:20;background:#e2e8f0;height:4px;position:absolute;top:0;left:0;right:0}.dark .aIFWLG_video-progress-bar{background:#1e293b}.aIFWLG_video-progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:0 2px 2px 0;height:100%;transition:width .4s}.aIFWLG_video-close{color:#64748b;cursor:pointer;z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.dark .aIFWLG_video-close{color:#94a3b8;background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0000004d}.aIFWLG_video-close:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:scale(1.05)}.dark .aIFWLG_video-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.aIFWLG_video-settings-btn-mod{color:#64748b;cursor:pointer;z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.dark .aIFWLG_video-settings-btn-mod{color:#94a3b8;background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0000004d}.aIFWLG_video-settings-btn-mod:hover{color:#0ea5e9;background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.dark .aIFWLG_video-settings-btn-mod:hover{color:#38bdf8;background:#334155;border-color:#475569}.aIFWLG_video-card-wrapper{z-index:10;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:12px;width:92%;max-width:880px;min-height:0;display:flex;position:relative}.aIFWLG_video-counter{color:#94a3b8;letter-spacing:.1em;font-size:.875rem;font-weight:600}.dark .aIFWLG_video-counter{color:#64748b}.aIFWLG_video-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#0f172ab8;border:2px solid #ffffff1f;border-radius:26px;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;width:100%;min-height:0;max-height:100%;padding:26px 36px 22px;transition:all .3s;display:flex;overflow-y:auto;box-shadow:0 18px 44px #0000008c}.dark .aIFWLG_video-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab8;border-color:#ffffff1f;box-shadow:0 18px 44px #0000008c}.aIFWLG_video-hero-section{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.aIFWLG_video-hero-section.aIFWLG_has-image{flex-direction:row;justify-content:center;align-items:center;gap:36px;width:100%;max-width:720px;margin:0 auto;padding:4px 8px;display:flex}.aIFWLG_video-hero-left{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;width:100%;max-width:460px;display:flex}.aIFWLG_video-hero-right{flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:680px){.aIFWLG_video-hero-section.aIFWLG_has-image{flex-direction:column;gap:14px}}:is(.aIFWLG_video-card.aIFWLG_step-chinese,.aIFWLG_video-card.step-chinese,.aIFWLG_video-card[class*=step-chinese]){border-color:#818cf8;box-shadow:0 0 24px #818cf833}:is(.dark .aIFWLG_video-card.aIFWLG_step-chinese,.dark .aIFWLG_video-card.step-chinese,.dark .aIFWLG_video-card[class*=step-chinese]){border-color:#6366f1;box-shadow:0 0 28px #6366f159}:is(.aIFWLG_video-card.aIFWLG_step-meaning,.aIFWLG_video-card.step-meaning,.aIFWLG_video-card[class*=step-meaning]){border-color:#34d399;box-shadow:0 0 24px #34d39933}:is(.dark .aIFWLG_video-card.aIFWLG_step-meaning,.dark .aIFWLG_video-card.step-meaning,.dark .aIFWLG_video-card[class*=step-meaning]){border-color:#10b981;box-shadow:0 0 28px #10b98159}:is(.aIFWLG_video-card.aIFWLG_step-example,.aIFWLG_video-card.step-example,.aIFWLG_video-card[class*=step-example]){border-color:#fbbf24;box-shadow:0 0 24px #fbbf2433}:is(.dark .aIFWLG_video-card.aIFWLG_step-example,.dark .aIFWLG_video-card.step-example,.dark .aIFWLG_video-card[class*=step-example]){border-color:#f59e0b;box-shadow:0 0 28px #f59e0b59}.aIFWLG_video-chinese{color:#1e293b;letter-spacing:.05em;font-size:4.5rem;font-weight:700;line-height:1.2;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.dark .aIFWLG_video-chinese{color:#f8fafc}.aIFWLG_video-hanzi-writer{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:0;display:flex}.aIFWLG_video-hanzi-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:4px;display:flex;overflow:auto hidden}.aIFWLG_video-hanzi-grid{box-sizing:border-box;background:#fff;border:1.5px solid #94a3b8;border-radius:6px;flex-shrink:0;width:100px;height:100px;display:block}.dark .aIFWLG_video-hanzi-grid{background:#0f172a;border-color:#334155}.aIFWLG_video-pinyin{color:#6366f1;margin-top:-4px;font-size:1.4rem;font-weight:600}.dark .aIFWLG_video-pinyin{color:#818cf8}.aIFWLG_video-meaning{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;max-width:90%;margin-top:6px;padding:8px 20px;font-size:1.15rem;font-weight:600}.dark .aIFWLG_video-meaning{color:#34d399;background:#065f4640;border-color:#10b9814d}.aIFWLG_video-image{margin-top:0}.aIFWLG_video-image img{object-fit:cover;border:2px solid #e2e8f0;border-radius:18px;width:172px;height:172px;box-shadow:0 8px 22px #0000001f}.dark .aIFWLG_video-image img{border-color:#334155;box-shadow:0 10px 26px #00000073}.aIFWLG_video-example{text-align:center;background:#fffbeb;border:1px solid #fde68a;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:4px;padding:16px 24px 18px;display:flex}.dark .aIFWLG_video-example{background:#f59e0b14;border-color:#f59e0b40}.aIFWLG_video-example-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;display:flex}.aIFWLG_video-example-label{text-transform:uppercase;letter-spacing:.06em;color:#b45309;font-size:.72rem;font-weight:800}.dark .aIFWLG_video-example-label{color:#fbbf24;opacity:.85}.aIFWLG_video-example-replay{color:#b45309;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.dark .aIFWLG_video-example-replay{color:#fcd34d;background:#f59e0b29;border-color:#fbbf2459}.aIFWLG_video-example-replay:hover{background:#f59e0b42;transform:translateY(-1px)}:is(.aIFWLG_video-example .sentence-wrapper,.aIFWLG_video-example .chinese-sentence){text-align:center!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-end!important;row-gap:8px!important;width:100%!important}:is(.aIFWLG_video-example .character-container .hanzi,.aIFWLG_video-example [class*=character-container] [class*=hanzi]){font-size:1.85rem!important;font-weight:700!important;line-height:1.25!important}:is(.aIFWLG_video-example .character-container .pinyin,.aIFWLG_video-example [class*=character-container] [class*=pinyin]){font-size:1rem!important;line-height:1.2!important}:is(.aIFWLG_video-example .translation,.aIFWLG_video-example .vietnamese-text,.aIFWLG_video-example [class*=translation],.aIFWLG_video-example [class*=vietnamese-text]){font-style:italic;color:#92400e!important;text-align:center!important;width:100%!important;margin-top:8px!important;font-size:1.22rem!important;line-height:1.4!important}:is(.dark .aIFWLG_video-example .translation,.dark .aIFWLG_video-example .vietnamese-text,.dark .aIFWLG_video-example [class*=translation],.dark .aIFWLG_video-example [class*=vietnamese-text]){color:#fbbf24!important}:is(.aIFWLG_video-example .translation .highlight-char,.aIFWLG_video-example .translation .aIFWLG_highlight-char,.aIFWLG_video-example [class*=translation] .highlight-char,.aIFWLG_video-example [class*=translation] .aIFWLG_highlight-char){color:#dc2626!important;font-style:normal!important;font-weight:700!important}:is(.dark .aIFWLG_video-example .translation .highlight-char,.dark .aIFWLG_video-example .translation .aIFWLG_highlight-char,.dark .aIFWLG_video-example [class*=translation] .highlight-char,.dark .aIFWLG_video-example [class*=translation] .aIFWLG_highlight-char){color:#f87171!important;font-style:normal!important;font-weight:700!important}.dark .aIFWLG_video-example [class*=sentence-wrapper]{color:#f8fafc}:is(.dark .aIFWLG_video-example [class*=hanzi],.dark .aIFWLG_video-example .hanzi){color:#f8fafc!important}:is(.dark .aIFWLG_video-example [class*=pinyin],.dark .aIFWLG_video-example .pinyin){color:#7dd3fc!important}:is(.aIFWLG_video-example .karaoke-active,.aIFWLG_video-example [class*=karaoke-active]){border-radius:8px;transform:translateY(-2px);box-shadow:0 4px 14px #dc262640;background:#dc262626!important}:is(.dark .aIFWLG_video-example .karaoke-active,.dark .aIFWLG_video-example [class*=karaoke-active]){box-shadow:0 0 16px #f8717166;background:#f8717140!important}.aIFWLG_video-example [class*=karaoke-active] [class*=hanzi],.aIFWLG_video-example [class*=karaoke-active] [class*=hanzi] span{color:#dc2626!important;font-weight:800!important}.aIFWLG_video-example .karaoke-active .hanzi{color:#dc2626!important;font-weight:800!important}.aIFWLG_video-example .karaoke-active .hanzi span{color:#dc2626!important;font-weight:800!important}.dark .aIFWLG_video-example .karaoke-active .hanzi{text-shadow:0 0 10px #f8717180;color:#f87171!important;font-weight:800!important}.dark .aIFWLG_video-example .karaoke-active .hanzi span{text-shadow:0 0 10px #f8717180;color:#f87171!important;font-weight:800!important}.dark .aIFWLG_video-example [class*=karaoke-active] [class*=hanzi]{text-shadow:0 0 10px #f8717180;color:#f87171!important;font-weight:800!important}.dark .aIFWLG_video-example [class*=karaoke-active] [class*=hanzi] span{text-shadow:0 0 10px #f8717180;color:#f87171!important;font-weight:800!important}.aIFWLG_video-example [class*=karaoke-active] [class*=pinyin],.aIFWLG_video-example [class*=karaoke-active] [class*=pinyin] span{color:#dc2626!important;font-weight:800!important}.aIFWLG_video-example .karaoke-active .pinyin{color:#dc2626!important;font-weight:800!important}.aIFWLG_video-example .karaoke-active .pinyin span{color:#dc2626!important;font-weight:800!important}.dark .aIFWLG_video-example .karaoke-active .pinyin{color:#f87171!important;font-weight:800!important}.dark .aIFWLG_video-example .karaoke-active .pinyin span{color:#f87171!important;font-weight:800!important}.dark .aIFWLG_video-example [class*=karaoke-active] [class*=pinyin]{color:#f87171!important;font-weight:800!important}.dark .aIFWLG_video-example [class*=karaoke-active] [class*=pinyin] span{color:#f87171!important;font-weight:800!important}.aIFWLG_video-step-dots{gap:8px;margin-top:14px;display:flex}.aIFWLG_step-dot{background:#e2e8f0;border-radius:50%;width:8px;height:8px;transition:all .3s}.dark .aIFWLG_step-dot{background:#334155}.aIFWLG_step-dot.aIFWLG_active{background:#6366f1;transform:scale(1.3);box-shadow:0 0 10px #6366f180}.dark .aIFWLG_step-dot.aIFWLG_active{background:#818cf8;box-shadow:0 0 12px #818cf899}.aIFWLG_video-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffffff2;border:1px solid #e2e8f0;border-radius:24px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;max-width:96vw;padding:10px 20px;display:flex;position:relative;bottom:auto;box-shadow:0 8px 30px #0000001a}.dark .aIFWLG_video-controls{background:#1e293bf2;border-color:#334155;box-shadow:0 8px 30px #0006}.aIFWLG_vc-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex}.dark .aIFWLG_vc-btn{color:#94a3b8;background:#0f172a}.aIFWLG_vc-btn:hover:not(:disabled){color:#1e293b;background:#e2e8f0;transform:scale(1.06)}.dark .aIFWLG_vc-btn:hover:not(:disabled){color:#f8fafc;background:#334155}.aIFWLG_vc-btn:disabled{opacity:.35;cursor:not-allowed}.aIFWLG_vc-play{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);width:54px;height:54px;box-shadow:0 4px 14px #6366f166}.aIFWLG_vc-play:hover{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:scale(1.08)}.aIFWLG_vc-speed{flex-shrink:0;gap:4px;display:flex}.aIFWLG_vc-speed-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.dark .aIFWLG_vc-speed-btn{color:#94a3b8;background:#0f172a;border-color:#334155}.aIFWLG_vc-speed-btn:hover{color:#0ea5e9;border-color:#7dd3fc}.dark .aIFWLG_vc-speed-btn:hover{color:#38bdf8;border-color:#38bdf8}.aIFWLG_vc-speed-btn.aIFWLG_active{color:#fff;background:#6366f1;border-color:#6366f1}.dark .aIFWLG_vc-speed-btn.aIFWLG_active{color:#fff;background:#6366f1;border-color:#6366f1}.aIFWLG_vc-actions{border-left:2px solid #e2e8f0;flex-shrink:0;align-items:center;gap:6px;padding-left:10px;display:flex}.dark .aIFWLG_vc-actions{border-left-color:#334155}.aIFWLG_vwa-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.dark .aIFWLG_vwa-btn{color:#94a3b8;background:#0f172a;border-color:#334155}.aIFWLG_vwa-btn:hover{color:#0284c7;background:#f0f9ff;border-color:#7dd3fc;transform:translateY(-1px);box-shadow:0 2px 8px #0284c726}.dark .aIFWLG_vwa-btn:hover{color:#38bdf8;background:#1e293b;border-color:#38bdf8}.aIFWLG_vwa-btn.aIFWLG_vwa-active{color:#b45309;background:#fffbeb;border-color:#fbbf24}.dark .aIFWLG_vwa-btn.aIFWLG_vwa-active{color:#fbbf24;background:#b4530933;border-color:#d97706}.aIFWLG_vwa-btn.aIFWLG_vwa-noted{color:#15803d;background:#f0fdf4;border-color:#86efac}.dark .aIFWLG_vwa-btn.aIFWLG_vwa-noted{color:#4ade80;background:#15803d33;border-color:#16a34a}@media (max-width:768px){.aIFWLG_video-chinese{font-size:3rem}.aIFWLG_video-pinyin{font-size:1.15rem}.aIFWLG_video-meaning{font-size:1.05rem}.aIFWLG_video-card{min-height:220px;padding:28px 20px 20px}.aIFWLG_video-controls{gap:8px;padding:8px 12px;bottom:16px}.aIFWLG_vc-btn{width:40px;height:40px}.aIFWLG_vc-play{width:48px;height:48px}.aIFWLG_vc-actions{border-top:1px solid #e2e8f0;border-left:none;flex-wrap:wrap;justify-content:center;width:100%;padding-top:6px;padding-left:0}.dark .aIFWLG_vc-actions{border-top-color:#334155}.aIFWLG_vwa-btn{padding:5px 10px;font-size:.7rem}}@media (max-width:480px){.aIFWLG_video-chinese{font-size:2.4rem}.aIFWLG_video-meaning{font-size:.95rem}.aIFWLG_video-controls{border-radius:18px;gap:6px;padding:6px 10px;bottom:10px}.aIFWLG_vc-btn{width:36px;height:36px}.aIFWLG_vc-play{width:42px;height:42px}.aIFWLG_vc-speed-btn{padding:3px 6px;font-size:.65rem}.aIFWLG_vwa-btn{gap:2px;padding:4px 8px;font-size:.65rem}.aIFWLG_vwa-btn span{display:none}}.aIFWLG_video-top-bar{z-index:25;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex;position:relative;top:auto;left:auto;right:auto}.aIFWLG_video-top-right{align-items:center;gap:10px;display:flex}.aIFWLG_video-flow-modes{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 2px 10px #0000000f}.dark .aIFWLG_video-flow-modes{background:#1e293beb;border-color:#334155;box-shadow:0 2px 12px #00000059}.aIFWLG_flow-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .18s;display:inline-flex}.dark .aIFWLG_flow-mode-btn{color:#94a3b8}.aIFWLG_flow-mode-btn:hover{color:#1e293b;background:#6366f114}.dark .aIFWLG_flow-mode-btn:hover{color:#f8fafc;background:#6366f126}.aIFWLG_flow-mode-btn.aIFWLG_active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f159}.aIFWLG_playlist-trigger-wrap{position:relative}.aIFWLG_video-counter-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 4px #0000000f}.dark .aIFWLG_video-counter-btn{color:#e2e8f0;background:#1e293b;border-color:#334155;box-shadow:0 2px 8px #0000004d}.aIFWLG_video-counter-btn:hover,.aIFWLG_video-counter-btn.aIFWLG_active{color:#6366f1;border-color:#6366f1}:is(.dark .aIFWLG_video-counter-btn:hover,.dark .aIFWLG_video-counter-btn.aIFWLG_active){color:#818cf8;border-color:#818cf8}.aIFWLG_playlist-popover{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:340px;max-width:90vw;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #00000024}.dark .aIFWLG_playlist-popover{background:#0f172a;border-color:#334155;box-shadow:0 16px 40px #0000008c}.aIFWLG_playlist-popover-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.dark .aIFWLG_playlist-popover-header{background:#1e293b;border-bottom-color:#1e293b}.aIFWLG_playlist-filter-tabs{gap:4px;display:flex}.aIFWLG_playlist-filter-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 10px;font-size:.74rem;font-weight:700}.dark .aIFWLG_playlist-filter-tab{color:#94a3b8}.aIFWLG_playlist-filter-tab.aIFWLG_active{color:#fff;background:#6366f1}.aIFWLG_playlist-close-mini{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.aIFWLG_playlist-items-scroll{flex-direction:column;gap:4px;max-height:280px;padding:6px;display:flex;overflow-y:auto}.aIFWLG_playlist-word-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:all .15s;display:flex}.aIFWLG_playlist-word-item:hover{background:#f1f5f9}.dark .aIFWLG_playlist-word-item:hover{background:#1e293b}.aIFWLG_playlist-word-item.aIFWLG_active{background:#6366f11a;border-color:#6366f159}.aIFWLG_pw-index{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:inline-flex}.dark .aIFWLG_pw-index{color:#cbd5e1;background:#334155}.aIFWLG_playlist-word-item.aIFWLG_active .aIFWLG_pw-index{color:#fff;background:#6366f1}.aIFWLG_pw-hanzi{color:#1e293b;flex-shrink:0;font-size:1rem;font-weight:800}.dark .aIFWLG_pw-hanzi{color:#f8fafc}.aIFWLG_pw-pinyin{color:#6366f1;flex-shrink:0;font-size:.76rem;font-weight:600}.dark .aIFWLG_pw-pinyin{color:#818cf8}.aIFWLG_pw-meaning{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.76rem;overflow:hidden}.dark .aIFWLG_pw-meaning{color:#94a3b8}.aIFWLG_pw-status-done{color:#10b981;background:#10b98126;border-radius:99px;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:800}.aIFWLG_video-pinyin-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:-2px;display:flex}.aIFWLG_video-voice-pills{align-items:center;gap:6px;display:inline-flex}.aIFWLG_voice-mini-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:.73rem;font-weight:700;transition:all .15s;display:inline-flex}.dark .aIFWLG_voice-mini-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}.aIFWLG_voice-mini-btn:hover{color:#f43f5e;background:#f43f5e14;border-color:#f43f5e}.aIFWLG_voice-mini-btn.aIFWLG_male:hover{color:#0284c7;background:#38bdf81a;border-color:#38bdf8}.dark .aIFWLG_voice-mini-btn.aIFWLG_male:hover{color:#38bdf8}.aIFWLG_video-meaning-group{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.aIFWLG_video-pos-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.aIFWLG_video-pos-badge{color:#4f46e5;background:#6366f11f;border:1px solid #6366f140;border-radius:99px;padding:2px 9px;font-size:.72rem;font-weight:800}.dark .aIFWLG_video-pos-badge{color:#a5b4fc;background:#6366f133;border-color:#818cf859}.aIFWLG_video-step-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.aIFWLG_step-pill{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.dark .aIFWLG_step-pill{color:#94a3b8;background:#0f172a;border-color:#334155}.aIFWLG_step-pill:hover{color:#1e293b;border-color:#94a3b8}.dark .aIFWLG_step-pill:hover{color:#f8fafc;border-color:#64748b}.aIFWLG_step-num{background:#64748b26;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;font-weight:800;display:inline-flex}.aIFWLG_step-pill.aIFWLG_active-chinese{color:#4f46e5;background:#6366f124;border-color:#6366f1;box-shadow:0 2px 10px #6366f133}.dark .aIFWLG_step-pill.aIFWLG_active-chinese{color:#c7d2fe;background:#6366f13d;border-color:#818cf8}.aIFWLG_step-pill.aIFWLG_active-chinese .aIFWLG_step-num{color:#fff;background:#6366f1}.aIFWLG_step-pill.aIFWLG_active-meaning{color:#059669;background:#10b98124;border-color:#10b981;box-shadow:0 2px 10px #10b98133}.dark .aIFWLG_step-pill.aIFWLG_active-meaning{color:#a7f3d0;background:#10b98138;border-color:#34d399}.aIFWLG_step-pill.aIFWLG_active-meaning .aIFWLG_step-num{color:#fff;background:#10b981}.aIFWLG_step-pill.aIFWLG_active-example{color:#b45309;background:#f59e0b26;border-color:#f59e0b;box-shadow:0 2px 10px #f59e0b33}.dark .aIFWLG_step-pill.aIFWLG_active-example{color:#fde68a;background:#f59e0b38;border-color:#fbbf24}.aIFWLG_step-pill.aIFWLG_active-example .aIFWLG_step-num{color:#fff;background:#f59e0b}.aIFWLG_video-completion-box{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;padding:24px 16px;animation:.25s aIFWLG_videoFadeIn;display:flex}.aIFWLG_completion-badge{color:#6ee7b7;letter-spacing:.05em;background:#10b98129;border:1px solid #34d39973;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:800;display:inline-flex}.aIFWLG_completion-title{color:#f8fafc;margin:0;font-size:1.5rem;font-weight:800}.aIFWLG_completion-stats-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.aIFWLG_completion-stat-pill{background:#1e293bbf;border:1px solid #94a3b833;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:12px 18px;display:flex}.aIFWLG_completion-stat-pill span{color:#94a3b8;font-size:.76rem;font-weight:600}.aIFWLG_completion-stat-pill strong{color:#f8fafc;font-size:1.5rem;font-weight:800}.aIFWLG_completion-stat-pill.aIFWLG_learned{background:#064e3b59;border-color:#34d39959}.aIFWLG_completion-stat-pill.aIFWLG_learned strong{color:#34d399}.aIFWLG_completion-stat-pill.aIFWLG_unlearned{background:#78350f4d;border-color:#fbbf2459}.aIFWLG_completion-stat-pill.aIFWLG_unlearned strong{color:#fbbf24}.aIFWLG_completion-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.aIFWLG_completion-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.aIFWLG_completion-btn.aIFWLG_primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f159}.aIFWLG_completion-btn.aIFWLG_primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.aIFWLG_completion-btn.aIFWLG_secondary{color:#6ee7b7;background:#10b9812e;border-color:#34d39973}.aIFWLG_completion-btn.aIFWLG_secondary:hover{color:#fff;background:#10b98147}.aIFWLG_completion-btn.aIFWLG_ghost{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff24}.aIFWLG_completion-btn.aIFWLG_ghost:hover{color:#fff;background:#ffffff24}@media (max-height:820px){.aIFWLG_video-overlay{gap:8px;padding:10px 20px 12px}.aIFWLG_video-top-bar{gap:8px}.aIFWLG_flow-mode-btn{padding:5px 10px;font-size:.74rem}.aIFWLG_video-counter-btn{padding:6px 12px;font-size:.78rem}.aIFWLG_video-settings-btn-mod,.aIFWLG_video-close{border-radius:10px;width:36px;height:36px}.aIFWLG_video-card-wrapper{gap:8px;width:94%;max-width:860px}.aIFWLG_video-card{border-radius:22px;gap:10px;padding:16px 28px 14px}.aIFWLG_video-hero-section{gap:8px}.aIFWLG_video-hero-section.aIFWLG_has-image{gap:28px;padding:2px 6px}.aIFWLG_video-hero-left{gap:6px}.aIFWLG_video-chinese{font-size:3.2rem;line-height:1.15}.aIFWLG_video-hanzi-grid{width:98px!important;height:98px!important}.aIFWLG_video-pinyin-row{gap:8px;margin-top:0}.aIFWLG_video-pinyin{margin-top:0;font-size:1.2rem}.aIFWLG_voice-mini-btn{padding:3px 9px;font-size:.7rem}.aIFWLG_video-meaning-group{gap:4px}.aIFWLG_video-pos-badge{padding:2px 8px;font-size:.68rem}.aIFWLG_video-meaning{margin-top:2px;padding:6px 16px;font-size:1rem}.aIFWLG_video-image img{border-radius:14px;width:132px;height:132px}.aIFWLG_video-example{border-radius:14px;gap:4px;margin-top:0;padding:10px 18px 12px}:is(.aIFWLG_video-example .character-container .hanzi,.aIFWLG_video-example [class*=character-container] [class*=hanzi]){font-size:1.55rem!important;line-height:1.2!important}:is(.aIFWLG_video-example .character-container .pinyin,.aIFWLG_video-example [class*=character-container] [class*=pinyin]){font-size:.9rem!important}:is(.aIFWLG_video-example .translation,.aIFWLG_video-example .vietnamese-text,.aIFWLG_video-example [class*=translation],.aIFWLG_video-example [class*=vietnamese-text]){margin-top:4px!important;font-size:1.05rem!important;line-height:1.32!important}.aIFWLG_video-step-pills{gap:6px;margin-top:2px}.aIFWLG_step-pill{padding:4px 10px;font-size:.72rem}.aIFWLG_video-controls{border-radius:20px;gap:8px;padding:7px 16px}.aIFWLG_vc-btn{width:38px;height:38px}.aIFWLG_vc-play{width:44px;height:44px}.aIFWLG_vc-speed-btn{padding:3px 8px;font-size:.72rem}.aIFWLG_vc-actions{gap:5px;padding-left:8px}.aIFWLG_vwa-btn{border-radius:9px;padding:5px 10px;font-size:.72rem}}@media (max-height:680px){.aIFWLG_video-overlay{gap:6px;padding:8px 16px}.aIFWLG_flow-mode-btn{padding:4px 9px;font-size:.71rem}.aIFWLG_video-counter-btn{padding:5px 10px;font-size:.74rem}.aIFWLG_video-settings-btn-mod,.aIFWLG_video-close{border-radius:9px;width:32px;height:32px}.aIFWLG_video-card{border-radius:18px;gap:8px;padding:12px 24px 10px}.aIFWLG_video-hero-section.aIFWLG_has-image{gap:22px;padding:0 4px}.aIFWLG_video-hero-left{gap:4px}.aIFWLG_video-chinese{font-size:2.7rem;line-height:1.1}.aIFWLG_video-hanzi-grid{width:86px!important;height:86px!important}.aIFWLG_video-pinyin{font-size:1.1rem}.aIFWLG_video-meaning{padding:5px 14px;font-size:.94rem}.aIFWLG_video-image img{border-radius:12px;width:112px;height:112px}.aIFWLG_video-example{border-radius:12px;gap:2px;padding:8px 16px 9px}:is(.aIFWLG_video-example .character-container .hanzi,.aIFWLG_video-example [class*=character-container] [class*=hanzi]){font-size:1.4rem!important;line-height:1.18!important}:is(.aIFWLG_video-example .character-container .pinyin,.aIFWLG_video-example [class*=character-container] [class*=pinyin]){font-size:.84rem!important}:is(.aIFWLG_video-example .translation,.aIFWLG_video-example .vietnamese-text,.aIFWLG_video-example [class*=translation],.aIFWLG_video-example [class*=vietnamese-text]){margin-top:2px!important;font-size:.98rem!important;line-height:1.28!important}.aIFWLG_video-step-pills{margin-top:0}.aIFWLG_step-pill{padding:3px 9px;font-size:.69rem}.aIFWLG_video-controls{border-radius:16px;gap:6px;padding:5px 12px}.aIFWLG_vc-btn{width:34px;height:34px}.aIFWLG_vc-play{width:40px;height:40px}.aIFWLG_vwa-btn{padding:4px 8px;font-size:.69rem}}
.kdKDZG_hsk30-lesson-page{min-height:100vh;font-family:var(--font-sans), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background:#f0f4f9}.kdKDZG_wrap{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.kdKDZG_page-main{padding-top:0;padding-bottom:3rem}.kdKDZG_bc-nav{align-items:center;gap:5px;padding:1.1rem 0 1rem;font-size:.78rem;display:flex}.kdKDZG_bc-link{color:#64748b;align-items:center;gap:4px;text-decoration:none;transition:color .15s;display:flex}.kdKDZG_bc-link:hover{color:#0ea5e9}.kdKDZG_bc-sep{color:#cbd5e1;font-size:.65rem}.kdKDZG_bc-active{color:#1e293b;font-weight:700}.kdKDZG_layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.25rem;padding-top:8px;padding-bottom:56px;display:grid}.kdKDZG_main{min-width:0}.kdKDZG_sidebar{align-self:start;width:280px;position:sticky;top:90px}.kdKDZG_state-wrap{justify-content:center;align-items:center;padding:80px 24px;display:flex}.kdKDZG_state-card{text-align:center;color:#64748b;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:48px 40px;display:flex;box-shadow:0 8px 32px #0f172a12}.kdKDZG_state-error{color:#ef4444}.kdKDZG_spinner{border:3px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite kdKDZG_spin}@keyframes kdKDZG_spin{to{transform:rotate(360deg)}}.kdKDZG_quiz-area{flex-direction:column;gap:16px;display:flex}.kdKDZG_nav-panel{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:10px 14px;box-shadow:0 2px 12px #0f172a0a}.kdKDZG_nav-panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kdKDZG_nav-title{color:#1e293b;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.kdKDZG_nav-counter{color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.kdKDZG_nav-right{align-items:center;gap:8px;display:flex}.kdKDZG_nav-progress{background:#e2e8f0;border-radius:999px;width:100px;height:5px;overflow:hidden}.kdKDZG_nav-progress-fill{background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:999px;height:100%;transition:width .4s}.kdKDZG_nav-grid{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.kdKDZG_nav-dot{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.kdKDZG_nav-dot:hover{color:#0369a1;background:#f0f9ff;border-color:#7dd3fc}.kdKDZG_nav-dot.kdKDZG_dot-current{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#0369a1;box-shadow:0 3px 10px #0284c759}.kdKDZG_nav-dot.kdKDZG_dot-ok{color:#047857;background:#ecfdf5;border-color:#6ee7b7}.kdKDZG_nav-dot.kdKDZG_dot-bad{color:#be123c;background:#fff1f2;border-color:#fda4af}.kdKDZG_nav-dot.kdKDZG_dot-sel{color:#0369a1;background:#f0f9ff;border-color:#7dd3fc}.kdKDZG_question-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:20px 22px;box-shadow:0 4px 20px #0f172a0d}.kdKDZG_card-badges{gap:6px;margin-bottom:12px;display:flex}.kdKDZG_badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.kdKDZG_badge-blue{color:#0369a1;background:#f0f9ff}.kdKDZG_badge-green{color:#047857;background:#ecfdf5}.kdKDZG_word-display{text-align:center;background:linear-gradient(160deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;margin-bottom:14px;padding:14px 18px}.kdKDZG_word-pinyin{color:#0369a1;letter-spacing:.03em;margin-bottom:2px;font-size:.95rem;font-weight:600}.kdKDZG_word-hanzi{color:#0f172a;font-size:2.2rem;font-weight:900;line-height:1.15;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif);margin-bottom:4px}.kdKDZG_word-meaning{color:#0369a1;font-size:.9rem;font-weight:700}.kdKDZG_sentence-prompt{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;padding:12px 16px}.kdKDZG_prompt-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:6px;font-size:.72rem;font-weight:700;display:flex}.kdKDZG_prompt-text{color:#1e293b;font-size:1.22rem;font-weight:500;line-height:1.6;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.kdKDZG_options-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.kdKDZG_option-btn{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;min-height:50px;padding:10px 14px;transition:all .18s;display:flex}.kdKDZG_option-btn:hover:not(:disabled):not(.kdKDZG_opt-selected):not(.kdKDZG_opt-correct):not(.kdKDZG_opt-correct-sel):not(.kdKDZG_opt-wrong){background:#f0f9ff;border-color:#7dd3fc;transform:translateY(-1px);box-shadow:0 3px 10px #0ea5e91a}.kdKDZG_option-btn:disabled{cursor:default}.kdKDZG_opt-key{color:#475569;background:#f1f5f9;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;transition:all .18s;display:inline-flex}.kdKDZG_opt-val{color:#1e293b;font-size:1.2rem;font-weight:600;line-height:1.5;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif);flex:1}.kdKDZG_opt-icon{flex-shrink:0;font-size:1.2rem;display:flex}.kdKDZG_icon-ok{color:#10b981}.kdKDZG_icon-bad{color:#ef4444}.kdKDZG_opt-selected{background:#f0f9ff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f}.kdKDZG_opt-selected .kdKDZG_opt-key{color:#fff;background:#0ea5e9}.kdKDZG_opt-correct{background:#ecfdf5;border-color:#10b981}.kdKDZG_opt-correct .kdKDZG_opt-key{color:#fff;background:#10b981}.kdKDZG_opt-correct-sel{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.kdKDZG_opt-correct-sel .kdKDZG_opt-key{color:#fff;background:#10b981}.kdKDZG_opt-wrong{background:#fff1f2;border-color:#ef4444}.kdKDZG_opt-wrong .kdKDZG_opt-key{color:#fff;background:#ef4444}.kdKDZG_opt-disabled{opacity:.55}.kdKDZG_feedback-box{border-radius:16px;margin-bottom:20px;padding:18px 20px}.kdKDZG_fb-ok{background:#f8fafc;border:1px solid #86efac;border-left:4px solid #16a34a}.kdKDZG_fb-bad{background:#f8fafc;border:1px solid #fca5a5;border-left:4px solid #ef4444}.kdKDZG_fb-title{align-items:center;gap:8px;margin-bottom:10px;font-size:1rem;font-weight:800;display:flex}.kdKDZG_fb-ok .kdKDZG_fb-title{color:#15803d}.kdKDZG_fb-bad .kdKDZG_fb-title{color:#dc2626}.kdKDZG_fb-sentence{color:#1e293b;font-size:1.15rem;line-height:1.8;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif);background:#ffffffb3;border-radius:12px;margin-bottom:10px;padding:12px 14px}.kdKDZG_answer-highlight{color:#dc2626;padding:0 2px;font-weight:800}.kdKDZG_fb-notes{color:#64748b;flex-direction:column;gap:4px;font-size:.83rem;display:flex}.kdKDZG_card-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.kdKDZG_btn-notebook{color:#475569;background-color:#f8fafc;border:1.5px solid #cbd5e1;margin-right:auto}.kdKDZG_btn-notebook:hover{color:#1e293b;background-color:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.kdKDZG_kbd-hint-bar{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:7px 12px;font-size:.75rem;display:flex}.kdKDZG_kbd-hint-title{color:#334155;align-items:center;gap:4px;font-weight:700;display:flex}.kdKDZG_kbd-group{align-items:center;gap:4px;display:inline-flex}.kdKDZG_kbd-key{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.72rem;font-weight:700;display:inline-block;box-shadow:0 1px 1px #0000000d}.kdKDZG_kbd-dot{color:#94a3b8}.kdKDZG_btn{cursor:pointer;white-space:nowrap;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.86rem;font-weight:800;transition:all .18s;display:inline-flex}.kdKDZG_btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.kdKDZG_btn-lg{border-radius:12px;padding:10px 20px;font-size:.9rem}.kdKDZG_btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0369a1);box-shadow:0 4px 14px #0ea5e959}.kdKDZG_btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0ea5e973}.kdKDZG_btn-teal{color:#fff;background:linear-gradient(135deg,#0891b2,#0f766e);box-shadow:0 4px 14px #0891b24d}.kdKDZG_btn-teal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0891b266}.kdKDZG_btn-amber{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b4d}.kdKDZG_btn-amber:hover:not(:disabled){transform:translateY(-1px)}.kdKDZG_btn-red{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.kdKDZG_btn-red:hover:not(:disabled){transform:translateY(-1px)}.kdKDZG_btn-ghost{color:#475569;background:#fff;border:1.5px solid #e2e8f0}.kdKDZG_btn-ghost:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.kdKDZG_result-panel{background:#fff;border:1px solid #e8edf3;border-radius:22px;padding:32px;box-shadow:0 12px 40px #0f172a14}.kdKDZG_result-header{align-items:center;gap:28px;margin-bottom:24px;display:flex}.kdKDZG_score-ring{flex-shrink:0;width:120px;height:120px;position:relative}.kdKDZG_ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.kdKDZG_ring-track{fill:none;stroke:#f1f5f9;stroke-width:8px}.kdKDZG_ring-indicator{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .8s}.kdKDZG_ring-great .kdKDZG_ring-indicator{stroke:#10b981}.kdKDZG_ring-ok .kdKDZG_ring-indicator{stroke:#f59e0b}.kdKDZG_ring-bad .kdKDZG_ring-indicator{stroke:#ef4444}.kdKDZG_ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kdKDZG_ring-text strong{color:#0f172a;font-size:1.6rem;font-weight:900;line-height:1}.kdKDZG_ring-text span{color:#64748b;margin-top:2px;font-size:.72rem;font-weight:600}.kdKDZG_result-info h2{color:#0f172a;margin:0 0 6px;font-size:1.3rem}.kdKDZG_result-info>p{color:#475569;margin:0 0 14px;line-height:1.5}.kdKDZG_result-mini-stats{flex-wrap:wrap;gap:10px;display:flex}.kdKDZG_mini-stat{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.kdKDZG_mini-stat.kdKDZG_ok{color:#047857;background:#ecfdf5}.kdKDZG_mini-stat.kdKDZG_bad{color:#be123c;background:#fff1f2}.kdKDZG_result-actions{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:20px 0;display:flex}.kdKDZG_review-list-title{color:#1e293b;align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:800;display:flex}.kdKDZG_review-item{background:#fff;border:1px solid #f1f5f9;border-left:4px solid #0000;border-radius:16px;margin-bottom:12px;padding:16px 20px;transition:transform .15s;box-shadow:0 3px 12px #0f172a0a}.kdKDZG_review-item:hover{transform:translate(3px)}.kdKDZG_review-ok{border-left-color:#10b981}.kdKDZG_review-bad{border-left-color:#ef4444}.kdKDZG_review-header{margin-bottom:10px}.kdKDZG_review-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.kdKDZG_badge-ok{color:#047857;background:#ecfdf5}.kdKDZG_badge-bad{color:#be123c;background:#fff1f2}.kdKDZG_review-word{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.kdKDZG_review-hanzi{color:#0f172a;font-size:1.4rem;font-weight:900;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.kdKDZG_review-question{color:#334155;font-size:1.1rem;line-height:1.6;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.kdKDZG_review-answer-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.kdKDZG_answer-ok,.kdKDZG_answer-bad,.kdKDZG_answer-correct{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.83rem;font-weight:700;display:inline-flex}.kdKDZG_answer-ok{color:#047857;background:#ecfdf5}.kdKDZG_answer-bad{color:#be123c;background:#fff1f2}.kdKDZG_answer-correct{color:#0369a1;background:#e0f2fe}.kdKDZG_review-notes{color:#64748b;flex-direction:column;gap:3px;font-size:.8rem;display:flex}@media (max-width:1024px){.kdKDZG_layout{grid-template-columns:1fr}.kdKDZG_sidebar{width:100%;position:static}}@media (max-width:900px){.kdKDZG_nav-panel{position:static}}@media (max-width:640px){.kdKDZG_wrap{width:min(1200px,100% - 16px);padding:0 8px}.kdKDZG_options-grid{grid-template-columns:1fr}.kdKDZG_result-header{flex-direction:column;align-items:flex-start}.kdKDZG_word-hanzi{font-size:2.4rem}}.dark .kdKDZG_hsk30-lesson-page{color:#f1f5f9;background:#020617}.dark .kdKDZG_bc-link{color:#94a3b8}.dark .kdKDZG_bc-link:hover{color:#f8fafc}.dark .kdKDZG_bc-active{color:#f8fafc}.dark .kdKDZG_bc-sep{color:#475569}.dark .kdKDZG_state-card{color:#94a3b8;background:#0f172a;border:1px solid #1e293b;box-shadow:0 8px 32px #00000059}.dark .kdKDZG_nav-panel{background:#0f172a;border-color:#1e293b;box-shadow:0 4px 20px #0000004d}.dark .kdKDZG_nav-title{color:#f8fafc}.dark .kdKDZG_nav-counter{color:#94a3b8;background:#1e293b}.dark .kdKDZG_nav-progress{background:#1e293b}.dark .kdKDZG_nav-dot{color:#94a3b8;background:#0b0f19;border-color:#1e293b}.dark .kdKDZG_nav-dot:hover{color:#38bdf8;background:#1e293b;border-color:#38bdf8}.dark .kdKDZG_nav-dot.kdKDZG_dot-current{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#0ea5e9;box-shadow:0 3px 10px #0284c780}.dark .kdKDZG_nav-dot.kdKDZG_dot-ok{color:#6ee7b7;background:#064e3b;border-color:#059669}.dark .kdKDZG_nav-dot.kdKDZG_dot-bad{color:#fca5a5;background:#7f1d1d;border-color:#dc2626}.dark .kdKDZG_nav-dot.kdKDZG_dot-sel{color:#7dd3fc;background:#0c4a6e;border-color:#0ea5e9}.dark .kdKDZG_question-card{background:#0f172a;border-color:#1e293b;box-shadow:0 6px 28px #00000059}.dark .kdKDZG_badge-blue{color:#38bdf8;background:#0ea5e92e;border:1px solid #0ea5e94d}.dark .kdKDZG_badge-green{color:#34d399;background:#10b9812e;border:1px solid #10b9814d}.dark .kdKDZG_word-display{background:linear-gradient(160deg,#0b192c 0%,#0f2b48 100%);border-color:#0c4a6e}.dark .kdKDZG_word-pinyin{color:#38bdf8}.dark .kdKDZG_word-hanzi{color:#f8fafc}.dark .kdKDZG_word-meaning{color:#38bdf8}.dark .kdKDZG_sentence-prompt{background:#111a28;border-color:#1e293b}.dark .kdKDZG_prompt-label{color:#94a3b8}.dark .kdKDZG_prompt-text{color:#f8fafc}.dark .kdKDZG_option-btn{background:#111a28;border-color:#1e293b}.dark .kdKDZG_option-btn:hover:not(:disabled):not(.kdKDZG_opt-selected):not(.kdKDZG_opt-correct):not(.kdKDZG_opt-correct-sel):not(.kdKDZG_opt-wrong){background:#172338;border-color:#0ea5e9;box-shadow:0 4px 12px #0000004d}.dark .kdKDZG_opt-key{color:#94a3b8;background:#1e2d42}.dark .kdKDZG_opt-val{color:#f1f5f9}.dark .kdKDZG_opt-selected{background:#0284c738;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e959}.dark .kdKDZG_opt-selected .kdKDZG_opt-key{color:#fff;background:#0ea5e9}:is(.dark .kdKDZG_opt-correct,.dark .kdKDZG_opt-correct-sel){background:#10b98138;border-color:#10b981}:is(.dark .kdKDZG_opt-correct .kdKDZG_opt-key,.dark .kdKDZG_opt-correct-sel .kdKDZG_opt-key){color:#fff;background:#10b981}.dark .kdKDZG_opt-wrong{background:#ef444438;border-color:#ef4444}.dark .kdKDZG_opt-wrong .kdKDZG_opt-key{color:#fff;background:#ef4444}.dark .kdKDZG_fb-ok{background:#111827;border-color:#10b98159 #10b98159 #10b98159 #10b981;border-left-style:solid;border-left-width:4px}.dark .kdKDZG_fb-ok .kdKDZG_fb-title{color:#34d399}.dark .kdKDZG_fb-bad{background:#111827;border-color:#ef444459 #ef444459 #ef444459 #ef4444;border-left-style:solid;border-left-width:4px}.dark .kdKDZG_fb-bad .kdKDZG_fb-title{color:#f87171}.dark .kdKDZG_fb-sentence{color:#f1f5f9;background:#0b111e;border:1px solid #1e293b}.dark .kdKDZG_answer-highlight{color:#38bdf8;font-weight:800}.dark .kdKDZG_fb-notes{color:#94a3b8}.dark .kdKDZG_kbd-hint-bar{color:#94a3b8;background:#111a28;border-color:#1e293b}.dark .kdKDZG_kbd-hint-title{color:#e2e8f0}.dark .kdKDZG_kbd-key{color:#f1f5f9;background:#090e17;border-color:#334155;box-shadow:0 1px 1px #0006}.dark .kdKDZG_kbd-dot{color:#475569}.dark .kdKDZG_btn-notebook{color:#cbd5e1;background-color:#1e293b;border-color:#334155}.dark .kdKDZG_btn-notebook:hover{color:#f8fafc;background-color:#334155}.dark .kdKDZG_btn-ghost{color:#cbd5e1;background:#1e293b;border-color:#334155}.dark .kdKDZG_btn-ghost:hover:not(:disabled){color:#f8fafc;background:#334155}.dark .kdKDZG_result-panel{background:#0f172a;border-color:#1e293b;box-shadow:0 12px 40px #0006}.dark .kdKDZG_ring-track{stroke:#1e293b}.dark .kdKDZG_review-list-title{color:#f8fafc}.dark .kdKDZG_review-item{background:#0f172a;border-color:#1e293b;box-shadow:0 3px 12px #0003}.dark .kdKDZG_review-hanzi{color:#f8fafc}.dark .kdKDZG_review-question{color:#cbd5e1}.dark .kdKDZG_review-notes{color:#94a3b8}@media (min-width:1366px){.kdKDZG_wrap{padding-left:0;padding-right:0}}
.I7H84q_lessons-menu-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}.I7H84q_lessons-section{background:#ffffffeb;border:1px solid #94a3b82e;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a0d}.dark .I7H84q_lessons-section{background:#0f172aeb;border-color:#33415599}.I7H84q_section-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.dark .I7H84q_section-header{border-color:#334155}.I7H84q_section-header h2{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.dark .I7H84q_section-header h2{color:#f8fafc}.I7H84q_lessons-progress{color:#64748b;font-size:.82rem;font-weight:700}.I7H84q_lessons-list{max-height:min(580px,100vh - 250px);position:relative;overflow:auto}.I7H84q_lesson-item+.I7H84q_lesson-item{border-top:1px solid #f1f5f9}.dark .I7H84q_lesson-item+.I7H84q_lesson-item{border-color:#1e293b}.I7H84q_lesson-header-btn{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;transition:background .15s;display:flex}.I7H84q_lesson-header-btn:hover{background:#f8fafc}.dark .I7H84q_lesson-header-btn:hover{background:#1e293b}.I7H84q_lesson-header-btn.I7H84q_locked{cursor:pointer}.I7H84q_lesson-item.I7H84q_active>.I7H84q_lesson-header-btn{background:#f8fafc}.dark .I7H84q_lesson-item.I7H84q_active>.I7H84q_lesson-header-btn{background:#1e293b}.I7H84q_lesson-item.I7H84q_locked>.I7H84q_lesson-header-btn{background:#fafafa}.dark .I7H84q_lesson-item.I7H84q_locked>.I7H84q_lesson-header-btn{background:#0f172a}.I7H84q_lesson-info{flex:1;min-width:0}.I7H84q_lesson-title-text{color:#0f172a;margin:0;font-size:.9rem;font-weight:600;line-height:1.35}.dark .I7H84q_lesson-title-text{color:#f1f5f9}.I7H84q_lesson-subtitle-text{color:#64748b;margin:3px 0 0;font-size:.78rem}.I7H84q_lesson-status{color:#94a3b8;flex-shrink:0;padding-top:2px}.I7H84q_lock-icon{color:#f59e0b}.I7H84q_expand-icon{transition:transform .18s}.I7H84q_expand-icon.I7H84q_rotated,.I7H84q_rotated{transform:rotate(180deg)}.I7H84q_lesson-submenu{flex-direction:column;gap:8px;padding:0 12px 14px;display:flex}.I7H84q_activity-item{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:flex}.dark .I7H84q_activity-item{color:#cbd5e1;background:#1e293b;border-color:#334155}.I7H84q_activity-item:hover{border-color:#cbd5e1;transform:translateY(-1px)}.I7H84q_activity-item.I7H84q_active{color:#fff7ed;background:linear-gradient(135deg,#ea580c,#f97316);border-color:#0000}.dark .I7H84q_activity-item.I7H84q_active{color:#fff;background:linear-gradient(135deg,#ea580c,#f97316);border-color:#0000}.I7H84q_activity-icon,.I7H84q_activity-arrow{flex-shrink:0}.I7H84q_activity-info{flex:1;min-width:0}.I7H84q_activity-name{font-size:.84rem;font-weight:700}.I7H84q_activity-completed{color:#10b981;flex-shrink:0}.I7H84q_activity-item.I7H84q_active .I7H84q_activity-completed{color:#fff}
