diff --git a/src/components/PigBatchPenCard.vue b/src/components/PigBatchPenCard.vue
index 8e153193..7057eeea 100644
--- a/src/components/PigBatchPenCard.vue
+++ b/src/components/PigBatchPenCard.vue
@@ -7,7 +7,7 @@
       <div class="info-item">猪舍: {{ pen.house_name || '未知' }}</div>
       <div class="info-item border-left">容量: {{ pen.capacity }}</div>
       <div class="info-item">批次: {{ pen.batch_number || '未分配' }}</div>
-      <div class="info-item border-left">存栏: {{ pen.current_pig_count || 0 }}</div>
+      <div class="info-item border-left">存栏: <span :class="{'over-capacity': pen.current_pig_count > pen.capacity}">{{ pen.current_pig_count || 0 }}</span></div>
     </div>
     <div class="actions-section">
       <el-button size="small" @click="emitAllocatePigs" :disabled="!isBatchActive || batchUnassignedPigCount <= 0">分配猪只</el-button>
@@ -128,4 +128,8 @@ export default {
   width: 100%;
   margin: 0;
 }
+
+.over-capacity {
+  color: red;
+}
 </style>
diff --git a/src/components/PigPenInfoCard.vue b/src/components/PigPenInfoCard.vue
index 834bf832..384d23fd 100644
--- a/src/components/PigPenInfoCard.vue
+++ b/src/components/PigPenInfoCard.vue
@@ -7,7 +7,7 @@
       <div class="info-item">猪舍: {{ pen.house_name || '未知' }}</div>
       <div class="info-item border-left">容量: {{ pen.capacity }}</div>
       <div class="info-item">批次: {{ pen.batch_number || '未分配' }}</div>
-      <div class="info-item border-left">存栏: {{ pen.current_pig_count || 0 }}</div>
+      <div class="info-item border-left">存栏: <span :class="{'over-capacity': pen.current_pig_count > pen.capacity}">{{ pen.current_pig_count || 0 }}</span></div>
     </div>
     <div class="actions-section">
       <el-button size="small" @click="emitEdit">编辑</el-button>
@@ -120,4 +120,8 @@ export default {
   width: 100%;
   margin: 0;
 }
+
+.over-capacity {
+  color: red;
+}
 </style>