/* Flexbox 布局样式 */

.flex-container {
    display: flex;
    flex-direction: row; /* 改为 column 以进行垂直布局 */
    justify-content: space-around; /* 水平对齐项目 */
    align-items: center; /* 垂直对齐项目 */
    height: auto; /* 视口的完整高度 */
    flex-wrap: wrap; /* 允许换行 */
}

.flex-item {
    background-color: #e08fbdff; /* 粉色背景 */
    color: white; /* 白色文字 */
    padding: 20px;
    margin: 10px;
    width: 500px;
    /* flex: 1; 增长以填充空间 */
    text-align: center; /* 文字居中 */
    border-radius: 5px; /* 圆角 */
}

.flex-item:nth-child(even) {
    background-color: #2196F3; /* 蓝色背景用于偶数项 */
}