diff --git a/client/index.html b/client/index.html
index ca595afd..53758a46 100644
--- a/client/index.html
+++ b/client/index.html
@@ -3,7 +3,9 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>hyb-oa Client</title>
+    <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;700;900&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@300,0&display=swap" rel="stylesheet" />
+    <title>海音达工作台</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/client/package-lock.json b/client/package-lock.json
index b26602de..f97d5c6c 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -18,6 +18,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.22.0",
+        "sonner": "^2.0.7",
         "tailwind-merge": "^2.6.1"
       },
       "devDependencies": {
@@ -6763,6 +6764,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/sonner": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz",
+      "integrity": "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.8.0-beta.0",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
diff --git a/client/package.json b/client/package.json
index c5280f5a..8b8f542b 100644
--- a/client/package.json
+++ b/client/package.json
@@ -21,6 +21,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.22.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^2.6.1"
   },
   "devDependencies": {
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index 48b8b112..50bb5869 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -6,32 +6,27 @@ export default {
     extend: {
       colors: {
         primary: {
-          DEFAULT: "#00398a",
-          50: "#e6ecf4",
-          100: "#ccd9ea",
-          200: "#99b4d5",
-          300: "#668ebf",
-          400: "#3369aa",
-          500: "#00398a",
-          600: "#002e6e",
-          700: "#002253",
-          800: "#001737",
-          900: "#000b1c"
+          DEFAULT: "#18181b", // zinc-900
+          light: "#27272a", // zinc-800
+          accent: "#197fe6" // 蓝色用于少量强调
         },
-        secondary: "#5e718d",
+        secondary: "#71717a", // zinc-500
         background: {
-          light: "#f5f7f8",
-          dark: "#0f1723"
+          light: "#fafafa", // zinc-50
+          dark: "#111921"
         },
-        border: "#e2e8f0"
+        border: "#e4e4e7" // zinc-200
       },
       fontFamily: {
-        sans: ["Public Sans", "sans-serif"],
-        display: ["Public Sans", "sans-serif"]
+        sans: ["Inter", "sans-serif"],
+        display: ["Inter", "sans-serif"]
       },
       borderRadius: {
+        DEFAULT: "0.25rem",
+        md: "0.375rem",
         lg: "0.5rem",
-        xl: "0.75rem"
+        xl: "0.75rem",
+        full: "9999px"
       }
     }
   },