/**index.wxss**/
@import "/style/theme.less";
@import "/style/form.less";

page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  // background-image: url(https://sela.oss-cn-shanghai.aliyuncs.com/assets/account-bg.png);
  background-image: url(https://sela.oss-cn-shanghai.aliyuncs.com/assets/member-bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.scrollarea {
  flex: 1;
  overflow-y: hidden;
  padding: 40rpx 30rpx;
  // &.active {
  //   background-image: url(https://sela.oss-cn-shanghai.aliyuncs.com/assets/member-bg.png);
  //   background-size: 100% auto;
  //   background-repeat: no-repeat;
  //   background-position: top -20%;
  // }

  .profile {
    .avatar {
      width: 144rpx;
      height: 144rpx;
      border-radius: 50%;
    }
  }

  .membership {
    margin-top: 42rpx;
    width: calc(100vw - 60rpx);
    aspect-ratio: 7.2;
    position: relative;

    &-img {
      width: 100%;
      height: 100%;
    }

    &-container {
      position: absolute;
      right: 32rpx;
      width: 75%;
      top: 0;
      bottom: 0;

      .title {
        flex: 1;
        max-width: 50%;
      }
    }
  }

  .container {
    margin-top: 40rpx;
    background-color: white;
    box-shadow: 0rpx 1rpx 7rpx -1rpx rgba(55, 139, 152, 0.15);
    border-radius: 24rpx;
    overflow: hidden;

    &.pad {
      padding: 68rpx 56rpx;
    }

    .pill {
      flex: 0 0 25%;
      text-align: center;

      &-img {
        width: 112rpx;
        height: 112rpx;
        margin: 0 auto;
      }

      &-txt {
        margin-top: 12rpx;
      }
    }

    .cell-icon {
      width: 44rpx;
      height: 44rpx;
    }
  }
  
}
.cert-container{
  position: fixed; /* 确保遮罩层固定在屏幕上 */
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85); /* 黑色背景，透明度 85% */
z-index: 9999; /* 确保遮罩层在最顶层 */
display: flex; /* 启用 Flexbox */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  flex-direction: column; /* 垂直排列子元素 */
.cert-img-container{
  height: 60%;
  width: 86%;
  .cert-img{
    width: 100%;
    height: 100% 
  } 
}
.cert-img-close-btn{
  margin-top: 60rpx;
  display: block;
  width: 280rpx;
}
}