.q1a {
    position: relative;
    margin: 20px; /* 外边距 */
    display: flex; /* 使用弹性布局 */
    flex-direction: column; /* 垂直排列 */
    overflow-y:scroll;
}

/* 问题框样式 */
.avatar-left {
    width: 40px; /* 调整头像大小 */
    height: 40px; /* 调整头像大小 */
    border-radius: 50%; /* 圆形头像 */
    object-fit: cover; /* 保持头像比例 */
    margin-right: 10px; /* 头像与气泡之间的间距 */
}

.question-bubble {
    display: flex; /* 使用弹性布局 */
    align-items: center; /* 垂直居中 */
    border-radius: 20px; /* 圆角气泡 */
    padding: 10px; /* 内边距 */
    margin: 10px 0; /* 问题框上下间距 */
    max-width: 80%; /* 最大宽度 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 阴影 */
}

/* 回答框样式 */
.avatar-right {
    width: 40px; /* 调整头像大小 */
    height: 40px; /* 调整头像大小 */
    border-radius: 50%; /* 圆形头像 */
    object-fit: cover; /* 保持头像比例 */
    margin-left: 10px; /* 头像与气泡之间的间距 */
}

.answer-bubble {
    display: flex; /* 使用弹性布局 */
    align-items: center; /* 垂直居中 */
    border-radius: 20px; /* 圆角气泡 */
    padding: 10px; /* 内边距 */
    margin: 10px 0; /* 回答框上下间距 */
    max-width: 80%; /* 最大宽度 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 阴影 */
}

/* 问题框与回答框的整体布局 */
.flex-container {
    display: flex;
    align-items: flex-start; /* 顶部对齐 */
}

/* 设置回答框在右侧 */
.flex-container.answer {
    justify-content: flex-end; /* 使回答在右侧 */
}