/* H5 exchange theme: soft dark blue, designed as a global override for legacy pages. */
:root {
  --ex-bg: #0f1d32;
  --ex-bg-deep: #0a1626;
  --ex-surface: #142840;
  --ex-surface-2: #19304d;
  --ex-surface-3: #203b5e;
  --ex-line: #2a4565;
  --ex-line-soft: rgba(126, 163, 204, 0.22);
  --ex-text: #e8f1fb;
  --ex-text-soft: #bac9dc;
  --ex-muted: #8299b5;
  --ex-placeholder: #c8d8ea;
  --ex-accent: #40c6d2;
  --ex-accent-2: #6aa8ff;
  --ex-gold: #f0bd54;
  --ex-green: #18c79a;
  --ex-red: #f25f6e;
  --ex-shadow: 0 6px 24px rgba(2, 10, 22, 0.28);
}

html,
body,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body,
.uni-page-body,
.uni-app--maxwidth {
  background: linear-gradient(180deg, #122641 0%, var(--ex-bg) 42%, var(--ex-bg-deep) 100%) !important;
  color: var(--ex-text) !important;
  width: 100% !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  box-sizing: border-box;
  overflow-x: hidden !important;
}

body {
  min-height: 100%;
}

uni-view,
uni-text,
.text,
.title,
.name,
.k-color-333,
.u-main-color {
  color: var(--ex-text);
}

.textNormal,
.k-color-999,
.u-tips-color,
.u-content-color,
uni-view[style*="color: rgb(96, 98, 102)"],
uni-text[style*="color: rgb(96, 98, 102)"],
uni-view[style*="color: rgb(128, 128, 128)"],
uni-text[style*="color: rgb(128, 128, 128)"],
uni-view[style*="color: rgb(150, 150, 150)"],
uni-text[style*="color: rgb(150, 150, 150)"] {
  color: var(--ex-muted) !important;
}

uni-view[style*="color: rgb(51, 51, 51)"],
uni-text[style*="color: rgb(51, 51, 51)"],
uni-view[style*="color: black"],
uni-text[style*="color: black"] {
  color: var(--ex-text) !important;
}

uni-view[style*="background-color: rgb(255, 255, 255)"],
uni-view[style*="background-color: #fff"],
uni-view[style*="background-color:#fff"],
uni-view[style*="background: #fff"],
uni-view[style*="background:#fff"],
uni-swiper[style*="background-color: #fff"],
uni-scroll-view[style*="background-color: #fff"] {
  background-color: var(--ex-surface) !important;
}

uni-view[style*="background-color: rgb(245, 245, 245)"],
uni-view[style*="background-color: rgb(245, 246, 250)"],
uni-view[style*="background-color: rgb(241, 244, 248)"],
uni-view[style*="background-color: rgb(238, 238, 238)"],
uni-view[style*="background-color: rgb(235, 236, 238)"],
uni-view[style*="background-color: #f7f7fa"],
uni-view[style*="background-color:#f7f7fa"] {
  background-color: var(--ex-bg) !important;
}

.u-navbar,
.u-navbar-inner,
.u-navbar-fixed,
.u-status-bar,
.u-navbar-placeholder,
uni-page-head .uni-page-head,
.uni-page-head,
.uni-placeholder {
  background: #142840 !important;
  border-color: var(--ex-line) !important;
  color: var(--ex-text) !important;
}

.u-title,
.u-navbar-content-title,
.u-slot-content,
.u-slot-right,
.u-back-wrap,
.u-back-text,
.uni-page-head__title,
uni-page-head .uni-btn-icon,
.uni-page-head .uni-btn-icon {
  color: var(--ex-text) !important;
}

.u-tabbar,
.u-tabbar__content,
uni-tabbar .uni-tabbar {
  background: #112139 !important;
  border-top: 1px solid var(--ex-line) !important;
  box-shadow: 0 -5px 12px rgba(4, 13, 27, 0.24);
}

.u-tabbar__content__item__text,
uni-tabbar .uni-tabbar__label {
  color: var(--ex-muted) !important;
}

.u-tabbar__content__item--active .u-tabbar__content__item__text,
uni-tabbar .uni-tabbar__item.uni-tabbar__item-active .uni-tabbar__label {
  color: var(--ex-accent) !important;
}

.section,
.market,
.menudiv,
.kuaisu,
.headerassets,
.icon-line,
.history-wrap,
.summary-box,
.product-panel,
.product-item,
.fast-item,
.trade-item,
.his-item,
.time-box,
.uni-list,
.u-cell,
.u-cell-box,
.u-cell-item-box,
.u-card,
.u-table,
.u-tr,
.u-popup__content,
.u-drawer-content,
.uni-modal,
.uni-actionsheet__menu {
  background-color: var(--ex-surface) !important;
  color: var(--ex-text) !important;
}

.kuaisu,
.menudiv,
.market,
.headerassets,
.icon-line,
.history-wrap,
.summary-box,
.product-panel,
.product-item,
.fast-item,
.trade-item,
.his-item,
.time-box,
.u-card,
.u-popup__content,
.uni-modal {
  border: 1px solid var(--ex-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: var(--ex-shadow);
}

.kuaisu,
.menudiv,
.market {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.headerassets {
  background: linear-gradient(135deg, #1c4268 0%, #173153 64%, #18394b 100%) !important;
  border-color: rgba(64, 198, 210, 0.28) !important;
}

.icon-line {
  margin: 0 10px 10px !important;
  padding: 12px 5px !important;
}

.b-b,
.bb,
.borderBg,
.u-border-bottom,
.u-border-top,
.u-border-left,
.u-border-right,
uni-view[style*="border-bottom: 1px solid rgb(255, 255, 255)"],
uni-view[style*="border-right: 1px solid rgb(255, 255, 255)"],
uni-view[style*="border-left: 1px solid rgb(255, 255, 255)"],
uni-view[style*="border-top: 1px solid rgb(255, 255, 255)"],
uni-view[style*="border-bottom: 1px solid #eee"] {
  border-color: var(--ex-line) !important;
}

.u-table,
.u-th,
.u-td,
.u-tr {
  background: transparent !important;
  border-color: var(--ex-line) !important;
  color: var(--ex-text) !important;
}

.u-th {
  background-color: rgba(255, 255, 255, 0.035) !important;
  color: var(--ex-text-soft) !important;
  font-weight: 600 !important;
}

.market .b-b,
.assets .b-b,
.u-cell {
  border-color: var(--ex-line) !important;
}

.market .btn,
.trade-button,
.u-btn {
  border-radius: 6px !important;
}

.market .btn-green,
.sysBGreen,
.u-btn--success,
uni-view[style*="background-color: rgb(13, 168, 139)"],
uni-view[style*="background-color: rgb(18, 178, 152)"] {
  background: linear-gradient(180deg, #1fd1a2 0%, var(--ex-green) 100%) !important;
  color: #ffffff !important;
}

.market .btn-red,
.sysBRed,
.u-btn--error,
uni-view[style*="background-color: rgb(239, 86, 86)"],
uni-view[style*="background-color: #f54545"],
uni-view[style*="background-color:#f54545"] {
  background: linear-gradient(180deg, #ff7481 0%, var(--ex-red) 100%) !important;
  color: #ffffff !important;
}

.u-btn--primary,
uni-view[style*="background-color: #2979ff"],
uni-view[style*="background-color:#2979ff"] {
  background: linear-gradient(180deg, #69a9ff 0%, var(--ex-accent-2) 100%) !important;
  color: #ffffff !important;
}

.sysGreen,
.green,
.rise,
uni-text[style*="color: rgb(18, 178, 152)"],
uni-view[style*="color: rgb(18, 178, 152)"] {
  color: var(--ex-green) !important;
}

.sysRed,
.red,
.fall,
uni-text[style*="color: rgb(235, 98, 69)"],
uni-view[style*="color: rgb(235, 98, 69)"] {
  color: var(--ex-red) !important;
}

.u-input,
.u-input__input,
.u-textarea,
uni-input,
uni-textarea,
.uni-textarea-textarea {
  background-color: #10233b !important;
  border-color: var(--ex-line) !important;
  color: var(--ex-text) !important;
}

.uni-input-wrapper,
.uni-input-input,
input,
textarea {
  background-color: transparent !important;
  color: var(--ex-text) !important;
}

.u-input__input::placeholder,
.u-input input::placeholder,
.u-input textarea::placeholder,
input::placeholder,
textarea::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.input-placeholder,
.textarea-placeholder,
.uni-input-placeholder,
.uni-textarea-placeholder {
  color: var(--ex-placeholder) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.u-placeholder-class,
.placeholder-style,
.u-field__input-wrap::placeholder,
.u-textarea-class::placeholder,
.u-search input::placeholder,
.u-search .u-input::placeholder,
.u-field input::placeholder,
.u-field textarea::placeholder,
uni-input .uni-input-placeholder,
uni-input .input-placeholder,
uni-textarea .uni-textarea-placeholder,
uni-textarea .textarea-placeholder,
.u-input .uni-input-placeholder,
.u-input .input-placeholder,
.u-input .uni-textarea-placeholder,
.u-input .textarea-placeholder,
.u-search .uni-input-placeholder,
.u-search .input-placeholder,
.u-field .uni-input-placeholder,
.u-field .input-placeholder,
.u-input [style*="color: #c0c4cc"],
.u-input [style*="color:#c0c4cc"],
.u-input [style*="color: rgb(192, 196, 204)"],
.u-input [style*="color: #909399"],
.u-input [style*="color:#909399"],
.u-input [style*="color: rgb(144, 147, 153)"],
.u-search [style*="color: #c0c4cc"],
.u-search [style*="color:#c0c4cc"],
.u-search [style*="color: rgb(192, 196, 204)"],
.u-search [style*="color: #909399"],
.u-search [style*="color:#909399"],
.u-search [style*="color: rgb(144, 147, 153)"],
.u-field [style*="color: #c0c4cc"],
.u-field [style*="color:#c0c4cc"],
.u-field [style*="color: rgb(192, 196, 204)"],
.u-field [style*="color: #909399"],
.u-field [style*="color:#909399"],
.u-field [style*="color: rgb(144, 147, 153)"] {
  color: var(--ex-placeholder) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.u-search .u-content,
.u-search .u-input {
  background-color: #10233b !important;
  color: var(--ex-text) !important;
}

input,
textarea,
.uni-input-input,
.uni-textarea-textarea,
.u-input__input {
  caret-color: var(--ex-accent);
}

.u-form-item,
.u-cell,
.uni-list-cell {
  background-color: transparent !important;
  color: var(--ex-text) !important;
}

.u-line,
.u-border,
.u-line-1,
.u-line-2 {
  border-color: var(--ex-line) !important;
}

.u-tabs,
.u-tabs__wrapper,
.u-tabs__wrapper__nav,
.u-tabs__wrapper__nav__item {
  background-color: transparent !important;
  color: var(--ex-muted) !important;
}

.u-tabs__wrapper__nav__item__text,
.u-tab-item {
  color: var(--ex-muted) !important;
}

.u-tabs__wrapper__nav__item--active .u-tabs__wrapper__nav__item__text,
.u-tab-item-active,
.tab-active,
.fast-active,
.box-active,
.product-active,
uni-view[style*="background-color:#e7fdf9"],
uni-view[style*="background-color: #e7fdf9"],
uni-view[style*="background-color: rgba(198, 255, 239,0.3)"],
uni-view[style*="background-color: rgba(198, 255, 239, 0.3)"] {
  background-color: rgba(64, 198, 210, 0.16) !important;
  border-color: var(--ex-accent) !important;
  color: var(--ex-text) !important;
}

.u-tabs__wrapper__nav__line,
.u-tabs__wrapper__nav__item__line {
  background-color: var(--ex-accent) !important;
}

.u-notice-bar,
.u-notice-bar-wrap {
  background-color: rgba(64, 198, 210, 0.08) !important;
  border-top: 1px solid var(--ex-line-soft);
  border-bottom: 1px solid var(--ex-line-soft);
  color: var(--ex-text-soft) !important;
}

.u-picker,
.u-picker__view,
.u-select,
.u-drawer,
.u-mask,
.u-popup {
  color: var(--ex-text) !important;
}

.u-picker,
.u-select__body,
.u-popup__content,
.u-drawer-content,
.uni-picker-container .uni-picker {
  background-color: var(--ex-surface-2) !important;
}

.uni-picker-action,
.u-select__header__title,
.u-select__body__picker-view__item {
  color: var(--ex-text) !important;
}

.uni-mask,
.u-mask {
  background: rgba(3, 10, 21, 0.62) !important;
}

.bottom-actions,
.trade-fixed,
.fixed-bottom {
  background-color: #101f36 !important;
  border-top: 1px solid var(--ex-line) !important;
}

.container .alert-box,
.alert-box .shortcut {
  display: none !important;
}

.bottom-actions .action-primary,
.submit,
.confirm-btn {
  background: linear-gradient(180deg, #43ced8 0%, #18c79a 100%) !important;
  color: #ffffff !important;
}

.disabled,
.u-btn--disabled,
uni-view[style*="background-color: rgb(200, 199, 204)"] {
  background-color: #3b4e68 !important;
  color: #91a4bc !important;
}

uni-image,
image {
  color: transparent;
}

.container {
  background: linear-gradient(180deg, #122641 0%, var(--ex-bg) 46%, var(--ex-bg-deep) 100%) !important;
  color: var(--ex-text) !important;
  min-height: 100vh;
}

.container .section > uni-view:first-child,
.container .section > v-uni-view:first-child {
  background: transparent !important;
  padding: 10px !important;
}

.container .section swiper,
.container .section uni-swiper,
.container .section .u-swiper {
  background-color: var(--ex-surface) !important;
  border: 1px solid var(--ex-line-soft) !important;
  border-radius: 8px !important;
  overflow: hidden;
  box-shadow: var(--ex-shadow);
}

.container .section .kuaisu {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 8px;
  padding: 10px !important;
}

.container .section .kuaisu > uni-view,
.container .section .kuaisu > v-uni-view,
.container .section .kuaisu > view {
  flex: 0 0 calc(50% - 4px) !important;
  width: calc(50% - 4px) !important;
  max-width: calc(50% - 4px) !important;
  min-width: 0 !important;
  background: linear-gradient(135deg, rgba(64, 198, 210, 0.12), rgba(106, 168, 255, 0.08)) !important;
  border: 1px solid var(--ex-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: var(--ex-shadow);
  box-sizing: border-box;
  color: var(--ex-text) !important;
}

.container .section .kuaisu uni-text,
.container .section .kuaisu text {
  color: var(--ex-text) !important;
  font-weight: 600;
}

.container .section .kuaisu image,
.container .section .kuaisu uni-image {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  opacity: 0.72;
}

.container .menudiv.b-b {
  background: var(--ex-surface) !important;
  border: 1px solid var(--ex-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: var(--ex-shadow);
  margin: 10px !important;
  padding: 13px 4px 4px !important;
}

.container .menudiv .menulistdiv {
  box-sizing: border-box;
  color: var(--ex-text) !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.container .menudiv .menulistdiv > uni-view,
.container .menudiv .menulistdiv > v-uni-view,
.container .menudiv .menulistdiv > view {
  color: var(--ex-text) !important;
  font-weight: 500;
}

.container .market {
  background: var(--ex-surface) !important;
  border: 1px solid var(--ex-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: var(--ex-shadow);
  margin: 10px !important;
  padding: 15px !important;
}

.container .market .marketlist {
  border-bottom: 1px solid var(--ex-line) !important;
}

.container .market .active-border {
  border-color: var(--ex-accent) !important;
  color: var(--ex-text) !important;
}

.container[data-v-591d8f87],
body.uni-body .container[data-v-591d8f87],
uni-page-body[data-v-591d8f87] {
  background: linear-gradient(180deg, #122641 0%, var(--ex-bg) 46%, var(--ex-bg-deep) 100%) !important;
}

.container .section .kuaisu[data-v-591d8f87] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  gap: 8px !important;
}

.container .section .kuaisu > uni-view[data-v-591d8f87] {
  flex: 0 0 calc(50% - 4px) !important;
  width: calc(50% - 4px) !important;
  max-width: calc(50% - 4px) !important;
  min-width: 0 !important;
  padding: 10px 8px !important;
  background: linear-gradient(135deg, rgba(64, 198, 210, 0.12), rgba(106, 168, 255, 0.08)) !important;
  border: 1px solid var(--ex-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: var(--ex-shadow) !important;
  box-sizing: border-box !important;
  color: var(--ex-text) !important;
  gap: 6px !important;
}

.container .section .kuaisu uni-image[data-v-591d8f87] {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
}

.container .b-b[data-v-591d8f87] {
  border-bottom: 1px solid var(--ex-line) !important;
}

.container .menudiv[data-v-591d8f87] {
  background: var(--ex-surface) !important;
}

/* Late-loaded page chunks can reintroduce white panels. Keep the H5 skin coherent. */
page,
body.uni-body,
uni-page-body,
uni-page-refresh,
.uni-page-refresh,
.uni-page-wrapper,
.uni-page-body,
.container,
.content,
.page,
.main,
.wrap,
.box,
.list,
.assets,
.authset,
.login,
.loginForm,
.finance,
.trade,
.deal,
.leverdeal,
.qiquan,
.lend,
.winer,
.newcoin,
.recharge,
.withdraw,
.transfer,
.team,
.account {
  background-color: var(--ex-bg) !important;
  color: var(--ex-text) !important;
}

.container,
.content,
.page,
.main,
.wrap {
  min-height: 100vh;
}

.tab,
.t-box,
.m-box > uni-view,
.m-box > view,
.row,
.asset,
.assets .uni-list,
.finance .uni-list,
.grid-content,
.list-content,
.item-content,
.coin-item,
.wallet-item,
.order-item,
.record-item,
.news-item,
.account-item,
.card-item,
.form-box,
.form-panel,
.input-box,
.upload-box,
.pre-box,
.slot-btn,
.u-cell-item,
.u-cell-group,
.u-card-wrap,
.u-card__head,
.u-card__body,
.u-card__foot,
.u-grid,
.u-grid-item,
.u-upload,
.u-upload__wrap,
.u-upload__button,
.uni-list,
.uni-list-cell,
.uni-picker,
.uni-picker-view-wrapper,
.uni-actionsheet__action,
.uni-actionsheet__menu,
.uni-actionsheet__title,
.uni-modal,
.uni-modal__hd,
.uni-modal__bd,
.uni-modal__ft {
  background-color: var(--ex-surface) !important;
  border-color: var(--ex-line) !important;
  color: var(--ex-text) !important;
}

.tab,
.t-box,
.m-box > uni-view,
.m-box > view,
.row,
.grid-content,
.list-content,
.coin-item,
.wallet-item,
.order-item,
.record-item,
.news-item,
.account-item,
.card-item,
.form-box,
.form-panel,
.input-box,
.upload-box {
  border: 1px solid var(--ex-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: var(--ex-shadow) !important;
}

.tab {
  overflow: hidden;
}

.tab .tab-item,
.u-tab-item,
.u-tabs-scorll-flex,
.u-tabs-scroll-box,
.u-tabs__wrapper__nav__item {
  background-color: transparent !important;
  color: var(--ex-muted) !important;
}

.tab .tab-active,
.u-tab-item-active,
.u-tabs__wrapper__nav__item--active,
.u-tabs__wrapper__nav__item--active .u-tabs__wrapper__nav__item__text {
  color: var(--ex-accent) !important;
  border-color: var(--ex-accent) !important;
}

.u-tab-bar,
.u-tabs__wrapper__nav__line {
  background-color: var(--ex-accent) !important;
}

.text,
.title,
.value,
.uni-page-head__title,
.u-cell__title-text,
.u-form-item__body__left__content__label,
.uni-modal__title,
.uni-actionsheet__cell,
.grid-header {
  color: var(--ex-text) !important;
}

.textNormal,
.his-text,
.u-add-wrap,
.u-more-text,
.u-cell__label,
.uni-modal__bd,
.title:not(.sysWhite),
.grid-content .item-content {
  color: var(--ex-muted) !important;
}

.u-table,
.u-th,
.u-td,
.grid-content,
.grid-col1,
.grid-col2,
.grid-col3 {
  background-color: transparent !important;
  border-color: var(--ex-line) !important;
  color: var(--ex-text) !important;
}

.u-th,
.grid-header {
  background-color: rgba(64, 198, 210, 0.08) !important;
  color: var(--ex-text-soft) !important;
}

.u-btn--primary--plain,
.u-button--primary--plain,
.slot-btn__hover,
uni-view[style*="background-color: #ecf5ff"],
uni-view[style*="background-color:#ecf5ff"],
uni-view[style*="background-color: rgb(253, 239, 236)"],
uni-view[style*="background-color: rgb(245, 246, 250)"],
uni-view[style*="background-color: rgb(245, 245, 245)"],
uni-view[style*="background-color: rgb(244, 245, 246)"],
uni-view[style*="background-color: rgb(235, 236, 238)"],
uni-view[style*="background: rgb(255, 255, 255)"],
uni-view[style*="background-color: rgb(255, 255, 255)"],
uni-view[style*="background-color: #ffffff"],
uni-view[style*="background-color:#ffffff"],
uni-view[style*="background-color: #fff"],
uni-view[style*="background-color:#fff"],
uni-view[style*="background: #fff"],
uni-view[style*="background:#fff"] {
  background: var(--ex-surface) !important;
  background-color: var(--ex-surface) !important;
  border-color: var(--ex-line) !important;
  color: var(--ex-text) !important;
}

uni-text[style*="color: rgb(51, 51, 51)"],
uni-view[style*="color: rgb(51, 51, 51)"],
uni-text[style*="color: #212121"],
uni-view[style*="color: #212121"],
uni-text[style*="color:#212121"],
uni-view[style*="color:#212121"],
uni-text[style*="color: rgb(48, 49, 51)"],
uni-view[style*="color: rgb(48, 49, 51)"] {
  color: var(--ex-text) !important;
}

uni-text[style*="color: rgb(96, 98, 102)"],
uni-view[style*="color: rgb(96, 98, 102)"],
uni-text[style*="color: rgb(102, 102, 102)"],
uni-view[style*="color: rgb(102, 102, 102)"],
uni-text[style*="color: #666"],
uni-view[style*="color: #666"],
uni-text[style*="color:#666"],
uni-view[style*="color:#666"] {
  color: var(--ex-muted) !important;
}

uni-view[style*="box-shadow: rgba(0, 0, 0, 0.03)"],
uni-view[style*="box-shadow: 2px 11px 8px"] {
  box-shadow: var(--ex-shadow) !important;
}

.u-input,
.u-input__input,
.u-form-item,
.u-form-item__body,
.uni-textarea-wrapper {
  background-color: #10233b !important;
  color: var(--ex-text) !important;
  border-color: var(--ex-line) !important;
}

.uni-input-wrapper,
.uni-input-input,
.uni-textarea-textarea,
input,
textarea {
  background-color: transparent !important;
  color: var(--ex-text) !important;
  border-color: var(--ex-line) !important;
}

.u-checkbox__label,
.u-radio__label,
.u-switch,
.uni-label-pointer {
  color: var(--ex-text-soft) !important;
}

.u-upload__button,
.pre-item-image,
.u-add-wrap {
  background-color: rgba(64, 198, 210, 0.08) !important;
  border-color: var(--ex-line-soft) !important;
  color: var(--ex-muted) !important;
}

.u-icon,
.u-icon__icon,
.u-cell__right-icon-wrap,
.u-back-wrap {
  color: var(--ex-text-soft) !important;
}

.bottom-actions,
.trade-fixed,
.fixed-bottom {
  background: rgba(16, 31, 54, 0.96) !important;
  backdrop-filter: blur(8px);
}

.loginForm {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 18px 14px !important;
  margin-top: 20px !important;
  border: 1px solid var(--ex-line-soft) !important;
  border-radius: 10px !important;
  background: rgba(13, 29, 51, 0.9) !important;
  overflow: hidden !important;
}

.loginForm uni-form,
.loginForm form,
.loginForm .u-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.loginForm .u-form-item,
.loginForm .u-form-item__body {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

.loginForm .u-form-item {
  margin-bottom: 12px !important;
  border: 0 !important;
}

.loginForm .u-form-item__body {
  min-height: 48px !important;
  padding: 0 11px !important;
  border: 1px solid var(--ex-line-soft) !important;
  border-radius: 7px !important;
  background: #10233b !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.loginForm .u-form-item--right,
.loginForm .u-form-item--right__content,
.loginForm .u-form-item--right__content__slot {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.loginForm .u-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.loginForm .u-input[style*="width: 160rpx"],
.loginForm .u-input[style*="width:160rpx"] {
  flex: 0 0 75px !important;
  width: 75px !important;
  max-width: 75px !important;
  margin-right: 6px !important;
  padding-right: 6px !important;
  border-right: 1px solid var(--ex-line) !important;
}

.loginForm .u-form-item--right__content__slot > .u-input:first-child:nth-last-child(2),
.loginForm .u-form-item__body > .u-input:first-child:nth-last-child(2) {
  flex: 0 0 73px !important;
  width: 73px !important;
  max-width: 73px !important;
  margin-right: 8px !important;
  padding-right: 7px !important;
  border-right: 1px solid var(--ex-line) !important;
}

.loginForm .u-form-item--right__content__slot > .u-input:first-child:nth-last-child(2) + .u-input,
.loginForm .u-form-item__body > .u-input:first-child:nth-last-child(2) + .u-input {
  flex: 1 1 0% !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.loginForm .uni-input-wrapper,
.loginForm .u-input__input,
.loginForm .uni-input-input,
.loginForm input {
  width: 100% !important;
  min-width: 0 !important;
  background: transparent !important;
  color: var(--ex-text) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.loginForm .u-input__input::placeholder,
.loginForm .u-input input::placeholder,
.loginForm input::placeholder,
.loginForm input::-webkit-input-placeholder,
.loginForm .input-placeholder,
.loginForm .uni-input-placeholder {
  color: var(--ex-placeholder) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.loginForm .u-input__right-icon,
.loginForm .u-input__right-icon .u-icon,
.loginForm .u-icon__icon {
  color: var(--ex-placeholder) !important;
}

.loginForm uni-button,
.loginForm button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, var(--ex-accent), var(--ex-blue)) !important;
  color: #fff !important;
  overflow: hidden !important;
}

.loginForm uni-button::after,
.loginForm button::after {
  border: 0 !important;
}

.loginForm > uni-view[style*="display: flex"],
.loginForm > view[style*="display: flex"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  color: var(--ex-text-soft) !important;
}

.loginForm > uni-view[style*="justify-content: center"],
.loginForm > view[style*="justify-content: center"] {
  flex-wrap: wrap !important;
  height: auto !important;
  min-height: 20px !important;
  gap: 4px 5px !important;
  line-height: 1.4 !important;
  color: var(--ex-accent) !important;
  overflow: visible !important;
}

.loginForm > uni-view[style*="justify-content: center"] uni-text,
.loginForm > view[style*="justify-content: center"] text {
  flex: 0 1 auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  color: var(--ex-accent) !important;
  font-size: 15px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.loginForm .u-line {
  flex: 0 0 1px !important;
  border-color: var(--ex-accent) !important;
}

body.pages-login-register uni-page-body > uni-view,
body.pages-login-forget uni-page-body > uni-view {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
  background-color: var(--ex-bg) !important;
  color: var(--ex-text) !important;
  overflow-x: hidden !important;
}

body.pages-login-register .u-form,
body.pages-login-forget .u-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.pages-login-register .u-form-item,
body.pages-login-forget .u-form-item {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 9px 0 !important;
  border-color: var(--ex-line) !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form-item__body,
body.pages-login-forget .u-form-item__body {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.pages-login-register .u-form-item--right,
body.pages-login-register .u-form-item--right__content,
body.pages-login-register .u-form-item--right__content__slot,
body.pages-login-forget .u-form-item--right,
body.pages-login-forget .u-form-item--right__content,
body.pages-login-forget .u-form-item--right__content__slot {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form-item--right__content__slot > .u-input,
body.pages-login-forget .u-form-item--right__content__slot > .u-input {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.pages-login-register .u-form-item--right__content__slot > .u-input:first-child:nth-last-child(2),
body.pages-login-forget .u-form-item--right__content__slot > .u-input:first-child:nth-last-child(2) {
  flex: 0 0 73px !important;
  width: 73px !important;
  max-width: 73px !important;
  margin-right: 7px !important;
  padding-right: 6px !important;
  border-right: 1px solid var(--ex-line) !important;
}

body.pages-login-register .u-form-item--right__content__slot > .u-input:first-child:nth-last-child(2) + .u-input,
body.pages-login-forget .u-form-item--right__content__slot > .u-input:first-child:nth-last-child(2) + .u-input {
  flex: 1 1 0% !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.pages-login-register .u-form-item--right__content__icon,
body.pages-login-forget .u-form-item--right__content__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 102px !important;
  width: 102px !important;
  max-width: 102px !important;
  margin-left: 7px !important;
  overflow: visible !important;
}

body.pages-login-register .u-form-item--right__content__icon .u-btn,
body.pages-login-register .u-form-item--right__content__icon uni-button,
body.pages-login-register .u-form-item--right__content__icon button,
body.pages-login-forget .u-form-item--right__content__icon .u-btn,
body.pages-login-forget .u-form-item--right__content__icon uni-button,
body.pages-login-forget .u-form-item--right__content__icon button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 102px !important;
  max-width: 102px !important;
  min-width: 102px !important;
  height: 34px !important;
  line-height: 1.1 !important;
  padding: 0 5px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.pages-login-register .u-form-item--right__content:has(> .u-form-item--right__content__icon),
body.pages-login-forget .u-form-item--right__content:has(> .u-form-item--right__content__icon) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 102px !important;
  column-gap: 7px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body.pages-login-register .u-form-item--right__content:has(> .u-form-item--right__content__icon) > .u-form-item--right__content__slot,
body.pages-login-forget .u-form-item--right__content:has(> .u-form-item--right__content__icon) > .u-form-item--right__content__slot {
  grid-column: 1 !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form-item--right__content:has(> .u-form-item--right__content__icon) > .u-form-item--right__content__icon,
body.pages-login-forget .u-form-item--right__content:has(> .u-form-item--right__content__icon) > .u-form-item--right__content__icon {
  grid-column: 2 !important;
  width: 102px !important;
  max-width: 102px !important;
  min-width: 0 !important;
  margin-left: 0 !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 108px !important;
  column-gap: 6px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content__slot,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content__slot,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content__slot,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content__slot {
  grid-column: 1 !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content__icon,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content__icon {
  grid-column: 2 !important;
  display: flex !important;
  width: 108px !important;
  max-width: 108px !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon .u-btn,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content__icon .u-btn,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon .u-btn,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content__icon .u-btn {
  width: 108px !important;
  max-width: 108px !important;
  min-width: 108px !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content {
  position: relative !important;
  display: block !important;
  min-height: 36px !important;
  padding-right: 114px !important;
  overflow: visible !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content__slot,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content__slot,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content__slot,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content__slot {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content__icon,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content__icon {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  width: 108px !important;
  max-width: 108px !important;
  margin-left: 0 !important;
  z-index: 2 !important;
}

body.pages-login-register .uni-input-placeholder,
body.pages-login-register .input-placeholder,
body.pages-login-forget .uni-input-placeholder,
body.pages-login-forget .input-placeholder {
  font-size: 15px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: var(--ex-placeholder) !important;
  opacity: 1 !important;
}

body.pages-login-register > uni-page,
body.pages-login-forget > uni-page {
  background-color: var(--ex-bg) !important;
}

body.pages-login-register .u-form-item--right__content,
body.pages-login-forget .u-form-item--right__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

body.pages-login-register .u-form-item--right__content__slot,
body.pages-login-forget .u-form-item--right__content__slot {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form-item--right__content__icon,
body.pages-login-forget .u-form-item--right__content__icon {
  position: static !important;
  transform: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 6px 0 0 0 !important;
  overflow: visible !important;
}

body.pages-login-register .u-form-item--right__content__icon .u-btn,
body.pages-login-register .u-form-item--right__content__icon uni-button,
body.pages-login-register .u-form-item--right__content__icon button,
body.pages-login-forget .u-form-item--right__content__icon .u-btn,
body.pages-login-forget .u-form-item--right__content__icon uni-button,
body.pages-login-forget .u-form-item--right__content__icon button {
  width: 130px !important;
  max-width: 130px !important;
  min-width: 110px !important;
  height: 34px !important;
  line-height: 1.1 !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  white-space: normal !important;
  text-align: center !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: auto !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content__slot,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content__slot,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content__slot,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content__slot {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content__icon,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content__icon {
  position: static !important;
  transform: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 6px 0 0 0 !important;
  overflow: visible !important;
}

body.pages-login-register .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon .u-btn,
body.pages-login-register .u-form > view:nth-child(2) .u-form-item--right__content__icon .u-btn,
body.pages-login-forget .u-form > uni-view:nth-child(2) .u-form-item--right__content__icon .u-btn,
body.pages-login-forget .u-form > view:nth-child(2) .u-form-item--right__content__icon .u-btn {
  width: 130px !important;
  max-width: 130px !important;
  min-width: 110px !important;
}

.uni-input-placeholder.line,
.input-placeholder.line,
.uni-textarea-placeholder.line,
.textarea-placeholder.line,
uni-input .line,
uni-textarea .line {
  color: var(--ex-placeholder) !important;
  opacity: 1 !important;
}

body.pages-login-register > uni-page,
body.pages-login-forget > uni-page {
  background-color: var(--ex-bg) !important;
}

body.pages-login-register .u-form-item--right__content,
body.pages-login-forget .u-form-item--right__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

body.pages-login-register .u-form-item--right__content__slot,
body.pages-login-forget .u-form-item--right__content__slot {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.pages-login-register .u-form-item--right__content__icon,
body.pages-login-forget .u-form-item--right__content__icon {
  position: static !important;
  transform: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 6px 0 0 0 !important;
  overflow: visible !important;
}

body.pages-login-register .u-form-item--right__content__icon .u-btn,
body.pages-login-register .u-form-item--right__content__icon uni-button,
body.pages-login-register .u-form-item--right__content__icon button,
body.pages-login-forget .u-form-item--right__content__icon .u-btn,
body.pages-login-forget .u-form-item--right__content__icon uni-button,
body.pages-login-forget .u-form-item--right__content__icon button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 130px !important;
  max-width: 130px !important;
  min-width: 110px !important;
  height: 34px !important;
  line-height: 1.1 !important;
  padding: 0 6px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  white-space: normal !important;
  text-align: center !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.pages-login-index .loginForm > uni-button,
body.pages-login-index .loginForm > button,
body.pages-login-register .loginForm > uni-button,
body.pages-login-register .loginForm > button,
body.pages-login-forget .loginForm > uni-button,
body.pages-login-forget .loginForm > button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 45px !important;
  min-height: 45px !important;
  line-height: 45px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background-color: #12b298 !important;
  background-image: linear-gradient(135deg, #20d4aa 0%, #12b298 48%, #2f89ff 100%) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  box-shadow: 0 7px 13px rgba(18, 178, 152, 0.2) !important;
}

body.pages-login-index .loginForm > uni-button::after,
body.pages-login-index .loginForm > button::after,
body.pages-login-register .loginForm > uni-button::after,
body.pages-login-register .loginForm > button::after,
body.pages-login-forget .loginForm > uni-button::after,
body.pages-login-forget .loginForm > button::after {
  border: 0 !important;
}

/* Fiat sell page readability: keep white chips and price fields readable in dark H5 mode. */
html.exchange-theme-dark .fiat-sell-page .currency-item,
.fiat-sell-page .currency-item {
  background: var(--fiat-chip, #f4f7fb) !important;
  border-color: var(--fiat-border, rgba(102, 151, 194, 0.35)) !important;
  color: var(--fiat-chip-text, #17324d) !important;
  -webkit-text-fill-color: var(--fiat-chip-text, #17324d) !important;
}

html.exchange-theme-dark .fiat-sell-page .currency-item.active,
.fiat-sell-page .currency-item.active {
  background: var(--fiat-accent, #13c8aa) !important;
  border-color: var(--fiat-accent, #13c8aa) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.exchange-theme-dark .fiat-sell-page .price-value,
.fiat-sell-page .price-value {
  background: var(--fiat-field, #f5f7fb) !important;
  color: var(--fiat-accent, #13c8aa) !important;
  -webkit-text-fill-color: var(--fiat-accent, #13c8aa) !important;
}

html.exchange-theme-dark .fiat-sell-page .price-value.good,
.fiat-sell-page .price-value.good {
  color: var(--fiat-danger, #e85b62) !important;
  -webkit-text-fill-color: var(--fiat-danger, #e85b62) !important;
}

html.exchange-theme-dark .fiat-sell-page .input-box input,
html.exchange-theme-dark .fiat-sell-page .uni-input-input,
.fiat-sell-page .input-box input,
.fiat-sell-page .uni-input-input {
  background: var(--fiat-field, #f5f7fb) !important;
  color: var(--fiat-field-text, #142033) !important;
  -webkit-text-fill-color: var(--fiat-field-text, #142033) !important;
}

html.exchange-theme-dark .fiat-sell-page .placeholder,
html.exchange-theme-dark .fiat-sell-page .uni-input-placeholder,
.fiat-sell-page .placeholder,
.fiat-sell-page .uni-input-placeholder {
  color: var(--fiat-muted, #8da2bd) !important;
  -webkit-text-fill-color: var(--fiat-muted, #8da2bd) !important;
  opacity: 1 !important;
}

html.exchange-theme-dark .fiat-sell-page .recommend,
.fiat-sell-page .recommend {
  color: var(--fiat-muted, #8da2bd) !important;
  -webkit-text-fill-color: var(--fiat-muted, #8da2bd) !important;
}