style: 优化确认对话框按钮样式与主题适配

src/lib/components/ConfirmDialog.svelte

@@ -97,46 +97,35 @@
 	}
 
 	.btn {
+		display: inline-block;
 		padding: 8px 16px;
-		font-size: 0.9rem;
+		font-size: 0.95rem;
 		font-weight: 600;
 		border-radius: 0;
 		cursor: pointer;
 		font-family: inherit;
 		transition: all 0.2s;
+		border: 2px solid var(--text-color, #000000);
+		background-color: transparent;
+		color: var(--text-color, #000000);
 	}
 
 	.btn-secondary {
-		background: transparent;
+		/* Inherits basic styling */
-		color: var(--text-color, #000000);
-		border: 1px solid var(--border-color, rgba(0, 0, 0, 0.2));
 	}
 
 	.btn-secondary:hover {
-		background: rgba(0, 0, 0, 0.05);
+		background: var(--text-color, #000000);
+		color: var(--bg-color, #ffffff);
 	}
 
 	.btn-danger {
-		background: #dc3545;
+		color: #d9534f;
-		color: white;
+		border-color: #d9534f;
-		border: 1px solid #dc3545;
 	}
 
 	.btn-danger:hover {
-		background: #c82333;
+		background: #d9534f;
-		border-color: #bd2130;
+		color: white;
-	}
-
-	:global(.dark) .confirm-backdrop {
-		background: rgba(0, 0, 0, 0.6);
-	}
-
-	:global(.dark) .confirm-dialog {
-		background: var(--bg-color, #1a1a1a);
-		border-color: var(--border-color, #333333);
-	}
-
-	:global(.dark) .confirm-actions {
-		background: rgba(255, 255, 255, 0.02);
 	}
 </style>