update css

app.py

@@ -187,7 +187,7 @@ css = """
 /* 让图片和标签容器固定宽度 300px，并紧贴无缝 */
 .image-label-container {
     width: 300px;
-    margin: 0 auto;
+    margin: 0 auto !important;
     display: block;
     position: relative;
     text-align: center;
@@ -195,16 +195,24 @@ css = """
     border: none !important;
 }
 
+/* >>>>>> 关键：消除图片和下方label的所有间隔 <<<<<< */
 .image-label-container .gr-image,
 .image-label-container .gr-image-preview,
+.image-label-container img,
+.image-label-container .img-label-bar {
+    margin-bottom: 0 !important;
+    margin-top: 0 !important;
+    padding-bottom: 0 !important;
+    padding-top: 0 !important;
+    display: block !important;
+    vertical-align: bottom !important;
+}
+
+.image-label-container .gr-image .gr-image-img,
+.image-label-container .gr-image-preview .gr-image-img,
 .image-label-container img {
-    width: 300px !important;
-    height: 300px !important;
     margin: 0 !important;
     padding: 0 !important;
-    border-radius: 10px 10px 0 0 !important;
-    background: #fff !important;
-    box-shadow: 0 2px 12px 0 rgba(60,64,67,.08);
     display: block !important;
     vertical-align: bottom !important;
 }
@@ -213,7 +221,6 @@ css = """
     width: 300px;
     text-align: center !important;
     display: block;
-    margin: 0 !important;
     background: rgb(76, 180, 184);
     color: #fff;
     padding: 6px 0;
@@ -223,11 +230,17 @@ css = """
     font-weight: normal;
 }
 
-.image-label-container .gr-image .gr-image-img,
-.image-label-container .gr-image-preview .gr-image-img,
+/* 图片也圆角，label贴合图片 */
+.image-label-container .gr-image,
+.image-label-container .gr-image-preview,
 .image-label-container img {
+    width: 300px !important;
+    height: 300px !important;
     margin: 0 !important;
     padding: 0 !important;
+    border-radius: 10px 10px 0 0 !important;
+    background: #fff !important;
+    box-shadow: 0 2px 12px 0 rgba(60,64,67,.08);
     display: block !important;
     vertical-align: bottom !important;
 }