/* 针对移动端的样式调整 */
@media (max-width: 768px) {
    /* 修正按钮水平排列 */
    .ComposerBody-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* 按钮水平居中 */
        gap: 10px; /* 按钮间距 */
        align-items: center; /* 垂直居中对齐 */
    }

    .ComposerBody-header > ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 0;
        list-style: none;
        width: 100%; /* 按钮占满整行 */
        justify-content: center; /* 按钮居中 */
    }

    .ComposerBody-header > ul > li {
        flex: 0 0 auto; /* 保持按钮自适应大小 */
        text-align: center;
    }

    /* 修复标题跑偏 */
    .ComposerBody-header h3 {
        text-align: center; /* 标题居中 */
        margin: 0 auto;
        width: 100%;
    }

    /* 修复文本框位置 */
    textarea#textarea {
        text-align: left; /* 输入文字从左对齐 */
        margin: 0 auto;
        display: block;
        width: 90%; /* 控制宽度，适配居中 */
    }
}