.hsk30-video-modal[data-v-df0bcb9f]{--chinese-font:"LXGW WenKai","Microsoft YaHei","微软雅黑",SimSun,sans-serif;background-color:#05070c;color:#f1f5f9;display:flex;flex-direction:column;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;inset:0;outline:none;overflow:hidden;position:fixed;z-index:10000}.hsk-video-header[data-v-df0bcb9f]{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#090d18d9;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 20px}.hsk-video-header-left[data-v-df0bcb9f]{align-items:center;display:flex;gap:16px}.hsk-video-logo[data-v-df0bcb9f]{align-items:center;display:flex;font-size:1.15rem;font-weight:800;gap:8px;letter-spacing:-.01em}.yt-red[data-v-df0bcb9f]{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--level-accent,#ef4444) 60%,transparent))}.accent-text[data-v-df0bcb9f],.yt-red[data-v-df0bcb9f]{color:var(--level-accent,#ef4444)}.divider[data-v-df0bcb9f]{background-color:#ffffff26;height:20px;width:1px}.hsk-video-title[data-v-df0bcb9f]{color:#94a3b8;font-size:.96rem;font-weight:600;margin:0;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hsk-video-close-btn[data-v-df0bcb9f]{align-items:center;background-color:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:.82rem;font-weight:700;gap:6px;padding:6px 12px;transition:all .2s ease}.hsk-video-close-btn[data-v-df0bcb9f]:hover{background-color:#ef4444;border-color:transparent;box-shadow:0 4px 12px #ef44444d;color:#fff}.hsk-video-body[data-v-df0bcb9f]{display:grid;flex-grow:1;grid-template-columns:1fr 360px;overflow:hidden}.hsk-video-player-container[data-v-df0bcb9f]{background-color:#020306;display:flex;flex-direction:column;overflow-y:auto;padding:24px}.video-player-screen[data-v-df0bcb9f]{align-items:center;aspect-ratio:16/9;background-color:#000;border:1px solid hsla(0,0%,100%,.05);border-radius:16px;box-shadow:0 12px 36px #0009;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.screen-bg[data-v-df0bcb9f]{background-image:url(../hsk30/video_bg.png);background-position:50%;background-size:cover;inset:0;position:absolute;transition:transform .5s ease}.screen-overlay[data-v-df0bcb9f]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at center,#0f172a80 0,#090d18e0);inset:0;position:absolute}.screen-content[data-v-df0bcb9f]{padding:20px;position:relative;text-align:center;width:85%;z-index:10}.active-sentence-box[data-v-df0bcb9f]{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;text-shadow:0 4px 16px rgba(0,0,0,.85);width:100%}.video-player-screen[data-v-df0bcb9f] .sentence-wrapper{align-items:center;flex-wrap:wrap;gap:12px 6px;justify-content:center;width:100%}.video-player-screen[data-v-df0bcb9f] .character-container{align-items:center;border-radius:6px;padding:2px 4px;transition:all .12s ease}.video-player-screen[data-v-df0bcb9f] .character-container .hanzi{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.9);transition:all .12s ease}.video-player-screen[data-v-df0bcb9f] .character-container .pinyin{color:#fff9!important;font-size:.95rem;text-shadow:0 2px 8px rgba(0,0,0,.9);transition:all .12s ease}.video-player-screen[data-v-df0bcb9f] .character-container.karaoke-active{background:#ffffff1f;box-shadow:0 0 16px #ffffff1a;transform:translateY(-1px)}.video-player-screen[data-v-df0bcb9f] .character-container.karaoke-active .hanzi{color:var(--level-accent,#fbbf24)!important;text-shadow:0 0 16px color-mix(in srgb,var(--level-accent,#fbbf24) 80%,transparent)}.video-player-screen[data-v-df0bcb9f] .character-container.karaoke-active .pinyin{color:#38bdf8!important;text-shadow:0 0 12px rgba(56,189,248,.6)}.video-player-screen[data-v-df0bcb9f] .translation{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:1px solid hsla(0,0%,100%,.06);border-radius:99px;color:#cbd5e1!important;display:inline-block;font-size:1.05rem;font-weight:500;line-height:1.5;margin-left:0!important;margin-top:14px!important;max-width:580px;padding:6px 20px;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.6)}.screen-placeholder[data-v-df0bcb9f]{align-items:center;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;gap:12px}.placeholder-play-icon[data-v-df0bcb9f]{color:var(--level-accent,#ef4444);filter:drop-shadow(0 0 12px rgba(259,68,68,.3));opacity:.85;transition:transform .2s ease,opacity .2s ease}.placeholder-play-icon[data-v-df0bcb9f]:hover{opacity:1;transform:scale(1.08)}.screen-info-badges[data-v-df0bcb9f]{bottom:16px;position:absolute;right:20px;z-index:10}.screen-index-badge[data-v-df0bcb9f]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:#cbd5e1;font-size:.72rem;font-weight:800;padding:4px 10px}.video-timeline-wrapper[data-v-df0bcb9f]{cursor:pointer;margin-bottom:8px;padding:8px 0;width:100%}.timeline-track[data-v-df0bcb9f]{background-color:#ffffff1f;border-radius:99px;height:4px;position:relative;transition:height .15s ease}.video-timeline-wrapper:hover .timeline-track[data-v-df0bcb9f]{height:6px}.timeline-fill[data-v-df0bcb9f]{border-radius:99px;height:100%;left:0;position:absolute;top:0}.timeline-handle[data-v-df0bcb9f]{border-radius:50%;box-shadow:0 2px 6px #0006;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease;width:12px}.video-timeline-wrapper:hover .timeline-handle[data-v-df0bcb9f]{transform:translate(-50%,-50%) scale(1)}.video-info-card[data-v-df0bcb9f]{background-color:#090d1866;border:1px solid hsla(0,0%,100%,.05);border-radius:14px;margin-top:16px;padding:18px 20px}.video-controls-row[data-v-df0bcb9f]{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.playback-buttons[data-v-df0bcb9f]{align-items:center;display:flex;gap:12px}.control-btn-circle[data-v-df0bcb9f]{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.control-btn-circle.main[data-v-df0bcb9f]{box-shadow:0 4px 14px #0000004d;height:44px;width:44px}.control-btn-circle.main[data-v-df0bcb9f]:hover{filter:brightness(1.1);transform:scale(1.08)}.control-btn-circle.secondary[data-v-df0bcb9f]{background-color:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);color:#94a3b8;height:34px;width:34px}.control-btn-circle.secondary[data-v-df0bcb9f]:hover:not(:disabled){background-color:#ffffff1f;color:#fff}.control-btn-circle.secondary[data-v-df0bcb9f]:disabled{cursor:not-allowed;opacity:.35}.video-meta-info[data-v-df0bcb9f]{align-items:center;display:flex;gap:8px}.badge[data-v-df0bcb9f]{border-radius:6px;font-size:.72rem;font-weight:800;padding:3px 8px;text-transform:uppercase}.level-badge[data-v-df0bcb9f]{color:#fff}.lesson-badge[data-v-df0bcb9f]{background-color:#ffffff14;border:1px solid hsla(0,0%,100%,.1);color:#94a3b8}.playback-speed-indicator[data-v-df0bcb9f]{color:#64748b;font-size:.8rem;margin-left:6px}.playback-speed-indicator strong[data-v-df0bcb9f]{color:#cbd5e1}.speed-selector[data-v-df0bcb9f]{background-color:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;display:flex;gap:4px;padding:3px}.speed-btn[data-v-df0bcb9f]{background:none;border:none;border-radius:5px;color:#64748b;cursor:pointer;font-size:.76rem;font-weight:700;padding:4px 8px;transition:all .15s ease}.speed-btn[data-v-df0bcb9f]:hover{color:#cbd5e1}.speed-btn.active[data-v-df0bcb9f]{background-color:#ffffff14;color:#fff}.video-control-row[data-v-df0bcb9f]{border-top:1px solid hsla(0,0%,100%,.06);display:flex;padding-top:12px}.control-label[data-v-df0bcb9f]{align-items:flex-start;color:#64748b;display:flex;font-size:.8rem;gap:8px;line-height:1.5}.sparkle-icon[data-v-df0bcb9f]{color:#fbbf24;flex-shrink:0;margin-top:2px}.hsk-video-sidebar[data-v-df0bcb9f]{background-color:#080c14;border-left:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;overflow:hidden}.sidebar-tabs[data-v-df0bcb9f]{background-color:#090d1880;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;flex-shrink:0}.tab-btn[data-v-df0bcb9f]{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex:1;font-size:.86rem;font-weight:700;gap:6px;height:48px;justify-content:center;position:relative;transition:all .2s ease}.tab-btn[data-v-df0bcb9f]:hover{color:#cbd5e1}.tab-btn.active[data-v-df0bcb9f]{color:#fff}.tab-btn.active[data-v-df0bcb9f]:after{background-color:var(--level-accent,#ef4444);border-radius:4px;bottom:0;content:"";height:2px;left:16%;position:absolute;right:16%}.tab-count-badge[data-v-df0bcb9f]{background-color:#ffffff14;border-radius:99px;color:#94a3b8;font-size:.65rem;font-weight:800;padding:1px 5px}.accent-badge[data-v-df0bcb9f]{background-color:#ef444426;color:#f87171}.sidebar-tab-content[data-v-df0bcb9f]{flex-grow:1;overflow:hidden}.scroll-container[data-v-df0bcb9f]{height:100%;overflow-y:auto;padding:16px;scrollbar-color:hsla(0,0%,100%,.15) transparent;scrollbar-width:thin}.scroll-container[data-v-df0bcb9f]::-webkit-scrollbar{width:4px}.scroll-container[data-v-df0bcb9f]::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:4px}.sentences-tab[data-v-df0bcb9f]{display:flex;flex-direction:column;gap:12px}.video-sentence-card[data-v-df0bcb9f]{background-color:#ffffff05;border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;display:grid;gap:10px;grid-template-columns:28px 1fr 28px;padding:12px;transition:all .2s ease}.video-sentence-card[data-v-df0bcb9f]:hover{background-color:#ffffff0a;border-color:#ffffff1a;transform:translateY(-1px)}.video-sentence-card.active[data-v-df0bcb9f]{background-color:#ffffff0f;border-color:color-mix(in srgb,var(--level-accent,#ef4444) 40%,hsla(0,0%,100%,.1));box-shadow:0 4px 16px #0003}.sentence-index[data-v-df0bcb9f]{align-items:center;background-color:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:#94a3b8;display:flex;font-size:.72rem;font-weight:700;height:20px;justify-content:center;margin-top:3px;width:20px}.video-sentence-card.active .sentence-index[data-v-df0bcb9f]{background-color:var(--level-accent,#ef4444);border-color:var(--level-accent,#ef4444);color:#fff}.sentence-content-box[data-v-df0bcb9f]{display:flex;flex-direction:column;gap:4px}.chinese-line[data-v-df0bcb9f]{color:#f8fafc;font-family:var(--chinese-font)!important;line-height:1.4;word-break:break-all}.pinyin-line[data-v-df0bcb9f]{color:#38bdf8;font-size:.82rem;font-weight:500}.meaning-line[data-v-df0bcb9f]{color:#94a3b8;font-size:.8rem;line-height:1.4}.play-btn-mini[data-v-df0bcb9f]{align-items:center;align-self:center;background-color:#ffffff0f;border:none;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.video-sentence-card:hover .play-btn-mini[data-v-df0bcb9f]{background-color:#ffffff1f;color:#fff}.video-sentence-card.active .play-btn-mini[data-v-df0bcb9f]{color:#fff}.vocab-items-list[data-v-df0bcb9f]{display:flex;flex-direction:column;gap:12px}.video-vocab-card[data-v-df0bcb9f]{background-color:#ffffff05;border:1px solid hsla(0,0%,100%,.05);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px}.vocab-card-body[data-v-df0bcb9f]{display:flex;flex-direction:column;gap:4px}.vocab-top[data-v-df0bcb9f]{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.vocab-hanzi[data-v-df0bcb9f]{color:#fff;font-family:var(--chinese-font)!important;font-size:1.15rem;font-weight:700}.vocab-level-tag[data-v-df0bcb9f]{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:4px;color:#f87171;font-weight:800}.vocab-level-tag[data-v-df0bcb9f],.vocab-pos-tag[data-v-df0bcb9f]{font-size:.65rem;padding:1px 5px}.vocab-pos-tag[data-v-df0bcb9f]{background-color:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:#94a3b8;font-weight:700}.vocab-pinyin[data-v-df0bcb9f]{color:#38bdf8;font-size:.8rem;font-weight:500}.vocab-meaning[data-v-df0bcb9f]{color:#94a3b8;font-size:.8rem;line-height:1.4}.vocab-actions[data-v-df0bcb9f]{border-top:1px solid hsla(0,0%,100%,.05);display:flex;gap:6px;padding-top:8px}.vocab-audio-btn[data-v-df0bcb9f]{align-items:center;background-color:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;flex:1;font-size:.72rem;font-weight:700;gap:4px;justify-content:center;padding:5px 8px;transition:all .15s ease}.vocab-audio-btn[data-v-df0bcb9f]:hover:not(:disabled){background-color:#ffffff1a;color:#fff}.vocab-audio-btn[data-v-df0bcb9f]:disabled{cursor:not-allowed;opacity:.4}.vocab-audio-btn.male[data-v-df0bcb9f]:hover:not(:disabled){border-color:#38bdf84d;color:#38bdf8}.vocab-audio-btn.female[data-v-df0bcb9f]:hover:not(:disabled){border-color:#f43f5e4d;color:#f43f5e}.empty-state[data-v-df0bcb9f],.loading-state[data-v-df0bcb9f]{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:.84rem;gap:10px;justify-content:center;padding:40px 20px;text-align:center}.spin[data-v-df0bcb9f]{animation:loading-spin-df0bcb9f 1s linear infinite;font-size:20px}@keyframes loading-spin-df0bcb9f{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fade-slide-enter-active[data-v-df0bcb9f],.fade-slide-leave-active[data-v-df0bcb9f]{transition:all .25s ease}.fade-slide-enter-from[data-v-df0bcb9f]{opacity:0;transform:translateY(8px)}.fade-slide-leave-to[data-v-df0bcb9f]{opacity:0;transform:translateY(-8px)}@media(max-width:991px){.hsk-video-body[data-v-df0bcb9f]{grid-template-columns:1fr;grid-template-rows:auto 1fr}.hsk-video-sidebar[data-v-df0bcb9f]{border-left:none;border-top:1px solid hsla(0,0%,100%,.08);height:400px}.hsk-video-player-container[data-v-df0bcb9f]{padding:16px}.screen-chinese[data-v-df0bcb9f]{font-size:1.5rem!important}.screen-pinyin[data-v-df0bcb9f]{font-size:1rem!important}.screen-meaning[data-v-df0bcb9f]{font-size:.9rem!important}}@media(max-width:575px){.close-txt[data-v-df0bcb9f],.divider[data-v-df0bcb9f],.hsk-video-logo .logo-text[data-v-df0bcb9f]{display:none}.hsk-video-header[data-v-df0bcb9f]{padding:0 12px}.video-controls-row[data-v-df0bcb9f]{align-items:stretch;flex-direction:column;gap:12px}.speed-selector[data-v-df0bcb9f],.video-meta-info[data-v-df0bcb9f]{justify-content:center}}.settings-modal-backdrop[data-v-df0bcb9f]{align-items:center;animation:fadeIn-df0bcb9f .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:10100}.settings-dialog-card[data-v-df0bcb9f]{animation:scaleIn-df0bcb9f .2s cubic-bezier(.34,1.56,.64,1);background-color:#0f172a;border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;max-width:440px;overflow:hidden;width:90%}.settings-dialog-header[data-v-df0bcb9f]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:16px 20px}.settings-dialog-title[data-v-df0bcb9f]{align-items:center;color:#f8fafc;display:flex;font-size:1.1rem;font-weight:700;gap:10px}.settings-gear-icon[data-v-df0bcb9f]{color:var(--level-accent,#ef4444)}.settings-dialog-close[data-v-df0bcb9f]{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.settings-dialog-close[data-v-df0bcb9f]:hover{background-color:#ffffff14;color:#f1f5f9}.settings-dialog-body[data-v-df0bcb9f]{display:flex;flex-direction:column;gap:20px;padding:20px}.setting-option-row[data-v-df0bcb9f]{align-items:center;display:flex;gap:16px;justify-content:space-between}.setting-option-col[data-v-df0bcb9f]{display:flex;flex-direction:column;gap:12px}.option-label-group[data-v-df0bcb9f]{align-items:flex-start;display:flex;gap:12px}.option-icon[data-v-df0bcb9f]{color:#64748b;margin-top:2px}.option-text[data-v-df0bcb9f]{display:flex;flex-direction:column;gap:2px}.option-title[data-v-df0bcb9f]{color:#f1f5f9;font-size:.95rem;font-weight:600}.option-desc[data-v-df0bcb9f]{color:#64748b;font-size:.78rem}.switch-toggle[data-v-df0bcb9f]{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.switch-toggle input[data-v-df0bcb9f]{height:0;opacity:0;width:0}.switch-slider[data-v-df0bcb9f]{background-color:#334155;border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.switch-slider[data-v-df0bcb9f]:before{background-color:#f1f5f9;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.switch-toggle input:checked+.switch-slider[data-v-df0bcb9f]{background-color:var(--level-accent,#ef4444)}.switch-toggle input:checked+.switch-slider[data-v-df0bcb9f]:before{transform:translate(20px)}.font-size-slider-wrapper[data-v-df0bcb9f]{align-items:center;background-color:#ffffff08;border:1px solid hsla(0,0%,100%,.05);border-radius:10px;display:flex;gap:12px;padding:4px 8px}.font-size-limit[data-v-df0bcb9f]{color:#64748b;font-size:.78rem;font-weight:500}.font-size-range-input[data-v-df0bcb9f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#334155;border-radius:3px;flex:1;height:6px;outline:none}.font-size-range-input[data-v-df0bcb9f]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--range-color,#ef4444);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.font-size-range-input[data-v-df0bcb9f]::-webkit-slider-thumb:hover{transform:scale(1.2)}.hsk-video-settings-btn[data-v-df0bcb9f]{align-items:center;background-color:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:.82rem;font-weight:700;gap:6px;padding:6px 12px;transition:all .2s ease}.hsk-video-settings-btn[data-v-df0bcb9f]:hover{background-color:#ffffff1f;border-color:#fff3;color:#f8fafc}.hsk-video-header-right[data-v-df0bcb9f]{align-items:center;display:flex;gap:10px}.right-controls-group[data-v-df0bcb9f]{align-items:center;display:flex;gap:12px}.control-settings-btn[data-v-df0bcb9f]{align-items:center;background-color:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.control-settings-btn[data-v-df0bcb9f]:hover{background-color:#ffffff1f;border-color:#fff3;color:#f8fafc;transform:rotate(30deg)}.delay-selector-chips[data-v-df0bcb9f]{background-color:#ffffff08;border:1px solid hsla(0,0%,100%,.05);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;padding:4px}.delay-chip[data-v-df0bcb9f]{background:transparent;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#94a3b8;cursor:pointer;flex:1;font-size:.8rem;font-weight:600;min-width:70px;padding:6px 10px;text-align:center;transition:all .2s}.delay-chip[data-v-df0bcb9f]:hover{background-color:#ffffff0f;color:#f1f5f9}.delay-chip.active[data-v-df0bcb9f]{background-color:var(--active-color,#ef4444);border-color:var(--active-color,#ef4444);color:#fff}@keyframes fadeIn-df0bcb9f{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-df0bcb9f{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}