/* 原始蓝色系颜色变量抽取 - 仅统一管理，不修改原颜色值 */
:root {
    /* 主色调：核心蓝色（用于导航、选中态等关键区域） */
    --primary-blue-main: #3B75F0;
    /* 文本/次要蓝色：用于侧边栏文字、图标等 */
    --primary-blue-light: #B0C0FF;

    /* 背景色系列：按深浅层次划分 */
    --bg-blue-lightest: #f5fbff;  /* 最浅蓝色背景（表格行、标签等） */
    --bg-blue-lighter: #e0f3ff;   /* 较浅蓝色背景（表头、引用块等） */
    --bg-blue-hover: #d5edfd;     /* 蓝色悬停背景（表格行 hover 态） */

    /* 边框色系列：按交互状态划分 */
    --border-blue-base: #c4e7ff;  /* 基础蓝色边框（输入框、表格、容器等） */
    --border-blue-focus: #6fc4ff; /* 聚焦/hover 蓝色边框（输入框交互态） */

    /* 文本固定色：非蓝色系的通用文本色 */
    --text-default: #5f5f5f;      /* 表格表头文字色 */
    --text-white: #fff;           /* 深色背景上的白色文字（顶部导航等） */
}

/* 基础组件样式 - 替换为变量 */
.layheder_box blockquote{
    background-color: var(--bg-blue-lighter) !important;
}
.td_label{
    background: var(--bg-blue-lightest);
}
td{
    border: 1px solid var(--border-blue-base);
}
select,input,textarea {
    border: 1px solid var(--border-blue-base) !important;
}
input.inputOther {
    border: 0.5px none var(--border-blue-base) !important; /* 原rgb(196,231,255)与#c4e7ff一致 */
    border-bottom-style: solid !important;
}
input.inputOther:hover, input.inputOther:focus {
    border: 0.5px solid var(--border-blue-base) !important;
}
.layui-input:hover, .layui-textarea:hover {
    border-color: var(--border-blue-focus) !important;
}
.layui-input:focus, .layui-textarea:focus {
    border-color: var(--border-blue-focus) !important;
}

/* 表格样式 - 替换为变量 */
.layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
    background-color: var(--bg-blue-lightest);
}
.layui-table tbody tr:hover,.layui-table-hover,.layui-table[lay-even] tr:hover:nth-child(even) {
    background-color: var(--bg-blue-hover) !important;
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
    border-color: var(--border-blue-base) !important;
}
.layui-table th{
    background-color: var(--bg-blue-lighter) !important;
}
.layui-table th span{
    font-weight: bold;
    color: var(--text-default);
}

/* 历史记录页面第一列样式 - 替换为变量 */
.layui-table [data-field="field"]{
    background-color: var(--bg-blue-lightest) !important;
}

/* 就业分析工具样式 - 替换为变量 */
.conditionBox {
    border-color: var(--border-blue-base) !important;
}

/* 题目分析表格样式 - 替换为变量 */
#tableHtm tfoot tr td{
    background-color: var(--bg-blue-lightest) !important;
}
.question-edit-xxwz{
    background-color: var(--border-blue-base) !important;
}

/* 单选带查询边框样式 - 替换为变量 */
.select2-container--default .select2-selection--single {
    border: 1px solid var(--border-blue-base) !important;
}

/* MAIN页面主题样式 - 替换为变量 */
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: var(--primary-blue-main) !important;
}
.layui-nav-tree .layui-nav-bar {
    background-color: var(--primary-blue-main);
}
.layui-layout-admin .layui-header {
    background-color: var(--primary-blue-main) !important;
}
.layui-nav-itemed .lii cite, .layui-nav-itemed .lii i {
    color: var(--primary-blue-main) !important;
}
.eeos:hover {
    background-color: var(--primary-blue-main) !important;
}
.layui-layout-admin .layui-side-scroll .layui-logo {
    background-color: var(--primary-blue-main) !important;
}
.layadmin-pagetabs .layui-tab-title li.layui-this {
    background-color: var(--primary-blue-main) !important;
}
.layadmin-pagetabs .layui-icon {
    color: var(--primary-blue-main);
}
.layui-layout-admin .layui-header a, .layui-layout-admin .layui-header a cite {
    color: var(--text-white);
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-more {
    border-top-color: var(--text-white);
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-more.layui-nav-mored {
    border-top-color: var(--text-white);
}
.layui-nav-child {
    z-index: 10000;
}
.layui-nav li.layui-nav-item>a{
    color: var(--primary-blue-light) !important;
}
/* MAIN页面主题样式 - 替换为变量 END */