.vt{padding:6px 0 70px}
.vt-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
.vt-head h2{font-size:40px;letter-spacing:-.04em;margin-top:10px}
.vt-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:760px;margin:0;padding:0;list-style:none}
.vt-page{padding-top:48px}
.vt-page .vt-track{max-width:880px;gap:22px}
.vt-card{margin:0;min-width:0}
.vt-media{position:relative;aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#16202b;box-shadow:0 12px 26px #24578518;isolation:isolate;transform:translateZ(0);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1)}
.vt-media::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 6px #fff;pointer-events:none;z-index:3}
.vt-media img,.vt-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vt-media img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.vt-play{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:20px;border:0;margin:0;cursor:pointer;color:#fff;font:inherit;text-align:left;background:linear-gradient(180deg,#0000 60%,#0b1a2ab3);transition:opacity .35s ease}
.vt-play b{font-size:14px;font-weight:700;letter-spacing:-.01em}
.vt-play i{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 0 0 1px #ffffff55;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s ease}
.vt-play i svg{margin-left:3px}
.vt-play:focus-visible{outline:3px solid #6aa8ff;outline-offset:-9px;border-radius:28px}
@media (hover:hover){.vt-card:not(.is-playing) .vt-media:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2457852b}.vt-card:not(.is-playing) .vt-media:hover img{transform:scale(1.03)}.vt-play:hover i{transform:scale(1.08);background:#ffffff45}}
.vt-tr{margin:10px 6px 0}
.vt-tr summary{list-style:none;cursor:pointer;display:inline-block;font-size:12px;color:var(--muted);opacity:.75;transition:opacity .2s}
.vt-tr summary:hover,.vt-tr[open] summary{opacity:1}
.vt-tr summary::-webkit-details-marker{display:none}
.vt-tr .vt-body{overflow:hidden}
.vt-tr p{margin:0;padding-top:8px;font-size:13px;line-height:1.6;color:var(--muted)}
.vt-anim .vt-card{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*90ms)}
.vt-anim .vt-card.in{opacity:1;transform:none}
@media (max-width:760px){.vt{padding:0 0 46px}.vt-page{padding-top:24px}.vt-head h2{font-size:30px}.vt-head{align-items:center}
 .vt-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-20px;padding:2px 20px 6px;scroll-padding-inline:20px;max-width:none}
 .vt-track::-webkit-scrollbar{display:none}.vt-card{flex:0 0 min(62vw,260px);scroll-snap-align:start}
 .vt-page .vt-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:12px}
 .vt-media{border-radius:20px}.vt-media::after{box-shadow:inset 0 0 0 4px #fff}.vt-play{padding:16px}.vt-play i{width:40px;height:40px}}
@media (max-width:340px){.vt-page .vt-track{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.vt-anim .vt-card,.vt-media,.vt-media img,.vt-media video,.vt-play,.vt-play i{transition:none!important;animation:none!important}.vt-anim .vt-card{opacity:1;transform:none}.vt-track{scroll-behavior:auto}}

/* player */
.vt-media video{z-index:1;opacity:0;transform:translateZ(0);transition:opacity .5s ease;background:transparent}
.vt-card.is-live video{opacity:1}
.vt-card.is-started .vt-play{opacity:0;pointer-events:none}
.vt-play .vt-ico{position:relative}
.vt-tap{position:absolute;inset:0;z-index:2;border:0;margin:0;padding:0;background:transparent;cursor:pointer;display:none}
.vt-card.is-started .vt-tap{display:block}
.vt-ctl{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:14px 16px 16px;display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#0000,#0b1a2a99);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.vt-card.is-started.show-ctl .vt-ctl,.vt-card.is-started.is-paused .vt-ctl{opacity:1;transform:none;pointer-events:auto}
.vt-ctl button{flex:none;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
.vt-ctl button:hover{background:#ffffff40}.vt-ctl button:active{transform:scale(.92)}
.vt-ctl button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vt-bar{flex:1;height:3px;border-radius:3px;background:#ffffff40;overflow:hidden;cursor:pointer;position:relative}
.vt-bar::before{content:"";position:absolute;inset:-10px 0}
.vt-bar i{display:block;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(0);will-change:transform}
.vt-pp svg path{transition:d .3s cubic-bezier(.2,.8,.2,1)}
.vt-mute .on,.vt-card.is-muted .vt-mute .off{display:none}.vt-card.is-muted .vt-mute .on{display:block}
.vt-center{position:absolute;left:50%;top:50%;z-index:3;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0b1a2a59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.vt-card.is-started.is-paused .vt-center{opacity:1;transform:none}
.vt-spin{position:absolute;left:50%;top:50%;z-index:3;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2.5px solid #ffffff4d;border-top-color:#fff;opacity:0;transition:opacity .25s ease;pointer-events:none;animation:vtspin .8s linear infinite}
.vt-card.is-buffering .vt-spin{opacity:1}
@keyframes vtspin{to{transform:rotate(1turn)}}
.vt-card.is-ended .vt-play b::after{content:" · Replay";font-weight:400;opacity:.8}
.vt-media:fullscreen video{object-fit:contain;background:#000}
@media (prefers-reduced-motion:reduce){.vt-ctl,.vt-center,.vt-spin,.vt-ctl button{transition:none!important}.vt-pp svg path{transition:none}}

.vt-q{margin:14px 4px 0}.vt-q b{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.vt-q blockquote{margin:0}.vt-q p{margin:0;font-size:14px;line-height:1.55;opacity:.78}