// 引入 normalize.css 样式库
// api: https://github.com/necolas/normalize.css/
// normalize.css 是一个CSS库，它的目的是通过提供一组样式来标准化不同浏览器的默认样式，
// 确保网页在各种浏览器中看起来一致。此文件应该放在所有其他样式之前引入，以确保其样式可以被正确覆盖。
@import "_normalize";

// 引入变量文件
// _variables 文件通常包含了项目中使用的全局变量定义，如颜色、字体大小、间距等。
// 这些变量可以在整个项目中重复使用，以便于维护和统一设计语言。
@import "_variables";

// 引入基础样式文件
// _base 文件一般包含项目的通用样式，如重置样式（reset）、排版样式（typography）、布局样式（layout）等。
// 它为网站提供了一套基础的样式规范，确保页面元素具有一致的表现。
@import "_base";

// 引入 Element Plus 的变量文件
// 此文件包含了 Element Plus 组件库所用的颜色、尺寸等变量定义。
// 通过覆盖这些变量，可以在不修改组件库源码的情况下，定制化Element Plus组件的外观。
@import "@/styles/element-variables.scss";

// 自定义样式规则：设置错误消息的 z-index
// .element-error-message-zindex 类用于提高特定元素的堆叠顺序（z-index），确保该元素始终显示在其他内容之上。
// 在这里，我们给这个类设置了 z-index 为 3000，并且使用了 !important 关键字来确保这条规则不会被其他样式覆盖。
.element-error-message-zindex {
  z-index: 3000 !important;
}
