diff --git a/src/App.vue b/src/App.vue
index 866371f..25756ec 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,25 +13,25 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="relative min-h-screen bg-blue-50 overflow-hidden">
+  <div class="relative min-h-screen overflow-hidden bg-blue-50">
     <nav-bar/>
     <router-view/>
-    <footer class="mt-8 items-end pt-48 min-h-48 bg pb-8">
-      <div class="container mx-auto xl:max-w-screen-xl px-4 md:px-0">
-        <div class="gird grid-cols-4 min-h-48">
+    <footer class="mt-8 items-end pt-48 pb-8 min-h-48 bg">
+      <div class="container mx-auto px-4 md:px-0 xl:max-w-screen-xl">
+        <div class="grid-cols-4 gird min-h-48">
           <div>
             <div class="flex items-center gap-4">
-              <img alt="" class="w-20 h-20" src="@/assets/logo-c.png">
-              <div class="text-gray-500 text-4xl leading-7" style="font-family: BaconyScript, sans-serif">
+              <img alt="" class="h-20 w-20" src="@/assets/logo-c.png">
+              <div class="text-4xl leading-7 text-gray-500" style="font-family: BaconyScript, sans-serif">
                 <p>CantyOn_ion's</p>
                 <p>WebIndex</p>
               </div>
             </div>
-            <p class="leading-8 mt-20 text-gray-500">&copy;2024 All rights reserved.</p>
+            <p class="mt-20 leading-8 text-gray-500">&copy;2024 All rights reserved.</p>
           </div>
         </div>
-        <div class="text-gray-500 flex flex-col md:flex-row">
-          <a class="hover:text-black mr-4" href="https://beian.miit.gov.cn/"
+        <div class="flex flex-col text-gray-500 md:flex-row">
+          <a class="mr-4 hover:text-black" href="https://beian.miit.gov.cn/"
              target="_blank">苏ICP备2022016243号-1</a>
           <div>
             <img alt="" class="inline-block w-4 pb-1" src="@/assets/beian.png"/>