/* ============================================================
   商家端 · 黑金电竞主题（Black & Gold Esports）
   - 真实商务黑金图片背景（后台「端样式设置」可上传覆盖）
   - 主色金色 #3B9EFF，文字深棕黑，全站无蓝色系
   - 由 sub/common.php 自动注入到所有 /merchant/ 页面
   ============================================================ */
:root{
  --gold:#3B9EFF; --gold-deep:#1E7BE0; --gold-soft:#FBF5E6;
  --ink:#22304d; --muted:#8a93a6;
}
html,body{
  background:linear-gradient(180deg,rgba(20,17,10,.88) 0%,rgba(32,26,14,.82) 30%,rgba(244,240,230,.96) 62%,#FFFFFF 100%) fixed !important;
  background-attachment:fixed !important;
  color:var(--ink) !important;
  max-width:480px;margin:0 auto;
}
body{padding-bottom:76px}
a{text-decoration:none;color:inherit}
img{max-width:100%}

/* 顶栏 */
.m-topbar,.top-bar,.nav-bar,.tabbar{
  background:var(--tabbar-bg,#FFFFFF) !important;
  color:var(--ink) !important;
  border-color:rgba(212,175,55,.22) !important;
  box-shadow:0 -4px 20px rgba(120,90,20,.10) !important;
}
.m-topbar h1{color:var(--ink) !important}
.m-topbar .bal{color:var(--gold-deep) !important}
.m-topbar i{color:var(--gold-deep)}

/* 卡片 */
.m-card,.card,.m-stat,.stat-card{
  background:#fff !important;
  border:1px solid rgba(212,175,55,.18) !important;
  box-shadow:0 6px 22px rgba(120,90,20,.08) !important;
  color:var(--ink) !important;
  border-radius:16px !important;
}
.m-card h3,.card-title,.card h3{color:var(--ink) !important}
.card-title .bar{background:linear-gradient(180deg,#5AB0FF,#3B9EFF) !important}
.m-stat .num,.stat-card .num{color:var(--gold-deep) !important}
.m-stat .label,.stat-card .label{color:var(--muted) !important}
.stat-card.green .num{color:#3B9EFF !important}
.stat-card.orange .num{color:#F0A23A !important}
.stat-card.red .num{color:#C0392B !important}

/* 表格 */
.m-table th,.m-table td,.data-table th,.data-table td{
  border-bottom:1px solid #F2F8FF !important;color:var(--ink) !important;
}
.m-table th,.data-table th{color:var(--muted) !important;background:#F0F6FF !important}

/* 按钮：确认类统一金色 */
.m-btn,.btn,.btn-primary,.btn-block,.btn-sm,.m-btn-primary,.submit-btn{
  background:linear-gradient(135deg,#5AB0FF 0%,#3B9EFF 55%,#1E7BE0 100%) !important;
  color:#fff !important;border:none !important;border-radius:20px !important;
  box-shadow:0 6px 18px rgba(59,158,255,.38) !important;
  transition:transform .22s ease,box-shadow .28s ease !important;
}
.m-btn:hover,.btn:hover{box-shadow:0 8px 24px rgba(59,158,255,.5) !important}
.m-btn:active,.btn:active{transform:scale(.96)}
.m-btn-danger,.btn-danger{background:linear-gradient(135deg,#FF8FA8,#F0607F) !important;color:#fff !important}
.m-btn-default,.btn-default,.btn-line{
  background:#fff !important;color:var(--gold-deep) !important;
  border:1px solid rgba(212,175,55,.45) !important;
  box-shadow:0 4px 14px rgba(59,158,255,.14) !important;
}

/* 表单 */
.m-form-group label{color:var(--muted) !important}
.m-form-group input,.m-form-group select,.m-form-group textarea,
input,textarea,select{
  background:#F0F6FF !important;color:var(--ink) !important;
  border:1px solid rgba(212,175,55,.28) !important;border-radius:12px !important;
}
input::placeholder,textarea::placeholder{color:#b3a37e !important}
input:focus,textarea:focus,select:focus{border-color:rgba(185,134,46,.65) !important;background:#fff !important}

/* 文本 */
.text-primary{color:var(--gold-deep) !important}
.text-success{color:#3B9EFF !important}
.text-danger{color:#C0392B !important}
.text-muted{color:var(--muted) !important}
.alert-warning{background:#FBF5E6 !important;border:1px solid rgba(212,175,55,.35) !important;color:#1E7BE0 !important}

/* 底部导航 */
.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;border-top:1px solid rgba(212,175,55,.20) !important;padding:8px 0 10px;z-index:100}
.tabbar a{color:var(--tabbar-text,var(--muted)) !important}
.tabbar a.active{color:var(--tabbar-active,var(--gold-deep)) !important;font-weight:700}
.tabbar .badge{background:var(--gold-deep) !important;color:#fff !important}

/* 呼吸光 */
@keyframes mSoftBreath{0%,100%{box-shadow:0 6px 18px rgba(59,158,255,.24)}50%{box-shadow:0 8px 26px rgba(59,158,255,.42)}}
.btn-primary,.m-btn{animation:mSoftBreath 3.8s ease-in-out infinite}

/* 光标柔光 */
#goldCursor{
  position:fixed;top:0;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;
  border-radius:50%;pointer-events:none;z-index:99999;
  background:radial-gradient(circle,rgba(59,158,255,.85),rgba(59,158,255,.16) 58%,transparent 72%);
  box-shadow:0 0 18px rgba(59,158,255,.55);transition:transform .08s linear;will-change:transform;
}
.gold-trail{
  position:fixed;top:0;left:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;
  pointer-events:none;z-index:99998;
  background:radial-gradient(circle,rgba(59,158,255,.72),transparent 70%);
  box-shadow:0 0 8px rgba(59,158,255,.45);will-change:transform;
}
@media (hover:none){#goldCursor,.gold-trail{display:none}}

/* 点击波纹 */
.ripple-ink{position:fixed;border-radius:50%;pointer-events:none;z-index:99997;
  background:radial-gradient(circle,rgba(59,158,255,.32),rgba(59,158,255,0) 70%);
  transform:scale(0);animation:rippleOut .52s ease-out forwards}
@keyframes rippleOut{to{transform:scale(1);opacity:0}}