/* 卡片基础悬浮效果 */
.main-l-div {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 卡片整体悬浮效果 */
.main-l-div:hover {
  transform: translateY(-3px);
  /* box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); */
  /* background-color: #f9f9f9; */
  /* 添加轻微背景色变化 */
}

/* 标题悬浮效果（去掉下划线） */
.main-l-title {
  transition: all 0.3s ease;
}

.main-l-div:hover .main-l-title {
  color: #1890ff;
  transform: translateX(3px);
  /* 添加轻微右移效果 */
}

/* 内容描述悬浮效果 */
.main-l-content {
  transition: all 0.3s ease;
}

/* .main-l-div:hover .main-l-content {
  color: #555;
} */

/* 底部信息悬浮效果 */
.main-l-time {
  transition: all 0.3s ease;
}

.main-l-div:hover .main-l-time {
  transform: translateY(2px);
}

.main-l-time div {
  transition: all 0.3s ease;
}

.main-l-div:hover .main-l-time div:first-child {
  color: #1890ff;
}

/* 添加优雅的悬浮背景光晕 */
.main-l-div::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: radial-gradient(circle at center, rgba(24, 144, 255, 0.05) 0%, transparent 70%); */
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}

.main-l-div:hover::after {
  opacity: 1;
}

/* 卡片基础样式 */
.main-r-div {
  position: relative;
  padding-bottom: 12px;
  /* 为边框留出空间 */
  transition: all 0.4s ease;
}

/* 底部边框动画 */
.main-r-div::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #1775E7, #8859D9);
  transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}


/* 悬停效果 */
.main-r-div:hover {
  transform: translateY(-3px);
}

.main-r-div:hover::after {
  width: 100%;
  /* 边框从左侧展开到右侧 */
}

/* 标题效果 */
.main-r-title {
  transition: color 0.3s ease;
}

.main-r-div:hover .main-r-title {
  color: #1890ff;
}

/* 内容效果 */
.main-r-content {
  transition: color 0.3s ease;
}

.main-r-div:hover .main-r-content {
  color: #555;
}

/* 日期效果 */
.main-r-time {
  transition: all 0.3s ease;
}

.main-r-div:hover .main-r-time {
  transform: translateX(5px);
  color: #666;
}