/* +----------------------------------------------------------------------
/* | 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;
}

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-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-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-body,
.layui-layout-admin .think-page-body,
.layui-body {
    background: transparent !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;
}

.layui-input,
.layui-select,
.layui-textarea,
.layui-form-select dl,
.layui-form-checkbox[lay-skin=primary] span {
    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-btn {
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(100deg, #8e66ff, #35b9ff) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(82, 92, 255, 0.26);
}

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

.layui-btn-danger {
    background: linear-gradient(100deg, #e35d83, #ff8a68) !important;
}

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

.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-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-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;
    }
}