diff --git a/app/pages/classic/index.vue b/app/pages/classic/index.vue
index a416302..0c7ad30 100644
--- a/app/pages/classic/index.vue
+++ b/app/pages/classic/index.vue
@@ -71,7 +71,7 @@ const demonstrationFields = [
             <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"
+            class="flex flex-col items-center justify-center text-center rounded-2xl "
         >
           <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>
diff --git a/app/pages/news/index.vue b/app/pages/news/index.vue
index 8ccbd93..f1c994b 100644
--- a/app/pages/news/index.vue
+++ b/app/pages/news/index.vue
@@ -64,6 +64,7 @@ const page = ref(1)
              root:'group',
         container: 'relative grid lg:grid-cols-[1fr_4fr] gap-8 p-6',
       }"
+            class="hover:shadow-2xl hover:scale-105 hover:translate-x-8"
             orientation="horizontal"
             reverse
             spotlight