diff --git a/apps/web-antd/src/views/erp/purchase/order/modules/PurchaseOrderItemForm.vue b/apps/web-antd/src/views/erp/purchase/order/modules/PurchaseOrderItemForm.vue
index f1725432..977d52a2 100644
--- a/apps/web-antd/src/views/erp/purchase/order/modules/PurchaseOrderItemForm.vue
+++ b/apps/web-antd/src/views/erp/purchase/order/modules/PurchaseOrderItemForm.vue
@@ -232,9 +232,9 @@ defineExpose({ validate, getData, init });
 
     <template #bottom>
       <!-- 合计行 -->
-      <div class="mt-2 border bg-gray-50 p-2">
-        <div class="flex justify-between text-sm">
-          <span class="font-medium">合计：</span>
+      <div class="border-border bg-muted mt-2 rounded border p-2">
+        <div class="text-muted-foreground flex justify-between text-sm">
+          <span class="text-foreground font-medium">合计：</span>
           <div class="flex space-x-4">
             <span>数量：{{ getSummaries().count }}</span>
             <span>金额：{{ getSummaries().totalProductPrice }}</span>
diff --git a/apps/web-antd/src/views/erp/purchase/order/modules/form.vue b/apps/web-antd/src/views/erp/purchase/order/modules/form.vue
index fc56e02d..cc3fe0c0 100644
--- a/apps/web-antd/src/views/erp/purchase/order/modules/form.vue
+++ b/apps/web-antd/src/views/erp/purchase/order/modules/form.vue
@@ -136,7 +136,7 @@ defineExpose({ modalApi });
     <Form />
 
     <!-- Tab卡片 -->
-    <div class="mt-4 rounded-lg border border-gray-200 p-2">
+    <div class="border-border bg-card mt-4 rounded-lg border p-2">
       <a-tabs default-active-key="1">
         <a-tab-pane key="1" tab="订单产品清单">
           <div class="p-4">