/* EPay unified result/status pages */
:root{
  --result-bg:#eef5ff;
  --result-card:#ffffff;
  --result-ink:#0f172a;
  --result-muted:#64748b;
  --result-line:#e2e8f0;
  --result-primary:#2563eb;
  --result-accent:#06b6d4;
  --result-success:#10b981;
  --result-danger:#ef4444;
  --result-shadow:0 28px 80px rgba(15,23,42,.16);
  --result-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
html,body{min-height:100%;font-family:var(--result-font)!important;color:var(--result-ink)!important;-webkit-font-smoothing:antialiased;}
body,.container,.page,.js_container{
  background:
    radial-gradient(circle at 18% 4%,rgba(37,99,235,.18),transparent 30%),
    radial-gradient(circle at 86% 12%,rgba(6,182,212,.16),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef5ff 55%,#f8fafc 100%)!important;
}
.page{display:grid!important;place-items:center!important;padding:24px!important;}
.weui-msg,.weui_msg,.weui-form{
  width:min(560px,100%)!important;
  margin:0 auto!important;
  padding:34px 26px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:var(--result-shadow)!important;
  backdrop-filter:blur(18px)!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
.weui-msg__icon-area,.weui_icon_area{margin-bottom:18px!important;}
.weui-icon-success,.weui_icon_success{color:var(--result-success)!important;filter:drop-shadow(0 14px 28px rgba(16,185,129,.24));}
.weui-icon-warn,.weui_icon_warn{color:var(--result-danger)!important;filter:drop-shadow(0 14px 28px rgba(239,68,68,.22));}
.weui-msg__title,.weui_msg_title,.weui-form__title{
  color:var(--result-ink)!important;
  font-size:28px!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
.weui-msg__desc,.weui_msg_desc{color:var(--result-muted)!important;line-height:1.8!important;}
.weui-cells,.weui_cells{
  margin-top:18px!important;
  border:1px solid var(--result-line)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
.weui-cell,.weui_cell{padding:14px 16px!important;color:#475569!important;}
.weui-cell__ft,.weui_cell_ft{color:#0f172a!important;font-weight:800!important;}
.weui-btn,.weui_btn{
  border-radius:999px!important;
  font-weight:900!important;
  box-shadow:0 14px 30px rgba(15,23,42,.10)!important;
  border:0!important;
}
.weui-btn_default,.weui_btn_default{background:#fff!important;color:#334155!important;border:1px solid #dbe4ef!important;}
.weui-btn_primary,.weui_btn_primary{background:linear-gradient(135deg,var(--result-primary),var(--result-accent))!important;color:#fff!important;}
.weui-btn_warn,.weui_btn_warn{background:linear-gradient(135deg,var(--result-danger),#f97316)!important;color:#fff!important;}
.weui-footer,.weui_footer{color:#94a3b8!important;}
.weui-textarea{border-radius:18px!important;background:#f8fafc!important;padding:14px!important;color:#0f172a!important;}
/* Ionic jump/status pages */
.bar.bar-header.bar-light{
  top:14px!important;left:14px!important;right:14px!important;width:auto!important;height:58px!important;border:0!important;border-radius:22px!important;
  background:rgba(255,255,255,.86)!important;box-shadow:0 18px 46px rgba(15,23,42,.12)!important;backdrop-filter:blur(18px)!important;
}
.bar .title{height:58px!important;line-height:58px!important;color:#0f172a!important;font-weight:900!important;}
.has-header{
  top:0!important;min-height:100vh!important;padding:96px 18px 24px!important;display:grid!important;place-items:center!important;background:transparent!important;
}
.has-header>.text-center{
  width:min(520px,100%)!important;
  padding:36px 24px!important;
  border-radius:32px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:var(--result-shadow)!important;
  color:#2563eb!important;
}
.has-header .icon{color:#2563eb!important;filter:drop-shadow(0 14px 28px rgba(37,99,235,.22));}
.has-header span{display:block;color:#475569!important;font-weight:800;font-size:16px;margin-top:12px;}
/* Gold plan iframe */
.main{min-height:100vh!important;background:transparent!important;}
.main>.container{
  width:min(520px,calc(100% - 28px))!important;
  margin:28px auto!important;
  padding:34px 24px!important;
  border-radius:32px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:var(--result-shadow)!important;
}
.main .container .icons{width:82px!important;height:82px!important;filter:drop-shadow(0 16px 30px rgba(15,23,42,.14));}
.main .container .text{font-size:30px!important;font-weight:900!important;color:#0f172a!important;letter-spacing:-.04em;}
.main .container .message p{font-size:15px!important;color:#64748b!important;line-height:1.75!important;}
.main .container .btn a{min-width:156px!important;height:48px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--result-primary),var(--result-accent))!important;font-weight:900!important;box-shadow:0 16px 34px rgba(37,99,235,.25)!important;}
#error-page,#waiting,#return-page>p,body:not(#error-page)>p{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  width:min(420px,calc(100% - 40px))!important;
  height:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  padding:26px 24px 26px 72px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:26px!important;
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:var(--result-shadow)!important;
  text-indent:0!important;
  font:800 16px/1.7 var(--result-font)!important;
}
#waiting:before,#return-page>p:before,body:not(#error-page)>p:before{
  content:"";
  position:absolute;
  left:26px;
  top:50%;
  width:28px;
  height:28px;
  margin-top:-14px;
  border:3px solid #dbeafe;
  border-top-color:#2563eb;
  border-radius:50%;
  animation:epaySpin .8s linear infinite;
}
@keyframes epaySpin{to{transform:rotate(360deg)}}
@media(max-width:560px){.weui-msg,.weui_msg,.weui-form,.has-header>.text-center,.main>.container{border-radius:26px!important;padding:28px 18px!important}.weui-msg__title,.weui_msg_title,.weui-form__title{font-size:24px!important}}