ion-content.custom-content {
    --background: #F5EBE0; // 替换#your-color-code为你想要的颜色
  }
  
  .custom-button {
    --background: #d0a87d; // 替换#your-color-code为你想要的颜色
  }
  
  ion-item {
    --background: #F5EBE0;
    --padding-start:5px;
    --padding-end:5px;
  }
  
  /* 输入容器 */
  .input-container {
    position: relative;
    margin: 30px 0; /* 添加上下间距 */
  }
  
  /* 输入框样式 */
  .input-container input[type="text"],
  .input-container textarea {
    font-size: 20px;
    width: 100%;
    border: none;
    border-bottom: 2px solid #ccc;
    padding: 5px 0;
    background-color: transparent;
    outline: none;
  }
  
  /* 标签样式 */
  .input-container .label {
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
    transition: all 0.3s ease;
    pointer-events: none;
  }
  
  /* 输入框聚焦和有效时标签样式 */
  .input-container input[type="text"]:focus ~ .label,
  .input-container input[type="text"]:valid ~ .label,
  .input-container textarea:focus ~ .label,
  .input-container textarea:valid ~ .label {
    top: -20px;
    font-size: 16px;
    color: #333;
  }
  
  /* 下划线样式 */
  .input-container .underline {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #333;
    transform: scaleX(0);
    transition: all 0.3s ease;
  }
  
  /* 输入框聚焦和有效时下划线样式 */
  .input-container input[type="text"]:focus ~ .underline,
  .input-container input[type="text"]:valid ~ .underline,
  .input-container textarea:focus ~ .underline,
  .input-container textarea:valid ~ .underline {
    transform: scaleX(1);
  }
  
  /* 上传容器样式 */
  .upload-container {
    display: flex; /* 使用 Flexbox 布局 */
    align-items: center; /* 垂直居中对齐 */
  }
  
  /* 上传盒子样式 */
  .upload-box {
    display: flex; /* 使用flex布局使加号居中 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    border: 2px dashed rgba(228, 232, 236, 0.7); /* 边框样式，使用透明度 */
    border-radius: 10px; /* 圆角 */
    padding: 20px; /* 内边距，确保加号图标不被挤压 */
    text-align: center; /* 文字居中 */
    background-color: rgba(242, 246, 250, 0.5); /* 背景颜色，使用透明度 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    transition: background-color 0.3s; /* 背景颜色过渡效果 */
    height: 100px; /* 设置上传框的高度 */
    margin-right: 10px; /* 盒子与图片之间的间距 */
  }
  
  /* 悬停时改变背景颜色 */
  .upload-box:hover {
    background-color: rgba(236, 243, 244, 0.7); /* 悬停时改变背景颜色，使用透明度 */
  }
  
  /* 加号图标样式 */
  .upload-icon {
    font-size: 50px; /* 加号图标的大小 */
    color: #26292b; /* 加号图标的颜色 */
  }
  
  /* 文件预览容器 */
  .file-preview-container {
    
    flex-wrap: wrap; /* 允许换行 */
    gap: 10px; /* 设置间距 */
  }
  
  /* 文件预览样式 */
  .file-preview {
    position: relative; /* 使文件预览相对定位 */
    width: 100px; /* 设置固定宽度 */
    height: 100px; /* 设置固定高度 */
    overflow: hidden; /* 隐藏溢出 */
    flex: 0 0 auto; /* 不放大也不缩小，基础大小 */
  }
  
  .file-image {
    width: 100%; /* 使图片宽度适应 */
    height: 100%; /* 使图片高度适应 */
    object-fit: cover; /* 保持比例并裁剪超出部分 */
    border-radius: 10px; /* 圆角 */
  }
  
  .custom-select {
    font-size: 14px; /* 设置字体大小 */
    color: rgba(74, 72, 72, 0.7); /* 设置字体颜色为淡色 */
    margin: -30px 0px; /* 设置可见性项的底部边距 */
  }
  
  .custom-gaoji {
    font-size: 12px; /* 设置字体大小 */
    color: rgba(74, 72, 72, 0.7); 
    margin: -10px 0; 
  }
  
  .custom-didian {
    font-size: 14px; /* 设置字体大小 */
    color: rgba(74, 72, 72, 0.7); /* 设置字体颜色为淡色 */
    margin: -30px 0px;
  }
  