diff --git a/src/views/fac_cal/hfnf_index.vue b/src/views/fac_cal/hfnf_index.vue
index dc1c9f11..81a2a920 100644
--- a/src/views/fac_cal/hfnf_index.vue
+++ b/src/views/fac_cal/hfnf_index.vue
@@ -25,8 +25,8 @@
         </div>
 
         <!-- 工厂数据卡片 -->
-        <el-row :gutter="16" class="factory-row">
-            <el-col :xs="24" :sm="12" :md="6" v-for="(item, index) in factories" :key="item.name">
+        <div class="factory-row">
+            <div class="factory-col" v-for="(item, index) in factories" :key="item.name">
                 <div class="factory-card" :style="{ borderTopColor: item.color }" @click="goDetail(item)">
                     <div class="card-header">
                         <div class="card-icon" :style="{ backgroundColor: item.bgColor }">
@@ -51,8 +51,8 @@
                         </div>
                     </div>
                 </div>
-            </el-col>
-        </el-row>
+            </div>
+        </div>
 
         <!-- 图表区域 -->
         <el-row :gutter="16" class="chart-row">
@@ -511,9 +511,16 @@ onBeforeUnmount(() => {
 
 /* 工厂卡片 */
 .factory-row {
+    display: flex;
+    gap: 16px;
     margin-bottom: 16px;
 }
 
+.factory-col {
+    flex: 1 1 0;
+    min-width: 0;
+}
+
 .factory-card {
     background: #fff;
     border-radius: 10px;