修改“介绍卡片”和“INPUT、OUTPUT”的圆角

app.py

@@ -88,6 +88,8 @@ APP_CSS = """
     --vg-muted: #667085;
     --vg-line: #eceef5;
     --vg-soft: #f6f7fb;
+    --vg-radius: 20px;
+    --vg-radius-sm: 10px;
 }
 :root:root:root:root main {
     max-width: 1160px;
@@ -101,9 +103,21 @@ APP_CSS = """
 .voicegate-card {
     background: #ffffff;
     border: 1px solid var(--vg-line);
-    border-radius: 8px;
+    border-radius: var(--vg-radius) !important;
     padding: 12px;
     box-shadow: none;
+    overflow: hidden;
+}
+
+/* Gradio may attach elem_classes to an outer wrapper while the visible block is a
+   child element. Apply the same rounded corner to both so the final rendered card
+   never appears square. */
+.voicegate-card.block,
+.voicegate-card > .block,
+.voicegate-card > div,
+.voicegate-card > div > .block {
+    border-radius: var(--vg-radius) !important;
+    overflow: hidden;
 }
 .voicegate-intro {
     margin: 10px 0 12px;
@@ -144,7 +158,7 @@ APP_CSS = """
     align-items: center;
     justify-content: center;
     border: 1px solid rgba(99, 102, 199, 0.34);
-    border-radius: 6px;
+    border-radius: var(--vg-radius-sm);
     padding: 6px 12px;
     color: var(--vg-primary) !important;
     background: #ffffff;
@@ -160,7 +174,7 @@ APP_CSS = """
     display: inline-flex;
     align-items: center;
     margin: 0 0 10px;
-    border-radius: 6px;
+    border-radius: var(--vg-radius-sm);
     padding: 5px 8px;
     background: #ececf1;
     color: var(--vg-ink);
@@ -206,6 +220,20 @@ APP_CSS = """
     font-size: 13px;
 }
 
+/* Match FaceFusion-like softly rounded inner controls without adding extra boxes. */
+.voicegate-card input,
+.voicegate-card textarea,
+.voicegate-card select,
+.voicegate-card button,
+.voicegate-card .wrap,
+.voicegate-card .container,
+.voicegate-card .input-container,
+.voicegate-card .dropdown-arrow,
+.voicegate-card details,
+.voicegate-card details > summary {
+    border-radius: var(--vg-radius-sm) !important;
+}
+
 /* Make accordions look like simple rows instead of another nested card. */
 .voicegate-card details,
 .voicegate-card details > summary {
@@ -304,7 +332,7 @@ def voicegate_theme() -> gr.Theme:
     return gr.themes.Base(
         primary_hue=primary,
         secondary_hue=gr.themes.colors.neutral,
-        radius_size=gr.themes.sizes.radius_sm,
+        radius_size=gr.themes.sizes.radius_md,
         font=[gr.themes.GoogleFont("Open Sans"), "ui-sans-serif", "system-ui", "sans-serif"],
     ).set(
         background_fill_primary="*neutral_100",