/* 已提供的官网视觉素材。 */
.hero {
  background-image: linear-gradient(90deg, rgba(255, 243, 248, .5), rgba(255, 244, 250, .08)), url('home_static/bg.jpg');
  background-position: center;
  background-size: cover;
}

.intro-grid article > i,
.feature-grid article > i {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: none;
  color: transparent;
}

.intro-grid article:nth-child(1) > i { background-image: url('home_static/icon_wechat.png'); }
.intro-grid article:nth-child(2) > i { background-image: url('home_static/icon_lovebook.png'); }
.intro-grid article:nth-child(3) > i { background-image: url('home_static/icon_role.png'); }
.intro-grid article:nth-child(4) > i { background-image: url('home_static/icon_msg.png'); }

.feature-grid article:nth-child(1) > i { background-image: url('home_static/icon_hello.png'); }
.feature-grid article:nth-child(2) > i { background-image: url('home_static/icon_love.png'); }
.feature-grid article:nth-child(3) > i { background-image: url('home_static/icon_ball.png'); }
.feature-grid article:nth-child(4) > i { background-image: url('home_static/icon_lock.png'); }
.feature-grid article:nth-child(5) > i { background-image: url('home_static/icon_friends.png'); }

.feature-grid article > i {
  width: 58px;
  height: 58px;
  font-size: 0;
}