style: 全局色板校正为国聘真实色(主红#EB2C26+Ant中性灰)

取自 iguopin.com 真实 CSS 色板:
- 主红 #EB2C26 / 深红 #B80006 / 红浅底 #FFEAE6
- 中性灰改 Ant Design 暖灰: 页面底#F0F0F0 边框#D9D9D9 文字#262626/#8C8C8C
- 同步 EP --el-color-primary 系列与各文件硬编码红渐变

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

offer_frontend/src/layouts/AdminLayout.vue

@@ -16,7 +16,7 @@
     </header>
     <div class="admin-body">
       <aside class="admin-aside">
-        <el-menu router :default-active="$route.path" background-color="#8B1014" text-color="#fff" active-text-color="#FFD0D2">
+        <el-menu router :default-active="$route.path" background-color="#B80006" text-color="#fff" active-text-color="#FFD0D2">
           <el-menu-item index="/admin/dashboard">数据概览</el-menu-item>
           <el-menu-item index="/admin/jobs">职位管理</el-menu-item>
           <el-menu-item index="/admin/applications">投递管理</el-menu-item>
@@ -62,7 +62,7 @@ function logout() {
 .admin-header {
   height: 56px;
   flex-shrink: 0;
-  background: #8B1014;
+  background: #B80006;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -89,7 +89,7 @@ function logout() {
 .admin-aside {
   width: 200px;
   flex-shrink: 0;
-  background: #8B1014;
+  background: #B80006;
   overflow-y: auto;
 }
 .admin-main {

offer_frontend/src/layouts/PortalLayout.vue

@@ -175,9 +175,9 @@ a { text-decoration: none; }
   width: 48px; height: 48px;
   border-radius: 50%;
   border: 2px solid var(--brand-red);
-  background: linear-gradient(135deg, rgba(200,22,29,0.12), rgba(200,22,29,0.04));
+  background: linear-gradient(135deg, rgba(235,44,38,0.12), rgba(235,44,38,0.04));
   display: flex; align-items: center; justify-content: center;
-  box-shadow: 0 0 16px rgba(200,22,29,0.25), inset 0 0 8px rgba(200,22,29,0.08);
+  box-shadow: 0 0 16px rgba(235,44,38,0.25), inset 0 0 8px rgba(235,44,38,0.08);
 }
 .emblem-char {
   font-size: 20px;

offer_frontend/src/style.css

@@ -1,15 +1,15 @@
 :root {
-  /* 品牌色 · 国聘红 */
+  /* 品牌色 · 国聘红 (取自 iguopin.com 真实色板) */
-  --brand-red: #C8161D;
+  --brand-red: #EB2C26;
-  --brand-red-2: #A11218;
+  --brand-red-2: #B80006;
-  --brand-red-3: #E84148;
+  --brand-red-3: #FF7875;
-  --brand-red-bg: #FDECED;
+  --brand-red-bg: #FFEAE6;
-  /* 中性色 */
+  /* 中性色 · Ant Design 暖灰 */
-  --bg-page: #F7F8FA;
+  --bg-page: #F0F0F0;
   --bg-card: #FFFFFF;
-  --text-main: #1D2129;
+  --text-main: #262626;
-  --text-muted: #86909C;
+  --text-muted: #8C8C8C;
-  --border: #E5E6EB;
+  --border: #D9D9D9;
 
   font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, -apple-system, sans-serif;
   line-height: 1.5;
@@ -24,14 +24,14 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
-  /* Element Plus 主色覆盖 → 中国红 */
+  /* Element Plus 主色覆盖 → 国聘红 */
-  --el-color-primary: #C8161D;
+  --el-color-primary: #EB2C26;
-  --el-color-primary-light-3: #D94A50;
+  --el-color-primary-light-3: #F05952;
-  --el-color-primary-light-5: #E57378;
+  --el-color-primary-light-5: #F47B76;
-  --el-color-primary-light-7: #F0A0A4;
+  --el-color-primary-light-7: #F8A5A1;
-  --el-color-primary-light-8: #F5BDBF;
+  --el-color-primary-light-8: #FBC4C1;
-  --el-color-primary-light-9: #FDECED;
+  --el-color-primary-light-9: #FFEAE6;
-  --el-color-primary-dark-2: #A11218;
+  --el-color-primary-dark-2: #B80006;
 }
 
 a {

offer_frontend/src/views/SplashView.vue

@@ -178,7 +178,7 @@ const router = useRouter()
 .logo-icon {
   width: 38px;
   height: 38px;
-  background: linear-gradient(135deg, #C8161D, #8B1014);
+  background: linear-gradient(135deg, #EB2C26, #B80006);
   border-radius: 8px;
   display: flex;
   align-items: center;
@@ -245,10 +245,10 @@ const router = useRouter()
   /* 国聘红渐变背景 */
   background:
     linear-gradient(160deg,
-      #C8161D 0%,
+      #EB2C26 0%,
-      #A11218 35%,
+      #C81E18 35%,
-      #8B1014 70%,
+      #B80006 70%,
-      #6B0C10 100%
+      #8C0008 100%
     );
 }
 .hero-overlay {

offer_frontend/src/views/portal/HomeView.vue

@@ -434,13 +434,13 @@ onMounted(async () => {
 .org-avatar {
   width: 32px; height: 32px;
   border-radius: 5px;
-  background: linear-gradient(135deg, #C8161D, #8B1014);
+  background: linear-gradient(135deg, #EB2C26, #B80006);
   display: flex; align-items: center; justify-content: center;
   font-size: 15px; font-weight: 900; color: #fff;
   flex-shrink: 0; overflow: hidden;
 }
 .org-avatar img { width: 100%; height: 100%; object-fit: cover; }
-.child-avatar { width: 26px; height: 26px; font-size: 13px; background: linear-gradient(135deg, #A11218, #6B0C10); }
+.child-avatar { width: 26px; height: 26px; font-size: 13px; background: linear-gradient(135deg, #B80006, #8C0008); }
 .org-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 .org-name { font-size: 14px; font-weight: 600; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .child-name { font-size: 13px; color: var(--text-muted); }