diff --git a/public/css/admin-base.css b/public/css/admin-base.css
index ee5627e..4617b04 100644
--- a/public/css/admin-base.css
+++ b/public/css/admin-base.css
@@ -92,6 +92,74 @@ input,select,button,textarea,
     box-sizing:border-box;
 }
 button{cursor:pointer;}
+
+/* Buttons (UI Components)
+ * 说明：统一总台/站点后台/商家后台按钮风格（四端后台美化第一步）。
+ */
+.btn,
+button.btn,
+.btn-secondary,
+button.btn-secondary,
+.btn-danger,
+button.btn-danger{
+    display:inline-flex;
+    align-items:center;
+    justify-content:center;
+    gap:6px;
+    padding:10px 14px;
+    border-radius:10px;
+    font-weight:600;
+    text-decoration:none;
+    border:1px solid transparent;
+    cursor:pointer;
+}
+
+.btn,
+button.btn{
+    background:#1d4ed8;
+    border-color:#1d4ed8;
+    color:#dbeafe;
+}
+.btn:hover,
+button.btn:hover{
+    background:#1e40af;
+    border-color:#1e40af;
+    text-decoration:none;
+}
+
+.btn-secondary,
+button.btn-secondary{
+    background:transparent;
+    border-color:#334155;
+    color:#cbd5e1;
+}
+.btn-secondary:hover,
+button.btn-secondary:hover{
+    background:#1e293b;
+    border-color:#475569;
+    text-decoration:none;
+}
+
+.btn-danger,
+button.btn-danger{
+    background:#7f1d1d;
+    border-color:#7f1d1d;
+    color:#fecaca;
+}
+.btn-danger:hover,
+button.btn-danger:hover{
+    background:#991b1b;
+    border-color:#991b1b;
+    text-decoration:none;
+}
+
+.btn-sm,
+button.btn-sm{
+    padding:8px 10px;
+    border-radius:9px;
+    font-size:13px;
+}
+
 textarea.w-full,input.w-full{width:100%;}
 input.w-140{width:140px;}
 input.w-90{width:90px;}
diff --git a/resources/views/admin/plans/index.blade.php b/resources/views/admin/plans/index.blade.php
index 2d04747..893f726 100644
--- a/resources/views/admin/plans/index.blade.php
+++ b/resources/views/admin/plans/index.blade.php
@@ -125,7 +125,7 @@
         <form method="post" action="/admin/plans/seed-defaults" onsubmit="return confirm('仅在当前没有任何套餐时才会初始化。确认执行吗？');">
             @csrf
             <button type="submit" class="btn">一键初始化默认套餐（空库）</button>
-            <div class="muted muted-xs" style="margin-top:6px;">安全护栏：当库中已存在套餐时会自动阻止，避免污染运营数据。</div>
+            <div class="muted muted-xs mt-6">安全护栏：当库中已存在套餐时会自动阻止，避免污染运营数据。</div>
         </form>
     </div>
 </div>
diff --git a/resources/views/admin/platform_orders/form.blade.php b/resources/views/admin/platform_orders/form.blade.php
index c97b8a6..1f32fcd 100644
--- a/resources/views/admin/platform_orders/form.blade.php
+++ b/resources/views/admin/platform_orders/form.blade.php
@@ -17,7 +17,7 @@
             </div>
 
             @if((string) ($defaults['order_type'] ?? '') === 'renewal')
-                <div class="muted muted-xs" style="margin-top:6px;">
+                <div class="muted muted-xs mt-6">
                     提示：该订单类型为「续费」。在订单完成「标记支付并生效 → 同步订阅」后，将会对该订阅执行续期/延长到期时间（以系统同步结果为准）。
                 </div>
             @endif
diff --git a/resources/views/admin/site_subscriptions/index.blade.php b/resources/views/admin/site_subscriptions/index.blade.php
index d3828ca..5b113d0 100644
--- a/resources/views/admin/site_subscriptions/index.blade.php
+++ b/resources/views/admin/site_subscriptions/index.blade.php
@@ -206,7 +206,7 @@
         @endphp
         <a class="btn" href="{!! $createOrderFromSubIndexUrl !!}">创建续费订单（带当前筛选）</a>
     </div>
-    <div class="muted muted-xs" style="margin-top:6px;">用于运营从订阅目录快速补单/续费：会把当前 merchant_id/plan_id/site_subscription_id 作为默认值带到下单页。</div>
+    <div class="muted muted-xs mt-6">用于运营从订阅目录快速补单/续费：会把当前 merchant_id/plan_id/site_subscription_id 作为默认值带到下单页。</div>
 </div>
 
 <div class="card">