.header {
  background: #ffffff;
}

ion-content {
  --padding-bottom: 26.6667vw;
  // background-image: url("https://file-cloud.fmode.cn/Qje9D4bqol/20241220/b313ov054708770.png") !important;
  // background-repeat: no-repeat;
  // background-position: center top;
  // background-size: 100% 100%;
  --background: #ffffff;
  .portrait {
    background-color: white;
    padding:4px 10px 4px 0 !important;
    font-size: 4.2667vw;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c8c7cc;
    margin: 0 16px;
    // div {
    //   line-height: 16vw;
    // }
    // img {
    //   border-radius: 50%;
    //   width: 16vw;
    //   height: 16vw;
    // }
  }

  .row {
    // height: 13.3333vw;
    // font-size: 4.2667vw;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-shrink: 0;
    // padding:0 4vw;
    // border: 0.2667vw solid #f6f6f6;
    .right {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
    .tags {
      width: 64.1026vw;
      flex-wrap: wrap;
      .tag {
        margin-right: 3.5897vw;
        position: relative;
        .close {
          font-size: 3.5897vw;
          position: absolute;
          top: 0;
          right: -2.5641vw;
          color: #858585;
        }
      }
      .add {
        font-size: 5.1282vw;
        color: #0054e9;
      }
    }
    ion-input {
      text-align: right;
    }
    .tabs-left {
      display: flex;
      align-items: center;
      ion-icon {
        font-size: 5.641vw;
        // color: #e7435c;
      }
      .vip{
        width: 6.1538vw;
        height: 6.1538vw;
      }
    }
    ion-toggle {
      --handle-height: 3.5897vw;
      --handle-width: 3.5897vw;
    }
  }
  // .age,.nikename{
  //     >div:last-child{
  //         display: flex;
  //         align-items: center;
  //         text-align: right;
  //     }
  // }

  .submit {
    position: fixed;
    bottom: 8vw;
    width: 80%;
    height: 10.6667vw;
    font-size: 4.2667vw;
    color: white;
    margin: 0 10%;
    background-color: #fe4d54;
    border-radius: 2.5641vw;
  }
}
.tag-modal {
  height: 102.5641vw;
  padding: 5.1282vw 0;
  .list {
    display: flex;
    flex-wrap: wrap;
    padding: 1.0256vw 0 1.0256vw 1.0256vw;
    .li {
      padding: 0.5128vw 1.5385vw;
      border: 0.2564vw solid;
      margin-right: 1.5385vw;
      margin-bottom: 2.5641vw;
      font-size: 3.5897vw;
      border-radius: 1.0256vw;
      color: #858585;
    }
    .active{
      color: #0054e9 !important;
    }
  }
}
ion-modal {
  --height: auto;
  align-items: end;
}
ion-toggle::part(track),
ion-toggle.toggle-checked::part(track) {
  height: 5.1282vw;
  width: 10.2564vw;
  overflow: visible;
}
