feat: 引入 ECharts 统一图表并完善员工画像标签分页

后端优化员工行为画像服务和辅助函数，完善系统设置模型和
配置持久化，前端引入 ECharts 替换所有图表组件实现统一
渲染，新增员工画像标签分页器和数字员工工作记录组件，优
化工作台响应式布局和登录页过渡动画，完善预算中心和数字
员工页面样式细节。

web/src/assets/styles/views/travel-request-detail-view-part2.css

@@ -1,4 +1,4 @@
-.validation-pill.pending {
+.validation-pill.pending {
   background: #fff7ed;
   border-color: #fed7aa;
   color: #c2410c;
@@ -50,7 +50,7 @@
   content: '';
   width: 6px;
   height: 6px;
-  border-radius: 999px;
+  border-radius: 4px;
   background: var(--success);
   box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.12);
 }
@@ -96,7 +96,7 @@
   display: inline-flex;
   align-items: center;
   padding: 0 8px;
-  border-radius: 999px;
+  border-radius: 4px;
   background: #fef2f2;
   color: #b91c1c;
   font-size: 10px;
@@ -140,7 +140,7 @@
   display: grid;
   gap: 4px;
   padding: 8px 9px;
-  border-radius: 8px;
+  border-radius: 4px;
   background: #f8fafc;
 }
 
@@ -172,7 +172,7 @@
   display: inline-flex;
   align-items: center;
   padding: 0 9px;
-  border-radius: 999px;
+  border-radius: 4px;
   background: #fee2e2;
   color: #b91c1c;
   font-size: 11px;
@@ -221,7 +221,7 @@
   display: grid;
   gap: 6px;
   padding: 10px;
-  border-radius: 8px;
+  border-radius: 4px;
   background: rgba(255, 255, 255, .72);
 }
 
@@ -267,7 +267,7 @@
   max-height: 960px;
   display: grid;
   grid-template-rows: auto minmax(0, 1fr);
-  border-radius: 28px;
+  border-radius: 4px;
   background: #f8fafc;
   box-shadow:
     0 0 0 1px rgba(15, 23, 42, .08),
@@ -286,7 +286,7 @@
   justify-content: space-between;
   gap: 20px;
   padding: 24px 28px;
-  background: linear-gradient(135deg, #fff 0%, #f9fbff 100%);
+  background: #fff;
   border-bottom: 1px solid #e8eef6;
 }
 
@@ -298,7 +298,7 @@
 
 .req-badge {
   padding: 6px 14px;
-  border-radius: 999px;
+  border-radius: 4px;
   background: #eff6ff;
   border: 1px solid rgba(29, 78, 216, .16);
   color: #1d4ed8;
@@ -332,7 +332,7 @@
   display: grid;
   place-items: center;
   border: 1px solid #e2e8f0;
-  border-radius: 999px;
+  border-radius: 4px;
   background: #fff;
   color: #64748b;
   font-size: 18px;
@@ -363,7 +363,7 @@
 .ai-chat-card,
 .ai-preview-card {
   min-height: 0;
-  border-radius: 22px;
+  border-radius: 4px;
   background: #fff;
   border: 1px solid #edf2f7;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
@@ -382,9 +382,7 @@
   gap: 12px;
   padding: 18px;
   overflow: auto;
-  background:
-    linear-gradient(180deg, color-mix(in srgb, var(--theme-primary-soft) 55%, transparent) 0%, rgba(255, 255, 255, 0) 140px),
-    #fff;
+  background: #fff;
 }
 
 .ai-chat-bubble {
@@ -423,7 +421,7 @@
 .ai-chat-content {
   max-width: min(100%, 640px);
   padding: 12px 14px;
-  border-radius: 18px;
+  border-radius: 4px;
   background: #f8fafc;
   border: 1px solid #edf2f7;
 }
@@ -449,7 +447,7 @@
   gap: 12px;
   padding: 14px 16px 16px;
   border-top: 1px solid #edf2f7;
-  background: linear-gradient(180deg, #fff, #fbfdff);
+  background: #fff;
 }
 
 .ai-file-input {
@@ -464,8 +462,8 @@
   gap: 12px;
   padding: 8px 8px 8px 14px;
   border: 1px solid #cbd8e5;
-  border-radius: 22px;
-  background: linear-gradient(180deg, #fff, #fbfdff);
+  border-radius: 4px;
+  background: #fff;
   box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
   transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
 }
@@ -514,7 +512,7 @@
   gap: 6px;
   min-height: 32px;
   padding: 0 12px;
-  border-radius: 999px;
+  border-radius: 4px;
   background: #eef6ff;
   border: 1px solid #d7e8fb;
   color: #334155;
@@ -533,7 +531,7 @@
   display: grid;
   place-items: center;
   padding: 0;
-  border-radius: 12px;
+  border-radius: 4px;
   font-size: 20px;
   transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, color 160ms ease;
 }
@@ -602,7 +600,7 @@
 
 .preview-field {
   padding: 12px 14px;
-  border-radius: 18px;
+  border-radius: 4px;
   background: #f8fafc;
   border: 1px solid #edf2f7;
 }
@@ -643,7 +641,7 @@
   gap: 10px;
   padding: 24px;
   border: 1px dashed #cbd5e1;
-  border-radius: 20px;
+  border-radius: 4px;
   color: #94a3b8;
   text-align: center;
 }
@@ -667,7 +665,7 @@
   justify-content: center;
   gap: 7px;
   padding: 0 20px;
-  border-radius: 999px;
+  border-radius: 4px;
   font-size: 13px;
   font-weight: 800;
   transition: all 180ms ease;
@@ -893,7 +891,7 @@
     width: min(calc(100vw - 28px), 920px);
     max-height: calc(100vh - 28px);
     padding: 18px;
-    border-radius: 20px;
+    border-radius: 4px;
   }
 
   .attachment-preview-head {
@@ -950,7 +948,7 @@
   display: inline-flex;
   align-items: center;
   padding: 0 10px;
-  border-radius: 999px;
+  border-radius: 4px;
   border: 1px solid transparent;
   font-size: 11px;
   font-weight: 800;