/**
 * Element UI 风格皮肤（覆盖 FastAdmin / AdminLTE 默认观感）
 * 色板与圆角对齐 Element UI 2.x
 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root {
  --el-color-primary: #409EFF;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-5: #a0cfff;
  --el-color-primary-light-7: #c6e2ff;
  --el-color-primary-light-8: #d9ecff;
  --el-color-primary-light-9: #ecf5ff;
  --el-color-success: #67C23A;
  --el-color-warning: #E6A23C;
  --el-color-danger: #F56C6C;
  --el-color-info: #909399;
  --el-text-primary: #303133;
  --el-text-regular: #606266;
  --el-text-secondary: #909399;
  --el-text-placeholder: #C0C4CC;
  --el-border: #DCDFE6;
  --el-border-light: #E4E7ED;
  --el-border-lighter: #EBEEF5;
  --el-border-extra: #F2F6FC;
  --el-bg: #F5F7FA;
  --el-bg-white: #FFFFFF;
  --el-fill: #F0F2F5;
  --el-radius: 4px;
  --el-radius-lg: 8px;
  --el-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --el-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.06);
  --el-font: "Noto Sans SC", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  --el-sidebar: #304156;
  --el-sidebar-dark: #1f2d3d;
  --el-sidebar-active: #409EFF;
}

html, body {
  font-family: var(--el-font) !important;
  color: var(--el-text-primary) !important;
  background: var(--el-bg) !important;
  font-size: 13px !important;
  -webkit-font-smoothing: antialiased;
}

body.hold-transition,
body.inside-header,
body.inside-aside {
  background: var(--el-bg) !important;
}

.wrapper,
.wrapper .content-wrapper,
.content-wrapper.tab-addtabs {
  background: var(--el-bg) !important;
}

/* ========== Header ========== */
.main-header {
  background: var(--el-bg-white) !important;
  border-bottom: 1px solid var(--el-border-lighter) !important;
  box-shadow: var(--el-shadow-light) !important;
}

.main-header .logo {
  background: var(--el-sidebar-dark) !important;
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  border: 0 !important;
}

.main-header .logo:hover {
  background: #263445 !important;
  color: #fff !important;
}

.main-header .logo .logo-lg,
.main-header .logo .logo-mini {
  font-family: var(--el-font) !important;
  font-weight: 600 !important;
}

.main-header .navbar {
  background: var(--el-bg-white) !important;
}

.main-header .sidebar-toggle {
  color: var(--el-text-regular) !important;
  background: transparent !important;
}

.main-header .sidebar-toggle:hover {
  color: var(--el-color-primary) !important;
  background: var(--el-color-primary-light-9) !important;
}

.main-header .navbar .nav > li > a {
  color: var(--el-text-regular) !important;
}

.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:focus {
  color: var(--el-color-primary) !important;
  background: var(--el-color-primary-light-9) !important;
}

/* 顶部标签 ≈ el-tabs */
.nav-addtabs {
  padding-left: 8px !important;
}

.nav-addtabs > li > a {
  border: 1px solid transparent !important;
  border-radius: var(--el-radius) var(--el-radius) 0 0 !important;
  margin: 6px 2px 0 !important;
  padding: 8px 16px !important;
  background: transparent !important;
  color: var(--el-text-regular) !important;
  height: auto !important;
  line-height: 1.4 !important;
}

.nav-addtabs > li.active > a,
.nav-addtabs > li.active > a:hover,
.nav-addtabs > li.active > a:focus {
  background: var(--el-bg) !important;
  color: var(--el-color-primary) !important;
  border-color: var(--el-border-lighter) var(--el-border-lighter) var(--el-bg) !important;
  border-bottom: 2px solid var(--el-color-primary) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.nav-addtabs .close-tab {
  color: var(--el-text-secondary) !important;
}

/* ========== Sidebar ≈ vue-element-admin ========== */
.main-sidebar,
.left-side {
  background: var(--el-sidebar) !important;
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.12);
}

.user-panel {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 16px 12px !important;
}

.user-panel .info,
.user-panel .info a,
.user-panel .info span {
  color: rgba(255, 255, 255, 0.85) !important;
}

.sidebar-menu > li > a,
.sidebar-menu .treeview-menu > li > a {
  color: rgba(255, 255, 255, 0.75) !important;
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
  height: 48px !important;
  line-height: 48px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.sidebar-menu > li > a:hover,
.sidebar-menu .treeview-menu > li > a:hover {
  background: #263445 !important;
  color: #fff !important;
}

/* 一级展开：仅加深底，不用选中蓝（避免和二级选中混淆） */
.sidebar-menu > li.menu-open > a,
.sidebar-menu > li.treeview.active > a {
  background: #263445 !important;
  color: #fff !important;
}

/* 真正选中：一级叶子 或 二级菜单 */
.sidebar-menu > li.active:not(.treeview) > a,
.sidebar-menu .treeview-menu > li.active > a {
  background: var(--el-sidebar-active) !important;
  color: #fff !important;
  border-left-color: transparent !important;
}

.sidebar-menu .treeview-menu {
  background: #1f2d3d !important;
  padding: 0 !important;
}

.sidebar-menu .treeview-menu > li > a {
  padding-left: 40px !important;
  height: 44px !important;
  line-height: 44px !important;
}

.sidebar-form .form-control {
  background: #1f2d3d !important;
  border-color: #304156 !important;
  color: #fff !important;
  border-radius: var(--el-radius) !important;
}

.main-footer {
  background: var(--el-bg) !important;
  border-top: 1px solid var(--el-border-lighter) !important;
  color: var(--el-text-secondary) !important;
}

/* ========== Content / Card ========== */
body.inside-header,
body.inside-aside,
#main,
.content {
  background: var(--el-bg) !important;
}

.panel,
.panel-default,
.panel-intro,
.box {
  background: var(--el-bg-white) !important;
  border: 1px solid var(--el-border-lighter) !important;
  border-radius: var(--el-radius-lg) !important;
  box-shadow: var(--el-shadow) !important;
  /* 原 overflow:hidden 会裁切/干扰表格固定列定位 */
  overflow: visible;
}

.panel-heading,
.box-header {
  background: var(--el-bg-white) !important;
  border-bottom: 1px solid var(--el-border-extra) !important;
  color: var(--el-text-primary) !important;
  padding: 14px 18px !important;
}

.panel-lead,
.panel-heading em {
  color: var(--el-text-primary) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

.panel-lead {
  display: block;
  margin-bottom: 8px;
}

.panel-heading .panel-lead + *,
.panel-intro > .panel-heading {
  /* keep */
}

.panel-body,
.box-body {
  background: var(--el-bg-white) !important;
  padding: 16px 18px !important;
}

/* Tabs ≈ el-tabs（去掉 FastAdmin 灰蓝底 #e8edf0 / #d8e0e6） */
.panel-intro > .panel-heading,
.panel-nav .panel-heading {
  background: var(--el-bg-white) !important;
  border-color: transparent !important;
  padding-bottom: 0 !important;
}

.nav-tabs,
.panel-intro > .panel-heading .nav-tabs,
.panel-nav .nav-tabs {
  border-bottom: 2px solid var(--el-border-lighter) !important;
  background: transparent !important;
}

.nav-tabs > li > a,
.panel-intro > .panel-heading .nav-tabs > li > a,
.panel-nav .nav-tabs > li > a {
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--el-text-regular) !important;
  background: transparent !important;
  padding: 0 20px !important;
  height: 40px !important;
  line-height: 40px !important;
  margin: 0 0 -2px !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.panel-intro > .panel-heading .nav-tabs > li.active > a,
.panel-intro > .panel-heading .nav-tabs > li.active > a:hover,
.panel-intro > .panel-heading .nav-tabs > li.active > a:focus,
.panel-nav .nav-tabs > li.active > a,
.panel-nav .nav-tabs > li.active > a:hover,
.panel-nav .nav-tabs > li.active > a:focus {
  background: transparent !important;
  color: var(--el-color-primary) !important;
  border: 0 !important;
  box-shadow: inset 0 -2px 0 var(--el-color-primary) !important;
}

.nav-tabs > li:not(.active) > a:hover,
.panel-intro > .panel-heading .nav-tabs > li:not(.active) > a:hover,
.panel-intro > .panel-heading .nav-tabs > li:not(.active) > a:focus,
.panel-nav .nav-tabs > li:not(.active) > a:hover,
.panel-nav .nav-tabs > li:not(.active) > a:focus {
  background: transparent !important;
  color: var(--el-color-primary) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ========== Buttons ≈ el-button ========== */
.btn {
  border-radius: var(--el-radius) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  padding: 9px 15px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: .1s;
}

.btn-sm, .btn-xs, .toolbar .btn {
  padding: 7px 12px !important;
  font-size: 12px !important;
}

.btn-primary,
.btn-success {
  background: var(--el-color-primary) !important;
  border-color: var(--el-color-primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-success:focus {
  background: #66b1ff !important;
  border-color: #66b1ff !important;
}

.btn-success:not(.btn-add):not(.btn-edit) {
  background: var(--el-color-success) !important;
  border-color: var(--el-color-success) !important;
}

.btn-success:not(.btn-add):not(.btn-edit):hover {
  background: #85ce61 !important;
  border-color: #85ce61 !important;
}

/* 工具栏：添加=primary蓝，编辑=成功绿 更贴近 Element Admin */
.toolbar .btn-add,
.btn-add.btn-success {
  background: var(--el-color-primary) !important;
  border-color: var(--el-color-primary) !important;
}

.toolbar .btn-edit,
.btn-edit.btn-success {
  background: var(--el-color-success) !important;
  border-color: var(--el-color-success) !important;
}

.btn-danger {
  background: var(--el-color-danger) !important;
  border-color: var(--el-color-danger) !important;
  color: #fff !important;
}

.btn-danger:hover {
  background: #f78989 !important;
  border-color: #f78989 !important;
}

.btn-warning,
.btn-warning-light {
  background: var(--el-color-warning) !important;
  border-color: var(--el-color-warning) !important;
  color: #fff !important;
}

.btn-default,
.btn-info,
.btn-refresh {
  background: var(--el-bg-white) !important;
  border: 1px solid var(--el-border) !important;
  color: var(--el-text-regular) !important;
}

.btn-default:hover,
.btn-info:hover,
.btn-refresh:hover {
  color: var(--el-color-primary) !important;
  border-color: var(--el-color-primary-light-5) !important;
  background: var(--el-color-primary-light-9) !important;
}

/* ========== Form ≈ el-input ========== */
.form-control {
  border-radius: var(--el-radius) !important;
  border: 1px solid var(--el-border) !important;
  box-shadow: none !important;
  background: var(--el-bg-white) !important;
  color: var(--el-text-primary) !important;
  height: 32px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

.form-control:focus {
  border-color: var(--el-color-primary) !important;
  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2) !important;
}

.form-control::placeholder {
  color: var(--el-text-placeholder) !important;
}

/* ========== Table ≈ el-table ========== */
.bootstrap-table .table,
table.table {
  background: var(--el-bg-white) !important;
  border-color: var(--el-border-lighter) !important;
  font-size: 11px !important;
}

.bootstrap-table .table > thead > tr > th,
table.table > thead > tr > th {
  background: var(--el-bg) !important;
  color: var(--el-text-secondary) !important;
  border-bottom: 1px solid var(--el-border-lighter) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  height: 36px;
  padding: 6px 6px !important;
}

.bootstrap-table .table > tbody > tr > td,
table.table > tbody > tr > td {
  border-color: var(--el-border-lighter) !important;
  color: var(--el-text-regular) !important;
  font-size: 11px !important;
  padding: 6px 6px !important;
  line-height: 1.4 !important;
}

.fixed-table-container .th-inner {
  font-size: 11px !important;
  line-height: 1.4 !important;
  padding: 6px 0 !important;
}

.bootstrap-table .table-striped > tbody > tr:nth-of-type(odd),
table.table-striped > tbody > tr:nth-of-type(odd) {
  background: var(--el-bg-white) !important;
}

.bootstrap-table .table-hover > tbody > tr:hover,
table.table-hover > tbody > tr:hover {
  background: var(--el-color-primary-light-9) !important;
}

.fixed-table-container {
  border: 1px solid var(--el-border-lighter) !important;
  border-radius: var(--el-radius) !important;
  /* 固定列绝对定位依赖该容器；保持 relative，允许内部 body 滚动 */
  position: relative !important;
  overflow: hidden !important;
}

/* 固定列：保证贴边叠在主表上，避免脱节空白 */
.fixed-columns,
.fixed-columns-right {
  background: var(--el-bg-white) !important;
  z-index: 3 !important;
  overflow: hidden !important;
}

.fixed-columns-right {
  right: 0 !important;
  border-left: 1px solid var(--el-border-lighter);
}

.fixed-columns {
  left: 0 !important;
  border-right: 1px solid var(--el-border-lighter);
}

.fixed-columns .fixed-table-body,
.fixed-columns-right .fixed-table-body {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.fixed-table-toolbar .search input {
  border-radius: var(--el-radius) !important;
  border: 1px solid var(--el-border) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover {
  background: var(--el-color-primary) !important;
  border-color: var(--el-color-primary) !important;
  color: #fff !important;
}

.pagination > li > a,
.pagination > li > span {
  color: var(--el-text-regular) !important;
  border: 1px solid var(--el-border) !important;
  border-radius: var(--el-radius) !important;
  margin: 0 4px;
  background: var(--el-bg-white) !important;
}

.pagination > li > a:hover {
  color: var(--el-color-primary) !important;
}

/* ========== Labels / badges ========== */
.label-success, .badge-success { background: var(--el-color-success) !important; }
.label-danger, .badge-danger { background: var(--el-color-danger) !important; }
.label-warning, .badge-warning { background: var(--el-color-warning) !important; }
.label-primary, .badge-primary, .label-info, .badge-info { background: var(--el-color-primary) !important; }

a { color: var(--el-color-primary); }
a:hover { color: #66b1ff; }

/* ========== Layer / modal ≈ el-dialog ========== */
.layui-layer {
  border-radius: var(--el-radius-lg) !important;
  box-shadow: var(--el-shadow) !important;
  border: 1px solid var(--el-border-lighter) !important;
}

.layui-layer-title {
  background: var(--el-bg-white) !important;
  color: var(--el-text-primary) !important;
  border-bottom: 1px solid var(--el-border-extra) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  height: 50px !important;
  line-height: 50px !important;
}

.offline-modal {
  border-radius: var(--el-radius-lg) !important;
  box-shadow: var(--el-shadow) !important;
  overflow: hidden;
}

.offline-modal-hd {
  background: var(--el-bg-white) !important;
  color: var(--el-text-primary) !important;
  border-bottom: 1px solid var(--el-border-extra) !important;
  font-weight: 600;
}

.offline-modal-mask {
  background: rgba(0, 0, 0, 0.45) !important;
}

/* ========== Dashboard cards ≈ el-card / statistic ========== */
#dashboardBlocks,
ul.list#dashboardBlocks {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 16px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 4px 0 8px !important;
  flex-wrap: unset !important;
}

#dashboardBlocks > li,
ul.list#dashboardBlocks > li {
  float: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 128px !important;
  margin: 0 !important;
  padding: 18px 18px 16px !important;
  list-style: none !important;
  border-radius: var(--el-radius-lg) !important;
  border: 1px solid var(--el-border-lighter) !important;
  background: var(--el-bg-white) !important;
  color: var(--el-text-primary) !important;
  box-shadow: var(--el-shadow-light) !important;
  position: relative;
  overflow: hidden;
  transition: box-shadow .2s, transform .2s;
}

#dashboardBlocks > li:hover {
  box-shadow: var(--el-shadow) !important;
  transform: translateY(-2px);
}

/* 覆盖原页内 nth-child 彩色底 */
#dashboardBlocks > li:nth-child(n) {
  background: var(--el-bg-white) !important;
  background-color: var(--el-bg-white) !important;
}

#dashboardBlocks > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: var(--el-color-primary);
}

#dashboardBlocks > li:nth-child(4n+2)::before { background: var(--el-color-success); }
#dashboardBlocks > li:nth-child(4n+3)::before { background: var(--el-color-warning); }
#dashboardBlocks > li:nth-child(4n+4)::before { background: var(--el-color-danger); }

#dashboardBlocks .vip,
ul.list#dashboardBlocks .vip {
  font-size: 11px !important;
  color: var(--el-text-secondary) !important;
  margin-bottom: 4px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

/* 表单 / 筛选 label */
.control-label,
label,
.form-group > label,
.commonsearch-table label {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--el-text-regular) !important;
}

.panel-lead,
.panel-heading em {
  font-size: 13px !important;
}

/* 系统配置等：左侧「变量标题」是普通 td，不是 label */
.edit-form table.table > thead > tr > th,
.edit-form table > thead > tr > th,
table.table > thead > tr > th {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--el-text-secondary) !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.edit-form table.table > tbody > tr > td,
.edit-form table > tbody > tr > td {
  font-size: 11px !important;
  color: var(--el-text-regular) !important;
  vertical-align: middle !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.edit-form table > tbody > tr > td:first-child {
  font-size: 11px !important;
  color: var(--el-text-regular) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* 系统配置：表单不撑破父级（外层 .row 负边距 + 表内 col 嵌套） */
/* iframe 内只保留 body 一层纵向滚动，内部容器全部撑开 */
html {
  overflow-x: hidden;
  height: 100%;
}

body.inside-aside,
body.inside-header {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.inside-aside #main,
body.inside-aside .tab-content.tab-addtabs,
body.inside-aside #content,
body.inside-aside .content,
body.inside-aside .panel-intro,
body.inside-aside .panel-body,
body.inside-aside .tab-pane,
body.inside-aside .widget-body,
body.inside-aside .edit-form {
  height: auto !important;
  max-height: none !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.inside-aside #main,
body.inside-aside #content,
body.inside-aside .content,
body.inside-aside .edit-form {
  overflow-x: hidden !important;
}

/* 取消页面外壳 Bootstrap .row 负边距（否则左右被裁切/溢出） */
body.inside-aside #content > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.inside-aside #content > .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  float: none !important;
}

body.inside-aside .content {
  padding: 12px !important;
  margin: 0 !important;
}

.panel.panel-intro {
  overflow: visible !important;
  max-width: 100% !important;
}

.panel-intro > .panel-body {
  overflow: visible !important;
  max-width: 100% !important;
  padding: 12px !important;
}

.edit-form {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.edit-form table.table {
  table-layout: fixed !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
}

/* 标题列 */
.edit-form table.table > thead > tr > th:nth-child(1),
.edit-form table.table > tbody > tr > td:nth-child(1),
.edit-form table.table > tfoot > tr > td:nth-child(1) {
  width: 132px !important;
  max-width: 132px !important;
  word-break: break-word;
  white-space: normal !important;
}

/* 值列吃满剩余宽度 */
.edit-form table.table > thead > tr > th:nth-child(2),
.edit-form table.table > tbody > tr > td:nth-child(2),
.edit-form table.table > tfoot > tr > td:nth-child(2) {
  width: auto !important;
}

/* 快照残留 {$site.xxx} 列无意义，隐藏以腾宽度 */
.edit-form table.table > thead > tr > th:nth-child(3),
.edit-form table.table > tbody > tr > td:nth-child(3),
.edit-form table.table > tfoot > tr > td:nth-child(3) {
  display: none !important;
}

.edit-form table.table > thead > tr > th:nth-child(4),
.edit-form table.table > tbody > tr > td:nth-child(4),
.edit-form table.table > tfoot > tr > td:nth-child(4) {
  width: 32px !important;
}

.edit-form .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.edit-form [class*="col-sm-"],
.edit-form [class*="col-xs-"] {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.edit-form .col-sm-4:empty {
  display: none !important;
}

.edit-form .form-inline {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 8px;
  width: 100% !important;
  max-width: 100% !important;
}

.edit-form .form-inline .form-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.edit-form .form-inline .btn {
  flex: 0 0 auto !important;
  white-space: nowrap;
}

.edit-form .form-control,
.form-control {
  font-size: 12px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* size="50" 会按字符撑宽，强制取消 */
.edit-form input.form-control[size] {
  width: 100% !important;
  max-width: 100% !important;
}

.edit-form .form-inline .form-control,
.edit-form .form-inline input.form-control[size] {
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.edit-form textarea.form-control,
textarea.form-control {
  height: auto !important;
  min-height: 72px !important;
  line-height: 1.5 !important;
  padding: 8px 10px !important;
}

.content,
#main,
.panel-body,
.box-body {
  font-size: 12px !important;
}

.nav-tabs > li > a {
  font-size: 13px !important;
}

.sidebar-menu > li > a,
.sidebar-menu .treeview-menu > li > a {
  font-size: 13px !important;
}

#dashboardBlocks .num,
ul.list#dashboardBlocks .num {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--el-text-primary) !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em;
}

#dashboardBlocks .vip:nth-of-type(3),
#dashboardBlocks .num:nth-of-type(4) {
  /* 第二组指标略弱 */
}

#dashboardBlocks .num:nth-of-type(4) {
  font-size: 20px !important;
  color: var(--el-color-primary) !important;
  margin-bottom: 0 !important;
}

#dashboardBlocks .iconfont {
  display: none !important;
}

/* 控制台面板头 */
.panel-intro > .panel-heading .nav-tabs {
  margin-top: 8px;
}

.skin-black-blue .main-header .navbar,
.skin-daye .main-header .navbar,
.skin-black-blue .main-header .logo,
.skin-daye .main-header .logo {
  /* overridden above */
}

body.sidebar-mini.sidebar-collapse .main-header .logo {
  background: var(--el-sidebar-dark) !important;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 4px;
}
::-webkit-scrollbar-track { background: transparent; }

/*
 * 弹窗表单 footer：
 * - iframe 内保持隐藏（对齐 FastAdmin），由父页 offline-page 提到外层右下角
 * - 顶层单独打开表单时由 offline-page.js 再显示
 */
.is-dialog .layer-footer {
  display: none !important;
}

/* 外层弹窗 footer ≈ Element UI el-dialog__footer */
.offline-modal-ft,
.layui-layer-footer.offline-layer-footer {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 20px !important;
  background: #fff !important;
  border-top: 1px solid var(--el-border-extra) !important;
  min-height: 56px !important;
  height: auto !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

.offline-modal-ft .btn,
.layui-layer-footer.offline-layer-footer .btn {
  min-width: 88px !important;
  margin: 0 !important;
  float: none !important;
  height: 36px !important;
  line-height: 34px !important;
  padding: 0 18px !important;
  border-radius: var(--el-radius) !important;
  font-size: 13px !important;
}

.offline-modal-ft .btn.disabled,
.offline-modal-ft .btn:disabled,
.layui-layer-footer.offline-layer-footer .btn.disabled,
.layui-layer-footer.offline-layer-footer .btn:disabled {
  pointer-events: auto;
  opacity: 1;
}

.offline-modal-ft .form-group,
.layui-layer-footer.offline-layer-footer .form-group {
  margin: 0 !important;
  width: 100%;
  display: flex !important;
  justify-content: flex-end !important;
}

.offline-modal-ft .control-label,
.layui-layer-footer.offline-layer-footer .control-label {
  display: none !important;
}

.offline-modal-ft [class*="col-"],
.layui-layer-footer.offline-layer-footer [class*="col-"] {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}

.layui-layer-iframe .layui-layer-content {
  overflow: hidden !important;
}