diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue
index 2ac5a05..b882636 100644
--- a/src/views/AiEmotion.vue
+++ b/src/views/AiEmotion.vue
@@ -4528,16 +4528,16 @@ const emit = defineEmits(["updateMessage", "sendMessage", "ensureAIchat"]);
     height: auto;
   }
 
-  .main {
+  /* .main {
     min-height: 100px;
     height: auto;
     box-sizing: border-box;
     background-color: #02107d;
     margin-bottom: 10rem;
-  }
+  } */
 
   .emotion-decoder-section {
-    width: 80%;
+    width: 80vw;
     height: auto;
     margin: 0 auto;
     /* min-height: 38rem; */
@@ -4719,7 +4719,7 @@ const emit = defineEmits(["updateMessage", "sendMessage", "ensureAIchat"]);
   .bottom-radar-section {
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    width: 80%;
+    width: 80vw;
     height: auto;
     /* min-height: 48rem; */
   }
@@ -4727,7 +4727,7 @@ const emit = defineEmits(["updateMessage", "sendMessage", "ensureAIchat"]);
   .energy-converter-section {
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    width: 80%;
+    width: 80vw;
     height: auto;
     margin: 0 auto;
     min-height: 55vh;
@@ -4797,7 +4797,7 @@ const emit = defineEmits(["updateMessage", "sendMessage", "ensureAIchat"]);
 /* 超小屏幕设备 */
 @media only screen and (max-width: 480px) {
   .main {
-    width: 100%;
+    width: 90%;
     padding: 0.3rem;
     margin-bottom: 3rem;
   }