/* Perfil deslogado (igual à w1-seesawpg.com). Medidas em rem: 1rem = largura da tela / 7,5 */

.cs-unlogin {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 1.75rem;
  padding: 0 0.25rem;
}

.cs-unlogin__tips {
  margin-top: 0.66rem;
  color: var(--skin__lead, #fff);
  font-size: 0.3rem;
  line-height: 0.39rem;
}

.cs-unlogin__btns {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}

.cs-unlogin__login,
.cs-unlogin__register {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 1.2rem;
  height: 0.5rem;
  padding: 0.12rem 0.05rem;
  border: 1px solid var(--skin__primary, #04ccf3);
  border-radius: 0.1rem;
  font-size: 0.22rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.cs-unlogin__login {
  color: var(--skin__primary, #04ccf3);
}

.cs-unlogin__register {
  margin-left: 0.2rem;
  background-color: var(--skin__primary, #04ccf3);
  color: #fff;
}

.cs-unlogin__img {
  position: absolute;
  top: 0.47rem;
  right: 0.25rem;
  width: 1.98rem;
  height: 2rem;
  pointer-events: none;
}

/* ---------- ajustes finos para bater com a base ---------- */
/* (o CSS do layout do perfil usa !important e carrega depois; por isso o prefixo "html body") */

html body .cs-unlogin {
  padding: 0 0.105rem;
}

html body .cs-unlogin__tips {
  margin-top: 0.895rem;
}

html body .cs-unlogin__img {
  top: 0.4rem;
  right: 0.105rem;
}

/* Check In Diário */
html body .mine-checkin-card {
  margin: 0.21rem 0.25rem 0.2rem !important;
  padding: 0.1rem 0.2rem !important;
  border: 0 !important;
  border-radius: 0.2rem !important;
  background: var(--skin__bg_2) !important;
  box-shadow: none !important;
}

html body .mine-checkin-card__header {
  align-items: center !important;
}

html body .mine-checkin-card__title {
  margin-bottom: 0.04rem;
  font-size: 0.28rem !important;
  line-height: 0.38rem;
}

html body .mine-checkin-card__desc {
  margin-top: 0 !important;
  font-size: 0.24rem !important;
  line-height: 0.27rem !important;
}

html body .mine-checkin-card__more {
  position: relative;
  height: 0.36rem;
  margin-left: 0.45rem;
  padding: 0 0.06rem 0 0.1rem !important;
  border-radius: 0 1rem 1rem 0 !important;
  background: var(--skin__primary) !important;
  color: #fff !important;
  font-size: 0.22rem !important;
  line-height: 0.36rem;
}

html body .mine-checkin-card__more-gift {
  position: absolute;
  top: -0.1rem;
  left: -0.5rem;
  width: 0.55rem !important;
  height: 0.56rem !important;
  margin: 0 !important;
}

html body .mine-checkin-card__rewards {
  display: flex !important;
  gap: 0.105rem !important;
  margin-top: 0 !important;
  padding: 0.2rem 0 0.1rem !important;
  overflow-x: auto !important;
  scrollbar-width: none;
}

html body .mine-checkin-card__reward {
  flex: 0 0 1.01rem !important;
  box-sizing: border-box;
  justify-content: flex-start !important;
  min-height: 0 !important;
  height: 1.32rem;
  padding: 0.02rem 0 0 !important;
  border: 1px solid var(--skin__border) !important;
  border-radius: 0.14rem !important;
  background: var(--skin__bg_2) !important;
}

html body .mine-checkin-card__reward--active {
  border-color: var(--skin__accent_1) !important;
}

html body .mine-checkin-card__reward-amount {
  color: #ffaa09 !important;
  font-size: 0.24rem !important;
  font-weight: 400 !important;
  line-height: 0.33rem !important;
}

html body .mine-checkin-card__reward-money {
  width: 0.48rem !important;
  height: 0.48rem !important;
  margin: 0.03rem 0 !important;
}

html body .mine-checkin-card__reward-day {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 0.35rem;
  font-size: 0.2rem !important;
}

html body .mine-checkin-card__reward--active .mine-checkin-card__reward-day {
  min-width: 0.8rem !important;
  min-height: 0 !important;
  height: 0.35rem;
  padding: 0 0.05rem !important;
  border-radius: 0.5rem !important;
  background: var(--skin__accent_1) !important;
}

/* seta para rolar os dias (como na base) */
html body .mine-checkin-card::after {
  content: "\203a";
  position: absolute;
  right: 0.1rem;
  bottom: 0.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.42rem;
  height: 0.42rem;
  border: 1px solid var(--skin__border);
  border-radius: 50%;
  background: var(--skin__bg_1);
  color: var(--skin__lead);
  font-size: 0.34rem;
  line-height: 1;
  pointer-events: none;
}

/* Função rápida */
html body ._menuListWrap_5f7eq_30 {
  margin: 0.2rem 0.25rem 0 !important;
  padding: 0.2rem !important;
  border: 0 !important;
  border-radius: 0.2rem !important;
  background: var(--skin__bg_2) !important;
  box-shadow: none !important;
}

/* fundo da página do perfil: mais claro que os cards, como na base */
html body .mine-box {
  background-color: var(--skin__bg_1) !important;
}

/* espaço no fim do perfil: ao rolar até o final o último card não encosta na barra de baixo (base: 0.2rem) */
html body ._mine_1pptd_30 {
  padding-bottom: 0.2rem !important;
}