/**
 * 页面过渡动画
 * 作为预加载的备用方案,提供流畅的视觉体验
 */

/* 页面淡入动画 */
body {
    animation: pageEnter 0.4s ease-out;
}

@keyframes pageEnter {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 禁用动画的情况 */
@media (prefers-reduced-motion: reduce) {
    body {
        animation: none;
    }
}

/* 防止FOUC(无样式内容闪烁) */
html {
    visibility: visible;
    opacity: 1;
}