@layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .transition-custom {
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .bg-gradient-blue {
                background: linear-gradient(135deg, #165DFF 0%, #36CFC9 100%);
            }
            .project-card {
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            .project-card:hover {
                transform: translateY(-8px);
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            }
            /* 懒加载图片的淡入效果 */
            .lazy-image {
                opacity: 0;
                transition: opacity 0.3s ease-in-out;
            }
            .lazy-image[src] {
                opacity: 1;
            }
        }