/* 51pay 静奢浅色覆盖层 v1（2026-09-28）
   加载于各页面原有 <style> 之后，同优先级后者覆盖前者。
   手法：粉收敛为点缀 / 深酒红 CTA / 发丝边框 / 超浅多层阴影 / 字距收紧 / 数字等宽
   作用域：.pg-home=首页  .pg-pay=付款页  .wrap=用户中心  .pg-admin/.pg-console=管理端 */
:root {
  --cta:#6E1B3C; --cta-2:#8E2A50;
  --gold:#B08D57; --gold-tint:#F7F1E6; --gold-line:#E5D5B8;
  --hairline:rgba(31,31,29,.08); --hairline-2:rgba(31,31,29,.14);
  --sh-card:0 1px 2px rgba(31,31,29,.04), 0 10px 28px -16px rgba(31,31,29,.10);
  --sh-card-hover:0 1px 2px rgba(31,31,29,.05), 0 16px 40px -16px rgba(31,31,29,.15);
  --sh-cta:0 1px 2px rgba(110,27,60,.20), 0 8px 20px -8px rgba(110,27,60,.38);
}

/* ================= 用户中心（index.html，容器 .wrap） ================= */
.wrap h1, .wrap h2, .wrap h3 { letter-spacing:-0.015em; }
.wrap .btn { background:var(--cta); border-radius:12px; letter-spacing:.01em; box-shadow:var(--sh-cta); transition-duration:.18s; }
.wrap .btn:hover { background:var(--cta-2); transform:translateY(-1px); }
.wrap .btn-ghost { background:#fff; color:var(--cta); border:1px solid var(--hairline-2); box-shadow:none; }
.wrap .btn-ghost:hover { background:#FCFCFA; border-color:var(--cta); color:var(--cta); transform:translateY(-1px); }
.wrap .card { border:1px solid var(--hairline); border-radius:16px; box-shadow:var(--sh-card); transition-duration:.18s; }
.wrap .card:hover { box-shadow:var(--sh-card-hover); }
.wrap .stat { border:1px solid var(--hairline); border-radius:16px; box-shadow:var(--sh-card); }
.wrap .stat:hover { transform:translateY(-2px); box-shadow:var(--sh-card-hover); }
.wrap .stat .vl { font-family:var(--mono); font-variant-numeric:tabular-nums; letter-spacing:-0.02em; }
.wrap .table-wrap { border:1px solid var(--hairline); border-radius:16px; box-shadow:var(--sh-card); }
.wrap input, .wrap select, .wrap textarea { border-radius:10px; }
/* 会员卡：香槟金（高级感的核心一处），压掉行内粉色渐变 */
#planCard { background:linear-gradient(120deg,#FBF6EC 0%,#F7F1E6 100%) !important; border:1px solid var(--gold-line) !important; }
#planCard h2 svg { stroke:var(--gold); }
#planBadge { font-weight:500; letter-spacing:.02em; }

/* ================= 官网首页（body.pg-home） ================= */
.pg-home h1, .pg-home h2, .pg-home h3 { letter-spacing:-0.025em; }
.pg-home .btn { letter-spacing:.01em; transition-duration:.18s; }
.pg-home .btn:not(.btn-ghost) { background:var(--cta); border-radius:12px; box-shadow:var(--sh-cta); }
.pg-home .btn:not(.btn-ghost):hover { background:var(--cta-2); }
.pg-home .btn-ghost { color:var(--cta); border:1px solid var(--hairline-2); border-radius:12px; background:#fff; }
.pg-home .btn-ghost:hover { border-color:var(--cta); }
/* 深色 hero 上的按钮保留品牌粉（粉作深色底上的珠宝点缀，正是静奢用法） */
.pg-home .hero .btn:not(.btn-ghost), .pg-home .hero .btn-light { background:var(--brand); }
.pg-home .hero .btn:not(.btn-ghost):hover, .pg-home .hero .btn-light:hover { background:#D4537E; }
.pg-home .faq-item { border:1px solid var(--hairline); border-radius:16px; box-shadow:var(--sh-card); transition-duration:.18s; }
.pg-home .faq-item:hover { box-shadow:var(--sh-card-hover); }
/* 信任条数字：等宽体 + 收紧，金融感 */
.pg-home .trust-item .tv, .pg-home .tv em.counter { font-family:var(--mono); font-variant-numeric:tabular-nums; letter-spacing:-0.02em; }

/* ================= 付款页（body.pg-pay） ================= */
.pg-pay .amount { font-variant-numeric:tabular-nums; letter-spacing:-0.025em; }
.pg-pay .amount .unit { letter-spacing:0; }
.pg-pay .card { border-radius:20px; }
.pg-pay .chain-tag { letter-spacing:.02em; }
/* 网络/档位选中态：深酒红细环取代高饱和粉 */
.pg-pay .plan-opt.sel, .pg-pay .cp-item.sel, .pg-pay .term-opt.sel { box-shadow:0 0 0 1.5px var(--cta) inset; }
.pg-pay h1, .pg-pay h2, .pg-pay h3 { letter-spacing:-0.02em; }

/* ================= 管理后台 / 登录页（藏青系，只统一精度） ================= */
.pg-admin h1, .pg-admin h2, .pg-console h1, .pg-console h2 { letter-spacing:-0.015em; }
.pg-console .card, .pg-admin .card { border-radius:16px; }