/* 优化基础样式 */
body, html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
}

/* 可重用的居中容器 */
.centered-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* 底部留下边距 */
.footer {
    padding-bottom: 100px;
}

/* 响应式设计 */
@media (max-width: 600px) {
    body {
        font-size: 16px;
    }

    .footer {
        padding-bottom: 50px;
    }

    /* 这里添加更多针对手机屏幕的样式 */
}

/*图片自适应屏幕宽度*/
img {
    max-width: 100%; /* 图片自适应屏幕宽度 */
    height: auto;
}