@layer components {
  .badge {
    font-size: var(--font-size-xs);
    color: var(--color-yuebai);
    background-color: var(--color-mose);
    &.q {
      background-color: var(--color-mantianxingzi);
    }
    &.swatch {
      background-color: var(--color-pinlan);
    }
    &.q2 {
      background-color: var(--color-jugengzi);
    }
    &.m2 {
      background-color: #03dac6;
      color: var(--color-qihei);
    }
    &.m3 {
      background-color: #a78fff;
      color: var(--color-qihei);
    }
    &.m3d {
      background-color: #ffde3f;
      color: var(--color-qihei);
    }
  }
}