diff --git a/index.html b/index.html
index f1a8a47..6509573 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>蜂快到家，快速取快递到家</title>
+    <title>蜂快到家，一键下单，立刻送达</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/App.vue b/src/App.vue
index e55fea6..e473948 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-gradient-to-b from-blue-50 to-purple-50">
+  <div class="min-h-screen bg-gradient-to-b from-primary/5 to-primary/10">
     <Header />
     <main class="container mx-auto px-4">
       <Hero />
diff --git a/src/components/Header.vue b/src/components/Header.vue
index da8120c..9366771 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -2,17 +2,11 @@
   <header class="bg-white py-4 px-6 flex items-center justify-between">
     <div class="flex items-center">
       <h1 class="text-2xl font-bold">
-        <span class="text-blue-500">Bee</span>Fast
+        <span class="text-primary">蜂快</span>到家
       </h1>
     </div>
     <nav class="flex items-center space-x-8">
-      <a href="#" class="text-gray-600 hover:text-blue-500 transition-colors">关于我们</a>
-      <button class="bg-blue-500 text-white px-6 py-2 rounded-full hover:bg-blue-600 transition-colors flex items-center space-x-2">
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
-        </svg>
-        <span>下载</span>
-      </button>
+      <a href="#" class="text-gray-600 hover:text-primary transition-colors">关于我们</a>
     </nav>
   </header>
 </template> 
\ No newline at end of file
diff --git a/src/components/Hero.vue b/src/components/Hero.vue
index 2026684..ad10745 100644
--- a/src/components/Hero.vue
+++ b/src/components/Hero.vue
@@ -2,20 +2,20 @@
   <section class="py-16 flex flex-col lg:flex-row items-center">
     <div class="lg:w-1/2">
       <h2 class="text-6xl font-bold leading-tight">
-        <span class="text-blue-500">蜂快到家</span><br />
+        <span class="text-primary">Beefast</span><br />
         delivery at<br />
         your doorstep
       </h2>
       <p class="mt-6 text-gray-600 text-lg">
-        您的快递，我帮你取，一键下单，立刻送达！
+        您的快递，一键下单，立刻送达！
       </p>
       <div class="mt-8">
         <div class="flex items-center space-x-4">
-          <div class="bg-white p-4 rounded-lg shadow-md">
+          <div class="bg-white p-4 rounded-lg shadow-md border-2 border-primary">
             <img src="../assets/images/qrcode.jpg" alt="小程序二维码" class="w-32 h-32">
           </div>
           <div class="text-gray-600">
-            <p class="text-lg font-semibold">扫码使用小程序</p>
+            <p class="text-lg font-semibold text-primary">扫码使用小程序</p>
             <p class="text-sm mt-1">快速下单，方便快捷</p>
           </div>
         </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index a54dd2f..37a1475 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,7 +4,11 @@ module.exports = {
     "./src/**/*.{vue,js,ts,jsx,tsx}",
   ],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        primary: '#FEC400',
+      }
+    },
   },
   plugins: [],
 } 
\ No newline at end of file
