/* ========== 删除确认模态框 ========== */
.confirm-overlay {
  position: fixed; inset: 0;
  background: rgba(255, 255, 255, 0.6); /* 浅色遮罩 */
  backdrop-filter: blur(5px);
  z-index: 4000;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none;
  transition: opacity 0.2s ease;
}
.confirm-overlay.visible { opacity: 1; pointer-events: auto; }

.confirm-card {
  background: #FFFFFF;
  width: 280px;
  padding: 24px;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.1);
  border: 1px solid rgba(0,0,0,0.05);
  transform: scale(0.95);
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  text-align: center;
}
.confirm-overlay.visible .confirm-card { transform: scale(1); }

.confirm-title { font-size: 15px; font-weight: 600; color: #263238; margin-bottom: 8px; }
.confirm-desc { font-size: 12px; color: #90A4AE; margin-bottom: 20px; line-height: 1.5; font-weight: 300;}

.confirm-actions { display: flex; gap: 12px; }
.confirm-btn {
  flex: 1; padding: 10px 0; border: none; border-radius: 25px;
  font-size: 12px; font-weight: 500; cursor: pointer;
}
.btn-cancel-del { background: #F5F7F8; color: #78909C; }
.btn-confirm-del { background: #F5F7F8; color: #000; }