/* Tailwind 自定义工具类 */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .category-hover {
        @apply transition-all duration-300 hover:bg-primary/10 hover:text-primary hover:pl-4;
    }
    .card-shadow {
        @apply shadow-md hover:shadow-lg transition-shadow duration-300;
    }
    .carousel-indicator {
        @apply w-3 h-3 rounded-full bg-white/50 cursor-pointer transition-all duration-300;
    }
    .carousel-indicator-active {
        @apply bg-primary w-8;
    }
}