/* ============================================================
   SuperScreen 超级屏 项目主题样式（theme.css）
   职能：重置 core.min.css / app.min.css 公共样式库的颜色，
        为 ss.thingboot.com 全站统一配色（派生自 maker/theme.css）。
   色板：深色刻度 背景 #231e20 / 面板 #312d2e / 浮起 #413d3f / 凹陷 #1c191a，
        文字 主 #fcf5de / #e8e6e6 / 次 #b7b4b5 / 弱 #888587；
        品牌主色（蓝）#3b82f6 / hover #60a5fa / active #2563eb，
        点缀（logo 三原色）红 #ff0000 / 绿 #00b050 / 蓝 #0000ff 仅在 site.css
        与页面内联样式中作为品牌装饰使用。
   规则：不写布局/尺寸规则（网站特有的样式放 site.css）。
   ============================================================ */

/* ---- 滚动条（中性色） ---- */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #0000001a;border-radius:5px;background-color:#f7f5f5}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px #0000001a;background-color:#d7d5d5}

/* ---- 链接（语义 info 蓝） ---- */
a{color:#275ce2}
a:hover,a:focus{color:#1f4ab5}

/* ---- 品牌主色（蜂黄 brand-5 #3b82f6） ---- */
.bg-primary{background-color:#3b82f6 !important}
.bg-secondary{background-color:#f0eeee !important}
.text-primary{color:#3b82f6 !important}
.badge-primary{background-color:#3b82f6;color:#ffffff}
.card-inverse,.header-inverse{background-color:#3b82f6}
.card-title.has-bar:before{background-color:#3b82f6}
.spinner-ball{background-color:#3b82f6}
[data-overlay]::before{background:#3b82f6}

/* ---- 基础按钮（须在 .btn-primary 等变体之前，与 app.min.css 顺序一致） ---- */
.btn{color:#d7d5d5;background-color:#413d3f;border-color:#413d3f}
.btn:hover{color:#fcf5de;background-color:#646062;border-color:#646062}
.btn:hover .close{border-color:#646062}

/* ---- 主按钮：黄底深字（色卡 notification-banner 搭配） ---- */
.btn-primary{background-color:#3b82f6;border-color:#3b82f6;color:#ffffff}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus{background-color:#60a5fa;border-color:#60a5fa;color:#ffffff}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{background-color:#2563eb;border-color:#2563eb;color:#ffffff}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #60a5fa80;color:#ffffff}

/* ---- 描边主按钮 ---- */
.btn-outline.btn-primary{color:#3b82f6;border-color:#3b82f6}
.btn-outline.btn-primary:hover{background-color:#60a5fa;border-color:#60a5fa;color:#ffffff}
.btn-outline.btn-primary:not(:disabled):not(.disabled):active,.btn-outline.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-outline.btn-primary.dropdown-toggle{background-color:#2563eb;border-color:#2563eb;color:#ffffff}

/* ---- 分页 ---- */
.page-item.active .page-link,.page-item.active .page-link:focus,.page-item.active .page-link:hover{background-color:#60a5fa;border-color:#60a5fa;color:#ffffff}

/* ---- 语义色（success / warning / error / info） ---- */
.text-success{color:#16a34a !important}
.bg-success{background-color:#16a34a !important}
.badge-success{background-color:#16a34a}
.text-warning{color:#cca700 !important}
.bg-warning{background-color:#ffd20a !important}
.badge-warning{background-color:#ffd20a;color:#171717}
.text-danger{color:#ef4444 !important}
.bg-danger{background-color:#ef4444 !important}
.badge-danger{background-color:#ef4444}
.text-info{color:#275ce2 !important}
.bg-info{background-color:#275ce2 !important}
.badge-info{background-color:#275ce2}

/* ---- 中性辅助 ---- */
.text-muted{color:#888587 !important}


/* ============================================================
   暗色表面全面重置（app.min.css / core.min.css 浅色假设覆盖）
   表面层级：页面 #231e20 → 面板 #312d2e → 浮起/hover #413d3f → 凹陷 #1c191a
   文字：主 #e8e6e6 / 强调 #fcf5de / 次要 #b7b4b5 / 弱 #888587
   边框统一 #413d3f
   ============================================================ */

/* ---- 排版 ---- */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#fcf5de}
hr{border-top-color:#413d3f}
code{color:#3b82f6;background-color:#312d2e}
pre{color:#e8e6e6;background-color:#1c191a}
.blockquote{color:#b7b4b5}
.blockquote a{color:#3b82f6}

/* ---- 卡片 card ---- */
.card{background-color:#312d2e;border-color:#413d3f}
.card-header{border-bottom-color:#413d3f;color:#fcf5de}
.card-footer{background-color:#231e20;border-top-color:#413d3f;color:#888587}
.card-title{color:#fcf5de}
.card .text-muted{color:#888587 !important}

/* ---- 下拉菜单 dropdown ---- */
.dropdown-menu,.dropdown-grid{background-color:#312d2e;border-color:#413d3f;color:#e8e6e6}
.dropdown-menu a,.dropdown-grid a{color:#d7d5d5}
.dropdown-item{color:#d7d5d5}
.dropdown-item:hover,.dropdown-item:focus{background-color:#413d3f;color:#fcf5de;border-color:#413d3f}
.dropdown-item.active,.dropdown-item:active{background-color:#3b82f6;color:#ffffff}
.dropdown-divider{background-color:#413d3f;border-top-color:#413d3f}
.dropdown-header{color:#888587}
.dropdown-footer{border-top-color:#413d3f}

/* ---- 弹窗 modal / 弹出 popover / 侧滑 quickview ---- */
.modal-content{background-color:#312d2e;border-color:#413d3f;color:#d7d5d5}
.modal-header{border-bottom-color:#413d3f}
.modal-footer{border-top-color:#413d3f}
.modal-header .close,.close{color:#b7b4b5;text-shadow:none}
.modal-header .close:hover,.close:hover{color:#fcf5de}
.modal-backdrop{background-color:#000}
.popover{background-color:#312d2e;border-color:#413d3f;color:#d7d5d5}
.popover-header{background-color:#231e20;border-bottom-color:#413d3f;color:#fcf5de}
.popover-body{color:#d7d5d5}
.quickview{background-color:#231e20;color:#d7d5d5}
.quickview-header{background-color:#312d2e;border-bottom-color:#413d3f}

/* ---- 表单 form ---- */
.form-control{background-color:#312d2e;border-color:#413d3f;color:#e8e6e6}
.form-control:focus{background-color:#312d2e;border-color:#3b82f6;color:#fcf5de;box-shadow:0 0 0 .2rem #3b82f640}
.form-control::placeholder{color:#888587}
.form-control:disabled,.form-control[readonly]{background-color:#1c191a;color:#888587}
.custom-select{background-color:#312d2e;border-color:#413d3f;color:#e8e6e6}
.custom-select:focus{border-color:#3b82f6;box-shadow:0 0 0 .2rem #3b82f640}
.input-group-text{background-color:#413d3f;border-color:#413d3f;color:#b7b4b5}
.form-check-label{color:#d7d5d5}
.custom-control-label{color:#d7d5d5}
.custom-control-label::before{background-color:#312d2e;border-color:#413d3f}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#3b82f6;border-color:#3b82f6}
label,.col-form-label{color:#b7b4b5}

/* ---- 表格 table ---- */
.table{background-color:transparent;color:#d7d5d5}
.table th{border-top-color:#413d3f;color:#fcf5de}
.table td{border-top-color:#413d3f}
.table thead th{border-bottom-color:#413d3f}
.table-bordered,.table-bordered th,.table-bordered td{border-color:#413d3f}
.table-hover tbody tr:hover{background-color:#413d3f}
.table-striped tbody tr:nth-of-type(odd){background-color:#231e20}

/* ---- 列表 list-group / media-list ---- */
.list-group-item{background-color:#312d2e;border-color:#413d3f;color:#d7d5d5}
.list-group-item.active{background-color:#3b82f6;border-color:#3b82f6;color:#ffffff}
.list-group-item:hover{background-color:#413d3f}
a.list-group-item:hover,a.list-group-item:focus{color:#fcf5de}
.media-list-hover .media:hover,.media-list-hover .media-new:hover{background-color:#413d3f !important}
.media-list-divided>.media:not(.media-list-header):not(.media-list-footer),.media-list-divided .media-list-body>.media{border-bottom-color:#413d3f}

/* ---- 按钮（浅色系变体改暗） ---- */
.btn-secondary{background-color:#646062;border-color:#646062;color:#fcf5de}
.btn-secondary:hover,.btn-secondary:focus{background-color:#888587;border-color:#888587;color:#fcf5de}
.btn-outline.btn-secondary{color:#b7b4b5;border-color:#888587}
.btn-outline.btn-secondary:hover{background-color:#646062;border-color:#646062;color:#fcf5de}

/* ---- 分页 pagination ---- */
.page-link{color:#b7b4b5;background-color:transparent;border-color:#413d3f}
.page-link:hover{background-color:#413d3f;border-color:#413d3f;color:#fcf5de}
.page-item.disabled .page-link{color:#646062;background-color:transparent;border-color:#413d3f}

/* ---- 导航 navs / 面包屑 ---- */
.nav-tabs{border-bottom-color:#413d3f}
.nav-tabs .nav-link{color:#b7b4b5;border-color:transparent}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{border-color:#413d3f;color:#fcf5de}
.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:focus,.nav-tabs .nav-item.show .nav-link{background-color:transparent;border-color:#413d3f #413d3f transparent;color:#3b82f6}
.nav-pills .nav-link{color:#b7b4b5}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#3b82f6;color:#ffffff}
.breadcrumb{background-color:transparent}
.breadcrumb-item{color:#888587}
.breadcrumb-item.active{color:#b7b4b5}
.breadcrumb-item a{color:#b7b4b5}
.breadcrumb-item a:hover{color:#3b82f6}
.header-bar .breadcrumb-item.active, .header-bar .breadcrumb-item.active > a{color:#b7b4b5}

/* ---- 侧栏 sidebar / 菜单 menu ---- */
.sidebar{background-color:#1c191a}
.sidebar.sidebar-light{background-color:#312d2e}
.sidebar.sidebar-light .menu>.menu-item>.menu-link{color:#b7b4b5}
.sidebar.sidebar-light .menu>.menu-item:hover>.menu-link,.sidebar.sidebar-light .menu>.menu-item.active>.menu-link{color:#3b82f6}
.menu-submenu{background-color:#231e20}
.menu-category{color:#888587}

/* ---- 工具类（带 !important 对库硬覆盖） ---- */
.bg-dark{background-color:#1c191a !important}
.text-body{color:#d7d5d5 !important}
.border,.border-top,.border-bottom,.border-left,.border-right{border-color:#413d3f !important}
.divider{border-top-color:#413d3f}

/* ---- 下拉箭头（topbar 双层三角）与通用 caret ---- */
.topbar .dropdown-menu::before,.topbar .dropdown-grid::before{border-bottom-color:#413d3f}
.topbar .dropdown-menu::after,.topbar .dropdown-grid::after{border-bottom-color:#312d2e}
.dropdown-menu:before{border-bottom-color:#413d3f}

/* ---- 分隔线 divider 家族 ---- */
.divider{color:#888587}
.divider::before,.divider::after{border-top-color:#413d3f}
.divider-light{color:#b7b4b5}
.divider-dash{color:#888587}
.divider-dot{background-color:#888587}
.divider-line{background-color:#413d3f}

/* ---- 描边次按钮（边框再压暗一档） ---- */
.btn-outline.btn-secondary{border-color:#646062}

/* ---- topbar 下拉面板边框（高特异性补漏） ---- */
.topbar .dropdown-menu,.topbar .dropdown-grid{border-color:#413d3f}
.topbar .dropdown-menu{border-top:0}

/* ---- media 激活态（库默认浅绿 #f6ffe5 改暗金） ---- */
.media.active{background-color:#17253f !important}

/* ---- 头像底色 ---- */
.avatar{background-color:#413d3f;color:#e8e6e6}
.avatar-bordered{border-color:#413d3f}

/* ============================================================
   全量浅色清扫（基于 core/app.min.css 全量扫描 413 条）
   ============================================================ */

/* ---- 全局基座 ---- */
body{background-color:#231e20;color:#d7d5d5}
pre,xmp,code{border-color:#413d3f;border-left-color:#3b82f6}
pre[class*="language-"],code[class*="language-"],xmp[class*="language-"]{background-color:#1c191a;border-color:#413d3f}
small,.small,date,time{color:#888587}
small a,time a,.small a{color:#b7b4b5;border-bottom-color:#888587}
.form-control-plaintext{color:#d7d5d5}
.form-group small,.form-group small.form-text{color:#888587}
.preloader{background-color:#231e20}
.redirect{background:#312d2e;border-color:#413d3f;color:#d7d5d5}

/* ---- 文字/hover 工具类 ---- */
.text-default{color:#d7d5d5 !important}
.text-git,.text-gray{color:#888587 !important}
.hover-dark:hover,.hover-dark:focus{color:#fcf5de !important}
.hover-git:hover,.hover-git:focus,.hover-gray:hover,.hover-gray:focus,.hover-muted:hover,.hover-muted:focus{color:#888587 !important}

/* ---- 背景工具类 ---- */
.bg-lighter{background-color:#413d3f !important}
.bg-lightest{background-color:#646062 !important}

/* ---- 边框工具类（b/bx/by/bt/bb/bl/br 1-3 档 + border-light） ---- */
.b-1,.bx-1,.by-1,.bt-1,.bb-1,.bl-1,.br-1,
.b-2,.bx-2,.by-2,.bt-2,.bb-2,.bl-2,.br-2,
.b-3,.bx-3,.by-3,.bt-3,.bb-3,.bl-3,.br-3{border-color:#413d3f !important}
.border-light,.hover-border-light:hover{border-color:#413d3f !important}

/* ---- 按钮补齐 ---- */
.btn-flat{background-color:#312d2e}
.btn-flat:hover{background-color:#413d3f}
.btn-flat.btn-dark,.btn-pure.btn-dark{color:#e8e6e6}
.btn-flat.btn-git,.btn-pure.btn-git,.btn-flat.btn-gray,.btn-pure.btn-gray{color:#888587}
.btn-dark{background-color:#646062;border-color:#646062;color:#fcf5de}
.btn-outline.btn-dark,.btn-outline-dark{color:#b7b4b5;border-color:#646062;background-color:transparent}
.btn-outline.btn-dark:hover,.btn-outline-dark:hover{background-color:#646062;color:#fcf5de}
.btn-outline-light{color:#b7b4b5;border-color:#646062}
.btn-outline-light:hover,.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active{border-color:#646062;background-color:#646062;color:#fcf5de}
.btn-warning{border-color:#ffd20a;background-color:#ffd20a;color:#171717}
.btn-warning:hover{border-color:#cca700;background-color:#cca700;color:#171717}
.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle{border-color:#6d5c12;background-color:#6d5c12;color:#fcf5de}
.btn-outline-warning{color:#ffd20a;border-color:#ffd20a}
.btn-outline-warning:hover,.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{border-color:#ffd20a;background-color:#ffd20a;color:#171717}
label.btn.btn-default{background-color:#413d3f !important;color:#b7b4b5}
label.btn.btn-default.active{background-color:#3b82f6 !important;color:#ffffff}

/* ---- 徽章 ---- */

/* ---- 卡片补齐 ---- */
.card-bordered{border-color:#413d3f}
.card-outline-brown,.card-outline-cyan,.card-outline-danger,.card-outline-dark,.card-outline-gray,
.card-outline-info,.card-outline-pink,.card-outline-primary,.card-outline-purple,.card-outline-secondary,
.card-outline-success,.card-outline-warning,.card-outline-yellow{background-color:#312d2e}
.card-outline-primary{border-color:#3b82f6}
.card-outline-danger{border-color:#ef4444}
.card-outline-success{border-color:#16a34a}
.card-outline-warning{border-color:#ffd20a}
.card-outline-info{border-color:#275ce2}
.card-outline-dark{border-color:#646062}
.card-outline-gray,.card-outline-secondary{border-color:#413d3f}
.card-outline-cyan,.card-outline-purple,.card-outline-pink,.card-outline-brown{border-color:#646062}
.card-controls>li>a{color:#888587}
.card-loading{background-color:rgba(35,30,32,.8)}
.accordion-connected>.card>.card-title{background-color:#312d2e}
.accordion-connected>.card>.card-title:hover,.accordion-connected>.card>.card-title.active{background-color:#413d3f !important}

/* ---- 警示条 callout ---- */
.callout-danger,.callout-info,.callout-success,.callout-warning{background-color:#312d2e;color:#d7d5d5}
.callout-danger{border-left-color:#ef4444}
.callout-info{border-left-color:#275ce2}
.callout-success{border-left-color:#16a34a}
.callout-warning{border-left-color:#ffd20a}

/* ---- 侧栏 aside / sidebar 补齐 ---- */
.aside-expand-lg.aside-static.aside,.aside-expand-md.aside-static.aside,
.aside-expand-sm.aside-static.aside,.aside-expand-xl.aside-static.aside{background:#231e20}
.aside-footer{border-top-color:#413d3f}
.aside-iconic{background-color:#231e20}
.aside-iconic .nav.flex-column.nav-pills .nav-item.active{background-color:#3b82f6}
.aside-package{background:#1c191a;border-right-color:#413d3f}
.aside-package .header-bar{background-color:#231e20}
.aside-package .nav.flex-column.nav-pills .active{background:#3b82f6;color:#ffffff}
.aside-title{color:#888587}
.aside.aside-static .aside-toggler{background:#3b82f6}
.sidebar-header{background-color:#231e20}
.sidebar-header-inverse{color:#d7d5d5;background-color:#231e20}
.sidebar-header-inverse a{color:#d7d5d5}
.sidebar.sidebar-light .sidebar-profile{color:#d7d5d5;border-bottom-color:#413d3f}
.sidebar-toggle-fold::before{border-color:#3b82f6;background-color:#3b82f6}

/* ---- 下拉/弹出 补齐 ---- */
.dropdown-item-text{color:#d7d5d5}
.popover.bs-popover-bottom .arrow::before{border-bottom-color:#413d3f}
.popover.bs-popover-left .arrow::before{border-left-color:#413d3f}
.popover.bs-popover-right .arrow::before{border-right-color:#413d3f}
.popover.bs-popover-top .arrow::before{border-top-color:#413d3f}
.modal-fill{background:rgba(35,30,32,.97)}
.modal-fill.show{background:rgba(0,0,0,0.7)!important}
.modal[data-backdrop="false"]:not(.modal-fill) .modal-content{border-color:#413d3f}
.tooltip-light .tooltip-inner,.tooltip-white .tooltip-inner{color:#e8e6e6;background-color:#413d3f}
.tooltip-secondary .tooltip-inner{color:#e8e6e6}
.swal2-modal .swal2-content{color:#d7d5d5}
.lity{background:rgba(0,0,0,0.7)}

/* ---- 表单补齐 ---- */
.lookup input{color:#e8e6e6;border-color:#413d3f;background-color:#231e20}
.lookup-fullscreen{background-color:rgba(35,30,32,.97)}
.lookup-fullscreen .lookup-form{border-bottom-color:#413d3f}
.lookup-fullscreen .lookup-form input{color:#fcf5de}
.lookup.lookup-circle.lookup-with-close .close{background-color:#413d3f;color:#b7b4b5}
.lookup.lookup-circle.lookup-with-close .close:hover{color:#fcf5de}
.custom-file-label{background-color:#231e20;border-color:#413d3f;color:#d7d5d5}
.custom-file-label::after{background-color:#413d3f;border-left-color:#413d3f;color:#e8e6e6}
.custom-file-control{border-color:#413d3f;background-color:#231e20;color:#d7d5d5}
.custom-file-control::after{color:#d7d5d5}
.custom-file-control::before{border-color:#413d3f;background-color:#413d3f;color:#e8e6e6}
.custom-controls-bordered{border-color:#413d3f}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,.custom-checkbox .custom-control-input:disabled~.custom-control-label::before,.custom-radio .custom-control-input:disabled~.custom-control-label::before{background-color:#231e20}
.custom-control-dark .custom-control-label::after,.custom-control-secondary .custom-control-label::after{color:#d7d5d5}
.custom-control-gray .custom-control-label::after{color:#888587}
.form-type-combine .form-group,.form-type-combine.form-group,.form-type-combine .input-group{background-color:#231e20;border-color:#413d3f}
.form-type-combine .form-group:focus,.form-type-combine .form-group.focused,.form-type-combine.form-group:focus{background-color:#312d2e}
.form-type-combine .input-group .form-control:focus{border-color:#413d3f;background-color:#312d2e}
.form-type-combine .input-group .input-group-append{border-left-color:#413d3f}
.form-type-combine .input-group .input-group-prepend{border-right-color:#413d3f}
.form-type-combine .input-group .input-group-text+.input-group-input{border-left-color:#413d3f}
.form-type-fill .input-group-text{border-color:#413d3f;background-color:#413d3f}
.form-type-fill.form-control,.form-type-fill .form-control{background-color:#231e20;border-color:#413d3f}
.form-type-fill.form-control:focus,.form-type-fill .form-control:focus{background-color:#312d2e;border-color:#3b82f6}
.form-type-line .custom-file-control,.form-type-material .custom-file-control,.form-type-round .custom-file-control{border-bottom-color:#413d3f}
.form-type-line.form-control:disabled,.form-type-line .form-control:disabled,.form-type-material.form-control:disabled,.form-type-material .form-control:disabled{background-color:#312d2e}
.form-type-line.input-group .input-group-text,.form-type-line .input-group .input-group-text,
.form-type-material.input-group .input-group-text,.form-type-material .input-group .input-group-text{background-color:#231e20;color:#888587}

/* ---- 表格补齐 ---- */
.thead-default th,.table .thead-light th{background-color:#231e20;color:#fcf5de;border-color:#413d3f}
.table .thead-dark th{border-color:#413d3f}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#413d3f}
.table-separated tbody tr{background-color:#312d2e}
.table-separated.table-striped tbody tr:nth-of-type(odd),.table-separated.table-hover tbody tr:hover{background-color:#413d3f}
.table tr.detail>td{border-top-color:#413d3f;background-color:#231e20}
.table tr.detail .arrow::before{border-bottom-color:#413d3f}
.table tr.detail .arrow::after{border-bottom-color:#231e20}
.table-actions .table-action,.table-filter tbody th .title{color:#888587}
.fixed-table-container thead th .both::after{border-top-color:#646062}
.fixed-table-container thead th .both::before{border-bottom-color:#646062}

/* ---- 列表/媒体 补齐 ---- */
.list-group.bordered{border-color:#413d3f}
.list-group-item-action{color:#d7d5d5}
.list-group-item-action:focus,.list-group-item-action:hover{background-color:#413d3f;color:#fcf5de}
.list-group-item-action:active{background-color:#413d3f;color:#fcf5de}
.media a:not(.btn):not(.avatar){color:#d7d5d5}
.media-action{color:#888587}
.media-bordered,.media-grid-bordered .media,.media-list-bordered,.media.bordered{border-color:#413d3f}
.media-grid-hover .media:hover{background-color:#413d3f}
.media-list-striped .media:not(.media-list-header):not(.media-list-footer):nth-child(even){background-color:#231e20}
.media-message{background-color:#413d3f;color:#e8e6e6}
.media-meta-day{color:#888587}
.media-meta-day::before,.media-meta-day::after{border-top-color:#413d3f}
.media-meta-info{border-color:#413d3f}
.media-chat .media-body p.meta time{color:#888587}
.avatar-add{border-color:#646062;color:#888587}
.avatar-pill{color:#d7d5d5;background-color:#413d3f}

/* ---- 导航 补齐 ---- */
.nav-divider{background-color:#413d3f}
.nav.flex-column.nav-divided .nav-item{border-bottom-color:#413d3f}
.nav-item.edit,.nav-item.edit:hover{background-color:#312d2e}
.nav-action{color:#888587}
.nav-action:hover{color:#fcf5de}
.nav-tabs .nav-sep{background-color:#413d3f}
.nav-tabs-border-mode{background-color:#231e20;border-bottom-color:#3b82f6}
.nav-tabs-border-mode .nav-link:hover,.nav-tabs-border-mode .nav-link.active,.nav-tabs-border-mode .nav-link.active:focus{color:#3b82f6;border-color:#413d3f;border-bottom-color:transparent}
.nav-tabs-border-mode .nav-link.active,.nav-tabs-border-mode .nav-link.active:focus{background-color:#312d2e;border-bottom-color:#312d2e}
.nav-tabs-inverse-mode .nav-link.active,.nav-tabs-inverse-mode .nav-link.active:focus{background-color:#312d2e}
.nav-tabs-inverse-mode+.tab-content{background-color:#312d2e}
.nav-tabs-light-mode{background-color:#231e20}
.nav-tabs-left .nav-tabs{border-right-color:#413d3f}
.nav-tabs-right .nav-tabs{border-left-color:#413d3f}
.nav-process-block .nav-item{color:#888587}
.nav-process-block .nav-link-number{background-color:#413d3f;color:#b7b4b5}
.nav-process-box .nav-item{border-right-color:#413d3f}
.nav-process-box .nav-item::after{color:#413d3f;background-color:#312d2e}
.nav-process-box .nav-link-number{background-color:#413d3f;color:#b7b4b5}
.nav-process-box .nav-item.processing .nav-title,.nav-process-circle .nav-item.processing,.nav-process-iconic .nav-item.processing{color:#3b82f6}
.nav-process-iconic .nav-item i{color:#888587}
.nav-process-iconic .nav-item.processing .nav-link{border-color:#3b82f6;background-color:#312d2e}
.nav-process-dark.nav-process-block .nav-item.complete:not(.processing) .nav-link .nav-link-number,.nav-process-dark.nav-process-iconic .nav-item.processing i{color:#d7d5d5}
.nav-process-gray.nav-process-block .nav-item.complete:not(.processing) .nav-link .nav-link-number,.nav-process-gray.nav-process-iconic .nav-item.processing i{color:#888587}
.nav-process-secondary.nav-process-block .nav-item.complete .nav-link,.nav-process-secondary.nav-process-block .nav-item.processing .nav-link-number,.nav-process-secondary.nav-process-circle .nav-item.complete .nav-link::after,.nav-process-secondary.nav-process-iconic .nav-item.complete .nav-link{color:#888587}
.pagination-secondary .page-item.active .page-link,.pagination-secondary .page-item.active .page-link:focus,.pagination-secondary .page-item.active .page-link:hover{color:#ffffff}

/* ---- topbar 补齐 ---- */
.topbar .headerbar{background:#312d2e}
.topbar .btn-nav{color:#b7b4b5;border-right-color:#413d3f}
.topbar .menu-item.menu-pill .menu-link::after{background-color:#413d3f}
.topbar .menu-sub-submenu{background-color:#312d2e}
.topbar-btns .topbar-btn.has-new{color:#b7b4b5}
.topbar.transparent{background-color:rgba(35,30,32,.3);border-bottom-color:#413d3f}
.topbar-expand-lg.topbar .topbar-navigation,.topbar-expand-md.topbar .topbar-navigation,
.topbar-expand-sm.topbar .topbar-navigation,.topbar-expand-xl.topbar .topbar-navigation{background-color:#231e20}
.topbar-expand-lg.topbar .menu-category,.topbar-expand-md.topbar .menu-category,.topbar-expand-sm.topbar .menu-category,.topbar-expand-xl.topbar .menu-category{color:#888587}
.topbar-expand-lg.topbar .menu-link,.topbar-expand-md.topbar .menu-link,.topbar-expand-sm.topbar .menu-link,.topbar-expand-xl.topbar .menu-link{color:#b7b4b5}
.topbar-expand-lg.topbar .menu-item:hover>.menu-link,.topbar-expand-md.topbar .menu-item:hover>.menu-link,
.topbar-expand-sm.topbar .menu-item:hover>.menu-link,.topbar-expand-xl.topbar .menu-item:hover>.menu-link,
.topbar-expand-lg.topbar .menu-submenu .menu-item:hover>.menu-link,.topbar-expand-md.topbar .menu-submenu .menu-item:hover>.menu-link,
.topbar-expand-sm.topbar .menu-submenu .menu-item:hover>.menu-link,.topbar-expand-xl.topbar .menu-submenu .menu-item:hover>.menu-link{color:#3b82f6}
.topbar-expand-lg.topbar-inverse .menu>.menu-item>.menu-link,.topbar-expand-md.topbar-inverse .menu>.menu-item>.menu-link,
.topbar-expand-sm.topbar-inverse .menu>.menu-item>.menu-link,.topbar-expand-xl.topbar-inverse .menu>.menu-item>.menu-link{color:#b7b4b5}
.topbar-expand-lg.topbar.topbar-secondary .menu-item.active>.menu-link,.topbar-expand-md.topbar.topbar-secondary .menu-item.active>.menu-link,
.topbar-expand-sm.topbar.topbar-secondary .menu-item.active>.menu-link,.topbar-expand-xl.topbar.topbar-secondary .menu-item.active>.menu-link{color:#3b82f6}
.topbar-secondary .menu-item.active>.menu-link,.topbar-secondary .menu-item:hover>.menu-link{color:#3b82f6}
.topbar-inverse .menu-item.menu-pill .menu-link::after{background-color:#3b82f6}
.topbar-inverse .menu-item.menu-pill:hover .menu-link,.topbar-inverse .menu-item.menu-pill.active .menu-link{color:#ffffff !important}
.header-action .dropdown.show .nav-link,.header-action .nav-link.active,.header-action .nav-link:hover{color:#3b82f6;border-bottom-color:#3b82f6}
.header-btn:hover{background-color:#413d3f}
.header-info .breadcrumb-item a:hover,.header-info .breadcrumb-item.active{color:#b7b4b5}
.header-title{color:#fcf5de}

/* ---- quickview / dock / publisher / 图片上传 ---- */
.quickview-footer{background-color:#312d2e;border-top-color:#413d3f}
.quickview-footer a:not(.btn){color:#888587}
.dock{background:#312d2e;border-color:#413d3f}
.dock-body,.dock-footer{background-color:#231e20}
.dock-header{border-bottom-color:#413d3f}
.dock .dock-resizer{border-bottom-color:#413d3f}
.dock-actions{color:#888587}
.publisher{background-color:#312d2e}
.publisher-btn{color:#888587}
.publisher-btn:hover{color:#fcf5de}
.image-uploader .image-item>.image-wraper{background:#231e20}
.image-uploader .image-item .image-title textarea{background:#312d2e;color:#d7d5d5}
.img-thumbnail{background-color:#312d2e;border-color:#413d3f}
.hover-toggle{background:#413d3f;color:#b7b4b5}
.more>a{background-image:none;background-color:rgba(35,30,32,.85)}

/* ---- 第三方组件 ---- */
.bootstrap-select.btn-group .dropdown-item.divider{background-color:#413d3f}
.bootstrap-select.btn-group .dropdown-item.dropdown-header{color:#888587}
.bootstrap-select.btn-group .dropdown-item.selected{color:#fcf5de;background-color:#413d3f}
.bootstrap-select.btn-group .popover-title{color:#888587;background-color:#231e20}
.bootstrap-select.btn-group.show .dropdown-toggle{border-color:#3b82f6;color:#fcf5de}
.bootstrap-select>.dropdown-toggle.bs-placeholder{color:#888587}
.datepicker table tr td,.datepicker table tr th,.datepicker table tr td span{color:#d7d5d5}
.datepicker table tr td.day:hover,.datepicker table tr td.focused,.datepicker tfoot tr th:hover{background-color:#413d3f}
.datepicker table tr td.today{color:#3b82f6;background-color:#17253f;border-color:#17253f}
.datepicker-dropdown:before{border-bottom-color:#413d3f}
.datepicker-dropdown.datepicker-orient-top:before{border-top-color:#413d3f}
.bootstrap-timepicker-widget table td a{color:#888587}
.bootstrap-timepicker-widget table td a:hover{background-color:#413d3f;border-color:#413d3f}
.bootstrap-timepicker-widget table td input{border-color:#413d3f;background-color:#231e20;color:#e8e6e6}
.bootstrap-timepicker-widget.dropdown-menu:before{border-bottom-color:#413d3f}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before{border-top-color:#413d3f}
.clockpicker-button{color:#d7d5d5}
.clockpicker-plate{border-color:#413d3f;background-color:#312d2e}
.clockpicker-popover .popover-content{background-color:#231e20}
.dropify-wrapper{border-color:#413d3f;background-color:#231e20}
.dropify-wrapper .dropify-clear:hover{background-color:#413d3f}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p{color:#888587}
.dropzone{border-color:#413d3f;background-color:#231e20}
.tt-menu{background-color:#312d2e;border-color:#413d3f;color:#d7d5d5}
.tt-suggestion.tt-cursor,.tt-suggestion:hover,.tt-suggestion:focus{background-color:#413d3f}
.ql-container.ql-snow{border-color:#413d3f;background-color:#231e20;color:#e8e6e6}
.ql-toolbar.ql-snow{border-color:#413d3f;background-color:#312d2e}
.quill-no-border .ql-toolbar.ql-snow{border-bottom-color:#413d3f}
.jsgrid input,.jsgrid select,.jsgrid textarea{border-color:#413d3f;color:#d7d5d5;background-color:#231e20}
.jsgrid input:focus,.jsgrid select:focus,.jsgrid textarea:focus{border-color:#3b82f6;color:#fcf5de}
.jsgrid-alt-row>.jsgrid-cell{background:#231e20}
.jsgrid-edit-row>.jsgrid-cell,.jsgrid-filter-row>.jsgrid-cell,.jsgrid-grid-body,.jsgrid-grid-header{border-color:#413d3f}
.jsgrid-grid-header,.jsgrid-header-row>.jsgrid-header-cell{background-color:#231e20}
.jsgrid-selected-row>.jsgrid-cell{background:#17253f;border-color:#413d3f}
.bootstrap-tagsinput{border-color:#413d3f;background-color:#231e20}
.bootstrap-tagsinput input{color:#e8e6e6}
[data-provide="tagsinput"]{border-color:#413d3f;background-color:#231e20}
.minicolors-panel{border-color:#413d3f}
.minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch{border-color:#413d3f}
.noUi-handle{background-color:#413d3f}
.number-spinner.add-subtract>.oper>button{border-color:#413d3f}
.fc-state-default{border-color:#413d3f;background-color:#312d2e;color:#d7d5d5}
.fc-toolbar h2{color:#fcf5de}
.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view{border-color:#413d3f}
.fc-daygrid-dot-event{border-color:#413d3f;background:#413d3f;color:#d7d5d5}
.mapael .zoomButton{background-color:#312d2e;border-color:#413d3f;color:#d7d5d5}
.mapael .zoomButton:hover{background-color:#413d3f}
.morris-hover.morris-default-style{background:rgba(49,45,46,.95);border-color:#413d3f;color:#d7d5d5}
.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content{border-color:#413d3f;background:#312d2e;color:#d7d5d5}
.editable-select-iframe,.editable-select-options{background:#312d2e;border-color:#413d3f}
[is-editing="true"][has-oper="true"] [data-editable="panel"]{background:#312d2e;border-color:#413d3f}
.swiper-button-circular .swiper-button-next,.swiper-button-circular .swiper-button-prev{border-color:#413d3f;background-color:#312d2e;color:#b7b4b5}
.swiper-button-circular .swiper-button-next:hover,.swiper-button-circular .swiper-button-prev:hover{color:#fcf5de}
.swiper-button-next,.swiper-button-prev{color:#888587}
.swiper-pagination-inverse .swiper-pagination-bullet{background-color:#413d3f}
.carousel-indicators li{background-color:#413d3f}
.carousel-indicators .active{background-color:#3b82f6}
.tree li > span{border-bottom:1px solid #413d3f}
.tree-nav .btn{border-left-color:#413d3f}
.tree-nav .btn:first-child{border-color:#413d3f}
.tree-placeholder{background:#1c191a;border-right-color:#413d3f}
.picon>span{background-color:#413d3f;color:#d7d5d5}
.price{color:#fcf5de}
.price-interval{color:#888587}
.progress[value]::-webkit-progress-bar{background-color:#413d3f}
.timeline-period{color:#888587}
.toggler-dark input:checked+i{color:#3b82f6}
.toggler-gray input:checked+i{color:#888587}
.rating-dark .active,.rating-dark:checked~label,.rating-dark label:hover,.rating-dark label:hover~label{color:#3b82f6}
.rating-gray .active,.rating-gray:checked~label,.rating-gray label:hover,.rating-gray label:hover~label{color:#888587}
.userpicker input{color:#d7d5d5}
.menu-filter .dropdown .btn>span>b{color:#e8e6e6}
.line-numbers .line-numbers-rows{border-right-color:#413d3f}
div.prism-show-language>div.prism-show-language-label{color:#888587}
.color-selector label.inverse span::after{color:#d7d5d5}
.overlay-light::before{background-color:rgba(35,30,32,.55)}
.overlay-lighter::before{background-color:rgba(35,30,32,.7)}
.overlay-lightest::before{background-color:rgba(35,30,32,.9)}
[data-overlay-light]::before{background:#231e20}
.form-backdrop{background-color:rgba(35,30,32,.1)}

/* ---- 全量清扫·收尾 ---- */
.bootstrap-table .table>thead>tr>th{border-bottom-color:#413d3f}
.breadcrumb-border .breadcrumb-item+.breadcrumb-item::before{border-right-color:#413d3f}
.code{background:#1c191a;border-color:#413d3f;border-left-color:#3b82f6;color:#e8e6e6}
.divider-vertical::before,.divider-vertical::after{border-right-color:#413d3f}
.fc-state-disabled:hover{background-color:#312d2e}
.fc-unthemed .fc-popover .fc-header .fc-close{color:#888587}
.header{background-color:#231e20;color:#d7d5d5;border-bottom-color:#413d3f}
.media-wdiget{border-color:#413d3f;background:#312d2e}
.quickview.backdrop-light+.backdrop-quickview{background-color:rgba(35,30,32,.8)}
.rowspan{background:#231e20}
.topbar-inverse .topbar-search .lookup-placeholder .dot{background-color:#888587}
.datepicker .prev::before,.datepicker .next::before{color:#888587}
.dock#dock-chat-panel,.dock#dock-chat-panel.minimize header{background:#312d2e}
.teaser-julia p{background:rgba(49,45,46,.9);color:#fcf5de}
.teaser-kira figcaption::before,.teaser-winston figcaption::before{background:#312d2e}
.teaser-marley h3::after{background:#3b82f6}
.teaser-steve h2,.teaser-steve p{background:#312d2e;color:#fcf5de}
.teaser-zoe figcaption{background:#312d2e;color:#b7b4b5}
.teaser-zoe .icon-links a{color:#b7b4b5}

/* ---- 字面颜色工具类保持本义（2026-09 语义修正） ----
   bg-white/text-dark/text-black 等字面颜色类不做翻转，页面上要暗色请用 .bg-dark/.bg-black */
.bg-black{background-color:#000 !important}

/* ---- 浅色按钮/徽章：保持"浅色"本义 ---- */
.btn-white{background-color:#fff;border-color:#fff;color:#171717}
.btn-white:hover,.btn-white:focus{background-color:#f0eeee;border-color:#f0eeee;color:#171717}
.btn-white:active,.btn-white.active,.show>.btn-white.dropdown-toggle{background-color:#e8e6e6;border-color:#e8e6e6;color:#171717}
.btn-light{background-color:#f0eeee;border-color:#f0eeee;color:#171717}
.btn-light:hover,.btn-light:focus{background-color:#e8e6e6;border-color:#e8e6e6;color:#171717}
.btn-light:active,.btn-light.active,.show>.btn-light.dropdown-toggle{background-color:#d7d5d5;border-color:#d7d5d5;color:#171717}
.btn-lighter{color:#e8e6e6}
.btn-lighter:hover,.btn-lighter:focus{background-color:#f0eeee;color:#171717}
.btn-outline.btn-light{color:#e8e6e6;border-color:#e8e6e6}
.btn-outline.btn-light:hover{background-color:#f0eeee;color:#171717;border-color:#f0eeee}
.badge-light{background-color:#f0eeee;color:#171717}
.badge-light[href]:focus,.badge-light[href]:hover{background-color:#e8e6e6;color:#171717;text-decoration:none}

/* ---- aside 侧栏底色补漏 ---- */
.aside{background-color:#231e20;color:#d7d5d5}
.aside-header{border-bottom-color:#413d3f}
.aside .aside-body{color:#d7d5d5}

/* ---- header-bar 底边框与背景（补漏） ---- */
.header-bar{background-color:#231e20;border-bottom-color:#413d3f}
.header-bar>.header-btn{border-right-color:#413d3f}
