/* 在线视频播放器 */
.vp-url{display:flex;flex-wrap:wrap;gap:.4rem}
.vp-url .form-control{flex:1 1 18rem;min-width:12rem}
.vp-now{margin-top:.75rem;font-size:.8125rem;color:#5b6675;overflow-wrap:anywhere}
.vp-now:empty{display:none}
.vp-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:14rem;margin-top:.75rem;
  background:#0b0f14;border-radius:.5rem;overflow:hidden}
.vp-now:not(:empty) + .vp-wrap{margin-top:.4rem}
.vp-wrap video{max-width:100%;max-height:62vh;width:100%;background:#000;transition:transform .2s ease}
.vp-badge{position:absolute;top:.5rem;right:.5rem;padding:.1rem .4rem;border-radius:.25rem;
  background:rgba(0,0,0,.6);color:#fff;font-size:.75rem}
.vp-bar{display:flex;align-items:center;gap:.5rem;margin-top:.6rem}
.vp-time{font-size:.8125rem;color:#5b6675;font-variant-numeric:tabular-nums;min-width:3.2rem;text-align:center}
.vp-progress{position:relative;flex:1 1 auto;height:1.1rem}
.vp-buffer{position:absolute;left:0;top:50%;transform:translateY(-50%);height:.35rem;background:#e9ecef;border-radius:.2rem;width:0}
.vp-seek{position:absolute;left:0;top:0;width:100%;margin:0}
.vp-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.6rem}
.vp-controls .btn{white-space:nowrap}
.vp-rate{width:auto;min-width:5rem}
.vp-vol{display:inline-flex;align-items:center;gap:.3rem}
.vp-vol .form-range{width:6.5rem}

@media (max-width:575.98px){
  .vp-vol .form-range{width:4rem}
  .vp-wrap video{max-height:40vh}
}