@media (min-width: 769px) and (max-width: 1024px) {
    /* 在此处编写平板视角的样式规则，如调整容器宽度、字体大小、元素布局等 */
   .container {
        width: 90%;
    }
}
.container {
    display: flex;
    flex-direction: row; /* 或column，根据需求调整主轴方向 */
    justify-content: center; /* 主轴对齐方式 */
    align-items: center; /* 交叉轴对齐方式 */
}