:root {
  /*
   * 定义全局 CSS 变量，这些变量可以在整个项目中被引用。
   */

  /*
   * --el-color-primary: 主要颜色，用于强调或突出显示重要元素，
   * 如按钮、链接等交互性元素的颜色。这个颜色应该在整个应用中保持一致，
   * 以提供统一的视觉体验。
   */
  --el-color-primary: #155BD4;

  /*
   * --el-color-primary-light-3: 较浅的主要颜色变体，通常用作主要颜色的替代，
   * 比如在悬停状态、激活状态或者需要稍微减弱视觉重量的地方。
   * 这个值可以用来创建一个从主要颜色到更浅色调的过渡效果。
   */
  --el-color-primary-light-3: #447cdd;

  /*
   * --el-menu-item-height: 设置菜单项的高度，默认为40px。
   * 这个高度适用于Element Plus的菜单组件中的顶级菜单项。
   * 确保所有菜单项有相同的高度，有助于保持界面的一致性和美观性。
   */
  --el-menu-item-height: 40px;

  /*
   * --el-menu-sub-item-height: 设置子菜单项的高度，默认为40px。
   * 类似于菜单项的高度，但专门用于菜单的子级项目。
   * 保持与父级菜单项相同或不同的高度，取决于设计需求。
   */
  --el-menu-sub-item-height: 40px;
}
