3个需求处理和插件通信组件引入（和插件共用的一个ts）

src/views/Jobs.vue

@@ -175,7 +175,7 @@
                   {{ job.regionName }}
                 </span>
                 <span v-if="formatEducation(job.education)" class="jobs-page__meta-edu">{{ formatEducation(job.education) }}</span>
-                <span v-if="formatEmploymentType(job.recruitCategory)" class="jobs-page__meta-recruit">{{ formatEmploymentType(job.recruitCategory) }}</span>
+                <span v-if="formatEmploymentType(job.recruitCategory)" class="jobs-page__meta-recruit" :style="{ background: recruitCategoryColor(job.recruitCategory) }">{{ formatEmploymentType(job.recruitCategory) }}</span>
               </div>
             </div>
 
@@ -404,6 +404,14 @@ const router = useRouter()
 const route = useRoute()
 const store = useStore()
 
+/** 招聘分类标签背景色：校招=#3AC6E5，社招=#B95DDD，实习=#50D3B5 */
+function recruitCategoryColor(category: number | undefined | null): string {
+  if (category === 1) return '#3AC6E5'  // 校招
+  if (category === 0) return '#B95DDD'  // 社招
+  if (category === 2) return '#50D3B5'  // 实习
+  return '#EDF9FA'
+}
+
 /** 登录状态 — 从 store 读取 */
 const isAuthenticated = computed(() => store.state.isAuthenticated)