style(CourseReviewsPage): 调整评分组件样式以增强可读性

将评分组件的尺寸、颜色和图标样式统一调整为更显眼和一致的外观，提升用户体验

 <!--
  * @Date: 2025-03-21 11:33:26
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-03-21 11:33:27
+ * @LastEditTime: 2025-03-21 16:02:21
  * @FilePath: /mlaj/src/views/courses/CourseReviewsPage.vue
  * @Description: 文件描述
 -->
@@ -12,7 +12,7 @@
       <div class="flex items-center justify-between mb-4">
         <div class="flex items-center">
           <div class="text-2xl font-bold mr-2">4.9</div>
-          <van-rate v-model="overallRating" readonly allow-half />
+          <van-rate v-model="overallRating" readonly :size="20" color="#ffd21e" void-icon="star" void-color="#eee" />
         </div>
         <div class="text-gray-500 text-sm">126条评论</div>
       </div>
@@ -31,7 +31,7 @@
                 <span class="font-medium text-sm block">{{ review.username }}</span>
               </div>
             </div>
-            <van-rate v-model="review.rating" readonly allow-half class="scale-75 -mr-2 flex-shrink-0" />
+            <van-rate v-model="review.rating" readonly :size="20" color="#ffd21e" void-icon="star" void-color="#eee" />
           </div>
           <p class="text-gray-600 text-sm mb-2">{{ review.content }}</p>
           <div class="text-gray-400 text-xs">{{ review.date }}</div>