/*
 * 主题色覆盖 - 品牌蓝主题 (#1677ff → #4096ff)
 * 覆盖 layui 框架默认主题色 #009688
 * 此文件在 layui.css 之后加载，确保样式优先级
 */

/* ========== Layui 按钮圆角统一 ========== */
.layui-btn {
    border-radius: 20px;
}

.layui-btn-group .layui-btn {
    border-radius: 0;
}

.layui-btn-group .layui-btn:first-child {
    border-radius: 20px 0 0 20px;
}

.layui-btn-group .layui-btn:last-child {
    border-radius: 0 20px 20px 0;
}

/* ========== Layui 按钮主题色覆盖 ========== */
.layui-btn-primary:hover {
    border-color: #1677ff;
    color: #1677ff;
}

.layui-btn-normal {
    background-color: #1677ff;
}

.layui-btn-normal:hover {
    background-color: #4096ff;
}

.layui-btn-group .layui-btn-primary:hover {
    color: #1677ff;
    border-color: #1677ff;
}

/* ========== Layui 弹出层按钮圆角 ========== */
.layui-layer-btn .layui-btn {
    border-radius: 20px;
}

/* ========== Layui 表单按钮圆角 ========== */
.layui-form .layui-btn {
    border-radius: 20px;
}

/* ========== Layui 日期选择器覆盖 ========== */
.layui-laydate .layui-this {
    background-color: #1677ff !important;
    color: #fff !important;
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
    color: #1677ff;
}

.layui-laydate-footer span[lay-type=date] {
    color: #1677ff;
}

.laydate-day-mark::after {
    background-color: #1677ff;
}

.layui-laydate-content td.laydate-selected {
    background-color: rgba(22, 119, 255, 0.1);
}

.laydate-selected:hover {
    background-color: rgba(22, 119, 255, 0.1) !important;
}

.laydate-theme-grid .laydate-selected,
.laydate-theme-grid .laydate-selected:hover {
    color: #1677ff !important;
}

.laydate-theme-molv .layui-laydate-header {
    background-color: #1677ff;
}

/* ========== Layui 分页组件覆盖 ========== */
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1677ff;
}

.layui-laypage a:hover {
    color: #1677ff;
}

.layui-laypage .layui-laypage-skip input {
    border-color: #1677ff;
}

/* ========== Layui 表单组件覆盖 ========== */
.layui-form-select dl dd.layui-this {
    background-color: #f0f5ff;
    color: #1677ff;
}

.layui-form-select dl dd:hover {
    background-color: #f0f5ff;
}

.layui-form-onswitch {
    border-color: #1677ff;
    background-color: #1677ff;
}

.layui-form-radio:hover > i,
.layui-form-radioed > i {
    color: #1677ff;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1677ff;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #1677ff !important;
    background-color: #1677ff;
}

.layui-form-checked span,
.layui-form-checked:hover span {
    background-color: #1677ff;
}

.layui-input:focus,
.layui-textarea:focus {
    border-color: #1677ff !important;
}

/* ========== Layui 选项卡覆盖 ========== */
.layui-tab-brief > .layui-tab-title .layui-this {
    color: #1677ff;
}

.layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom-color: #1677ff;
}

.layui-tab-brief > .layui-tab-more li.layui-this:after,
.layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 2px solid #1677ff;
}

/* ========== Layui 时间线覆盖 ========== */
.layui-timeline-axis {
    color: #1677ff;
}

/* ========== Layui 徽章覆盖 ========== */
.layui-badge,
.layui-badge-dot {
    background-color: #1677ff;
}

/* ========== Layui 面包屑覆盖 ========== */
.layui-breadcrumb a:hover {
    color: #1677ff !important;
}

/* ========== Layui 树组件覆盖 ========== */
.layui-tree-txt a:hover {
    color: #1677ff;
}

.layui-tree-entry:hover {
    background-color: #f0f5ff;
}

/* ========== Layui 表格覆盖 ========== */
.layui-table-view .layui-table-body tr:hover {
    background-color: #f0f5ff;
}

.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1677ff;
}

.layui-table-tool .layui-inline:hover {
    color: #1677ff;
}

/* ========== Layui 流加载覆盖 ========== */
.layui-flow-more a cite {
    background-color: #1677ff;
}

/* ========== Layui 评分覆盖 ========== */
.layui-icon-rate-on {
    color: #1677ff;
}

/* ========== Layui 轮播箭头覆盖 ========== */
.layui-carousel-ind li:hover {
    background-color: rgba(22, 119, 255, 0.5);
}

.layui-carousel-ind li.layui-this {
    background-color: #1677ff;
}

/* ========== Layui 弹出层按钮覆盖 ========== */
.layui-layer-btn .layui-layer-btn0 {
    background-color: #1677ff;
    border-color: #1677ff;
}

.layui-layer-btn .layui-layer-btn0:hover {
    background-color: #4096ff;
    border-color: #4096ff;
}

.layui-layer-btn .layui-layer-btn1 {
    color: #606266;
    background-color: #ffffff;
    border-color: #dcdfe6;
}

.layui-layer-btn .layui-layer-btn1:hover {
    color: #1677ff;
    border-color: #1677ff;
}

/* ========== Layui 加载图标覆盖 ========== */
.layui-icon-loading,
.layui-icon-loading-1 {
    color: #1677ff;
}

/* ========== Layui 默认按钮品牌蓝覆盖 ========== */
.layui-btn {
    background-color: #1677ff;
    border-color: #1677ff;
}

.layui-btn:hover {
    background-color: #4096ff;
    border-color: #4096ff;
}

.layui-btn-primary {
    color: #606266 !important;
    background-color: #ffffff !important;
    border-color: #dcdfe6 !important;
}

.layui-btn-primary:hover {
    color: #1677ff !important;
    border-color: #1677ff !important;
}

/* ========== Layui 导航菜单覆盖 ========== */
.layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this {
    color: #1677ff !important;
}

.layui-nav-bar {
    background-color: #1677ff !important;
}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this > a,
.layui-nav-tree .layui-this > a:hover {
    background-color: #1677ff !important;
}

.layui-nav-tree .layui-nav-bar {
    background-color: #1677ff !important;
}

/* ========== Layui 面包屑分隔符覆盖 ========== */
.layui-breadcrumb a cite:before {
    color: #1677ff;
}

/* ========== 全局链接颜色覆盖 ========== */
a:hover {
    color: #1677ff;
}

/* ========== Layui 输入框验证状态覆盖 ========== */
.layui-form-danger:focus {
    border-color: #ff5722 !important;
}

/* ========== Layui 下拉箭头悬停覆盖 ========== */
.layui-edge {
    border-color: rgba(22, 119, 255, 0.5);
}

/* ========== xm-select 下拉选择覆盖 ========== */
body .xm-body .xm-option.selected {
    background-color: #f0f5ff !important;
}

body .xm-body .xm-option.selected .xm-option-content {
    color: #1677ff !important;
}

body .xm-body .xm-option:hover {
    background-color: #f0f5ff !important;
}

body .xm-select .xm-label .xm-label-block {
    background-color: #1677ff !important;
    border-color: #1677ff !important;
}

body .xm-select .xm-label .xm-label-block .xm-label-close {
    color: #ffffff !important;
}

body .xm-select .xm-label .xm-label-block .xm-label-close:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

body .xm-select .xm-body .xm-search .layui-input {
    border-color: #1677ff !important;
}

body .xm-select .xm-body .xm-search .layui-input:focus {
    border-color: #1677ff !important;
}

/* ========== Layui 弹出层内表单 Radio 覆盖 ========== */
body .layui-layer .layui-form-radioed > i {
    color: #1677ff !important;
}

body .layui-layer .layui-form-radioed > i:hover {
    color: #1677ff !important;
}

body .layui-layer .layui-form-radio:hover > i {
    color: #1677ff !important;
}

body .layui-layer .layui-form-radio > i {
    color: #d1d5db !important;
}

/* ========== 全局 Radio 品牌蓝覆盖 ========== */
body .layui-form-radioed > i {
    color: #1677ff !important;
}

body .layui-form-radio:hover > i {
    color: #1677ff !important;
}

body .layui-form-radio > i {
    color: #d1d5db !important;
}

/* ========== Layui 弹出层内表单 Checkbox 覆盖 ========== */
body .layui-layer .layui-form-checked[lay-skin=primary] i {
    border-color: #1677ff !important;
    background-color: #1677ff !important;
}

body .layui-layer .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1677ff !important;
}

/* ========== Layui 弹出层内 Select 下拉覆盖 ========== */
body .layui-layer .layui-form-select dl dd.layui-this {
    background-color: #f0f5ff !important;
    color: #1677ff !important;
}

body .layui-layer .layui-form-select dl dd:hover {
    background-color: #f0f5ff !important;
}

body .layui-layer .layui-form-select dl dd.layui-select-tips {
    color: #9ca3af;
}

/* ========== Layui 弹出层内 Switch 开关覆盖 ========== */
body .layui-layer .layui-form-onswitch {
    border-color: #1677ff !important;
    background-color: #1677ff !important;
}

/* ========== Layui 弹出层内输入框聚焦覆盖 ========== */
body .layui-layer .layui-input:focus,
body .layui-layer .layui-textarea:focus {
    border-color: #1677ff !important;
}