/* tailwind-custom-utilities.css - 自定义Tailwind工具类 */
@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
  .product-img {
    aspect-ratio: 16/9;
  }
  .text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
  }
  .hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
  }
  /* 按钮活跃状态样式（与默认选中样式保持一致） */
  #news button.active {
    /* 这里使用Tailwind定义的secondary颜色值，避免依赖未定义的CSS变量 */
    background-color: #6C9BCF; 
    color: white;
  }

	
}