@charset "utf-8";
/* ============================================================
   三狗云支付 - 蔚蓝主题全局样式
   统一后台、商户中心、收银台、前台模板与安装向导的主色调
   ============================================================ */

:root {
  --sg-azure: #0b72e7;
  --sg-azure-dark: #0a57b8;
  --sg-azure-deep: #073b7d;
  --sg-azure-light: #4e9bf5;
  --sg-azure-pale: #e9f2fe;
  --sg-azure-line: #bcd8fb;
  --sg-azure-grad: linear-gradient(135deg, #1491f0 0%, #0a5fd3 100%);
  --sg-azure-grad-deep: linear-gradient(135deg, #0a57b8 0%, #073b7d 100%);
}

/* ---------- 基础文字与链接 ---------- */
a { color: var(--sg-azure); }
a:hover, a:focus { color: var(--sg-azure-dark); text-decoration: none; }
.text-primary { color: var(--sg-azure) !important; }
.text-info { color: #1476dd !important; }
.text-primary-dker { color: var(--sg-azure-dark) !important; }
.bg-primary { background-color: var(--sg-azure) !important; }
.bg-info { background-color: #1491f0 !important; }
::selection { background: rgba(11, 114, 231, .18); }

/* ---------- 按钮 ---------- */
.btn { border-radius: 6px; }
.btn-primary,
.btn-success {
  background: var(--sg-azure-grad);
  border-color: var(--sg-azure-dark);
  color: #fff;
  box-shadow: 0 2px 8px rgba(10, 87, 184, .18);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary:active:focus, .open > .dropdown-toggle.btn-primary,
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success:active:focus, .open > .dropdown-toggle.btn-success {
  background: var(--sg-azure-grad-deep);
  border-color: var(--sg-azure-deep);
  color: #fff;
}
.btn-info {
  background: linear-gradient(135deg, #4e9bf5 0%, #1476dd 100%);
  border-color: var(--sg-azure);
  color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
.open > .dropdown-toggle.btn-info {
  background: linear-gradient(135deg, #1476dd 0%, #0a57b8 100%);
  border-color: var(--sg-azure-dark);
  color: #fff;
}
.btn-warning { background: linear-gradient(135deg, #ffb648 0%, #f39413 100%); border-color: #e08206; }
.btn-danger  { background: linear-gradient(135deg, #ff7d87 0%, #f04a57 100%); border-color: #de3a47; }
.btn-link { color: var(--sg-azure); }
.btn-default { border-radius: 6px; }
.btn-default:hover, .btn-default:focus, .btn-default:active {
  color: var(--sg-azure-dark);
  border-color: var(--sg-azure);
  background-color: #f4f9ff;
}
.btn-outline-azure {
  background: transparent;
  border: 1px solid var(--sg-azure);
  color: var(--sg-azure);
}
.btn-outline-azure:hover { background: var(--sg-azure); color: #fff; }

/* ---------- 顶部导航（后台 / 前台 Bootstrap 导航） ---------- */
.navbar-default {
  background: var(--sg-azure-grad);
  border-color: var(--sg-azure-dark);
  border-radius: 0;
  box-shadow: 0 2px 12px rgba(7, 59, 125, .18);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #fff; font-weight: 600; letter-spacing: .5px; }
.navbar-default .navbar-text { color: rgba(255, 255, 255, .9); }
.navbar-default .navbar-nav > li > a { color: rgba(255, 255, 255, .93); }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #fff; background: rgba(255, 255, 255, .14); }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color: #fff; background: rgba(255, 255, 255, .2); }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover { color: #fff; background: rgba(255, 255, 255, .18); }
.navbar-default .navbar-nav > li > a .caret { border-top-color: #fff; border-bottom-color: #fff; }
.navbar-default .navbar-toggle { border-color: rgba(255, 255, 255, .55); }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: rgba(255, 255, 255, .16); }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: rgba(255, 255, 255, .22); }
.navbar-default .dropdown-menu { background: #fff; border-color: #dbe7f7; border-radius: 8px; box-shadow: 0 8px 24px rgba(7, 59, 125, .12); }
.navbar-default .dropdown-menu > li > a { color: #33475f; }
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus { background: var(--sg-azure-pale); color: var(--sg-azure-dark); }
.navbar-default .dropdown-menu > .active > a { background: var(--sg-azure); color: #fff; }
.navbar-brand > img { display: inline-block; }

/* ---------- 面板 / 卡片 ---------- */
.panel {
  border-radius: 10px;
  border-color: #dbe7f7;
  box-shadow: 0 2px 12px rgba(7, 59, 125, .06);
  overflow: hidden;
}
.panel-heading { border-radius: 0; }
.panel-default > .panel-heading { background: #f6faff; color: var(--sg-azure-deep); border-color: #dbe7f7; }
.panel-default > .panel-heading .panel-title { color: var(--sg-azure-deep); font-weight: 600; }
.panel-primary, .panel-info { border-color: var(--sg-azure-line); }
.panel-primary > .panel-heading { background: var(--sg-azure-grad); border-color: var(--sg-azure-dark); color: #fff; }
.panel-info > .panel-heading { background: linear-gradient(135deg, #4e9bf5 0%, #1476dd 100%); border-color: var(--sg-azure); color: #fff; }
.panel-success > .panel-heading { background: linear-gradient(135deg, #4e9bf5 0%, #1476dd 100%); border-color: var(--sg-azure); color: #fff; }
.panel-warning { border-color: var(--sg-azure-line); }
.panel-warning > .panel-heading { background: var(--sg-azure-grad); border-color: var(--sg-azure-dark); color: #fff; }
.panel-title { font-weight: 600; }
.panel-footer { background: #f8fbff; border-top-color: #e5eefa; }
.well { background: #f5f9ff; border-color: #dbe7f7; border-radius: 8px; }

/* ---------- 标签 / 徽标 ---------- */
.label-primary { background-color: var(--sg-azure); }
.label-info { background-color: #1491f0; }
.badge { background-color: var(--sg-azure); }
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background: var(--sg-azure-grad);
  border-color: var(--sg-azure-dark);
}
.list-group-item-info { background: var(--sg-azure-pale); border-color: var(--sg-azure-line); color: var(--sg-azure-dark); }
.list-group-item { border-color: #e8eff9; }

/* ---------- 表格 ---------- */
.table > thead > tr > th {
  background: #f2f7fe;
  color: var(--sg-azure-dark);
  border-bottom: 2px solid #cfe2fb;
  font-weight: 600;
}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f8fbff; }
.table-hover > tbody > tr:hover { background-color: #eaf3fe; }
.table-bordered { border-color: #e5eefa; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td { border-color: #e5eefa; }

/* ---------- 表单 ---------- */
.form-control { border-radius: 6px; border-color: #d8e4f2; }
.form-control:focus {
  border-color: var(--sg-azure);
  box-shadow: 0 0 0 3px rgba(11, 114, 231, .13);
}
.input-group-addon { background: #f2f7fe; border-color: #d8e4f2; color: var(--sg-azure-dark); }

/* ---------- 标签页 / 分页 / 进度条 ---------- */
.nav-tabs { border-bottom-color: #e5eefa; }
.nav-tabs > li > a { color: #5a6b80; border-radius: 6px 6px 0 0; }
.nav-tabs > li > a:hover { border-color: transparent transparent #e5eefa; color: var(--sg-azure); background: #f5f9ff; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: var(--sg-azure); border-color: #e5eefa #e5eefa transparent; border-top: 2px solid var(--sg-azure); }
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background-color: var(--sg-azure); }
.pagination > li > a, .pagination > li > span { color: var(--sg-azure); }
.pagination > li > a:hover { background: var(--sg-azure-pale); border-color: var(--sg-azure-line); }
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span { background-color: var(--sg-azure); border-color: var(--sg-azure); }
.pager li > a:hover { color: var(--sg-azure-dark); }
.progress { border-radius: 10px; background: #eef4fc; }
.progress-bar { background: var(--sg-azure-grad); box-shadow: none; }
.progress-bar-info { background: linear-gradient(135deg, #4e9bf5 0%, #1476dd 100%); }

/* ---------- 提示条 ---------- */
.alert { border-radius: 8px; }
.alert-info { background: var(--sg-azure-pale); border-color: var(--sg-azure-line); color: var(--sg-azure-dark); }
.alert-success { background: #eaf7f2; border-color: #b8e5d3; color: #14724f; }
.alert-warning { background: #fff7e8; border-color: #ffe0b2; color: #8a5b00; }
.alert-danger { background: #fdeff1; border-color: #fbc6cd; color: #a32234; }

/* ---------- 模态框 ---------- */
.modal-content { border-radius: 12px; border-color: #dbe7f7; }
.modal-header { border-bottom-color: #e5eefa; background: #f8fbff; border-radius: 12px 12px 0 0; }
.modal-title { color: var(--sg-azure-deep); font-weight: 600; }

/* ============================================================
   商户中心（app.css 主题）
   ============================================================ */
.app .navbar-header.bg-black,
.app .navbar-header.bg-dark { background: var(--sg-azure-grad) !important; }
.app .navbar-header.bg-primary { background: var(--sg-azure-grad) !important; }
.app-header .navbar-brand { color: #fff !important; }
.app-header .navbar-brand i { color: rgba(255, 255, 255, .92); }
.app .navbar-collapse.bg-white { background: #fff !important; }
.app .navbar-collapse.bg-dark { background: var(--sg-azure-deep) !important; }
.app .navbar-collapse.bg-info { background: #1476dd !important; }
.app .navbar-collapse.bg-primary { background: var(--sg-azure-dark) !important; }
.app-header .navbar-collapse .nav > li > a { color: #33475f; }
.app-header .navbar-collapse.bg-dark .nav > li > a,
.app-header .navbar-collapse.bg-info .nav > li > a,
.app-header .navbar-collapse.bg-primary .nav > li > a { color: rgba(255, 255, 255, .92); }

.app-aside.bg-black, .app-aside.bg-dark { background: #08356e !important; }
.app-aside.bg-primary { background: var(--sg-azure-dark) !important; }
.app-aside .nav > li > a { color: #b9cde4; }
.app-aside .nav > li > a:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.app-aside .nav > li.active > a { color: #fff; background: rgba(78, 155, 245, .28); box-shadow: inset 3px 0 0 #4e9bf5; }
.app-aside .nav > li > a i { color: #8fb6e0; }
.app-aside .nav > li.active > a i { color: #fff; }
.app-aside .nav .nav-sub { background: rgba(0, 0, 0, .18); }
.app-aside .nav .nav-sub li > a { color: #a8c1dc; }
.app-aside .nav .nav-sub li.active > a,
.app-aside .nav .nav-sub li > a:hover { color: #fff; }
.app-aside .nav-sub .nav-sub { background: rgba(0, 0, 0, .22); }
.app-aside .line { background: rgba(255, 255, 255, .1); }

.app .btn-primary { background: var(--sg-azure-grad); border-color: var(--sg-azure-dark); }
.app .nav-tabs > .active > a { color: var(--sg-azure); }
.app .wrapper-xxl a { color: var(--sg-azure); }
.app .list-group-sm .list-group-item { border-color: #e5eefa; }
.app .list-group-sm .list-group-item.active { background: var(--sg-azure); border-color: var(--sg-azure); color: #fff; }

/* ============================================================
   收银台 / 支付页（WeUI）
   ============================================================ */
.weui-btn_primary,
.weui-btn.weui-btn_primary { background-color: var(--sg-azure) !important; color: #fff !important; }
.weui-btn_primary:not(.weui-btn_disabled):active,
.weui-btn.weui-btn_primary:not(.weui-btn_disabled):active { background-color: var(--sg-azure-dark) !important; }
.weui-btn_warn { background-color: #f04a57 !important; }
.weui-btn_default { color: var(--sg-azure); }
.weui-cell__ft a, .paypage a { color: var(--sg-azure); }
.weui-navbar__item.weui-bar__item_on { color: var(--sg-azure); }
.weui-navbar__item.weui-bar__item_on:after { background-color: var(--sg-azure); }
.weui-progress__bar { background-color: var(--sg-azure); }
.weui-badge { background-color: var(--sg-azure); }

/* ============================================================
   安装向导
   ============================================================ */
.sg-install-wrap { max-width: 620px; margin: 0 auto; }
.sg-install-hero {
  background: var(--sg-azure-grad);
  color: #fff;
  border-radius: 12px 12px 0 0;
  padding: 22px 24px;
  margin-bottom: 0;
  box-shadow: 0 10px 26px rgba(7, 59, 125, .22);
}
.sg-install-hero h4 { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: 1px; }
.sg-install-hero p { margin: 6px 0 0; font-size: 13px; color: rgba(255, 255, 255, .82); }
.sg-install-body { background: #fff; border: 1px solid #dbe7f7; border-top: 0; border-radius: 0 0 12px 12px; padding: 24px; box-shadow: 0 10px 26px rgba(7, 59, 125, .08); }
.sg-steps { display: flex; gap: 8px; margin-bottom: 20px; }
.sg-step { flex: 1; text-align: center; font-size: 13px; color: #7b8ca1; padding: 8px 4px; border-radius: 6px; background: #f4f8fe; }
.sg-step.active { background: var(--sg-azure); color: #fff; font-weight: 600; }
.sg-step.done { background: var(--sg-azure-pale); color: var(--sg-azure-dark); }
.sg-field-error { display: none; color: #d9343f; font-size: 13px; margin-top: 6px; }
.sg-field-error.show { display: block; }
.sg-authkey-tip { font-size: 12px; color: #7b8ca1; margin-top: 6px; }

/* ---------- 通用小工具 ---------- */
.sg-badge-azure { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--sg-azure-pale); color: var(--sg-azure-dark); font-size: 12px; }
.sg-divider { height: 1px; background: linear-gradient(90deg, var(--sg-azure-line), transparent); border: 0; }
/* ---------- 安装向导补充 ---------- */
.sg-install-panel { border-radius: 0 0 12px 12px; border-top: 0; box-shadow: 0 10px 26px rgba(7, 59, 125, .08); }
.sg-install-panel .sg-steps { margin: 0; padding: 16px 16px 4px; background: #fff; }
.sg-install-panel > .panel-heading { border-radius: 0; }
.sg-input-error { border-color: #d9343f !important; box-shadow: 0 0 0 3px rgba(217, 52, 63, .12) !important; }
.sg-install-hero + .sg-install-panel { margin-top: 0; }

/* ============================================================= */
/* 收银台 cashier.php —— 支付通道选择区重排 + 蔚蓝按钮点击反馈      */
/* ============================================================= */

/* 页面背景：浅蔚蓝渐变，增强层次 */
body { background: linear-gradient(180deg, #eef5fd 0%, #f6faff 40%, #f1f6fc 100%) !important; }

/* 顶部导航：蔚蓝描边 + 标题强调 */
.navBD12 { border-bottom: 2px solid #d7e8fb; box-shadow: 0 2px 10px rgba(11,114,231,.06); background: #fff; }
.nav12-right { color: #0b72e7 !important; font-weight: 600; letter-spacing: 1px; }

/* 订单信息卡片：轻微浮起 */
.order-amount12 { border: 1px solid #e6eefb; border-radius: 12px; box-shadow: 0 4px 14px rgba(11,114,231,.06); }
.order-amount12-right strong { color: #0a57b8 !important; }

/* ---- 支付通道选择区重排 ---- */
.PayMethod12 { padding: 28px 35px 34px; border: 1px solid #e6eefb; border-radius: 12px; box-shadow: 0 4px 14px rgba(11,114,231,.06); }
.PayMethod12 h2 {
  font-size: 17px; font-weight: 600; color: #1a2b3c;
  padding-left: 12px; border-left: 4px solid #0b72e7;
  line-height: 1.2; margin-bottom: 22px; height: auto;
}
.PayMethod12 ul.types { display: flex; flex-wrap: wrap; gap: 16px; }
.PayMethod12 ul.types li.pay_li {
  position: relative;
  float: none; width: auto; min-width: 176px; height: auto;
  padding: 18px 20px; margin: 0;
  display: flex; align-items: center; gap: 14px;
  border: 1.5px solid #e2e8f0; border-radius: 12px; background: #fff;
  cursor: pointer; overflow: hidden;
  box-shadow: 0 1px 3px rgba(11,114,231,.06);
  transition: transform .22s cubic-bezier(.4,0,.2,1), box-shadow .22s ease, border-color .22s ease, background .22s ease;
  animation: sgPayIn .42s cubic-bezier(.4,0,.2,1) backwards;
}
.PayMethod12 ul.types li.pay_li:nth-child(1) { animation-delay: .04s; }
.PayMethod12 ul.types li.pay_li:nth-child(2) { animation-delay: .10s; }
.PayMethod12 ul.types li.pay_li:nth-child(3) { animation-delay: .16s; }
.PayMethod12 ul.types li.pay_li:nth-child(4) { animation-delay: .22s; }
.PayMethod12 ul.types li.pay_li:nth-child(5) { animation-delay: .28s; }
.PayMethod12 ul.types li.pay_li:nth-child(6) { animation-delay: .34s; }
.PayMethod12 ul.types li.pay_li img { float: none; width: 32px; height: 32px; margin: 0; border-radius: 7px; }
.PayMethod12 ul.types li.pay_li span { float: none; font-size: 15px; color: #33475b; font-weight: 500; }
/* 悬浮反馈 */
.PayMethod12 ul.types li.pay_li:hover {
  border-color: #7db6f5; transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(11,114,231,.16);
}
.PayMethod12 ul.types li.pay_li:hover span { color: #0a57b8; }
/* 按下反馈 */
.PayMethod12 ul.types li.pay_li:active { transform: translateY(-1px) scale(.98); }
/* 选中态 */
.PayMethod12 ul.types li.pay_li.active {
  border-color: #0b72e7; border-width: 2px; padding: 17px 19px;
  background: linear-gradient(180deg, #eef6ff 0%, #e2f0ff 100%);
  box-shadow: 0 8px 20px rgba(11,114,231,.20);
}
.PayMethod12 ul.types li.pay_li.active span { color: #0a57b8; font-weight: 600; }
/* 选中角标（对勾） */
.PayMethod12 ul.types li.pay_li::after {
  content: "\2713";
  position: absolute; top: -8px; right: -8px;
  width: 24px; height: 24px; line-height: 24px; text-align: center;
  background: #0b72e7; color: #fff; font-size: 14px; font-weight: 700; border-radius: 50%;
  box-shadow: 0 2px 6px rgba(11,114,231,.45);
  transform: scale(0); transition: transform .24s cubic-bezier(.34,1.56,.64,1);
}
.PayMethod12 ul.types li.pay_li.active::after { transform: scale(1); }
@keyframes sgPayIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---- 立即支付按钮：蔚蓝渐变 + 点击反馈 ---- */
.immediate-pay12 { border-top: 1px solid #e6eefb; border-radius: 12px; }
.immediate-pay12-right span strong { color: #0a57b8 !important; }
.immediate-pay12-right .immediate_pay {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #1491f0 0%, #0b72e7 55%, #0a57b8 100%);
  border-radius: 10px; font-weight: 600; letter-spacing: 2px; color: #fff;
  box-shadow: 0 5px 14px rgba(11,114,231,.38);
  transition: transform .12s ease, box-shadow .22s ease, filter .22s ease;
}
.immediate-pay12-right .immediate_pay:hover {
  filter: brightness(1.07); transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(11,114,231,.50);
}
.immediate-pay12-right .immediate_pay:active {
  transform: translateY(1px) scale(.96); filter: brightness(.95);
  box-shadow: 0 2px 6px rgba(11,114,231,.42);
}
/* 光泽扫过反馈 */
.immediate-pay12-right .immediate_pay::before {
  content: ""; position: absolute; top: 0; left: -70%;
  width: 45%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.4), transparent);
  transform: skewX(-20deg); transition: left .55s ease;
}
.immediate-pay12-right .immediate_pay:hover::before { left: 135%; }

/* 底部 */
.footer12 { color: #9fb3c8; }

/* 移动端：通道卡片整行排列 */
@media (max-width: 640px) {
  .PayMethod12 { padding: 22px 18px 26px; }
  .PayMethod12 ul.types { gap: 12px; }
  .PayMethod12 ul.types li.pay_li { width: 100%; min-width: 0; box-sizing: border-box; }
  .order-amount12, .PayMethod12, .immediate-pay12 { border-radius: 10px; }
}

/* 立即支付栏左侧安全提示 */
.immediate-pay12-left { float: left; line-height: 54px; margin-left: 35px; }
.sg-secure-tip { font-size: 13px; color: #4a90d9; display: inline-flex; align-items: center; gap: 6px; }
.sg-lock {
  display: inline-block; width: 13px; height: 10px;
  border: 1.6px solid #4a90d9; border-radius: 2px; position: relative; top: -1px;
}
.sg-lock::before {
  content: ""; position: absolute; left: 2px; top: -6px;
  width: 6px; height: 6px; border: 1.6px solid #4a90d9; border-bottom: none; border-radius: 4px 4px 0 0;
}
@media (max-width: 640px) {
  .immediate-pay12-left { float: none; line-height: normal; margin: 14px 0 0; }
  .sg-secure-tip { font-size: 12px; }
}

/* ============================================================
   液态玻璃按钮（全局 .btn + 收银台主按钮）
   毛玻璃底 + 顶部高光 + 点击反光扫过
   ============================================================ */
.btn {
  position: relative; overflow: hidden; isolation: isolate;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.65) !important;
  backdrop-filter: blur(9px) saturate(160%);
  -webkit-backdrop-filter: blur(9px) saturate(160%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.75), inset 0 -1px 2px rgba(7,59,125,.10), 0 4px 14px rgba(11,114,231,.18);
  transition: transform .12s ease, box-shadow .22s ease, filter .22s ease;
}
.btn::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.05) 45%, rgba(255,255,255,.16) 100%);
}
.btn::after {
  content:""; position:absolute; top:-25%; left:-85%; width:42%; height:150%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.92) 50%, transparent 100%);
  transform: skewX(-22deg); opacity:0; pointer-events:none;
}
.btn:active::after { animation: sgGlassReflect .55s ease-out; }
@keyframes sgGlassReflect { 0%{left:-85%;opacity:0} 20%{opacity:1} 100%{left:135%;opacity:0} }
.btn:hover { box-shadow: inset 0 1px 1px rgba(255,255,255,.85), 0 7px 20px rgba(11,114,231,.28); }
.btn:active { transform: translateY(1px) scale(.985); }

.btn-default, .btn-secondary {
  background: linear-gradient(135deg, rgba(255,255,255,.8), rgba(223,236,251,.62)) !important;
  color: var(--sg-azure-deep) !important;
}
.btn-primary, .btn-success {
  background: linear-gradient(135deg, rgba(90,178,255,.85), rgba(11,114,231,.74)) !important;
  color: #fff !important; text-shadow: 0 1px 2px rgba(7,59,125,.4);
}
.btn-info {
  background: linear-gradient(135deg, rgba(96,182,255,.85), rgba(20,120,220,.72)) !important;
  color: #fff !important; text-shadow: 0 1px 2px rgba(7,59,125,.35);
}
.btn-warning {
  background: linear-gradient(135deg, rgba(255,206,120,.9), rgba(243,148,19,.76)) !important;
  color: #5a3600 !important;
}
.btn-danger {
  background: linear-gradient(135deg, rgba(255,150,158,.9), rgba(240,74,87,.76)) !important;
  color: #fff !important; text-shadow: 0 1px 2px rgba(120,10,20,.35);
}
.btn-link {
  background: none !important; border: none !important; box-shadow: none !important;
  backdrop-filter: none; -webkit-backdrop-filter: none; color: var(--sg-azure) !important;
}
.btn-link::before, .btn-link::after { display: none; }
.btn.navbar-btn {
  background: rgba(255,255,255,.16) !important; border-color: rgba(255,255,255,.42) !important;
  color: #fff !important; box-shadow: none;
}
.btn.navbar-btn::before { display: none; }

/* 收银台主按钮液态玻璃化 */
.immediate-pay12-right .immediate_pay {
  background: linear-gradient(135deg, rgba(90,178,255,.85), rgba(11,114,231,.74)) !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  backdrop-filter: blur(9px) saturate(160%);
  -webkit-backdrop-filter: blur(9px) saturate(160%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.7), 0 6px 18px rgba(11,114,231,.32);
}
.immediate-pay12-right .immediate_pay::after {
  content:""; position:absolute; top:-25%; left:-85%; width:42%; height:150%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.92), transparent);
  transform: skewX(-22deg); opacity:0; pointer-events:none;
}
.immediate-pay12-right .immediate_pay:active::after { animation: sgGlassReflect .55s ease-out; }