:root{--red:#1565c0;--black:#000;--white:#fff;--radius-main:30px;--w-frame:340px;--h-frame:calc(var(--w-frame) * 1.7777778);--title-size:26px;--desc-size:18px}html{scroll-behavior:smooth}section[id]{scroll-margin-top:100px}.vc{width:100%;display:flex;justify-content:center}.vc__inner{width:min(1200px, 100%);padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden}.vc__title{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:var(--title-size);line-height:1.2;color:var(--red);margin:0;position:relative;width:620px;max-width:100%;white-space:normal;word-break:break-word;hyphens:auto}.vc__title:after{content:"";display:block;width:64px;height:4px;background:var(--red);border-radius:2px;margin-top:6px}.vc__track{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:center;gap:20px}.vc__item{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;transition:all .4s ease}.vc__item--prev{opacity:.6;transform:scale(.8)}.vc__item--current{opacity:1;transform:scale(1)}.vc__item--next{opacity:.6;transform:scale(.8)}.vc__video-title{font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1.2;color:#000;margin:0;display:block;max-width:100%;width:var(--w-frame);padding:0 12px;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.vc__frame{width:var(--w-frame);height:var(--h-frame);max-width:calc(100% - 40px);border:4px solid var(--red);border-radius:var(--radius-main);overflow:hidden;background:#000;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:all .3s ease}.vc__frame--prev,.vc__frame--next{width:calc(var(--w-frame) * 0.8);height:calc(var(--h-frame) * 0.8)}.vc__media,.vc__media>*{width:100%;height:100%;display:block}.vc__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:0 0;border:0;cursor:pointer;z-index:10}.vc__nav--left{left:20px}.vc__nav--right{right:20px}.vc__chev{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px}.vc__chev:after{content:"";position:absolute;width:28px;height:28px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);border:4px solid #666;border-top:0;border-right:0;opacity:1;transition:opacity .2s ease,transform .2s ease}.vc__chev--right:after{transform:translate(-50%,-50%) rotate(-135deg)}.vc__nav:hover .vc__chev:after{opacity:1;transform:translate(-50%,-50%) scale(1.1);border-color:var(--red)}.vc__nav:hover .vc__chev--left:after{transform:translate(-50%,-50%) rotate(45deg) scale(1.1);border-color:var(--red)}.vc__nav:hover .vc__chev--right:after{transform:translate(-50%,-50%) rotate(-135deg) scale(1.1);border-color:var(--red)}.vc__desc{width:620px;max-width:100%;font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:var(--desc-size);line-height:1.2;color:#000;text-align:left;position:relative;padding-top:10px}.vc__desc:before{content:"";display:block;width:64px;height:4px;background:var(--red);border-radius:2px;position:absolute;top:0;left:0}.vc__preview{width:100%;height:100%;background:#666;background-size:cover;background-position:center;position:relative;border-radius:var(--radius-main)}.vc__preview:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.15)}.vc__preview:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-45%,-50%);border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #1565c0}@media (max-width:1199px){:root{--w-thumb:320px;--h-thumb:214px}}@media (max-width:900px){:root{--w-frame:min(340px, 74vw);--h-frame:calc(var(--w-frame) * 1.7777778)}.vc__frame{width:var(--w-frame);height:var(--h-frame)}.vc__frame--prev,.vc__frame--next{width:calc(var(--w-frame) * 0.7);height:calc(var(--h-frame) * 0.7)}.vc__track{height:auto;padding-bottom:10px;gap:15px}.vc__nav--left{left:15px}.vc__nav--right{right:15px}}@media (max-width:600px){:root{--w-frame:min(300px, 82vw);--h-frame:calc(var(--w-frame) * 1.7777778)}.vc__title{font-size:22px}.vc__video-title{font-size:18px;padding:0 14px}.vc__nav--left{left:10px}.vc__nav--right{right:10px}.vc__nav{width:40px;height:40px}.vc__track{gap:10px}.vc__frame{width:var(--w-frame);height:var(--h-frame)}.vc__frame--prev,.vc__frame--next{width:calc(var(--w-frame) * 0.6);height:calc(var(--h-frame) * 0.6)}}