.header-gradient {
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 1) 20%,
    rgba(244, 11, 11, 0.8) 90%
  );
}

.text-gray-800 {
  padding: 1.5rem;
  margin-right: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  color: white;
  transform: skew(-20deg);
  transition: background-color 1s ease;
  --border-radius-size: 15px;
  border-top-left-radius: var(--border-radius-size);
  border-bottom-right-radius: var(--border-radius-size);
}
.text-gray-800:hover {
  animation: colorChange 0.5s forwards;
}

/* 定义动画 */
@keyframes colorChange {
  0% {
    background-color: rgb(220 38 38 / var(--tw-bg-opacity)); /* 初始红色 */
  }
  50% {
    --tw-bg-opacity: 0.6;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity)); /* 中间白色 */
  }
  100% {
    --tw-bg-opacity: 0.8;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity)); /* 最终红色 */
    color: white; /* 文字颜色变白 */
  }
}

.logo-lh {
  line-height: 1.5rem;
}