1

app.py

@@ -289,48 +289,10 @@ CUSTOM_CSS = """
     --border: #30363d;
 }
 
-/* ========== 1. TOP GRADIENT BAR ========== */
-/* Inject a full-width gradient strip at the very top of the page */
-body > gradio-app::before,
-.gradio-container > *:first-child::before {
-    content: '';
-    display: block;
-    height: 0;
-}
-
-/* Use a pseudo-element on the outermost wrapper Gradio renders */
-.app.svelte-182fdeq::before,
-footer ~ *::before {
-    display: none;
-}
-
-/* Reliable approach: prepend a fixed bar via the container's outline */
 .gradio-container {
     font-family: 'DM Sans', sans-serif !important;
     max-width: 1100px !important;
     margin: auto !important;
-    /* top gradient bar using outline trick */
-    outline: none;
-    position: relative;
-}
-
-.gradio-container::before {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 5px;
-    background: linear-gradient(90deg,
-        #FE9EC7 0%,
-        #F9F6C4 33%,
-        #89D4FF 66%,
-        #44ACFF 100%
-    );
-    border-radius: 3px 3px 0 0;
-    z-index: 100;
-    pointer-events: none;
 }
 
 /* ---------- Badge links ---------- */
@@ -554,7 +516,7 @@ def build_ui():
         # ================================================================
         with gr.Row(equal_height=True):
             with gr.Column(scale=1):
-                gr.Markdown("🎙️ 音频输入 / Audio Inputs", elem_classes="section-title")
+                gr.Markdown("#### 🎙️ 音频输入 / Audio Inputs")
                 ref_audio = gr.Audio(
                     label="参考音频 / Reference Audio（提供音色 / Provides timbre）",
                     type="filepath",
@@ -564,7 +526,7 @@ def build_ui():
                     type="filepath",
                 )
             with gr.Column(scale=1):
-                gr.Markdown("✏️ 歌词输入 / Lyrics", elem_classes="section-title")
+                gr.Markdown("#### ✏️ 歌词输入 / Lyrics")
                 ref_text = gr.Textbox(
                     label="参考音频歌词 / Reference Lyrics",
                     placeholder="例如 / e.g.：该体谅的不执着|如果那天我",
@@ -580,19 +542,19 @@ def build_ui():
         # ROW 2 – 预设示例
         # ================================================================
         gr.HTML("<hr style='border-color:#30363d; margin: 16px 0 12px;'>")
-        gr.Markdown("🎵 预设示例 / Example Presets", elem_classes="section-title")
+        gr.Markdown("#### 🎵 预设示例 / Example Presets")
         gr.Markdown(
             "<small style='color:#8b949e;'>点击任意行自动填入上方输入区域 / Click any row to auto-fill the inputs above</small>"
         )
 
         with gr.Row(visible=False):
-            _sep_flag_ex   = gr.Checkbox(value=True)
-            _mix_flag_ex   = gr.Checkbox(value=False)
-            _sil_ex        = gr.Number(value=0.5)
-            _tshift_ex     = gr.Number(value=0.5)
-            _nfe_ex        = gr.Number(value=32)
-            _cfg_ex        = gr.Number(value=3.0)
-            _seed_ex       = gr.Number(value=-1, precision=0)
+            _sep_flag_ex   = gr.Checkbox(value=True,  label="分离人声 / Separate Vocals")
+            _mix_flag_ex   = gr.Checkbox(value=False, label="混入伴奏 / Mix Accomp.")
+            _sil_ex        = gr.Number(value=0.5,  label="静音 / Silence (s)")
+            _tshift_ex     = gr.Number(value=0.5,  label="t-shift")
+            _nfe_ex        = gr.Number(value=32,   label="NFE Steps")
+            _cfg_ex        = gr.Number(value=3.0,  label="CFG")
+            _seed_ex       = gr.Number(value=-1, precision=0, label="Seed")
 
         _example_inputs = [
             ref_audio, melody_audio, ref_text, target_text,
@@ -620,7 +582,7 @@ def build_ui():
         # ROW 3 – 伴奏分离
         # ================================================================
         gr.HTML("<hr style='border-color:#30363d; margin: 16px 0 12px;'>")
-        gr.Markdown("🎚️ 伴奏分离 / Vocal Separation", elem_classes="section-title")
+        gr.Markdown("#### 🎚️ 伴奏分离 / Vocal Separation")
 
         # CHANGE 4: Use inline style colors for 参考音频 and 旋律音频
         # so they render correctly regardless of CSS specificity issues