diff --git a/src/publish_pages/publishBall/components/AiImportPopup/AiImportPopup.tsx b/src/publish_pages/publishBall/components/AiImportPopup/AiImportPopup.tsx
index 6b8a29b..c6bb329 100644
--- a/src/publish_pages/publishBall/components/AiImportPopup/AiImportPopup.tsx
+++ b/src/publish_pages/publishBall/components/AiImportPopup/AiImportPopup.tsx
@@ -207,7 +207,7 @@ const AiImportPopup: React.FC<AiImportPopupProps> = ({
             <Text className={styles.title}>智能导入球局信息</Text>
           </View>
           <View className={styles.closeButton} onClick={onClose}>
-          <Image src={images.ICON_CLOSE} className={styles.lightningIcon} />
+            <Image src={images.ICON_CLOSE} className={styles.lightningIcon} />
           </View>
         </View>
 
diff --git a/src/publish_pages/publishBall/components/AiImportPopup/index.module.scss b/src/publish_pages/publishBall/components/AiImportPopup/index.module.scss
index ba930d0..e676a40 100644
--- a/src/publish_pages/publishBall/components/AiImportPopup/index.module.scss
+++ b/src/publish_pages/publishBall/components/AiImportPopup/index.module.scss
@@ -9,14 +9,14 @@
     box-sizing: border-box;
     max-height: 80vh;
     overflow-y: auto;
+    background: rgba(0, 0, 0, 0.06);
   }
 
   .header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 16px 20px;
-    border-bottom: 1px solid #f0f1f5;
+    padding: 16px;
 
     .titleContainer {
       display: flex;
@@ -36,24 +36,26 @@
     }
 
     .closeButton {
-      width: 24px;
-      height: 24px;
-      display: flex;
       align-items: center;
       justify-content: center;
-      cursor: pointer;
-
-      .closeIcon {
-        font-size: 20px;
-        color: #8a8a8a;
-        line-height: 1;
+      display: flex;
+      width: 40px;
+      height: 40px;
+      box-sizing: border-box;
+      border-radius: 999px;
+      border: 1px solid rgba(0, 0, 0, 0.06);
+      background: #FFF;
+      box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.06);
+      .lightningIcon{
+        width: 24px;
+        height: 24px;
       }
     }
   }
 
   .textAreaContainer {
     position: relative;
-    padding: 16px 20px;
+    padding: 0 16px 12px 16px;
 
     .textArea {
       width: 100%;
@@ -87,7 +89,7 @@
   }
 
   .imageRecognitionContainer {
-    padding: 0 20px 16px;
+    padding: 0 20px;
 
     .imageRecognitionButton {
       display: flex;
@@ -126,7 +128,7 @@
   }
 
   .bottomButtons {
-    padding: 16px 20px 20px;
+    padding: 28px 16px 16px 16px;
     display: flex;
     gap: 12px;
     padding-bottom: calc(20px + env(safe-area-inset-bottom));