body {
    background-color: black;
}

h1 {
    text-align: center;
    color: white;
}

.container {
    width: 70%;
    margin: 3% auto 0;
    background-color: #f0f0f0;
    padding: 2% 5%;
    border-radius: 10px
}

.container ul {
    padding-left: 20px;
}

.container ul li {
    line-height: 2.3
}

footer {
    margin: 1%;
    text-align: center;
    color: white;
}

footer div a {
    color: white;
    text-decoration: none;
}

.button {
    background-color: gray;
    height: 100px;
    /* 设置按钮的高度 */
    padding: 0;
    margin: 0;
    display: flex;
    /* 使用 Flexbox 布局 */
    justify-content: space-between;
    /* 元素均匀分布 */
    align-items: center;
    /* 垂直居中对齐 */
}

.button ul {
    display: flex;
    /* 使 ul 也采用 Flexbox */
    padding: 0;
    /* 移除 ul 的默认内边距 */
    margin: 0;
    /* 移除 ul 的默认外边距 */
    list-style: none;
    /* 移除 ul 的默认样式 */
    width: 100%;
    /* 让 ul 占满父元素宽度 */
}

.button ul li {
    flex: 1;
    /* 每个 li 平均分配宽度 */
    margin: 0 10px;
    /* 左右留一些间距 */
    background-color: white;
    text-align: center;
    /* 使文本在 li 中居中 */
    display: flex;
    /* 使用 Flexbox 布局以居中内容 */
    justify-content: center;
    /* 横向居中 */
    align-items: center;
    /* 纵向居中 */
}

.logo {
    display: flex;
    /* Flexbox 布局 */
    justify-content: center;
    /* 居中内容 */
    align-items: center;
    /* 垂直居中 */
    margin: 0 10px;
    /* 左右留一些间距 */
}

/* 新增的样式 */
.button ul li input[type="button"] {
    margin: 0;
    /* 移除按钮的默认外边距 */
}

.link {
    text-decoration: none;
    color: black;
}