/* 帝国CMS 弹窗提示 · 样式 */
.ecms-toast-mask{
	position:fixed;left:0;top:0;right:0;bottom:0;z-index:99998;
	background:rgba(17,24,39,.34);
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align:center;-ms-flex-align:center;align-items:center;
	-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
	padding:20px;
	opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;
	-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}
.ecms-toast-mask.in{opacity:1}

.ecms-toast{
	--t-main:#2563eb;
	position:relative;
	width:100%;max-width:340px;background:#fff;border-radius:16px;overflow:hidden;
	-webkit-box-shadow:0 16px 50px rgba(17,24,39,.22);box-shadow:0 16px 50px rgba(17,24,39,.22);
	-webkit-transform:scale(.9) translateY(8px);transform:scale(.9) translateY(8px);opacity:0;
	-webkit-transition:all .24s cubic-bezier(.2,1.1,.35,1);transition:all .24s cubic-bezier(.2,1.1,.35,1);
}
.ecms-toast-mask.in .ecms-toast{-webkit-transform:none;transform:none;opacity:1}
.ecms-toast.success{--t-main:#16a34a}
.ecms-toast.error{--t-main:#dc2626}
.ecms-toast.info{--t-main:#2563eb}

.ecms-toast-top{height:4px;background:var(--t-main)}
.ecms-toast-body{padding:30px 22px 22px;text-align:center}
.ecms-toast-icon{
	width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:var(--t-main);color:#fff;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align:center;-ms-flex-align:center;align-items:center;
	-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
}
.ecms-toast-icon svg{width:29px;height:29px;display:block}
.ecms-toast.success .ecms-toast-icon{-webkit-animation:tPop .4s cubic-bezier(.2,1.5,.4,1) both;animation:tPop .4s cubic-bezier(.2,1.5,.4,1) both}
.ecms-toast.error .ecms-toast-icon{-webkit-animation:tShake .5s ease both;animation:tShake .5s ease both}
@-webkit-keyframes tPop{0%{opacity:0;-webkit-transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1)}}
@keyframes tPop{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:scale(1)}}
@-webkit-keyframes tShake{0%,100%{-webkit-transform:translateX(0)}20%{-webkit-transform:translateX(-6px)}40%{-webkit-transform:translateX(5px)}60%{-webkit-transform:translateX(-3px)}80%{-webkit-transform:translateX(2px)}}
@keyframes tShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}

.ecms-toast-title{font-size:16px;font-weight:600;color:#111827;margin-bottom:8px}
.ecms-toast-text{font-size:14.5px;color:#4b5563;line-height:1.7;word-break:break-all}
.ecms-toast-text a{color:var(--t-main);text-decoration:none}
.ecms-toast-time{margin-top:12px;font-size:12.5px;color:#9ca3af}
.ecms-toast-time b{color:var(--t-main);font-weight:600}
.ecms-toast-bar{margin-top:8px;height:3px;border-radius:3px;background:#eef1f6;overflow:hidden}
.ecms-toast-bar i{display:block;height:100%;width:100%;background:var(--t-main);-webkit-transition:width .2s linear;transition:width .2s linear}
.ecms-toast-btn{padding:0 22px 22px}
.ecms-toast-btn a{
	display:block;height:42px;line-height:42px;border-radius:10px;text-align:center;
	font-size:15px;color:#fff;background:var(--t-main);text-decoration:none;
}
.ecms-toast-btn a:active{opacity:.85}

/* 右上角关闭 × */
.ecms-toast-close{
	position:absolute;right:6px;top:6px;z-index:2;
	width:34px;height:34px;line-height:34px;
	border:0;padding:0;background:transparent;cursor:pointer;
	font-size:22px;color:#9ca3af;text-align:center;
	border-radius:50%;
	-webkit-transition:all .16s;transition:all .16s;
	-webkit-appearance:none;appearance:none;
	/* 保证移动端点击热区够大 */
	touch-action:manipulation;
}
.ecms-toast-close:hover{background:#f1f3f7;color:#374151}
.ecms-toast-close:active{-webkit-transform:scale(.9);transform:scale(.9)}
.ecms-toast-close svg{width:15px;height:15px;vertical-align:middle;display:inline-block}

/* 轻量 toast（无遮罩，顶部滑入） */
.ecms-toast-mini{
	position:fixed;left:50%;top:16px;z-index:99999;
	-webkit-transform:translate(-50%,-24px);transform:translate(-50%,-24px);
	max-width:88%;padding:11px 18px;border-radius:22px;
	background:rgba(31,41,55,.94);color:#fff;font-size:14px;line-height:1.5;text-align:center;
	-webkit-box-shadow:0 8px 24px rgba(0,0,0,.18);box-shadow:0 8px 24px rgba(0,0,0,.18);
	opacity:0;-webkit-transition:all .26s cubic-bezier(.2,1,.3,1);transition:all .26s cubic-bezier(.2,1,.3,1);
}
.ecms-toast-mini.in{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1}
.ecms-toast-mini.success{background:rgba(22,163,74,.96)}
.ecms-toast-mini.error{background:rgba(220,38,38,.96)}

@media (prefers-color-scheme:dark){
	.ecms-toast{background:#1a1f27}
	.ecms-toast-title{color:#f3f4f6}
	.ecms-toast-text{color:#c3c8d2}
	.ecms-toast-bar{background:#2a323d}
	.ecms-toast-close{color:#6b7280}
	.ecms-toast-close:hover{background:#252c38;color:#e5e7eb}
}