@layer utilities {
            .content-auto {
                content-visibility: auto;}
            /* 卡片精美hover动画 */
            .card-hover {
                transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
            .card-hover:hover {
                transform: translateY(-6px);
                box-shadow: var(--tw-shadow-card-hover);}
            /* 文字渐变效果 */
            .text-gradient {
                background: linear-gradient(120deg, #00287d, #0056d2);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;}
            /* 按钮动效 */
            .btn-effect {
                position: relative;
                overflow: hidden;}
            .btn-effect::after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 0;
                height: 0;
                background: rgba(255, 255, 255, 0.2);
                border-radius: 50%;
                transform: translate(-50%, -50%);
                transition: width 0.6s ease, height 0.6s ease;}
            .btn-effect:hover::after {
                width: 300px;
                height: 300px;}
        }


@media screen and (max-width: 1024px) {
.image-grid {

    gap: 0.2rem;}

}