/* Tailwind CSS 自定义配置样式 */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .bg-gradient {
        background: linear-gradient(135deg, #e84a52 0%, #f8b195 100%);
    }
    .bg-purple-gradient {
        background: linear-gradient(135deg, #5B21B6 0%, #8B5CF6 100%);
    }
    .transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
    }
    .badge-required {
        animation: pulse 2s infinite;
    }
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.7);
        }
        70% {
            box-shadow: 0 0 0 10px rgba(255, 152, 0, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);
        }
    }
}