/* ============================================
   pay.bukao.net 品牌覆盖层
   统一为「暖白底 + 墨绿 #147a52」编辑风
   覆盖 index-top.css / index.css 的暗黑 + 荧光绿变量
   加载顺序：必须位于 index-top.css / index.css / common.css 之后
   ============================================ */

/* 重写调色板变量（原定义在 index-top.css 的 body 上） */
body {
  --bg-base: #f7f6f2;        /* 暖白底 */
  --bg-elevated: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #eef3f0;

  --border: #e5e2da;
  --border-bright: #d8d4ca;

  --text-primary: #1b1d1c;   /* 近黑正文 */
  --text-secondary: #565a58;
  --text-muted: #8a8d8a;

  --accent: #147a52;         /* 墨绿品牌色 */
  --accent-dim: #0f6644;
  --accent-soft: rgba(20, 122, 82, 0.08);

  --accent-blue: #2f6fb0;

  /* 顶部细微径向渐变，呼应墨绿品牌色（原荧光绿 -> 墨绿） */
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(20, 122, 82, 0.06), transparent 60%);
}

/* 顶部导航栏毛玻璃底色：由深黑改为暖白 */
.pay-header {
  background: rgba(247, 246, 242, 0.85);
}

/* 主按钮：墨绿底 + 白字（原为荧光绿底深黑字） */
.pay-btn-primary,
.pay-btn-primary:hover {
  color: #ffffff;
}

/* 状态标签边框：荧光绿 -> 墨绿 */
.pay-pill {
  border: 1px solid rgba(20, 122, 82, 0.25);
}

/* 状态点光晕：荧光绿 -> 墨绿 */
.pay-pill-dot {
  box-shadow: 0 0 0 0 rgba(20, 122, 82, 0.5);
}
@keyframes pay-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(20, 122, 82, 0.5); }
  70%  { box-shadow: 0 0 0 8px rgba(20, 122, 82, 0); }
  100% { box-shadow: 0 0 0 0 rgba(20, 122, 82, 0); }
}

/* 选中文本：墨绿底白字 */
::selection {
  background: var(--accent);
  color: #ffffff;
}