.layui-layer-msg{
	border-color: transparent!important;
	box-shadow: 2px 0 6px rgb(0 21 41 / 0.05)!important;
}
/* 右侧滑入动画 */
@keyframes layer-slideInRight {
	from { transform: translateX(100%); opacity: 0.8; }
	to { transform: translateX(0); opacity: 1; }
}

/* 覆盖 layer 默认样式 */
.layui-layer.layui-layer-right {
	margin-right: 0 !important; /* 消除右侧边距 */
	animation: layer-slideInRight 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
	left: auto !important; /* 禁用默认定位 */
	right: 0 !important; /* 固定在右侧 */
}

/* 点击关闭按钮->右侧滑出动画 */
@keyframes layer-slideOutRight {
	from {
		transform: translateX(0);
		opacity: 1;
	}
	to {
		transform: translateX(100%);
		opacity: 0;
	}
}

/* 强制覆盖层样式 (增加层级权重) */
.layui-layer.layui-layer-right.slide-out {
	animation: layer-slideOutRight 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
	display: block !important;
	pointer-events: none !important; /* 防止二次点击 */
}

/* 点击遮罩层->右侧滑出动画 */
@keyframes layer-shadeOutRight {
	from {
		transform: translateX(0);
		opacity: 1;
	}
	to {
		transform: translateX(100%);
		opacity: 0;
	}
}

/* 强制覆盖层样式 (增加层级权重) */
.layui-layer.layui-layer-right.shade-out {
	animation: layer-shadeOutRight 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
	display: block !important;
	pointer-events: none !important; /* 防止二次点击 */
}