.addButton {
    margin-right: 10px; /* 添加右边距来创建间隙 */
    background-color: #4CAF50; /* 绿色背景 */
    color: white;
    padding: 12px;
    width: 10%; /* 或根据需要调整宽度 */
    margin-top: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: block; /* 使按钮宽度填满容器 */
}

.removeExperimentButton {
    background-color: #f44336; /* 红色背景 */
    color: white;
    padding: 12px;
    width: 10%; /* 或根据需要调整宽度 */
    margin-top: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: block;
}

.returnToListButton {
    background-color: #2196F3; /* 蓝色背景 */
    color: white;
    padding: 12px;
    width: 150px; /* 定宽，与其他按钮保持一致 */
    margin-top: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.buttonContainer {
    display: flex;
    justify-content: space-between; /* 在容器两端对齐内容 */
    align-items: center;
    margin-top: 20px;
}

.buttonGroup {
    display: flex; /* 使按钮在此容器内并排 */
    gap: 10px; /* 按钮之间的间隙 */
}

/* 增加特异性以覆盖通用的input[type=submit]样式 */
form .addButton,
form .removeExperimentButton,
form .returnToListButton {
    background-color: #4CAF50; /* 绿色背景 */
    color: white !important; /* 使用!important来确保这些样式优先 */
    padding: 12px;
    width: 150px; /* 定宽 */
    margin-top: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: none; /* 覆盖 float:left; */
}

form .removeExperimentButton {
    background-color: #f44336; /* 红色背景 */
    /* 其他样式同上 */
}

form .returnToListButton {
    background-color: #2196F3; /* 蓝色背景 */
    /* 其他样式同上 */
}