diff --git a/wwwroot/provider_recharge.ui b/wwwroot/provider_recharge.ui
index 5082e61..684ea0d 100644
--- a/wwwroot/provider_recharge.ui
+++ b/wwwroot/provider_recharge.ui
@@ -12,16 +12,14 @@
                 "text": "供应商充值",
                 "fontSize": "20px",
                 "fontWeight": "bold",
-                "color": "#F1F5F9",
                 "marginBottom": "16px"
             }
         },
         {
             "widgettype": "HBox",
             "options": {
-                "bgcolor": "#1E293B",
+                "css": "card",
                 "padding": "12px",
-                "borderRadius": "8px",
                 "marginBottom": "12px",
                 "gap": "16px"
             },
@@ -30,24 +28,21 @@
                     "widgettype": "Text",
                     "options": {
                         "text": "本月充值总额: --",
-                        "fontSize": "14px",
-                        "color": "#F1F5F9"
+                        "fontSize": "14px"
                     }
                 },
                 {
                     "widgettype": "Text",
                     "options": {
                         "text": "充值笔数: --",
-                        "fontSize": "14px",
-                        "color": "#F1F5F9"
+                        "fontSize": "14px"
                     }
                 },
                 {
                     "widgettype": "Text",
                     "options": {
                         "text": "待确认: --",
-                        "fontSize": "14px",
-                        "color": "#F1F5F9"
+                        "fontSize": "14px"
                     }
                 }
             ]
@@ -56,9 +51,8 @@
             "id": "provider_recharge_form",
             "widgettype": "InlineForm",
             "options": {
-                "bgcolor": "#1E293B",
+                "css": "card",
                 "padding": "12px",
-                "borderRadius": "8px",
                 "marginBottom": "12px",
                 "fields": [
                     {
@@ -117,7 +111,6 @@
                 "height": "100%",
                 "title": "供应商充值记录",
                 "css": "card",
-                "bgcolor": "#1E293B",
                 "editable": {
                     "new_data_url": "{{entire_url('./add_provider_recharge.dspy')}}",
                     "update_data_url": "{{entire_url('./update_provider_recharge.dspy')}}"