/* 核心：外层定位容器（箭头的垂直居中基准） */
.popular-news-wrapper {
  position: relative !important; /* 箭头的定位父级 */
  overflow: hidden !important;
  padding-bottom: 30px !important; /* 给圆点留空间 */
  margin: 0 40px !important;
  height: 320px !important; /* 匹配轮播项实际高度 */
  z-index: 0 !important;
}

/* Owl 轮播容器：仅负责内容展示，不做定位基准 */
.cat-carousel.owl-carousel {
  width: 100% !important;
  height: 100% !important; /* 继承外层容器高度 */
}

/* 轮播项：强制高度铺满 Owl 容器，保证高度统一 */
.popular-news-item {
  height: 100% !important;
  /* padding: 0 10px !important; */
  display: flex !important;
  flex-direction: column !important;
}
.popular-news-item img {
  width: 100% !important;
  height: 200px !important; /* 固定图片高度 */
  object-fit: cover !important;
}
.popular-news-item .item-meta {
  flex: 1 !important; /* 填充剩余高度 */
  padding: 15px !important;
}

/* 自定义箭头容器：基于外层 popular-news-wrapper 垂直居中 */
.custom-carousel-nav {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 10 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important; /* 强制垂直居中（核心） */
  pointer-events: none !important;
  height: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 箭头通用样式：减去自身高度的一半实现精准居中 */
.custom-carousel-prev, .custom-carousel-next {
  pointer-events: auto !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.9) !important;
  color: #0088ff !important;
  border: 1px solid #d1e7fd !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
  position: relative !important;
  margin: 0 !important;
  /* 核心：减去自身高度的一半（40px/2 = 20px），精准垂直居中 */
  top: -50% !important;
}

/* 左箭头：向右偏移 30px（left: 30） */
.custom-carousel-prev {
  left: 30px !important;
}

/* 右箭头：向左偏移 30px（right: 30） */
.custom-carousel-next {
  right: 30px !important;
}

/* 隐藏 Owl 默认导航/圆点 */
.owl-nav, .owl-dots {
  display: none !important;
}

/* 自定义圆点样式 */
.custom-owl-dots {
  position: absolute !important;
  bottom: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 8px !important;
  z-index: 10 !important;
}
.custom-owl-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #e8f4fd !important;
  border: 1px solid #d1e7fd !important;
  padding: 0 !important;
  cursor: pointer !important;
}
.custom-owl-dot.active {
  background: #0088ff !important;
  border-color: #0088ff !important;
  transform: scale(1.2) !important;
}

.container .container{
  padding: 0!important;
}