/* ============================================================
   图片自动适配补丁（全主题通用）
   1. 产品卡片 & 详情主图：完整显示不裁剪（任意比例自动适配）
   2. 富文本内容图片：自动缩放、圆角、防溢出
   3. 全站图片兜底：超出父容器自动约束
   ============================================================ */

/* ---------- 产品列表卡片：白底衬板 + 完整显示（任何比例不裁剪） ---------- */
.product-grid .product-card .media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #eef2f6;                 /* 中性衬板：白底产品图有清晰边界 */
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-grid .product-card .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;                 /* 关键：完整显示，缩放居中，绝不裁剪 */
  object-position: center;
  padding: 8px;
  box-sizing: border-box;
}
.product-grid .product-card:hover .media img { transform: scale(1.03); }

/* ---------- 产品详情主图：容器 + 完整显示 ---------- */
.product-detail-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef2f6;                 /* 固定中性浅灰，全主题统一衬板 */
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 14px;
  min-height: 240px;
  overflow: hidden;
}
/* 覆盖 about-split 的 5:4 硬裁剪：改为完整自适应 */
.about-split .visual.product-detail-visual img,
.product-detail-visual img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 560px;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .12);
  background: #fff;
}

/* ---------- 产品列表卡片图片：统一尺寸 + 居中裁剪（防变形） ---------- */
.product-card .media img {
  object-position: center;
}

/* ---------- 相关产品推荐（详情页底部：白底图完整显示） ---------- */
.related-products .scene .media {
  background: #eef2f6;
  border-radius: var(--radius);
}
.related-products .scene .media img {
  object-fit: contain !important;
  padding: 6px;
  box-sizing: border-box;
}

/* ---------- 富文本内容图片（产品详情/新闻/案例正文） ---------- */
.article-body img,
.detail-body img,
.prose img,
.product-detail-content img,
.content-html img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
  margin: 12px auto;
}
.article-body figure,
.detail-body figure,
.prose figure {
  max-width: 100%;
  margin: 12px auto;
}

/* ---------- 全站兜底：任何图片不得横向溢出 ---------- */
.article-body img,
.detail-body img,
.prose img,
.product-detail-content img,
.content-html img,
.about-split .visual img,
.news-detail .media img,
.case-detail .media img {
  max-width: 100%;
}

/* ---------- 移动端微调 ---------- */
@media (max-width: 767px) {
  .product-detail-visual { min-height: 180px; padding: 10px; }
  .product-detail-visual img { max-height: 380px; }
}