/**
 * 华龙主题：在 layui.css 之后引入，覆盖默认配色。
 * 目标：低饱和、层次清晰、保留商务风格。
 * 色值勿在 # 后加空格，否则 CSS 变量整段无效。
 */
:root {
    --primary: #2f4f88;
    --primary-hover: #27457a;
    --primary-active: #1f3a69;
    --accent: #c84d45;
    --accent-hover: #b5453d;
    --text-primary: #1f2937;
    --text-secondary: #5b6575;
    --border-soft: #d7deea;
    --surface-soft: #f5f8fc;
    --surface-page: #eef3f9;
    --focus-ring: rgba(47, 79, 136, 0.14);
}

/* 页面底色与卡片层次 */
body {
    background: var(--surface-page);
    color: var(--text-primary);
}

.layui-card {
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(20, 35, 66, 0.05);
}

.layui-card-header {
    background: #f9fbff;
    border-bottom-color: var(--border-soft);
    color: var(--text-primary);
}

/* 主按钮 */
.layui-btn {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(21, 37, 66, 0.12);
}

.layui-btn:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.layui-btn:active {
    background-color: var(--primary-active) !important;
    border-color: var(--primary-active) !important;
}

.layui-btn-disabled {
    background-color: #e7ebf3 !important;
    border-color: #e7ebf3 !important;
    color: #9aa5b6 !important;
    box-shadow: none !important;
}

.layui-btn-danger {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
}

.layui-btn-danger:hover {
    background-color: var(--accent-hover) !important;
    border-color: var(--accent-hover) !important;
}

.layui-btn-primary {
    background-color: #fff !important;
    border-color: var(--border-soft) !important;
    color: var(--text-secondary) !important;
    box-shadow: none !important;
}

.layui-btn-primary:hover {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

/* 表格表头 */
.layui-table th {
    background-color: #f6f9ff !important;
    color: #334155 !important;
    border-color: var(--border-soft) !important;
    font-weight: 600;
}

.layui-table,
.layui-table-view {
    border-color: var(--border-soft) !important;
}

.layui-table td {
    border-color: #e5eaf3 !important;
    color: #334155;
}

.layui-table tbody tr:hover {
    background-color: var(--surface-soft) !important;
}

/* layer 小提示条 */
.layui-tips-main,
.layui-layer-tips .layui-layer-content {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* 表单标签（与菜单新增/编辑页一致） */
.layui-form-label {
    color: var(--text-secondary) !important;
}

.layui-input,
.layui-textarea,
.layui-select-title input {
    border-color: var(--border-soft) !important;
    border-radius: 6px;
}

.layui-input:focus,
.layui-textarea:focus,
.layui-form-selected .layui-select-title input {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px var(--focus-ring);
}

.layui-form-danger + .layui-form-select .layui-select-title input,
.layui-form-danger {
    border-color: var(--accent) !important;
}

.layui-input::placeholder,
.layui-textarea::placeholder {
    color: #9aa5b6;
}

/* 全局隐藏 layui tab 溢出“更多”下拉箭头 */
.layui-tab-bar {
    display: none !important;
}