/*!
 * course-home-fix.css — 课程平台 H5 首页「类目入口」图标对齐修复
 *
 * 背景（2026-09-17 线上实测定位）：
 *   首页类目区（.cats / .cat / .cat-ico / .cat-ico-img / .cat-name）由 uni-app
 *   打包产物渲染，无源码不可重新构建。产物 CSS（assets/index-BapP-1vJ.css，
 *   scoped 属性 data-v-b17a564c）中：
 *     .cat { display:flex; flex-direction:column; align-items:center; justify-content:center }
 *   —— 垂直居中。同一行内「名称占两行」的格子内容更高、「名称占一行」的内容更矮，
 *   居中后图标被顶到不同高度。线上实测：同排 4 个格子图标距卡片顶部分别为
 *   9px / 0px / 0px / 9px，即最大偏差 9px（名称短的那两个图标被压低了）。
 *
 * 修复：
 *   把 .cat 改为顶部对齐（justify-content:flex-start），图标永远贴合卡片顶部，
 *   不再随名称行数上下浮动；名称同理从图标下方顶部起排。
 *   实测修复后同排图标顶部极差 = 0px。
 *
 * 安全性：
 *   纯 CSS，不含任何 JS —— 不存在「注入脚本观察器自激导致白屏」的任何风险。
 *   作用域严格限定在 .cats 之下的类目入口，不触碰页面其它任何元素。
 *   使用了 !important，用于覆盖产物 scoped 选择器 .cat[data-v-xxxx] 的同等声明。
 *
 * 引入方式（index.html）：
 *   <link rel="stylesheet" href="/course-home-fix.css">
 */

.cats .cat {
  justify-content: flex-start !important;
}

.cats .cat .cat-ico,
.cats .cat .cat-ico-img {
  flex: 0 0 auto !important;
}