#topImg {
    width: 1920px;
    height: 80px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}

#projectName {
    width: 100%;
    height: 23px;
    font-size: 36px;
    font-family: PangMenZhengDao;
    font-weight: 400;
    font-style: italic;
    color: #f3f8f8;
    display: inline-block;
    position: absolute;
    top: 27px;
    left: 73px;
    line-height: 23px;
    z-index: 12;
    letter-spacing: 0px;

}

#topMenusIcon {
    position: absolute;
    z-index: 12;
    left: 30px;
    top: 24px;
    cursor: pointer;
    color: white;
}

#changeSysTheme {
    z-index: 12;
    position: absolute;
    right: 300px;
    top: 30px;
    cursor: pointer;
}

#topTime {
    position: absolute;
    top: 25px;
    right: 30px;
    font-family: DIN;
    font-style: italic;
    color: var(--color-text-active);

    .date {
        font-size: 20px;
    }

    .time {
        margin-left: 10px;
        font-size: 14px;
    }

    .week {
        margin-left: 30px;
        font-family: Adobe Heiti Std;
        font-size: 14px;
    }
}
.n-layout-sider {
    background: rgba(128, 128, 128, 0.3);

    .n-menu {
        background-color: var(--bg-menu);
        height: calc(100vh - 80px);
        overflow: auto;
    }

    ::-webkit-scrollbar {
        width: 0px;
    }
}

.n-scrollbar-content {
    height: 100%;
}