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

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

web/src/views/scripts/MailSettingsPanel.js

@@ -1,5 +1,10 @@
+import EnterpriseSelect from '../../components/shared/EnterpriseSelect.vue'
+
 export default {
   name: 'MailSettingsPanel',
+  components: {
+    EnterpriseSelect
+  },
   props: {
     mailForm: {
       type: Object,
@@ -7,6 +12,12 @@ export default {
     }
   },
   setup(props) {
+    const encryptionOptions = [
+      { label: 'SSL/TLS', value: 'SSL/TLS' },
+      { label: 'STARTTLS', value: 'STARTTLS' },
+      { label: '无', value: 'None' }
+    ]
+
     function toggleField(field) {
       if (props.mailForm) {
         props.mailForm[field] = !props.mailForm[field]
@@ -14,6 +25,7 @@ export default {
     }
 
     return {
+      encryptionOptions,
       toggleField
     }
   }