/*!
 * 国际版配色（layui-layout-theme-global）
 * 仅做配色覆盖，不改变原有布局（顶部菜单 / 左侧 200px 菜单保持不变）
 * 色值对齐 zhunfu_global/global_admin 的 customStyle.css「后台框架冷色主题」
 * 说明：本文件必须在 console.css 与 customStyle.css 之后引入
 */

/* 页面底色（body 上的 layui-theme-global 由 index.html 输出） */
body.layui-theme-global {
    background:
        radial-gradient(circle at 14% 12%, rgba(106, 158, 255, 0.14), transparent 18%),
        radial-gradient(circle at 84% 14%, rgba(162, 210, 255, 0.16), transparent 16%),
        linear-gradient(135deg, #f4f8fd 0%, #edf4fb 44%, #f5f9fd 100%);
}

.layui-layout-theme-global.layui-layout-admin {
    background: transparent;
}

/* 顶部导航 */
.layui-layout-theme-global > .layui-header {
    background:
        radial-gradient(circle at 10% 18%, rgba(197, 226, 255, 0.28), transparent 18%),
        linear-gradient(135deg, #6b8cff 0%, #4c6fd8 48%, #3553b6 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 18px 40px rgba(66, 98, 177, 0.16);
}

.layui-layout-theme-global > .layui-header .layui-nav,
.layui-layout-theme-global > .layui-header .layui-nav-item > a,
.layui-layout-theme-global > .layui-header .layui-nav-item > a .layui-icon,
.layui-layout-theme-global > .layui-header .layui-nav-item > a span,
.layui-layout-theme-global > .layui-header .layui-logo-hide {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.layui-layout-theme-global > .layui-header .layui-nav-item > a:hover,
.layui-layout-theme-global > .layui-header .layui-nav-item.layui-this > a {
    color: #ffffff !important;
}

.layui-layout-theme-global > .layui-header .layui-nav-bar,
.layui-layout-theme-global > .layui-header .layui-this:after,
.layui-layout-theme-global > .layui-header .layui-nav-item:after {
    background-color: rgba(255, 255, 255, 0.92) !important;
}

.layui-layout-theme-global > .layui-header .layui-nav-child {
    margin-top: 10px;
    padding: 8px;
    border: 1px solid rgba(104, 138, 211, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 20px 40px rgba(88, 117, 186, 0.12);
}

.layui-layout-theme-global > .layui-header .layui-nav-child a,
.layui-layout-theme-global > .layui-header .layui-nav-child a .layui-icon {
    color: #49669d !important;
}

.layui-layout-theme-global > .layui-header .layui-nav-child a:hover {
    color: #355b95 !important;
    background: rgba(107, 140, 255, 0.08) !important;
    border-radius: 12px;
}

/* 左侧菜单 */
.layui-layout-theme-global > .layui-side {
    background:
        linear-gradient(180deg, rgba(106, 140, 255, 0.98) 0%, rgba(74, 111, 216, 0.98) 48%, rgba(53, 74, 160, 0.98) 100%) !important;
    box-shadow: 12px 0 36px rgba(74, 104, 176, 0.14);
}

.layui-layout-theme-global > .layui-side .layui-logo {
    color: #ffffff;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.layui-layout-theme-global > .layui-side .layui-logo .headtxt,
.layui-layout-theme-global > .layui-side .layui-logo sup {
    color: rgba(255, 255, 255, 0.95) !important;
}

.layui-layout-theme-global > .layui-side .layui-side-scroll {
    background: transparent !important;
}

/* 左侧树形菜单 */
.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree {
    background: rgba(255, 255, 255, 0.98) !important;
}

.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree > .layui-nav-tree {
    padding: 10px 0 16px;
    background: transparent !important;
}

.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item {
    border-bottom-color: transparent !important;
    background: transparent !important;
}

.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-child,
.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-child dd {
    background: transparent !important;
}

.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item > a,
.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item dd > a {
    margin: 6px 12px;
    border-radius: 14px;
    color: #4f648f !important;
    background: transparent !important;
}

.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item > a:hover,
.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item dd > a:hover {
    color: #355b95 !important;
    background: rgba(107, 140, 255, 0.08) !important;
}

.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-itemed > a {
    color: #355b95 !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.08), rgba(129, 181, 255, 0.04)) !important;
}

.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item .layui-this > a,
.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item.layui-this > a,
.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item dd.layui-this > a {
    color: #355b95 !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.14), rgba(129, 181, 255, 0.08)) !important;
}

/* 兼容单列菜单：清掉默认主题对当前项的深色底 */
.layui-layout-theme-global > .layui-side .layui-side-scroll .layui-side-tree .layui-nav-tree > li.layui-this {
    background: transparent !important;
}

/* 主体区域 */
.layui-layout-theme-global > .layui-body {
    background:
        radial-gradient(circle at 8% 12%, rgba(151, 191, 255, 0.16), transparent 20%),
        radial-gradient(circle at 92% 86%, rgba(176, 215, 255, 0.14), transparent 18%),
        linear-gradient(180deg, #f7faff 0%, #eff5fd 42%, #f9fbff 100%) !important;
}

/* 顶部标题条（保持原有定位与尺寸，仅换色） */
.layui-layout-theme-global > .layui-body > .think-page-body > .layui-card > .layui-card-header {
    color: #35507f;
    border-bottom-color: rgba(125, 157, 217, 0.10);
    background: linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(243, 248, 255, 0.95)) !important;
}

/* 数据表格 */
.layui-layout-theme-global .layui-table-view,
.layui-layout-theme-global .layui-table-box {
    background: rgba(255, 255, 255, 0.98);
}

.layui-layout-theme-global .layui-table-header,
.layui-layout-theme-global .layui-table thead tr {
    background: linear-gradient(180deg, rgba(249, 251, 255, 1), rgba(243, 247, 255, 0.98));
}

.layui-layout-theme-global .layui-table th {
    color: #60749b;
}

/* 搜索表单 / 分页 */
.layui-layout-theme-global .form-search .layui-form-item {
    background: #ffffff;
    border-color: rgba(125, 157, 217, 0.10);
}

.layui-layout-theme-global .pagination-container,
.layui-layout-theme-global .pagination-container span {
    color: #60749b;
}

/* 按钮 */
.layui-layout-theme-global .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger) {
    background: linear-gradient(135deg, #6ea7ff 0%, #5b84ea 100%);
    border-color: #5b84ea;
}

.layui-layout-theme-global .layui-btn-primary {
    color: #49669d;
    border-color: rgba(107, 140, 255, 0.18);
    background: #ffffff;
}

.layui-layout-theme-global .layui-form-select dl,
.layui-layout-theme-global .layui-layer-page .layui-layer-content {
    border-radius: 16px;
}

/* 表单标题 / 按钮组主色 */
.layui-layout-theme-global .help-label b {
    color: #5b84ea !important;
}

.layui-layout-theme-global .layui-btn-group {
    border-color: #5b84ea !important;
    background-color: #5b84ea !important;
}

.layui-layout-theme-global .layui-btn-group .layui-btn:hover:not(.layui-btn-active) {
    color: #5b84ea !important;
}

.layui-layout-theme-global .layui-btn-group .layui-btn.layui-btn-active {
    background-color: #5b84ea !important;
}