/*
  全站手机端页面统一宽度。
  真实手机上 width:100% 会铺满屏幕；电脑浏览器预览时限制在 480px 居中。
*/
:root {
  --mobile-page-width: 480px;
}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background-color: #171b25;
}

body {
  margin-left: auto;
  margin-right: auto;
  background-color: #171b25;
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

body > main,
body > .mobile-shell,
body > .profile-page,
body > .market-page,
body > .hot-page,
body > .quotes-page,
body > .funds-page,
body > .deposit-page,
body > .records-page,
body > .withdraw-page,
body > .withdraw-records-page,
body > .swap-page,
body > .exchange-history-page,
body > .flash-page,
body > .flash-history-page,
body > .finance-entry-page,
body > .finance-product-page,
body > .mining-rules-page,
body > .fund-rules-page,
body > .forex-page,
body > .commodity-page,
body > .more-page,
body > .nft-market-page,
body > .nft-detail-page,
body > .nft-library-page,
body > .content-page,
body > .security-page,
body > .password-page,
body > .advanced-page,
body > .verification-page,
body > .language-page,
body > .receiving-page,
body > .c2c-page,
body > .ieo-page,
body > .loan-page,
body > .copy-trade-page,
body > .copy-apply-page,
body > .copy-applications-page,
body > .my-copy-page,
body > .asset-ledger-page,
body > .ledger-page,
body > .trade-page,
body > .chart-page,
body > .wr-page,
body > .chat-page,
body > .copy-page {
  min-height: 100vh;
  min-height: 100dvh;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body > main::-webkit-scrollbar,
body > .mobile-shell::-webkit-scrollbar,
body > .profile-page::-webkit-scrollbar,
body > .market-page::-webkit-scrollbar,
body > .hot-page::-webkit-scrollbar,
body > .quotes-page::-webkit-scrollbar,
body > .funds-page::-webkit-scrollbar,
body > .deposit-page::-webkit-scrollbar,
body > .records-page::-webkit-scrollbar,
body > .withdraw-page::-webkit-scrollbar,
body > .withdraw-records-page::-webkit-scrollbar,
body > .swap-page::-webkit-scrollbar,
body > .exchange-history-page::-webkit-scrollbar,
body > .flash-page::-webkit-scrollbar,
body > .flash-history-page::-webkit-scrollbar,
body > .finance-entry-page::-webkit-scrollbar,
body > .finance-product-page::-webkit-scrollbar,
body > .mining-rules-page::-webkit-scrollbar,
body > .fund-rules-page::-webkit-scrollbar,
body > .forex-page::-webkit-scrollbar,
body > .commodity-page::-webkit-scrollbar,
body > .more-page::-webkit-scrollbar,
body > .nft-market-page::-webkit-scrollbar,
body > .nft-detail-page::-webkit-scrollbar,
body > .nft-library-page::-webkit-scrollbar,
body > .content-page::-webkit-scrollbar,
body > .security-page::-webkit-scrollbar,
body > .password-page::-webkit-scrollbar,
body > .advanced-page::-webkit-scrollbar,
body > .verification-page::-webkit-scrollbar,
body > .language-page::-webkit-scrollbar,
body > .receiving-page::-webkit-scrollbar,
body > .c2c-page::-webkit-scrollbar,
body > .ieo-page::-webkit-scrollbar,
body > .loan-page::-webkit-scrollbar,
body > .copy-trade-page::-webkit-scrollbar,
body > .copy-apply-page::-webkit-scrollbar,
body > .copy-applications-page::-webkit-scrollbar,
body > .my-copy-page::-webkit-scrollbar,
body > .asset-ledger-page::-webkit-scrollbar,
body > .ledger-page::-webkit-scrollbar,
body > .trade-page::-webkit-scrollbar,
body > .chart-page::-webkit-scrollbar,
body > .wr-page::-webkit-scrollbar,
body > .chat-page::-webkit-scrollbar,
body > .copy-page::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.mobile-shell,
.profile-page,
.market-page,
.hot-page,
.quotes-page,
.funds-page,
.deposit-page,
.records-page,
.withdraw-page,
.withdraw-records-page,
.swap-page,
.exchange-history-page,
.flash-page,
.flash-history-page,
.finance-entry-page,
.finance-product-page,
.mining-rules-page,
.fund-rules-page,
.forex-page,
.commodity-page,
.more-page,
.nft-market-page,
.nft-detail-page,
.nft-library-page,
.content-page,
.security-page,
.password-page,
.advanced-page,
.verification-page,
.language-page,
.receiving-page,
.c2c-page,
.ieo-page,
.loan-page,
.copy-trade-page,
.copy-apply-page,
.copy-applications-page,
.my-copy-page,
.asset-ledger-page,
.ledger-page,
.trade-page,
.chart-page,
.wr-page,
.chat-page,
.copy-page,
.my-copy-page {
  width: 100% !important;
  max-width: var(--mobile-page-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.app-bottom-nav,
.profile-bottom-nav,
.market-bottom-nav,
.quotes-bottom-nav,
.forex-bottom,
.bottom-nav {
  left: 50% !important;
  right: auto !important;
  width: 100% !important;
  max-width: var(--mobile-page-width) !important;
  transform: translateX(-50%) !important;
}

/* NFT 页面也必须使用全站统一的 480px 手机容器。 */
.nft-page,
.detail-page,
.purchase-page,
.nft-library-page {
  width: 100% !important;
  max-width: var(--mobile-page-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.detail-page .bottom {
  left: 50% !important;
  right: auto !important;
  width: 100% !important;
  max-width: var(--mobile-page-width) !important;
  transform: translateX(-50%) !important;
}

.receiving-page .add-method,
.add-method {
  left: 50% !important;
  right: auto !important;
  width: calc(100% - 24px) !important;
  max-width: calc(var(--mobile-page-width) - 24px) !important;
  transform: translateX(-50%) !important;
}

.chat-page {
  min-height: 100vh !important;
  height: 100vh !important;
}

.market-robot,
.forex-robot {
  right: max(8px, calc((100vw - var(--mobile-page-width)) / 2 + 8px)) !important;
}

@media (max-width: 480px) {
  body {
    margin-left: 0;
    margin-right: 0;
  }
}