:root {
    --bs-primary: #498096;
    --bs-primary-hover: #527ca0;
    --bs-btn-active: #6676a4;
    --bs-btn-disabled: #e4e4e4;
    --bs-primary-rgb: 73, 128, 150;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-hover);
    --bs-btn-active-bg: var(--bs-btn-active);
    --bs-btn-active-border-color: var(--bs-btn-active);
    --bs-btn-disabled-bg: var(--bs-btn-disabled);
    --bs-btn-disabled-border-color: var(--bs-btn-disabled);
}

    .btn-primary:active:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--bs-primary);
    }

    .btn-primary:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 var(--bs-primary);
    }

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

/* 导航栏当前页面高亮效果 */
.navbar-nav .nav-link.active {
    color: var(--bs-primary) !important;
    font-weight: bold;
    border-radius: 4px;
    padding: 8px 16px;
    position: relative;
}

.navbar-nav .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 16px;
    right: 16px;
    height: 3px;
    border-radius: 2px;
}

.navbar-nav .nav-item.active {
    border-radius: 6px;
}

/* 导航链接悬停效果 */
.navbar-nav .nav-link:not(.active):hover {
    color: var(--bs-primary) !important;
    border-radius: 4px;
}