.activity-banner {
    .envelope {
      position: relative;
      background: url('assets/img/envelope.png') no-repeat center center/cover;
      width: 100%;
      padding-top: 60%; // 5:3 ratio
      .envelope-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1em;
        p {
          font-size: 1.2em;
          margin-bottom: 1em;
        }
        .user-avatars {
          display: flex;
          .avatar {
            margin-right: -0.5em;
          }
        }
      }
    }
    .envelope-footer {
      background: rgba(0, 0, 0, 0.5);
      border-radius: 0 0 10px 10px;
      padding: 0.5em;
      ion-text {
        color: white;
      }
    }
  }
  
  .recommended-customers {
    margin-top: 1em;
  }
  
  .jingang-section {
    margin-top: 1em;
    ion-col {
      text-align: center;
      ion-badge {
        position: absolute;
        top: -0.5em;
        right: -0.5em;
      }
    }
  }
  
  .center-text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  