/* +----------------------------------------------------------------------
/* | Static Plugin for ThinkAdmin
/* +----------------------------------------------------------------------
/* | 官方网站: https://thinkadmin.top
/* +----------------------------------------------------------------------
/* | 版权所有 2014~2025 ThinkAdmin [ thinkadmin.top ]
/* +----------------------------------------------------------------------
/* | 开源协议 ( https://mit-license.org )
/* | 免责声明 ( https://thinkadmin.top/disclaimer )
/* +----------------------------------------------------------------------
/* | gitee 代码仓库：https://gitee.com/zoujingli/think-plugs-static
/* | github 代码仓库：https://github.com/zoujingli/think-plugs-static
/* +----------------------------------------------------------------------
/* | 自定义后台扩展样式，需要在加载 console.css 后载入
/* | 使用 composer require zoujingli/think-plugs-static 时不会更新此文件
/* +---------------------------------------------------------------------- */

/* Clear Click professional night theme */
:root {
    --cc-admin-bg: #060a1d;
    --cc-admin-panel: #0e1837;
    --cc-admin-panel-soft: #121f46;
    --cc-admin-line: rgba(137, 162, 255, 0.22);
    --cc-admin-line-strong: rgba(137, 162, 255, 0.38);
    --cc-admin-text: #f2f5ff;
    --cc-admin-muted: #9daacd;
    --cc-admin-cyan: #55c8ff;
    --cc-admin-purple: #8e66ff;
    --cc-admin-btn-start: #59447f;
    --cc-admin-btn-end: #245a78;
    --cc-admin-btn-danger-start: #713f54;
    --cc-admin-btn-danger-end: #824b43;
    --cc-admin-btn-muted: #1a2b50;
    --cc-admin-btn-warm: #76572d;
}

html,
body,
.layui-layout-body {
    background: var(--cc-admin-bg) !important;
    color: var(--cc-admin-text) !important;
}

body {
    background-image:
        radial-gradient(circle at 85% 0%, rgba(85, 200, 255, 0.12), transparent 28%),
        radial-gradient(circle at 8% 20%, rgba(142, 102, 255, 0.12), transparent 25%) !important;
}

.layui-layout-admin .layui-header,
.layui-layout-admin .layui-side,
.layui-layout-admin .layui-logo,
.layui-layout-admin .layui-nav {
    background: #0a112c !important;
}

.layui-layout-admin .layui-header {
    border-bottom: 1px solid var(--cc-admin-line);
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.26);
}

.layui-layout-admin .layui-footer {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-muted) !important;
}

.layui-layout-admin .layui-logo {
    color: var(--cc-admin-text) !important;
    border-right: 1px solid var(--cc-admin-line);
    font-weight: 700;
    letter-spacing: 0.03em;
}

.layui-layout-admin .layui-side {
    border-right: 1px solid var(--cc-admin-line);
}

.layui-layout-admin .layui-side-scroll,
.layui-layout-admin .layui-side-tree,
.layui-layout-admin .layui-side-icon,
.layui-layout-admin .layui-nav-child {
    background: #0a112c !important;
}

.layui-layout-admin .layui-nav-child a,
.layui-layout-admin .layui-nav-child dd {
    color: var(--cc-admin-muted) !important;
}

.layui-layout-admin .layui-nav-child a:hover,
.layui-layout-admin .layui-nav-child dd.layui-this {
    background: var(--cc-admin-panel-soft) !important;
    color: var(--cc-admin-text) !important;
}

.layui-layout-admin .layui-nav-item > a,
.layui-layout-admin .layui-nav-child a,
.layui-layout-admin .layui-nav .layui-nav-more {
    color: var(--cc-admin-muted) !important;
}

.layui-layout-admin .layui-header .layui-layout-left > .layui-nav-item > a,
.layui-layout-admin .layui-header .layui-layout-right > .layui-nav-item > a,
.layui-layout-admin .layui-header .layui-layout-left > .layui-nav-item > a span,
.layui-layout-admin .layui-header .layui-layout-right > .layui-nav-item > a span {
    color: var(--cc-admin-muted) !important;
}

.layui-layout-admin .layui-header .layui-layout-left > .layui-nav-item.layui-this > a,
.layui-layout-admin .layui-header .layui-layout-left > .layui-nav-item > a:hover,
.layui-layout-admin .layui-header .layui-layout-right > .layui-nav-item > a:hover {
    color: #fff !important;
}

.layui-layout-admin .layui-nav-item > a:hover,
.layui-layout-admin .layui-nav-itemed > a,
.layui-layout-admin .layui-nav-tree .layui-this > a {
    color: #fff !important;
    background: rgba(85, 200, 255, 0.1) !important;
}

.layui-layout-admin .layui-nav-tree .layui-this > a {
    box-shadow: inset 3px 0 0 var(--cc-admin-cyan);
}

.layui-layout-admin .layui-header .layui-nav-child {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
}

.layui-layout-admin .layui-header .layui-nav-child dd:hover,
.layui-layout-admin .layui-header .layui-nav-child dd.layui-this,
.layui-layout-admin .layui-header .layui-nav-child a:hover {
    background: var(--cc-admin-panel-soft) !important;
    color: var(--cc-admin-text) !important;
}

.layui-layout-admin .layui-body,
.layui-layout-admin .think-page-body,
.layui-body {
    background: transparent !important;
}

.layui-layout-admin > .layui-header,
.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-header {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-text) !important;
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-line {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35) !important;
}

/* ThinkAdmin page surfaces */
.think-box-shadow,
.think-box-notify,
fieldset,
.layui-panel,
.layui-panel-window,
.layui-collapse,
.layui-colla-title,
.layui-colla-content,
.layui-tab > .layui-tab-content,
.layui-tab-card > .layui-tab-title,
.layui-tab-card > .layui-tab-title .layui-this,
.layui-tab-bar,
.layui-tabs-card > .layui-tabs-header .layui-this,
.layui-tabs-bar .layui-icon,
.iframe-pagination .pagination-container,
.notdata {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-text) !important;
}

.layui-bg-gray,
.think-bg-white,
.layui-elem-quote,
.layui-upload-drag,
.layui-code,
.layui-code-view,
.layui-code-header,
.layui-code-ln-side,
.layui-transfer-box,
.layui-util-face .layui-layer-content,
.layui-util-face ul,
.layui-timeline-axis,
.layui-flow-more a cite {
    background: var(--cc-admin-panel-soft) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-muted) !important;
}

.layui-progress,
.layui-slider,
.layui-carousel,
.layui-carousel > [carousel-item] > *,
.layui-transfer-box,
.layui-colorpicker-main,
.layui-nav-child,
.layui-timeline-axis,
.layui-badge-rim {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-muted) !important;
}

.layui-slider-step,
.layui-slider-wrap-btn,
.layui-carousel-ind ul li.layui-this {
    background: var(--cc-admin-cyan) !important;
}

.layui-carousel-ind ul li {
    background: var(--cc-admin-line-strong) !important;
}

.layui-tree-entry:hover,
.layui-transfer-data li:hover {
    background: var(--cc-admin-panel-soft) !important;
}

.layui-colorpicker-side-slider,
.layui-colorpicker-alpha-slider {
    background: var(--cc-admin-panel-soft) !important;
    border-color: var(--cc-admin-line) !important;
}

.think-box-shadow,
.think-box-notify,
.layui-tab-card,
.layui-panel,
.layui-collapse {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
}

fieldset legend,
.layui-colla-content,
.layui-form-label,
.layui-tab-title li,
.layui-tabs-header li,
.help-block,
.help-label,
.notdata {
    color: var(--cc-admin-muted) !important;
}

.think-page-loader,
.think-page-loader .loader {
    background-color: var(--cc-admin-bg) !important;
}

.layui-card,
.layui-card-header,
.layui-card-body,
.layui-table-view,
.layui-form-pane .layui-form-label,
.layui-form-pane .layui-form-item {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-text) !important;
}

.layui-card-header {
    color: var(--cc-admin-text) !important;
    font-weight: 700;
}

.layui-table,
.layui-table thead tr,
.layui-table-header,
.layui-table tbody tr,
.layui-table tbody tr:hover,
.layui-table-cell {
    background: var(--cc-admin-panel) !important;
    color: var(--cc-admin-muted) !important;
    border-color: var(--cc-admin-line) !important;
}

.layui-table th {
    color: var(--cc-admin-text) !important;
    background: var(--cc-admin-panel-soft) !important;
}

/* Table toolbar, fixed columns and pagination use separate Layui surfaces. */
.layui-table-box,
.layui-table-main,
.layui-table-body,
.layui-table-fixed,
.layui-table-mend,
.layui-table-page,
.layui-table-total,
.layui-table-tool,
.layui-table-col-set,
.layui-table-edit,
.layui-table-grid-down,
.layui-table-cell-c,
.layui-table-tips-main,
.layui-table-tool-panel {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-muted) !important;
}

.layui-table-view::after {
    background-color: var(--cc-admin-line) !important;
}

.layui-table-click,
.layui-table-hover,
.layui-table tbody tr:hover,
.layui-table[lay-even] tbody tr:nth-child(even),
.layui-table-tool-panel li:hover {
    background: var(--cc-admin-panel-soft) !important;
}

.layui-table-fixed-l,
.layui-table-fixed-r {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.35) !important;
}

.layui-input,
.layui-select,
.layui-textarea,
.layui-form-select dl,
.layui-layer-input {
    background: #101c40 !important;
    color: var(--cc-admin-text) !important;
    border-color: var(--cc-admin-line-strong) !important;
}

.layui-input:focus,
.layui-textarea:focus,
.layui-form-select dl dd:hover {
    border-color: var(--cc-admin-cyan) !important;
    background: #162755 !important;
}

.layui-input::placeholder,
.layui-textarea::placeholder {
    color: #7584ab !important;
}

.layui-form-select,
.layui-form-select dl dd,
.layui-form-select dl dt,
.layui-form-checkbox[lay-skin=primary] span,
.layui-form-radio *,
.layui-form-switch {
    color: var(--cc-admin-muted) !important;
}

.layui-form-select dl dd:hover,
.layui-form-select dl dd.layui-this {
    background: var(--cc-admin-panel-soft) !important;
    color: var(--cc-admin-cyan) !important;
}

.layui-form-select dl dd.layui-disabled,
.layui-disabled,
.layui-disabled:hover {
    background: #0b1430 !important;
    color: #687799 !important;
}

.layui-form-checkbox[lay-skin=primary] i,
.layui-form-checkbox,
.layui-form-switch,
.think-checkbox input[type=checkbox],
.think-checkbox input[type=radio],
.think-radio input[type=checkbox],
.think-radio input[type=radio] {
    background: #101c40 !important;
    border-color: var(--cc-admin-line-strong) !important;
}

.layui-btn-disabled,
.layui-btn-disabled:active,
.layui-btn-disabled:hover,
.layui-btn.layui-disabled,
.layui-btn.layui-disabled:active,
.layui-btn.layui-disabled:hover {
    background: #0b1430 !important;
    border-color: var(--cc-admin-line) !important;
    color: #687799 !important;
    box-shadow: none !important;
}

.input-right-icon {
    background: var(--cc-admin-panel-soft) !important;
    color: var(--cc-admin-cyan) !important;
}

.layui-btn {
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(100deg, var(--cc-admin-btn-start), var(--cc-admin-btn-end)) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(24, 31, 73, 0.28) !important;
}

.layui-btn:hover {
    filter: brightness(1.04);
    box-shadow: 0 5px 12px rgba(24, 31, 73, 0.34) !important;
}

.layui-btn-danger {
    background: linear-gradient(100deg, var(--cc-admin-btn-danger-start), var(--cc-admin-btn-danger-end)) !important;
}

.layui-btn-primary,
.layui-btn-normal {
    background: var(--cc-admin-btn-muted) !important;
    border: 1px solid var(--cc-admin-line-strong) !important;
}

.layui-btn-warm {
    background: var(--cc-admin-btn-warm) !important;
}

.layui-btn-active {
    background: #304264 !important;
    border-color: var(--cc-admin-line-strong) !important;
}

.layui-btn-group .layui-btn {
    box-shadow: none !important;
}

.layui-btn-group .layui-btn:hover {
    filter: brightness(1.04);
}

.layui-badge,
.layui-badge-rim {
    border-color: var(--cc-admin-line-strong) !important;
}

.layui-tab-title,
.layui-tab-brief > .layui-tab-title .layui-this {
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-cyan) !important;
}

.layui-tab-title .layui-this,
.layui-tab-card > .layui-tab-title .layui-this,
.layui-tabs-header .layui-this {
    color: var(--cc-admin-cyan) !important;
}

.layui-tab-title .layui-this::after,
.layui-tab-card > .layui-tab-title .layui-this::after,
.layui-tabs-card > .layui-tabs-header .layui-this::after {
    border-color: var(--cc-admin-line) !important;
    border-bottom-color: var(--cc-admin-panel) !important;
}

/* Standalone and table pagination */
.layui-laypage a,
.layui-laypage span,
.layui-laypage button,
.layui-laypage input,
.layui-laypage select,
.pagination-container ul li a,
.pagination-container ul li span {
    background: var(--cc-admin-panel-soft) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-muted) !important;
}

.layui-laypage a:hover,
.layui-laypage a[data-page]:hover {
    color: var(--cc-admin-cyan) !important;
}

.layui-laypage .layui-laypage-curr em,
.pagination-container ul li.active span {
    color: #fff !important;
}

/* Menus and date picker are appended directly to body. */
.layui-menu,
.layui-menu-body-panel {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
}

.layui-menu li,
.layui-menu-body-title,
.layui-menu-body-title a {
    color: var(--cc-admin-muted) !important;
}

.layui-menu li:hover,
.layui-menu .layui-menu-item-checked,
.layui-menu .layui-menu-item-checked2 {
    background: var(--cc-admin-panel-soft) !important;
}

.layui-menu .layui-menu-item-divider {
    border-color: var(--cc-admin-line) !important;
}

.layui-laydate,
.layui-laydate-hint,
.layui-laydate-main,
.layui-laydate-header,
.layui-laydate-content,
.layui-laydate-footer,
.layui-laydate .layui-laydate-list,
.layui-laydate-footer span {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-muted) !important;
}

.layui-laydate-content th,
.layui-laydate-header span {
    color: var(--cc-admin-text) !important;
}

.layui-laydate-content td,
.layui-laydate-header i {
    color: var(--cc-admin-muted) !important;
}

.layui-laydate-content td > div:hover,
.layui-laydate-list li:hover,
.layui-laydate-shortcut > li:hover,
.layui-laydate .laydate-time-list ol li:hover {
    background: var(--cc-admin-panel-soft) !important;
    color: var(--cc-admin-text) !important;
}

.layui-laydate-content .laydate-day-next,
.layui-laydate-content .laydate-day-prev {
    color: #627095 !important;
}

.laydate-time-list li ol,
.layui-laydate-shortcut + .layui-laydate-main,
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content,
.layui-laydate-range .laydate-main-list-1 .layui-laydate-header {
    border-color: var(--cc-admin-line) !important;
}

.layui-layer,
.layui-layer-title,
.layui-layer-content,
.layui-layer-dialog {
    background: var(--cc-admin-panel) !important;
    color: var(--cc-admin-text) !important;
    border-color: var(--cc-admin-line-strong) !important;
}

.layui-layer-title {
    border-bottom-color: var(--cc-admin-line) !important;
}

.layui-layer-btn {
    background: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line) !important;
}

.layui-layer-btn a {
    background: var(--cc-admin-panel-soft) !important;
    border-color: var(--cc-admin-line-strong) !important;
    color: var(--cc-admin-text) !important;
}

.layui-layer-btn .layui-layer-btn0 {
    background: linear-gradient(100deg, var(--cc-admin-btn-start), var(--cc-admin-btn-end)) !important;
    border-color: transparent !important;
}

.layui-layer-tab .layui-layer-title span.layui-this,
.layui-layer-win10 .layui-layer-btn,
.layui-layer-win10 .layui-layer-btn a {
    background: var(--cc-admin-panel-soft) !important;
    border-color: var(--cc-admin-line) !important;
    color: var(--cc-admin-text) !important;
}

.image-dialog-body,
.image-dialog-item .uploadimage,
.users_dailog,
.box-flex-dialog,
.box-flex-dialog-delete {
    background-color: var(--cc-admin-panel) !important;
    border-color: var(--cc-admin-line-strong) !important;
    color: var(--cc-admin-text) !important;
}

.layui-layer-shade {
    background: rgba(2, 5, 17, 0.76) !important;
}

::-webkit-scrollbar-track {
    background: #080e26 !important;
}

::-webkit-scrollbar-thumb {
    background: #304781 !important;
    border-radius: 999px;
}

@media (max-width: 768px) {
    .layui-layout-admin .layui-body {
        left: 0 !important;
    }
}