fix(system): 修复部门管理操作列错位问题并统一客商档案弹窗风格

- 修复/system/dept页面操作列竖排错位问题，通过提升CSS选择器特异性并强制inline-flex布局
- 在department页面添加scoped样式，双保险保证操作列横排显示及间距正确
- 将客商档案/vehicle/customer-archive中的表单分组和弹窗内容统一改为section-card组件风格
- 清理废弃旧样式类，提升界面一致性及可维护性
- 调整相关弹窗中卡片内容结构，消除双层灰色背景，使弹窗风格与/business/project-apply一致
- 对评分、联系人、收款信息、发票信息、客商材料、变更记录和证明材料等模块使用全局section-card组件包裹
- 优化样式细节，确保按钮组进入卡头右侧，保证操作体验一致
- 验证构建成功及热更新生效，提醒用户发布需清除旧CSS缓存

src/views/system/dept.vue

@@ -729,4 +729,23 @@ export default {
   justify-content: flex-end;
   margin-top: 12px;
 }
+
+/* 操作列兜底：确保「查看 / 编辑 / 删除 / 新增子项」横向排列并保留 8px 间距，
+   避免退化成 block 导致操作项竖排错位。全局样式已统一处理，此处为双保险。 */
+:deep(.avue-crud__menu) {
+  display: inline-flex !important;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  text-align: left;
+
+  > .el-button,
+  > .el-link,
+  > .el-dropdown {
+    flex-shrink: 0;
+    display: inline-flex;
+  }
+}
 </style>