/* 容器样式：确保按钮排列整齐 */
.form-actions {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-bottom: 60px !important; /* 确保底部有间距 */
}

/* 按钮通用样式 */
.form-actions input[type="submit"],
.form-actions .button {
  min-height: 40px;
  padding: 12px 20px;

  /* PC端优化：设置最小宽度，确保所有按钮宽度一致 */
  min-width: 140px;
  text-align: center; /* 文字居中 */

  /* PC端默认不拉伸 */
  flex: 0 0 auto;

  box-sizing: border-box;
  margin: 0;

  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap; /* PC端防止换行 */

  border: 1px solid transparent;
  appearance: none;
  font-size: 16px;
}

/* --- 移动端适配 --- */
@media (max-width: 600px) {
  .form-actions {
    padding-bottom: 40px !important;
    gap: 10px;
  }

  .form-actions input[type="submit"],
  .form-actions .button {
    width: auto;
    flex: 1;         /* 移动端平分宽度 */
    min-width: 0;    /* 【关键】：重置 min-width，否则 flex:1 会失效 */
    padding: 12px 5px;
    text-align: center;
    white-space: normal; /* 允许在小屏换行 */
  }
}