diff --git a/frontend/src/pages/orders/index.vue b/frontend/src/pages/orders/index.vue
index f1b5474..3eb4f25 100644
--- a/frontend/src/pages/orders/index.vue
+++ b/frontend/src/pages/orders/index.vue
@@ -167,7 +167,7 @@ async function handleViewDetail(record: { id: number }) {
     <h2 class="text-xl font-semibold mb-4">订单管理</h2>
 
     <!-- Filter area -->
-    <a-card class="mb-6">
+    <a-card style="margin-bottom: 24px">
       <a-form layout="inline" @submit.prevent="handleSearch">
         <a-form-item>
           <CascadeFilter v-model="store.cascadeValue" />
diff --git a/frontend/src/pages/products/index.vue b/frontend/src/pages/products/index.vue
index f5cd785..6ed78a6 100644
--- a/frontend/src/pages/products/index.vue
+++ b/frontend/src/pages/products/index.vue
@@ -121,7 +121,7 @@ async function handleViewDetail(record: { id: number }) {
     <h2 class="text-xl font-semibold mb-4">产品管理</h2>
 
     <!-- Filter area -->
-    <a-card class="mb-6">
+    <a-card style="margin-bottom: 24px">
       <a-form layout="inline" @submit.prevent="handleSearch">
         <a-form-item>
           <CascadeFilter v-model="store.cascadeValue" />
diff --git a/frontend/src/pages/refunds/index.vue b/frontend/src/pages/refunds/index.vue
index 3d29a6d..7b2cc1f 100644
--- a/frontend/src/pages/refunds/index.vue
+++ b/frontend/src/pages/refunds/index.vue
@@ -141,7 +141,7 @@ async function handleViewDetail(record: { id: number }) {
     <h2 class="text-xl font-semibold mb-4">退款管理</h2>
 
     <!-- Filter area -->
-    <a-card class="mb-6">
+    <a-card style="margin-bottom: 24px">
       <a-form layout="inline" @submit.prevent="handleSearch">
         <a-form-item>
           <CascadeFilter v-model="store.cascadeValue" />