style: 全局 UI 主题皮肤重构与样式模块化

引入 Element Plus 主题定制和主题皮肤 composable，将全局
样式拆分为组件级独立 CSS 文件（侧边栏、顶栏、工作台等），
统一色彩变量和间距规范，重构所有视图和组件样式以适配新
主题系统，优化图表和知识图谱组件视觉表现，提取审计和差
旅报销相关子组件。

web/src/assets/styles/views/overview-view.css

@@ -98,8 +98,8 @@
 }
 
 .kpi-badge.down {
-  background: rgba(22, 163, 74, 0.08);
-  color: #16a34a;
+  background: rgba(var(--success-rgb), 0.08);
+  color: var(--success);
 }
 
 .kpi-badge .mdi {
@@ -157,9 +157,13 @@
 
 .card-head h3 {
   color: #1e293b;
-  font-size: 16px;
+  font-size: 15px;
   font-weight: 600;
   line-height: 1.35;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
 }
 
 .card-head .mdi {
@@ -169,14 +173,7 @@
 }
 
 .card-select {
-  height: 30px;
-  min-width: 82px;
-  padding: 0 8px;
-  border: 1px solid #cbd5e1;
-  border-radius: 4px;
-  background: #fff;
-  color: #334155;
-  font-size: 14px;
+  width: 110px;
 }
 
 .panel-note {
@@ -226,8 +223,8 @@
   display: grid;
   place-items: center;
   border-radius: 999px;
-  background: #e2f6ef;
-  color: #047857;
+  background: var(--theme-primary-light-9);
+  color: var(--theme-primary-active);
   font-size: 13px;
   font-weight: 700;
   flex: 0 0 auto;
@@ -272,8 +269,8 @@
 }
 
 .status-tag.success {
-  background: rgba(16,185,129,.10);
-  color: #16a34a;
+  background: rgba(var(--success-rgb), .10);
+  color: var(--success);
 }
 
 .text-link {
@@ -286,7 +283,7 @@
   border: 0;
   border-top: 1px solid #f1f5f9;
   background: transparent;
-  color: #10b981;
+  color: var(--theme-primary);
   font-size: 14px;
 }