feat: 清理示例数据并统一空态体验

frontend/src/views/ia/project-overview/EnrollmentBarChart.vue

@@ -1,7 +1,12 @@
 <template>
   <div class="enrollment-chart">
     <StateLoading v-if="loading" :rows="5" />
-    <StateEmpty v-else-if="items.length === 0" :description="emptyText" />
+    <div v-else-if="items.length === 0" class="chart-empty-shell">
+      <div class="chart-empty-body">
+        <div class="chart-empty-title">暂无入组进度数据</div>
+        <div class="chart-empty-desc">{{ emptyText }}</div>
+      </div>
+    </div>
     <div v-else class="chart-body">
       <div class="chart-scroll">
         <div class="chart-plot">
@@ -94,7 +99,6 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import StateLoading from "../../../components/StateLoading.vue";
-import StateEmpty from "../../../components/StateEmpty.vue";
 
 export type ChartMode = "center" | "month";
 
@@ -206,6 +210,37 @@ const formatNumber = (value: number) => new Intl.NumberFormat("zh-CN").format(va
   width: 100%;
 }
 
+.chart-empty-shell {
+  min-height: 176px;
+  border-radius: 18px;
+  padding: 22px;
+  background:
+    linear-gradient(180deg, rgba(246, 249, 253, 0.96), rgba(251, 253, 255, 0.98));
+}
+
+.chart-empty-body {
+  min-height: 118px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.chart-empty-title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #243a5a;
+  letter-spacing: 0.01em;
+}
+
+.chart-empty-desc {
+  margin-top: 10px;
+  font-size: 14px;
+  line-height: 1.7;
+  color: #8a97ab;
+}
+
 .chart-body {
   display: flex;
   flex-direction: column;