diff --git a/apps/frontend/src/views/admin/fulfillment/bindings/AdminFulfillmentBindingsView.vue b/apps/frontend/src/views/admin/fulfillment/bindings/AdminFulfillmentBindingsView.vue
index a7e85db0..884459ce 100644
--- a/apps/frontend/src/views/admin/fulfillment/bindings/AdminFulfillmentBindingsView.vue
+++ b/apps/frontend/src/views/admin/fulfillment/bindings/AdminFulfillmentBindingsView.vue
@@ -72,4 +72,4 @@ onMounted(bindings.loadConfigs)
   </section>
 </template>
 
-<style src="./AdminFulfillmentBindings.css"></style>
+<style scoped src="./AdminFulfillmentBindings.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingRuleCard.vue b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingRuleCard.vue
index 3e0ca2fd..2908e90a 100644
--- a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingRuleCard.vue
+++ b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingRuleCard.vue
@@ -12,7 +12,9 @@ defineProps<{
   statusLabel: string
   summary: string
   isInvalid: boolean
-  isFieldInvalid: (field: ValidationField | 'externalSkuCode' | 'externalItemId' | 'externalSkuName') => boolean
+  isFieldInvalid: (
+    field: ValidationField | 'externalSkuCode' | 'externalItemId' | 'externalSkuName',
+  ) => boolean
 }>()
 
 const emit = defineEmits<{
@@ -31,12 +33,7 @@ const emit = defineEmits<{
       <div class="binding-summary">
         <div class="binding-title-row">
           <strong>{{ title }}</strong>
-          <span
-            :class="[
-              'binding-status-chip',
-              { 'binding-status-chip--done': isComplete },
-            ]"
-          >
+          <span :class="['binding-status-chip', { 'binding-status-chip--done': isComplete }]">
             {{ statusLabel }}
           </span>
         </div>
@@ -50,10 +47,7 @@ const emit = defineEmits<{
     <div v-if="isBindingCollapsed" class="binding-collapsed-preview">
       <span
         >外部商品：{{
-          binding.externalSkuName ||
-          binding.externalSkuCode ||
-          binding.externalItemId ||
-          '-'
+          binding.externalSkuName || binding.externalSkuCode || binding.externalItemId || '-'
         }}</span
       >
       <span>内部履约 SKU：{{ binding.skuCode || '-' }}</span>
@@ -123,9 +117,7 @@ const emit = defineEmits<{
         <span>外部 SKU 编码</span>
         <el-input
           v-model="binding.externalSkuCode"
-          :class="[
-            { 'text-input--invalid': isFieldInvalid('externalSkuCode') },
-          ]"
+          :class="[{ 'text-input--invalid': isFieldInvalid('externalSkuCode') }]"
           class="text-input"
           data-field="externalSkuCode"
           placeholder="例如 6046726460016"
@@ -149,9 +141,7 @@ const emit = defineEmits<{
         <span>外部商品名</span>
         <el-input
           v-model="binding.externalSkuName"
-          :class="[
-            { 'text-input--invalid': isFieldInvalid('externalSkuName') },
-          ]"
+          :class="[{ 'text-input--invalid': isFieldInvalid('externalSkuName') }]"
           class="text-input"
           data-field="externalSkuName"
           placeholder="例如 奥利奥动作"
@@ -223,3 +213,5 @@ const emit = defineEmits<{
     </div>
   </div>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsLookupSection.vue b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsLookupSection.vue
index 42d375ee..f894b99b 100644
--- a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsLookupSection.vue
+++ b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsLookupSection.vue
@@ -93,9 +93,7 @@ const emit = defineEmits<{
           <strong>{{ lookupResult.order.totalAmount || '0.00' }}</strong>
           <span class="cell-subtle"
             >补查结果：{{
-              lookupResult.order.enriched
-                ? '已补全'
-                : lookupResult.order.enrichReason || '已返回'
+              lookupResult.order.enriched ? '已补全' : lookupResult.order.enrichReason || '已返回'
             }}</span
           >
         </div>
@@ -152,3 +150,5 @@ const emit = defineEmits<{
     </template>
   </section>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsObservedSection.vue b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsObservedSection.vue
index dbc2af28..a01216f0 100644
--- a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsObservedSection.vue
+++ b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsObservedSection.vue
@@ -80,3 +80,5 @@ const emit = defineEmits<{
     </el-table>
   </section>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsOverviewSection.vue b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsOverviewSection.vue
index ec694bfc..2635604a 100644
--- a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsOverviewSection.vue
+++ b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsOverviewSection.vue
@@ -51,3 +51,5 @@ defineProps<{
     </div>
   </section>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsRuleSection.vue b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsRuleSection.vue
index 4a5a1abb..a945499a 100644
--- a/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsRuleSection.vue
+++ b/apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsRuleSection.vue
@@ -20,7 +20,10 @@ defineProps<{
   getBindingStatusLabel: (binding: EditableBinding) => string
   getBindingSummary: (binding: EditableBinding) => string
   isBindingInvalid: (bindingId: string) => boolean
-  isFieldInvalid: (bindingId: string, field: ValidationField | 'externalSkuCode' | 'externalItemId' | 'externalSkuName') => boolean
+  isFieldInvalid: (
+    bindingId: string,
+    field: ValidationField | 'externalSkuCode' | 'externalItemId' | 'externalSkuName',
+  ) => boolean
 }>()
 
 const emit = defineEmits<{
@@ -62,9 +65,7 @@ const emit = defineEmits<{
       {{ validationState.message }}
     </p>
 
-    <div v-if="bindings.length === 0" class="empty-inline">
-      当前还没有履约规则，先新增一条。
-    </div>
+    <div v-if="bindings.length === 0" class="empty-inline">当前还没有履约规则，先新增一条。</div>
 
     <AdminBindingRuleCard
       v-for="(binding, index) in bindings"
@@ -85,3 +86,5 @@ const emit = defineEmits<{
     />
   </section>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/AdminKuaishouCloudFulfillmentView.vue b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/AdminKuaishouCloudFulfillmentView.vue
index de538bbb..dcb942f9 100644
--- a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/AdminKuaishouCloudFulfillmentView.vue
+++ b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/AdminKuaishouCloudFulfillmentView.vue
@@ -84,4 +84,4 @@ onMounted(config.loadConfigs)
   </section>
 </template>
 
-<style src="./AdminKuaishouCloudFulfillment.css"></style>
+<style scoped src="./AdminKuaishouCloudFulfillment.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudNinetyoneSection.vue b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudNinetyoneSection.vue
index e3337ab2..d7581f9b 100644
--- a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudNinetyoneSection.vue
+++ b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudNinetyoneSection.vue
@@ -30,9 +30,7 @@ const emit = defineEmits<{
     <div class="section-title-row section-title-row--tight">
       <div>
         <h3>91卡券订单取样导入</h3>
-        <p>
-          查询已接收的 91卡券订单，把 productNo 导入为规则草稿，再补齐内部 SKU 和 cloud 资源。
-        </p>
+        <p>查询已接收的 91卡券订单，把 productNo 导入为规则草稿，再补齐内部 SKU 和 cloud 资源。</p>
       </div>
       <div class="section-mini-stats">
         <span class="mini-stat-chip">结果 {{ ninetyoneLookupMetrics.total }}</span>
@@ -71,11 +69,7 @@ const emit = defineEmits<{
       </label>
       <div class="field-block field-block--action">
         <span>操作</span>
-        <el-button
-          :loading="ninetyoneLookupLoading"
-          round
-          type="primary"
-          @click="emit('lookup')"
+        <el-button :loading="ninetyoneLookupLoading" round type="primary" @click="emit('lookup')"
           >查询 91卡券订单</el-button
         >
       </div>
@@ -147,3 +141,5 @@ const emit = defineEmits<{
     </el-table>
   </section>
 </template>
+
+<style scoped src="../AdminKuaishouCloudFulfillment.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudOverviewSection.vue b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudOverviewSection.vue
index 42d93f16..cac72bb6 100644
--- a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudOverviewSection.vue
+++ b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudOverviewSection.vue
@@ -48,3 +48,5 @@ defineProps<{
     </div>
   </section>
 </template>
+
+<style scoped src="../AdminKuaishouCloudFulfillment.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleCard.vue b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleCard.vue
index c6a5c9bb..980f3953 100644
--- a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleCard.vue
+++ b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleCard.vue
@@ -45,10 +45,7 @@ const emit = defineEmits<{
         <div class="binding-title-row">
           <strong>{{ getCardTitle(item, index) }}</strong>
           <span
-            :class="[
-              'binding-status-chip',
-              { 'binding-status-chip--done': isItemComplete(item) },
-            ]"
+            :class="['binding-status-chip', { 'binding-status-chip--done': isItemComplete(item) }]"
           >
             {{ getRuleState(item).label }}
           </span>
@@ -297,3 +294,5 @@ const emit = defineEmits<{
     </div>
   </div>
 </template>
+
+<style scoped src="../AdminKuaishouCloudFulfillment.css"></style>
diff --git a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleSection.vue b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleSection.vue
index e5350a48..71b3d0d2 100644
--- a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleSection.vue
+++ b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleSection.vue
@@ -67,7 +67,9 @@ const emit = defineEmits<{
         </div>
         <div class="section-action-group">
           <el-button round @click="emit('expandAll')">全部展开</el-button>
-          <el-checkbox :model-value="enabled" @update:model-value="emit('update:enabled', $event)">启用整条配置</el-checkbox>
+          <el-checkbox :model-value="enabled" @update:model-value="emit('update:enabled', $event)"
+            >启用整条配置</el-checkbox
+          >
           <el-button round @click="emit('collapseReady')">收起已完成</el-button>
           <el-button round :loading="cloudSkuCatalogLoading" @click="emit('refreshCloudSku')"
             >刷新 cloud SKU</el-button
@@ -83,12 +85,8 @@ const emit = defineEmits<{
     <p v-if="validationState?.message" class="validation-banner">
       {{ validationState.message }}
     </p>
-    <div v-if="items.length === 0" class="empty-inline">
-      当前还没有新履约规则，先新增一条。
-    </div>
-    <div v-else-if="filteredItems.length === 0" class="empty-inline">
-      当前筛选下没有规则。
-    </div>
+    <div v-if="items.length === 0" class="empty-inline">当前还没有新履约规则，先新增一条。</div>
+    <div v-else-if="filteredItems.length === 0" class="empty-inline">当前筛选下没有规则。</div>
 
     <AdminKuaishouCloudRuleCard
       v-for="(item, index) in filteredItems"
@@ -118,3 +116,5 @@ const emit = defineEmits<{
     />
   </section>
 </template>
+
+<style scoped src="../AdminKuaishouCloudFulfillment.css"></style>