Update app.py

app.py

@@ -62,60 +62,74 @@ def analyze_ec(expression):
 
 
 
-# ---- 前端 UI（升级美化版） ----
+# ---- UI（Gradio 3.x 兼容，美化版，不含 gr.Box） ----
 with gr.Blocks(
-    theme=gr.themes.Soft(
-        primary_hue="indigo",
-        secondary_hue="blue",
-        neutral_hue="gray",
-        radius_size="md",
-        text_size="lg",
-    ),
     css="""
-    .gradio-container {background: linear-gradient(135deg, #eef2ff, #e0f2fe);}
     .card {
-        background: rgba(255, 255, 255, 0.73);
-        padding: 18px;
+        background: rgba(255, 255, 255, 0.78);
+        padding: 15px;
         border-radius: 12px;
-        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
         margin-bottom: 12px;
     }
+    .title-area {
+        text-align:center;
+        margin-bottom: 20px;
+    }
+    .title-area h1 {
+        color:#334155;
+        margin-bottom:5px;
+    }
+    .title-area h3 {
+        color:#475569;
+        font-weight: normal;
+    }
+    body {
+        background: linear-gradient(135deg, #eef2ff, #e0f2fe);
+    }
     """
 ) as demo:
 
-    gr.Markdown(
-        """
-        <div style='text-align:center; margin-bottom: 20px;'>
-            <h1 style='color:#334155;'>🧠 Entrenchment & Conventionalization Model</h1>
-            <h3 style='color:#475569;'>语言固着（E） × 社群常规化（C）的动态可视化平台</h3>
-        </div>
-        """
-    )
+    # 页面标题
+    gr.HTML("""
+    <div class='title-area'>
+        <h1>🧠 Entrenchment & Conventionalization Model</h1>
+        <h3>语言固着（E） × 社群常规化（C）的动态可视化平台</h3>
+    </div>
+    """)
 
     with gr.Row():
+        # 输入区
         with gr.Column(scale=1):
-            with gr.Box(elem_classes="card"):
-                expression = gr.Textbox(
-                    label="输入一个表达",
-                    placeholder="如：kind of / 内卷 / OMG / 摆烂",
-                )
-                btn = gr.Button("生成 E&C 分析", variant="primary")
-
+            gr.HTML("<div class='card'>")
+            expression = gr.Textbox(
+                label="输入一个表达",
+                placeholder="如：kind of / 内卷 / OMG / 摆烂",
+            )
+            btn = gr.Button("生成 E&C 分析")
+            gr.HTML("</div>")
+
+        # 输出区
         with gr.Column(scale=2):
-            with gr.Box(elem_classes="card"):
-                output_text = gr.Markdown("等待输入表达…")
+
+            gr.HTML("<div class='card'>")
+            output_text = gr.Markdown("等待输入表达…")
+            gr.HTML("</div>")
 
             with gr.Row():
                 with gr.Column():
-                    with gr.Box(elem_classes="card"):
-                        fig1 = gr.Plot(label="Entrenchment Curve")
+                    gr.HTML("<div class='card'>")
+                    fig1 = gr.Plot()
+                    gr.HTML("</div>")
 
                 with gr.Column():
-                    with gr.Box(elem_classes="card"):
-                        fig2 = gr.Plot(label="Conventionalization Curve")
+                    gr.HTML("<div class='card'>")
+                    fig2 = gr.Plot()
+                    gr.HTML("</div>")
 
-            with gr.Box(elem_classes="card"):
-                ec_summary = gr.Markdown("")
+            gr.HTML("<div class='card'>")
+            ec_summary = gr.Markdown("")
+            gr.HTML("</div>")
 
     btn.click(analyze_ec, inputs=[expression],
               outputs=[output_text, fig1, fig2, ec_summary])