/* ============================================================
   KOTI 图片优化补充样式（2026-10-29）
   水印已烘焙进图片（images/opt/*），此处只保证布局与缓存友好：
   1) <picture> 不参与布局，不影响原有 grid/flex
   2) 图片撑满原容器，宽度/高度属性只用于占位（防 CLS），不改变视觉
   3) 二维码固定尺寸
   ============================================================ */

picture { display: contents; }

.hv img,
.ph img { display: block; width: 100%; height: 100%; object-fit: cover; }

.f-qr .qr img { width: 96px; height: 96px; }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* 联系页：电话 / WhatsApp / 邮箱 三栏并排，便于扫读 */
.inf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }
.inf-grid .inf { margin: 0; }
@media (max-width: 780px) { .inf-grid { grid-template-columns: 1fr; } }