/* Arco Message：顶部居中白底 Toast，替代整页绿色/红色横幅 */
#fk-toast-host{
  position:fixed;
  z-index:10050;
  top:40px;
  left:0;
  right:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:0 10px;
  pointer-events:none;
  text-align:center;
}
.msg.ok,
.msg.err,
.msg.warn,
.pc-msg.ok,
.pc-msg.err,
body.h5-macaron-tpl .msg.ok,
body.h5-macaron-tpl .msg.err,
body.h5-macaron-tpl .layout .msg.ok,
body.h5-macaron-tpl .layout .msg.err{
  position:fixed;
  top:48px;
  left:50%;
  z-index:10050;
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  box-sizing:border-box;
  width:auto !important;
  max-width:min(92vw,520px);
  margin:0 !important;
  padding:10px 16px !important;
  overflow:hidden;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:22px !important;
  text-align:left;
  color:#1D2129 !important;
  background:#fff !important;
  border:1px solid #E5E6EB !important;
  border-radius:4px !important;
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  transform:translateX(-50%);
  animation:fk-toast-in .18s ease both;
  pointer-events:auto;
}
.msg.ok::before,
.msg.err::before,
.msg.warn::before,
.pc-msg.ok::before,
.pc-msg.err::before{
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  flex:0 0 20px;
  background:center/20px 20px no-repeat;
}
.msg.ok::before,
.pc-msg.ok::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='20' fill='%2300B42A'/%3E%3Cpath fill='%23fff' d='M20.6 31.2 13 23.6l2.8-2.8 4.8 4.8L32.2 14l2.8 2.8z'/%3E%3C/svg%3E");
}
.msg.err::before,
.pc-msg.err::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='20' fill='%23F53F3F'/%3E%3Cpath fill='%23fff' d='M31.3 18.1 26.4 23l4.9 4.9-2.1 2.1-4.9-4.9-4.9 4.9-2.1-2.1 4.9-4.9-4.9-4.9 2.1-2.1 4.9 4.9 4.9-4.9z'/%3E%3C/svg%3E");
}
.msg.warn::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='20' fill='%23FF7D00'/%3E%3Cpath fill='%23fff' d='M22.2 13h3.6v16.2h-3.6zM22.2 32.2h3.6V36h-3.6z'/%3E%3C/svg%3E");
}
#fk-toast-host .msg.ok,
#fk-toast-host .msg.err,
#fk-toast-host .msg.warn{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  margin:0 0 12px !important;
  animation:fk-toast-in-host .18s ease both;
}
.msg.fk-toast-out{
  opacity:0 !important;
  transform:translateY(-8px) !important;
  transition:opacity .2s ease,transform .2s ease;
}
@keyframes fk-toast-in{
  from{opacity:0;transform:translateX(-50%) translateY(-10px)}
  to{opacity:1;transform:translateX(-50%) translateY(0)}
}
@keyframes fk-toast-in-host{
  from{opacity:0;transform:translateY(-10px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:640px){
  #fk-toast-host{top:16px}
  .msg.ok,.msg.err,.msg.warn{top:16px;max-width:calc(100vw - 24px)}
}

/* Arco Modal：提示弹窗（无分类、confirm/alert） */
.fk-dialog-mask{
  position:fixed;
  inset:0;
  z-index:10060;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(29,33,41,.6);
}
.fk-dialog{
  width:100%;
  max-width:432px;
  padding:28px 24px 24px;
  background:#fff;
  border-radius:8px;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  text-align:center;
  animation:fk-dialog-in .16s ease;
}
.fk-dialog-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:16px;
  font-weight:600;
  line-height:24px;
  color:#1D2129;
}
.fk-dialog-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  background:center/22px 22px no-repeat;
}
.fk-dialog-icon.warn{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='20' fill='%23FF7D00'/%3E%3Cpath fill='%23fff' d='M22.2 13h3.6v16.2h-3.6zM22.2 32.2h3.6V36h-3.6z'/%3E%3C/svg%3E");
}
.fk-dialog-body{
  margin:20px 8px 28px;
  font-size:14px;
  font-weight:400;
  line-height:22px;
  text-align:left;
  color:#1D2129;
  word-break:break-word;
}
.fk-dialog-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.fk-dialog-ok,
.fk-dialog-cancel{
  min-width:96px;
  height:36px;
  padding:0 16px;
  border:0;
  border-radius:2px;
  font-size:14px;
  line-height:36px;
  cursor:pointer;
}
.fk-dialog-ok{
  background:#165DFF;
  color:#fff;
}
.fk-dialog-ok:hover{background:#0E42D2}
.fk-dialog-cancel{
  background:#F2F3F5;
  color:#4E5969;
}
.fk-dialog-cancel:hover{background:#E5E6EB}
@keyframes fk-dialog-in{
  from{opacity:0;transform:translateY(-8px) scale(.98)}
  to{opacity:1;transform:none}
}