diff --git a/public/css/admin-base.css b/public/css/admin-base.css
index 325cd10..4cde11f 100644
--- a/public/css/admin-base.css
+++ b/public/css/admin-base.css
@@ -199,6 +199,9 @@ input.w-90{width:90px;}
 .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
 .actions-spread{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;}
 .inline-links,.card-link-list{display:flex;gap:8px;flex-wrap:wrap;}
+
+.gap-12{gap:12px;}
+
 .focus-box,.nav-box,.profile-box{padding:12px;border:1px solid #334155;border-radius:8px;}
 .summary-box,.stat-box,.status-card,.status-link{padding:12px;border:1px solid #334155;border-radius:8px;}
 .status-card,.status-link{color:inherit;text-decoration:none;display:block;}
diff --git a/resources/views/admin/platform_orders/show.blade.php b/resources/views/admin/platform_orders/show.blade.php
index ee90882..66ec359 100644
--- a/resources/views/admin/platform_orders/show.blade.php
+++ b/resources/views/admin/platform_orders/show.blade.php
@@ -214,7 +214,7 @@
         $markPaidBlockedByReceiptMismatch = $receiptCents > 0 && abs($receiptCents - $expectedCents) >= $tolCents;
     @endphp
 
-    <div style="margin-top:16px; display:flex; gap:12px; flex-wrap:wrap; align-items:center;">
+    <div class="actions mt-16 gap-12">
         <form method="post" action="/admin/platform-orders/{{ $order->id }}/mark-paid-and-activate" onsubmit="return confirm('确认将该订单标记为已支付并生效？此操作会推进状态并尝试同步订阅');">
             @csrf
             <button type="submit" @disabled(! $canMarkPaid || $markPaidBlockedByRefund || $markPaidBlockedByReceiptMismatch)>标记支付并生效</button>
@@ -238,7 +238,7 @@
                             <a class="link" href="#add-payment-receipt">去补回执</a>
                         </div>
                     @endif
-                    <div style="margin-top:6px;">
+                    <div class="mt-6">
                         建议：先补齐/修正回执与退款轨迹（使金额与状态口径一致），再执行 BMPA。
                     </div>
                 </div>