/* Tailwind CSS 配置 */
@layer utilities {
  .bg-gradient-blue {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  }

  .content-auto {
    content-visibility: auto;
  }

  .text-balance {
    text-wrap: balance;
  }

  .shadow-soft {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
  }

  .transition-smooth {
    transition: all 0.3s ease;
  }

  /* 增强的动画和过渡效果 */
  .scale-95 {
    transform: scale(0.95);
  }

  .scale-90 {
    transform: scale(0.9);
  }

  .scale-105 {
    transform: scale(1.05);
  }

  .translate-y-\[-8px\] {
    transform: translateY(-8px);
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .duration-300 {
    transition-duration: 300ms;
  }

  .duration-500 {
    transition-duration: 500ms;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-100 {
    opacity: 1;
  }
}

/* 动画类 */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 0.5s ease-out forwards;
}

/* 导航栏增强样式 */
#navbar {
  transition: all 0.3s ease;
}

/* 按钮交互增强 */
.btn,
button,
a[href]:not([href^="#"]) {
  transition: all 0.3s ease;
}

/* 功能卡片悬停效果 */
#features .bg-white {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#features .bg-white:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* 移动端菜单过渡效果 */
#mobile-menu {
  transition: all 0.3s ease;
}

/* 结果区域淡入效果 */
#result-section {
  opacity: 1;
  transition: all 0.3s ease;
}

/* 平滑滚动行为 */
html {
  scroll-behavior: smooth;
}

/* 页面初始加载样式 */
body {
  opacity: 0;
  transition: opacity 0.5s ease;
}