/* 移动端基础样式优化 */
* {
    box-sizing: border-box; /* 确保宽度和高度包含padding和border */
}

html, body {
    width: 100%;
    height: 100vh; /* 使用视口高度确保全屏 */
    margin: 0;
    padding: 0;
    font-size: 16px; /* 设置基准字体大小 */
    overflow-x: hidden; /* 防止水平滚动 */
}

/* 可选：针对超小屏幕的微调 */
@media (max-width: 360px) {
    html {
        font-size: 14px; /* 在非常小的屏幕上略微调小基准字号 */
    }
}