@mixin ellipsis($n: 3) {
  @if $n > 1 {
    display: -webkit-box;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $n; /* 显示 n 行 */
    word-break: break-all;
    white-space: normal; /* 确保文本自动换行显示 */
  } @else {
    white-space: nowrap; /* 确保文本在一行内显示 */
  }

  overflow: hidden;
  text-overflow: ellipsis; /* 多行时显示省略号 */
}