.layout {
    --custom-bg: #414B63;
    --bb-layout-menu-item-hover-bg: #8A8B99;
    --bb-layout-banner-logo-width: 30px;
    --bb-layout-sidebar-collapse-width: 75px;
    --bb-layout-logo-border-color: transparent;
    --bb-layout-logo-bg: transparent;
    --bb-layout-headerbar-border-color: transparent;
    --bb-layout-header-background: var(--custom-bg);
    --bb-layout-header-border-color: var(--custom-bg);
    --bb-layout-headerbar-background: transparent;
    --bb-layout-sidebar-banner-background: var(--custom-bg);
    --bb-layout-banner-border-color: var(--custom-bg);
    --bb-layout-menu-user-banner-background: var(--custom-bg);
}
.tabs-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.custom-tabs .tabs-header {
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}
[data-bs-theme=dark] .layout {
    --bb-layout-headerbar-background: transparent;
    --bb-layout-menu-item-hover-bg: #45494D;
}
[data-bs-theme=dark] .table-danger {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: rgba(220, 53, 69, 0.14);
    --bs-table-border-color: rgba(220, 53, 69, 0.24);
    --bs-table-striped-bg: rgba(220, 53, 69, 0.18);
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(220, 53, 69, 0.22);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(220, 53, 69, 0.2);
    --bs-table-hover-color: var(--bs-body-color);
}
[data-bs-theme=dark] .table-warning {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: rgba(255, 193, 7, 0.12);
    --bs-table-border-color: rgba(255, 193, 7, 0.22);
    --bs-table-striped-bg: rgba(255, 193, 7, 0.16);
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(255, 193, 7, 0.2);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(255, 193, 7, 0.18);
    --bs-table-hover-color: var(--bs-body-color);
}
[data-bs-theme=dark] .table-success {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: rgba(25, 135, 84, 0.14);
    --bs-table-border-color: rgba(25, 135, 84, 0.24);
    --bs-table-striped-bg: rgba(25, 135, 84, 0.18);
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(25, 135, 84, 0.22);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(25, 135, 84, 0.2);
    --bs-table-hover-color: var(--bs-body-color);
}
[data-bs-theme=light] .text-warning {
    color: #e67e22 !important;
}
/* 使Secondary按钮在light主题下与Light按钮样式相同，在dark主题下与outline-secondary样式相同 */
.btn-secondary:not(.btn-outline) {
    /* Light主题下的样式（与btn-light相同） */
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e9ecef;
    --bs-btn-hover-border-color: #e9ecef;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e9ecef;
    --bs-btn-active-border-color: #e9ecef;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}

[data-bs-theme=dark] .btn-secondary:not(.btn-outline) {
    /* Dark主题下的样式（与outline-secondary相同） */
    --bs-btn-color: #6c757d;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
}