/* Wlite Live - merged common + pc + mobile (device switch via JS) */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
  background: #000;
  -webkit-font-smoothing: antialiased;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}

.pc-page {
  width: 100%;
}
.pc-page .italic {
  font-style: italic;
}
.pc-page html {
  font-size: 37.5px;
}
.pc-page .page {
  background-color: rgb(0, 0, 0);
  position: relative;
  width: 51.2rem;
  height: 72.08rem;
  overflow: hidden;
  margin: 0 auto;
}
.pc-page .box_1 {
  background-color: rgb(216, 216, 216);
  height: 17.547rem;
  width: 51.2rem;
}
.pc-page .block_1 {
  background-color: rgb(0, 0, 0);
  width: 51.2rem;
  height: 17.547rem;
}
.pc-page .block_2 {
  position: relative;
  width: 29.814rem;
  height: 17.547rem;
  background: url(./pc/header-left-bg.png) 100% no-repeat;
  background-size: 100% 100%;
}
.pc-page .image_1 {
  width: 2.134rem;
  height: 2.134rem;
  margin: 6.854rem 0 0 6.934rem;
}
.pc-page .text_1 {
  width: 22.56rem;
  height: 2.934rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.867rem;
  font-family: Roboto-BlackItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.934rem;
  margin: 6.454rem -2.214rem 0 0.4rem;
}
.pc-page .box_2 {
  position: absolute;
  left: 0;
  top: 8.4rem;
  width: 51.2rem;
  height: 9.147rem;
  background: url(./pc/header-intro-bg.png) 100% no-repeat;
  background-size: 100% 100%;
}
.pc-page .text-wrapper_1 {
  background-color: rgb(235, 72, 167);
  border-radius: 8px;
  height: 1.334rem;
  width: 10.18rem;
  margin: 1.84rem 0 0 6.934rem;
}
.pc-page .text_2 {
  width: 9.814rem;
  height: 0.96rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.746rem;
  font-family: Roboto-BoldItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 0.96rem;
  margin: 0.16rem 0 0 0.534rem;
}
.pc-page .text_3 {
  width: 37.334rem;
  height: 4.267rem;
  overflow-wrap: break-word;
  color: #b0b0b0;
  font-size: 0.533rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: left;
  line-height: 0.854rem;
  margin: 1.707rem 0 0 6.96rem;
}
.pc-page .group_1 {
  position: absolute;
  left: 0;
  top: -8.4rem;
  width: 6.934rem;
  height: 17.547rem;
  background: url(./pc/header-left-deco.png) 100% no-repeat;
  background-size: 100% 100%;
}
.pc-page .group_2 {
  position: absolute;
  left: 42.16rem;
  top: -8.4rem;
  width: 9.04rem;
  height: 17.547rem;
  background: url(./pc/header-right-deco.png) 100% no-repeat;
  background-size: 100% 100%;
}
.pc-page .image_2 {
  width: 19.387rem;
  height: 17.067rem;
  margin-top: 0.48rem;
}
.pc-page .box_3 {
  background-image: url(./pc/showcase-section-bg.png);
  height: 26.4rem;
  overflow: hidden;
  width: 51.2rem;
  position: relative;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.pc-page .section_1 {
  background-color: rgb(0, 0, 0);
  position: relative;
  width: 51.2rem;
  height: 26.4rem;
}
.pc-page .image_3 {
  width: 14.08rem;
  height: 2rem;
}
.pc-page .image_4 {
  width: 26.107rem;
  height: 14rem;
}
.pc-page .box_4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 51.2rem;
  height: 14rem;
  background: url(./pc/showcase-overlay.png) 100% no-repeat;
  background-size: 100% 100%;
}
.pc-page .section_2 {
  position: absolute;
  left: 1.12rem;
  top: 0;
  width: 51.227rem;
  height: 25.014rem;
  background: url(./pc/showcase-main-bg.png) -0.027rem 0rem no-repeat;
  background-size: 50.107rem 25.04rem;
}
.pc-page .text-group_1 {
  width: 25.067rem;
  height: 6.134rem;
  margin: 18.4rem 0 0 5.814rem;
}
.pc-page .text-wrapper_2 {
  width: 8.747rem;
  height: 2.934rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Roboto-BlackItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.934rem;
}
.pc-page .text_4 {
  width: 8.747rem;
  height: 2.934rem;
  overflow-wrap: break-word;
  color: rgb(235, 72, 167);
  font-size: 2.08rem;
  font-family: Roboto-BlackItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.934rem;
}
.pc-page .text_5 {
  width: 8.747rem;
  height: 2.934rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 2.08rem;
  font-family: Roboto-BlackItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.934rem;
}
.pc-page .text_6 {
  width: 25.067rem;
  height: 2.56rem;
  overflow-wrap: break-word;
  color: #8b8b8b;
  font-size: 0.533rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: left;
  line-height: 0.854rem;
  margin-top: 0.64rem;
}
.pc-page .box_5 {
  width: 9.04rem;
  height: 26.4rem;
  background: url(./pc/showcase-right-deco.png) 100% no-repeat;
  background-size: 100% 100%;
  margin: 0 1.147rem 0 10.16rem;
}
.pc-page .text-group_2 {
  position: absolute;
  left: 5.814rem;
  top: 18.4rem;
  width: 25.067rem;
  height: 6.134rem;
}
.pc-page .text-wrapper_2 {
  width: 8.747rem;
  height: 2.934rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Roboto-BlackItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.934rem;
}
.pc-page .text_4 {
  width: 8.747rem;
  height: 2.934rem;
  overflow-wrap: break-word;
  color: rgb(235, 72, 167);
  font-size: 2.08rem;
  font-family: Roboto-BlackItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.934rem;
}
.pc-page .text_5 {
  width: 8.747rem;
  height: 2.934rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 2.08rem;
  font-family: Roboto-BlackItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.934rem;
}
.pc-page .text_6 {
  width: 25.067rem;
  height: 2.56rem;
  overflow-wrap: break-word;
  color: #8b8b8b;
  font-size: 0.533rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: left;
  line-height: 0.854rem;
  margin-top: 1.4rem;
}
.pc-page .box_6 {
  position: absolute;
  left: -1.12rem;
  top: 0;
  width: 6.934rem;
  height: 26.4rem;
  background: url(./pc/showcase-left-deco.png) 100% no-repeat;
  background-size: 100% 100%;
}
.pc-page .box_7 {
  border-radius: 1px;
  background-image: url(./pc/google-play-btn.png);
  position: absolute !important;
  left: 33.547rem;
  top: 23.114rem;
  width: 9.6rem;
  height: 2.88rem;
  position: relative;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 22;
  cursor: pointer;
}
.pc-page .box_8 {
  width: 51.2rem;
  height: 28.16rem;
  margin-bottom: 0.027rem;
}
.pc-page .group_3 {
  width: 51.2rem;
  height: 24.24rem;
  background: url(./pc/coins-section-bg.png) 100% no-repeat;
  background-size: 100% 100%;
}
.pc-page .text_7 {
  width: 8.054rem;
  height: 1.6rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.28rem;
  font-family: Roboto-BlackItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 1.6rem;
  margin: 0.4rem 0 0 6.934rem;
}
.pc-page .group_4 {
  width: 37.174rem;
  height: 18.667rem;
  background: url(./pc/coins-panel-bg.png) 100% no-repeat;
  background-size: 100% 100%;
  margin: 0.32rem 0 1.6rem 7.094rem;
}
.pc-page .group_5 {
  width: 8.614rem;
  height: 3.947rem;
  margin: 7.36rem 0 0 1.174rem;
}
.pc-page .section_3 {
  border-radius: 12px;
  background-image: url(./pc/pci-badge.png);
  width: 4.96rem;
  height: 2.134rem;
  margin-left: 1.84rem;
  position: relative;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.pc-page .text_8 {
  width: 8.614rem;
  height: 0.9rem;
  color: rgb(235, 72, 167);
  font-size: 0.58rem;
  font-family: Roboto-BlackItalic;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 0.96rem;
  margin-top: 0.64rem;
}
.pc-page .grid_1 {
  width: 24.987rem;
  height: 16.534rem;
  flex-wrap: wrap;
  margin: 1.067rem 1.067rem 0 1.334rem;
}
.pc-page .list-items_1-0 {
  border-radius: 24px;
  width: 8.054rem;
  height: 8.054rem;
  border: 4px solid rgba(255, 255, 255, 0.2);
  margin: 0 0.4rem 0.427rem 0;
}
.pc-page .image-text_1-0 {
  width: 2.667rem;
  height: 4.934rem;
  margin: 0.854rem 0 0 2.694rem;
}
.pc-page .image_5-0 {
  width: 2.667rem;
  height: 2.667rem;
}
.pc-page .text-group_3-0 {
  width: 1.787rem;
  height: 2.054rem;
  margin: 0.214rem 0 0 0.427rem;
}
.pc-page .text_9-0 {
  width: 3.227rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.013rem;
  font-family: Roboto-Black;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.334rem;
}
.pc-page .text_10-0 {
  width: 1.787rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  font-size: 0.586rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: -0.027rem 0 0 0.427rem;
  color: #ccc;
  text-decoration: line-through;
}
.pc-page .text-wrapper_3-0 {
  background-color: rgb(235, 72, 167);
  border-radius: 28px;
  height: 1.174rem;
  width: 6.987rem;
  margin: 0.56rem 0 0.534rem 0.534rem;
}
.pc-page .text_11-0 {
  width: 1.947rem;
  height: 0.694rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.533rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.694rem;
  margin: 0.24rem 0 0 3.127rem;
}
.pc-page .list-items_1-1 {
  border-radius: 24px;
  width: 8.054rem;
  height: 8.054rem;
  border: 4px solid rgba(255, 255, 255, 0.2);
  margin: 0 0.4rem 0.427rem 0;
}
.pc-page .image-text_1-1 {
  width: 2.667rem;
  height: 4.934rem;
  margin: 0.854rem 0 0 2.694rem;
}
.pc-page .image_5-1 {
  width: 2.667rem;
  height: 2.667rem;
}
.pc-page .text-group_3-1 {
  width: 1.787rem;
  height: 2.054rem;
  margin: 0.214rem 0 0 0.427rem;
}
.pc-page .text_9-1 {
  width: 3.227rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.013rem;
  font-family: Roboto-Black;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.334rem;
}
.pc-page .text_10-1 {
  width: 1.787rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  font-size: 0.586rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: -0.027rem 0 0 0.427rem;
  color: #ccc;
  text-decoration: line-through;
}
.pc-page .text-wrapper_3-1 {
  background-color: rgb(235, 72, 167);
  border-radius: 28px;
  height: 1.174rem;
  width: 6.987rem;
  margin: 0.56rem 0 0.534rem 0.534rem;
}
.pc-page .text_11-1 {
  width: 1.947rem;
  height: 0.694rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.533rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.694rem;
  margin: 0.24rem 0 0 2.527rem;
}
.pc-page .list-items_1-2 {
  border-radius: 24px;
  width: 8.054rem;
  height: 8.054rem;
  border: 4px solid rgba(255, 255, 255, 0.2);
  margin: 0 0.4rem 0.427rem 0;
  margin-right: 0;
}
.pc-page .image-text_1-2 {
  width: 2.667rem;
  height: 4.934rem;
  margin: 0.854rem 0 0 2.694rem;
}
.pc-page .image_5-2 {
  width: 2.667rem;
  height: 2.667rem;
}
.pc-page .text-group_3-2 {
  width: 1.787rem;
  height: 2.054rem;
  margin: 0.214rem 0 0 0.427rem;
}
.pc-page .text_9-2 {
  width: 3.227rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.013rem;
  font-family: Roboto-Black;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.334rem;
}
.pc-page .text_10-2 {
  width: 1.787rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  font-size: 0.586rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: -0.027rem 0 0 0.427rem;
  color: #ccc;
  text-decoration: line-through;
}
.pc-page .text-wrapper_3-2 {
  background-color: rgb(235, 72, 167);
  border-radius: 28px;
  height: 1.174rem;
  width: 6.987rem;
  margin: 0.56rem 0 0.534rem 0.534rem;
}
.pc-page .text_11-2 {
  width: 1.947rem;
  height: 0.694rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.533rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.694rem;
  margin: 0.24rem 0 0 2.527rem;
}
.pc-page .list-items_1-3 {
  border-radius: 24px;
  width: 8.054rem;
  height: 8.054rem;
  border: 4px solid rgba(255, 255, 255, 0.2);
  margin: 0 0.4rem 0.427rem 0;
  margin-bottom: 0;
}
.pc-page .image-text_1-3 {
  width: 2.667rem;
  height: 4.934rem;
  margin: 0.854rem 0 0 2.694rem;
}
.pc-page .image_5-3 {
  width: 2.667rem;
  height: 2.667rem;
}
.pc-page .text-group_3-3 {
  width: 1.787rem;
  height: 2.054rem;
  margin: 0.214rem 0 0 0.427rem;
}
.pc-page .text_9-3 {
  width: 3.227rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.013rem;
  font-family: Roboto-Black;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.334rem;
}
.pc-page .text_10-3 {
  width: 1.787rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  font-size: 0.586rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: -0.027rem 0 0 0.427rem;
  color: #ccc;
  text-decoration: line-through;
}
.pc-page .text-wrapper_3-3 {
  background-color: rgb(235, 72, 167);
  border-radius: 28px;
  height: 1.174rem;
  width: 6.987rem;
  margin: 0.56rem 0 0.534rem 0.534rem;
}
.pc-page .text_11-3 {
  width: 1.947rem;
  height: 0.694rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.533rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.694rem;
  margin: 0.24rem 0 0 2.527rem;
}
.pc-page .list-items_1-4 {
  border-radius: 24px;
  width: 8.054rem;
  height: 8.054rem;
  border: 4px solid rgba(255, 255, 255, 0.2);
  margin: 0 0.4rem 0.427rem 0;
  margin-bottom: 0;
}
.pc-page .image-text_1-4 {
  width: 2.667rem;
  height: 4.934rem;
  margin: 0.854rem 0 0 2.694rem;
}
.pc-page .image_5-4 {
  width: 2.667rem;
  height: 2.667rem;
}
.pc-page .text-group_3-4 {
  width: 1.787rem;
  height: 2.054rem;
  margin: 0.214rem 0 0 0.427rem;
}
.pc-page .text_9-4 {
  width: 3.227rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.013rem;
  font-family: Roboto-Black;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.334rem;
}
.pc-page .text_10-4 {
  width: 1.787rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  font-size: 0.586rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: -0.027rem 0 0 0.427rem;
  color: #ccc;
  text-decoration: line-through;
}
.pc-page .text-wrapper_3-4 {
  background-color: rgb(235, 72, 167);
  border-radius: 28px;
  height: 1.174rem;
  width: 6.987rem;
  margin: 0.56rem 0 0.534rem 0.534rem;
}
.pc-page .text_11-4 {
  width: 1.947rem;
  height: 0.694rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.533rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.694rem;
  margin: 0.24rem 0 0 2.527rem;
}
.pc-page .list-items_1-5 {
  border-radius: 24px;
  width: 8.054rem;
  height: 8.054rem;
  border: 4px solid rgba(255, 255, 255, 0.2);
  margin: 0 0.4rem 0.427rem 0;
  margin-right: 0;
  margin-bottom: 0;
}
.pc-page .image-text_1-5 {
  width: 2.667rem;
  height: 4.934rem;
  margin: 0.854rem 0 0 2.694rem;
}
.pc-page .image_5-5 {
  width: 2.667rem;
  height: 2.667rem;
}
.pc-page .text-group_3-5 {
  width: 1.787rem;
  height: 2.054rem;
  margin: 0.214rem 0 0 0.427rem;
}
.pc-page .text_9-5 {
  width: 3.227rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.013rem;
  font-family: Roboto-Black;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.334rem;
}
.pc-page .text_10-5 {
  width: 1.787rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  font-size: 0.586rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: -0.027rem 0 0 0.427rem;
  color: #ccc;
  text-decoration: line-through;
}
.pc-page .text-wrapper_3-5 {
  background-color: rgb(235, 72, 167);
  border-radius: 28px;
  height: 1.174rem;
  width: 6.987rem;
  margin: 0.56rem 0 0.534rem 0.534rem;
}
.pc-page .text_11-5 {
  width: 1.947rem;
  height: 0.694rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.533rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.694rem;
  margin: 0.24rem 0 0 2.527rem;
}
.pc-page .group_8 {
  background-color: rgb(0, 0, 0);
  width: 51.174rem;
  height: 3.894rem;
  margin: 0 0 0.027rem 0.027rem;
}
.pc-page .list_1 {
  width: 37.334rem;
  height: 1.28rem;
  justify-content: space-between;
  margin: 0.854rem 0 0 6.934rem;
}
.pc-page .text-wrapper_4-0,
.pc-page .text-wrapper_4-1,
.pc-page .text-wrapper_4-2 {
  border-radius: 40px;
  height: 1.28rem;
  border: 2px solid rgb(51, 51, 51);
  margin-right: 0.427rem;
  width: 12.16rem;
  cursor: pointer;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.pc-page .text-wrapper_4-0:hover,
.pc-page .text-wrapper_4-1:hover,
.pc-page .text-wrapper_4-2:hover {
  border-color: rgb(235, 72, 167);
  box-shadow: 0 0 0.267rem rgba(235, 72, 167, 0.35);
}
.pc-page .text_13-0 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.4rem;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 0.854rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pc-page .text_13-1 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.4rem;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 0.854rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pc-page .text_13-2 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.4rem;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 0.854rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pc-page .text_14 {
  overflow-wrap: break-word;
  color: #d8d8d8;
  font-size: 0.4rem;
  font-family: Roboto-Regular;
  font-weight: bold;
  text-align: center;
  line-height: 0.64rem;
  margin: 0.48rem 1.6rem 0;
  white-space: normal;
  letter-spacing: 0.01em;
}
.pc-page .list-items_1-0.selected,
.pc-page .list-items_1-1.selected,
.pc-page .list-items_1-2.selected,
.pc-page .list-items_1-3.selected,
.pc-page .list-items_1-4.selected,
.pc-page .list-items_1-5.selected {
  border: 2px solid rgb(235, 72, 167);
  box-shadow: 0 0 10px rgba(235, 72, 167, 0.5);
}

.mobile-page {
  /* 选中状态的样式 */
}
.mobile-page html {
  font-size: 37.5px;
}
.mobile-page .google-play-btn {
  position: absolute;
  left: 3.147rem;
  top: 1.186rem;
  width: 3.6rem;
  height: 1.08rem;
  cursor: pointer;
}
.mobile-page .page {
  background-color: rgb(0, 0, 0);
  position: relative;
  width: 10rem;
  height: 37.414rem; /* JS layoutMobileSections() will adjust */
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 18.24rem;
}
.mobile-page .group_1 {
  background-color: rgb(216, 216, 216);
  /* border: 0.5px solid rgba(151, 151, 151, 1); */
}
.mobile-page .box_1 {
  background-color: rgb(0, 0, 0);
  position: relative;
  width: 10rem;
}
.mobile-page .text-wrapper_1 {
  background: url(./mobile/header-status-bg.png) 100% no-repeat;
  background-size: 100% 100%;
  padding: 0.374rem 3.787rem 2.614rem 0.827rem;
}
.mobile-page .text_37 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.454rem;
}
.mobile-page .image_1 {
  width: 3.814rem;
  height: 3.36rem;
  margin-top: 0.08rem;
}
.mobile-page .box_2 {
  height: 1.787rem;
  background: url(./mobile/header-title-bg.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 10rem;
  position: absolute;
  left: 0;
  top: 1.654rem;
  padding: 0.907rem 3.734rem 0.347rem 1.04rem;
}
.mobile-page .text_2 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.44rem;
  font-family: Roboto-BlackItalic;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  letter-spacing: -0.01em;
}
.mobile-page .image-wrapper_1 {
  height: 3.44rem;
  background: url(./mobile/header-left-deco.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 1.36rem;
  position: absolute;
  left: 0;
  top: -1.653rem;
  padding: 2.56rem 0.427rem 0.347rem 0.4rem;
}
.mobile-page .thumbnail_1 {
  width: 0.534rem;
  height: 0.534rem;
}
.mobile-page .image-wrapper_2 {
  height: 3.44rem;
  background: url(./mobile/header-right-deco.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 1.76rem;
  position: absolute;
  left: 8.24rem;
  top: -1.653rem;
  padding: 0.48rem 0.747rem 2.694rem 0.374rem;
}
.mobile-page .image_8 {
  width: 0.64rem;
  height: 0.267rem;
}
.mobile-page .thumbnail_4 {
  position: absolute;
  left: -0.106rem;
  top: 0.48rem;
  width: 0.347rem;
  height: 0.24rem;
}
.mobile-page .section_4 {
  position: relative;
  padding: 1.28rem 0 1.254rem 0;
}
.mobile-page .text_3 {
  width: 9.2rem;
  height: 5.894rem;
  overflow-wrap: break-word;
  color: #b5b5b5;
  font-size: 0.29rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: left;
  line-height: 0.454rem;
  align-self: center;
}
.mobile-page .group_3 {
  background-image: url(./mobile/showcase-bg.png);
  /* border: 0.5px solid rgba(151, 151, 151, 1); */
  margin-top: 0.267rem;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mobile-page .box_3 {
  background-color: rgb(0, 0, 0);
  position: relative;
  width: 10rem;
  padding-bottom: 2.16rem;
}
.mobile-page .image_3 {
  width: 2.667rem;
  height: 0.374rem;
  margin-bottom: 2.374rem;
}
.mobile-page .image_4 {
  width: 5.094rem;
  height: 2.747rem;
}
.mobile-page .block_1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 10rem;
  height: 2.747rem;
  background: url(./mobile/showcase-overlay-top.png) 100% no-repeat;
  background-size: 100% 100%;
}
.mobile-page .block_2 {
  position: absolute;
  left: 0.214rem;
  top: 0;
  width: 9.787rem;
  height: 4.907rem;
  background: url(./mobile/showcase-overlay-main.png) 100% no-repeat;
  background-size: 100% 100%;
  padding-left: 0.16rem;
}
.mobile-page .text-wrapper_2 {
  width: 1.92rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Roboto-BlackItalic;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  margin: 4.107rem 0 0.267rem 0;
}
.mobile-page .text_4 {
  overflow-wrap: break-word;
  color: rgb(235, 72, 167);
  font-size: 0.453rem;
  font-family: Roboto-BlackItalic;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
}
.mobile-page .text_5 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.453rem;
  font-family: Roboto-BlackItalic;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
}
.mobile-page .image_5 {
  width: 1.76rem;
  height: 4.907rem;
}
.mobile-page .image_6 {
  position: absolute;
  left: -0.213rem;
  top: 0;
  width: 1.36rem;
  height: 4.907rem;
}
.mobile-page .text_6 {
  width: 9.2rem;
  height: 2.134rem;
  overflow-wrap: break-word;
  color: #a0a0a0;
  font-size: 0.29rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: left;
  line-height: 0.427rem;
  margin: 0 0.427rem 0 0.374rem;
}
.mobile-page .text-wrapper_3 {
  background-color: rgb(235, 72, 167);
  border-radius: 8px;
  height: 0.88rem;
  width: 4.2rem;
  position: absolute;
  left: 0.4rem;
  top: -0.026rem;
  padding: 0.214rem 0.347rem 0.214rem 0.347rem;
}
.mobile-page .text_7 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-BoldItalic;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  line-height: 0.454rem;
}
.mobile-page .group_9 {
  position: absolute;
  left: 0;
  top: 19.147rem;
  width: 10rem;
  height: auto;
  min-height: 13.2rem;
  background: url(./mobile/coins-section-bg.png) center top / 100% 100% no-repeat;
  /* shorter top pad so legal-notice + 2 package rows + secure bar fit without overlap */
  padding: 3.6rem 0.4rem 0.48rem 0.4rem;
  overflow: visible;
}
.mobile-page .text_13 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.453rem;
  font-family: Roboto-BlackItalic;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  margin-right: 6.347rem;
}
.mobile-page .box_8 {
  margin-top: 0.08rem;
}
.mobile-page .section_1 {
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  padding: 0.214rem 0.16rem 0.16rem 0.16rem;
}
.mobile-page .image-text_11 {
  width: 0.8rem;
  align-self: center;
}
.mobile-page .label_2 {
  width: 0.8rem;
  height: 0.8rem;
}
.mobile-page .text-group_9 {
  margin: 0.107rem 0.107rem 0 0.134rem;
}
.mobile-page .text_19 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-Black;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.427rem;
}
.mobile-page .text_20 {
  overflow-wrap: break-word;
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.374rem;
  align-self: center;
  margin-top: 0.054rem;
  color: #5c4d5d;
  text-decoration: line-through;
}
.mobile-page .text-wrapper_8 {
  background-color: rgb(235, 72, 167);
  border-radius: 13px;
  margin-top: 0.107rem;
  padding: 0.134rem 0.907rem 0.107rem 0.907rem;
}
.mobile-page .text_21 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.347rem;
}
.mobile-page .section_2 {
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.187rem;
  padding: 0.214rem 0.16rem 0.16rem 0.16rem;
}
.mobile-page .image-text_12 {
  margin: 0 0.827rem 0 0.854rem;
}
.mobile-page .label_3 {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.027rem;
}
.mobile-page .text-group_10 {
  margin-top: 0.107rem;
}
.mobile-page .text_22 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-Black;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.427rem;
}
.mobile-page .text_23 {
  overflow-wrap: break-word;
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.374rem;
  align-self: center;
  margin-top: 0.054rem;
  color: #5c4d5d;
  text-decoration: line-through;
}
.mobile-page .text-wrapper_9 {
  background-color: rgb(235, 72, 167);
  border-radius: 13px;
  margin-top: 0.107rem;
  padding: 0.134rem 0.907rem 0.107rem 0.907rem;
}
.mobile-page .text_24 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.347rem;
}
.mobile-page .section_3 {
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.214rem;
  padding: 0.214rem 0.16rem 0.16rem 0.16rem;
}
.mobile-page .image-text_13 {
  margin: 0 0.827rem 0 0.854rem;
}
.mobile-page .label_4 {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.027rem;
}
.mobile-page .text-group_11 {
  margin-top: 0.107rem;
}
.mobile-page .text_25 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-Black;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.427rem;
}
.mobile-page .text_26 {
  overflow-wrap: break-word;
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.374rem;
  align-self: center;
  margin-top: 0.054rem;
  color: #5c4d5d;
  text-decoration: line-through;
}
.mobile-page .text-wrapper_10 {
  background-color: rgb(235, 72, 167);
  border-radius: 13px;
  margin-top: 0.107rem;
  padding: 0.134rem 0.907rem 0.107rem 0.907rem;
}
.mobile-page .text_27 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.347rem;
}
.mobile-page .box_9 {
  margin-top: 0.12rem;
}
.mobile-page .box_5 {
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  padding: 0.214rem 0.16rem 0.16rem 0.16rem;
}
.mobile-page .image-text_14 {
  margin: 0 0.827rem 0 0.854rem;
}
.mobile-page .label_5 {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.027rem;
}
.mobile-page .text-group_12 {
  margin-top: 0.107rem;
}
.mobile-page .text_28 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-Black;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.427rem;
}
.mobile-page .text_29 {
  overflow-wrap: break-word;
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.374rem;
  align-self: center;
  margin-top: 0.054rem;
  color: #5c4d5d;
  text-decoration: line-through;
}
.mobile-page .text-wrapper_11 {
  background-color: rgb(235, 72, 167);
  border-radius: 13px;
  margin-top: 0.107rem;
  padding: 0.134rem 0.907rem 0.107rem 0.907rem;
}
.mobile-page .text_30 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.347rem;
}
.mobile-page .box_6 {
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.187rem;
  padding: 0.214rem 0.16rem 0.16rem 0.16rem;
}
.mobile-page .image-text_15 {
  width: 1.014rem;
  align-self: center;
}
.mobile-page .label_6 {
  width: 0.8rem;
  height: 0.8rem;
  align-self: center;
}
.mobile-page .text-group_13 {
  margin-top: 0.107rem;
}
.mobile-page .text_31 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-Black;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.427rem;
}
.mobile-page .text_32 {
  overflow-wrap: break-word;
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.374rem;
  margin: 0.054rem 0.08rem 0 0.107rem;
  color: #5c4d5d;
  text-decoration: line-through;
}
.mobile-page .text-wrapper_12 {
  background-color: rgb(235, 72, 167);
  border-radius: 13px;
  margin-top: 0.107rem;
  padding: 0.134rem 0.907rem 0.107rem 0.907rem;
}
.mobile-page .text_33 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.347rem;
}
.mobile-page .box_7 {
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.214rem;
  padding: 0.214rem 0.16rem 0.16rem 0.16rem;
}
.mobile-page .image-text_16 {
  width: 1.014rem;
  align-self: center;
}
.mobile-page .label_7 {
  width: 0.8rem;
  height: 0.8rem;
  align-self: center;
}
.mobile-page .text-group_14 {
  margin-top: 0.107rem;
}
.mobile-page .text_34 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-Black;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.427rem;
}
.mobile-page .text_35 {
  overflow-wrap: break-word;
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.374rem;
  margin: 0.054rem 0.08rem 0 0.107rem;
  color: #5c4d5d;
  text-decoration: line-through;
}
.mobile-page .text-wrapper_13 {
  background-color: rgb(235, 72, 167);
  border-radius: 13px;
  margin-top: 0.107rem;
  padding: 0.134rem 0.907rem 0.107rem 0.907rem;
}
.mobile-page .text_36 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.266rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.347rem;
}
.mobile-page .group_10 {
  background: url(./mobile/secure-banner-bg.png) 100% no-repeat;
  background-size: 100% 100%;
  margin: 0.32rem 0 0 0.027rem;
  padding: 0.374rem 1.92rem 0.374rem 0.614rem;
  position: relative;
  z-index: 2;
}
.mobile-page .image-text_17 {
  width: 6.64rem;
}
.mobile-page .group_11 {
  border-radius: 6px;
  background-image: url(./mobile/pci-badge.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.347rem;
  height: 1.014rem;
}
.mobile-page .text_17 {
  overflow-wrap: break-word;
  color: rgb(235, 72, 167);
  font-size: 0.373rem;
  font-family: Roboto-BlackItalic;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  line-height: 0.427rem;
  margin-top: 0.294rem;
  margin-left: 0.294rem;
}
.mobile-page .list-items_1 {
  border-radius: 7px;
  background-image: url(./mobile/package-preview-1.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0.4rem;
  top: -0.586rem;
  width: 2.16rem;
  height: 4.64rem;
  /* border: 0.5px solid rgba(151, 151, 151, 1); */
}
.mobile-page .group_14 {
  border-radius: 7px;
  background-image: url(./mobile/package-preview-2.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 2.747rem;
  top: -0.586rem;
  width: 2.16rem;
  height: 4.64rem;
  /* border: 0.5px solid rgba(151, 151, 151, 1); */
}
.mobile-page .group_15 {
  border-radius: 7px;
  background-image: url(./mobile/package-preview-3.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 5.094rem;
  top: -0.586rem;
  width: 2.16rem;
  height: 4.64rem;
  /* border: 0.5px solid rgba(151, 151, 151, 1); */
}
.mobile-page .group_16 {
  border-radius: 8px;
  background-image: url(./mobile/package-preview-4.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 7.44rem;
  top: -0.586rem;
  width: 2.16rem;
  height: 4.64rem;
  /* border: 0.5px solid rgba(151, 151, 151, 1); */
}
.mobile-page .section_5 {
  position: absolute;
  left: 0;
  top: 32.7rem; /* JS layoutMobileSections() will sync under group_9 */
  width: 10rem;
  height: auto;
  min-height: 3.2rem;
  padding: 0.32rem 0 0.4rem 0;
}
.mobile-page .group_7 {
  background-color: rgb(0, 0, 0);
  padding: 0.29rem 0.4rem 0.267rem 0.4rem;
}
.mobile-page .group_18 {
  width: 9.2rem;
}
.mobile-page .text-wrapper_4 {
  border-radius: 18px;
  border: 1.5px solid rgb(51, 51, 51);
  padding: 0.187rem 0.427rem 0.187rem 0.4rem;
}
.mobile-page .text_9 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.48rem;
}
.mobile-page .text-wrapper_5 {
  border-radius: 18px;
  border: 1.5px solid rgb(51, 51, 51);
  padding: 0.187rem 0.454rem 0.187rem 0.48rem;
}
.mobile-page .text_10 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.48rem;
}
.mobile-page .text-wrapper_6 {
  border-radius: 18px;
  border: 1.5px solid rgb(51, 51, 51);
  padding: 0.187rem 0.4rem 0.187rem 0.454rem;
}
.mobile-page .text_11 {
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.29rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  line-height: 0.48rem;
}
.mobile-page .text_12 {
  width: 9.2rem;
  min-height: 0.907rem;
  height: auto;
  overflow-wrap: break-word;
  color: #c8c8c8;
  font-size: 0.29rem;
  font-family: Roboto-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 0.42rem;
  margin-top: 0.214rem;
  white-space: normal;
}
.mobile-page .section_1,
.mobile-page .section_2,
.mobile-page .section_3,
.mobile-page .box_5,
.mobile-page .box_6,
.mobile-page .box_7 {
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}
.mobile-page .section_1.selected,
.mobile-page .section_2.selected,
.mobile-page .section_3.selected,
.mobile-page .box_5.selected,
.mobile-page .box_6.selected,
.mobile-page .box_7.selected {
  border: 1.5px solid rgb(235, 72, 167);
  box-shadow: 0 0 0.267rem rgba(235, 72, 167, 0.5);
}

/* Device view: toggled by flexible.js + index script */
.pc-page,
.mobile-page {
  display: none;
}

/* Legal notice under Coins Package */

.pc-page .list-items_1-0,
.pc-page .list-items_1-1,
.pc-page .list-items_1-2,
.pc-page .list-items_1-3,
.pc-page .list-items_1-4,
.pc-page .list-items_1-5 {
  cursor: pointer;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}

.pc-page .list-items_1-0:hover,
.pc-page .list-items_1-1:hover,
.pc-page .list-items_1-2:hover,
.pc-page .list-items_1-3:hover,
.pc-page .list-items_1-4:hover,
.pc-page .list-items_1-5:hover {
  border-color: rgba(235, 72, 167, 0.65);
}

.mobile-page .google-play-btn:active {
  opacity: 0.85;
}

.mobile-page .text-wrapper_4,
.mobile-page .text-wrapper_5,
.mobile-page .text-wrapper_6 {
  cursor: pointer;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.mobile-page .text-wrapper_4:active,
.mobile-page .text-wrapper_5:active,
.mobile-page .text-wrapper_6:active {
  border-color: rgb(235, 72, 167);
}


/* ========== Mobile coins + footer (flow layout, semantic names) ========== */
.mobile-page .page {
  height: auto !important;
  min-height: 100vh;
  padding-bottom: 0 !important;
  overflow: visible !important;
}

.mobile-page .coins-section {
  position: relative;
  z-index: 2;
  width: 10rem;
  margin: 0 auto;
  padding: 0.72rem 0.4rem 0.64rem;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(28, 8, 32, 0.55) 28%, rgba(12, 4, 16, 0.92) 100%),
    url(./mobile/coins-section-bg.png) center top / 100% auto no-repeat;
  background-color: #0a050c;
}

.mobile-page .coins-section__store {
  display: block;
  width: 3.6rem;
  height: auto;
  margin: 0 auto 0.48rem;
  cursor: pointer;
}

.mobile-page .coins-section__header {
  margin-bottom: 0.32rem;
}

.mobile-page .coins-section__title {
  margin: 0 0 0.16rem;
  color: #fff;
  font-size: 0.48rem;
  line-height: 0.64rem;
  font-family: Roboto-BlackItalic, Roboto, Helvetica Neue, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}

.mobile-page .coins-section__legal {
  margin: 0;
  color: #f3c7df;
  font-size: 0.32rem;
  line-height: 0.44rem;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Arial, sans-serif;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

.mobile-page .coin-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.24rem;
  margin: 0.28rem 0 0.4rem;
}

.mobile-page .coin-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 2.88rem;
  padding: 0.24rem 0.12rem 0.2rem;
  border-radius: 0.28rem;
  border: 1.5px solid rgba(255, 255, 255, 0.22);
  background: rgba(20, 8, 28, 0.45);
  cursor: pointer;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}

.mobile-page .coin-card:active {
  transform: scale(0.98);
}

.mobile-page .coin-card.is-selected {
  border-color: rgb(235, 72, 167);
  box-shadow: 0 0 0.28rem rgba(235, 72, 167, 0.55);
}

.mobile-page .coin-card__icon {
  width: 0.8rem;
  height: 0.8rem;
  margin-bottom: 0.08rem;
  object-fit: contain;
}

.mobile-page .coin-card__amounts {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.16rem;
}

.mobile-page .coin-card__amount {
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.44rem;
  font-family: Roboto-Black, Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}

.mobile-page .coin-card__origin {
  color: #8a738c;
  font-size: 0.24rem;
  line-height: 0.34rem;
  text-decoration: line-through;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Arial, sans-serif;
}

.mobile-page .coin-card__price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  padding: 0.12rem 0.28rem;
  border-radius: 999px;
  background: rgb(235, 72, 167);
  color: #fff;
  font-size: 0.266rem;
  line-height: 1;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 600;
}

.mobile-page .secure-banner {
  display: flex;
  align-items: center;
  gap: 0.28rem;
  width: 100%;
  margin: 0.12rem 0 0.2rem;
  padding: 0.32rem 0.4rem;
  border-radius: 0.28rem;
  background: linear-gradient(90deg, #3a1548 0%, #2a0d36 55%, #1a081f 100%);
  border: 1px solid rgba(235, 72, 167, 0.25);
}

.mobile-page .secure-banner__badge {
  width: 2.2rem;
  height: auto;
  flex-shrink: 0;
  border-radius: 0.12rem;
  background: #fff;
}

.mobile-page .secure-banner__text {
  color: rgb(235, 72, 167);
  font-size: 0.32rem;
  line-height: 0.44rem;
  font-family: Roboto-BlackItalic, Roboto, Helvetica Neue, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
  white-space: nowrap;
}

.mobile-page .site-footer {
  position: relative;
  z-index: 2;
  width: 10rem;
  margin: 0 auto;
  padding: 0.4rem 0.4rem 0.64rem;
  background: #000;
}

.mobile-page .site-footer__nav {
  display: flex;
  justify-content: space-between;
  gap: 0.16rem;
  margin-bottom: 0.28rem;
}

.mobile-page .site-footer__link {
  flex: 1;
  min-width: 0;
  padding: 0.2rem 0.12rem;
  border-radius: 999px;
  border: 1.5px solid #333;
  background: transparent;
  color: #fff;
  font-size: 0.266rem;
  line-height: 1.2;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Arial, sans-serif;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.mobile-page .site-footer__link:active {
  border-color: rgb(235, 72, 167);
  color: #ffd0ea;
}

.mobile-page .site-footer__address {
  margin: 0;
  color: #c8c8c8;
  font-size: 0.266rem;
  line-height: 0.4rem;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Arial, sans-serif;
}

/* PC coin cards: keep text inside borders */
.pc-page .list-items_1-0,
.pc-page .list-items_1-1,
.pc-page .list-items_1-2,
.pc-page .list-items_1-3,
.pc-page .list-items_1-4,
.pc-page .list-items_1-5 {
  overflow: hidden;
  box-sizing: border-box;
}

.pc-page [class^="text_9-"],
.pc-page [class^="text_10-"],
.pc-page [class^="text_11-"] {
  position: static !important;
  left: auto !important;
  max-width: 100%;
}

.pc-page [class^="text-wrapper_3-"] {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.pc-page [class^="text-wrapper_3-"] [class^="text_11-"] {
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pc-page [class^="text_9-"] {
  left: 0 !important;
  width: auto !important;
  max-width: 6.2rem;
}

.pc-page [class^="text_10-"] {
  left: 0 !important;
  margin-left: 0 !important;
  width: auto !important;
}

.pc-page .text-group_3-0,
.pc-page .text-group_3-1,
.pc-page .text-group_3-2,
.pc-page .text-group_3-3,
.pc-page .text-group_3-4,
.pc-page .text-group_3-5 {
  align-items: center;
  width: auto;
  margin-left: 0;
}

.pc-page .image-text_1-0,
.pc-page .image-text_1-1,
.pc-page .image-text_1-2,
.pc-page .image-text_1-3,
.pc-page .image-text_1-4,
.pc-page .image-text_1-5 {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.pc-page .pc-legal-notice {
  display: block;
  width: 37.334rem;
  max-width: calc(100% - 13.868rem);
  margin: 0 0 0.12rem 6.934rem;
  color: #f5d0e6;
  font-size: 0.48rem;
  line-height: 0.68rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pc-page .group_5 {
  overflow: visible;
}

.pc-page .text_8 {
  white-space: nowrap !important;
  overflow: visible;
  text-overflow: clip;
  font-size: 0.58rem !important;
  height: 0.96rem !important;
  line-height: 0.96rem !important;
  width: auto !important;
  max-width: none;
  box-sizing: border-box;
}