/* ============ 忆海易支付 科技感美化层 ============ */
:root{
  --bh-primary:#4F6EF7;
  --bh-primary2:#7B5CF0;
  --bh-grad:linear-gradient(135deg,#4F6EF7 0%,#7B5CF0 100%);
  --bh-grad-deep:linear-gradient(135deg,#3b5bdb 0%,#6741d9 100%);
  --bh-bg:radial-gradient(1200px 600px at 10% -10%, rgba(79,110,247,.18), transparent 60%),
          radial-gradient(1000px 700px at 110% 10%, rgba(123,92,240,.16), transparent 55%),
          linear-gradient(160deg,#0f1526 0%,#151b33 45%,#1a1033 100%);
  --bh-card:rgba(255,255,255,.06);
  --bh-card-bd:rgba(255,255,255,.12);
  --bh-text:#eef1ff;
  --bh-text-dim:#9aa4c9;
}
body.bh-dark{
  background:var(--bh-bg);
  background-attachment:fixed;
  color:var(--bh-text);
  min-height:100vh;
}
.bh-card-wrap .app{background:transparent;}
.bh-card{
  background:var(--bh-card);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid var(--bh-card-bd);
  border-radius:18px;
  padding:34px 30px;
  box-shadow:0 20px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.03) inset;
}
.bh-card .navbar-brand{
  background:var(--bh-grad);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:800;
  letter-spacing:1px;
}
.bh-card .text-center strong{color:var(--bh-text);font-size:15px;}
.bh-card .list-group-item{
  background:rgba(255,255,255,.05);
  border:1px solid var(--bh-card-bd);
  border-radius:10px !important;
  margin-bottom:10px;
  transition:border-color .2s, box-shadow .2s;
}
.bh-card .list-group-item:focus-within{
  border-color:var(--bh-primary);
  box-shadow:0 0 0 3px rgba(79,110,247,.18);
}
.bh-card .form-control.no-border{
  background:transparent;
  color:var(--bh-text);
  border:none;
  box-shadow:none;
  height:42px;
}
.bh-card .form-control::placeholder{color:#6b76a0;}
.bh-card .input-group-addon{
  background:rgba(79,110,247,.12);
  border:none;
  color:var(--bh-primary2);
  cursor:pointer;
  font-weight:600;
}
.bh-card .nav-tabs{border-bottom:1px solid var(--bh-card-bd);}
.bh-card .nav-tabs>li>a{
  background:transparent !important;
  color:var(--bh-text-dim) !important;
  border:none !important;
  font-weight:600;
}
.bh-card .nav-tabs>li.active>a,
.bh-card .nav-tabs>li.active>a:hover{
  color:var(--bh-primary) !important;
  border-bottom:2px solid var(--bh-primary) !important;
}
.bh-card .btn-primary{
  background:var(--bh-grad);
  border:none;
  border-radius:10px;
  font-weight:700;
  letter-spacing:2px;
  height:46px;
  box-shadow:0 8px 20px rgba(79,110,247,.35);
  transition:transform .15s, box-shadow .2s;
}
.bh-card .btn-primary:hover{background:var(--bh-grad-deep);transform:translateY(-1px);box-shadow:0 10px 26px rgba(79,110,247,.45);}
.bh-card .btn-primary:active{transform:translateY(0);}
.bh-card .btn-rounded{border-radius:30px;}
.bh-card .btn-info{background:linear-gradient(135deg,#22b8cf,#3bc9db);border:none;}
.bh-card .btn-danger{background:linear-gradient(135deg,#f06595,#e64980);border:none;}
.bh-card .line-dashed{border-top:1px dashed var(--bh-card-bd);}
.bh-card .text-muted{color:#5b6590 !important;}
.bh-card .text-muted a{color:#7a87c4 !important;}
.bh-card .checkbox label{color:var(--bh-text-dim);}
.bh-card .checkbox a{color:var(--bh-primary2);}
.bh-card .btn-icon.btn-default{background:rgba(255,255,255,.06);border:1px solid var(--bh-card-bd);color:#fff;}
.bh-card .btn-icon.btn-default:hover{background:rgba(255,255,255,.12);}
@media (max-width:768px){
  .bh-card{padding:26px 20px;border-radius:16px;}
  body.bh-dark{padding:12px;}
}

/* ===== 修复：disabled 输入框文字不可见 + 下拉选项白底白字 ===== */
.bh-card .form-control[disabled],
.bh-card .form-control[readonly],
body.bh-dark .form-control[disabled]{
  background:rgba(255,255,255,.04) !important;
  color:#8a93b8 !important;
  -webkit-text-fill-color:#8a93b8;
  opacity:1;
}
.bh-card .form-control[disabled]::placeholder{color:#5b6590;}
.bh-card select.form-control option,
body.bh-dark select option{
  color:#333;
  background:#fff;
}
/* 下拉框本身保持深色样式，箭头可见 */
.bh-card select.form-control,
body.bh-dark select.form-control{
  -webkit-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239aa4c9' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px;
}

/* ===== 验证码按钮 60 秒冷却状态 ===== */
.bh-card .sendcode-btn,
body.bh-dark .sendcode-btn{
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  min-width:104px;
  text-align:center;
  font-weight:600;
  color:var(--bh-primary2);
  transition:color .2s, opacity .2s;
}
.bh-card .sendcode-btn:hover,
body.bh-dark .sendcode-btn:hover{color:#a78bfa;}
.bh-card .sendcode-btn[data-lock="true"],
body.bh-dark .sendcode-btn[data-lock="true"]{
  color:#5b6590 !important;
  cursor:not-allowed;
  opacity:.75;
}

/* ===== layer 弹窗深色主题适配（避免浅色字落在白底上）===== */
body.bh-dark .layui-layer,
body.bh-dark .layui-layer-page,
body.bh-dark .layui-layer-dialog{
  background:#1b2138 !important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
  color:#eef1ff !important;
}
body.bh-dark .layui-layer-title{
  background:transparent !important;
  color:#eef1ff !important;
  border-bottom:1px solid rgba(255,255,255,.1);
  font-weight:600;
}
body.bh-dark .layui-layer-content,
body.bh-dark .layui-layer-dialog .layui-layer-content,
body.bh-dark .layui-layer-page .layui-layer-content{
  color:#eef1ff !important;
  background:transparent !important;
}
body.bh-dark .layui-layer-btn a{
  background:linear-gradient(135deg,#4F6EF7,#7B5CF0) !important;
  border:none !important; color:#fff !important;
  border-radius:9px !important; font-weight:600;
}
body.bh-dark .layui-layer-btn .layui-layer-btn0{background:linear-gradient(135deg,#4F6EF7,#7B5CF0) !important;}
body.bh-dark .layui-layer-setwin a{color:#9aa4c9;}
body.bh-dark .layui-layer-ico{filter:none;}
body.bh-dark .layui-layer-msg{background:rgba(30,36,60,.97) !important;color:#eef1ff !important;border:1px solid rgba(255,255,255,.14);}