/* 专家卡片悬停动画效果 */
.grid-container {
  display: grid;
  gap: 20px;
  /* 卡片间距 */
}

.main-div {
  position: relative;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

/* 卡片整体悬停效果 */
.main-div:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  background: linear-gradient(135deg, #f8faff, #ffffff);
}


/* 姓名动画 */
.zj-name {
  transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  font-weight: bold;
}

.main-div:hover .zj-name {
  color: #1890ff;
  transform: translateX(5px) scale(1.02);
  text-shadow: 0 2px 4px rgba(24, 144, 255, 0.1);
}


/* 标签动画 */
.zj-tag {
  transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  display: inline-block;
}

.main-div:hover .zj-tag {
  transform: translateY(-3px);
  background: rgba(24, 144, 255, 0.08);
  box-shadow: 0 2px 6px rgba(24, 144, 255, 0.1);
}

/* 微妙的背景光效 */
.main-div::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 75% 25%, rgba(24, 144, 255, 0.03) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
}

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