/* 自定义Tailwind工具类 */
@layer utilities {
  /* 背景渐变动画 */
  .bg-gradient-animate {
    background: linear-gradient(135deg, #0F172A, #1E293B, #4C1D95, #0F172A);
    background-size: 400% 400%;
    animation: gradient 25s ease infinite;
  }
  /* 卡片悬浮效果 */
  .card-hover {
    @apply transition-all duration-300 hover:scale-[1.01] hover:shadow-xl hover:shadow-purple/20;
  }
  /* 数字增长动画 */
  .count-up {
    animation: countUp 2s ease-out forwards;
  }
  /* 进度条动画 */
  .progress-animate {
    animation: progress 1.5s ease-out forwards;
    transform-origin: left;
    transform: scaleX(0);
  }
  /* 资产卡片高亮 */
  .asset-card-highlight {
    @apply ring-2 ring-purple/50 shadow-lg shadow-purple/20;
  }
}

/* 渐变背景动画 */
@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
/* 数字增长 */
@keyframes countUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
/* 进度条 */
@keyframes progress {
  to { transform: scaleX(1); }
}
/* 滚动条美化 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #1E293B;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb {
  background: #8B5CF6;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #7C3AED;
}