body {
  margin: 0;
  padding: 0;
  font-family: HarmonyOS Sans SC;

  &::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: @info;
    border-radius: 3px;
  }
}

@primary: #409eff;
@info: #c8c9cc;
@theme: #1E8FFB;
@tabbarBG: #FFFFFF;
@black: #000000;
@placeholderColor: rgba(0, 0, 0, 0.3);
@btnTheme: #1093ff;
@listColor: #999999;
@warning: #e6a23c;
@white: #FFFFFF;

// 文字颜色
@text-slate-gray: #838383;

// 背景颜色
@ba-pearl-white: #f6f6f6;
@ba-sky-blue: #007fff;


:global {}

.finger {
  cursor: pointer;
}

.size(@size: 32rpx) {
  font-size: @size;
}

.flex() {
  display: flex;
}

.hor(@position: center) {
  .flex();
  justify-content: @position;
}

.ver(@position: center) {
  .flex();
  align-items: @position;
}

.flex_center {
  .flex();
  justify-content: center;
  align-items: center;
}

.flex_position(@xposition: center, @yposition: center) {
  .hor(@xposition);
  align-items: @yposition;
}

.ellipsis(@line: 1) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
}

.blocked {
  display: block;
}

.btn_block(@color, @size: 40px) {
  .flex_center();
  .finger();
  background-color: @color;
  border-radius: var(--el-border-radius-base);
  border: 1px solid @color;
  height: 40px;
  font-size: var(--el-font-size-base);
  color: #fff;

  >span.text {
    margin-left: 8px;
  }

  &:hover {
    background-color: lighten(@color, 20%);
    border-color: lighten(@color, 20%);
  }

  &:active {
    background-color: darken(@color, 20%);
    border-color: darken(@color, 20%);
  }
}


.dashed {
  border: 1px dashed var(--bor-color1);
  margin: 26rpx 0;
}