/* =============================================
   新闻动态栏 - 直接位于 banner 下方（非悬浮）
   命名空间: .nt-* (避免与旧 .hs-* 冲突)
   布局: 左 [新闻动态] | 中 [垂直 swiper 滚动新闻] | 右 [日期] [上下箭头]
   ============================================= */

.hot-search {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;             /* 不悬浮，紧贴 banner 下方 */
  background: #fff;           /* 原先背景色 */
  border-radius: 4px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);  /* 原先阴影 */
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}

/* ---------- 内部布局 ---------- */
.nt-inner {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 20px;
  gap: 18px;
  box-sizing: border-box;
}

/* ---------- 左侧标题 ---------- */
.nt-label {
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
  color: #0074bc;
  letter-spacing: 2px;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

/* 分隔线 */
.nt-divider {
  flex-shrink: 0;
  width: 1px;
  height: 22px;
  background: #b8d4ea;
}

/* ---------- 中间 swiper 区域 ---------- */
.nt-swiper-wrap {
  flex: 1 1 auto;
  min-width: 0;
  height: 56px;
  overflow: hidden;
  position: relative;
}

.nt-swiper {
  width: 100%;
  height: 56px;
}

.nt-swiper .swiper-wrapper {
  height: 56px;
}

.nt-swiper .swiper-slide {
  height: 56px !important;
  display: flex;
  align-items: center;
  /* 兼容 loop 模式下的复制 slide */
  box-sizing: border-box;
}

/* 单条新闻文字 */
.nt-title {
  display: block;
  width: 100%;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 6px;
  transition: color 0.2s ease;
}

.nt-title:hover {
  color: #0074bc;
}

/* ---------- 右侧日期 ---------- */
.nt-date {
  flex-shrink: 0;
  font-size: 15px;
  color: #0074bc;
  font-weight: 500; 
  letter-spacing: 0.5px;
  white-space: nowrap;
}

/* ---------- 右侧上下导航箭头 ---------- */
.nt-nav {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.nt-arrow {
  width: 22px;
  height: 20px;
  border: 1px solid #b8d4ea;
  background: #fff;
  color: #0074bc;
  cursor: pointer;
  border-radius: 3px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  position: relative;
  outline: none;
}

.nt-arrow:hover {
  background: #0074bc;
  color: #fff;
  border-color: #0074bc;
}

/* 用 CSS border 画三角形箭头，向上 */
.nt-prev::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5px solid currentColor;
  display: block;
}

/* 向下 */
.nt-next::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  display: block;
}

/* swiper 自身可能注入的按钮隐藏（我们用自定义） */
.nt-swiper .swiper-button-prev,
.nt-swiper .swiper-button-next {
  display: none !important;
}

/* ---------- 响应式 ---------- */
@media (max-width: 992px) {
  .nt-inner {
    padding: 0 14px;
    gap: 12px;
  }
  .nt-label {
    font-size: 18px;
    letter-spacing: 1px;
  }
  .nt-title {
    font-size: 15px;
  }
  .nt-date {
    font-size: 13px;
  }
}

@media (max-width: 576px) {
  .nt-inner {
    height: 48px;
    padding: 0 10px;
    gap: 8px;
  }
  .nt-swiper-wrap,
  .nt-swiper,
  .nt-swiper .swiper-wrapper {
    height: 48px;
  }
  .nt-swiper .swiper-slide {
    height: 48px !important;
  }
  .nt-label {
    font-size: 15px;
    letter-spacing: 0;
  }
  .nt-divider {
    height: 18px;
  }
  .nt-title {
    font-size: 13px;
  }
  .nt-date {
    font-size: 12px;
  }
  .nt-arrow {
    width: 20px;
    height: 18px;
  }
  .nt-prev::before {
    border-left-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 4px;
  }
  .nt-next::before {
    border-left-width: 3px;
    border-right-width: 3px;
    border-top-width: 4px;
  }
}