.vvvp-root{--vv-brand:#4759ff;--vv-gray:#E7EBF3;--vv-hover:#3D4FE6;--vv-active:#2F3FCC;--vv-focus:rgba(71,89,255,.45);--vv-buf:#C9D2FF;--vv-play:#4759ff;--vv-ic:rgba(71,89,255,.85);--vv-ic-dis:#A9B2C6;margin:1rem 0;display:block;max-width:100%;overflow-x:hidden;-webkit-tap-highlight-color:rgb(71 89 255 / .2)}.vvvp-root *{-webkit-tap-highlight-color:rgb(71 89 255 / .2)}.vvvp-stage{position:relative;display:flex;flex-direction:column;gap:.5rem;min-width:0}.vvvp-video-wrap{min-width:0;position:relative}.vvvp-video-wrap video{display:block;max-width:100%}.vvvp-video-wrap video::-webkit-media-controls{display:none!important}.vvvp-video-wrap video[controls]{controls:none}.vvvp-root.is-fs-emul{position:fixed;inset:0;width:100vw;height:100vh;background:#000;z-index:999999;overflow:hidden}.vvvp-root.is-fs-emul .vvvp-stage{height:100%;display:flex}.vvvp-root.is-fs .vvvp-video-wrap,.vvvp-root.is-fs-emul .vvvp-video-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.vvvp-root.is-fs .vvvp-video-wrap video,.vvvp-root.is-fs-emul .vvvp-video-wrap video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;background:#000}.vvvp-controls{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid var(--vv-gray);border-radius:10px;padding:.6rem .7rem;box-shadow:0 1px 2px rgb(0 0 0 / .04);accent-color:var(--vv-brand);max-width:100%}@media (prefers-color-scheme:dark){.vvvp-controls{background:#0f1320;border-color:#31384A;box-shadow:none}}.vvvp-root.is-fs .vvvp-controls,.vvvp-root.is-fs-emul .vvvp-controls{position:absolute;left:12px;right:12px;bottom:12px;z-index:10;background:rgb(15 19 32 / .78);border-color:#31384A;backdrop-filter:saturate(1.2) blur(8px)}.vvvp-row-top{display:grid;gap:.5rem;align-items:center;min-width:0;grid-template-columns:auto auto minmax(0,1fr) minmax(0,auto) auto auto;grid-template-areas:"play stop time vol speed pip fs"}.vvvp-row-top [data-area]{min-width:0}.vvvp-row-top [data-area="play"]{grid-area:play}.vvvp-row-top [data-area="stop"]{grid-area:stop}.vvvp-row-top [data-area="time"]{grid-area:time}.vvvp-row-top [data-area="vol"]{grid-area:vol}.vvvp-row-top [data-area="speed"]{grid-area:speed;justify-self:end}.vvvp-row-top [data-area="pip"]{grid-area:pip}.vvvp-row-top [data-area="fs"]{grid-area:fs}.vvvp-row-bottom{display:block;min-width:0}@media (max-width:480px){.vvvp-row-top{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"play stop time fs" "vol  vol  speed pip"}}.vvvp-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--vv-gray);background:#fff;cursor:pointer;position:relative;flex:0 0 auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.vvvp-btn:hover{border-color:var(--vv-hover)}.vvvp-btn:active{border-color:var(--vv-active);background:#fff}.vvvp-btn:focus-visible{outline:3px solid var(--vv-focus);outline-offset:2px}.vvvp-btn::-moz-focus-inner{border:0}@media (prefers-color-scheme:dark){.vvvp-btn{background:#12182A;border-color:#31384A}.vvvp-btn:active{background:#12182A}}.vvvp-btn::before{content:"";position:absolute;inset:8px;background:var(--vv-ic);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-size:contain;mask-position:center;mask-repeat:no-repeat}.vvvp-play::before{-webkit-mask-image:var(--vv-ico-play);mask-image:var(--vv-ico-play)}.vvvp-pause::before{-webkit-mask-image:var(--vv-ico-pause);mask-image:var(--vv-ico-pause)}.vvvp-stop::before{-webkit-mask-image:var(--vv-ico-stop);mask-image:var(--vv-ico-stop)}.vvvp-mute::before{-webkit-mask-image:var(--vv-ico-mute);mask-image:var(--vv-ico-mute)}.vvvp-unmute::before{-webkit-mask-image:var(--vv-ico-volume);mask-image:var(--vv-ico-volume)}.vvvp-pip::before{-webkit-mask-image:var(--vv-ico-pip);mask-image:var(--vv-ico-pip)}.vvvp-full::before{-webkit-mask-image:var(--vv-ico-full);mask-image:var(--vv-ico-full)}.vvvp-exitfull::before{-webkit-mask-image:var(--vv-ico-exitfull);mask-image:var(--vv-ico-exitfull)}.vvvp-time{font:600 12px/1.2 ui-sans-serif,system-ui;color:#4b5563;display:flex;align-items:center;gap:.25rem;padding:0 .25rem;min-width:0;white-space:nowrap}@media (prefers-color-scheme:dark){.vvvp-time{color:#d1d5db}}.vvvp-volume{display:flex;align-items:center;gap:.4rem;min-width:0;flex-wrap:nowrap}.vvvp-vol-range{appearance:none;width:clamp(80px,22vw,120px);height:10px;border-radius:999px;background:#f3f4f6;outline:none;accent-color:var(--vv-brand)}.vvvp-vol-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--vv-play);border:2px solid #fff;margin-top:-3px}.vvvp-vol-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--vv-play);border:2px solid #fff}@media (prefers-color-scheme:dark){.vvvp-vol-range{background:#1F2430}.vvvp-vol-range::-webkit-slider-thumb{border-color:#0f1320}.vvvp-vol-range::-moz-range-thumb{border-color:#0f1320}}.vvvp-speed{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:0}.vvvp-speed-toggle::before{-webkit-mask-image:var(--vv-ico-speed);mask-image:var(--vv-ico-speed)}.vvvp-speed-portal{position:fixed;z-index:2147483000}.vvvp-speed-menu{min-width:104px;max-width:60vw;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:10px;border:1px solid var(--vv-gray);background:#fff;box-shadow:0 8px 24px rgb(0 0 0 / .16);max-height:42vh;overflow:auto}@media (prefers-color-scheme:dark){.vvvp-speed-menu{background:#12182A;border-color:#31384A}}.vvvp-speed-item{display:block;width:100%;text-align:center;padding:8px 10px;border-radius:8px;border:1px solid var(--vv-gray);background:#fff;font:700 12px/1 ui-sans-serif;color:var(--vv-ic);cursor:pointer}.vvvp-speed-item:hover{border-color:var(--vv-hover)}.vvvp-speed-item:active{border-color:var(--vv-active);background:#fff}.vvvp-speed-item.is-active{border-color:var(--vv-play);box-shadow:inset 0 0 0 1px var(--vv-play)}@media (prefers-color-scheme:dark){.vvvp-speed-item{background:#0f1320;border-color:#31384A;color:#d1d5db}}.vvvp-row-bottom{padding-top:.2rem}.vvvp-seek{position:relative;height:14px;border-radius:999px;background:#f3f4f6;cursor:pointer;user-select:none;direction:ltr;unicode-bidi:plaintext;overflow:hidden}@media (prefers-color-scheme:dark){.vvvp-seek{background:#1F2430}}.vvvp-seek-buffer,.vvvp-seek-played{position:absolute;left:0;top:0;height:100%;border-radius:999px;will-change:width}.vvvp-seek-buffer{width:0;background:var(--vv-buf)}.vvvp-seek-played{width:0;background:var(--vv-play)}.vvvp-seek-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--vv-play);pointer-events:none;will-change:left}@media (prefers-color-scheme:dark){.vvvp-seek-dot{background:#0f1320}}@media (max-width:480px){.vvvp-btn{width:36px;height:36px}.vvvp-vol-range{width:clamp(72px, 26vw, 100px)}.vvvp-seek{height:12px}.vvvp-seek-dot{width:16px;height:16px}}@media (max-width:360px){.vvvp-time{font-weight:600;font-size:11px}.vvvp-vol-range{width:clamp(64px, 30vw, 90px)}}.vvvp-root{--vv-ico-play:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon fill="%23000" points="8,5 19,12 8,19"/></svg>');
  --vv-ico-pause:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="5" width="4" height="14"/><rect x="14" y="5" width="4" height="14"/></svg>');
  --vv-ico-stop: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="12" height="12" rx="2" fill="%23000"/></svg>');
  --vv-ico-mute: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 9v6h4l5 4V5L9 9H5zM18.5 8.5l-3 3m0-3l3 3" stroke="%23000" stroke-width="2" fill="none" stroke-linecap="round"/></svg>');
  --vv-ico-volume:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 9v6h4l5 4V5L9 9H5z"/><path d="M17 9a4 4 0 010 6" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round"/></svg>');
  --vv-ico-pip:  url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="5" width="18" height="14" rx="2" fill="%23000"/><rect x="12" y="10" width="7" height="5" rx="1" fill="%23fff"/></svg>');
  --vv-ico-full: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7h4V5H5v6h2V7zm10 0v4h2V5h-6v2h4zm0 10h-4v2h6v-6h-2v4zM7 17v-4H5v6h6v-2H7z"/></svg>');
  --vv-ico-exitfull:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 5H5v4h2V7h2V5zm10 0h-4v2h2v2h2V5zM7 17H5v2h4v-4H7v2zm12-4h-2v4h-2v2h4v-6z"/></svg>');
  --vv-ico-speed:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 13a8 8 0 1116 0" fill="none" stroke="%23000" stroke-width="2"/><path d="M12 7v6l4 2" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round"/></svg>')}