/* common.css - 曲泉数色公共样式 */
@layer utilities {
  .bg-gradient-tech {
    background: linear-gradient(135deg, #10a868 0%, #34b989 50%, #73c9ac 100%);
  }
  .bg-gradient-dark {
    background: linear-gradient(180deg, #121826 0%, #1e293b 100%);
  }
  .text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(90deg, #10a868, #73c9ac);
  }
  .glass {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(16, 168, 104, 0.2);
  }
  .glass-white {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(16, 168, 104, 0.1);
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .animate-float {
    animation: float 3s ease-in-out infinite;
  }
  @keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
  }
  .animate-pulse-slow {
    animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
}