.custom-toolbar {
    --background: #D6CCC2; // 设置页眉背景颜色为紫色
    --color: white; // 设置页眉文字颜色为白色
  }
  
  .custom-toolbar ion-title {
    font-size: 1.5rem; // 可以根据需要调整字体大小
  }
  ion-content.custom-content {
    --background: #F5EBE0; // 替换#your-color-code为你想要的颜色
  }
  
  .custom-button {
    --background: #d0a87d; // 替换#your-color-code为你想要的颜色
  }


.input {
  width: 100%;
  max-width: 220px;
  height: 45px;
  padding: 12px;
  border-radius: 12px;
  border: 1.5px solid lightgrey;
  outline: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 0px 20px -18px;
}

.input:hover {
  border: 2px solid lightgrey;
  box-shadow: 0px 0px 20px -17px;
}

.input:active {
  transform: scale(0.95);
}

.input:focus {
  border: 2px solid grey;
}