/* 自定义色彩主题 CSS */

/* 渐变文本效果 */
.gradient-text {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to right, #6366f1, #8b5cf6);
}

/* 渐变背景效果 */
.gradient-bg-light {
  background-image: linear-gradient(to bottom right, #f5f3ff, #ede9fe, #ddd6fe);
}

.gradient-bg-medium {
  background-image: linear-gradient(to bottom right, #c7d2fe, #a5b4fc, #818cf8);
}

/* 增强卡片悬停效果 */
.card-hover-effect {
  transition: all 0.3s ease;
}

.card-hover-effect:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px -5px rgba(99, 102, 241, 0.1), 0 10px 10px -5px rgba(99, 102, 241, 0.04);
  border-color: rgba(139, 92, 246, 0.3);
}

/* 自定义动画 */
@keyframes gentle-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}

.animate-gentle-pulse {
  animation: gentle-pulse 3s ease-in-out infinite;
}

/* 增强按钮效果 */
.enhanced-button {
  background-image: linear-gradient(to right, #6366f1, #8b5cf6);
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgba(99, 102, 241, 0.1), 0 2px 4px -1px rgba(99, 102, 241, 0.06);
}

.enhanced-button:hover {
  background-image: linear-gradient(to right, #4f46e5, #7c3aed);
  box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.1), 0 4px 6px -2px rgba(99, 102, 241, 0.05);
  transform: translateY(-2px);
}

/* 自定义边框效果 */
.border-gradient {
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), 
                    linear-gradient(to bottom right, #6366f1, #8b5cf6);
}

/* 标签样式增强 */
.enhanced-tag {
  background-image: linear-gradient(to right, rgba(99, 102, 241, 0.1), rgba(139, 92, 246, 0.1));
  border: 1px solid rgba(139, 92, 246, 0.2);
  color: #6366f1;
  transition: all 0.3s ease;
}

.enhanced-tag:hover {
  background-image: linear-gradient(to right, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));
  border-color: rgba(139, 92, 246, 0.3);
}