feat: 员工画像底色按原型图实现

基本信息卡: 45度蓝色斜纹底(#daeeff/#eef7ff);
综合评价卡: 橙红渐变底(#f7b89c→#f4a088)，文字统一白色;
工作履历/获奖卡: 浅蓝底(#e8f5ff)。

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

src/views/portraitManagement/employeeProfile/index.vue

@@ -86,8 +86,8 @@
           <!-- 综合评价 -->
           <div class="card score-card">
             <div class="score-label">综合评价</div>
-            <div class="score-num" :style="scoreColor">{{ portrait.totalScore }}</div>
-            <div class="score-level-tag" :style="scoreColor">{{ scoreLevel }}</div>
+            <div class="score-num">{{ portrait.totalScore }}</div>
+            <div class="score-level-tag">{{ scoreLevel }}</div>
           </div>
         </div>
 
@@ -439,6 +439,11 @@ onBeforeUnmount(() => {
   display: flex;
   gap: 16px;
   align-items: flex-start;
+  background: repeating-linear-gradient(
+    45deg,
+    #daeeff 0px, #daeeff 2px,
+    #eef7ff 2px, #eef7ff 14px
+  );
 
   .avatar-area {
     flex-shrink: 0;
@@ -510,25 +515,33 @@ onBeforeUnmount(() => {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(135deg, #fff5f0, #fff);
+  background: linear-gradient(160deg, #f7b89c, #f4a088);
+  border: none;
 
   .score-label {
     font-size: 14px;
     font-weight: 600;
-    color: #555;
+    color: #fff;
     margin-bottom: 8px;
+    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
   }
 
   .score-num {
-    font-size: 48px;
+    font-size: 52px;
     font-weight: bold;
     line-height: 1;
+    color: #fff;
+    text-shadow: 0 2px 6px rgba(0,0,0,0.15);
   }
 
   .score-level-tag {
     margin-top: 8px;
     font-size: 14px;
-    font-weight: 500;
+    font-weight: 600;
+    color: #fff;
+    background: rgba(255,255,255,0.25);
+    padding: 2px 12px;
+    border-radius: 10px;
   }
 }
 
@@ -537,6 +550,7 @@ onBeforeUnmount(() => {
   width: 260px;
   flex-shrink: 0;
   overflow-y: auto;
+  background: #e8f5ff;
 
   .sec-title {
     font-size: 14px;