/* 定义自定义颜色 */
:root {
    --bs-primary: #3399C9;   /* 苍绿色 */
    --bs-secondary: #A7E1E3;
    --bs-success: #99DD00;
    --bs-danger: #E7428F;
    --bs-warning: #FDD011;
    --bs-info: #66CCFF;
    --bs-dark: #1B2C46;
    --bs-tie-light: #FE94DE;
    /* RGB */
    --bs-primary-rgb: 51, 153, 201; /* #3399C9 */
    --bs-secondary-rgb: 167, 225, 227; /* #A7E1E3 */
    --bs-success-rgb: 153, 221, 0; /* #99DD00 */
    --bs-danger-rgb: 231, 66, 143; /* #E7428F */
    --bs-warning-rgb: 253, 208, 17; /* #FDD011 */
    --bs-info-rgb: 102, 204, 255; /* #66CCFF */
    --bs-dark-rgb: 27, 44, 70; /* #1B2C46 */
    --bs-tie-light-rgb: 254, 148, 222;
}

/* 部件应用自定义颜色 */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(#39C5BB);
    --bs-btn-hover-bg: #66CCFF;
    --bs-btn-hover-border-color: var(--bs-secondary);
}
.btn-outline-primary {
    --bs-btn-color: #3399C9;
    --bs-btn-border-color: #3399C9;
    --bs-btn-hover-bg: #66CCFF;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-border-color: #66CCFF;
}
.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(#39C5BB);
    --bs-btn-hover-bg: #39C5BB;
    --bs-btn-hover-border-color: #39C5BB;
}
.bs-dropdown-nav {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #E7428F;
    --bs-btn-active-color: #E7428F;
    --bs-btn-active-border-color: transparent;
}
.bs-dropdown-menu-nav {
    --bs-dropdown-link-color: var(--bs-danger);
    --bs-dropdown-link-hover-color: #FE94DE;
    --bs-dropdown-link-hover-bg: var(--bs-tie-light);
    --bs-dropdown-link-active-color: #FE94DE;
    --bs-dropdown-link-active-bg: var(--bs-tie-light);
}
.bi-nav-icon {
    color: #fff;
}

.bg-theme {
    background: radial-gradient(circle at center, #39C5BB, #3399C9);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
}
a.bg-theme:hover, a.bg-theme:focus,
button.bg-theme:hover,
button.bg-theme:focus {
    background-color: #006666 !important;
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
    justify-content: normal;
}

.navbar-theme {font-weight: bold;}
.navbar-theme .navbar-brand {
    color: #fff;
}

.navbar-theme .navbar-brand:hover, .navbar-theme .navbar-brand:focus
{
    color: #fff;
}

.navbar-theme .navbar-nav .nav-link {
    color: rgba(0, 72, 72, 1);
}

.navbar-theme .navbar-nav .nav-link:hover, .navbar-theme .navbar-nav .nav-link:focus{
    color: rgba(255, 255, 255, 0.75);
}

.navbar-theme .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-theme .navbar-nav .show > .nav-link,
.navbar-theme .navbar-nav .active > .nav-link,
.navbar-theme .navbar-nav .nav-link.show,
.navbar-theme .navbar-nav .nav-link.active
{
    color: #fff;
}

.navbar-theme .navbar-toggler{
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-theme .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}