.nowarp {
  display: inline-block;
}

.warp {
  display: block;
}

input {
  width: 90%;
  height: 40px;
  font-size: 20px;
  padding: 0 10px;
  border: 2px solid #3e99fc;
  border-radius: 10px;
  margin-top: 5px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
}

input:focus {
  border-color: #166dca; /* 示例颜色 */
  outline: none; /* 可选：移除蓝色轮廓线 */
}

html {
  height: 100%;
}

body {
  margin: 0; /* 移除默认的margin */
  background: linear-gradient(to bottom, #eef5fd 0%, #c7daf2 100%);
  background-attachment: fixed; /* 保持背景固定，不随滚动条滚动 */
  min-height: 100vh; /* 确保至少有视口的高度 */
}

button {
  background-color: #007BFF; /* 按钮背景色 */
  color: white; /* 按钮文字颜色 */
  padding: 10px 20px; /* 按钮内边距 */
  border: none; /* 移除边框 */
  border-radius: 20px; /* 圆角边框 */
  cursor: pointer; /* 鼠标悬停时的光标形状 */
  font-size: 1em; /* 字体大小 */
  transition: background-color 0.3s ease; /* 背景颜色过渡效果 */
  margin: 5px;
}