.container___je6c- {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.slogen___WYkrI {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40vh;
}

.background___2KWVp {
  position: absolute;
  width: 100%;
  height: 100%;
}

.invitee-code-img-container___1aAf1 {
  display: flex;
  position: absolute;
  top: calc(42vh - 4px);
  align-items: center;
  justify-content: space-between;
  width: calc(100vw - 16px);
  height: 40vh;
}

.invitee-code-background___1_KQ- {
  position: absolute;
  width: 100%;
  height: 100%;
}

.code-container___3FInh {
  display: flex;
  position: absolute;
  top: calc(52vh - 8px);
  align-items: center;
  justify-content: space-between;
  width: calc(80vw - 16px);
}

.code-box___3b-Qk {
  width: 40px; /* Adjust the size to match the boxes in the image */
  height: 50px; /* Adjust the size to match the boxes in the image */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  font-weight: bold;
  color: #FB00C3;
  background-color: #FFF0F9;
}

.download-btn___PeUc_ {
  top: 30vh;
  width: calc(80vw - 16px);
  height: 20vh;
  z-index: 1;
  position: absolute;
}

.userlist-container___zCvvJ {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180vw;
  position: relative;
}

.userlist-background___1lHJe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.userlist___3VtYd {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vw;
  width: calc(100vw - 88px);
  margin-top: -16vh;
}

.wic_row___1dS18 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(100vw * 14 / 375);
  width: 100%;
}

.grid_item___1Cult {
  width: calc(100vw * 160 / 375 - 24px);
  height: calc(100vw * 194 / 375 - 24px);
  z-index: 1;
}

.bottom-download-button-container___qGC6M {
  width: calc(80vw - 16px);
  height: 20vh;
  z-index: 1;
  position: absolute;
  bottom: 32px;
}

.footer___3XGyB {
  font-size: 14px;
  text-align: center;
  color: rgba(0,0,0,.85);
}

  .download-button___1W-iy button {
    border-style: none;
    border-radius: 9999px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #FF2978;
    font-weight: 700;
    font-size: 1.1rem;
  }
.landing-with-logo___3mavY {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.wrapper___1H2iW {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 8.75rem;
  margin-bottom: 4rem;
}

.lt-slogan-container___fngEC {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vw * 287 / 375);
  width: 100vw;
  z-index: 10;
}

.lt-download-view___2IZxW {
  z-index: 20;
  margin-top: 50px;
}

.invite-code-view___jsbK7 {
  position: relative;
  width: calc(100vw * 351 / 375);
  height: calc(100vw * 275 / 375);
  margin-top: calc(100vw * -17 / 375);
}

.invite-code-text___37Nmp {
  color: rgba(255, 44, 85, 1);
  font-size: 40px;
  line-height: 1.0;
  margin-bottom: 20px;
  text-align: center;
}

.invite-code-description___Bs7H0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.invite-code-title___1cQ97 {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  color: rgba(67, 30, 95, 1);
  font-size: 18px;
}

.without_invite_code_view___1Lone {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  margin-top: calc(100vw * -17 / 375);
}

.button-decoration___1IGJg {
  width: calc(100vw * 249 / 375);
  height: calc(100vw * 39 / 375);
  text-align: center;
}

.without-invite-code-button-div___3GNQ1 {
  width: calc(100vw * 326 / 375);
  padding: 24px;
  background-color: #ffffff;
  border-radius: 24px;
}

.lt-bg___31d9k {
  position: absolute;
  width: 100vw;
  height: 100vw;
}

.lt-slogan___raYw7 {
  position: absolute;
  width: 100vw;
  height: calc(100vw * 287 / 375);
}

.wic_row___2hLRC {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(100vw * 14 / 375);
}

.wic_row_last___2crL6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.grid_item_left___iXQWv {
  width: calc(100vw * 160 / 375);
  height: calc(100vw * 194 / 375);
}

.grid_item_right___NrFQo {
  width: calc(100vw * 160 / 375);
  height: calc(100vw * 194 / 375);
}

.grid_item_left_container___2E41A {
  margin-right: calc(100vw * 12 / 375);
}

.grid_item_right_container___6C26M {
}

.bottom_decoration___Rn7An {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: calc(100vw * 120 / 375);
  background-image: linear-gradient(to bottom, rgba(255, 201, 228, 0), #FFC9E4);
  /*background-color: #0d5aa7;*/
  /*color: #0d5aa7;*/
}

.button_container___3HJN_ {
  display: block;
  background-color: #FFC9E4;
  overflow: auto;
  width: 100vw;
  height: calc(100vw * 72 / 375);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo___DKOfX {
  width: 4.625rem;
  margin-bottom: 2rem;
}

.title___pOF5J {
  font-size: 1.5rem;
  font-weight: 400;
}

/* .download-button {
  
  
  button {
    @apply bg-primary text-sm font-bold border-none py-2 px-4 rounded-full;
    width: calc(100vw * 275 / 375);
    height: calc(100vw * 48 / 375);
    background-image:  linear-gradient(to bottom, #FF8CD4, #FE4D91);
  }
  
  } */

.download-button___3Wipj
  button {
    background-color: #FF2978;
    font-size: 0.875rem;
    font-weight: 700;
    border-style: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 9999px;
    width: calc(100vw * 275 / 375);
    height: calc(100vw * 48 / 375);
    background-image: linear-gradient(to bottom, #FF8CD4, #FE4D91);
    font-size: 1.1rem;
    box-shadow: 0 0px 0px;
  }
  
.landing-with-logo___idy9t {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  background: #FFC9E4;
}

.wrapper___1V_dc {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 8.75rem;
  margin-bottom: 4rem;
}

.lt-slogan-container___sPJZO {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vw * 287 / 375);
  width: 100vw;
  z-index: 10;
}

.lt-download-view___vhR82 {
  z-index: 20;
  margin-top: 50px;
}

.invite-code-view___18mqv {
  position: relative;
  width: calc(100vw * 351 / 375);
  height: calc(100vw * 275 / 375);
  margin-top: calc(100vw * -17 / 375);
}

.invite-code-text___u8I8Y {
  color: rgba(255, 44, 85, 1);
  font-size: 40px;
  line-height: 1.0;
  margin-bottom: 20px;
  text-align: center;
}

.invite-code-description___Aht-9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.invite-code-title___2Ml66 {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  color: rgba(67, 30, 95, 1);
  font-size: 18px;
}

.without_invite_code_view___1g349 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  margin-top: calc(100vw * -17 / 375);
}

.button-decoration___2q0LP {
  width: calc(100vw * 249 / 375);
  height: calc(100vw * 39 / 375);
  text-align: center;
}

.without-invite-code-button-div___2A9qn {
  width: calc(100vw * 326 / 375);
  padding: 24px;
  background-color: #ffffff;
  border-radius: 24px;
}

.lt-bg___wUNCM {
  position: absolute;
  width: 100vw;
  height: 100vw;
}

.lt-slogan___198Ep {
  position: absolute;
  width: 100vw;
  height: calc(100vw * 287 / 375);
}

.wic_row___14B_R {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(100vw * 14 / 375);
}

.wic_row_last___tsDwC {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.grid_item_left___3UyzX {
  width: calc(100vw * 160 / 375);
  height: calc(100vw * 194 / 375);
}

.grid_item_right___3u9N6 {
  width: calc(100vw * 160 / 375);
  height: calc(100vw * 194 / 375);
}

.grid_item_left_container___3m2zX {
  margin-right: calc(100vw * 12 / 375);
}

.grid_item_right_container___2r0Dj {
}

.bottom_decoration___g7zPY {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: calc(100vw * 120 / 375);
  background-image: linear-gradient(to bottom, rgba(255, 201, 228, 0), #FFC9E4);
  /*background-color: #0d5aa7;*/
  /*color: #0d5aa7;*/
}

.button_container___2Q_AY {
  display: block;
  background-color: #FFC9E4;
  overflow: auto;
  width: 100vw;
  height: calc(100vw * 72 / 375);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo___1QZ6p {
  width: 4.625rem;
  margin-bottom: 2rem;
}

.title___2BzvD {
  font-size: 1.5rem;
  font-weight: 400;
}

/* .download-button {


  button {
    @apply bg-primary text-sm font-bold border-none py-2 px-4 rounded-full;
    width: calc(100vw * 275 / 375);
    height: calc(100vw * 48 / 375);
    background-image:  linear-gradient(to bottom, #FF8CD4, #FE4D91);
  }

  } */

.download-button___3e4L2
  button {
    background-color: #FF2978;
    font-size: 0.875rem;
    font-weight: 700;
    border-style: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 9999px;
    width: calc(100vw * 275 / 375);
    height: calc(100vw * 48 / 375);
    background-image: linear-gradient(to bottom, #FF8CD4, #FE4D91);
    font-size: 1.1rem;
    box-shadow: 0 0px 0px;
  }

.footer___1rdtF {
  font-size: 14px;
  text-align: center;
  color: rgba(0,0,0,.85);
}
.landing-with-logo___2Kwkc {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.wrapper___3wjEO {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 8.75rem;
  margin-bottom: 4rem;
}

.lt-slogan-container___35ml8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vw * 287 / 375);
  width: 100vw;
  z-index: 10;
}

.lt-download-view___2I3hj {
  z-index: 20;
  margin-top: 50px;
}

.invite-code-view___1UWvS {
  position: relative;
  width: calc(100vw * 351 / 375);
  height: calc(100vw * 275 / 375);
  margin-top: calc(100vw * -17 / 375);
}

.invite-code-text___39gBn {
  color: rgba(255, 44, 85, 1);
  font-size: 40px;
  line-height: 1.0;
  margin-bottom: 20px;
  text-align: center;
}

.invite-code-description___1WFNP {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.invite-code-title___Cjopy {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  color: rgba(67, 30, 95, 1);
  font-size: 18px;
}

.without_invite_code_view___3wzng {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  margin-top: calc(100vw * -17 / 375);
}

.button-decoration___3o9Qe {
  width: calc(100vw * 249 / 375);
  height: calc(100vw * 39 / 375);
  text-align: center;
}

.without-invite-code-button-div___2hU8L {
  width: calc(100vw * 326 / 375);
  padding: 24px;
  background-color: #ffffff;
  border-radius: 24px;
}

.lt-bg___3UOPL {
  position: absolute;
  width: 100vw;
  height: 100vw;
}

.lt-slogan___3a6Nf {
  position: absolute;
  width: 100vw;
  height: calc(100vw * 287 / 375);
}

.wic_row___2P2wi {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(100vw * 14 / 375);
}

.wic_row_last___2WP2V {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.grid_item_left___20Oin {
  width: calc(100vw * 160 / 375);
  height: calc(100vw * 194 / 375);
}

.grid_item_right___2hpFs {
  width: calc(100vw * 160 / 375);
  height: calc(100vw * 194 / 375);
}

.grid_item_left_container___2zMb5 {
  margin-right: calc(100vw * 12 / 375);
}

.grid_item_right_container___-K-bM {
}

.bottom_decoration___3pSBH {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: calc(100vw * 120 / 375);
  background-image: linear-gradient(to bottom, rgba(255, 201, 228, 0), #FFC9E4);
  /*background-color: #0d5aa7;*/
  /*color: #0d5aa7;*/
}

.button_container___1no27 {
  display: block;
  background-color: #FFC9E4;
  overflow: auto;
  width: 100vw;
  height: calc(100vw * 72 / 375);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo___1OYe_ {
  width: 4.625rem;
  margin-bottom: 2rem;
}

.title___fCmWq {
  font-size: 1.5rem;
  font-weight: 400;
}

/* .download-button {
  
  
  button {
    @apply bg-primary text-sm font-bold border-none py-2 px-4 rounded-full;
    width: calc(100vw * 275 / 375);
    height: calc(100vw * 48 / 375);
    background-image:  linear-gradient(to bottom, #FF8CD4, #FE4D91);
  }
  
  } */

.download-button___1kL1V
  button {
    background-color: #FF2978;
    font-size: 0.875rem;
    font-weight: 700;
    border-style: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 9999px;
    width: calc(100vw * 275 / 375);
    height: calc(100vw * 48 / 375);
    background-image: linear-gradient(to bottom, #FF8CD4, #FE4D91);
    font-size: 1.1rem;
    box-shadow: 0 0px 0px;
  }
  
.slogen-container___P0O5l {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.slogen-background___3Y3Hk {
  position: absolute;
  width: 100%;
  height: 100%;
}

.invitee-code-img-container___kgHvi {
  display: flex;
  position: absolute;
  top: calc(48vh - 4px);
  align-items: center;
  justify-content: space-between;
  width: calc(100vw - 4px);
  height: 32vh;
}

.code-container___1WbgH {
  display: flex;
  position: absolute;
  top: calc(60vh - 4px);
  align-items: center;
  justify-content: space-between;
  width: calc(100vw - 80px);
}

.code-box___35awD {
  width: 40px;
  height: 50px;
  background-color: #fff5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  font-weight: bold;
  border-radius: 8px;
  color: #D1203F;
}

.app-download-button___3UVaM {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: linear-gradient(90deg, #ff7e5f, #ff315a);
  border-radius: 30px;
  border: 3px solid #f8c291;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  top: calc(70vh - 8px);
  position: absolute;
  width: 50vw;
}

.userlist-container___1ZgBl {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 148vw;
  position: relative;
}

.userlist-background___31NEj {
  position: absolute;
  width: 100%;
  height: 100%;
}

.userlist___qm1_t {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 110vw;
  width: calc(100vw - 88px);
  z-index: 2;
}

.wic_row___gJLfs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(100vw * 14 / 375);
  width: 100%;
}

.grid_item___DsEAz {
  width: calc(100vw * 160 / 375 - 24px);
  height: calc(100vw * 194 / 375 - 24px);
}

.userlist-download-button___1r-vD {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: linear-gradient(90deg, #ff7e5f, #ff315a);
  border-radius: 30px;
  border: 3px solid #f8c291;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
  width: 50vw;
}

.app-download-button___3UVaM
  button {
    border-style: none;
    border-radius: 9999px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    font-weight: 700;
    font-size: 0.9rem;
  }

.userlist-download-button___1r-vD
  button {
    border-style: none;
    border-radius: 9999px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    font-weight: 700;
    font-size: 0.9rem;
  }
.slogen-container___j5t_j {
  margin: 0;
  position: relative;
}

.slogen-background___3g0xU {
  width: 100%;
  height: auto;
  display: block;
}

.invitee-container___2DScN {
  position: relative;
}

.invitee-code-background___3hEal {
  width: 100%;
  height: auto;
  z-index: -1;
}

.code-container___3bAU3 {
  top: calc(8vh);
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: space-between;
  width: calc(80vw - 16px);
  left: 50%;
  transform: translateX(-50%);
}

.code-box___3clZC {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  font-weight: bold;
  color: #d1203f;
  background-color: #fff5f5;
}

.app-download-button___23xGW {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: linear-gradient(180deg, #ff87e5 0%, #ff1e46 100%);
  border-radius: 30px;
  border: 3px solid #fff;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  position: absolute;
  width: 64vw;
  left: 50%; /* 添加水平居中 */
  transform: translateX(-50%);
  top: 20vh;
}

.app-download-button___23xGW
  button {
    border-style: none;
    border-radius: 9999px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    font-weight: 700;
    font-size: 0.9rem;
  }

.userlist-container___38BgD {
  position: relative;
  margin-bottom: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffeff5;
  border-radius: 24px;
  border: 3px solid #ff366b;
  padding: 16px 0 16px 0;
}

.userlist___1G3JL {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100vw - 88px);
  z-index: 2;
}

.wic_row___1kiY_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(100vw * 14 / 375);
  width: 100%;
}

.grid_item___p7IgA {
  width: calc(100vw * 160 / 375 - 24px);
  height: calc(100vw * 194 / 375 - 24px);
}

.userlist-download-button___2CO8k {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: linear-gradient(180deg, #ff87e5 0%, #ff1e46 100%);
  border-radius: 30px;
  border: 3px solid #fff;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
  width: 60vw;
  top: 0px;
}

.userlist-download-button___2CO8k
  button {
    border-style: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    font-weight: 700;
    font-size: 0.9rem;
  }

.footer___z2yuq {
  font-size: 14px;
  text-align: center;
  color: rgba(0,0,0,.85);
}
.landing-with-logo___2qaY7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.wrapper___2m7Mr {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 8.75rem;
  margin-bottom: 4rem;
}

.lt-slogan-container___2QGuG {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vw * 287 / 375);
  width: 100vw;
  z-index: 10;
}

.lt-download-view___2un_a {
  z-index: 20;
  margin-top: 50px;
}

.invite-code-view___131pF {
  position: relative;
  width: calc(100vw * 351 / 375);
  height: calc(100vw * 275 / 375);
  margin-top: calc(100vw * -17 / 375);
}

.invite-code-text___CxgWm {
  color: rgba(255, 44, 85, 1);
  font-size: 40px;
  line-height: 1.0;
  margin-bottom: 20px;
  text-align: center;
}

.invite-code-description___OjOrp {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.invite-code-title___2Pk1A {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  color: rgba(67, 30, 95, 1);
  font-size: 18px;
}

.without_invite_code_view___2BgBC {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  margin-top: calc(100vw * -17 / 375);
}

.button-decoration___HuMxp {
  width: calc(100vw * 249 / 375);
  height: calc(100vw * 39 / 375);
  text-align: center;
}

.without-invite-code-button-div___14WoW {
  width: calc(100vw * 326 / 375);
  padding: 24px;
  background-color: #ffffff;
  border-radius: 24px;
}

.lt-bg___2MyRA {
  position: absolute;
  width: 100vw;
  height: 100vw;
}

.lt-slogan___wJXU_ {
  position: absolute;
  width: 100vw;
  height: calc(100vw * 287 / 375);
}

.wic_row___2-mGl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(100vw * 14 / 375);
}

.wic_row_last___1rGB- {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.grid_item_left___dNUZH {
  width: calc(100vw * 160 / 375);
  height: calc(100vw * 194 / 375);
}

.grid_item_right___1aK4M {
  width: calc(100vw * 160 / 375);
  height: calc(100vw * 194 / 375);
}

.grid_item_left_container___1efZg {
  margin-right: calc(100vw * 12 / 375);
}

.grid_item_right_container___2Rqad {
}

.bottom_decoration___1iwnC {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: calc(100vw * 120 / 375);
  background-image: linear-gradient(to bottom, rgba(255, 201, 228, 0), #FFC9E4);
  /*background-color: #0d5aa7;*/
  /*color: #0d5aa7;*/
}

.button_container___ljHUX {
  display: block;
  background-color: #FFC9E4;
  overflow: auto;
  width: 100vw;
  height: calc(100vw * 72 / 375);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo___11UAs {
  width: 4.625rem;
  margin-bottom: 2rem;
}

.title___3vXEu {
  font-size: 1.5rem;
  font-weight: 400;
}

/* .download-button {


button {
  @apply bg-primary text-sm font-bold border-none py-2 px-4 rounded-full;
  width: calc(100vw * 275 / 375);
  height: calc(100vw * 48 / 375);
  background-image:  linear-gradient(to bottom, #FF8CD4, #FE4D91);
}

} */

.download-button___3y__4
button {
    background-color: #FF2978;
    font-size: 0.875rem;
    font-weight: 700;
    border-style: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 9999px;
    width: calc(100vw * 275 / 375);
    height: calc(100vw * 48 / 375);
    background-image: linear-gradient(to bottom, #FF8CD4, #FE4D91);
    font-size: 1.1rem;
    box-shadow: 0 0px 0px;
    /*box-shadow: 0px 0.25rem 0.375rem 0 rgba(255, 41, 120, 0.7);*/
  }

.main-container___2xp-Y {
  background-color: #e2adfa;
  min-height: 100vh;
}

.slogan-container___16BDA {
  margin: 0;
  position: relative;
}

.slogan-background___1BETy {
  width: 100%;
  height: auto;
  display: block;
}

.invitee-container___26ieI {
  position: relative;
}

.invitee-code-background___2zLCK {
  width: 100%;
  height: auto;
  z-index: -1;
}

.code-container___IYqGA {
  position: absolute;
  top: 8vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(80vw - 16px);
  left: 50%;
  transform: translateX(-50%);
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.code-box___G2ok6 {
  flex: 1;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ae1084;
  background-color: #ffd5f4;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.download-button___2NwmU {
  position: absolute;
  height: 3rem;
  width: calc(100vw - 72px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  bottom: 30px;
}

.download-button-img___np7ov {
  height: 100%;
  display: block;
  top: 16px;
}

.userlist-section___307HC {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  background-color: #e2adfa;
  background-image: url(//h5.yleisure.cn/_next/static/images/userlist-container-6dd6ae4acfa4cf55331dabee1907162d.png);
  background-size: calc(100vw - 2rem) 90%;
  background-repeat: no-repeat;
  background-position: center 16px;
  padding: 1rem 0 5rem;
}

.bottom-download-button___6ptND {
  top: 80vh;
}

.footer___2ZkFm {
  font-size: 14px;
  text-align: center;
  color: rgba(0,0,0,.85);
}
.iosmask___3eokW {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
}

.alert-box-qiye___UmTVT {
  background: #ffffff;
  padding: 10px;
  border-radius: 2px;
  position: relative;
}

.title___2TPCA {
  color: #999;
  font-size: 14px;
  padding-top: 4px;
}

.tips___3HsSb {
  color: #333333;
  font-size: 12px;
}

.progress___3lOUw {
  display: block;
  background: #b8b8b8;
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  margin-top: 10px;
  overflow: hidden;
}

.scale___8ette {
  height: 100%;
  width: 0;
  background: #0093ff;
}

.close___2FiwE {
  position: absolute;
  width: 26px;
  height: 26px;
  right: 5px;
  top: 5px;
}

.course___2X9Mp {
  width: 260px;
  height: 260px;
  display: block;
  margin: 0 auto;
}

.iosdown___2FpuH {
  width: 100%;
  font-size: 0;
}

.btncert___3J3_I {
  height: 35px;
  margin: 0 auto;
  width: 80%;
  background: #0093ff;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}

.certname___ojJHR {
  color: #333333;
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
}


.mask___2YeJJ {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
}

.mask-content___1Cad3 {
  display: flex;
  align-items: baseline;
  padding: 10px 10px;
}

.arrow___1ojvy {
  width: 30%;
}