diff --git a/offer_frontend/src/style.css b/offer_frontend/src/style.css
index 68369ad..295f470 100644
--- a/offer_frontend/src/style.css
+++ b/offer_frontend/src/style.css
@@ -1,31 +1,54 @@
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  /* 品牌色 · 国聘红 */
+  --brand-red: #C8161D;
+  --brand-red-2: #A11218;
+  --brand-red-3: #E84148;
+  --brand-red-bg: #FDECED;
+  /* 中性色 */
+  --bg-page: #F7F8FA;
+  --bg-card: #FFFFFF;
+  --text-main: #1D2129;
+  --text-muted: #86909C;
+  --border: #E5E6EB;
+
+  font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, -apple-system, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
+  color-scheme: light;
+  color: var(--text-main);
+  background-color: var(--bg-page);
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   -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;
 }
 
 a {
   font-weight: 500;
-  color: #646cff;
+  color: var(--brand-red);
   text-decoration: inherit;
 }
 a:hover {
-  color: #535bf2;
+  color: var(--brand-red-2);
 }
 
 body {
   margin: 0;
   min-width: 320px;
   min-height: 100vh;
+  background-color: var(--bg-page);
+  color: var(--text-main);
 }
 
 h1 {
@@ -40,16 +63,12 @@ button {
   font-size: 1em;
   font-weight: 500;
   font-family: inherit;
-  background-color: #1a1a1a;
+  background-color: var(--bg-card);
   cursor: pointer;
   transition: border-color 0.25s;
 }
 button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
+  border-color: var(--brand-red);
 }
 
 .card {
@@ -59,16 +78,3 @@ button:focus-visible {
 #app {
   width: 100%;
 }
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}