/* ============================================================
   汇捷机械 · 型号卡悬停效果（轻浮起）
   只在有鼠标指针的设备上生效；手机/触屏不触发、不计算。
   由 archive/inject_hover.py 注入到 12 个分类页。
   以后调效果只改这个文件，不用动页面。
   ============================================================ */

@media (hover: hover) and (pointer: fine) {

  /* 过渡只声明 transform / shadow / 边框色，全部走 GPU 合成，不引起重排 */
  .model {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .model:hover {
    transform: translateY(-4px);
    border-color: var(--teal, #12A5A0);
    box-shadow: 0 12px 28px rgba(14, 42, 71, .14);
  }

  /* 图片放大限制在图片容器内，不会顶到卡片边框 */
  .model .img { overflow: hidden; }
  .model .img img { transition: transform .35s ease; }
  .model:hover .img img { transform: scale(1.05); }
}

/* ============================================================
   整卡可点：一层透明链接铺满卡片，点任意空白处都进详情页；
   「获取报价」等按钮单独提到上层，保留各自跳转。
   手机/触屏同样生效（点卡片 = 点链接）。
   ============================================================ */
.model { position: relative; }
.model .cover {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1;
  border-radius: inherit;
  background: transparent;
  text-decoration: none;
  outline-offset: -2px;
}
.model .body .row { position: relative; z-index: 2; }
.model { cursor: pointer; }