#wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh; /* 控制整体垂直占位 */
}

/*整体*/
.body{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px 12%; /* 控制固定行距和列距 */
    width: 90%; /* 可选：控制内容最大宽度 */
}

/*项目布局*/
.body div{
    background-color: #fff9e6;
    height: 100px;
    line-height: 100px;
    font-size: 30px;
    border-radius: 30px;
    box-shadow: 1px 1px 2px #cbcaca;
    flex: 1 0 175px;    /* 控制最小宽度为150px，自动扩展 */
    max-width: 225px;
    text-align: center;
}

.body a{
    padding: 10px;
    border-radius: 10px;
}

.body div:hover{
    background-color: rgba(255, 235, 176, 0.71);
}

/*ywf单独调整*/
#ywf{
    width: auto;
    padding: 0 5px 0 5px;
}

p{
    text-align: center;
    font-size: 10px;
}