.container {
  display: flex;
  width: 242px;
  height: 140px;
  background: linear-gradient(180.00deg, rgba(77, 107, 178, 0.3), rgba(8, 153, 255, 0.01) 100%);
  border-radius: 15px;
  box-shadow: inset 0px 0px 23px 0px rgba(31, 87, 222, 0.5);
  position: relative;
}

.iconWrapper {
  width: 100px;
  height: 142px;
  background: linear-gradient(180.00deg, rgba(73, 118, 255, 0.06), rgba(0, 255, 246, 0.2) 100%);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -1px;
  left: -2px;
}

.icon {
  width: 100px;
  height: 142px;
  object-fit: contain;
}

.content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
}

.label {
  color: rgb(188, 206, 233);
  font-family: 微软雅黑;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 8px;
}

.valueWrapper {
  display: flex;
  align-items: center;
}

.value {
  font-family: 'D-DIN';
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.unit {
  color: rgb(188, 206, 233);
  font-family: 微软雅黑;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-left: 4px;
} 