.short-video-card-container{border-radius:var(--border-radius);background-color:#555a65;position:relative;overflow:hidden;user-select:none;width:100%;height:100%;aspect-ratio:9/16;min-width:var(--min-width-short)}.short-video-card-container .video-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.short-video-card-container .video-cover iframe,.short-video-card-container .video-cover img{width:100%;height:100%;object-fit:cover;border:none}.short-video-card-container .video-cover.hide-fade:after{display:none}.short-video-card-container .video-cover:after{pointer-events:none;z-index:2;content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;background:linear-gradient(180deg,transparent 78%,rgba(0,0,0,.35) 89%,rgba(0,0,0,.7))}.short-video-card-container .video-details{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:12px;z-index:3;gap:10px}.short-video-card-container .video-details .video-company-logo{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid #fff;overflow:hidden;background-color:#fff}.short-video-card-container .video-details .video-company-logo img{width:100%;height:100%;object-fit:contain}.short-video-card-container .video-details .video-company-text{color:#fff;width:100%;overflow:hidden}.short-video-card-container .video-details .video-company-text .text-category{font-size:12px;font-weight:400;line-height:1;margin-bottom:4px}.short-video-card-container .video-details .video-company-text .text-name{font-size:16px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.short-video-container{position:relative;z-index:2;padding:20px 0}.short-video-container.filter-bg{background:linear-gradient(270deg,hsla(0,0%,100%,.2),#fff 15%,#fff 85%,hsla(0,0%,100%,.2))}.short-video-container .short-video-title{padding:0 16px}.short-video-container .short-video-title .title-text{font-size:24px;font-weight:600;line-height:1.5}.short-video-container .short-video-title .description-text{font-size:18px;font-weight:400;color:#828282;line-height:1.5}.short-video-container .video-filter{width:100%;gap:24px;margin-top:20px;padding:0 16px}.short-video-container .video-filter .filter-btn{padding:4px 8px;display:flex;justify-content:center;align-items:center;border:2px solid #aaa;width:200px;height:50px;border-radius:10px;background-color:#fff;color:#1c1b1f;transition:.3s}.short-video-container .video-filter .filter-btn:hover{background:#beedff;color:#1c1b1f}.short-video-container .video-filter .filter-btn.active{border:none;background:var(--button-color);color:var(--button-text-color)}.short-video-container .video-filter .filter-btn.active:hover{box-shadow:0 7px 8px 0 rgba(0,0,0,.2)}@media screen and (max-width:575px){.short-video-container .video-filter{gap:16px}.short-video-container .video-filter .filter-btn{flex:1;width:100%}}.short-video-container .video-cards{max-width:1145px;width:100%}.short-video-container .video-cards .show-4-card{display:none}@media screen and (max-width:926px){.short-video-container .video-cards .show-4-card{display:block}}.short-video-container .video-cards .show-3-card{display:none}@media screen and (max-width:694px){.short-video-container .video-cards .show-3-card{display:block}}.short-video-container .video-cards .show-2-card{display:none}@media screen and (max-width:463px){.short-video-container .video-cards .show-2-card{display:block}}@media screen and (max-width:575px){.short-video-container .video-cards .mobile-none{display:none}}.short-video-container .video-cards .splide-video-cards.center-content .splide__track{display:flex!important;justify-content:center!important}@media screen and (max-width:1179px){.short-video-container .video-cards .splide-video-cards.center-content .splide__track{display:block!important;justify-content:center!important}}.short-video-container .splide__arrows .splide__arrow{background-color:#00aeef;opacity:1;width:42px;height:42px}.short-video-container .splide__arrows .splide__arrow--prev{left:-100px;top:50%;border-radius:4px}.short-video-container .splide__arrows .splide__arrow--next{right:-100px;top:50%;border-radius:4px}.short-video-container .splide__arrows .splide__arrow svg{stroke-width:4px}@media screen and (max-width:1366px){.short-video-container .splide__arrows .splide__arrow--prev{left:-80px}.short-video-container .splide__arrows .splide__arrow--next{right:-80px}}@media screen and (max-width:1315px){.short-video-container .splide__arrows .splide__arrow--prev{left:0}.short-video-container .splide__arrows .splide__arrow--next{right:0}}@media screen and (max-width:1170px){.short-video-container .splide__arrows .splide__arrow--prev{left:10px}.short-video-container .splide__arrows .splide__arrow--next{right:10px}}