:root{--vcl-card-radius:16px;--vcl-gap:16px;--vcl-shadow:0 12px 36px rgba(0, 0, 0, .15);--vcl-overlay:rgba(0, 0, 0, .45);--vcl-overlay-hover:rgba(0, 0, 0, .65);--vcl-play-size:54px;--vcl-aspect:9/16;--vcl-zoom:1.02;--vcl-zoom-speed:.3s}.vcl-wrap{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:40px 0 100px 0}.vcl-swiper{padding:20px 60px;overflow:visible}.vcl-slide{height:auto;max-height:600px}.vcl-card{position:relative;background:#0a0a0a;border-radius:var(--vcl-card-radius);overflow:hidden;box-shadow:var(--vcl-shadow);aspect-ratio:var(--vcl-aspect);display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateZ(0);transition:transform var(--vcl-zoom-speed) ease-out,box-shadow .25s ease;isolation:isolate}.vcl-card:hover{transform:translateY(-2px) scale(var(--vcl-zoom));box-shadow:0 18px 52px rgb(0 0 0 / .24)}.vcl-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:none;z-index:1;filter:saturate(.98) contrast(1.05);opacity:1;transition:opacity 0.3s ease}.vcl-video,.vcl-iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:none;z-index:10;pointer-events:auto}.vcl-iframe{overflow:hidden}.vcl-card.vcl-playing .vcl-thumb{opacity:0;pointer-events:none}.vcl-dim{position:absolute;inset:0;background:var(--vcl-overlay);transition:background .22s ease;z-index:2}.vcl-card:hover .vcl-dim{background:var(--vcl-overlay-hover)}.vcl-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--vcl-play-size);height:var(--vcl-play-size);border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 10px 24px rgb(0 0 0 / .25);transition:transform .2s ease,opacity .2s ease;opacity:.96}.vcl-play::before{content:"";position:absolute;inset:-12px;border-radius:999px;border:3px solid rgb(255 255 255 / .6);box-shadow:0 2px 10px rgb(0 0 0 / .2) inset}.vcl-card:hover .vcl-play{transform:translate(-50%,-50%) scale(1.06)}.vcl-play svg{width:24px;height:24px}.vcl-title{position:absolute;left:14px;right:14px;bottom:12px;z-index:4;color:#fff;font:700 14px/1.25 system-ui,-apple-system,Segoe UI,Roboto;letter-spacing:.1px;text-shadow:0 2px 10px rgb(0 0 0 / .75);pointer-events:none}.vcl-gradient{position:absolute;inset:auto 0 0 0;height:48%;background:linear-gradient(180deg,#fff0 0%,rgb(0 0 0 / .72) 100%);z-index:3;pointer-events:none}.vcl-navigation-container{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:15px}.vcl-nav{background:#4d6958;border-radius:20px;box-shadow:0 8px 24px rgb(77 105 88 / .35);width:70px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;border:2px solid rgb(255 255 255 / .15);position:relative}.vcl-prev{order:1}.vcl-next{order:3}.vcl-pagination-counter{order:2;background:rgb(77 105 88 / .9);border-radius:25px;padding:8px 20px;box-shadow:0 8px 24px rgb(77 105 88 / .35);border:2px solid rgb(255 255 255 / .15);font-size:16px;font-weight:600;color:#fff;letter-spacing:1px;min-width:70px;text-align:center}.vcl-pagination-counter .vcl-current{font-size:18px;color:#fff}.vcl-pagination-counter .vcl-separator{margin:0 8px;opacity:.7}.vcl-pagination-counter .vcl-total{font-size:16px;opacity:.9}.vcl-nav:hover{transform:scale(1.05);background:#3d5948}.vcl-nav:active{transform:scale(1)}.vcl-nav img.vcl-arrow-img{display:block;width:20px;height:auto;max-height:20px;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .2));object-fit:contain}.vcl-ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111}.vcl-ghost::after{content:"";width:40%;height:40%;border-radius:12px;background:#222}.vcl-swiper .swiper-wrapper{align-items:center}.vcl-swiper .swiper-slide{width:auto;opacity:.5;transform:scale(.85);transition:all 0.4s ease}.vcl-swiper .swiper-slide-active{opacity:1!important;transform:scale(1);z-index:10}.vcl-swiper .swiper-slide-active .vcl-card{box-shadow:0 20px 60px rgb(0 0 0 / .3);opacity:1!important}.vcl-swiper .swiper-slide-prev,.vcl-swiper .swiper-slide-next{opacity:.7;transform:scale(.9)}.vcl-card.vcl-featured-slide{border:2px solid rgb(102 126 234 / .4)}.vcl-swiper .swiper-slide-active .vcl-card.vcl-featured-slide{box-shadow:0 24px 64px rgb(102 126 234 / .25);border-color:rgb(102 126 234 / .6)}.vcl-card.vcl-playing{background:#000}.vcl-card.vcl-playing .vcl-thumb{opacity:1!important;pointer-events:none}.vcl-card.vcl-playing .vcl-dim,.vcl-card.vcl-playing .vcl-play,.vcl-card.vcl-playing .vcl-gradient{display:none!important}@media (max-width:1023px){.vcl-swiper .swiper-slide{opacity:.6;transform:scale(.9)}.vcl-swiper .swiper-slide-active{opacity:1;transform:scale(1)}}@media (max-width:768px){:root{--vcl-gap:14px;--vcl-play-size:44px}.vcl-wrap{padding:15px 0 90px 0}.vcl-swiper{padding:8px 8px 15px 8px}.vcl-swiper .swiper-slide{opacity:.3;transform:scale(.65);transition:all 0.4s ease}.vcl-swiper .swiper-slide-active{opacity:1!important;transform:scale(1);z-index:10}.vcl-swiper .swiper-slide-active .vcl-card{opacity:1!important}.vcl-slide{max-height:450px}.vcl-card{max-height:450px}.vcl-wrap .vcl-navigation-container{gap:6px;bottom:12px}.vcl-wrap .vcl-navigation-container .vcl-nav{width:60px;height:40px;border-radius:20px;background:#4d6958!important;box-shadow:0 6px 20px rgb(77 105 88 / .5)}.vcl-wrap .vcl-navigation-container .vcl-nav:hover{background:#3d5948!important}.vcl-wrap .vcl-navigation-container .vcl-nav img.vcl-arrow-img{width:18px;max-height:18px}.vcl-wrap .vcl-navigation-container .vcl-pagination-counter{font-size:12px;padding:9px 12px;min-width:95px;background:rgb(77 105 88 / .9)!important;box-shadow:0 6px 20px rgb(77 105 88 / .5)}.vcl-pagination-counter .vcl-current{font-size:14px}.vcl-pagination-counter .vcl-separator{margin:0 5px}}}