/* 将 data-rc-skin CSS 变量桥接到后台壳层 / 通用页 */

/* 桌面收缩栏保留菜单入口；手机仍使用完整文字抽屉。 */
#side-menu .sidebar-menu-icon {
    display: none;
}

@media (min-width: 993px) {
    body.fixed-sidebar.mini-navbar .navbar-static-side,
    body.fixed-sidebar.mini-navbar .navbar-static-side .slimScrollDiv,
    body.fixed-sidebar.mini-navbar .navbar-static-side .sidebar-collapse {
        overflow: visible !important;
    }

    body.fixed-sidebar.mini-navbar .navbar-static-side .slimScrollBar,
    body.fixed-sidebar.mini-navbar .navbar-static-side .slimScrollRail {
        display: none !important;
    }

    body.fixed-sidebar.mini-navbar #side-menu > .logo {
        display: block !important;
        width: 70px;
        max-width: 100%;
        padding: 0;
        font-size: 15px;
    }

    body.fixed-sidebar.mini-navbar #side-menu .logo-lg {
        display: none;
    }

    body.fixed-sidebar.mini-navbar #side-menu .logo-mini {
        display: block;
    }

    body.fixed-sidebar.mini-navbar #side-menu > li > a {
        min-height: 64px;
        padding: 10px 3px 10px 0;
        text-align: center;
    }

    body.fixed-sidebar.mini-navbar #side-menu > li > a > .sidebar-menu-icon {
        display: block;
        margin: 0 0 6px;
        font-size: 20px;
        line-height: 20px;
    }

    body.fixed-sidebar.mini-navbar #side-menu > li > a > .nav-label {
        display: block !important;
        position: static;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent !important;
        color: inherit !important;
        font-size: 12px;
        line-height: 18px;
        white-space: normal;
    }

    body.fixed-sidebar.mini-navbar #side-menu > li > a > .arrow {
        display: none;
    }

    body.fixed-sidebar.mini-navbar #side-menu > li > a:focus-visible {
        outline: 2px solid var(--rc-nav-active, #b91c1c);
        outline-offset: -3px;
    }

    body.fixed-sidebar.mini-navbar #side-menu > li > .nav-second-level {
        display: none;
        position: absolute;
        left: 100%;
        top: var(--sidebar-flyout-top, 0px);
        width: 200px;
        min-width: 200px;
        height: auto !important;
        max-height: calc(100vh - 16px);
        max-height: calc(100dvh - 16px);
        overflow-x: hidden;
        overflow-y: auto;
        padding: 6px 0;
        border: 1px solid var(--rc-line, #e7e0d5);
        border-radius: 0 8px 8px 0;
        box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.16);
        z-index: 1;
    }

    body.fixed-sidebar.mini-navbar #side-menu > li:hover > .nav-second-level,
    body.fixed-sidebar.mini-navbar #side-menu > li:focus-within > .nav-second-level {
        display: block;
    }

    body.fixed-sidebar.mini-navbar #side-menu > li > .nav-second-level > li:last-child {
        margin-bottom: 0;
    }

    body.fixed-sidebar.mini-navbar #side-menu > li > .nav-second-level > li > a {
        padding: 10px 16px;
        font-size: 13px;
        line-height: 20px;
        white-space: nowrap;
    }
}

html {
    background-color: var(--rc-bg, #f7f4ef);
}

body.white-bg,
body.gray-bg,
#page-wrapper.gray-bg {
    background-color: var(--rc-bg, #f7f4ef) !important;
    color: var(--rc-ink, #1c1917);
}

/* 后台顶栏（含手机端：压过 style.css 里 nav[...]{ background:#1f81f2 }） */
.navbar.navbar-static-top.main,
html[data-rc-skin] .navbar.navbar-static-top.main,
html[data-rc-skin] nav.navbar.navbar-static-top[role="navigation"],
html[data-rc-skin] nav.navbar.navbar-static-top.main[role="navigation"] {
    background: var(--rc-topbar, #1c1917) !important;
    background-color: var(--rc-topbar, #1c1917) !important;
    border-bottom: 1px solid var(--rc-topbar-border, #0c0a09) !important;
}
.navbar.navbar-static-top.main .navbar-top-links > li > a,
.navbar.navbar-static-top.main .navbar-minimalize,
html[data-rc-skin] nav.navbar.navbar-static-top[role="navigation"] .navbar-top-links > li > a,
html[data-rc-skin] nav.navbar.navbar-static-top[role="navigation"] .navbar-minimalize {
    color: #fff !important;
}
.navbar.navbar-static-top.main .navbar-top-links > li > a:hover,
.navbar.navbar-static-top.main .navbar-top-links > li > a:focus,
html[data-rc-skin] nav.navbar.navbar-static-top[role="navigation"] .navbar-top-links > li > a:hover,
html[data-rc-skin] nav.navbar.navbar-static-top[role="navigation"] .navbar-top-links > li > a:focus {
    color: var(--rc-topbar-accent, #fca5a5) !important;
    background: transparent !important;
}

@media (max-width: 600px) {
    html[data-rc-skin] nav.navbar.navbar-static-top[role="navigation"],
    html[data-rc-skin] nav.navbar.navbar-static-top.main[role="navigation"],
    html[data-rc-skin] .navbar.navbar-static-top.main {
        background: var(--rc-topbar, #1c1917) !important;
        background-color: var(--rc-topbar, #1c1917) !important;
        border-bottom-color: var(--rc-topbar-border, #0c0a09) !important;
    }
}

/* 侧栏 Logo / 激活项 */
.navbar-default .logo,
.navbar-default.navbar-static-side .logo,
.navbar-default .logo[style] {
    background: var(--rc-topbar, #1c1917) !important;
    background-color: var(--rc-topbar, #1c1917) !important;
    color: #fff !important;
    border-bottom-color: var(--rc-topbar-border, #0c0a09) !important;
}
.navbar-default.navbar-static-side,
body.theme-dark .navbar-static-side,
body.theme-light .navbar-static-side,
.theme-dark .navbar-static-side,
.theme-light .navbar-static-side {
    background: var(--rc-nav-bg, var(--rc-surface, #fffcf7)) !important;
    background-color: var(--rc-nav-bg, var(--rc-surface, #fffcf7)) !important;
}
.navbar-default.navbar-static-side .sidebar-collapse,
.navbar-default.navbar-static-side #side-menu,
.navbar-default.navbar-static-side .nav-second-level,
.navbar-default.navbar-static-side .nav-third-level {
    background: var(--rc-nav-bg, transparent) !important;
}
.navbar-default.navbar-static-side .user-panel,
body.theme-dark .user-panel,
body.theme-light .user-panel {
    background: var(--rc-nav-bg, var(--rc-surface, #fffcf7)) !important;
}
/* 覆盖 style.css .nav>li.active 深色块，避免二级菜单黑底深字 */
.navbar-default.navbar-static-side .nav > li.active,
.navbar-default.navbar-static-side .nav > li.selected,
.theme-dark .navbar-static-side .nav > li.active,
.theme-light .navbar-static-side .nav > li.active {
    background: transparent !important;
    border-left: none !important;
}
.navbar-default.navbar-static-side .nav > li > a,
.navbar-default.navbar-static-side .nav .nav-second-level > li > a,
.navbar-default.navbar-static-side .nav .nav-third-level > li > a,
.theme-light .navbar-default .nav > li > a,
.theme-dark .navbar-default .nav > li > a {
    color: var(--rc-ink, #1c1917) !important;
    background: transparent !important;
    border-left: 3px solid transparent;
}
.navbar-default.navbar-static-side .nav > li > a:hover,
.navbar-default.navbar-static-side .nav > li > a:focus,
.navbar-default.navbar-static-side .nav .nav-second-level > li > a:hover,
.navbar-default.navbar-static-side .nav .nav-second-level > li > a:focus,
.navbar-default.navbar-static-side .nav .nav-third-level > li > a:hover,
.theme-dark .navbar-default .nav > li > a:hover,
.theme-dark .navbar-default .nav > li > a:focus,
.theme-light .navbar-default .nav > li > a:hover,
.theme-light .navbar-default .nav > li > a:focus {
    background: var(--rc-nav-active-bg, var(--rc-accent-soft)) !important;
    color: var(--rc-nav-active, var(--rc-accent)) !important;
}
.navbar-default.navbar-static-side .nav > li.active > a,
.navbar-default.navbar-static-side .nav > li.active > a:focus,
.navbar-default.navbar-static-side .nav > li.active > a:hover,
.navbar-default.navbar-static-side .nav > li.selected > a,
.navbar-default.navbar-static-side .nav .nav-second-level > li.active > a,
.navbar-default.navbar-static-side .nav .nav-second-level > li.active > a:hover,
.theme-light.skin-blue .navbar-default .nav > li.active > a,
.theme-light.skin-blue .navbar-default .nav > li.selected > a {
    background: var(--rc-nav-active-bg, var(--rc-accent-soft)) !important;
    color: var(--rc-nav-active, var(--rc-accent)) !important;
    border-left: 3px solid var(--rc-nav-active, var(--rc-accent)) !important;
    font-weight: 600;
}

/* 内容 Tab */
.content-tabs {
    background: var(--rc-surface, #fffcf7) !important;
    border-bottom: 1px solid var(--rc-line, #e7e0d5) !important;
}
.content-tabs .page-tabs a {
    color: var(--rc-muted, #78716c) !important;
    background: transparent !important;
}
.content-tabs .page-tabs a:hover,
.content-tabs .roll-nav:hover {
    background: var(--rc-accent-soft, #fee2e2) !important;
    color: var(--rc-accent, #b91c1c) !important;
}
.content-tabs .page-tabs a.active {
    background: var(--rc-accent-soft, #fee2e2) !important;
    color: var(--rc-accent, #b91c1c) !important;
    border-bottom-color: var(--rc-accent, #b91c1c) !important;
}
.content-tabs .roll-nav,
.content-tabs .tabReload,
.content-tabs button {
    color: var(--rc-muted, #78716c) !important;
    background: var(--rc-surface, #fffcf7) !important;
    border-color: var(--rc-line, #e7e0d5) !important;
    box-shadow: none !important;
}

/* 通用页按钮：主领绿 / 协作蓝（与抢线一致） */
.btn.rc-act-ok,
a.rc-act-ok,
button.rc-act-ok {
    color: var(--rc-btn-ok) !important;
    background: var(--rc-btn-ok-bg) !important;
    border: 1px solid var(--rc-btn-ok-line) !important;
    box-shadow: none !important;
}
.btn.rc-act-ok:hover,
.btn.rc-act-ok:focus,
a.rc-act-ok:hover,
a.rc-act-ok:focus {
    color: #fff !important;
    background: var(--rc-btn-ok) !important;
    border-color: var(--rc-btn-ok) !important;
}
.btn.rc-act-info,
a.rc-act-info,
button.rc-act-info {
    color: var(--rc-btn-info) !important;
    background: var(--rc-btn-info-bg) !important;
    border: 1px solid var(--rc-btn-info-line) !important;
    box-shadow: none !important;
}
.btn.rc-act-info:hover,
.btn.rc-act-info:focus,
a.rc-act-info:hover,
a.rc-act-info:focus {
    color: #fff !important;
    background: var(--rc-btn-info) !important;
    border-color: var(--rc-btn-info) !important;
}

/* 后台下拉皮肤菜单（双列）；压过 skins.css 窄屏白字 */
.navbar-top-links .dropdown-menu .dropdown-header {
    color: var(--rc-muted, #78716c) !important;
    font-size: 12px;
}
.navbar-top-links .dropdown-menu {
    min-width: 280px;
    background: #fff !important;
}
.navbar-top-links .dropdown-menu .rc-skin-item,
.navbar-top-links .dropdown-menu a.rc-skin-item {
    color: var(--rc-ink, #303133) !important;
    background: transparent !important;
}
.navbar-top-links .dropdown-menu .rc-skin-item:hover,
.navbar-top-links .dropdown-menu .rc-skin-item:focus,
.navbar-top-links .dropdown-menu a.rc-skin-item:hover {
    color: var(--rc-accent, #b91c1c) !important;
    background: var(--rc-accent-soft, #fee2e2) !important;
}
.navbar-top-links .dropdown-menu .rc-skin-item.is-active,
.navbar-top-links .dropdown-menu a.rc-skin-item.is-active {
    color: var(--rc-accent, #b91c1c) !important;
    background: var(--rc-accent-soft, #fee2e2) !important;
    font-weight: 600;
}
/* 暗色皮肤：下拉仍用浅字底，皮肤项用列表字色保证对比 */
html[data-rc-skin="dark"] .navbar-top-links .dropdown-menu .rc-skin-item,
html[data-rc-skin="dark"] .navbar-top-links .dropdown-menu a.rc-skin-item {
    color: var(--rc-list-ink, #e7ecf3) !important;
}
html[data-rc-skin="dark"] .navbar-top-links .dropdown-menu {
    background: var(--rc-surface, #1a2332) !important;
}

/* ========== 列表区：按主题底色/文字 + 扁平化（html 前缀提高优先级） ========== */
html[data-rc-skin] .ibox,
html[data-rc-skin] .ibox-content,
html[data-rc-skin] .wrapper-content,
html[data-rc-skin] .panel,
html[data-rc-skin] .el-card,
html[data-rc-skin] .select-table,
html[data-rc-skin] .container-div,
html[data-rc-skin] .search-collapse {
    background: var(--rc-list-panel-bg, var(--rc-surface, #fff)) !important;
    color: var(--rc-list-ink, var(--rc-ink, #303133)) !important;
    border: 1px solid var(--rc-list-border, var(--rc-line, #ebeef5)) !important;
    border-radius: var(--rc-radius, 2px) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .search-collapse label,
html[data-rc-skin] .select-list li,
html[data-rc-skin] .select-list label,
html[data-rc-skin] .page-header {
    color: var(--rc-list-ink, var(--rc-ink)) !important;
}
html[data-rc-skin] .select-list .text-muted,
html[data-rc-skin] .fixed-table-pagination .pagination-info,
html[data-rc-skin] .fixed-table-pagination .page-list,
html[data-rc-skin] .fixed-table-toolbar .bars,
html[data-rc-skin] .fixed-table-toolbar .columns,
html[data-rc-skin] .fixed-table-toolbar .search,
html[data-rc-skin] .no-records-found {
    color: var(--rc-list-text-muted, var(--rc-muted)) !important;
}

html[data-rc-skin] .table,
html[data-rc-skin] .el-table,
html[data-rc-skin] .bootstrap-table .table,
html[data-rc-skin] .fixed-table-container,
html[data-rc-skin] .fixed-table-body,
html[data-rc-skin] .fixed-table-header,
html[data-rc-skin] .fixed-table-toolbar,
html[data-rc-skin] .fixed-table-pagination {
    background: var(--rc-list-panel-bg, var(--rc-surface, #fff)) !important;
    background-color: var(--rc-list-panel-bg, var(--rc-surface, #fff)) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html[data-rc-skin] .table th,
html[data-rc-skin] .el-table th,
html[data-rc-skin] .table > thead > tr > th,
html[data-rc-skin] .table > thead > tr > td,
html[data-rc-skin] .bootstrap-table .table thead th,
html[data-rc-skin] .fixed-table-header th,
html[data-rc-skin] .table-bordered > thead > tr > th,
html[data-rc-skin] .table-bordered > thead > tr > td {
    background: var(--rc-list-head-bg, #f5f7fa) !important;
    background-color: var(--rc-list-head-bg, #f5f7fa) !important;
    color: var(--rc-list-head-ink, #606266) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
    font-weight: 600;
}
html[data-rc-skin] .table td,
html[data-rc-skin] .el-table td,
html[data-rc-skin] .table > tbody > tr > th,
html[data-rc-skin] .table > tbody > tr > td,
html[data-rc-skin] .table > tfoot > tr > th,
html[data-rc-skin] .table > tfoot > tr > td,
html[data-rc-skin] .bootstrap-table .table tbody td,
html[data-rc-skin] .table-bordered > tbody > tr > td {
    background-color: transparent !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
}
html[data-rc-skin] .table-striped > tbody > tr:nth-of-type(odd),
html[data-rc-skin] .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-rc-skin] .select-table.table-striped .table > tbody > tr:nth-of-type(odd) > td,
html[data-rc-skin] .bootstrap-table .table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: var(--rc-list-stripe, #fafafa) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
}
html[data-rc-skin] .table-hover > tbody > tr:hover,
html[data-rc-skin] .table-hover > tbody > tr:hover > td,
html[data-rc-skin] .bootstrap-table .table tbody tr:hover td {
    background-color: var(--rc-list-hover, #f5f7fa) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
}
html[data-rc-skin] .bootstrap-table .table tbody tr.selected td,
html[data-rc-skin] .fixed-table-body .selected td {
    background-color: var(--rc-list-hover, var(--rc-accent-soft)) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
}
/* 表格内普通链接用主题色（仅单元格内链接；勿选 .bootstrap-table a，否则会盖住分页当前页白字） */
html[data-rc-skin] .fixed-table-body a:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-default):not(.btn-secondary),
html[data-rc-skin] .table tbody a:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-default):not(.btn-secondary),
html[data-rc-skin] .table td a:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-default):not(.btn-secondary) {
    color: var(--rc-list-primary, var(--rc-accent)) !important;
}
html[data-rc-skin] .bootstrap-table a.btn-primary,
html[data-rc-skin] .bootstrap-table a.btn-success,
html[data-rc-skin] .bootstrap-table a.btn-info,
html[data-rc-skin] .bootstrap-table a.btn-warning,
html[data-rc-skin] .bootstrap-table a.btn-danger,
html[data-rc-skin] .fixed-table-body a.btn-primary,
html[data-rc-skin] .fixed-table-body a.btn-success,
html[data-rc-skin] .fixed-table-body a.btn-info,
html[data-rc-skin] .fixed-table-body a.btn-warning,
html[data-rc-skin] .fixed-table-body a.btn-danger,
html[data-rc-skin] .table a.btn-primary,
html[data-rc-skin] .table a.btn-success,
html[data-rc-skin] .table a.btn-info,
html[data-rc-skin] .table a.btn-warning,
html[data-rc-skin] .table a.btn-danger,
html[data-rc-skin] #toolbar a.btn-primary,
html[data-rc-skin] #toolbar a.btn-success,
html[data-rc-skin] #toolbar a.btn-info,
html[data-rc-skin] #toolbar a.btn-warning,
html[data-rc-skin] #toolbar a.btn-danger,
html[data-rc-skin] .search-collapse a.btn-primary,
html[data-rc-skin] .search-collapse a.btn-success,
html[data-rc-skin] .search-collapse a.btn-info,
html[data-rc-skin] .ibox a.btn-primary,
html[data-rc-skin] .ibox a.btn-success,
html[data-rc-skin] .ibox a.btn-info,
html[data-rc-skin] .ibox a.btn-warning,
html[data-rc-skin] .ibox a.btn-danger {
    color: #fff !important;
}
html[data-rc-skin] .pagination > li > a,
html[data-rc-skin] .pagination > li > span,
html[data-rc-skin] .bootstrap-table .pagination > li > a,
html[data-rc-skin] .bootstrap-table .pagination > li > span,
html[data-rc-skin] .fixed-table-pagination .pagination > li > a,
html[data-rc-skin] .fixed-table-pagination .pagination > li > span {
    background: var(--rc-list-panel-bg, #fff) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html[data-rc-skin] .pagination > .active > a,
html[data-rc-skin] .pagination > .active > span,
html[data-rc-skin] .pagination > .active > a:hover,
html[data-rc-skin] .pagination > .active > span:hover,
html[data-rc-skin] .pagination > .active > a:focus,
html[data-rc-skin] .pagination > .active > span:focus,
html[data-rc-skin] .bootstrap-table .pagination > .active > a,
html[data-rc-skin] .bootstrap-table .pagination > .active > span,
html[data-rc-skin] .bootstrap-table .pagination > .active > a:hover,
html[data-rc-skin] .bootstrap-table .pagination > .active > span:hover,
html[data-rc-skin] .fixed-table-pagination .pagination > .active > a,
html[data-rc-skin] .fixed-table-pagination .pagination > .active > span,
html[data-rc-skin] .fixed-table-pagination .pagination > .active > a:hover,
html[data-rc-skin] .fixed-table-pagination .pagination > .active > span:hover {
    background: var(--rc-list-primary, var(--rc-accent)) !important;
    background-color: var(--rc-list-primary, var(--rc-accent)) !important;
    border-color: var(--rc-list-primary, var(--rc-accent)) !important;
    color: #fff !important;
}
html[data-rc-skin] .pagination > li > a:hover,
html[data-rc-skin] .pagination > li > span:hover,
html[data-rc-skin] .bootstrap-table .pagination > li:not(.active) > a:hover,
html[data-rc-skin] .fixed-table-pagination .pagination > li:not(.active) > a:hover {
    background: var(--rc-list-hover) !important;
    color: var(--rc-list-primary, var(--rc-accent)) !important;
    border-color: var(--rc-list-border) !important;
}
html[data-rc-skin] .label,
html[data-rc-skin] .el-tag {
    border-radius: var(--rc-radius, 2px) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .form-control,
html[data-rc-skin] .el-input__inner {
    background: var(--rc-list-panel-bg, #fff) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
    border-radius: var(--rc-radius, 2px) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .form-control::placeholder {
    color: var(--rc-list-text-muted, var(--rc-muted)) !important;
}
html[data-rc-skin] .btn,
html[data-rc-skin] .el-button {
    border-radius: var(--rc-radius, 2px) !important;
    box-shadow: none !important;
}

/* 暗色皮肤：壳层补充（列表已走 --rc-list-*） */
html[data-rc-skin="dark"] body.white-bg,
html[data-rc-skin="dark"] body.gray-bg,
html[data-rc-skin="dark"] #page-wrapper.gray-bg,
html[data-rc-skin="dark"] body.theme-dark {
    background-color: var(--rc-bg) !important;
    color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .navbar-default.navbar-static-side {
    background: var(--rc-nav-bg, var(--rc-surface)) !important;
    background-color: var(--rc-nav-bg, var(--rc-surface)) !important;
    border-color: var(--rc-line) !important;
}
html[data-rc-skin="dark"] .navbar-default.navbar-static-side .user-panel {
    background: var(--rc-nav-bg, var(--rc-surface)) !important;
}
html[data-rc-skin="dark"] .navbar-default.navbar-static-side .nav > li > a {
    color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .content-tabs {
    background: var(--rc-surface) !important;
    border-color: var(--rc-line) !important;
}
html[data-rc-skin="dark"] .navbar-top-links .dropdown-menu {
    background: var(--rc-surface) !important;
    border-color: var(--rc-line) !important;
}
html[data-rc-skin="dark"] .navbar-top-links .dropdown-menu > li > a {
    color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .form-control,
html[data-rc-skin="dark"] .el-input__inner {
    background: var(--rc-row) !important;
}

/* ========== 列表 / 表单页按钮：每套皮肤独立色板（--rc-list-*） ==========
 * 覆盖 style.css 中 Element 固定色；与抢线页 --rc-btn-* 解耦，避免各主题按钮撞色
 */
.btn-primary,
.el-button--primary,
a.btn-primary,
button.btn-primary {
    color: #fff !important;
    background: var(--rc-list-primary, #409EFF) !important;
    border-color: var(--rc-list-primary, #409EFF) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.el-button--primary:hover,
.open .dropdown-toggle.btn-primary {
    color: #fff !important;
    background: var(--rc-list-primary-hover, #66b1ff) !important;
    border-color: var(--rc-list-primary-hover, #66b1ff) !important;
}

.btn-success,
.el-button--success,
a.btn-success,
button.btn-success {
    color: #fff !important;
    background: var(--rc-list-success, var(--rc-btn-ok)) !important;
    border-color: var(--rc-list-success, var(--rc-btn-ok)) !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.el-button--success:hover {
    color: #fff !important;
    background: var(--rc-list-success, var(--rc-btn-ok)) !important;
    border-color: var(--rc-list-success, var(--rc-btn-ok)) !important;
    filter: brightness(0.92);
}

.btn-info,
.el-button--info,
a.btn-info,
button.btn-info {
    color: #fff !important;
    background: var(--rc-list-info, var(--rc-btn-info)) !important;
    border-color: var(--rc-list-info, var(--rc-btn-info)) !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.el-button--info:hover {
    color: #fff !important;
    background: var(--rc-list-info, var(--rc-btn-info)) !important;
    border-color: var(--rc-list-info, var(--rc-btn-info)) !important;
    filter: brightness(0.92);
}

.btn-warning,
.el-button--warning,
a.btn-warning,
button.btn-warning {
    color: #fff !important;
    background: var(--rc-list-warning, var(--rc-warn-ink)) !important;
    border-color: var(--rc-list-warning, var(--rc-warn-ink)) !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.el-button--warning:hover {
    color: #fff !important;
    background: var(--rc-list-warning, var(--rc-warn-ink)) !important;
    border-color: var(--rc-list-warning, var(--rc-warn-ink)) !important;
    filter: brightness(0.92);
}

.btn-danger,
.el-button--danger,
a.btn-danger,
button.btn-danger {
    color: #fff !important;
    background: var(--rc-list-danger, var(--rc-btn-del)) !important;
    border-color: var(--rc-list-danger, var(--rc-btn-del)) !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.el-button--danger:hover {
    color: #fff !important;
    background: var(--rc-list-danger, var(--rc-btn-del)) !important;
    border-color: var(--rc-list-danger, var(--rc-btn-del)) !important;
    filter: brightness(0.92);
}

/* 描边 / 切换组（如时间范围） */
.btn-outline-primary,
.btn-primary.btn-outline,
label.btn-outline-primary {
    color: var(--rc-list-primary, var(--rc-accent)) !important;
    background: transparent !important;
    border-color: var(--rc-list-primary, var(--rc-accent)) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary.active,
.btn-outline-primary:active,
label.btn-outline-primary.active,
label.btn-outline-primary:hover {
    color: #fff !important;
    background: var(--rc-list-primary, var(--rc-accent)) !important;
    border-color: var(--rc-list-primary, var(--rc-accent)) !important;
}

.btn-default,
.btn-secondary,
a.btn-default,
button.btn-default,
button.btn-secondary {
    color: var(--rc-ink) !important;
    background: var(--rc-surface) !important;
    border-color: var(--rc-line-strong) !important;
}
.btn-default:hover,
.btn-secondary:hover {
    color: var(--rc-accent) !important;
    background: var(--rc-accent-soft) !important;
    border-color: var(--rc-btn-add-line, var(--rc-accent)) !important;
}

/* 工具栏 / 搜索区小按钮 */
#toolbar .btn,
.btn-group-sm .btn,
.search-collapse .btn,
.select-list .btn {
    box-shadow: none !important;
}

/* 抢线/抽奖等多按钮工具栏：按操作语义分色（每主题色板不同） */
html[data-rc-skin] #toolbar .btn.rc-tb-add,
html[data-rc-skin] .btn.rc-tb-add {
    color: #fff !important;
    background: var(--rc-tb-add, #047857) !important;
    border-color: var(--rc-tb-add, #047857) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-delete,
html[data-rc-skin] .btn.rc-tb-delete {
    color: #fff !important;
    background: var(--rc-tb-delete, #7f1d1d) !important;
    border-color: var(--rc-tb-delete, #7f1d1d) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-import,
html[data-rc-skin] .btn.rc-tb-import {
    color: #fff !important;
    background: var(--rc-tb-import, #1e40af) !important;
    border-color: var(--rc-tb-import, #1e40af) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-import-alt,
html[data-rc-skin] .btn.rc-tb-import-alt {
    color: #fff !important;
    background: var(--rc-tb-import-alt, #0e7490) !important;
    border-color: var(--rc-tb-import-alt, #0e7490) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-clear,
html[data-rc-skin] .btn.rc-tb-clear {
    color: #fff !important;
    background: var(--rc-tb-clear, #9f1239) !important;
    border-color: var(--rc-tb-clear, #9f1239) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-qr,
html[data-rc-skin] .btn.rc-tb-qr {
    color: #fff !important;
    background: var(--rc-tb-qr, #6d28d9) !important;
    border-color: var(--rc-tb-qr, #6d28d9) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-qr-off,
html[data-rc-skin] .btn.rc-tb-qr-off {
    color: #fff !important;
    background: var(--rc-tb-qr-off, #64748b) !important;
    border-color: var(--rc-tb-qr-off, #64748b) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-calc,
html[data-rc-skin] .btn.rc-tb-calc {
    color: #fff !important;
    background: var(--rc-tb-calc, #c2410c) !important;
    border-color: var(--rc-tb-calc, #c2410c) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-temp,
html[data-rc-skin] .btn.rc-tb-temp {
    color: #fff !important;
    background: var(--rc-tb-temp, #7c3aed) !important;
    border-color: var(--rc-tb-temp, #7c3aed) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-export,
html[data-rc-skin] .btn.rc-tb-export {
    color: #fff !important;
    background: var(--rc-tb-export, #a16207) !important;
    border-color: var(--rc-tb-export, #a16207) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-log,
html[data-rc-skin] .btn.rc-tb-log {
    color: #fff !important;
    background: var(--rc-tb-log, #475569) !important;
    border-color: var(--rc-tb-log, #475569) !important;
}
html[data-rc-skin] #toolbar .btn[class*="rc-tb-"]:hover,
html[data-rc-skin] #toolbar .btn[class*="rc-tb-"]:focus {
    filter: brightness(0.92);
    color: #fff !important;
}
#toolbar .btn.rc-tb-delete.disabled,
#toolbar .btn.rc-tb-delete[disabled],
#toolbar .btn.multiple.disabled {
    opacity: 0.45;
    filter: none;
}

/* 行内操作图标按钮：跟该皮肤列表主色 */
.fixed-table-body .btn-xs,
.bootstrap-table .btn-xs {
    color: var(--rc-list-primary, var(--rc-accent)) !important;
}
.fixed-table-body .btn-xs:hover,
.bootstrap-table .btn-xs:hover {
    color: var(--rc-list-primary-hover, var(--rc-accent)) !important;
}

html[data-rc-skin="dark"] .btn-default,
html[data-rc-skin="dark"] .btn-secondary {
    color: var(--rc-ink) !important;
    background: var(--rc-row) !important;
    border-color: var(--rc-line-strong) !important;
}
/* 暗色按钮底色偏亮，白字对比不足 → 用深色字 */
html[data-rc-skin="dark"] .btn-primary,
html[data-rc-skin="dark"] .btn-success,
html[data-rc-skin="dark"] .btn-info,
html[data-rc-skin="dark"] .btn-warning,
html[data-rc-skin="dark"] .btn-danger,
html[data-rc-skin="dark"] a.btn-primary,
html[data-rc-skin="dark"] a.btn-success,
html[data-rc-skin="dark"] a.btn-info,
html[data-rc-skin="dark"] a.btn-warning,
html[data-rc-skin="dark"] a.btn-danger,
html[data-rc-skin="dark"] .el-button--primary,
html[data-rc-skin="dark"] .el-button--success,
html[data-rc-skin="dark"] .el-button--info,
html[data-rc-skin="dark"] .el-button--warning,
html[data-rc-skin="dark"] .el-button--danger,
html[data-rc-skin="dark"] .btn-primary:hover,
html[data-rc-skin="dark"] .btn-primary:focus,
html[data-rc-skin="dark"] .btn-primary:active,
html[data-rc-skin="dark"] .btn-primary.active,
html[data-rc-skin="dark"] .btn-success:hover,
html[data-rc-skin="dark"] .btn-success:focus,
html[data-rc-skin="dark"] .btn-info:hover,
html[data-rc-skin="dark"] .btn-info:focus,
html[data-rc-skin="dark"] .btn-warning:hover,
html[data-rc-skin="dark"] .btn-warning:focus,
html[data-rc-skin="dark"] .btn-danger:hover,
html[data-rc-skin="dark"] .btn-danger:focus,
html[data-rc-skin="dark"] .btn-outline-primary.active,
html[data-rc-skin="dark"] .btn-outline-primary:hover,
html[data-rc-skin="dark"] .btn-outline-primary:active,
html[data-rc-skin="dark"] label.btn-outline-primary.active,
html[data-rc-skin="dark"] label.btn-outline-primary:hover,
html[data-rc-skin="dark"] #toolbar .btn[class*="rc-tb-"],
html[data-rc-skin="dark"] .btn[class*="rc-tb-"],
html[data-rc-skin="dark"] #toolbar .btn[class*="rc-tb-"]:hover,
html[data-rc-skin="dark"] #toolbar .btn[class*="rc-tb-"]:focus,
/* 暗色分页当前页：主色底 + 白字（勿用深色字，否则易被表格链接规则盖成同色） */
html[data-rc-skin="dark"] .pagination > .active > a,
html[data-rc-skin="dark"] .pagination > .active > span,
html[data-rc-skin="dark"] .bootstrap-table .pagination > .active > a,
html[data-rc-skin="dark"] .bootstrap-table .pagination > .active > span,
html[data-rc-skin="dark"] .fixed-table-pagination .pagination > .active > a,
html[data-rc-skin="dark"] .fixed-table-pagination .pagination > .active > span {
    color: #fff !important;
}
html[data-rc-skin="dark"] .fixed-table-body .btn-xs,
html[data-rc-skin="dark"] .bootstrap-table .btn-xs {
    color: var(--rc-list-primary, var(--rc-topbar-accent)) !important;
    background: transparent !important;
}
html[data-rc-skin="dark"] .navbar-default.navbar-static-side .nav > li.active > a,
html[data-rc-skin="dark"] .navbar-default.navbar-static-side .nav .nav-second-level > li.active > a {
    background: var(--rc-nav-active-bg) !important;
    color: var(--rc-nav-active) !important;
    border-left-color: var(--rc-nav-active);
}

/* ========== 防 style.css / skins.css 硬编码反杀（收口） ========== */
.navbar-default.navbar-static-side,
.theme-light .navbar-static-side,
.theme-dark .navbar-static-side {
    box-shadow: none !important;
}
.navbar-default.navbar-static-side .user-panel > .info,
.navbar-default.navbar-static-side .user-panel > .info > p,
.navbar-default.navbar-static-side .user-panel > .info > a {
    color: var(--rc-ink, #1c1917) !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-light.mini-navbar .nav li:hover > .nav-second-level,
.fixed-sidebar.theme-light.mini-navbar .nav li:hover > a > span.nav-label {
    background: var(--rc-nav-bg, #f9fafc) !important;
    background-color: var(--rc-nav-bg, #f9fafc) !important;
    color: var(--rc-ink) !important;
    border-color: var(--rc-line) !important;
}
html[data-rc-skin] .ibox-title {
    background: var(--rc-list-panel-bg) !important;
    border-color: var(--rc-list-border) !important;
    color: var(--rc-list-ink) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .form-control:focus,
html[data-rc-skin] .el-input__inner:focus {
    border-color: var(--rc-list-primary) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .label-primary,
html[data-rc-skin] .el-tag--primary,
html[data-rc-skin] .badge-primary {
    background: var(--rc-accent-soft) !important;
    color: var(--rc-list-primary) !important;
    border-color: var(--rc-list-primary) !important;
}
html[data-rc-skin] .label-success,
html[data-rc-skin] .el-tag--success,
html[data-rc-skin] .badge-success {
    background: var(--rc-btn-ok-bg, var(--rc-list-stripe)) !important;
    color: var(--rc-list-success) !important;
    border-color: var(--rc-list-success) !important;
}
html[data-rc-skin] .label-warning,
html[data-rc-skin] .el-tag--warning,
html[data-rc-skin] .badge-warning {
    background: var(--rc-warn-bg, var(--rc-list-stripe)) !important;
    color: var(--rc-list-warning) !important;
    border-color: var(--rc-list-warning) !important;
}
html[data-rc-skin] .label-danger,
html[data-rc-skin] .el-tag--danger,
html[data-rc-skin] .badge-danger {
    background: var(--rc-btn-del-bg, var(--rc-list-stripe)) !important;
    color: var(--rc-list-danger) !important;
    border-color: var(--rc-list-danger) !important;
}
html[data-rc-skin] .label-info,
html[data-rc-skin] .el-tag--info,
html[data-rc-skin] .badge-info {
    background: var(--rc-list-stripe) !important;
    color: var(--rc-list-info) !important;
    border-color: var(--rc-list-info) !important;
}
html[data-rc-skin] .btn-success.btn-outline,
html[data-rc-skin] .btn-outline-success {
    color: var(--rc-list-success) !important;
    background: transparent !important;
    border-color: var(--rc-list-success) !important;
}
html[data-rc-skin] .btn-info.btn-outline,
html[data-rc-skin] .btn-outline-info {
    color: var(--rc-list-info) !important;
    background: transparent !important;
    border-color: var(--rc-list-info) !important;
}
html[data-rc-skin] .btn-warning.btn-outline,
html[data-rc-skin] .btn-outline-warning {
    color: var(--rc-list-warning) !important;
    background: transparent !important;
    border-color: var(--rc-list-warning) !important;
}
html[data-rc-skin] .btn-danger.btn-outline,
html[data-rc-skin] .btn-outline-danger {
    color: var(--rc-list-danger) !important;
    background: transparent !important;
    border-color: var(--rc-list-danger) !important;
}
html[data-rc-skin] .btn-success.btn-outline:hover,
html[data-rc-skin] .btn-info.btn-outline:hover,
html[data-rc-skin] .btn-warning.btn-outline:hover,
html[data-rc-skin] .btn-danger.btn-outline:hover,
html[data-rc-skin] .btn-outline-success:hover,
html[data-rc-skin] .btn-outline-info:hover,
html[data-rc-skin] .btn-outline-warning:hover,
html[data-rc-skin] .btn-outline-danger:hover {
    color: #fff !important;
}
html[data-rc-skin] .btn-success.btn-outline:hover { background: var(--rc-list-success) !important; border-color: var(--rc-list-success) !important; }
html[data-rc-skin] .btn-info.btn-outline:hover { background: var(--rc-list-info) !important; border-color: var(--rc-list-info) !important; }
html[data-rc-skin] .btn-warning.btn-outline:hover { background: var(--rc-list-warning) !important; border-color: var(--rc-list-warning) !important; }
html[data-rc-skin] .btn-danger.btn-outline:hover { background: var(--rc-list-danger) !important; border-color: var(--rc-list-danger) !important; }
html[data-rc-skin] .dropdown-menu {
    box-shadow: none !important;
    border: 1px solid var(--rc-list-border, var(--rc-line)) !important;
    background: var(--rc-list-panel-bg, var(--rc-surface)) !important;
}
html[data-rc-skin] {
    --el-color-primary: var(--rc-list-primary);
    --el-color-success: var(--rc-list-success);
    --el-color-warning: var(--rc-list-warning);
    --el-color-danger: var(--rc-list-danger);
    --el-color-info: var(--rc-list-info);
}

/* ========== 经典蓝红：严格还原 2026-10-12 Bootstrap/Element 经典款 ========== */
html[data-rc-skin="classic"] {
    --el-color-primary: #409EFF;
    --el-color-success: #67C23A;
    --el-color-warning: #E6A23C;
    --el-color-danger: #F56C6C;
    --el-color-info: #909399;
    --el-border-radius-base: 4px;
}

/* 顶栏 / Logo：原版 #1f81f2 + 侧栏 Logo 渐变 */
html[data-rc-skin="classic"] .navbar.navbar-static-top.main,
html[data-rc-skin="classic"] nav.navbar.navbar-static-top[role="navigation"],
html[data-rc-skin="classic"] nav.navbar.navbar-static-top.main[role="navigation"] {
    background: #1f81f2 !important;
    background-color: #1f81f2 !important;
    border-bottom: none !important;
    box-shadow: none;
}
html[data-rc-skin="classic"] .navbar.navbar-static-top.main .navbar-top-links > li > a,
html[data-rc-skin="classic"] .navbar.navbar-static-top.main .navbar-minimalize,
html[data-rc-skin="classic"] nav.navbar.navbar-static-top[role="navigation"] .navbar-top-links > li > a,
html[data-rc-skin="classic"] nav.navbar.navbar-static-top[role="navigation"] .navbar-minimalize {
    color: #fff !important;
}
html[data-rc-skin="classic"] .navbar.navbar-static-top.main .navbar-top-links > li > a:hover,
html[data-rc-skin="classic"] .navbar.navbar-static-top.main .navbar-top-links > li > a:focus {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.06) !important;
}
/* 侧栏品牌条：原版若依/Inspinia 深色 #2f4050（非顶栏蓝） */
html[data-rc-skin="classic"] .navbar-default .logo,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .logo,
html[data-rc-skin="classic"] .navbar-default .logo[style],
html[data-rc-skin="classic"] li.logo,
html[data-rc-skin="classic"] li.logo[style] {
    background: #2f4050 !important;
    background-color: #2f4050 !important;
    background-image: none !important;
    color: #fff !important;
    border-bottom: none !important;
}

/* 侧栏：2026-10-12 theme-dark（#2f4050 / #a7b1c2 / 激活 #293846） */
html[data-rc-skin="classic"] .navbar-default.navbar-static-side,
html[data-rc-skin="classic"] body.theme-light .navbar-static-side,
html[data-rc-skin="classic"] body.theme-dark .navbar-static-side,
html[data-rc-skin="classic"] .theme-light .navbar-static-side,
html[data-rc-skin="classic"] .theme-dark .navbar-static-side,
html[data-rc-skin="classic"] #wrapper {
    background: #2f4050 !important;
    background-color: #2f4050 !important;
    box-shadow: none !important;
}
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .sidebar-collapse,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side #side-menu,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav-second-level,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav-third-level {
    background: #2f4050 !important;
}
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .user-panel,
html[data-rc-skin="classic"] body.theme-light .user-panel,
html[data-rc-skin="classic"] body.theme-dark .user-panel {
    background: #2f4050 !important;
}
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav > li.active,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav > li.selected {
    background: #293846 !important;
    border-left: none !important;
}
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav > li > a,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-second-level > li > a,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-third-level > li > a,
html[data-rc-skin="classic"] .theme-light .navbar-default .nav > li > a,
html[data-rc-skin="classic"] .theme-dark .navbar-default .nav > li > a {
    color: #a7b1c2 !important;
    background: transparent !important;
    border-left: 3px solid transparent;
    font-weight: 600;
}
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav > li > a:hover,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav > li > a:focus,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-second-level > li > a:hover,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-third-level > li > a:hover,
html[data-rc-skin="classic"] .theme-light .navbar-default .nav > li > a:hover,
html[data-rc-skin="classic"] .theme-light .navbar-default .nav > li > a:focus,
html[data-rc-skin="classic"] .theme-dark .navbar-default .nav > li > a:hover,
html[data-rc-skin="classic"] .theme-dark .navbar-default .nav > li > a:focus {
    background: #293846 !important;
    color: #fff !important;
}
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav > li.active > a,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav > li.selected > a,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-second-level > li.active > a,
html[data-rc-skin="classic"] .theme-light.skin-blue .navbar-default .nav > li.active > a,
html[data-rc-skin="classic"] .theme-light.skin-blue .navbar-default .nav > li.selected > a,
html[data-rc-skin="classic"] .theme-dark.skin-blue .navbar-default .nav > li.active > a,
html[data-rc-skin="classic"] .theme-dark.skin-blue .navbar-default .nav > li.selected > a {
    background: #293846 !important;
    color: #fff !important;
    border-left: 3px solid #3c8dbc !important;
    font-weight: 600;
}

/* 内容 Tab：中性灰，不用其它皮肤的强调色 */
html[data-rc-skin="classic"] .content-tabs {
    background: #fff !important;
    border-bottom: 1px solid #e7eaec !important;
}
html[data-rc-skin="classic"] .content-tabs .page-tabs a {
    color: #999 !important;
    background: transparent !important;
}
html[data-rc-skin="classic"] .content-tabs .page-tabs a:hover,
html[data-rc-skin="classic"] .content-tabs .roll-nav:hover {
    background: #f5f7fa !important;
    color: #409EFF !important;
}
html[data-rc-skin="classic"] .content-tabs .page-tabs a.active {
    background: #ecf5ff !important;
    color: #409EFF !important;
    border-bottom-color: #409EFF !important;
}
html[data-rc-skin="classic"] .content-tabs .roll-nav,
html[data-rc-skin="classic"] .content-tabs .tabReload,
html[data-rc-skin="classic"] .content-tabs button {
    color: #999 !important;
    background: #fff !important;
    border-color: #e7eaec !important;
}

/* 列表 / 面板 / 表格：灰头白底（Element 经典） */
html[data-rc-skin="classic"] .ibox,
html[data-rc-skin="classic"] .ibox-content,
html[data-rc-skin="classic"] .wrapper-content,
html[data-rc-skin="classic"] .panel,
html[data-rc-skin="classic"] .el-card,
html[data-rc-skin="classic"] .select-table,
html[data-rc-skin="classic"] .container-div,
html[data-rc-skin="classic"] .search-collapse,
html[data-rc-skin="classic"] .ibox-title {
    background: #fff !important;
    color: #606266 !important;
    border-color: #ebeef5 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}
html[data-rc-skin="classic"] .table,
html[data-rc-skin="classic"] .el-table,
html[data-rc-skin="classic"] .bootstrap-table .table,
html[data-rc-skin="classic"] .fixed-table-container,
html[data-rc-skin="classic"] .fixed-table-body,
html[data-rc-skin="classic"] .fixed-table-header,
html[data-rc-skin="classic"] .fixed-table-toolbar,
html[data-rc-skin="classic"] .fixed-table-pagination {
    background: #fff !important;
    color: #606266 !important;
    border-color: #ebeef5 !important;
}
html[data-rc-skin="classic"] .table th,
html[data-rc-skin="classic"] .el-table th,
html[data-rc-skin="classic"] .table > thead > tr > th,
html[data-rc-skin="classic"] .table > thead > tr > td,
html[data-rc-skin="classic"] .bootstrap-table .table thead th,
html[data-rc-skin="classic"] .fixed-table-header th,
html[data-rc-skin="classic"] .table-bordered > thead > tr > th,
html[data-rc-skin="classic"] .table-bordered > thead > tr > td {
    background: #f5f7fa !important;
    color: #909399 !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #ebeef5 !important;
    border-color: #ebeef5 !important;
}
html[data-rc-skin="classic"] .table td,
html[data-rc-skin="classic"] .el-table td,
html[data-rc-skin="classic"] .table > tbody > tr > th,
html[data-rc-skin="classic"] .table > tbody > tr > td,
html[data-rc-skin="classic"] .bootstrap-table .table tbody td {
    color: #606266 !important;
    border-bottom: 1px solid #ebeef5 !important;
    border-color: #ebeef5 !important;
}
html[data-rc-skin="classic"] .table-striped > tbody > tr:nth-of-type(odd),
html[data-rc-skin="classic"] .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-rc-skin="classic"] .bootstrap-table .table-striped > tbody > tr:nth-of-type(odd) > td {
    background: #fafafa !important;
}
html[data-rc-skin="classic"] .table-hover > tbody > tr:hover,
html[data-rc-skin="classic"] .table-hover > tbody > tr:hover > td,
html[data-rc-skin="classic"] .bootstrap-table .table tbody tr:hover td {
    background: #f5f7fa !important;
}

/* 按钮：Element 经典色；尺寸跟 Bootstrap/Element，勿压扁 btn-xs/sm */
html[data-rc-skin="classic"] .btn,
html[data-rc-skin="classic"] .el-button {
    border-radius: 4px !important;
    box-shadow: none !important;
    filter: none !important;
}
html[data-rc-skin="classic"] .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg):not(.btn-mini),
html[data-rc-skin="classic"] .el-button:not(.el-button--mini):not(.el-button--small):not(.el-button--medium):not(.el-button--large) {
    padding: 8px 15px !important;
}
html[data-rc-skin="classic"] .btn-xs,
html[data-rc-skin="classic"] .el-button--mini {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
html[data-rc-skin="classic"] .btn-sm,
html[data-rc-skin="classic"] .btn-group-sm > .btn,
html[data-rc-skin="classic"] .el-button--small {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
html[data-rc-skin="classic"] .btn-lg,
html[data-rc-skin="classic"] .el-button--large {
    padding: 10px 16px !important;
    font-size: 18px !important;
    line-height: 1.3333333 !important;
    border-radius: 6px !important;
}
html[data-rc-skin="classic"] .btn-primary,
html[data-rc-skin="classic"] .el-button--primary,
html[data-rc-skin="classic"] a.btn-primary,
html[data-rc-skin="classic"] button.btn-primary {
    background: #409EFF !important;
    border-color: #409EFF !important;
    color: #fff !important;
}
html[data-rc-skin="classic"] .btn-primary:hover,
html[data-rc-skin="classic"] .btn-primary:focus,
html[data-rc-skin="classic"] .btn-primary:active,
html[data-rc-skin="classic"] .btn-primary.active,
html[data-rc-skin="classic"] .el-button--primary:hover,
html[data-rc-skin="classic"] .open .dropdown-toggle.btn-primary {
    background: #66b1ff !important;
    border-color: #66b1ff !important;
    color: #fff !important;
    filter: none !important;
}
html[data-rc-skin="classic"] .btn-success,
html[data-rc-skin="classic"] .el-button--success,
html[data-rc-skin="classic"] a.btn-success {
    background: #67C23A !important;
    border-color: #67C23A !important;
    color: #fff !important;
}
html[data-rc-skin="classic"] .btn-success:hover,
html[data-rc-skin="classic"] .btn-success:focus,
html[data-rc-skin="classic"] .btn-success:active,
html[data-rc-skin="classic"] .el-button--success:hover {
    background: #85ce61 !important;
    border-color: #85ce61 !important;
    color: #fff !important;
    filter: none !important;
}
html[data-rc-skin="classic"] .btn-warning,
html[data-rc-skin="classic"] .el-button--warning,
html[data-rc-skin="classic"] a.btn-warning {
    background: #E6A23C !important;
    border-color: #E6A23C !important;
    color: #fff !important;
}
html[data-rc-skin="classic"] .btn-warning:hover,
html[data-rc-skin="classic"] .btn-warning:focus,
html[data-rc-skin="classic"] .btn-warning:active,
html[data-rc-skin="classic"] .el-button--warning:hover {
    background: #ebb563 !important;
    border-color: #ebb563 !important;
    color: #fff !important;
    filter: none !important;
}
html[data-rc-skin="classic"] .btn-danger,
html[data-rc-skin="classic"] .el-button--danger,
html[data-rc-skin="classic"] a.btn-danger {
    background: #F56C6C !important;
    border-color: #F56C6C !important;
    color: #fff !important;
}
html[data-rc-skin="classic"] .btn-danger:hover,
html[data-rc-skin="classic"] .btn-danger:focus,
html[data-rc-skin="classic"] .btn-danger:active,
html[data-rc-skin="classic"] .el-button--danger:hover {
    background: #f78989 !important;
    border-color: #f78989 !important;
    color: #fff !important;
    filter: none !important;
}
html[data-rc-skin="classic"] .btn-info,
html[data-rc-skin="classic"] .el-button--info,
html[data-rc-skin="classic"] a.btn-info {
    background: #909399 !important;
    border-color: #909399 !important;
    color: #fff !important;
}
html[data-rc-skin="classic"] .btn-info:hover,
html[data-rc-skin="classic"] .btn-info:focus,
html[data-rc-skin="classic"] .btn-info:active,
html[data-rc-skin="classic"] .el-button--info:hover {
    background: #a6a9ad !important;
    border-color: #a6a9ad !important;
    color: #fff !important;
    filter: none !important;
}
html[data-rc-skin="classic"] .btn-default,
html[data-rc-skin="classic"] .btn-secondary,
html[data-rc-skin="classic"] a.btn-default {
    color: #606266 !important;
    background: #fff !important;
    border-color: #dcdfe6 !important;
}
html[data-rc-skin="classic"] .btn-default:hover,
html[data-rc-skin="classic"] .btn-secondary:hover {
    color: #409EFF !important;
    background: #ecf5ff !important;
    border-color: #b3d8ff !important;
    filter: none !important;
}
/* 描边主色：未选中 Element 蓝；日期范围 label 选中还原页内青绿 #20c997 */
html[data-rc-skin="classic"] .btn-outline-primary,
html[data-rc-skin="classic"] .btn-primary.btn-outline,
html[data-rc-skin="classic"] label.btn-outline-primary {
    color: #409EFF !important;
    background: transparent !important;
    border-color: #409EFF !important;
}
html[data-rc-skin="classic"] .btn-outline-primary:hover,
html[data-rc-skin="classic"] label.btn-outline-primary:hover {
    color: #fff !important;
    background: #409EFF !important;
    border-color: #409EFF !important;
}
html[data-rc-skin="classic"] button.btn-outline-primary.active,
html[data-rc-skin="classic"] a.btn-outline-primary.active,
html[data-rc-skin="classic"] .btn-outline-primary.active:not(label) {
    color: #fff !important;
    background: #409EFF !important;
    border-color: #409EFF !important;
}
html[data-rc-skin="classic"] label.btn-outline-primary.active,
html[data-rc-skin="classic"] label.btn-outline-primary:active,
html[data-rc-skin="classic"] label.btn-outline-primary.active:focus,
html[data-rc-skin="classic"] label.btn-outline-primary.active.focus {
    color: #fff !important;
    background: #20c997 !important;
    background-color: #20c997 !important;
    border-color: #17a589 !important;
}
/* 导出：10/12 HeaderFee / Invoice 橙黄渐变 */
html[data-rc-skin="classic"] .btn-export,
html[data-rc-skin="classic"] .btn.btn-export,
html[data-rc-skin="classic"] button.btn-export {
    background: linear-gradient(90deg, #ffb347, #ffcc33) !important;
    border: 0 !important;
    color: #5b3a00 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
    filter: none !important;
}
html[data-rc-skin="classic"] .btn-export:hover,
html[data-rc-skin="classic"] .btn-export:focus,
html[data-rc-skin="classic"] .btn.btn-export:hover {
    color: #5b3a00 !important;
    background: linear-gradient(90deg, #ffb347, #ffcc33) !important;
    filter: brightness(0.98) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16) !important;
}

/* 表单 / 分页 / 标签 */
html[data-rc-skin="classic"] .form-control,
html[data-rc-skin="classic"] .el-input__inner {
    background: #fff !important;
    color: #606266 !important;
    border: 1px solid #dcdfe6 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}
html[data-rc-skin="classic"] .form-control:focus,
html[data-rc-skin="classic"] .el-input__inner:focus {
    border-color: #409EFF !important;
    outline: none !important;
    box-shadow: none !important;
}
html[data-rc-skin="classic"] .pagination > .active > a,
html[data-rc-skin="classic"] .pagination > .active > span,
html[data-rc-skin="classic"] .pagination > .active > a:hover,
html[data-rc-skin="classic"] .pagination > .active > span:hover {
    background: #409EFF !important;
    border-color: #409EFF !important;
    color: #fff !important;
}
html[data-rc-skin="classic"] .label-primary,
html[data-rc-skin="classic"] .el-tag--primary,
html[data-rc-skin="classic"] .badge-primary {
    background: #ecf5ff !important;
    color: #409EFF !important;
    border-color: #b3d8ff !important;
}
html[data-rc-skin="classic"] .label-success,
html[data-rc-skin="classic"] .el-tag--success {
    background: #f0f9eb !important;
    color: #67C23A !important;
    border-color: #c2e7b0 !important;
}
html[data-rc-skin="classic"] .label-warning,
html[data-rc-skin="classic"] .el-tag--warning {
    background: #fdf6ec !important;
    color: #E6A23C !important;
    border-color: #f5dab1 !important;
}
html[data-rc-skin="classic"] .label-danger,
html[data-rc-skin="classic"] .el-tag--danger {
    background: #fef0f0 !important;
    color: #F56C6C !important;
    border-color: #fbc4c4 !important;
}
html[data-rc-skin="classic"] .label-info,
html[data-rc-skin="classic"] .el-tag--info {
    background: #f4f4f5 !important;
    color: #909399 !important;
    border-color: #d3d4d6 !important;
}
html[data-rc-skin="classic"] .dropdown-menu {
    background: #fff !important;
    border: 1px solid #ebeef5 !important;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
}
html[data-rc-skin="classic"] .navbar-top-links .dropdown-menu .rc-skin-item.is-active {
    color: #409EFF !important;
    background: #ecf5ff !important;
}

@media (max-width: 600px) {
    html[data-rc-skin="classic"] nav.navbar.navbar-static-top[role="navigation"],
    html[data-rc-skin="classic"] nav.navbar.navbar-static-top.main[role="navigation"],
    html[data-rc-skin="classic"] .navbar.navbar-static-top.main {
        background: #1f81f2 !important;
        background-color: #1f81f2 !important;
        border-bottom: none !important;
    }
}

/* 侧栏二级 / 三级：theme-dark 灰字 + 深蓝激活条 */
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-second-level > li > a,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-third-level > li > a,
html[data-rc-skin="classic"] .theme-light .navbar-default .nav .nav-second-level > li > a {
    color: #a7b1c2 !important;
    background: transparent !important;
}
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-second-level > li > a:hover,
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-third-level > li > a:hover {
    background: #293846 !important;
    color: #fff !important;
}
html[data-rc-skin="classic"] .navbar-default.navbar-static-side .nav .nav-second-level > li.active > a {
    background: #293846 !important;
    color: #fff !important;
    border-left: 3px solid #3c8dbc !important;
}

/* 分页圆角 / 表格：取消桥接强制 radius:0 */
html[data-rc-skin="classic"] .pagination > li > a,
html[data-rc-skin="classic"] .pagination > li > span {
    border-radius: 0 !important;
}
html[data-rc-skin="classic"] .pagination > li:first-child > a,
html[data-rc-skin="classic"] .pagination > li:first-child > span {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
html[data-rc-skin="classic"] .pagination > li:last-child > a,
html[data-rc-skin="classic"] .pagination > li:last-child > span {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/* 工具栏 rc-tb：关掉 brightness 滤镜，色板已用经典 --rc-tb-* */
html[data-rc-skin="classic"] #toolbar .btn[class*="rc-tb-"]:hover,
html[data-rc-skin="classic"] #toolbar .btn[class*="rc-tb-"]:focus,
html[data-rc-skin="classic"] .btn[class*="rc-tb-"]:hover {
    filter: none !important;
}

/* 行内 btn-xs：Element 主色字，勿被其它皮肤强调色带偏 */
html[data-rc-skin="classic"] .fixed-table-body .btn-xs,
html[data-rc-skin="classic"] .bootstrap-table .btn-xs {
    color: #409EFF !important;
    background: transparent !important;
    border-color: transparent !important;
    padding: 1px 5px !important;
}
html[data-rc-skin="classic"] .fixed-table-body .btn-xs:hover,
html[data-rc-skin="classic"] .bootstrap-table .btn-xs:hover {
    color: #66b1ff !important;
}

/* 登录页：10/12 原版 #188ae2 */
html[data-rc-skin="classic"] .simple-page-form .btn,
html[data-rc-skin="classic"] .simple-page-form .btn-success,
html[data-rc-skin="classic"] body.simple-page .simple-page-form .btn {
    background: #188ae2 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 3px !important;
    color: #fff !important;
    box-shadow: none !important;
    filter: none !important;
}
html[data-rc-skin="classic"] .simple-page-form .btn:hover,
html[data-rc-skin="classic"] .simple-page-form .btn:focus,
html[data-rc-skin="classic"] .simple-page-form .btn-success:hover {
    background: #167ccd !important;
    color: #fff !important;
    filter: none !important;
    transform: none !important;
}
