style(store): 统一门店套餐页 UI 与拓店校验弹窗

管理后台套餐 Tab 对齐 Ant Design 表单；合伙人/门店端套餐表单与基本信息页风格一致；拓店下一步校验增加弹窗提示。

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/h5-partner/src/pages/StorePackagesPage.tsx

@@ -69,36 +69,66 @@ export default function StorePackagesPage() {
 
   if (loading) {
     return (
-      <div className="partner-page">
-        <p className="partner-muted">加载中…</p>
+      <div className="partner-detail-page partner-home--flush-top">
+        <main style={{ padding: '24px 20px' }}>
+          <p className="label-md text-muted">加载中…</p>
+        </main>
       </div>
     );
   }
 
   return (
-    <div className="partner-page partner-page-sticky">
-      <header className="partner-subheader">
-        <button type="button" className="partner-back" onClick={() => navigate(`/stores/${id}`)}>
-          返回
+    <div className="partner-page-sticky partner-home--flush-top">
+      <header className="partner-packages-page-header">
+        <button type="button" className="partner-packages-back" onClick={() => navigate(`/stores/${id}`)}>
+          <span className="material-symbols-outlined">arrow_back</span>
         </button>
-        <h1 className="partner-subheader-title">门店套餐</h1>
+        <h1 className="headline-md">门店套餐</h1>
       </header>
 
-      {error ? <p className="partner-form-error">{error}</p> : null}
-      {pending?.status === 'PENDING' ? (
-        <p className="partner-form-hint">套餐变更审核中，C 端仍展示上一版生效套餐。</p>
-      ) : null}
-      {pending?.status === 'REJECTED' && pending.rejectReason ? (
-        <p className="partner-form-error">上次驳回：{pending.rejectReason}</p>
-      ) : null}
+      <main className="partner-packages-page-main">
+        {error ? <p className="partner-form-error" role="alert">{error}</p> : null}
 
-      <StorePackagesForm
-        items={items}
-        onChange={setItems}
-        disabled={pending?.status === 'PENDING' || submitting}
-      />
+        {pending?.status === 'PENDING' ? (
+          <div className="partner-info-banner">
+            <span className="material-symbols-outlined" style={{ color: 'var(--color-heritage-red)' }}>hourglass_top</span>
+            <p className="body-md">套餐变更审核中，C 端仍展示上一版生效套餐。</p>
+          </div>
+        ) : null}
 
-      <div className="partner-sticky-footer">
+        {pending?.status === 'REJECTED' && pending.rejectReason ? (
+          <div className="partner-info-banner" style={{ background: 'rgba(180,35,24,0.06)', borderColor: 'rgba(180,35,24,0.15)' }}>
+            <span className="material-symbols-outlined" style={{ color: 'var(--color-heritage-red)' }}>error</span>
+            <p className="body-md">上次驳回：{pending.rejectReason}</p>
+          </div>
+        ) : null}
+
+        <section className="partner-form-card">
+          <div className="partner-section-title">
+            <div className="partner-section-bar" />
+            <h2 className="headline-md">套餐信息</h2>
+          </div>
+          <p className="label-md text-muted" style={{ marginBottom: 16 }}>
+            提交后将由总部审核，通过后 C 端展示生效套餐。
+          </p>
+          <StorePackagesForm
+            items={items}
+            onChange={setItems}
+            disabled={pending?.status === 'PENDING' || submitting}
+            embedded
+          />
+        </section>
+      </main>
+
+      <footer className="partner-sticky-footer">
+        <button
+          type="button"
+          className="partner-btn-outline"
+          onClick={() => navigate(`/stores/${id}`)}
+          disabled={submitting}
+        >
+          返回
+        </button>
         <button
           type="button"
           className="partner-btn-primary"
@@ -107,7 +137,7 @@ export default function StorePackagesPage() {
         >
           {submitting ? '提交中…' : '提交审核'}
         </button>
-      </div>
+      </footer>
     </div>
   );
 }