/* ==========================================
   qingdaolocal.com — 图片尺寸统一层
   目标：全站内容图显示尺寸统一（3:2 内容图 / 16:9 头条图 / 4:3 缩略图）
   方法：CSS 覆盖 inline style（!important），object-fit 裁剪
   ========================================== */

/* 1. 文章内嵌配图：统一 3:2，最大高度 280px */
.guide-section img,
.detail-section img,
.article-body img,
.xhs-content img,
.news-detail-content img,
.content-body img {
  width: 100% !important;
  height: auto !important;
  max-height: 300px !important;
  aspect-ratio: 3/2 !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

/* 2. 店铺卡片图：统一 3:2，200px 高 */
.restaurant-card img {
  width: 100% !important;
  height: 200px !important;
  aspect-ratio: 3/2 !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

/* 3. 详情页横幅图：统一 16:6 宽幅 */
.detail-banner {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  border-radius: var(--radius-lg) !important;
}

/* 4. 卡片图（food/tours 板块）：统一 3:2 */
.card-img,
.guide-gallery img {
  aspect-ratio: 3/2 !important;
  object-fit: cover !important;
  width: 100% !important;
}

/* 5. 新闻图：统一现有规范（16:9 网格 / 140x94 列表） */
.news-grid-img { aspect-ratio: 16/9 !important; object-fit: cover !important; }
.news-card-img { width: 140px !important; height: 94px !important; object-fit: cover !important; }

/* 6. 内文缩略小图：统一 90x60 */
.news-list-item img,
.news-item img[style*="width:90px"],
img[style*="width:90px"] {
  width: 90px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* 7. 游玩图集：统一 3:2 */
.guide-gallery img {
  aspect-ratio: 3/2 !important;
  object-fit: cover !important;
}

/* 8. 容错：任何未覆盖的 img 兜底（排除 logo/图标） */
img:not(.nav-logo-img):not([src*="logo"]):not([src*="icon"]):not([src$=".svg"]) {
  max-width: 100%;
}

/* 9. 响应式微调 */
@media (max-width: 768px) {
  .guide-section img, .detail-section img, .xhs-content img {
    max-height: 220px !important;
  }
  .detail-banner { height: 180px !important; }
}