/* 图标容器动画 */
.zyjs-iconZu {
  transition: all 0.3s ease;
  transform: scale(1);
}

/* 悬停时整体放大 */
.zyjs-iconZu:hover {
  transform: scale(1.05);
}

/* 图标动画 */
.zyjs-icon {
  transition: all 0.3s ease;
}

/* 悬停时图标旋转 */
.zyjs-iconZu:hover .zyjs-icon {
  transform: translateX(-3px);
}

/* 文字区域动画 */
.zyjs-icon-text {
  transition: all 0.3s ease;
  /* display: inline-block; */
  /* 确保transform生效 */
}

/* 悬停时文字上浮并变色 */
.zyjs-iconZu:hover .zyjs-icon-text {
  /* background: #FFA726; */
  transform: translateX(-3px);
}

/* 标题文字也添加轻微上浮（保持与参考样式一致） */
.zyjs-icon-title {
  transition: all 0.3s ease;
  display: inline-block;
}

.zyjs-iconZu:hover .zyjs-icon-title {
  transform: translateX(-3px);
}



/* 只添加悬浮动画效果 - 不影响现有样式 */
.main-div {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* 只添加过渡属性 */
}

.main-div:hover {
  transform: translateY(-5px);
  /* 仅添加上浮效果 */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  /* 仅添加阴影变化 */
}

.zsal-img {
  transition: transform 0.3s ease;
  /* 只添加图片过渡 */
}

.main-div:hover .zsal-img {
  transform: scale(1.03);
  /* 仅图片轻微放大 */
}

.zsal-img-tag {
  transition: all 0.3s ease;
  /* 只添加标签过渡 */
}

.main-div:hover .zsal-img-tag {
  transform: translateY(-2px);
  /* 仅标签上浮 */
}

/* 按钮基础样式（保持您原有样式不变） */
.zsal-btn {
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* 擦亮效果的光条 */
.zsal-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, 0.4),
      transparent);
  transition: all 0.6s ease;
}

/* 悬浮状态 */
.zsal-btn:hover {
  background: #1890ff;
  /* 保持您原有的蓝色 */
  color: white;
}

/* 悬浮时光条滑动 */
.zsal-btn:hover::after {
  left: 100%;
}

/* 保持您原有的其他按钮效果 */
.zsal-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4);
}


/* 图片悬浮放大效果（仅图片） */
.xyzy-img {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.xyzy-img:hover {
  transform: scale(1.03);
}

/* 主标题变色效果（仅文字） */
.xyzy-div-top-title {
  transition: color 0.3s ease;
}

.xyzy-div-top-title:hover {
  color: #1890ff;
}

/* "更多"链接变色效果（仅文字） */
.xyzy-div-top-gd a {
  transition: color 0.3s ease;
}

.xyzy-div-top-gd a:hover {
  color: #1890ff;
}

/* 列表项文字效果（仅文字） */
.single-line {
  transition: color 0.3s ease;
}

.xyzy-div-count:hover .single-line {
  color: #1890ff;
}

/* 小圆点颜色变化（仅元素） */
.xyzy-div-dian {
  transition: background-color 0.3s ease;
}

.xyzy-div-count:hover .xyzy-div-dian {
  background-color: #1890ff;
}

/* 图片悬浮放大效果（仅图片） */
.zszc-img {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.zszc-img:hover {
  transform: scale(1.03);
}

/* 更多链接变色效果（仅文字） */
.zszc-div-top-gd a {
  transition: color 0.3s ease;
}

.zszc-div-top-gd a:hover {
  color: #1890ff;
}

/* 列表项整体悬停效果（仅文字区域） */
.zszc-div-zu {
  transition: all 0.3s ease;
}

.zszc-div-count:hover .zszc-div-zu {
  transform: translateX(1px);
}

/* 标题文字变色效果（仅文字） */
.single-line2 {
  transition: color 0.3s ease;
}

.zszc-div-count:hover .single-line2 {
  color: #1890ff;
}

/* 日期文字变色效果（仅文字） */
.zszc-div-zu div {
  transition: color 0.3s ease;
}

.zszc-div-count:hover .zszc-div-zu div {
  color: #888;
}

/* 小圆点颜色变化（仅元素） */
.zszc-div-dian {
  transition: background-color 0.3s ease;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 8px;
}

.zszc-div-count:hover .zszc-div-dian {
  background-color: #1890ff;
}