/**
 * 禁用首页文章卡片悬浮动画
 * 这个文件的目的是完全移除首页文章卡片的悬浮动画效果
 */

/* 重置所有卡片动画和过渡效果 */
.wallpaper-card,
.wallpaper-link .wallpaper-card,
.home-grid .wallpaper-card,
article.wallpaper-card {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

/* 完全禁用鼠标悬停效果 */
.wallpaper-card:hover,
.wallpaper-link:hover .wallpaper-card,
.home-grid a:hover .wallpaper-card,
article.wallpaper-card:hover,
.wallpaper-grid a:hover .wallpaper-card {
    transform: none !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; /* 保持原始阴影效果 */
    animation: none !important;
    transition: none !important;
}

/* 确保所有加载状态也不会有动画 */
.wallpaper-card.loaded,
.wallpaper-card.lazy-loaded,
.home-grid .wallpaper-card.loaded {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* 覆盖内联样式 */
.wallpaper-card[style*="transform"],
.wallpaper-card[style*="transition"],
.wallpaper-card[style*="animation"] {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* 确保图片加载动画不受影响 */
#loading-indicator .spinner {
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}