body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-family: Arial, sans-serif;
    background-color: black; /* 设置背景颜色为黑色 */
    color: white; /* 设置文本颜色为白色 */
    margin: 0;
    overflow: hidden;
}

.game-container {
    display: flex;
}

canvas {
    border: 2px solid #fff; /* 调整边框颜色为白色 */
    background-color: #1a1a1a; /* 设置画布背景颜色为深灰色以区别于黑色背景 */
}

.sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 20px; /* 与游戏画布的间距 */
}

h3 {
    margin: 10px 0;
    color: #fff; /* 设置标题颜色为白色 */
}

.buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

button {
    margin: 5px;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #444; /* 设置按钮背景颜色为暗灰色 */
    color: #fff; /* 设置按钮文字颜色为白色 */
    border: none; /* 去掉按钮边框 */
    border-radius: 5px; /* 圆角按钮 */
    cursor: pointer; /* 鼠标悬停时显示指针 */
    user-select: none; /* 防止按钮被选中 */
}

button:hover {
    background-color: #666; /* 鼠标悬停时稍微变亮 */
}

button:focus {
    outline: none; /* 移除按钮获得焦点时的边框 */
}