header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    padding: 10px 20px;
}

.navbar a {
    color: black;
    text-decoration: none;
    padding: 14px 20px;
    display: inline-block;
    margin-left: 20px; /* 根据需要调整导航链接之间的间距 */
}

.navbar a:hover {
    background-color: #ddd;
}

.nav-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.nav-right a {
    margin-left: 10px; /* 根据需要调整右侧导航链接之间的间距 */
}

.logo {
    display: flex;
    align-items: center;
    gap: 10px; 
}

.logo img {
    width: 50px; 
    height: 50px; /* 根据需要调整logo的高度 */
    vertical-align: middle; 
}

.logo span {
    font-size: 1.2em; 
    font-weight: bold; 
}