select option {
  padding: 12px;
  font-size: 1.1rem;
}
select option:not(:last-child) {
  border-bottom: 1px solid #e5e7eb;
}
nav .sm\:flex {
  display: flex;
  flex-direction: row;
}
input, select, textarea {
  padding: 12px;
  font-size: 1.1rem;
  border-radius: 8px;
}
button {
  padding: 12px 20px;
  font-size: 1.1rem;
  border-radius: 8px;
}

@media (max-width: 640px) {
  /* 导航菜单 */
  #mobile-menu {
    display: none; /* 默认隐藏 */
    flex-direction: column;
    width: 100%;
    background-color: white;
    position: absolute;
    top: 64px; /* 导航栏高度 */
    left: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  #mobile-menu.show {
    display: flex; /* 点击汉堡菜单时显示 */
  }
  #mobile-menu button {
    padding: 1rem;
    text-align: left;
    font-size: 0.875rem; /* text-sm */
    border-bottom: 1px solid #e5e7eb; /* border-gray-200 */
  }
  /* 表单和按钮 */
  #userForm .flex {
    flex-direction: column;
  }
  #userForm input,
  #userForm select,
  #userForm textarea {
    font-size: 1rem; /* text-base */
    padding: 0.5rem; /* py-2 */
  }
  #profile-section button {
    width: 100%;
    padding: 0.5rem 1rem; /* px-4 py-2 */
    font-size: 1rem; /* text-base */
    margin-bottom: 1rem; /* space-y-4 */
  }
}

/* 桌面端导航调整 */
@media (min-width: 640px) {
  #mobile-menu-button {
    display: none; /* 隐藏汉堡菜单 */
  }
  #mobile-menu {
    display: flex !important; /* 强制显示 */
  }
}

/* 全局按钮最小高度 */
button {
  min-height: 48px; /* 确保点击区域 */
}