.navbar {
    background-color: #5EB2E5; /* 导航栏背景颜色 */
    overflow: hidden;
    margin: 0 auto;
}

.navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex; /* 水平排列 */
}

.navbar li {
    flex: 1; /* 均匀分配宽度 */
}

.nav-link {
    display: flex;
    color: white;
    padding: 21px 20px;
    text-decoration: none;
    justify-content: center;
    transition: background-color 0.3s; /* 平滑过渡效果 */
}

.nav-link.active { /* 当前页面的链接样式 */
    background-color: #0893E8; /* 高亮颜色 */
}