@include导入mixin定义的“类”样式@mixin用于定义可重复使用的样式，避免了使用无语意的 class

`@include` 是 Sass (Scss) 或 Less 等预处理器中的一个指令，它允许开发者将一段重复使用的 CSS 规则封装成一个名为 `mixin` 的混合体。`mixin` 可以看作是一个可复用的样式函数，你可以像调用函数一样在需要的地方包含它，然后传递参数（如果有的话），生成定制化的样式。这样做可以提高代码的组织性和维护性，因为你可以在一个地方定义通用规则，然后在多个地方复用，减少冗余，并提升样式的可读性。

例如：

// mixin definition
@mixin button-style($background-color, $text-color) {
  background-color: $background-color;
  color: $text-color;
  border-radius: 4px;
}

// 使用 mixin
.button {
  @include button-style(red, white);
}

// 另一处也使用相同的按钮样式，只需要传入不同的参数
.secondary-button {
  @include button-style(blue, black);
}