/*
 * kenibaimei 的本站补丁样式。**只补，不重写主题** ——
 * 加载顺序排在 CDN 上那套主题 CSS 之后（见 layouts/Base.astro）。
 *
 * 只有两条，各自都有明确的原因，别往这里堆东西。
 */

/* ------------------------------------------------------------------
 * 1. 首页「工厂直营店」那块的底图
 *
 * CDN 上的 index.css 里写着：
 *     .bg1 { background: url(/public/qing/style/images/c1.jpg); }
 * 那是**源站根目录**的绝对路径。CSS 文件搬上 s.kenige.com 时内部路径
 * 没跟着改写，于是现在解析成 https://www.kenibaimei.com/public/... ——
 * 而那个域名现在是静态站，图早就不在了，那一块只剩灰底。
 *
 * 正确的地址是 https://s.kenige.com/kenibaimei/images/c1.jpg（实测 200）。
 *
 * 为什么在这里覆盖而不是去改 CDN 上的 index.css：那个文件在
 * s.kenige.com 上，我没有它的写入通道。全站扫过，三个站的 CSS 里
 * 这类「指向站点根的绝对路径」**总共就这一条**，用一条覆盖规则划算得多。
 * 哪天顺手改了服务器上的 index.css，这条可以删。
 * ------------------------------------------------------------------ */
.bg1 {
  background-image: url("https://s.kenige.com/kenibaimei/images/c1.jpg");
}

/* ------------------------------------------------------------------
 * 2. 列表封面统一比例
 *
 * 原站列表用的是 EyouCMS 生成的缩略图 /uploads/thumb/1429_880/xxx，
 * 全部裁成 1429×880，所以卡片高度整齐。我们用的是**原图**，
 * 各种比例都有，于是列表参差不齐（用户 2026-08-14 反馈）。
 *
 * 为什么不直接引缩略图：EyouCMS 生成缩略图时**会改扩展名**
 * （litpic 是 1-26032G15945Z1.jpg，缩略图却是 …jpeg），没法靠拼字符串推；
 * 而且后台新建的那 129 篇根本没有缩略图。
 * 用 aspect-ratio + object-fit 对新老文章一视同仁，一条规则解决。
 *
 * 1429/880 就是原站缩略图的比例，别改成 16/9 —— 那会让卡片高度和原站差一截。
 * ------------------------------------------------------------------ */
.art-list .imgli > a > img,
.news-list .img img {
  display: block;
  width: 100%;
  aspect-ratio: 1429 / 880;
  object-fit: cover;
}

/* aspect-ratio 在很老的浏览器上不认（iOS < 15）。退化成固定高度，
   总比高矮不齐好；支持的浏览器会用上面那条覆盖掉它。 */
@supports not (aspect-ratio: 1 / 1) {
  .art-list .imgli > a > img,
  .news-list .img img {
    height: 0;
    padding-bottom: 61.58%;   /* 880 / 1429 */
  }
}