/* ============================================================
   内页卡片化（风格8 板块感）· card-v6
   深蓝黑底 + 每个功能区域独立成"发光卡片"
   ============================================================ */

/* ---------- 页面深色底（兜底，与 theme-v6 并存） ---------- */
html, body.bgWhite{
    background-color:#121d33 !important;
}

/* ---------- 内容容器 ---------- */
.content{
    padding: 20px 24px;
    box-sizing: border-box;
}

/* ---------- 顶部工具条（面包屑+操作按钮）→ 独立标题栏卡片 ---------- */
.content_top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#1a2740;
    border:1px solid #2b3d58;
    border-radius:10px;
    padding:12px 18px;
    margin-bottom:16px;
    min-height:48px;
}
.content_top > a.layui-btn,
.content_top .layui-btn{ margin:0; }

/* ---------- 提示条 → 卡片 ---------- */
.txtBox-tips{
    background:#14243c;
    border:1px solid rgba(34,211,238,.35);
    border-radius:8px;
    color:#9fb3d3;
    padding:10px 14px;
    margin-bottom:16px;
}

/* ---------- 列表 / 表单容器 → 独立卡片 ---------- */
.content_list,
.content_add{
    background:#1a2740;
    border:1px solid #2b3d58;
    border-radius:10px;
    padding:18px 20px;
    margin-bottom:16px;
}
.content_add .layui-form-item:last-child{ margin-bottom:0; }

/* ---------- 表格深色化 ---------- */
.layui-table-view,
.layui-table{
    background:transparent !important;
    color:#c7d4ea;
}
.layui-table-view .layui-table-header,
.layui-table-view .layui-table-main,
.layui-table-view .layui-table-fixed{ background:transparent !important; }
.layui-table thead tr,
.layui-table-header th,
.layui-table th{
    background:#16233c !important;
    color:#9fb3d3 !important;
    font-weight:600;
    border-color:#2b3d58 !important;
}
.layui-table tbody tr,
.layui-table td,
.layui-table-body tr{
    background:transparent !important;
    border-color:#22314c !important;
    color:#c7d4ea;
}
.layui-table tbody tr:hover td,
.layui-table tbody tr:hover{
    background:rgba(34,211,238,.05) !important;
}
.layui-table-view .layui-table-page{
    background:transparent !important;
    border-color:#2b3d58 !important;
    color:#9fb3d3;
}
.layui-laypage a, .layui-laypage span{ color:#9fb3d3; }
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background:#22d3ee; }
.layui-laypage .layui-laypage-curr em{ color:#062a38; }

/* ---------- 表单深色化 ---------- */
.layui-form-label{ color:#c7d4ea; }
.layui-input,
.layui-textarea,
.layui-select,
.layui-form-select .layui-input{
    background:#101c33 !important;
    border-color:#2b3d58 !important;
    color:#e6eefb !important;
}
.layui-input:focus,
.layui-textarea:focus{
    border-color:#22d3ee !important;
    box-shadow:0 0 8px rgba(34,211,238,.2);
}
.layui-input::-webkit-input-placeholder{ color:#5f7290; }
.layui-form-select dl{
    background:#16233c !important;
    border-color:#2b3d58 !important;
}
.layui-form-select dl dd{ color:#c7d4ea; }
.layui-form-select dl dd:hover{ background:rgba(34,211,238,.12) !important; color:#fff; }
.layui-form-select dl dd.layui-this{ background:rgba(34,211,238,.2) !important; color:#22d3ee; }
.layui-form-radio > i{ color:#22d3ee; }
.layui-form-checked[lay-skin=primary] i{
    background:#22d3ee !important;
    border-color:#22d3ee !important;
}

/* ---------- 按钮：主操作青色实底 ---------- */
.layui-btn{
    background:#22d3ee !important;
    color:#062a38 !important;
    font-weight:600;
    border-radius:6px;
}
.layui-btn:hover{ background:#67e8f9 !important; color:#062a38 !important; }
.layui-btn-danger{ background:#f87171 !important; color:#fff !important; }
.layui-btn-danger:hover{ background:#fca5a5 !important; color:#fff !important; }
.layui-btn-primary{
    background:transparent !important;
    color:#22d3ee !important;
    border:1px solid rgba(34,211,238,.5) !important;
}
.layui-btn-primary:hover{ background:rgba(34,211,238,.12) !important; color:#67e8f9 !important; }
.layui-btn-normal-tx{
    background:transparent !important;
    color:#22d3ee !important;
    border:1px solid rgba(34,211,238,.45) !important;
}
.layui-btn-normal-tx:hover{ background:rgba(34,211,238,.12) !important; color:#67e8f9 !important; }

/* ---------- 右侧浮动按钮 ---------- */
.right_bottom a{
    background:#1a2740 !important;
    border:1px solid #2b3d58 !important;
    color:#9fb3d3 !important;
    border-radius:8px;
}
.right_bottom a:hover{
    color:#22d3ee !important;
    border-color:rgba(34,211,238,.5) !important;
}

/* ---------- 弹层深色化 ---------- */
.layui-layer{
    background:#16233c !important;
    box-shadow:0 12px 40px rgba(0,0,0,.5), 0 0 0 1px #2b3d58 !important;
}
.layui-layer-title{
    background:#16233c !important;
    color:#e6eefb !important;
    border-color:#2b3d58 !important;
}
.layui-layer-content{ color:#c7d4ea; }
.layui-layer-btn a.layui-layer-btn0{ background:#22d3ee !important; color:#062a38 !important; }
.layui-layer-btn a{ background:#22314c !important; border-color:#2b3d58 !important; color:#c7d4ea; }

/* ============================================================
   V6B3 全站整改补充
   1) 列表页搜索区卡片化（content_search）
   2) 添加/编辑页（page_open_header）组件深色化
   ============================================================ */

/* ---------- 1. 列表页搜索区 → 卡片 ---------- */
.content_search{
    background:#1a2740;
    border:1px solid #2b3d58;
    border-radius:10px;
    padding:12px 18px 0;
    margin-bottom:16px;
}
/* 搜索表单内部的标题文字/分隔等辅助元素 */
.content_search .layui-form-label{ color:#9fb3d3 !important; }
.content_search .title-span{ color:#c7d4ea !important; }

/* ---------- 2. 固定底部提交栏 ---------- */
.submit_btn_bottom{
    background:#1a2740 !important;
    border-top:1px solid #2b3d58 !important;
    box-shadow:0 -4px 20px rgba(0,0,0,.4) !important;
}

/* ---------- 3. 树形选择器（tree-box） ---------- */
.tree-box .selected-text{
    border:1px solid #2b3d58 !important;
    background:#101c33 !important;
    color:#9fb3d3 !important;
}
.tree-box .selected-text.on{ color:#e6eefb !important; }
.tree-box ul.tree-select-box{
    background:#16233c !important;
    border:1px solid #2b3d58 !important;
    box-shadow:0 12px 30px rgba(0,0,0,.5) !important;
}
.tree-box ul.tree-select-box li .tree-option-title{ color:#9fb3d3 !important; }
.tree-box ul.tree-select-box li .tree-option-items span{ color:#9fb3d3 !important; }
.tree-box ul.tree-select-box li .tree-option-items span:hover{ color:#22d3ee !important; }
.tree-box ul.tree-select-box li .tree-option-items span:not(:last-child)::after{ border-color:#2b3d58 !important; }

/* ---------- 4. 自定义标签选择面板 ---------- */
.custom-label-box{
    background:#16233c !important;
    border:1px solid #2b3d58 !important;
    box-shadow:0 12px 30px rgba(0,0,0,.5) !important;
}
.custom-label-box p{ background:#16233c !important; }
.custom-label-box p span.option-text{ color:#c7d4ea !important; }
.custom-label-box p:hover{ background:rgba(34,211,238,.08) !important; }
.custom-label-box p i.layui-icon-close-fill{ color:#9fb3d3 !important; }

/* ---------- 5. 表单内表格（form-table） ---------- */
.form-table table{
    background:#101c33 !important;
    color:#c7d4ea !important;
}
.form-table table thead tr{ background:#16233c !important; }
.form-table table tr th,
.form-table table tr td{ border:1px solid #2b3d58 !important; }
.form-table table tr td input,
.form-table table tr td select{
    background:#101c33 !important;
    border:1px solid #2b3d58 !important;
    color:#e6eefb !important;
}
.form-table table tr td a.full-btn{ background:#1a2740 !important; color:#9fb3d3 !important; }
.form-table table tr td a.full-btn .fa{ color:#9fb3d3 !important; }

/* ---------- 6. 字段分组标题 ---------- */
.layui-elem-field{ color:#9fb3d3 !important; }
.layui-field-title{ border-color:#2b3d58 !important; }
.layui-field-title legend{ color:#22d3ee !important; }
.layui-group{ color:#e6eefb !important; }

/* ---------- 7. 提示条 / 提示块 ---------- */
.content_add .tips-box{
    background:#14243c !important;
    border:1px solid rgba(34,211,238,.35) !important;
    color:#9fb3d3 !important;
    text-shadow:none !important;
}
.content_add .layui-input-block.layui-input-block-tips{
    background:#14243c !important;
    border:1px solid rgba(34,211,238,.25) !important;
}
.layui-btn-tips{
    background:rgba(248,113,113,.12) !important;
    border:1px solid rgba(248,113,113,.5) !important;
    color:#f87171 !important;
}

/* ---------- 8. 图片 / 文件上传组件 ---------- */
.cosUploadImg{
    background:#101c33 !important;
    border:1px dashed #2b3d58 !important;
    border-radius:8px;
}
.cosUploadImg:hover{ border-color:#22d3ee !important; }
.cosUploadImg .imgShow{ background:#101c33 !important; }
.cosUploadImg .fa-window-close{ background:#1a2740 !important; }
.layui-form-item .upload-img{
    border:1px dashed #2b3d58 !important;
    background:#101c33 !important;
    border-radius:6px;
}
.layui-form-item .upload-img img,
.layui-form-item .upload-img .upload-video{ background:#101c33 !important; }
.layui-form-item .upload-img .fa-window-close{ background:#1a2740 !important; }

/* ---------- 9. 时间选择器 laydate 弹层深色化 ---------- */
.layui-laydate{
    background:#16233c !important;
    border:1px solid #2b3d58 !important;
    box-shadow:0 12px 40px rgba(0,0,0,.5) !important;
    color:#c7d4ea !important;
}
.layui-laydate-header{ border-bottom:1px solid #2b3d58 !important; }
.layui-laydate-header span,
.layui-laydate-header i{ color:#9fb3d3 !important; }
.layui-laydate-header span:hover,
.layui-laydate-header i:hover{ color:#22d3ee !important; }
.layui-laydate-content th{ color:#9fb3d3 !important; }
.layui-laydate-content td{ color:#c7d4ea !important; }
.layui-laydate-content td:hover,
.layui-laydate-list li:hover{ background:rgba(34,211,238,.12) !important; color:#fff !important; }
.layui-laydate-content td.layui-this,
.layui-laydate .layui-this{ background:#22d3ee !important; color:#062a38 !important; }
.layui-laydate-content td.laydate-selected{ background:rgba(34,211,238,.2) !important; }
.layui-laydate-content .laydate-day-prev,
.layui-laydate-content .laydate-day-next{ color:#5f7290 !important; }
.layui-laydate-content .laydate-day-mark::after{ border-color:#22d3ee !important; }
.layui-laydate-footer{ border-top:1px solid #2b3d58 !important; }
.layui-laydate-footer span{ color:#9fb3d3 !important; }
.layui-laydate-footer span:hover{ color:#22d3ee !important; }
.layui-laydate-list{ border:1px solid #2b3d58 !important; background:#16233c !important; }
.layui-laydate-list > li{ color:#c7d4ea !important; }
.layui-laydate-hint{ color:#f87171 !important; }

/* ---------- 10. Tab / 卡片等公共组件 ---------- */
.layui-tab-title{ border-bottom-color:#2b3d58; }
.layui-tab-title li{ color:#9fb3d3; }
.layui-tab-title li:hover{ color:#67e8f9; }
.layui-tab-title li.layui-this{ color:#22d3ee; }
.layui-tab-title li.layui-this::after{ background:#22d3ee; }
.layui-tab-content{ color:#c7d4ea; }
.layui-card{
    background:#1a2740;
    border:1px solid #2b3d58;
    border-radius:10px;
}
.layui-card-header{ border-color:#2b3d58; color:#e6eefb; }
.layui-card-body{ color:#c7d4ea; }

/* ---------- 11. 编辑器外层容器（编辑区保持白底纸面感） ---------- */
.content.editor{ background:#121d33 !important; }
.content.editor .content-container{ background:#16233c; }
.document-editor{ border-color:#2b3d58; }

/* ---------- 12. 时间输入 / 其他辅助 ---------- */
.timeInput .icon-miaosha1{ color:#5f7290; }
.layui-word-aux{ color:#9fb3d3 !important; }
.layui-form-mid{ color:#9fb3d3 !important; }
.layui-word-aux-red{ color:#f87171 !important; }

/* ============================================================
   V6B4 全站白底容器兜底深色化 + 文字色统一
   解决：列表页 .content 容器白底透出、面包屑黑字、表格外文字
   ============================================================ */

/* ---------- 13. .content 主容器兜底（与 body 同色 #121d33） ---------- */
.content{
    background-color:#121d33 !important;
    color:#c7d4ea !important;
}
/* 子卡片用更亮的 #1a2740，让 .content 底色透出 → 卡片浮起 */
.content > .content_top,
.content > .content_search,
.content > .content_list,
.content > .content_add,
.content > .txtBox-tips,
.content > .submit_btn_bottom{
    background-color:#1a2740 !important;
    color:#e6eefb !important;
}

/* ---------- 14. 面包屑 / 路径：默认浅灰、当前项青色 ---------- */
.content_top .fullpath a,
.content_top .fullpath span,
.content_top .layui-breadcrumb a,
.content_top a{ color:#9fb3d3 !important; }
.content_top .fullpath a:hover,
.content_top .layui-breadcrumb a:hover{ color:#67e8f9 !important; }
.content_top .fullpath .current,
.content_top .layui-breadcrumb .current,
.content_top .current,
.content_top .layui-this{ color:#22d3ee !important; }

/* ---------- 15. .content 内部文字统一浅色 ---------- */
.content div,
.content p,
.content span,
.content label,
.content li,
.content em,
.content i{ color:#c7d4ea; }
/* 链接默认浅蓝、悬停青色 */
.content a{ color:#22d3ee; }
.content a:hover{ color:#67e8f9; }
/* 但操作按钮内的图标/文字继承按钮色（不被覆盖） */
.content .layui-btn,
.content .layui-btn span,
.content .layui-btn i{ color:inherit !important; }

/* ---------- 16. 兜底：常见白底残留强制深色 ---------- */
body .content > div:not(.content_top):not(.content_search):not(.content_list):not(.content_add):not(.txtBox-tips):not(.submit_btn_bottom):not(.layui-form):not(.layui-table-view){
    background-color:transparent;
}
body .layui-form{ color:#c7d4ea; }

/* ---------- 17. 顶部 navbar 与 .content 衔接处不留白底 ---------- */
.bgWhite .content::before{ content:""; display:block; height:0; }

/* ============================================================
   V6B4.2 顶部空白压缩（navbar 与内容间距）
   - .content 顶部 padding 减小
   - 兜底常见 navbar 元素高度
   ============================================================ */
.content{
    padding: 8px 16px 16px !important;
    margin-top: 0 !important;
}
/* 顶部 navbar 常见 class 高度收紧 */
.bgWhite > header,
.bgWhite > nav,
.bgWhite > .navbar,
.bgWhite > .top-bar,
.bgWhite > .topbar,
.bgWhite > .header-bar,
.bgWhite > .admin-bar,
.bgWhite > .layui-header,
.bgWhite > .main-header{
    min-height: 38px !important;
    height: auto !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.bgWhite > .navbar *,
.bgWhite > header *,
.bgWhite > nav *{
    line-height: 22px !important;
}
/* 兜底：navbar 后面跟着 .content 的，去掉 .content 的 margin-top */
.content:first-child{ margin-top: 0 !important; }