/* R105 C8 首屏进阶：图片尺寸占位基线，消除加载时的布局抖动(CLS)
 * 作用：为真实 <img> 缩略图（JS 注入、尺寸未知）预留宽高比，
 * 避免图片到达前容器塌陷、图片到达后页面整体下移。
 * 仅影响真实 <img> 与已知缩略图类，桌面/移动端均安全，幂等降级。 */
img {
    max-width: 100%;
    height: auto;
}

/* 我的预订页封面图：JS 注入的真实 <img>，尺寸未知 → 固定 16:9 占位 */
.bk-cover {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 8px;
    background: #eef2f5;
    display: block;
}

/* 通用缩略图容器：未声明尺寸的图片在加载前先占位，杜绝塌陷 */
.thumb,
.thumbnail,
.cover-img,
.post-img,
.journal-cover,
.qa-img,
.order-img,
.attraction-img,
.route-cover {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: #eef2f5;
    display: block;
    overflow: hidden;
}