/* ==========================================================================
   全局体验优化（前台 index.php / user.php 共用）
   1. 页面进入淡入 + 跳转淡出过渡
   2. 列表项滚动渐入、分批加载的动画样式
   3. 尊重"减少动态效果"系统偏好
   ========================================================================== */
html{scroll-behavior:smooth;background:var(--bg,#faf7f4)}
body{transition:opacity .2s ease}

/* 页面进入：主内容轻微上浮淡入 */
.main-container,.main{animation:pgIn .34s ease both}
@keyframes pgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* 页面离开：整页淡出后再跳转（由 ux.js 加类） */
html.pg-out body{opacity:0}

/* 列表项渐入：进入视口时加 .rv-in；未分批放出的项加 .rv-wait（不占位、内部图片不发请求） */
.rv{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}
.rv.rv-in{opacity:1;transform:none}
.rv.rv-wait{display:none}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    body{transition:none}
    .main-container,.main{animation:none}
    .rv{opacity:1;transform:none;transition:none}
    .rv.rv-wait{display:block}
}