@charset "UTF-8";.game-panel-dialog__fallback[data-v-e4b43e0e] {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  text-align: center;
}
.game-panel-dialog__fallback-title[data-v-e4b43e0e] {
  margin: 0;
  font-size: 0.48rem;
  color: #fff;
  font-weight: 600;
}
.game-panel-dialog__fallback-text[data-v-e4b43e0e] {
  margin: 0;
  font-size: 0.34rem;
  color: rgba(255, 255, 255, 0.72);
}
.game-panel-dialog__fallback-btn[data-v-e4b43e0e] {
  border: none;
  border-radius: 999px;
  height: 1rem;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 0.36rem;
}
.bridge-panel-left-popup {
  width: 90vw;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* 底端对齐：卡片(.mrp)贴屏幕底部，留白落在顶部，底部不留空（对齐右侧牌桌弹窗） */
  justify-content: flex-end;
  background: transparent;
}
.notification-dialog .game-dialog__card {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.notification-dialog .game-dialog__card-bg,
.notification-dialog .game-dialog__card-bg-gradient,
.notification-dialog .game-dialog__card-bg-texture,
.notification-dialog .game-dialog__card-bg-shadow {
  display: none !important;
}
:root[data-theme=light] .notification-dialog .game-dialog__card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}.bell-wrapper[data-v-fc250425] {
  position: absolute;
  z-index: 1000;
  touch-action: none;
}
.bell[data-v-fc250425] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
  height: 0.8rem;
  border-radius: 1rem;
  background: #69BEFF;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
}
.bell__text[data-v-fc250425] {
  color: #fff;
  font-size: 0.37rem;
  font-weight: 600;
  line-height: 1;
}
.bell__badge[data-v-fc250425] {
  position: absolute;
  top: -4px;
  right: -4px;
  background: #FF2D46;
  color: white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  font-family: Arial, sans-serif;
  z-index: 1;
}
@media (min-width: 600px) {
.bell[data-v-fc250425] {
    height: 38px;
    padding: 0 16px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.bell__text[data-v-fc250425] {
    font-size: 13px;
}
.bell__badge[data-v-fc250425] {
    top: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    font-size: 10px;
}
}.chat-overlay[data-v-33cb659b] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: var(--app-keyboard-inset, 0px);
  z-index: 200;
  display: flex;
  flex-direction: column;
  transition: bottom 0.1s ease-out;
  overflow: hidden;
}
html[data-theme=light] .chat-overlay[data-v-33cb659b] {
  background-color: rgba(12, 12, 12, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.chat-container[data-v-33cb659b] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.visual-header[data-v-33cb659b] {
  height: 30vh;
  min-height: 60px;
  flex-shrink: 1;
  position: relative;
  transition: height 0.2s ease, min-height 0.2s ease;
}
:root[data-keyboard-open="1"] .visual-header[data-v-33cb659b],
html[data-keyboard-open="1"] .visual-header[data-v-33cb659b] {
  height: 0 !important;
  min-height: 0 !important;
}
.chat-main-body[data-v-33cb659b] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  border: 0.02rem solid rgba(249, 249, 249, 0.14);
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  box-shadow: 3.4px 4.3px 6.8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  background-image: url("../images/bg_sharp-B1n5GA9R.webp");
}
html[data-theme=light] .chat-main-body[data-v-33cb659b] {
  position: relative;
  background: transparent !important;
  border: 0.96px solid rgba(242, 242, 242, 0.04) !important;
  border-radius: 0.8rem 0.8rem 0 0;
  box-shadow: none !important;
  overflow: hidden;
}
html[data-theme=light] .chat-main-body[data-v-33cb659b]::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(135, 134, 134, 0.032);
  box-shadow: 0.0919rem 0.1149rem 0.1838rem rgba(0, 0, 0, 0.25), 0 0 0.2298rem #000 inset, 0.0566rem 0.1132rem 0.4596rem rgba(242, 242, 242, 0.7) inset;
  backdrop-filter: blur(0.58px);
  -webkit-backdrop-filter: blur(0.58px);
  pointer-events: none;
  z-index: 0;
}
html[data-theme=light] .chat-main-body[data-v-33cb659b]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0255rem;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
html[data-theme=light] .chat-main-body[data-v-33cb659b] {
  background-color: transparent;
  background-image: none !important;
}
.chat-main-body[data-v-33cb659b]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(23, 23, 23, 0.5);
  backdrop-filter: blur(8.5px);
  -webkit-backdrop-filter: blur(8.5px);
  pointer-events: none;
  z-index: 1;
}
.chat-main-body[data-v-33cb659b]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0255rem;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 4;
}
.agent-floating-card[data-v-33cb659b],
.messages-wrap[data-v-33cb659b],
.bottom-nav[data-v-33cb659b] {
  position: relative;
  z-index: 3;
}
.agent-floating-card[data-v-33cb659b] {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  height: auto;
  z-index: 10;
  border: 0.02rem solid rgba(249, 249, 249, 0.14);
  border-radius: 32px;
  box-shadow: 3.4px 4.3px 6.8px rgba(0, 0, 0, 0.25);
  padding: 8.4px 22px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  overflow: hidden;
}
.agent-floating-card[data-v-33cb659b]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(8.5px);
  -webkit-backdrop-filter: blur(8.5px);
  pointer-events: none;
  z-index: 0;
}
.agent-floating-card[data-v-33cb659b]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0255rem;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}
.agent-floating-card[data-v-33cb659b] > * {
  position: relative;
  z-index: 1;
}
.agent-info[data-v-33cb659b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.8px;
}
.agent-avatar-wrap[data-v-33cb659b] {
  position: relative;
  width: 36.6px;
  height: 36.6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar-ring[data-v-33cb659b] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36.6px;
  height: 36.6px;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.83);
}
.agent-avatar[data-v-33cb659b] {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  object-fit: cover;
  z-index: 1;
}
.agent-name[data-v-33cb659b] {
  position: relative;
  display: flex;
  padding: 3.236px 2.516px;
  flex-direction: column;
  align-items: center;
  gap: 1.618px;
  border: 0.02rem solid rgba(249, 249, 249, 0.1);
  border-radius: 4.406px;
  background: rgba(170, 170, 170, 0.1);
  backdrop-filter: blur(18.5px);
  -webkit-backdrop-filter: blur(18.5px);
  color: #fff;
  font-size: 6.6px;
  font-weight: 500;
  margin-top: -0.24rem;
  white-space: nowrap;
}
.messages-wrap[data-v-33cb659b] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 100px 20px 20px;
  display: flex;
  flex-direction: column;
}
.messages-inner[data-v-33cb659b] {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  gap: 20px;
}
.message-row[data-v-33cb659b] {
  display: flex;
  width: 100%;
}
.message-row--self[data-v-33cb659b] {
  justify-content: flex-end;
}
.bubble-wrapper[data-v-33cb659b] {
  display: flex;
  flex-direction: column;
  max-width: 85%;
  width: fit-content;
  gap: 4px;
}
.bubble-wrapper--self[data-v-33cb659b] {
  align-items: flex-end;
}
.transaction-bubble[data-v-33cb659b] {
  display: flex;
  flex-direction: column;
  padding: 8.53px 14.622px;
  justify-content: center;
  align-items: flex-start;
  gap: 6.093px;
  border-radius: 23.457px;
  background: #1f9816;
  color: #f9f9f9;
}
.bubble-content p[data-v-33cb659b] {
  margin: 0;
  color: #f9f9f9;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "HONOR Sans CN";
  font-size: 11.576px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.232px;
}
.bubble-footer[data-v-33cb659b] {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  color: #f9f9f9;
  font-family: "HONOR Sans CN";
  font-size: 9.748px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.195px;
}
.sender-name[data-v-33cb659b] {
  font-weight: 600;
}
.text-bubble[data-v-33cb659b] {
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 20px 20px 20px 4px;
  padding: 6px 12px;
  color: #fff;
  font-size: 14px;
  word-break: break-word;
}
.text-bubble--self[data-v-33cb659b] {
  background: #1f9816;
  border-radius: 20px 20px 4px 20px;
}
html[data-theme=light] .text-bubble--self[data-v-33cb659b] {
  background: var(--wallet-l-accent);
  color: var(--wallet-l-on-accent);
}
.image-bubble[data-v-33cb659b] {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 4px;
  max-width: 200px;
}
.image-bubble img[data-v-33cb659b] {
  width: 100%;
  border-radius: 8px;
}
.bottom-nav[data-v-33cb659b] {
  height: 80px;
  padding: 0 15px;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 5px;
  padding-bottom: env(safe-area-inset-bottom);
}
.nav-icon-btn[data-v-33cb659b] {
  background: transparent;
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mic-btn[data-v-33cb659b] {
  width: 37.534px;
  height: 37.534px;
  padding: 0;
}
.bottom-nav button img[data-v-33cb659b] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
}
.input-bar-wrap[data-v-33cb659b] {
  flex: 1;
  min-width: 0;
  height: 37.534px;
  background: #0f0f0f;
  border-radius: 210.014px;
  padding: 3.36px 4.29px 3.36px 11.341px;
  display: flex;
  align-items: center;
  gap: 4.2px;
}
.input-bar-wrap input[data-v-33cb659b] {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--c-text);
  font-family: "PingFang SC";
  font-size: 13.226px;
  font-weight: 400;
  line-height: 78%;
  letter-spacing: 0.265px;
  outline: none;
}
.input-bar-wrap input[data-v-33cb659b]::placeholder {
  color: var(--c-text-muted);
}
.send-action-btn[data-v-33cb659b] {
  background: transparent;
  border: none;
  padding: 0;
  width: 37.331px;
  height: 37.331px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  color: #fff;
}
.send-action-btn[data-v-33cb659b]:active {
  opacity: 0.8;
}
.plus-btn[data-v-33cb659b] {
  background: transparent;
  border: none;
  padding: 0;
  width: 37.331px;
  height: 37.331px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.plus-btn[data-v-33cb659b]:active {
  opacity: 0.8;
}
.close-chat-btn[data-v-33cb659b] {
  background: transparent;
  border: none;
  padding: 0;
  width: 38.403px;
  height: 38.403px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  color: #f3f3f3;
}
.close-chat-btn[data-v-33cb659b]:active {
  opacity: 0.8;
}.cs-order-float[data-v-fd0f8b6f] {
  position: fixed;
  right: 0.3rem;
  top: 52%;
  z-index: 9999;
}
.cs-order-float[data-v-fd0f8b6f] .bell-wrapper {
  position: relative;
}
@media (min-width: 600px) {
.cs-order-float[data-v-fd0f8b6f] {
    right: 24px;
    top: 50%;
}
}:root[data-theme=light] .telegram-club-join-dialog .game-dialog__card {
  position: relative;
  background: transparent !important;
  border: 0.96px solid rgba(242, 242, 242, 0.04) !important;
  border-radius: clamp(28px, 10vw, 36.4px);
  box-shadow: none !important;
  overflow: hidden;
}
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__card::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(135, 134, 134, 0.032);
  box-shadow: 0.0919rem 0.1149rem 0.1838rem rgba(0, 0, 0, 0.25), 0 0 0.2298rem #000 inset, 0.0566rem 0.1132rem 0.4596rem rgba(242, 242, 242, 0.7) inset;
  backdrop-filter: blur(0.58px);
  -webkit-backdrop-filter: blur(0.58px);
  pointer-events: none;
  z-index: 0;
}
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0255rem;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__card {
  background-image: none !important;
}
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__card-bg-gradient,
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__card-bg-texture,
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__card-bg-shadow {
  display: none !important;
}
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__title,
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__body {
  color: #f9f9f9 !important;
}
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__cancel-btn {
  background: rgba(146, 146, 146, 0.4) !important;
  color: #f9f9f9 !important;
  box-shadow: inset 1px 1px 0px 0px rgba(242, 242, 242, 0.8), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.5) !important;
}
:root[data-theme=light] .telegram-club-join-dialog .game-dialog__cancel-btn::before {
  display: block !important;
}.telegram-club-join[data-v-a4e0439d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.2rem 0.4rem;
  box-sizing: border-box;
}
.telegram-club-join .club-info-card[data-v-a4e0439d] {
  width: 100%;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 0.2rem;
  padding: 0.3rem 0.25rem;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 0.3rem;
}
html[data-theme=light] .telegram-club-join .club-info-card[data-v-a4e0439d] {
  background: rgba(0, 0, 0, 0.05);
}
.telegram-club-join .club-info-card .club-name[data-v-a4e0439d] {
  font-size: 0.34rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.12rem;
  word-break: break-word;
}
html[data-theme=light] .telegram-club-join .club-info-card .club-name[data-v-a4e0439d] {
  color: #ffffff;
}
.telegram-club-join .club-info-card .club-id[data-v-a4e0439d] {
  font-size: 0.28rem;
  color: rgba(255, 255, 255, 0.7);
}
html[data-theme=light] .telegram-club-join .club-info-card .club-id[data-v-a4e0439d] {
  color: rgba(255, 255, 255, 0.85);
}
.telegram-club-join .club-info-card .club-id .label[data-v-a4e0439d] {
  margin-right: 0.1rem;
}
.telegram-club-join .club-info-card .club-id .value[data-v-a4e0439d] {
  color: #e2c083;
  font-weight: 600;
}
.telegram-club-join .action-footer[data-v-a4e0439d] {
  width: 100%;
}
.telegram-club-join .action-footer .quick-join-btn[data-v-a4e0439d] {
  width: 100%;
  height: 0.84rem;
  font-size: 0.3rem;
  font-weight: 600;
}
html[data-theme=light] .telegram-club-join .action-footer .quick-join-btn[data-v-a4e0439d] {
  background: var(--c-brand, #05c297) !important;
}.game-launch-fallback[data-v-286de9fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  padding: 0.2rem 0.1rem 0.1rem;
}
.tip[data-v-286de9fa] {
  margin: 0;
  font-size: 0.373rem;
  line-height: 1.5;
  text-align: center;
  color: var(--c-text, #f9f9f9);
}
.launch-link[data-v-286de9fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1.17rem;
  border-radius: 1.08rem;
  background: linear-gradient(157deg, #55f329 0%, #3ead06 100%);
  color: #fff;
  font-size: 0.45rem;
  font-weight: 500;
  font-family: "HONOR Sans CN", sans-serif;
  text-decoration: none;
}
.hint[data-v-286de9fa] {
  margin: 0;
  font-size: 0.32rem;
  line-height: 1.5;
  text-align: center;
  color: var(--c-text-muted, rgba(249, 249, 249, 0.6));
}.external-link-frame[data-v-62015804] {
  position: fixed;
  inset: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background: #fff;
}
.external-link-frame__content[data-v-62015804] {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}
.external-link-frame__close[data-v-62015804] {
  position: absolute;
  z-index: 1;
  top: calc(var(--app-viewport-safe-area-top, env(safe-area-inset-top)) + 0.14rem);
  left: calc(env(safe-area-inset-left) + 0.14rem);
  width: 0.66rem;
  height: 0.66rem;
  border: 0;
  border-radius: 50%;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(20, 20, 20, 0.72);
  box-shadow: 0 0.04rem 0.18rem rgba(0, 0, 0, 0.22);
  font-size: 0.52rem;
  font-weight: 300;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}
.external-link-frame__loading[data-v-62015804] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 0.78rem;
  border-radius: 999px;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.16rem;
  color: #fff;
  background: rgba(20, 20, 20, 0.76);
  font-size: 0.28rem;
}
.external-link-frame__spinner[data-v-62015804] {
  width: 0.3rem;
  height: 0.3rem;
  border: 0.04rem solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: external-link-frame-spin-62015804 0.8s linear infinite;
}
@keyframes external-link-frame-spin-62015804 {
to {
    transform: rotate(360deg);
}
}.login-fullscreen-panel[data-v-a7697937] {
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: #000;
}
.login-title-row[data-v-a7697937] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.1rem;
}
.debug-trigger[data-v-a7697937] {
  position: absolute;
  left: 0;
  top: 0.3rem;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.34rem;
  font-family: "Afacad", sans-serif;
  cursor: pointer;
}
.lang-btn[data-v-a7697937] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0.13rem;
}
.lang-btn img[data-v-a7697937] {
  width: 0.5rem;
  height: 0.52rem;
}
.lang-text[data-v-a7697937] {
  font-size: 0.4rem;
  font-weight: 500;
  color: #fff;
}
.language-item[data-v-a7697937] {
  align-items: center;
  justify-content: space-between;
  height: 1.2rem;
  margin: 0 0.1rem 0;
  border-bottom: 0.2px solid rgba(255, 255, 255, 0.2);
  display: flex;
}
.language-item .radio-circle[data-v-a7697937] {
  width: 0.42rem;
  height: 0.42rem;
}
.language-item .radio-circle--checked[data-v-a7697937]::after {
  width: 0.26rem;
  height: 0.26rem;
}
.debug-account-item[data-v-a7697937] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.1rem;
  border-bottom: 0.2px solid rgba(255, 255, 255, 0.2);
  padding: 0 0.08rem;
  cursor: pointer;
}
.login-form[data-v-a7697937] {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.tab-row[data-v-a7697937] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.53rem;
  margin-bottom: 0.5rem;
}
.tab-item[data-v-a7697937] {
  border: 0;
  background: transparent;
  font-size: 0.45rem;
  font-family: "HONOR Sans CN", sans-serif;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  padding: 0.13rem 0 0;
  position: relative;
}
.tab-item--active[data-v-a7697937] {
  color: #fff;
  font-weight: 700;
}
.tab-item--active[data-v-a7697937]::after {
  content: "";
  position: absolute;
  bottom: -0.07rem;
  left: 0;
  right: 0;
  height: 0.033rem;
  background: #fff;
}
.form-fields[data-v-a7697937] {
  display: flex;
  flex-direction: column;
  gap: 0.59rem;
}
.input-row[data-v-a7697937] {
  display: flex;
  align-items: center;
  height: 1.44rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1.69rem;
  padding-left: 0.41rem;
  position: relative;
  transition: background 0.2s;
}
.input-row--filled[data-v-a7697937] {
  background: rgba(62, 173, 6, 0.65);
}
.input-icon-wrap[data-v-a7697937] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.56rem;
  height: 0.56rem;
  z-index: 2;
}
.input-icon[data-v-a7697937] {
  width: 0.53rem;
  height: 0.53rem;
}
.input-inner[data-v-a7697937] {
  flex: 1;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 1.69rem;
  display: flex;
  align-items: center;
  margin-left: 0.16rem;
  padding-right: 0.21rem;
  min-width: 0;
}
.input-inner--plain[data-v-a7697937] {
  padding-right: 0.53rem;
}
.area-code-btn[data-v-a7697937] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.11rem;
  height: 0.91rem;
  padding: 0 0.2rem;
  margin-left: 0.25rem;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 1.27rem;
  border: 0;
  cursor: pointer;
}
.area-code-btn span[data-v-a7697937] {
  font-size: 0.33rem;
  margin: 0 0.1rem;
  font-weight: 500;
  font-family: "Afacad", sans-serif;
  color: #000;
}
.area-code-btn img[data-v-a7697937] {
  width: 0.24rem;
  height: 0.13rem;
  margin-left: 0.05rem;
}
.input-field[data-v-a7697937] {
  flex: 1;
  height: 100%;
  border: 0;
  background: transparent;
  outline: none;
  font-size: 0.38rem;
  font-weight: 500;
  font-family: "Afacad", sans-serif;
  color: #000;
  padding-left: 0.5rem;
  min-width: 0;
}
.input-field[data-v-a7697937]::placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.input-field-phone[data-v-a7697937] {
  padding-left: 0.1rem;
}
.otp-btn[data-v-a7697937] {
  flex-shrink: 0;
  height: 0.91rem;
  padding: 0 0.27rem;
  min-width: 2rem;
  background: linear-gradient(157deg, #55f329 0%, #3ead06 100%);
  border-radius: 1.27rem;
  border: 0;
  cursor: pointer;
  font-size: 0.34rem;
  font-weight: 500;
  font-family: "Afacad", sans-serif;
  color: #fff;
  white-space: nowrap;
}
.otp-btn--disabled[data-v-a7697937] {
  opacity: 0.6;
  cursor: not-allowed;
}
.eye-btn[data-v-a7697937] {
  flex-shrink: 0;
  width: 0.59rem;
  height: 0.59rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eye-btn img[data-v-a7697937] {
  width: 0.59rem;
  height: 0.56rem;
  pointer-events: none;
}
.error-snackbar[data-v-a7697937] {
  background: rgba(250, 43, 75, 0.18);
  border-radius: 0.4rem;
  padding: 0.2rem 0.36rem;
  margin-top: 0.32rem;
  font-size: 0.3rem;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
  text-align: center;
  word-break: break-word;
  box-shadow: inset 0 0 0 1px rgba(250, 43, 75, 0.45);
}
.snackbar-enter-active[data-v-a7697937],
.snackbar-leave-active[data-v-a7697937] {
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.snackbar-enter-from[data-v-a7697937],
.snackbar-leave-to[data-v-a7697937] {
  opacity: 0;
  transform: translateY(-0.16rem);
}
.bottom-area[data-v-a7697937] {
  margin-top: 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.27rem;
}
.action-links[data-v-a7697937] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.05rem;
}
.link-btn[data-v-a7697937] {
  border: 0;
  background: transparent;
  font-size: 0.41rem;
  font-weight: 500;
  min-width: 2.5rem;
  font-family: "PingFang SC", "HONOR Sans CN", sans-serif;
  color: #f9f9f9;
  cursor: pointer;
  padding: 0.08rem 0.1rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.42rem;
}
.agreement-row[data-v-a7697937] {
  display: flex;
  align-items: center;
  gap: 0.13rem;
  padding: 0 0.13rem;
}
.radio-circle[data-v-a7697937] {
  width: 0.35rem;
  height: 0.35rem;
}
.radio-circle--checked[data-v-a7697937]::after {
  width: 0.22rem;
  height: 0.22rem;
}
.agreement-text[data-v-a7697937] {
  font-size: 0.27rem;
  font-weight: 500;
  color: #fff;
  font-family: "PingFang SC", "HONOR Sans CN", sans-serif;
}
.agreement-text--link[data-v-a7697937] {
  cursor: pointer;
}
.protocol-link[data-v-a7697937] {
  cursor: pointer;
}
.primary-btn[data-v-a7697937] {
  height: 1.44rem;
}
.register-tip[data-v-a7697937] {
  background: rgba(220, 38, 38, 0.08);
  backdrop-filter: blur(8.5px);
  -webkit-backdrop-filter: blur(8.5px);
  border: 0.5px solid rgba(249, 249, 249, 0.08);
  border-radius: 0.8rem;
  padding: 0.12rem 0.26rem;
  font-size: 0.3rem;
  font-weight: 400;
  font-family: "PingFang SC", "HONOR Sans CN", sans-serif;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.5;
  text-align: center;
}:root[data-theme=light] .login-dialog .game-dialog__card {
  position: relative;
  background: transparent !important;
  border: 0.96px solid rgba(242, 242, 242, 0.04) !important;
  border-radius: clamp(28px, 10vw, 36.4px);
  box-shadow: none !important;
  overflow: hidden;
}
:root[data-theme=light] .login-dialog .game-dialog__card::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(135, 134, 134, 0.032);
  box-shadow: 0.0919rem 0.1149rem 0.1838rem rgba(0, 0, 0, 0.25), 0 0 0.2298rem #000 inset, 0.0566rem 0.1132rem 0.4596rem rgba(242, 242, 242, 0.7) inset;
  backdrop-filter: blur(0.58px);
  -webkit-backdrop-filter: blur(0.58px);
  pointer-events: none;
  z-index: 0;
}
:root[data-theme=light] .login-dialog .game-dialog__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0255rem;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
:root[data-theme=light] .login-dialog .game-dialog__card {
  background-image: none !important;
}
:root[data-theme=light] .login-dialog .game-dialog__card-bg-gradient,
:root[data-theme=light] .login-dialog .game-dialog__card-bg-texture,
:root[data-theme=light] .login-dialog .game-dialog__card-bg-shadow {
  display: none !important;
}
:root[data-theme=light] .login-dialog .game-dialog__title,
:root[data-theme=light] .login-dialog .game-dialog__body {
  color: #f9f9f9 !important;
}
:root[data-theme=light] .login-dialog .game-dialog__cancel-btn {
  background: rgba(146, 146, 146, 0.4) !important;
  color: #f9f9f9 !important;
  box-shadow: inset 1px 1px 0px 0px rgba(242, 242, 242, 0.8), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.5) !important;
}
:root[data-theme=light] .login-dialog .game-dialog__cancel-btn::before {
  display: block !important;
}
:root[data-theme=light] .login-dialog .input-row--filled {
  background: #05c297;
}
:root[data-theme=light] .login-dialog .otp-btn {
  background: #05c297;
}
:root[data-theme=light] .login-dialog .primary-btn {
  background: #05c297;
  border: 0.5px solid rgba(242, 242, 242, 0.8);
  color: #fbfbfb;
}
:root[data-theme=light] .login-dialog .register-tip {
  background: rgba(255, 255, 255, 0.8);
  border-color: transparent;
  color: rgba(15, 8, 8, 0.69);
}
/* 包裹层只做分组，不参与尺寸计算：保持页面根节点的百分比高度与 Telegram guard 生效。 */
.h5-route-host {
  height: 100%;
}

/* 牌桌内登录只显示弹窗；H5 大厅保持挂载但不绘制，底下继续显示 Cocos 牌桌。 */
#app[data-cocos-table-auth-overlay='1'] {
  background-color: transparent !important;
  background-image: none !important;
}
.h5-route-host--table-auth {
  visibility: hidden;
  pointer-events: none;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-latin-oDwwnhl2.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+20-7E, U+A2-A5, U+A7-A8, U+AE, U+B0-B1, U+B7, U+D7, U+E0-E1, U+E8-EA, U+EC-ED, U+F2-F3, U+F7, U+F9-FA, U+FC, U+101, U+113, U+11B, U+12B, U+144, U+148, U+14D, U+16B, U+1CE, U+1D0, U+1D2, U+1D4, U+1D6, U+1D8, U+1DA, U+1DC, U+1F9, U+251, U+261, U+2C7, U+2C9-2CB, U+2D9, U+391-3A1, U+3A3-3A9, U+3B1-3C1, U+3C3-3C9, U+401, U+410-44F, U+451, U+2010, U+2013-2016, U+2018-2019, U+201C-201D, U+2022, U+2025-2026, U+2030, U+2032-2033, U+2035, U+203B, U+203E, U+20AC;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-symbols-CuSMvKZ-.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+1E3F, U+2103, U+2105, U+2109, U+2116, U+2121-2122, U+2160-216B, U+2170-2179, U+2190-2193, U+2196-2199, U+2208, U+220F, U+2211, U+2215, U+221A, U+221D-2220, U+2223, U+2225, U+2227-222B, U+222E, U+2234-2237, U+223C-223D, U+2248, U+224C, U+2252, U+2260-2261, U+2264-2267, U+226E-226F, U+2295, U+2299, U+22A5, U+22BF, U+22EF, U+2312, U+2460-2469, U+2474-249B, U+2500-254B, U+2550-2573, U+2581-258F, U+2593-2595, U+25A0-25A1, U+25B2-25B3, U+25BC-25BD, U+25C6-25C7, U+25CB, U+25CE-25CF, U+25E2-25E5, U+2605-2606, U+2609, U+2640, U+2642;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-cjk-common-BWrzl8FY.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+3000-3003, U+3005-3017, U+301D-301E, U+3021-3029, U+303E, U+FE30-FE31, U+FE33-FE44, U+FE49-FE52, U+FE54-FE57, U+FE59-FE66, U+FE68-FE6B, U+FF01-FF5E, U+FFE0-FFE5;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-sc-1-BhTHsuqi.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+4E00, U+4E07, U+4E09-4E0B, U+4E0D-4E0E, U+4E13-4E14, U+4E16, U+4E1A, U+4E22, U+4E24, U+4E2A, U+4E2D, U+4E30, U+4E34, U+4E3A-4E3B, U+4E3E, U+4E48-4E49, U+4E4B, U+4E50, U+4E5F, U+4E66, U+4E70, U+4E86, U+4E88, U+4E8B-4E8C, U+4E8E-4E8F, U+4E92, U+4E94, U+4E9A-4E9B, U+4EA1, U+4EA4, U+4EA7, U+4EAB, U+4EAE, U+4EBA, U+4EC0, U+4EC5, U+4ECA-4ECB, U+4ECD-4ECE, U+4ED4, U+4ED6, U+4ED8, U+4EE3-4EE5, U+4EEC, U+4EF6-4EF7, U+4EFB, U+4EFD, U+4F11, U+4F17-4F1A, U+4F20, U+4F2F, U+4F3C, U+4F46, U+4F4D-4F4F, U+4F53, U+4F55, U+4F59, U+4F5C, U+4F60, U+4F73, U+4F7F, U+4F8B, U+4F9B, U+4F9D, U+4FBF, U+4FDD, U+4FE1, U+4FEE, U+4FF1, U+500D, U+5012, U+5019, U+503C, U+503E, U+504F, U+505A, U+505C, U+5065, U+50CF, U+5141, U+5143-5145, U+5148, U+514B, U+514D, U+5151, U+5165, U+5168, U+516C-516D, U+5171, U+5173-5174, U+5176-5178, U+517C, U+5185, U+518C-518D, U+5192, U+5199, U+519B, U+51A0, U+51B3, U+51B5, U+51BB, U+51C6, U+51CF, U+51E1, U+51FA-51FB, U+5206-5207, U+5217, U+5219, U+521B, U+521D, U+5220, U+5229, U+522B, U+5230, U+5236-5237, U+523A, U+524D, U+5269-526A, U+526F, U+529B, U+529F-52A1, U+52A8-52AA, U+52B1, U+52BF, U+52CB, U+52FE, U+5305, U+5316, U+5339-533A, U+5341, U+5347, U+534F, U+5355, U+535A, U+5360-5361, U+536B, U+5373, U+5382, U+5386, U+539F, U+53BB, U+53C2, U+53CA-53CD, U+53D1, U+53D6-53D8, U+53E3, U+53EA, U+53EF-53F0, U+53F2-53F3, U+53F7, U+5404, U+5408, U+540C-540E, U+5411, U+5417, U+5426-5427, U+542B, U+542F, U+544A, U+5458, U+5468, U+5473, U+547D, U+548C, U+54C1, U+54C8, U+5510, U+552F, U+5546, U+5584, U+559C, U+55AE, U+5668, U+56DB, U+56DE, U+56E0, U+56F4, U+56FA, U+56FD-56FE, U+5706, U+5708, U+571F, U+5728, U+5730, U+573A, U+5740, U+5747, U+5750, U+5757, U+578B, U+57CE, U+57F9-57FA, U+586B, U+5883, U+589E, U+58EB, U+58F0, U+5904, U+5907, U+590D, U+5916, U+591A, U+591F, U+5927, U+5929-592A, U+5931, U+5934, U+594B, U+594F, U+5956-5957, U+5965, U+5973, U+597D, U+5982, U+59A5, U+59C6, U+59CB, U+59D3, U+5A31, U+5B50, U+5B57-5B58, U+5B63, U+5B83, U+5B88-5B89, U+5B8C, U+5B98, U+5B9A, U+5B9D-5B9E, U+5BA1-5BA2, U+5BA4, U+5BB6, U+5BB9, U+5BC6, U+5BCC, U+5BF9, U+5BFC, U+5C01, U+5C06, U+5C0F, U+5C11, U+5C1A, U+5C1D, U+5C24, U+5C31, U+5C3D-5C3E, U+5C40, U+5C42, U+5C4F, U+5C55, U+5C5E, U+5DDE, U+5DE1, U+5DE5, U+5DF1-5DF2, U+5E01, U+5E03, U+5E08, U+5E0C, U+5E10, U+5E26, U+5E2E, U+5E38, U+5E55, U+5E63, U+5E73-5E74, U+5E76, U+5E7F, U+5E84, U+5E8F, U+5E94-5E95, U+5EA6-5EA7, U+5EF6, U+5EFA, U+5F00, U+5F02-5F03, U+5F08, U+5F0A, U+5F0F, U+5F15, U+5F20, U+5F39-5F3A, U+5F52-5F53, U+5F55, U+5F62, U+5F69, U+5F80-5F81, U+5F85, U+5F97, U+5FAA, U+5FAE, U+5FB7, U+5FC3, U+5FC5, U+5FD8, U+5FEB, U+5FF5, U+6001, U+601D, U+6027, U+603B, U+6062, U+606D, U+606F, U+60A8, U+60C5, U+60E9, U+610F, U+611F, U+614E, U+620F-6211, U+6216, U+6218, U+622A, U+6237, U+623F-6240, U+624B, U+624D-624E, U+6251, U+6253, U+6258, U+6263, U+6267, U+626B, U+6279, U+627E-6280, U+628A, U+6293, U+6295, U+6297-6298, U+62A2, U+62A4-62A5, U+62B1, U+62BC-62BD, U+62C5, U+62CD, U+62D2, U+62DF, U+62E5-62E6, U+62E9, U+62EC, U+62F3, U+62FF, U+6301, U+6307, U+6309, U+6355, U+635F, U+6362, U+636E, U+6377, U+6388, U+6392, U+63A5, U+63A7-63A8, U+63BC, U+63CF-63D0, U+63FD, U+641C, U+644A, U+6478, U+64A4, U+64AD-64AE, U+64CD-64CE, U+652F, U+6536, U+6539, U+653B, U+653E, U+6548, U+6563, U+656C, U+6570, U+6574, U+6587, U+6599, U+65A5, U+65AF-65B0, U+65B9, U+65C5, U+65CB, U+65E0, U+65E5-65E6, U+65F6, U+660E, U+6613, U+661F, U+6628, U+662F, U+6635, U+663E, U+665A, U+666E-666F, U+667A, U+6682, U+6697, U+66B4, U+66F4, U+66FF-6700, U+6708-6709, U+670B, U+670D, U+671B, U+671F, U+672A, U+672C, U+672F, U+673A, U+6743, U+675F-6761, U+6765, U+677E-677F, U+6784, U+6790, U+6797, U+679C, U+67E5, U+6807, U+680F, U+6821, U+6838-6839, U+683C, U+6843, U+6848, U+684C, U+6863, U+6885, U+68C0, U+68CB, U+699C, U+6A21, U+6B21-6B22, U+6B27, U+6B3E, U+6B49, U+6B62-6B65, U+6B8A, U+6BB5, U+6BCF, U+6BD4, U+6C11, U+6C34, U+6C42, U+6C47, U+6C5F-6C60, U+6C89, U+6CA1, U+6CB3, U+6CBF, U+6CD5, U+6CE2, U+6CE8, U+6D17, U+6D3B, U+6D3E, U+6D41, U+6D45, U+6D4B, U+6D4F, U+6D77-6D78, U+6D88-6D89, U+6DA6, U+6DA8, U+6DAF, U+6DF1, U+6DFB, U+6E05, U+6E20, U+6E29, U+6E38, U+6E90, U+6EE1, U+6F14, U+6F5C, U+6FC0, U+706B, U+7075, U+70AE, U+70B9, U+70ED, U+7136, U+7167, U+7206, U+7231, U+7247-7248, U+724C, U+725B, U+7279, U+72B6, U+72EC, U+730E, U+731C, U+732E, U+7387, U+73A9, U+73AF-73B0, U+7403, U+7406, U+751F, U+7528, U+7531, U+7533, U+7535, U+7537, U+753B, U+7545, U+754C, U+7559, U+7565, U+7591, U+767B, U+767E, U+7684, U+7687, U+76C8, U+76CA, U+76D1, U+76D7-76D8, U+76DF, U+76EE, U+76F2, U+76F4, U+76F8, U+770B, U+771F, U+7740, U+77E5, U+77ED, U+77F3, U+7801, U+7834, U+7840, U+786E, U+78C5, U+793A, U+793E, U+795E, U+7968, U+7981, U+79BB, U+79C1, U+79CB, U+79CD, U+79D1-79D2, U+79EF-79F0, U+79FB, U+7A0B, U+7A0D, U+7A33, U+7A7A, U+7A97, U+7ACB, U+7ADE, U+7AE0, U+7AEF, U+7B14, U+7B26, U+7B2C, U+7B49, U+7B56, U+7B79, U+7B7E, U+7B80, U+7B97, U+7BA1, U+7BAD, U+7BB1, U+7C73, U+7C7B, U+7CFB, U+7D20, U+7D22, U+7D2F, U+7E41, U+7EA2, U+7EA7, U+7EAA, U+7EB8, U+7EBF, U+7EC4, U+7EC6, U+7EC8, U+7ECD-7ECF, U+7ED1, U+7ED3, U+7ED9, U+7EDC-7EDD, U+7EDF, U+7EE7, U+7EE9-7EEA, U+7EED, U+7EF4, U+7F16, U+7F3A, U+7F51, U+7F5A, U+7F6E, U+7F8E, U+7FFB, U+8003, U+8005, U+800C, U+8010, U+8017, U+804A, U+804C, U+8054, U+805A, U+806F, U+80B2, U+80CC, U+80DC, U+80E1, U+80FD, U+81EA, U+81F3-81F4, U+820D, U+822A, U+8272, U+8282, U+82A6, U+82B1, U+82E5, U+8303, U+8350, U+8377, U+83B7, U+83C7, U+83DC, U+8428, U+843D, U+8457, U+846B, U+8499, U+853D, U+85CF, U+8611, U+864E, U+865F, U+86CB, U+8840, U+884C, U+8861, U+8865, U+8868, U+88AB, U+88C5, U+8981, U+89C1-89C2, U+89C4, U+89C6, U+89C8, U+89D2, U+89E3, U+89E6, U+8A00, U+8A02, U+8A9E, U+8B66, U+8BA1-8BA2, U+8BA4, U+8BA9, U+8BAE-8BB0, U+8BB8, U+8BBA, U+8BBE-8BBF, U+8BC1, U+8BC6, U+8BD5, U+8BDD, U+8BE2, U+8BE5-8BE6, U+8BED, U+8BEF, U+8BF4, U+8BF7, U+8BFB, U+8C03, U+8C28, U+8C31, U+8C61, U+8C6A, U+8CFD, U+8D1F, U+8D21-8D22, U+8D25-8D28, U+8D2D, U+8D34, U+8D39, U+8D44, U+8D4F, U+8D54, U+8D56, U+8D5B, U+8D60, U+8D62, U+8D70, U+8D77, U+8D85, U+8D8A, U+8DB3, U+8DC3, U+8DDD, U+8DEF, U+8DF3, U+8E22, U+8EAB, U+8F6C, U+8F6E, U+8F7B, U+8F7D, U+8F83, U+8F91, U+8F93, U+8FB9, U+8FBE, U+8FC7, U+8FCE, U+8FD0-8FD1, U+8FD4, U+8FD8-8FD9, U+8FDB, U+8FDD-8FDF, U+8FEA, U+8FF0, U+8FFD, U+9000-9002, U+9006, U+9009, U+9014, U+901A, U+901F-9020, U+904D, U+9053, U+9057, U+9075, U+907F-9080, U+90A3, U+90AE, U+90E8, U+90FD, U+914D, U+9192, U+91C7, U+91CA, U+91CC-91CD, U+91CF, U+91D1, U+949F, U+94AE, U+94B1, U+94BB, U+94F6, U+94FE, U+9500-9501, U+9519, U+9526, U+952E, U+957F, U+95E8, U+95ED-95EE, U+95F2, U+95F4, U+9605, U+9632, U+9636, U+963B, U+9645, U+964D, U+9650, U+9664, U+9669, U+968F-9690, U+9694, U+969C, U+96C6, U+9700, U+9759, U+975E, U+9762, U+97F3, U+985E, U+9875-9876, U+9879-987B, U+987E, U+9884, U+9886, U+9891, U+9898, U+989D, U+98CE, U+98DE, U+997F, U+9988, U+9996, U+9999, U+99A8, U+9A6C, U+9A70-9A71, U+9A8C, U+9AA4, U+9AB0, U+9AD4, U+9AD8, U+9C7C, U+9C7F, U+9EA6, U+9EBB, U+9ED1, U+9ED8;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-sc-2-DxE93cRm.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+4E03, U+4E18, U+4E1C, U+4E25, U+4E32, U+4E38-4E39, U+4E3D, U+4E45, U+4E4C, U+4E4E, U+4E58, U+4E5D, U+4E60-4E61, U+4E71, U+4E91, U+4EAC, U+4EB2-4EB3, U+4EC1, U+4ED3, U+4ED9, U+4F0A, U+4F0D, U+4F24, U+4F26, U+4F2A, U+4F30, U+4F34, U+4F38, U+4F5B, U+4F63, U+4FA7, U+4FAE-4FAF, U+4FC4, U+4FD7, U+501F, U+5036, U+5047, U+5076-5077, U+50A8, U+50F5, U+5149, U+515C, U+516B, U+5170, U+5175, U+5179, U+5188, U+5197, U+519C, U+51B0, U+51B2, U+51B7, U+51C0, U+51C9, U+51D1, U+51E0, U+51ED, U+51F8, U+51FD, U+5212, U+521A, U+5224, U+522E, U+5238, U+523B, U+5254, U+5272, U+529E, U+52B5, U+52C7, U+52D2, U+52FF-5300, U+5308, U+5317, U+533F, U+5343, U+5348, U+534A, U+534E, U+5353, U+5356-5357, U+5362, U+5370, U+5374, U+5377-5378, U+5385, U+5389, U+538B, U+539A, U+53A6, U+53C8-53C9, U+53D9, U+53E0, U+53E4, U+53E6, U+53EB-53EC, U+53F8, U+5403, U+5409-540A, U+5410, U+5415, U+541E, U+542C, U+5434, U+5448, U+547C, U+548B, U+54A8, U+54B8, U+54C7, U+54CD, U+54E5-54E6, U+54E8, U+54EA, U+5524, U+552E, U+554A, U+5565-5566, U+5580, U+5609, U+5634, U+56CA, U+56E2, U+5723, U+572D, U+5733, U+573E, U+574A, U+574E-574F, U+575A, U+575D, U+5761, U+5766, U+5782-5783, U+57AB, U+57C3, U+57D4, U+57DF-57E0, U+5802, U+5806, U+5821, U+5830, U+5835, U+5854, U+585E, U+5899, U+58A8, U+58C1, U+58F3, U+590F, U+591C, U+592B, U+593A, U+5947-5948, U+5951, U+59D4, U+59FF, U+5A01, U+5A04, U+5A92, U+5ACC, U+5AE9, U+5B5C-5B5D, U+5B5F, U+5B66, U+5B81, U+5B8F, U+5B9C, U+5BA3, U+5BAB, U+5BB3-5BB4, U+5BBD-5BBF, U+5BC4, U+5BDF, U+5BE8, U+5BF8, U+5BFB, U+5C04, U+5C07, U+5C14, U+5C16, U+5C38, U+5C3A, U+5C3C, U+5C45, U+5C49, U+5C4B, U+5C71, U+5C97, U+5C9B, U+5CA9, U+5CAD, U+5CB3, U+5CB8, U+5CE1, U+5CEA, U+5CF0, U+5D07, U+5D29, U+5D4C, U+5DDD, U+5DE2, U+5DE6-5DE8, U+5DEE, U+5DF4, U+5E02, U+5E16, U+5E27, U+5E2D, U+5E45, U+5E72, U+5E78, U+5E7A, U+5E86, U+5E93, U+5E97, U+5E9F, U+5EB7, U+5ECA, U+5EF7, U+5F17, U+5F27, U+5F31, U+5F66, U+5F71, U+5F84, U+5F88, U+5F8B, U+5F90, U+5FA1, U+5FBD, U+5FC6, U+5FD7, U+5FD9, U+5FE0, U+5FE7, U+5FFB, U+5FFD, U+6000, U+600E, U+6012, U+601C, U+602A, U+6052, U+6069, U+6076, U+6089, U+60AC, U+60E0, U+60EF-60F0, U+60F3, U+6109, U+613F, U+6155, U+6162, U+61BE, U+6233-6234, U+6241, U+6254, U+6269, U+626C, U+6270, U+6296, U+629A-629B, U+62AC, U+62B5, U+62B9, U+62C6, U+62C9, U+62D6, U+62DB-62DC, U+62F7, U+62FC-62FD, U+6302, U+6311, U+6321, U+6324, U+632A, U+635E, U+6389, U+6396, U+63A2, U+63B7, U+63C9, U+63D2, U+63E1, U+63ED, U+641E, U+642C-642D, U+643A, U+6444, U+6446-6447, U+6469, U+6491, U+649E, U+6500, U+653F, U+6545, U+654F, U+6551, U+6559, U+6590, U+659C, U+65AD, U+65BD, U+65C1, U+65CF, U+65D7, U+65E2, U+65E7, U+65E9, U+65FA, U+6602, U+6606, U+660C, U+6620, U+6625, U+662D, U+664B, U+6653, U+6655, U+6668, U+6670, U+6674, U+66F2, U+66FC, U+6714, U+6717, U+671D, U+6728, U+672B, U+6740, U+6742, U+6746, U+6750, U+676D, U+6781, U+679A, U+679D, U+67A3, U+67B6, U+67D0, U+67D3-67D4, U+67EC, U+67F3, U+6805, U+6811, U+682A, U+6837, U+6842, U+6846, U+6851, U+6865, U+6876, U+6881, U+68A7, U+68AF, U+68EE, U+690D, U+692D, U+695A, U+6982, U+6986, U+69FD, U+6A02, U+6A0A, U+6A2A, U+6B4C, U+6B66, U+6B7B, U+6B8B, U+6BC1, U+6BCD, U+6BD5, U+6BDB, U+6BEB, U+6C14, U+6C38, U+6C49, U+6C55, U+6C57, U+6C61, U+6C64, U+6C70, U+6C7E, U+6C82, U+6C88, U+6C99, U+6C9F, U+6CA7, U+6CAB, U+6CB9, U+6CBB, U+6CC9-6CCA, U+6CDB, U+6CE1, U+6CF0, U+6CF8, U+6CFD, U+6D0B, U+6D1B, U+6D25, U+6D31-6D32, U+6D4E, U+6D59, U+6D66, U+6D69, U+6D6E, U+6DC4, U+6DD6, U+6DD8, U+6DE1, U+6DEE, U+6DF7, U+6E10, U+6E21, U+6E24, U+6E2D, U+6E2F, U+6E32, U+6E56, U+6E58, U+6E5B, U+6E7E, U+6E83, U+6EA2, U+6EAA, U+6EC1, U+6ED1, U+6EDA, U+6EDE, U+6EE4, U+6EE8, U+6F02, U+6F0F, U+6F2B, U+6F2F, U+6F33, U+6F4D, U+6F58, U+6F6D-6F6E, U+6FB3, U+6FEE, U+704C, U+706F-7070, U+707E, U+70AB, U+70B8, U+70C1, U+70DF, U+7115, U+7126, U+722C, U+7235-7236, U+7259, U+7261-7262, U+7269, U+7281, U+72C2, U+72F1, U+732A, U+7389, U+738B, U+739B, U+73BB, U+73C0, U+73E0, U+73ED, U+745E, U+7483, U+74DC, U+74E6, U+7518, U+7530, U+7538, U+756A, U+7586, U+75AF, U+767D, U+7686, U+76AE, U+76CE, U+76D0, U+76D6, U+76FE, U+7701, U+7709, U+7750, U+77AC, U+77E9, U+77EE, U+7802, U+7814, U+7838, U+786C, U+78B0, U+78CB, U+78E8, U+793C, U+795D, U+798F, U+79D8, U+79DF, U+79E6, U+79E9, U+7A0E, U+7A3F, U+7A7F, U+7A81, U+7A84, U+7AD6, U+7AD9, U+7AF9, U+7B52, U+7B5B, U+7BE1, U+7C97-7C98, U+7CBE, U+7CCA, U+7D27, U+7D2B, U+7EA6, U+7EAC, U+7EAF, U+7EB3, U+7EB5, U+7EB9, U+7EC7, U+7ED5, U+7ED8, U+7EE5, U+7EF5, U+7EFF-7F00, U+7F05, U+7F13, U+7F18, U+7F29, U+7F34, U+7F57, U+7F69, U+7F72, U+7F9E, U+7FA4, U+7FE0, U+8001, U+8026, U+8033, U+8083, U+8087, U+80A5, U+80AF, U+80F6, U+810F, U+8111, U+811A, U+8131, U+8138, U+814A, U+817E, U+820C, U+821E-821F, U+822C, U+826F, U+829C-829D, U+82AC, U+82CF, U+82F1, U+82F9, U+8302, U+8328, U+832B, U+8346, U+8349, U+836F, U+8386, U+839E, U+83AB, U+83B1-83B2, U+83CF, U+83E0, U+83F2, U+8404, U+840D, U+841D, U+8425, U+8461, U+8482, U+84C4, U+84DD, U+8543, U+865A, U+866B, U+867D, U+868C, U+878D, U+8857, U+8862, U+88C1, U+88F8-88F9, U+8944, U+897F, U+8986, U+89C9, U+8BC4, U+8BC9, U+8BCD, U+8BD1, U+8BFA, U+8C01, U+8C13, U+8C22, U+8C27, U+8C29, U+8C37, U+8C46, U+8C79, U+8D1D, U+8D23, U+8D35, U+8D3A, U+8D3E, U+8D4B-8D4C, U+8D5A, U+8D5E, U+8D63-8D64, U+8D6B, U+8D74, U+8D76, U+8DA3, U+8DD1, U+8DDF, U+8DE8, U+8F66, U+8F6F, U+8F85, U+8F96, U+8FB1, U+8FBD, U+8FC1, U+8FDC, U+8FF7, U+9003, U+900F-9010, U+9012, U+9017, U+9022, U+903B, U+9042, U+9047, U+906E, U+90A2, U+90AF, U+90B5, U+90BB, U+90CE, U+90D1, U+90ED, U+90F4, U+90F8, U+9102, U+914B, U+9152, U+9177, U+9274, U+9280, U+9304, U+9488, U+9493, U+9497, U+94A5-94A6, U+94A9, U+94C1-94C3, U+94DB-94DC, U+94E2, U+94FA, U+951A, U+9521, U+9547, U+9551, U+955C, U+95EA, U+95FB, U+9608, U+961C, U+961F, U+9633-9635, U+963F-9640, U+9644, U+9646-9647, U+9655, U+9675, U+9686, U+96BE, U+96C4-96C5, U+96E8, U+96F6-96F7, U+96FE, U+9732, U+9752-9753, U+9756, U+9760, U+978D, U+97E6, U+97E9, U+97F6, U+9897, U+989C, U+9970, U+9976, U+997C, U+9A73, U+9A7B, U+9A82, U+9A97, U+9B54, U+9C81, U+9C9C, U+9E21, U+9E2D, U+9E64, U+9E70, U+9EC4, U+9ECE, U+9ED4, U+9F50, U+9F99;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-tc-1-D0Q7BORh.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+4E1F, U+4E26, U+4E9E, U+4F54, U+4F86, U+4FC2, U+500B, U+5011, U+502B, U+5099, U+50B3, U+50BE, U+50C5, U+50F9, U+511F, U+512A, U+5132, U+514C, U+5167, U+5169, U+518A, U+51CD, U+5225, U+522A, U+5247, U+5275, U+52D5, U+52D9, U+52DD, U+52E2, U+52F3, U+52F5, U+532F, U+5340, U+5354, U+53C3, U+54E1, U+554F, U+5553, U+555F, U+55CE, U+5617, U+570B, U+570D, U+5713, U+5716, U+57F7, U+5831, U+5834, U+584A, U+5920, U+5925, U+5967, U+596E, U+5A1B, U+5BE6, U+5BE9, U+5BEB, U+5BF6, U+5C08, U+5C0B, U+5C0D-5C0E, U+5C64, U+5C6C, U+5E33, U+5E36, U+5E6B, U+5EE0, U+5EE3, U+5F35, U+5F37, U+5F8C, U+5F91, U+5F9E, U+5FA9, U+5FB5, U+611B, U+614B, U+61C9, U+61F2, U+6230, U+6232, U+6236, U+6368, U+6383, U+63A1, U+63DB, U+63F4, U+640D, U+6436, U+645C, U+64B2, U+64C1, U+64C7, U+64CA, U+64D4, U+64DA, U+6524, U+652C, U+6557, U+6578, U+65BC, U+6642, U+66A2, U+66AB, U+66B1, U+66C6, U+66F8, U+6703, U+672D, U+689D, U+68C4, U+696D, U+69CB, U+69D3, U+6A19, U+6A5F, U+6A94, U+6AA2, U+6B04, U+6B0A, U+6B50, U+6B61, U+6B77-6B78, U+6C7A, U+6C92, U+6CC1, U+6DFA, U+6E1B, U+6E2C, U+6E96, U+6EAB, U+6EFF, U+6F32, U+6F5B, U+6F64, U+700F, U+70BA, U+7121, U+71B1, U+72C0, U+734E, U+7368, U+7372, U+7375, U+737B, U+73FE, U+74B0, U+7522, U+756B, U+7570, U+7576, U+767C, U+76DC, U+76E1, U+76E3-76E4, U+773E, U+7832, U+78BA, U+78BC, U+790E, U+7A2E, U+7A31, U+7A4D, U+7A69, U+7AF6, U+7B46, U+7BC0, U+7BC4, U+7C21, U+7C3D, U+7C3F, U+7C4C, U+7C64, U+7D00, U+7D05, U+7D19-7D1A, U+7D30, U+7D39, U+7D44, U+7D50, U+7D55, U+7D61, U+7D66, U+7D71, U+7D81, U+7D93, U+7DAD, U+7DB2, U+7DD2, U+7DDA, U+7DE8, U+7E02, U+7E3D-7E3E, U+7E54, U+7E6B, U+7E79, U+7E7C, U+7E8C, U+7F70, U+7FA9, U+8072, U+8077, U+81E8, U+8207-8209, U+838A, U+85A6, U+85A9, U+8606, U+8655, U+8667, U+8853, U+885B, U+88CF, U+88DC-88DD, U+88FD, U+8907, U+898B, U+898F, U+8996, U+89BD, U+89C0, U+89F8, U+8A08, U+8A0A, U+8A17-8A18, U+8A2D, U+8A31, U+8A3B, U+8A62, U+8A66, U+8A71-8A73, U+8A8C-8A8D, U+8AA4, U+8AAA, U+8ABF, U+8ACB, U+8AD6, U+8B39, U+8B49, U+8B58, U+8B5C, U+8B70, U+8B77, U+8B80, U+8B8A, U+8B93, U+8C50, U+8CA0, U+8CA2, U+8CA8, U+8CB7, U+8CBB-8CBC, U+8CC7, U+8CDE, U+8CE0, U+8CEA, U+8CEC, U+8CF4, U+8CFC, U+8D08, U+8D0F, U+8E8D, U+8ECD, U+8F03, U+8F09, U+8F15, U+8F2A, U+8F2F, U+8F38, U+8F49, U+9019, U+9023, U+9031-9032, U+904A-904B, U+904E, U+9054-9055, U+9069, U+9072, U+9078, U+907A, U+9084, U+908A, U+90F5, U+91CB, U+9215, U+92B7, U+9322, U+9326, U+932F, U+9375, U+9396, U+93C8, U+9418, U+947D, U+9577, U+9580, U+9589, U+958B, U+9592-9593, U+95B1, U+95DC, U+968E, U+969B, U+96A8, U+96AA, U+96B1, U+96D9, U+96E2, U+96FB, U+9748, U+975C, U+9801-9802, U+9805-9806, U+9808, U+9810, U+9818, U+982D, U+983B, U+984C-984D, U+9867, U+986F, U+98A8, U+9918, U+994B, U+99AC, U+9A45, U+9A57, U+9B06, U+9B5A, U+9B77, U+9EA5, U+9EBC, U+9EDE, U+9EE8;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-tc-2-S1xqvWWM.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+4E82, U+4F3A, U+4F48, U+4F75, U+5009, U+5074-5075, U+50AD, U+50B7, U+50DE, U+5118, U+525B, U+5283, U+53B2, U+5433, U+5442, U+56B4, U+5718, U+5805, U+588A, U+58D3, U+58E9, U+58F9, U+596A, U+59B3, U+5A41, U+5B78, U+5BE7, U+5BEC, U+5CA1, U+5CF6, U+5CFD, U+5D17, U+5DBA, U+5E79, U+5E7E, U+5EAB, U+5EC8, U+5EE2, U+5EF3, U+5F48, U+5F59, U+5F65, U+60E1, U+6163, U+6167, U+6176, U+6182, U+6190-6191, U+61F7-61F8, U+639B, U+63DA, U+6416, U+6488, U+64AB, U+64E0, U+64EC, U+64F2, U+64FA, U+64FE, U+651D, U+6558, U+65B7, U+6607, U+6649, U+66C9, U+675C, U+6771, U+687F, U+68A8, U+68D7, U+6975, U+6A23, U+6A39, U+6A6B, U+6AAF, U+6B3D, U+6BBA, U+6C23, U+6C76, U+6DBC, U+6E6F, U+6E9D, U+6EC4, U+6F22, U+6FA4, U+6FDF, U+6FF0-6FF1, U+700B, U+7018, U+7063, U+70CF, U+7159, U+7165, U+71C8, U+71DF, U+7232, U+723E, U+7246, U+7344-7345, U+746A, U+7562, U+760B, U+76E7, U+775E, U+7955, U+79AE, U+7A05, U+7A3D, U+7A40, U+7A6B, U+7AC4, U+7BE9, U+7D04, U+7D0B, U+7D0D, U+7D10, U+7D42, U+7D8F, U+7DA0, U+7DAB, U+7DBF, U+7DCA, U+7DEC, U+7E6A, U+7E73, U+7F75, U+7F85, U+7FD2, U+8015, U+8018, U+8056, U+805E, U+807D, U+8085, U+8166, U+81C9, U+81D8, U+81FA, U+8332, U+834A, U+83EF, U+840A, U+842C, U+8449, U+845B, U+84B2, U+84CB, U+84EE, U+856A, U+85CD, U+8607, U+860B, U+862D, U+865B, U+87A2, U+87F2, U+8846, U+8863, U+88E1, U+8988, U+89AA, U+89BA, U+8A2A, U+8A34, U+8A55, U+8A5E, U+8AB0, U+8AEE, U+8AFE, U+8B02, U+8B10, U+8B1D, U+8B3E, U+8B6F, U+8C4E, U+8C6C, U+8C9D, U+8CA1, U+8CB4, U+8CC0, U+8CC8, U+8CD3, U+8CE3, U+8CED, U+8CFA, U+8D0A, U+8D1B, U+8D95, U+8ECA, U+8EDF, U+8F14, U+8F44, U+8F9B, U+8FA6, U+8FA8, U+8FB2, U+905E, U+9060, U+9077, U+907C, U+908F, U+9109, U+912D, U+9130, U+9132, U+91E3, U+91F5, U+9234, U+9251, U+9264, U+9285, U+9296, U+92EA, U+932B, U+937E, U+938A, U+93AE, U+9435, U+943A, U+9470, U+9591, U+95C6, U+965D-965E, U+9678, U+967D, U+968A, U+96B4, U+96BB, U+96DE, U+96E3, U+96F2, U+9727, U+975A, U+97D3, U+97FF, U+9846, U+984F, U+9858, U+98B3, U+98DB, U+9952, U+99C1, U+99D0, U+9A19, U+9A30, U+9B6F, U+9CF3, U+9D28, U+9DB4, U+9DF9, U+9E79, U+9E7D, U+9E97, U+9EC3, U+9F4A, U+9F8D;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ja-Bs7FxszV.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+3041-3093, U+309B-309E, U+30A1-30F6, U+30FC-30FE, U+4E08, U+4E21, U+4E57, U+4E89, U+4E9C, U+4ED5, U+4EEE, U+4F1D, U+4FA1, U+4FB5, U+4FC3, U+5023-5024, U+507D, U+508D, U+50AC, U+50CD, U+5100, U+515A, U+5186, U+51E6, U+524A, U+5265, U+52A3, U+52B4, U+52B9, U+52D8, U+52DF, U+52E7, U+5358, U+5371, U+5375, U+53B3, U+53CE, U+5439, U+5449, U+55B6, U+56F2-56F3, U+570F, U+5727, U+57CB, U+5869, U+5897, U+58CA, U+58F2, U+5909, U+592E, U+5968, U+5A2F, U+5B54, U+5B9F, U+5BEE, U+5BFE, U+5C02, U+5C3B, U+5C4A, U+5C65, U+5D16, U+5DE3, U+5E1D, U+5E2F-5E30, U+5E83, U+5E9C, U+5EBA, U+5F3E, U+5F6B, U+5F79, U+5F7C, U+5F93, U+5FB3-5FB4, U+5FDC, U+6065, U+6075, U+60AA, U+60B2, U+6148, U+616E, U+61A9, U+61D0, U+6226, U+6238, U+623B, U+6247, U+6255, U+6271, U+6291, U+629C, U+629E, U+62D8, U+62E0-62E1, U+62F6, U+62FE, U+6328, U+632F, U+633F, U+6357, U+63B2, U+63B4, U+63EE, U+6483, U+6577, U+66DC, U+674E, U+6751, U+67A0, U+67C4, U+67FB, U+6841, U+68DA, U+691C, U+697D, U+69D8, U+6A29, U+6B20, U+6B3A, U+6B69, U+6B74, U+6BBF, U+6BCE, U+6C0F, U+6C17, U+6CA2, U+6D5C, U+6DB2, U+6DF3, U+6E08, U+6E13, U+6E80, U+7008, U+718A, U+72E9, U+731F, U+7523, U+7573, U+767A, U+770C, U+773A, U+77DB, U+77E2, U+7948, U+7965, U+7A3C, U+7A93, U+7ADC, U+7B54, U+7C4D, U+7C60, U+7C9B, U+7D14, U+7D1B, U+7D4C, U+7D75-7D76, U+7D99-7D9A, U+7DCF, U+7DE0, U+7E1B, U+7E26, U+7E70, U+7FCC, U+7FD4, U+8074, U+80A2, U+81A0, U+82E6, U+8336, U+8358, U+8650, U+885D, U+88D5, U+8912, U+899A, U+89A7, U+89B3, U+8A0E, U+8A33, U+8A3C, U+8A50, U+8A87, U+8A98, U+8AAC-8AAD, U+8AB2, U+8AC7, U+8AE6, U+8AF8, U+8B00, U+8B72, U+8C5A, U+8CA9, U+8CAB, U+8CCA, U+8CDB, U+8EE2, U+8F9E, U+8FBA, U+8FBC, U+8FC5, U+9045, U+90A6, U+90F7, U+916C, U+91CE, U+91DD, U+9283, U+9298, U+92AD, U+9332, U+934B, U+95A2, U+95B2, U+95C7, U+95D8, U+967A, U+9685, U+96A0, U+96A3, U+96C0, U+96C7, U+96D1, U+96EA-96EB, U+9811, U+983C, U+9854, U+98DF, U+990A, U+99C4, U+99D2, U+9A13, U+9AEA, U+9BAE, U+9CF4, U+9D8F, U+9ED2, U+9ED9;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-01-DgMXG7qh.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+2E81, U+2E84, U+2E88, U+2E8B-2E8C, U+2E97, U+2EA7, U+2EAA, U+2EAE, U+2EB3, U+2EB6-2EB7, U+2EBB, U+2ECA, U+2FF0-2FFB, U+3105-3129, U+3220-3229, U+3231, U+32A3, U+338E-338F, U+339C-339E, U+33A1, U+33C4, U+33CE, U+33D1-33D2, U+33D5, U+3400-3539;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-02-DQBKdemB.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+353A-36C9;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-03-CvmcDG-p.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+36CA-3859;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-04-BTsKUW8C.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+385A-39E9;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-05-DelHgZxe.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+39EA-3B79;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-06-DkEQ_aak.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+3B7A-3D09;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-07-CGkeWDDJ.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+3D0A-3E99;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-08-DCYeDPaO.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+3E9A-4029;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-09-COVG8wjp.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+402A-41B9;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-10-64_fkZsk.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+41BA-4349;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-11-BWh3LvpK.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+434A-44D9;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-12-uQ1QRzao.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+44DA-4669;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-13-BoOaoFlu.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+466A-47F9;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-14-Co_3VH5q.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+47FA-4989;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-15-CMfKFYB9.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+498A-4B19;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-16-CfdRFhqa.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+4B1A-4CA9;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-17-FaGa30Kt.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+4CAA-4DB5, U+4E01-4E02, U+4E04-4E06, U+4E0C, U+4E0F-4E12, U+4E15, U+4E17, U+4E19, U+4E1B, U+4E1D-4E1E, U+4E20, U+4E23, U+4E27-4E29, U+4E2B-4E2C, U+4E2E-4E2F, U+4E31, U+4E33, U+4E35-4E37, U+4E3C, U+4E3F-4E44, U+4E46-4E47, U+4E4A, U+4E4D, U+4E4F, U+4E51-4E56, U+4E59-4E5C, U+4E5E, U+4E62-4E65, U+4E67-4E6F, U+4E72-4E81, U+4E83-4E85, U+4E87, U+4E8A, U+4E8D, U+4E90, U+4E93, U+4E95-4E99, U+4E9D, U+4E9F-4EA0, U+4EA2-4EA3, U+4EA5-4EA6, U+4EA8-4EAA, U+4EAD, U+4EAF-4EB1, U+4EB4-4EB9, U+4EBB-4EBF, U+4EC2-4EC4, U+4EC6-4EC9, U+4ECC, U+4ECF-4ED2;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-18-jfAS-OVL.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+4ED7, U+4EDA-4EE2, U+4EE6-4EEB, U+4EED, U+4EEF-4EF5, U+4EF8-4EFA, U+4EFC, U+4EFE-4F09, U+4F0B-4F0C, U+4F0E-4F10, U+4F12-4F16, U+4F1B-4F1C, U+4F1E-4F1F, U+4F21-4F23, U+4F25, U+4F27-4F29, U+4F2B-4F2E, U+4F31-4F33, U+4F35-4F37, U+4F39, U+4F3B, U+4F3D-4F45, U+4F47, U+4F49-4F4C, U+4F50-4F52, U+4F56-4F58, U+4F5A, U+4F5D-4F5F, U+4F61-4F62, U+4F64-4F72, U+4F74, U+4F76-4F7E, U+4F80-4F85, U+4F87-4F8A, U+4F8C-4F9A, U+4F9C, U+4F9E-4FA0, U+4FA2-4FA6, U+4FA8-4FAD, U+4FB0-4FB4, U+4FB6-4FBE, U+4FC0-4FC1, U+4FC5-4FD6, U+4FD8-4FDC, U+4FDE-4FE0, U+4FE2-4FED, U+4FEF-4FF0, U+4FF2-5008, U+500A, U+500C, U+500E-5010, U+5013-5018, U+501A-501E, U+5020-5022, U+5025-502A, U+502C-5035, U+5037-503B, U+503D, U+503F-5046, U+5048-504E, U+5050-5059, U+505B, U+505D-5064, U+5066-5073, U+5078-507C, U+507E-508C, U+508E-5098, U+509A-50A7, U+50A9-50AB, U+50AE-50B2, U+50B4-50B6, U+50B8-50BD, U+50BF-50C4;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-19-B28zY8Yf.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+50C6-50CC, U+50CE, U+50D0-50DD, U+50DF-50F4, U+50F6-50F8, U+50FA-50FF, U+5101-5117, U+5119-511E, U+5120-5129, U+512B-5131, U+5133-5140, U+5142, U+5146-5147, U+514A, U+514E-5150, U+5152-5159, U+515B, U+515D-5164, U+5166, U+516A, U+516E-516F, U+5172, U+517A-517B, U+517D-5184, U+5187, U+5189, U+518B, U+518E-5191, U+5193-5196, U+5198, U+519A, U+519D-519F, U+51A1-51AF, U+51B1, U+51B4, U+51B6, U+51B8-51BA, U+51BC-51BF, U+51C1-51C5, U+51C7-51C8, U+51CA-51CC, U+51CE, U+51D0, U+51D2-51DF, U+51E2-51E5, U+51E7-51EC, U+51EE-51F7, U+51F9, U+51FC, U+51FE-5205, U+5208-5211, U+5213-5216, U+5218, U+521C, U+521E-521F, U+5221-5223, U+5226-5228, U+522C-522D, U+522F, U+5231-5235, U+5239, U+523C-5246, U+5248-5249, U+524B-524C, U+524E-5253, U+5255-525A, U+525C-5264, U+5266-5268, U+526B-526E, U+5270-5271, U+5273-5274, U+5276-5282, U+5284-529A, U+529C-529D, U+52A2, U+52A4-52A7, U+52AB-52B0, U+52B2-52B3, U+52B6-52B8, U+52BA-52BE, U+52C0-52C6, U+52C8-52CA, U+52CC-52CD;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-20-4jm9Esvz.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+52CE-52D1, U+52D3-52D4, U+52D6-52D7, U+52DA-52DC, U+52DE, U+52E0-52E1, U+52E3-52E6, U+52E8-52F2, U+52F4, U+52F6-52FD, U+5301-5304, U+5306-5307, U+5309-5315, U+5318-532E, U+5330-5338, U+533B-533E, U+5342, U+5344-5346, U+5349, U+534B-534D, U+5350-5352, U+5359, U+535B-535F, U+5363-536A, U+536C-536F, U+5372, U+5376, U+5379-5381, U+5383-5384, U+5387-5388, U+538A, U+538C-5399, U+539B-539E, U+53A0-53A5, U+53A7-53B1, U+53B4-53BA, U+53BC-53C1, U+53C4-53C7, U+53CF-53D0, U+53D2-53D5, U+53DA-53DF, U+53E1-53E2, U+53E5, U+53E7-53E9, U+53ED-53EE, U+53F1, U+53F4-53F6, U+53F9-5402, U+5405-5407, U+540B, U+540F, U+5412-5414, U+5416, U+5418-541D, U+541F-5425, U+5428-542A, U+542D-542E, U+5430-5432, U+5435-5438, U+543A-5441, U+5443-5447, U+544B-5457, U+5459-5467, U+5469-5472, U+5474-547B, U+547E-548A, U+548D-54A7, U+54A9-54B7, U+54B9-54C0, U+54C2-54C6, U+54C9-54CC, U+54CE-54D8;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-21-D_dBCLjr.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+54D9-54E0, U+54E2-54E4, U+54E7, U+54E9, U+54EB-550F, U+5511-5523, U+5525-552D, U+5530-5545, U+5547-5549, U+554B-554E, U+5550-5552, U+5554-555E, U+5560-5564, U+5567-557F, U+5581-5583, U+5585-559B, U+559D-55AD, U+55AF-55B5, U+55B7-55CD, U+55CF-5608, U+560A-5616, U+5618-5633, U+5635-5667, U+5669-5682;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-22-nhKF0tJt.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+5683-56B3, U+56B5-56C9, U+56CB-56DA, U+56DC-56DD, U+56DF, U+56E1, U+56E3-56F1, U+56F5-56F9, U+56FB-56FC, U+56FF-5705, U+5707, U+5709-570A, U+570C, U+570E, U+5710-5712, U+5714-5715, U+5717, U+5719-571E, U+5720-5722, U+5724-5726, U+5729-572C, U+572E-572F, U+5731-5732, U+5734-5739, U+573B-573D, U+573F, U+5741-5746, U+5748-5749, U+574B-574D, U+5751-5756, U+5758-5759, U+575B-575C, U+575E-5760, U+5762-5765, U+5767-5781, U+5784-578A, U+578C-57AA, U+57AC-57C2, U+57C4-57CA, U+57CC-57CD, U+57CF-57D3, U+57D5-57DE, U+57E1-57F6, U+57F8, U+57FB-5801, U+5803-5804, U+5807-5820, U+5822-582F, U+5832-5833, U+5836-5849, U+584B-5850;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-23-4eljSy4v.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+5851-5853, U+5855-585D, U+585F-5868, U+586A, U+586C-5882, U+5884-5889, U+588B-5896, U+5898, U+589A-589D, U+589F-58A7, U+58A9-58C0, U+58C2-58C9, U+58CB-58D2, U+58D4-58E8, U+58EA, U+58EC-58EF, U+58F1, U+58F4-58F8, U+58FA-5903, U+5905-5906, U+5908, U+590A-590C, U+590E, U+5910-5915, U+5917-5919, U+591B, U+591D-591E, U+5921-5924, U+5926, U+5928, U+592C-592D, U+592F-5930, U+5932-5933, U+5935-5939, U+593B-5946, U+5949-594A, U+594C-594E, U+5950, U+5952-5955, U+5958-5964, U+5966, U+5969, U+596B-596D, U+596F-5972, U+5974-597C, U+597E-5981, U+5983-59A4, U+59A6-59B2, U+59B4-59C5, U+59C7-59CA, U+59CC-59D2, U+59D5-59FE, U+5A00, U+5A02-5A03, U+5A05-5A1A, U+5A1C-5A1F;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-24-CwDMVDBF.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+5A20-5A2E, U+5A30, U+5A32-5A40, U+5A42-5A91, U+5A93-5ACB, U+5ACD-5AE8, U+5AEA-5B4F, U+5B51-5B53, U+5B55-5B56, U+5B59-5B5B, U+5B5E, U+5B60-5B62, U+5B64-5B65, U+5B67-5B77, U+5B79-5B80, U+5B82, U+5B84-5B87, U+5B8A-5B8B, U+5B8D-5B8E, U+5B90-5B97, U+5B99, U+5B9B, U+5BA0, U+5BA5-5BAA, U+5BAC-5BB2, U+5BB5, U+5BB7-5BB8, U+5BBA-5BBC, U+5BC0-5BC3, U+5BC5, U+5BC7-5BCB, U+5BCD-5BDA;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-25-Cye38cXX.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+5BDB-5BDE, U+5BE0-5BE5, U+5BEA, U+5BED, U+5BEF-5BF5, U+5BF7, U+5BFA, U+5BFD, U+5BFF-5C00, U+5C03, U+5C05, U+5C09-5C0A, U+5C0C, U+5C10, U+5C12-5C13, U+5C15, U+5C17-5C19, U+5C1B-5C1C, U+5C1E-5C23, U+5C25-5C30, U+5C32-5C37, U+5C39, U+5C3F, U+5C41, U+5C43-5C44, U+5C46-5C48, U+5C4C-5C4E, U+5C50-5C54, U+5C56-5C5D, U+5C5F-5C63, U+5C66-5C6B, U+5C6D-5C70, U+5C72-5C96, U+5C98-5C9A, U+5C9C-5CA0, U+5CA2-5CA8, U+5CAA-5CAC, U+5CAE-5CB2, U+5CB4-5CB7, U+5CB9-5CE0, U+5CE2-5CE9, U+5CEB-5CEF, U+5CF1-5CF5, U+5CF7-5CFC, U+5CFE-5D06, U+5D08-5D15, U+5D18-5D28, U+5D2A-5D4B, U+5D4D-5DAD;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-26-DQjXEZoM.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+5DAE-5DB9, U+5DBB-5DDC, U+5DDF-5DE0, U+5DE4, U+5DE9-5DED, U+5DEF-5DF0, U+5DF3, U+5DF5-5E00, U+5E04-5E07, U+5E09-5E0B, U+5E0D-5E0F, U+5E11-5E15, U+5E17-5E1C, U+5E1E-5E25, U+5E28-5E2C, U+5E31-5E32, U+5E34-5E35, U+5E37, U+5E39-5E44, U+5E46-5E54, U+5E56-5E62, U+5E64-5E6A, U+5E6C-5E71, U+5E75, U+5E77, U+5E7B-5E7D, U+5E80-5E82, U+5E85, U+5E87-5E8E, U+5E90-5E92, U+5E96, U+5E98-5E9B, U+5E9D-5E9E, U+5EA0-5EA5, U+5EA8-5EAA, U+5EAC-5EB6, U+5EB8-5EB9, U+5EBB-5EC7, U+5EC9, U+5ECB-5EDF, U+5EE1, U+5EE4-5EF2, U+5EF4-5EF5, U+5EF8-5EF9, U+5EFB-5EFF, U+5F01, U+5F04-5F07, U+5F09, U+5F0B-5F0E, U+5F10-5F14, U+5F16, U+5F18-5F1F, U+5F21-5F26, U+5F28-5F30, U+5F32-5F34, U+5F36, U+5F38, U+5F3B-5F3D, U+5F3F-5F47, U+5F49-5F51, U+5F54, U+5F56-5F58, U+5F5A-5F61, U+5F63-5F64, U+5F67-5F68, U+5F6A, U+5F6C-5F70, U+5F72-5F78, U+5F7A-5F7B, U+5F7D-5F7F, U+5F82-5F83, U+5F86-5F87, U+5F89-5F8A, U+5F8D-5F8F, U+5F92, U+5F94-5F96, U+5F98-5F9D, U+5F9F-5FA0, U+5FA2-5FA8, U+5FAB-5FAD;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-27-B-xOjM-i.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+5FAF-5FB2, U+5FB6, U+5FB8-5FBC, U+5FBE-5FC2, U+5FC4, U+5FC7-5FD6, U+5FDA-5FDB, U+5FDD-5FDF, U+5FE1-5FE6, U+5FE8-5FEA, U+5FEC-5FF4, U+5FF6-5FFA, U+5FFC, U+5FFE-5FFF, U+6002-600D, U+600F-6011, U+6013-601B, U+601E-6026, U+6028-6029, U+602B-603A, U+603C-6051, U+6053-6061, U+6063-6064, U+6066-6068, U+606A-606C, U+606E, U+6070-6074, U+6077-6088, U+608A-60A7, U+60A9, U+60AB, U+60AD-60B1, U+60B3-60C4, U+60C6-60DF, U+60E2-60E8, U+60EA-60EE, U+60F1-60F2, U+60F4-6108, U+610A-610E, U+6110-611A, U+611C-611E, U+6120-613E, U+6140-6147, U+6149-614A, U+614C-614D, U+614F-6154, U+6156-6161, U+6164-6166, U+6168-616D, U+616F-6175, U+6177-617B;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-28-CL0ygSRN.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+617C-6181, U+6183-618F, U+6192-61A8, U+61AA-61BD, U+61BF-61C8, U+61CA-61CF, U+61D1-61F1, U+61F3-61F6, U+61F9-620E, U+6212-6215, U+6217, U+6219-6225, U+6227-6229, U+622B-622F, U+6231, U+6235, U+6239-623A, U+623C-623E, U+6242-6246, U+6248-624A, U+624C, U+624F-6250, U+6252, U+6256-6257, U+6259-6262, U+6264-6266, U+6268, U+626A, U+626D-626F, U+6272-6278, U+627A-627D, U+6281-6289, U+628B-6290, U+6292, U+6294, U+6299, U+629D, U+629F-62A1, U+62A3, U+62A6-62AB, U+62AD-62B0, U+62B2-62B4, U+62B6-62B8, U+62BA-62BB, U+62BE-62C4, U+62C7-62C8, U+62CA-62CC, U+62CE-62D1, U+62D3-62D5, U+62D7, U+62D9-62DA, U+62DD-62DE, U+62E2-62E4, U+62E7-62E8, U+62EA-62EB, U+62ED-62F2, U+62F4-62F5, U+62F8-62FB, U+6300, U+6303-6306, U+6308, U+630A-6310, U+6312-6320, U+6322-6323, U+6325-6327, U+6329, U+632B-632E, U+6330-633E, U+6340-6354, U+6356, U+6358-635D, U+6360-6361, U+6363-6367, U+6369-636D, U+636F-6376, U+6378-6379;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-29-sRMtC-Bv.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+637A-6382, U+6384-6387, U+638A-6391, U+6393-6395, U+6397-639A, U+639C-63A0, U+63A3-63A4, U+63A6, U+63A9-63B1, U+63B3, U+63B5-63B6, U+63B8-63BB, U+63BD-63C8, U+63CA-63CE, U+63D1, U+63D3-63D9, U+63DC-63E0, U+63E2-63EC, U+63EF-63F3, U+63F5-63FC, U+63FE-640C, U+640E-6415, U+6417-641B, U+641D, U+641F-642B, U+642E-6435, U+6437-6439, U+643B-6443, U+6445, U+6448-6449, U+644B-645B, U+645D-6468, U+646A-6477, U+6479-6482, U+6484-6487, U+6489-6490, U+6492-649D, U+649F-64A3, U+64A5-64AA, U+64AC, U+64AF-64B1, U+64B3-64C0, U+64C2-64C6, U+64C8-64C9, U+64CB-64CC, U+64CF-64D3, U+64D5-64D9, U+64DB-64DF, U+64E1-64EB, U+64ED-64F1, U+64F3-64F9, U+64FB-64FD, U+64FF, U+6501-651C, U+651E-6523, U+6525-652B, U+652D-652E, U+6530-6535, U+6537-6538, U+653A, U+653C-653D, U+6540-6544, U+6546-6547, U+6549-654E, U+6550, U+6552-6555;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-30-DpbXZUZG.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+6556, U+655A-6562, U+6564-656B, U+656D-656F, U+6571-6573, U+6575-6576, U+6579-6586, U+6588-658F, U+6591-6598, U+659A-659B, U+659D-65A4, U+65A6-65AC, U+65AE, U+65B1-65B6, U+65B8, U+65BA-65BB, U+65BE-65C0, U+65C2-65C4, U+65C6-65CA, U+65CC-65CE, U+65D0-65D6, U+65D8-65DF, U+65E1, U+65E3-65E4, U+65E8, U+65EA-65F5, U+65F7-65F9, U+65FB-6601, U+6603-6605, U+6608-660B, U+660D, U+660F-6612, U+6614-661E, U+6621-6624, U+6626-6627, U+6629-662C, U+662E, U+6630-6634, U+6636-663D, U+663F-6641, U+6643-6648, U+664A, U+664C-6652, U+6654, U+6656-6659, U+665B-6667, U+6669-666D, U+6671-6673, U+6675-6679, U+667B-6681, U+6683-6696, U+6698-66A1, U+66A3-66AA, U+66AC-66B0, U+66B2-66B3, U+66B5-66C5, U+66C7-66C8, U+66CA-66DB, U+66DD-66F1, U+66F3, U+66F5-66F7, U+66F9-66FB, U+66FD-66FE, U+6701-6702, U+6704-6707, U+670A, U+670C, U+670E-6713, U+6715-6716, U+6718-671A, U+671C, U+671E, U+6720-6727, U+6729, U+672E, U+6730-6739, U+673B-673F, U+6741, U+6744;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-31-BD3w6pSs.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+6745, U+6747-674D, U+674F, U+6752-675B, U+675D-675E, U+6762-6764, U+6766-676C, U+676E-6770, U+6772-677D, U+6780, U+6782-6783, U+6785-678F, U+6791-6796, U+6798-6799, U+679B, U+679E-679F, U+67A1-67A2, U+67A4-67B5, U+67B7-67C3, U+67C5-67CF, U+67D1-67D2, U+67D5-67E4, U+67E6-67EB, U+67ED-67F2, U+67F4-67FA, U+67FC-6804, U+6806, U+6808-680E, U+6810, U+6812-6820, U+6822-6829, U+682B-6836, U+683A-683B, U+683D-6840, U+6844-6845, U+6847, U+6849-684B, U+684D-6850, U+6852-6862, U+6864, U+6866-6875, U+6877-687E, U+6880, U+6882-6884, U+6886-689C, U+689E-68A6, U+68A9-68AE, U+68B0-68BF, U+68C1-68C3, U+68C5-68CA, U+68CC-68D6, U+68D8-68D9, U+68DB-68ED, U+68EF-690C, U+690E-6915;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-32-OgimJYJ5.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+6916-691B, U+691D-692C, U+692E-6959, U+695B-696C, U+696E-6974, U+6976-697C, U+697E-6981, U+6983-6985, U+6987-699B, U+699D-69CA, U+69CC-69D2, U+69D4-69D7, U+69D9-69FC, U+69FE-6A01, U+6A03-6A09, U+6A0B-6A18, U+6A1A-6A20, U+6A22, U+6A24-6A28, U+6A2B-6A38, U+6A3A-6A5E, U+6A60-6A6A, U+6A6C-6A93, U+6A95-6AA1, U+6AA3-6AAE, U+6AB0-6ABF;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-33-oblhEozI.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+6AC0-6B03, U+6B05-6B09, U+6B0B-6B1F, U+6B23-6B26, U+6B28-6B39, U+6B3B-6B3C, U+6B3F-6B48, U+6B4A-6B4B, U+6B4D-6B4F, U+6B51-6B60, U+6B67-6B68, U+6B6A-6B73, U+6B75-6B76, U+6B79-6B7A, U+6B7C-6B89, U+6B8C-6BB4, U+6BB6-6BB9, U+6BBB-6BBE, U+6BC0, U+6BC2-6BCC, U+6BD0-6BD3, U+6BD6-6BDA, U+6BDC-6BEA, U+6BEC-6C0E, U+6C10, U+6C12-6C13, U+6C15-6C16, U+6C18-6C22, U+6C24-6C33, U+6C35-6C37, U+6C39-6C41, U+6C43-6C46, U+6C48, U+6C4A-6C54, U+6C56, U+6C58-6C5E, U+6C62-6C63, U+6C65-6C6F, U+6C71-6C75, U+6C77-6C79, U+6C7B-6C7D, U+6C7F-6C81, U+6C83-6C87, U+6C8A;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-34-Bqit1q7L.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+6C8B-6C91, U+6C93-6C98, U+6C9A-6C9E, U+6CA0, U+6CA3-6CA6, U+6CA8-6CAA, U+6CAC-6CB2, U+6CB4-6CB8, U+6CBA, U+6CBC-6CBE, U+6CC0, U+6CC2-6CC8, U+6CCB-6CD4, U+6CD6-6CDA, U+6CDC-6CE0, U+6CE3-6CE7, U+6CE9-6CEF, U+6CF1-6CF7, U+6CF9-6CFC, U+6CFE-6D0A, U+6D0C-6D16, U+6D18-6D1A, U+6D1C-6D24, U+6D26-6D30, U+6D33-6D3A, U+6D3C-6D3D, U+6D3F-6D40, U+6D42-6D44, U+6D46-6D4A, U+6D4C-6D4D, U+6D50-6D58, U+6D5A-6D5B, U+6D5D-6D65, U+6D67-6D68, U+6D6A-6D6D, U+6D6F-6D76, U+6D79-6D87, U+6D8A-6DA5, U+6DA7, U+6DA9-6DAE, U+6DB0-6DB1, U+6DB3-6DBB, U+6DBD-6DC3, U+6DC5-6DD5, U+6DD7, U+6DD9-6DE0, U+6DE2-6DED, U+6DEF-6DF0, U+6DF2, U+6DF4-6DF6, U+6DF8-6DF9, U+6DFC-6E04, U+6E06-6E07, U+6E09-6E0F, U+6E11-6E12, U+6E14-6E1A, U+6E1C-6E1F, U+6E22-6E23, U+6E25-6E28, U+6E2A-6E2B, U+6E2E, U+6E30-6E31, U+6E33-6E37, U+6E39-6E55, U+6E57, U+6E59-6E5A, U+6E5C-6E66;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-35-DtF3tMci.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+6E67-6E6E, U+6E70-6E7D, U+6E7F, U+6E81-6E82, U+6E84-6E8F, U+6E91-6E95, U+6E97-6E9C, U+6E9E-6EA1, U+6EA3-6EA9, U+6EAC-6EC0, U+6EC2-6EC3, U+6EC5-6ED0, U+6ED2-6ED9, U+6EDB-6EDD, U+6EDF-6EE0, U+6EE2-6EE3, U+6EE5-6EE7, U+6EE9-6EFE, U+6F00-6F01, U+6F03-6F0E, U+6F10-6F13, U+6F15-6F21, U+6F23-6F2A, U+6F2C-6F2E, U+6F30-6F31, U+6F34-6F4C, U+6F4E-6F57, U+6F59-6F5A, U+6F5D-6F63, U+6F65-6F6C, U+6F6F-6FA3, U+6FA5-6FB2, U+6FB4-6FBF, U+6FC1-6FDE, U+6FE0-6FED, U+6FEF, U+6FF2-7007, U+7009-700A, U+700C-700E, U+7010-7017, U+7019-7023;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-36-SCZUzIAA.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+7024-704B, U+704D-7062, U+7064-706A, U+706C-706E, U+7071-7074, U+7076-707D, U+707F-70AA, U+70AC-70AD, U+70AF-70B7, U+70BB-70C0, U+70C2-70CE, U+70D0-70DE, U+70E0-70EC, U+70EE-7114, U+7116-7120, U+7122-7125, U+7127-7135, U+7137-7158, U+715A-7164, U+7166, U+7168-7189, U+718B-71B0, U+71B2-71C7, U+71C9-71CD;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-37-CPjg8FR_.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+71CE-71DE, U+71E0-7205, U+7207-722B, U+722D-7230, U+7233-7234, U+7237-723D, U+723F-7245, U+7249-724B, U+724D-7258, U+725A, U+725C-7260, U+7263-7268, U+726A-7278, U+727A-7280, U+7282-72B5, U+72B7-72BF, U+72C1, U+72C3-72E8, U+72EA-72EB, U+72ED-72F0, U+72F2-730D, U+730F-731B, U+731D-731E, U+7320-7329, U+732B-732D, U+732F-7343, U+7346-734D, U+734F-7367, U+7369-7371, U+7373-7374, U+7376-737A, U+737C-7382;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-38-DKyLHLOu.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+7383-7386, U+7388, U+738A, U+738C-739A, U+739C-73A8, U+73AA-73AE, U+73B1-73BA, U+73BC-73BF, U+73C1-73DF, U+73E1-73EC, U+73EE-73FD, U+73FF-7402, U+7404-7405, U+7407-745D, U+745F-7469, U+746B-7482, U+7484-74AF, U+74B1-74DB, U+74DD-74E5, U+74E7-7517, U+7519-751E, U+7520-7521, U+7524-7527, U+7529-752B;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-39-BZGGlLzd.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+752C-752F, U+7532, U+7534, U+7536, U+7539-753A, U+753C-7544, U+7546-754B, U+754D-7558, U+755A-7561, U+7563-7564, U+7566-7569, U+756C-756F, U+7571-7572, U+7574-7575, U+7577-7585, U+7587-7590, U+7592-75AE, U+75B0-760A, U+760C-7679, U+767F-7683, U+7685, U+7688-76AD, U+76AF-76C7, U+76C9, U+76CB-76CD, U+76CF, U+76D2-76D5, U+76D9-76DB, U+76DD-76DE, U+76E0, U+76E2, U+76E5-76E6;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-40-BiLbJwFe.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+76E8-76ED, U+76EF-76F1, U+76F3, U+76F5-76F7, U+76F9-76FD, U+76FF-7700, U+7702-7708, U+770A, U+770D-771E, U+7720-7739, U+773B-773D, U+773F, U+7741-774F, U+7751-775D, U+775F-77AB, U+77AD-77DA, U+77DC-77E1, U+77E3-77E4, U+77E6-77E8, U+77EA-77EC, U+77EF-77F2, U+77F4-7800, U+7803-7813, U+7815-7831, U+7833, U+7835-7837, U+7839-783F, U+7841-786B, U+786D, U+786F-7897;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-41-CpmVHIlL.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+7898-78AF, U+78B1-78B9, U+78BB, U+78BD-78C4, U+78C6-78CA, U+78CC-78E7, U+78E9-790D, U+790F-7939, U+793B, U+793D, U+793F-7947, U+7949-7954, U+7956-795C, U+795F-7964, U+7966-7967, U+7969-7980, U+7982-798E, U+7990-79AD, U+79AF-79BA, U+79BC-79C0, U+79C2-79CA, U+79CC, U+79CE-79D0, U+79D3-79D7, U+79D9-79DE, U+79E0-79E5, U+79E7-79E8, U+79EA-79EE, U+79F1-79FA, U+79FC-7A04, U+7A06-7A0A, U+7A0C, U+7A0F-7A2D, U+7A2F-7A30, U+7A32, U+7A34-7A3B, U+7A3E, U+7A41-7A4C, U+7A4E-7A53;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-42-BLO9WSyQ.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+7A54-7A68, U+7A6A, U+7A6C-7A79, U+7A7B-7A7E, U+7A80, U+7A82-7A83, U+7A85-7A92, U+7A94-7A96, U+7A98-7AC3, U+7AC5-7ACA, U+7ACC-7AD5, U+7AD7-7AD8, U+7ADA-7ADB, U+7ADD, U+7ADF, U+7AE1-7AEE, U+7AF0-7AF5, U+7AF7-7AF8, U+7AFA-7B13, U+7B15-7B25, U+7B27-7B2B, U+7B2D-7B45, U+7B47-7B48, U+7B4A-7B51, U+7B53, U+7B55, U+7B57-7B5A, U+7B5C-7B78, U+7B7A-7B7D, U+7B7F, U+7B81-7B96, U+7B98-7BA0, U+7BA2-7BAC, U+7BAE-7BB0, U+7BB2-7BBF, U+7BC1-7BC3, U+7BC5-7BE0, U+7BE2-7BE8, U+7BEA-7C09;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-43-BPywrui1.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+7C0A-7C20, U+7C22-7C3C, U+7C3E, U+7C40-7C4B, U+7C4E-7C5F, U+7C61-7C63, U+7C65-7C72, U+7C74-7C7A, U+7C7C-7C96, U+7C99-7C9A, U+7C9C-7CBD, U+7CBF-7CC9, U+7CCB-7CFA, U+7CFC-7CFF, U+7D01-7D03, U+7D06-7D0A, U+7D0C, U+7D0E-7D0F, U+7D11-7D13, U+7D15-7D18, U+7D1C-7D1F, U+7D21, U+7D23-7D26, U+7D28-7D2A, U+7D2C-7D2E, U+7D31-7D38, U+7D3A-7D41, U+7D43, U+7D45-7D4B, U+7D4D-7D4F, U+7D51-7D54, U+7D56-7D60, U+7D62-7D65, U+7D67-7D70, U+7D72-7D74, U+7D77-7D80, U+7D82-7D8E, U+7D90-7D92, U+7D94-7D98, U+7D9B-7D9F, U+7DA1-7DAA, U+7DAC, U+7DAE-7DB1, U+7DB3-7DBE, U+7DC0-7DC9, U+7DCB-7DCE;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-44-Kqpip5-G.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+7DD0-7DD1, U+7DD3-7DD9, U+7DDB-7DDF, U+7DE1-7DE7, U+7DE9-7DEB, U+7DED-7E01, U+7E03-7E1A, U+7E1C-7E25, U+7E27-7E3C, U+7E3F-7E40, U+7E42-7E53, U+7E55-7E69, U+7E6C-7E6F, U+7E71-7E72, U+7E74-7E78, U+7E7A-7E7B, U+7E7D-7E8B, U+7E8D-7EA1, U+7EA3-7EA5, U+7EA8-7EA9, U+7EAB, U+7EAD-7EAE, U+7EB0-7EB2, U+7EB4, U+7EB6-7EB7, U+7EBA-7EBE, U+7EC0-7EC3, U+7EC5, U+7EC9-7ECC, U+7ED0, U+7ED2, U+7ED4, U+7ED6-7ED7, U+7EDA-7EDB, U+7EDE, U+7EE0-7EE4, U+7EE6, U+7EE8, U+7EEB-7EEC, U+7EEE-7EF3, U+7EF6-7EFE, U+7F01-7F04, U+7F06-7F12, U+7F14-7F15, U+7F17, U+7F19-7F28, U+7F2A-7F33, U+7F35-7F39, U+7F3B-7F50, U+7F52-7F56, U+7F58-7F59, U+7F5B-7F68, U+7F6A-7F6D, U+7F6F, U+7F71, U+7F73-7F74, U+7F76-7F84, U+7F86-7F8D, U+7F8F-7F9D, U+7F9F-7FA3, U+7FA5-7FA8;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-45-De3eyGAQ.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+7FAA-7FCB, U+7FCD-7FD1, U+7FD3, U+7FD5-7FDF, U+7FE1-7FFA, U+7FFC-8000, U+8002, U+8004, U+8006-800B, U+800D-800F, U+8011-8014, U+8016, U+8019-8025, U+8027-8032, U+8034-8049, U+804B, U+804D-8053, U+8055, U+8057-8059, U+805B-805D, U+805F-806E, U+8070-8071, U+8073, U+8075-8076, U+8078-807C, U+807E-8082, U+8084, U+8086, U+8088-80A1, U+80A3-80A4, U+80A6-80AE, U+80B0-80B1, U+80B3-80CB, U+80CD-80DB, U+80DD-80E0, U+80E2-80F5, U+80F7-80FC, U+80FE-810E, U+8110, U+8112-8119, U+811B-8130, U+8132-8137, U+8139-8149, U+814B-8165;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-46-idq8fzI3.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+8167-817D, U+817F-819F, U+81A1-81C8, U+81CA-81D7, U+81D9-81E7, U+81E9, U+81EB-81F2, U+81F5-81F9, U+81FB-8206, U+820A-820B, U+820E-821D, U+8220-8229, U+822B, U+822D-826E, U+8270-8271, U+8273-8281, U+8283-829B, U+829E-82A5, U+82A7-82AB, U+82AD-82B0, U+82B2-82CE, U+82D0-82E4, U+82E7-82F0, U+82F2-82F8, U+82FA-8301, U+8304-8317;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-47-DFNz9y4Y.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+8318-8327, U+8329-832A, U+832C-8331, U+8333-8335, U+8337-8345, U+8347-8348, U+834B-834F, U+8351-8357, U+8359-836E, U+8370-8376, U+8378-8385, U+8387-8389, U+838B-839D, U+839F-83AA, U+83AC-83B0, U+83B3-83B6, U+83B8-83C6, U+83C8-83CE, U+83D0-83DB, U+83DD-83DF, U+83E1-83EE, U+83F0-83F1, U+83F3-8403, U+8405-8409, U+840B-840C, U+840E-841C, U+841E-8424, U+8426-8427, U+8429-842B, U+842D-843C, U+843E-8448, U+844A-8456, U+8458-845A, U+845C-8460, U+8462-846A, U+846C-8481, U+8483-8498, U+849A-84B1, U+84B3-84C3, U+84C5-84CA, U+84CC-84D1;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-48-T8VonZyY.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+84D2-84DC, U+84DE-84ED, U+84EF-853C, U+853E-8542, U+8544-8569, U+856B-85A5, U+85A7-85A8, U+85AA-85CC, U+85CE, U+85D0-8605, U+8608-860A, U+860C-8610, U+8612-862C, U+862E-864D, U+864F, U+8651-8654, U+8656-8659, U+865C-865E, U+8660-8666, U+8668-866A, U+866C-8677;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-49-LTqUrQJD.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+8678-867C, U+867E-868B, U+868D-86CA, U+86CC-878C, U+878E-87A1, U+87A3-87F1, U+87F3-880D;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-50-BXuZs5BW.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+880E-883F, U+8841-8845, U+8847-884B, U+884D-8852, U+8854-8856, U+8858-885A, U+885C, U+885E-8860, U+8864, U+8866-8867, U+8869-88AA, U+88AC-88C0, U+88C2-88C4, U+88C6-88CE, U+88D0-88D4, U+88D6-88DB, U+88DE-88E0, U+88E2-88F7, U+88FA-88FC, U+88FE-8906, U+8908-8911, U+8913-8943, U+8945-897E, U+8980, U+8982-8985, U+8987, U+8989-898A, U+898C-898E, U+8990-8995, U+8997-8999, U+899B-89A6, U+89A8-89A9, U+89AB-89B2, U+89B4-89B9, U+89BB-89BC, U+89BE-89BF, U+89C3, U+89C5, U+89C7, U+89CA-89CB;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-51-SIqtZ48S.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+89CC-89D1, U+89D3-89E2, U+89E4-89E5, U+89E7-89F7, U+89F9-89FF, U+8A01, U+8A03-8A07, U+8A09, U+8A0B-8A0D, U+8A0F-8A16, U+8A19-8A29, U+8A2B-8A2C, U+8A2E-8A30, U+8A32, U+8A35-8A3A, U+8A3D-8A4F, U+8A51-8A54, U+8A56-8A5D, U+8A5F-8A61, U+8A63-8A65, U+8A67-8A70, U+8A74-8A86, U+8A88-8A8B, U+8A8E-8A97, U+8A99-8A9D, U+8A9F-8AA3, U+8AA5-8AA9, U+8AAB, U+8AAE-8AAF, U+8AB1, U+8AB3-8ABE, U+8AC0-8AC6, U+8AC8-8ACA, U+8ACC-8AD5, U+8AD7-8AE5, U+8AE7-8AED, U+8AEF-8AF7, U+8AF9-8AFD, U+8AFF, U+8B01, U+8B03-8B0F, U+8B11-8B1C, U+8B1E-8B38, U+8B3A-8B3D, U+8B3F-8B48, U+8B4A-8B57, U+8B59-8B5B, U+8B5D-8B65, U+8B67-8B6E, U+8B71, U+8B73-8B76, U+8B78-8B7F, U+8B81-8B89, U+8B8B-8B92, U+8B94-8B99;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-52-CfiBEgkK.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+8B9A-8BA0, U+8BA3, U+8BA5-8BA8, U+8BAA-8BAD, U+8BB1-8BB7, U+8BB9, U+8BBB-8BBD, U+8BC0, U+8BC2-8BC3, U+8BC5, U+8BC7-8BC8, U+8BCA-8BCC, U+8BCE-8BD0, U+8BD2-8BD4, U+8BD6-8BDC, U+8BDE-8BE1, U+8BE3-8BE4, U+8BE7-8BEC, U+8BEE, U+8BF0-8BF3, U+8BF5-8BF6, U+8BF8-8BF9, U+8BFC-8C00, U+8C02, U+8C04-8C12, U+8C14-8C21, U+8C23-8C26, U+8C2A-8C30, U+8C32-8C36, U+8C38-8C45, U+8C47-8C4D, U+8C4F, U+8C51-8C59, U+8C5B-8C60, U+8C62-8C69, U+8C6B, U+8C6D-8C78, U+8C7A-8C9C, U+8C9E-8C9F, U+8CA3-8CA7, U+8CAA, U+8CAC-8CB3, U+8CB5-8CB6, U+8CB8-8CBA, U+8CBD-8CBF, U+8CC1-8CC6, U+8CC9, U+8CCB-8CD2, U+8CD4-8CDA, U+8CDC-8CDD, U+8CDF, U+8CE1-8CE2, U+8CE4-8CE9, U+8CEB, U+8CEE-8CF3, U+8CF5-8CF9, U+8CFB, U+8CFE-8D07, U+8D09, U+8D0B-8D0E, U+8D10-8D1A, U+8D1C, U+8D1E, U+8D20, U+8D24, U+8D29-8D2C, U+8D2E-8D33, U+8D36-8D38, U+8D3B-8D3D, U+8D3F-8D43, U+8D45-8D4A, U+8D4D-8D4E, U+8D50-8D53, U+8D55, U+8D57-8D59, U+8D5C-8D5D, U+8D5F, U+8D61, U+8D65-8D6A, U+8D6C-8D6F, U+8D71-8D73, U+8D75, U+8D78-8D84, U+8D86-8D89, U+8D8B-8D94, U+8D96-8D99;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-53-7RxI21Xp.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+8D9A-8DA2, U+8DA4-8DB2, U+8DB4-8DC2, U+8DC4-8DD0, U+8DD2-8DDC, U+8DDE, U+8DE0-8DE7, U+8DE9-8DEE, U+8DF0-8DF2, U+8DF4-8E21, U+8E23-8E8C, U+8E8E-8EAA, U+8EAC-8EC9, U+8ECB-8ECC, U+8ECE-8EDE, U+8EE0-8EE1, U+8EE3-8F02, U+8F04-8F08, U+8F0A-8F13, U+8F16-8F29, U+8F2B-8F2E, U+8F30-8F37, U+8F39-8F40;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-54-BmAdkcda.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+8F41-8F43, U+8F45-8F48, U+8F4A-8F65, U+8F67-8F6B, U+8F6D, U+8F70-8F7A, U+8F7C, U+8F7E-8F82, U+8F84, U+8F86-8F90, U+8F92, U+8F94-8F95, U+8F97-8F9A, U+8F9C-8F9D, U+8F9F-8FA5, U+8FA7, U+8FA9-8FB0, U+8FB3-8FB8, U+8FBB, U+8FBF-8FC0, U+8FC2-8FC4, U+8FC6, U+8FC8-8FCD, U+8FCF, U+8FD2-8FD3, U+8FD5-8FD7, U+8FDA, U+8FE0-8FE9, U+8FEB-8FEF, U+8FF1-8FF6, U+8FF8-8FFC, U+8FFE-8FFF, U+9004-9005, U+9007-9008, U+900A-900E, U+9011, U+9013, U+9015-9016, U+9018, U+901B-901E, U+9021, U+9024-9030, U+9033-903A, U+903C-9041, U+9043-9044, U+9046, U+9048-9049, U+904C, U+904F-9052, U+9056, U+9058-905D, U+905F, U+9061-9068, U+906A-906D, U+906F-9071, U+9073-9074, U+9076, U+9079, U+907B, U+907D-907E, U+9081-9083, U+9085-9089, U+908B-908E, U+9090-90A1, U+90A4-90A5, U+90A7-90AD, U+90B0-90B4, U+90B6-90BA, U+90BC-90CD, U+90CF-90D0, U+90D2-90E7, U+90E9-90EC, U+90EE-90F3, U+90F6, U+90F9-90FC, U+90FE-9101, U+9103-9108, U+910A-912C, U+912E-912F, U+9131, U+9133-913D;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-55-ZBjYV4mh.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+913E-914A, U+914C, U+914E-9151, U+9153-916B, U+916D-9176, U+9178-9191, U+9193-91C6, U+91C8-91C9, U+91D0, U+91D2-91DC, U+91DE-91E2, U+91E4-91F4, U+91F6-9214, U+9216-9233, U+9235-9250, U+9252-9263, U+9265-9273, U+9275-927F, U+9281-9282, U+9284, U+9286-9295, U+9297, U+9299-92AC, U+92AE-92B6, U+92B8-92E9, U+92EB;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-56-CjdFIeew.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+92EC-9303, U+9305-9321, U+9323-9325, U+9327-932A, U+932C-932E, U+9330-9331, U+9333-934A, U+934C-9374, U+9376-937D, U+937F-9389, U+938B-9395, U+9397-93AD, U+93AF-93C7, U+93C9-9417, U+9419-9434, U+9436-9439, U+943B-946F, U+9471-947C, U+947E-9487, U+9489-948E;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-57-B1edE-Ms.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+948F-9492, U+9494-9496, U+9498-949E, U+94A0-94A4, U+94A7-94A8, U+94AA-94AD, U+94AF-94B0, U+94B2-94BA, U+94BC-94C0, U+94C4-94DA, U+94DD-94E1, U+94E3-94F5, U+94F7-94F9, U+94FB-94FD, U+94FF, U+9502-9518, U+951B-9520, U+9522-9525, U+9527-952D, U+952F-9546, U+9548-9550, U+9552-955B, U+955D-9576, U+9578-957E, U+9581-9588, U+958A, U+958C-9590, U+9594-95A1, U+95A3-95B0, U+95B3-95C5, U+95C8-95D7, U+95D9-95DB, U+95DD-95E7, U+95E9, U+95EB-95EC, U+95EF-95F1, U+95F3, U+95F5-95FA, U+95FC-9604, U+9606-9607, U+9609-961B, U+961D-961E, U+9620-9631, U+9637-963A, U+963C-963E, U+9641-9643, U+9648-964C, U+964E-964F, U+9651-9654, U+9656-965C, U+965F-9663, U+9665-9666;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-58-Ahahe-te.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+9667-9668, U+966A-9674, U+9676-9677, U+9679, U+967B-967C, U+967E-9684, U+9687-9689, U+968B-968D, U+9691-9693, U+9695-969A, U+969D-969F, U+96A1-96A2, U+96A4-96A7, U+96A9, U+96AB-96B0, U+96B2-96B3, U+96B5-96BA, U+96BC-96BD, U+96BF, U+96C1-96C3, U+96C8-96D0, U+96D2-96D8, U+96DA-96DD, U+96DF-96E1, U+96E4-96E7, U+96E9, U+96EC-96F1, U+96F3-96F5, U+96F8-96FA, U+96FC-96FD, U+96FF, U+9701-9726, U+9728-9731, U+9733-9747, U+9749-9751, U+9754-9755, U+9757-9758, U+975B, U+975D, U+975F, U+9761, U+9763-978C, U+978E-97D2, U+97D4-97E5, U+97E7-97E8, U+97EA-97F2, U+97F4-97F5, U+97F7-97FE, U+9800, U+9803-9804, U+9807, U+9809-980F, U+9812-9817, U+9819-982C, U+982E-983A, U+983D;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-59-CqSKfmhX.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+983E-9845, U+9847-984B, U+984E, U+9850-9853, U+9855-9857, U+9859-985D, U+985F-9866, U+9868-986E, U+9870-9874, U+9877-9878, U+987C-987D, U+987F-9883, U+9885, U+9887-9890, U+9892-9896, U+9899-989B, U+989E-98A7, U+98A9-98B2, U+98B4-98CD, U+98CF-98DA, U+98DC-98DD, U+98E0-9909, U+990B-9917, U+9919-994A, U+994C-9951, U+9953-996F, U+9971-9975, U+9977-997B, U+997D-997E, U+9980-9987, U+9989-9995, U+9997-9998, U+999A-99A7, U+99A9-99AB, U+99AD-99C0, U+99C2-99C3, U+99C5-99CF, U+99D1, U+99D3-99FA;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-60-CEb_tG3W.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+99FB-9A12, U+9A14-9A18, U+9A1A-9A2F, U+9A31-9A44, U+9A46-9A56, U+9A58-9A6B, U+9A6D-9A6F, U+9A72, U+9A74-9A7A, U+9A7C-9A81, U+9A83-9A8B, U+9A8D-9A96, U+9A98-9AA3, U+9AA5-9AAF, U+9AB1-9AD3, U+9AD5-9AD7, U+9AD9-9AE9, U+9AEB-9B05, U+9B07-9B53, U+9B55-9B59, U+9B5B-9B6E, U+9B70-9B76, U+9B78-9BA1;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-61-DEPjiRBw.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+9BA2-9BAD, U+9BAF-9C7B, U+9C7D-9C7E, U+9C80, U+9C82-9C9B, U+9C9D-9CF2, U+9CF5-9D27, U+9D29-9D39;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-62-DIgWgfpX.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+9D3A-9D8E, U+9D90-9DB3, U+9DB5-9DF8, U+9DFA-9E20, U+9E22-9E2C, U+9E2E-9E63, U+9E65-9E6F, U+9E71-9E78, U+9E7A-9E7C, U+9E7E-9E96, U+9E98-9EA4, U+9EA7-9EBA, U+9EBD-9EC2, U+9EC5-9ECD, U+9ECF-9ED0, U+9ED3, U+9ED5-9ED7, U+9EDA-9EDD, U+9EDF-9EE0;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-63-C0ke7Ot7.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+9EE1-9EE7, U+9EE9-9F49, U+9F4B-9F4F, U+9F51-9F8C, U+9F8E-9F98, U+9F9A-9FA5, U+9FB4-9FBB, U+E766-E76C, U+E76E-E7BB, U+E7C7-E7E1, U+E7E7-E7F3, U+E7FE-E7FF, U+E801-E80F, U+E815-E81D, U+E81F-E825, U+E827-E82A, U+E82D-E831, U+E833-E853;
}
@font-face {
  font-family: "HONOR Sans CN";
  src: url("../fonts/honor-sans-cn-ext-64-aimmTWI8.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+E854-E864, U+F92C, U+F979, U+F995, U+F9E7, U+F9F1, U+FA0C-FA0F, U+FA11, U+FA13-FA14, U+FA18, U+FA1F-FA21, U+FA23-FA24, U+FA27-FA29, U+20087, U+20089, U+200CC, U+215D7, U+2298F, U+241FE;
}
@font-face {
  font-family: "Keania One";
  src: url("../../assets/fonts/KeaniaOne-Regular.woff2") format("woff2"), url("/assets/fonts/KeaniaOne-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-sans: HONOR Sans CN, PingFang SC, Noto Sans SC, Hiragino Sans GB, Helvetica Neue, Arial, sans-serif;
  --font-family-mono: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, monospace;
  --font-family-SF: SF Pro, PingFang SC, Noto Sans SC, Hiragino Sans GB, Helvetica Neue, Arial, sans-serif;
  --color-primary: rgb(85, 243, 41);
  --color-primary-press: #0a4e92;
  --color-bg-top: #f6fafe;
  --color-bg-bottom: #e9f2ff;
  --color-text-main: #1c2735;
  --color-text-secondary: #5f6d80;
  --color-border-soft: rgba(147, 172, 206, 0.42);
  --color-card-bg: rgba(255, 255, 255, 0.92);
  --color-text-main2: #fff;
  --color-bg-shadow: rgba(0, 0, 0, 0.2);
  --radius-card: 0.4267rem;
  --radius-input: 0.32rem;
  --shadow-card: 0 12px 28px rgba(42, 67, 98, 0.08);
  --app-max-width: 10rem;
  --app-side-padding: 0.32rem;
  --app-top-padding: 0.32rem;
  --app-bottom-padding: 2.04rem;
  --section-gap: 0.2667rem;
  --space-card-padding: 0.32rem;
  --space-button-min-height: 1.12rem;
  --font-size-title: 0.4267rem;
  --font-size-info: 0.3467rem;
  --font-size-cell-padding-y: 0.32rem;
  --field-label-width: 1.9733rem;
  --tabbar-surface: rgba(51, 55, 56, 0.77);
  --tabbar-border: rgba(249, 249, 249, 0.4);
  --tabbar-item: #f9f9f9;
  --tabbar-item-active: #f9f9f9;
  --van-primary-color: rgb(85, 243, 41);
  --van-danger-color: #d84b3e;
  --van-success-color: #159f67;
  --van-text-color: #1c2735;
  --van-text-color-2: #5f6d80;
  --van-background-2: rgba(255, 255, 255, 0.92);
  --van-border-color: rgba(147, 172, 206, 0.42);
  --van-radius-lg: 0.32rem;
}

:root[data-theme=light] {
  --tabbar-surface: #222222;
  --tabbar-border: transparent;
  --tabbar-item: #7b7b7b;
  --tabbar-item-active: #7bfbca;
}

:root {
  --c-brand: #05c297;
  --c-brand-rgb: 5, 194, 151;
  --c-loss: #05c297;
  --c-profit: #ff5364;
  --c-text: #ffffff;
  --c-text-muted: rgba(255, 255, 255, 0.5);
  --c-page: #0f0f0f;
  --c-surface: rgba(255, 255, 255, 0.1);
  --c-overlay: rgba(12, 12, 12, 0.6);
  --c-border: rgba(255, 255, 255, 0.2);
  --c-divider: rgba(255, 255, 255, 0.1);
}

html[data-theme=light] .only-dark {
  display: none !important;
}

html[data-theme=dark] .only-light {
  display: none !important;
}

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

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  touch-action: pan-x pan-y;
}

#app {
  width: 100%;
  margin: 0;
  min-height: var(--app-full-height, var(--app-viewport-height, 100dvh));
  touch-action: pan-x pan-y;
}

@media (min-width: 481px) {
  body {
    width: var(--app-frame-width);
    max-width: var(--app-frame-max-width);
    min-height: var(--app-frame-height);
    margin-top: var(--app-frame-offset-top, 0px);
    margin-left: auto;
    margin-right: auto;
  }
}
html {
  font-size: 75px;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-family-sans);
  font-size: 0.3733rem;
  line-height: 1.5;
  color: var(--color-text-main);
  background: radial-gradient(circle at 8% 0%, rgba(10, 103, 194, 0.14), transparent 36%), radial-gradient(circle at 95% 12%, rgba(18, 141, 95, 0.11), transparent 30%), linear-gradient(180deg, var(--color-bg-top), var(--color-bg-bottom));
}

html.theme-view-transition::view-transition-old(root),
html.theme-view-transition::view-transition-new(root) {
  animation-duration: 360ms;
  animation-timing-function: ease-in-out;
}

html.theme-transitioning body,
html.theme-transitioning #app,
html.theme-transitioning #app * {
  transition-property: background-color, color, border-color, box-shadow, fill, stroke, opacity, transform;
  transition-duration: 360ms;
  transition-timing-function: ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  html.theme-view-transition::view-transition-old(root),
  html.theme-view-transition::view-transition-new(root) {
    animation-duration: 0.01ms;
  }
}
button,
input,
textarea {
  font: inherit;
}

button:not(:disabled),
[role=button]:not([aria-disabled=true]) {
  cursor: pointer;
}

button:disabled,
[role=button][aria-disabled=true] {
  cursor: not-allowed;
}

* {
  -webkit-touch-callout: none;
}

input,
textarea,
[contenteditable=""],
[contenteditable=true] {
  -webkit-touch-callout: default;
}

#app {
  min-height: 100dvh;
}

.page-shell {
  width: min(100%, var(--app-max-width));
  margin: 0 auto;
  padding-left: var(--app-side-padding);
  padding-right: var(--app-side-padding);
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: calc(var(--app-bottom-padding) + env(safe-area-inset-bottom));
}

.section-card {
  background: var(--color-card-bg);
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: var(--space-card-padding);
  margin-top: var(--section-gap);
}

.page-shell > .section-card:first-of-type {
  margin-top: 0.32rem;
}

.section-title {
  margin: 0 0 0.32rem;
  font-size: var(--font-size-title);
  font-weight: 600;
  color: var(--color-text-main);
}

.info-line {
  margin: 0.16rem 0;
  color: var(--color-text-secondary);
  font-size: var(--font-size-info);
  line-height: 1.5;
  word-break: break-word;
}

.actions {
  display: flex;
  flex-direction: column;
  gap: 0.2667rem;
  margin-top: 0.3733rem;
}

.quick-account-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2133rem;
}

.radio-circle {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 0.027rem solid rgba(255, 255, 255, 0.3);
  box-shadow: inset 0.5px 0.5px 0px 0px rgba(255, 255, 255, 0.85), inset -0.5px -0.5px 0px 0px rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.radio-circle--checked::after {
  content: "";
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  border: 0.05rem solid rgb(85, 243, 41);
  background: transparent;
}

.main-bg {
  background-image: url("../images/main_bg-7b-zW3pu.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.van-nav-bar {
  border-radius: 0.3733rem;
  overflow: hidden;
}

.van-cell-group--inset {
  margin: 0 !important;
}

.van-cell {
  padding-top: var(--font-size-cell-padding-y);
  padding-bottom: var(--font-size-cell-padding-y);
}

.van-field__label {
  width: var(--field-label-width);
}

.van-button {
  min-height: var(--space-button-min-height);
}

.van-overlay {
  background-color: rgba(12, 12, 12, 0.6) !important;
}

.van-toast {
  background: rgba(30, 30, 30, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 0.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.64rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  padding: 0.32rem 0.56rem;
  min-width: 2.4rem;
  max-width: 6rem;
  width: auto;
}
.van-toast .van-toast__text {
  font-size: 0.37rem;
  font-weight: 500;
  color: #fff;
  font-family: "HONOR Sans CN", "PingFang SC", sans-serif;
  word-break: break-word;
  line-height: 1.4;
}
.van-toast .van-toast__icon {
  font-size: 0.56rem;
  color: #fff;
}

.van-toast--fail.van-toast,
.van-toast--success.van-toast {
  flex-direction: row;
  min-height: 0;
  align-items: center;
  gap: 0.16rem;
  padding: 0.28rem 0.52rem;
}

.van-toast--fail.van-toast .van-toast__text,
.van-toast--success.van-toast .van-toast__text {
  margin-top: 0;
  margin-left: 0;
}

.table-toast-msg {
  background-image: none;
  backdrop-filter: blur(10px);
  background-color: rgba(12, 12, 12, 0.2);
}

@media (min-width: 768px) {
  :root {
    --app-max-width: 11.2rem;
    --field-label-width: 2.4533rem;
  }
  .page-shell {
    padding-top: max(var(--app-top-padding), 0.48rem);
  }
}
@media (orientation: landscape) and (max-height: 500px) {
  .page-shell {
    padding-top: 0.2667rem;
  }
  .section-card {
    margin-top: 0.2133rem;
    padding: 0.2667rem;
  }
}
.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.hidden {
  display: none;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-row-rev {
  flex-direction: row-reverse;
}

.flex-col-rev {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-none {
  flex: none;
}

.shrink-0 {
  flex-shrink: 0;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.04rem;
}

.gap-2 {
  gap: 0.08rem;
}

.gap-3 {
  gap: 0.12rem;
}

.gap-4 {
  gap: 0.16rem;
}

.gap-5 {
  gap: 0.2rem;
}

.gap-6 {
  gap: 0.24rem;
}

.gap-8 {
  gap: 0.32rem;
}

.gap-10 {
  gap: 0.4rem;
}

.gap-12 {
  gap: 0.48rem;
}

.gap-16 {
  gap: 0.64rem;
}

.gap-20 {
  gap: 0.8rem;
}

.gap-24 {
  gap: 0.96rem;
}

.gap-x-0 {
  column-gap: 0;
}

.gap-x-2 {
  column-gap: 0.08rem;
}

.gap-x-4 {
  column-gap: 0.16rem;
}

.gap-x-6 {
  column-gap: 0.24rem;
}

.gap-x-8 {
  column-gap: 0.32rem;
}

.gap-x-12 {
  column-gap: 0.48rem;
}

.gap-x-16 {
  column-gap: 0.64rem;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-y-2 {
  row-gap: 0.08rem;
}

.gap-y-4 {
  row-gap: 0.16rem;
}

.gap-y-6 {
  row-gap: 0.24rem;
}

.gap-y-8 {
  row-gap: 0.32rem;
}

.gap-y-12 {
  row-gap: 0.48rem;
}

.gap-y-16 {
  row-gap: 0.64rem;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.static {
  position: static;
}

.inset-0 {
  inset: 0;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-auto {
  z-index: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: fit-content;
}

.w-half {
  width: 50%;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.h-auto {
  height: auto;
}

.h-fit {
  height: fit-content;
}

.p-0 {
  padding: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.p-1 {
  padding: 0.04rem;
}

.px-1 {
  padding-left: 0.04rem;
  padding-right: 0.04rem;
}

.py-1 {
  padding-top: 0.04rem;
  padding-bottom: 0.04rem;
}

.pt-1 {
  padding-top: 0.04rem;
}

.pr-1 {
  padding-right: 0.04rem;
}

.pb-1 {
  padding-bottom: 0.04rem;
}

.pl-1 {
  padding-left: 0.04rem;
}

.p-2 {
  padding: 0.08rem;
}

.px-2 {
  padding-left: 0.08rem;
  padding-right: 0.08rem;
}

.py-2 {
  padding-top: 0.08rem;
  padding-bottom: 0.08rem;
}

.pt-2 {
  padding-top: 0.08rem;
}

.pr-2 {
  padding-right: 0.08rem;
}

.pb-2 {
  padding-bottom: 0.08rem;
}

.pl-2 {
  padding-left: 0.08rem;
}

.p-3 {
  padding: 0.12rem;
}

.px-3 {
  padding-left: 0.12rem;
  padding-right: 0.12rem;
}

.py-3 {
  padding-top: 0.12rem;
  padding-bottom: 0.12rem;
}

.pt-3 {
  padding-top: 0.12rem;
}

.pr-3 {
  padding-right: 0.12rem;
}

.pb-3 {
  padding-bottom: 0.12rem;
}

.pl-3 {
  padding-left: 0.12rem;
}

.p-4 {
  padding: 0.16rem;
}

.px-4 {
  padding-left: 0.16rem;
  padding-right: 0.16rem;
}

.py-4 {
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
}

.pt-4 {
  padding-top: 0.16rem;
}

.pr-4 {
  padding-right: 0.16rem;
}

.pb-4 {
  padding-bottom: 0.16rem;
}

.pl-4 {
  padding-left: 0.16rem;
}

.p-5 {
  padding: 0.2rem;
}

.px-5 {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.py-5 {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.pt-5 {
  padding-top: 0.2rem;
}

.pr-5 {
  padding-right: 0.2rem;
}

.pb-5 {
  padding-bottom: 0.2rem;
}

.pl-5 {
  padding-left: 0.2rem;
}

.p-6 {
  padding: 0.24rem;
}

.px-6 {
  padding-left: 0.24rem;
  padding-right: 0.24rem;
}

.py-6 {
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
}

.pt-6 {
  padding-top: 0.24rem;
}

.pr-6 {
  padding-right: 0.24rem;
}

.pb-6 {
  padding-bottom: 0.24rem;
}

.pl-6 {
  padding-left: 0.24rem;
}

.p-8 {
  padding: 0.32rem;
}

.px-8 {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}

.py-8 {
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
}

.pt-8 {
  padding-top: 0.32rem;
}

.pr-8 {
  padding-right: 0.32rem;
}

.pb-8 {
  padding-bottom: 0.32rem;
}

.pl-8 {
  padding-left: 0.32rem;
}

.p-10 {
  padding: 0.4rem;
}

.px-10 {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.py-10 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.pt-10 {
  padding-top: 0.4rem;
}

.pr-10 {
  padding-right: 0.4rem;
}

.pb-10 {
  padding-bottom: 0.4rem;
}

.pl-10 {
  padding-left: 0.4rem;
}

.p-12 {
  padding: 0.48rem;
}

.px-12 {
  padding-left: 0.48rem;
  padding-right: 0.48rem;
}

.py-12 {
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
}

.pt-12 {
  padding-top: 0.48rem;
}

.pr-12 {
  padding-right: 0.48rem;
}

.pb-12 {
  padding-bottom: 0.48rem;
}

.pl-12 {
  padding-left: 0.48rem;
}

.p-16 {
  padding: 0.64rem;
}

.px-16 {
  padding-left: 0.64rem;
  padding-right: 0.64rem;
}

.py-16 {
  padding-top: 0.64rem;
  padding-bottom: 0.64rem;
}

.pt-16 {
  padding-top: 0.64rem;
}

.pr-16 {
  padding-right: 0.64rem;
}

.pb-16 {
  padding-bottom: 0.64rem;
}

.pl-16 {
  padding-left: 0.64rem;
}

.p-20 {
  padding: 0.8rem;
}

.px-20 {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.py-20 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.pt-20 {
  padding-top: 0.8rem;
}

.pr-20 {
  padding-right: 0.8rem;
}

.pb-20 {
  padding-bottom: 0.8rem;
}

.pl-20 {
  padding-left: 0.8rem;
}

.p-24 {
  padding: 0.96rem;
}

.px-24 {
  padding-left: 0.96rem;
  padding-right: 0.96rem;
}

.py-24 {
  padding-top: 0.96rem;
  padding-bottom: 0.96rem;
}

.pt-24 {
  padding-top: 0.96rem;
}

.pr-24 {
  padding-right: 0.96rem;
}

.pb-24 {
  padding-bottom: 0.96rem;
}

.pl-24 {
  padding-left: 0.96rem;
}

.p-32 {
  padding: 1.28rem;
}

.px-32 {
  padding-left: 1.28rem;
  padding-right: 1.28rem;
}

.py-32 {
  padding-top: 1.28rem;
  padding-bottom: 1.28rem;
}

.pt-32 {
  padding-top: 1.28rem;
}

.pr-32 {
  padding-right: 1.28rem;
}

.pb-32 {
  padding-bottom: 1.28rem;
}

.pl-32 {
  padding-left: 1.28rem;
}

.p-40 {
  padding: 1.6rem;
}

.px-40 {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.py-40 {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.pt-40 {
  padding-top: 1.6rem;
}

.pr-40 {
  padding-right: 1.6rem;
}

.pb-40 {
  padding-bottom: 1.6rem;
}

.pl-40 {
  padding-left: 1.6rem;
}

.p-48 {
  padding: 2rem;
}

.px-48 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-48 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pt-48 {
  padding-top: 2rem;
}

.pr-48 {
  padding-right: 2rem;
}

.pb-48 {
  padding-bottom: 2rem;
}

.pl-48 {
  padding-left: 2rem;
}

.p-56 {
  padding: 2.4rem;
}

.px-56 {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}

.py-56 {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}

.pt-56 {
  padding-top: 2.4rem;
}

.pr-56 {
  padding-right: 2.4rem;
}

.pb-56 {
  padding-bottom: 2.4rem;
}

.pl-56 {
  padding-left: 2.4rem;
}

.p-64 {
  padding: 2.56rem;
}

.px-64 {
  padding-left: 2.56rem;
  padding-right: 2.56rem;
}

.py-64 {
  padding-top: 2.56rem;
  padding-bottom: 2.56rem;
}

.pt-64 {
  padding-top: 2.56rem;
}

.pr-64 {
  padding-right: 2.56rem;
}

.pb-64 {
  padding-bottom: 2.56rem;
}

.pl-64 {
  padding-left: 2.56rem;
}

.m-0 {
  margin: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.m-1 {
  margin: 0.04rem;
}

.mx-1 {
  margin-left: 0.04rem;
  margin-right: 0.04rem;
}

.my-1 {
  margin-top: 0.04rem;
  margin-bottom: 0.04rem;
}

.mt-1 {
  margin-top: 0.04rem;
}

.mr-1 {
  margin-right: 0.04rem;
}

.mb-1 {
  margin-bottom: 0.04rem;
}

.ml-1 {
  margin-left: 0.04rem;
}

.m-2 {
  margin: 0.08rem;
}

.mx-2 {
  margin-left: 0.08rem;
  margin-right: 0.08rem;
}

.my-2 {
  margin-top: 0.08rem;
  margin-bottom: 0.08rem;
}

.mt-2 {
  margin-top: 0.08rem;
}

.mr-2 {
  margin-right: 0.08rem;
}

.mb-2 {
  margin-bottom: 0.08rem;
}

.ml-2 {
  margin-left: 0.08rem;
}

.m-3 {
  margin: 0.12rem;
}

.mx-3 {
  margin-left: 0.12rem;
  margin-right: 0.12rem;
}

.my-3 {
  margin-top: 0.12rem;
  margin-bottom: 0.12rem;
}

.mt-3 {
  margin-top: 0.12rem;
}

.mr-3 {
  margin-right: 0.12rem;
}

.mb-3 {
  margin-bottom: 0.12rem;
}

.ml-3 {
  margin-left: 0.12rem;
}

.m-4 {
  margin: 0.16rem;
}

.mx-4 {
  margin-left: 0.16rem;
  margin-right: 0.16rem;
}

.my-4 {
  margin-top: 0.16rem;
  margin-bottom: 0.16rem;
}

.mt-4 {
  margin-top: 0.16rem;
}

.mr-4 {
  margin-right: 0.16rem;
}

.mb-4 {
  margin-bottom: 0.16rem;
}

.ml-4 {
  margin-left: 0.16rem;
}

.m-5 {
  margin: 0.2rem;
}

.mx-5 {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.my-5 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.mt-5 {
  margin-top: 0.2rem;
}

.mr-5 {
  margin-right: 0.2rem;
}

.mb-5 {
  margin-bottom: 0.2rem;
}

.ml-5 {
  margin-left: 0.2rem;
}

.m-6 {
  margin: 0.24rem;
}

.mx-6 {
  margin-left: 0.24rem;
  margin-right: 0.24rem;
}

.my-6 {
  margin-top: 0.24rem;
  margin-bottom: 0.24rem;
}

.mt-6 {
  margin-top: 0.24rem;
}

.mr-6 {
  margin-right: 0.24rem;
}

.mb-6 {
  margin-bottom: 0.24rem;
}

.ml-6 {
  margin-left: 0.24rem;
}

.m-8 {
  margin: 0.32rem;
}

.mx-8 {
  margin-left: 0.32rem;
  margin-right: 0.32rem;
}

.my-8 {
  margin-top: 0.32rem;
  margin-bottom: 0.32rem;
}

.mt-8 {
  margin-top: 0.32rem;
}

.mr-8 {
  margin-right: 0.32rem;
}

.mb-8 {
  margin-bottom: 0.32rem;
}

.ml-8 {
  margin-left: 0.32rem;
}

.m-10 {
  margin: 0.4rem;
}

.mx-10 {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}

.my-10 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.mt-10 {
  margin-top: 0.4rem;
}

.mr-10 {
  margin-right: 0.4rem;
}

.mb-10 {
  margin-bottom: 0.4rem;
}

.ml-10 {
  margin-left: 0.4rem;
}

.m-12 {
  margin: 0.48rem;
}

.mx-12 {
  margin-left: 0.48rem;
  margin-right: 0.48rem;
}

.my-12 {
  margin-top: 0.48rem;
  margin-bottom: 0.48rem;
}

.mt-12 {
  margin-top: 0.48rem;
}

.mr-12 {
  margin-right: 0.48rem;
}

.mb-12 {
  margin-bottom: 0.48rem;
}

.ml-12 {
  margin-left: 0.48rem;
}

.m-16 {
  margin: 0.64rem;
}

.mx-16 {
  margin-left: 0.64rem;
  margin-right: 0.64rem;
}

.my-16 {
  margin-top: 0.64rem;
  margin-bottom: 0.64rem;
}

.mt-16 {
  margin-top: 0.64rem;
}

.mr-16 {
  margin-right: 0.64rem;
}

.mb-16 {
  margin-bottom: 0.64rem;
}

.ml-16 {
  margin-left: 0.64rem;
}

.m-20 {
  margin: 0.8rem;
}

.mx-20 {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}

.my-20 {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.mt-20 {
  margin-top: 0.8rem;
}

.mr-20 {
  margin-right: 0.8rem;
}

.mb-20 {
  margin-bottom: 0.8rem;
}

.ml-20 {
  margin-left: 0.8rem;
}

.m-24 {
  margin: 0.96rem;
}

.mx-24 {
  margin-left: 0.96rem;
  margin-right: 0.96rem;
}

.my-24 {
  margin-top: 0.96rem;
  margin-bottom: 0.96rem;
}

.mt-24 {
  margin-top: 0.96rem;
}

.mr-24 {
  margin-right: 0.96rem;
}

.mb-24 {
  margin-bottom: 0.96rem;
}

.ml-24 {
  margin-left: 0.96rem;
}

.m-32 {
  margin: 1.28rem;
}

.mx-32 {
  margin-left: 1.28rem;
  margin-right: 1.28rem;
}

.my-32 {
  margin-top: 1.28rem;
  margin-bottom: 1.28rem;
}

.mt-32 {
  margin-top: 1.28rem;
}

.mr-32 {
  margin-right: 1.28rem;
}

.mb-32 {
  margin-bottom: 1.28rem;
}

.ml-32 {
  margin-left: 1.28rem;
}

.m-40 {
  margin: 1.6rem;
}

.mx-40 {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}

.my-40 {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

.mt-40 {
  margin-top: 1.6rem;
}

.mr-40 {
  margin-right: 1.6rem;
}

.mb-40 {
  margin-bottom: 1.6rem;
}

.ml-40 {
  margin-left: 1.6rem;
}

.m-48 {
  margin: 2rem;
}

.mx-48 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-48 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mt-48 {
  margin-top: 2rem;
}

.mr-48 {
  margin-right: 2rem;
}

.mb-48 {
  margin-bottom: 2rem;
}

.ml-48 {
  margin-left: 2rem;
}

.m-56 {
  margin: 2.4rem;
}

.mx-56 {
  margin-left: 2.4rem;
  margin-right: 2.4rem;
}

.my-56 {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}

.mt-56 {
  margin-top: 2.4rem;
}

.mr-56 {
  margin-right: 2.4rem;
}

.mb-56 {
  margin-bottom: 2.4rem;
}

.ml-56 {
  margin-left: 2.4rem;
}

.m-64 {
  margin: 2.56rem;
}

.mx-64 {
  margin-left: 2.56rem;
  margin-right: 2.56rem;
}

.my-64 {
  margin-top: 2.56rem;
  margin-bottom: 2.56rem;
}

.mt-64 {
  margin-top: 2.56rem;
}

.mr-64 {
  margin-right: 2.56rem;
}

.mb-64 {
  margin-bottom: 2.56rem;
}

.ml-64 {
  margin-left: 2.56rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: 0.08rem;
}

.rounded {
  border-radius: 0.16rem;
}

.rounded-md {
  border-radius: 0.24rem;
}

.rounded-lg {
  border-radius: 0.32rem;
}

.rounded-xl {
  border-radius: 0.48rem;
}

.rounded-2xl {
  border-radius: 0.64rem;
}

.rounded-full {
  border-radius: 9999px;
}

.text-xs {
  font-size: 0.24rem;
  line-height: 1.4;
}

.text-sm {
  font-size: 0.28rem;
  line-height: 1.5;
}

.text-base {
  font-size: 0.32rem;
  line-height: 1.6;
}

.text-md {
  font-size: 0.36rem;
  line-height: 1.5;
}

.text-lg {
  font-size: 0.4rem;
  line-height: 1.4;
}

.text-xl {
  font-size: 0.48rem;
  line-height: 1.3;
}

.text-2xl {
  font-size: 0.56rem;
  line-height: 1.2;
}

.text-3xl {
  font-size: 0.72rem;
  line-height: 1.2;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-white {
  color: #fff;
}

.text-black {
  color: #000;
}

.text-primary {
  color: var(--c-brand);
}

.text-main {
  color: var(--c-text);
}

.text-secondary {
  color: var(--c-text-muted);
}

.text-muted {
  color: rgba(255, 255, 255, 0.5);
}

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

.line-through {
  text-decoration: line-through;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.break-words {
  word-break: break-word;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-white-15 {
  background-color: rgba(255, 255, 255, 0.15);
}

.bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-primary {
  background-color: var(--c-brand);
}

.backdrop-blur-sm {
  backdrop-filter: blur(4px);
}

.backdrop-blur {
  backdrop-filter: blur(8px);
}

.backdrop-blur-md {
  backdrop-filter: blur(12px);
}

.backdrop-blur-lg {
  backdrop-filter: blur(20px);
}

.border-0 {
  border: none;
}

.border {
  border: 0.02rem solid var(--c-border);
}

.border-white-20 {
  border: 0.02rem solid rgba(255, 255, 255, 0.2);
}

.border-white-40 {
  border: 0.02rem solid rgba(255, 255, 255, 0.4);
}

.object-cover {
  object-fit: cover;
}

.object-contain {
  object-fit: contain;
}

.object-fill {
  object-fit: fill;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-100 {
  opacity: 1;
}

.transition {
  transition: all 0.2s ease;
}

.transition-fast {
  transition: all 0.15s ease;
}

.transition-slow {
  transition: all 0.35s ease;
}

.transition-none {
  transition: none;
}

.select-none {
  user-select: none;
}

.select-text {
  user-select: text;
}

.select-all {
  user-select: all;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

.app-scroll-page {
  width: 100%;
  min-height: max-content;
  box-sizing: border-box;
}

.app-scroll-page > * {
  flex-shrink: 0;
}

.app-scroll-standalone {
  height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior-y: contain;
}

:root {
  --font-cn: 'HONOR Sans CN', 'PingFang SC', system-ui, sans-serif;
  --font-num: 'Poppins', 'SF Pro Display', system-ui, sans-serif;
  --font-display: 'Keania One', system-ui, sans-serif;
  --text-shadow-title: 0 3px 6.6px rgba(0, 0, 0, 0.25);
  --text-shadow-soft: 0 1px 4px rgba(0, 0, 0, 0.32);
  --text-shadow-tiny: 0 1px 2px rgba(0, 0, 0, 0.3);
  --color-primary: rgba(85, 243, 41, 1);
  --color-primary-dark: rgba(62, 173, 6, 1);
  --color-danger: #ff132b;
  --grad-primary: linear-gradient(168deg, rgba(85, 243, 41, 1) 7%, rgba(62, 173, 6, 1) 72%);
  --glass-bg: rgba(0, 0, 0, 0.2);
  --glass-border: rgba(255, 255, 255, 0.31);
  --glass-border-soft: rgba(242, 242, 242, 0.4);
}

.t-title {
  font-family: var(--font-cn);
  font-weight: 500;
  font-size: clamp(22px, 6.4vw, 26px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--text-shadow-title);
}

.t-subtitle {
  font-family: var(--font-cn);
  font-weight: 500;
  font-size: clamp(16px, 4.8vw, 20px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--text-shadow-soft);
}

.t-body {
  font-family: var(--font-cn);
  font-weight: 500;
  font-size: clamp(12px, 3.52vw, 14.5px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--text-shadow-soft);
}

.t-caption {
  font-family: var(--font-cn);
  font-weight: 500;
  font-size: clamp(9px, 2.67vw, 11px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--text-shadow-tiny);
}

.t-button {
  font-family: var(--font-cn);
  font-weight: 500;
  font-size: clamp(8px, 2.24vw, 9.6px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--text-shadow-soft);
}

.t-badge {
  font-family: var(--font-cn);
  font-weight: 600;
  font-size: clamp(7px, 2.08vw, 9px);
  line-height: 1;
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.t-rank {
  font-family: var(--font-num);
  font-weight: 700;
  font-size: clamp(14px, 4.27vw, 18px);
  line-height: 1;
  letter-spacing: -0.5px;
}

.t-display {
  font-family: var(--font-num);
  font-weight: 700;
  font-size: clamp(28px, 9.07vw, 38px);
  line-height: 1;
  letter-spacing: -0.5px;
  color: #fff;
  text-shadow: var(--text-shadow-title);
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Poppins-Regular-BwTUGeWf.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Poppins-Medium-CWICHMj6.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Poppins-SemiBold-DJVo7c07.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Poppins-Bold-g9MkRaG0.woff2") format("woff2");
}
:root {
  --wallet-font-cn: 'HONOR Sans CN', 'PingFang SC', 'Noto Sans SC', system-ui, sans-serif;
  --wallet-font-num: 'SF Pro', 'Poppins', 'SF Pro Display', system-ui, sans-serif;
  --wallet-text-shadow-title: 0 3px 6.6px rgba(0, 0, 0, 0.25);
  --wallet-text-shadow-soft: 0 1px 4px rgba(0, 0, 0, 0.32);
  --wallet-text-shadow-tiny: 0 1px 2px rgba(0, 0, 0, 0.3);
  --wallet-color-primary: rgba(85, 243, 41, 1);
  --wallet-color-primary-dark: rgba(62, 173, 6, 1);
  --wallet-color-danger: #ff132b;
  --wallet-grad-primary: linear-gradient(168deg, #FF516C 7%, #DF2340 72%);
  --wallet-glass-bg: rgba(0, 0, 0, 0.2);
  --wallet-glass-border: rgba(255, 255, 255, 0.31);
  --wallet-glass-border-soft: rgba(242, 242, 242, 0.4);
}

:root[data-theme=light] {
  --wallet-text-shadow-title: none;
  --wallet-text-shadow-soft: none;
  --wallet-text-shadow-tiny: none;
  --wallet-color-primary: #05c297;
  --wallet-color-primary-dark: #04a882;
  --wallet-color-danger: #e5384f;
  --wallet-grad-primary: linear-gradient(168deg, #05c297 7%, #04a882 72%);
  --wallet-glass-bg: rgba(255, 255, 255, 1);
  --wallet-glass-border: rgba(0, 0, 0, 0.18);
  --wallet-glass-border-soft: rgba(0, 0, 0, 0.12);
  --wallet-l-accent: #05c297;
  --wallet-l-text: rgba(0, 0, 0, 1);
  --wallet-l-text-muted: rgba(0, 0, 0, 0.62);
  --wallet-l-surface: rgba(255, 255, 255, 1);
  --wallet-l-surface-soft: rgba(0, 0, 0, 0.05);
  --wallet-l-surface-input: rgba(0, 0, 0, 0.08);
  --wallet-l-border: rgba(0, 0, 0, 0.18);
  --wallet-l-divider: rgba(0, 0, 0, 0.12);
  --wallet-l-on-accent: rgba(249, 249, 249, 0.95);
}

.wallet-t-title {
  font-family: var(--wallet-font-cn);
  font-weight: 500;
  font-size: clamp(22px, 6.4vw, 26px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--wallet-text-shadow-title);
}

.wallet-t-subtitle {
  font-family: var(--wallet-font-cn);
  font-weight: 500;
  font-size: clamp(16px, 4.8vw, 20px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--wallet-text-shadow-soft);
}

.wallet-t-body {
  font-family: var(--wallet-font-cn);
  font-weight: 500;
  font-size: clamp(12px, 3.52vw, 14.5px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--wallet-text-shadow-soft);
}

.wallet-t-caption {
  font-family: var(--wallet-font-cn);
  font-weight: 500;
  font-size: clamp(9px, 2.67vw, 11px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--wallet-text-shadow-tiny);
}

.wallet-t-button {
  font-family: var(--wallet-font-cn);
  font-weight: 500;
  font-size: clamp(8px, 2.24vw, 9.6px);
  line-height: 1.2;
  color: #fff;
  text-shadow: var(--wallet-text-shadow-soft);
}

.wallet-screen button,
.wallet-history-screen button,
.wallet-orders-screen button {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
.wallet-screen img,
.wallet-history-screen img,
.wallet-orders-screen img {
  display: block;
  max-width: 100%;
}

:root[data-theme=light] .wallet-t-title,
:root[data-theme=light] .wallet-t-subtitle,
:root[data-theme=light] .wallet-t-body,
:root[data-theme=light] .wallet-t-caption,
:root[data-theme=light] .wallet-t-button {
  color: var(--wallet-l-text);
}

.kp button {
  border: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

:root[data-theme=light] .club-index .search-shell {
  background: rgb(255, 255, 255);
}
:root[data-theme=light] .club-index .search-shell::before {
  background: none;
}
:root[data-theme=light] .club-index .search-trigger,
:root[data-theme=light] .club-index .search-input,
:root[data-theme=light] .club-index .search-placeholder {
  color: rgb(0, 0, 0);
}
:root[data-theme=light] .club-index .search-input::placeholder {
  color: rgb(0, 0, 0);
}
:root[data-theme=light] .club-index .search-btn {
  background: rgba(7, 192, 157, 0.05);
  border: 1px solid #07c09d;
  box-shadow: none;
}
:root[data-theme=light] .club-index .search-btn::before {
  background: none;
}
:root[data-theme=light] .club-index .search-btn .search-btn-label {
  color: #241313;
}
:root[data-theme=light] .club-index .search-btn-blur,
:root[data-theme=light] .club-index .search-btn-inset {
  display: none;
}
:root[data-theme=light] .club-index .action-text {
  color: rgba(0, 0, 0, 0.56);
  text-shadow: none;
}
:root[data-theme=light] .club-index .cards-divider {
  mix-blend-mode: normal;
  opacity: 1;
}
:root[data-theme=light] .club-index .divider-line {
  background: rgba(0, 0, 0, 0.12);
}
:root[data-theme=light] .club-index .club-empty-text {
  color: rgba(0, 0, 0, 0.5);
}
:root[data-theme=light] .club-index .club-banner::before {
  background: rgb(255, 255, 255);
  border: none;
}
:root[data-theme=light] .club-index .club-banner-glass::before {
  background: none;
}
:root[data-theme=light] .club-index .club-name,
:root[data-theme=light] .club-index .club-id-value,
:root[data-theme=light] .club-index .top-metric-item,
:root[data-theme=light] .club-index .stat-item {
  color: rgb(0, 0, 0);
}
:root[data-theme=light] .club-index .club-id-tag {
  background: rgb(255, 255, 255);
  color: #444;
}
:root[data-theme=light] .club-index .club-stats-shell {
  background: rgb(255, 255, 255);
  backdrop-filter: none;
}
:root[data-theme=light] .club-index .club-stats-shell::before {
  background: none;
}
:root[data-theme=light] .club-index .enter-btn {
  color: rgb(255, 255, 255);
}
:root[data-theme=light] .club-index .enter-btn::before {
  background: #05c297;
  backdrop-filter: none;
  mix-blend-mode: normal;
  box-shadow: none;
}

:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .notice-bar {
  background: rgb(255, 255, 255);
  border: 0.302px solid rgba(0, 0, 0, 0.16);
  color: rgb(0, 0, 0);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .notice-icon {
  filter: none;
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .notice-label,
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .notice-track,
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .notice-item {
  color: rgb(0, 0, 0);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .club-introduction {
  background: rgb(255, 255, 255);
  border: 0.302px solid rgba(0, 0, 0, 0.16);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: rgb(0, 0, 0);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .club-introduction__icon {
  filter: none;
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .club-introduction__label,
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .club-introduction__item {
  color: rgb(0, 0, 0);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .club-panel {
  background: rgb(255, 255, 255);
  border: 0.302px solid rgba(0, 0, 0, 0.16);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: rgb(0, 0, 0);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .balance-amount,
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .service-label,
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .contact-label {
  color: rgb(0, 0, 0);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .recharge-btn {
  background: transparent;
  color: rgb(0, 0, 0);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .club-divider {
  background: rgba(0, 0, 0, 0.12);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .section-title {
  color: rgb(0, 0, 0);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .coming-soon-scroll-card {
  border-color: rgba(0, 0, 0, 0.08);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .top-bar--guest {
  background: rgb(255, 255, 255);
  border-radius: 0.6rem;
  padding: 0.1rem 0.24rem;
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .home-top-bar__btn--register {
  background: linear-gradient(180deg, #808080 0%, #474747 100%);
  border-color: transparent;
  color: rgb(249, 249, 249);
}
:root[data-theme=light] :is(.home-page, .match-page, .poker-zone-page) .home-top-bar__btn--login {
  background: #07c09d;
  border-color: transparent;
  color: rgb(249, 249, 249);
}

:root[data-theme=light] .match-page {
  color: rgb(0, 0, 0);
  background-image: url("../images/main_bg_light-SBZW1aSy.webp");
}
:root[data-theme=light] .match-page .bg-overlay {
  background: radial-gradient(circle at 8% 4%, rgba(var(--c-brand-rgb), 0.2), transparent 30%), radial-gradient(circle at 92% 9%, rgba(var(--c-brand-rgb), 0.14), transparent 26%);
}

:root[data-theme=light] .club-table-create-page {
  background-image: url("../images/main_bg_light-SBZW1aSy.webp") !important;
}
:root[data-theme=light] .club-table-create-page .title-wrap {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .club-table-create-page .title-divider span {
  background: rgba(0, 0, 0, 0.24);
}
:root[data-theme=light] .create-table-page {
  background-image: url("../images/main_bg_light-SBZW1aSy.webp");
}
:root[data-theme=light] .create-table-page .header-tab {
  color: rgba(15, 8, 8, 0.55);
}
:root[data-theme=light] .create-table-page .header-tab--active {
  color: #05c297;
}
:root[data-theme=light] .create-table-page .header-tab--active::after {
  background: #05c297;
}
:root[data-theme=light] .create-table-page .table-name-row,
:root[data-theme=light] .create-table-page .detail-form__section,
:root[data-theme=light] .create-table-page .bottom-action-bar {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.08);
}
:root[data-theme=light] .create-table-page .detail-form__section--tab {
  background: transparent;
  border-color: transparent;
}
:root[data-theme=light] .create-table-page .table-name__label,
:root[data-theme=light] .create-table-page .table-name__input,
:root[data-theme=light] .create-table-page .fee-label,
:root[data-theme=light] .create-table-page .fee-original,
:root[data-theme=light] .create-table-page .fee-current,
:root[data-theme=light] .create-table-page .fee-balance {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .create-table-page .table-name__input::placeholder {
  color: rgba(15, 8, 8, 0.4);
}
:root[data-theme=light] .create-table-page .table-name__count {
  color: rgba(15, 8, 8, 0.45);
}
:root[data-theme=light] .create-table-page .detail-form__item {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
:root[data-theme=light] .create-table-page .action-btn--save {
  background: rgba(0, 0, 0, 0.12);
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .create-table-page .action-btn--create {
  background: #05c297;
  color: #fbfbfb;
  box-shadow: none;
}
:root[data-theme=light] .club-table-create-page .back-trigger,
:root[data-theme=light] .club-table-create-page .back-icon,
:root[data-theme=light] .create-table-page .back-trigger,
:root[data-theme=light] .create-table-page .back-icon {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .club-table-create-page .title,
:root[data-theme=light] .create-table-page .title {
  text-shadow: none;
}
:root[data-theme=light] .quick-create-view .quick-panel {
  background: #fff;
  border-color: transparent;
}
:root[data-theme=light] .quick-create-view .quick-panel::before {
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:root[data-theme=light] .quick-create-view .quick-panel::after {
  box-shadow: none;
}
:root[data-theme=light] .quick-create-view .quick-fee__label,
:root[data-theme=light] .quick-create-view .quick-fee__value,
:root[data-theme=light] .quick-create-view .quick-fee__current {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .quick-create-view .quick-fee__original {
  color: rgba(15, 8, 8, 0.4);
}
:root[data-theme=light] .quick-create-view .quick-create-btn {
  background: #05c297;
  border-color: transparent;
  color: #fbfbfb;
}
:root[data-theme=light] .quick-create-view .template-list__placeholder {
  color: rgba(15, 8, 8, 0.5);
}
:root[data-theme=light] .template-dialog .game-dialog__card {
  position: relative;
  background: transparent !important;
  border: 0.96px solid rgba(242, 242, 242, 0.04) !important;
  border-radius: clamp(28px, 10vw, 36.4px);
  box-shadow: none !important;
  overflow: hidden;
}
:root[data-theme=light] .template-dialog .game-dialog__card::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(135, 134, 134, 0.032);
  box-shadow: 0.0919rem 0.1149rem 0.1838rem rgba(0, 0, 0, 0.25), 0 0 0.2298rem #000 inset, 0.0566rem 0.1132rem 0.4596rem rgba(242, 242, 242, 0.7) inset;
  backdrop-filter: blur(0.58px);
  -webkit-backdrop-filter: blur(0.58px);
  pointer-events: none;
  z-index: 0;
}
:root[data-theme=light] .template-dialog .game-dialog__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0255rem;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
:root[data-theme=light] .template-dialog .game-dialog__card {
  background-image: none !important;
}
:root[data-theme=light] .template-dialog .game-dialog__card-bg-gradient,
:root[data-theme=light] .template-dialog .game-dialog__card-bg-texture,
:root[data-theme=light] .template-dialog .game-dialog__card-bg-shadow {
  display: none !important;
}
:root[data-theme=light] .template-dialog .game-dialog__title,
:root[data-theme=light] .template-dialog .game-dialog__body {
  color: #f9f9f9 !important;
}
:root[data-theme=light] .template-dialog .game-dialog__cancel-btn {
  background: rgba(146, 146, 146, 0.4) !important;
  color: #f9f9f9 !important;
  box-shadow: inset 1px 1px 0px 0px rgba(242, 242, 242, 0.8), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.5) !important;
}
:root[data-theme=light] .template-dialog .game-dialog__cancel-btn::before {
  display: block !important;
}
:root[data-theme=light] .template-dialog .template-dialog__input {
  background: rgba(0, 0, 0, 0.15);
  border-color: rgba(242, 242, 242, 0.24);
}
:root[data-theme=light] .template-dialog .game-dialog__confirm-btn {
  background: #05c297 !important;
  border: 0.5px solid rgba(242, 242, 242, 0.8);
  color: #fbfbfb;
}

:root[data-theme=light] .settings-page,
:root[data-theme=light] .settings-doc-page,
:root[data-theme=light] .reset-password-page,
:root[data-theme=light] .cancel-account-page,
:root[data-theme=light] .security-password-page {
  background-image: url("../images/main_bg_light-SBZW1aSy.webp") !important;
}
:root[data-theme=light] .settings-page .back-trigger,
:root[data-theme=light] .settings-page .back-icon,
:root[data-theme=light] .settings-doc-page .back-trigger,
:root[data-theme=light] .settings-doc-page .back-icon,
:root[data-theme=light] .reset-password-page .back-trigger,
:root[data-theme=light] .reset-password-page .back-icon,
:root[data-theme=light] .cancel-account-page .back-trigger,
:root[data-theme=light] .cancel-account-page .back-icon,
:root[data-theme=light] .security-password-page .back-trigger,
:root[data-theme=light] .security-password-page .back-icon {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .settings-page .title,
:root[data-theme=light] .settings-doc-page .title,
:root[data-theme=light] .reset-password-page .title,
:root[data-theme=light] .cancel-account-page .title,
:root[data-theme=light] .security-password-page .title {
  text-shadow: none;
}
:root[data-theme=light] .settings-page,
:root[data-theme=light] .settings-doc-page,
:root[data-theme=light] .reset-password-page,
:root[data-theme=light] .cancel-account-page {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .settings-page .glass-card,
:root[data-theme=light] .settings-page .account-card,
:root[data-theme=light] .settings-page .language-card {
  background: rgb(255, 255, 255);
  border-color: rgba(0, 0, 0, 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:root[data-theme=light] .settings-page .line-item,
:root[data-theme=light] .settings-page .account-row,
:root[data-theme=light] .settings-page .language-row {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .settings-page .line-item::after,
:root[data-theme=light] .settings-page .account-row::after,
:root[data-theme=light] .settings-page .language-row::after {
  background: rgba(0, 0, 0, 0.08);
}
:root[data-theme=light] .settings-page .item-icon,
:root[data-theme=light] .settings-page .row-icon {
  display: none;
}
:root[data-theme=light] .settings-page .line-item::after,
:root[data-theme=light] .settings-page .account-row::after {
  left: 0;
}
:root[data-theme=light] .settings-page .label {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .settings-page .endonym {
  color: rgba(15, 8, 8, 0.5);
}
:root[data-theme=light] .settings-page .light {
  color: rgba(15, 8, 8, 0.45);
}
:root[data-theme=light] .settings-page .arrow,
:root[data-theme=light] .settings-page .arrow-icon {
  filter: invert(1);
  opacity: 0.45;
}
:root[data-theme=light] .settings-page .switch {
  background: #69686b;
}
:root[data-theme=light] .settings-page .switch.on {
  background: #05c297;
}
:root[data-theme=light] .settings-doc-page .about-logo__title,
:root[data-theme=light] .settings-doc-page .about-logo__subtitle,
:root[data-theme=light] .settings-doc-page .about-heading {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .settings-doc-page .doc-text {
  color: rgba(15, 8, 8, 0.7);
}
:root[data-theme=light] .reset-password-page .form-row,
:root[data-theme=light] .cancel-account-page .form-row {
  background: rgba(0, 0, 0, 0.06);
}
:root[data-theme=light] .reset-password-page .row-main,
:root[data-theme=light] .cancel-account-page .row-main {
  background: rgb(255, 255, 255);
}
:root[data-theme=light] .reset-password-page .row-icon,
:root[data-theme=light] .cancel-account-page .row-icon {
  filter: invert(1);
  opacity: 0.6;
}
:root[data-theme=light] .reset-password-page .submit-btn,
:root[data-theme=light] .cancel-account-page .submit-btn {
  background: #05c297;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #fbfbfb;
}
:root[data-theme=light] .reset-password-page .tab-switch {
  background: rgba(0, 0, 0, 0.06);
}
:root[data-theme=light] .reset-password-page .tab-btn {
  color: rgba(15, 8, 8, 0.55);
}
:root[data-theme=light] .reset-password-page .tab-btn.active {
  background: #05c297;
  border-color: transparent;
  color: #fbfbfb;
}
:root[data-theme=light] .reset-password-page .form-row.filled {
  background: rgba(5, 194, 151, 0.65);
}
:root[data-theme=light] .reset-password-page .policy-text {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .cancel-account-page .dialog-card {
  position: relative;
  background: transparent !important;
  border: 0.96px solid rgba(242, 242, 242, 0.04) !important;
  border-radius: clamp(28px, 10vw, 36.4px);
  box-shadow: none !important;
  overflow: hidden;
}
:root[data-theme=light] .cancel-account-page .dialog-card::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(135, 134, 134, 0.032);
  box-shadow: 0.0919rem 0.1149rem 0.1838rem rgba(0, 0, 0, 0.25), 0 0 0.2298rem #000 inset, 0.0566rem 0.1132rem 0.4596rem rgba(242, 242, 242, 0.7) inset;
  backdrop-filter: blur(0.58px);
  -webkit-backdrop-filter: blur(0.58px);
  pointer-events: none;
  z-index: 0;
}
:root[data-theme=light] .cancel-account-page .dialog-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0255rem;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
:root[data-theme=light] .cancel-account-page .dialog-card {
  background: none;
}
:root[data-theme=light] .cancel-account-page .dialog-title,
:root[data-theme=light] .cancel-account-page .dialog-desc,
:root[data-theme=light] .cancel-account-page .dialog-actions {
  position: relative;
  z-index: 1;
}
:root[data-theme=light] .cancel-account-page .dialog-btn.primary {
  color: #05c297;
}
:root[data-theme=light] .security-password-page .close-btn {
  filter: invert(1);
  opacity: 0.6;
}
:root[data-theme=light] .security-password-page .password-panel {
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .security-password-page .password-panel p {
  color: rgba(15, 8, 8, 0.55);
}
:root[data-theme=light] .security-password-page .dot-cell {
  background: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .security-password-page .submit-btn {
  background: #05c297;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #fbfbfb;
}
:root[data-theme=light] .security-password-page .submit-btn.active {
  background: #05c297;
  border-color: transparent;
  color: #ffffff;
}
:root[data-theme=light] .security-password-page .keyboard-wrap {
  background: rgba(0, 0, 0, 0.08);
  border-top-color: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:root[data-theme=light] .security-password-page .key {
  background: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: rgba(15, 8, 8, 0.85);
}
:root[data-theme=light] .security-password-page .key.clear,
:root[data-theme=light] .security-password-page .key.erase {
  background: #05c297;
  border-color: transparent;
  color: #ffffff;
}
:root[data-theme=light] .security-password-page .erase-icon {
  filter: brightness(0) invert(1);
  opacity: 1;
}
:root[data-theme=light] .security-password-page .overlay-card {
  position: relative;
  background: transparent !important;
  border: 0.96px solid rgba(242, 242, 242, 0.04) !important;
  border-radius: clamp(28px, 10vw, 36.4px);
  box-shadow: none !important;
  overflow: hidden;
}
:root[data-theme=light] .security-password-page .overlay-card::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(135, 134, 134, 0.032);
  box-shadow: 0.0919rem 0.1149rem 0.1838rem rgba(0, 0, 0, 0.25), 0 0 0.2298rem #000 inset, 0.0566rem 0.1132rem 0.4596rem rgba(242, 242, 242, 0.7) inset;
  backdrop-filter: blur(0.58px);
  -webkit-backdrop-filter: blur(0.58px);
  pointer-events: none;
  z-index: 0;
}
:root[data-theme=light] .security-password-page .overlay-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0255rem;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
:root[data-theme=light] .security-password-page .overlay-card {
  background: none;
}
:root[data-theme=light] .security-password-page .overlay-card > * {
  position: relative;
  z-index: 1;
}
:root[data-theme=light] .logout-dialog .game-dialog__card {
  position: relative;
  background: transparent !important;
  border: 0.96px solid rgba(242, 242, 242, 0.04) !important;
  border-radius: clamp(28px, 10vw, 36.4px);
  box-shadow: none !important;
  overflow: hidden;
}
:root[data-theme=light] .logout-dialog .game-dialog__card::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(135, 134, 134, 0.032);
  box-shadow: 0.0919rem 0.1149rem 0.1838rem rgba(0, 0, 0, 0.25), 0 0 0.2298rem #000 inset, 0.0566rem 0.1132rem 0.4596rem rgba(242, 242, 242, 0.7) inset;
  backdrop-filter: blur(0.58px);
  -webkit-backdrop-filter: blur(0.58px);
  pointer-events: none;
  z-index: 0;
}
:root[data-theme=light] .logout-dialog .game-dialog__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0255rem;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
:root[data-theme=light] .logout-dialog .game-dialog__card {
  background-image: none !important;
}
:root[data-theme=light] .logout-dialog .game-dialog__card-bg-gradient,
:root[data-theme=light] .logout-dialog .game-dialog__card-bg-texture,
:root[data-theme=light] .logout-dialog .game-dialog__card-bg-shadow {
  display: none !important;
}
:root[data-theme=light] .logout-dialog .game-dialog__title,
:root[data-theme=light] .logout-dialog .game-dialog__body {
  color: #f9f9f9 !important;
}
:root[data-theme=light] .logout-dialog .game-dialog__cancel-btn {
  background: rgba(146, 146, 146, 0.4) !important;
  color: #f9f9f9 !important;
  box-shadow: inset 1px 1px 0px 0px rgba(242, 242, 242, 0.8), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.5) !important;
}
:root[data-theme=light] .logout-dialog .game-dialog__cancel-btn::before {
  display: block !important;
}
:root[data-theme=light] .logout-dialog .game-dialog__confirm-btn {
  background: #05c297 !important;
  border: 0.5px solid rgba(242, 242, 242, 0.8);
  color: #fbfbfb;
}

@media (min-width: 600px) {
  html[data-main-layout=primary] {
    --main-stage-width: min(100%, 1440px);
    --main-stage-height: min(var(--app-full-height, 100dvh), 1024px);
    --main-content-max: 1360px;
    --main-page-gutter: clamp(28px, 2.7778vw, 40px);
    --main-page-top: clamp(23px, 2.2222vw, 32px);
    --main-bottom-tab-offset: max(23px, calc((var(--app-full-height, 100dvh) - 1024px) / 2 + 23px));
    --app-max-width: 1360px;
    --app-side-padding: 0px;
    --app-top-padding: 0px;
  }
  html[data-main-layout=primary] .main-layout {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--app-full-height, 100dvh);
  }
  html[data-main-layout=primary][data-theme=light] .main-layout {
    background-position: center top;
    background-size: 100% 100%;
  }
  html[data-main-layout=primary] .main-layout-content {
    width: var(--main-stage-width);
    height: var(--main-stage-height);
    min-height: 0;
    margin: auto;
    padding-top: var(--main-page-top);
    padding-bottom: 122px;
    scrollbar-width: none;
  }
  html[data-main-layout=primary] .main-layout-content::-webkit-scrollbar {
    display: none;
  }
  html[data-main-layout=primary] .module-slot {
    width: 100%;
  }
  html[data-main-layout=primary] .main-primary-header .title {
    font-size: clamp(28px, 2.6vw, 37.4px);
    line-height: 1.2;
  }
  html[data-main-layout=primary] .main-primary-currency {
    min-height: clamp(30px, 2.57vw, 37px);
    padding: 0 clamp(9px, 0.83vw, 12px);
    gap: clamp(5px, 0.49vw, 7px);
  }
  html[data-main-layout=primary] .main-primary-currency .icon-diamond {
    width: clamp(21px, 1.94vw, 28px);
    height: clamp(21px, 1.94vw, 28px);
  }
  html[data-main-layout=primary] .main-primary-currency .num {
    font-size: clamp(15px, 1.39vw, 20px);
  }
  html[data-main-layout=primary] .main-primary-currency .icon-recharge {
    width: clamp(18px, 1.67vw, 24px);
    height: clamp(18px, 1.67vw, 24px);
  }
  html[data-main-layout=primary] .home-page,
  html[data-main-layout=primary] .club-index {
    width: calc(100% - var(--main-page-gutter) * 2);
    max-width: var(--main-content-max);
    margin-right: auto;
    margin-left: auto;
  }
  html[data-main-layout=primary] .home-page {
    display: block;
    padding: clamp(24px, 2.3611vw, 34px) 0 28px;
    height: auto;
    min-height: auto;
    overflow: visible;
  }
  html[data-main-layout=primary] .home-page .top-bar {
    display: none;
  }
  html[data-main-layout=primary] .home-page .floating-action-area {
    left: 50%;
    right: auto;
    bottom: var(--main-bottom-tab-offset);
    width: var(--main-stage-width);
    height: 82px;
    transform: translateX(-50%);
    display: block;
    pointer-events: none;
  }
  html[data-main-layout=primary] .home-page .create-table-btn {
    position: absolute;
    left: 50%;
    bottom: 90px;
    transform: translateX(-50%);
    pointer-events: auto;
  }
  html[data-main-layout=primary] .home-page .floating-menu-btn {
    position: absolute;
    right: var(--main-page-gutter);
    bottom: calc((82px - 0.86rem) / 2);
    pointer-events: auto;
  }
  html[data-main-layout=primary] .home-header {
    aspect-ratio: 1360/270;
    border-radius: clamp(44px, 5.69vw, 82px);
    height: auto;
    max-height: none;
    flex: none;
    background: #f5f5f5;
  }
  html[data-main-layout=primary] .home-banner,
  html[data-main-layout=primary] .home-banner__swipe,
  html[data-main-layout=primary] .home-banner__swipe .van-swipe__track,
  html[data-main-layout=primary] .home-banner__swipe .van-swipe-item {
    height: 100%;
  }
  html[data-main-layout=primary] .home-banner__img {
    width: 100%;
    height: auto;
    aspect-ratio: 1360/270;
    border-radius: clamp(44px, 5.69vw, 82px);
    object-fit: cover;
  }
  html[data-main-layout=primary] .home-banner__theme-switch {
    display: none;
  }
  html[data-main-layout=primary] .notice-bar {
    height: clamp(25px, 2.4306vw, 35px);
    min-height: clamp(25px, 2.4306vw, 35px);
    margin-top: clamp(6px, 0.625vw, 9px);
    padding: 0 clamp(9px, 0.9028vw, 13px);
    gap: clamp(5px, 0.4861vw, 7px);
  }
  html[data-main-layout=primary] .notice-icon {
    width: clamp(14px, 1.3194vw, 19px);
    height: clamp(14px, 1.3194vw, 19px);
  }
  html[data-main-layout=primary] .notice-label,
  html[data-main-layout=primary] .notice-item {
    font-size: clamp(14px, 1.39vw, 20px);
    line-height: clamp(25px, 2.4306vw, 35px);
  }
  html[data-main-layout=primary] .club-panel {
    height: clamp(60px, 5.9028vw, 85px);
    min-height: clamp(60px, 5.9028vw, 85px);
    margin-top: clamp(6px, 0.625vw, 9px);
    padding: clamp(5px, 0.5556vw, 8px) clamp(19px, 1.875vw, 27px) clamp(5px, 0.5556vw, 8px) clamp(24px, 2.3611vw, 34px);
    border-radius: 999px;
  }
  html[data-main-layout=primary] .club-left {
    gap: 6px;
  }
  html[data-main-layout=primary] .service-label {
    font-size: clamp(14px, 1.25vw, 18px);
  }
  html[data-main-layout=primary] .club-service-row,
  html[data-main-layout=primary] .club-balance-row {
    gap: 8px;
  }
  html[data-main-layout=primary] .icon-sm {
    width: 22px;
    height: 22px;
  }
  html[data-main-layout=primary] .icon-eye {
    width: 23px;
    height: 18px;
  }
  html[data-main-layout=primary] .balance-amount {
    font-size: clamp(16px, 1.39vw, 20px);
  }
  html[data-main-layout=primary] .recharge-btn {
    width: auto;
    min-width: 64px;
    padding: 3px 12px;
    font-size: clamp(13px, 1.18vw, 17px);
  }
  html[data-main-layout=primary] .club-right {
    gap: clamp(20px, 2.22vw, 32px);
  }
  html[data-main-layout=primary] .contact-item {
    min-width: 44px;
    gap: 1px;
  }
  html[data-main-layout=primary] .contact-icon {
    width: clamp(33px, 3.1944vw, 46px);
    height: clamp(33px, 3.1944vw, 46px);
  }
  html[data-main-layout=primary] .contact-label {
    max-width: 64px;
    font-size: clamp(9px, 0.83vw, 12px);
  }
  html[data-main-layout=primary] .club-panel + .section-header {
    margin-top: clamp(16px, 1.5278vw, 22px);
  }
  html[data-main-layout=primary] .game-center-scroll + .section-header {
    margin-top: clamp(16px, 1.5972vw, 23px);
  }
  html[data-main-layout=primary] .section-header {
    padding: 0;
    line-height: 1;
  }
  html[data-main-layout=primary] .section-header .section-title {
    font-size: clamp(18px, 1.67vw, 24px);
    line-height: 1.35;
  }
  html[data-main-layout=primary] .home-swap-container {
    margin-left: 0;
    margin-right: 0;
  }
  html[data-main-layout=primary] .home-default-sections {
    padding-left: 0;
    padding-right: 0;
  }
  html[data-main-layout=primary] .game-center-scroll,
  html[data-main-layout=primary] .coming-soon-scroll {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: clamp(8px, 0.8333vw, 12px);
    overflow: visible;
  }
  html[data-main-layout=primary] .game-center-track,
  html[data-main-layout=primary] .coming-soon-track {
    display: grid;
    width: 100%;
    padding: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.39vw, 20px);
  }
  html[data-main-layout=primary] .game-scroll-card,
  html[data-main-layout=primary] .coming-soon-scroll-card {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 325/194;
    border-radius: clamp(18px, 1.87vw, 27px);
  }
  html[data-main-layout=primary] .game-scroll-card {
    padding: clamp(12px, 1.32vw, 19px) clamp(10px, 1.11vw, 16px) clamp(9px, 0.9vw, 13px);
  }
  html[data-main-layout=primary] .desktop-only-game-card {
    display: flex;
  }
  html[data-main-layout=primary] .zone-lg-bg {
    inset: 0;
    object-fit: cover;
  }
  html[data-main-layout=primary] .zone-title {
    margin-bottom: 5px;
    font-size: clamp(14px, 1.53vw, 22px);
  }
  html[data-main-layout=primary] .zone-desc,
  html[data-main-layout=primary] .zone-sub-desc,
  html[data-main-layout=primary] .online-text,
  html[data-main-layout=primary] .online-num {
    font-size: clamp(10px, 0.9vw, 13px);
  }
  html[data-main-layout=primary] .zone-mini-icon {
    width: clamp(18px, 1.81vw, 26px);
    height: clamp(18px, 1.81vw, 26px);
  }
  html[data-main-layout=primary] .zone-online-bar {
    height: clamp(20px, 1.74vw, 25px);
    margin-top: 8px;
    padding: 2px 10px;
    gap: 5px;
  }
  html[data-main-layout=primary] .online-icon {
    width: 13px;
    height: 13px;
    margin-left: 4px;
  }
  html[data-main-layout=primary] .coming-soon-text,
  html[data-main-layout=primary] .coming-soon-scroll-card__text {
    font-size: clamp(15px, 1.53vw, 22px);
  }
  html[data-main-layout=primary] .club-index {
    min-height: auto;
    overflow: visible;
    padding: clamp(24px, 2.3611vw, 34px) 0 28px;
    gap: 0;
  }
  html[data-main-layout=primary] .club-index .search-shell {
    min-height: clamp(46px, 4.5139vw, 65px);
    padding: clamp(6px, 0.5556vw, 8px) clamp(6px, 0.625vw, 9px) clamp(6px, 0.5556vw, 8px) clamp(14px, 1.3889vw, 20px);
    border-radius: 999px;
  }
  html[data-main-layout=primary] .club-index .search-trigger,
  html[data-main-layout=primary] .club-index .search-btn {
    min-height: clamp(34px, 3.4028vw, 49px);
  }
  html[data-main-layout=primary] .club-index .search-trigger {
    gap: 10px;
  }
  html[data-main-layout=primary] .club-index .search-icon {
    width: clamp(20px, 1.875vw, 27px);
    height: clamp(20px, 1.875vw, 27px);
  }
  html[data-main-layout=primary] .club-index .search-input,
  html[data-main-layout=primary] .club-index .search-btn-label {
    font-size: clamp(15px, 1.25vw, 18px);
  }
  html[data-main-layout=primary] .club-index .search-btn {
    width: clamp(64px, 6.1806vw, 89px);
    padding: 0;
    border-radius: 999px;
  }
  html[data-main-layout=primary] .club-index .quick-actions {
    min-height: clamp(90px, 8.75vw, 126px);
    align-items: flex-start;
    margin-top: clamp(23px, 2.2222vw, 32px);
    gap: clamp(28px, 2.7083vw, 39px);
  }
  html[data-main-layout=primary] .club-index .action-icon {
    width: clamp(68px, 6.5972vw, 95px);
    height: clamp(68px, 6.5972vw, 95px);
  }
  html[data-main-layout=primary] .club-index .action-icon img,
  html[data-main-layout=primary] .club-index .action-icon .qa-img {
    width: clamp(68px, 6.5972vw, 95px);
    height: clamp(68px, 6.5972vw, 95px);
  }
  html[data-main-layout=primary] .club-index .action-text {
    font-size: clamp(13px, 1.25vw, 18px);
    white-space: nowrap;
    text-align: center;
  }
  html[data-main-layout=primary] .club-index .quick-item {
    width: auto;
    gap: clamp(6px, 0.625vw, 9px);
  }
  html[data-main-layout=primary] .club-index .cards-divider {
    width: min(44%, 594px);
    margin: clamp(31px, 2.9861vw, 43px) auto 0;
    gap: clamp(10px, 0.9722vw, 14px);
  }
  html[data-main-layout=primary] .club-index .divider-line {
    height: 1px;
  }
  html[data-main-layout=primary] .club-index .cards-icons {
    gap: clamp(6px, 0.625vw, 9px);
  }
  html[data-main-layout=primary] .club-index .suit-icon {
    width: clamp(21px, 2.0139vw, 29px);
    height: clamp(21px, 2.0139vw, 29px);
  }
  html[data-main-layout=primary] .club-index .club-list {
    margin-top: clamp(18px, 1.7361vw, 25px);
    padding: 0 0 28px;
    gap: clamp(17px, 1.6667vw, 24px);
  }
  html[data-main-layout=primary] .friends-table-page {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    min-height: var(--main-stage-height);
    margin-top: calc(-1 * var(--main-page-top));
  }
  html[data-main-layout=primary] .friends-table-page .title-bar {
    position: absolute;
    z-index: 3;
    top: clamp(38px, 3.61vw, 52px);
    left: 0;
    width: 100%;
    padding: 0 var(--main-page-gutter);
    pointer-events: none;
  }
  html[data-main-layout=primary] .friends-table-page .currency-info {
    pointer-events: auto;
  }
  html[data-main-layout=primary] .friends-table-page .scroll-content {
    width: 100%;
    min-height: var(--main-stage-height);
    overflow: visible;
    padding: 0 0 28px;
  }
  html[data-main-layout=primary] .friends-table-page .main-content {
    container-type: inline-size;
    width: min(606px, 100vw - 64px, 65.6vh - 24px);
    height: auto;
    margin: 0 auto;
    aspect-ratio: 606/930;
  }
  html[data-main-layout=primary] .friends-table-page .main-content::before {
    top: -5.5cqw;
    left: -12.22cqw;
    width: 139.22cqw;
    height: 185.58cqw;
    background-image: url("../images/friend_table_bg_desktop-wFmRb_Ze.webp");
    background-size: 100% 100%;
  }
  html[data-main-layout=primary] .friends-table-page .main-content::after {
    top: 12cqw;
    width: 100%;
    height: 165cqw;
    background-size: 100% auto;
    background: none;
  }
  html[data-main-layout=primary] .friends-table-page .main-content .section {
    margin-bottom: 0;
  }
  html[data-main-layout=primary] .friends-table-page .main-content .join-section {
    padding-top: 34.2cqw;
    margin-bottom: 16.8cqw;
  }
  html[data-main-layout=primary] .friends-table-page .main-content .section-title {
    margin-bottom: 3cqw;
    font-size: 7.23cqw;
    line-height: 1;
  }
  html[data-main-layout=primary] .friends-table-page .main-content .section-subtitle {
    margin-bottom: 8.1cqw;
    font-size: 4cqw;
    line-height: 1;
  }
  html[data-main-layout=primary] .friends-table-page .join-section .invite-inputs {
    gap: 1.56cqw;
    margin-bottom: 8.1cqw;
  }
  html[data-main-layout=primary] .friends-table-page .join-section .invite-input-wrap {
    width: 10.72cqw;
    height: 10.72cqw;
  }
  html[data-main-layout=primary] .friends-table-page .join-section .invite-digit {
    font-size: 5cqw;
  }
  html[data-main-layout=primary] .friends-table-page .main-content .action-btn {
    width: 64.19cqw;
    height: 14.14cqw;
    padding: 0;
    font-size: 4.8cqw;
    line-height: 14.14cqw;
  }
  html[data-main-layout=primary] .friends-table-page .create-section .section-title {
    margin-bottom: 6cqw;
  }
  html[data-main-layout=primary] .friends-table-page .table-section {
    width: 100%;
    min-height: var(--main-stage-height);
    margin: clamp(110px, 8.33vw, 120px) 0 0;
  }
  html[data-main-layout=primary] .friends-table-page .table-header {
    gap: clamp(28px, 3.06vw, 44px);
    margin-bottom: clamp(16px, 1.67vw, 24px);
  }
  html[data-main-layout=primary] .friends-table-page .table-header .table-header-line {
    width: clamp(72px, 6.67vw, 96px);
    margin-top: 10px;
  }
  html[data-main-layout=primary] .friends-table-page .table-header .table-header-center {
    gap: 7px;
  }
  html[data-main-layout=primary] .friends-table-page .table-header .table-header-title {
    font-size: clamp(26px, 2.36vw, 34px);
    line-height: 1;
  }
  html[data-main-layout=primary] .friends-table-page .table-header .table-header-sub {
    margin-top: 0;
    font-size: clamp(16px, 1.39vw, 20px);
    line-height: 1;
  }
  html[data-main-layout=primary] .friends-table-page .filter-tabs {
    width: min(520px, 100% - 80px);
    margin: 0 auto clamp(25px, 2.43vw, 35px);
    gap: clamp(30px, 3.33vw, 48px);
    justify-content: center;
  }
  html[data-main-layout=primary] .friends-table-page .filter-tab {
    padding-top: 0;
    margin: 0;
    font-size: clamp(18px, 1.67vw, 24px);
    line-height: 1.4;
  }
  html[data-main-layout=primary] .friends-table-page .table-list {
    width: calc(100% - var(--main-page-gutter) * 2);
    max-width: var(--main-content-max);
    margin: 0 auto;
    padding: 0 0 122px;
  }
  html[data-main-layout=primary] .friends-table-page .table-card {
    height: 2.5rem;
  }
  html[data-main-layout=primary] .friends-table-page .table-card .type-card {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html[data-main-layout=primary] .friends-table-page .empty-state {
    min-height: 120px;
    padding: 20px 0;
  }
  html[data-main-layout=primary] .friends-table-page .empty-text {
    font-size: clamp(15px, 1.25vw, 18px);
  }
  html[data-main-layout=primary] .message-page,
  html[data-main-layout=primary] .mine-page {
    display: flex;
    width: 100%;
    max-width: none;
    min-height: auto;
    margin: 0;
    padding: 15px var(--main-page-gutter) 20px;
    overflow: hidden;
  }
  html[data-main-layout=primary] .message-page .title-bar,
  html[data-main-layout=primary] .mine-page .title-bar {
    width: 100%;
    min-height: 45px;
    padding: 0;
  }
  html[data-main-layout=primary] .message-page .box-gallery,
  html[data-main-layout=primary] .mine-page .box-gallery {
    --main-gallery-icon: clamp(68px, min(6.5vw, 9vh), 96px);
    --main-gallery-column-gap: clamp(16px, 2.2vw, 32px);
    width: min(var(--main-gallery-icon) * 4 + var(--main-gallery-column-gap) * 3, 100% - 80px);
    margin-top: clamp(20px, 2.8vw, 38px);
    padding: 0;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(16px, 1.8vw, 24px) var(--main-gallery-column-gap);
  }
  html[data-main-layout=primary] .message-page .box-gallery .box-item,
  html[data-main-layout=primary] .mine-page .box-gallery .box-item {
    flex: 0 0 var(--main-gallery-icon);
    width: var(--main-gallery-icon);
  }
  html[data-main-layout=primary] .message-page .box-gallery .box-item .img,
  html[data-main-layout=primary] .mine-page .box-gallery .box-item .img {
    width: var(--main-gallery-icon);
    height: var(--main-gallery-icon);
    margin-bottom: clamp(6px, 0.6vw, 10px);
  }
  html[data-main-layout=primary] .message-page .box-gallery .box-item .text,
  html[data-main-layout=primary] .mine-page .box-gallery .box-item .text {
    font-size: clamp(13px, 1.2vw, 16px);
    line-height: 1.25;
    white-space: nowrap;
    text-align: center;
  }
  html[data-main-layout=primary] .message-page .card-bg-highlight,
  html[data-main-layout=primary] .mine-page .profile-card {
    margin-top: clamp(16px, 1.8vw, 24px);
  }
  html[data-main-layout=primary] .message-page .card-bg-highlight .card-bg-outter .card-bg-innner .card-line1 .left-text,
  :root[data-theme=light] html[data-main-layout=primary] .message-page .card-bg-highlight .card-bg-outter .card-bg-innner .card-line1 .left-text,
  html[data-main-layout=primary] .message-page .card-line1 .left-text {
    width: 518.157px !important;
    height: 74.508px !important;
    transform: translateY(-10px) rotate(-0.292deg) !important;
    color: rgba(15, 8, 8, 0.19) !important;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 0.99px !important;
    -webkit-text-stroke-color: rgba(15, 8, 8, 0.19) !important;
    font-family: "Afacad", sans-serif !important;
    font-size: 120.612px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 0.95 !important;
    white-space: nowrap !important;
  }
  html[data-main-layout=primary] .room-list-page .toggle-btn {
    width: 32px;
    height: 32px;
  }
  html[data-main-layout=primary] .room-list-page .toggle-icon {
    width: 16px;
    height: 16px;
    margin-top: 0;
  }
  html[data-main-layout=primary] .bottom-tab {
    bottom: var(--main-bottom-tab-offset);
    width: 360px;
    height: 82px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  html[data-main-layout=primary] .message-page .card-bg-highlight .card-bg-outter .card-bg-innner .card-line1 .left-text {
    font-size: 1.8rem;
  }
  html[data-main-layout=primary] .main-layout-content {
    padding-bottom: 104px;
  }
  html[data-main-layout=primary] .game-center-track,
  html[data-main-layout=primary] .coming-soon-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html[data-main-layout=primary] .club-index {
    padding-top: 18px;
  }
  html[data-main-layout=primary] .club-index .quick-actions {
    margin-top: 22px;
  }
  html[data-main-layout=primary] .club-index .cards-divider {
    margin-top: 28px;
  }
}
@media (min-width: 600px) {
  html[data-main-layout=content] {
    --content-stage-width: min(100%, 1440px);
    --content-stage-height: min(var(--app-full-height, 100dvh), 1024px);
    --app-max-width: 1440px;
    --app-side-padding: 0px;
    --app-top-padding: 0px;
  }
  html[data-main-layout=content] .room-list-page:not(.room-list-page--embedded) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--app-full-height, 100dvh);
    min-height: var(--app-full-height, 100dvh);
    padding: 0;
    overflow: hidden;
  }
  html[data-main-layout=content] .room-list-page:not(.room-list-page--embedded) .room-list-stage {
    width: var(--content-stage-width);
    height: var(--content-stage-height);
    min-height: 0;
    overflow: hidden;
  }
  html[data-main-layout=content] .room-list-page--channel-menu-b:not(.room-list-page--embedded) .room-list-stage {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
  }
  html[data-main-layout=content] .room-list-page--channel-menu-b:not(.room-list-page--embedded) .room-list-stage::-webkit-scrollbar {
    display: none;
  }
  html[data-main-layout=content] .room-list-page .page-back-header {
    width: 100%;
    height: 112px;
    min-height: 112px;
    padding: 50px 40px 25px;
  }
  html[data-main-layout=content] .room-list-page .back-trigger {
    gap: 20px;
    padding: 0 15px;
  }
  html[data-main-layout=content] .room-list-page .back-icon {
    width: 7px;
    height: 12px;
  }
  html[data-main-layout=content] .room-list-page .page-back-header .title {
    font-size: 29px;
    line-height: 1.2;
  }
  html[data-main-layout=content] .room-list-page .action-wrap {
    gap: 10px;
  }
  html[data-main-layout=content] .room-list-page .action-wrap .action-btn {
    width: 98px;
    height: 37px;
    padding: 0 10px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 1.2;
  }
  html[data-main-layout=content] .room-list-page .action-wrap .action-icon {
    width: 25px;
    height: 26px;
  }
  html[data-main-layout=content] .room-list-page > .room-list-stage > .room-tabs {
    --tab-base-height: 41px;
    --tab-top-cut: 9px;
    --tab-bottom-overlap: 0px;
    --tab-item-padding-x: 0px;
    --tab-text-padding-x: 10px;
    width: min(100%, 466.6px);
    height: 41px;
    margin: 0 auto;
  }
  html[data-main-layout=content] .room-list-page > .room-list-stage > .room-tabs .van-tabs__wrap {
    height: 41px;
    margin: 0;
  }
  html[data-main-layout=content] .room-list-page > .room-list-stage > .room-tabs .van-tab {
    font-size: 17.5px;
  }
  html[data-main-layout=content] .room-list-page:not(.room-list-page--embedded) .group-list {
    width: 100%;
    max-height: calc(100% - 153px);
    margin: 0;
    padding: 0 0 50px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  html[data-main-layout=content] .room-list-page--channel-menu-b:not(.room-list-page--embedded) .group-list {
    flex: 1 0 auto;
    max-height: none;
    overflow: visible;
    padding-bottom: calc(env(safe-area-inset-bottom) + 2.8rem);
  }
  html[data-main-layout=content] .room-list-page .group-item {
    padding: 0;
    border-bottom-width: 0.5px;
  }
  html[data-main-layout=content] .room-list-page .group-summary {
    min-height: 103.6px;
    padding: 0 40.7px;
    gap: 20px;
  }
  html[data-main-layout=content] .room-list-page .summary-left {
    gap: 16.7px;
  }
  html[data-main-layout=content] .room-list-page .game-icon-wrap {
    flex: 0 0 auto;
    width: 68.4px;
    height: 76px;
    border-radius: 19.6px;
  }
  html[data-main-layout=content] .room-list-page .icon-tag {
    bottom: 6px;
    width: 53.2px;
    height: 19.2px;
    border-radius: 999px;
    font-size: 9.3px;
    line-height: 19.2px;
  }
  html[data-main-layout=content] .room-list-page .summary-content {
    padding: 0;
  }
  html[data-main-layout=content] .room-list-page .blind-text {
    font-size: 15.6px;
    line-height: 19px;
  }
  html[data-main-layout=content] .room-list-page .blind-text .blind-label {
    margin-right: 11.8px;
  }
  html[data-main-layout=content] .room-list-page .count-text {
    gap: 11.8px;
    margin-top: 11.8px;
    font-size: 15.6px;
    line-height: 19px;
  }
  html[data-main-layout=content] .room-list-page .count-text span {
    gap: 3.4px;
  }
  html[data-main-layout=content] .room-list-page .count-icon {
    width: 17.8px;
    height: 17.8px;
  }
  html[data-main-layout=content] .room-list-page .toggle-btn {
    width: 32px;
    height: 32px;
  }
  html[data-main-layout=content] .room-list-page .toggle-icon {
    width: 16px;
    height: 16px;
    margin-top: 0;
  }
  html[data-main-layout=content] .room-list-page .table-grid {
    margin: 9px 44.8px 20px;
    grid-template-columns: repeat(auto-fit, 175.3px);
    column-gap: 20px;
    row-gap: 42px;
    justify-content: start;
  }
  html[data-main-layout=content] .room-list-page .table-card {
    width: 175.3px;
    height: 175.3px;
    padding-top: 0;
  }
  html[data-main-layout=content] .room-list-page .table-main {
    width: 175.3px;
    height: 175.3px;
    border-radius: 24.1px;
  }
  html[data-main-layout=content] .room-list-page .table-name {
    top: 1.25px;
    width: 104px;
    height: 18.7px;
    padding: 2px 0;
    border-radius: 999px;
    font-size: 10.3px;
    line-height: 1.35;
  }
  html[data-main-layout=content] .room-list-page .feature-icons {
    top: -6.6px;
    right: -2px;
  }
  html[data-main-layout=content] .room-list-page .feature-icon {
    width: 40px;
    height: 40px;
  }
  html[data-main-layout=content] .room-list-page .empty-wrap {
    min-height: 360px;
    justify-content: center;
  }
  html[data-main-layout=content] .club-lobby-page .club-auth-interaction-layer {
    position: relative;
    display: flex;
    flex-direction: column;
    width: var(--content-stage-width);
    height: var(--content-stage-height);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
  }
  html[data-main-layout=content] .club-lobby-page .page-back-header {
    flex: 0 0 108px;
    height: 108px;
    min-height: 108px;
    gap: 4px;
    padding: 45.7px 40px 17.9px;
  }
  html[data-main-layout=content] .club-lobby-page .back-trigger {
    flex: 0 0 34.2px;
    width: 34.2px;
    height: 44.4px;
    padding: 0;
    gap: 0;
    justify-content: center;
  }
  html[data-main-layout=content] .club-lobby-page .full-slot-wrap {
    height: 44.4px;
  }
  html[data-main-layout=content] .club-lobby-page .club-identity {
    gap: 7.5px;
  }
  html[data-main-layout=content] .club-lobby-page .club-avatar {
    flex: 0 0 44.4px;
    width: 44.4px;
    height: 44.4px;
  }
  html[data-main-layout=content] .club-lobby-page .club-name {
    max-width: 260px;
    font-size: 17px;
    line-height: 20px;
  }
  html[data-main-layout=content] .club-lobby-page .club-sub-meta {
    gap: 7px;
    margin-top: 2px;
    font-size: 12.7px;
    line-height: 15px;
  }
  html[data-main-layout=content] .club-lobby-page .club-member-icon {
    width: 12.7px;
    height: 12.7px;
  }
  html[data-main-layout=content] .club-lobby-page .club-header {
    flex: 0 0 auto;
    min-width: 0;
  }
  html[data-main-layout=content] .club-lobby-page .announce-bar {
    display: flex;
    width: min(100% - 48px, 421.4px);
    min-height: 36.8px;
    margin: 0 auto;
  }
  html[data-main-layout=content] .club-lobby-page .club-header-tabs {
    width: min(100% - 48px, 444.7px);
    height: 28.9px;
    margin: 21.6px auto 0;
    padding: 0 20.3px;
    gap: 29.3px;
  }
  html[data-main-layout=content] .club-lobby-page .club-header-tab {
    font-size: 14.1px;
  }
  html[data-main-layout=content] .club-lobby-page .club-quick-actions {
    width: min(100% - 48px, 425px);
    height: 86.2px;
    margin: 18.6px auto 0;
    gap: 14.7px;
  }
  html[data-main-layout=content] .club-lobby-page .club-quick-card {
    height: 86.2px;
  }
  html[data-main-layout=content] .club-lobby-page .quick-card-title {
    font-size: 16.7px;
  }
  html[data-main-layout=content] .club-lobby-page .club-game-tabs {
    --tab-base-height: 41px;
    --tab-top-cut: 9px;
    --tab-bottom-overlap: 0px;
    --tab-item-padding-x: 0px;
    --tab-text-padding-x: 10px;
    flex: 0 0 41px;
    width: min(100% - 48px, 466.6px);
    height: 41px;
    margin: 29.9px auto 0;
  }
  html[data-main-layout=content] .club-lobby-page .club-game-tabs .van-tabs__wrap {
    height: 41px;
    margin: 0;
  }
  html[data-main-layout=content] .club-lobby-page .club-game-tabs .van-tab {
    font-size: 17.5px;
  }
  html[data-main-layout=content] .room-list-page.club-lobby-page .group-list {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0 0 50px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  html[data-main-layout=content] .club-lobby-page .club-header + .group-list {
    margin-top: 29.9px;
  }
  html[data-main-layout=content] .club-lobby-page .mtt-group {
    width: min(100% - 48px, 408.4px);
    margin: 0 auto 16px;
    padding: 0;
  }
  html[data-main-layout=content] .club-lobby-page .mtt-group:first-child {
    padding-top: 34px;
  }
  html[data-main-layout=content] .club-lobby-page .mtt-group__header {
    width: calc(100% - 31.2px);
    min-height: 26px;
    margin: 0 auto 16px;
  }
  html[data-main-layout=content] .club-lobby-page .mtt-group__title {
    font-size: 21.5px;
    line-height: 26px;
  }
  html[data-main-layout=content] .club-lobby-page .mtt-group__toggle {
    width: 96px;
    min-height: 26px;
    font-size: 14.1px;
    line-height: 26px;
  }
  html[data-main-layout=content] .club-lobby-page .mtt-grid--sm {
    grid-template-columns: repeat(3, 132.7px);
    justify-content: center;
    gap: 5.55px;
  }
  html[data-main-layout=content] .club-lobby-page .mtt-grid--md {
    grid-template-columns: repeat(2, 201.4px);
    justify-content: center;
    gap: 5.55px;
  }
  html[data-main-layout=content] .club-lobby-page .mtt-grid--lg {
    width: 408.4px;
    gap: 5.55px;
  }
  html[data-main-layout=content] .mtt-list-page .mtt-list-stage {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
  }
  html[data-main-layout=content] .room-list-page.mtt-list-page .mtt-list-stage .mtt-content {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 34px 0 50px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  html[data-main-layout=content] .mtt-list-page .mtt-group {
    width: min(100% - 48px, 408.4px);
    margin: 0 auto 16px;
  }
  html[data-main-layout=content] .mtt-list-page .mtt-group:first-child {
    padding-top: 0;
  }
  html[data-main-layout=content] .mtt-list-page .mtt-group__header {
    width: calc(100% - 31.2px);
    min-height: 26px;
    margin: 0 auto 16px;
  }
  html[data-main-layout=content] .mtt-list-page .mtt-group__title {
    font-size: 21.5px;
    line-height: 26px;
  }
  html[data-main-layout=content] .mtt-list-page .mtt-group__toggle {
    min-width: 96px;
    min-height: 26px;
    font-size: 14.1px;
    line-height: 26px;
  }
  html[data-main-layout=content] .mtt-list-page .mtt-grid--sm {
    grid-template-columns: repeat(3, 132.7px);
    justify-content: center;
    gap: 5.55px;
  }
  html[data-main-layout=content] .mtt-list-page .mtt-grid--md {
    grid-template-columns: repeat(2, 201.4px);
    justify-content: center;
    gap: 5.55px;
  }
  html[data-main-layout=content] .mtt-list-page .mtt-grid--lg {
    width: 408.4px;
    gap: 5.55px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--sm {
    width: 132.7px;
    height: 160.8px;
    border-radius: 19px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--sm .mtt-card__cover-wrap {
    height: 160.8px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--sm .mtt-card__footer {
    height: 34.2px;
    gap: 6px;
    padding: 5.9px 9.2px 4.2px 13.9px;
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--sm .mtt-card__title {
    font-size: 9.5px;
    line-height: 10px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--sm .mtt-card__count {
    gap: 4px;
    font-size: 7px;
    line-height: 12px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--sm .count-dot {
    width: 12px;
    height: 9px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--sm .action-btn {
    width: 40.2px;
    min-width: 40.2px;
    max-width: 40.2px;
    height: 19.4px;
    padding: 0 4px;
    border-radius: 15px;
    font-size: 8.7px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md {
    width: 201.4px;
    height: 244.1px;
    border-radius: 34px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md .mtt-card__cover-wrap {
    height: 244.1px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md .mtt-card__footer {
    height: 60.5px;
    gap: 8.2px;
    padding: 6.9px 9px 6.9px 13.6px;
    border-bottom-right-radius: 34px;
    border-bottom-left-radius: 34px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md .mtt-card__icon-wrap,
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md .mtt-card__game-icon {
    width: 42.7px;
    height: 42.7px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md .mtt-card__title {
    font-size: 14.4px;
    line-height: 15px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md .mtt-card__count {
    gap: 6.4px;
    font-size: 10.5px;
    line-height: 18px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md .count-dot {
    width: 15.2px;
    height: 10.7px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md .action-btn {
    width: 47.6px;
    min-width: 47.6px;
    max-width: 47.6px;
    height: 29.5px;
    padding: 0 4px;
    border-radius: 23px;
    font-size: 13.2px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--md .status-tag {
    top: 14px;
    right: 16px;
    min-width: 124px;
    height: 33px;
    padding: 0 10px;
    border-radius: 23px;
    font-size: 11px;
    line-height: 33px;
    text-align: center;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg {
    width: 408.4px;
    height: 229.7px;
    border-radius: 34px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__cover-wrap {
    height: 229.7px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__footer {
    min-height: 59.4px;
    gap: 10px;
    padding: 8.6px 17.5px;
    border-bottom-right-radius: 34px;
    border-bottom-left-radius: 34px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__icon-wrap,
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__game-icon {
    width: 42px;
    height: 42px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__info {
    gap: 2px;
    margin-left: 0;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__title {
    font-size: 14.4px;
    line-height: 15px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__count {
    gap: 3px;
    font-size: 9px;
    line-height: 10px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__count.mt-6 {
    margin-top: 1px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__info > .mtt-card__count:nth-of-type(1),
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__info > .mtt-card__count:nth-of-type(3) {
    display: none;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__info > .mtt-card__count:nth-of-type(2) > :nth-child(-n+2) {
    display: none;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card__info > .mtt-card__count:nth-of-type(2) .count-dot {
    width: 15.2px;
    height: 10.7px;
    margin-left: 0;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .mtt-card-info-icon {
    width: 10px;
    height: 10px;
    margin-right: 2px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .action-btn {
    width: 84.7px;
    min-width: 84.7px;
    max-width: 84.7px;
    height: 29px;
    padding: 0 8px;
    border-radius: 23px;
    font-size: 13.2px;
  }
  html[data-main-layout=content] :is(.club-lobby-page, .mtt-list-page) .mtt-card--lg .status-tag {
    top: 10px;
    right: 17px;
    min-width: 122px;
    height: 33px;
    padding: 0 10px;
    border-radius: 23px;
    font-size: 11px;
    line-height: 33px;
    text-align: center;
  }
  html[data-main-layout=content] .club-lobby-page .floating-action-area {
    position: absolute;
    left: 44.8px;
    right: 44.8px;
    bottom: 20px;
    justify-content: center;
  }
  html[data-main-layout=content] .club-lobby-page .create-table-btn {
    flex: 0 0 10rem;
    width: 10rem;
  }
  html[data-main-layout=content] .club-lobby-page .floating-menu-btn {
    position: absolute;
    right: 0;
    left: auto;
    margin-left: 0;
  }
  html[data-main-layout=content] .club-lobby-page .floating-menu-btn--solo {
    right: 0;
    left: auto;
    margin-left: 0;
  }
  html[data-main-layout=content] .club-lobby-page.room-list-page--channel .floating-action-area {
    bottom: calc(105.6px + env(safe-area-inset-bottom));
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  html[data-main-layout=content] .landing__scroll {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: min(100% - 48px, 640px);
    padding: 32px 0 24px;
  }
  html[data-main-layout=content] .landing__features {
    width: 100%;
    margin-top: 28px;
  }
  html[data-main-layout=content] .landing__tip {
    margin-top: 16px;
  }
  html[data-main-layout=content] .landing__actions {
    width: min(100% - 48px, 640px);
  }
  html[data-main-layout=content] .landing__btn--secondary {
    flex: 1 1 0;
  }
  html[data-main-layout=content] .table-game-end .summary-stats {
    gap: 40px;
  }
}
@media (min-width: 600px) and (max-width: 760px) {
  html[data-main-layout=content] .club-jackpot-page .page-back-header,
  html[data-main-layout=content] .club-jackpot-page .jackpot-body,
  html[data-main-layout=content] .jackpot-create-page .page-back-header,
  html[data-main-layout=content] .jackpot-create-page .create-content,
  html[data-main-layout=content] .pool-reward-page .page-back-header,
  html[data-main-layout=content] .pool-reward-page .pool-body,
  html[data-main-layout=content] .record-page .page-back-header,
  html[data-main-layout=content] .record-page .record-table-wrap,
  html[data-main-layout=content] .wallet-screen > .page-back-header,
  html[data-main-layout=content] .wallet-screen .wallet-screen__content-top,
  html[data-main-layout=content] .wallet-screen .wallet-screen__content,
  html[data-main-layout=content] .wallet-orders-screen > .page-back-header,
  html[data-main-layout=content] .details-page > .page-back-header,
  html[data-main-layout=content] .details-page .details-content {
    width: calc(100% - 48px);
  }
  html[data-main-layout=content] .club-jackpot-page .jackpot-info {
    max-width: calc(100% - 250px);
  }
  html[data-main-layout=content] .jackpot-create-page .row-label--small {
    max-width: calc(100% - 178px);
  }
  html[data-main-layout=content] .club-jackpot-page .footer-action,
  html[data-main-layout=content] .jackpot-create-page .bottom-actions,
  html[data-main-layout=content] .pool-reward-page .footer-action {
    width: min(100% - 48px, 417px);
  }
  html[data-main-layout=content] .wallet-screen .pay-cta {
    width: min(100% - 48px, 387.8px);
  }
  html[data-main-layout=content] .wallet-orders-screen > .list,
  html[data-main-layout=content] .wallet-orders-screen > .wallet-orders-empty {
    width: calc(100% - 48px);
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  html[data-main-layout=content] .create-table-page .template-list {
    padding-right: 8px;
    padding-left: 38px;
  }
  html[data-main-layout=content] .create-table-page .template-card {
    height: 120px;
    min-height: 120px;
    padding-right: 16px;
    border-radius: 60px;
  }
  html[data-main-layout=content] .create-table-page .template-card__badge-wrap {
    margin-right: 12px;
    margin-left: -40px;
  }
  html[data-main-layout=content] .create-table-page .template-card__badge {
    width: 80px;
    height: 80px;
  }
  html[data-main-layout=content] .create-table-page .template-card__info {
    grid-template-columns: auto 1fr;
    gap: 3px 8px;
  }
  html[data-main-layout=content] .create-table-page .template-card__middle {
    flex-basis: 150%;
    min-width: 150px;
    gap: 8px;
  }
  html[data-main-layout=content] .create-table-page .template-card__badge-icon {
    width: 52px;
    height: 42px;
  }
  html[data-main-layout=content] .create-table-page .template-card__right {
    gap: 6px;
    margin-left: 8px;
  }
  html[data-main-layout=content] .create-table-page .template-card__cards {
    width: 36px;
    height: 36px;
  }
  html[data-main-layout=content] .create-table-page .template-card__action-btn {
    width: 30px;
    height: 30px;
  }
  html[data-main-layout=content] .create-table-page .template-card__create-btn {
    padding-left: 8px;
  }
  html[data-main-layout=content] .create-table-page .template-card__create {
    width: 88px;
    height: 42px;
  }
}