样式优化

web/apps/web-antd/src/views/match/components/solution_item.vue

@@ -227,7 +227,8 @@ const hg = computed(() => {
 <div class="solution-item" :class="{ 'selected': selected }">
   <div class="solution-header">
     <div class="serial-number" v-if="serial">{{ serial }}.</div>
-    <div class="stage" v-if="currentRelation.stage">[{{ currentRelation.stage }}{{ currentRelation.retime ? ` ${currentRelation.retime}` : '' }}][{{ currentRelation.score }}]</div>
+    <div class="stage" v-if="currentRelation.stage">[{{ currentRelation.stage }}{{ currentRelation.retime ? ` ${currentRelation.retime}` : '' }}]</div>
+    <div class="score" v-if="currentRelation.stage">[{{ currentRelation.score }}]</div>
     <div class="league-name">{{ currentRelation.leagueName }}</div>
     <div class="date-time">{{ currentRelation.dateTime }}</div>
     <div class="switch-btns">
@@ -284,10 +285,15 @@ const hg = computed(() => {
     font-weight: 400;
     color: hsl(var(--foreground) / 0.7);
   }
-  .stage {
+  .score, .stage {
     text-align: center;
     font-size: 16px;
     font-weight: 400;
+  }
+  .score {
+    color: hsl(var(--primary));
+  }
+  .stage {
     color: hsl(var(--destructive));
   }
   .league-name {