diff --git a/app/pages/about/index.vue b/app/pages/about/index.vue
index 977382e..f7dafd3 100644
--- a/app/pages/about/index.vue
+++ b/app/pages/about/index.vue
@@ -244,13 +244,13 @@ onMounted(() => {
     <img alt="" class="w-full" src="/img/about/banner.png">
     <UPageSection
         :style="{ backgroundImage: `url('/img/about/bg.png')` ,    }"
-        class="space-y-6 bg-cover bg-no-repeat bg-center w-full mb-4">
+        class="space-y-6 bg-fixed bg-cover bg-no-repeat bg-center w-full mb-4">
       <UTabs :items="items" :ui="{ trigger: 'grow' }" class="gap-4 w-full">
         <template #team="{ item }">
           <Motion
-            :initial="{ x: 100, opacity: 0 }"
-            :animate="{ x: 0, opacity: 1 }"
-            :transition="{ duration: 0.6, ease: 'easeOut' }"
+              :animate="{ x: 0, opacity: 1 }"
+              :initial="{ x: 100, opacity: 0 }"
+              :transition="{ duration: 0.6, ease: 'easeOut' }"
           >
             <view class="grid lg:grid-cols-[2fr_3fr] gap-4 items-center">
               <img alt="" src="/img/about/teamPhoto.png">
@@ -261,9 +261,9 @@ onMounted(() => {
 
         <template #advantage="{ item }">
           <Motion
-            :initial="{ x: 100, opacity: 0 }"
-            :animate="{ x: 0, opacity: 1 }"
-            :transition="{ duration: 0.6, ease: 'easeOut' }"
+              :animate="{ x: 0, opacity: 1 }"
+              :initial="{ x: 100, opacity: 0 }"
+              :transition="{ duration: 0.6, ease: 'easeOut' }"
           >
             <div class="space-y-6 ">
               <UPageCard
@@ -284,12 +284,12 @@ onMounted(() => {
             </div>
           </Motion>
         </template>
-        
+
         <template #record="{ item }">
           <Motion
-            :initial="{ x: 100, opacity: 0 }"
-            :animate="{ x: 0, opacity: 1 }"
-            :transition="{ duration: 0.6, ease: 'easeOut' }"
+              :animate="{ x: 0, opacity: 1 }"
+              :initial="{ x: 100, opacity: 0 }"
+              :transition="{ duration: 0.6, ease: 'easeOut' }"
           >
             <view/>
             <UTimeline
diff --git a/app/pages/classic/index.vue b/app/pages/classic/index.vue
index 0c7ad30..e3fc5ed 100644
--- a/app/pages/classic/index.vue
+++ b/app/pages/classic/index.vue
@@ -66,12 +66,12 @@ const demonstrationFields = [
           <view
               v-for="(field, index) in industryPlatforms"
               :key="index"
-              class="flex flex-col items-center justify-center text-center"
+              class="flex flex-col items-center justify-center text-center p-6 rounded-xl  hover:shadow-2xl hover:scale-105 transition-all duration-300 bg-white"
           >
             <img
                 :alt="field.name"
                 :src="field.image"
-                class="w-full rounded-lg shadow-sm mb-2  "
+                class="w-full rounded-lg shadow-sm mb-2"
             >
             <text class="py-2 text-lg font-bold">{{ field.name }}</text>
           </view>
@@ -97,12 +97,12 @@ description:'font-semibold text-lg',
         <view
             v-for="(field, index) in demonstrationFields"
             :key="index"
-            class="flex flex-col items-center justify-center text-center rounded-2xl "
+            class="flex flex-col items-center justify-center text-center rounded-xl p-6 hover:shadow-2xl hover:scale-105 transition-all duration-300 bg-white"
         >
           <img
               :alt="field.name"
               :src="field.image"
-              class="w-full rounded-lg shadow-sm mb-2 "
+              class="w-full rounded-lg shadow-sm mb-2"
           >
           <text class="py-2 text-lg font-bold">{{ field.name }}</text>
         </view>