/* 智慧物业 · 主题配色（浅色/护眼），CSS 变量驱动，<html data-theme> 切换 */
:root,[data-theme="ocean"]{
  --t-primary:#3b7ddd;--t-primary-dark:#2f5fa8;--t-primary-soft:#eaf1fc;
  --t-bg:#f2f5fa;--t-surface:#fff;--t-surface-alt:#f7f9fc;--t-border:#e3e8f0;
  --t-text:#2c3e50;--t-text-muted:#7b8a9a;--t-topbar:#fff;--t-hover:#eef4fd;
}
[data-theme="care"]{
  --t-primary:#3f9d7a;--t-primary-dark:#2f7d5f;--t-primary-soft:#e6f5ef;
  --t-bg:#eef5f0;--t-surface:#fff;--t-surface-alt:#f4faf7;--t-border:#d9e8e0;
  --t-text:#2f4a3f;--t-text-muted:#7a9488;--t-topbar:#fff;--t-hover:#e8f5ef;
}
[data-theme="warm"]{
  --t-primary:#c98a4b;--t-primary-dark:#a86f36;--t-primary-soft:#fbf1e4;
  --t-bg:#f7f2ea;--t-surface:#fffdf9;--t-surface-alt:#faf5ec;--t-border:#ecdfcc;
  --t-text:#4a3f33;--t-text-muted:#9a8a76;--t-topbar:#fffdf9;--t-hover:#f6efe2;
}
[data-theme="lilac"]{
  --t-primary:#7a6bc4;--t-primary-dark:#5f52a3;--t-primary-soft:#f0edfb;
  --t-bg:#f4f3fa;--t-surface:#fff;--t-surface-alt:#f8f7fd;--t-border:#e4e1f3;
  --t-text:#3d3859;--t-text-muted:#8b85a8;--t-topbar:#fff;--t-hover:#f0edfb;
}
html{background:var(--t-bg)}
body,.vc-page{background-color:var(--t-bg)!important;color:var(--t-text)!important;transition:background-color .28s,color .28s}
.vc-main,.vc-main-content,.vc-wrapper,.vc-content{background-color:var(--t-bg)!important;color:var(--t-text);transition:background-color .28s}
.navbar,.navbar-default,.vc-top,.vc-header,.vc-sidebar,.vc-menu,.menu,.nav-side,.sidebar{background-color:var(--t-topbar)!important;color:var(--t-text)!important;border-color:var(--t-border)!important;transition:background-color .28s,color .28s}
.ibox,.ibox-content,.panel,.panel-default,.card,.modal-content,.dropdown-menu{background-color:var(--t-surface)!important;color:var(--t-text)!important;border-color:var(--t-border)!important;transition:background-color .28s,color .28s,border-color .28s}
.ibox-title,.panel-heading,.card-header,.modal-header,.table thead th{background-color:var(--t-surface-alt)!important;color:var(--t-text)!important;border-color:var(--t-border)!important}
.table>tbody>tr:nth-of-type(odd),.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--t-surface)}
.table>tbody>tr:hover,.table-hover>tbody>tr:hover{background-color:var(--t-hover)!important}
.table td,.table th{border-color:var(--t-border)!important}
h1,h2,h3,h4,h5,h6,.vc-title{color:var(--t-text)!important}
.text-muted,.gray-text,.help-block{color:var(--t-text-muted)!important}
a,.link{color:var(--t-primary)!important;transition:color .2s}
.btn-primary{background-color:var(--t-primary)!important;border-color:var(--t-primary)!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus{background-color:var(--t-primary-dark)!important;border-color:var(--t-primary-dark)!important}
.btn-default{background-color:var(--t-surface)!important;border-color:var(--t-border)!important;color:var(--t-text)!important}
.btn-default:hover{background-color:var(--t-hover)!important}
.form-control{background-color:var(--t-surface)!important;color:var(--t-text)!important;border-color:var(--t-border)!important}
.form-control:focus{border-color:var(--t-primary)!important;box-shadow:0 0 0 2px var(--t-primary-soft)!important}
.active>a,.nav>li.active>a,.vc-menu .active{background-color:var(--t-primary-soft)!important;color:var(--t-primary)!important;border-color:var(--t-primary)!important}
.pagination>li>a,.pagination>li>span{background-color:var(--t-surface)!important;border-color:var(--t-border)!important;color:var(--t-primary)!important}
.pagination>.active>a{background-color:var(--t-primary)!important;border-color:var(--t-primary)!important;color:#fff!important}

/* ===== 顶部横条 + 一级/二级菜单：跟随主题变化 =====
   改色唯一入口：下面各主题的 --t-bar-bg（左侧一级菜单底色）与 --t-bar-nav-bg（顶部横条底色）。
   文字颜色只在 :root 定义一次（--t-bar-text / --t-bar-title），不随主题切换变化。
   vc.css 的 --vc-nav-bg / --vc-menu-main-bg 等已改为引用这些变量，
   因此这里不再对属性写 !important，避免“改了 vc.css 却没反应”的覆盖问题。 */
:root,[data-theme="ocean"]{
  /* 字色固定：所有主题共用，不参与换肤 */
  --t-bar-text:#44515F;--t-bar-title:#1F2937;
  --t-bar-bg:#E6EFFC;--t-bar-nav-bg:#F2F7FE;
}
[data-theme="care"]{
  --t-bar-bg:#E4F2EB;--t-bar-nav-bg:#F2FAF5;
}
[data-theme="warm"]{
  --t-bar-bg:#F8EEDF;--t-bar-nav-bg:#FDF8F0;
}
[data-theme="lilac"]{
  --t-bar-bg:#EDE8FA;--t-bar-nav-bg:#F6F3FE;
}
[data-theme="gray"]{
  --t-bar-bg:#F1F2F4;--t-bar-nav-bg:#FAFBFC;
}
/* 仅保留过渡与选中态表现，颜色一律走变量 */
.vc-nav,.vc-menu-main,.vc-menu-sub{transition:background-color .28s,color .28s}
.vc-menu{border-right-color:var(--t-border)!important}
.vc-menu-main ul li:hover,.vc-menu-main .active{background-color:var(--t-primary)!important;color:#fff!important}
.vc-menu-sub .active,.vc-menu-sub ul li:hover{background-color:var(--t-primary-soft)!important;color:var(--t-primary)!important}
.vc-menu-sub ul li.title{border-bottom-color:var(--t-border)!important}
.vc-nav ul li.active{border-bottom-color:var(--t-primary)!important}