/* Tailwind Configuration */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom color variables */
:root {
  --color-primary: #0066CC;
  --color-secondary: #FFCC00;
  --color-accent: #722ED1;
  --color-dark: #000000;
  --color-dark-light: #4E5969;
  --color-light: #FFFFFF;
  --color-light-dark: #C9CDD4;
}

@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
  .text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  .bg-gradient-blue {
    background: linear-gradient(135deg, #0066CC 0%, #722ED1 100%);
  }
  .transition-custom {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .hover-scale {
    transition: transform 0.3s ease;
  }
  .hover-scale:hover {
    transform: scale(1.03);
  }
  .card-shadow {
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
  }
  .nav-shadow {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  }
  
  /* 客户logo滚动动画 */
  .logo-scroll-left {
    animation: scroll-left 10s linear infinite;
  }
  
  .logo-scroll-right {
    animation: scroll-right 10s linear infinite;
  }
  
  .logo-scroll-left:hover,
  .logo-scroll-right:hover {
    animation-play-state: paused;
  }
  
  @keyframes scroll-left {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-25%);
    }
  }
  
  @keyframes scroll-right {
    0% {
      transform: translateX(-25%);
    }
    100% {
      transform: translateX(0%);
    }
  }
  
  .logo-container {
    overflow: hidden;
    white-space: nowrap;
  }
  
  .logo-track {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    margin: 0;
  }
  
  .logo-rows {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}