:root, [data-bs-theme=light] {
    --bs-body-font-size: 0.9rem;

    --px-navbar-radial-color: rgba(180, 140, 255, 0.5);
    --px-navbar-radial-color-fade: rgba(180, 140, 255, 0.3);

    --px-institution-logo: '';

    --usasu-header-bg: #b0241b;
    --usasu-header-bg-dark: #8c0000;
}

[data-bs-theme=dark] {
    --px-navbar-radial-color: rgba(180, 140, 255, 0.3);
    --px-navbar-radial-color-fade: rgba(180, 140, 255, 0.15);
}

body {
    border: none;
}

.px-container {
    max-width: 1400px;
}

/*顶部导航菜单*/
.px-navbar {
    background-color: var(--usasu-header-bg-dark);
}
.px-navbar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.dropdown-menu {
    --bs-dropdown-font-size: 0.9rem;
}

.border-header {
    border-color: var(--usasu-header-bg);
}

.border-header-dark {
    border-color: var(--usasu-header-bg-dark);
}

/* 标签图标颜色 */
.text-header {
    color: var(--usasu-header-bg);
}

.text-header-dark {
    color: var(--usasu-header-bg-dark);
}

.text-danger {
    color: #dc3545 !important;
}

.text-primary {
    color: #0d6efd !important;
}

.text-success {
    color: #198754 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-info {
    color: #0dcaf0 !important;
}

/* 图标颜色 */
.icon-header {
    color: var(--usasu-header-bg);
}

.icon-header-dark {
    color: var(--usasu-header-bg-dark);
}

.icon-blue {
  color: #1d4ed8;
}

.icon-green {
  color: #047857;
}

.icon-purple {
  color: #7c3aed;
}

.icon-orange {
  color: #ea580c;
}

.icon-pink {
  color: #db2777;
}

.icon-cyan {
  color: #0e7490;
}

.icon-blue-bg {
  background-color: #dbeafe;
  color: #1d4ed8;
}

/* 图标颜色-带背景 */
.icon-green-bg {
  background-color: #d1fae5;
  color: #047857;
}

.icon-purple-bg {
  background-color: #ede9fe;
  color: #7c3aed;
}

.icon-orange-bg {
  background-color: #ffedd5;
  color: #ea580c;
}

.icon-pink-bg {
  background-color: #fce7f3;
  color: #db2777;
}

.icon-cyan-bg {
  background-color: #cffafe;
  color: #0e7490;
}

/*头部旗帜*/
.header-banner {
    background: linear-gradient(var(--usasu-header-bg));
    color: var(--bs-white);
}

/*广告条*/
.rellax-ad {
    height: 130px;
    position: relative;
    overflow: hidden;
}

.rellax-ad .ad-bg {
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    bottom: -120px;
    background-color: rgba(0, 0, 0, 0.25);
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.rellax-ad .ad-body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    padding: 0 15px;
    color: white;
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .navbar-nav-scroll {
        max-height: none;
    }

    .rellax-ad {
       height: 90px;
    }

    .px-navbar .navbar-brand {
        color: var(--bs-white);
    }
    .px-navbar .navbar-toggler button {
        color: var(--bs-white);
    }
    .px-navbar .navbar-toggler button:active {
        color: var(--bs-white);
    }

    .px-navbar .px-brand-title .px-brand-title-ext {
        display: none;
    }

    .px-navbar .offcanvas-lg {
        --bs-offcanvas-width: 300px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .px-navbar .navbar-brand {
        color: var(--bs-white);
    }
    .px-navbar .nav-link {
        color: var(--bs-white);
    }
    .px-navbar .navbar-toggler button {
        color: var(--bs-white);
    }
    .px-navbar .navbar-toggler button:active {
        color: var(--bs-white);
    }

    .px-navbar .dropdown .dropdown-menu {
        top: 100%;
        margin-top: 0;
        margin-left: 0.125rem;
    }
    .px-navbar .dropdown [data-bs-toggle="dropdown"] {
        pointer-events: none;
    }
    /*支持鼠标滑过即显示*/
    .px-navbar .dropdown:hover .dropdown-menu {
        display: block;
    }
}