feat: 右侧边栏底色按原型图实现

补充信息值: 浅蓝底#d6eaf8 + 蓝色文字, min-width居中对齐;
业务岗位项: 加深至#c8e6f8, 文字#1a6aaa;
培训情况分值: 每格#d6eaf8底色, 蓝色加粗字体。

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/views/portraitManagement/employeeProfile/index.vue

@@ -643,13 +643,21 @@ onBeforeUnmount(() => {
     justify-content: space-between;
     align-items: center;
     padding: 5px 0;
-    border-bottom: 1px dashed #eee;
+    border-bottom: 1px dashed #dce9f5;
     font-size: 12px;
 
     &:last-child { border-bottom: none; }
 
-    .s-lbl { color: #888; }
-    .s-val { color: #333; font-weight: 500; }
+    .s-lbl { color: #666; }
+    .s-val {
+      color: #2c6baf;
+      font-weight: 500;
+      background: #d6eaf8;
+      padding: 2px 10px;
+      border-radius: 4px;
+      min-width: 56px;
+      text-align: center;
+    }
   }
 }
 
@@ -660,12 +668,13 @@ onBeforeUnmount(() => {
   gap: 6px;
 
   .pos-item {
-    background: #e8f4ff;
-    color: #409eff;
+    background: #c8e6f8;
+    color: #1a6aaa;
     border-radius: 4px;
-    padding: 6px 10px;
+    padding: 7px 10px;
     font-size: 12px;
     text-align: center;
+    font-weight: 500;
   }
 }
 
@@ -675,18 +684,25 @@ onBeforeUnmount(() => {
   grid-template-columns: 1fr 1fr 1fr;
   font-size: 12px;
   text-align: center;
+  gap: 4px;
 }
 
 .train-header {
   color: #888;
   margin-bottom: 6px;
   padding-bottom: 4px;
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid #dce9f5;
 }
 
 .train-row {
-  color: #333;
-  font-weight: 500;
+  color: #2c6baf;
+  font-weight: 600;
+
+  span {
+    background: #d6eaf8;
+    border-radius: 4px;
+    padding: 4px 4px;
+  }
 }
 
 /* 通用 */