diff --git a/frontend/src/pages/LdapConfigPage.tsx b/frontend/src/pages/LdapConfigPage.tsx
index 3cd5590..3f08ae8 100644
--- a/frontend/src/pages/LdapConfigPage.tsx
+++ b/frontend/src/pages/LdapConfigPage.tsx
@@ -2,11 +2,12 @@ import { useState, useEffect, useCallback } from 'react';
 import api from '@/api/request';
 import { FormDialog } from '@/components/FormDialog';
 import { ModalOverlay } from '@/components/ModalOverlay';
+import { ConfirmDialog } from '@/components/ConfirmDialog';
 import { toast } from '@/hooks/useToast';
 import {
   Save, ChevronRight, ChevronDown, RefreshCw,
   CheckCircle, XCircle, Trash2, KeyRound, FolderOpen, Users,
-  Shield, AlertTriangle, Import, UserPlus,
+  Shield, Import, UserPlus,
 } from 'lucide-react';
 
 /* ── types ── */
@@ -845,31 +846,15 @@ export default function LdapConfigPage() {
       )}
 
       {/* ── 删除确认弹框 ── */}
-      {showDeleteConfirm && (
-        <ModalOverlay open={true} onClose={() => setShowDeleteConfirm(false)} width="max-w-sm">
-          <div className="w-full bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl p-5 shadow-xl">
-            <div className="flex items-center justify-between mb-4">
-              <div className="flex items-center gap-2">
-                <AlertTriangle className="w-4 h-4 text-red-400" />
-                <h3 className="text-sm font-semibold text-[var(--dg-text-primary)]">确认删除</h3>
-              </div>
-              <button onClick={() => setShowDeleteConfirm(false)} className="text-[var(--dg-text-muted)] hover:text-[var(--dg-text-primary)] transition-colors">✕</button>
-            </div>
-            <p className="text-sm text-[var(--dg-text-secondary)] mb-5">
-              确认删除 <span className="text-red-400 font-medium">{selectedDns.size}</span> 个 LDAP 用户？此操作不可逆。
-            </p>
-            <div className="flex justify-end gap-2">
-              <button onClick={() => setShowDeleteConfirm(false)} className="px-4 py-2 text-sm text-[var(--dg-text-muted)] hover:text-[var(--dg-text-primary)] transition-colors">取消</button>
-              <button
-                onClick={confirmDelete}
-                className="flex items-center gap-1.5 px-4 py-2 text-sm font-medium rounded-lg bg-red-500 text-white hover:bg-red-600 transition-colors"
-              >
-                <Trash2 className="w-3.5 h-3.5" />确认删除
-              </button>
-            </div>
-          </div>
-        </ModalOverlay>
-      )}
+      <ConfirmDialog
+        open={showDeleteConfirm}
+        title="确认删除"
+        description={`确认删除 ${selectedDns.size} 个 LDAP 用户？此操作不可逆。`}
+        confirmText="确认删除"
+        variant="danger"
+        onConfirm={() => { confirmDelete(); }}
+        onCancel={() => setShowDeleteConfirm(false)}
+      />
     </div>
   );
 }