统一用户需求排行榜与设计师绩效榜单的UI样式

frontend/src/types/components.d.ts

@@ -56,6 +56,7 @@ declare module 'vue' {
     ATag: typeof import('ant-design-vue/es')['Tag']
     ATextarea: typeof import('ant-design-vue/es')['Textarea']
     ATree: typeof import('ant-design-vue/es')['Tree']
+    ATreeSelect: typeof import('ant-design-vue/es')['TreeSelect']
     AUpload: typeof import('ant-design-vue/es')['Upload']
     DailyProgressReminder: typeof import('./../components/DailyProgressReminder.vue')['default']
     Icon: typeof import('./../components/Icon.vue')['default']

frontend/src/views/Analytics.vue

@@ -144,14 +144,17 @@
                     </a-col>
                   </a-row>
                   <!-- 用户排行榜 -->
-                  <div class="table-card" style="margin-top: 16px;">
-                    <h3 class="chart-title">用户需求排行</h3>
+                  <div class="table-card full-width" style="margin-top: 16px;">
+                    <div class="table-header">
+                      <h3 class="chart-title">用户需求排行</h3>
+                    </div>
                     <a-table
                       :columns="userColumns"
                       :data-source="statistics.userStats || []"
                       :pagination="{ pageSize: 10 }"
                       row-key="userId"
-                      size="small"
+                      size="middle"
+                      class="dark-table"
                     >
                       <template #bodyCell="{ column, record, index }">
                         <template v-if="column.key === 'rank'">