a.card-body.hover-with-bg {
  border-left: 5px solid rgba(255, 255, 255, 0.6); /* 白色半透 */
  background: #00000080; /* 半透明黑背景 */
  color: #fff;
  box-shadow: 0 5px 10px #00000050;
  transition: all 0.5s;
}

a.card-body.hover-with-bg img {
  transition: all 5s;
  border: 2px solid #fff;
}

a.card-body.hover-with-bg:hover img {
  transform: rotate(1080deg);
}

.link-intro {
  color: #293239;
  font-weight: 600;
  font-family: auto;
}

a.card-body.hover-with-bg:hover {
  border-left-width: 15px;
  border-left-color: rgba(255, 255, 255, 0.8); /* 悬停时稍微更亮一点 */
  background-color: #fff;
  color: #000; /* 白底时切换为黑字可读性更好 */
}