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

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

web/src/assets/styles/views/archive-center-view.css

@@ -1,7 +1,7 @@
 .archive-page .status-tag.archived {
-  color: #0f766e;
-  background: rgba(16, 185, 129, 0.12);
-  border: 1px solid rgba(16, 185, 129, 0.22);
+  color: var(--theme-primary-active);
+  background: var(--theme-primary-soft);
+  border: 1px solid rgba(var(--theme-primary-rgb), 0.22);
 }
 
 .archive-page .risk-tag.none {
@@ -9,44 +9,45 @@
   color: #64748b;
 }
 
-.archive-dropdown-filter {
-  position: relative;
+.archive-filter-control {
+  display: inline-flex;
 }
 
-.archive-dropdown-menu {
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  z-index: 12;
-  min-width: 148px;
-  max-height: 280px;
+.archive-filter-trigger {
+  gap: 10px;
+}
+
+.archive-filter-trigger:focus-visible {
+  border-color: var(--theme-primary);
+  box-shadow: 0 0 0 3px var(--theme-focus-ring);
+  outline: none;
+}
+
+:global(.archive-filter-menu) {
+  min-width: 156px;
+}
+
+:global(.archive-filter-menu .el-dropdown-menu) {
   padding: 6px;
-  border: 1px solid #d7e0ea;
-  border-radius: 10px;
-  background: #fff;
-  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
-  overflow-y: auto;
 }
 
-.archive-dropdown-option {
-  display: block;
-  width: 100%;
-  min-height: 36px;
-  padding: 0 12px;
-  border: 0;
-  border-radius: 8px;
-  background: transparent;
+:global(.archive-filter-option) {
+  min-height: 34px;
+  border-radius: 4px;
   color: #334155;
   font-size: 13px;
   font-weight: 600;
-  text-align: left;
-  cursor: pointer;
 }
 
-.archive-dropdown-option:hover,
-.archive-dropdown-option.active {
-  background: rgba(16, 185, 129, 0.1);
-  color: #047857;
+:global(.archive-filter-option .mdi-check) {
+  margin-right: 8px;
+  color: var(--theme-primary-active);
+}
+
+:global(.archive-filter-option.is-active),
+:global(.archive-filter-option:hover) {
+  background: var(--theme-primary-soft);
+  color: var(--theme-primary-active);
 }
 
 .archive-page .hint {