/* 天狐影视 · 全站入场动画 v3（上浮淡入 + 封面对焦）
仅在 生效（由各页 head 内联脚本添加，含 3 秒兜底）；
无 JS / 旧浏览器 / 系统关闭动画 → 内容默认可见，不白屏。
页面接入：卡片元素加 class="th-reveal" 即可，卡片内 .pic 封面图自动获得对焦效果 */
/* ===== 卡片错峰入场：上浮淡入（纯 transform/opacity，无布局抖动） ===== */
.js-anim .th-reveal{
opacity:0;
transform:translateY(42px);
transition:opacity .7s ease,
transform .8s cubic-bezier(.22,.61,.36,1);
will-change:opacity,transform;
}
.js-anim .th-reveal.th-in{
opacity:1;
transform:translateY(0);
}
/* ===== 封面图对焦：模糊缩略 → 高清（仅 .th-reveal 内 .pic） ===== */
.js-anim .th-reveal .pic{
overflow:hidden;
background:#efe7d8; /* 暖金底，加载瞬间不空 */
}
.js-anim .th-reveal .pic img{
opacity:1;
filter:blur(16px);
transform:scale(1.06);
transition:filter .8s cubic-bezier(.22,.61,.36,1),
transform .5s cubic-bezier(.22,.61,.36,1);
will-change:filter,transform;
}
.js-anim .th-reveal .pic img.th-img-in{
filter:blur(0);
transform:scale(1);
}
/* 对焦完成后由 hover 放大接管（恢复悬停体验，避免动画规则压过页面 hover） */
.js-anim .th-reveal .pic img.th-img-in:hover{
transform:scale(1.08);
transition:transform .3s ease;
}
/* ===== 无障碍：系统关闭动画效果 → 全部静态直接显示 ===== */
@media (prefers-reduced-motion: reduce){
.js-anim .th-reveal,
.js-anim .th-reveal .pic img{
filter:none;transform:none;opacity:1;transition:none;
}
}
@media only screen and (max-width:767px){
.js-anim .th-reveal{transform:translateY(18px);}
.js-anim .th-reveal .pic img{filter:blur(12px);transform:scale(1.04);}
}