/* 首页滚动出场动画 - 蔚来风格
 * 隐藏规则依赖 html.sr-ready，由 scroll-reveal.js 在渲染前同步添加。
 * 若脚本加载失败，元素保持原样正常显示，不会白屏。 */

html.sr-ready .sr-anim {
    opacity: 0 !important;
    transition: opacity .9s cubic-bezier(.22, .61, .36, 1),
                transform .9s cubic-bezier(.22, .61, .36, 1),
                clip-path 1s cubic-bezier(.22, .61, .36, 1);
    will-change: opacity, transform;
}

html.sr-ready .sr-fade     { transform: none; }
html.sr-ready .sr-fade-up  { transform: translateY(48px); }
html.sr-ready .sr-fade-up-s{ transform: translateY(24px); }
html.sr-ready .sr-slide-l  { transform: translateX(-56px); }
html.sr-ready .sr-slide-r  { transform: translateX(56px); }
html.sr-ready .sr-zoom     { transform: scale(1.08); opacity: 0; }

html.sr-ready .sr-anim.sr-mask {
    opacity: 1 !important;
    clip-path: inset(0 0 100% 0);
}

html.sr-ready .sr-anim.sr-in {
    opacity: 1 !important;
    transform: none;
    clip-path: inset(0 0 0 0);
}

html.sr-ready .sr-anim { backface-visibility: hidden; }

@media (max-width: 768px) {
    html.sr-ready .sr-fade-up  { transform: translateY(28px); }
    html.sr-ready .sr-fade-up-s{ transform: translateY(16px); }
    html.sr-ready .sr-slide-l  { transform: translateX(-28px); }
    html.sr-ready .sr-slide-r  { transform: translateX(28px); }
    html.sr-ready .sr-anim { transition-duration: .7s; }
}

@media (prefers-reduced-motion: reduce) {
    html.sr-ready .sr-anim { transition: none !important; }
}

/* 兜底：脚本未运行（html 无 sr-ready）时，蔚来样式表里默认隐藏的卡片强制显示，避免内容不可见 */
html:not(.sr-ready) .ServicePowerTemplate_inView__F0Iu2,
html:not(.sr-ready) .NioHouseSection_inView__lLhOa,
html:not(.sr-ready) .BSLSection_inView__YtbFj {
    opacity: 1 !important;
    transform: none !important;
}