*,
::before,
::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

ul {
  list-style-type: none;
}

body {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: auto;
  background: #fff;
  font: .14rem/.21rem PingFangSC, PingFang SC;
}



@media screen and (min-width: 769px) {
  /* html {
    font-size: 100px;
  } */

  .cw-content {
    width: 1200px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: calc(100vw / 3.75);
  }
}

html,
.dark {

  /* common */
  --bgc: #131622;
  --color: #fff;
  --second-color: rgba(255, 255, 255, .6);
  --title-color: #fff;
  --subtitle-color: #FFA91C;

  /* btn */
  --btn-bgc: #7751FF;
  --btn-bdc: #7751ff;
  --btn-color: #fff;
  --btn-outline-color: #7751ff;
}

.light {
  /* common */
  --bgc: #fff;
  --color: #000;
  --second-color: rgba(0, 0, 0, .6);
  --title-color: #000;
}