ion-item {
  --padding-start: 16px;
  --padding-end: 16px;
}

ion-label {
  font-size: 16px;
  color: var(--ion-text-color);
}

ion-input, ion-textarea {
  font-size: 16px;
  padding-top: 10px;  /* 确保有足够的空间 */
}

ion-item .ion-label {
  margin-bottom: 4px;  /* 增加标签与输入框之间的间距 */
}

.user-input-textarea {
  margin-top: 10px;
}

.generate-button {
  margin-top: 20px;
}

.response-container h2 {
  font-size: 1.5em;
  margin-bottom: 15px;
  color: #3880ff;
}

.response-container p {
  margin: 5px 0;
  font-size: 1em;
}

.meal-plan {
  margin-top: 10px;
  padding: 10px;
  background: #f9f9f9;
  border-radius: 8px;
}

.meal-plan h3 {
  margin-top: 0;
  font-size: 1.2em;
  color: #3880ff;
}
