/* ==========================================================================
   Glass UI 2026 — 小艾易支付 全站毛玻璃皮肤
   适用：前台首页 / 用户中心 / 管理后台 / 收银台 / 支付结果页
   仅覆盖视觉层（背景 / 玻璃质感 / 圆角 / 阴影 / 字体），不改布局结构
   ========================================================================== */

:root{
  --gl-font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro SC",
             "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei",
             "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --gl-ink: #131a2b;
  --gl-ink-2: #47536b;
  --gl-muted: #7b869c;
  --gl-line: rgba(255,255,255,.85);
  --gl-line-2: rgba(17,24,39,.06);
  --gl-glass: rgba(255,255,255,.46);
  --gl-glass-2: rgba(255,255,255,.42);
  --gl-glass-strong: rgba(255,255,255,.78);
  --gl-shadow: 0 10px 30px rgba(23,36,94,.10), 0 2px 8px rgba(23,36,94,.05);
  --gl-shadow-lg: 0 22px 60px rgba(23,36,94,.16), 0 4px 12px rgba(23,36,94,.06);
  --gl-inset: inset 0 1px 0 rgba(255,255,255,.92);
  --gl-blur: blur(20px) saturate(175%);
  --gl-radius: 18px;
  --gl-radius-sm: 12px;
  --gl-accent: #2563eb;
  --gl-accent-2: #7c3aed;
  --gl-accent-3: #06b6d4;
  --gl-grad: linear-gradient(135deg,#2f6bff 0%,#6a5cff 48%,#12b8d8 100%);
  --gl-grad-soft: linear-gradient(135deg, rgba(47,107,255,.14), rgba(106,92,255,.12) 50%, rgba(18,184,216,.12));
}

/* ---------- 1. 全局背景与字体 ---------- */
html{
  background:#e8eeff !important;
  -webkit-text-size-adjust:100%;
}
/* 极光背景层（固定，不随滚动；用 ::before 避免 background-attachment:fixed 的渲染问题） */
body::before{
  content:"";
  position:fixed;
  inset:-25% -20%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(48% 42% at 10% 8%, rgba(99,102,241,.62), transparent 62%),
    radial-gradient(44% 38% at 92% 4%, rgba(34,211,238,.52), transparent 60%),
    radial-gradient(52% 46% at 84% 92%, rgba(244,114,182,.38), transparent 64%),
    radial-gradient(44% 40% at 6% 88%, rgba(251,191,36,.34), transparent 62%),
    radial-gradient(60% 55% at 50% 50%, rgba(124,58,237,.20), transparent 70%),
    linear-gradient(155deg,#dfe9ff 0%,#eee3ff 38%,#d9f4ff 70%,#e6eeff 100%);
  background-size:cover;
}
body{
  font-family:var(--gl-font) !important;
  color:var(--gl-ink-2) !important;
  letter-spacing:.012em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background:transparent !important;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:var(--gl-font) !important;
  color:var(--gl-ink) !important;
  letter-spacing:-.012em;
}
a{transition:color .18s ease, opacity .18s ease}
.text-muted,.text-muted *{color:var(--gl-muted) !important}

/* ---------- 2. 玻璃通用基元 ---------- */
.gl-glass,
.panel,
.well,
.list-group,
.modal-content,
.dropdown-menu,
.b-3x,
.block-style-one,
.block-style-two,
.fancy-text-block .white-box{
  background:linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.28)) !important;
  -webkit-backdrop-filter:var(--gl-blur);
  backdrop-filter:var(--gl-blur);
  border:1px solid var(--gl-line) !important;
  border-radius:var(--gl-radius) !important;
  box-shadow:var(--gl-shadow), var(--gl-inset) !important;
}
.panel{
  overflow:hidden;
  margin-bottom:22px;
}
.panel > .panel-heading{
  background:linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.34)) !important;
  border:none !important;
  border-bottom:1px solid var(--gl-line-2) !important;
  border-radius:calc(var(--gl-radius) - 1px) calc(var(--gl-radius) - 1px) 0 0 !important;
  color:var(--gl-ink) !important;
  padding:14px 18px;
  font-weight:600;
  letter-spacing:.01em;
}
.panel > .panel-heading .panel-title{font-size:15px;font-weight:600;color:var(--gl-ink) !important}
.panel > .panel-heading .panel-title i,
.panel > .panel-heading .fa,
.panel > .panel-heading .glyphicon{color:var(--gl-accent) !important;margin-right:6px}
.panel-body{padding:16px 18px;background:transparent !important}
.panel-footer{
  background:rgba(255,255,255,.42) !important;
  border-top:1px solid var(--gl-line-2) !important;
  border-radius:0 0 calc(var(--gl-radius) - 1px) calc(var(--gl-radius) - 1px) !important;
}
.panel-group .panel + .panel{margin-top:14px}
/* 彩色 panel 用淡色描边替代原来的实心表面 */
.panel-info,.panel-success,.panel-warning,.panel-danger{
  border-left:3px solid rgba(37,99,235,.55) !important;
}
.panel-success{border-left-color:rgba(16,185,129,.6) !important}
.panel-warning{border-left-color:rgba(245,158,11,.65) !important}
.panel-danger{border-left-color:rgba(239,68,68,.6) !important}

.list-group-item{
  background:transparent !important;
  border:1px solid var(--gl-line-2) !important;
  border-left:none !important;
  border-right:none !important;
  border-radius:0 !important;
  color:var(--gl-ink-2);
}
.list-group-item:first-child{border-top:none !important}
.list-group-item:last-child{border-bottom:none !important}
.list-group-item:hover{background:rgba(255,255,255,.55) !important}
.list-group-item.list-group-item-danger{
  background:rgba(254,226,226,.65) !important;
  color:#b42318 !important;
  border-color:rgba(239,68,68,.25) !important;
}

/* ---------- 3. 导航栏（后台 Bootstrap navbar） ---------- */
.navbar-default,
.navbar{
  background:rgba(255,255,255,.62) !important;
  -webkit-backdrop-filter:var(--gl-blur);
  backdrop-filter:var(--gl-blur);
  border:none !important;
  border-bottom:1px solid var(--gl-line) !important;
  border-radius:0 !important;
  box-shadow:0 8px 26px rgba(23,36,94,.08) !important;
}
.navbar-default .navbar-brand,
.navbar .navbar-brand{
  color:var(--gl-ink) !important;
  font-weight:700;
  letter-spacing:.02em;
  background:var(--gl-grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.navbar-default .navbar-nav > li > a,
.navbar .navbar-nav > li > a{
  color:var(--gl-ink-2) !important;
  font-weight:500;
  border-radius:10px;
  margin:6px 2px;
  padding:10px 12px;
  transition:background .18s ease, color .18s ease, box-shadow .18s ease;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:hover{
  background:rgba(255,255,255,.75) !important;
  color:var(--gl-ink) !important;
  box-shadow:0 4px 14px rgba(23,36,94,.10);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a{
  background:var(--gl-grad-soft) !important;
  color:var(--gl-accent) !important;
  box-shadow:inset 0 0 0 1px rgba(47,107,255,.28), 0 4px 14px rgba(47,107,255,.12) !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover{background:rgba(255,255,255,.85) !important;color:var(--gl-ink) !important}
.navbar-toggle{border-color:rgba(17,24,39,.12) !important}
.navbar-toggle .icon-bar{background:var(--gl-ink-2) !important}

/* 下拉菜单 / 弹层 */
.dropdown-menu{
  padding:8px !important;
  min-width:190px;
  margin-top:8px !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:var(--gl-shadow-lg) !important;
  border-radius:14px !important;
  animation:glPop .16s ease;
}
@keyframes glPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dropdown-menu > li > a{
  border-radius:10px;
  padding:9px 12px;
  color:var(--gl-ink-2) !important;
  font-weight:500;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
  background:var(--gl-grad-soft) !important;
  color:var(--gl-accent) !important;
}
.dropdown-menu .divider{background:var(--gl-line-2) !important}

/* ---------- 4. 按钮 ---------- */
.btn{
  font-family:var(--gl-font) !important;
  border-radius:12px !important;
  font-weight:600;
  letter-spacing:.012em;
  transition:transform .16s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  border:1px solid transparent;
}
.btn:active{transform:translateY(1px) scale(.995)}
.btn-primary{
  background:var(--gl-grad) !important;
  border:none !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(47,107,255,.28) !important;
}
.btn-primary:hover,.btn-primary:focus{
  box-shadow:0 14px 32px rgba(47,107,255,.38) !important;
  filter:brightness(1.03);
}
.btn-success{background:linear-gradient(135deg,#10b981,#0ea5e9) !important;border:none !important;color:#fff !important;box-shadow:0 10px 24px rgba(16,185,129,.26) !important}
.btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48) !important;border:none !important;color:#fff !important;box-shadow:0 10px 24px rgba(244,63,94,.24) !important}
.btn-warning{background:linear-gradient(135deg,#f59e0b,#f97316) !important;border:none !important;color:#fff !important;box-shadow:0 10px 24px rgba(245,158,11,.24) !important}
.btn-info{background:linear-gradient(135deg,#06b6d4,#3b82f6) !important;border:none !important;color:#fff !important;box-shadow:0 10px 24px rgba(6,182,212,.24) !important}
.btn-default,.btn-white{
  background:rgba(255,255,255,.66) !important;
  border:1px solid var(--gl-line) !important;
  color:var(--gl-ink-2) !important;
  box-shadow:0 6px 18px rgba(23,36,94,.08), var(--gl-inset) !important;
  -webkit-backdrop-filter:blur(12px) saturate(160%);
  backdrop-filter:blur(12px) saturate(160%);
}
.btn-default:hover,.btn-white:hover{
  background:rgba(255,255,255,.9) !important;
  color:var(--gl-ink) !important;
  box-shadow:0 10px 26px rgba(23,36,94,.14) !important;
}
.btn-link{color:var(--gl-accent) !important}
.btn-group .btn{border-radius:0 !important}
.btn-group .btn:first-child{border-radius:12px 0 0 12px !important}
.btn-group .btn:last-child{border-radius:0 12px 12px 0 !important}

/* ---------- 5. 表格 ---------- */
.table{background:transparent !important;color:var(--gl-ink-2);margin-bottom:0}
.table > thead > tr > th{
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.5)) !important;
  color:var(--gl-ink) !important;
  font-weight:600;
  border-bottom:1px solid var(--gl-line-2) !important;
  font-size:13px;
  letter-spacing:.02em;
  white-space:nowrap;
}
.table > tbody > tr > td,
.table > tbody > tr > th{
  border-color:var(--gl-line-2) !important;
  vertical-align:middle;
}
.table-bordered,.table-bordered > tbody > tr > td,.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > th,.table-bordered > tfoot > tr > th{
  border-color:var(--gl-line-2) !important;
}
.table-striped > tbody > tr:nth-of-type(odd){background:rgba(255,255,255,.34) !important}
.table-hover > tbody > tr:hover{background:rgba(47,107,255,.07) !important}
.table-responsive{
  border:1px solid var(--gl-line) !important;
  border-radius:14px;
  background:rgba(255,255,255,.5) !important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  padding:2px;
  overflow:auto;
}
.table td .label,.label{border-radius:8px;font-weight:600;padding:.28em .6em}
.label-success{background:linear-gradient(135deg,#10b981,#0ea5e9) !important}
.label-danger{background:linear-gradient(135deg,#f43f5e,#e11d48) !important}
.label-warning{background:linear-gradient(135deg,#f59e0b,#f97316) !important}
.label-info{background:linear-gradient(135deg,#06b6d4,#3b82f6) !important}
.label-default{background:rgba(17,24,39,.12) !important;color:var(--gl-ink) !important}

/* bootstrap-table */
.fixed-table-container{border:none !important;border-radius:14px;overflow:hidden;background:transparent !important}
.fixed-table-container thead th{background:rgba(255,255,255,.8) !important;border-bottom:1px solid var(--gl-line-2) !important}
.fixed-table-toolbar .search input{border-radius:12px !important}
.pagination > li > a,.pagination > li > span{
  background:rgba(255,255,255,.62) !important;
  border:1px solid var(--gl-line) !important;
  color:var(--gl-ink-2) !important;
  margin:0 3px;
  border-radius:10px !important;
  box-shadow:0 3px 10px rgba(23,36,94,.06);
}
.pagination > .active > a,.pagination > .active > span{
  background:var(--gl-grad) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(47,107,255,.3) !important;
}

/* ---------- 6. 表单 ---------- */
.form-control,.input-group-addon,.chosen-container-single .chosen-single,
select.form-control,textarea.form-control{
  border-radius:12px !important;
  border:1px solid rgba(17,24,39,.10) !important;
  background:rgba(255,255,255,.72) !important;
  color:var(--gl-ink) !important;
  box-shadow:inset 0 1px 2px rgba(23,36,94,.04);
  transition:box-shadow .18s ease, border-color .18s ease, background .18s ease;
  font-family:var(--gl-font) !important;
}
.form-control{height:auto;padding:9px 13px}
.input-lg.form-control{padding:12px 15px;font-size:15px}
.form-control:focus,.input-group-focus .form-control{
  border-color:rgba(47,107,255,.55) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(47,107,255,.14), 0 6px 18px rgba(47,107,255,.10) !important;
  outline:none;
}
.input-group-addon{
  background:rgba(255,255,255,.55) !important;
  color:var(--gl-muted) !important;
  border-right:none !important;
}
.input-group .form-control{border-left:none !important}
.input-group-btn .btn{border-radius:0 12px 12px 0 !important}
.form-control[disabled],.form-control[readonly]{background:rgba(255,255,255,.42) !important;color:var(--gl-muted) !important}
.help-block,.control-label{color:var(--gl-muted) !important}
label{font-weight:500;color:var(--gl-ink-2) !important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--gl-accent)}
::-webkit-input-placeholder{color:#9aa4b8 !important}

/* 开关/选中项 */
.nav-tabs{border-bottom:1px solid var(--gl-line-2) !important}
.nav-tabs > li > a{
  border:none !important;
  border-radius:12px 12px 0 0 !important;
  color:var(--gl-ink-2) !important;
  font-weight:600;
  margin-right:4px;
}
.nav-tabs > li > a:hover{background:rgba(255,255,255,.6) !important}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{
  background:rgba(255,255,255,.85) !important;
  color:var(--gl-accent) !important;
  border:none !important;
  box-shadow:inset 0 -2px 0 var(--gl-accent) !important;
}
.nav-pills > li > a{border-radius:12px !important;color:var(--gl-ink-2) !important;font-weight:600}
.nav-pills > li.active > a{background:var(--gl-grad) !important;color:#fff !important;box-shadow:0 8px 20px rgba(47,107,255,.26) !important}

/* 提示条 */
.alert{
  border:none !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.66) !important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:var(--gl-shadow);
  color:var(--gl-ink-2) !important;
  border-left:3px solid var(--gl-accent) !important;
}
.alert-success{border-left-color:#10b981 !important;background:rgba(236,253,245,.75) !important}
.alert-warning{border-left-color:#f59e0b !important;background:rgba(255,251,235,.78) !important}
.alert-danger{border-left-color:#ef4444 !important;background:rgba(254,242,242,.8) !important}
.alert-info{border-left-color:#06b6d4 !important;background:rgba(240,253,255,.8) !important}

/* ---------- 7. 模态框 ---------- */
.modal-backdrop.in{background:rgba(15,23,42,.42) !important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal-content{
  background:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(26px) saturate(170%);
  backdrop-filter:blur(26px) saturate(170%);
  border:1px solid var(--gl-line) !important;
  border-radius:20px !important;
  box-shadow:0 30px 80px rgba(15,23,42,.28) !important;
  overflow:hidden;
}
.modal-header,.modal-footer{border-color:var(--gl-line-2) !important;background:transparent !important}
.modal-title{font-weight:700;color:var(--gl-ink)}
.close{opacity:.55}
.close:hover{opacity:.9}

/* ---------- 8. 前台首页（Saap 模板） ---------- */
.theme-header .header-navigation,
.header-navigation.navigation-white,
.sticky-header{
  background:rgba(12,18,40,.30) !important;
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  backdrop-filter:blur(22px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 30px rgba(3,10,35,.20) !important;
  transition:background .25s ease, box-shadow .25s ease;
}
.sticky-header{background:rgba(12,18,40,.55) !important}
.header-navigation .main-menu ul li a{
  color:rgba(255,255,255,.92) !important;
  font-weight:500;
  border-radius:10px;
  transition:background .18s ease,color .18s ease;
}
.header-navigation .main-menu ul li a:hover{background:rgba(255,255,255,.14) !important;color:#fff !important}
.header-navigation .main-menu ul li.mil-active > a,
.header-navigation .main-menu ul li.active > a{
  background:rgba(255,255,255,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.header-navigation .main-menu ul li .sub-menu,
.header-navigation .main-menu ul li .submenu{
  background:rgba(16,22,44,.72) !important;
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:14px !important;
  box-shadow:0 20px 50px rgba(3,10,35,.35) !important;
  padding:8px !important;
  overflow:hidden;
}
.header-navigation .main-menu ul li .sub-menu li a{border-radius:10px}

/* 首页卡片 */
.block-style-one,.block-style-two{
  background:linear-gradient(145deg, rgba(255,255,255,.66), rgba(255,255,255,.30)) !important;
  border:1px solid var(--gl-line) !important;
  border-radius:20px !important;
  box-shadow:var(--gl-shadow), var(--gl-inset) !important;
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  transition:transform .25s cubic-bezier(.22,.8,.28,1), box-shadow .25s ease, background .25s ease;
  padding:34px 28px !important;
  height:calc(100% - 30px);
}
.block-style-one:hover,.block-style-two:hover{
  transform:translateY(-6px);
  background:linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.52)) !important;
  box-shadow:0 24px 60px rgba(23,36,94,.16), var(--gl-inset) !important;
}
.block-style-one .icon,.block-style-two .icon{
  border-radius:16px !important;
  background:var(--gl-grad-soft) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}
.block-style-one h4,.block-style-two h4{font-weight:700;color:var(--gl-ink) !important}
.block-style-one p,.block-style-two p{color:var(--gl-ink-2) !important}

/* 数据统计条 */
.counter-area.blue-dark,.cta-area.blue-dark{
  background:linear-gradient(135deg, rgba(37,99,235,.82), rgba(124,58,237,.78) 52%, rgba(6,182,212,.72)) !important;
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 20px 50px rgba(37,99,235,.22);
}
.counter-item{border-radius:16px;padding:10px 6px;transition:background .2s ease}
.counter-item:hover{background:rgba(255,255,255,.12)}
.counter-item .count,.counter-item h2,.counter-item h3{color:#fff !important;font-weight:700}

/* 前台按钮 */
.main-btn,.btn-main{
  border-radius:999px !important;
  padding:14px 30px !important;
  font-weight:600;
  background:var(--gl-grad) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 14px 34px rgba(47,107,255,.30) !important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.main-btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(47,107,255,.38) !important;color:#fff !important}
.bordered-btn{
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.6) !important;
  background:rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  color:#fff !important;font-weight:600;
  box-shadow:0 10px 26px rgba(3,10,35,.18);
}
.bordered-btn:hover{background:rgba(255,255,255,.26) !important;color:#fff !important}
.newsletter-widget form,.newsletter-widget .form-group{
  border-radius:999px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.3) !important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.newsletter-widget input.form-control{background:transparent !important;border:none !important;box-shadow:none !important;color:#fff !important}
.newsletter-btn{border-radius:999px !important;background:var(--gl-grad) !important;border:none !important}

/* 首页文字 */
.section-title h2,.section-title h3,.sub-title{color:inherit}
.sub-title-bg{
  border-radius:999px !important;
  background:rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid var(--gl-line) !important;
  box-shadow:var(--gl-shadow);
  color:var(--gl-accent) !important;
  font-weight:600;
}
.hero-content .sub-title-bg{background:rgba(255,255,255,.18) !important;border-color:rgba(255,255,255,.32) !important;color:#fff !important}
.section-title-white h2,.section-title-white h3{color:#fff !important}

/* 页脚 */
.footer-area{
  background:rgba(255,255,255,.5) !important;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  border-top:1px solid var(--gl-line) !important;
}
.footer-area .footer-widget,.footer-area .widget{background:transparent !important;box-shadow:none !important}
.footer-widget .widget-title{font-weight:700;color:var(--gl-ink) !important}
.footer-nav li a,.about-widget p{color:var(--gl-ink-2) !important}
.footer-nav li a:hover{color:var(--gl-accent) !important}
.footer-copyright{
  background:rgba(255,255,255,.4) !important;
  border-top:1px solid var(--gl-line-2) !important;
  color:var(--gl-muted) !important;
}

/* ---------- 9. 用户中心（AdminUI / app.css） ---------- */
.app .app-header, #header.app-header{
  background:rgba(255,255,255,.66) !important;
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  border-bottom:1px solid var(--gl-line) !important;
  box-shadow:0 8px 26px rgba(23,36,94,.08) !important;
}
#header .navbar-header,#header .navbar-collapse,#header .bg-black,#header .bg-dark,#header .bg-white,#header .bg-light,#header .bg-info,#header .bg-primary{
  background:transparent !important;
  background-image:none !important;
}
#header .navbar-brand{color:var(--gl-ink) !important;font-weight:700}
#header .nav > li > a{color:var(--gl-ink-2) !important}
#header .nav > li > a:hover{background:rgba(255,255,255,.7) !important;color:var(--gl-ink) !important}
#aside.app-aside{
  background:rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  border-right:1px solid var(--gl-line) !important;
  box-shadow:8px 0 30px rgba(23,36,94,.06) !important;
}
#aside .bg-black,#aside .bg-dark,#aside .bg-white,#aside .bg-light,#aside .bg-info,#aside .bg-primary{background:transparent !important}
#aside .navi > ul > li > a{color:var(--gl-ink-2) !important;border-radius:12px;margin:2px 10px;font-weight:500}
#aside .navi > ul > li > a:hover{background:rgba(255,255,255,.75) !important;color:var(--gl-ink) !important}
#aside .navi > ul > li.active > a{
  background:var(--gl-grad-soft) !important;
  color:var(--gl-accent) !important;
  box-shadow:inset 0 0 0 1px rgba(47,107,255,.25);
}
#aside .navi ul.nav-sub{background:transparent !important}
.app-content,.app-content-body{background:transparent !important}
.b-3x, .b-white{background:rgba(255,255,255,.58) !important;border:1px solid var(--gl-line) !important}
.b-b,.b-t,.b-r,.b-light{border-color:var(--gl-line-2) !important}
.bg-light,.bg-light.lter,.bg-white{background:rgba(255,255,255,.5) !important}
.wrapper-md,.wrapper{padding-top:16px}
.h1.font-thin,.h2.font-thin,.h3.font-thin{font-weight:700 !important;letter-spacing:-.02em}
.h1,.h2,.h3{color:var(--gl-ink) !important}
.text-info-dk{color:var(--gl-accent) !important}
.text-primary-dk{color:var(--gl-accent-2) !important}
.text-success-dk{color:#0e9f6e !important}
.i-switch{border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}

/* 用户中心登录/注册页 */
.navbar-brand.block.m-t{
  font-size:26px !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  background:var(--gl-grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  text-align:center;
}
.w-xxl .list-group{
  box-shadow:0 24px 60px rgba(23,36,94,.14), var(--gl-inset) !important;
  border-radius:20px !important;
}
.swaplogin .list-group-item{background:transparent !important}

/* ---------- 10. 收银台 / 支付页 ---------- */
.paypage .content,.content,
.amount_bd,.keyboard,.key_table{
  background:transparent !important;
}
.pay_btn{
  border-radius:14px !important;
  background:var(--gl-grad) !important;
  border:none !important;
  color:#fff !important;
  font-weight:600;
  box-shadow:0 14px 34px rgba(47,107,255,.30) !important;
}
.key{
  background:rgba(255,255,255,.62) !important;
  border:1px solid var(--gl-line) !important;
  border-radius:12px !important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 4px 14px rgba(23,36,94,.06) !important;
  transition:background .15s ease, transform .12s ease;
}
.key:active{background:rgba(47,107,255,.12) !important;transform:scale(.98)}
.i_money,.payMoney{color:var(--gl-ink) !important;font-weight:700}
.line_simu,.input_simu{background:rgba(255,255,255,.7) !important;border-radius:12px !important;border:1px solid var(--gl-line) !important}
.copyRight{color:var(--gl-muted) !important}
.set_amount,.set_remark{background:rgba(255,255,255,.5) !important;border-radius:14px !important}

/* ---------- 11. 杂项 ---------- */
pre,code,.code,textarea.code{
  background:rgba(255,255,255,.6) !important;
  border:1px solid var(--gl-line) !important;
  border-radius:12px !important;
  color:#1f2937 !important;
}
hr{border-color:rgba(17,24,39,.08) !important}
.badge{background:var(--gl-grad) !important;border-radius:999px}
.progress{background:rgba(255,255,255,.55) !important;border-radius:999px;box-shadow:inset 0 1px 2px rgba(23,36,94,.08)}
.progress-bar{background:var(--gl-grad) !important;box-shadow:none}
.img-thumbnail{border:1px solid var(--gl-line) !important;border-radius:14px !important;padding:3px;background:rgba(255,255,255,.6) !important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(23,36,94,.18);border-radius:999px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:rgba(23,36,94,.3);background-clip:content-box}

/* 数字等宽，金额/时间列更整齐 */
.table td, .counter-item .count, .h1, .amount_bd, .payMoney{
  font-variant-numeric:tabular-nums;
}

/* ---------- 12. 响应式 ---------- */
@media (max-width: 991px){
  .navbar-default,.navbar,.theme-header .header-navigation{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}
  .block-style-one,.block-style-two{padding:26px 20px !important}
  .panel > .panel-heading{padding:12px 14px}
  .panel-body{padding:14px}
}
@media (max-width: 767px){
  :root{--gl-radius:16px}
  body{background-attachment:scroll !important}
  .navbar-collapse{background:rgba(255,255,255,.9) !important;border-radius:0 0 16px 16px;padding:6px 8px}
}
@media (prefers-reduced-motion: reduce){
  body::before{animation:none}
}

/* ==========================================================================
   Glass UI 2026 · v2 增补
   覆盖：管理后台（Bootstrap3）/ 用户中心（AdminUI）/ 收银台 / 支付插件页
        + 统一字体栈 + 按钮体系 + 细节微交互 + 兼容降级
   ========================================================================== */

/* ---------- 13. 统一字体栈（全站一致，中英混排不跳字） ---------- */
:root{
  --gl-font-2: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text",
               "SF Pro Text", "PingFang SC", "HarmonyOS Sans SC", "MiSans",
               "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei UI", "Microsoft YaHei",
               "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
  --gl-mono: "SF Mono", "JetBrains Mono", "Cascadia Mono", Consolas, "Roboto Mono", monospace;
}
html, body, button, input, select, textarea, optgroup,
.btn, .form-control, .table, .label, .badge, .navbar, .dropdown-menu,
.panel, .list-group-item, .modal, .alert, .tooltip, .popover,
.nav, .nav-tabs, .nav-pills, .pagination, .breadcrumb,
h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{
  font-family:var(--gl-font-2) !important;
}
code, pre, kbd, samp, .code, .font-mono, .key{
  font-family:var(--gl-mono), var(--gl-font-2) !important;
}
/* 数字表格化，金额列对齐 */
body{ font-feature-settings:"tnum" 0; }
.money, .amount, .price, .num, td.num, .table .text-danger, .table .text-success,
.payMoney, .i_money, .counter-item .count{
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}

/* ---------- 14. 后台 / 用户中心：整页背景与容器 ---------- */
body{
  background:transparent !important;
  min-height:100vh;
}
/* 后台固定导航不压住内容 */
.navbar-fixed-top ~ .container,
body > .container{ padding-top:8px; }
.container{ max-width:1180px; }
.navbar-fixed-top + .container,
.navbar-fixed-top ~ .container{ padding-top:88px; }

/* 面板（后台/用户中心主卡片） */
.panel{
  border-radius:20px !important;
  border:1px solid var(--gl-line) !important;
  background:linear-gradient(150deg, rgba(255,255,255,.68), rgba(255,255,255,.34)) !important;
  -webkit-backdrop-filter:var(--gl-blur);
  backdrop-filter:var(--gl-blur);
  box-shadow:var(--gl-shadow), var(--gl-inset) !important;
  transition:box-shadow .25s ease, transform .25s ease;
}
.panel:hover{ box-shadow:0 16px 44px rgba(23,36,94,.13), var(--gl-inset) !important; }
.panel-heading{
  border-radius:19px 19px 0 0 !important;
  border-bottom:1px solid var(--gl-line-2) !important;
}
.panel-default > .panel-heading{ background:linear-gradient(150deg, rgba(255,255,255,.82), rgba(255,255,255,.46)) !important; }
.panel-title{ font-weight:650 !important; letter-spacing:.01em; }
.panel-body{ padding:18px 20px; }
.panel .table-responsive{ background:transparent !important; border:none !important; }

/* 表格：贴合玻璃卡片内部 */
.panel .table > thead > tr > th{ background:rgba(255,255,255,.55) !important; }
.table > tbody > tr > td{ padding:12px 10px; }
.table-hover > tbody > tr:hover > td{ background:rgba(47,107,255,.06) !important; }
.table .btn{ padding:5px 12px; font-size:12.5px; border-radius:10px !important; }

/* 后台顶部导航细节 */
.navbar-default{
  background:rgba(255,255,255,.72) !important;
  border-bottom:1px solid rgba(255,255,255,.9) !important;
  box-shadow:0 10px 30px rgba(23,36,94,.10) !important;
}
.navbar-brand{ font-weight:800 !important; letter-spacing:.01em; font-size:17px !important; }
.navbar-nav > li > a{ font-size:14px; }
.navbar-nav > li > a > .fa,.navbar-nav > li > a > .fa-solid{ margin-right:4px; opacity:.9; }

/* 用户中心 AdminUI 容器 */
.app{ background:transparent !important; }
.app-content{ padding:16px 20px 40px; }
.app-header{ position:sticky; top:0; z-index:1030; }
#header .navbar-brand{ font-size:16px; font-weight:700; }
#aside.app-aside{ padding-top:8px; }
#aside .navi ul{ padding:6px 0; }
#aside .navi > ul > li > a{ padding:10px 14px; font-size:14px; }
.md-whiteframe{ box-shadow:var(--gl-shadow) !important; }
.b-a,.b-b,.b-l,.b-r,.b-t{ border-color:rgba(17,24,39,.07) !important; }
.bg-white{ background:rgba(255,255,255,.6) !important; }
.bg-dark,.bg-black{ background:transparent !important; }

/* 登录 / 注册卡片 */
.container.w-xxl{ max-width:460px; }
.navbar-brand.block.m-t{
  display:block; padding:18px 0 6px; margin:0 0 4px !important;
  font-size:28px !important; font-weight:800 !important;
}
.w-xxl .list-group{
  background:linear-gradient(150deg, rgba(255,255,255,.82), rgba(255,255,255,.52)) !important;
  -webkit-backdrop-filter:blur(26px) saturate(175%);
  backdrop-filter:blur(26px) saturate(175%);
  border:1px solid var(--gl-line) !important;
  border-radius:20px !important;
  box-shadow:0 26px 70px rgba(23,36,94,.18), var(--gl-inset) !important;
  overflow:hidden;
}
.w-xxl .list-group-item{ padding:0; border:none !important; }
.w-xxl .list-group-item .form-control{
  border-radius:0 !important; border:none !important; border-bottom:1px solid rgba(17,24,39,.07) !important;
  background:rgba(255,255,255,.42) !important; padding:15px 18px !important; height:auto;
  box-shadow:none !important; font-size:14.5px;
}
.w-xxl .list-group-item .form-control:focus{ background:#fff !important; box-shadow:inset 0 0 0 2px rgba(47,107,255,.22) !important; }
.w-xxl .list-group-item:last-child{ padding:10px 14px 16px; }
.w-xxl .nav-tabs{ margin-bottom:0 !important; border-bottom:1px solid rgba(17,24,39,.07) !important; }
.w-xxl .nav-tabs > li > a{ border-radius:0 !important; padding:12px 8px; }
.w-xxl .btn-lg,.w-xxl .btn-block{ border-radius:14px !important; height:auto; padding:12px; }
.w-xxl .text-muted,.w-xxl .wrapper{ color:var(--gl-muted) !important; }

/* ---------- 15. 按钮体系（全站统一，圆润 + 渐变 + 悬浮光晕） ---------- */
.btn{
  --gl-btn-shadow: 0 8px 20px rgba(23,36,94,.10);
  border-radius:12px !important;
  font-weight:600 !important;
  font-size:14px;
  padding:8px 16px;
  letter-spacing:.01em;
  border:1px solid transparent;
  box-shadow:var(--gl-btn-shadow);
  transition:transform .16s cubic-bezier(.2,.8,.3,1), box-shadow .2s ease, background .2s ease, color .2s ease, filter .2s ease;
  position:relative;
  overflow:hidden;
  -webkit-tap-highlight-color:transparent;
}
.btn::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 62%);
  opacity:.9;
}
.btn:hover{ transform:translateY(-1.5px); }
.btn:active{ transform:translateY(0) scale(.985); box-shadow:0 3px 10px rgba(23,36,94,.16) !important; }
.btn:focus,.btn:focus-visible{ outline:none; box-shadow:0 0 0 4px rgba(47,107,255,.22), var(--gl-btn-shadow) !important; }
.btn[disabled],.btn.disabled,.btn.disabled:hover{ transform:none !important; opacity:.55; filter:grayscale(.25); box-shadow:none !important; }

.btn-primary{ background:var(--gl-grad) !important; color:#fff !important; border:none !important;
  box-shadow:0 12px 26px rgba(47,107,255,.32) !important; }
.btn-primary:hover,.btn-primary:focus{ box-shadow:0 18px 38px rgba(47,107,255,.42) !important; filter:brightness(1.04); }
.btn-success{ background:linear-gradient(135deg,#12b981,#06b6d4) !important; color:#fff !important; border:none !important;
  box-shadow:0 12px 26px rgba(16,185,129,.30) !important; }
.btn-danger{ background:linear-gradient(135deg,#fb4357,#e11d48) !important; color:#fff !important; border:none !important;
  box-shadow:0 12px 26px rgba(244,63,94,.28) !important; }
.btn-warning{ background:linear-gradient(135deg,#f7a209,#f97316) !important; color:#fff !important; border:none !important;
  box-shadow:0 12px 26px rgba(245,158,11,.28) !important; }
.btn-info{ background:linear-gradient(135deg,#0bb6d4,#3b82f6) !important; color:#fff !important; border:none !important;
  box-shadow:0 12px 26px rgba(6,182,212,.28) !important; }
.btn-default{ background:rgba(255,255,255,.72) !important; border:1px solid rgba(255,255,255,.9) !important;
  color:#41506b !important; box-shadow:0 8px 20px rgba(23,36,94,.09), var(--gl-inset) !important;
  -webkit-backdrop-filter:blur(14px) saturate(160%); backdrop-filter:blur(14px) saturate(160%); }
.btn-default:hover{ background:#fff !important; color:#16233d !important; box-shadow:0 14px 30px rgba(23,36,94,.15) !important; }
.btn-dark,.btn-black{ background:linear-gradient(135deg,#1f2a44,#0f172a) !important; color:#fff !important; border:none !important; }
.btn-link{ box-shadow:none !important; background:transparent !important; color:var(--gl-accent) !important; font-weight:600; }
.btn-link::after{ display:none; }
.btn-link:hover{ color:#1d4ed8 !important; text-decoration:none; transform:none; }
.btn-block{ width:100%; }
.btn-sm{ padding:6px 13px; font-size:13px; border-radius:11px !important; }
.btn-xs{ padding:4px 10px; font-size:12px; border-radius:9px !important; }
.btn-lg{ padding:12px 26px; font-size:15.5px; border-radius:14px !important; }
.btn-round,.btn-pill,.main-btn,.bordered-btn{ border-radius:999px !important; }
.btn-icon,.btn-circle{ width:40px; height:40px; padding:0; border-radius:999px !important; display:inline-flex; align-items:center; justify-content:center; }
.btn-group > .btn{ border-radius:0 !important; box-shadow:none; }
.btn-group > .btn:first-child{ border-radius:12px 0 0 12px !important; }
.btn-group > .btn:last-child{ border-radius:0 12px 12px 0 !important; }
.btn-group > .btn:only-child{ border-radius:12px !important; }
.btn-group > .btn + .btn{ margin-left:-1px; }
/* 文件上传按钮组 */
.btn-file,.file-input .btn{ border-radius:12px !important; }

/* 链接型操作按钮（表格里的 <a>） */
.table a.btn-link, .table a[href]{ color:var(--gl-accent) !important; font-weight:600; }
.table a[href]:hover{ color:#1d4ed8 !important; }

/* ---------- 16. 表单 / 上传 / 开关 ---------- */
.form-control{ font-size:14.5px; }
select.form-control{ padding-right:30px; }
.form-inline .form-control{ min-width:150px; }
.form-inline .btn{ margin-left:6px; }
.control-label{ font-weight:600 !important; font-size:13px; color:#4a5875 !important; }
.input-group-addon{ border-right:1px solid rgba(17,24,39,.08) !important; }
.input-group .form-control{ border-left:1px solid rgba(17,24,39,.08) !important; }
.input-group .btn{ border-radius:0 12px 12px 0 !important; }
textarea.form-control{ min-height:96px; }
.checkbox label,.radio label,.checkbox-inline,.radio-inline{ font-weight:500; color:#3f4c66 !important; }
.i-switch{ border-radius:999px !important; }
.i-switch .i-switch-bg{ border-radius:999px !important; }
.i-switch .i-switch-bg > i{ background:var(--gl-grad) !important; }

/* 日期选择器 / 弹出层 */
.daterangepicker,.datepicker,.bootstrap-datetimepicker-widget{
  background:rgba(255,255,255,.92) !important;
  border-radius:16px !important;
  border:1px solid var(--gl-line) !important;
  box-shadow:var(--gl-shadow-lg) !important;
  -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
}

/* ---------- 17. 收银台 / 支付插件页 ---------- */
body.pay-body,.paypage-body{ background:transparent !important; }
.pay-box,.pay-wrapper,.order-box,.pay-container,.container.pay{
  background:linear-gradient(150deg, rgba(255,255,255,.80), rgba(255,255,255,.50)) !important;
  -webkit-backdrop-filter:blur(26px) saturate(180%);
  backdrop-filter:blur(26px) saturate(180%);
  border:1px solid var(--gl-line) !important;
  border-radius:22px !important;
  box-shadow:0 26px 70px rgba(23,36,94,.18), var(--gl-inset) !important;
}
.pay-type-list,.paytype-list,.channel-list{ display:flex; flex-wrap:wrap; gap:10px; }
.pay-type-list li,.paytype-list li,.channel-item,.pay-type{
  background:rgba(255,255,255,.68) !important;
  border:1px solid var(--gl-line) !important;
  border-radius:14px !important;
  box-shadow:0 6px 18px rgba(23,36,94,.07);
  transition:transform .18s ease, box-shadow .2s ease, background .2s ease;
}
.pay-type-list li:hover,.paytype-list li:hover,.channel-item:hover{
  transform:translateY(-2px); background:#fff !important; box-shadow:0 14px 32px rgba(23,36,94,.14);
}
.pay-type-list li.active,.paytype-list li.active,.channel-item.active{
  border-color:rgba(47,107,255,.55) !important;
  box-shadow:0 0 0 3px rgba(47,107,255,.16), 0 14px 30px rgba(47,107,255,.18) !important;
  background:#fff !important;
}
/* 二维码卡片 */
.qrcode,#qrcode,.qr-box,.qrcode-box{
  background:#fff !important;
  border-radius:18px !important;
  padding:14px !important;
  box-shadow:0 16px 40px rgba(23,36,94,.14), var(--gl-inset) !important;
  border:1px solid rgba(255,255,255,.9) !important;
  display:inline-block;
}
.qrcode img,#qrcode img{ border-radius:8px !important; display:block; }
/* 收银台金额数字 */
.pay-amount,.amount,.money,.i_money,.payMoney{
  font-size:34px; font-weight:800; letter-spacing:-.02em;
  background:var(--gl-grad);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
/* 数字键盘 */
.keyboard,.keypad,.key_table{ border-radius:18px !important; overflow:hidden; background:transparent !important; }
.key,.keyboard .key,.keypad .key{
  background:rgba(255,255,255,.72) !important;
  border:none !important;
  border-radius:14px !important;
  box-shadow:0 6px 16px rgba(23,36,94,.08), var(--gl-inset) !important;
  font-weight:600;
  transition:background .14s ease, transform .1s ease;
}
.key:hover{ background:#fff !important; }
.key:active{ transform:scale(.97); background:rgba(47,107,255,.10) !important; }
.pay_btn,.pay-btn,#submit-pay{
  background:var(--gl-grad) !important; color:#fff !important; border:none !important;
  border-radius:16px !important; font-weight:700; letter-spacing:.02em;
  box-shadow:0 16px 36px rgba(47,107,255,.34) !important;
}
.pay_btn:hover{ filter:brightness(1.04); box-shadow:0 20px 44px rgba(47,107,255,.44) !important; }

/* ---------- 18. 杂项：加载 / 空状态 / 提示 ---------- */
.loading,.spinner{ border-color:rgba(47,107,255,.2) !important; border-top-color:var(--gl-accent) !important; }
.badge{ font-weight:600; letter-spacing:.01em; }
.breadcrumb{ background:transparent !important; padding-left:0; }
.breadcrumb > li + li::before{ color:rgba(17,24,39,.28) !important; }
.well{ border:none !important; }
.jumbotron{ background:rgba(255,255,255,.55) !important; border-radius:22px !important; }
.img-rounded,.img-circle{ border-radius:999px !important; }
.avatar,.user-avatar,#avatar{ border-radius:999px !important; border:2px solid rgba(255,255,255,.9) !important;
  box-shadow:0 8px 22px rgba(23,36,94,.16) !important; }

/* ---------- 19. 动效（轻微，不拖累性能） ---------- */
@keyframes glFadeUp{ from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none} }
.panel,.block-style-one,.block-style-two,.w-xxl .list-group,.pay-box,.modal-content{
  animation:glFadeUp .45s cubic-bezier(.22,.8,.28,1) both;
}
@media (prefers-reduced-motion: reduce){
  .panel,.block-style-one,.block-style-two,.w-xxl .list-group,.pay-box,.modal-content{ animation:none !important; }
  .btn:hover{ transform:none; }
}

/* ---------- 20. 兼容降级（不支持 backdrop-filter 的浏览器） ---------- */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  body::before{ opacity:.55; }
  .panel,.block-style-one,.block-style-two,.modal-content,.w-xxl .list-group,
  .navbar,.navbar-default,#aside.app-aside,.pay-box,.dropdown-menu,.table-responsive,
  .btn-default,.form-control{
    background:rgba(255,255,255,.94) !important;
  }
  .theme-header .header-navigation,.header-navigation.navigation-white,.sticky-header{
    background:rgba(16,24,52,.86) !important;
  }
}

/* ---------- 21. 小屏细化 ---------- */
@media (max-width: 767px){
  .navbar-fixed-top ~ .container, body > .container{ padding-top:72px; }
  .panel-body{ padding:14px; }
  .btn{ padding:8px 14px; }
  .pay-amount,.payMoney{ font-size:28px; }
  .container.w-xxl{ max-width:100%; padding:0 12px; }
  .table-responsive{ border-radius:14px; }
}

/* ---------- 22. 首页主视觉修正（暗底文字/伪按钮） ---------- */
.hero-area .hero-content h1,
.hero-area .hero-content h2,
.hero-area h1, .hero-area h2, .hero-area h3, .hero-area h4, .hero-area p, .hero-area span{
  color:#ffffff !important;
}
.hero-area .hero-content h1{
  font-weight:800 !important;
  letter-spacing:-.01em;
  text-shadow:0 10px 34px rgba(4,10,32,.42);
  margin-bottom:14px;
}
/* 模板把整段说明文字做成了 .main-btn，这里还原成副标题 */
.hero-content .main-btn,
.hero-content a.main-btn{
  display:block;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 auto !important;
  max-width:620px;
  color:rgba(255,255,255,.84) !important;
  font-size:15.5px !important;
  font-weight:400 !important;
  line-height:1.95 !important;
  letter-spacing:.02em !important;
  text-shadow:0 2px 14px rgba(4,10,32,.35);
  cursor:default;
  transform:none !important;
}
.hero-content .main-btn:hover{ color:rgba(255,255,255,.92) !important; transform:none !important; }
.hero-content .main-btn::after{ display:none; }
/* 主视觉图：换成玻璃卡片后给一点投影，避免悬空 */
.hero-img{ filter:drop-shadow(0 40px 70px rgba(6,14,40,.34)); }
.hero-img img{ border-radius:22px; }

/* 深色区块里的文字统一为白，避免被全局 h1~h6 覆盖成深色 */
.counter-area.blue-dark h1,.counter-area.blue-dark h2,.counter-area.blue-dark h3,
.counter-area.blue-dark h4,.counter-area.blue-dark p,.counter-area.blue-dark span,
.cta-area.blue-dark h1,.cta-area.blue-dark h2,.cta-area.blue-dark h3,
.cta-area.blue-dark h4,.cta-area.blue-dark p,.cta-area.blue-dark span,
.cta-area.blue-dark .section-title h2,.cta-area.blue-dark .section-title h3{
  color:#ffffff !important;
}
.counter-area.blue-dark .section-title h2,.cta-area.blue-dark .section-title h2{ text-shadow:0 6px 24px rgba(4,10,32,.28); }

/* 首屏 hero 背景与页面极光背景衔接 */
.hero-area.hero-style-one{
  border-radius:0 0 34px 34px;
  box-shadow:0 30px 70px rgba(23,36,94,.16);
  overflow:hidden;
}
.hero-area.hero-style-one::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 112%, rgba(47,107,255,.30), transparent 68%);
}

/* ---------- 23. 前台按钮在浅色区块的可读性修正 ---------- */
.bordered-btn{
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(47,107,255,.22) !important;
  color:#22417a !important;
  -webkit-backdrop-filter:blur(14px) saturate(170%);
  backdrop-filter:blur(14px) saturate(170%);
  box-shadow:0 10px 26px rgba(23,36,94,.12), var(--gl-inset) !important;
}
.bordered-btn:hover{
  background:#ffffff !important;
  color:#1b3a73 !important;
  box-shadow:0 16px 34px rgba(23,36,94,.18) !important;
  transform:translateY(-2px);
}
/* 深色区（导航、hero、统计条、行动区）里恢复成白色幽灵按钮 */
.header-navigation .bordered-btn,
.hero-area .bordered-btn,
.counter-area.blue-dark .bordered-btn,
.cta-area.blue-dark .bordered-btn{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  color:#ffffff !important;
  box-shadow:0 12px 30px rgba(3,10,35,.22) !important;
}
.header-navigation .bordered-btn:hover,
.hero-area .bordered-btn:hover,
.counter-area.blue-dark .bordered-btn:hover,
.cta-area.blue-dark .bordered-btn:hover{
  background:rgba(255,255,255,.30) !important;
  color:#ffffff !important;
}

/* ---------- 24. 正文灰度加深，保证对比度 ---------- */
body, .text, .desc{ color:#414f69 !important; }
p{ color:#4b5872 !important; }
.fancy-text-block p,.block-style-one p,.block-style-two p,.about-widget p,
.widget p,.footer-nav li a,.footer-widget p,.services-area p{ color:#4b5872 !important; }
.section-title p,.sub-title + p{ color:#5a6883 !important; }
h1,h2,h3,h4,h5,h6{ color:#101827 !important; }
.hero-area h1,.hero-area h2,.counter-area.blue-dark h2,.cta-area.blue-dark h2{ color:#ffffff !important; }

/* ---------- 25. 区块节奏收紧（避免过大空白） ---------- */
.features-area.pb-30{ padding-bottom:10px !important; }
.block-style-one.mb-40,.block-style-two.mb-30{ margin-bottom:24px !important; }
.section-title.mb-55{ margin-bottom:36px !important; }
.services-area.pt-130{ padding-top:90px !important; padding-bottom:70px !important; }
.counter-area.pt-100{ padding-top:70px !important; padding-bottom:40px !important; }
.fancy-text-block.pb-45{ padding-bottom:30px !important; }
.fancy-text-block.pb-55{ padding-bottom:34px !important; }
@media (max-width: 767px){
  .services-area.pt-130{ padding-top:64px !important; padding-bottom:48px !important; }
  .counter-area.pt-100{ padding-top:48px !important; }
}

/* ---------- 26. 深色区块文字重新压回白色（放在最后，覆盖上面的正文灰度） ---------- */
.hero-area p,.hero-area span,.hero-area li,.hero-area a:not(.main-btn):not(.bordered-btn),
.counter-area.blue-dark p,.counter-area.blue-dark span,.counter-area.blue-dark h1,.counter-area.blue-dark h2,
.counter-area.blue-dark h3,.counter-area.blue-dark h4,.counter-area.blue-dark li,
.cta-area.blue-dark p,.cta-area.blue-dark span,.cta-area.blue-dark h1,.cta-area.blue-dark h2,
.cta-area.blue-dark h3,.cta-area.blue-dark h4,.cta-area.blue-dark li,
.section-title-white p,.section-title-white h2,.section-title-white h3{
  color:#ffffff !important;
}
.counter-area.blue-dark .counter-item p,
.cta-area.blue-dark p{ color:rgba(255,255,255,.82) !important; }
.theme-header .header-navigation a:not(.main-btn),
.header-navigation .main-menu ul li a{ color:rgba(255,255,255,.92) !important; }

/* ---------- 27. 背景层修正：极光底图改到 html 画布（任何页面都可见，且滚动时固定） ---------- */
html{
  background-color:#e7eeff !important;
  background-image:
    radial-gradient(48% 42% at 10% 8%, rgba(99,102,241,.55), transparent 62%),
    radial-gradient(44% 38% at 92% 4%, rgba(34,211,238,.45), transparent 60%),
    radial-gradient(52% 46% at 84% 92%, rgba(244,114,182,.32), transparent 64%),
    radial-gradient(44% 40% at 6% 88%, rgba(251,191,36,.28), transparent 62%),
    radial-gradient(60% 55% at 50% 50%, rgba(124,58,237,.16), transparent 70%),
    linear-gradient(155deg,#dfe9ff 0%,#eee3ff 38%,#d9f4ff 70%,#e6eeff 100%) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  background-attachment:fixed !important;
  min-height:100%;
}
body::before{ display:none !important; }

/* ---------- 28. 登录/注册页细节 ---------- */
.w-xxl .nav-tabs > li > a{ color:#5b6a86 !important; font-weight:600; }
.w-xxl .nav-tabs > li.active > a{ color:#2f6bff !important; }
.w-xxl .nav-tabs > li > a:hover{ color:#233b66 !important; }
.w-xxl .list-group-item .input-group-addon,
.w-xxl .list-group-item .input-group-btn .btn{ background:rgba(255,255,255,.5) !important; }
.w-xxl .text-muted a,.w-xxl a{ color:#2f6bff; }
.w-xxl .m-b-lg{ margin-bottom:18px !important; }
.w-xxl .wrapper.text-center strong{ font-size:15px; color:#3b4a66 !important; }

/* ---------- 29. 数据统计区（移动端两列，压缩高度） ---------- */
.counter-area .row > div{ margin-bottom:12px !important; }
@media (max-width: 767px){
  .counter-area .row{ display:flex; flex-wrap:wrap; }
  .counter-area .row > div{ width:50%; float:none; margin-bottom:6px !important; }
  .counter-area .counter-item{ height:auto !important; padding:8px 6px !important; }
  .counter-area .counter-item .count,.counter-area .counter-item h2,.counter-area .counter-item h3{ font-size:30px !important; }
}

/* ---------- 30. 背景层最终方案：极光铺在 body 上（兼容性最好） ---------- */
html{
  background-color:#e8eeff !important;
  background-image:none !important;
}
body{
  background-color:#e8eeff !important;
  background-image:
    radial-gradient(48% 40% at 8% 4%, rgba(99,102,241,.50), transparent 62%),
    radial-gradient(42% 34% at 94% 2%, rgba(34,211,238,.42), transparent 60%),
    radial-gradient(52% 44% at 88% 96%, rgba(244,114,182,.28), transparent 64%),
    radial-gradient(44% 38% at 4% 92%, rgba(251,191,36,.24), transparent 62%),
    linear-gradient(155deg,#e2ebff 0%,#efe4ff 38%,#ddf4ff 70%,#e7efff 100%) !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center top !important;
  background-attachment:fixed !important;
  min-height:100vh;
}
body::before{ display:none !important; }

/* ---------- 31. 收银台（cashier.php / main12.css） ---------- */
.navBD12{
  background:rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  backdrop-filter:blur(22px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.85) !important;
  box-shadow:0 10px 30px rgba(23,36,94,.10) !important;
}
.nav12{ background:transparent !important; }
.nav12-left img{ height:38px; width:auto; }
.nav12-right{ color:#22304d !important; font-weight:700; font-size:16px; }

.order-amount12{
  background:linear-gradient(150deg, rgba(255,255,255,.80), rgba(255,255,255,.50)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.9) !important;
  border-radius:20px !important;
  box-shadow:0 18px 44px rgba(23,36,94,.13), var(--gl-inset) !important;
  padding:18px 20px !important;
  height:auto !important;
  box-sizing:border-box;
}
.order-amount12-left li{ color:#5a6883 !important; line-height:2; }
.order-amount12-left li span:last-child{ color:#1b2740 !important; font-weight:600; }
.order-amount12-right{ color:#5a6883 !important; }
.order-amount12-right strong{
  font-size:32px !important; font-weight:800;
  background:var(--gl-grad);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}

.PayMethod12 .row,.PayMethod12{
  background:linear-gradient(150deg, rgba(255,255,255,.78), rgba(255,255,255,.46)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.9) !important;
  border-radius:20px !important;
  box-shadow:0 18px 44px rgba(23,36,94,.12), var(--gl-inset) !important;
  padding:16px 18px !important;
}
.PayMethod12 h2{ font-size:15px !important; font-weight:700; color:#1b2740 !important; margin-bottom:12px !important; }
.PayMethod12 .types{ display:flex; flex-wrap:wrap; gap:10px; }
.PayMethod12 .types li{
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,255,255,.95) !important;
  border-radius:14px !important;
  box-shadow:0 8px 20px rgba(23,36,94,.08) !important;
  padding:10px 14px !important;
  transition:transform .16s ease, box-shadow .2s ease, border-color .2s ease;
  display:flex; align-items:center; gap:8px;
  margin:0 !important; width:auto !important;
}
.PayMethod12 .types li:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(23,36,94,.14) !important; }
.PayMethod12 .types li.active{
  border-color:rgba(47,107,255,.6) !important;
  box-shadow:0 0 0 3px rgba(47,107,255,.16), 0 14px 30px rgba(47,107,255,.18) !important;
  background:#fff !important;
}
.PayMethod12 .types li img{ width:24px; height:24px; border-radius:6px; }
.PayMethod12 .types li span{ color:#273449 !important; font-weight:600; font-size:14px; }

.immediate-pay12{
  background:rgba(255,255,255,.62) !important;
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  backdrop-filter:blur(22px) saturate(180%);
  border:1px solid rgba(255,255,255,.9) !important;
  border-radius:18px !important;
  box-shadow:0 16px 40px rgba(23,36,94,.14) !important;
  padding:14px 18px !important;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  flex-wrap:wrap;
}
.immediate-pay12-right{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.immediate-pay12-right span{ color:#4b5872 !important; font-size:14px; }
.immediate-pay12-right strong{ color:#1b2740 !important; font-size:20px; font-weight:800; }
.immediate_pay{
  background:var(--gl-grad) !important;
  color:#fff !important;
  border-radius:14px !important;
  padding:12px 30px !important;
  font-size:16px !important;
  font-weight:700;
  box-shadow:0 14px 32px rgba(47,107,255,.34) !important;
  border:none !important;
  display:inline-block;
  transition:transform .16s ease, box-shadow .2s ease, filter .2s ease;
  text-decoration:none !important;
}
.immediate_pay:hover{ transform:translateY(-2px); filter:brightness(1.04); box-shadow:0 20px 44px rgba(47,107,255,.44) !important; color:#fff !important; }
.footer12,.footer12 p{ color:#7d8aa0 !important; background:transparent !important; font-size:12.5px !important; }
.mt_agree{ background:rgba(15,23,42,.35) !important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.mt_agree_main{
  background:rgba(255,255,255,.92) !important;
  -webkit-backdrop-filter:blur(26px); backdrop-filter:blur(26px);
  border-radius:20px !important;
  box-shadow:0 30px 70px rgba(15,23,42,.28) !important;
  border:1px solid rgba(255,255,255,.9) !important;
}
.close_btn{ background:var(--gl-grad) !important; color:#fff !important; border-radius:12px !important; }

/* ---------- 32. 支付中间页（includes/pages/*.php） ---------- */
.mod-title{
  background:transparent !important;
  border:none !important;
  padding:18px 0 10px !important;
}
.mod-title .text{ color:#1b2740 !important; font-weight:700; }
.mod-ct{
  background:linear-gradient(150deg, rgba(255,255,255,.80), rgba(255,255,255,.48)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.9) !important;
  border-radius:22px !important;
  box-shadow:0 22px 54px rgba(23,36,94,.15), var(--gl-inset) !important;
}
.mod-ct .order{ color:#5a6883 !important; }
.mod-ct .amount,.amount_bd{
  font-size:38px !important; font-weight:800;
  background:var(--gl-grad);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.mod-ct .qr-image{
  background:#fff !important;
  border-radius:18px !important;
  padding:14px !important;
  box-shadow:0 14px 34px rgba(23,36,94,.14) !important;
  border:1px solid rgba(255,255,255,.95) !important;
  display:inline-block;
}
.mod-ct .detail,.mod-ct .detail-ct dt,.mod-ct .detail-ct dd{ color:#5a6883 !important; }
.mod-ct .tip-text p{ color:#5a6883 !important; }
.btn-open-app,.btn-check{
  display:block !important;
  background:var(--gl-grad) !important;
  color:#fff !important;
  border-radius:14px !important;
  padding:13px 20px !important;
  font-weight:700;
  text-align:center;
  box-shadow:0 14px 32px rgba(47,107,255,.32) !important;
  border:none !important;
}
.btn-check{ background:rgba(255,255,255,.85) !important; color:#2f6bff !important; box-shadow:0 10px 24px rgba(23,36,94,.12) !important; }

/* 收银台宽度修正，避免 padding 撑出横向滚动 */
.w1080,.nav12,.order-amount12,.PayMethod12,.immediate-pay12,.footer12{ box-sizing:border-box !important; max-width:100% !important; }
.order-amount12,.PayMethod12,.immediate-pay12{ width:auto !important; margin-left:12px !important; margin-right:12px !important; }
@media (min-width: 1000px){
  .order-amount12,.PayMethod12,.immediate-pay12{ margin-left:auto !important; margin-right:auto !important; }
}

/* ---------- 33. 桌面端（≥992px）比例修正 ---------- */
@media (min-width: 992px){
  /* 首屏主视觉不再铺满整屏 */
  .hero-img{ max-width:880px !important; margin-left:auto !important; margin-right:auto !important; left:auto !important; }
  .hero-img img{ width:100% !important; height:auto !important; }
  .hero-area.hero-style-one{ padding-bottom:70px !important; }
  .hero-content h1{ font-size:56px !important; }
  .hero-content .main-btn{ font-size:16.5px !important; max-width:660px; }
  /* 导航选中态更柔和 */
  .header-navigation .main-menu ul li.active > a,
  .header-navigation .main-menu ul li.mil-active > a{
    background:linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.10)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.20) !important;
    color:#fff !important;
  }
  .container{ max-width:1160px; }
  /* 卡片区在宽屏下更紧凑 */
  .block-style-one,.block-style-two{ padding:30px 26px !important; }
  .section-title.mb-55{ margin-bottom:44px !important; }
}

/* ---------- 34. 登录 / 注册页（桌面端垂直居中 + 输入框边界 + 底部按钮） ---------- */
.container.w-xxl{ margin-left:auto !important; margin-right:auto !important; }
@media (min-height: 640px){
  .container.w-xxl{ margin-top:5vh !important; margin-bottom:5vh !important; }
}
.w-xxl .navbar-brand.block.m-t{ margin-bottom:10px !important; }

/* 卡片：更明显的玻璃层次 */
.w-xxl .list-group{
  background:linear-gradient(150deg, rgba(255,255,255,.72), rgba(255,255,255,.40)) !important;
  -webkit-backdrop-filter:blur(30px) saturate(180%);
  backdrop-filter:blur(30px) saturate(180%);
  border:1px solid rgba(255,255,255,.95) !important;
  box-shadow:0 30px 80px rgba(23,36,94,.20), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
/* 输入框：清晰边界 + 白底 */
.w-xxl .list-group-item .form-control{
  background:rgba(255,255,255,.72) !important;
  border:none !important;
  border-bottom:1px solid rgba(17,24,39,.10) !important;
  box-shadow:inset 0 1px 2px rgba(23,36,94,.05) !important;
  transition:background .18s ease, box-shadow .18s ease;
}
.w-xxl .list-group-item .form-control:focus{
  background:#fff !important;
  box-shadow:inset 0 0 0 2px rgba(47,107,255,.30), 0 4px 16px rgba(47,107,255,.12) !important;
  border-bottom-color:transparent !important;
}
.w-xxl .list-group-item .input-group-addon{
  background:rgba(255,255,255,.62) !important;
  border-bottom:1px solid rgba(17,24,39,.10) !important;
}
/* 底部小按钮/链接统一 */
.w-xxl .btn-xs,.w-xxl .btn-sm,.w-xxl a.btn{
  font-size:13.5px !important;
  padding:8px 16px !important;
  border-radius:12px !important;
  font-weight:600;
}
.w-xxl .text-muted,.w-xxl .text-muted *{ color:#66748d !important; font-size:13px; }
.w-xxl .m-t,.w-xxl .m-b{ margin-top:12px !important; margin-bottom:12px !important; }
.w-xxl .nav-tabs{ margin-top:2px !important; }
.w-xxl .nav-tabs > li > a{ font-size:14px !important; }

/* ---------- 35. 登录/注册页桌面端垂直居中 ---------- */
@media (min-height: 640px){
  body > .app{ display:flex !important; flex-direction:column; justify-content:center; min-height:100vh; }
  .container.w-xxl{ margin-top:0 !important; margin-bottom:0 !important; }
}
.w-xxl .list-group-item .form-control{ border-bottom-width:1px !important; }
.w-xxl .btn-link{ border-radius:12px !important; }

/* ---------- 36. 登录页居中改用 auto 外边距（长表单也不会被裁切） ---------- */
@media (min-height: 640px){
  body > .app{ display:flex !important; flex-direction:column; min-height:100vh; justify-content:flex-start !important; }
  .container.w-xxl{ margin-top:auto !important; margin-bottom:auto !important; }
}

/* ---------- 37. 输入组（密码框）消除嵌套白框 ---------- */
.w-xxl .list-group-item .input-group .input-group-addon,
.w-xxl .list-group-item .input-group .input-group-btn .btn{
  background:rgba(255,255,255,.72) !important;
  border:none !important;
  border-bottom:1px solid rgba(17,24,39,.10) !important;
  box-shadow:none !important;
}
.w-xxl .list-group-item .input-group .form-control{
  box-shadow:none !important;
  border-bottom:1px solid rgba(17,24,39,.10) !important;
}
.w-xxl .list-group-item .input-group:focus-within .form-control,
.w-xxl .list-group-item .input-group:focus-within .input-group-addon{
  background:#fff !important;
}

/* ==========================================================================
   38. 登录 / 注册 / 找回密码页 —— 整卡重做（v1 太散、太花，这版收干净）
   ========================================================================== */

/* 背景收敛：去掉粉/黄的杂色光斑，只留蓝紫 + 青 */
body{
  background-image:
    radial-gradient(46% 38% at 10% 6%, rgba(99,102,241,.40), transparent 62%),
    radial-gradient(44% 36% at 92% 4%, rgba(56,189,248,.34), transparent 60%),
    radial-gradient(50% 42% at 86% 96%, rgba(139,92,246,.20), transparent 64%),
    linear-gradient(160deg,#eef3ff 0%,#e9e9ff 46%,#e6f5ff 100%) !important;
}

.w-xxl{ max-width:420px !important; }

/* 标题区 */
.w-xxl .navbar-brand.block.m-t{
  font-size:28px !important;
  font-weight:800 !important;
  letter-spacing:.01em;
  margin:0 0 4px !important;
  padding:0 !important;
  line-height:1.3;
}
.w-xxl .wrapper.text-center strong{
  font-size:15px;
  font-weight:500;
  color:#5d6b85 !important;
}
.w-xxl .m-b-lg{ margin-bottom:0 !important; }

/* 整个表单 = 一张玻璃卡 */
.w-xxl form{
  margin-top:16px;
  padding:16px 16px 20px !important;
  background:linear-gradient(160deg, rgba(255,255,255,.88), rgba(255,255,255,.62)) !important;
  -webkit-backdrop-filter:blur(30px) saturate(180%);
  backdrop-filter:blur(30px) saturate(180%);
  border:1px solid rgba(255,255,255,.95) !important;
  border-radius:24px !important;
  box-shadow:0 30px 70px rgba(23,36,94,.16), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* Tab 改成卡片内的分段控件 */
.w-xxl .nav-tabs{
  display:flex;
  gap:4px;
  border:none !important;
  background:rgba(17,24,39,.055);
  padding:4px;
  border-radius:14px;
  margin:0 0 14px !important;
}
.w-xxl .nav-tabs > li{
  flex:1 1 0;
  width:auto !important;
  float:none !important;
  margin:0 !important;
}
.w-xxl .nav-tabs > li > a{
  display:block;
  border:none !important;
  border-radius:11px !important;
  margin:0 !important;
  padding:10px 4px !important;
  font-size:15px !important;
  font-weight:600;
  line-height:1.35;
  text-align:center;
  color:#5b6a86 !important;
  background:transparent !important;
  box-shadow:none !important;
  transition:background .18s ease, color .18s ease, box-shadow .2s ease;
}
.w-xxl .nav-tabs > li > a:hover{ background:rgba(255,255,255,.6) !important; color:#33415c !important; }
.w-xxl .nav-tabs > li.active > a,
.w-xxl .nav-tabs > li.active > a:hover{
  background:#ffffff !important;
  color:#2f6bff !important;
  box-shadow:0 6px 16px rgba(23,36,94,.10) !important;
}

/* 输入框：独立圆角字段，不再嵌套 */
.w-xxl .list-group{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  overflow:visible !important;
}
.w-xxl .list-group-item{
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  margin:0 0 12px !important;
}
.w-xxl .list-group-item .form-control,
.w-xxl .list-group-item .input-group .form-control{
  height:54px !important;
  line-height:52px !important;
  padding:0 16px !important;
  font-size:16px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(17,24,39,.09) !important;
  border-radius:14px !important;
  box-shadow:0 4px 14px rgba(23,36,94,.04) !important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.w-xxl .list-group-item .form-control:focus{
  background:#ffffff !important;
  border-color:rgba(47,107,255,.55) !important;
  box-shadow:0 0 0 4px rgba(47,107,255,.14) !important;
}
.w-xxl input::placeholder{ color:#a3aec2 !important; }

/* 主按钮 */
.w-xxl #submit,
.w-xxl .btn-block.btn-lg{
  height:54px;
  border-radius:14px !important;
  font-size:17px !important;
  font-weight:700;
  letter-spacing:.02em;
  margin-top:4px;
}

/* 次级操作：一行两个，同一视觉体系，不再一青一红 */
.w-xxl .form-group{
  display:flex;
  gap:10px;
  margin:14px 0 0 !important;
}
.w-xxl .form-group .btn{
  flex:1 1 0;
  float:none !important;
  height:46px;
  padding:0 8px !important;
  line-height:30px;
  border-radius:13px !important;
  font-size:14.5px !important;
  font-weight:600;
}
.w-xxl .form-group .btn-info{
  background:rgba(255,255,255,.92) !important;
  color:#2f6bff !important;
  border:1px solid rgba(47,107,255,.22) !important;
  box-shadow:0 8px 20px rgba(23,36,94,.07) !important;
}
.w-xxl .form-group .btn-info:hover{ background:#fff !important; box-shadow:0 12px 26px rgba(47,107,255,.16) !important; }
.w-xxl .form-group .btn-danger{
  background:linear-gradient(135deg, rgba(47,107,255,.14), rgba(18,184,216,.16)) !important;
  color:#22417a !important;
  border:1px solid rgba(47,107,255,.18) !important;
  box-shadow:0 8px 20px rgba(23,36,94,.06) !important;
}
.w-xxl .form-group .btn-danger:hover{ background:linear-gradient(135deg, rgba(47,107,255,.20), rgba(18,184,216,.22)) !important; }

/* 去掉多余分割线，底部信息收紧 */
.w-xxl .line-dashed{ display:none !important; }
.w-xxl .text-center p{ margin:16px 0 0 !important; }
.w-xxl .text-center small,.w-xxl .text-center small a{ font-size:12.5px; color:#8794ab !important; }

/* 小屏：卡片贴近两侧，字号略降，避免拥挤 */
@media (max-width: 480px){
  .w-xxl{ max-width:100% !important; padding:0 14px !important; }
  .w-xxl .navbar-brand.block.m-t{ font-size:26px !important; }
  .w-xxl .list-group-item .form-control{ height:52px !important; line-height:50px !important; }
  .w-xxl #submit{ height:52px; font-size:16px !important; }
}

/* ==========================================================================
   39. 登录页精修：收紧圆角 / 加图标 / 品牌标记 / 去脏色（v13 的进阶版）
   ========================================================================== */

/* 背景换得更干净：白 → 淡蓝 → 淡紫，去掉大面积紫灰 */
body{
  background-image:
    radial-gradient(52% 40% at 8% 0%, rgba(96,165,250,.34), transparent 62%),
    radial-gradient(46% 36% at 96% 6%, rgba(45,212,191,.26), transparent 62%),
    radial-gradient(54% 46% at 90% 100%, rgba(129,140,248,.26), transparent 66%),
    linear-gradient(170deg,#f7faff 0%,#eef3ff 42%,#f2f0ff 72%,#eef8ff 100%) !important;
}

/* 品牌标记 */
.w-xxl .navbar-brand.block.m-t::before{
  content:"";
  display:block;
  width:54px;height:54px;
  margin:0 auto 16px;
  border-radius:16px;
  background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NCA0NCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImciIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMzYjgyZjYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNmQ1Y2ZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTJiOGQ4Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InciIHgxPSIwIiB5MT0iMCIgeDI9IjAiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlYWYyZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHJ4PSIxMyIgZmlsbD0idXJsKCNnKSIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgcng9IjEyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNDUiIHN0cm9rZS13aWR0aD0iMS40Ii8+PHBhdGggZD0iTTI1IDkuNSBMMTUgMjYgaDYuNGwtMi4yIDEwLjIgMTEtMTUuOGgtNi42eiIgZmlsbD0idXJsKCN3KSIvPjwvc3ZnPgo=") center/100% no-repeat;
  box-shadow:0 14px 30px rgba(47,107,255,.26), inset 0 1px 0 rgba(255,255,255,.6);
}
.w-xxl .navbar-brand.block.m-t{
  font-size:26px !important;
  letter-spacing:0;
  line-height:1.25;
}

/* 卡片：圆角收小，阴影更贴地 */
.w-xxl form{
  border-radius:20px !important;
  padding:14px 14px 18px !important;
  box-shadow:0 24px 56px rgba(23,36,94,.13), 0 2px 6px rgba(23,36,94,.05), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* Tab：去掉“立体按钮”感，改成扁平分段 */
.w-xxl .nav-tabs{
  background:rgba(17,24,39,.045);
  border-radius:12px;
  padding:3px;
  gap:3px;
}
.w-xxl .nav-tabs > li > a{
  border-radius:10px !important;
  font-size:14.5px !important;
  font-weight:600;
  padding:9px 4px !important;
}
.w-xxl .nav-tabs > li.active > a,
.w-xxl .nav-tabs > li.active > a:hover{
  background:#fff !important;
  color:#2f6bff !important;
  box-shadow:0 2px 8px rgba(23,36,94,.10) !important;
}

/* 输入框：12px 圆角 + 图标 */
.w-xxl .list-group-item{
  margin:0 0 10px !important;
  position:relative;
}
.w-xxl .list-group-item .form-control{
  height:52px !important;
  line-height:50px !important;
  border-radius:12px !important;
  padding:0 14px 0 46px !important;
  font-size:15.5px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(17,24,39,.08) !important;
  box-shadow:0 1px 2px rgba(23,36,94,.04) !important;
  background-repeat:no-repeat !important;
  background-position:15px center !important;
  background-size:19px 19px !important;
}
.w-xxl input[name="user"]{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOWFhNmJiIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjMuNiIvPjxwYXRoIGQ9Ik00LjYgMjBjMS42LTMuNiA0LjItNS40IDcuNC01LjRzNS44IDEuOCA3LjQgNS40Ii8+PC9zdmc+Cg==") !important;
}
.w-xxl input[name="pass"]{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOWFhNmJiIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSI0LjUiIHk9IjEwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTAiIHJ4PSIzLjIiLz48cGF0aCBkPSJNOC4yIDEwVjcuNWEzLjggMy44IDAgMCAxIDcuNiAwVjEwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNSIgcj0iMS4yIiBmaWxsPSIjOWFhNmJiIiBzdHJva2U9Im5vbmUiLz48L3N2Zz4K") !important;
}
.w-xxl .list-group-item .form-control:focus{
  border-color:rgba(47,107,255,.45) !important;
  box-shadow:0 0 0 3px rgba(47,107,255,.12) !important;
}
.w-xxl input::placeholder{ color:#a8b3c6 !important; font-size:15px; }

/* 主按钮：12px 圆角，去掉过重的发光 */
.w-xxl #submit{
  height:52px;
  border-radius:12px !important;
  font-size:16.5px !important;
  box-shadow:0 10px 24px rgba(47,107,255,.28) !important;
}
.w-xxl #submit:hover{ box-shadow:0 14px 30px rgba(47,107,255,.36) !important; }

/* 次级按钮：12px 圆角、克制的描边 */
.w-xxl .form-group{ margin:12px 0 0 !important; gap:8px; }
.w-xxl .form-group .btn{
  height:44px;
  border-radius:11px !important;
  font-size:14px !important;
  line-height:28px;
  box-shadow:none !important;
}
.w-xxl .form-group .btn-info{
  background:#fff !important;
  border:1px solid rgba(17,24,39,.10) !important;
  color:#41506b !important;
}
.w-xxl .form-group .btn-info:hover{ border-color:rgba(47,107,255,.35) !important; color:#2f6bff !important; }
.w-xxl .form-group .btn-danger{
  background:rgba(47,107,255,.08) !important;
  border:1px solid rgba(47,107,255,.16) !important;
  color:#2f6bff !important;
}
.w-xxl .form-group .btn-danger:hover{ background:rgba(47,107,255,.14) !important; }

/* 底部版权 */
.w-xxl .text-center small,.w-xxl .text-center small a{
  color:#94a1b6 !important;
  font-size:12.5px;
  font-weight:500;
}

/* ---------- 40. 输入框图标修正（提高特异性，压过 background 简写） ---------- */
.w-xxl .list-group-item input.form-control{
  background-repeat:no-repeat !important;
  background-position:15px center !important;
  background-size:19px 19px !important;
}
.w-xxl .list-group-item input[name="user"]{
  background-color:rgba(255,255,255,.94) !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOWFhNmJiIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjMuNiIvPjxwYXRoIGQ9Ik00LjYgMjBjMS42LTMuNiA0LjItNS40IDcuNC01LjRzNS44IDEuOCA3LjQgNS40Ii8+PC9zdmc+Cg==") !important;
  padding-left:46px !important;
}
.w-xxl .list-group-item input[name="pass"]{
  background-color:rgba(255,255,255,.94) !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOWFhNmJiIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSI0LjUiIHk9IjEwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTAiIHJ4PSIzLjIiLz48cGF0aCBkPSJNOC4yIDEwVjcuNWEzLjggMy44IDAgMCAxIDcuNiAwVjEwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNSIgcj0iMS4yIiBmaWxsPSIjOWFhNmJiIiBzdHJva2U9Im5vbmUiLz48L3N2Zz4K") !important;
  padding-left:46px !important;
}
.w-xxl .list-group-item input[name="user"]:focus,
.w-xxl .list-group-item input[name="pass"]:focus{
  background-color:#ffffff !important;
}
.w-xxl input::placeholder{ color:#93a0b5 !important; }

/* 次级按钮底色统一 */
.w-xxl .form-group .btn-info,
.w-xxl .form-group .btn-danger{
  background:#ffffff !important;
  border:1px solid rgba(17,24,39,.10) !important;
  color:#41506b !important;
  box-shadow:0 2px 8px rgba(23,36,94,.05) !important;
}
.w-xxl .form-group .btn-info:hover{ border-color:rgba(47,107,255,.40) !important; color:#2f6bff !important; }
.w-xxl .form-group .btn-danger{ border-color:rgba(47,107,255,.28) !important; color:#2f6bff !important; }
.w-xxl .form-group .btn-danger:hover{ background:rgba(47,107,255,.06) !important; }

/* ---------- 41. 次级按钮完全统一 + 输入图标微调 ---------- */
.w-xxl .form-group .btn-info,
.w-xxl .form-group .btn-danger{
  background:#ffffff !important;
  border:1px solid rgba(17,24,39,.10) !important;
  color:#41506b !important;
  box-shadow:0 2px 8px rgba(23,36,94,.05) !important;
}
.w-xxl .form-group .btn-info:hover,
.w-xxl .form-group .btn-danger:hover{
  border-color:rgba(47,107,255,.35) !important;
  color:#2f6bff !important;
  background:#fff !important;
}
.w-xxl .form-group .btn i{ opacity:.75; }
.w-xxl .list-group-item input.form-control{
  background-size:20px 20px !important;
}

/* ---------- 42. 登录页次级按钮再轻一点 ---------- */
.w-xxl .form-group .btn-info,
.w-xxl .form-group .btn-danger{
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(17,24,39,.07) !important;
  box-shadow:none !important;
  color:#4d5b74 !important;
}
.w-xxl .form-group .btn-info:hover,
.w-xxl .form-group .btn-danger:hover{
  background:#ffffff !important;
  border-color:rgba(47,107,255,.30) !important;
  color:#2f6bff !important;
}

/* ==========================================================================
   43. 去掉"AI 味"：中性底色 + 收敛渐变 + 放大尺寸（登录页 / 全站背景）
   ========================================================================== */

/* 全局背景：改成极淡的冷灰蓝，不再有彩色光斑 */
body{
  background-color:#f3f6fb !important;
  background-image:
    linear-gradient(180deg,#f7f9fd 0%,#f3f6fb 38%,#eef2f9 100%) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  background-attachment:fixed !important;
}

/* ---------- 登录 / 注册 —— 放大 + 扁平化 ---------- */
.w-xxl{ max-width:460px !important; }

/* 去掉发光的闪电标记，回归纯文字品牌 */
.w-xxl .navbar-brand.block.m-t::before{ display:none !important; content:none !important; }
.w-xxl .navbar-brand.block.m-t{
  font-size:28px !important;
  font-weight:800 !important;
  color:#16233d !important;
  letter-spacing:-.01em;
  margin:0 0 6px !important;
  padding:0 !important;
}
.w-xxl .wrapper.text-center strong{
  font-size:15.5px !important;
  color:#64748b !important;
  font-weight:500;
}
.w-xxl .m-b-lg{ margin-bottom:0 !important; }

/* 卡片：白 + 细边 + 轻阴影，不要玻璃光晕 */
.w-xxl form{
  margin-top:20px;
  padding:18px 18px 22px !important;
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.07) !important;
  border-radius:18px !important;
  box-shadow:0 6px 24px rgba(15,23,42,.06) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* 分段控件 */
.w-xxl .nav-tabs{
  display:flex; gap:4px;
  background:#f2f4f8 !important;
  border:none !important;
  border-radius:11px !important;
  padding:4px !important;
  margin:0 0 18px !important;
}
.w-xxl .nav-tabs > li{ flex:1 1 0; width:auto !important; float:none !important; margin:0 !important; }
.w-xxl .nav-tabs > li > a{
  display:block;
  border:none !important;
  border-radius:9px !important;
  margin:0 !important;
  padding:11px 4px !important;
  font-size:15.5px !important;
  font-weight:600;
  color:#5b6a86 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center;
}
.w-xxl .nav-tabs > li.active > a,
.w-xxl .nav-tabs > li.active > a:hover{
  background:#ffffff !important;
  color:#1f5fd8 !important;
  box-shadow:0 1px 4px rgba(15,23,42,.10) !important;
}

/* 输入框：更大，方形感更强 */
.w-xxl .list-group{ background:transparent !important; border:none !important; box-shadow:none !important; border-radius:0 !important; }
.w-xxl .list-group-item{ padding:0 !important; border:none !important; background:transparent !important; margin:0 0 12px !important; }
.w-xxl .list-group-item input.form-control{
  height:58px !important;
  line-height:56px !important;
  padding:0 16px 0 48px !important;
  font-size:16.5px !important;
  background-color:#f7f9fc !important;
  border:1px solid rgba(15,23,42,.09) !important;
  border-radius:11px !important;
  box-shadow:none !important;
  background-repeat:no-repeat !important;
  background-position:16px center !important;
  background-size:20px 20px !important;
}
.w-xxl .list-group-item input.form-control:focus{
  background-color:#ffffff !important;
  border-color:#1f5fd8 !important;
  box-shadow:0 0 0 3px rgba(31,95,216,.12) !important;
}
.w-xxl input::placeholder{ color:#94a3b8 !important; font-size:16px; }

/* 主按钮：品牌蓝实色，不要三色渐变 */
.w-xxl #submit,
.w-xxl .btn-block.btn-lg{
  height:58px !important;
  border-radius:11px !important;
  font-size:17.5px !important;
  font-weight:700;
  color:#fff !important;
  background:#1f5fd8 !important;
  background-image:none !important;
  box-shadow:0 4px 12px rgba(31,95,216,.24) !important;
  margin-top:6px;
}
.w-xxl #submit:hover{ background:#1a53c0 !important; box-shadow:0 6px 16px rgba(31,95,216,.30) !important; }

/* 次级按钮 */
.w-xxl .form-group{ display:flex; gap:10px; margin:14px 0 0 !important; }
.w-xxl .form-group .btn{
  flex:1 1 0; float:none !important;
  height:48px;
  line-height:30px;
  border-radius:10px !important;
  font-size:15px !important;
  font-weight:600;
  background:#f7f9fc !important;
  border:1px solid rgba(15,23,42,.09) !important;
  color:#41506b !important;
  box-shadow:none !important;
}
.w-xxl .form-group .btn:hover{
  background:#ffffff !important;
  border-color:rgba(31,95,216,.35) !important;
  color:#1f5fd8 !important;
}
.w-xxl .form-group .btn i{ opacity:.7; }

/* 底部版权 */
.w-xxl .text-center small,.w-xxl .text-center small a{ font-size:13px; color:#94a3b8 !important; }

/* ---------- 首页页脚备案 ---------- */
.gl-footer-line{
  margin:0;
  font-size:13.5px;
  color:#7c8899 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.gl-dot{ color:#c3cbd8; margin:0 2px; }
.gl-beian{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#7c8899 !important;
  text-decoration:none !important;
  transition:color .18s ease;
}
.gl-beian:hover{ color:#1f5fd8 !important; }
.gl-beian-img{
  height:18px;
  width:auto;
  display:inline-block;
  vertical-align:middle;
  border-radius:3px;
}
.footer-copyright{ padding:18px 0 !important; background:transparent !important; border-top:1px solid rgba(15,23,42,.06) !important; }

/* ==========================================================================
   44. 深色模式（黑白主题）—— html[data-theme="dark"]
   与 glass-theme.js 配合：右下角圆形按钮切换，localStorage 记忆
   ========================================================================== */

.gl-theme-btn{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:2147483000;
  width:44px;height:44px;
  padding:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  border:1px solid rgba(15,23,42,.08);
  background:#ffffff;
  color:#41506b;
  box-shadow:0 6px 20px rgba(15,23,42,.14);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.gl-theme-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(15,23,42,.20); }
.gl-theme-btn:active{ transform:translateY(0) scale(.96); }
.gl-theme-btn svg{ display:block; }
@media (max-width: 767px){
  .gl-theme-btn{ right:12px; bottom:12px; width:42px; height:42px; }
}

/* ---------- 深色变量 ---------- */
html[data-theme="dark"]{
  --dk-bg:#0e1521;
  --dk-bg-2:#121b29;
  --dk-surface:rgba(255,255,255,.045);
  --dk-surface-2:rgba(255,255,255,.07);
  --dk-line:rgba(255,255,255,.09);
  --dk-text:#e8edf6;
  --dk-text-2:#aab6c8;
  --dk-muted:#7d8a9e;
  --dk-accent:#5b9cff;
  color-scheme:dark;
}
html[data-theme="dark"] body{
  background-color:var(--dk-bg) !important;
  background-image:radial-gradient(80% 50% at 50% -10%, rgba(60,110,220,.16), transparent 70%) !important;
  color:var(--dk-text-2) !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .h1,html[data-theme="dark"] .h2,html[data-theme="dark"] .h3{
  color:var(--dk-text) !important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] label,
html[data-theme="dark"] .text,
html[data-theme="dark"] .desc,
html[data-theme="dark"] .text-muted{
  color:var(--dk-text-2) !important;
}

/* 卡片 / 面板 / 表格容器 */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .well,
html[data-theme="dark"] .block-style-one,
html[data-theme="dark"] .block-style-two,
html[data-theme="dark"] .list-group,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .pay-box,
html[data-theme="dark"] .order-amount12,
html[data-theme="dark"] .PayMethod12,
html[data-theme="dark"] .immediate-pay12,
html[data-theme="dark"] .mod-ct,
html[data-theme="dark"] .w-xxl form,
html[data-theme="dark"] .fixed-table-container{
  background:var(--dk-surface) !important;
  border:1px solid var(--dk-line) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.35) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
}
html[data-theme="dark"] .panel-heading,
html[data-theme="dark"] .panel-footer,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer{
  background:rgba(255,255,255,.03) !important;
  border-color:var(--dk-line) !important;
  color:var(--dk-text) !important;
}
html[data-theme="dark"] .panel-title{ color:var(--dk-text) !important; }

/* 表格 */
html[data-theme="dark"] .table,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tbody > tr > th{
  background:transparent !important;
  color:var(--dk-text-2) !important;
  border-color:var(--dk-line) !important;
}
html[data-theme="dark"] .table > thead > tr > th{
  background:rgba(255,255,255,.05) !important;
  color:#cbd6e6 !important;
  border-color:var(--dk-line) !important;
}
html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd){ background:rgba(255,255,255,.02) !important; }
html[data-theme="dark"] .table-hover > tbody > tr:hover > td{ background:rgba(91,156,255,.10) !important; }

/* 表单 */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .w-xxl .list-group-item input.form-control{
  background-color:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:var(--dk-text) !important;
  box-shadow:none !important;
}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] .w-xxl .list-group-item input.form-control:focus{
  background-color:rgba(255,255,255,.10) !important;
  border-color:var(--dk-accent) !important;
  box-shadow:0 0 0 3px rgba(91,156,255,.18) !important;
}
html[data-theme="dark"] input::placeholder{ color:#6f7c90 !important; }
html[data-theme="dark"] .input-group-addon,
html[data-theme="dark"] .w-xxl .list-group-item .input-group-addon{
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:var(--dk-text-2) !important;
}

/* 导航 / 侧栏 */
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .navbar-default,
html[data-theme="dark"] .app-header,
html[data-theme="dark"] #header .navbar-collapse,
html[data-theme="dark"] #aside.app-aside{
  background:rgba(18,27,41,.86) !important;
  border-color:var(--dk-line) !important;
  color:var(--dk-text) !important;
}
html[data-theme="dark"] .navbar-default .navbar-nav > li > a,
html[data-theme="dark"] #aside .navi > ul > li > a,
html[data-theme="dark"] #header .nav > li > a{ color:var(--dk-text-2) !important; }
html[data-theme="dark"] .navbar-default .navbar-nav > li > a:hover,
html[data-theme="dark"] #aside .navi > ul > li > a:hover,
html[data-theme="dark"] #header .nav > li > a:hover{
  background:rgba(255,255,255,.06) !important;
  color:var(--dk-text) !important;
}
html[data-theme="dark"] .navbar-brand,
html[data-theme="dark"] #header .navbar-brand{ color:var(--dk-text) !important; }

/* 按钮 */
html[data-theme="dark"] .btn-default,
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .w-xxl .form-group .btn{
  background-color:rgba(255,255,255,.07) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.12) !important;
  color:var(--dk-text-2) !important;
  box-shadow:none !important;
}
html[data-theme="dark"] .btn-default:hover,
html[data-theme="dark"] .w-xxl .form-group .btn:hover{
  background-color:rgba(255,255,255,.12) !important;
  color:#fff !important;
}
html[data-theme="dark"] #submit,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .immediate_pay,
html[data-theme="dark"] .pay_btn{
  background:#2f6bff !important;
  background-image:none !important;
  box-shadow:0 6px 16px rgba(47,107,255,.28) !important;
}

/* 登录页 / 分段控件 */
html[data-theme="dark"] .w-xxl .nav-tabs{ background:#0b121c !important; }
html[data-theme="dark"] .w-xxl .nav-tabs > li > a{ color:#8d9aad !important; }
html[data-theme="dark"] .w-xxl .nav-tabs > li.active > a,
html[data-theme="dark"] .w-xxl .nav-tabs > li.active > a:hover{
  background:#1b2534 !important;
  color:#7fb0ff !important;
  box-shadow:none !important;
}
html[data-theme="dark"] .w-xxl .navbar-brand.block.m-t{ color:var(--dk-text) !important; }
html[data-theme="dark"] .w-xxl .wrapper.text-center strong{ color:var(--dk-text-2) !important; }
html[data-theme="dark"] .w-xxl .text-center small,
html[data-theme="dark"] .w-xxl .text-center small a{ color:#6f7c90 !important; }

/* 下拉 / 提示 / 分页 */
html[data-theme="dark"] .dropdown-menu > li > a{ color:var(--dk-text-2) !important; }
html[data-theme="dark"] .dropdown-menu > li > a:hover{ background:rgba(91,156,255,.14) !important; color:#fff !important; }
html[data-theme="dark"] .alert{ background:rgba(255,255,255,.05) !important; color:var(--dk-text-2) !important; }
html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span{
  background:rgba(255,255,255,.05) !important;
  border-color:var(--dk-line) !important;
  color:var(--dk-text-2) !important;
}
html[data-theme="dark"] .breadcrumb{ background:transparent !important; }
html[data-theme="dark"] .breadcrumb > li > a{ color:var(--dk-accent) !important; }

/* 前台首页 */
html[data-theme="dark"] .hero-area{ background-color:#0c1420 !important; }
html[data-theme="dark"] .sub-title-bg{
  background:rgba(255,255,255,.08) !important;
  border-color:var(--dk-line) !important;
  color:#8fc0ff !important;
}
html[data-theme="dark"] .section-title h2{ color:var(--dk-text) !important; }
html[data-theme="dark"] .footer-area,
html[data-theme="dark"] .footer-copyright{
  background:rgba(255,255,255,.03) !important;
  border-color:var(--dk-line) !important;
  color:var(--dk-muted) !important;
}
html[data-theme="dark"] .footer-widget .widget-title,
html[data-theme="dark"] .footer-nav li a,
html[data-theme="dark"] .about-widget p{ color:var(--dk-text-2) !important; }
html[data-theme="dark"] .gl-footer-line,
html[data-theme="dark"] .gl-beian{ color:var(--dk-muted) !important; }
html[data-theme="dark"] .counter-area.blue-dark,
html[data-theme="dark"] .cta-area.blue-dark{
  background:linear-gradient(135deg,#14306b,#1e2a63 60%,#123a52) !important;
}

/* 收银台 / 支付页 */
html[data-theme="dark"] .navBD12{ background:rgba(18,27,41,.9) !important; border-color:var(--dk-line) !important; }
html[data-theme="dark"] .nav12-right{ color:var(--dk-text) !important; }
html[data-theme="dark"] .order-amount12-left li span:last-child,
html[data-theme="dark"] .immediate-pay12-right strong{ color:var(--dk-text) !important; }
html[data-theme="dark"] .PayMethod12 .types li{
  background:rgba(255,255,255,.06) !important;
  border-color:var(--dk-line) !important;
}
html[data-theme="dark"] .PayMethod12 .types li.active{ background:rgba(91,156,255,.16) !important; }
html[data-theme="dark"] .PayMethod12 .types li span{ color:var(--dk-text) !important; }
html[data-theme="dark"] .footer12,html[data-theme="dark"] .footer12 p{ color:var(--dk-muted) !important; }

/* 滚动条 */
html[data-theme="dark"] ::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.18); background-clip:content-box; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.28); background-clip:content-box; }

/* ---------- 45. 深色模式细节打磨 ---------- */
html[data-theme="dark"] .gl-theme-btn{
  background:#1b2534 !important;
  color:#dbe5f3 !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 6px 20px rgba(0,0,0,.45) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] .w-xxl input::placeholder{ color:#8b98ab !important; }
html[data-theme="dark"] .w-xxl .nav-tabs > li > a{ color:#96a3b6 !important; }
html[data-theme="dark"] .w-xxl .text-center small,
html[data-theme="dark"] .w-xxl .text-center small a{ color:#8b98ab !important; }
html[data-theme="dark"] .w-xxl .list-group-item input.form-control{
  border-color:rgba(255,255,255,.14) !important;
}
html[data-theme="dark"] .table .text-muted,
html[data-theme="dark"] .gl-footer-line,
html[data-theme="dark"] .gl-beian{ color:#94a1b3 !important; }

/* ==========================================================================
   46. 恢复玻璃渐变观感（去掉"过度扁平"的版本）+ 修复移动端菜单
   ========================================================================== */

/* ---- 背景：回到极光渐变 ---- */
body{
  background-color:#e8eeff !important;
  background-image:
    radial-gradient(48% 40% at 8% 4%, rgba(99,102,241,.50), transparent 62%),
    radial-gradient(42% 34% at 94% 2%, rgba(34,211,238,.42), transparent 60%),
    radial-gradient(52% 44% at 88% 96%, rgba(244,114,182,.28), transparent 64%),
    radial-gradient(44% 38% at 4% 92%, rgba(251,191,36,.24), transparent 62%),
    linear-gradient(155deg,#e2ebff 0%,#efe4ff 38%,#ddf4ff 70%,#e7efff 100%) !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-attachment:fixed !important;
}

/* ---- 登录卡片：回到玻璃 ---- */
.w-xxl form{
  background:linear-gradient(160deg, rgba(255,255,255,.86), rgba(255,255,255,.56)) !important;
  -webkit-backdrop-filter:blur(28px) saturate(180%) !important;
  backdrop-filter:blur(28px) saturate(180%) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 26px 60px rgba(23,36,94,.16), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.w-xxl .list-group-item input.form-control{
  background-color:rgba(255,255,255,.78) !important;
  border-color:rgba(255,255,255,.9) !important;
}
.w-xxl .list-group-item input.form-control:focus{
  background-color:#ffffff !important;
  border-color:rgba(47,107,255,.55) !important;
  box-shadow:0 0 0 4px rgba(47,107,255,.16) !important;
}
.w-xxl .form-group .btn{
  background-color:rgba(255,255,255,.72) !important;
  border-color:rgba(255,255,255,.9) !important;
}
.w-xxl .form-group .btn:hover{ background-color:#ffffff !important; }

/* ---- 主按钮：回到品牌渐变 ---- */
.w-xxl #submit,
.w-xxl .btn-block.btn-lg{
  background-image:linear-gradient(135deg,#2f6bff 0%,#6a5cff 48%,#12b8d8 100%) !important;
  background-color:#2f6bff !important;
  box-shadow:0 12px 28px rgba(47,107,255,.32) !important;
  border:none !important;
}
.w-xxl #submit:hover{ filter:brightness(1.04); box-shadow:0 16px 34px rgba(47,107,255,.42) !important; }

/* ---- 品牌标记恢复 ---- */
.w-xxl .navbar-brand.block.m-t::before{
  content:"";
  display:block;
  width:54px;height:54px;
  margin:0 auto 14px;
  border-radius:16px;
  background-image:linear-gradient(135deg,#3b82f6,#6d5cff 52%,#12b8d8);
  box-shadow:0 14px 30px rgba(47,107,255,.26);
}

/* ==========================================================================
   移动端菜单：修复 fixed 定位被 backdrop-filter 破坏 + 文字白色不可见
   ========================================================================== */
@media (max-width: 991px){
  /* 关键：header 上的 backdrop-filter 会成为 fixed 子元素的包含块，导致抽屉只剩 70px 高 */
  .header-navigation,
  .theme-header .header-navigation,
  .header-navigation.navigation-white{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    background:rgba(12,18,40,.80) !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }
  .header-navigation.breakpoint-on .nav-menu{
    position:fixed !important;
    top:0 !important;
    left:-320px !important;
    width:300px !important;
    height:100vh !important;
    max-height:100vh !important;
    padding:0 !important;
    background:rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter:blur(30px) saturate(180%) !important;
    backdrop-filter:blur(30px) saturate(180%) !important;
    box-shadow:20px 0 60px rgba(15,23,42,.28) !important;
    border-radius:0 20px 20px 0 !important;
    overflow-y:auto !important;
    transition:left .32s cubic-bezier(.2,.8,.3,1) !important;
    z-index:99999 !important;
  }
  .header-navigation.breakpoint-on .nav-menu.menu-on{ left:0 !important; }

  /* 抽屉里是白底，链接必须回到深色 */
  .header-navigation.breakpoint-on .nav-menu .main-menu ul li a,
  .header-navigation .nav-menu .main-menu ul li a{
    color:#16233d !important;
    font-weight:600 !important;
    font-size:15px !important;
    padding:14px 20px !important;
    border-bottom:1px solid rgba(15,23,42,.06) !important;
  }
  .header-navigation.breakpoint-on .nav-menu .main-menu ul li a:hover,
  .header-navigation.breakpoint-on .nav-menu .main-menu ul li.active > a{
    color:#1f5fd8 !important;
    background:rgba(47,107,255,.08) !important;
  }
  .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a{
    color:#4a5875 !important;
    font-weight:500 !important;
    background:transparent !important;
  }
  .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger{ color:#4a5875 !important; }

  /* 抽屉顶部 logo 区 */
  .header-navigation.breakpoint-on .sidebar-logo{
    display:block !important;
    padding:18px 20px 14px !important;
    border-bottom:1px solid rgba(15,23,42,.06) !important;
    margin-bottom:4px;
  }
  .header-navigation.breakpoint-on .sidebar-logo img{ height:34px !important; width:auto; }

  /* 遮罩 */
  .header-navigation .nav-overlay{
    background:rgba(8,14,28,.48) !important;
    -webkit-backdrop-filter:blur(4px) !important;
    backdrop-filter:blur(4px) !important;
  }
  .header-navigation .navbar-close,
  .header-navigation .menu-close{
    color:#16233d !important;
    background:#f2f4f8 !important;
    border-radius:10px !important;
  }
  .header-navigation .navbar-toggler,
  .header-navigation .menu-toggle,
  .header-navigation .bar-btn{
    color:#fff !important;
    border-radius:10px !important;
  }
}