/* Tailwind CSS 配置和自定义工具类 */

/* 自定义工具类 */
.content-auto {
    content-visibility: auto;
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card-hover {
    transition: all 300ms ease;
}

.card-hover:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-4px);
}

.gradient-bg {
    background: linear-gradient(135deg, #3B82F6 0%, #1E40AF 100%);
}

/* 文章卡片动画 */
article {
    opacity: 0;
    transform: translateY(16px);
    transition: all 500ms ease;
}

article.visible {
    opacity: 1;
    transform: translateY(0);
}