diff --git a/wwwroot/index.ui b/wwwroot/index.ui
index 69aed72..4b70331 100644
--- a/wwwroot/index.ui
+++ b/wwwroot/index.ui
@@ -1,58 +1,168 @@
 {
     "widgettype": "VBox",
-    "options": {"width": "100%", "height": "100%", "padding": "20px"},
+    "options": {
+        "width": "100%",
+        "height": "100%",
+        "padding": "0",
+        "bgcolor": "#0B1120"
+    },
     "subwidgets": [
         {
-            "widgettype": "Text",
-            "options": {"text": "产品管理", "fontSize": "24px", "fontWeight": "bold", "marginBottom": "20px"}
+            "widgettype": "HBox",
+            "options": {
+                "width": "100%",
+                "alignItems": "center",
+                "padding": "16px 24px",
+                "marginBottom": "0"
+            },
+            "subwidgets": [
+                {
+                    "widgettype": "Title2",
+                    "options": {
+                        "text": "产品管理",
+                        "color": "#F1F5F9",
+                        "fontWeight": "700"
+                    }
+                },
+                {
+                    "widgettype": "Filler"
+                },
+                {
+                    "widgettype": "Text",
+                    "options": {
+                        "text": "产品类别、产品信息与运营商配置管理",
+                        "fontSize": "14px",
+                        "color": "#64748B"
+                    }
+                }
+            ]
         },
         {
             "widgettype": "ResponsableBox",
-            "options": {"gap": "16px", "minWidth": "280px"},
+            "options": {
+                "gap": "12px",
+                "minWidth": "200px",
+                "padding": "0 24px 16px 24px"
+            },
             "subwidgets": [
                 {
                     "widgettype": "VBox",
-                    "options": {"backgroundColor": "#FFFFFF", "padding": "24px", "borderRadius": "8px", "cursor": "pointer", "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"},
-                    "binds": [{
-                        "wid": "self", "event": "click", "actiontype": "urlwidget",
-                        "target": "app.product_content",
-                        "options": {"url": "{{entire_url('category_manage.ui')}}"},
-                        "mode": "replace"
-                    }],
+                    "options": {
+                        "bgcolor": "#1E293B",
+                        "padding": "16px 24px",
+                        "borderRadius": "8px",
+                        "border": "1px solid #334155",
+                        "cursor": "pointer"
+                    },
+                    "binds": [
+                        {
+                            "wid": "self",
+                            "event": "click",
+                            "actiontype": "urlwidget",
+                            "target": "app.product_content",
+                            "options": {
+                                "url": "{{entire_url('category_manage.ui')}}"
+                            },
+                            "mode": "replace"
+                        }
+                    ],
                     "subwidgets": [
-                        {"widgettype": "Text", "options": {"text": "\uD83D\uDCC1", "fontSize": "32px", "marginBottom": "8px"}},
-                        {"widgettype": "Text", "options": {"text": "产品类别管理", "fontSize": "16px", "fontWeight": "bold"}},
-                        {"widgettype": "Text", "options": {"text": "管理产品类别树结构，配置类别属性", "fontSize": "12px", "color": "#666666", "marginTop": "4px"}}
+                        {
+                            "widgettype": "Title5",
+                            "options": {
+                                "text": "产品类别管理",
+                                "color": "#F1F5F9",
+                                "fontWeight": "600"
+                            }
+                        },
+                        {
+                            "widgettype": "Text",
+                            "options": {
+                                "text": "管理产品类别树结构，配置类别属性",
+                                "fontSize": "12px",
+                                "color": "#94A3B8"
+                            }
+                        }
                     ]
                 },
                 {
                     "widgettype": "VBox",
-                    "options": {"backgroundColor": "#FFFFFF", "padding": "24px", "borderRadius": "8px", "cursor": "pointer", "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"},
-                    "binds": [{
-                        "wid": "self", "event": "click", "actiontype": "urlwidget",
-                        "target": "app.product_content",
-                        "options": {"url": "{{entire_url('product_manage.ui')}}"},
-                        "mode": "replace"
-                    }],
+                    "options": {
+                        "bgcolor": "#1E293B",
+                        "padding": "16px 24px",
+                        "borderRadius": "8px",
+                        "border": "1px solid #334155",
+                        "cursor": "pointer"
+                    },
+                    "binds": [
+                        {
+                            "wid": "self",
+                            "event": "click",
+                            "actiontype": "urlwidget",
+                            "target": "app.product_content",
+                            "options": {
+                                "url": "{{entire_url('product_manage.ui')}}"
+                            },
+                            "mode": "replace"
+                        }
+                    ],
                     "subwidgets": [
-                        {"widgettype": "Text", "options": {"text": "\uD83D\uDCE6", "fontSize": "32px", "marginBottom": "8px"}},
-                        {"widgettype": "Text", "options": {"text": "产品管理", "fontSize": "16px", "fontWeight": "bold"}},
-                        {"widgettype": "Text", "options": {"text": "添加和管理产品，配置产品信息", "fontSize": "12px", "color": "#666666", "marginTop": "4px"}}
+                        {
+                            "widgettype": "Title5",
+                            "options": {
+                                "text": "产品管理",
+                                "color": "#F1F5F9",
+                                "fontWeight": "600"
+                            }
+                        },
+                        {
+                            "widgettype": "Text",
+                            "options": {
+                                "text": "添加和管理产品，配置产品信息",
+                                "fontSize": "12px",
+                                "color": "#94A3B8"
+                            }
+                        }
                     ]
                 },
                 {
                     "widgettype": "VBox",
-                    "options": {"backgroundColor": "#FFFFFF", "padding": "24px", "borderRadius": "8px", "cursor": "pointer", "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"},
-                    "binds": [{
-                        "wid": "self", "event": "click", "actiontype": "urlwidget",
-                        "target": "app.product_content",
-                        "options": {"url": "{{entire_url('product_type_config_manage.ui')}}"},
-                        "mode": "replace"
-                    }],
+                    "options": {
+                        "bgcolor": "#1E293B",
+                        "padding": "16px 24px",
+                        "borderRadius": "8px",
+                        "border": "1px solid #334155",
+                        "cursor": "pointer"
+                    },
+                    "binds": [
+                        {
+                            "wid": "self",
+                            "event": "click",
+                            "actiontype": "urlwidget",
+                            "target": "app.product_content",
+                            "options": {
+                                "url": "{{entire_url('product_type_config_manage.ui')}}"
+                            },
+                            "mode": "replace"
+                        }
+                    ],
                     "subwidgets": [
-                        {"widgettype": "Text", "options": {"text": "\u2699\uFE0F", "fontSize": "32px", "marginBottom": "8px"}},
-                        {"widgettype": "Text", "options": {"text": "运营商配置", "fontSize": "16px", "fontWeight": "bold"}},
-                        {"widgettype": "Text", "options": {"text": "配置运营商产品类型参数", "fontSize": "12px", "color": "#666666", "marginTop": "4px"}}
+                        {
+                            "widgettype": "Title5",
+                            "options": {
+                                "text": "运营商配置",
+                                "color": "#F1F5F9",
+                                "fontWeight": "600"
+                            }
+                        },
+                        {
+                            "widgettype": "Text",
+                            "options": {
+                                "text": "配置运营商产品类型参数",
+                                "fontSize": "12px",
+                                "color": "#94A3B8"
+                            }
+                        }
                     ]
                 }
             ]
@@ -60,6 +170,11 @@
         {
             "widgettype": "VBox",
             "id": "product_content",
-            "options": {"width": "100%", "flex": "1", "marginTop": "20px"}}
+            "css": "filler",
+            "options": {
+                "width": "100%",
+                "overflowY": "auto"
+            }
+        }
     ]
 }