/* 首页卡片悬停动效 */
body.card #index article {
    position: relative;
    z-index: 0;
}

body.card #index article .post-card {
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: center center;
    will-change: transform, box-shadow;
    transition: transform .28s cubic-bezier(.22, .61, .36, 1), box-shadow .28s ease;
}

body.card #index article .post-card .blog-background {
    transform: scale(1);
    transform-origin: center center;
    will-change: transform;
    transition: transform .42s cubic-bezier(.22, .61, .36, 1), opacity 1s ease;
}

@media (hover: hover) and (pointer: fine) {
    body.card #index article:has(.post-card:hover) {
        z-index: 10;
    }

    body.card #index article .post-card:hover {
        transform: translate3d(0, -4px, 0) scale(1.045);
        box-shadow: 0 22px 43px rgba(0, 0, 0, .2);
    }

    body.card #index article .post-card:hover .blog-background {
        transform: scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.card #index article .post-card,
    body.card #index article .post-card .blog-background {
        transition: none;
    }
}