.you_san_bi_wu-container {
    margin: 0;
    max-width: 100%;  /* 指定最大宽度为视口宽度 */
}
.grid-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%; /* 占满整个容器宽度 */
}
.grid-item {
    flex: 0 0 33.3333%; /* 每个格子占据容器宽度的三分之一 */
    height: 33.3333vw; /* 格子高度与宽度相同，保持正方形 */
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    box-sizing: border-box; /* 包括边框在内的总宽度 */
}
.grid-item.purple {
    background-color: #db70db;
}
.grid-item.yellow {
    background-color: #ffff00;
}
.grid-item.gray {
    background-color: #808080;
}