@import '../../common/style/act/mixin/mixin.scss';
@import '../../common/style/act/layout/_layout-pvp.scss';
@import '../../common/style/act/mixin/uni.scss';

.press-act:not(.press-act--hidden-tip) {
  &.press__cover {
    background-color: rgba(13, 19, 32, .8);
    background-image: linear-gradient(180deg, rgba(25, 48, 91, 0) 73%, #19305b 100%);

    @include reset-uni-input(.2rem, #77a7df, #82a0cc);

    ::v-deep {

      // picker样式重置
      .press__idd-code-picker {
        background-color: #1e396d;

        .press-picker__mask {
          background-image: linear-gradient(180deg, rgba(30, 57, 109, .9), rgba(30, 57, 109, .4)), linear-gradient(0deg, rgba(30, 57, 109, .9), rgba(30, 57, 109, .4));
        }

        .press-picker-column,
        .press-picker-column__item--selected {
          font-size: .24rem;
          font-weight: 400;
          color: #82a0cc;
        }

        .press-hairline--top-bottom {
          &::after {
            display: none;
          }
        }

        .press-picker__confirm,
        .press-picker__cancel {
          position: relative;
          font-size: .24rem;
          color: #d6eaff;
          padding: 0 .6rem;
          z-index: 3;
        }

        .press-picker__toolbar {
          position: relative;
          height: .76rem;
          line-height: .76rem;

          &::before {
            position: absolute;
            inset-inline-start: 0;
            top: 0;
            content: '';
            width: 100%;
            height: 100%;
            background: linear-gradient(134.77deg, #35559c .52%, #3b6dc6 42.91%, #35559c 99.09%);
            opacity: .44;
          }

          &::after {
            position: absolute;
            inset-inline-start: 0;
            top: 0;
            content: '';
            width: 100%;
            height: 100%;
            @include bgUrl('mask-title.png');
            background-position: start center;
            background-repeat: no-repeat;
            background-size: auto 100%;
          }
        }
      }
    }

    ::v-deep .uni-input-placeholder,
    .uni-textarea-placeholder {
      font-size: .2rem !important;
      color: #82a0cc !important; // 避免项目业务中的样式重置
    }
  }

  .press__dialog {
    position: fixed;
    inset-inline-start: 0;
    inset-inline-end: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    overflow: hidden;
    margin: auto;
  }
}


.press__title {
  height: .64rem;
  line-height: .64rem;
  font-size: .28rem;
  color: #fff;
  font-weight: 600;
  padding-inline-start: .2rem;
}

.press__info {
  font-size: $font-xxs;
  color: #77a7df;
  margin-top: .2rem;
}

.press__info-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 6.88rem;
  margin: 0 auto;

  label {
    position: relative;
  }
}

.press__info-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: .48rem;
  padding: 0 .16rem;
  margin-bottom: .2rem;
  border-radius: .04rem;

  &::before {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(17, 34, 55, .5);
    border: .01rem solid rgba($color: #35669e, $alpha: .4);
    border-radius: .04rem;
    opacity: .8;
  }
}

.press__address-info {
  height: 1.14rem;
  padding: .12rem .16rem;
  margin-bottom: .2rem;

  textarea {
    width: 100%;
    height: 100%;
    font-size: .2rem;
    line-height: unset;
    color: #77a7df;
    background: unset;
    padding: 0;
    outline: none;
    resize: none;
    border: 0;
    display: block;
  }
}

.press__input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;

  &.press__address-detail {
    height: 100%;
  }
}

.press__info-list input,
.press__input-area {
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  font-size: $font-xxs;
  color: #77a7df;
  vertical-align: middle;
  border: 0;
}

.press__mail {
  width: 4.16rem;
}

.press__post-code {
  width: 2.52rem;
}

.press__tip {
  color: #b0d3fd;
  font-size: $font-xxs;
  text-align: center;
}

.press__button-wrap {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: .72rem;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;

  a {
    display: block;
    margin-inline-end: .6rem;

    &:last-child {
      margin-inline-end: 0;
    }
  }
}

.press__protocol {
  position: absolute;
  inset-inline-start: 0;
  bottom: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: .32rem;
}

.press__protocol-select {
  position: relative;
  width: .32rem;
  height: .32rem;
  margin-inline-end: .04rem;
  @include bgUrl('check-icon.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.press__protocol-selected {
  &::after {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    content: '';
    margin: auto;
    width: .26rem;
    height: .26rem;
    @include bgUrl('checked-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.press__protocol-link {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.press__dialog--address {
  position: relative;
  width: 9.68rem;
  height: 5.88rem;
  @include bgUrl('popup-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;

  .press-info-input {
    display: block;
    flex: 1;
    height: 100%;
  }

  .press__close {
    position: absolute;
    inset-inline-end: .2rem;
    top: .1rem;
    width: .48rem;
    height: .49rem;
    @include bgUrl('close.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .press__btn--medium-primary {
    @include bgUrl('btn-large-primary.png');
    font-family: 'hok-title';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.24rem;
    height: .56rem;
    line-height: normal;
    font-size: .28rem;
    font-weight: 700;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    text-align: center;
    word-break: break-word;
  }

  .press__btn--medium-secondary {
    @include bgUrl('btn-large-secondary.png');
    font-family: 'hok-title';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.24rem;
    height: .56rem;
    line-height: normal;
    font-weight: 700;
    font-size: .28rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    text-align: center;
    word-break: break-word;
  }

  .press__input-area--placeholder {
    text-align: start;
  }

  .press__idd-code {
    display: flex;
    align-items: center;
    padding-inline-end: .2rem;
    flex-shrink: 0;
  }

  .press__code-arrow {
    width: .16rem;
    height: .16rem;
    margin-inline-start: .04rem;
    @include bgUrl('code-arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
}