diff --git a/apps/frontend/package-lock.json b/apps/frontend/package-lock.json
index 24d4622e..0560b2f5 100644
--- a/apps/frontend/package-lock.json
+++ b/apps/frontend/package-lock.json
@@ -561,9 +561,6 @@
         "arm"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -585,9 +582,6 @@
         "arm"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -609,9 +603,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -633,9 +624,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -657,9 +645,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -681,9 +666,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
diff --git a/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentBindings.css b/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentBindings.css
index 9f9d1f30..080b9e5a 100644
--- a/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentBindings.css
+++ b/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentBindings.css
@@ -9,21 +9,6 @@
   gap: 12px;
 }
 
-/* ---------- 主题：标题文字 ---------- */
-.panel-header h1,
-.panel-header-copy h1,
-.section-title-row h3 {
-  color: var(--text-primary);
-}
-
-.panel-header p,
-.panel-header-copy p,
-.section-title-row p {
-  color: var(--text-secondary);
-}
-
-/* ---------- 主题：标签 chip (绿色) ---------- */
-.header-tag,
 .section-note-chip,
 .mini-stat-chip,
 .summary-label,
@@ -132,25 +117,58 @@
 /* ---------- 主题覆写：文本输入 ---------- */
 .text-input {
   min-height: 40px;
-  padding: 0 12px;
-  border: 1px solid rgba(86, 108, 138, 0.18);
-  background: rgba(255, 255, 255, 0.96);
 }
 
-.text-input--invalid {
-  border-color: rgba(220, 38, 38, 0.45);
+/* ---------- Element Plus 输入框绿色主题覆盖 ---------- */
+.admin-panel :deep(.el-input__wrapper),
+.admin-panel :deep(.el-textarea__inner),
+.admin-panel :deep(.el-select__wrapper) {
+  min-height: 40px;
+  border-radius: 14px;
+  background: rgba(255, 255, 255, 0.96);
+  box-shadow: 0 0 0 1px rgba(86, 108, 138, 0.18) inset;
+}
+
+.admin-panel :deep(.el-input__wrapper:hover),
+.admin-panel :deep(.el-select__wrapper:hover) {
+  box-shadow: 0 0 0 1px rgba(86, 108, 138, 0.32) inset;
+}
+
+.admin-panel :deep(.el-input__wrapper.is-focus),
+.admin-panel :deep(.el-select__wrapper.is-focused) {
+  box-shadow:
+    0 0 0 1px rgba(37, 89, 167, 0.38) inset,
+    0 0 0 3px rgba(37, 89, 167, 0.1);
+}
+
+.admin-panel :deep(.text-input--invalid .el-input__wrapper),
+.admin-panel :deep(.text-input--invalid .el-select__wrapper) {
+  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.45) inset;
   background: #fff8f8;
 }
 
-.text-input--invalid:focus {
-  outline: none;
-  border-color: rgba(220, 38, 38, 0.6);
-  box-shadow: 0 0 0 3px rgba(254, 226, 226, 0.95);
+.admin-panel :deep(.text-input--invalid .el-input__wrapper.is-focus),
+.admin-panel :deep(.text-input--invalid .el-select__wrapper.is-focused) {
+  box-shadow:
+    0 0 0 1px rgba(220, 38, 38, 0.6) inset,
+    0 0 0 3px rgba(254, 226, 226, 0.95);
 }
 
-.text-input--readonly {
-  color: var(--text-secondary);
+.admin-panel :deep(.is-disabled .el-input__wrapper),
+.admin-panel :deep(.el-input__wrapper.is-disabled),
+.admin-panel :deep(.el-select__wrapper.is-disabled) {
   background: rgba(148, 163, 184, 0.08);
+  color: var(--text-secondary);
+}
+
+.admin-panel :deep(.el-input-number .el-input__wrapper) {
+  padding-left: 8px;
+}
+
+.admin-panel :deep(.el-input-number__decrease),
+.admin-panel :deep(.el-input-number__increase) {
+  border-color: rgba(86, 108, 138, 0.18);
+  background: #f8fafc;
 }
 
 /* ---------- 主题覆写：校验/错误/空状态 ---------- */
diff --git a/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentBindingsView.vue b/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentBindingsView.vue
index b2069cce..c748d39c 100644
--- a/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentBindingsView.vue
+++ b/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentBindingsView.vue
@@ -506,20 +506,6 @@ onMounted(loadConfigs)
 
 <template>
   <section class="admin-panel">
-    <header class="panel-header">
-      <div class="panel-header-copy">
-        <h1>履约配置</h1>
-        <p>把外部商品统一映射到内部履约 SKU，并指定最终走腾讯领取、快手 Cloud 或人工处理。</p>
-      </div>
-      <div class="header-tags">
-        <span class="header-tag">外部条件命中 1 个即可</span>
-        <span class="header-tag">同类商品尽量复用同一内部 SKU</span>
-        <span class="header-tag">保存后立即生效</span>
-      </div>
-      <div class="header-actions">
-        <el-button round @click="loadConfigs">刷新</el-button>
-      </div>
-    </header>
 
     <div v-if="!hasAdminRole('admin')" class="empty-block">仅管理员可以维护履约配置。</div>
 
@@ -580,6 +566,7 @@ onMounted(loadConfigs)
               </div>
               <div class="section-action-group">
                 <el-button round @click="addBinding">新增规则</el-button>
+                <el-button round @click="loadConfigs">刷新</el-button>
                 <el-button :loading="saving" round type="primary" @click="saveConfigs"
                   >保存配置</el-button
                 >
diff --git a/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentConfigHubView.vue b/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentConfigHubView.vue
index 8cb7e15c..8c88c159 100644
--- a/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentConfigHubView.vue
+++ b/apps/frontend/src/views/admin/fulfillment/AdminFulfillmentConfigHubView.vue
@@ -9,18 +9,6 @@ type FulfillmentTabKey = 'legacy' | 'kuaishou-cloud'
 
 const route = useRoute()
 const router = useRouter()
-const TAB_OPTIONS: Array<{ key: FulfillmentTabKey; label: string; desc: string }> = [
-  {
-    key: 'legacy',
-    label: '旧履约规则',
-    desc: '这里维护原有统一履约绑定，支持腾讯领取、人工发货，以及旧任务匹配逻辑。',
-  },
-  {
-    key: 'kuaishou-cloud',
-    label: '快手 Cloud 新履约',
-    desc: '这里维护快手下单后走 cloudtentacles 绑定、发货、退号的新流程，不会覆盖旧规则。',
-  },
-]
 
 const activeTab = computed<FulfillmentTabKey>({
   get() {
@@ -41,24 +29,17 @@ const activeTab = computed<FulfillmentTabKey>({
   <section class="hub-panel">
     <AdminPageHeader
       title="履约配置中心"
-      description="旧规则和快手 Cloud 新流程都放在这里维护，不再拆成两个侧边栏入口。"
+      description="维护外部商品到内部 SKU 的映射规则，旧规则和快手 Cloud 新流程都在这里配置。"
     />
 
-    <section class="hub-card">
-      <div class="tab-copy">
-        <h3>{{ TAB_OPTIONS.find((item) => item.key === activeTab)?.label }}</h3>
-        <p>{{ TAB_OPTIONS.find((item) => item.key === activeTab)?.desc }}</p>
-      </div>
-
-      <el-tabs v-model="activeTab" class="hub-tabs">
-        <el-tab-pane label="旧履约规则" name="legacy">
-          <AdminFulfillmentBindingsView />
-        </el-tab-pane>
-        <el-tab-pane label="快手 Cloud 新履约" name="kuaishou-cloud">
-          <AdminKuaishouCloudFulfillmentView />
-        </el-tab-pane>
-      </el-tabs>
-    </section>
+    <el-tabs v-model="activeTab" class="hub-tabs">
+      <el-tab-pane label="旧履约规则" name="legacy">
+        <AdminFulfillmentBindingsView />
+      </el-tab-pane>
+      <el-tab-pane label="快手 Cloud 新履约" name="kuaishou-cloud">
+        <AdminKuaishouCloudFulfillmentView />
+      </el-tab-pane>
+    </el-tabs>
   </section>
 </template>
 
@@ -68,25 +49,11 @@ const activeTab = computed<FulfillmentTabKey>({
   gap: var(--space-4);
 }
 
-.hub-card {
-  padding: var(--space-5);
-  border-radius: var(--radius-xl);
-  border: 1px solid var(--border-default);
-  background: var(--bg-surface);
-}
-
-.tab-copy h3 {
-  margin: 0;
-  color: var(--text-primary);
-}
-
-.tab-copy p {
-  margin: var(--space-2) 0 0;
-  color: var(--text-secondary);
-  line-height: 1.6;
+:deep(.hub-tabs .el-tabs__header) {
+  margin-bottom: 0;
 }
 
 :deep(.hub-tabs .el-tabs__content) {
-  padding-top: var(--space-3);
+  padding-top: var(--space-4);
 }
 </style>
diff --git a/apps/frontend/src/views/admin/fulfillment/AdminKuaishouCloudFulfillment.css b/apps/frontend/src/views/admin/fulfillment/AdminKuaishouCloudFulfillment.css
index 98188aa2..65eea980 100644
--- a/apps/frontend/src/views/admin/fulfillment/AdminKuaishouCloudFulfillment.css
+++ b/apps/frontend/src/views/admin/fulfillment/AdminKuaishouCloudFulfillment.css
@@ -1,5 +1,11 @@
 @import '../../../styles/admin-config-pages.css';
 
+/* ============================================================
+   AdminKuaishouCloudFulfillment — 蓝色主题覆盖 & 双栏映射布局
+   模板已统一使用 admin-config-pages.css 共享类名
+   ============================================================ */
+
+/* ---------- 页面容器 & CSS 自定义属性 ---------- */
 .admin-panel {
   --panel-ink: var(--text-primary);
   --panel-muted: var(--text-secondary);
@@ -15,657 +21,23 @@
   gap: var(--space-4);
 }
 
-.hero-card,
-.work-section,
-.rule-card,
-.empty-block,
-.message-box {
-  border: 1px solid var(--panel-border);
-  background: rgba(255, 255, 255, 0.96);
-  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.06);
-}
-
-.hero-card {
-  display: grid;
-  gap: 18px;
-  padding: 22px;
-  border-radius: 10px;
-  background:
-    linear-gradient(135deg, rgba(15, 107, 95, 0.1), rgba(255, 255, 255, 0) 34%),
-    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 251, 0.96));
-}
-
-.hero-main,
-.section-heading,
-.rule-head,
-.pane-heading,
-.rule-footer {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 16px;
-}
-
-.hero-copy,
-.section-heading > div:first-child {
-  display: grid;
-  gap: 6px;
-}
-
-.eyebrow {
-  color: var(--accent);
-  font-size: 11px;
-  font-weight: 800;
-  letter-spacing: 0;
-  text-transform: uppercase;
-}
-
-.hero-copy h1,
-.section-heading h2,
-.pane-heading h3 {
-  margin: 0;
-  color: var(--panel-ink);
-  letter-spacing: 0;
-}
-
-.hero-copy h1 {
-  font-size: var(--text-2xl);
-  line-height: 1.2;
-}
-
-.section-heading h2 {
-  font-size: 18px;
-}
-
-.pane-heading h3 {
-  font-size: var(--text-base);
-}
-
-.hero-copy p {
-  max-width: 720px;
-  margin: 0;
-  color: var(--panel-muted);
-  line-height: 1.65;
-}
-
-.hero-actions,
-.toolbar-actions,
-.sample-metrics,
-.rule-head-meta {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.inline-switch {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  min-height: 34px;
-  padding: 0 10px;
-  border: 1px solid var(--panel-border);
-  border-radius: var(--radius-sm);
-  background: #fff;
-  color: var(--panel-ink);
-  font-size: var(--text-sm);
-  font-weight: 700;
-}
-
-.status-strip {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(112px, 1fr)) minmax(240px, 2fr);
-  gap: 10px;
-}
-
-.status-strip article {
-  min-width: 0;
-  padding: 12px;
-  border: 1px solid rgba(31, 42, 55, 0.08);
-  border-radius: var(--radius-sm);
-  background: rgba(255, 255, 255, 0.82);
-}
-
-.status-strip span,
-.label,
-.field-block > span,
-.pane-heading span,
-.rule-footer,
-.field-help {
-  color: var(--panel-muted);
-  font-size: var(--text-xs);
-}
-
-.status-strip strong {
-  display: block;
-  margin-top: 5px;
-  color: var(--panel-ink);
-  font-size: var(--text-2xl);
-  line-height: 1;
-}
-
-.status-strip code {
-  display: block;
-  margin-top: 7px;
-  overflow: hidden;
-  color: var(--panel-ink);
-  font-family: var(--font-mono);
-  font-size: var(--text-xs);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.work-section {
-  display: grid;
-  gap: 16px;
-  padding: 18px;
-  border-radius: 10px;
-}
-
-.section-heading {
-  align-items: center;
-}
-
-.sample-metrics span {
-  padding: 6px 10px;
-  border-radius: var(--radius-full);
-  background: #eef7f5;
-  color: var(--accent-strong);
-  font-size: var(--text-xs);
-  font-weight: 800;
-}
-
-.lookup-console {
-  display: grid;
-  gap: 12px;
-  padding: 14px;
-  border: 1px solid var(--panel-line);
-  border-radius: var(--radius-sm);
-  background: linear-gradient(180deg, #f8fafc, #ffffff);
-}
-
-.lookup-grid,
-.grid,
-.switch-grid {
-  display: grid;
-  gap: 12px;
-}
-
-.lookup-grid {
-  grid-template-columns: 1.4fr 1.4fr 1fr 1fr 92px 92px 92px 132px;
-  align-items: end;
-}
-
-.field-span-2 {
-  grid-column: span 2;
-}
-
-.cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.field-block {
-  min-width: 0;
-  display: grid;
-  gap: 7px;
-}
-
-.field-block > span {
-  color: #344054;
-  font-weight: 800;
-}
-
-.action-field {
-  align-content: end;
-}
-
-.action-field :deep(.el-button),
-.sample-import-button {
-  width: 100%;
-}
-
-.sample-results {
-  display: grid;
-  gap: 10px;
-}
-
-.sample-card {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 112px;
-  align-items: center;
-  gap: 14px;
-  padding: 14px;
-  border: 1px solid var(--panel-line);
-  border-radius: var(--radius-sm);
-  background: #fff;
-}
-
-.sample-card[data-imported='true'] {
-  background: #f8fafc;
-}
-
-.sample-main {
-  min-width: 0;
-  display: grid;
-  grid-template-columns: 1.1fr 1.7fr 1.25fr 0.8fr;
-  gap: 14px;
-}
-
-.sample-main > div,
-.rule-title-group,
-.order-cell,
-.product-cell,
-.shop-cell,
-.amount-cell {
-  min-width: 0;
-}
-
-.label {
-  display: block;
-  margin-bottom: 5px;
-  font-weight: 800;
-}
-
-.sample-main strong {
-  display: block;
-  overflow: hidden;
-  color: var(--panel-ink);
-  font-size: var(--text-base);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sample-main small,
-.rule-title-group small,
-.field-help {
-  display: block;
-  margin-top: 4px;
-  overflow: hidden;
-  color: var(--panel-muted);
-  font-size: var(--text-xs);
-  line-height: 1.45;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.imported-mark {
-  display: inline-flex;
-  justify-content: center;
-  padding: 8px 10px;
-  border-radius: var(--radius-sm);
-  background: #eaf7f0;
-  color: #067647;
-  font-size: var(--text-sm);
-  font-weight: 800;
-}
-
-.rules-section {
-  gap: 14px;
-}
-
-.rule-filter-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.filter-chip,
-.collapse-button {
-  border: 1px solid var(--panel-border);
-  border-radius: var(--radius-sm);
-  background: #fff;
-  color: var(--panel-ink);
-  cursor: pointer;
-  font: inherit;
-}
-
-.filter-chip {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  min-height: 34px;
-  padding: 0 11px;
-  font-size: var(--text-sm);
-  font-weight: 800;
-}
-
-.filter-chip strong {
-  color: var(--panel-muted);
-  font-size: var(--text-xs);
-}
-
-.filter-chip--active {
-  border-color: rgba(15, 107, 95, 0.32);
-  background: #eef7f5;
-  color: var(--accent-strong);
-}
-
-.filter-chip--active strong {
-  color: var(--accent-strong);
-}
-
-.rule-card {
-  overflow: hidden;
-  border-radius: var(--radius-sm);
-}
-
-.rule-card[data-invalid='true'] {
-  border-color: rgba(180, 35, 24, 0.36);
-  box-shadow: 0 0 0 3px rgba(254, 228, 226, 0.9);
-}
-
-.rule-head {
-  padding: 12px 14px;
-  background: #f8fafc;
-  border-bottom: 1px solid var(--panel-line);
-}
-
-.rule-summary-button {
-  min-width: 0;
-  display: grid;
-  grid-template-columns: 34px minmax(0, 1fr);
-  align-items: center;
-  gap: 10px;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-  text-align: left;
-}
-
-.rule-index {
-  display: inline-grid;
-  width: 34px;
-  height: 34px;
-  place-items: center;
-  border-radius: var(--radius-sm);
-  background: #182230;
-  color: #fff;
-  font-size: var(--text-sm);
-  font-weight: 900;
-}
-
-.rule-title-group strong {
-  display: block;
-  overflow: hidden;
-  color: var(--panel-ink);
-  font-size: 15px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.summary-pill,
-.status-pill {
-  display: inline-flex;
-  align-items: center;
-  max-width: 220px;
-  min-height: 28px;
-  padding: 0 9px;
-  overflow: hidden;
-  border-radius: var(--radius-full);
-  font-size: var(--text-xs);
-  font-weight: 800;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.summary-pill {
-  background: #fff;
-  color: #475467;
-  border: 1px solid var(--panel-border);
-}
-
-.status-pill[data-tone='success'] {
-  color: #067647;
-  background: #eaf7f0;
-}
-
-.status-pill[data-tone='warning'] {
-  color: var(--warn);
-  background: #fff4e5;
-}
-
-.status-pill[data-tone='muted'] {
-  color: #475467;
-  background: #eef2f6;
-}
-
-.collapse-button {
-  min-height: 28px;
-  padding: 0 9px;
-  color: var(--accent-strong);
-  font-size: var(--text-xs);
-  font-weight: 800;
-}
-
-.rule-body {
-  display: grid;
-  gap: 12px;
-  padding: 14px;
-  background: #fff;
-}
-
-.rule-pane {
-  display: grid;
-  gap: 12px;
-  padding: 14px;
-  border: 1px solid var(--panel-line);
-  border-radius: var(--radius-sm);
-  background: #fbfcfe;
-}
-
-.pane-heading {
-  align-items: center;
-}
-
-.switch-grid {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.switch-tile,
-.switch-field {
-  display: grid;
-  align-content: start;
-  gap: 8px;
-}
-
-.switch-tile {
-  min-height: 72px;
-  padding: 11px;
-  border: 1px solid var(--panel-line);
-  border-radius: var(--radius-sm);
-  background: #fff;
-}
-
-.switch-tile > span {
-  color: #344054;
-  font-size: var(--text-xs);
-  font-weight: 800;
-}
-
-.rule-footer {
-  align-items: center;
-  color: var(--panel-muted);
-}
-
-.empty-block,
-.message-box,
-.loading-band {
-  padding: 14px 16px;
-  border-radius: var(--radius-sm);
-  color: var(--panel-muted);
-}
-
-.empty-block--soft,
-.loading-band {
-  border: 1px dashed rgba(31, 42, 55, 0.18);
-  background: #f8fafc;
-  box-shadow: none;
-}
-
-.message-box {
-  margin: 0;
-  font-weight: 700;
-}
-
-.message-box--error {
-  border-color: rgba(180, 35, 24, 0.22);
-  background: #fff5f4;
-  color: var(--danger);
-}
-
-.message-box--warning {
-  border-color: rgba(181, 71, 8, 0.2);
-  background: #fff8eb;
-  color: var(--warn);
-}
-
-.field-block :deep(.el-input-number),
-.field-block :deep(.el-select) {
-  width: 100%;
-}
-
-.admin-panel :deep(.el-input__wrapper),
-.admin-panel :deep(.el-textarea__inner),
-.admin-panel :deep(.el-select__wrapper) {
-  min-height: 36px;
-  border-radius: var(--radius-sm);
-  background: #fff;
-  box-shadow: 0 0 0 1px var(--panel-line) inset;
-}
-
-.admin-panel :deep(.el-input__wrapper:hover),
-.admin-panel :deep(.el-textarea__inner:hover),
-.admin-panel :deep(.el-select__wrapper:hover) {
-  box-shadow: 0 0 0 1px rgba(15, 107, 95, 0.38) inset;
-}
-
-.admin-panel :deep(.el-input__wrapper.is-focus),
-.admin-panel :deep(.el-textarea__inner:focus),
-.admin-panel :deep(.el-select__wrapper.is-focused) {
-  box-shadow:
-    0 0 0 1px var(--accent) inset,
-    0 0 0 3px rgba(15, 107, 95, 0.12);
-}
-
-.admin-panel :deep(.el-input-number .el-input__wrapper) {
-  padding-left: 8px;
-}
-
-.admin-panel :deep(.el-input-number__decrease),
-.admin-panel :deep(.el-input-number__increase) {
-  border-color: var(--panel-line);
-  background: #f8fafc;
-}
-
-.admin-panel :deep(.el-switch.is-checked .el-switch__core) {
-  border-color: var(--accent);
-  background-color: var(--accent);
-}
-
-@media (max-width: 1200px) {
-  .lookup-grid {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .field-span-2 {
-    grid-column: span 2;
-  }
-
-  .sample-main {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-@media (max-width: 900px) {
-  .hero-main,
-  .section-heading,
-  .rules-heading,
-  .rule-head,
-  .pane-heading,
-  .rule-footer {
-    display: grid;
-  }
-
-  .hero-actions,
-  .toolbar-actions,
-  .sample-metrics,
-  .rule-head-meta {
-    justify-content: flex-start;
-  }
-
-  .status-strip,
-  .lookup-grid,
-  .cols-4,
-  .cols-3,
-  .switch-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .file-status,
-  .field-span-2 {
-    grid-column: 1 / -1;
-  }
-
-  .sample-card {
-    grid-template-columns: 1fr;
-  }
-}
-
-@media (max-width: 640px) {
-  .hero-card,
-  .work-section {
-    padding: 14px;
-  }
-
-  .status-strip,
-  .lookup-grid,
-  .cols-4,
-  .cols-3,
-  .switch-grid,
-  .sample-main {
-    grid-template-columns: 1fr;
-  }
-
-  .hero-actions :deep(.el-button),
-  .toolbar-actions :deep(.el-button),
-  .sample-import-button {
-    width: 100%;
-  }
-}
-
-/* ============================================================
-   从 admin-config-pages.css 继承的共享结构样式，本页仅覆盖主题
-   ============================================================ */
-
-/* ---------- 主题覆写：标题颜色 ---------- */
-.panel-header h1,
-.panel-header-copy h1,
+/* ---------- 标题颜色覆盖 ---------- */
 .section-title-row h3 {
   color: #1d3555;
 }
 
-.panel-header p,
-.panel-header-copy p,
 .section-title-row p {
   color: #64748b;
   line-height: 1.55;
 }
 
-/* ---------- 主题覆写：chip 标签 (蓝色) ---------- */
-.header-tag,
+/* ---------- chip 标签 (蓝色) ---------- */
 .mini-stat-chip,
 .overview-note {
   color: #175cd3;
 }
 
-/* ---------- 主题覆写：卡片圆角 ---------- */
+/* ---------- 卡片圆角覆盖 ---------- */
 .overview-card,
 .table-card,
 .empty-block,
@@ -679,7 +51,7 @@
   color: #1d3555;
 }
 
-/* ---------- 主题覆写：概览统计 ---------- */
+/* ---------- 概览统计覆盖 ---------- */
 .overview-stat {
   border-radius: 16px;
 }
@@ -693,7 +65,7 @@
   font-size: var(--text-2xl);
 }
 
-/* ---------- 查询工具栏 (本页特有) ---------- */
+/* ---------- 91卡券查询工具栏 ---------- */
 .lookup-toolbar {
   display: grid;
   grid-template-columns: minmax(180px, 1fr) 110px 130px 180px;
@@ -716,28 +88,15 @@
   grid-column: span 2;
 }
 
+.field-block :deep(.el-input-number),
+.field-block :deep(.el-select) {
+  width: 100%;
+}
+
 /* ---------- 文本输入 (蓝色聚焦环) ---------- */
 .text-input {
   min-height: 36px;
-  padding: 8px 12px;
-  border: 1px solid rgba(86, 108, 138, 0.22);
-  background: #fff;
   color: #1d3555;
-  outline: none;
-  transition:
-    border-color 0.16s ease,
-    box-shadow 0.16s ease;
-}
-
-.text-input:focus {
-  border-color: rgba(15, 93, 216, 0.42);
-  box-shadow: 0 0 0 4px rgba(15, 93, 216, 0.08);
-}
-
-.text-input--readonly,
-.text-input:disabled {
-  background: #f8fafc;
-  color: #64748b;
 }
 
 .textarea-input {
@@ -745,7 +104,7 @@
   resize: vertical;
 }
 
-/* ---------- 主题覆写：校验/错误 ---------- */
+/* ---------- 校验/错误覆盖 ---------- */
 .validation-banner,
 .binding-inline-error {
   background: #fff5f4;
@@ -758,7 +117,7 @@
   color: #b42318;
 }
 
-/* ---------- 主题覆写：表格 ---------- */
+/* ---------- 表格覆盖 ---------- */
 .data-table th,
 .data-table td {
   padding: 11px 10px;
@@ -773,7 +132,7 @@
   color: #1d3555;
 }
 
-/* ---------- 主题覆写：绑定卡片 ---------- */
+/* ---------- 绑定卡片覆盖 ---------- */
 .binding-card {
   border-radius: 16px;
   box-shadow: none;
@@ -825,7 +184,7 @@
   text-align: center;
 }
 
-/* ---------- 映射编辑 (本页特有) ---------- */
+/* ---------- 双栏映射编辑器 (快手 Cloud 独有) ---------- */
 .mapping-editor {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 74px minmax(0, 1fr);
@@ -901,18 +260,6 @@
   border-top: 1px dashed rgba(86, 108, 138, 0.18);
 }
 
-/* ---------- mini-stat-chip 交互态 (本页特有) ---------- */
-.mini-stat-chip--button {
-  border: 1px solid rgba(15, 93, 216, 0.12);
-  cursor: pointer;
-  font: inherit;
-}
-
-.mini-stat-chip--active {
-  border-color: rgba(15, 93, 216, 0.32);
-  background: rgba(15, 93, 216, 0.14);
-}
-
 .overview-label {
   color: #64748b;
   font-size: var(--text-xs);
@@ -931,6 +278,60 @@
   --el-button-hover-border-color: #0f5dd8;
 }
 
+.admin-panel :deep(.el-input__wrapper),
+.admin-panel :deep(.el-textarea__inner),
+.admin-panel :deep(.el-select__wrapper) {
+  min-height: 36px;
+  border-radius: var(--radius-sm);
+  background: #fff;
+  box-shadow: 0 0 0 1px var(--panel-line) inset;
+  transition:
+    border-color 0.16s ease,
+    box-shadow 0.16s ease;
+}
+
+.admin-panel :deep(.el-input__wrapper:hover),
+.admin-panel :deep(.el-textarea__inner:hover),
+.admin-panel :deep(.el-select__wrapper:hover) {
+  box-shadow: 0 0 0 1px rgba(15, 107, 95, 0.38) inset;
+}
+
+.admin-panel :deep(.el-input__wrapper.is-focus),
+.admin-panel :deep(.el-textarea__inner:focus),
+.admin-panel :deep(.el-select__wrapper.is-focused) {
+  box-shadow:
+    0 0 0 1px var(--accent) inset,
+    0 0 0 3px rgba(15, 107, 95, 0.12);
+}
+
+.admin-panel :deep(.is-disabled .el-input__wrapper),
+.admin-panel :deep(.el-input__wrapper.is-disabled),
+.admin-panel :deep(.el-select__wrapper.is-disabled) {
+  background: #f8fafc;
+  color: #64748b;
+}
+
+.admin-panel :deep(.el-textarea__inner[readonly]),
+.admin-panel :deep(.el-input__wrapper.is-readonly) {
+  background: #f8fafc;
+  color: #64748b;
+}
+
+.admin-panel :deep(.el-input-number .el-input__wrapper) {
+  padding-left: 8px;
+}
+
+.admin-panel :deep(.el-input-number__decrease),
+.admin-panel :deep(.el-input-number__increase) {
+  border-color: var(--panel-line);
+  background: #f8fafc;
+}
+
+.admin-panel :deep(.el-switch.is-checked .el-switch__core) {
+  border-color: var(--accent);
+  background-color: var(--accent);
+}
+
 /* ---------- 响应式 ---------- */
 @media (max-width: 900px) {
   .overview-stats,
@@ -950,7 +351,6 @@
 }
 
 @media (max-width: 640px) {
-  .panel-header,
   .section-title-row,
   .section-header-tools,
   .binding-actions,
diff --git a/apps/frontend/src/views/admin/fulfillment/AdminKuaishouCloudFulfillmentView.vue b/apps/frontend/src/views/admin/fulfillment/AdminKuaishouCloudFulfillmentView.vue
index 5141aa26..ecbec490 100644
--- a/apps/frontend/src/views/admin/fulfillment/AdminKuaishouCloudFulfillmentView.vue
+++ b/apps/frontend/src/views/admin/fulfillment/AdminKuaishouCloudFulfillmentView.vue
@@ -741,22 +741,6 @@ onMounted(loadConfigs)
 
 <template>
   <section class="admin-panel">
-    <header class="panel-header">
-      <div class="panel-header-copy">
-        <h1>快手 Cloud 新履约</h1>
-        <p>维护 91卡券快手订单到内部 SKU、cloud SKU、虚拟号与后续动作的映射规则。</p>
-      </div>
-      <div class="header-tags">
-        <span class="header-tag">独立新流程</span>
-        <span class="header-tag">外部条件命中 1 个即可</span>
-        <span class="header-tag">保存后同步到任务匹配</span>
-      </div>
-      <div class="header-actions">
-        <el-checkbox v-model="enabled">启用整条配置</el-checkbox>
-        <el-button round @click="loadConfigs">刷新</el-button>
-        <el-button round type="primary" :loading="saving" @click="saveConfigs">保存配置</el-button>
-      </div>
-    </header>
 
     <div v-if="!hasAdminRole('admin')" class="empty-block">仅管理员可以维护新履约配置。</div>
 
@@ -943,6 +927,7 @@ onMounted(loadConfigs)
               </div>
               <div class="section-action-group">
                 <el-button round @click="expandAllRules">全部展开</el-button>
+                <el-checkbox v-model="enabled">启用整条配置</el-checkbox>
                 <el-button round @click="collapseReadyRules">收起已完成</el-button>
                 <el-button round :loading="cloudSkuCatalogLoading" @click="refreshCloudSkuCatalog"
                   >刷新 cloud SKU</el-button