.main-div {
  display: flex;
  padding: 12px;
  margin: 10px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border: 1px solid #eee;
  transition: all 0.4s ease;
  cursor: pointer;
}

.main-div:hover {
  transform: translateY(-3px) rotateX(2deg);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border-color: #1890ff;
  background: #f9f9f9;
}

.main-r-img {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  object-fit: cover;
  margin-right: 12px;
  transition: transform 0.3s ease;
}

.main-div:hover .main-r-img {
  transform: scale(1.05);
}

.main-title-name {
  transition: color 0.3s ease;
}

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

.main-tag {
  display: inline-block;
  transition: all 0.3s ease;
}

.main-div:hover .main-tag {
  background: #1890ff;
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
}