#Globalloadingprogress {
    display: inline-block;
    transition: opacity 0.2s ease;
}

#starxn-main-container,
.layout-navbar .dropdown-menu {
    transform-origin: right top;
    transition: transform .2s, opacity .2s;
}

#starxn-main-container:not(.loaded) {
    transform: translateY(10px);
    opacity: 0;
}

.layout-navbar .dropdown-menu:not(.show) {
    display: block !important;
    transform: translateY(-5px) scale(.9);
    opacity: 0;
    pointer-events: none;
}

.layout-navbar .dropdown-menu-end {
    right: 0;
    top: 100%;
}

.dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* 隐藏默认滚动条 */
html {
    overflow: hidden;
    height: 100%;
}

body {
    margin: 0;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge */
}

body::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari/Opera */
}

/* 自定义滚动条样式 */
.customScrollbar {
    position: fixed;
    right: 0;
    top: 0;
    width: 5px;
    height: 100%;
    z-index: 9999;
    pointer-events: none;
    transition: opacity 0.3s, width 0.3s;
}

body:not(.scrollbarActive) .customScrollbar {
    display: none;
}

.scrollThumb {
    position: absolute;
    width: 100%;
    background: #DCDCDC;
    transition: background 0.2s, width 0.3s;
    pointer-events: auto;
}

.customScrollbar:hover .scrollThumb,
.customScrollbar.scrolling .scrollThumb {
    background: #BDBDBD;
}

.scrollThumb:hover {
    background: #A4A4A4 !important;
    width: 6px !important;
}

.scrollThumb.active {
    background: #8E8E8E !important;
    width: 6px !important;
}