final test

app.py

@@ -630,32 +630,36 @@ def vevo_tts(text, ref_wav, timbre_ref_wav=None, style_ref_text=None, src_langua
 # 创建Gradio界面
 with gr.Blocks(title="Vevo DEMO") as demo:
     gr.Markdown("# Vevo DEMO")    
+    gr.Markdown("## Controllable Zero-Shot Voice Imitation with Self-Supervised Disentanglement")
+    
     # 添加链接标签行
     with gr.Row(elem_id="links_row"):
         gr.HTML("""
-        <div style="display: flex; justify-content: center; gap: 10px; margin-bottom: 20px;">
+        <div style="display: flex; justify-content: center; gap: 8px; margin: 20px 0;">
             <a href="https://arxiv.org/abs/2502.07243" target="_blank" style="text-decoration: none;">
-                <div style="background-color: #4a4a4a; color: white; padding: 5px 10px; border-radius: 5px; display: flex; align-items: center;">
-                    <span style="background-color: #c44e52; padding: 5px 10px; border-radius: 0 5px 5px 0; margin-left: 5px;">Paper</span>
-                    <span style="padding: 5px 10px;">arXiv</span>
+                <div style="display: inline-flex; align-items: center; border-radius: 4px; overflow: hidden;">
+                    <span style="background-color: #4a4a4a; color: white; padding: 5px 8px; font-size: 14px;">arXiv</span>
+                    <span style="background-color: #c44e52; color: white; padding: 5px 8px; font-size: 14px;">Paper</span>
                 </div>
             </a>
             <a href="https://openreview.net/pdf?id=anQDiQZhDP" target="_blank" style="text-decoration: none;">
-                <div style="background-color: #4a4a4a; color: white; padding: 5px 10px; border-radius: 5px; display: flex; align-items: center;">
-                    <span style="background-color: #55a868; padding: 5px 10px; border-radius: 0 5px 5px 0; margin-left: 5px;">Paper</span>
-                    <span style="padding: 5px 10px;">ICLR</span>
+                <div style="display: inline-flex; align-items: center; border-radius: 4px; overflow: hidden;">
+                    <span style="background-color: #4a4a4a; color: white; padding: 5px 8px; font-size: 14px;">ICLR</span>
+                    <span style="background-color: #55a868; color: white; padding: 5px 8px; font-size: 14px;">Paper</span>
                 </div>
             </a>
             <a href="https://huggingface.co/amphion/Vevo" target="_blank" style="text-decoration: none;">
-                <div style="background-color: #4a4a4a; color: white; padding: 5px 10px; border-radius: 5px; display: flex; align-items: center;">
-                    <span style="background-color: #eeca3b; padding: 5px 10px; border-radius: 0 5px 5px 0; margin-left: 5px;">Model</span>
-                    <span style="padding: 5px 10px;">HuggingFace</span>
+                <div style="display: inline-flex; align-items: center; border-radius: 4px; overflow: hidden;">
+                    <span style="background-color: #4a4a4a; color: white; padding: 5px 8px; font-size: 14px;">
+                        <span style="font-size: 14px;">🤗</span> HuggingFace
+                    </span>
+                    <span style="background-color: #eeca3b; color: white; padding: 5px 8px; font-size: 14px;">Model</span>
                 </div>
             </a>
             <a href="https://github.com/open-mmlab/Amphion/tree/main/models/vc/vevo" target="_blank" style="text-decoration: none;">
-                <div style="background-color: #4a4a4a; color: white; padding: 5px 10px; border-radius: 5px; display: flex; align-items: center;">
-                    <span style="background-color: #4c72b0; padding: 5px 10px; border-radius: 0 5px 5px 0; margin-left: 5px;">Repo</span>
-                    <span style="padding: 5px 10px;">GitHub</span>
+                <div style="display: inline-flex; align-items: center; border-radius: 4px; overflow: hidden;">
+                    <span style="background-color: #4a4a4a; color: white; padding: 5px 8px; font-size: 14px;">GitHub</span>
+                    <span style="background-color: #4c72b0; color: white; padding: 5px 8px; font-size: 14px;">Repo</span>
                 </div>
             </a>
         </div>
@@ -703,10 +707,10 @@ with gr.Blocks(title="Vevo DEMO") as demo:
             with gr.Column():
                 tts_text = gr.Textbox(label="Input Text", placeholder="Enter text to synthesize...", lines=3)
                 tts_src_language = gr.Dropdown(["en", "zh", "de", "fr", "ja", "ko"], label="Text Language", value="en")
-                tts_reference = gr.Audio(label="Style Reference", type="numpy")
+                tts_reference = gr.Audio(label="Style Reference", type="numpy")                
+                tts_style_ref_text = gr.Textbox(label="Style Reference Text", placeholder="Enter style reference text...", lines=3)
                 tts_timbre_reference = gr.Audio(label="Timbre Reference", type="numpy")
                 tts_ref_language = gr.Dropdown(["en", "zh", "de", "fr", "ja", "ko"], label="Reference Audio Language", value="en")
-                tts_style_ref_text = gr.Textbox(label="Style Reference Text", placeholder="Enter style reference text...", lines=3)
                 tts_button = gr.Button("Generate")
             with gr.Column():
                 tts_output = gr.Audio(label="Result")