/* 全局背景色 */
.bg-gradient-green {
  background: linear-gradient(to bottom, #e8f5e9, #c8e6c9);
}

/* 导航条模糊背景 */
.bg-body-tertiary {
  backdrop-filter: blur(12px);
  background-color: rgba(255, 255, 255, 0.7)!important;
}

/* 社交图标 */
.social-icons .icon-circle {
  background-color: rgba(76, 175, 80, 0.1);
  color: #2E7D32;
}
.social-icons .icon-circle:hover {
  background-color: #4CAF50;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3);
}

/* 按钮样式 */
.btn-green {
  background-color: #4CAF50;
  color: #fff;
  border: none;
  transition: all 0.3s ease-in-out;
}
.btn-green:hover {
  background-color: #388E3C;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
}

.btn-green-gradient {
  background-image: linear-gradient(to right, #66bb6a, #43a047);
  color: white;
  border: none;
}
.btn-green-gradient:hover {
  background-image: linear-gradient(to right, #43a047, #2e7d32);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
}

/* 卡片悬停 */
.card.hover-lift {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  border: 1px solid #e0e0e0;
}
.card.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(76, 175, 80, 0.15);
}

/* 按钮涟漪效果（保留原结构） */
.btn.ripple-surface::after {
  background: rgba(255, 255, 255, 0.7);
}

/* 绿色阴影类 */
.shadow-green {
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.15);
}

/* 文字颜色优化 */
.text-muted {
  color: #555 !important;
}
.text-dark {
  color: #212121 !important;
}

/* 页脚深绿背景 */
.footer-bg {
  background-color: #2E7D32;
  color: #fff;
}

/* Logo 动画 */
.navbar-brand svg {
  transition: transform 0.3s ease;
}
.navbar-brand:hover svg {
  transform: rotate(10deg);
}

/* Link Hover Effect */
.hover-text-primary:hover {
  color: #4CAF50 !important;
}

/* Lift Animation for Buttons */
.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(76, 175, 80, 0.2);
}

/* Mobile Menu Styling */
.navbar-toggler {
  background-color: #f8f9fa;
  border-radius: 4px;
}