body {

  font-size: 1em;

  margin: 0;

  min-height: 100vh;

  padding: 1em 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

html {

  font-family: 'Helvetica Neue', Helvetica, Arial, PingFangTC-Light, 'Microsoft YaHei', 微软雅黑, 'STHeiti Light', STXihei, '华文细黑', Heiti, 黑体, sans-serif;

  margin: 0;

  padding: 0;

}

.main-container {

  max-width: 64em;

  margin: 0 auto;

}

#container {

  background: #808080b5;

  background-size: cover;

  box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);

  margin: 0 auto;

  max-width: 64em;

}

.card-info {

  box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);

  max-width: 64em;

}

.card-info2 {

  box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);

  max-width: 64em;

}

.card-info, .card-info > *:first-child {

  border-top-right-radius: 2em;

}

.card-info2, .card-info2 > *:first-child {

  border-top-left-radius: 2em;

}

.card-info, .card-info > *:last-child, .card-info > *:last-child > *:last-child {

  border-bottom-left-radius: 2em;

}

.card-info2, .card-info2 > *:last-child, .card-info2 > *:last-child > *:last-child {

  border-bottom-right-radius: 2em;

}

.section {

  box-shadow: 0 0 .15em .15em rgba(0, 0, 0, .125);

  margin: 1.2em 0

}

.section.intro {

  background: rgb(255 255 255 / 55%);

}

.no-wrap {

  display: inline-block;

}

#container, #container > *:first-child {

  border-top-left-radius: 2em;

}

#container, #container > *:last-child, #container > *:last-child > *:last-child {

  border-bottom-right-radius: 2em;

}

.header .small-labels .group::before, .header .small-labels .label::before {

  color: #eee;

}

.identities .small-labels .group::before, .identities .small-labels .label::before {

  color: #333;

}

@media (max-width: 768px) {

  body {

    padding: 0;

  }

  #container {

    padding: 0;

  }

  #container, #container > *:first-child {

    border-top-left-radius: 0;

  }

  #container, #container > *:last-child, #container > *:last-child > *:last-child {

    border-bottom-right-radius: 0;

  }

  .section.header {

    background: rgba(0, 0, 0, 0.75);

  }

  .intro .block .split {

    padding: 0 0.5em;

  }

  .intro p {

    border-left: none;

    padding: 0.2em;

  }

}