/*
 * FastAdmin 主题颜色覆盖：#448aff
 * 只覆盖颜色相关属性，不调整布局、间距、圆角、阴影、字体大小等结构样式。
 * 本文件需要在 backend/admin-clean/skin CSS 之后引入。
 */
:root {
    --admin-primary: #448aff;
    --admin-primary-hover: #2f7dff;
    --admin-primary-active: #1f6fe8;
    --admin-primary-light: #eaf3ff;
    --admin-primary-soft: #f2f7ff;
    --admin-primary-border: #b8d6ff;

    --admin-success: #52c41a;
    --admin-success-hover: #49ad17;
    --admin-success-light: #f6ffed;
    --admin-success-border: #b7eb8f;

    --admin-warning: #faad14;
    --admin-warning-hover: #d48806;
    --admin-warning-light: #fffbe6;
    --admin-warning-border: #ffe58f;

    --admin-danger: #ff4d4f;
    --admin-danger-hover: #cf1322;
    --admin-danger-light: #fff1f0;
    --admin-danger-border: #ffa39e;

    --admin-info: #448aff;
    --admin-info-hover: #2f7dff;
    --admin-info-light: #eaf3ff;
    --admin-info-border: #b8d6ff;

    --admin-purple: #722ed1;
    --admin-purple-hover: #531dab;
    --admin-purple-light: #f9f0ff;
    --admin-purple-border: #d3adf7;

    --admin-gray: #8c8c8c;
    --admin-gray-dark: #595959;
    --admin-gray-light: #f5f5f5;
    --admin-gray-border: #d9d9d9;
}

/* 顶部导航 / Logo */
.skin-blue .main-header .navbar,
.skin-blue-light .main-header .navbar,
.skin-black-blue .main-header .navbar,
.skin-black-purple .main-header .navbar,
.skin-black-green .main-header .navbar,
.skin-black-red .main-header .navbar,
.skin-black-yellow .main-header .navbar,
.skin-black-pink .main-header .navbar,
.main-header .navbar {
    background: #448aff !important;
}

.skin-blue .main-header .logo,
.skin-blue-light .main-header .logo,
.skin-black-blue .main-header .logo,
.skin-black-purple .main-header .logo,
.skin-black-green .main-header .logo,
.skin-black-red .main-header .logo,
.skin-black-yellow .main-header .logo,
.skin-black-pink .main-header .logo,
.main-header .logo {
    background-color: #448aff !important;
    color: #ffffff !important;
}

.main-header .navbar .nav > li > a,
.main-header .navbar .sidebar-toggle,
.main-header .navbar .navbar-custom-menu > .navbar-nav > li > a,
.main-header .navbar .nav-addtabs > li > a,
.main-header .navbar .nav-addtabs > li.active > a {
    color: rgba(255, 255, 255, .95) !important;
}

.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus,
.main-header .navbar .sidebar-toggle:hover,
.main-header .navbar .nav-addtabs > li > a:hover,
.main-header .navbar .nav-addtabs > li.active > a:hover {
    background-color: rgba(255, 255, 255, .16) !important;
    color: #ffffff !important;
}

.main-header li.user-header,
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    background-color: #448aff !important;
    color: #ffffff !important;
}

/* 左侧菜单：统一覆盖默认 skin-black-* 深色选中态，避免切换菜单时黑一下 */
body[class*="skin-"] .main-sidebar,
body[class*="skin-"] .left-side,
body[class*="skin-"] .sidebar,
body[class*="skin-"] .sidebar-menu .treeview-menu,
body[class*="skin-"] .sidebar-menu > li > .treeview-menu,
body[class*="skin-"] .sidebar-menu .treeview-menu .treeview-menu {
    background-color: #ffffff !important;
}

body[class*="skin-"] .sidebar-menu > li.header {
    background-color: #ffffff !important;
    color: #8c8c8c !important;
}

body[class*="skin-"] .sidebar-menu > li > a,
body[class*="skin-"] .sidebar-menu li.treeview > a,
body[class*="skin-"] .treeview-menu > li > a,
body[class*="skin-"] .sidebar a {
    color: #354052 !important;
    background-color: transparent !important;
}

body[class*="skin-"] .sidebar-menu > li:hover > a,
body[class*="skin-"] .sidebar-menu > li.active > a,
body[class*="skin-"] .sidebar-menu > li.menu-open > a,
body[class*="skin-"] .sidebar-menu li.treeview.active > a,
body[class*="skin-"] .sidebar-menu li.treeview.treeview-open > a,
body[class*="skin-"] .sidebar-menu li.treeview.menu-open > a {
    color: #448aff !important;
    background-color: #f2f7ff !important;
    border-left-color: #448aff !important;
}

body[class*="skin-"] .sidebar-menu .treeview-menu > li.active > a,
body[class*="skin-"] .sidebar-menu .treeview-menu > li > a:hover,
body[class*="skin-"] .sidebar-menu .treeview-menu li.active > a,
body[class*="skin-"] .treeview-menu > li.active > a,
body[class*="skin-"] .treeview-menu > li > a:hover {
    color: #448aff !important;
    background-color: #eaf3ff !important;
}

body[class*="skin-"] .sidebar-menu > li.active > a > .fa,
body[class*="skin-"] .sidebar-menu > li:hover > a > .fa,
body[class*="skin-"] .sidebar-menu li.treeview.active > a > .fa,
body[class*="skin-"] .sidebar-menu li.treeview.treeview-open > a > .fa,
body[class*="skin-"] .sidebar-menu .treeview-menu > li.active > a > .fa,
body[class*="skin-"] .sidebar-menu .treeview-menu > li > a:hover > .fa,
body[class*="skin-"] .sidebar-menu > li.active > a > .pull-right-container,
body[class*="skin-"] .sidebar-menu li.treeview.treeview-open > a > .pull-right-container {
    color: #448aff !important;
}

body[class*="skin-"] .sidebar-menu > li,
body[class*="skin-"] .sidebar-menu > li > a,
body[class*="skin-"] .sidebar-menu li.treeview > a,
body[class*="skin-"] .sidebar-menu .treeview-menu > li > a {
    transition-property: color, background-color, border-left-color !important;
    transition-duration: 0s !important;
}

body[class*="skin-"].sidebar-collapse .sidebar-menu > li:hover > a,
body[class*="skin-"].sidebar-collapse .sidebar-menu li.active > a,
body[class*="skin-"].sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
    color: #448aff !important;
    background-color: #f2f7ff !important;
    border-left-color: #448aff !important;
}

body[class*="skin-"].sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
body[class*="skin-"].sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    background-color: #ffffff !important;
    color: #354052 !important;
}

/* 顶部多级导航 / mobile nav */
.multiplenav .sidebar .mobilenav a.btn-app.active,
.sidebar .mobilenav a.btn-app.active,
.sidebar .mobilenav a.btn-app:hover {
    color: #448aff !important;
    background-color: #f2f7ff !important;
}

/* 链接 / 文字主色 */
a,
.text-primary,
.admin-page-kicker,
.product-avatar-text,
.product-type-filter a.active {
    color: #448aff !important;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
    color: #2f7dff !important;
}

.btn-link {
    color: #448aff !important;
}

/* Bootstrap 按钮色系 */
.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.open > .dropdown-toggle.btn-primary,
.product-manage-page .bootstrap-table .btn-primary {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus {
    background-color: #2f7dff !important;
    border-color: #2f7dff !important;
    color: #ffffff !important;
}

.btn-success,
.btn-success:focus,
.btn-success.focus,
.open > .dropdown-toggle.btn-success,
.product-manage-page .bootstrap-table .btn-success {
    background-color: #52c41a !important;
    border-color: #52c41a !important;
    color: #ffffff !important;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success:hover,
.open > .dropdown-toggle.btn-success:focus {
    background-color: #49ad17 !important;
    border-color: #49ad17 !important;
    color: #ffffff !important;
}

.btn-info,
.btn-info:focus,
.btn-info.focus,
.open > .dropdown-toggle.btn-info,
.product-manage-page .bootstrap-table .btn-info {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #ffffff !important;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info:hover,
.open > .dropdown-toggle.btn-info:focus {
    background-color: #2f7dff !important;
    border-color: #2f7dff !important;
    color: #ffffff !important;
}

.btn-warning,
.btn-warning:focus,
.btn-warning.focus,
.open > .dropdown-toggle.btn-warning,
.product-manage-page .bootstrap-table .btn-warning {
    background-color: #faad14 !important;
    border-color: #faad14 !important;
    color: #ffffff !important;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning:hover,
.open > .dropdown-toggle.btn-warning:focus {
    background-color: #d48806 !important;
    border-color: #d48806 !important;
    color: #ffffff !important;
}

.btn-danger,
.btn-danger:focus,
.btn-danger.focus,
.open > .dropdown-toggle.btn-danger,
.product-manage-page .bootstrap-table .btn-danger {
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
    color: #ffffff !important;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger:hover,
.open > .dropdown-toggle.btn-danger:focus {
    background-color: #cf1322 !important;
    border-color: #cf1322 !important;
    color: #ffffff !important;
}

/* FastAdmin light 按钮 */
.btn-primary-light,
.btn-info-light {
    color: #448aff !important;
    background-color: #eaf3ff !important;
    border-color: #b8d6ff !important;
}

.btn-success-light {
    color: #389e0d !important;
    background-color: #f6ffed !important;
    border-color: #b7eb8f !important;
}

.btn-warning-light {
    color: #d48806 !important;
    background-color: #fffbe6 !important;
    border-color: #ffe58f !important;
}

.btn-danger-light {
    color: #cf1322 !important;
    background-color: #fff1f0 !important;
    border-color: #ffa39e !important;
}

/* Label / Badge / bg-* 状态色 */
.label-primary,
.badge-primary,
.bg-primary,
.bg-light-blue,
.bg-blue,
.bg-aqua,
.bg-info,
.callout.callout-info,
.alert-info,
.toast-info {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #ffffff !important;
}

.label-success,
.badge-success,
.bg-success,
.bg-green,
.alert-success,
.callout.callout-success,
.toast-success {
    background-color: #52c41a !important;
    border-color: #52c41a !important;
    color: #ffffff !important;
}

.label-warning,
.badge-warning,
.bg-warning,
.bg-yellow,
.alert-warning,
.callout.callout-warning,
.toast-warning {
    background-color: #faad14 !important;
    border-color: #faad14 !important;
    color: #ffffff !important;
}

.label-danger,
.badge-danger,
.bg-danger,
.bg-red,
.alert-danger,
.callout.callout-danger,
.toast-error {
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
    color: #ffffff !important;
}

.label-default,
.badge-default,
.bg-gray,
.bg-default,
.toast-default {
    background-color: #8c8c8c !important;
    border-color: #8c8c8c !important;
    color: #ffffff !important;
}

.bg-purple,
.label-purple,
.badge-purple {
    background-color: #722ed1 !important;
    border-color: #722ed1 !important;
    color: #ffffff !important;
}

.bg-light-blue-active,
.bg-blue-active,
.bg-aqua-active {
    background-color: #1f6fe8 !important;
    color: #ffffff !important;
}

.bg-green-active {
    background-color: #49ad17 !important;
    color: #ffffff !important;
}

.bg-yellow-active {
    background-color: #d48806 !important;
    color: #ffffff !important;
}

.bg-red-active {
    background-color: #cf1322 !important;
    color: #ffffff !important;
}

.bg-purple-active {
    background-color: #531dab !important;
    color: #ffffff !important;
}

.label-primary[href]:hover,
.label-primary[href]:focus,
.badge-primary[href]:hover,
.badge-primary[href]:focus {
    background-color: #2f7dff !important;
}

.label-success[href]:hover,
.label-success[href]:focus,
.badge-success[href]:hover,
.badge-success[href]:focus {
    background-color: #49ad17 !important;
}

.label-warning[href]:hover,
.label-warning[href]:focus,
.badge-warning[href]:hover,
.badge-warning[href]:focus {
    background-color: #d48806 !important;
}

.label-danger[href]:hover,
.label-danger[href]:focus,
.badge-danger[href]:hover,
.badge-danger[href]:focus {
    background-color: #cf1322 !important;
}

.text-primary,
.text-aqua,
.text-light-blue,
.text-info {
    color: #448aff !important;
}

.text-success,
.text-green {
    color: #52c41a !important;
}

.text-warning,
.text-yellow {
    color: #faad14 !important;
}

.text-danger,
.text-red {
    color: #ff4d4f !important;
}

.text-purple {
    color: #722ed1 !important;
}

/* Progress / Small box */
.progress-bar-primary,
.progress-bar-info,
.progress-bar-aqua,
.progress-bar-light-blue {
    background-color: #448aff !important;
}

.progress-bar-success {
    background-color: #52c41a !important;
}

.progress-bar-warning {
    background-color: #faad14 !important;
}

.progress-bar-danger {
    background-color: #ff4d4f !important;
}

.small-box.bg-aqua,
.small-box.bg-light-blue,
.small-box.bg-blue {
    background-color: #448aff !important;
}

.small-box.bg-green {
    background-color: #52c41a !important;
}

.small-box.bg-yellow {
    background-color: #faad14 !important;
}

.small-box.bg-red {
    background-color: #ff4d4f !important;
}

/* 表单聚焦颜色 */
.form-control:focus,
.input-group .form-control:focus,
.selectpage:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus {
    border-color: #448aff !important;
}

.input-group-addon,
.form-control:focus + .input-group-addon,
.input-group .form-control:focus ~ .input-group-addon {
    border-color: #448aff !important;
}

.radio-primary input[type="radio"]:checked + label::before,
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.radio-info input[type="radio"]:checked + label::before,
.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="checkbox"]:indeterminate + label::before {
    background-color: #448aff !important;
    border-color: #448aff !important;
}

.radio-success input[type="radio"]:checked + label::before,
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="checkbox"]:indeterminate + label::before {
    background-color: #52c41a !important;
    border-color: #52c41a !important;
}

.radio-warning input[type="radio"]:checked + label::before,
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="checkbox"]:indeterminate + label::before {
    background-color: #faad14 !important;
    border-color: #faad14 !important;
}

.radio-danger input[type="radio"]:checked + label::before,
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="checkbox"]:indeterminate + label::before {
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
}

/* Select2 / SelectPage 常用选中颜色 */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected="true"],
.select2-container--default .select2-results__option[aria-selected="true"],
.sp_result_area .sp_over,
.sp_result_area .sp_selected {
    background-color: #448aff !important;
    color: #ffffff !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus {
    border-color: #448aff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #eaf3ff !important;
    border-color: #b8d6ff !important;
    color: #1f6fe8 !important;
}

/* Tabs / 导航选中 */
.nav-tabs-custom > .nav-tabs > li.active,
.nav-tabs-custom > .nav-tabs > li.active:hover,
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active > a:hover,
.nav-tabs-custom > .nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top-color: #448aff !important;
    color: #448aff !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #448aff !important;
    color: #ffffff !important;
}

/* 表格 / 分页 / BootstrapTable */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #ffffff !important;
}

.pagination > li > a,
.pagination > li > span {
    color: #448aff !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #2f7dff !important;
}

.fixed-table-container tbody .selected td,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f2f7ff !important;
}

.bootstrap-table .fixed-table-toolbar .btn-primary,
.bootstrap-table .fixed-table-pagination .page-list .btn-group .btn-primary {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #ffffff !important;
}

/* 下拉菜单 / 快捷操作 */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #f2f7ff !important;
    color: #448aff !important;
}

/* 面板 / Box / Timeline 主色 */
.box.box-primary,
.panel-primary,
.panel-primary > .panel-heading {
    border-color: #448aff !important;
}

.panel-primary > .panel-heading,
.box-primary > .box-header,
.box-primary > .box-header.with-border {
    color: #448aff !important;
}

.box.box-solid.box-primary > .box-header,
.panel-primary > .panel-heading {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #ffffff !important;
}

.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
    background-color: #448aff !important;
    color: #ffffff !important;
}

/* iCheck / 开关类常见选中颜色 */
.icheckbox_square-blue.checked,
.iradio_square-blue.checked,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #ffffff !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background-color: #52c41a !important;
    border-color: #52c41a !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
    background-color: #faad14 !important;
    border-color: #faad14 !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
}

/* Layer 弹窗按钮主色 */
.layui-layer-fast .layui-layer-title,
.layui-layer-title {
    background-color: #448aff !important;
    color: #ffffff !important;
}

.layui-layer-btn .layui-layer-btn0,
.layer-ext-moon .layui-layer-btn .layui-layer-btn0,
.layui-layer-fast .layui-layer-btn .layui-layer-btn0 {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #ffffff !important;
}

/* 自定义产品页已有颜色适配，不调整布局 */
.product-type-filter a.active,
.period-chip {
    color: #1f6fe8 !important;
    background-color: #eaf3ff !important;
}

.product-type-badge.crypto {
    color: #1f6fe8 !important;
    background-color: #eaf3ff !important;
}

.product-type-badge.forex,
.profit-chip {
    color: #389e0d !important;
    background-color: #f6ffed !important;
}

.product-type-badge.metal {
    color: #d48806 !important;
    background-color: #fffbe6 !important;
}

.product-type-badge.stock,
.product-type-badge.other {
    color: #531dab !important;
    background-color: #f9f0ff !important;
}

.source-badge,
.sort-pill {
    color: #386fb5 !important;
}

/* 登录页 / 默认主色按钮 */
.login-page .btn-primary,
.login-box .btn-primary,
.login-logo a,
.register-logo a {
    color: #448aff !important;
}

.login-page .btn-primary,
.login-box .btn-primary {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #ffffff !important;
}