/* 现有的CSS规则 */
* {
    padding: 0;
    margin: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 其他现有样式... */

body {
    display: flex;
    flex-direction: column;
    height: 100vh;

    color: #666;
    font-family: Microsoft YaHei, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    background-color: #fbfcfc; /* 原始背景颜色 */
    scroll-behavior: smooth; /* 平滑滚动 */

    /* 添加背景图片相关属性 */
    background-image: url('../images/img.bg.png'); /* 确保路径正确 */
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: center; /* 图片居中显示 */
    background-repeat: no-repeat; /* 防止图片重复 */
}

/* 继续其他现有样式... */

.page {
    text-align: center;
    margin: 20px 0;
}

.page span {
    background-color: #4e73df;
    color: #FFF;
    padding: 5px 12px;
    border-radius: 4px;
    font-weight: bold;
}

.page a {
    background-color: #c8cbcf;
    color: #FFF;
    padding: 5px 12px;
    border-radius: 4px;
    font-weight: bold;
}

/* 其他样式规则... */