/* ============================================================
 * 图片宽高属性配套样式（按展示区独立划分）img-dims.css
 * 配合 <img> 标签上的 width / height 属性（取自图片原始尺寸）：
 *   - 浏览器在图片加载前按属性预留宽高比，消除布局偏移（CLS）
 *   - 每个展示区一条独立规则（用 :where() 包裹，优先级为零），
 *     只作用于本区域图片，且不会覆盖模板自身的尺寸样式，
 *     需要单独调整某区域时，把 :where(...) 内选择器提出来
 *     并加上具体属性即可独立控制
 * ============================================================ */

/* --- 1. 页头导航区（全站 header：logo 与功能图标，约 176×54 / 24×24） --- */
:where(header.a2) img{max-width:100%;height:auto;}

/* --- 2. 首页 · 机构介绍区（实验室大图，约 546×411） --- */
:where(.about.dm) img{max-width:100%;height:auto;}

/* --- 3. 首页 · VR 实验室漫游区（功能入口图标，约 37×37） --- */
:where(.dp.du) img{max-width:100%;height:auto;}

/* --- 4. 资讯/博客卡片区（列表页、服务流程页，缩略图约 169×94） --- */
:where(.b8.ca) img{max-width:100%;height:auto;}

/* --- 5. 服务领域卡片区（首页/服务领域页，约 326×192） --- */
:where(.b1.c3) img{max-width:100%;height:auto;}

/* --- 6. 服务领域选项卡区（设备展示 Tab，约 516×356 / 40×40） --- */
:where(.b7.dc) img{max-width:100%;height:auto;}

/* --- 7. 团队/风采展示区（关于我们页，约 174×242） --- */
:where(.de.df) img{max-width:100%;height:auto;}

/* --- 8. 内容页正文区（文章配图与侧栏，约 771×251 / 201×282） --- */
:where(.b7.eb) img{max-width:100%;height:auto;}

/* --- 9. 全景横幅图区（内容页/列表页/联系我们页，约 546×320） --- */
:where(.cl.f.g) img{max-width:100%;height:auto;}

/* --- 10. 检测案例作品区（项目网格，约 348×184） --- */
:where(.project.da) img{max-width:100%;height:auto;}

/* --- 11. 数据/优势图标区（首页，约 60×61） --- */
:where(.dz.d0) img{max-width:100%;height:auto;}

/* --- 12. 合作伙伴 Logo 墙（首页/服务领域页，约 324×229） --- */
:where(.c4.c5) img{max-width:100%;height:auto;}

/* --- 13. 页脚区（全站 footer：二维码与图标，约 80×80） --- */
:where(footer.ar) img{max-width:100%;height:auto;}

/* --- 14. 新闻列表区（常见问题页，约 231×147） --- */
:where(.ec.f) img{max-width:100%;height:auto;}

/* --- 15. 服务价值卡片区（服务流程页，约 207×291） --- */
:where(.d7.f) img{max-width:100%;height:auto;}

/* --- 16. 流程/资质图标区（服务流程页，约 60×60 / 70×70） --- */
:where(.d3.d4) img{max-width:100%;height:auto;}

/* --- 17. 关于页图文区（关于我们页，约 401×400 / 260×260） --- */
:where(.about.dn) img{max-width:100%;height:auto;}

/* --- 18. 客户评价轮播区（首页，约 248×156） --- */
:where(.e2.e6) img{max-width:100%;height:auto;}

/* --- 19. 发展历程区（服务流程页，约 391×148） --- */
:where(.history) img{max-width:100%;height:auto;}

/* --- 20. 通用白底卡片区（服务领域页，约 70×70） --- */
:where(.b7.bg-white) img{max-width:100%;height:auto;}

/* --- 21. 优势服务区（首页/服务领域页，约 100×100） --- */
:where(.b1.f.g) img{max-width:100%;height:auto;}

/* --- 22. 特色图标区（常见问题页，约 70×70） --- */
:where(.dy.f) img{max-width:100%;height:auto;}