@layer utilities {
	.content-auto {
		content-visibility: auto;
	}

	.text-shadow {
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.card-hover {
		transition: all 0.3s ease;
	}

	.card-hover:hover {
		transform: translateY(-5px);
		box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
		background-color: #f9fafb;
		/* 添加背景颜色变化 */
	}

	/* 新增轮播图动画样式 */
	.carousel-item {
		opacity: 0;
		transform: translateX(100%);
		transition: opacity 1000ms ease, transform 1000ms ease;
	}

	.carousel-item.active {
		opacity: 1;
		transform: translateX(0);
	}

	.carousel-item.prev {
		transform: translateX(-100%);
	}

	/* 新增轮播图控制器激活状态样式 */
	.carousel-dot.active {
		background-color: white;
	}
}