/* =====================================================================
   compat_fallback.css —— 旧 Chromium（Chrome<88，含猎豹8 极速核 Chromium 79）
   类选择器 aspect-ratio 静态兜底。
   原理：aspect-ratio 属性在 Chrome<88 完全不存在，样式表中的声明在解析
   时即被丢弃，容器高度塌陷（子元素绝对定位时塌陷为 0 高 = 封面不可见）。
   @supports not + padding-top 百分比（相对父容器宽度）可在旧核精确模拟。
   内联 style 中的 aspect-ratio（JS 模板动态生成）由 compat_polyfill.js 处理。
   ===================================================================== */
@supports not (aspect-ratio: 1) {

  /* ---- PC 首页瀑布流封面（4:3，子 img 绝对定位，塌陷为 0 高） ---- */
  .note-card .cover-wrap,
  .event-card .event-cover-wrap{height:0;padding-top:75%;}

  /* ---- PC 个人中心笔记封面（4:3，子 img 流式 height:100%，改为绝对定位填满） ---- */
  .note-cover{height:0;padding-top:75%;display:block;}
  .note-cover img{position:absolute;top:0;left:0;}

  /* ---- PC 灵感手记（moments.php）封面：3/4 竖图，子 img 流式 height:100% ---- */
  .moment-media{height:0;padding-top:133.33%;}
  .moment-media img{position:absolute;top:0;left:0;}

  /* ---- PC 磁场详情九宫格（1:1，仅 spot_detail.php 的 .nine-grid 容器） ----
     铁律#20 类名冲突：.moment-card 同时被 spot_detail.php（1:1 图块）和
     moments.php（整张瀑布流卡片）使用，裸 .moment-card 规则会把灵感手记
     整卡压成 height:0 裁剪盒、作者头像被绝对定位到左上角 → 全白卡片。
     必须限定在 spot_detail 专有的 .nine-grid 容器内。 */
  .nine-grid .moment-card{height:0;padding-top:100%;}
  .nine-grid .moment-card img{position:absolute;top:0;left:0;}

  /* ---- PC 运营中心：商品封面（5:6）与打卡日历格 ---- */
  .goods-card .cover{position:relative;height:0;padding-top:120%;}
  .goods-card .cover img{position:absolute;top:0;left:0;}
  .cal-d{height:44px;}

  /* ---- 后台：海报封面（3:5，子元素流式 height:100%） ---- */
  .poster-card .pc-cover{position:relative;height:0;padding-top:166.67%;}
  .poster-card .pc-cover>*{position:absolute;top:0;left:0;}

  /* ---- 后台：图片/视频框最小高度兜底（内容自然撑开，防空盒塌成一条线） ---- */
  .img-item .img-box{min-height:120px;}
  .single-img-box{min-height:200px;}
  .single-video-box{min-height:200px;}
}