.wrap {
  width: 50%;
  border-radius: 40px;
  background: linear-gradient(
    180deg,
    rgba(27, 50, 89, 0.3),
    rgba(27, 50, 89, 0.3) 100%
  );
  padding: 20px 30px 30px;
  .top {
    margin-bottom: 57px;
    .title {
      font-family: DingTalk JinBuTi;
      font-size: 40px;
      color: #fff;
    }
    .right {
      font-size: 20px;
      color: #bccee9;
      cursor: pointer;
    }
  }
  .main {
    flex: 1;
    border-radius: 20px;
    background: linear-gradient(
      180deg,
      rgba(58, 126, 188, 0.01),
      rgba(58, 126, 188, 0.2) 100%
    );
    padding: 0 100px 50px 100px; 

    .card {
      width: 228px;
      height: 127px;
      border-radius: 20px;
      background: linear-gradient(
        180deg,
        rgba(58, 126, 188, 0),
        rgba(58, 126, 188, 0.43) 100%
      );
      text-align: center;
      padding-top: 20px;
      .unit {
        font-size: 20px;
        font-weight: 400;
        color: #bccee9;
        line-height: normal;
      }
      .name {
        font-size: 18px;
        font-weight: 700;
        color: #bccee9;
      }
    }
  }

  .gridSection {
    .gridItem {
      width: 180px;
      height: 117px;
      text-align: center;
      background-image: url('@/assets/images/UrbanElements/gridBg.png');
      background-repeat: no-repeat;
      background-size: 100%;
      .unit {
        font-size: 20px;
        font-weight: 400;
        color: #bccee9;
        line-height: normal;
      }
      .name {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
      }
    }
  }

  .bottom {
    width: 818px;
    height: 110px;
    background-image: url('@/assets/images/UrbanElements/bg1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    .unit {
      font-size: 20px;
      font-weight: 400;
      color: #bccee9;
      line-height: normal;
    }
    .name {
      font-size: 18px;
      font-weight: 700;
      color: #bccee9;
    }
  }

  :global {
    .ant-statistic-content-value {
      background: linear-gradient(
        180deg,
        rgb(170, 255, 246),
        rgb(37, 187, 255)
      );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-family: D-DIN;
      font-size: 50px;
      font-weight: 700;
      line-height: normal;
    }
  }
}
