/* ==========================================================================
   手机版登录/注册页 —— 对齐参考站 m.* 的配色
   取值来自参考站实测（视口 526px，换算到 390px 手机约 ×0.74）：
     头部     linear-gradient(to top,#dc3b3f,#dc3b40)，白字，高 54 → 40px
     页面底色 #efeef4
     输入行   白底，标签 18.7 → 14px
     登录按钮 #dc3b40，圆角 4.68 → 4px，高 47 → 36px，白字 23.4 → 17px
     文字链接 #dc2e2e
   只覆盖外观，表单字段(name/pass)与 check_login() 提交逻辑原样不动。
   ========================================================================== */
body.mlogin{background:#efeef4 !important}

body.mlogin .am-header,
body.mlogin header.nav_bg{
  background:linear-gradient(to top,#dc3b3f,#dc3b40) !important;
  height:44px;line-height:44px;border:0;box-shadow:none;
  padding-top:env(safe-area-inset-top);
  height:calc(44px + env(safe-area-inset-top));
}
body.mlogin .am-header h1,
body.mlogin .am-header-title{
  font-size:17px !important;font-weight:400;color:#fff !important;line-height:44px !important;
}
body.mlogin .am-header a,body.mlogin .am-header i{color:#fff !important}
body.mlogin .mlogin-app{
  position:absolute;left:38px;top:0;line-height:44px;color:#fff !important;font-size:14px;
}
body.mlogin .mlogin-kefu{float:right;font-size:14px;color:#fff !important}

/* 输入行 */
body.mlogin .bank_recharge{padding:0}
body.mlogin .bank_form_list{margin:0;background:#fff}
body.mlogin .bank_form_list li{
  display:flex;align-items:center;height:48px;padding:0 14px;margin:0;
  border-bottom:1px solid #efeef4;background:#fff;
}
body.mlogin .bank_form_left{
  width:64px;flex:none;font-size:15px;color:#333;letter-spacing:2px;float:none !important;
}
body.mlogin .bank_right_input{flex:1;float:none !important;width:auto !important}
body.mlogin .bank_right_input .input_txt{
  width:100%;height:46px;border:0;background:transparent;font-size:15px;color:#333;padding:0;
}
body.mlogin .bank_right_input .input_txt::placeholder{color:#c6c6cc}

/* 记住我 */
body.mlogin .mlogin-remember{
  display:flex;align-items:center;gap:7px;margin:12px 16px 0;font-size:13px;color:#666;
}
body.mlogin .mlogin-remember input{width:15px;height:15px;margin:0;accent-color:#dc3b40}

/* 按钮与链接 */
body.mlogin .am-btn-block{
  display:block;width:calc(100% - 32px);margin:14px auto 0 !important;height:44px;line-height:44px;
  background:#dc3b40 !important;border:0 !important;border-radius:4px !important;
  color:#fff !important;font-size:17px;padding:0;box-shadow:none;
}
body.mlogin .am-btn-block:active{background:#c2333a !important}
body.mlogin .bank_pass{text-align:center;margin:12px 0 0;font-size:13px}
body.mlogin .bank_pass a{color:#dc2e2e !important;text-decoration:none}
body.mlogin .mlogin-links{
  text-align:center;margin:13px 0 0;font-size:13px;color:#c9c9d1;
}
body.mlogin .mlogin-links a{color:#dc2e2e !important;text-decoration:none;padding:0 6px}
body.mlogin .mlogin-pc{
  display:block;text-align:center;margin:34px 0 22px;font-size:13px;color:#9b9ba6 !important;
  text-decoration:none;
}

/* ---- 密码眼睛开关 ---- */
.mlogin-pwwrap{position:relative}
.mlogin-eye{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;cursor:pointer;
  background-repeat:no-repeat;background-position:center;background-size:22px;
  /* 睁眼 */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1.6'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.mlogin-eye.off{
  /* 闭眼 */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1.6'%3E%3Cpath d='M1 12s4-7 11-7c2.5 0 4.7.9 6.5 2M23 12s-4 7-11 7c-2.5 0-4.7-.9-6.5-2'/%3E%3Cline x1='3' y1='3' x2='21' y2='21'/%3E%3C/svg%3E");
}

/* ---- 登录页营销图（矢量，任何分辨率清晰）---- */
.mlogin-promo{margin:24px 14px 0;text-align:center}
.mlogin-promo-tip{
  margin:0 0 8px;font-size:19px;font-weight:800;color:#222;
  display:flex;align-items:center;justify-content:center;gap:4px;
}
.mlogin-hand{font-size:24px}
.mlogin-promo-hd{
  margin:0 0 12px;font-size:23px;font-weight:900;letter-spacing:1px;
  color:#e30d16;text-shadow:0 1px 0 #ffd2a6;
}
.mlogin-promo-list{list-style:none;margin:0;padding:0}
.mlogin-promo-list li{
  display:flex;align-items:center;gap:8px;
  margin:0 0 10px;padding:0 14px 0 10px;height:40px;
  border-radius:20px;color:#fff;font-size:15px;font-weight:700;
  background:linear-gradient(90deg,#f5333c,#c81019);
  box-shadow:0 3px 8px rgba(200,16,25,.28);
}
.mlogin-gift{font-size:19px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}

/* iOS Safari 对齐修正：消除 input 默认外观、去掉末行分隔线与溢出空白 */
body.mlogin .bank_form_list{overflow:hidden}
body.mlogin .bank_form_list li:last-child{border-bottom:0}
body.mlogin .bank_right_input .input_txt{
  -webkit-appearance:none;appearance:none;border-radius:0;line-height:normal;margin:0;
  -webkit-box-shadow:none;box-shadow:none;
}
