/* ==========================================================================
   首页「轻载入」动效（M1）
   —— 只改变 opacity / transform，不动宽高、内外边距与文档流，布局与原版完全一致。
   —— 开关是 <html class="fxjs">，由模板内联脚本添加；脚本失效、
      4 秒超时或用户开启「减少动态效果」时该类会被移除，页面回到原始静态状态。
   —— 注意：.section-title / .section-more / .section-title:before 原本靠
      left:50% + translate(-50%,0) 居中，任何 transform 都必须带上 -50%，
      否则元素会整体右移。
   ========================================================================== */

/* 顶部载入进度线 */
.fx-progress{position:fixed;left:0;top:0;height:2px;width:0;background:#3986dc;z-index:9999;
    pointer-events:none;transition:width .4s cubic-bezier(.2,.7,.2,1),opacity .6s .2s}
.fx-progress.is-done{opacity:0}

/* ---------- 初始态 ---------- */
html.fxjs :where(.top-nav,.main-nav){opacity:0;transform:translate3d(0,-16px,0)}
html.fxjs :where(.banner){opacity:0;transform:scale(1.07)}
html.fxjs :where(.swiper-slide .bg-pic){opacity:0;transform:scale(1.07)}
html.fxjs :where(.projects-wrapper > .clearfix,
                 .mk-eq-i,
                 .mechanical-equipment .item,
                 .news .item,
                 .about-us-info,
                 .about-us .pic){opacity:0;transform:translate3d(0,32px,0)}
html.fxjs :where(.section-title,.section-more){opacity:0;transform:translate(-50%,32px)}

/* ---------- 入场态 ---------- */
html.fxjs .fx-in{opacity:1;transform:none;
    transition:opacity .85s ease,transform 1.05s cubic-bezier(.16,.84,.28,1)}
html.fxjs .section-title.fx-in,
html.fxjs .section-more.fx-in{opacity:1;transform:translate(-50%,0)}
html.fxjs .banner.fx-in{opacity:1;transform:none;
    transition:opacity 1.2s ease,transform 2.2s cubic-bezier(.16,.84,.28,1)}
html.fxjs .swiper-slide .bg-pic.fx-in{opacity:1;transform:none;
    transition:opacity 1s ease,transform 1.8s cubic-bezier(.16,.84,.28,1)}

/* 标题蓝线自中心展开 */
html.fxjs .section-title:before{transform:translate(-50%,0) scaleX(0);transform-origin:center;
    transition:transform 1.1s .18s cubic-bezier(.2,.7,.2,1)}
html.fxjs .section-title.fx-in:before{transform:translate(-50%,0) scaleX(1)}

/* 图片轻缓放大（沿用原有 hover，只把缓动调柔） */
html.fxjs .mk-eq-i .mk-eq-img-in,
html.fxjs .news .item .full-size-img-cover{transition:transform .8s cubic-bezier(.2,.7,.2,1)}

/* ---------- 关闭：系统级「减少动态效果」 ---------- */
@media (prefers-reduced-motion:reduce){
    html.fxjs :where(.top-nav,.main-nav,.banner,.swiper-slide .bg-pic,
                     .projects-wrapper > .clearfix,.mk-eq-i,.mechanical-equipment .item,
                     .news .item,.about-us-info,.about-us .pic){opacity:1;transform:none}
    html.fxjs :where(.section-title,.section-more){opacity:1;transform:translate(-50%,0)}
}