Upload app.py

app.py

@@ -233,14 +233,26 @@ body {
 .gr-button:hover {
     background-color: #45a049 !important;
 }
+.input-background {
+    background-color: #e6f7ff !important;
+    padding: 15px !important;
+    border-radius: 10px !important;
+    margin-bottom: 15px !important;
+}
+.row-background {
+    background-color: #fff0f5 !important;
+    padding: 15px !important;
+    border-radius: 10px !important;
+    margin-bottom: 15px !important;
+}
 """
 
 with gr.Blocks(theme=gr.themes.Monochrome(), css=custom_css) as iface:
     gr.Markdown("# 🎙️ 自動生成 Podcast 節目及音檔。系統布署：江信宗。 🎙️", elem_classes="center-aligned")
     
-    input_text = gr.Textbox(label="請輸入 Podcast 話題（建議50~500字之間）", placeholder="輸入 Podcast 話題簡易內容......")
+    input_text = gr.Textbox(label="請輸入 Podcast 話題（建議50~500字之間）", placeholder="輸入 Podcast 話題內容，越詳細劇本越佳......", elem_classes="input-background")
     
-    with gr.Row():
+    with gr.Row(elem_classes="row-background"):
         Language = gr.Dropdown(
             choices=["繁體中文", "Auto Detect", "English", "日本語", "한국어"], 
             value="繁體中文", 
@@ -289,7 +301,7 @@ with gr.Blocks(theme=gr.themes.Monochrome(), css=custom_css) as iface:
             scale=2
         )
     
-    with gr.Row():
+    with gr.Row(elem_classes="row-background"):
         generate_button = gr.Button("生成", scale=2, elem_classes="gen-button")
         api_key = gr.Textbox(label="API Key", type="password", placeholder="API authentication key for large language models", scale=1)