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

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

web/src/components/shared/TableLoadingState.vue

@@ -28,8 +28,8 @@ const props = defineProps({
   },
   tone: {
     type: String,
-    default: 'emerald',
-    validator: (value) => ['emerald', 'sky'].includes(value)
+    default: 'theme',
+    validator: (value) => ['theme', 'sky', 'success'].includes(value)
   },
   title: { type: String, default: '' },
   message: { type: String, default: '' },
@@ -45,15 +45,21 @@ const ariaLabel = computed(() => [props.title, props.message].filter(Boolean).jo
 
 <style scoped>
 .table-loading {
-  --accent: #10b981;
-  --accent-deep: #059669;
+  --accent: var(--theme-primary);
+  --accent-deep: var(--theme-primary-active);
   width: 100%;
   color: #64748b;
 }
 
+.table-loading.theme,
 .table-loading.sky {
-  --accent: #0ea5e9;
-  --accent-deep: #0284c7;
+  --accent: var(--theme-primary);
+  --accent-deep: var(--theme-primary-active);
+}
+
+.table-loading.success {
+  --accent: var(--success);
+  --accent-deep: var(--success-hover);
 }
 
 .table-loading.panel {
@@ -96,7 +102,7 @@ const ariaLabel = computed(() => [props.title, props.message].filter(Boolean).jo
   gap: 8px;
   min-height: 0;
   padding: 0;
-  color: #0369a1;
+  color: #255b7d;
 }
 
 .table-loading__spinner {