style: 统一优化异议处理页面的整体UI样式风格

本次提交对wms异议处理页面的所有组件样式进行了统一调整：
1.  替换了老旧的复古文档风格配色，统一使用现代中性色调的Tailwind CSS风格色值
2.  调整了字体大小、行高、间距等排版参数，优化页面整体可读性
3.  统一了卡片、边框、圆角的样式规范，移除冗余的衬线字体配置
4.  调整了页面容器背景色，从暖白纸色改为更清爽的工业风浅色主题
5.  优化了空状态、流程步骤等组件的视觉表现，保持整体风格统一

klp-ui/src/views/wms/post/objection/components/DepartmentOpinionSection.vue

@@ -93,19 +93,18 @@ export default {
 
 <style scoped>
 .section-title {
-  font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
   width: 100%;
-  font-size: 15px;
-  font-weight: 700;
-  color: #1a1a1a;
-  margin: 32px 0 16px 0;
-  padding: 0 0 10px 0;
-  border-bottom: 1px solid #d4d0c8;
+  font-size: 13px;
+  font-weight: 600;
+  color: #1e293b;
+  margin: 20px 0 10px 0;
+  padding: 0 0 8px 0;
+  border-bottom: 1px solid #cbd5e1;
   white-space: nowrap;
   display: flex;
   align-items: center;
-  gap: 10px;
-  letter-spacing: 0.3px;
+  gap: 8px;
+  letter-spacing: 0.2px;
 }
 .section-title:first-child {
   margin-top: 0;
@@ -113,29 +112,27 @@ export default {
 .section-title .en-sub {
   font-size: 11px;
   font-weight: 400;
-  color: #8c8c8c;
-  letter-spacing: 0.5px;
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-style: italic;
+  color: #94a3b8;
+  letter-spacing: 0.2px;
 }
 .section-title i {
-  font-size: 16px;
-  color: #1a3c6e;
+  font-size: 14px;
+  color: #475569;
 }
 
-/* ===== 意见卡片（正式文档风格） ===== */
+/* ===== 意见卡片 — 工业风格 ===== */
 .card-grid {
   display: flex;
   flex-wrap: wrap;
-  gap: 14px;
+  gap: 10px;
 }
 
 .opinion-card {
-  flex: 0 0 calc((100% - 14px) / 2);
+  flex: 0 0 calc((100% - 10px) / 2);
   background: #ffffff;
-  border: 1px solid #e8e4de;
-  border-radius: 2px;
-  padding: 14px 16px 12px;
+  border: 1px solid #e2e8f0;
+  border-radius: 0;
+  padding: 10px 14px 10px;
   display: flex;
   flex-direction: column;
 }
@@ -144,25 +141,24 @@ export default {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 10px;
-  padding-bottom: 8px;
-  border-bottom: 1px dashed #e0dcd6;
+  margin-bottom: 8px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid #e2e8f0;
 }
 
 .opinion-dept {
   display: flex;
   align-items: center;
   gap: 6px;
-  font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
-  font-size: 14px;
-  font-weight: 700;
-  color: #1a3c6e;
-  letter-spacing: 0.3px;
+  font-size: 13px;
+  font-weight: 600;
+  color: #1e293b;
+  letter-spacing: 0.2px;
 }
 
 .opinion-dept-icon {
-  font-size: 10px;
-  color: #1a3c6e;
+  font-size: 8px;
+  color: #475569;
 }
 
 .opinion-card-body {
@@ -170,11 +166,11 @@ export default {
 }
 
 .opinion-content {
-  font-size: 13px;
-  color: #3a3a3a;
-  line-height: 1.7;
+  font-size: 12px;
+  color: #475569;
+  line-height: 1.6;
   word-break: break-all;
-  max-height: 100px;
+  max-height: 90px;
   overflow-y: auto;
 }
 
@@ -183,35 +179,31 @@ export default {
 }
 
 .opinion-empty {
-  color: #bab5ae;
+  color: #94a3b8;
   font-size: 12px;
-  font-style: italic;
-  font-family: 'Georgia', 'Times New Roman', serif;
 }
 
 .opinion-file {
-  margin-top: 8px;
+  margin-top: 6px;
 }
 
 .opinion-card-footer {
   display: flex;
   flex-wrap: wrap;
-  gap: 14px;
-  margin-top: 10px;
-  padding-top: 8px;
-  border-top: 1px dashed #e0dcd6;
+  gap: 12px;
+  margin-top: 8px;
+  padding-top: 6px;
+  border-top: 1px solid #e2e8f0;
 }
 
 .opinion-footer-item {
-  font-family: 'Georgia', 'Times New Roman', serif;
   font-size: 11px;
-  color: #8c8c8c;
+  color: #94a3b8;
 }
 
 .empty-data {
-  color: #8c8c8c;
-  font-size: 13px;
-  padding: 8px 0;
-  font-style: italic;
+  color: #94a3b8;
+  font-size: 12px;
+  padding: 6px 0;
 }
 </style>