/**
 * QN 管理系统自定义主题
 * Windows 7 Aero 玻璃风（光泽渐变 + 半透明玻璃 + 天蓝 + Segoe UI）
 */

/* ========== 全局：浅蓝底 + Segoe UI ========== */
body {
    font-family: "Segoe UI", "Microsoft YaHei", "微软雅黑", Tahoma, Arial, sans-serif !important;
    color: #1a2c3a;
    background-color: #eaf1f8;
}

.gray-bg,
body.gray-bg,
#page-wrapper {
    background-color: #eaf1f8 !important;
    background-image: linear-gradient(to bottom, #eef4fb, #e2ecf7);
}

/* ========== 侧边栏：浅玻璃银白 ========== */
.navbar-static-side,
body.canvas-menu nav.navbar-static-side,
body.canvas-menu.mini-navbar nav.navbar-static-side,
.theme-dark .navbar-static-side,
.theme-blue .navbar-static-side,
.theme-light .navbar-static-side {
    background: linear-gradient(to right, #eef4fb, #dfeaf6) !important;
    border-right: 1px solid #9fc4e8;
}

.navbar-default {
    border-color: #9fc4e8;
}

.nav-header {
    background: linear-gradient(to bottom, #eef6ff, #d8e9f8);
}

.nav > li > a {
    color: #2a4358 !important;
    font-size: 13px;
}

.nav > li.active > a {
    color: #14517a !important;
    font-weight: 600;
}

.logo, .logo:hover {
    background: linear-gradient(to bottom, #3f97da, #1f6fb5) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.logo-lg {
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.user-panel {
    display: none !important;
}

/* 侧边栏菜单项 hover */
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.theme-dark .navbar-default .nav > li > a:hover,
.theme-dark .navbar-default .nav > li > a:focus,
.theme-blue .navbar-default .nav > li > a:hover,
.theme-blue .navbar-default .nav > li > a:focus,
.theme-light .navbar-default .nav > li > a:hover,
.theme-light .navbar-default .nav > li > a:focus {
    background: #dcebfa !important;
    color: #14517a !important;
}

/* 选中菜单项：Aero 玻璃高亮 */
.nav li.active,
.nav > li.active,
.nav:not(.navbar-toolbar) > li.active,
.nav-second-level > li.active,
.nav-third-level > li.active,
#side-menu li.active,
.sidebar-collapse li.active,
.theme-dark .nav:not(.navbar-toolbar) > li.active,
.theme-blue .nav:not(.navbar-toolbar) > li.active,
.theme-light .nav:not(.navbar-toolbar) > li.active,
.skin-blue .nav:not(.navbar-toolbar) > li.active,
.skin-green .nav:not(.navbar-toolbar) > li.active,
.skin-purple .nav:not(.navbar-toolbar) > li.active,
.theme-dark .nav-second-level > li.active,
.theme-blue .nav-second-level > li.active,
.skin-blue .nav-second-level > li.active {
    background: linear-gradient(to bottom, #d6ecfc, #b3d9f6) !important;
    border: 1px solid #7fb0de !important;
    border-left: 3px solid #2e8bd0 !important;
    border-radius: 0 4px 4px 0 !important;
    margin: 2px 6px 2px 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.nav li.active > a,
.nav > li.active > a,
.nav-second-level > li.active > a,
.nav-third-level > li.active > a,
#side-menu li.active > a {
    color: #14517a !important;
    font-weight: 600 !important;
    background-color: transparent !important;
}

.nav > li.active > ul li.active > a {
    color: #14517a !important;
    font-weight: 600 !important;
}

.fixed-sidebar.mini-navbar .nav li:hover > .nav-second-level,
.fixed-sidebar.mini-navbar .nav li:hover > a > span.nav-label,
.fixed-sidebar.theme-dark.mini-navbar .nav li:hover > .nav-second-level,
.fixed-sidebar.theme-dark.mini-navbar .nav li:hover > a > span.nav-label,
.fixed-sidebar.theme-blue.mini-navbar .nav li:hover > .nav-second-level,
.fixed-sidebar.theme-blue.mini-navbar .nav li:hover > a > span.nav-label,
.fixed-sidebar.theme-light.mini-navbar .nav li:hover > .nav-second-level,
.fixed-sidebar.theme-light.mini-navbar .nav li:hover > a > span.nav-label {
    background: #eef6ff !important;
    border: 1px solid #9fc4e8;
}

.nav-second-level,
.nav-third-level,
.nav-four-level {
    background-color: #e8f1fa;
}

.nav-second-level li a,
.nav-third-level li a,
.nav-four-level li a {
    color: #4a6378 !important;
}

.nav-second-level li a:hover,
.nav-third-level li a:hover,
.nav-four-level li a:hover {
    color: #1c6ea4 !important;
}

.nav > li > a > i {
    color: #5b86a8;
}

.nav > li.active > a > i {
    color: #2e8bd0;
}

/* ========== 顶部栏：Aero 蓝玻璃光泽 ========== */
.navbar,
.navbar-static-top,
#page-wrapper .navbar-static-top,
.white-bg .navbar-static-top,
.white-bg .navbar-fixed-top,
.row.border-bottom .navbar-static-top {
    background: linear-gradient(to bottom, #5fb0ec 0%, #3f97da 48%, #2e87cf 52%, #1f6fb5 100%) !important;
    border-bottom: 1px solid #14517a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.row.border-bottom {
    border-bottom: none !important;
}

.navbar-top-links li a,
.nav.navbar-top-links li a {
    color: rgba(255, 255, 255, 0.92) !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.navbar-top-links li a:hover,
.nav.navbar-top-links li a:hover {
    color: #fff !important;
}

a.navbar-minimalize,
.minimalize-styl-2,
.navbar-header a {
    color: #fff !important;
}

a.navbar-minimalize:hover,
.minimalize-styl-2:hover {
    color: rgba(255, 255, 255, 0.75) !important;
}

.welcome-message .dropdown-toggle span,
.navbar-top-links .user-menu > a > span {
    color: #fff !important;
}

.navbar-top-links .fa,
.navbar-top-links .glyphicon,
.navbar-top-links i {
    color: rgba(255, 255, 255, 0.92) !important;
}

.navbar-top-links .dropdown-menu {
    background-color: #fbfdff;
    border: 1px solid #9fc4e8;
    box-shadow: 0 4px 14px rgba(20, 81, 122, 0.25);
}

.navbar-top-links .dropdown-menu li a,
.navbar-top-links .dropdown-menu li a i {
    color: #2a4358 !important;
}

.navbar-top-links .dropdown-menu li a:hover,
.navbar-top-links .dropdown-menu li a:hover i {
    color: #1c6ea4 !important;
}

/* ========== 标签页 ========== */
.content-tabs {
    background: linear-gradient(to bottom, #eef6ff, #dcebf9) !important;
    border-bottom: 1px solid #9fc4e8 !important;
}

.content-tabs .page-tabs-content .active {
    background-color: transparent !important;
    color: #14517a !important;
    border-bottom: 2px solid #2e8bd0 !important;
}

.content-tabs .page-tabs-content a {
    color: #2a4358;
    border-bottom: 2px solid transparent;
}

.content-tabs .page-tabs-content a:hover {
    color: #1c6ea4;
}

.content-tabs .btn-group a {
    color: #5b86a8;
}

.content-tabs .btn-group a:hover {
    color: #14517a;
}

/* ========== 按钮：Aero 光泽渐变 ========== */
.btn {
    border-radius: 3px;
    letter-spacing: 0.3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.btn:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-default,
.btn-white {
    background: linear-gradient(to bottom, #fbfdff 0%, #eef6fd 47%, #d8ebfa 50%, #cae3f7 100%) !important;
    border: 1px solid #7fb0de !important;
    color: #1a3a52 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

.btn-default:hover,
.btn-white:hover {
    background: linear-gradient(to bottom, #ffffff 0%, #f3f9ff 47%, #e1f0fc 50%, #d4eafb 100%) !important;
    border-color: #4e93d4 !important;
    color: #14517a !important;
}

.btn-primary,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background: linear-gradient(to bottom, #6fb7ef 0%, #3f97da 48%, #2e87cf 52%, #1f6fb5 100%) !important;
    border: 1px solid #1a5e9a !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(to bottom, #84c4f5 0%, #4ea4e0 48%, #3a92d8 52%, #2a7cc2 100%) !important;
    border-color: #155087 !important;
    color: #fff !important;
}

.btn-info,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background: linear-gradient(to bottom, #7fd0f0 0%, #46b0e0 48%, #34a0d6 52%, #2186bd 100%) !important;
    border: 1px solid #1c719e !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background: linear-gradient(to bottom, #95dcf7 0%, #5bbce8 48%, #45acdd 52%, #2f93c9 100%) !important;
    border-color: #176187 !important;
    color: #fff !important;
}

.btn-success,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background: linear-gradient(to bottom, #a3d977 0%, #6fb53a 48%, #5da32f 52%, #4a8a26 100%) !important;
    border: 1px solid #3f7a1f !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: linear-gradient(to bottom, #b6e58f 0%, #82c84e 48%, #6eb53c 52%, #589a2f 100%) !important;
    border-color: #356619 !important;
    color: #fff !important;
}

.btn-warning,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background: linear-gradient(to bottom, #ffd27a 0%, #f5a623 48%, #e8951a 52%, #cf8012 100%) !important;
    border: 1px solid #b06d0a !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background: linear-gradient(to bottom, #ffdc94 0%, #ffb53e 48%, #f5a526 52%, #db8c18 100%) !important;
    border-color: #955d08 !important;
    color: #fff !important;
}

.btn-danger,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background: linear-gradient(to bottom, #f0907f 0%, #e0573f 48%, #d2402a 52%, #b62f1c 100%) !important;
    border: 1px solid #9a2414 !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background: linear-gradient(to bottom, #f5a596 0%, #e96b53 48%, #db4f38 52%, #c33a24 100%) !important;
    border-color: #851d10 !important;
    color: #fff !important;
}

/* ========== 表格 ========== */
.bootstrap-table .fixed-table-container {
    border: none;
    border-radius: 0;
}

.fixed-table-container,
.bootstrap-table .table,
.table {
    background: transparent !important;
}

.table > thead > tr > th {
    background: linear-gradient(to bottom, #f3f9ff, #e1eef9) !important;
    border-bottom: 1px solid #b8d4ee !important;
    color: #2a4358 !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: none;
}

.table > tbody > tr > td {
    border-top: 1px solid #e3eef8 !important;
    color: #1a2c3a !important;
    font-size: 13px;
}

.table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: #f4f9fe;
}

.table > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > td {
    background-color: #eaf4fd !important;
}

.fixed-table-toolbar,
.fixed-table-pagination,
.fixed-table-pagination .pagination-info {
    color: #2a4358;
}

/* ========== 搜索条件区 ========== */
/* ry-ui 给 .search-collapse 加了白底+阴影+上下内边距，与下方蓝色卡片嵌套形成"盒中盒"，
   顶部露出白边导致视觉错位。这里去掉外层白盒，只保留 .select-list 蓝色卡片 */
.search-collapse {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.select-list {
    background: linear-gradient(to bottom, #f5faff, #e8f2fb);
    border: 1px solid #b8d4ee;
    border-radius: 4px;
    padding: 10px 14px;
}

.select-list ul li label,
.select-list ul li p {
    color: #2a4358;
}

/* 搜索条件里的"游戏名称："/"所属CP："是裸文本节点（非 <label>），ry-ui 的 label 顶对齐规则不生效，
   导致文字顶对齐而 30px 高的 input/select 偏下，整行错位。让每个 li flex 垂直居中，文字与控件对齐 */
.select-list ul li {
    display: flex;
    align-items: center;
}

.select-list ul li > * {
    margin-top: 0;
    margin-bottom: 0;
}

/* ========== 面板 / 卡片：玻璃窗 ========== */
.ibox {
    border-radius: 6px;
    border: 1px solid #b8d4ee;
    background: #fbfdff;
    box-shadow: 0 1px 4px rgba(20, 81, 122, 0.1);
}

.ibox-title {
    border: none;
    border-bottom: 1px solid #b8d4ee;
    background: linear-gradient(to bottom, #f3f9ff, #e1eef9);
    border-radius: 6px 6px 0 0;
    padding: 12px 18px;
}

.ibox-title h5 {
    color: #14517a;
    font-weight: 600;
    font-size: 14px;
}

.ibox-content {
    border: none;
    background: #fbfdff;
    border-radius: 0 0 6px 6px;
}

.white-bg,
.panel,
.panel-default {
    background-color: #fbfdff;
}

/* ========== 仪表盘横幅 ========== */
.dashboard-header,
.row.border-bottom.dashboard-header {
    background: linear-gradient(to bottom, #f3f9ff, #e1eef9) !important;
    border-bottom: 1px solid #b8d4ee !important;
    padding: 18px 24px !important;
}

.dashboard-header h2 {
    color: #14517a;
    font-size: 24px;
    margin: 0 0 4px;
}

.dashboard-header p,
.dashboard-header b {
    color: #5a7088;
}

/* ========== 分页 ========== */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background: linear-gradient(to bottom, #3f97da, #1f6fb5);
    border-color: #1a5e9a;
    color: #fff;
}

.pagination > li > a,
.pagination > li > span {
    color: #1c6ea4;
    background-color: #fbfdff;
    border-color: #b8d4ee;
}

.pagination > li > a:hover {
    color: #14517a;
    background-color: #eaf4fd;
}

/* ========== 标签 / Badge ========== */
.label-primary { background-color: #2e8bd0; }
.label-success { background-color: #5da32f; }
.label-info { background-color: #34a0d6; }
.label-warning { background-color: #e8951a; }
.label-danger { background-color: #d2402a; }

/* ========== 链接 ========== */
a {
    color: #1c6ea4;
}

a:hover {
    color: #14517a;
}

/* ========== 下拉菜单 ========== */
.dropdown-menu {
    background-color: #fbfdff;
    box-shadow: 0 4px 14px rgba(20, 81, 122, 0.2);
    border: 1px solid #9fc4e8;
}

.dropdown-menu > li > a {
    color: #2a4358;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #eaf4fd;
    color: #14517a;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background: linear-gradient(to bottom, #3f97da, #1f6fb5) !important;
    color: #fff !important;
}

/* ========== 表单控件 ========== */
.form-control {
    background-color: #ffffff;
    border: 1px solid #9fc4e8;
    color: #1a2c3a;
    box-shadow: inset 0 1px 2px rgba(20, 81, 122, 0.08);
}

.form-control:focus {
    border-color: #2e8bd0 !important;
    box-shadow: 0 0 0 2px rgba(46, 139, 208, 0.2) !important;
}

/* ========== 登录 / 注册页：Aero 玻璃 ========== */
body.signin {
    height: 100% !important;
    background: #1b4f7d !important;
    background-image: linear-gradient(135deg, #15426b 0%, #2e8bd0 55%, #7bb8e6 100%) !important;
}

.signinpanel {
    width: 380px !important;
    max-width: 92% !important;
    margin: 0 auto !important;
    float: none !important;
    padding-top: 6vh !important;
    color: #1c6ea4 !important;
}

.qn-login-brand {
    text-align: center;
    margin-bottom: 18px;
}

.qn-login-crest {
    width: 72px;
    height: 72px;
    display: inline-block;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.35));
}

.qn-login-title {
    margin-top: 10px;
    font-family: "Segoe UI", "Microsoft YaHei", "微软雅黑", Tahoma, sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.qn-login-sub {
    margin-top: 2px;
    font-size: 12px;
    letter-spacing: 4px;
    color: rgba(255, 255, 255, 0.85);
}

.qn-login-title:empty,
.signin-info .logopanel h1:empty {
    display: none;
}

.signinpanel form {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    border-radius: 8px !important;
    padding: 28px 26px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.signinpanel h4 {
    color: #14517a;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 18px;
}

.signinpanel h4:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin: 8px auto 0;
    background: #7fb0de;
}

.signinpanel .form-control,
.signinpanel .uname,
.signinpanel .pword,
.signinpanel .code {
    background-color: #ffffff !important;
    border: 1px solid #9fc4e8 !important;
    color: #1a2c3a !important;
    border-radius: 3px !important;
    height: 40px !important;
}

.signinpanel .form-control:focus,
.signinpanel .uname:focus,
.signinpanel .pword:focus {
    border-color: #2e8bd0 !important;
    box-shadow: 0 0 0 2px rgba(46, 139, 208, 0.25) !important;
}

.signinpanel .form-control::placeholder {
    color: #8aa6bf;
}

.signinpanel input:-webkit-autofill,
.signinpanel input:-webkit-autofill:hover,
.signinpanel input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #1a2c3a !important;
    caret-color: #1a2c3a;
    transition: background-color 9999s ease-in-out 0s;
}

.signinpanel .btn-success,
.signinpanel .btn-block {
    background: linear-gradient(to bottom, #6fb7ef 0%, #3f97da 48%, #2e87cf 52%, #1f6fb5 100%) !important;
    border: 1px solid #1a5e9a !important;
    color: #fff !important;
    height: 44px;
    font-size: 15px;
    letter-spacing: 4px;
    font-weight: 600;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.signinpanel .btn-success:hover,
.signinpanel .btn-success:focus {
    background: linear-gradient(to bottom, #84c4f5 0%, #4ea4e0 48%, #3a92d8 52%, #2a7cc2 100%) !important;
    border-color: #155087 !important;
    color: #fff !important;
}

.signinpanel .checkbox-custom label {
    color: #2a4358;
}

.signinpanel .text-center a,
.signup-footer a {
    color: #1c6ea4;
}

.signup-footer {
    border-top-color: #b8d4ee !important;
    color: #5a7088;
}

/* ========== 进度条 ========== */
.progress {
    background-color: #d6e6f4;
}

.progress-bar { background-color: #2e8bd0; }
.progress-bar-success { background-color: #5da32f; }
.progress-bar-info { background-color: #34a0d6; }
.progress-bar-warning { background-color: #e8951a; }
.progress-bar-danger { background-color: #d2402a; }

/* ========== 页脚 ========== */
.footer {
    background: linear-gradient(to bottom, #f3f9ff, #e1eef9);
    border-top: 1px solid #b8d4ee;
    color: #5a7088;
}

/* ========== Skin 覆盖 ========== */
.skin-blue .navbar,
.skin-green .navbar,
.skin-purple .navbar,
.skin-red .navbar,
.skin-yellow .navbar {
    background: linear-gradient(to bottom, #5fb0ec 0%, #3f97da 48%, #2e87cf 52%, #1f6fb5 100%) !important;
    border-bottom: 1px solid #14517a !important;
}

.skin-blue .navbar .sidebar-toggle,
.skin-green .navbar .sidebar-toggle,
.skin-purple .navbar .sidebar-toggle {
    color: #fff !important;
}

.skin-blue .navbar .nav > li > a,
.skin-green .navbar .nav > li > a,
.skin-purple .navbar .nav > li > a,
.skin-red .navbar .nav > li > a,
.skin-yellow .navbar .nav > li > a {
    color: rgba(255, 255, 255, 0.9) !important;
}

.skin-blue .navbar .nav > li > a:hover,
.skin-green .navbar .nav > li > a:hover,
.skin-purple .navbar .nav > li > a:hover,
.skin-red .navbar .nav > li > a:hover,
.skin-yellow .navbar .nav > li > a:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

.skin-blue .logo,
.skin-green .logo,
.skin-purple .logo,
.skin-red .logo,
.skin-yellow .logo {
    background: linear-gradient(to bottom, #3f97da, #1f6fb5) !important;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side,
.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side,
.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
    background: linear-gradient(to right, #eef4fb, #dfeaf6) !important;
}

.skin-blue .sidebar a,
.skin-green .sidebar a,
.skin-purple .sidebar a {
    color: #2a4358 !important;
}

.skin-blue .sidebar a:hover,
.skin-green .sidebar a:hover,
.skin-purple .sidebar a:hover {
    color: #1c6ea4 !important;
}

.skin-blue .nav:not(.navbar-toolbar) > li.active,
.skin-green .nav:not(.navbar-toolbar) > li.active,
.skin-purple .nav:not(.navbar-toolbar) > li.active {
    background: linear-gradient(to bottom, #d6ecfc, #b3d9f6) !important;
    border: 1px solid #7fb0de !important;
    border-left: 3px solid #2e8bd0 !important;
    border-radius: 0 4px 4px 0;
    margin: 2px 6px 2px 0;
}

.skin-blue .dropdown-menu > .active > a,
.skin-green .dropdown-menu > .active > a,
.skin-purple .dropdown-menu > .active > a {
    background: linear-gradient(to bottom, #3f97da, #1f6fb5) !important;
}

.skin-blue .navbar-default .nav > li.selected > a,
.skin-blue .navbar-default .nav > li.selected > a:focus,
.skin-green .navbar-default .nav > li.selected > a,
.skin-green .navbar-default .nav > li.selected > a:focus,
.skin-purple .navbar-default .nav > li.selected > a,
.skin-purple .navbar-default .nav > li.selected > a:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

/* ========== theme-dark / theme-blue 统一覆盖 ========== */
.theme-dark .navbar-static-side,
.theme-blue .navbar-static-side {
    background: linear-gradient(to right, #eef4fb, #dfeaf6) !important;
    border-right: 1px solid #9fc4e8;
}

.theme-dark .nav:not(.navbar-toolbar) > li.active,
.theme-blue .nav:not(.navbar-toolbar) > li.active {
    background: linear-gradient(to bottom, #d6ecfc, #b3d9f6) !important;
    border: 1px solid #7fb0de !important;
    border-left: 3px solid #2e8bd0 !important;
    border-radius: 0 4px 4px 0;
    margin: 2px 6px 2px 0;
}

.theme-dark .navbar-default .nav > li > a,
.theme-blue .navbar-default .nav > li > a {
    color: #2a4358 !important;
}

.theme-dark .navbar-default .nav > li > a:hover,
.theme-dark .navbar-default .nav > li > a:focus,
.theme-blue .navbar-default .nav > li > a:hover,
.theme-blue .navbar-default .nav > li > a:focus {
    background: #dcebfa !important;
    color: #14517a !important;
}

.theme-blue.skin-blue .navbar-default .nav > li.active > a,
.theme-blue.skin-green .navbar-default .nav > li.active > a,
.theme-blue.skin-purple .navbar-default .nav > li.active > a,
.theme-dark.skin-blue .navbar-default .nav > li.active > a {
    color: #14517a !important;
}

.theme-blue.skin-blue .navbar-default .nav > li.selected > a,
.theme-blue.skin-blue .navbar-default .nav > li.selected > a:focus,
.theme-dark.skin-blue .navbar-default .nav > li.selected > a,
.theme-dark.skin-blue .navbar-default .nav > li.selected > a:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

.fixed-sidebar.theme-blue.mini-navbar .nav li:hover > a > span.nav-label,
.fixed-sidebar.theme-blue.mini-navbar .nav li:hover > .nav-second-level,
.fixed-sidebar.theme-dark.mini-navbar .nav li:hover > a > span.nav-label,
.fixed-sidebar.theme-dark.mini-navbar .nav li:hover > .nav-second-level {
    background: #eef6ff !important;
    border: 1px solid #9fc4e8;
}

/* ========== 圆角 ========== */
.btn { border-radius: 3px; }
.form-control { border-radius: 3px; }
.nav-tabs > li > a { border-radius: 4px 4px 0 0; }

.gray-bg { background-color: #eaf1f8; }

.select-list { border-radius: 4px; }
.select-list li { color: #2a4358; }

/* ========== 文字颜色 ========== */
.text-success { color: #5da32f !important; }
.text-info { color: #1c6ea4 !important; }
.text-warning { color: #e8951a !important; }
.text-danger { color: #d2402a !important; }
.text-muted { color: #7a93a8 !important; }

/* ================================================================
   弹窗 / 模态框：Aero 蓝玻璃标题栏 + 白玻璃体
   ================================================================ */
.layui-layer {
    border-radius: 6px !important;
    border: 1px solid #1a5e9a !important;
    background-color: #fbfdff !important;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35) !important;
}

.layui-layer-title {
    background: linear-gradient(to bottom, #5fb0ec 0%, #3f97da 48%, #2e87cf 52%, #1f6fb5 100%) !important;
    color: #fff !important;
    border-bottom: 1px solid #14517a !important;
    font-family: "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
    font-weight: 600;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.layui-layer-page .layui-layer-content,
.layui-layer-content {
    background-color: #fbfdff !important;
}

.layui-layer-btn {
    background: linear-gradient(to bottom, #f3f9ff, #e1eef9) !important;
    border-top: 1px solid #b8d4ee !important;
}

.layui-layer-btn a {
    background: linear-gradient(to bottom, #fbfdff 0%, #eef6fd 47%, #d8ebfa 50%, #cae3f7 100%) !important;
    border: 1px solid #7fb0de !important;
    color: #1a3a52 !important;
    border-radius: 3px !important;
}

.layui-layer-btn .layui-layer-btn0 {
    background: linear-gradient(to bottom, #6fb7ef 0%, #3f97da 48%, #2e87cf 52%, #1f6fb5 100%) !important;
    border-color: #1a5e9a !important;
    color: #fff !important;
}

/* bootstrap modal */
.modal-content {
    background-color: #fbfdff;
    border: 1px solid #1a5e9a;
    border-radius: 6px;
}

.modal-header {
    background: linear-gradient(to bottom, #5fb0ec 0%, #3f97da 48%, #2e87cf 52%, #1f6fb5 100%);
    color: #fff;
    border-bottom: 1px solid #14517a;
    border-radius: 6px 6px 0 0;
}

.modal-header .modal-title {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.modal-footer {
    background: linear-gradient(to bottom, #f3f9ff, #e1eef9);
    border-top: 1px solid #b8d4ee;
}

/* ================================================================
   面包屑 + 滚动条
   ================================================================ */
.breadcrumb {
    background: linear-gradient(to bottom, #f3f9ff, #e1eef9);
    border: 1px solid #b8d4ee;
    border-radius: 4px;
    padding: 8px 15px;
}

.breadcrumb > li + li:before {
    content: "\203a";
    color: #7fb0de;
    padding: 0 8px;
}

.breadcrumb > li a {
    color: #5a7088;
}

.breadcrumb > .active {
    color: #1c6ea4;
    font-weight: 600;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #dce8f4;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #aacef0, #7fb0de);
    border-radius: 6px;
    border: 2px solid #dce8f4;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to right, #8fbde9, #5b9dd9);
}

/* ================================================================
   修正：盖过 skins.css 的 .skin-* 高特异度规则 + 弹窗按钮可见性
   ================================================================ */

/* 激活标签页：盖过 skins.css 的 `.skin-X .page-tabs a.active`，做成 Aero 蓝玻璃书签 */
.skin-blue .page-tabs a.active,
.skin-green .page-tabs a.active,
.skin-purple .page-tabs a.active,
.skin-red .page-tabs a.active,
.skin-yellow .page-tabs a.active,
.page-tabs a.active {
    color: #fff !important;
    background: linear-gradient(to bottom, #5fb0ec 0%, #3f97da 48%, #2e87cf 52%, #1f6fb5 100%) !important;
    border: 1px solid #1a5e9a !important;
    border-radius: 4px 4px 0 0 !important;
    font-weight: 600 !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.page-tabs a.active i {
    color: #fff !important;
}

.page-tabs a.active:hover,
.page-tabs a.active i:hover {
    color: #fff !important;
    background: #155087 !important;
}

/* 隐藏标签栏左右翻页箭头（« »）+ 刷新按钮，只留标签 */
.content-tabs .tabLeft,
.content-tabs .tabRight,
.content-tabs .tabReload {
    display: none !important;
}

.content-tabs .page-tabs {
    margin-left: 10px;
}

/* 弹窗右上角 关闭/最大化/最小化：改白色（深蓝玻璃标题栏上才看得清） */
.layui-layer-setwin span,
.layui-layer-setwin a,
.layui-layer-setwin .layui-icon {
    color: #fff !important;
}

.layui-layer-setwin span:hover,
.layui-layer-setwin a:hover,
.layui-layer-setwin .layui-icon:hover {
    color: #eaf4ff !important;
    opacity: 1 !important;
}

.layui-layer-setwin .layui-layer-min:before {
    border-bottom-color: #fff !important;
}

.layui-layer-setwin .layui-layer-maxmin:before,
.layui-layer-setwin .layui-layer-maxmin:after {
    background-color: #fff !important;
}

/* 关闭键多为深色 sprite/字体未加载：去背景，用 :before 画白色 ✕ 兜底 */
.layui-layer-setwin .layui-layer-close1 {
    background: none !important;
    width: 18px !important;
    height: 18px !important;
    position: relative;
}

.layui-layer-setwin .layui-layer-close1:before {
    content: "\2715";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
    font-size: 17px;
    line-height: 1;
    font-family: Arial, "Segoe UI", sans-serif;
}

.layui-layer-setwin .layui-layer-close1:hover:before {
    color: #eaf4ff !important;
}

/* 最大化键同为深色 sprite：去背景，用 :before 画白色方框 */
.layui-layer-setwin .layui-layer-max {
    background: none !important;
    width: 18px !important;
    height: 18px !important;
    position: relative;
}

.layui-layer-setwin .layui-layer-max:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 10px;
    margin: 0;
    transform: translate(-50%, -50%);
    border: 2px solid #fff !important;
    background: none !important;
    border-radius: 1px;
}

.layui-layer-setwin .layui-layer-max:after {
    display: none !important;
}

.layui-layer-setwin .layui-layer-max:hover:before {
    border-color: #eaf4ff !important;
}

/* ---- bootstrap-table 加载遮罩 ----
   该页 iframe 父子页两层 loading 叠加，且其一会卡在 .open 不消失，蓝点/文字盖住数据。
   该遮罩行为本身有问题，彻底隐藏它——数据加载好表格直接出，不显示加载指示。 */
.fixed-table-loading {
    display: none !important;
}

.table > tbody > tr.no-records-found > td {
    color: #5a7088 !important;
    background: #fbfdff !important;
}