/* =========================================================
 * 北海明珠 到店用餐图片比例最终校正 V5.3.4
 * 仅作用：/dining 与 /dining-menu
 *
 * 统一规则：
 * 1. 菜品卡片：16:9（首页推荐菜 + 菜品分类页）
 * 2. 精选包间预览：桌面端 16:9
 * 3. 菜品故事/文章封面：2.35:1，与文章封面后台规范一致
 * 4. 图片统一 cover，不拉伸；焦点由 PHP 输出的 object-position 接管
 * ========================================================= */

/* 首页“今天吃什么”与 /dining-menu 菜品卡片统一 16:9。 */
body.dining-premium-v519 .dining-home-dish-card .dining-dish-cover,
body.dining-premium-v519.dining-menu-page .dining-dish-cover{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
}

body.dining-premium-v519 .dining-home-dish-card .dining-dish-cover-link,
body.dining-premium-v519.dining-menu-page .dining-dish-cover-link{
  width:100%!important;
  height:100%!important;
}

body.dining-premium-v519 .dining-home-dish-card .dining-dish-cover img,
body.dining-premium-v519.dining-menu-page .dining-dish-cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  /* 不写 object-position，保留后台焦点生成的内联值。 */
}

/* 加载更多后的外层也保持与首批菜品完全相同的网格宽度。 */
body.dining-premium-v519.dining-menu-page .menu-extra-item{
  min-width:0;
}
body.dining-premium-v519.dining-menu-page .menu-extra-item > .dining-dish-card{
  width:100%;
  height:100%;
}

/* /dining 精选包间：旧样式桌面端为 16:10，校正为官网统一 16:9。 */
@media (min-width:761px){
  body.dining-premium-v519 .dining-space-preview-section .dining-room-photo{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
  }
  body.dining-premium-v519 .dining-space-preview-section .dining-room-photo > img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

/* 菜品故事数据库封面按 2.35:1 保存；旧 CSS 却强制 16:9，导致上下被二次裁切。 */
body.dining-premium-v519 .dining-story-track article > a > div{
  width:100%!important;
  height:auto!important;
  aspect-ratio:47/20!important; /* 2.35:1 */
  overflow:hidden!important;
}
body.dining-premium-v519 .dining-story-track article > a > div > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* 窄屏也保持菜品 16:9；包间继续沿用移动端紧凑横卡，不强制改尺寸。 */
@media (max-width:620px){
  body.dining-premium-v519 .dining-home-dish-card .dining-dish-cover,
  body.dining-premium-v519.dining-menu-page .dining-dish-cover{
    aspect-ratio:16/9!important;
  }
}