#nprogress .bar {
    background: rgb(63, 249, 220);
    background: linear-gradient(0deg, rgba(63, 249, 220, 0.1) 33%, rgba(63, 249, 220, 1) 100%);
}

.Ant_loading {
    width: 100%;
    height: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.spinner-box {
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    position: fixed;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -150px;
}

.circle-border {
    width: 150px;
    height: 150px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgb(63, 249, 220);
    background: linear-gradient(0deg, rgba(63, 249, 220, 0.1) 33%, rgba(63, 249, 220, 1) 100%);
    animation: spin .8s linear 0s infinite;
}

.circle-core {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

/* 滚动条样式优化 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 导航样式 */
.navbar-hidden {
    top: -92px !important;
}

#navbar {
    height: 92px;
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    z-index: 12 !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

li {
    list-style: none;
}

iframe {
    overflow: hidden;
}

iframe {
    overflow-y: hidden;
    overflow-x: hidden;
}

iframe::-webkit-scrollbar {
    display: none;
}

.translate-x-full {
    transform: translateX(100%);
}

.translate-x-0 {
    transform: translateX(0);
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gap-6 {
    gap: 1.5rem;
}

#navbar .container {
    height: 100%;
}

.font-harmony {
    font-family: 'HarmonyOS Sans', sans-serif;
}