.circleIcon {
  transform: scale(var(--size));
  width: 100rpx;
  height: 100rpx;
  box-shadow: 0rpx -1rpx 1rpx 3rpx #0e44a8c9, 0rpx -1rpx 1rpx 3rpx #0e44a8c9,
    0rpx 1rpx 1rpx 4rpx #6fa1fdc9, 0rpx 1rpx 1rpx 4rpx #5c93fac9;
  border-radius: 50%;
  display: flex;
  flex-direction: row; // 子组件水平排列
  align-items: center; // 子组件垂直居中对齐
  justify-content: center; // 子组件横向居中对齐
  image {
    width: var(--iconSize);
    height: var(--iconSize);
  }
  .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(to bottom, #043691c9 10%, #1366ffc9);
    opacity: 0.6;
  }
}