From 63695511861b7a224308d19f8d441ddb1cadb957 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=9D=E5=8D=9C?= <dev@saasshop.local>
Date: Sat, 14 Mar 2026 03:36:41 +0000
Subject: [PATCH] =?UTF-8?q?chore(ui):=20=E7=BB=9F=E4=B8=80=E5=90=8E?=
 =?UTF-8?q?=E5=8F=B0=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=20+=20=E6=B8=85?=
 =?UTF-8?q?=E7=90=86=E5=B0=91=E9=87=8F=20inline=20margin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/admin-base.css                     | 68 +++++++++++++++++++
 resources/views/admin/plans/index.blade.php   |  2 +-
 .../admin/platform_orders/form.blade.php      |  2 +-
 .../admin/site_subscriptions/index.blade.php  |  2 +-
 4 files changed, 71 insertions(+), 3 deletions(-)

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">