/* ===========================================================
 * 用户中心 · 深色玻璃主题
 * 配合后台「用户中心图片上传」上传的整页背景图（head.php 里以 --jx-bg 注入）
 * 只做覆盖样式，不改模板本身；删掉这个文件的引用即可还原原样
 * =========================================================== */

/* ---------- 整页背景 ---------- */
.app:before{
  background-color:#0e1626 !important;
  background-image:var(--jx-bg,none) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
.app:after{
  content:"";
  position:fixed;
  left:0;right:0;top:0;bottom:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(6,12,24,.34),rgba(6,12,24,.62));
}
/* 承色放 html（画布层），body 必须透明，否则会盖住上面的背景图 */
html{background-color:#0e1626 !important;}
body{background-color:transparent !important;}

/* ---------- 顶栏 ---------- */
.app-header{background:transparent !important;border:0 !important;}
.app-header .navbar-header,
.app-header .navbar-collapse{
  background:rgba(14,20,34,.62) !important;
  border:0 !important;
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
}
.app-header .navbar-brand,
.app-header .nav > li > a,
.app-header .navbar-text{color:rgba(255,255,255,.88) !important;}
.app-header .nav > li > a:hover,
.app-header .nav > li > a:focus{background:rgba(255,255,255,.10) !important;color:#fff !important;}
.app-header .dropdown-menu{background:rgba(18,24,40,.96) !important;border:1px solid rgba(255,255,255,.16) !important;}
.app-header .dropdown-menu > li > a{color:rgba(255,255,255,.88) !important;}
.app-header .dropdown-menu > li > a:hover{background:rgba(255,255,255,.10) !important;color:#fff !important;}
.app-header .dropdown-menu .divider{background:rgba(255,255,255,.14) !important;}

/* ---------- 左侧导航 ---------- */
.app-aside{
  background:rgba(14,20,34,.55) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
}
.app-aside .navi-wrap{background:transparent !important;}
.navi ul.nav li a{color:rgba(255,255,255,.78) !important;}
.navi ul.nav li a:hover{background:rgba(255,255,255,.08) !important;color:#fff !important;}
.navi ul.nav li.active > a,
.navi ul.nav li.active > a:hover{
  background:rgba(139,92,246,.32) !important;
  color:#fff !important;
  border-radius:12px;
}
.navi ul.nav li > a > .label,
.navi ul.nav li > a > .badge{background:rgba(255,255,255,.22) !important;color:#fff !important;}
.app-aside .text-muted,
.app-aside .nav-sub{color:rgba(255,255,255,.55) !important;}
.app-aside ul.nav-sub{background:rgba(255,255,255,.05) !important;}

/* ---------- 页脚 ---------- */
.app-footer,
.app-footer .wrapper{
  background:transparent !important;
  border:0 !important;
  color:rgba(255,255,255,.55) !important;
  box-shadow:none !important;
}
.app-footer a{color:rgba(255,255,255,.8) !important;}

/* ---------- 卡片 / 面板 ---------- */
.panel,
.well,
.bg-white,
.bg-light,
.bg-light.lter{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(6,12,24,.20);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  color:#fff;
}
.panel-heading,
.panel-footer{
  background:transparent !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#fff !important;
}
.panel-default > .panel-heading{border-bottom:1px solid rgba(255,255,255,.14) !important;}
.list-group{border-radius:14px;overflow:hidden;}
.list-group-item{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:rgba(255,255,255,.86) !important;
}
.list-group-item:hover{background:rgba(255,255,255,.12) !important;}
.app-content-body,
.app-content-body h1,.app-content-body h2,.app-content-body h3,
.app-content-body h4,.app-content-body h5,.app-content-body h6{color:#fff;}
.text-muted{color:rgba(255,255,255,.62) !important;}
.nav-tabs{border-bottom-color:rgba(255,255,255,.16) !important;}
.nav-tabs > li > a{color:rgba(255,255,255,.7) !important;border-color:transparent !important;}
.nav-tabs > li > a:hover{background:rgba(255,255,255,.10) !important;border-color:transparent !important;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.22) !important;
}

/* ---------- 表格 ---------- */
.table{color:#fff !important;background:transparent !important;}
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td{border-color:rgba(255,255,255,.12) !important;color:#fff !important;}
.table > thead > tr > th{color:rgba(255,255,255,.72) !important;border-bottom-color:rgba(255,255,255,.2) !important;}
.table-striped > tbody > tr:nth-of-type(odd){background:rgba(255,255,255,.05) !important;}
.table-hover > tbody > tr:hover{background:rgba(255,255,255,.10) !important;}
.table > thead > tr > th > a{color:rgba(255,255,255,.85) !important;}

/* ---------- 表单 ---------- */
.form-control,
.input-group-addon,
select.form-control{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  color:#fff !important;
  border-radius:12px;
  box-shadow:none !important;
}
.form-control:focus{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(167,139,250,.85) !important;
  box-shadow:none !important;
}
.form-control::-webkit-input-placeholder{color:rgba(255,255,255,.45) !important;}
.form-control::placeholder{color:rgba(255,255,255,.45) !important;}
select.form-control option{color:#1f2a3d;background:#fff;}
.input-group-addon{color:rgba(255,255,255,.75) !important;}
.help-block{color:rgba(255,255,255,.6) !important;}

/* ---------- 按钮 ---------- */
.btn-default,
.btn-white{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  color:#fff !important;
}
.btn-default:hover,
.btn-white:hover{background:rgba(255,255,255,.26) !important;color:#fff !important;}
.pagination > li > a,
.pagination > li > span{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.2) !important;
  color:rgba(255,255,255,.85) !important;
}
.pagination > .active > a,
.pagination > .active > span{background:rgba(139,92,246,.7) !important;border-color:transparent !important;color:#fff !important;}

/* ---------- 弹层 ---------- */
.modal-content{
  background:rgba(20,26,44,.96) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  border-radius:16px;
}
.modal-header,.modal-footer{border-color:rgba(255,255,255,.14) !important;}
.close{color:#fff !important;opacity:.7;}
.dropdown-menu{
  background:rgba(18,24,40,.96) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
}
.dropdown-menu > li > a{color:rgba(255,255,255,.88) !important;}
.dropdown-menu > li > a:hover{background:rgba(255,255,255,.10) !important;}
.dropdown-menu .divider{background:rgba(255,255,255,.14) !important;}

/* ---------- 提示条 ---------- */
.alert{border-radius:14px;border-width:1px;}

/* ---------- bootstrap-table（订单/结算/资金明细等列表页） ---------- */
.fixed-table-container,
.fixed-table-body,
.fixed-table-header,
.bootstrap-table .table{
  background:transparent !important;
  border-color:rgba(255,255,255,.16) !important;
}
.fixed-table-container .table > thead > tr > th,
.fixed-table-container .table > tbody > tr > td{background:transparent !important;}
.fixed-table-container .table-hover > tbody > tr:hover{background:rgba(255,255,255,.08) !important;}
.fixed-table-body{border:0 !important;}
.no-records-found,
.fixed-table-pagination,
.pagination-detail{color:rgba(255,255,255,.7) !important;}
.fixed-table-toolbar .search input,
.fixed-table-toolbar .columns input{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  color:#fff !important;
}
.fixed-table-toolbar .btn,
.page-list .btn-group .btn{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.26) !important;
  color:#fff !important;
}
.page-list .dropdown-menu{background:rgba(18,24,40,.96) !important;}
.nav > li > a:hover,
.nav > li > a:focus,
.nav .open > a{background:rgba(255,255,255,.10) !important;color:#fff !important;}

/* ---------- 模板里剩余的浅色容器（白底白字 → 玻璃） ---------- */
.tab-container .tab-content,
.tab-container > .tab-content{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.20) !important;
  border-radius:16px;
}
.panel-default .panel-heading{
  background:transparent !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#fff !important;
}
.panel-footer{
  background:transparent !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#fff !important;
}
.table > tbody > tr > td,
.table > thead > tr > th,
.table-striped > thead > th,
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th{background:transparent !important;}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th{background:rgba(255,255,255,.05) !important;}
.bg-white,.bg-white-only,.bg-white-opacity,
.bg-white .lt,.bg-white .lter,.bg-white .dk,.bg-white .dker,
.bg-light,.bg-light.lt,.bg-light.lter,.bg-light .lt,.bg-light .lter{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.18) !important;
}
.navbar-nav .open .dropdown-menu{background:rgba(18,24,40,.96) !important;}
.navbar-nav .open .dropdown-menu > li > a{color:rgba(255,255,255,.88) !important;}
.settings > .btn{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.26) !important;
  color:#fff !important;
}
.st-selected td{background:rgba(34,197,94,.18) !important;color:#fff !important;}
.line-dashed{border-color:rgba(255,255,255,.16) !important;}
.form-horizontal .control-label{color:rgba(255,255,255,.85) !important;}
.b-a,.b-b,.b-t,.b-l,.b-r,.b-light{border-color:rgba(255,255,255,.16) !important;}
/* 页面自带的白底盒子（如「获取用户代码」） */
.uc-box,.uc-hero{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.20) !important;
  color:#fff !important;
}
.uc-hero .btn-copy{background:rgba(255,255,255,.92) !important;color:#12406f !important;}

/* ===========================================================
 * 仪表盘（首页）玻璃卡片
 * =========================================================== */
.jx-dash{max-width:880px;margin:0 auto;}
.jx-card{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(6,12,24,.20);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  padding:14px;
  margin-bottom:12px;
}
.jx-card.jx-p0{padding:0;overflow:hidden;}
.jx-bal{position:relative;padding:16px 16px 14px;}
.jx-bal .jx-lb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,.8);}
.jx-bal .jx-lb .ic{
  width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);display:inline-flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:700;
}
.jx-bal .jx-v{font-size:30px;font-weight:700;margin:8px 0 4px;letter-spacing:.5px;line-height:1.1;color:#fff;}
.jx-bal .jx-v small{font-size:17px;font-weight:600;margin-right:2px;opacity:.9;}
.jx-bal .jx-sub{font-size:12px;color:rgba(255,255,255,.62);}
.jx-bal .jx-sub b{color:rgba(255,255,255,.9);}
.jx-chip{
  position:absolute;right:14px;top:14px;font-size:11px;line-height:18px;padding:1px 10px;border-radius:20px;
}
.jx-chip.ok{background:rgba(34,197,94,.24);border:1px solid rgba(74,222,128,.55);color:#a7f3c9;}
.jx-chip.no{background:rgba(239,68,68,.22);border:1px solid rgba(248,113,113,.55);color:#fecaca;}
.jx-chip.warn{background:rgba(251,191,36,.20);border:1px solid rgba(251,191,36,.5);color:#fcd34d;}
.jx-stitle{
  display:flex;align-items:flex-end;justify-content:space-between;gap:8px;
  margin:16px 4px 8px;font-size:13px;font-weight:700;color:rgba(255,255,255,.94);
}
.jx-stitle .r{font-size:11px;font-weight:400;color:rgba(255,255,255,.6);}
.jx-g2{display:grid;grid-template-columns:1fr 1fr;padding:14px 8px 2px;}
.jx-g2 .it{text-align:center;padding:0 6px 14px;}
.jx-g2 .it b{display:block;font-size:18px;font-weight:700;line-height:1.25;color:#fff;word-break:break-all;}
.jx-g2 .it span{font-size:11px;color:rgba(255,255,255,.62);}
.jx-g2 .c-g{color:#4ade80 !important;}
.jx-g2 .c-p{color:#a5b4fc !important;}
.jx-g2 .c-o{color:#fbbf24 !important;}
.jx-g2 .c-r{color:#f87171 !important;}
.jx-chart{display:flex;align-items:flex-end;gap:6px;height:142px;padding:14px 12px 10px;}
.jx-chart .bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;height:100%;}
.jx-chart .bar i{display:block;width:100%;max-width:22px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#c4b5fd,#7c5cff);min-height:4px;box-shadow:0 4px 12px rgba(124,92,255,.35);}
.jx-chart .bar em{font-size:10px;color:rgba(255,255,255,.6);font-style:normal;white-space:nowrap;}
.jx-chart .bar u{font-size:9.5px;color:rgba(255,255,255,.78);text-decoration:none;white-space:nowrap;}
.jx-empty{padding:26px 14px;text-align:center;color:rgba(255,255,255,.5);font-size:13px;}
.jx-empty.sm{padding:16px 14px;}

/* ---------- 手机端（<768px）：更紧凑的头部 + 卡片 ---------- */
@media (max-width:767px){
  .app-header .navbar-header{min-height:46px;background:rgba(14,20,34,.55) !important;}
  .app-header .navbar-header .navbar-brand{height:46px;line-height:46px;padding:0 12px;font-size:15px;}
  .app-header .navbar-header .btn-link,
  .app-header .navbar-header .navbar-btn{padding:12px 14px;color:rgba(255,255,255,.85) !important;}
  .app-header .navbar-collapse{background:rgba(14,20,34,.72) !important;}
  .wrapper-md{padding:10px 12px !important;}
  .jx-dash{max-width:none;}
  .jx-card{padding:16px;border-radius:18px;margin-bottom:10px;}
  .jx-card.jx-p0{padding:0;}
  .jx-bal .jx-v{font-size:32px;}
  .jx-g2{padding:16px 8px 4px;}
  .jx-g2 .it b{font-size:19px;}
  .jx-stitle{margin:14px 4px 8px;font-size:13.5px;}
}

/* ---------- 手机端底部导航（透明玻璃 + 白字） ---------- */
.jx-tabbar,.jx-mask,.jx-sheet{display:none;}
@media (max-width:767px){
  /* 左侧菜单与汉堡按钮收掉，导航全部改到底部 */
  .app-aside{display:none !important;}
  [ui-toggle="off-screen"]{display:none !important;}

  .jx-tabbar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1040;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    background:rgba(8,12,22,.28);
    -webkit-backdrop-filter:blur(22px) saturate(160%);
    backdrop-filter:blur(22px) saturate(160%);
    border-top:1px solid rgba(255,255,255,.12);
  }
  .jx-tabbar a{
    flex:1;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    color:#fff;font-size:11px;border-radius:14px;text-decoration:none;
    text-shadow:0 1px 3px rgba(0,0,0,.45);
  }
  .jx-tabbar a svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));}
  .jx-tabbar a + a{box-shadow:inset 1px 0 0 rgba(255,255,255,.10);}
  .jx-tabbar a.on{
    color:#fff;font-weight:700;background:rgba(139,92,246,.42);
    border:1px solid rgba(196,181,253,.6);box-shadow:0 6px 18px rgba(124,92,255,.3);
  }

  /* 底部弹出「全部功能」：同样透明玻璃 + 白字 */
  .jx-mask{
    display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1045;
    background:rgba(4,8,16,.45);opacity:0;visibility:hidden;transition:opacity .22s;
  }
  .jx-mask.on{opacity:1;visibility:visible;}
  .jx-sheet{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:1050;
    max-height:72vh;overflow:auto;
    padding:14px 12px calc(20px + env(safe-area-inset-bottom));
    border-radius:20px 20px 0 0;
    border-top:1px solid rgba(255,255,255,.24);
    background:rgba(14,20,34,.42);
    -webkit-backdrop-filter:blur(24px) saturate(160%);
    backdrop-filter:blur(24px) saturate(160%);
    box-shadow:0 -10px 40px rgba(4,8,16,.45);
    transform:translateY(102%);transition:transform .26s ease;
  }
  .jx-sheet.on{transform:translateY(0);}
  .jx-sheet-hd{
    display:flex;align-items:center;justify-content:space-between;
    color:#fff;font-size:13px;font-weight:700;margin:2px 4px 12px;
  }
  .jx-sheet-hd a{color:rgba(255,255,255,.85);font-size:12px;font-weight:400;}
  .jx-sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;}
  .jx-sheet-grid a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
    padding:12px 2px;border-radius:14px;color:#fff;text-decoration:none;font-size:11px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
    text-shadow:0 1px 3px rgba(0,0,0,.45);
  }
  .jx-sheet-grid a:active{background:rgba(255,255,255,.18);}
  .jx-sheet-grid a i{font-size:17px;color:#fff;}
  .jx-sheet-grid a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

  .app-content-body{padding-bottom:110px !important;}
  .app-footer{margin-bottom:70px;}
}

/* ---------- 浅色弹层（layer）里的内容还原 ---------- */
/* layer 的弹层用的是它自带的浅色皮肤，而上面主题把 .form-control 设成了白字、
   .table 设成了白字、.btn-default 设成了白字，于是弹层里会出现「白底白字」：
   授权支付域名弹窗的输入框、订单详细信息弹窗的表格、重新通知等按钮都会看不见。
   这里把弹层内部的这些控件还原成深字浅底（只影响 .layui-layer 内部）。 */
.layui-layer .form-control,
.layui-layer .layui-layer-input,
.layui-layer input[type="text"],
.layui-layer input[type="password"],
.layui-layer input[type="number"],
.layui-layer input[type="email"],
.layui-layer input[type="tel"],
.layui-layer input[type="url"],
.layui-layer input[type="search"],
.layui-layer textarea,
.layui-layer select{
  background:#fff !important;
  color:#1f2a3d !important;
  border:1px solid #dcdfe6 !important;
  box-shadow:none !important;
}
.layui-layer .form-control:focus,
.layui-layer .layui-layer-input:focus,
.layui-layer input:focus,
.layui-layer textarea:focus,
.layui-layer select:focus{
  background:#fff !important;
  border-color:#2f6fe4 !important;
  box-shadow:0 0 0 2px rgba(47,111,228,.18) !important;
}
.layui-layer .form-control::-webkit-input-placeholder,
.layui-layer .layui-layer-input::-webkit-input-placeholder{color:#9aa3b2 !important;}
.layui-layer .form-control::placeholder,
.layui-layer .layui-layer-input::placeholder{color:#9aa3b2 !important;}
.layui-layer .help-block,
.layui-layer .text-muted,
.layui-layer .pagination-detail{color:#7b8496 !important;}
.layui-layer .form-horizontal .control-label{color:#42506b !important;}
.layui-layer .table{color:#334155 !important;background:#fff !important;}
.layui-layer .table > thead > tr > th,
.layui-layer .table > tbody > tr > td,
.layui-layer .table > tfoot > tr > td{border-color:#eef1f6 !important;color:#334155 !important;}
.layui-layer .table > thead > tr > th{color:#5b6b85 !important;border-bottom-color:#e3e8ef !important;}
.layui-layer .table > thead > tr > th > a{color:#42506b !important;}
.layui-layer .table-striped > tbody > tr:nth-of-type(odd),
.layui-layer .table-striped > tbody > tr:nth-child(odd) > th{background:#fafbfd !important;}
.layui-layer .list-group-item{background:#fff !important;border-color:#eef1f6 !important;color:#334155 !important;}
.layui-layer .btn-default,
.layui-layer .btn-white{background:#fff !important;border-color:#dcdfe6 !important;color:#334155 !important;}
.layui-layer .btn-default:hover,
.layui-layer .btn-white:hover{background:#f2f5fa !important;color:#1f2a3d !important;}
.layui-layer .panel-default > .panel-heading,
.layui-layer .panel-footer{background:#fff !important;border-color:#eef1f6 !important;color:#334155 !important;}
.layui-layer .bg-light,
.layui-layer .bg-light.lt,
.layui-layer .bg-light.lter{background:#f7f8fb !important;}
.layui-layer .tab-container > .tab-content{background:#fff !important;}

/* ---------- 窄屏性能：关掉毛玻璃（手机点一下卡死的主因） ---------- */
/* backdrop-filter 每帧都要对身后的整页大图（1080x1620 的背景图）重新采样并模糊一次。
   顶栏 + 侧栏 + 卡片 + 底部工具栏 + 更多面板叠在一起时，手机 GPU 直接跪，
   表现就是点一下底部按钮卡住几十秒甚至一两分钟。这里在窄屏全部关掉毛玻璃，
   并把固定条（顶栏/底栏/更多面板）调得更实一点、背景压暗一点，保证字照样看得清。
   宽屏（电脑）保持原样，毛玻璃效果不变。 */
@media (max-width:1023px){
  .app-header .navbar-header,
  .app-header .navbar-collapse,
  .app-aside,
  .panel,
  .well,
  .bg-white,
  .bg-light,
  .bg-light.lter,
  .jx-card,
  .jx-tabbar,
  .jx-sheet,
  .app *{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  /* 没有模糊了，把整页压暗一点，半透明白卡片上的白字才清楚 */
  .app:after{background:linear-gradient(180deg,rgba(6,12,24,.52),rgba(6,12,24,.76)) !important;}
  /* 会跟着滚动的固定条：直接给足底色 */
  .app-header .navbar-header,
  .app-header .navbar-collapse{background:rgba(10,15,28,.84) !important;}
  .app-aside{background:rgba(10,15,28,.92) !important;}
  .jx-tabbar{background:rgba(10,15,28,.90) !important;}
  .jx-sheet{background:rgba(12,18,32,.97) !important;}
}