diff --git a/src/components/card/index.vue b/src/components/card/index.vue
index 9ff9dcd..adc5bc3 100644
--- a/src/components/card/index.vue
+++ b/src/components/card/index.vue
@@ -103,6 +103,10 @@ export default defineComponent({
     }
   }
 
+  &.main-color {
+    background: @brand-color;
+  }
+
   &-title {
     display: flex;
     justify-content: space-between;