From 3cc48ed91adc332c7f4a0c584d3171543610ac7e Mon Sep 17 00:00:00 2001
From: Claude <claude@local>
Date: Fri, 26 Jun 2026 09:28:30 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=85=A8=E5=B1=80=E8=89=B2=E6=9D=BF?=
 =?UTF-8?q?=E6=A0=A1=E6=AD=A3=E4=B8=BA=E5=9B=BD=E8=81=98=E7=9C=9F=E5=AE=9E?=
 =?UTF-8?q?=E8=89=B2(=E4=B8=BB=E7=BA=A2#EB2C26+Ant=E4=B8=AD=E6=80=A7?=
 =?UTF-8?q?=E7=81=B0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

取自 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   |  6 ++--
 offer_frontend/src/layouts/PortalLayout.vue  |  4 +--
 offer_frontend/src/style.css                 | 36 ++++++++++----------
 offer_frontend/src/views/SplashView.vue      | 10 +++---
 offer_frontend/src/views/portal/HomeView.vue |  4 +--
 5 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/offer_frontend/src/layouts/AdminLayout.vue b/offer_frontend/src/layouts/AdminLayout.vue
index 25de829..c90a933 100644
--- a/offer_frontend/src/layouts/AdminLayout.vue
+++ b/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 {
diff --git a/offer_frontend/src/layouts/PortalLayout.vue b/offer_frontend/src/layouts/PortalLayout.vue
index a3797e0..1b91600 100644
--- a/offer_frontend/src/layouts/PortalLayout.vue
+++ b/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;
diff --git a/offer_frontend/src/style.css b/offer_frontend/src/style.css
index 295f470..c026bbb 100644
--- a/offer_frontend/src/style.css
+++ b/offer_frontend/src/style.css
@@ -1,15 +1,15 @@
 :root {
-  /* 品牌色 · 国聘红 */
-  --brand-red: #C8161D;
-  --brand-red-2: #A11218;
-  --brand-red-3: #E84148;
-  --brand-red-bg: #FDECED;
-  /* 中性色 */
-  --bg-page: #F7F8FA;
+  /* 品牌色 · 国聘红 (取自 iguopin.com 真实色板) */
+  --brand-red: #EB2C26;
+  --brand-red-2: #B80006;
+  --brand-red-3: #FF7875;
+  --brand-red-bg: #FFEAE6;
+  /* 中性色 · Ant Design 暖灰 */
+  --bg-page: #F0F0F0;
   --bg-card: #FFFFFF;
-  --text-main: #1D2129;
-  --text-muted: #86909C;
-  --border: #E5E6EB;
+  --text-main: #262626;
+  --text-muted: #8C8C8C;
+  --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 主色覆盖 → 中国红 */
-  --el-color-primary: #C8161D;
-  --el-color-primary-light-3: #D94A50;
-  --el-color-primary-light-5: #E57378;
-  --el-color-primary-light-7: #F0A0A4;
-  --el-color-primary-light-8: #F5BDBF;
-  --el-color-primary-light-9: #FDECED;
-  --el-color-primary-dark-2: #A11218;
+  /* Element Plus 主色覆盖 → 国聘红 */
+  --el-color-primary: #EB2C26;
+  --el-color-primary-light-3: #F05952;
+  --el-color-primary-light-5: #F47B76;
+  --el-color-primary-light-7: #F8A5A1;
+  --el-color-primary-light-8: #FBC4C1;
+  --el-color-primary-light-9: #FFEAE6;
+  --el-color-primary-dark-2: #B80006;
 }
 
 a {
diff --git a/offer_frontend/src/views/SplashView.vue b/offer_frontend/src/views/SplashView.vue
index 4047a3e..bd0919e 100644
--- a/offer_frontend/src/views/SplashView.vue
+++ b/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%,
-      #A11218 35%,
-      #8B1014 70%,
-      #6B0C10 100%
+      #EB2C26 0%,
+      #C81E18 35%,
+      #B80006 70%,
+      #8C0008 100%
     );
 }
 .hero-overlay {
diff --git a/offer_frontend/src/views/portal/HomeView.vue b/offer_frontend/src/views/portal/HomeView.vue
index 8101459..295cbc2 100644
--- a/offer_frontend/src/views/portal/HomeView.vue
+++ b/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); }