@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .card-hover {
        @apply transition-all duration-300 hover:shadow-2xl hover:-translate-y-2 transform;
    }
    .btn-primary {
        @apply bg-primary hover:bg-primary/90 text-white font-medium px-4 py-2 rounded-lg transition-all duration-200 shadow-md hover:shadow-lg;
    }
    .btn-secondary {
        @apply bg-secondary hover:bg-secondary/90 text-white font-medium px-4 py-2 rounded-lg transition-all duration-200 shadow-md hover:shadow-lg;
    }
    .like-btn {
        @apply text-gray-400 hover:text-red-500 transition-all duration-200 relative;
    }
    .like-btn-active {
        @apply text-red-500;
    }
    .like-btn:active {
        @apply scale-110;
    }
    /* 点赞动画 */
    .like-animation {
        animation: like-pulse 0.5s ease-in-out;
    }
    @keyframes like-pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.3);
        }
        100% {
            transform: scale(1);
        }
    }
    /* 优化卡片样式 */
    .tool-card {
        @apply bg-white rounded-2xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-2xl border border-slate-200 hover:border-slate-300;
    }
    .tool-card-header {
        @apply p-6 border-b border-slate-100;
    }
    .tool-card-body {
        @apply p-6;
    }
    .tool-feature {
        @apply px-3 py-1 bg-gradient-to-r from-slate-50 to-slate-100 text-slate-600 text-xs rounded-full transition-all hover:bg-slate-200;
    }
    /* 工具图标背景 */
    .icon-bg-development {
        @apply bg-gradient-to-br from-primary/10 to-primary/20;
    }
    .icon-bg-design {
        @apply bg-gradient-to-br from-accent/10 to-accent/20;
    }
    .icon-bg-productivity {
        @apply bg-gradient-to-br from-secondary/10 to-secondary/20;
    }
    .icon-bg-utility {
        @apply bg-gradient-to-br from-green-100 to-green-200;
    }
}