左侧菜单，邀请，设置，和会员相关

src/assets/styles/pages/job-detail.scss

@@ -187,10 +187,28 @@
   &__match-card {
     flex-shrink: 0;
     width: 2.06rem;
-    background: #FBFDF7;
-    border: 1px solid #9FD051;
     border-radius: 0.08rem;
     padding: 0.16rem 0.24rem;
+    border: 1px solid #9FD051;
+    background: #FBFDF7;
+  }
+
+  // 高匹配度
+  &__match-card--high {
+    background: #FBFDF7;
+    border-color: #9FD051;
+  }
+
+  // 中匹配度
+  &__match-card--medium {
+    background: #FFFBF5;
+    border-color: #F59E0B;
+  }
+
+  // 低匹配度
+  &__match-card--low {
+    background: #FFF6F5;
+    border-color: #FE6D52;
   }
 
   &__match-top {
@@ -214,6 +232,24 @@
     color: #9FD051;
   }
 
+  // 高匹配度文字色
+  &__match-card--high &__match-score,
+  &__match-card--high &__match-label {
+    color: #9FD051;
+  }
+
+  // 中匹配度文字色
+  &__match-card--medium &__match-score,
+  &__match-card--medium &__match-label {
+    color: #F59E0B;
+  }
+
+  // 低匹配度文字色
+  &__match-card--low &__match-score,
+  &__match-card--low &__match-label {
+    color: #FE6D52;
+  }
+
   &__match-list {
     display: flex;
     flex-direction: column;
@@ -392,3 +428,8 @@
     margin: 0;
   }
 }
+
+// ---- 骨架屏区域 ----
+.job-detail__skeleton {
+  padding: 0.32rem;
+}