/* 自定义颜色变量 */
:root {
    --primary: #2E7D32;
  }
  
  /* 全局样式 */
  body {
    font-family: 'Inter', system-ui, sans-serif;
  }
  
  /* 动画效果 */
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  .animate-fadeIn {
    animation: fadeIn 0.8s ease-out forwards;
  }
  
  .animate-bounce {
    animation: bounce 2s infinite;
  }
  
  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-20px); }
    60% { transform: translateY(-10px); }
  }
  
  /* 导航栏样式 */
  #navbar {
    transition: all 0.3s ease;
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .hero-title {
      font-size: 2.5rem;
    }
  }
    
  /* 可以根据需要调整滚动条样式 */
::-webkit-scrollbar {
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}