diff --git a/wwwroot/index.ui b/wwwroot/index.ui
index 1fd46dc..c55127a 100644
--- a/wwwroot/index.ui
+++ b/wwwroot/index.ui
@@ -1,187 +1,58 @@
 {
     "widgettype": "VBox",
-    "options": {
-        "width": "100%",
-        "height": "100%",
-        "padding": "0"
-    },
+    "options": {"width": "100%", "height": "100%", "padding": "0"},
     "subwidgets": [
         {
             "widgettype": "HBox",
-            "options": {
-                "width": "100%",
-                "alignItems": "center",
-                "marginBottom": "24px"
-            },
+            "options": {"width": "100%", "alignItems": "center", "marginBottom": "20px"},
             "subwidgets": [
-                {
-                    "widgettype": "Title2",
-                    "options": {
-                        "text": "产线管理"
-                    }
-                },
-                {
-                    "widgettype": "Filler"
-                },
-                {
-                    "widgettype": "Text",
-                    "options": {
-                        "text": "产线定义、步骤配置与发布管理",
-                        "cfontsize": 1.2
-                    }
-                }
+                {"widgettype": "Title2", "options": {"text": "产线管理"}},
+                {"widgettype": "Filler"},
+                {"widgettype": "Text", "options": {"text": "产线定义、步骤配置与发布管理", "cfontsize": 1.2}}
             ]
         },
         {
             "widgettype": "VBox",
-            "options": {
-                "css": "filler",
-                "spacing": 16
-            },
+            "options": {"css": "filler", "spacing": 16},
             "subwidgets": [
                 {
                     "widgettype": "ResponsableBox",
-                    "options": {
-                        "gap": "16px",
-                        "minWidth": "250px"
-                    },
+                    "options": {"gap": "24px", "minWidth": "260px"},
                     "subwidgets": [
                         {
                             "widgettype": "VBox",
-                            "options": {
-                                "css": "card",
-                                "cwidth": 23,
-                                "padding": "16px",
-                                "cursor": "pointer",
-                                "borderRadius": "8px"
-                            },
-                            "binds": [
-                                {
-                                    "wid": "self",
-                                    "event": "click",
-                                    "actiontype": "urlwidget",
-                                    "target": "app.pipeline_core_content",
-                                    "options": {
-                                        "url": "{{entire_url('pipelines/')}}"
-                                    },
-                                    "mode": "replace"
-                                }
-                            ],
+                            "options": {"css": "card", "cwidth": 23, "cheight": 12, "padding": "24px", "cursor": "pointer", "bgcolor": "#fff"},
+                            "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.pipeline_core_content", "options": {"url": "{{entire_url('pipelines/')}}"}, "mode": "replace"}],
                             "subwidgets": [
-                                {
-                                    "widgettype": "Svg",
-                                    "options": {
-                                        "svg": "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"2\"><path d=\"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z\"/></svg>",
-                                        "width": "28px",
-                                        "height": "28px"
-                                    }
-                                },
-                                {
-                                    "widgettype": "Title4",
-                                    "options": {
-                                        "text": "产线定义",
-                                        "marginTop": "8px"
-                                    }
-                                },
-                                {
-                                    "widgettype": "Text",
-                                    "options": {
-                                        "text": "管理产线基本信息与配置",
-                                        "cfontsize": 1.2
-                                    }
-                                }
+                                {"widgettype": "VBox", "options": {"width": "44px", "height": "44px", "bgcolor": "#EFF6FF", "borderRadius": "12px", "alignItems": "center", "justifyContent": "center", "marginBottom": "12px"}, "subwidgets": [
+                                    {"widgettype": "Svg", "options": {"svg": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"2\"><path d=\"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z\"/></svg>", "width": "24px", "height": "24px"}}
+                                ]},
+                                {"widgettype": "Title3", "options": {"text": "产线定义", "marginBottom": "4px"}},
+                                {"widgettype": "Text", "options": {"text": "管理产线基本信息与配置", "cfontsize": 1.2}}
                             ]
                         },
                         {
                             "widgettype": "VBox",
-                            "options": {
-                                "css": "card",
-                                "cwidth": 23,
-                                "padding": "16px",
-                                "cursor": "pointer",
-                                "borderRadius": "8px"
-                            },
-                            "binds": [
-                                {
-                                    "wid": "self",
-                                    "event": "click",
-                                    "actiontype": "urlwidget",
-                                    "target": "app.pipeline_core_content",
-                                    "options": {
-                                        "url": "{{entire_url('pipeline_steps/')}}"
-                                    },
-                                    "mode": "replace"
-                                }
-                            ],
+                            "options": {"css": "card", "cwidth": 23, "cheight": 12, "padding": "24px", "cursor": "pointer", "bgcolor": "#fff"},
+                            "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.pipeline_core_content", "options": {"url": "{{entire_url('pipeline_steps/')}}"}, "mode": "replace"}],
                             "subwidgets": [
-                                {
-                                    "widgettype": "Svg",
-                                    "options": {
-                                        "svg": "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22C55E\" stroke-width=\"2\"><path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"/></svg>",
-                                        "width": "28px",
-                                        "height": "28px"
-                                    }
-                                },
-                                {
-                                    "widgettype": "Title4",
-                                    "options": {
-                                        "text": "产线步骤",
-                                        "marginTop": "8px"
-                                    }
-                                },
-                                {
-                                    "widgettype": "Text",
-                                    "options": {
-                                        "text": "配置产线执行步骤与参数",
-                                        "cfontsize": 1.2
-                                    }
-                                }
+                                {"widgettype": "VBox", "options": {"width": "44px", "height": "44px", "bgcolor": "#F0FDF4", "borderRadius": "12px", "alignItems": "center", "justifyContent": "center", "marginBottom": "12px"}, "subwidgets": [
+                                    {"widgettype": "Svg", "options": {"svg": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22C55E\" stroke-width=\"2\"><path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"/></svg>", "width": "24px", "height": "24px"}}
+                                ]},
+                                {"widgettype": "Title3", "options": {"text": "产线步骤", "marginBottom": "4px"}},
+                                {"widgettype": "Text", "options": {"text": "配置产线执行步骤与参数", "cfontsize": 1.2}}
                             ]
                         },
                         {
                             "widgettype": "VBox",
-                            "options": {
-                                "css": "card",
-                                "cwidth": 23,
-                                "padding": "16px",
-                                "cursor": "pointer",
-                                "borderRadius": "8px"
-                            },
-                            "binds": [
-                                {
-                                    "wid": "self",
-                                    "event": "click",
-                                    "actiontype": "urlwidget",
-                                    "target": "app.pipeline_core_content",
-                                    "options": {
-                                        "url": "{{entire_url('pipeline_versions/')}}"
-                                    },
-                                    "mode": "replace"
-                                }
-                            ],
+                            "options": {"css": "card", "cwidth": 23, "cheight": 12, "padding": "24px", "cursor": "pointer", "bgcolor": "#fff"},
+                            "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.pipeline_core_content", "options": {"url": "{{entire_url('pipeline_versions/')}}"}, "mode": "replace"}],
                             "subwidgets": [
-                                {
-                                    "widgettype": "Svg",
-                                    "options": {
-                                        "svg": "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"2\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>",
-                                        "width": "28px",
-                                        "height": "28px"
-                                    }
-                                },
-                                {
-                                    "widgettype": "Title4",
-                                    "options": {
-                                        "text": "发布记录",
-                                        "marginTop": "8px"
-                                    }
-                                },
-                                {
-                                    "widgettype": "Text",
-                                    "options": {
-                                        "text": "查看产线版本发布历史",
-                                        "cfontsize": 1.2
-                                    }
-                                }
+                                {"widgettype": "VBox", "options": {"width": "44px", "height": "44px", "bgcolor": "#FFFBEB", "borderRadius": "12px", "alignItems": "center", "justifyContent": "center", "marginBottom": "12px"}, "subwidgets": [
+                                    {"widgettype": "Svg", "options": {"svg": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"2\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>", "width": "24px", "height": "24px"}}
+                                ]},
+                                {"widgettype": "Title3", "options": {"text": "发布记录", "marginBottom": "4px"}},
+                                {"widgettype": "Text", "options": {"text": "查看产线版本发布历史", "cfontsize": 1.2}}
                             ]
                         }
                     ]
@@ -189,11 +60,7 @@
                 {
                     "widgettype": "VScrollPanel",
                     "id": "pipeline_core_content",
-                    "options": {
-                        "css": "filler",
-                        "width": "100%",
-                        "height": "100%"
-                    }
+                    "options": {"css": "filler", "width": "100%", "height": "100%"}
                 }
             ]
         }