/*顶部导航条样式*/
.top-header {
    height: clamp(40px, calc(100vw * 80 / 1920), 160px);
    line-height: clamp(40px, calc(100vw * 80 / 1920), 160px);
    /*border-bottom: 1px solid rgba(228, 232, 246, 0.16);*/
    padding: 0 clamp(32px, calc(100vw * 64 / 1920), 124px);
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.08);
}
.content .logo{
    background: url("../images/logo@2x.png") no-repeat;
    display: inline-block;
    width: clamp(57px, calc(100vw * 114 / 1920), 228px);
    height: clamp(11px, calc(100vw * 23 / 1920), 45px);
    background-position: center center;
    background-size: 100% 100%;
    /*margin-top: clamp(18px, calc(100vw * 36 / 1920), 72px);*/
}
.content .top-header-right {
    float: right;
    display: flex;
    align-items: center;
}
.content .top-header-right .profile {
    width: clamp(22px, calc(100vw * 44 / 1920), 88px);
    height: clamp(22px, calc(100vw * 44 / 1920), 88px);
    background: #FFFFFF;
    border-radius: 50%;
    margin-right: clamp(4px, calc(100vw * 8 / 1920), 16px);
    overflow: hidden;
    position: relative;
}
.content .top-header-right .profile img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.content .top-header-right .user-name{
    font-size: clamp(10px, calc(100vw * 20 / 1920), 40px);
    color: #FFFFFF;
}
.content .top-header-right .menu {
    width: clamp(28px, calc(100vw * 56 / 1920), 112px);
    /*height: clamp(28px, calc(100vw * 56 / 1920), 112px);*/
}
.content .top-header-right .menu img {
    width: 100%;
    height: 100%;
}
a {
    color: inherit;
}
a:hover {
    color: inherit;
}