#content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

h1 {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.button {
    height: 40px; /* 调整按钮高度与输入框相同 */
    font-size: 16px; /* 调整字体大小与输入框相同 */
    padding: 0 20px; /* 调整按钮的内边距 */
}

#left-boxes .box {
    height: 40px; /* 调整方框高度与输入框相同 */
    align-items: center; /* 确保文本垂直居中 */
    transform: translateX(-30px);
}

.box {
    width: 100px;
    height: 20px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
}

#input-box {
    width: 400px; /* 增加宽度 */
    height: 300px; /* 增加高度 */
    font-size: 16px; /* 增大字体大小 */
    padding: 10px; /* 添加内边距，使文本输入时有更好的视觉间隔 */
    border: 2px solid #888; /* 加粗边框并改变颜色 */
    margin-right: 10px; /* 维持原有的右边距 */
}