/* 公共工具类：所有页面共享，避免重复定义 */

/* 导航激活状态 */
.nav-active {
  background-color: rgba(0, 120, 255, 0.1);
  color: #0078FF;
  border-left: 4px solid #0078FF;
}

/* 卡片悬浮效果 */
.card-hover {
  transition-property: all;
  transition-duration: 0.2s;
}

.card-hover:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transform: translateY(-0.25rem);
}

/* 标签激活状态（部分页面使用） */
.tag-active {
  background-color: #FF7D00;
  color: #ffffff;
}

/* 页脚移动端2栏布局 */
@media (max-width: 768px) {
  footer .grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }
}

/* 超小屏幕（小于640px）也保持2栏，但间距更小 */
@media (max-width: 640px) {
  footer .grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }
}