.video-scroll .swiper{overflow: visible;}
.video-scroll .swiper-slide{max-width:230px}
.video-scroll {gap: 20px;padding-bottom: 20px}
.video-story {display: flex;flex-direction: column;gap: 12px;cursor: pointer;text-decoration: none;position: relative}
.video-preview{width: 100%;aspect-ratio: 9/16; border-radius: 12px;background-size: cover;background-position: center;position: relative; overflow: hidden;transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.video-story:hover .video-preview{transform: scale(1.03);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15)}
.video-play-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.8);width: 48px;height: 48px;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(4px);border-radius: 50%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.4);z-index: 2}
.video-play-icon iconify-icon {font-size: 24px;color: white}
.video-story:hover .video-play-icon{opacity: 1;transform: translate(-50%, -50%) scale(1);background: rgba(255, 255, 255, 0.3)}
.video-duration{position: absolute;bottom: 8px;right: 8px;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(4px);color: white;font-size: 11px;font-weight: 600;padding: 4px 8px;border-radius: 6px;z-index: 1;}
.video-info {display: flex;flex-direction: column;gap: 4px}
.video-title{font-size: 15px; font-weight: 600;color: #333;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin: 0}
.video-store {font-size: 13px;color: #888;display: flex;align-items: center;gap: 4px;margin: 0}
.verified-icon {color: #cb11ab;font-size: 14px}
@media (max-width: 1024px) {
	.video-scroll .swiper-slide{max-width:160px}
}
@media (max-width: 375px) {
    .video-title {font-size: 13px;}
    .video-store {font-size: 11px;}
}