diff --git a/app/pages/article/index.vue b/app/pages/article/index.vue
index 987f3fc..c8181c9 100644
--- a/app/pages/article/index.vue
+++ b/app/pages/article/index.vue
@@ -90,11 +90,11 @@ onMounted(() => {
     }">
       <!-- 筛选提示 -->
       <div v-if="code" class="mb-6 px-4">
-        <div class="inline-flex items-center gap-2 px-4 py-2 bg-blue-50 text-blue-700 rounded-lg">
+        <div class="inline-flex items-center gap-2 px-4 py-2 bg-primary-50 text-primary-700 rounded-lg">
           <span>当前筛选：{{ articleTypeMap[code] || code }}</span>
           <button
             @click="router.push('/article') "
-            class="text-blue-600 hover:text-blue-800 underline text-sm"
+            class="text-primary-600 hover:text-primary-800 underline text-sm"
           >
             清除筛选
           </button>
@@ -136,8 +136,8 @@ onMounted(() => {
 
         >
           <!-- 默认图片占位 -->
-          <div class="object-cover aspect-[4/3] w-full bg-gradient-to-br from-blue-100 to-blue-200 flex items-center justify-center rounded-lg">
-            <UIcon name="i-heroicons-document-text" class="size-16 text-blue-400" />
+          <div class="object-cover aspect-[4/3] w-full bg-gradient-to-br from-primary-100 to-primary-200 flex items-center justify-center rounded-lg">
+            <UIcon name="i-heroicons-document-text" class="size-16 text-primary-400" />
           </div>
           <template #footer>
             <UButton
diff --git a/app/pages/index/index.vue b/app/pages/index/index.vue
index d62defb..eefc18f 100644
--- a/app/pages/index/index.vue
+++ b/app/pages/index/index.vue
@@ -31,31 +31,31 @@
             <!-- 服务展示区域 -->
             <section aria-label="服务展示" class="mb-16">
               <div class="grid grid-cols-1">
-                <div class="   cursor-pointer">
+                <div class="cursor-pointer">
                   <img src="/img/1.jpg" alt="共享电动车整体解决方案/共享电动车/电子围栏/蓝牙中控 " class="w-full rounded-lg       transition-shadow duration-300">
                 </div>
-                <div class="   cursor-pointer">
+                <div class="cursor-pointer">
                   <img src="/img/2.jpg" alt="蓝牙道钉/用户小程序/App大数据后台+智能化运维后台+运维App+城市运营后台 " class="w-full rounded-lg       transition-shadow duration-300">
                 </div>
-                <div class="   cursor-pointer">
+                <div class="cursor-pointer">
                   <img src="/img/3.jpg" alt="共享电动车+中控" class="w-full rounded-lg       transition-shadow duration-300">
                 </div>
-                <div class="   cursor-pointer">
+                <div class="cursor-pointer">
                   <img src="/img/4.jpg" alt="运维端APP/大数据城市后台端+可视化运维后台" class="w-full rounded-lg       transition-shadow duration-300">
                 </div>
-                <div class="   cursor-pointer">
+                <div class="cursor-pointer">
                   <img src="/img/5.jpg" alt="智能管理系统" class="w-full rounded-lg       transition-shadow duration-300">
                 </div>
                 <div class="cursor-pointer">
                   <img src="/img/6.png" alt="智能监控/车辆设置定点停车区域/防盗报警/智能大数据/运营新模式" class="w-full rounded-lg       transition-shadow duration-300">
                 </div>
-                <div class="   cursor-pointer">
+                <div class="cursor-pointer">
                   <img src="/img/7.jpg" alt="共享电动车开城指导+运营方案" class="w-full rounded-lg       transition-shadow duration-300">
                 </div>
-                <div class="   cursor-pointer">
+                <div class="cursor-pointer">
                   <img src="/img/8.jpg" alt="多语言版本+成熟的国内外客户现场" class="w-full rounded-lg       transition-shadow duration-300">
                 </div>
-                <div class="   cursor-pointer">
+                <div class="cursor-pointer">
                   <img src="/img/9.jpg" alt="共享电动车方案优势/易运维易管理/电子围栏设置/运维管理更方便/多城市、多地区统一管理，高效运营/市场好更专业用户刚需，需求量大，市场空间大/多地实际案例，经验丰富更专业" class="w-full rounded-lg       transition-shadow duration-300">
                 </div>
               </div>