/**
 * 公共提示模态窗（替代 toastr，需手动点关闭）
 * 引用：<link rel="stylesheet" href="__static__2024/css/dh-tip-modal.css?v=时间戳">
 * 需高于阿里云验证码层（登录页约 2000），避免提示被遮挡
 */
#dh-tip-modal {
	z-index: 10050 !important;
}

/* 提示弹出时抬高对应 backdrop（由 JS 打上 dh-tip-backdrop） */
.modal-backdrop.dh-tip-backdrop {
	z-index: 10040 !important;
}

/*
 * 覆盖主题不完整的 modal 居中。
 * 用 .dh-tip-open（而非仅 .show）：关闭时 BS 会先去掉 .show，
 * 若此时失去 flex，淡出阶段会闪到左上角。
 */
#dh-tip-modal.modal.dh-tip-open {
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

#dh-tip-modal .modal-dialog,
#dh-tip-modal .modal-dialog-centered {
	max-width: 320px;
	width: 100%;
	margin: 0;
	min-height: 0;
	pointer-events: auto;
}

/* 禁用主题里 BS4 式 ::before 垂直居中 hack，避免错位 */
#dh-tip-modal .modal-dialog-centered::before {
	display: none !important;
	content: none !important;
	height: 0 !important;
}

#dh-tip-modal .modal-content {
	border: none;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	width: 100%;
}

#dh-tip-modal .dh-tip-body {
	padding: 1.5rem 1.25rem 1rem;
	text-align: center;
}

#dh-tip-modal .dh-tip-msg {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	word-break: break-word;
}

#dh-tip-modal .dh-tip-footer {
	padding: 0 1.25rem 1.25rem;
	text-align: center;
}

#dh-tip-modal .dh-tip-close-btn {
	min-width: 96px;
	border: none;
	border-radius: 4px;
	padding: 0.4rem 1.25rem;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

/* 警告：红字 + 红底白字按钮 */
#dh-tip-modal.dh-tip-warning .dh-tip-msg {
	color: #dc3545;
}

#dh-tip-modal.dh-tip-warning .dh-tip-close-btn {
	background-color: #dc3545;
}

#dh-tip-modal.dh-tip-warning .dh-tip-close-btn:hover,
#dh-tip-modal.dh-tip-warning .dh-tip-close-btn:focus {
	background-color: #c82333;
	color: #fff;
}

/* 成功：黑字 + 主题主色按钮（与登录 btn-primary 一致） */
#dh-tip-modal.dh-tip-success .dh-tip-msg {
	color: #212529;
}

#dh-tip-modal.dh-tip-success .dh-tip-close-btn {
	background-color: #7366ff;
}

#dh-tip-modal.dh-tip-success .dh-tip-close-btn:hover,
#dh-tip-modal.dh-tip-success .dh-tip-close-btn:focus {
	background-color: #7366ff;
	color: #fff;
}
