.swal-overlay{background-color:transparent}
.swal-modal{border-radius:0;background:transparent;position:relative}
/* 弹出界面底下的手绘阴影：比面板宽一点、往下探一点，面板本体由 ::after 重新铺色 */
.swal-modal::before{content:'';position:absolute;left:-6%;right:-6%;top:12%;bottom:-14%;z-index:-2;pointer-events:none;background:url(../assets/public/svg/shadow.svg) center no-repeat;background-size:100% 100%}
.swal-modal::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:#f2cdcd}
.swal-title:first-child{margin-top:0}
.swal-title{margin:0;font-size:16px;background:rgba(0,0,0,.05);margin-bottom:28px}
.swal-footer{text-align: center;}
/* 按钮换成手绘框：true-frame=平时，true2-frame=高亮/按下。
   原图把「确定」两个字画进路径里了，弹窗按钮各有各的文字，所以只取框、字仍用 HTML 的。 */
.swal-button,
.swal-button.swal-button--cancel,
.swal-button.swal-button--danger{background-color:transparent;background-image:url(../assets/public/svg/true-frame.svg);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;box-shadow:none;color:#333;font-weight:600;font-size:14px;line-height:1;padding:11px 26px;margin:0 5px;cursor:pointer}
.swal-button:not([disabled]):hover,
.swal-button.swal-button--cancel:not([disabled]):hover,
.swal-button.swal-button--danger:not([disabled]):hover{background-color:transparent;background-image:url(../assets/public/svg/true2-frame.svg);color:#009900;box-shadow:none;transform:scale(1.05)}
.swal-button:not([disabled]):active,
.swal-button.swal-button--cancel:not([disabled]):active,
.swal-button.swal-button--danger:not([disabled]):active{background-color:transparent;background-image:url(../assets/public/svg/true2-frame.svg);color:#009900;box-shadow:none;transform:scale(.97)}
.swal-button:focus{outline:none;box-shadow:none}