update UI

app.py

@@ -46,14 +46,8 @@ def open_img(img_path):
     else:
         img = Image.open(img_path)
     w, h = img.size
-    if max(w, h) != 300:
-        if w >= h:
-            new_w = 300
-            new_h = int(h * 300 / w)
-        else:
-            new_h = 300
-            new_w = int(w * 300 / h)
-        img = img.resize((new_w, new_h), Image.LANCZOS)
+    if w != 300 or h != 300:
+        img = img.resize((300, 300), Image.LANCZOS)
     return img
 
 def show_enhance_input(img_name):
@@ -126,48 +120,59 @@ def diagnose_demo(img_name):
     suggestion = SUGGESTION_DICT.get(main_cat, "建议：请咨询医生。")
     return result_table, result_text, suggestion
 
-# --- CSS ---
 css = """
 .orange-btn {
     background: #FF7F1F !important;
     color: white !important;
     font-weight: bold;
-    border: 2px solid #ff6100 !important;
+    border: 2px solid #111 !important;
     border-radius: 12px !important;
-    font-size: 16px !important;
-    padding: 10px 18px !important;
+    font-size: 15px !important;
+    padding: 7px 16px !important;
     margin-left: 10px !important;
+    min-width: 90px;
     box-shadow: none !important;
 }
 .gray-btn {
     background: #EBEBEE !important;
     color: black !important;
     font-weight: bold;
-    border: 2px solid #bfbfbf !important;
+    border: 2px solid #111 !important;
     border-radius: 12px !important;
-    font-size: 16px !important;
-    padding: 10px 18px !important;
+    font-size: 15px !important;
+    padding: 7px 16px !important;
     margin-right: 10px !important;
+    min-width: 90px;
     box-shadow: none !important;
 }
 .button-row {
-    margin-top: 4px;
+    margin-top: 8px;
 }
 .big-group {
-    border: 2px solid #dadce0 !important;
-    border-radius: 15px !important;
-    padding: 28px 12px 24px 12px !important;
-    margin-top: 16px !important;
-    margin-bottom: 16px !important;
-    background: #FAFAFA !important;
-    box-shadow: 0 2px 6px 0 rgba(60,64,67,.11),0 1.5px 5px 0 rgba(60,64,67,.11);
+    background: #F5F6F7 !important;
+    border: 2px solid #e0e2e5 !important;
+    border-radius: 18px !important;
+    padding: 28px 18px 24px 18px !important;
+    margin-top: 28px !important;
+    margin-bottom: 18px !important;
+    box-shadow: 0 3px 12px 2px rgba(60,64,67,.14);
 }
 .big-title {
-    font-size: 22px;
+    font-size: 25px;
     font-weight: bold;
-    margin-bottom: 14px;
-    margin-left: 6px;
-    color: #ff7f1f;
+    margin-bottom: 18px;
+    margin-left: 4px;
+    color: #343434;
+    letter-spacing: 1px;
+}
+.gr-image, .gr-image-preview {
+    border-radius: 10px !important;
+    background: #fff !important;
+    box-shadow: 0 2px 12px 0 rgba(60,64,67,.08);
+}
+.gr-box .gr-block.gr-group {
+    box-shadow: none;
+    border: none;
 }
 """