/* ============================================================================
   会员链路视觉统一 —— 唯一一份定义（2026-11-04 爹定稿）
   规则：弹窗仍深蓝底(#141c2b) + 金色标题；主操作金色；次操作蓝灰。
   ★ 谁用：index / my_rentals / profile / redeem_result / games/index 五页
   ★ 铁律：任何页面**禁止**再另调一套会员弹窗配色，改只改这个文件。
   ★ 为什么单独成文件：/games/index.html 明确不加载 js/rentals.js（见该页 612 行注释），
     把样式塞在 rentals.js 里会导致商城页弹窗裸奔（实测截图已验证）。
   ============================================================================ */

/* 弹窗外壳：深蓝底 + 金边（原来是 #2f4a6e 蓝边） */
.vipm-dlg{
  background:#141c2b;
  border:1px solid rgba(212,175,96,.38);
  border-radius:14px;
  padding:20px 22px;
  color:#eee;
  box-shadow:0 18px 50px -18px rgba(0,0,0,.85),0 0 0 1px rgba(212,175,96,.07) inset;
}

/* 弹窗标题：金色渐变字（与「我的资料」黑金 VIP 卡同一套色） */
.vipm-title{
  font-size:15.5px;
  font-weight:700;
  margin-bottom:12px;
  letter-spacing:.3px;
  background:linear-gradient(92deg,#f7e7b4,#d4af60 55%,#a8823a);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* 主操作：开通 / 确定 / 会员取号 —— 金色，深字 */
.vipm-main{
  appearance:none;
  border:0;
  cursor:pointer;
  font-family:inherit;
  font-weight:800;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0) 52%),
             linear-gradient(100deg,#fbefc8,#f3dc9b 38%,#e8c87e 70%,#ddb96b);
  color:#2a1f08;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
  box-shadow:0 6px 18px -6px rgba(212,175,96,.7),inset 0 1px 0 rgba(255,255,255,.6);
  transition:filter .2s,transform .12s;
}
.vipm-main:hover{filter:brightness(1.05);}
.vipm-main:active{transform:scale(.98);}
.vipm-main:disabled{opacity:.6;cursor:default;}

/* 次操作：取消 / 关闭 / 去查看 —— 蓝灰 */
.vipm-sub{
  appearance:none;
  cursor:pointer;
  font-family:inherit;
  background:#2a3a5e;
  border:1px solid #3a5a8e;
  color:#9fc3ff;
  transition:background .18s;
}
.vipm-sub:hover{background:#32456d;}
.vipm-sub:disabled{opacity:.6;cursor:default;}