/* JUST FOR TEST -- START
.header {
    border: 1px solid black;
}
 JUST FOR TEST -- END */

.body{
    display: flex;      /* 弹性盒子 */
    margin: 0;          /* 外边距 */
    padding: 0;         /* 内边距 */
    /* height: 100vh; */     /* viewpoint 高度 */
    background-color: #eee;     /* 背景颜色 */
}

.header {
    display: flex;
    flex: 1;
    margin: 0;
}

.navbar {
    display: flex;
    flex: 5.5;
    align-items: center;
    justify-content: center;
}

.navbar-list {
    list-style: none;   /* 无序列表取消圆点 */
    flex:4;
    margin: 0;
}

.navbar-list-element {
    float: left;        /* 左对齐 */
    margin: 5px;
    padding: 10px;
}

.navbar-search {
    display: flex;
    flex:1;
}

.navbar-dark {
    display: flex;
    justify-content: center;
    flex:0.5;
}