Update app.py

app.py

@@ -268,7 +268,7 @@ body, .gradio-container {
     background-image: linear-gradient(rgba(168, 85, 247, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(168, 85, 247, .1) 1px, transparent 1px) !important;
 }
 
-#col-container { margin: 0 auto; max-width: 1200px; }
+#col-container { margin: 0 auto; max-width: 1200px; padding: 20px; }
 
 #main-title { text-align: center !important; padding: 1.5rem 0 0.5rem 0; }
 #main-title h1 {
@@ -285,24 +285,44 @@ body, .gradio-container {
 #subtitle p { margin: 0 auto; color: #666; font-size: 1.1rem; font-weight: 500; }
 .dark #subtitle p { color: #DAB2FF; }
 
-/* Glassmorphism Cards */
+/* ======== 修改：模块卡片强化圆角和内外边距 ======== */
 .gradio-group {
     background: rgba(255, 255, 255, 0.9) !important;
-    border: 2px solid #E9D5FF !important; border-radius: 12px !important;
+    border: 2px solid #E9D5FF !important; 
+    border-radius: 24px !important; /* 更明显的圆角 */
     box-shadow: 0 4px 24px rgba(168, 85, 247, 0.08) !important;
-    backdrop-filter: blur(10px); transition: all 0.3s ease; padding: 15px !important;
+    backdrop-filter: blur(10px); 
+    transition: all 0.3s ease; 
+    padding: 24px 28px !important; /* 增加边缘与内层内容的间距 */
+    margin-bottom: 20px !important; /* 模块之间的垂直间距 */
+    display: flex !important;
+    flex-direction: column !important;
+    gap: 16px !important; /* 内部组件之间的自然间距 */
+}
+.gradio-group:hover { 
+    box-shadow: 0 8px 32px rgba(168, 85, 247, 0.12) !important; 
+    border-color: #C084FC !important; 
+}
+.dark .gradio-group { 
+    background: rgba(30, 30, 30, 0.9) !important; 
+    border-color: rgba(168, 85, 247, 0.3) !important; 
+}
+
+/* 恢复 Gradio 内部组件的圆角（Gradio默认会将 group 内的元素边缘变直） */
+.gradio-group > div, 
+.gradio-group > .form {
+    border-radius: 12px !important;
 }
-.gradio-group:hover { box-shadow: 0 8px 32px rgba(168, 85, 247, 0.12) !important; border-color: #C084FC !important; }
-.dark .gradio-group { background: rgba(30, 30, 30, 0.9) !important; border-color: rgba(168, 85, 247, 0.3) !important; }
 
 /* ======== 优化：文件上传框居中与背景清理 ======== */
 #pdf-upload-box {
     border: 2px dashed rgba(192, 132, 252, 0.6) !important;
-    border-radius: 12px !important;
+    border-radius: 16px !important;
     background-color: rgba(250, 245, 255, 0.5) !important;
     transition: all 0.3s ease !important;
     min-height: 220px !important; /* 增加高度提供居中空间 */
     position: relative !important;
+    margin-top: 10px !important;
 }
 
 #pdf-upload-box:hover {