修复文字对比度问题 - 提升UI可读性

- 为主容器添加深色文字(#333)以适配浅色背景
- 确保输入/输出区域在深色梯度背景上使用白色文字
- 改善描述文字颜色对比度
- 为所有Gradio组件添加明确的文字颜色规则
- 解决白字在浅色背景上不可见的问题

app.py

@@ -164,6 +164,7 @@ css = """
 #col-container {
     margin: 0 auto;
     max-width: 1000px;
+    color: #333;
 }
 
 #input-section {
@@ -171,16 +172,19 @@ css = """
     padding: 20px;
     border-radius: 15px;
     margin-bottom: 20px;
+    color: white;
 }
 
 #output-section {
     background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
     padding: 20px;
     border-radius: 15px;
+    color: white;
 }
 
 .gradio-container {
     background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
+    color: #333;
 }
 
 #title {
@@ -195,7 +199,7 @@ css = """
 
 #description {
     text-align: center;
-    color: #666;
+    color: #444;
     font-size: 1.1em;
     margin-bottom: 30px;
     line-height: 1.6;
@@ -216,6 +220,51 @@ css = """
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(0,0,0,0.2);
 }
+
+/* Additional text contrast improvements */
+.gradio-container label {
+    color: #333 !important;
+    font-weight: 500;
+}
+
+.gradio-container .gr-form {
+    color: #333 !important;
+}
+
+.gradio-container .gr-text-input {
+    color: #333 !important;
+}
+
+.gradio-container .gr-button {
+    color: #333 !important;
+}
+
+#input-section label,
+#input-section .gr-form,
+#input-section .gr-text-input,
+#input-section .gr-button {
+    color: white !important;
+}
+
+#output-section label,
+#output-section .gr-form,
+#output-section .gr-text-input,
+#output-section .gr-button {
+    color: white !important;
+}
+
+/* Make sure markdown text is readable */
+.gradio-container .gr-markdown {
+    color: #333 !important;
+}
+
+#input-section .gr-markdown {
+    color: white !important;
+}
+
+#output-section .gr-markdown {
+    color: white !important;
+}
 """
 
 # Create the Gradio interface