/* ===================== Dialog Base ===================== */
body.is-dialog-open {
  overflow: hidden;
}

.tg-dialog {
  position: fixed;
  /* [inset-fallback] iOS<14.5 不支持 inset 简写，勿删 */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity .28s cubic-bezier(.1, 0, .23, 1),
    visibility .28s cubic-bezier(.1, 0, .23, 1);
}

.tg-dialog.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.tg-dialog__overlay {
  position: absolute;
  /* [inset-fallback] iOS<14.5 不支持 inset 简写，勿删 */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  background: rgba(0, 0, 0, .6);
}

.tg-dialog__container {
  position: relative;
  z-index: 1;
}

.tg-dialog__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: .1rem;
  /* height: 7.45rem; */
  background: #f4eee0;
  padding: .1rem;
  transform: translateY(.15rem) scale(.97);
  transition: transform .28s cubic-bezier(.1, 0, .23, 1);
}

.tg-dialog.is-active .tg-dialog__wrapper {
  transform: translateY(0) scale(1);
}

.tg-dialog__wrapper--sm {
  width: 7.44rem;
}

.tg-dialog__wrapper--lg {
  width: 10.75rem;
}

/* ===================== Dialog Close ===================== */
.tg-dialog__close {
  position: absolute;
  right: -.6rem;
  top: 0;
  z-index: 10;
  width: .41rem;
  height: .43rem;
  border: 0;
  padding: 0;
  background: url('/web/assets/images/common/icon-close.png') 50% 50% / contain no-repeat;
  cursor: pointer;
  transition: transform .2s cubic-bezier(.1, 0, .23, 1);
}

.tg-dialog__close:hover {
  transform: scale(1.1);
}

/* ===================== Dialog Header (图片标题) ===================== */
.tg-dialog__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: .94rem; */
  height: 1.03rem;
  /* background: #272727; */
  border-radius: .1rem;
}

/* .tg-dialog__header::after {
  content: '';
  position: absolute;
  bottom: -.09rem;
  left: .02rem;
  right: .02rem;
  height: .05rem;
  background: #272727;
  border-radius: .03rem;
} */

.tg-dialog__header-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===================== Dialog Body ===================== */
.tg-dialog__body {
  /* padding: .35rem .43rem .5rem .39rem; */
  height: 100%;
  width: 100%;
  /* padding: .2rem .72rem .58rem .72rem; */
  /* padding: .54rem .72rem .58rem .72rem; */
  padding: .39rem .47rem .58rem .47rem;
  text-align: center;
}

/* ===================== Dialog Common Button ===================== */
.tg-dialog__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: .52rem;
  padding: 0 .3rem;
  border: 0;
  border-radius: .26rem;
  background: #1a1a1a;
  color: #fff;
  font-size: .18rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    transform .2s cubic-bezier(.1, 0, .23, 1),
    background .2s;
}

.tg-dialog__btn:hover {
  transform: translateY(-.02rem);
  background: #333;
}

/* ===================== Pop Reserve ===================== */
#popReserve .tg-dialog__body {
  padding: .64rem .5rem .72rem;
}

.pop-reserve {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-lang="en"] .pop-reserve {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-reserve {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-reserve__label {
  margin: 0;
  color: #62605e;
  font-size: .22rem;
  line-height: .35rem;
}

.pop-reserve__email {
  display: inline-block;
  margin: .08rem 0 0;
  color: #272727;
  font-size: .24rem;
  line-height: .32rem;
  text-decoration: underline;
  text-underline-offset: .04rem;
}

.pop-reserve__desc {
  /* margin: .38rem 0 0; */
  margin-top: .35rem;
  color: #272727;
  font-size: .28rem;
  line-height: .4rem;
  letter-spacing: -.01em;
}

[data-lang="ja"] .pop-reserve__desc {
  font-size: .26rem;
}

/* Join the Test 按钮：沿用 pop-join-test 切图按钮样式（btn3.png），默认 hidden 由 JS 按链路控制 */
.pop-reserve__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: .5rem;
  width: 2.9rem;
  height: .71rem;
  background: url('/web/assets/images/common/btn3.png') 50% 50% / 100% 100% no-repeat;
  text-decoration: none;
  cursor: pointer;
  pointer-events: visible;
  transition:
    transform .2s cubic-bezier(.1, 0, .23, 1),
    filter .2s cubic-bezier(.1, 0, .23, 1);
}

/* 项目无全局 [hidden] 重置，需显式覆盖 inline-flex */
.pop-reserve__btn[hidden] {
  display: none;
}

.pop-reserve__btn:hover {
  transform: translateY(-.02rem) scale(1.03);
  filter: brightness(1.05);
}

.pop-reserve__btn:active {
  transform: scale(.97);
}

.pop-reserve__btn-text {
  display: block;
  width: 2.02rem;
  height: .20rem;
  color: #282828;
  font-family: "HYYouYuan 105J", Arial, Helvetica, sans-serif;
  font-size: .24rem;
  font-weight: normal;
  font-stretch: normal;
  text-transform: uppercase;
  letter-spacing: -.01rem;
  line-height: .20rem;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

[data-lang="ja"] .pop-reserve__btn-text {
  font-family: 'ja2';
  text-align: center;
  font-size: .24rem;
}

/* ===================== Pop Eligible ===================== */
.pop-eligible__desc {
  color: #333;
  font-size: .28rem;
  line-height: .4rem;
  letter-spacing: -.01rem;
  font-family: "en1zc";
}

[data-lang="ja"] .pop-eligible__desc {
  font-family: "ja1";
}

.pop-eligible__platforms {
  display: flex;
  justify-content: center;
  gap: .47rem;
  margin-top: .49rem;
}

/* [gap-fallback:iOS13] .pop-eligible__platforms */
.pop-eligible__platforms > * + * { margin-left: .47rem; }
@supports (inset-inline: 0) {
  .pop-eligible__platforms { gap: .47rem; }
  .pop-eligible__platforms > * + * { margin-left: 0; }
}

.pop-eligible__item {
  display: block;
  width: .93rem;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.1, 0, .23, 1);
}

.pop-eligible__item:hover {
  transform: translateY(-.03rem);
}

.pop-eligible__item img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}

/* ===================== Pop Ineligible ===================== */
.pop-ineligible {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-lang="en"] .pop-ineligible {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-ineligible {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

[data-lang="en"] .pop-ineligible__desc {
  color: #333;
  font-size: .28rem;
  line-height: 0.4rem;
  letter-spacing: -.02em;
}

[data-lang="ja"] .pop-ineligible__desc {
  color: #333;
  font-size: .26rem;
  line-height: 0.4rem;
  letter-spacing: -.02em;
}

.pop-ineligible__actions {
  display: flex;
  justify-content: center;
  gap: .2rem;
  margin-top: .4rem;
}

/* [gap-fallback:iOS13] .pop-ineligible__actions */
.pop-ineligible__actions > * + * { margin-left: .2rem; }
@supports (inset-inline: 0) {
  .pop-ineligible__actions { gap: .2rem; }
  .pop-ineligible__actions > * + * { margin-left: 0; }
}

.pop-ineligible__btn {
  width: 2.91rem;
  height: .72rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url('/web/assets/images/common/dialog/ineligible-btn-bg.png') 50% 50% / 100% 100% no-repeat;
  color: #1a1a1a;
  font-size: .24rem;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "HYYouYuan 105J";
}

.pop-ineligible__btn:hover {
  background: url('/web/assets/images/common/dialog/ineligible-btn-bg.png') 50% 50% / 100% 100% no-repeat;
  transform: translateY(-.02rem);
}

/* ===================== Pop Invite ===================== */
#popInvite .tg-dialog__body {
  padding: .5rem .55rem .6rem;
}

.pop-invite {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-lang="en"] .pop-invite {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-invite {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-invite__desc {
  margin: 0 0 .16rem;
  color: #272727;
  font-size: .28rem;
  line-height: .32rem;
  letter-spacing: -.01rem;
  font-family: "en1zc";
}

[data-lang="ja"] .pop-invite__desc {
  font-size: .26rem;
  font-family: "ja1";
}

.pop-invite__link {
  display: block;
  margin: .2rem 0 0 0;
  color: #272727;
  font-size: .24rem;
  line-height: .3rem;
  word-break: break-all;
  text-decoration: underline;
  text-underline-offset: .04rem;
}

[data-lang="ja"] .pop-invite__link {
  font-family: "ja1";
}

.pop-invite__link:hover {
  color: #4a4a4a;
}

.pop-invite__share {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .47rem;
  margin-top: .4rem;
}

/* [gap-fallback:iOS13] .pop-invite__share */
.pop-invite__share > * + * { margin-left: .47rem; }
@supports (inset-inline: 0) {
  .pop-invite__share { gap: .47rem; }
  .pop-invite__share > * + * { margin-left: 0; }
}

.pop-invite__share-btn {
  width: .7rem;
  height: .7rem;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: transform .2s cubic-bezier(.1, 0, .23, 1);
}

.pop-invite__share-btn:hover {
  transform: scale(1.1);
}

.pop-invite__share-btn img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}

.pop-invite__share-sep {
  display: block;
  width: .02rem;
  height: .4rem;
  /* margin: 0 .06rem; */
  background: #ddd;
}

/* ===================== Pop Login No Signup ===================== */
#popLoginNoSignup .tg-dialog__body {
  padding: .55rem .5rem .65rem;
}

.pop-login-no-signup {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-lang="en"] .pop-login-no-signup {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-login-no-signup {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-login-no-signup__label {
  margin: 0;
  color: #62605e;
  font-size: .22rem;
  line-height: .35rem;
  letter-spacing: -.01em;
}

.pop-login-no-signup__email {
  display: inline-block;
  margin: .08rem 0 0;
  color: #272727;
  font-size: .24rem;
  line-height: .32rem;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .04rem;
}

.pop-login-no-signup__desc {
  margin-top: .35rem;
  color: #272727;
  font-size: .28rem;
  line-height: .4rem;
  letter-spacing: -.01em;
}

[data-lang="ja"] .pop-login-no-signup__desc {
  font-size: .26rem;
}

/* ===================== Pop Not Started ===================== */
#popNotStarted .tg-dialog__body {
  padding: .54rem .5rem .68rem;
}

.pop-not-started {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-lang="en"] .pop-not-started {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-not-started {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-not-started__label {
  margin: 0;
  color: #666;
  font-size: .22rem;
  line-height: .32rem;
}

.pop-not-started__email {
  display: inline-block;
  margin: .08rem 0 0;
  color: #272727;
  font-size: .24rem;
  line-height: .32rem;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .04rem;
}

.pop-not-started__desc {
  margin: .26rem 0 0;
  color: #272727;
  letter-spacing: -.01rem;
}

[data-lang="en"] .pop-not-started__desc {
  font-size: .28rem;
  line-height: .4rem;
}

[data-lang="ja"] .pop-not-started__desc {
  letter-spacing: -.02rem;
  font-size: .26rem;
  line-height: .4rem;
}

/* ===================== Pop Rules ===================== */
.pop-rules {
  text-align: left;
  line-height: 0.4rem;
}

[data-lang="en"] .pop-rules {
  font-family: 'en1zc';
  font-size: .28rem;
}

[data-lang="ja"] .pop-rules {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
  font-size: .26rem;
}

.pop-rules__line {
  margin-bottom: .16rem;
  color: #272727;
  line-height: .4rem;
  letter-spacing: -0.01rem;
}

[data-lang="en"] .pop-rules__line {
  font-size: .28rem;
}

[data-lang="ja"] .pop-rules__line {
  font-size: .26rem;
}

.pop-rules__label {
  color: #d56c1f;
  font-weight: 700;
}

.pop-rules__value {
  color: #272727;
}

.pop-rules__note {
  margin-top: .3rem;
  color: #272727;
  line-height: .4rem;
  letter-spacing: -0.01rem;
}

[data-lang="en"] .pop-rules__note {
  font-size: .22rem;
}

[data-lang="ja"] .pop-rules__note {
  font-size: .22rem;
}

.pop-rules__note-label {
  color: #d56c1f;
  font-weight: 700;
}

.pop-rules__note-value {
  color: #272727;
}

/* ===================== Pop Signup ===================== */
#popSignup .tg-dialog__body {
  padding: .44rem .42rem .4rem;
}

.pop-signup {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-lang="en"] .pop-signup {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-signup {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-signup__label {
  margin: 0;
  color: #666;
  font-size: .22rem;
  line-height: .28rem;
}

.pop-signup__email {
  display: inline-block;
  margin: .14rem 0 0;
  color: #272727;
  font-size: .24rem;
  line-height: .28rem;
  /* font-weight: 700; */
  text-decoration: underline;
  text-underline-offset: .03rem;
}

.pop-signup__congrats {
  margin: .26rem 0 0;
  color: #272727;
  letter-spacing: -.01rem;
}

[data-lang="en"] .pop-signup__congrats {
  font-size: .28rem;
  line-height: .36rem;
}

[data-lang="ja"] .pop-signup__congrats {
  font-size: .26rem;
  line-height: .4rem;
}

.pop-signup__desc {
  margin: .14rem 0 0;
  color: #272727;
  letter-spacing: -.01rem;
}

[data-lang="en"] .pop-signup__desc {
  font-size: .28rem;
  line-height: .36rem;
}

[data-lang="ja"] .pop-signup__desc {
  font-size: .26rem;
  line-height: .4rem;
}

.pop-signup__thanks {
  margin: .2rem 0 0;
  color: #272727;
  letter-spacing: -.01rem;
}

[data-lang="en"] .pop-signup__thanks {
  font-size: .28rem;
  line-height: .36rem;
}

[data-lang="ja"] .pop-signup__thanks {
  font-size: .26rem;
  line-height: .4rem;
}

/* ===================== Pop Survey ===================== */
#popSurvey .tg-dialog__body {
  padding: .39rem .47rem .58rem;
  text-align: left;
}

.pop-survey {
  height: 100%;
  display: flex;
  flex-direction: column;

}

.pop-survey__page {
  display: none;
  flex: 1;
}

.pop-survey__page.is-active {
  display: block;
}

/* Survey Fields Scroll Container */
.pop-survey__fields-scroll {
  max-height: 2.1rem;
  overflow-y: auto;
  padding-left: .3rem;
  margin-bottom: .3rem;
}

.pop-survey__scroll-item {
  margin-bottom: .3rem;
}

/* Survey Scrollbar - PC */
.pop-survey__fields-scroll::-webkit-scrollbar {
  width: .05rem;
}

.pop-survey__fields-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.pop-survey__fields-scroll::-webkit-scrollbar-thumb {
  background-color: #e8e1d1;
  border-radius: .03rem;
}

/* Survey Scrollbar - Mobile */
@media (max-width: 768px) {
  .pop-survey__fields-scroll::-webkit-scrollbar {
    width: .11rem;
  }

  .pop-survey__fields-scroll::-webkit-scrollbar-thumb {
    background-color: #dfd7c0;
    border-radius: .05rem;
  }
}

/* Survey Device Scroll (Page 2) */
.pop-survey__device-scroll {
  flex: 1;
  max-height: 4.2rem;
  overflow-y: auto;
  padding-left: .3rem;
}

.pop-survey__device-scroll::-webkit-scrollbar {
  width: .05rem;
  background-color: #e8e1d1;
}

.pop-survey__device-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.pop-survey__device-scroll::-webkit-scrollbar-thumb {
  background-color: #dfd7c0;
  width: .98rem;
  border-radius: .03rem;
}

@media (max-width: 768px) {
  .pop-survey__device-scroll::-webkit-scrollbar {
    width: .11rem;
  }

  .pop-survey__device-scroll::-webkit-scrollbar-thumb {
    background-color: #dfd7c0;
    border-radius: .05rem;
  }
}

.pop-survey__device-section {
  margin-bottom: .3rem;
}

.pop-survey__device-label {
  margin: 0 0 .16rem;
  color: #1a1a1a;
  font-size: .22rem;
  font-weight: 700;
}

#surveyDevicePc .pop-survey__checkbox-item {
  padding-bottom: .12rem;
}

#surveyDevicePc .pop-survey__checkbox-label {
  font-size: .25rem;
  line-height: .45rem;
  letter-spacing: -.01rem;
  color: #272727;
}

[data-lang="en"] .pop-survey__device-label {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-survey__device-label {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-survey__device-label::before {
  content: '• ';
}

.pop-survey__question {
  margin-bottom: .3rem;
  color: #1a1a1a;
  font-size: .25rem;
  letter-spacing: -.01rem;
}

[data-lang="en"] .pop-survey__question {
  font-family: 'HYYouYuan 105J';
}

[data-lang="ja"] .pop-survey__question {
  font-family: 'ja2';
}

.pop-survey__subtitle {
  display: inline;
  margin-left: .06rem;
  color: #bfbaaf;
  font-size: .2rem;
  font-family: "en1zc";
}

[data-lang="ja"] .pop-survey__subtitle {
  font-family: "ja1";
  display: block;
  padding-left: .2rem;
}

/* Survey Field (Page 1) */
.pop-survey__field {
  margin-bottom: .3rem;
  margin-left: .3rem;
}

.pop-survey__field--inline {
  display: flex;
  align-items: center;
  gap: .2rem;
}

/* [gap-fallback:iOS13] .pop-survey__field--inline */
.pop-survey__field--inline > * + * { margin-left: .2rem; }
@supports (inset-inline: 0) {
  .pop-survey__field--inline { gap: .2rem; }
  .pop-survey__field--inline > * + * { margin-left: 0; }
}

.pop-survey__label {
  display: block;
  margin-bottom: .1rem;
  color: #333;
  font-size: .25rem;
}

[data-lang="en"] .pop-survey__label {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-survey__label {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-survey__field--inline .pop-survey__label {
  margin-bottom: 0;
  flex: 0 0 auto;
}

.pop-survey__input {
  display: block;
  width: 100%;
  max-width: 8.73rem;
  height: .62rem;
  padding: 0 .2rem;
  border: 0;
  background: url('/web/assets/images/common/dialog/survey-email-input-bg.png') 50% 50% / 100% 100% no-repeat;
  color: #333;
  font-size: .18rem;
  outline: none;
}

.pop-survey__input:focus {
  opacity: .9;
}

.pop-survey__hint {
  margin-top: .14rem;
  color: #d56c1f;
  font-size: .22rem;
  line-height: .35rem;
  max-width: 8.73rem;
  letter-spacing: -.01rem;
}

[data-lang="en"] .pop-survey__hint {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-survey__hint {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

/* Survey Dropdown */
.pop-survey__dropdown {
  position: relative;
  flex: 1 1 0;
  max-width: 1.83rem;
  /* width: 1rem; */
}

.pop-survey__dropdown-trigger {
  position: relative;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .5rem;
  padding: 0 .2rem;
  border: 0;
  border-radius: 0;
  background: url('/web/assets/images/common/dialog/survey-dropdown-trigger-bg.png') 50% 50% / 100% 100% no-repeat;
  cursor: pointer;
}

.pop-survey__dropdown-trigger[aria-expanded="true"] {
  opacity: 1;
}

.pop-survey__dropdown-value {
  font-size: .25rem;
  color: #333;
}

[data-lang="en"] .pop-survey__dropdown-value {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-survey__dropdown-value {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}


.pop-survey__dropdown-arrow {
  display: block;
  width: .14rem;
  height: .1rem;
  background: url('/web/assets/images/common/dialog/survey-dropdown-arrow.png') 50% 50% / contain no-repeat;
  transition: transform .2s;
}

.pop-survey__dropdown-trigger[aria-expanded="true"] .pop-survey__dropdown-arrow {
  transform: rotate(180deg);
}

.pop-survey__dropdown-menu {
  position: absolute;
  top: .3rem;
  left: 0;
  right: 0;
  margin: 0;
  padding: .25rem 0 .1rem 0;
  list-style: none;
  border: 0;
  border-radius: 0 0 .12rem .12rem;
  background: url('/web/assets/images/common/dialog/survey-dropdown-menu-bg.png') 50% 50% / 100% 100% no-repeat;
  background-color: #3a3a3a;
  box-shadow: 0 .06rem .16rem rgba(0, 0, 0, .3);
  display: none;
  z-index: 10;
  overflow: hidden;
}

.pop-survey__dropdown-trigger[aria-expanded="true"]+.pop-survey__dropdown-menu {
  display: block;
}

.pop-survey__dropdown-item {
  position: relative;
  font-size: .25rem;
  padding: .02rem .2rem;
  color: #fff;
  cursor: pointer;
  transition: background .15s;
}

[data-lang="en"] .pop-survey__dropdown-item {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-survey__dropdown-item {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-survey__dropdown-item+.pop-survey__dropdown-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: .12rem;
  right: .12rem;
  height: .02rem;
  background: url('/web/assets/images/common/dialog/survey-dropdown-line.png') 50% 50% / 100% 100% no-repeat;
  opacity: .5;
}

.pop-survey__dropdown-item:hover {
  background: rgba(255, 255, 255, .1);
}

.pop-survey__dropdown-item.is-selected {
  color: #f4eee0;
}

/* Survey Checkbox Group */
.pop-survey__checkbox-group {
  display: flex;
  /* flex-direction: column; */
  gap: .04rem;
  margin-left: .3rem;
}

/* Page 1 platform 选项横排，1.48rem 用于 3 选项之间的视觉间距 */
.pop-survey__checkbox-group--platform .pop-survey__checkbox-item {
  margin-right: 1.48rem;
}

.pop-survey__checkbox-group--radio {
  display: flex;
  flex-direction: column;
  margin-left: .1rem;
  margin-right: .39rem;
}

.pop-survey__checkbox-group--2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .08rem .4rem;
}

.pop-survey__checkbox-group--split {
  display: flex;
  flex-direction: row;
  gap: .4rem;
}

/* [gap-fallback:iOS13] .pop-survey__checkbox-group--split */
.pop-survey__checkbox-group--split > * + * { margin-left: .4rem; }
@supports (inset-inline: 0) {
  .pop-survey__checkbox-group--split { gap: .4rem; }
  .pop-survey__checkbox-group--split > * + * { margin-left: 0; }
}

.pop-survey__checkbox-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .04rem;
}

/* [gap-fallback:iOS13] .pop-survey__checkbox-col（column 方向） */
.pop-survey__checkbox-col > * + * { margin-top: .04rem; }
@supports (inset-inline: 0) {
  .pop-survey__checkbox-col { gap: .04rem; }
  .pop-survey__checkbox-col > * + * { margin-top: 0; }
}

.pop-survey__checkbox-group--scrollable {
  max-height: 4rem;
  overflow-y: auto;
  padding-right: .1rem;
}

.pop-survey__checkbox-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: .12rem;
  cursor: pointer;
  padding-bottom: .18rem;
}

/* [gap-fallback:iOS13] .pop-survey__checkbox-item */
.pop-survey__checkbox-item > * + * { margin-left: .12rem; }
@supports (inset-inline: 0) {
  .pop-survey__checkbox-item { gap: .12rem; }
  .pop-survey__checkbox-item > * + * { margin-left: 0; }
}

/* .pop-survey__checkbox-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: .02rem;
  background: url('/web/assets/images/common/dialog/survey-checkbox-line.png') 50% 50% / 100% 100% no-repeat;
  opacity: .6;
} */

.pop-survey__checkbox-input {
  display: none;
}

.pop-survey__checkbox-box {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: .35rem;
  height: .35rem;
  border: 0;
  border-radius: 0;
  background: url('/web/assets/images/common/dialog/survey-checkbox.png') 50% 50% / contain no-repeat;
  transition: opacity .15s;
}

.pop-survey__checkbox-input:checked~.pop-survey__checkbox-box {
  background: url('/web/assets/images/common/dialog/survey-checkbox.png') 50% 50% / contain no-repeat;
}

.pop-survey__checkbox-arrow {
  width: .42rem;
  height: .28rem;
  object-fit: contain;
  opacity: 0;
  transition: opacity .15s;
}

.pop-survey__checkbox-input:checked~.pop-survey__checkbox-box .pop-survey__checkbox-arrow {
  opacity: 1;
}

.pop-survey__checkbox-label {
  color: #333;
  font-size: .25rem;
}

[data-lang="en"] .pop-survey__checkbox-label {
  font-family: 'en1zc';
}

[data-lang="ja"] .pop-survey__checkbox-label {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-survey__textarea-wrap {
  display: flex;
  align-items: stretch;
  margin-left: .42rem;
}

.pop-survey__textarea {
  display: block;
  width: 100%;
  padding: .14rem .18rem;
  border: 0;
  border-radius: 0;
  background: url('/web/assets/images/common/dialog/survey-other-input-bg.png') 50% 50% / 100% 100% no-repeat;
  color: #333;
  font-size: .18rem;
  resize: none;
  outline: none;
}

.pop-survey__textarea:focus {
  opacity: .9;
}

.pop-survey__checkbox-item--other {
  flex-wrap: wrap;
}

.pop-survey__other-input {
  flex: 1;
  min-width: 1.5rem;
  padding: 0 .04rem;
  height: .32rem;
  border: 0;
  border-bottom: .02rem solid #333;
  border-radius: 0;
  background: transparent;
  color: #333;
  font-size: .18rem;
  outline: none;
  transition: border-color .2s;
}

.pop-survey__other-input:focus {
  border-bottom-color: #d4a44a;
}

.pop-survey__textarea:disabled,
.pop-survey__other-input:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.pop-survey__textarea:disabled:focus {
  opacity: .45;
}

.pop-survey__other-input:disabled:focus {
  border-bottom-color: #333;
}

/* Survey Agreement */
.pop-survey__agreement {
  display: flex;
  align-items: center;
  gap: .12rem;
  margin-top: .28rem;
  padding: 0 .1rem;
  cursor: pointer;
}

/* [gap-fallback:iOS13] .pop-survey__agreement */
.pop-survey__agreement > * + * { margin-left: .12rem; }
@supports (inset-inline: 0) {
  .pop-survey__agreement { gap: .12rem; }
  .pop-survey__agreement > * + * { margin-left: 0; }
}

.pop-survey__agreement-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.pop-survey__agreement-box {
  flex-shrink: 0;
  width: .35rem;
  height: .35rem;
  display: grid;
  place-items: center;
  background: url('/web/assets/images/common/dialog/survey-checkbox.png') 50% 50% / contain no-repeat;
  margin-top: .02rem;
}

.pop-survey__agreement-box .pop-survey__checkbox-arrow {
  width: .42rem;
  height: .28rem;
  object-fit: contain;
  opacity: 0;
  transition: opacity .15s;
}

.pop-survey__agreement-input:checked~.pop-survey__agreement-box .pop-survey__checkbox-arrow {
  opacity: 1;
}

.pop-survey__agreement-text {
  font-size: .18rem;
  line-height: 1.5;
  color: #d56c1f;
  font-family: 'en1zc';
}

[data-lang="ja"] .pop-survey__agreement-text {
  font-family: "ja1";
  font-size: .19rem;
}

.pop-survey__agreement-text a {
  color: #d56c1f;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .03rem;
}

.pop-survey__agreement-text a:hover {
  color: #e8832e;
}

.pop-survey__agreement.is-shake {
  animation: survey-shake .4s ease;
}

/* Survey Agreement Error */
.pop-survey__agreement-error {
  display: none;
  margin-top: .08rem;
  padding: 0 .1rem;
  font-size: .18rem;
  line-height: 1.4;
  color: #e5484d;
  font-family: 'en1zc';
  text-align: left;
}

[data-lang="ja"] .pop-survey__agreement-error {
  font-family: "ja1";
  font-size: .19rem;
}

.pop-survey__agreement-error.is-visible {
  display: block;
}

/* Survey Navigation */
.pop-survey__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .24rem;
  padding: .4rem 0 .1rem;
}

/* [gap-fallback:iOS13] .pop-survey__nav */
.pop-survey__nav > * + * { margin-left: .24rem; }
@supports (inset-inline: 0) {
  .pop-survey__nav { gap: .24rem; }
  .pop-survey__nav > * + * { margin-left: 0; }
}

.pop-survey__btn {
  min-width: 2.2rem;
  height: .6rem;
  border: 0;
  border-radius: .3rem;
  font-size: .22rem;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    transform .2s cubic-bezier(.1, 0, .23, 1),
    background .2s;
}

[data-lang="en"] .pop-survey__btn {
  font-family: 'en2', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-survey__btn {
  font-family: 'ja2';
  font-size: .25rem;
}

.pop-survey__btn:hover:not(:disabled) {
  transform: translateY(-.02rem);
}

.pop-survey__btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.pop-survey__btn--prev {
  background: #f9c150;
  color: #1a1a1a;
}

.pop-survey__btn--prev:hover:not(:disabled) {
  background: #ffd06a;
}

.pop-survey__btn--next {
  background: #1a1a1a;
  color: #fff;
}

.pop-survey__btn--next:hover:not(:disabled) {
  background: #333;
}

.pop-survey__pager {
  color: #666;
  font-size: .24rem;
  letter-spacing: .02rem;
  font-family: "en1zc";
}

[data-lang="ja"] .pop-survey__pager {
  font-family: "ja1";
}

/* Survey Shake Animation */
@keyframes survey-shake {

  0%,
  100% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-.06rem);
  }

  40% {
    transform: translateX(.06rem);
  }

  60% {
    transform: translateX(-.04rem);
  }

  80% {
    transform: translateX(.04rem);
  }
}

.pop-survey__input.is-shake,
.pop-survey__checkbox-group.is-shake {
  animation: survey-shake .4s ease;
}

.pop-survey__input.is-shake {
  outline: .02rem solid #d56c1f;
}

/* ===================== Pop Share Poster ===================== */
.tg-dialog--home-share .tg-dialog__overlay {
  background: rgba(0, 0, 0, .72);
}

.tg-dialog--home-share .tg-dialog__wrapper {
  width: 15.64rem;
  height: 9.48rem;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.tg-dialog--home-share .tg-dialog__close {
  right: -.52rem;
  top: .12rem;
}

.home-share-dialog {
  position: relative;
  width: 15.64rem;
  height: 9.48rem;
}

.home-share-dialog__poster {
  display: block;
  width: 15.64rem;
  height: 9.48rem;
  object-fit: fill;
  border-radius: .08rem;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
}

.home-share-dialog__qr-panel {
  position: absolute;
  left: -.1rem;
  top: .3rem;
  z-index: 2;
  width: 3.84rem;
  height: 1.41rem;
}

.home-share-dialog__qr-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

.home-share-dialog__qr {
  position: absolute;
  left: .19rem;
  top: .22rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.03rem;
  height: 1.03rem;
  background: #fff;
  transform: rotate(-1.5deg);
}

.home-share-dialog__qr canvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}

.home-share-dialog__download {
  position: absolute;
  right: -.35rem;
  bottom: -.1rem;
  z-index: 4;
  display: block;
  width: 1.23rem;
  height: 1.49rem;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  filter: drop-shadow(0 .02rem .02rem rgba(0, 0, 0, .5));
  transition: transform .18s cubic-bezier(.1, 0, .23, 1);
}

.home-share-dialog__download:hover,
.home-share-dialog__download:focus-visible {
  outline: none;
  transform: translateY(-.03rem) scale(1.03);
}

.home-share-dialog__download img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

/* ===================== Toast ===================== */
.toast {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  max-width: 6.4rem;
  padding: .18rem .28rem;
  border-radius: .28rem;
  background: rgba(26, 25, 22, .9);
  color: #fff4d7;
  font-size: .22rem;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) translateY(.18rem);
  transition:
    opacity .22s cubic-bezier(.1, 0, .23, 1),
    transform .22s cubic-bezier(.1, 0, .23, 1);
}

.toast.is-active {
  opacity: 1;
  transform: translate(-50%, -50%) translateY(0);
}

/* ===================== Pop Pre-Register ===================== */
#popPreRegister .tg-dialog__body {
  padding: .64rem .47rem .58rem;
}

.pop-pre-register {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-lang="en"] .pop-pre-register {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-pre-register {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-pre-register__desc {
  margin: 0;
  width: 100%;
  color: #272727;
  font-size: .28rem;
  line-height: .4rem;
  font-family: "en1zc";
  letter-spacing: -.01rem;
}

[data-lang="ja"] .pop-pre-register__desc {
  font-size: .26rem;
  font-family: "ja1";
}

/* 按钮：复用通用切图 btn2.png（2821×333，比例约 8.47:1） */
.pop-pre-register__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  min-width: 2.91rem;
  height: .72rem;
  background: url('/web/assets/images/common/btn3.png') 50% 50% / 100% 100% no-repeat;
  text-decoration: none;
  cursor: pointer;
  pointer-events: visible;
  transition:
    transform .2s cubic-bezier(.1, 0, .23, 1),
    filter .2s cubic-bezier(.1, 0, .23, 1);
}

.pop-pre-register__btn:hover {
  transform: translateY(-.02rem) scale(1.03);
  filter: brightness(1.05);
}

.pop-pre-register__btn:active {
  transform: scale(.97);
}

.pop-pre-register__btn-text {
  display: block;
  width: 2.02rem;
  height: .20rem;
  color: #282828;
  font-family: "HYYouYuan 105J", Arial, Helvetica, sans-serif;
  font-size: .24rem;
  font-weight: normal;
  font-stretch: normal;
  text-transform: uppercase;
  letter-spacing: -.01rem;
  line-height: .20rem;
  text-align: left;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

[data-lang="ja"] .pop-pre-register__btn-text {
  font-family: 'ja2';
  text-align: center;
  font-size: .24rem;
}

/* ===================== Pop Join-Test（结构与 Pop Pre-Register 一致） ===================== */
#popJoinTest .tg-dialog__body {
  padding: .64rem .5rem .57rem;
}

.pop-join-test {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-lang="en"] .pop-join-test {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-join-test {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

.pop-join-test__desc {
  margin: 0;
  width: 100%;
  color: #272727;
  font-size: .28rem;
  line-height: .4rem;
  font-family: "en1zc";
  letter-spacing: -.01rem;
}

[data-lang="ja"] .pop-join-test__desc {
  font-size: .26rem;
  font-family: "ja1";
}

/* 按钮：复用通用切图 btn2.png（2821×333，比例约 8.47:1） */
.pop-join-test__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  /* min-width: 2.91rem; */
  width: 2.9rem;
  height: .71rem;
  background: url('/web/assets/images/common/btn3.png') 50% 50% / 100% 100% no-repeat;
  text-decoration: none;
  cursor: pointer;
  pointer-events: visible;
  transition:
    transform .2s cubic-bezier(.1, 0, .23, 1),
    filter .2s cubic-bezier(.1, 0, .23, 1);
}

.pop-join-test__btn:hover {
  transform: translateY(-.02rem) scale(1.03);
  filter: brightness(1.05);
}

.pop-join-test__btn:active {
  transform: scale(.97);
}

.pop-join-test__btn-text {
  display: block;
  width: 2.02rem;
  height: .20rem;
  color: #282828;
  font-family: "HYYouYuan 105J", Arial, Helvetica, sans-serif;
  font-size: .24rem;
  font-weight: normal;
  font-stretch: normal;
  text-transform: uppercase;
  letter-spacing: -.01rem;
  line-height: .20rem;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

[data-lang="ja"] .pop-join-test__btn-text {
  font-family: 'ja2';
  text-align: center;
  font-size: .24rem;
}

/* ===================== Pop Reward ===================== */
/* 左右 padding .43rem，使内容区宽度恰好为设计稿标注的 6.38rem */
#popReward .tg-dialog__body {
  padding: .3rem .43rem .5rem;
}

.pop-reward {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-lang="en"] .pop-reward {
  font-family: 'en1zc', Arial, Helvetica, sans-serif;
}

[data-lang="ja"] .pop-reward {
  font-family: 'ja1', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

/* 卡片图：设计稿 256×249 */
.pop-reward__card {
  display: block;
}

.pop-reward__card-img {
  display: block;
  width: 2.96rem;
  height: auto;
  user-select: none;
}

/* 名称绶带：底图 540×89 + 文本叠加（双语文字不同，不走切图） */
.pop-reward__name {
  position: relative;
  width: 5.4rem;
  /* margin-top: .1rem; */
}

.pop-reward__name-bg {
  display: block;
}

.pop-reward__name-img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}

.pop-reward__name-text {
  position: absolute;
  /* [inset-fallback] iOS<14.5 不支持 inset 简写，勿删 */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .5rem;
  color: #fbf7ee;
  font-size: .24rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  user-select: none;
}

[data-lang="en"] .pop-reward__name-text {
  font-family: 'en2', Arial, Helvetica, sans-serif;
  letter-spacing: .01rem;
}

[data-lang="ja"] .pop-reward__name-text {
  font-family: 'ja2', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

/* 描述文案：设计稿 EN 28/40 字距-1px，JA 26/40 字距0，色 #272727 居中 */
.pop-reward__desc {
  margin: .1rem 0 0;
  width: 100%;
  color: #272727;
  line-height: .4rem;
}

[data-lang="en"] .pop-reward__desc {
  font-size: .28rem;
  letter-spacing: -.01rem;
}

[data-lang="ja"] .pop-reward__desc {
  font-size: .26rem;
  letter-spacing: 0;
}