diff --git a/src/components/WechatModal.vue b/src/components/WechatModal.vue
index f0c4bc0..9938490 100644
--- a/src/components/WechatModal.vue
+++ b/src/components/WechatModal.vue
@@ -220,7 +220,9 @@ onUnmounted(() => {
 }
 
 .wechat-modal-container {
-  width: min(420px, 90vw);
+  width: 400px;
+  height: 400px;
+  aspect-ratio: 1;
   background-color: var(--v-theme-surface);
   border-radius: 12px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
@@ -273,8 +275,9 @@ onUnmounted(() => {
   display: inline-block;
   margin-bottom: 16px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
-  width: 280px;
-  height: 280px;
+  width: 320px;
+  height: 320px;
+  padding: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -389,10 +392,12 @@ onUnmounted(() => {
 @media (max-width: 360px) {
   .wechat-modal-container {
     width: 95vw;
+    height: 95vw;
   }
   .qr-code-wrapper {
-    width: 240px;
-    height: 240px;
+    width: 80%;
+    height: 80%;
+    padding: 8px;
   }
 }