Restore exact original purple and lime palette

Restore the original paper.css, original.css and studio.css without modification, with the original sidebar brand and layout. Keep Chinese UI, all 22 cases and the pinned GroundingPI account model. Local 51 tests and release asset fingerprint pass.

README.md

@@ -1,7 +1,7 @@
 ---
 title: GroundingPI 视觉感知工作台
 emoji: 🎯
-colorFrom: blue
+colorFrom: purple
 colorTo: green
 sdk: gradio
 sdk_version: 5.49.1
@@ -14,7 +14,7 @@ models:
 
 # GroundingPI · 视觉感知工作台
 
-中文视觉感知 demo。支持目标检测、密集检测、描述定位、三类点定位、视觉提示、OCR 与 GUI 定位，共 9 类任务、22 张原始案例。
+沿用原版紫色与黄绿色配色、浅紫背景和双栏布局的中文视觉感知 demo。支持目标检测、密集检测、描述定位、三类点定位、视觉提示、OCR 与 GUI 定位，共 9 类任务、22 张原始案例。
 
 模型固定为公开的 `GroundingPI/GroundingPI`，修订版本为 `127b0e1c54c68f24bf769a80067521b815b695dd`。保留模型原生处理器、聊天模板和 GAM 输出协议，中文 OCR 标签使用随项目打包的 Noto Sans CJK。
 

app.py

@@ -278,10 +278,22 @@ def service_status():
     )
 
 
-CSS = (ROOT / "assets" / "native.css").read_text(encoding="utf-8")
-HOST_HEAD = """<style>
-gradio-app:has(#console) .gradio-container {max-width:1280px!important;margin:0 auto!important;padding:24px!important;}
-@media(max-width:760px){gradio-app:has(#console) .gradio-container{padding:14px!important;}}
+CSS = (ROOT / "assets" / "paper.css").read_text(encoding="utf-8")
+CSS += "\n" + (ROOT / "assets" / "original.css").read_text(encoding="utf-8")
+CSS += "\n" + (ROOT / "assets" / "studio.css").read_text(encoding="utf-8")
+CSS = CSS.replace(
+    "__MANROPE_DATA__",
+    base64.b64encode((ROOT / "assets" / "Manrope-variable.ttf").read_bytes()).decode(),
+)
+# Gradio 5 scopes css= rules inside .contain, including media-query selectors.
+# Host sizing must live in head; workbench styling remains scoped.
+HOST_HEAD = """<style id="grounding-host-layout">
+gradio-app:has(#console) .gradio-container { width:100%!important; max-width:1440px!important; min-width:0!important; box-sizing:border-box; overflow:clip!important; padding:28px 32px 32px!important; margin:0 auto!important; }
+gradio-app:has(#console) .gradio-container>main { width:100%!important; max-width:none!important; min-width:0!important; padding:0!important; }
+gradio-app:has(#console) .gradio-container .contain { max-width:none!important; }
+gradio-app:has(#console) footer:not(.studio-footer) { display:none!important; }
+@media(max-width:760px) { gradio-app:has(#console) .gradio-container { padding:16px 14px!important; } }
+@media(max-width:430px) { gradio-app:has(#console) .gradio-container { padding:12px 10px!important; } }
 </style>"""
 JS = (ROOT / "assets" / "console.js").read_text(encoding="utf-8")
 first_route = "grounding"
@@ -292,16 +304,20 @@ with gr.Blocks(
     js=JS,
     head=HOST_HEAD,
     title="GroundingPI · 视觉感知工作台",
-    theme=gr.themes.Default(font=["Arial", "PingFang SC", "Microsoft YaHei", "sans-serif"], font_mono=["ui-monospace", "monospace"]),
+    theme=gr.themes.Base(font=["Manrope", "sans-serif"], font_mono=["ui-monospace", "monospace"]),
     analytics_enabled=False,
 ) as demo:
     image_state = gr.State(str(ROOT / first_case["image"]))
     case_state = gr.State(first_case["id"])
-    gr.Markdown("# GroundingPI\n视觉定位、文字识别与交互目标探索 · 9 类任务 / 22 张案例")
     with gr.Column(elem_id="console"):
         with gr.Row(elem_id="workspace-top", equal_height=True):
             with gr.Column(scale=3, min_width=280, elem_id="controls"):
-                gr.Markdown("### 输入")
+                gr.HTML(
+                    """<div class="control-brand">
+                      <h2>Grounding<span>PI</span></h2>
+                      <p>面向物理智能的视觉基元。</p>
+                    </div>"""
+                )
                 with gr.Column(elem_id="control-settings"):
                     with gr.Row(elem_id="control-fields"):
                         gr.HTML(
@@ -351,7 +367,7 @@ with gr.Blocks(
                         type="filepath",
                         interactive=False,
                         show_label=False,
-                        height=440,
+                        height=400,
                         elem_id="stage-image",
                         show_download_button=False,
                         show_share_button=False,
@@ -379,7 +395,7 @@ with gr.Blocks(
                     query = gr.Textbox(
                         value=query_from_prompt(first_case["prompt"], first_route),
                         label="描述你的目标",
-                        show_label=True,
+                        show_label=False,
                         lines=2,
                         max_lines=4,
                         placeholder=TASK_HELP[first_route][3],
@@ -392,13 +408,13 @@ with gr.Blocks(
         with gr.Row(elem_id="review-row", equal_height=True):
             with gr.Column(scale=4, min_width=320, elem_id="sandbox-panel"):
                 gr.HTML(
-                    "<div class='film-heading'><h2>示例图像</h2></div>"
+                    "<div class='film-heading'><h2>探索案例</h2><small>精选视觉场景</small></div>"
                 )
                 gallery = gr.Gallery(
                     value=gallery_items(first_route),
                     columns=3,
                     rows=1,
-                    height=190,
+                    height=170,
                     show_label=False,
                     allow_preview=False,
                     object_fit="cover",
@@ -411,7 +427,7 @@ with gr.Blocks(
             with gr.Column(scale=6, min_width=420, elem_id="review-summary"):
                 with gr.Row(elem_id="result-columns", equal_height=True):
                     with gr.Column(scale=4, min_width=200, elem_id="metrics-panel"):
-                        gr.Markdown("### 解析概览")
+                        gr.HTML("<h2 class='inspector-subheading'>推理指标</h2>")
                         metrics = gr.HTML(metrics_html(ROUTE_META[first_route][0]))
                     with gr.Column(scale=6, min_width=240, elem_id="sidebar"):
                         gr.HTML(

docs/ui_case_pool_22_lock.json

@@ -1,6 +1,6 @@
 {
   "files": {
-    "app.py": "11ba24d8264b7a5b5bb9c3aafbb45df3d7ef36adaf556938a74e731e59885dc5",
+    "app.py": "a5966d2b8dfbe7adf31e6b9542cafcdf6b3198b25661cc97c5580dda680ecf6c",
     "assets/Manrope-OFL.txt": "e01b637272e0cbdfb240184dd98ea5cc671556d9894dae2668d92ab2c906787c",
     "assets/Manrope-variable.ttf": "d0639be45d0af36e798172419d7bd173c4bd4f29e2b76cbb69db1d11bf8b0a40",
     "assets/NotoSansCJK-OFL.txt": "6a73f9541c2de74158c0e7cf6b0a58ef774f5a780bf191f2d7ec9cc53efe2bf2",