diff --git a/apps/jingrow/frontend/src/core/pagetype/GenericDetailPage.vue b/apps/jingrow/frontend/src/core/pagetype/GenericDetailPage.vue
index 352ef50..c8c5e87 100644
--- a/apps/jingrow/frontend/src/core/pagetype/GenericDetailPage.vue
+++ b/apps/jingrow/frontend/src/core/pagetype/GenericDetailPage.vue
@@ -47,7 +47,7 @@
             @click="handleDelete"
             :disabled="loading || isNew"
             :title="t('Delete')"
-            class="header-action-btn"
+            class="header-action-btn delete-btn"
           >
             <template #icon>
               <n-icon>
@@ -1636,6 +1636,18 @@ watch(() => route.params.entity, async (newEntity, oldEntity) => {
   justify-content: center;
 }
 
+/* 删除按钮悬浮时使用红色 */
+.header-action-btn.delete-btn:hover:not(:disabled) {
+  background: #ef4444 !important;
+  border-color: #ef4444 !important;
+  color: white !important;
+}
+
+.header-action-btn.delete-btn:hover:not(:disabled) :deep(.n-button__border),
+.header-action-btn.delete-btn:hover:not(:disabled) :deep(.n-button__state-border) {
+  border-color: #ef4444 !important;
+}
+
 /* 保存按钮 - 使用柔和的品牌色系，与列表页创建按钮一致 */
 .save-btn-brand {
   background: #e6f8f0 !important;