.div-app {
    display: flex;
    justify-content: center;
    align-items: center;
    place-items: center;
    flex-direction: column; /* 设置主轴为垂直方向 */
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #eeeeee;
}

.main-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    place-items: center;
    flex-direction: column; /* 设置主轴为垂直方向 */
}
.main-left-part, .main-right-part {
    width: 10%; /* 可以根据需要调整宽度 */
    background-color: #ddd; /* 空白的背景色 */
}
.main-middle-part {
    // width: 480px;
    flex-grow: 1; /* 会自动填充剩余空间 */
}
/*body {*/
/*    font-family: Arial, sans-serif;*/
/*}*/
main {
    flex: 1;
    padding-bottom: 50px; /* 保证内容区域底部有足够的空间给footer */
}

.header-brand-img {
    width: 42px;
    height: 42px;
}

.header-profile-img {
    width: 42px;
    height: 42px;
}

.center-div {
    display: flex;
    justify-content: center;
    align-items: center;
    place-items: center;
    flex-direction: column; /* 设置主轴为垂直方向 */
    border-radius: 5px; /* 圆角的半径 */
    border: 0.5px solid #C0C0C0;
    background: #ffffff;
}
.container {
    display: flex; /* 使用Flexbox布局 */
    flex-wrap: wrap;
    justify-content: center;
    // height: 80px;
}