2025-08-01 09:51 🚀

app.py

@@ -486,11 +486,46 @@ def predict(image: Image.Image, variant_dataset_metric: str):
 # Build Gradio Interface using Blocks for a two-column layout
 # -----------------------------
 css = """
+/* 导入科技感字体 */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&family=Fira+Code:wght@300;400;500;600&display=swap');
+
 /* 基础样式 - 保持功能性 */
 .gradio-container {
     max-width: 1600px;
     margin: 0 auto;
     padding: 20px;
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
+}
+
+/* 标题使用科技感字体 */
+.gr-markdown h1 {
+    font-family: 'JetBrains Mono', 'Fira Code', monospace;
+    font-weight: 700;
+    text-align: center;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    letter-spacing: -0.02em;
+}
+
+.gr-markdown h2, .gr-markdown h3 {
+    font-family: 'Inter', sans-serif;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+}
+
+/* 代码和技术文本使用等宽字体 */
+.gr-textbox[label*="Status"], 
+.gr-textbox[label*="Count"],
+code, pre {
+    font-family: 'JetBrains Mono', 'Fira Code', 'Roboto Mono', monospace;
+}
+
+/* 按钮使用现代字体 */
+.gr-button {
+    font-family: 'Inter', sans-serif;
+    font-weight: 600;
+    letter-spacing: 0.01em;
 }
 
 /* 简单的分割线样式 */
@@ -542,7 +577,7 @@ with gr.Blocks(css=css, theme=gr.themes.Soft(), title="ZIP Crowd Counting") as d
     """)
     
     # 添加信息面板
-    with gr.Accordion("ℹ️ About ZIP", open=False):
+    with gr.Accordion("ℹ️ About ZIP", open=True):
         gr.Markdown("""
         **ZIP (Zero-Inflated Poisson)** is a framework designed for crowd counting, a task where the goal is to estimate how many people are present in an image. It was introduced in the paper [ZIP: Scalable Crowd Counting via Zero-Inflated Poisson Modeling](https://arxiv.org/abs/2506.19955).
         ZIP is based on a simple idea: not all empty areas in an image mean the same thing. Some regions are empty because there are truly no people there (like walls or sky), while others are places where people could appear but just happen not to in this particular image. ZIP separates these two cases using two prediction heads:
@@ -692,7 +727,7 @@ with gr.Blocks(css=css, theme=gr.themes.Soft(), title="ZIP Crowd Counting") as d
         )
     
     # 添加使用说明
-    with gr.Accordion("📖 How to Use", open=False):
+    with gr.Accordion("📖 How to Use", open=True):
         gr.Markdown("""
         ### Step-by-step Guide:
         
@@ -717,7 +752,7 @@ with gr.Blocks(css=css, theme=gr.themes.Soft(), title="ZIP Crowd Counting") as d
         """)
     
     # 添加技术信息
-    with gr.Accordion("🔬 Technical Details", open=False):
+    with gr.Accordion("🔬 Technical Details", open=True):
         gr.Markdown("""
         ### Model Variants:
         - **ZIP-B**: Base model with best performance