diff --git a/frontend/src/views/MapList.vue b/frontend/src/views/MapList.vue
index 70a0f4d7..127f03b6 100644
--- a/frontend/src/views/MapList.vue
+++ b/frontend/src/views/MapList.vue
@@ -3,7 +3,7 @@
     <div style="display:flex;justify-content:space-between;margin-bottom:16px;">
       <h3>战略地图</h3>
       <div>
-        <el-button type="danger" size="small" :disabled="selectedIds.length === 0" @click="batchDelete">批量删除（{{ selectedIds.length }}）</el-button>
+        <button class="map-btn map-btn-danger" :disabled="selectedIds.length === 0" @click="batchDelete">批量删除（{{ selectedIds.length }}）</button>
         <el-button type="primary" @click="showForm=true;form={}">新建地图</el-button>
       </div>
     </div>
@@ -154,5 +154,7 @@ onMounted(load)
 .map-form-footer { display:flex; justify-content:flex-end; gap:10px; padding:12px 20px; border-top:1px solid #f0f0f0; }
 .map-btn { padding:8px 20px; border:1px solid #dcdfe6; border-radius:6px; background:#fff; color:#333; font-size:14px; cursor:pointer; }
 .map-btn-primary { background:#409eff; color:#fff; border-color:#409eff; }
-.map-btn:hover { opacity:0.85; }
+.map-btn-danger { background:#f56c6c; color:#fff; border-color:#f56c6c; }
+.map-btn:disabled { opacity:0.5; cursor:not-allowed; }
+.map-btn:hover:not(:disabled) { opacity:0.85; }
 </style>