  /* 按钮行样式 */
  .button-row1 {
    display: flex;
    justify-content: space-between; /* 按钮均匀分布 */
    flex-wrap: wrap; /* 允许换行 */
  }
  
  .button-row1 ion-button {
    flex: 1; /* 使按钮均匀分布 */
    margin: 4px; /* 按钮之间的间距 */
    flex-basis: 80px; /* 设置按钮的基础宽度 */
    min-width: 80px; /* 设置按钮的最小宽度 */
    max-width: 50px; /* 设置按钮的最大宽度 */
  }

    /* 按钮行样式 */
.button-row2 {
  display: flex;
  justify-content: space-between; /* 按钮均匀分布 */
  flex-wrap: wrap; /* 允许换行 */
}

.button-row2 ion-button {
  flex: 1; /* 使按钮均匀分布 */
  margin: 4px; /* 按钮之间的间距 */
  flex-basis: 80px; /* 设置按钮的基础宽度 */
  min-width: 80px; /* 设置按钮的最小宽度 */
  max-width: 50px; /* 设置按钮的最大宽度 */
}

.button-icon {
  max-width: 100%; /* 确保图片不会超出按钮的宽度 */
  height: auto; /* 保持图片的纵横比 */
}