/* ============ 码支付收银台 · 黑白高端商务风 ============ */
:root{
  --color-primary:#111111;      /* 主色 · 黑 */
  --color-primary-dark:#000000;
  --color-secondary:#2b2b2b;
  --color-success:#2f8f5b;     /* 状态色保留淡语义，整体克制 */
  --color-warning:#a06a00;
  --color-error:#c0392b;
  --surface-bg:#f5f5f5;        /* 页面背景 · 浅灰 */
  --surface-card:#ffffff;
  --line-soft:#e7e7e7;         /* 细线 */
  --text-main:#0d0d0d;         /* 主文字 · 近黑 */
  --text-muted:#8a8a8a;        /* 次要文字 · 灰 */
}
html,body{background:var(--surface-bg)!important;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif!important;color:var(--text-main)!important;}

/* 页面外壳与卡片 */
.page-shell{background:var(--surface-bg)!important;}
.page-container,.page-container--narrow{max-width:560px!important;}
.page-header{border-bottom:1px solid var(--line-soft)!important;background:#fff!important;}
.order-summary-head-card,.order-summary,.payment-panel,.cashier-home,.cashier-grid{
  background:#fff!important;
  border:1px solid #ececec!important;
  border-radius:18px!important;
  box-shadow:0 2px 12px rgba(0,0,0,.04)!important;
}

/* 文字层级 */
.order-summary__title,.payment-title,.payment-label,.page-title{color:#111!important;font-weight:600!important;letter-spacing:.01em!important;}
.order-summary__merchant{color:#3a3a3a!important;font-weight:500!important;}
.order-summary__eyebrow,.payment-desc,.pay-tip{color:#8a8a8a!important;}
.order-summary__grid{border-top:1px solid #efefef!important;}

/* 金额主视觉 */
.amount-hero,.amount-hero__value,.amount__value{color:#0d0d0d!important;font-weight:700!important;}
.amount-hero__label,.amount__original,.amount-hero__label{color:#8a8a8a!important;}

/* 主按钮 · 纯黑 */
.pay-btn,.pay-btn-primary,[class*="btn-primary"]{background:#111!important;color:#fff!important;border:none!important;border-radius:9px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;}
.pay-btn:hover,[class*="btn-primary"]:hover{background:#000!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;}
.pay-btn:disabled,[class*="btn-primary"]:disabled{background:#d0d0d0!important;color:#fff!important;}

/* 二维码/收款区描边 */
.payment-panel--center,.cashier-entry,.qr-box{border:1px solid #efefef!important;background:#fff!important;border-radius:14px!important;}

/* logo 黑白化(若为彩色图也统一为黑白商务基调) */
.pay-logo img,.app-logo img,[class*="logo"] img{filter:grayscale(100%) contrast(1.05);}

/* 支付方式选择 chip */
.payment-method-chip{border:1px solid #e5e5e5!important;border-radius:10px!important;background:#fff!important;}
.payment-method-chip--center{color:#111!important;font-weight:500!important;}

/* 输入框 */
input,textarea,select{border:1px solid #ddd!important;border-radius:8px!important;background:#fff!important;color:#111!important;}

/* 底部/版权弱化 */
.page-footer,[class*="footer"]{color:#aaa!important;}

/* ===== header 品牌区：logo 方正放大 + 与平台名垂直对齐 + 间距收紧 ===== */
.brand-block{display:flex;align-items:center!important;gap:8px!important;}
.brand-logo{flex:0 0 42px!important;flex-basis:42px!important;width:42px!important;height:42px!important;object-fit:contain!important;object-position:left center!important;flex-shrink:0!important;filter:none!important;}
.brand-name{font-size:21px!important;font-weight:600!important;color:#111!important;letter-spacing:.02em!important;line-height:1!important;}
.brand-divider{display:none!important;}