/**
 * CRM 后台主题覆盖层 —— 现代浅色风格（参考“理想CRM”样式）
 * 设计规格：主色 #3B67F5 / 页面底 #F5F6FA / 白色侧栏 / 卡片圆角 10px
 * 本文件为纯覆盖层，不修改任何原有 CSS；整段删除即可完全还原。
 */

/* ============ 基础变量与全局 ============ */
html, body { background-color: #F5F6FA !important; color: #1F2329; }

/* 链接统一品牌蓝 */
.layui-layout-admin a { transition: color .2s; }

/* ============ 顶栏 ============ */
body[class*="skin-"] .layui-layout-admin .layui-header,
.layui-layout-admin .layui-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #EBEEF5 !important;
}
body[class*="skin-"] .layui-layout-admin .layui-header a,
body[class*="skin-"] .layui-layout-admin .layui-header a cite { color: #3D4757 !important; }
body[class*="skin-"] .layui-layout-admin .layui-header a:hover,
body[class*="skin-"] .layui-layout-admin .layui-header .layui-this a { color: #3B67F5 !important; }
body[class*="skin-"] .header .layui-nav .layui-this { background-color: transparent !important; }
body[class*="skin-"] .header .layui-nav .layui-this:after,
body[class*="skin-"] .header .layui-nav-bar { background-color: #3B67F5 !important; }
body[class*="skin-"] .layui-layout-admin .layui-nav-more { border-color: #7A8699 transparent transparent !important; }
body[class*="skin-"] .layui-layout-admin .layui-nav-mored { border-color: transparent transparent #7A8699 !important; }
body[class*="skin-"] .layui-layout-admin .layui-nav .layui-nav-child { background-color: #FFFFFF !important; box-shadow: 0 6px 20px rgba(31,42,68,.12); border-radius: 8px; overflow: hidden; border: 1px solid #EBEEF5; }
body[class*="skin-"] .layui-layout-admin .layui-nav .layui-nav-child a { color: #3D4757 !important; }
body[class*="skin-"] .layui-layout-admin .layui-nav .layui-nav-child a:hover { background-color: #F0F4FF !important; color: #3B67F5 !important; }

/* Logo 区：白底深字 */
body[class*="skin-"] .logo span { color: #1F2329 !important; font-weight: 600 !important; }

/* 折叠/全屏小按钮：去墨绿色 */
body[class*="skin-"] .admin-side-toggle,
body[class*="skin-"] .admin-side-full {
    background-color: #F0F4FF !important;
    color: #3B67F5 !important;
    border-radius: 6px;
    width: 28px; height: 28px; line-height: 28px;
}
body[class*="skin-"] .admin-side-toggle:hover,
body[class*="skin-"] .admin-side-full:hover { background-color: #DDE7FF !important; color: #2C55E0 !important; }

/* ============ 左侧栏：白色侧栏 ============ */
body[class*="skin-"] .layui-layout-admin .layui-side,
body[class*="skin-"] .layui-bg-black,
body[class*="skin-"] .layui-side .layui-nav-tree {
    background-color: #FFFFFF !important;
}
body[class*="skin-"] #admin-side { border-right: 1px solid #EBEEF5 !important; }
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-item a { color: #3D4757 !important; }
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-item a:hover { background-color: #F5F8FF !important; color: #3B67F5 !important; }
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-item a cite { color: inherit; }
/* 展开的分组 */
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-itemed { background-color: transparent !important; }
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-itemed > a { color: #1F2329 !important; background-color: transparent !important; }
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-child { background-color: #FBFCFE !important; }
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-child a { color: #5A6478 !important; padding-left: 46px !important; }
/* 当前选中项：浅蓝底 + 蓝字 + 左侧蓝色指示条 */
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-item .layui-this,
body[class*="skin-"] .layui-side .layui-nav-tree .layui-this > a,
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-itemed .layui-this a {
    background-color: #EEF4FF !important;
    color: #3B67F5 !important;
    box-shadow: inset 3px 0 0 #3B67F5;
}
body[class*="skin-"] .layui-side .layui-nav-tree .layui-nav-itemed .layui-this { background-color: #EEF4FF !important; }
body[class*="skin-"] .layui-side .layui-nav-more { border-color: #7A8699 transparent transparent !important; }
body[class*="skin-"] .layui-side .layui-nav-mored { border-color: transparent transparent #7A8699 !important; }

/* ============ 去除老主题墨绿色 (#1AA094) ============ */
body[class*="skin-"] .layui-layout-admin { border-bottom: none !important; }
body[class*="skin-"] #admin-body { border-left: none !important; }
body[class*="skin-"] .layui-layout-admin .layui-footer,
body[class*="skin-"] .footer { background-color: transparent !important; border-top: 1px solid #EBEEF5; color: #9AA3B2; }
body[class*="skin-"] .footer a { color: #9AA3B2; }

/* ============ 多标签页条：浅色化 ============ */
body[class*="skin-"] .admin-nav-card > .layui-tab-title {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #EBEEF5 !important;
}
body[class*="skin-"] .admin-nav-card > .layui-tab-title li { color: #5A6478; }
body[class*="skin-"] .admin-nav-card > .layui-tab-title .layui-this {
    color: #3B67F5 !important;
    background-color: #FFFFFF !important;
}
body[class*="skin-"] .admin-nav-card > .layui-tab-title .layui-this:after {
    border: none !important;
    border-top: 2px solid #3B67F5 !important;
}

/* ============ 内容区：卡片化 ============ */
.admin-main { padding: 4px; }
.layui-card,
.layui-elem-field,
.layui-collapse,
.layui-tab-brief .layui-tab-content > .layui-card {
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(31,42,68,.05) !important;
}
.layui-card { border: 1px solid #EBEEF5 !important; }
.layui-card-header { color: #1F2329; font-weight: 600; }

/* 高级查询 fieldset 面板化 */
fieldset.layui-elem-field {
    background-color: #FFFFFF;
    border: 1px solid #EBEEF5 !important;
    border-radius: 10px;
    margin: 10px 0;
    padding: 10px 15px 15px !important;
    box-shadow: 0 1px 3px rgba(31,42,68,.05);
}
fieldset.layui-elem-field legend { color: #3D4757; font-weight: 600; padding: 0 10px; }

/* ============ 表格 ============ */
.layui-table thead th {
    background-color: #F7F8FA !important;
    color: #5A6478 !important;
    font-weight: 600;
}
.layui-table tbody tr:hover td,
.layui-table-hover { background-color: #F7F9FF !important; }
.layui-table td, .layui-table th { border-color: #F0F2F7 !important; }
.layui-table { color: #3D4757; }
.table-responsive { border-radius: 10px; }

/* ============ 按钮 ============ */
/* 默认绿按钮 → 品牌蓝 */
body .layui-btn:not(.layui-btn-primary):not(.layui-btn-warm):not(.layui-btn-danger):not(.layui-btn-disabled) {
    background-color: #3B67F5 !important;
    border-radius: 6px !important;
}
body .layui-btn:hover:not(.layui-btn-primary) { opacity: .88; }
body .layui-btn-primary {
    border-radius: 6px !important;
    border-color: #D9DEE8 !important;
    color: #3D4757 !important;
    background-color: #FFFFFF !important;
}
body .layui-btn-primary:hover { border-color: #3B67F5 !important; color: #3B67F5 !important; background-color: #F5F8FF !important; }
body .layui-btn-normal { background-color: #3B67F5 !important; }
body .layui-btn-warm { border-radius: 6px !important; }
body .layui-btn-danger { border-radius: 6px !important; }
body .layui-btn-small, body .layui-btn-xs { border-radius: 5px !important; }

/* ============ 表单控件 ============ */
.layui-input, .layui-select, .layui-textarea {
    border-color: #E3E6EF !important;
    border-radius: 6px !important;
    color: #1F2329;
    transition: border-color .2s, box-shadow .2s;
}
.layui-input:hover, .layui-select:hover, .layui-textarea:hover { border-color: #C4CEE6 !important; }
.layui-input:focus, .layui-select:focus, .layui-textarea:focus {
    border-color: #3B67F5 !important;
    box-shadow: 0 0 0 2px rgba(59,103,245,.12) !important;
}
.layui-form-select .layui-edge { border-top-color: #7A8699; }
.layui-form-select dl { border-radius: 8px; box-shadow: 0 6px 20px rgba(31,42,68,.12); border: 1px solid #EBEEF5; }
.layui-form-select dl dd.layui-this { background-color: #EEF4FF !important; color: #3B67F5 !important; }
.layui-form-checkbox[lay-skin="primary"] i { border-radius: 4px; }
.layui-form-checked[lay-skin="primary"] i { background-color: #3B67F5 !important; border-color: #3B67F5 !important; }
.layui-form-radio > i:hover, .layui-form-radioed > i { color: #3B67F5 !important; }
.layui-form-onswitch { background-color: #3B67F5 !important; border-color: #3B67F5 !important; }

/* ============ 分页 ============ */
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #3B67F5 !important; border-radius: 6px; }
.layui-laypage a, .layui-laypage span { border-radius: 6px !important; color: #3D4757; }
.layui-laypage a:hover { color: #3B67F5 !important; }

/* ============ 徽章（保留原有彩色语义，仅默认色改品牌蓝） ============ */
.layui-badge:not([class*="layui-bg-"]) { background-color: #3B67F5 !important; border-radius: 8px; }
.layui-badge[class*="layui-bg-"] { border-radius: 8px; }

/* ============ 弹层 layer ============ */
.layui-layer { border-radius: 10px !important; overflow: hidden; box-shadow: 0 10px 34px rgba(31,42,68,.18) !important; }
.layui-layer-title { background-color: #FFFFFF !important; color: #1F2329 !important; border-bottom: 1px solid #EBEEF5 !important; font-weight: 600; }
.layui-layer-btn .layui-layer-btn0 { background-color: #3B67F5 !important; border-color: #3B67F5 !important; border-radius: 6px !important; }
.layui-layer-btn .layui-layer-btn1 { border-radius: 6px !important; }
.layui-layer-tab .layui-layer-title span.layui-this { color: #3B67F5; }

/* ============ 选项卡(页面内) ============ */
.layui-tab-title li.layui-this { color: #3B67F5; }
.layui-tab-brief > .layui-tab-title .layui-this:after { border-bottom: 2px solid #3B67F5 !important; }

/* ============ 滚动条 ============ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #D5DAE5; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #B9C2D4; }
::-webkit-scrollbar-track { background: transparent; }

/* ============ 常用文字色工具类对齐 ============ */
.green { color: #00B578 !important; }
.red { color: #E5484D !important; }
.orange { color: #F5A623 !important; }

/* ============ 数据表格容器 table.render ============ */
.layui-table-view {
    border-color: #EBEEF5 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(31,42,68,.05);
    margin: 10px 0 !important;
}
.layui-table-view .layui-table-tool { background-color: #FFFFFF !important; border-color: #F0F2F7 !important; }
.layui-table-view .layui-table-box { border-color: #F0F2F7 !important; }
.layui-table-view .layui-table-page { background-color: #FFFFFF !important; border-color: #F0F2F7 !important; }
.layui-table-grid-down { border-radius: 4px; }

/* ============ 统计卡片（工作台） ============ */
.layuiadmin-card-list p.layuiadmin-big-font { color: #3B67F5; font-weight: 600; }
.layuiadmin-card-list { padding: 6px 0 2px; }
.layuiadmin-span-color { color: #7A8699; font-size: 13px; }
.layui-card:hover { box-shadow: 0 4px 12px rgba(31,42,68,.09) !important; transition: box-shadow .25s; }
.layui-card-header .layui-icon-tips { color: #B9C2D4; }

/* ============ 登录页 ============ */
body.beg-login-bg {
    background: linear-gradient(135deg, #EEF4FF 0%, #F5F6FA 55%, #E8EEFB 100%) !important;
}
/* 去掉原来的深色风景底图 + 半透明登录框，改为浅色玻璃卡片 */
body.beg-login-bg .large-header {
    background: linear-gradient(135deg, #EEF4FF 0%, #F5F6FA 55%, #E8EEFB 100%) !important;
    background-image: none !important;
}
body.beg-login-bg .beg-login-box {
    background-color: #FFFFFF !important;
    color: #3D4757 !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(31,42,68,.12) !important;
}
body.beg-login-bg .beg-login-box header { border-bottom: 1px solid #EBEEF5 !important; }
body.beg-login-bg .beg-login-box header h1 { color: #1F2329 !important; line-height: 34px; }
body.beg-login-bg .beg-login-main .layui-form-item .beg-login-icon { color: #3B67F5 !important; }
body.beg-login-bg .beg-login-box footer p { color: #7A8699 !important; }
body.beg-login-bg .main-title h1 { color: #1F2329 !important; text-shadow: none !important; }
.beg-login-box .beg-login-main input.layui-input {
    border-radius: 8px !important;
    border-color: #E3E6EF !important;
    background-color: rgba(255,255,255,.92) !important;
    color: #1F2329 !important;
}
.beg-login-box .beg-login-main input.layui-input:focus {
    border-color: #3B67F5 !important;
    box-shadow: 0 0 0 2px rgba(59,103,245,.12) !important;
}
.beg-login-box .beg-login-main button.layui-btn {
    background-color: #3B67F5 !important;
    border-radius: 8px !important;
}