/* motion.css — 站点图标微动效
   原则：
   1. 只动图标（svg），不动容器 —— 不改变任何布局尺寸，不会挤动文字或让网格跳动。
   2. 只在 hover / focus 时触发；统一 0.32s 同一条缓动曲线，节奏一致。
   3. 系统开启「减弱动态效果」时全部关闭。 */

@media (prefers-reduced-motion: no-preference) {

  /* 被选中的图标自身带过渡；容器上的 transition 由各页内联样式控制，不覆盖 */
  .ps-qual-ico svg,
  .led-qual-ico svg,
  .strip-feat-ico svg,
  .apet-feat-ico svg,
  .apet-ico svg,
  .idx-step-ico svg,
  .ey-kit-tile svg,
  footer a svg,
  .fc-mail svg,
  .wt-search svg,
  .bl-search svg,
  .pd-search svg {
    transition: transform .32s cubic-bezier(.22, .7, .3, 1);
    transform-origin: center;
  }

  /* 1) 特性图标卡：光标落在卡上，图标放大 6% */
  .ps-qual-ico:hover svg,
  .led-qual-ico:hover svg,
  .strip-feat-ico:hover svg,
  .apet-feat-ico:hover svg,
  .apet-ico:hover svg,
  .idx-step-ico:hover svg,
  .ey-kit-tile:hover svg,
  .ps-qual-ico:focus-within svg,
  .idx-step-ico:focus-within svg {
    transform: scale(1.06);
  }

  /* 2) 搜索框放大镜：整行 hover 或聚焦时放大 12% */
  .wt-search:hover svg,
  .bl-search:hover svg,
  .pd-search:hover svg,
  .wt-search:focus-within svg,
  .bl-search:focus-within svg,
  .pd-search:focus-within svg {
    transform: scale(1.12);
  }

  /* 3) 页脚与浮动联系栏：上移 2px；社交图标再多转 3° */
  footer a:hover svg,
  footer a:focus-visible svg,
  .fc-mail:hover svg {
    transform: translateY(-2px);
  }
  footer a:hover svg[width="36"],
  footer a:hover svg[width="30"] {
    transform: translateY(-2px) rotate(-3deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ps-qual-ico svg, .led-qual-ico svg, .strip-feat-ico svg, .apet-feat-ico svg, .apet-ico svg,
  .idx-step-ico svg, .ey-kit-tile svg, footer a svg, .fc-mail svg,
  .wt-search svg, .bl-search svg, .pd-search svg {
    transition: none;
  }
}