.kplayer-wrap{width:100%;align-self:stretch;max-width:100%;margin:1em 0}
.kplayer-wrap .video-js{overflow:hidden;width:100%;background:#000;font-family:inherit}
.kplayer-wrap .vjs-big-play-button{background:rgba(255,210,0,.92);color:#111;border:0;border-radius:50%;width:2.4em;height:2.4em;line-height:2.4em;margin:-1.2em 0 0 -1.2em;top:50%;left:50%}
.kplayer-wrap .vjs-play-progress,.kplayer-wrap .vjs-volume-level{background:#ffd200}
.kplayer-wrap .vjs-control-bar{bottom:44px;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.kplayer-wrap .vjs-text-track-display{bottom:50px}
.kplayer-wrap .vjs-progress-control{opacity:0;pointer-events:none}
.kplayer-wrap .vjs-text-track-cue>div{font-size:1em!important;background-color:rgba(0,0,0,.4)!important;color:#fff!important}
.kplayer-wrap .vjs-text-track-cue>div::before,.kplayer-wrap .vjs-text-track-cue>div::after{content:"\00a0"}
.kp-bar{position:absolute;left:0;right:0;bottom:0;z-index:6;height:4px;transition:height .25s;color:#111;font-size:14px}
.kp-bar .cur,.kp-bar .seg{position:absolute;inset:0}
.kp-bar .cur{background:rgba(255,210,0,.30);overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.kp-bar .cur i{position:absolute;left:0;top:0;bottom:0;background:rgba(255,210,0,.9);width:0}
.kp-bar .cur b,.kp-bar .cur em{position:relative;font-style:normal;opacity:0;transition:opacity .25s;white-space:nowrap}
.kp-bar .cur b{font-weight:700;overflow:hidden;text-overflow:ellipsis;margin-right:12px}
.kp-bar .cur em{font-variant-numeric:tabular-nums;font-weight:600}
.kp-bar.full{height:36px}.kp-bar.full .cur b,.kp-bar.full .cur em{opacity:1}
.kp-bar .seg{display:none;gap:3px;padding:0 10px}
.kp-bar.chapters{height:44px}.kp-bar.chapters .cur{display:none}.kp-bar.chapters .seg{display:flex}
.kp-bar .sg{position:relative;flex:none;height:100%;background:rgba(255,210,0,.30);overflow:hidden;cursor:pointer;display:flex;align-items:center;border-radius:4px;color:#fff}
.kp-bar .sg i{position:absolute;left:0;top:0;bottom:0;background:rgba(255,210,0,.9);width:0}
.kp-bar .sg span{position:relative;padding:0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:12px;text-shadow:0 1px 3px #000}
.kp-bar .sg:hover{background:rgba(255,210,0,.55)}.kp-bar .sg.on{box-shadow:inset 0 0 0 2px #ffd200}
.kp-panel{position:absolute;top:0;right:0;bottom:48px;width:min(340px,86%);background:rgba(12,12,12,.92);transform:translateX(105%);transition:transform .25s;z-index:5;display:flex;flex-direction:column;font-size:16px;color:#fff}
.kp-panel.open{transform:none}
.kp-panel h3{margin:0;padding:12px 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#bbb;display:flex;justify-content:space-between;align-items:center}
.kp-panel h3 button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer;line-height:1}
.kp-panel ul{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:6px;overflow:auto;flex:1}
.kp-panel li{flex:none;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);cursor:pointer;position:relative;overflow:hidden}
.kp-panel li:hover{background:rgba(255,255,255,.14)}
.kp-panel li .n{flex:none;width:30px;height:30px;border-radius:50%;background:#333;display:grid;place-items:center;font-size:13px;font-weight:700}
.kp-panel li .ti{font-size:14px;font-weight:600;line-height:1.25}.kp-panel li .tm{font-size:12px;color:#ffd200;font-variant-numeric:tabular-nums}
.kp-panel li .pb{position:absolute;left:0;bottom:0;height:3px;background:#ffd200;width:0}
.kp-panel li.on{background:rgba(255,210,0,.2);box-shadow:inset 3px 0 #ffd200}.kp-panel li.on .n{background:#ffd200;color:#111}
.vjs-kbtn{cursor:pointer;width:auto!important;padding:0 .8em;display:inline-flex;align-items:center;gap:.4em}
.vjs-kbtn span{font-size:13px;font-weight:600;line-height:1}.vjs-kbtn .vjs-icon-placeholder{display:none}
.kp-skip{position:absolute;top:50%;margin-top:-1.4em;z-index:4;padding:.7em 1.1em;border-radius:2em;background:rgba(0,0,0,.6);color:#fff;font-weight:700;font-size:16px;opacity:0;pointer-events:none;transition:opacity .15s}
.kp-skip.l{left:8%}.kp-skip.r{right:8%}.kp-skip.show{opacity:1}

.vjs-kq{position:relative;width:auto!important;padding:0 .9em;cursor:pointer;font-size:13px;line-height:3em;color:#fff}
.vjs-kq .kq-m{display:none;position:absolute;bottom:100%;right:0;background:rgba(0,0,0,.88);border-radius:6px;padding:4px 0;min-width:120px;line-height:1.2;z-index:5}
.vjs-kq.open .kq-m{display:block}
.vjs-kq .kq-m div{padding:8px 16px;text-align:left;white-space:nowrap}
.vjs-kq .kq-m div:hover{background:rgba(255,210,0,.18)}
.vjs-kq .kq-m div.on{color:#ffd200;font-weight:700}