/* ========================================
   横版海报样式 - 适用于分类ID=1（电影）和ID=3（综艺）
   PC端4列，移动端2列
   ======================================== */

/* PC端默认：4列 */
.horizontal-layout .video-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

/* 横版封面：16:9，无圆角 */
.horizontal-layout .video-card__cover {
  aspect-ratio: 16 / 9 !important;
  border-radius: 0 !important;
}

.horizontal-layout .video-card,
.horizontal-layout .video-card__cover,
.horizontal-layout .video-card__img,
.horizontal-layout .video-card__img img {
  border-radius: 0 !important;
}

/* 图片铺满不变形 */
.horizontal-layout .video-card__img {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

.horizontal-layout .video-card__img img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
}

/* 平板端（768px-1024px）：3列 */
@media (max-width: 1024px) and (min-width: 769px) {
  .horizontal-layout .video-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }
}

/* 移动端（768px以下）：2列 */
@media (max-width: 768px) {
  .horizontal-layout .video-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* 小屏手机（480px以下）：2列 */
@media (max-width: 480px) {
  .horizontal-layout .video-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}