/* 导航栏样式 */
.navDiv {
    height: 10vh;
    width: 100vw;
    /* background: linear-gradient(to right,rgba(8,175,207,0.55),rgb(59,170,128,0.55),rgba(255,234,208,0.55)); */
    /* background: linear-gradient(to right, rgb(8,175,207,0.45), rgb(59,170,128,0.45), rgb(254,218,180,0.45)); */
    background-color: transparent;

    user-select: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;

    display: flex;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: 40px;

    transition: box-shadow 0.3s ease;
    /* 添加过渡动画 */
    cursor: pointer;
    /* 改变光标为手指 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    /* 初始阴影 */
    backdrop-filter: blur(10px);
    /* 背景模糊效果 */
}

/* 导航栏鼠标悬停效果 */
.navDiv:hover {
    background-color: rgb(190, 110, 135, 0.1);
    /* background-color: rgb(226, 92, 81, 0.2); */
    /* background: linear-gradient(to right, rgb(8,175,207,0.85), rgb(59,170,128,0.85), rgb(254,218,180,0.85)); */
    /* background: linear-gradient(to right, rgba(226, 92, 81, 0.75), rgba(238, 133, 16, 0.75), rgba(254, 218, 18, 0.75)); */
    box-shadow: 2px 0px 2px 2px rgba(0, 0, 0, 0.5);
}

/* 主导航菜单 */
.navDiv nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}

/* 主导航菜单项 */
.navDiv nav li {
    position: relative;
}

/* 主导航链接 */
.navDiv nav a {
    display: block;
    padding: 0.5rem 1rem;
    /* color: white; */
    color: rgb(226, 92, 81);
    text-decoration: none;
}

/* 主导航链接悬停效果 */
.navDiv nav a:hover {
    background-color: rgb(226, 92, 81, 0.1);
    /* color: black; */
    border-radius: 4px;
}

/* 子菜单 */
.navDiv .sub-menu {
    display: none;
    position: absolute;
    background-color: rgba(253, 247, 247, 0.8);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border: 5px solid transparent;
    margin-top: 1px;
}

/* 子菜单项 */
.navDiv .sub-menu li {
    display: block;
}

/* 子菜单链接 */
.navDiv .sub-menu a {
    padding: 0.5vw 1vw;
    display: block;
    color: black;
}

/* 子菜单链接悬停效果 */
.navDiv .sub-menu a:hover {
    background-color: rgb(226, 92, 81, 0.1);
    color: rgb(226, 92, 81);
    /* background-color: rgb(238,133,16,0.8); */
    /* background-color: rgba(238, 133, 16, 0.55); */
}

/* 当主菜单项悬停时显示子菜单 */
.navDiv .has-sub-menu:hover .sub-menu {
    display: block;
    border-radius: 4px;
}

/* 当主菜单项或子菜单项悬停时显示子菜单 */
.navDiv .has-sub-menu:hover .sub-menu,
.navDiv .sub-menu:hover {
    display: block;
    border-radius: 4px;
}

.navH3 {
    font-size: 1.7vw;
    line-height: 1.8vw;
}

/* 队徽 */
.navImgBox {
    display: flex;
    align-items: center;
    margin-right: auto;
    position: relative;
}

/* 图片 */
.navImage {
    width: auto;
    height: 11vh;
    position: absolute;
    top: -5.5vh;
}