.home-page {
  min-height: 100vh;
  background: #ffffff;
  color: #111;
  font-family: Arial, Helvetica, "Microsoft YaHei", "PingFang SC", sans-serif;
}


.home-header {
  position: fixed;
  z-index: 1000;
  inset: 0 0 auto 0;
  width: 100%;
  height: 54.18px;
  background: #ffe500;
  display: flex;
  align-items: center;
  padding: 0 25.2px;
  box-sizing: border-box;
}

.home-logo {
  width: 178.92px;
  min-width: 178.92px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.home-logo .logo {
  margin: 0;
  font-size: 18.27px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.84px;
  color: #101010;
  white-space: nowrap;
}

.home-logo .logo .green,
.home-logo .green {
  color: #37c653;
}

.home-logo .logo-mark {
  margin-right: 1.89px;
  transform: none;
}

.home-logo .logo-mark i {
  width: 2.52px;
  background: #111;
}

.home-nav {
  height: 54.18px;
  display: flex;
  align-items: center;
  gap: 22.68px;
  font-size: 14.49px;
  line-height: 54.18px;
  color: #111;
  white-space: nowrap;
}

.home-nav-item {
  position: relative;
  height: 54.18px;
  display: flex;
  align-items: center;
}

.home-nav button {
  height: 54.18px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  line-height: 54.18px;
  padding: 0;
  cursor: pointer;
}

.home-nav .chev {
  display: inline-block;
  width: 5.67px;
  height: 5.67px;
  border-right: 1.26px solid #111;
  border-bottom: 1.26px solid #111;
  transform: rotate(45deg) translateY(-3.15px);
  margin-left: 5.04px;
}

.home-dropdown {
  position: absolute;
  left: 50%;
  top: 54.18px;
  width: 133.56px;
  padding: 5.04px 0;
  background: #fff;
  box-shadow: 0 2.52px 11.34px rgba(0,0,0,.14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(-2.52px);
  transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
}

.home-nav-item:hover .home-dropdown,
.home-nav-item.is-open .home-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.home-dropdown button {
  width: 100%;
  height: 20.16px;
  display: flex;
  align-items: center;
  gap: 5.67px;
  padding: 0 8.82px;
  font-size: 7.56px;
  line-height: 20.16px;
  text-align: left;
  color: #222;
}

.home-dropdown button:hover {
  background: #f5f5f5;
}

.home-dropdown .drop-ico {
  width: 13.86px;
  min-width: 13.86px;
  text-align: center;
}

.home-user-wrap {
  position: relative;
  margin-left: auto;
  margin-right: 73.08px;
  height: 54.18px;
  display: flex;
  align-items: center;
  z-index: 1005;
}

.home-user {
  width: 20.16px;
  min-width: 20.16px;
  height: 54.18px;
  border: 0;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 54.18px;
  overflow: hidden;
  cursor: pointer;
}

.home-user::before {
  content: "♟";
  color: #121212;
  font-size: 18.27px;
  line-height: 54.18px;
}

.home-user-menu {
  position: absolute;
  z-index: 1200;
  right: -10.08px;
  top: 47.88px;
  width: 109.62px;
  padding: 5.67px 0;
  background: #fff;
  box-shadow: 0 2.52px 11.34px rgba(0,0,0,.18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-2.52px);
  transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
}

.home-user-wrap:hover .home-user-menu,
.home-user-wrap.is-open .home-user-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.home-user-menu button {
  width: 100%;
  height: 36.54px;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 7.56px;
  padding: 0 11.34px;
  font-size: 12.6px;
  font-weight: 700;
  color: #222;
  text-align: left;
}

.home-user-menu button:hover {
  background: #f5f5f5;
}

.home-user-menu .user-ico {
  width: 13.86px;
  min-width: 13.86px;
  height: 13.86px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.home-page .lang-box {
  position: fixed;
  z-index: 1100;
  right: 32.76px;
  top: 18.9px;
}

.home-page .lang-btn {
  min-width: 65.52px;
  height: 19.53px;
  border: 0;
  background: transparent;
  color: #111;
  font-size: 13.86px;
  line-height: 19.53px;
  padding: 0;
}

.home-page .lang-menu {
  top: 23.94px;
  right: 0;
  width: 63px;
  min-width: 63px;
  max-height: 390.6px;
  padding: 4.41px 0;
  border-radius: 1.26px;
  box-shadow: 0 2.52px 11.34px rgba(0,0,0,.16);
}

.home-page .lang-item {
  height: 16.38px;
  padding: 0 5.04px;
  font-size: 6.3px;
  line-height: 16.38px;
  gap: 3.15px;
}

.home-page .lang-item .flag {
  width: 7.56px;
  min-width: 7.56px;
  height: 5.67px;
  border-radius: 1px;
  transform: none;
}


.home-hero {
  position: relative;
  height: 537.39px;
  min-height: 537.39px;
  padding-top: 54.18px;
  box-sizing: border-box;
  background: #ffe500;
  overflow: hidden;
}

.home-skyline {
  position: absolute;
  inset: 0 0 auto 0;
  height: 537.39px;
  pointer-events: none;
  z-index: 1;
}

.home-skyline svg {
  width: 100%;
  height: 100%;
  display: block;
}

.home-hero-copy {
  position: absolute;
  z-index: 3;
  left: 50.4px;
  top: 260.82px;
  width: 655.2px;
  text-align: center;
}

.home-hero-title {
  margin: 0 0 26.46px;
  font-size: 29.61px;
  line-height: 1.58;
  font-weight: 900;
  letter-spacing: 1.512px;
  color: #050505;
}

.home-hero-btn {
  width: 253.89px;
  height: 40.32px;
  border: 0;
  border-radius: 21.42px;
  background: #000;
  color: #fff;
  font-size: 17.01px;
  font-weight: 600;
  cursor: pointer;
}

.home-phone {
  position: absolute;
  z-index: 4;
  right: 59.22px;
  top: 129.78px;
  width: 211.68px;
  height: 400.68px;
  border: 5.67px solid #111;
  border-radius: 23.94px;
  background: #f9f9f9;
  box-shadow: none;
  overflow: hidden;
  animation: phoneFloat 5.6s ease-in-out infinite;
}

.home-phone::before {
  content: "";
  position: absolute;
  left: 62.37px;
  top: -1px;
  width: 86.31px;
  height: 17.01px;
  background: #111;
  border-radius: 0 0 11.34px 11.34px;
  z-index: 12;
}

.phone-status {
  position: relative;
  z-index: 13;
  height: 21.42px;
  padding: 4.41px 15.12px 0;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  font-size: 8.19px;
  line-height: 11.34px;
  font-weight: 800;
  color: #111;
}

.phone-panel {
  position: absolute;
  inset: 21.42px 0 45.36px;
  background: #f9f9f9;
  opacity: 0;
}

.phone-panel-list {
  animation: phoneListSwap 4s linear infinite;
}

.phone-panel-chart {
  animation: phoneChartSwap 4s linear infinite;
}

.phone-title {
  padding: 13.86px 11.34px 12.6px;
  font-size: 13.86px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.315px;
}

.phone-list {
  padding: 0 10.08px;
}

.phone-stock {
  position: relative;
  display: grid;
  grid-template-columns: 47.88px 1fr;
  align-items: center;
  height: 35.28px;
  margin-bottom: 13.23px;
  padding: 0 8.19px 0 12.6px;
  border-radius: 5.67px;
  background: #fff;
  box-shadow: 0 1.89px 6.3px rgba(0,0,0,.08);
  overflow: hidden;
  box-sizing: border-box;
}

.phone-stock::before {
  content: "";
  position: absolute;
  left: -7.56px;
  top: 7.56px;
  width: 18.9px;
  height: 18.9px;
  border-radius: 50%;
  background: #ffe500;
}

.phone-symbol {
  font-size: 11.34px;
  font-weight: 900;
  color: #222;
}

.phone-company {
  color: #8b8b8b;
  font-size: 7.56px;
  overflow: hidden;
  white-space: nowrap;
}

.phone-chart-head {
  padding: 15.12px 10.71px 3.78px;
}

.phone-chart-symbol {
  font-size: 6.93px;
  color: #555;
}

.phone-chart-price {
  color: #58b887;
  font-size: 20.16px;
  margin-top: 3.78px;
  line-height: 1;
  font-weight: 800;
}

.phone-chart-tabs {
  display: flex;
  padding: 5.04px 10.71px 5.04px;
  gap: 5.67px;
  font-size: 6.3px;
  color: #666;
  border-bottom: 1px solid #ededed;
}

.phone-chart-tabs span:first-child {
  color: #ffe500;
}

.phone-chart-line {
  width: 100%;
  height: 70.56px;
  margin-top: 1.26px;
}

.phone-mini-orders {
  margin: 5.04px 10.71px 0;
  font-size: 6.93px;
}

.phone-mini-orders::before {
  content: "Order Book";
  display: block;
  margin-bottom: 4.41px;
  color: #222;
  font-size: 9.45px;
  font-weight: 800;
}

.phone-mini-order {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eee;
  padding: 3.78px 0;
}

.phone-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 45.36px;
  border-top: 1px solid #eee;
  background: #fff;
  display: grid;
  grid-template-columns: 1.45fr 1fr 1fr 1fr;
  align-items: center;
  text-align: center;
  font-size: 6.3px;
  color: #555;
  z-index: 12;
}

.phone-trade {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.52px;
  height: 17.01px;
  padding: 0 5.04px;
  color: #fff;
  font-size: 6.93px;
}

.phone-trade span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.89px;
}

.phone-trade span:first-child { background: #56bf86; }
.phone-trade span:last-child { background: #cf5258; }

@keyframes phoneFloat {
  0%, 100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-5.04px,0); }
}

@keyframes phoneListSwap {
  0%, 20% { opacity: 1; z-index: 4; }
  21%, 58% { opacity: 0; z-index: 1; }
  59%, 100% { opacity: 1; z-index: 4; }
}

@keyframes phoneChartSwap {
  0%, 20% { opacity: 0; z-index: 1; }
  21%, 58% { opacity: 1; z-index: 4; }
  59%, 100% { opacity: 0; z-index: 1; }
}


.home-market {
  position: relative;
  padding: 55.44px 0 54.18px;
  background: #ffffff;
}

.home-section-inner {
  width: 79%;
  max-width: 951.3px;
  margin: 0 auto;
}

.home-tabs {
  display: flex;
  align-items: center;
  gap: 27.72px;
  margin-bottom: 37.17px;
  color: #7f8496;
  font-size: 14.49px;
}

.home-tab {
  position: relative;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  padding: 0 0 6.3px;
  cursor: pointer;
}

.home-tab.active {
  color: #7f8496;
  font-weight: 400;
}

.home-tab.active::after {
  content: "";
  position: absolute;
  left: 2.52px;
  bottom: -6.3px;
  border-left: 3.15px solid transparent;
  border-right: 3.15px solid transparent;
  border-bottom: 7.56px solid #ffe500;
}

.market-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 27.72px;
}

.market-card {
  height: 139.86px;
  border-radius: 12.6px;
  background: #f8f8f8;
  padding: 24.57px 18.9px 18.9px;
  box-sizing: border-box;
}

.market-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 15.12px;
}

.market-name-wrap {
  display: flex;
  align-items: center;
  gap: 8.19px;
}

.market-icon {
  width: 27.09px;
  height: 27.09px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #3da9f5;
  color: #fff;
  font-size: 12.6px;
  font-weight: 700;
  overflow: hidden;
}

.market-icon-gas {
  position: relative;
  color: transparent;
}

.market-icon-gas::before {
  content: "";
  width: 11.34px;
  height: 14.49px;
  background: #fff;
  border-radius: 50% 50% 55% 55%;
  transform: rotate(180deg);
  clip-path: polygon(50% 0, 78% 24%, 89% 50%, 74% 82%, 50% 100%, 25% 82%, 11% 50%, 22% 24%);
}

.market-icon-msft {
  background: transparent;
  border-radius: 0;
  display: grid;
  grid-template-columns: repeat(2, 7.56px);
  grid-template-rows: repeat(2, 7.56px);
  gap: 1.26px;
}

.market-icon-msft i:nth-child(1) { background:#f25022; }
.market-icon-msft i:nth-child(2) { background:#7fba00; }
.market-icon-msft i:nth-child(3) { background:#00a4ef; }
.market-icon-msft i:nth-child(4) { background:#ffb900; }

.market-symbol {
  font-size: 18.9px;
  line-height: 1;
  letter-spacing: 1.26px;
  color: #111;
}

.market-change {
  font-size: 17.01px;
  color: #05bf82;
  letter-spacing: 1.26px;
}

.market-change.down { color: #ef3349; }

.market-type {
  display: inline-block;
  margin-bottom: 21.42px;
  padding: 4.41px 6.3px;
  border-radius: 5.04px;
  background: #fff1d3;
  color: #ecac5e;
  font-size: 11.34px;
  letter-spacing: 0.315px;
}

.market-card-bottom {
  display: flex;
  justify-content: space-between;
  gap: 11.34px;
  font-size: 15.75px;
}

.sell {
  color: #f12e42;
  margin-right: 0;
  letter-spacing: 1px;
}

.buy {
  color: #08b77c;
  margin-right: 0;
  letter-spacing: 1px;
}


.index-section {
  background: #f8f8f8;
  padding: 0 0 47.88px;
}

.index-title {
  margin: 0 0 28.98px;
  padding-top: 31.5px;
  font-size: 32.76px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 3.15px;
}

.index-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 80.64px;
}

.index-row {
  display: grid;
  grid-template-columns: 1fr 69.3px 69.3px;
  align-items: center;
  min-height: 32.76px;
  border-bottom: 1px solid #d9d9d9;
}

.index-pair {
  display: flex;
  align-items: center;
  gap: 7.56px;
  color: #6e747d;
  font-size: 9.45px;
  font-weight: 600;
}

.index-flags {
  position: relative;
  width: 22.68px;
  height: 16.38px;
  font-size: 11.34px;
}

.index-flags span {
  position: absolute;
  top: 1.26px;
}

.index-flags span:first-child { left: 0; }
.index-flags span:last-child { left: 8.82px; }

.index-price {
  text-align: right;
  font-size: 10.08px;
}

.index-change {
  text-align: right;
  font-size: 8.19px;
  color: #15aa84;
}

.index-change.down { color: #d9304f; }


.home-footer {
  background: #000;
  color: #fff;
  padding: 42.21px 0 0;
  min-height: 441px;
}

.footer-head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 59.85px;
}

.footer-brand .logo {
  color: #050505;
  text-align: left;
  font-size: 19.53px;
  margin: 0;
}

.footer-brand .logo-mark i {
  background: #050505;
}

.footer-brand .logo .green,
.footer-brand .green {
  color: #40c957;
}

.footer-apps {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 9.45px;
}

.footer-app-label {
  color: #aeb6c3;
  font-size: 11.34px;
  margin-right: 3.78px;
}

.app-btn {
  width: 127.26px;
  height: 27.72px;
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 3.15px;
  background: transparent;
  color: #fff;
  font-size: 11.97px;
  font-weight: 700;
}

.footer-line {
  height: 1px;
  background: rgba(255,255,255,.38);
  width: 100%;
}

.footer-body {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  column-gap: 59.22px;
  padding-top: 79.38px;
  padding-bottom: 52.92px;
}

.footer-links {
  display: grid;
  grid-template-columns: 91.35px 91.35px 91.35px 1fr;
  gap: 32.76px;
}

.footer-col-title {
  margin-bottom: 42.84px;
  font-size: 17.64px;
  font-weight: 800;
  letter-spacing: 1px;
}

.footer-col a,
.footer-col span {
  display: block;
  margin-bottom: 13.86px;
  color: #fff;
  font-size: 12.6px;
  font-weight: 500;
}

.footer-contact {
  padding: 0;
}

.contact-block {
  margin-bottom: 11.34px;
}

.contact-title {
  font-size: 18.27px;
  font-weight: 800;
  margin-bottom: 8.19px;
}

.contact-text {
  font-size: 12.6px;
  line-height: 1.55;
  max-width: 409.5px;
}

.footer-desc {
  display: none;
}

.chat-float {
  position: fixed;
  right: 20.16px;
  bottom: 59.85px;
  z-index: 850;
  width: 45.36px;
  height: 45.36px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 5.04px 17.64px rgba(0,0,0,.22);
}

.chat-float::before {
  content: "";
  position: absolute;
  left: 14.49px;
  top: 13.86px;
  width: 19.53px;
  height: 15.12px;
  border: 3.78px solid #ff5a14;
  border-radius: 5.04px;
  background: transparent;
}

.chat-float::after {
  content: "";
  position: absolute;
  left: 25.2px;
  top: 27.72px;
  width: 8.82px;
  height: 5.67px;
  border-left: 3.78px solid #ff5a14;
  border-bottom: 3.78px solid #ff5a14;
  border-radius: 0 0 0 4.41px;
}


@media (max-width: 945px) {
  .home-logo { width: 138.6px; min-width: 138.6px; }
  .home-logo .logo { font-size: 14.49px; }
  .home-nav { gap: 15.75px; font-size: 11.97px; }
  .home-user-wrap { margin-right: 66.15px; }
  .home-hero-copy { left: 30.24px; width: 516.6px; }
  .home-phone { right: 37.8px; }
  .home-hero-title { font-size: 25.2px; }
}

@media (max-width: 567px) {
  .home-header {
    height: 36.54px;
    padding: 0 7.56px;
    overflow-x: auto;
  }

  .home-logo {
    width: 110.88px;
    min-width: 110.88px;
  }

  .home-logo .logo {
    font-size: 10.71px;
  }

  .home-logo .logo-mark i { width: 1.89px; }

  .home-nav {
    gap: 11.34px;
    height: 36.54px;
    font-size: 8.82px;
  }

  .home-nav button {
    height: 36.54px;
    line-height: 36.54px;
  }

  .home-dropdown {
    display: none;
  }

  .home-user-wrap {
    display: none;
  }

  .home-page .lang-box {
    right: 3.78px;
    top: 37.8px;
  }

  .home-page .lang-btn {
    min-width: 56.7px;
    height: 20.16px;
    font-size: 8.82px;
    background: #fff;
    border: 1px solid var(--border-color);
  }

  .home-hero {
    height: 327.6px;
    min-height: 327.6px;
    padding-top: 36.54px;
  }

  .home-skyline {
    height: 327.6px;
  }

  .home-hero-copy {
    left: 12.6px;
    top: 94.5px;
    width: calc(100% - 25.2px);
    text-align: left;
  }

  .home-hero-title {
    font-size: 19.53px;
    line-height: 1.45;
    letter-spacing: 0;
  }

  .home-hero-btn {
    width: 149.94px;
    height: 32.76px;
    font-size: 12.6px;
  }

  .home-phone {
    right: -44.1px;
    top: 132.3px;
    width: 163.8px;
    height: 308.7px;
    opacity: .92;
  }

  .home-tabs {
    justify-content: flex-start;
    gap: 16.38px;
    overflow-x: auto;
    font-size: 11.34px;
    padding-left: 0;
  }

  .market-cards {
    grid-template-columns: 1fr;
  }

  .market-card {
    height: 119.7px;
  }

  .market-symbol {
    font-size: 15.12px;
  }

  .market-change,
  .market-card-bottom {
    font-size: 13.86px;
  }

  .index-title {
    font-size: 22.68px;
    margin-bottom: 22.68px;
  }

  .index-grid {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .index-row {
    grid-template-columns: 1fr 63px 63px;
  }

  .footer-head,
  .footer-body {
    display: block;
  }

  .footer-apps {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 15.12px;
  }

  .footer-body {
    padding-top: 25.2px;
  }

  .footer-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 17.64px;
  }

  .footer-contact {
    padding-top: 18.9px;
  }

  .app-btn {
    width: 89.46px;
  }

  .chat-float {
    width: 39.06px;
    height: 39.06px;
    right: 12.6px;
    bottom: 11.34px;
  }
}



.home-footer {
  background: #000000;
  color: #ffffff;
  padding-top: 42.21px;
  min-height: 434.7px;
}

.footer-head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 60.48px;
}

.footer-brand {
  display: flex;
  align-items: center;
}

.footer-brand .logo {
  color: #050505;
  text-align: left;
  font-size: 19.53px;
  line-height: 1;
  margin: 0;
}

.footer-brand .logo-mark i {
  background: #050505;
}

.footer-brand .green,
.footer-brand .logo .green {
  color: #40c957;
}

.footer-apps {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8.82px;
}

.footer-app-label {
  color: #9fa8b7;
  font-size: 11.34px;
  margin-right: 3.78px;
  white-space: nowrap;
}

.app-btn {
  width: 127.26px;
  height: 27.72px;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 3.15px;
  background: transparent;
  color: #ffffff;
  font-size: 11.97px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5.04px;
}

.app-ico {
  font-size: 11.34px;
  line-height: 1;
}

.footer-line {
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,.38);
  margin: 0;
}

.footer-body {
  display: grid;
  grid-template-columns: minmax(478.8px, 1.1fr) minmax(327.6px, .85fr);
  column-gap: 54.18px;
  padding-top: 79.38px;
  padding-bottom: 42.84px;
}

.footer-links {
  display: grid;
  grid-template-columns: 91.35px 91.35px 91.35px 1fr;
  gap: 32.76px;
}

.footer-col-title {
  margin: 0 0 43.47px;
  font-size: 17.64px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 1px;
  color: #ffffff;
}

.footer-col a,
.footer-col span {
  display: block;
  margin-bottom: 13.86px;
  color: #ffffff;
  font-size: 12.6px;
  line-height: 1.15;
  font-weight: 500;
}

.footer-contact {
  padding: 0;
  max-width: 415.8px;
}

.contact-block {
  margin-bottom: 11.34px;
}

.contact-title {
  font-size: 18.27px;
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: 7.56px;
  letter-spacing: 0.189px;
  color: #ffffff;
}

.contact-text {
  font-size: 12.6px;
  line-height: 1.55;
  color: #ffffff;
  max-width: 409.5px;
  font-weight: 500;
}

.footer-desc {
  display: block;
  background: #171717;
  color: #ffffff;
  min-height: 199.08px;
  padding: 60.48px 0 54.18px;
  box-sizing: border-box;
}

.footer-desc .home-section-inner {
  width: 79%;
  max-width: 951.3px;
  margin: 0 auto;
  font-size: 12.6px;
  line-height: 1.85;
  font-weight: 600;
  letter-spacing: 0.1575px;
}

#homeFooterDesc {
  scroll-margin-top: 318.78px;
}

.chat-float {
  right: 20.16px;
  bottom: 59.22px;
  width: 45.36px;
  height: 45.36px;
  box-shadow: 0 5.04px 17.64px rgba(0,0,0,.22);
}

.chat-float::before {
  left: 14.49px;
  top: 13.86px;
  width: 19.53px;
  height: 15.12px;
  border: 3.78px solid #ff5a14;
  border-radius: 5.04px;
  background: transparent;
}

.chat-float::after {
  left: 25.2px;
  top: 27.72px;
  width: 8.82px;
  height: 5.67px;
  border-left: 3.78px solid #ff5a14;
  border-bottom: 3.78px solid #ff5a14;
  border-radius: 0 0 0 4.41px;
  border-top: 0;
}

@media (max-width: 945px) {
  .footer-body {
    grid-template-columns: minmax(409.5px, 1.05fr) minmax(289.8px, .9fr);
    column-gap: 36.54px;
  }

  .footer-links {
    grid-template-columns: 80.64px 80.64px 80.64px 1fr;
    gap: 22.68px;
  }

  .footer-desc .home-section-inner {
    width: 82%;
  }
}

@media (max-width: 567px) {
  .home-footer {
    padding-top: 27.72px;
    min-height: auto;
  }

  .footer-head,
  .footer-body {
    display: block;
  }

  .footer-apps {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 15.12px;
  }

  .footer-body {
    padding-top: 25.2px;
    padding-bottom: 23.94px;
  }

  .footer-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 17.64px;
  }

  .footer-col-title {
    margin-bottom: 15.12px;
    font-size: 13.86px;
  }

  .footer-col a,
  .footer-col span,
  .contact-text {
    font-size: 10.08px;
  }

  .footer-contact {
    padding-top: 18.9px;
  }

  .contact-title {
    font-size: 13.86px;
  }

  .app-btn {
    width: 89.46px;
    height: 23.94px;
    font-size: 9.45px;
  }

  .footer-desc {
    min-height: auto;
    padding: 26.46px 0 36.54px;
  }

  .footer-desc .home-section-inner {
    width: 90%;
    font-size: 9.45px;
    line-height: 1.8;
  }
}








.home-header {
  height: 59.4px;
  padding-left: 28.8px;
  padding-right: 28.8px;
}

.home-logo {
  width: 212.4px;
  min-width: 212.4px;
}

.home-logo .logo {
  font-size: 22.5px;
  letter-spacing: -0.9px;
}

.home-nav {
  height: 59.4px;
  gap: 27.9px;
  font-size: 18px;
  line-height: 59.4px;
}

.home-nav-item,
.home-nav button {
  height: 59.4px;
  line-height: 59.4px;
}

.home-dropdown {
  top: 59.4px;
}

.home-user-wrap {
  height: 59.4px;
  margin-right: 97.2px;
}

.home-user {
  height: 59.4px;
  line-height: 59.4px;
}

.home-user::before {
  font-size: 21.6px;
  line-height: 59.4px;
}

.home-user-menu {
  top: 52.2px;
}

.home-page .lang-box {
  top: 19.8px;
  right: 39.6px;
}

.home-page .lang-btn {
  font-size: 18px;
  height: 25.2px;
}


.home-hero {
  height: 576px;
  min-height: 576px;
  padding-top: 59.4px;
}

.home-skyline {
  height: 576px;
}

.home-skyline svg {
  height: 100%;
}


.home-hero-copy {
  left: 283.5px;
  top: 282.6px;
  width: 504px;
}

.home-hero-title {
  font-size: 34.2px;
  line-height: 1.42;
  letter-spacing: 1.44px;
  margin-bottom: 25.2px;
  font-weight: 900;
}

.home-hero-btn {
  width: 306px;
  height: 57.6px;
  border-radius: 30.6px;
  font-size: 23.4px;
}


.home-phone {
  right: 84.6px;
  top: 142.2px;
  width: 310.5px;
  height: 549px;
  border-width: 7.2px;
  border-radius: 32.4px;
}

.home-phone::before {
  left: 91.8px;
  width: 126px;
  height: 24.3px;
}

.phone-status {
  height: 30.6px;
  padding: 6.3px 21.6px 0;
  font-size: 11.7px;
}

.phone-panel {
  inset: 30.6px 0 61.2px;
}


.phone-title {
  padding: 19.8px 16.2px 12.6px;
  font-size: 20.7px;
}

.phone-list {
  padding: 0 14.4px;
}

.phone-stock {
  grid-template-columns: 64.8px 1fr;
  height: 45.9px;
  margin-bottom: 11.7px;
  padding-left: 18px;
  border-radius: 7.2px;
}

.phone-symbol {
  font-size: 15.3px;
}

.phone-company {
  font-size: 10.8px;
}

.phone-bottom {
  height: 61.2px;
}


.chat-float {
  width: 59.4px;
  height: 59.4px;
  right: 25.2px;
  bottom: 61.2px;
}

.chat-float::before {
  left: 18.9px;
  top: 18px;
  width: 25.2px;
  height: 19.8px;
  border-width: 4.5px;
}

.chat-float::after {
  left: 33.3px;
  top: 36px;
  width: 10.8px;
  height: 7.2px;
  border-left-width: 4.5px;
  border-bottom-width: 4.5px;
}


.home-tabs {
  font-size: 16.2px;
  gap: 32.4px;
}

.market-card {
  height: 160.2px;
}

.market-symbol {
  font-size: 21.6px;
}

.market-change {
  font-size: 19.8px;
}

.market-card-bottom {
  font-size: 18.9px;
}

.index-title {
  font-size: 36px;
}

.footer-col-title,
.contact-title {
  font-size: 21.6px;
}

.footer-col a,
.footer-col span,
.contact-text,
.footer-desc .home-section-inner {
  font-size: 15.3px;
}


@media (max-width: 1350px) {
  .home-hero-copy {
    left: 225px;
    width: 468px;
  }

  .home-phone {
    right: 54px;
  }
}

@media (max-width: 1080px) {
  .home-hero-copy {
    left: 72px;
  }

  .home-phone {
    right: 21.6px;
    width: 283.5px;
    height: 504px;
  }
}





body[data-route="home"] .home-header {
  height: 59.4px;
  padding-left: 35.1px;
  padding-right: 35.1px;
  background: #ffe500;
  box-sizing: border-box;
}

body[data-route="home"] .home-logo {
  width: 262.8px;
  min-width: 262.8px;
  overflow: visible;
}

body[data-route="home"] .home-logo .logo {
  font-size: 24.3px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.945px;
  font-family: Arial, Helvetica, "Microsoft YaHei", "PingFang SC", sans-serif;
}

body[data-route="home"] .home-logo .logo-mark {
  margin-right: 1.8px;
}

body[data-route="home"] .home-logo .logo-mark i {
  width: 3.6px;
}


body[data-route="home"] .home-nav {
  height: 59.4px;
  gap: 30.6px;
  font-size: 19.8px;
  line-height: 59.4px;
  font-weight: 400;
  color: #111;
  letter-spacing: 0.18px;
  font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
}

body[data-route="home"] .home-nav-item,
body[data-route="home"] .home-nav button {
  height: 59.4px;
  line-height: 59.4px;
}

body[data-route="home"] .home-nav button {
  font-weight: 400;
  letter-spacing: 0.18px;
}


body[data-route="home"] .home-nav .chev {
  width: 7.2px;
  height: 7.2px;
  margin-left: 7.2px;
  border-right-width: 1.8px;
  border-bottom-width: 1.8px;
  transform: rotate(45deg) translateY(-3.6px);
}


body[data-route="home"] .home-dropdown {
  top: 59.4px;
  width: 171px;
  padding: 7.2px 0;
  z-index: 1300;
}

body[data-route="home"] .home-dropdown button {
  height: 27.9px;
  line-height: 27.9px;
  padding: 0 11.7px;
  font-size: 11.7px;
  font-weight: 400;
}


body[data-route="home"] .home-user-wrap {
  height: 59.4px;
  margin-left: auto;
  margin-right: 135px;
  z-index: 1250;
}

body[data-route="home"] .home-user {
  width: 27px;
  min-width: 27px;
  height: 59.4px;
  line-height: 59.4px;
}

body[data-route="home"] .home-user::before {
  font-size: 20.7px;
  line-height: 59.4px;
}


body[data-route="home"] .lang-box {
  position: fixed !important;
  z-index: 1400 !important;
  top: 18.9px !important;
  right: 32.4px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body[data-route="home"] .lang-btn {
  min-width: 97.2px;
  height: 25.2px;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 19.8px;
  line-height: 25.2px;
  padding: 0;
  text-align: right;
  cursor: pointer;
  font-weight: 400;
  font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
}


body[data-route="home"] .lang-menu {
  position: absolute;
  top: 31.5px !important;
  right: 0 !important;
  width: 115.2px;
  min-width: 115.2px;
  max-height: 585px;
  padding: 7.2px 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 1.8px;
  box-shadow: 0 3.6px 16.2px rgba(0,0,0,.16);
  overflow-y: auto;
}

body[data-route="home"] .lang-item {
  height: 27.9px;
  padding: 0 9px;
  font-size: 11.7px;
  line-height: 27.9px;
  gap: 6.3px;
  color: #333;
  font-weight: 600;
  white-space: nowrap;
}

body[data-route="home"] .lang-item .flag {
  width: 14.4px;
  min-width: 14.4px;
  height: 9.9px;
  border-radius: 1px;
  transform: none;
}


body[data-route="home"] .home-hero {
  padding-top: 59.4px;
}


@media (max-width: 1350px) {
  body[data-route="home"] .home-logo {
    width: 225px;
    min-width: 225px;
  }

  body[data-route="home"] .home-logo .logo {
    font-size: 21.6px;
  }

  body[data-route="home"] .home-nav {
    gap: 25.2px;
    font-size: 18px;
  }

  body[data-route="home"] .home-user-wrap {
    margin-right: 118.8px;
  }

  body[data-route="home"] .lang-btn {
    font-size: 18px;
  }
}

@media (max-width: 1080px) {
  body[data-route="home"] .home-logo {
    width: 198px;
    min-width: 198px;
  }

  body[data-route="home"] .home-nav {
    gap: 18.9px;
    font-size: 16.2px;
  }

  body[data-route="home"] .home-user-wrap {
    margin-right: 106.2px;
  }
}

@media (max-width: 810px) {
  body[data-route="home"] .home-header {
    height: 52.2px;
    padding-left: 10.8px;
    padding-right: 10.8px;
  }

  body[data-route="home"] .home-logo {
    width: 158.4px;
    min-width: 158.4px;
  }

  body[data-route="home"] .home-logo .logo {
    font-size: 15.3px;
  }

  body[data-route="home"] .home-nav {
    height: 52.2px;
    gap: 16.2px;
    font-size: 12.6px;
    overflow-x: auto;
  }

  body[data-route="home"] .home-nav-item,
  body[data-route="home"] .home-nav button {
    height: 52.2px;
    line-height: 52.2px;
  }

  body[data-route="home"] .home-user-wrap {
    display: none;
  }

  body[data-route="home"] .lang-box {
    top: 54px !important;
    right: 5.4px !important;
  }

  body[data-route="home"] .lang-btn {
    min-width: 81px;
    height: 28.8px;
    font-size: 12.6px;
    background: #fff !important;
    border: 1px solid var(--border-color) !important;
    text-align: center;
  }
}





body[data-route="home"] .home-market {
  padding-top: 82.8px;
  padding-bottom: 97.2px;
}

body[data-route="home"] .home-section-inner {
  width: 78%;
  max-width: 1359px;
}


body[data-route="home"] .home-tabs {
  gap: 45px;
  margin-bottom: 57.6px;
  font-size: 21.6px;
  line-height: 1.2;
}

body[data-route="home"] .home-tab {
  padding-bottom: 11.7px;
}

body[data-route="home"] .home-tab.active::after {
  left: 4.5px;
  bottom: -11.7px;
  border-left-width: 5.4px;
  border-right-width: 5.4px;
  border-bottom-width: 11.7px;
}


body[data-route="home"] .market-cards {
  gap: 39.6px;
}

body[data-route="home"] .market-card {
  height: 212.4px;
  border-radius: 19.8px;
  padding: 36px 27.9px 27.9px;
}

body[data-route="home"] .market-card-head {
  margin-bottom: 24.3px;
}

body[data-route="home"] .market-name-wrap {
  gap: 13.5px;
}

body[data-route="home"] .market-icon {
  width: 39.6px;
  height: 39.6px;
  font-size: 18px;
}

body[data-route="home"] .market-icon-msft {
  grid-template-columns: repeat(2, 11.7px);
  grid-template-rows: repeat(2, 11.7px);
  gap: 2.7px;
}

body[data-route="home"] .market-symbol {
  font-size: 28.8px;
  line-height: 1;
  letter-spacing: 2.7px;
}

body[data-route="home"] .market-change {
  font-size: 25.2px;
  line-height: 1;
  letter-spacing: 1.8px;
}

body[data-route="home"] .market-type {
  margin-bottom: 32.4px;
  padding: 7.2px 10.8px;
  border-radius: 7.2px;
  font-size: 16.2px;
}

body[data-route="home"] .market-card-bottom {
  font-size: 23.4px;
  line-height: 1;
  gap: 16.2px;
}

body[data-route="home"] .sell,
body[data-route="home"] .buy {
  letter-spacing: 1px;
}


body[data-route="home"] .index-section {
  padding-top: 0;
  padding-bottom: 88.2px;
}

body[data-route="home"] .index-title {
  padding-top: 57.6px;
  margin-bottom: 50.4px;
  font-size: 52.2px;
  line-height: 1;
  letter-spacing: 4.5px;
}

body[data-route="home"] .index-grid {
  column-gap: 108px;
}

body[data-route="home"] .index-row {
  min-height: 61.2px;
  grid-template-columns: 1fr 118.8px 118.8px;
}

body[data-route="home"] .index-pair {
  gap: 12.6px;
  font-size: 17.1px;
  line-height: 1;
}

body[data-route="home"] .index-flags {
  width: 40.5px;
  height: 27.9px;
  font-size: 20.7px;
}

body[data-route="home"] .index-flags span {
  top: 1.8px;
}

body[data-route="home"] .index-flags span:last-child {
  left: 16.2px;
}

body[data-route="home"] .index-price {
  font-size: 18px;
}

body[data-route="home"] .index-change {
  font-size: 14.4px;
}


body[data-route="home"] .chat-float {
  right: 28.8px;
  bottom: 70.2px;
}


@media (max-width: 1350px) {
  body[data-route="home"] .home-section-inner {
    width: 82%;
  }

  body[data-route="home"] .home-tabs {
    gap: 36px;
    font-size: 19.8px;
  }

  body[data-route="home"] .market-card {
    height: 196.2px;
    padding: 30.6px 23.4px 25.2px;
  }

  body[data-route="home"] .market-symbol {
    font-size: 25.2px;
  }

  body[data-route="home"] .market-change {
    font-size: 22.5px;
  }

  body[data-route="home"] .market-card-bottom {
    font-size: 20.7px;
  }

  body[data-route="home"] .index-title {
    font-size: 45px;
  }

  body[data-route="home"] .index-grid {
    column-gap: 72px;
  }
}

@media (max-width: 810px) {
  body[data-route="home"] .home-market {
    padding-top: 50.4px;
    padding-bottom: 57.6px;
  }

  body[data-route="home"] .home-tabs {
    gap: 25.2px;
    margin-bottom: 34.2px;
    font-size: 17.1px;
    overflow-x: auto;
  }

  body[data-route="home"] .market-cards {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  body[data-route="home"] .market-card {
    height: 176.4px;
  }

  body[data-route="home"] .market-symbol {
    font-size: 22.5px;
  }

  body[data-route="home"] .market-change,
  body[data-route="home"] .market-card-bottom {
    font-size: 19.8px;
  }

  body[data-route="home"] .index-title {
    font-size: 34.2px;
    letter-spacing: 1.8px;
  }

  body[data-route="home"] .index-grid {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  body[data-route="home"] .index-row {
    grid-template-columns: 1fr 90px 90px;
    min-height: 50.4px;
  }

  body[data-route="home"] .index-pair {
    font-size: 14.4px;
  }
}



body[data-route="home"] .home-header {
  height: 59.4px;
  padding-left: 28.8px;
  padding-right: 28.8px;
}

body[data-route="home"] .home-logo {
  width: 207px;
  min-width: 207px;
}

body[data-route="home"] .home-logo .logo {
  font-size: 21.6px;
  font-weight: 700;
  letter-spacing: -0.9px;
}

body[data-route="home"] .home-nav {
  height: 59.4px;
  gap: 27px;
  font-size: 17.1px;
  font-weight: 400;
  line-height: 59.4px;
}

body[data-route="home"] .home-nav-item,
body[data-route="home"] .home-nav button {
  height: 59.4px;
  line-height: 59.4px;
}

body[data-route="home"] .home-nav button {
  font-size: 17.1px;
  font-weight: 400;
}

body[data-route="home"] .home-nav .chev {
  width: 7.2px;
  height: 7.2px;
  border-right: 1.8px solid #111;
  border-bottom: 1.8px solid #111;
  margin-left: 7.2px;
  transform: rotate(45deg) translateY(-3.6px);
}

body[data-route="home"] .home-dropdown {
  top: 59.4px;
  width: 169.2px;
  z-index: 1400;
}

body[data-route="home"] .home-dropdown button {
  height: 28.8px;
  line-height: 28.8px;
  font-size: 11.7px;
}

body[data-route="home"] .home-user-wrap {
  height: 59.4px;
  margin-right: 126px;
}

body[data-route="home"] .home-user {
  width: 23.4px;
  min-width: 23.4px;
  height: 59.4px;
  line-height: 59.4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-size: 0;
  background: transparent;
  border: 0;
  padding: 0;
}

body[data-route="home"] .home-user::before { content: none; }

body[data-route="home"] .home-user-icon {
  position: relative;
  width: 14.4px;
  height: 17.1px;
  display: inline-block;
}

body[data-route="home"] .home-user-icon::before {
  content: "";
  position: absolute;
  left: 4.5px;
  top: 0;
  width: 6.3px;
  height: 6.3px;
  border-radius: 50%;
  background: #121212;
}

body[data-route="home"] .home-user-icon::after {
  content: "";
  position: absolute;
  left: 1.8px;
  bottom: 0;
  width: 10.8px;
  height: 8.1px;
  border-radius: 6.3px 6.3px 1.8px 1.8px;
  background: #121212;
}

body[data-route="home"] .lang-box {
  position: fixed !important;
  top: 18.9px !important;
  right: 32.4px !important;
  z-index: 1500 !important;
  display: block !important;
}

body[data-route="home"] .lang-btn {
  height: 25.2px;
  min-width: 97.2px;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 17.1px;
  line-height: 25.2px;
  text-align: right;
}

body[data-route="home"] .home-phone,
body[data-route="home"] .home-phone-video-frame {
  right: 256.5px;
  top: 140.4px;
  width: 270px;
  height: 481.5px;
  border: 7.2px solid #101010;
  border-radius: 30.6px;
  background: #101010;
  overflow: hidden;
  box-shadow: none;
  animation: phoneFloat 5.6s ease-in-out infinite;
}

body[data-route="home"] .home-phone-video-frame::before {
  content: "";
  position: absolute;
  left: 79.2px;
  top: -1px;
  width: 111.6px;
  height: 22.5px;
  border-radius: 0 0 14.4px 14.4px;
  background: #101010;
  z-index: 6;
}

body[data-route="home"] .phone-video-shell {
  position: absolute;
  inset: 0;
  border-radius: 21.6px;
  background: #f7f7f7;
  overflow: hidden;
}

body[data-route="home"] .phone-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #f7f7f7;
  z-index: 2;
}

body[data-route="home"] .phone-video-fallback {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  grid-template-rows: 108px 1fr 39.6px;
  align-items: center;
  justify-items: center;
  color: #58b887;
  background: linear-gradient(#f9f9f9, #ffffff 42%, #f4f4f4);
  font-family: Arial, Helvetica, sans-serif;
}

body[data-route="home"] .fallback-symbol {
  align-self: end;
  font-size: 31.5px;
  font-weight: 800;
}

body[data-route="home"] .fallback-chart {
  width: 82%;
  height: 121.5px;
  border-bottom: 1px solid #d8d8d8;
  background: repeating-linear-gradient(to bottom, transparent 0 23.4px, rgba(0,0,0,.06) 24.3px);
  clip-path: polygon(0 68%, 10% 52%, 20% 58%, 32% 40%, 44% 46%, 56% 34%, 69% 45%, 82% 36%, 100% 22%, 100% 100%, 0 100%);
}

body[data-route="home"] .fallback-note {
  color: #777;
  font-size: 9px;
}

body[data-route="home"] .home-phone-video-frame .phone-status,
body[data-route="home"] .home-phone-video-frame .phone-panel,
body[data-route="home"] .home-phone-video-frame .phone-bottom {
  display: none !important;
}

@media (max-width: 1350px) {
  body[data-route="home"] .home-phone,
  body[data-route="home"] .home-phone-video-frame {
    right: 189px;
    top: 138.6px;
    width: 256.5px;
    height: 457.2px;
  }
  body[data-route="home"] .home-phone-video-frame::before { left: 75.6px; width: 106.2px; }
}

@media (max-width: 1080px) {
  body[data-route="home"] .home-phone,
  body[data-route="home"] .home-phone-video-frame {
    right: 54px;
    width: 238.5px;
    height: 424.8px;
  }
  body[data-route="home"] .home-phone-video-frame::before { left: 70.2px; width: 99px; }
}

@media (max-width: 810px) {
  body[data-route="home"] .home-phone,
  body[data-route="home"] .home-phone-video-frame {
    right: -54px;
    top: 189px;
    width: 217.8px;
    height: 387px;
  }
  body[data-route="home"] .home-phone-video-frame::before { left: 63.9px; width: 90px; height: 19.8px; }
}



body[data-route="home"] .home-header {
  height: 59.4px !important;
  padding-left: 27.9px !important;
  padding-right: 27.9px !important;
  background: #ffe500 !important;
}

body[data-route="home"] .home-logo {
  width: 208.8px !important;
  min-width: 208.8px !important;
}

body[data-route="home"] .home-logo .logo {
  font-size: 21.6px !important;
  font-weight: 700 !important;
  letter-spacing: -0.9px !important;
}

body[data-route="home"] .home-nav {
  height: 59.4px !important;
  gap: 27.9px !important;
  font-size: 17.1px !important;
  line-height: 59.4px !important;
  font-weight: 400 !important;
}

body[data-route="home"] .home-nav-item,
body[data-route="home"] .home-nav button {
  height: 59.4px !important;
  line-height: 59.4px !important;
  font-size: 17.1px !important;
  font-weight: 400 !important;
}

body[data-route="home"] .home-nav .chev {
  display: inline-block !important;
  width: 6.3px !important;
  height: 6.3px !important;
  margin-left: 6.3px !important;
  border-right: 1.8px solid #111 !important;
  border-bottom: 1.8px solid #111 !important;
  transform: rotate(45deg) translateY(-3.6px) !important;
}

body[data-route="home"] .home-dropdown {
  top: 59.4px !important;
  width: 171px !important;
  z-index: 1500 !important;
}

body[data-route="home"] .home-dropdown button {
  height: 28.8px !important;
  padding: 0 11.7px !important;
  font-size: 11.7px !important;
  line-height: 28.8px !important;
}


body[data-route="home"] .drop-ico {
  position: relative !important;
  width: 16.2px !important;
  min-width: 16.2px !important;
  height: 16.2px !important;
  display: inline-block !important;
  color: transparent !important;
}

body[data-route="home"] .drop-ico::before,
body[data-route="home"] .drop-ico::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

body[data-route="home"] .ico-forex::before {
  left: 1px; top: 1.8px; width: 14.4px; height: 14.4px; border-radius: 50%; background: #35a8ff;
}
body[data-route="home"] .ico-forex::after {
  left: 7.2px; top: 1px; width: 1px; height: 16.2px; background: rgba(255,255,255,.75);
}
body[data-route="home"] .ico-metal::before {
  left: 2.7px; top: 2.7px; width: 10.8px; height: 10.8px; border-radius: 50%; background: #c9a24a;
}
body[data-route="home"] .ico-energy::before {
  left: 3.6px; top: 1.8px; width: 9px; height: 12.6px; border-radius: 7.2px 7.2px 6.3px 6.3px; background: #3da9f5;
}
body[data-route="home"] .ico-crypto::before {
  left: 2.7px; top: 2.7px; width: 10.8px; height: 10.8px; border-radius: 50%; border: 1.8px solid #f5a623;
}
body[data-route="home"] .ico-deposit::before {
  left: 2.7px; top: 4.5px; width: 11.7px; height: 9px; border: 1.8px solid #16b77e; border-radius: 1.8px;
}
body[data-route="home"] .ico-withdraw::before {
  left: 2.7px; top: 4.5px; width: 11.7px; height: 9px; border: 1.8px solid #f05b5b; border-radius: 1.8px;
}
body[data-route="home"] .ico-order::before,
body[data-route="home"] .ico-assets::before,
body[data-route="home"] .ico-cfd::before {
  left: 2.7px; top: 2.7px; width: 10.8px; height: 10.8px; border: 1.8px solid #555; border-radius: 1.8px;
}


body[data-route="home"] .home-user-wrap {
  height: 59.4px !important;
  margin-right: 127.8px !important;
  z-index: 1300 !important;
}

body[data-route="home"] .home-user {
  width: 21.6px !important;
  min-width: 21.6px !important;
  height: 59.4px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
}
body[data-route="home"] .home-user::before { content: none !important; }

body[data-route="home"] .home-user-icon {
  position: relative !important;
  width: 13.5px !important;
  height: 16.2px !important;
  display: inline-block !important;
}
body[data-route="home"] .home-user-icon::before {
  content: "";
  position: absolute;
  left: 4.5px;
  top: 0;
  width: 5.4px;
  height: 5.4px;
  border-radius: 50%;
  background: #171717;
}
body[data-route="home"] .home-user-icon::after {
  content: "";
  position: absolute;
  left: 1.8px;
  bottom: 0;
  width: 10.8px;
  height: 8.1px;
  border-radius: 6.3px 6.3px 1.8px 1.8px;
  background: #171717;
}

body[data-route="home"] .lang-box {
  position: fixed !important;
  top: 18.9px !important;
  right: 32.4px !important;
  z-index: 1600 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body[data-route="home"] .lang-btn {
  height: 25.2px !important;
  min-width: 97.2px !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 17.1px !important;
  line-height: 25.2px !important;
  color: #111 !important;
  text-align: right !important;
}


body[data-route="home"] .home-phone-video-frame,
body[data-route="home"] .home-phone.home-phone-video-frame {
  position: absolute !important;
  right: 286.2px !important;
  top: 140.4px !important;
  width: 271.8px !important;
  height: 484.2px !important;
  border: 7.2px solid #101010 !important;
  border-radius: 30.6px !important;
  background: #101010 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  z-index: 5 !important;
}
body[data-route="home"] .home-phone-video-frame::before {
  content: "" !important;
  position: absolute !important;
  left: 80.1px !important;
  top: -1px !important;
  width: 112.5px !important;
  height: 22.5px !important;
  border-radius: 0 0 14.4px 14.4px !important;
  background: #101010 !important;
  z-index: 8 !important;
}
body[data-route="home"] .phone-video-shell {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 21.6px !important;
  overflow: hidden !important;
  background: #f7f7f7 !important;
}
body[data-route="home"] .phone-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: #f7f7f7 !important;
  z-index: 2 !important;
}
body[data-route="home"] .phone-video-fallback {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-rows: 30.6px 64.8px 1fr 48.6px !important;
  background: #fff !important;
  color: #111 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
body[data-route="home"] .fallback-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 10.8px !important;
  color: #2e4663 !important;
  font-size: 9px !important;
}
body[data-route="home"] .fallback-symbol {
  align-self: center !important;
  padding-left: 14.4px !important;
  font-size: 27.9px !important;
  font-weight: 800 !important;
  color: #58b887 !important;
}
body[data-route="home"] .fallback-chart {
  width: 88% !important;
  height: 162px !important;
  justify-self: center !important;
  align-self: start !important;
  margin-top: 9px !important;
  background:
    linear-gradient(135deg, transparent 0 25%, rgba(80,177,216,.28) 25% 45%, transparent 45% 100%),
    repeating-linear-gradient(to bottom, transparent 0 24.3px, rgba(0,0,0,.06) 25.2px) !important;
  clip-path: polygon(0 68%, 10% 52%, 20% 58%, 32% 40%, 44% 46%, 56% 34%, 69% 45%, 82% 36%, 100% 22%, 100% 100%, 0 100%) !important;
}
body[data-route="home"] .fallback-order {
  padding: 0 14.4px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
}

body[data-route="home"] .home-phone-video-frame .phone-status,
body[data-route="home"] .home-phone-video-frame .phone-panel,
body[data-route="home"] .home-phone-video-frame .phone-bottom {
  display: none !important;
}

@media (max-width: 1350px) {
  body[data-route="home"] .home-phone-video-frame,
  body[data-route="home"] .home-phone.home-phone-video-frame {
    right: 207px !important;
    top: 138.6px !important;
    width: 259.2px !important;
    height: 460.8px !important;
  }
}

@media (max-width: 1080px) {
  body[data-route="home"] .home-phone-video-frame,
  body[data-route="home"] .home-phone.home-phone-video-frame {
    right: 61.2px !important;
    width: 238.5px !important;
    height: 424.8px !important;
  }
}

@media (max-width: 810px) {
  body[data-route="home"] .home-phone-video-frame,
  body[data-route="home"] .home-phone.home-phone-video-frame {
    right: -54px !important;
    top: 189px !important;
    width: 217.8px !important;
    height: 387px !important;
  }
}





body[data-route="home"] .home-header {
  height: 59px;
}

body[data-route="home"] .home-hero {
  padding-top: 59px;
}


body[data-route="home"] .home-phone,
body[data-route="home"] .home-phone-video-frame {
  right: 250px;
  top: 150px;
  width: 272px;
  height: 484px;
  border-width: 7px;
  border-radius: 31px;
}

body[data-route="home"] .home-phone-video-frame::before {
  left: 79px;
  top: -1px;
  width: 112px;
  height: 23px;
  border-radius: 0 0 14px 14px;
}

body[data-route="home"] .phone-video-shell {
  border-radius: 22px;
}


body[data-route="home"] .fallback-symbol {
  font-size: 32px;
}

body[data-route="home"] .fallback-chart {
  height: 122px;
}

body[data-route="home"] .fallback-note {
  font-size: 9px;
}


body[data-route="home"] .home-nav {
  gap: 27px;
  font-size: 17px;
  line-height: 59px;
}

body[data-route="home"] .home-nav button,
body[data-route="home"] .home-nav-item {
  height: 59px;
  line-height: 59px;
}

body[data-route="home"] .home-logo {
  width: 207px;
  min-width: 207px;
}

body[data-route="home"] .home-logo .logo {
  font-size: 22px;
}

body[data-route="home"] .home-user-wrap {
  height: 59px;
  margin-right: 126px;
}

body[data-route="home"] .home-user {
  height: 59px;
  line-height: 59px;
}

body[data-route="home"] .lang-box {
  top: 19px !important;
  right: 32px !important;
}

body[data-route="home"] .lang-btn {
  font-size: 17px;
  height: 25px;
  line-height: 25px;
}


@media (max-width: 1500px) {
  body[data-route="home"] .home-phone,
  body[data-route="home"] .home-phone-video-frame {
    right: 190px;
    top: 145px;
    width: 257px;
    height: 457px;
  }

  body[data-route="home"] .home-phone-video-frame::before {
    left: 76px;
    width: 106px;
  }
}

@media (max-width: 1200px) {
  body[data-route="home"] .home-phone,
  body[data-route="home"] .home-phone-video-frame {
    right: 54px;
    top: 145px;
    width: 239px;
    height: 425px;
  }

  body[data-route="home"] .home-phone-video-frame::before {
    left: 70px;
    width: 99px;
  }
}

@media (max-width: 900px) {
  body[data-route="home"] .home-phone,
  body[data-route="home"] .home-phone-video-frame {
    right: -54px;
    top: 189px;
    width: 218px;
    height: 387px;
  }

  body[data-route="home"] .home-phone-video-frame::before {
    left: 64px;
    width: 90px;
    height: 20px;
  }
}





body[data-route="home"] .home-phone.home-phone-video-frame {
  right: 235px !important;
  top: 184px !important;
  width: 315px !important;
  height: 627px !important;
  border: 8px solid #101010 !important;
  border-radius: 35px !important;
  background: #101010 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  z-index: 6 !important;
}


body[data-route="home"] .home-phone.home-phone-video-frame::before {
  content: "" !important;
  position: absolute !important;
  left: 92px !important;
  top: -1px !important;
  width: 130px !important;
  height: 27px !important;
  border-radius: 0 0 17px 17px !important;
  background: #101010 !important;
  z-index: 8 !important;
}

body[data-route="home"] .home-phone-video-frame .phone-video-shell {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 25px !important;
  background: #f9f9f9 !important;
  overflow: hidden !important;
}


body[data-route="home"] .home-phone-video-frame .phone-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: transparent !important;
  z-index: 5 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body[data-route="home"] .home-phone-video-frame.is-video-ready .phone-video {
  opacity: 1 !important;
}


body[data-route="home"] .home-phone-video-frame .phone-video-fallback {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  background: #f9f9f9 !important;
  color: #111 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body[data-route="home"] .fallback-status {
  height: 34px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 7px 22px 0;
  box-sizing: border-box;
  color: #111;
  font-size: 12px;
  font-weight: 800;
}

body[data-route="home"] .fallback-title {
  padding: 21px 18px 16px;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .5px;
}

body[data-route="home"] .fallback-list {
  padding: 0 15px;
}

body[data-route="home"] .fallback-stock {
  position: relative;
  height: 55px;
  margin-bottom: 13px;
  display: grid;
  grid-template-columns: 74px 1fr;
  align-items: center;
  padding: 0 12px 0 19px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(0,0,0,.075);
  overflow: hidden;
}

body[data-route="home"] .fallback-stock::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ffe500;
}

body[data-route="home"] .fallback-symbol {
  color: #222;
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
}

body[data-route="home"] .fallback-company {
  color: #8b8b8b;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-route="home"] .fallback-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 68px;
  border-top: 1px solid #eeeeee;
  background: #ffffff;
  display: grid;
  grid-template-columns: 1.45fr 1fr 1fr 1fr;
  align-items: center;
  text-align: center;
  font-size: 10px;
  color: #555;
}

body[data-route="home"] .fallback-trade {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  height: 27px;
  padding: 0 8px;
  color: #fff;
  font-size: 11px;
}

body[data-route="home"] .fallback-trade span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}

body[data-route="home"] .fallback-trade span:first-child {
  background: #56bf86;
}

body[data-route="home"] .fallback-trade span:last-child {
  background: #cf5258;
}


body[data-route="home"] .home-phone-video-frame .phone-status,
body[data-route="home"] .home-phone-video-frame .phone-panel,
body[data-route="home"] .home-phone-video-frame .phone-bottom {
  display: none !important;
}


body[data-route="home"] .home-hero-copy {
  left: 388px !important;
  top: 370px !important;
  width: 520px !important;
}


@media (max-width: 1500px) {
  body[data-route="home"] .home-phone.home-phone-video-frame {
    right: 180px !important;
    top: 178px !important;
    width: 300px !important;
    height: 598px !important;
  }

  body[data-route="home"] .home-phone.home-phone-video-frame::before {
    left: 88px !important;
    width: 124px !important;
  }

  body[data-route="home"] .home-hero-copy {
    left: 340px !important;
  }
}

@media (max-width: 1200px) {
  body[data-route="home"] .home-phone.home-phone-video-frame {
    right: 45px !important;
    top: 170px !important;
    width: 270px !important;
    height: 538px !important;
  }

  body[data-route="home"] .home-phone.home-phone-video-frame::before {
    left: 79px !important;
    width: 112px !important;
  }

  body[data-route="home"] .home-hero-copy {
    left: 80px !important;
  }
}

@media (max-width: 900px) {
  body[data-route="home"] .home-phone.home-phone-video-frame {
    right: -56px !important;
    top: 190px !important;
    width: 240px !important;
    height: 478px !important;
  }

  body[data-route="home"] .home-phone.home-phone-video-frame::before {
    left: 70px !important;
    width: 100px !important;
    height: 22px !important;
  }
}





body[data-route="home"] .home-page .home-phone.home-phone-video-frame,
body[data-route="home"] .home-phone.home-phone-video-frame,
body[data-route="home"] .home-phone {
  left: auto !important;
  right: 255px !important;
  top: 184px !important;
  width: 315px !important;
  height: 627px !important;
  min-width: 315px !important;
  max-width: 315px !important;
  min-height: 627px !important;
  max-height: 627px !important;
  border: 8px solid #101010 !important;
  border-radius: 35px !important;
  background: #101010 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  z-index: 8 !important;
  box-shadow: none !important;
}


body[data-route="home"] .home-phone.home-phone-video-frame::before,
body[data-route="home"] .home-phone::before {
  content: "" !important;
  position: absolute !important;
  left: 92px !important;
  top: -1px !important;
  width: 130px !important;
  height: 27px !important;
  border-radius: 0 0 17px 17px !important;
  background: #101010 !important;
  z-index: 10 !important;
}

body[data-route="home"] .home-phone-video-frame .phone-video-shell {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 25px !important;
  background: #f9f9f9 !important;
  overflow: hidden !important;
}


body[data-route="home"] .home-phone-video-frame .phone-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: transparent !important;
  z-index: 5 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body[data-route="home"] .home-phone-video-frame.is-video-ready .phone-video {
  opacity: 1 !important;
}


body[data-route="home"] .home-phone-video-frame .phone-video-fallback {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  background: #f9f9f9 !important;
  color: #111 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body[data-route="home"] .fallback-status {
  height: 34px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 7px 22px 0 !important;
  box-sizing: border-box !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body[data-route="home"] .fallback-title {
  padding: 21px 18px 16px !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .5px !important;
}

body[data-route="home"] .fallback-list {
  padding: 0 15px !important;
}

body[data-route="home"] .fallback-stock {
  position: relative !important;
  height: 55px !important;
  margin-bottom: 13px !important;
  display: grid !important;
  grid-template-columns: 74px 1fr !important;
  align-items: center !important;
  padding: 0 12px 0 19px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.075) !important;
  overflow: hidden !important;
}

body[data-route="home"] .fallback-stock::before {
  content: "" !important;
  position: absolute !important;
  left: -12px !important;
  top: 12px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #ffe500 !important;
}

body[data-route="home"] .fallback-symbol {
  color: #222 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body[data-route="home"] .fallback-company {
  color: #8b8b8b !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-route="home"] .fallback-bottom {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 68px !important;
  border-top: 1px solid #eeeeee !important;
  background: #ffffff !important;
  display: grid !important;
  grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
  align-items: center !important;
  text-align: center !important;
  font-size: 10px !important;
  color: #555 !important;
}

body[data-route="home"] .fallback-trade {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  height: 27px !important;
  padding: 0 8px !important;
  color: #fff !important;
  font-size: 11px !important;
}

body[data-route="home"] .fallback-trade span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 3px !important;
}

body[data-route="home"] .fallback-trade span:first-child {
  background: #56bf86 !important;
}

body[data-route="home"] .fallback-trade span:last-child {
  background: #cf5258 !important;
}


body[data-route="home"] .home-phone-video-frame .phone-status,
body[data-route="home"] .home-phone-video-frame .phone-panel,
body[data-route="home"] .home-phone-video-frame .phone-bottom {
  display: none !important;
}


body[data-route="home"] .home-hero-copy {
  left: 389px !important;
  top: 382px !important;
  width: 371px !important;
  text-align: center !important;
}

body[data-route="home"] .home-hero-title {
  font-size: 42px !important;
  line-height: 1.38 !important;
  letter-spacing: 1.3px !important;
  margin-bottom: 36px !important;
}

body[data-route="home"] .home-hero-btn {
  width: 371px !important;
  height: 88px !important;
  border-radius: 44px !important;
  font-size: 26px !important;
}


@media (max-width: 1500px) {
  body[data-route="home"] .home-phone.home-phone-video-frame,
  body[data-route="home"] .home-phone {
    right: 180px !important;
    top: 178px !important;
    width: 300px !important;
    height: 598px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    min-height: 598px !important;
    max-height: 598px !important;
  }

  body[data-route="home"] .home-phone.home-phone-video-frame::before,
  body[data-route="home"] .home-phone::before {
    left: 88px !important;
    width: 124px !important;
  }

  body[data-route="home"] .home-hero-copy {
    left: 340px !important;
  }
}

@media (max-width: 1200px) {
  body[data-route="home"] .home-phone.home-phone-video-frame,
  body[data-route="home"] .home-phone {
    right: 45px !important;
    top: 170px !important;
    width: 270px !important;
    height: 538px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    min-height: 538px !important;
    max-height: 538px !important;
  }

  body[data-route="home"] .home-phone.home-phone-video-frame::before,
  body[data-route="home"] .home-phone::before {
    left: 79px !important;
    width: 112px !important;
  }

  body[data-route="home"] .home-hero-copy {
    left: 80px !important;
  }
}

@media (max-width: 900px) {
  body[data-route="home"] .home-phone.home-phone-video-frame,
  body[data-route="home"] .home-phone {
    right: -56px !important;
    top: 190px !important;
    width: 240px !important;
    height: 478px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    min-height: 478px !important;
    max-height: 478px !important;
  }

  body[data-route="home"] .home-phone.home-phone-video-frame::before,
  body[data-route="home"] .home-phone::before {
    left: 70px !important;
    width: 100px !important;
    height: 22px !important;
  }
}





body[data-route="home"] .home-page .home-phone.home-phone-video-frame,
body[data-route="home"] .home-phone.home-phone-video-frame,
body[data-route="home"] .home-phone {
  left: auto !important;
  right: 216px !important;
  top: 126px !important;
  width: 207px !important;
  height: 412px !important;
  min-width: 207px !important;
  max-width: 207px !important;
  min-height: 412px !important;
  max-height: 412px !important;
  border: 6px solid #101010 !important;
  border-radius: 25px !important;
  background: #101010 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  z-index: 8 !important;
  box-shadow: none !important;
  animation: phoneFloat 5.6s ease-in-out infinite !important;
}


body[data-route="home"] .home-phone.home-phone-video-frame::before,
body[data-route="home"] .home-phone::before {
  content: "" !important;
  position: absolute !important;
  left: 61px !important;
  top: -1px !important;
  width: 85px !important;
  height: 18px !important;
  border-radius: 0 0 11px 11px !important;
  background: #101010 !important;
  z-index: 10 !important;
}

body[data-route="home"] .home-phone-video-frame .phone-video-shell {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 18px !important;
  background: #f9f9f9 !important;
  overflow: hidden !important;
}


body[data-route="home"] .home-phone-video-frame .phone-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: transparent !important;
  z-index: 5 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body[data-route="home"] .home-phone-video-frame.is-video-ready .phone-video {
  opacity: 1 !important;
}

body[data-route="home"] .home-phone-video-frame .phone-video-fallback {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  background: #f9f9f9 !important;
  color: #111 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}


body[data-route="home"] .fallback-status {
  height: 24px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 5px 15px 0 !important;
  box-sizing: border-box !important;
  color: #111 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

body[data-route="home"] .fallback-title {
  padding: 14px 13px 10px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .35px !important;
}

body[data-route="home"] .fallback-list {
  padding: 0 10px !important;
}

body[data-route="home"] .fallback-stock {
  position: relative !important;
  height: 38px !important;
  margin-bottom: 9px !important;
  display: grid !important;
  grid-template-columns: 50px 1fr !important;
  align-items: center !important;
  padding: 0 8px 0 13px !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 7px rgba(0,0,0,.075) !important;
  overflow: hidden !important;
}

body[data-route="home"] .fallback-stock::before {
  content: "" !important;
  position: absolute !important;
  left: -8px !important;
  top: 8px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #ffe500 !important;
}

body[data-route="home"] .fallback-symbol {
  color: #222 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body[data-route="home"] .fallback-company {
  color: #8b8b8b !important;
  font-size: 8px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-route="home"] .fallback-bottom {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 45px !important;
  border-top: 1px solid #eeeeee !important;
  background: #ffffff !important;
  display: grid !important;
  grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
  align-items: center !important;
  text-align: center !important;
  font-size: 7px !important;
  color: #555 !important;
}

body[data-route="home"] .fallback-trade {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3px !important;
  height: 18px !important;
  padding: 0 5px !important;
  color: #fff !important;
  font-size: 7px !important;
}

body[data-route="home"] .fallback-trade span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 2px !important;
}

body[data-route="home"] .fallback-trade span:first-child {
  background: #56bf86 !important;
}

body[data-route="home"] .fallback-trade span:last-child {
  background: #cf5258 !important;
}


body[data-route="home"] .home-phone-video-frame .phone-status,
body[data-route="home"] .home-phone-video-frame .phone-panel,
body[data-route="home"] .home-phone-video-frame .phone-bottom {
  display: none !important;
}


body[data-route="home"] .home-hero-copy {
  left: 320px !important;
  top: 326px !important;
  width: 384px !important;
  text-align: center !important;
}

body[data-route="home"] .home-hero-title {
  font-size: 33px !important;
  line-height: 1.42 !important;
  letter-spacing: 1px !important;
  margin-bottom: 32px !important;
}

body[data-route="home"] .home-hero-btn {
  width: 330px !important;
  height: 66px !important;
  border-radius: 33px !important;
  font-size: 23px !important;
}


body[data-route="home"] .chat-float {
  right: 170px !important;
  bottom: 156px !important;
  width: 66px !important;
  height: 66px !important;
  z-index: 20 !important;
}


@media (max-width: 1500px) {
  body[data-route="home"] .home-phone.home-phone-video-frame,
  body[data-route="home"] .home-phone {
    right: 155px !important;
    top: 126px !important;
    width: 198px !important;
    height: 394px !important;
    min-width: 198px !important;
    max-width: 198px !important;
    min-height: 394px !important;
    max-height: 394px !important;
  }

  body[data-route="home"] .home-phone.home-phone-video-frame::before,
  body[data-route="home"] .home-phone::before {
    left: 58px !important;
    width: 82px !important;
  }

  body[data-route="home"] .home-hero-copy {
    left: 280px !important;
  }
}

@media (max-width: 1200px) {
  body[data-route="home"] .home-phone.home-phone-video-frame,
  body[data-route="home"] .home-phone {
    right: 42px !important;
    top: 135px !important;
    width: 190px !important;
    height: 378px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    min-height: 378px !important;
    max-height: 378px !important;
  }

  body[data-route="home"] .home-hero-copy {
    left: 70px !important;
  }
}




body[data-route="home"] .home-hero-copy {
  left: 410px !important;
  top: 330px !important;
  width: 330px !important;
  text-align: center !important;
  z-index: 9 !important;
}

body[data-route="home"] .home-hero-title {
  margin: 0 0 31px !important;
  font-size: 42px !important;
  line-height: 1.4 !important;
  font-weight: 900 !important;
  letter-spacing: 1.1px !important;
  color: #000000 !important;
  white-space: normal !important;
}

body[data-route="home"] .home-hero-btn {
  width: 330px !important;
  height: 78px !important;
  border-radius: 39px !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  line-height: 78px !important;
  padding: 0 !important;
  background: #000000 !important;
  color: #ffffff !important;
}


@media (max-width: 1500px) {
  body[data-route="home"] .home-hero-copy {
    left: 360px !important;
    top: 320px !important;
    width: 315px !important;
  }

  body[data-route="home"] .home-hero-title {
    font-size: 39px !important;
    margin-bottom: 29px !important;
  }

  body[data-route="home"] .home-hero-btn {
    width: 315px !important;
    height: 74px !important;
    line-height: 74px !important;
    border-radius: 37px !important;
    font-size: 24px !important;
  }
}

@media (max-width: 1200px) {
  body[data-route="home"] .home-hero-copy {
    left: 70px !important;
    top: 300px !important;
    width: 300px !important;
  }

  body[data-route="home"] .home-hero-title {
    font-size: 34px !important;
    margin-bottom: 24px !important;
  }

  body[data-route="home"] .home-hero-btn {
    width: 280px !important;
    height: 64px !important;
    line-height: 64px !important;
    border-radius: 32px !important;
    font-size: 22px !important;
  }
}




body[data-route="home"] .home-hero-copy {
  left: 420px !important;
  top: 421px !important;
  width: 414px !important;
  text-align: center !important;
  z-index: 9 !important;
}

body[data-route="home"] .home-hero-title {
  width: 100% !important;
  margin: 0 0 42px !important;
  color: #000000 !important;
  font-size: 43px !important;
  line-height: 1.38 !important;
  font-weight: 900 !important;
  letter-spacing: .9px !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

body[data-route="home"] .home-hero-title br {
  display: block !important;
}

body[data-route="home"] .home-hero-btn {
  display: block !important;
  margin: 0 auto !important;
  width: 414px !important;
  height: 98px !important;
  border-radius: 49px !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 98px !important;
  text-align: center !important;
}


@media (max-width: 1500px) {
  body[data-route="home"] .home-hero-copy {
    left: 360px !important;
    top: 405px !important;
    width: 382px !important;
  }

  body[data-route="home"] .home-hero-title {
    margin-bottom: 38px !important;
    font-size: 39px !important;
  }

  body[data-route="home"] .home-hero-btn {
    width: 382px !important;
    height: 88px !important;
    line-height: 88px !important;
    border-radius: 44px !important;
    font-size: 27px !important;
  }
}

@media (max-width: 1200px) {
  body[data-route="home"] .home-hero-copy {
    left: 70px !important;
    top: 335px !important;
    width: 340px !important;
  }

  body[data-route="home"] .home-hero-title {
    margin-bottom: 28px !important;
    font-size: 32px !important;
  }

  body[data-route="home"] .home-hero-btn {
    width: 320px !important;
    height: 72px !important;
    line-height: 72px !important;
    border-radius: 36px !important;
    font-size: 23px !important;
  }
}




body[data-route="home"] .home-hero-copy {
  left: 400px !important;
  top: 221px !important;
  width: 414px !important;
  text-align: center !important;
  z-index: 9 !important;
}

body[data-route="home"] .home-hero-title {
  width: 100% !important;
  margin: 0 0 42px !important;
  color: #000000 !important;
  font-size: 43px !important;
  line-height: 1.38 !important;
  font-weight: 900 !important;
  letter-spacing: .9px !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

body[data-route="home"] .home-hero-title br {
  display: block !important;
}

body[data-route="home"] .home-hero-btn {
  display: block !important;
  margin: 0 auto !important;
  width: 414px !important;
  height: 98px !important;
  border-radius: 49px !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 98px !important;
  text-align: center !important;
}


@media (max-width: 1500px) {
  body[data-route="home"] .home-hero-copy {
    left: 340px !important;
    top: 205px !important;
    width: 382px !important;
  }

  body[data-route="home"] .home-hero-title {
    margin-bottom: 38px !important;
    font-size: 39px !important;
  }

  body[data-route="home"] .home-hero-btn {
    width: 382px !important;
    height: 88px !important;
    line-height: 88px !important;
    border-radius: 44px !important;
    font-size: 27px !important;
  }
}

@media (max-width: 1200px) {
  body[data-route="home"] .home-hero-copy {
    left: 50px !important;
    top: 135px !important;
    width: 340px !important;
  }

  body[data-route="home"] .home-hero-title {
    margin-bottom: 28px !important;
    font-size: 32px !important;
  }

  body[data-route="home"] .home-hero-btn {
    width: 320px !important;
    height: 72px !important;
    line-height: 72px !important;
    border-radius: 36px !important;
    font-size: 23px !important;
  }
}




body[data-route="home"] .home-market {
  background: #ffffff !important;
  padding-top: 94px !important;
  padding-bottom: 104px !important;
}

body[data-route="home"] .home-market .home-section-inner,
body[data-route="home"] .index-section .home-section-inner {
  width: 78% !important;
  max-width: 1510px !important;
  margin: 0 auto !important;
}

body[data-route="home"] .home-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 54px !important;
  margin: 0 0 64px !important;
  color: #8a8fa0 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}

body[data-route="home"] .home-tab {
  position: relative !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  padding: 0 0 12px !important;
  cursor: pointer !important;
}

body[data-route="home"] .home-tab.active {
  color: #111111 !important;
  font-weight: 400 !important;
}

body[data-route="home"] .home-tab.active::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -12px !important;
  margin-left: -5px !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom: 12px solid #ffe500 !important;
}

body[data-route="home"] .market-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 44px !important;
}

body[data-route="home"] .market-card {
  height: 226px !important;
  border-radius: 20px !important;
  background: #f8f8f8 !important;
  padding: 31px 31px 28px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

body[data-route="home"] .market-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin-bottom: 26px !important;
}

body[data-route="home"] .market-name-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
}

body[data-route="home"] .market-icon {
  width: 43px !important;
  height: 43px !important;
  min-width: 43px !important;
  border-radius: 50% !important;
  font-size: 19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body[data-route="home"] .market-icon-doge {
  background: #c7ac3d !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.16) !important;
}

body[data-route="home"] .market-icon-doge span {
  font-size: 21px !important;
  font-weight: 900 !important;
  transform: none !important;
}

body[data-route="home"] .market-icon-gas {
  background: #3da9f5 !important;
}

body[data-route="home"] .market-icon-gas::before {
  width: 18px !important;
  height: 24px !important;
}

body[data-route="home"] .market-symbol {
  color: #111111 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
}

body[data-route="home"] .market-change {
  color: #06b982 !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
}

body[data-route="home"] .market-change.down {
  color: #ef3349 !important;
}

body[data-route="home"] .market-type {
  display: inline-block !important;
  margin: 0 0 35px !important;
  padding: 7px 11px !important;
  border-radius: 8px !important;
  background: #fff1d3 !important;
  color: #ed9d46 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: .4px !important;
}

body[data-route="home"] .market-card-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  color: #111111 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

body[data-route="home"] .sell {
  color: #f12e42 !important;
  margin-right: 0 !important;
  letter-spacing: 1px !important;
}

body[data-route="home"] .buy {
  color: #08b77c !important;
  margin-right: 0 !important;
  letter-spacing: 1px !important;
}

body[data-route="home"] .index-section {
  background: #f8f8f8 !important;
  padding: 0 0 96px !important;
}

body[data-route="home"] .index-title {
  margin: 0 0 54px !important;
  padding-top: 50px !important;
  color: #000000 !important;
  font-size: 52px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 3px !important;
  text-transform: none !important;
}

body[data-route="home"] .index-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 108px !important;
}

body[data-route="home"] .index-row {
  min-height: 55px !important;
  grid-template-columns: 1fr 118px 118px !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

body[data-route="home"] .index-pair {
  font-size: 16px !important;
  gap: 12px !important;
}

body[data-route="home"] .index-price {
  font-size: 16px !important;
}

body[data-route="home"] .index-change {
  font-size: 13px !important;
}

@media (max-width: 1500px) {
  body[data-route="home"] .home-market .home-section-inner,
  body[data-route="home"] .index-section .home-section-inner {
    width: 82% !important;
  }

  body[data-route="home"] .home-tabs {
    gap: 42px !important;
    font-size: 22px !important;
  }

  body[data-route="home"] .market-cards {
    gap: 32px !important;
  }

  body[data-route="home"] .market-card {
    height: 212px !important;
    padding: 29px 26px 25px !important;
  }

  body[data-route="home"] .market-symbol {
    font-size: 27px !important;
  }

  body[data-route="home"] .market-change,
  body[data-route="home"] .market-card-bottom {
    font-size: 24px !important;
  }

  body[data-route="home"] .index-title {
    font-size: 46px !important;
  }
}

@media (max-width: 900px) {
  body[data-route="home"] .home-market {
    padding-top: 56px !important;
    padding-bottom: 64px !important;
  }

  body[data-route="home"] .home-tabs {
    gap: 28px !important;
    margin-bottom: 38px !important;
    font-size: 18px !important;
    overflow-x: auto !important;
  }

  body[data-route="home"] .market-cards {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body[data-route="home"] .market-card {
    height: 190px !important;
  }

  body[data-route="home"] .market-symbol {
    font-size: 24px !important;
  }

  body[data-route="home"] .market-change,
  body[data-route="home"] .market-card-bottom {
    font-size: 21px !important;
  }

  body[data-route="home"] .index-title {
    font-size: 36px !important;
    letter-spacing: 1px !important;
  }

  body[data-route="home"] .index-grid {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }
}





body[data-route="home"] .home-market,
body[data-route="home"] .index-section {
  font-family: Arial, "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", sans-serif !important;
}


body[data-route="home"] .home-market {
  padding-top: 90px !important;
  padding-bottom: 100px !important;
  background: #ffffff !important;
}

body[data-route="home"] .home-market .home-section-inner,
body[data-route="home"] .index-section .home-section-inner {
  width: 78.2% !important;
  max-width: 1512px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


body[data-route="home"] .home-tabs {
  height: 35px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 50px !important;
  margin: 0 0 58px !important;
  padding: 0 !important;
  color: #858b9f !important;
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
  letter-spacing: .15px !important;
  white-space: nowrap !important;
}

body[data-route="home"] .home-tab {
  height: 35px !important;
  line-height: 30px !important;
  padding: 0 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  position: relative !important;
}

body[data-route="home"] .home-tab.active {
  color: #111111 !important;
  font-weight: 400 !important;
}

body[data-route="home"] .home-tab.active::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -12px !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 13px solid #ffe500 !important;
}


body[data-route="home"] .market-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 44px !important;
}

body[data-route="home"] .market-card {
  height: 225px !important;
  min-height: 225px !important;
  padding: 31px 30px 26px !important;
  border-radius: 20px !important;
  background: #f8f8f8 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body[data-route="home"] .market-card-head {
  height: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 25px !important;
}

body[data-route="home"] .market-name-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-width: 0 !important;
}


body[data-route="home"] .market-icon {
  width: 43px !important;
  height: 43px !important;
  min-width: 43px !important;
  line-height: 43px !important;
  border-radius: 50% !important;
}

body[data-route="home"] .market-symbol {
  display: block !important;
  color: #111111 !important;
  font-size: 30px !important;
  line-height: 43px !important;
  font-weight: 400 !important;
  letter-spacing: .7px !important;
  white-space: nowrap !important;
}

body[data-route="home"] .market-change {
  color: #08b982 !important;
  font-size: 28px !important;
  line-height: 43px !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
}

body[data-route="home"] .market-change.down {
  color: #f03545 !important;
}


body[data-route="home"] .market-type {
  display: inline-block !important;
  margin: 0 0 38px !important;
  padding: 8px 11px !important;
  min-width: 0 !important;
  height: 39px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  background: #fff1d4 !important;
  color: #ef9d45 !important;
  font-size: 19px !important;
  line-height: 23px !important;
  font-weight: 400 !important;
  letter-spacing: .2px !important;
}


body[data-route="home"] .market-card-bottom {
  height: 32px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  column-gap: 16px !important;
  color: #111111 !important;
  font-size: 26px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body[data-route="home"] .market-card-bottom > div:first-child {
  justify-self: start !important;
  white-space: nowrap !important;
}

body[data-route="home"] .market-card-bottom > div:last-child {
  justify-self: end !important;
  white-space: nowrap !important;
}

body[data-route="home"] .sell {
  color: #f03545 !important;
  margin: 0 !important;
  font-size: 26px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  letter-spacing: .8px !important;
}

body[data-route="home"] .buy {
  color: #08b982 !important;
  margin: 0 !important;
  font-size: 26px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  letter-spacing: .8px !important;
}


body[data-route="home"] .market-icon-doge {
  background: radial-gradient(circle at 40% 35%, #d8c56b 0 28%, #c6ab3e 29% 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 6px rgba(255,255,255,.15) !important;
}

body[data-route="home"] .market-icon-doge span {
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


body[data-route="home"] .index-section {
  background: #f8f8f8 !important;
  padding-top: 0 !important;
  padding-bottom: 96px !important;
}

body[data-route="home"] .index-title {
  padding-top: 48px !important;
  margin: 0 0 54px !important;
  color: #000000 !important;
  font-size: 52px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 2.4px !important;
  text-transform: none !important;
}


body[data-route="home"] .index-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 108px !important;
}

body[data-route="home"] .index-row {
  min-height: 55px !important;
  grid-template-columns: 1fr 118px 118px !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

body[data-route="home"] .index-pair {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #59606d !important;
}

body[data-route="home"] .index-price {
  font-size: 16px !important;
  color: #111111 !important;
  font-weight: 400 !important;
}

body[data-route="home"] .index-change {
  font-size: 13px !important;
  font-weight: 400 !important;
}


@media (max-width: 1500px) {
  body[data-route="home"] .home-market .home-section-inner,
  body[data-route="home"] .index-section .home-section-inner {
    width: 82% !important;
  }

  body[data-route="home"] .home-tabs {
    gap: 42px !important;
    font-size: 22px !important;
  }

  body[data-route="home"] .home-tab {
    font-size: 22px !important;
  }

  body[data-route="home"] .market-cards {
    gap: 32px !important;
  }

  body[data-route="home"] .market-card {
    height: 212px !important;
    padding: 29px 26px 25px !important;
  }

  body[data-route="home"] .market-symbol {
    font-size: 27px !important;
  }

  body[data-route="home"] .market-change,
  body[data-route="home"] .market-card-bottom,
  body[data-route="home"] .sell,
  body[data-route="home"] .buy {
    font-size: 24px !important;
  }

  body[data-route="home"] .index-title {
    font-size: 46px !important;
  }
}

@media (max-width: 900px) {
  body[data-route="home"] .home-tabs {
    overflow-x: auto !important;
    gap: 28px !important;
    font-size: 18px !important;
  }

  body[data-route="home"] .home-tab {
    font-size: 18px !important;
  }

  body[data-route="home"] .market-cards {
    grid-template-columns: 1fr !important;
  }

  body[data-route="home"] .index-grid {
    grid-template-columns: 1fr !important;
  }
}





body[data-route="home"] .home-market,
body[data-route="home"] .index-section {
  overflow-x: hidden !important;
  font-family: Arial, "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", sans-serif !important;
}


body[data-route="home"] .home-market {
  padding-top: 72px !important;
  padding-bottom: 74px !important;
  background: #ffffff !important;
}

body[data-route="home"] .home-market .home-section-inner,
body[data-route="home"] .index-section .home-section-inner {
  width: 75% !important;
  max-width: 1320px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}


body[data-route="home"] .home-tabs {
  height: 30px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 40px !important;
  margin: 0 0 46px !important;
  padding: 0 !important;
  color: #858b9f !important;
  font-size: 20px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
  letter-spacing: .1px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

body[data-route="home"] .home-tab {
  height: 30px !important;
  line-height: 26px !important;
  padding: 0 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  position: relative !important;
}

body[data-route="home"] .home-tab.active {
  color: #111111 !important;
  font-weight: 400 !important;
}

body[data-route="home"] .home-tab.active::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -10px !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom: 10px solid #ffe500 !important;
}


body[data-route="home"] .market-cards {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 32px !important;
  overflow: visible !important;
  transform: none !important;
}

body[data-route="home"] .market-card {
  width: auto !important;
  min-width: 0 !important;
  height: 168px !important;
  min-height: 168px !important;
  padding: 24px 24px 21px !important;
  border-radius: 15px !important;
  background: #f8f8f8 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body[data-route="home"] .market-card-head {
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 19px !important;
}

body[data-route="home"] .market-name-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
}

body[data-route="home"] .market-icon {
  width: 33px !important;
  height: 33px !important;
  min-width: 33px !important;
  line-height: 33px !important;
  border-radius: 50% !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body[data-route="home"] .market-symbol {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #111111 !important;
  font-size: 23px !important;
  line-height: 33px !important;
  font-weight: 400 !important;
  letter-spacing: .45px !important;
  white-space: nowrap !important;
}

body[data-route="home"] .market-change {
  flex: 0 0 auto !important;
  color: #08b982 !important;
  font-size: 22px !important;
  line-height: 33px !important;
  font-weight: 400 !important;
  letter-spacing: .8px !important;
  white-space: nowrap !important;
}

body[data-route="home"] .market-change.down {
  color: #f03545 !important;
}

body[data-route="home"] .market-type {
  display: inline-block !important;
  margin: 0 0 28px !important;
  padding: 6px 9px !important;
  height: 30px !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  background: #fff1d4 !important;
  color: #ef9d45 !important;
  font-size: 15px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  letter-spacing: .15px !important;
}

body[data-route="home"] .market-card-bottom {
  height: 25px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  column-gap: 12px !important;
  color: #111111 !important;
  font-size: 20px !important;
  line-height: 25px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body[data-route="home"] .market-card-bottom > span,
body[data-route="home"] .market-card-bottom > div {
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body[data-route="home"] .market-card-bottom > span:first-child,
body[data-route="home"] .market-card-bottom > div:first-child {
  justify-self: start !important;
}

body[data-route="home"] .market-card-bottom > span:last-child,
body[data-route="home"] .market-card-bottom > div:last-child {
  justify-self: end !important;
}

body[data-route="home"] .sell,
body[data-route="home"] .buy {
  margin: 0 1px 0 0 !important;
  font-size: 20px !important;
  line-height: 25px !important;
  font-weight: 400 !important;
  letter-spacing: .5px !important;
}

body[data-route="home"] .sell {
  color: #f03545 !important;
}

body[data-route="home"] .buy {
  color: #08b982 !important;
}

body[data-route="home"] .market-icon-doge {
  background: radial-gradient(circle at 40% 35%, #d8c56b 0 28%, #c6ab3e 29% 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.15) !important;
}

body[data-route="home"] .market-icon-doge span {
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body[data-route="home"] .market-icon-gas::before {
  width: 14px !important;
  height: 19px !important;
}


body[data-route="home"] .index-section {
  background: #f8f8f8 !important;
  padding-top: 0 !important;
  padding-bottom: 74px !important;
}

body[data-route="home"] .index-title {
  padding-top: 34px !important;
  margin: 0 0 42px !important;
  color: #000000 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 1.6px !important;
  text-transform: none !important;
}

body[data-route="home"] .index-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 88px !important;
}

body[data-route="home"] .index-row {
  min-height: 46px !important;
  grid-template-columns: 1fr 96px 96px !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

body[data-route="home"] .index-pair {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #59606d !important;
  gap: 9px !important;
}

body[data-route="home"] .index-flags {
  width: 32px !important;
  height: 22px !important;
  font-size: 17px !important;
}

body[data-route="home"] .index-flags span:last-child {
  left: 13px !important;
}

body[data-route="home"] .index-price {
  font-size: 14px !important;
  color: #111111 !important;
  font-weight: 400 !important;
}

body[data-route="home"] .index-change {
  font-size: 12px !important;
  font-weight: 400 !important;
}


@media (max-width: 1500px) {
  body[data-route="home"] .home-market .home-section-inner,
  body[data-route="home"] .index-section .home-section-inner {
    width: 80% !important;
    max-width: 1200px !important;
  }

  body[data-route="home"] .home-tabs {
    gap: 34px !important;
    font-size: 18px !important;
    margin-bottom: 40px !important;
  }

  body[data-route="home"] .home-tab {
    font-size: 18px !important;
  }

  body[data-route="home"] .market-cards {
    gap: 24px !important;
  }

  body[data-route="home"] .market-card {
    height: 158px !important;
    padding: 22px 21px 19px !important;
  }

  body[data-route="home"] .market-symbol {
    font-size: 21px !important;
  }

  body[data-route="home"] .market-change {
    font-size: 20px !important;
  }

  body[data-route="home"] .market-card-bottom,
  body[data-route="home"] .sell,
  body[data-route="home"] .buy {
    font-size: 18px !important;
  }

  body[data-route="home"] .index-title {
    font-size: 34px !important;
  }
}

@media (max-width: 900px) {
  body[data-route="home"] .home-market {
    padding-top: 48px !important;
    padding-bottom: 54px !important;
  }

  body[data-route="home"] .home-tabs {
    overflow-x: auto !important;
    gap: 24px !important;
    font-size: 16px !important;
  }

  body[data-route="home"] .home-tab {
    font-size: 16px !important;
  }

  body[data-route="home"] .market-cards {
    grid-template-columns: 1fr !important;
  }

  body[data-route="home"] .market-card {
    height: 154px !important;
  }

  body[data-route="home"] .index-title {
    font-size: 30px !important;
  }

  body[data-route="home"] .index-grid {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }
}




.mobile-home {
  display: none;
}

@media (max-width: 900px) {
  body[data-route="home"] {
    background: #f5f7fb !important;
    overflow-x: hidden !important;
  }

  body[data-route="home"] .desktop-home-view {
    display: none !important;
  }

  body[data-route="home"] .mobile-home {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
    padding-bottom: 70px !important;
    background: #f5f7fb !important;
    color: #000 !important;
    font-family: Arial, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif !important;
    overflow-x: hidden !important;
  }

  body[data-route="home"] .m-home-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 120 !important;
    height: 47px !important;
    display: grid !important;
    grid-template-columns: 118px 1fr 58px !important;
    align-items: center !important;
    background: #ffffff !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-logo .logo {
    justify-content: flex-start !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-logo .logo-mark {
    margin-right: 1px !important;
    width: 14px !important;
    height: 12px !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-account-switch {
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: #000 !important;
    font-size: 15px !important;
    line-height: 47px !important;
    font-weight: 500 !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-account-switch span {
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #111 !important;
    margin-top: 2px !important;
  }

  body[data-route="home"] .m-search {
    justify-self: end !important;
    width: 28px !important;
    height: 28px !important;
    border: 0 !important;
    background: transparent !important;
    position: relative !important;
  }

  body[data-route="home"] .m-search::before {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 3px !important;
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #000 !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-search::after {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 18px !important;
    width: 10px !important;
    height: 2px !important;
    background: #000 !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
  }

  body[data-route="home"] .m-asset-hero {
    position: relative !important;
    height: 418px !important;
    background: linear-gradient(130deg, #f4efff 0%, #e7f1ff 48%, #b8efff 100%) !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-rings,
  body[data-route="home"] .m-rings::before,
  body[data-route="home"] .m-rings::after {
    content: "" !important;
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
  }

  body[data-route="home"] .m-rings {
    width: 315px !important;
    height: 315px !important;
    left: 96px !important;
    top: -62px !important;
    background: rgba(255,255,255,.16) !important;
  }

  body[data-route="home"] .m-rings::before {
    width: 245px !important;
    height: 245px !important;
    left: 34px !important;
    top: 35px !important;
    background: rgba(255,255,255,.13) !important;
  }

  body[data-route="home"] .m-rings::after {
    width: 126px !important;
    height: 126px !important;
    left: 95px !important;
    top: 94px !important;
    background: rgba(255,255,255,.10) !important;
  }

  body[data-route="home"] .m-asset-card {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    top: 70px !important;
    height: 332px !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.96) !important;
    padding: 20px 18px 18px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-card-account {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: #000 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 19px !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-card-line {
    height: 1px !important;
    background: #eef0f4 !important;
    margin: 20px 0 !important;
  }

  body[data-route="home"] .m-asset-label {
    font-size: 15px !important;
    line-height: 18px !important;
    margin-bottom: 10px !important;
  }

  body[data-route="home"] .m-asset-total {
    font-size: 26px !important;
    line-height: 30px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
  }

  body[data-route="home"] .m-asset-hint {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-asset-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    row-gap: 22px !important;
    column-gap: 36px !important;
  }

  body[data-route="home"] .m-asset-grid span {
    display: block !important;
    font-size: 15px !important;
    line-height: 18px !important;
    margin-bottom: 7px !important;
  }

  body[data-route="home"] .m-asset-grid b {
    display: block !important;
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-actions-card {
    position: relative !important;
    z-index: 2 !important;
    margin: 16px 8px 0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 22px 10px 18px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    row-gap: 26px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-action {
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 9px !important;
    color: #858b9f !important;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-ico {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-ico-deposit { background: #f5bd76 !important; border-radius: 4px !important; }
  body[data-route="home"] .m-ico-withdraw { background: #f4bd32 !important; }
  body[data-route="home"] .m-ico-loan { background: #f5a400 !important; }
  body[data-route="home"] .m-ico-ai { background: #ff7a1b !important; border-radius: 3px !important; }
  body[data-route="home"] .m-ico-account { background: #ffded5 !important; color: #f06b50 !important; }
  body[data-route="home"] .m-ico-wallet { background: #ffa51a !important; border-radius: 3px !important; }
  body[data-route="home"] .m-ico-subscribe { background: #18c2aa !important; border-radius: 4px !important; }
  body[data-route="home"] .m-ico-more { background: #ffad43 !important; color: #fff !important; font-size: 9px !important; }

  body[data-route="home"] .m-invest {
    margin: 14px 8px 0 !important;
  }

  body[data-route="home"] .m-invest h2 {
    margin: 0 0 11px !important;
    font-size: 25px !important;
    line-height: 30px !important;
    font-weight: 900 !important;
    letter-spacing: .5px !important;
  }

  body[data-route="home"] .m-invest p {
    margin: 0 0 12px !important;
    color: #858b9f !important;
    font-size: 15px !important;
    line-height: 18px !important;
  }

  body[data-route="home"] .m-ticker-strip {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
    scrollbar-width: none !important;
  }

  body[data-route="home"] .m-ticker-strip::-webkit-scrollbar {
    display: none !important;
  }

  body[data-route="home"] .m-ticker {
    flex: 0 0 177px !important;
    height: 44px !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    display: grid !important;
    grid-template-columns: 29px 1fr auto !important;
    align-items: center !important;
    column-gap: 8px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-ticker .m-ico {
    width: 24px !important;
    height: 24px !important;
    font-size: 11px !important;
  }

  body[data-route="home"] .m-ticker-main {
    min-width: 0 !important;
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-ticker-main b {
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-ticker em {
    color: #ffffff !important;
    background: #f20517 !important;
    border-radius: 1px !important;
    padding: 2px 5px !important;
    font-size: 12px !important;
    line-height: 15px !important;
    font-style: normal !important;
  }

  body[data-route="home"] .m-products {
    margin: 12px 8px 0 !important;
    background: #ffffff !important;
    border-radius: 0 0 7px 7px !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-tabs {
    display: flex !important;
    gap: 30px !important;
    overflow-x: auto !important;
    padding: 15px 16px 10px !important;
    color: #858b9f !important;
    scrollbar-width: none !important;
  }

  body[data-route="home"] .m-tabs::-webkit-scrollbar {
    display: none !important;
  }

  body[data-route="home"] .m-tab {
    flex: 0 0 auto !important;
    position: relative !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 0 13px !important;
    color: #858b9f !important;
    font-size: 15px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-tab.active {
    color: #858b9f !important;
  }

  body[data-route="home"] .m-tab.active::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-bottom: 10px solid #ffdf00 !important;
  }

  body[data-route="home"] .m-table-head {
    display: grid !important;
    grid-template-columns: 1.3fr .8fr .8fr !important;
    padding: 0 9px 0 !important;
    height: 31px !important;
    align-items: center !important;
    color: #858b9f !important;
    font-size: 14px !important;
  }

  body[data-route="home"] .m-table-head span:nth-child(2),
  body[data-route="home"] .m-table-head span:nth-child(3) {
    text-align: right !important;
  }

  body[data-route="home"] .m-product-list {
    padding: 0 9px !important;
  }

  body[data-route="home"] .m-product-row {
    height: 58px !important;
    display: grid !important;
    grid-template-columns: 1.3fr .8fr .8fr !important;
    align-items: center !important;
    border-bottom: 1px solid #f0f1f4 !important;
  }

  body[data-route="home"] .m-product-name {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    font-size: 15px !important;
  }

  body[data-route="home"] .m-product-name .m-ico {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }

  body[data-route="home"] .m-product-price {
    text-align: right !important;
    color: #15a315 !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }

  body[data-route="home"] .m-product-price.down {
    color: #f1443d !important;
  }

  body[data-route="home"] .m-product-change {
    justify-self: end !important;
    color: #ffffff !important;
    background: #008a17 !important;
    border-radius: 2px !important;
    padding: 2px 6px !important;
    font-size: 14px !important;
    line-height: 17px !important;
  }

  body[data-route="home"] .m-product-change.down {
    background: #f20517 !important;
  }

  body[data-route="home"] .m-more-row {
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #858b9f !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }

  body[data-route="home"] .m-ico-oil,
  body[data-route="home"] .m-ico-ukoil {
    background: #101820 !important;
    color: transparent !important;
    position: relative !important;
  }

  body[data-route="home"] .m-ico-oil::before,
  body[data-route="home"] .m-ico-ukoil::before {
    content: "" !important;
    width: 11px !important;
    height: 17px !important;
    background: #fff !important;
    border-radius: 50% 50% 55% 55% !important;
    transform: rotate(45deg) !important;
  }

  body[data-route="home"] .m-ico-google {
    background: #f1f7ff !important;
    color: #4285f4 !important;
    font-weight: 900 !important;
  }

  body[data-route="home"] .m-ico-nvda {
    background: #111 !important;
    color: #78d70b !important;
  }

  body[data-route="home"] .m-ico-xrp {
    background: #101820 !important;
  }

  body[data-route="home"] .m-ico-esp {
    background: #193861 !important;
    font-size: 11px !important;
  }

  body[data-route="home"] .m-index {
    margin: 12px 8px 0 !important;
    padding: 22px 14px 12px !important;
    border-radius: 7px !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-index h2 {
    margin: 0 0 19px !important;
    color: #000 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 900 !important;
    letter-spacing: .5px !important;
  }

  body[data-route="home"] .m-index-row {
    height: 63px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    border-bottom: 1px solid #e4e4e4 !important;
  }

  body[data-route="home"] .m-index-pair {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #858b9f !important;
    font-size: 15px !important;
  }

  body[data-route="home"] .m-index-flags {
    position: relative !important;
    width: 31px !important;
    height: 26px !important;
    display: inline-block !important;
    font-size: 20px !important;
  }

  body[data-route="home"] .m-index-flags span {
    position: absolute !important;
    top: 0 !important;
  }

  body[data-route="home"] .m-index-flags span:last-child {
    left: 12px !important;
    top: 3px !important;
  }

  body[data-route="home"] .m-index-values {
    text-align: right !important;
  }

  body[data-route="home"] .m-index-values b {
    display: block !important;
    color: #000 !important;
    font-size: 19px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
  }

  body[data-route="home"] .m-index-values em {
    display: block !important;
    color: #00a97d !important;
    font-size: 17px !important;
    line-height: 22px !important;
    font-style: normal !important;
  }

  body[data-route="home"] .m-index-values em.down {
    color: #f2364a !important;
  }

  body[data-route="home"] .m-footer {
    margin: 22px 8px 0 !important;
    background: #000000 !important;
    color: #ffffff !important;
    padding: 19px 10px 26px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-apps {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 0 41px !important;
    margin-bottom: 20px !important;
  }

  body[data-route="home"] .m-app-btn {
    height: 31px !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px !important;
    background: #000000 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 29px !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-app-btn span {
    margin-right: 7px !important;
  }

  body[data-route="home"] .m-footer-line {
    height: 1px !important;
    background: rgba(255,255,255,.65) !important;
    margin: 0 0 23px !important;
  }

  body[data-route="home"] .m-contact {
    padding: 0 31px !important;
  }

  body[data-route="home"] .m-contact-block {
    margin-bottom: 54px !important;
  }

  body[data-route="home"] .m-contact h3 {
    margin: 0 0 14px !important;
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
  }

  body[data-route="home"] .m-contact p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-footer-desc {
    background: #151515 !important;
    margin: 8px -10px -26px !important;
    padding: 44px 38px 36px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 23px !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 130 !important;
    height: 54px !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    background: #ffffff !important;
    border-top: 1px solid #e7e9ee !important;
  }

  body[data-route="home"] .m-bottom-item {
    border: 0 !important;
    background: transparent !important;
    color: #5f6675 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    font-size: 12px !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-bottom-item span {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    position: relative !important;
  }

  body[data-route="home"] .m-bottom-item em {
    font-style: normal !important;
  }

  body[data-route="home"] .m-bottom-item.active {
    color: #000 !important;
  }

  body[data-route="home"] .m-nav-home::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 7px !important;
    width: 16px !important;
    height: 12px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 4px 4px 3px 3px !important;
    background: currentColor !important;
  }

  body[data-route="home"] .m-nav-home::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 2px !important;
    width: 12px !important;
    height: 12px !important;
    border-left: 1.5px solid currentColor !important;
    border-top: 1.5px solid currentColor !important;
    transform: rotate(45deg) !important;
  }

  body[data-route="home"] .m-bottom-item.active .m-nav-home {
    color: #ffdf00 !important;
  }

  body[data-route="home"] .m-nav-market::before,
  body[data-route="home"] .m-nav-trade::before,
  body[data-route="home"] .m-nav-pos::before,
  body[data-route="home"] .m-nav-mine::before {
    content: "" !important;
    position: absolute !important;
    inset: 2px !important;
    border: 1.4px solid currentColor !important;
    border-radius: 4px !important;
  }

  body[data-route="home"] .m-nav-market::after {
    content: "⌁" !important;
    position: absolute !important;
    left: 5px !important;
    top: 1px !important;
    font-size: 15px !important;
  }

  body[data-route="home"] .m-nav-trade::before {
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-nav-trade::after {
    content: "↔" !important;
    position: absolute !important;
    left: 3px !important;
    top: 1px !important;
    font-size: 14px !important;
  }

  body[data-route="home"] .m-nav-pos::before {
    border-radius: 50% !important;
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%) !important;
  }

  body[data-route="home"] .m-nav-mine::before {
    top: 3px !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 10px !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-nav-mine::after {
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    right: 3px !important;
    bottom: 1px !important;
    height: 8px !important;
    border: 1.4px solid currentColor !important;
    border-radius: 10px 10px 0 0 !important;
  }

  body[data-route="home"] .chat-float {
    position: fixed !important;
    right: 26px !important;
    bottom: 74px !important;
    width: 56px !important;
    height: 56px !important;
    z-index: 131 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.22) !important;
  }

  body[data-route="home"] .chat-float::before {
    width: 25px !important;
    height: 20px !important;
    border-width: 4px !important;
    border-color: #ff4b10 !important;
    border-radius: 5px !important;
  }
}

@media (max-width: 360px) {
  body[data-route="home"] .m-tabs {
    gap: 22px !important;
  }

  body[data-route="home"] .m-contact {
    padding: 0 22px !important;
  }

  body[data-route="home"] .m-apps {
    padding: 0 26px !important;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .mobile-home {
    background: #f5f7fb !important;
    padding-bottom: 58px !important;
  }

  
  body[data-route="home"] .m-home-header {
    height: 47px !important;
    grid-template-columns: 122px 1fr 50px !important;
    padding: 0 10px !important;
    box-shadow: none !important;
  }

  body[data-route="home"] .m-logo .logo {
    font-size: 13px !important;
    letter-spacing: -0.35px !important;
    font-weight: 800 !important;
  }

  body[data-route="home"] .m-logo .logo-green {
    color: #35c95b !important;
  }

  body[data-route="home"] .m-logo .logo-black {
    color: #111 !important;
  }

  body[data-route="home"] .m-logo .logo-mark {
    width: 14px !important;
    height: 11px !important;
    margin-right: 0 !important;
  }

  body[data-route="home"] .m-account-switch {
    font-size: 15px !important;
    height: 47px !important;
    line-height: 47px !important;
  }

  body[data-route="home"] .m-account-switch span {
    border-left-width: 4px !important;
    border-right-width: 4px !important;
    border-top-width: 5px !important;
  }

  body[data-route="home"] .m-search {
    width: 31px !important;
    height: 31px !important;
    margin-right: -2px !important;
  }

  body[data-route="home"] .m-search::before {
    left: 4px !important;
    top: 4px !important;
    width: 15px !important;
    height: 15px !important;
    border-width: 2px !important;
  }

  body[data-route="home"] .m-search::after {
    left: 19px !important;
    top: 20px !important;
    width: 11px !important;
    height: 2px !important;
  }

  
  body[data-route="home"] .m-asset-hero {
    height: 418px !important;
    background:
      radial-gradient(circle at 49% 19%, rgba(255,255,255,.23) 0 58px, rgba(255,255,255,.10) 59px 118px, rgba(255,255,255,.06) 119px 170px, transparent 171px),
      linear-gradient(128deg, #f5efff 0%, #e8f2ff 48%, #b5efff 100%) !important;
  }

  body[data-route="home"] .m-rings {
    display: none !important;
  }

  body[data-route="home"] .m-asset-card {
    left: 8px !important;
    right: 8px !important;
    top: 70px !important;
    height: 332px !important;
    border-radius: 7px !important;
    padding: 20px 18px 18px !important;
    background: rgba(255,255,255,.97) !important;
  }

  body[data-route="home"] .m-card-account {
    font-size: 15px !important;
    line-height: 19px !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-card-line {
    margin: 20px 0 !important;
    background: #eef0f4 !important;
  }

  body[data-route="home"] .m-asset-label {
    font-size: 15px !important;
    line-height: 18px !important;
    margin-bottom: 10px !important;
  }

  body[data-route="home"] .m-asset-total {
    font-size: 25px !important;
    line-height: 29px !important;
    letter-spacing: 2.2px !important;
    margin-bottom: 15px !important;
  }

  body[data-route="home"] .m-asset-hint {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  body[data-route="home"] .m-asset-grid {
    row-gap: 22px !important;
    column-gap: 28px !important;
  }

  body[data-route="home"] .m-asset-grid span {
    font-size: 15px !important;
    line-height: 18px !important;
    margin-bottom: 7px !important;
  }

  body[data-route="home"] .m-asset-grid b {
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
  }

  
  body[data-route="home"] .m-actions-card {
    margin: 16px 8px 0 !important;
    border-radius: 12px !important;
    padding: 23px 8px 19px !important;
    row-gap: 25px !important;
    min-height: 174px !important;
  }

  body[data-route="home"] .m-action {
    gap: 9px !important;
    color: #858b9f !important;
    font-size: 14px !important;
  }

  body[data-route="home"] .m-ico {
    width: 28px !important;
    height: 28px !important;
    font-size: 13px !important;
  }

  body[data-route="home"] .m-ico-deposit {
    background: #f4bd78 !important;
    border-radius: 4px !important;
  }

  body[data-route="home"] .m-ico-withdraw {
    background: #f4bc30 !important;
  }

  body[data-route="home"] .m-ico-loan {
    background: #f6a30b !important;
  }

  body[data-route="home"] .m-ico-ai {
    background: #ff7a1b !important;
    font-size: 14px !important;
    border-radius: 2px !important;
  }

  body[data-route="home"] .m-ico-subscribe {
    background: #16c2aa !important;
  }

  
  body[data-route="home"] .m-invest {
    margin: 14px 8px 0 !important;
  }

  body[data-route="home"] .m-invest h2 {
    margin-bottom: 10px !important;
    font-size: 25px !important;
    line-height: 30px !important;
    font-weight: 900 !important;
  }

  body[data-route="home"] .m-invest p {
    margin-bottom: 12px !important;
    color: #858b9f !important;
    font-size: 15px !important;
    line-height: 18px !important;
  }

  body[data-route="home"] .m-ticker-strip {
    gap: 9px !important;
    padding-bottom: 7px !important;
  }

  body[data-route="home"] .m-ticker {
    flex-basis: 176px !important;
    height: 44px !important;
    border-radius: 5px !important;
    grid-template-columns: 28px 1fr auto !important;
    padding: 0 8px !important;
  }

  body[data-route="home"] .m-ticker-main {
    font-size: 13px !important;
    gap: 5px !important;
  }

  body[data-route="home"] .m-ticker em {
    font-size: 12px !important;
    line-height: 15px !important;
    padding: 2px 5px !important;
  }

  
  body[data-route="home"] .m-products {
    margin: 11px 8px 0 !important;
    border-radius: 0 0 7px 7px !important;
  }

  body[data-route="home"] .m-tabs {
    gap: 31px !important;
    padding: 15px 16px 10px !important;
  }

  body[data-route="home"] .m-tab {
    font-size: 15px !important;
    line-height: 18px !important;
    padding-bottom: 13px !important;
  }

  body[data-route="home"] .m-table-head {
    height: 31px !important;
    padding: 0 9px !important;
    font-size: 14px !important;
    color: #858b9f !important;
  }

  body[data-route="home"] .m-product-row {
    height: 58px !important;
    grid-template-columns: 1.36fr .82fr .82fr !important;
  }

  body[data-route="home"] .m-product-name {
    gap: 10px !important;
    font-size: 15px !important;
  }

  body[data-route="home"] .m-product-price {
    font-size: 14px !important;
  }

  body[data-route="home"] .m-product-change {
    min-width: 61px !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 17px !important;
    padding: 2px 5px !important;
  }

  body[data-route="home"] .m-more-row {
    height: 48px !important;
    font-size: 14px !important;
    color: #858b9f !important;
  }

  
  body[data-route="home"] .m-index {
    margin: 12px 8px 0 !important;
    padding: 22px 14px 12px !important;
    border-radius: 7px !important;
  }

  body[data-route="home"] .m-index h2 {
    margin-bottom: 18px !important;
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 900 !important;
  }

  body[data-route="home"] .m-index-row {
    height: 63px !important;
  }

  body[data-route="home"] .m-index-pair {
    font-size: 15px !important;
    color: #858b9f !important;
  }

  body[data-route="home"] .m-index-values b {
    font-size: 19px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
  }

  body[data-route="home"] .m-index-values em {
    font-size: 17px !important;
    line-height: 22px !important;
  }

  
  body[data-route="home"] .m-footer {
    margin: 22px 8px 0 !important;
    padding: 19px 10px 26px !important;
    background: #000 !important;
  }

  body[data-route="home"] .m-apps {
    padding: 0 41px !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
  }

  body[data-route="home"] .m-app-btn {
    height: 31px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
  }

  body[data-route="home"] .m-footer-line {
    margin-bottom: 23px !important;
  }

  body[data-route="home"] .m-contact {
    padding: 0 31px !important;
  }

  body[data-route="home"] .m-contact-block {
    margin-bottom: 53px !important;
  }

  body[data-route="home"] .m-contact h3 {
    font-size: 24px !important;
    line-height: 28px !important;
    margin-bottom: 14px !important;
    font-weight: 900 !important;
  }

  body[data-route="home"] .m-contact p {
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-footer-desc {
    margin: 8px -10px -26px !important;
    padding: 44px 38px 36px !important;
    background: #151515 !important;
    font-size: 15px !important;
    line-height: 23px !important;
    font-weight: 600 !important;
  }

  
  body[data-route="home"] .m-bottom-nav {
    height: 54px !important;
  }

  body[data-route="home"] .m-bottom-item {
    gap: 3px !important;
    font-size: 12px !important;
  }

  body[data-route="home"] .chat-float {
    right: 27px !important;
    bottom: 73px !important;
    width: 56px !important;
    height: 56px !important;
  }
}

@media (max-width: 390px) {
  body[data-route="home"] .m-home-header {
    grid-template-columns: 112px 1fr 46px !important;
  }

  body[data-route="home"] .m-tabs {
    gap: 26px !important;
  }

  body[data-route="home"] .m-apps {
    padding: 0 28px !important;
  }

  body[data-route="home"] .m-contact {
    padding: 0 24px !important;
  }

  body[data-route="home"] .m-footer-desc {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .mobile-mine-page {
    display: block !important;
    min-height: 100vh !important;
    padding: 0 4px 68px !important;
    background: #f5f7fb !important;
    color: #111111 !important;
    font-family: Arial, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  }

  body[data-route="home"] .m-mine-profile {
    position: relative !important;
    height: 92px !important;
    display: grid !important;
    grid-template-columns: 61px 1fr 28px !important;
    align-items: start !important;
    background: #ffffff !important;
    padding: 13px 8px 0 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-mine-avatar {
    width: 54px !important;
    height: 54px !important;
    margin-left: 0 !important;
    border-radius: 50% !important;
    background: #f0f0f0 !important;
    position: relative !important;
  }

  body[data-route="home"] .m-mine-avatar::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 12px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-mine-avatar::after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    bottom: 7px !important;
    width: 34px !important;
    height: 22px !important;
    border-radius: 18px 18px 12px 12px !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-mine-user {
    min-width: 0 !important;
    padding-top: 35px !important;
  }

  body[data-route="home"] .m-mine-name {
    color: #8d95a3 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-mine-profile-arrow {
    position: relative !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: 21px !important;
  }

  body[data-route="home"] .m-mine-profile-arrow::before {
    content: "" !important;
    position: absolute !important;
    left: 7px !important;
    top: 5px !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 1.8px solid #111111 !important;
    border-right: 1.8px solid #111111 !important;
    transform: rotate(45deg) !important;
  }

  body[data-route="home"] .m-mine-vip-card {
    margin: 0 0 10px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-mine-vip {
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #211f22 !important;
    color: #ffd600 !important;
    padding: 0 11px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }

  body[data-route="home"] .m-mine-vip span {
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #8a8a8a !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 9px !important;
    line-height: 18px !important;
    text-align: center !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-mine-vip b,
  body[data-route="home"] .m-mine-vip em {
    color: #ffd600 !important;
    font-size: 14px !important;
    line-height: 42px !important;
    font-style: normal !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-mine-quick {
    height: 87px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-mine-quick-item {
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 13px !important;
    color: #111111 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-mine-qicon {
    display: block !important;
    width: 23px !important;
    height: 20px !important;
    position: relative !important;
    color: #e4d200 !important;
  }

  body[data-route="home"] .m-mine-qicon-deposit::before,
  body[data-route="home"] .m-mine-qicon-withdraw::before,
  body[data-route="home"] .m-mine-qicon-flag::before,
  body[data-route="home"] .m-mine-qicon-order::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 4px !important;
    width: 18px !important;
    height: 13px !important;
    background: #e4d200 !important;
  }

  body[data-route="home"] .m-mine-qicon-deposit::after {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 7px !important;
    height: 2px !important;
    background: #fff !important;
  }

  body[data-route="home"] .m-mine-qicon-withdraw::before {
    width: 20px !important;
    height: 20px !important;
    top: 0 !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-mine-qicon-withdraw::after {
    content: "" !important;
    position: absolute !important;
    left: 9px !important;
    top: 5px !important;
    width: 4px !important;
    height: 9px !important;
    border-radius: 2px !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-mine-qicon-flag::before {
    left: 8px !important;
    top: 1px !important;
    width: 3px !important;
    height: 19px !important;
  }

  body[data-route="home"] .m-mine-qicon-flag::after {
    content: "" !important;
    position: absolute !important;
    left: 11px !important;
    top: 1px !important;
    width: 11px !important;
    height: 11px !important;
    background: #e4d200 !important;
    clip-path: polygon(0 0, 100% 0, 80% 50%, 100% 100%, 0 100%) !important;
  }

  body[data-route="home"] .m-mine-qicon-order::before {
    top: 6px !important;
    height: 12px !important;
    transform: rotate(-10deg) !important;
  }

  body[data-route="home"] .m-mine-qicon-order::after {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 1px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 1px !important;
    background: #e4d200 !important;
    transform: rotate(45deg) !important;
  }

  body[data-route="home"] .m-mine-list {
    margin: 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #f1f2f5 !important;
  }

  body[data-route="home"] .m-mine-row {
    width: 100% !important;
    height: 46px !important;
    display: grid !important;
    grid-template-columns: 38px 1fr 28px !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid #f0f1f4 !important;
    background: #ffffff !important;
    padding: 0 11px 0 12px !important;
    box-sizing: border-box !important;
    color: #111111 !important;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 46px !important;
    font-weight: 400 !important;
  }

  body[data-route="home"] .m-mine-row span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-mine-row b {
    position: relative !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    justify-self: end !important;
  }

  body[data-route="home"] .m-mine-row b::before {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 5px !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 1.4px solid #111111 !important;
    border-right: 1.4px solid #111111 !important;
    transform: rotate(45deg) !important;
  }

  body[data-route="home"] .m-mine-ricon {
    width: 22px !important;
    height: 22px !important;
    position: relative !important;
    display: block !important;
    color: #333333 !important;
  }

  body[data-route="home"] .m-mine-ricon::before,
  body[data-route="home"] .m-mine-ricon::after {
    content: "" !important;
    position: absolute !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-mine-ricon-tradepass::before,
  body[data-route="home"] .m-mine-ricon-wallet::before,
  body[data-route="home"] .m-mine-ricon-bank::before {
    left: 2px !important;
    top: 5px !important;
    width: 18px !important;
    height: 13px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 2px !important;
  }

  body[data-route="home"] .m-mine-ricon-tradepass::after {
    left: 13px !important;
    top: 10px !important;
    width: 7px !important;
    height: 7px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 50% !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-mine-ricon-loginpass::before {
    left: 3px !important;
    top: 3px !important;
    width: 17px !important;
    height: 17px !important;
    border: 1.5px solid currentColor !important;
    clip-path: polygon(50% 0, 100% 16%, 100% 62%, 50% 100%, 0 62%, 0 16%) !important;
  }

  body[data-route="home"] .m-mine-ricon-loginpass::after {
    left: 8px !important;
    top: 8px !important;
    width: 7px !important;
    height: 7px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-mine-ricon-identity::before {
    left: 2px !important;
    top: 4px !important;
    width: 18px !important;
    height: 14px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 1px !important;
  }

  body[data-route="home"] .m-mine-ricon-identity::after {
    left: 5px !important;
    top: 8px !important;
    width: 12px !important;
    height: 1.5px !important;
    background: currentColor !important;
    box-shadow: 0 4px 0 currentColor !important;
  }

  body[data-route="home"] .m-mine-ricon-wallet::after,
  body[data-route="home"] .m-mine-ricon-bank::after {
    left: 14px !important;
    top: 9px !important;
    width: 5px !important;
    height: 5px !important;
    border: 1.4px solid currentColor !important;
    border-radius: 1px !important;
  }

  body[data-route="home"] .m-mine-ricon-profile::before {
    left: 7px !important;
    top: 3px !important;
    width: 8px !important;
    height: 8px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-mine-ricon-profile::after {
    left: 3px !important;
    bottom: 2px !important;
    width: 16px !important;
    height: 9px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 9px 9px 0 0 !important;
  }

  body[data-route="home"] .m-mine-ricon-about::before {
    left: 3px !important;
    top: 3px !important;
    width: 16px !important;
    height: 16px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-mine-ricon-about::after {
    content: "i" !important;
    left: 8px !important;
    top: 4px !important;
    width: auto !important;
    height: auto !important;
    color: currentColor !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-mine-ricon-contact::before {
    left: 2px !important;
    top: 5px !important;
    width: 18px !important;
    height: 12px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 1px !important;
  }

  body[data-route="home"] .m-mine-ricon-contact::after {
    left: 4px !important;
    top: 6px !important;
    width: 14px !important;
    height: 8px !important;
    border-left: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    transform: rotate(-45deg) !important;
  }

  body[data-route="home"] .m-mine-ricon-language::before {
    left: 2px !important;
    top: 2px !important;
    width: 18px !important;
    height: 18px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-mine-ricon-language::after {
    left: 5px !important;
    top: 10px !important;
    width: 12px !important;
    height: 1.5px !important;
    background: currentColor !important;
    box-shadow: 0 -5px 0 rgba(51,51,51,.55), 0 5px 0 rgba(51,51,51,.55) !important;
  }

  body[data-route="home"] .m-mine-ricon-logout::before {
    left: 3px !important;
    top: 3px !important;
    width: 16px !important;
    height: 16px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 50% !important;
    border-top-color: transparent !important;
  }

  body[data-route="home"] .m-mine-ricon-logout::after {
    left: 10px !important;
    top: 1px !important;
    width: 1.5px !important;
    height: 10px !important;
    background: currentColor !important;
  }

  body[data-route="home"] .m-mine-ricon-delete::before {
    left: 7px !important;
    top: 3px !important;
    width: 8px !important;
    height: 8px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-mine-ricon-delete::after {
    left: 3px !important;
    bottom: 2px !important;
    width: 16px !important;
    height: 9px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 9px 9px 0 0 !important;
  }

  body[data-route="home"] .mobile-mine-page .m-bottom-nav {
    height: 54px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-bottom-item.active {
    color: #000000 !important;
  }

  body[data-route="home"] .mobile-mine-page .m-bottom-item.active .m-nav-mine {
    color: #ffdf00 !important;
  }

  body[data-route="home"] .mobile-mine-page .chat-float {
    right: 26px !important;
    bottom: 73px !important;
  }
}

@media (max-width: 360px) {
  body[data-route="home"] .m-mine-name {
    font-size: 16px !important;
  }

  body[data-route="home"] .m-mine-quick-item {
    font-size: 14px !important;
  }

  body[data-route="home"] .m-mine-row {
    font-size: 14px !important;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .mobile-mine-page {
    padding: 0 4px 64px !important;
    background: #f5f7fb !important;
  }

  body[data-route="home"] .m-mine-profile {
    height: 92px !important;
    grid-template-columns: 60px 1fr 26px !important;
    align-items: start !important;
    padding: 12px 7px 0 0 !important;
  }

  body[data-route="home"] .m-mine-avatar {
    width: 54px !important;
    height: 54px !important;
  }

  body[data-route="home"] .m-mine-user {
    padding-top: 35px !important;
    min-width: 0 !important;
  }

  body[data-route="home"] .m-mine-name {
    font-size: 17px !important;
    line-height: 21px !important;
    color: #8d95a3 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-mine-vip-card {
    margin: 0 0 10px !important;
    border-radius: 6px !important;
  }

  body[data-route="home"] .m-mine-vip {
    height: 42px !important;
    padding: 0 11px !important;
    gap: 5px !important;
    font-size: 13px !important;
  }

  body[data-route="home"] .m-mine-vip span {
    width: 18px !important;
    height: 18px !important;
    font-size: 9px !important;
    line-height: 18px !important;
  }

  body[data-route="home"] .m-mine-vip b,
  body[data-route="home"] .m-mine-vip em {
    font-size: 13px !important;
    line-height: 42px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-mine-quick {
    height: 86px !important;
  }

  body[data-route="home"] .m-mine-quick-item {
    gap: 12px !important;
    font-size: 15px !important;
    line-height: 17px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-mine-qicon {
    width: 22px !important;
    height: 20px !important;
  }

  body[data-route="home"] .m-mine-row {
    height: 45px !important;
    grid-template-columns: 36px 1fr 26px !important;
    padding: 0 10px 0 12px !important;
    font-size: 14px !important;
    line-height: 45px !important;
  }

  body[data-route="home"] .m-mine-row span,
  body[data-route="home"] .m-mine-quick-item span {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-mine-ricon {
    width: 21px !important;
    height: 21px !important;
  }

  body[data-route="home"] .m-mine-row b {
    width: 18px !important;
    height: 18px !important;
  }

  body[data-route="home"] .m-mine-row b::before {
    left: 5px !important;
    top: 5px !important;
    width: 7px !important;
    height: 7px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-bottom-nav {
    height: 54px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-bottom-item {
    font-size: 12px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-bottom-item.active .m-nav-mine {
    color: #ffdf00 !important;
  }

  body[data-route="home"] .mobile-mine-page ~ .chat-float,
  body[data-route="home"] .chat-float {
    right: 26px !important;
    bottom: 73px !important;
  }
}

@media (max-width: 380px) {
  body[data-route="home"] .m-mine-profile {
    grid-template-columns: 56px 1fr 24px !important;
  }

  body[data-route="home"] .m-mine-avatar {
    width: 50px !important;
    height: 50px !important;
  }

  body[data-route="home"] .m-mine-name {
    font-size: 16px !important;
  }

  body[data-route="home"] .m-mine-quick-item {
    font-size: 13px !important;
  }

  body[data-route="home"] .m-mine-row {
    height: 44px !important;
    font-size: 13px !important;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .mobile-positions-page {
    display: block !important;
    min-height: 100vh !important;
    background: #ffffff !important;
    color: #111111 !important;
    padding: 0 0 64px !important;
    font-family: Arial, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  }

  body[data-route="home"] .m-pos-type-tabs {
    height: 43px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 0 8px !important;
    border-bottom: 1px solid #eef0f4 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-type {
    position: relative !important;
    height: 43px !important;
    border: 0 !important;
    background: transparent !important;
    color: #606673 !important;
    font-size: 15px !important;
    line-height: 43px !important;
    font-weight: 500 !important;
    padding: 0 4px !important;
  }

  body[data-route="home"] .m-pos-type.active {
    color: #111111 !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-pos-type.active::after {
    content: "" !important;
    position: absolute !important;
    left: -4px !important;
    right: -4px !important;
    bottom: 0 !important;
    height: 2px !important;
    background: #168bff !important;
    border-radius: 2px !important;
  }

  body[data-route="home"] .m-pos-balance-card {
    position: relative !important;
    margin: 13px 8px 0 !important;
    height: 122px !important;
    border-radius: 12px !important;
    background: linear-gradient(105deg, #e6fff5 0%, #ecfff9 43%, #ffe9ff 100%) !important;
    display: grid !important;
    grid-template-columns: 1fr 136px !important;
    padding: 22px 20px 18px 24px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-pos-label {
    color: #8b939f !important;
    font-size: 15px !important;
    line-height: 18px !important;
    margin-bottom: 36px !important;
    letter-spacing: .2px !important;
  }

  body[data-route="home"] .m-pos-amount {
    color: #232323 !important;
    font-size: 26px !important;
    line-height: 31px !important;
    font-weight: 900 !important;
    letter-spacing: 3.2px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-pos-balance-right {
    padding-top: 0 !important;
    text-align: right !important;
  }

  body[data-route="home"] .m-pos-balance-right div {
    height: 24px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    color: #8b939f !important;
    font-size: 15px !important;
    line-height: 24px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-pos-balance-right b {
    color: #00a97d !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-pos-balance-right em {
    color: #e5484d !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-pos-actions {
    height: 110px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    align-items: center !important;
    background: #ffffff !important;
    padding: 9px 24px 0 !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-action {
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 13px !important;
    color: #111111 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-pos-action-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: #f3f3f3 !important;
    position: relative !important;
    display: block !important;
  }

  body[data-route="home"] .m-pos-action-icon::before,
  body[data-route="home"] .m-pos-action-icon::after {
    content: "" !important;
    position: absolute !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-action-withdraw::before {
    left: 13px !important;
    top: 17px !important;
    width: 25px !important;
    height: 18px !important;
    border: 2px solid #111 !important;
    border-radius: 2px !important;
  }

  body[data-route="home"] .m-pos-action-withdraw::after {
    left: 18px !important;
    top: 13px !important;
    width: 22px !important;
    height: 13px !important;
    border: 2px solid #111 !important;
    border-radius: 2px !important;
    transform: rotate(-10deg) !important;
    background: #f3f3f3 !important;
  }

  body[data-route="home"] .m-pos-action-deposit::before {
    left: 13px !important;
    top: 16px !important;
    width: 24px !important;
    height: 18px !important;
    border: 2px solid #111 !important;
    border-radius: 2px !important;
  }

  body[data-route="home"] .m-pos-action-deposit::after {
    left: 30px !important;
    top: 23px !important;
    width: 5px !important;
    height: 5px !important;
    border: 2px solid #111 !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-pos-action-records::before {
    left: 15px !important;
    top: 14px !important;
    width: 21px !important;
    height: 23px !important;
    border: 2px solid #111 !important;
  }

  body[data-route="home"] .m-pos-action-records::after {
    content: "¥" !important;
    left: 21px !important;
    top: 17px !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    width: auto !important;
    height: auto !important;
  }

  body[data-route="home"] .m-pos-order-tabs {
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 23px !important;
    padding: 0 9px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf0f3 !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-order-tab {
    position: relative !important;
    height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: #5f6675 !important;
    font-size: 15px !important;
    line-height: 42px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-pos-order-tab.active {
    color: #111111 !important;
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-pos-order-tab.active::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 2px !important;
    background: #168bff !important;
    border-radius: 2px !important;
  }

  body[data-route="home"] .m-pos-table {
    min-height: calc(100vh - 331px) !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-pos-table-head {
    height: 34px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    align-items: center !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #edf0f3 !important;
    color: #8b939f !important;
    font-size: 13px !important;
    line-height: 34px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-table-head span:nth-child(2) {
    text-align: center !important;
  }

  body[data-route="home"] .m-pos-table-head span:nth-child(3) {
    text-align: right !important;
  }

  body[data-route="home"] .m-pos-data-row {
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    align-items: center !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #f1f2f5 !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-data-row span:nth-child(2) {
    text-align: center !important;
  }

  body[data-route="home"] .m-pos-data-row span:nth-child(3) {
    text-align: right !important;
    color: #00a97d !important;
  }

  body[data-route="home"] .m-pos-data-row span.down {
    color: #f2364a !important;
  }

  body[data-route="home"] .m-pos-empty {
    height: 306px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #8b939f !important;
  }

  body[data-route="home"] .m-pos-empty-art {
    position: relative !important;
    width: 160px !important;
    height: 126px !important;
    opacity: .58 !important;
    margin-bottom: 18px !important;
  }

  body[data-route="home"] .m-pos-empty-art::before {
    content: "" !important;
    position: absolute !important;
    left: 57px !important;
    top: 42px !important;
    width: 66px !important;
    height: 78px !important;
    background: #eef1f4 !important;
  }

  body[data-route="home"] .m-pos-empty-art::after {
    content: "" !important;
    position: absolute !important;
    left: 73px !important;
    top: 54px !important;
    width: 50px !important;
    height: 60px !important;
    background: #ffffff !important;
    border: 7px solid #e3e7eb !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-empty-art i {
    position: absolute !important;
    left: 44px !important;
    bottom: 0 !important;
    width: 98px !important;
    height: 30px !important;
    background: #e2e6ea !important;
    display: block !important;
  }

  body[data-route="home"] .m-pos-empty-art b {
    position: absolute !important;
    left: 86px !important;
    top: 72px !important;
    width: 42px !important;
    height: 6px !important;
    background: #d9dee3 !important;
    display: block !important;
    box-shadow: 0 16px 0 #d9dee3, 0 32px 0 #d9dee3 !important;
    z-index: 2 !important;
  }

  body[data-route="home"] .m-pos-empty-art em {
    position: absolute !important;
    left: 98px !important;
    top: 17px !important;
    width: 32px !important;
    height: 16px !important;
    border-radius: 16px 16px 4px 4px !important;
    background: #eef1f4 !important;
    display: block !important;
  }

  body[data-route="home"] .m-pos-empty p {
    margin: 0 !important;
    color: #8b939f !important;
    font-size: 15px !important;
    line-height: 18px !important;
  }

  body[data-route="home"] .mobile-positions-page .m-bottom-item.active .m-nav-pos {
    color: #ffdf00 !important;
  }

  body[data-route="home"] .mobile-positions-page .m-bottom-nav {
    height: 54px !important;
  }

  body[data-route="home"] .chat-float {
    right: 26px !important;
    bottom: 73px !important;
  }
}

@media (max-width: 380px) {
  body[data-route="home"] .m-pos-balance-card {
    grid-template-columns: 1fr 122px !important;
    padding-left: 20px !important;
    padding-right: 18px !important;
  }

  body[data-route="home"] .m-pos-amount {
    font-size: 24px !important;
    letter-spacing: 2.4px !important;
  }

  body[data-route="home"] .m-pos-order-tabs {
    gap: 18px !important;
  }

  body[data-route="home"] .m-pos-order-tab {
    font-size: 14px !important;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .mobile-positions-page {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
    background: #ffffff !important;
    color: #111111 !important;
    padding: 0 0 54px !important;
    overflow-x: hidden !important;
    font-family: Arial, "Helvetica Neue", Helvetica, "PingFang TC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  }

  body[data-route="home"] .m-pos-type-tabs {
    height: 43px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 0 7px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eef0f3 !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-type {
    position: relative !important;
    height: 43px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #666d79 !important;
    font-size: 15px !important;
    line-height: 43px !important;
    font-weight: 500 !important;
    text-align: center !important;
  }

  body[data-route="home"] .m-pos-type.active {
    color: #111111 !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-pos-type.active::after {
    content: "" !important;
    position: absolute !important;
    left: -3px !important;
    right: -3px !important;
    bottom: -1px !important;
    height: 2px !important;
    background: #168bff !important;
    border-radius: 2px !important;
  }

  body[data-route="home"] .m-pos-balance-card {
    position: relative !important;
    width: auto !important;
    height: 122px !important;
    margin: 12px 8px 0 !important;
    padding: 22px 21px 16px 24px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 138px !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    background:
      radial-gradient(circle at 91% 1%, rgba(255, 231, 255, .92) 0, rgba(255, 236, 255, .72) 36%, transparent 72%),
      linear-gradient(106deg, #eafff7 0%, #effffb 44%, #fff0ff 100%) !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body[data-route="home"] .m-pos-label {
    margin: 0 0 35px !important;
    color: #8b939f !important;
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    letter-spacing: .1px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-pos-amount {
    margin: 0 !important;
    color: #242424 !important;
    font-size: 26px !important;
    line-height: 31px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-pos-balance-right {
    padding: 0 !important;
    margin: -2px 0 0 !important;
    display: block !important;
    text-align: right !important;
  }

  body[data-route="home"] .m-pos-balance-right div {
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    color: #8b939f !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-pos-balance-right b {
    color: #00a97d !important;
    font-size: 13px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-pos-balance-right em {
    color: #e5484d !important;
    font-size: 13px !important;
    line-height: 24px !important;
    font-style: normal !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-pos-actions {
    height: 112px !important;
    margin: 0 !important;
    padding: 10px 25px 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: start !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-action {
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 92px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    color: #111111 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-pos-action-icon {
    width: 50px !important;
    height: 50px !important;
    display: block !important;
    position: relative !important;
    border-radius: 50% !important;
    background: #f3f3f3 !important;
  }

  body[data-route="home"] .m-pos-action-icon::before,
  body[data-route="home"] .m-pos-action-icon::after {
    content: "" !important;
    position: absolute !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-action-withdraw::before {
    left: 14px !important;
    top: 18px !important;
    width: 24px !important;
    height: 17px !important;
    border: 2px solid #111 !important;
    border-radius: 2px !important;
    background: transparent !important;
    z-index: 2 !important;
  }

  body[data-route="home"] .m-pos-action-withdraw::after {
    left: 18px !important;
    top: 13px !important;
    width: 21px !important;
    height: 13px !important;
    border: 2px solid #111 !important;
    border-radius: 2px !important;
    background: #f3f3f3 !important;
    transform: rotate(-9deg) !important;
  }

  body[data-route="home"] .m-pos-action-deposit::before {
    left: 14px !important;
    top: 17px !important;
    width: 23px !important;
    height: 17px !important;
    border: 2px solid #111 !important;
    border-radius: 2px !important;
  }

  body[data-route="home"] .m-pos-action-deposit::after {
    left: 30px !important;
    top: 23px !important;
    width: 5px !important;
    height: 5px !important;
    border: 2px solid #111 !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-pos-action-records::before {
    left: 15px !important;
    top: 14px !important;
    width: 21px !important;
    height: 23px !important;
    border: 2px solid #111 !important;
    background: transparent !important;
  }

  body[data-route="home"] .m-pos-action-records::after {
    content: "¥" !important;
    left: 22px !important;
    top: 17px !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 15px !important;
    font-weight: 800 !important;
    width: auto !important;
    height: auto !important;
  }

  body[data-route="home"] .m-pos-order-tabs {
    height: 42px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    display: flex !important;
    align-items: center !important;
    gap: 23px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf0f3 !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-pos-order-tab {
    position: relative !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #646b77 !important;
    font-size: 15px !important;
    line-height: 42px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-pos-order-tab.active {
    color: #111111 !important;
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-pos-order-tab.active::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    height: 2px !important;
    background: #168bff !important;
    border-radius: 2px !important;
  }

  body[data-route="home"] .m-pos-table {
    min-height: calc(100vh - 329px) !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-pos-table-head {
    height: 34px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    align-items: center !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #edf0f3 !important;
    color: #8b939f !important;
    font-size: 13px !important;
    line-height: 34px !important;
    font-weight: 400 !important;
  }

  body[data-route="home"] .m-pos-table-head span:nth-child(2) {
    text-align: center !important;
  }

  body[data-route="home"] .m-pos-table-head span:nth-child(3) {
    text-align: right !important;
  }

  body[data-route="home"] .m-pos-data-row {
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    align-items: center !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #f1f2f5 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
  }

  body[data-route="home"] .m-pos-data-row span:nth-child(2) {
    text-align: center !important;
  }

  body[data-route="home"] .m-pos-data-row span:nth-child(3) {
    text-align: right !important;
    color: #00a97d !important;
  }

  body[data-route="home"] .m-pos-data-row span.down {
    color: #f2364a !important;
  }

  body[data-route="home"] .m-pos-empty {
    height: 306px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #8b939f !important;
  }

  body[data-route="home"] .m-pos-empty-art {
    position: relative !important;
    width: 166px !important;
    height: 128px !important;
    margin: 0 0 18px !important;
    opacity: .55 !important;
  }

  body[data-route="home"] .m-pos-empty-art::before {
    content: "" !important;
    position: absolute !important;
    left: 57px !important;
    top: 43px !important;
    width: 67px !important;
    height: 78px !important;
    background: #eef1f4 !important;
  }

  body[data-route="home"] .m-pos-empty-art::after {
    content: "" !important;
    position: absolute !important;
    left: 73px !important;
    top: 55px !important;
    width: 51px !important;
    height: 60px !important;
    background: #ffffff !important;
    border: 7px solid #e2e6ea !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
  }

  body[data-route="home"] .m-pos-empty-art i {
    position: absolute !important;
    left: 43px !important;
    bottom: 0 !important;
    width: 99px !important;
    height: 30px !important;
    display: block !important;
    background: #e1e5e9 !important;
    z-index: 3 !important;
  }

  body[data-route="home"] .m-pos-empty-art b {
    position: absolute !important;
    left: 86px !important;
    top: 74px !important;
    width: 42px !important;
    height: 6px !important;
    display: block !important;
    background: #d9dee3 !important;
    box-shadow: 0 16px 0 #d9dee3, 0 32px 0 #d9dee3 !important;
    z-index: 2 !important;
  }

  body[data-route="home"] .m-pos-empty-art em {
    position: absolute !important;
    left: 100px !important;
    top: 18px !important;
    width: 31px !important;
    height: 16px !important;
    display: block !important;
    border-radius: 16px 16px 4px 4px !important;
    background: #eef1f4 !important;
  }

  body[data-route="home"] .m-pos-empty p {
    margin: 0 !important;
    color: #8b939f !important;
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
  }

  body[data-route="home"] .mobile-positions-page .m-bottom-nav {
    height: 54px !important;
  }

  body[data-route="home"] .mobile-positions-page .m-bottom-item.active .m-nav-pos {
    color: #ffdf00 !important;
  }

  body[data-route="home"] .mobile-positions-page .chat-float,
  body[data-route="home"] .chat-float {
    right: 26px !important;
    bottom: 73px !important;
  }
}

@media (max-width: 380px) {
  body[data-route="home"] .m-pos-balance-card {
    grid-template-columns: minmax(0, 1fr) 122px !important;
    padding-left: 20px !important;
    padding-right: 18px !important;
  }

  body[data-route="home"] .m-pos-amount {
    font-size: 24px !important;
    letter-spacing: 2.4px !important;
  }

  body[data-route="home"] .m-pos-order-tabs {
    gap: 18px !important;
  }

  body[data-route="home"] .m-pos-order-tab {
    font-size: 14px !important;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .mobile-positions-page {
    background: #fff !important;
    padding-bottom: 54px !important;
  }

  body[data-route="home"] .m-pos-type-tabs {
    height: 43px !important;
    padding-left: 7px !important;
    gap: 16px !important;
    border-bottom: 1px solid #edf0f3 !important;
  }

  body[data-route="home"] .m-pos-type {
    height: 43px !important;
    min-width: 43px !important;
    font-size: 15px !important;
    line-height: 43px !important;
    color: #5e6570 !important;
  }

  body[data-route="home"] .m-pos-type.active {
    color: #121212 !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-pos-type.active::after {
    left: -4px !important;
    right: -4px !important;
    bottom: -1px !important;
    height: 2px !important;
    background: #168bff !important;
  }

  body[data-route="home"] .m-pos-balance-card {
    height: 122px !important;
    margin: 12px 8px 0 !important;
    border-radius: 12px !important;
    padding: 22px 21px 16px 24px !important;
    grid-template-columns: minmax(0, 1fr) 138px !important;
    background:
      radial-gradient(circle at 93% 3%, rgba(255,234,255,.95) 0, rgba(255,235,255,.76) 35%, transparent 74%),
      linear-gradient(106deg, #eafff7 0%, #f0fffb 45%, #fff0ff 100%) !important;
  }

  body[data-route="home"] .m-pos-label {
    margin-bottom: 35px !important;
    color: #89919e !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-pos-amount {
    font-size: 26px !important;
    line-height: 31px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
  }

  body[data-route="home"] .m-pos-balance-right {
    margin-top: -2px !important;
  }

  body[data-route="home"] .m-pos-balance-right div {
    height: 24px !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: #89919e !important;
  }

  body[data-route="home"] .m-pos-balance-right b,
  body[data-route="home"] .m-pos-balance-right em {
    font-size: 13px !important;
  }

  body[data-route="home"] .m-pos-actions {
    height: 112px !important;
    padding: 10px 25px 0 !important;
  }

  body[data-route="home"] .m-pos-action {
    height: 92px !important;
    gap: 13px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-pos-action-icon {
    width: 50px !important;
    height: 50px !important;
  }

  body[data-route="home"] .m-pos-order-tabs {
    height: 42px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #edf0f3 !important;
  }

  body[data-route="home"] .m-pos-order-tabs.is-contract {
    gap: 23px !important;
  }

  body[data-route="home"] .m-pos-order-tabs.is-option {
    gap: 24px !important;
  }

  body[data-route="home"] .m-pos-order-tab {
    height: 42px !important;
    font-size: 15px !important;
    line-height: 42px !important;
    color: #626976 !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-pos-order-tab.active {
    color: #121212 !important;
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-pos-order-tab.active::after {
    bottom: -1px !important;
    height: 2px !important;
    background: #168bff !important;
  }

  body[data-route="home"] .m-pos-table-head {
    height: 34px !important;
    padding: 0 10px !important;
    color: #8b939f !important;
    font-size: 13px !important;
    line-height: 34px !important;
  }

  body[data-route="home"] .m-pos-table.is-contract .m-pos-table-head {
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  body[data-route="home"] .m-pos-table.is-option .m-pos-table-head {
    grid-template-columns: 1fr 1.18fr .92fr !important;
  }

  body[data-route="home"] .m-pos-table-head span:first-child {
    text-align: left !important;
  }

  body[data-route="home"] .m-pos-table-head span:nth-child(2) {
    text-align: center !important;
  }

  body[data-route="home"] .m-pos-table-head span:nth-child(3) {
    text-align: right !important;
  }

  body[data-route="home"] .m-pos-empty {
    height: 306px !important;
    justify-content: center !important;
  }

  body[data-route="home"] .m-pos-empty-art {
    width: 166px !important;
    height: 128px !important;
    margin-bottom: 18px !important;
    opacity: .54 !important;
  }

  body[data-route="home"] .m-pos-empty p {
    font-size: 15px !important;
    color: #8b939f !important;
  }

  body[data-route="home"] .mobile-positions-page .m-bottom-item.active .m-nav-pos {
    color: #ffdf00 !important;
  }
}

@media (max-width: 380px) {
  body[data-route="home"] .m-pos-balance-card {
    grid-template-columns: minmax(0, 1fr) 122px !important;
    padding-left: 20px !important;
    padding-right: 18px !important;
  }

  body[data-route="home"] .m-pos-amount {
    font-size: 24px !important;
    letter-spacing: 2.4px !important;
  }

  body[data-route="home"] .m-pos-order-tabs.is-contract {
    gap: 18px !important;
  }

  body[data-route="home"] .m-pos-order-tabs.is-option {
    gap: 23px !important;
  }

  body[data-route="home"] .m-pos-order-tab {
    font-size: 14px !important;
  }

  body[data-route="home"] .m-pos-table.is-option .m-pos-table-head {
    grid-template-columns: .85fr 1.35fr .8fr !important;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .mobile-market-page {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
    background: #ffffff !important;
    color: #111 !important;
    padding: 6px 7px 54px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    font-family: Arial, "Helvetica Neue", Helvetica, "PingFang TC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  }

  body[data-route="home"] .m-market-search-wrap {
    position: relative !important;
    height: 36px !important;
    background: #f4f6f9 !important;
    margin: 0 0 12px !important;
    border-radius: 0 !important;
  }

  body[data-route="home"] .m-market-search {
    width: 100% !important;
    height: 36px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    padding: 0 12px 0 39px !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 36px !important;
  }

  body[data-route="home"] .m-market-search::placeholder {
    color: #b8c0cc !important;
  }

  body[data-route="home"] .m-market-search-icon {
    position: absolute !important;
    left: 17px !important;
    top: 10px !important;
    width: 13px !important;
    height: 13px !important;
    border: 1.5px solid #b8c0cc !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-market-search-icon::after {
    content: "" !important;
    position: absolute !important;
    right: -5px !important;
    bottom: -4px !important;
    width: 7px !important;
    height: 1.5px !important;
    background: #b8c0cc !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
  }

  body[data-route="home"] .m-market-top-tabs {
    height: 35px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    padding: 0 46px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-market-main-tab {
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    height: 35px !important;
    line-height: 35px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-align: center !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-market-main-tab.active {
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-market-filters {
    height: 43px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    padding: 0 46px !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }

  body[data-route="home"] .m-market-filter {
    height: 43px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #333 !important;
    font-size: 15px !important;
    line-height: 43px !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-market-filter span {
    width: 0 !important;
    height: 0 !important;
    margin-left: 4px !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #333 !important;
  }

  body[data-route="home"] .m-market-table-head {
    height: 34px !important;
    display: grid !important;
    grid-template-columns: 1.22fr .93fr .73fr .66fr !important;
    align-items: center !important;
    border-bottom: 1px solid #eff1f4 !important;
    color: #8b939f !important;
    font-size: 13px !important;
    line-height: 34px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-market-table-head span:nth-child(2),
  body[data-route="home"] .m-market-table-head span:nth-child(3),
  body[data-route="home"] .m-market-table-head span:nth-child(4) {
    text-align: right !important;
  }

  body[data-route="home"] .m-market-list {
    background: #fff !important;
  }

  body[data-route="home"] .m-market-row {
    height: 70px !important;
    display: grid !important;
    grid-template-columns: 1.22fr .93fr .73fr .66fr !important;
    align-items: center !important;
    border-bottom: 1px solid #f4f5f7 !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-market-name {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #111 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-market-flags {
    position: relative !important;
    display: inline-block !important;
    width: 28px !important;
    height: 25px !important;
    flex: 0 0 28px !important;
    font-size: 20px !important;
    line-height: 20px !important;
  }

  body[data-route="home"] .m-market-flags span {
    position: absolute !important;
    top: 2px !important;
    left: 0 !important;
  }

  body[data-route="home"] .m-market-flags span:last-child {
    left: 12px !important;
    top: 0 !important;
  }

  body[data-route="home"] .m-market-price {
    text-align: right !important;
    color: #5c9c00 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-market-volume {
    text-align: right !important;
    color: #000 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-market-volume span,
  body[data-route="home"] .m-market-change span {
    display: block !important;
  }

  body[data-route="home"] .m-market-change {
    text-align: right !important;
    color: #6ca800 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-market-change b {
    display: inline-block !important;
    min-width: 66px !important;
    height: 19px !important;
    line-height: 19px !important;
    padding: 0 4px !important;
    border-radius: 1px !important;
    box-sizing: border-box !important;
    background: #79b800 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
  }

  body[data-route="home"] .m-market-pagination {
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  body[data-route="home"] .m-market-page-btn {
    width: 36px !important;
    height: 35px !important;
    border: 0 !important;
    background: #f2f5fa !important;
    color: #222 !important;
    font-size: 14px !important;
    line-height: 35px !important;
    text-align: center !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-market-page-btn.active {
    background: #ffdf00 !important;
    color: #000 !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-market-page-btn.arrow {
    color: #b8c0cc !important;
    font-size: 22px !important;
  }

  body[data-route="home"] .m-market-empty {
    height: calc(100vh - 160px) !important;
    min-height: 470px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: 60px !important;
    color: #8b939f !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-market-empty .m-pos-empty-art {
    width: 166px !important;
    height: 128px !important;
    margin-bottom: 18px !important;
    opacity: .52 !important;
  }

  body[data-route="home"] .m-market-empty p {
    margin: 0 !important;
    color: #8b939f !important;
    font-size: 15px !important;
    line-height: 18px !important;
  }

  body[data-route="home"] .m-market-dropdown-layer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 128px !important;
    bottom: 54px !important;
    z-index: 125 !important;
    pointer-events: none !important;
  }

  body[data-route="home"] .m-market-dropdown-menu {
    position: relative !important;
    z-index: 2 !important;
    background: #fff !important;
    pointer-events: auto !important;
    box-shadow: none !important;
  }

  body[data-route="home"] .m-market-dropdown-item {
    width: 100% !important;
    height: 48px !important;
    display: grid !important;
    grid-template-columns: 1fr 30px !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid #f4f5f7 !important;
    background: #fff !important;
    color: #222 !important;
    font-size: 15px !important;
    line-height: 48px !important;
    text-align: left !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-market-dropdown-item b {
    display: none !important;
    color: #168bff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: right !important;
  }

  body[data-route="home"] .m-market-dropdown-item.active {
    color: #168bff !important;
  }

  body[data-route="home"] .m-market-dropdown-item.active b {
    display: block !important;
  }

  body[data-route="home"] .m-market-dim {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 288px !important;
    bottom: 0 !important;
    border: 0 !important;
    background: rgba(0,0,0,.68) !important;
    pointer-events: auto !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-market-dropdown-layer.is-rank .m-market-dim {
    top: 192px !important;
  }

  body[data-route="home"] .mobile-market-page .m-bottom-item.active .m-nav-market {
    color: #ffdf00 !important;
  }

  body[data-route="home"] .mobile-market-page .m-bottom-nav {
    height: 54px !important;
  }

  body[data-route="home"] .mobile-market-page ~ .chat-float,
  body[data-route="home"] .chat-float {
    right: 26px !important;
    bottom: 73px !important;
  }
}

@media (max-width: 380px) {
  body[data-route="home"] .m-market-top-tabs,
  body[data-route="home"] .m-market-filters {
    padding-left: 38px !important;
    padding-right: 38px !important;
  }

  body[data-route="home"] .m-market-table-head,
  body[data-route="home"] .m-market-row {
    grid-template-columns: 1.14fr .86fr .7fr .68fr !important;
  }

  body[data-route="home"] .m-market-change b {
    min-width: 60px !important;
    font-size: 12px !important;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .mobile-trade-page {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
    background: #ffffff !important;
    color: #111111 !important;
    padding: 0 0 54px !important;
    overflow-x: hidden !important;
    font-family: Arial, "Helvetica Neue", Helvetica, "PingFang TC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  }

  body[data-route="home"] .m-trade-head {
    height: 43px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf0f3 !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-trade-back {
    position: absolute !important;
    left: 9px !important;
    top: 0 !important;
    width: 36px !important;
    height: 43px !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-route="home"] .m-trade-back::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 14px !important;
    width: 11px !important;
    height: 11px !important;
    border-left: 2px solid #111111 !important;
    border-bottom: 2px solid #111111 !important;
    transform: rotate(45deg) !important;
  }

  body[data-route="home"] .m-trade-symbol {
    height: 43px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111111 !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-trade-symbol-icon {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #a8a8b2 !important;
    position: relative !important;
    display: inline-block !important;
  }

  body[data-route="home"] .m-trade-symbol-icon::before {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 7px !important;
    width: 12px !important;
    height: 10px !important;
    border: 1.5px solid #ffffff !important;
    border-radius: 2px !important;
    opacity: .9 !important;
  }

  body[data-route="home"] .m-trade-symbol-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 9px !important;
    top: 5px !important;
    width: 6px !important;
    height: 4px !important;
    border-top: 1.5px solid #ffffff !important;
    border-left: 1.5px solid #ffffff !important;
    border-right: 1.5px solid #ffffff !important;
    border-radius: 4px 4px 0 0 !important;
  }

  body[data-route="home"] .m-trade-symbol b {
    font-size: 16px !important;
    line-height: 43px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-trade-symbol i {
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #111111 !important;
    margin-top: 3px !important;
  }

  body[data-route="home"] .m-trade-summary {
    height: 146px !important;
    display: grid !important;
    grid-template-columns: 154px 1fr !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    padding: 15px 10px 12px !important;
    border-bottom: 1px solid #edf0f3 !important;
  }

  body[data-route="home"] .m-trade-left-price {
    min-width: 0 !important;
    padding-top: 1px !important;
  }

  body[data-route="home"] .m-trade-left-price strong {
    display: block !important;
    color: #83b70a !important;
    font-size: 26px !important;
    line-height: 31px !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    margin: 0 0 8px !important;
  }

  body[data-route="home"] .m-trade-left-price span,
  body[data-route="home"] .m-trade-left-price em {
    color: #000000 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    margin-right: 9px !important;
  }

  body[data-route="home"] .m-trade-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 32px !important;
    row-gap: 6px !important;
    padding-left: 2px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-trade-stats div {
    min-width: 0 !important;
    height: 20px !important;
  }

  body[data-route="home"] .m-trade-stats span {
    display: block !important;
    color: #7e8796 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-trade-stats b {
    display: block !important;
    color: #111111 !important;
    font-size: 13px !important;
    line-height: 15px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-trade-stats b.down {
    color: #f2484b !important;
  }

  body[data-route="home"] .m-trade-time-tabs {
    height: 44px !important;
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf0f3 !important;
  }

  body[data-route="home"] .m-trade-time-tabs button {
    border: 0 !important;
    background: transparent !important;
    color: #7d8796 !important;
    font-size: 14px !important;
    line-height: 44px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body[data-route="home"] .m-trade-time-tabs button.active {
    color: #111111 !important;
  }

  body[data-route="home"] .m-trade-chart {
    height: 360px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dfe4ea !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-trade-chart-svg {
    display: block !important;
    width: 100% !important;
    height: 360px !important;
    background: #ffffff !important;
  }

  body[data-route="home"] .m-trade-chart-svg .grid line {
    stroke: #edf1f4 !important;
    stroke-width: 1 !important;
  }

  body[data-route="home"] .m-trade-chart-svg .green,
  body[data-route="home"] .m-trade-chart-svg rect.green {
    stroke: #20c7a8 !important;
    fill: #20c7a8 !important;
  }

  body[data-route="home"] .m-trade-chart-svg .red,
  body[data-route="home"] .m-trade-chart-svg rect.red {
    stroke: #ff4f67 !important;
    fill: #ff4f67 !important;
  }

  body[data-route="home"] .m-trade-chart-svg .candles line {
    stroke-width: 1.2 !important;
  }

  body[data-route="home"] .m-trade-chart-svg .axis {
    fill: #30343a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  body[data-route="home"] .m-trade-chart-svg .current-line {
    stroke: #13a981 !important;
    stroke-width: 1 !important;
    stroke-dasharray: 1.5 1.5 !important;
  }

  body[data-route="home"] .m-trade-chart-svg .price-box {
    fill: #18c69a !important;
  }

  body[data-route="home"] .m-trade-chart-svg .price-text {
    fill: #000000 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-trade-order {
    height: 106px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf0f3 !important;
  }

  body[data-route="home"] .m-trade-order-title {
    height: 42px !important;
    border-bottom: 1px solid #edf0f3 !important;
    color: #333333 !important;
    font-size: 15px !important;
    line-height: 42px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-trade-order-head {
    height: 40px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    align-items: center !important;
    color: #7e8796 !important;
    font-size: 14px !important;
    line-height: 40px !important;
    padding: 0 3px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-trade-order-head span:nth-child(2) {
    text-align: center !important;
  }

  body[data-route="home"] .m-trade-order-head span:nth-child(3) {
    text-align: right !important;
  }

  body[data-route="home"] .m-trade-order-placeholder {
    height: 24px !important;
    background: #f5f6f8 !important;
  }

  body[data-route="home"] .m-trade-actionbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 140 !important;
    height: 54px !important;
    display: grid !important;
    grid-template-columns: 1.05fr 1.05fr .52fr .52fr .52fr !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 7px 9px 7px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-top: 1px solid #edf0f3 !important;
  }

  body[data-route="home"] .m-trade-buy,
  body[data-route="home"] .m-trade-sell {
    height: 40px !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-trade-buy {
    background: #14c5a0 !important;
  }

  body[data-route="home"] .m-trade-sell {
    background: #d65a54 !important;
  }

  body[data-route="home"] .m-trade-mini {
    height: 46px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    color: #7e8796 !important;
    font-size: 12px !important;
    line-height: 13px !important;
  }

  body[data-route="home"] .m-trade-mini i {
    width: 25px !important;
    height: 24px !important;
    display: block !important;
    position: relative !important;
  }

  body[data-route="home"] .m-trade-mini-heart::before,
  body[data-route="home"] .m-trade-mini-heart::after {
    content: "" !important;
    position: absolute !important;
    width: 12px !important;
    height: 18px !important;
    border: 2px solid #8a94a3 !important;
    border-radius: 12px 12px 0 0 !important;
    background: transparent !important;
  }

  body[data-route="home"] .m-trade-mini-heart::before {
    left: 3px !important;
    top: 4px !important;
    transform: rotate(-45deg) !important;
    border-right: 0 !important;
  }

  body[data-route="home"] .m-trade-mini-heart::after {
    left: 10px !important;
    top: 4px !important;
    transform: rotate(45deg) !important;
    border-left: 0 !important;
  }

  body[data-route="home"] .m-trade-mini-clock::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 1px !important;
    width: 21px !important;
    height: 21px !important;
    border: 2px solid #8a94a3 !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-trade-mini-clock::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 5px !important;
    width: 7px !important;
    height: 10px !important;
    border-left: 2px solid #8a94a3 !important;
    border-bottom: 2px solid #8a94a3 !important;
  }

  body[data-route="home"] .m-trade-mini-more::before {
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    top: 3px !important;
    width: 7px !important;
    height: 7px !important;
    border: 2px solid #8a94a3 !important;
    border-radius: 2px !important;
    box-shadow: 12px 0 0 -2px #fff, 12px 0 0 0 #8a94a3, 0 12px 0 -2px #fff, 0 12px 0 0 #8a94a3, 12px 12px 0 -2px #fff, 12px 12px 0 0 #8a94a3 !important;
  }

  body[data-route="home"] .mobile-trade-page ~ .chat-float,
  body[data-route="home"] .chat-float {
    right: 26px !important;
    bottom: 143px !important;
    width: 56px !important;
    height: 56px !important;
    z-index: 141 !important;
  }
}

@media (max-width: 380px) {
  body[data-route="home"] .m-trade-summary {
    grid-template-columns: 146px 1fr !important;
    padding-left: 9px !important;
    padding-right: 8px !important;
  }

  body[data-route="home"] .m-trade-stats {
    column-gap: 22px !important;
  }

  body[data-route="home"] .m-trade-left-price strong {
    font-size: 24px !important;
    letter-spacing: 2px !important;
  }

  body[data-route="home"] .m-trade-actionbar {
    gap: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .m-trade-chart-svg .candles line {
    stroke-width: 1.15 !important;
  }

  body[data-route="home"] .m-trade-chart-svg .candles rect {
    rx: 0 !important;
  }

  body[data-route="home"] .m-trade-time-tabs button.active {
    color: #111111 !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-trade-chart[data-live-source="api"]::after,
  body[data-route="home"] .m-trade-chart[data-live-source="upstream"]::after {
    content: "" !important;
    display: none !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .mobile-trade-page {
    position: relative;
    overflow: hidden;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-time-tabs,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-chart,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-order,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-actionbar {
    filter: brightness(.68);
  }

  body[data-route="home"] .m-trade-switch-layer {
    position: absolute;
    inset: 0;
    z-index: 22;
    background: rgba(46, 46, 46, 0.62);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 146px;
  }

  body[data-route="home"] .m-trade-switch-panel {
    background: #ffffff;
    min-height: calc(100vh - 146px);
    border-top: 1px solid #dedede;
    box-shadow: 0 -1px 0 rgba(0,0,0,.02);
  }

  body[data-route="home"] .m-trade-switch-search-wrap {
    padding: 18px 10px 10px;
    border-bottom: 1px solid #e3e3e3;
    background: #fff;
  }

  body[data-route="home"] .m-trade-switch-search {
    width: 100%;
    height: 42px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    background: #fff;
    font-size: 15px;
    color: #565d6d;
    padding: 0 12px;
    outline: none;
  }

  body[data-route="home"] .m-trade-switch-search::placeholder {
    color: #9aa0ad;
  }

  body[data-route="home"] .m-trade-switch-head {
    display: grid;
    grid-template-columns: 1.35fr .92fr .88fr;
    padding: 12px 12px 10px;
    color: #8f96a4;
    font-size: 13px;
    border-bottom: 1px solid #ececec;
    align-items: center;
  }

  body[data-route="home"] .m-trade-switch-list {
    background: #fff;
  }

  body[data-route="home"] .m-trade-switch-row {
    width: 100%;
    border: 0;
    background: #fff;
    display: grid;
    grid-template-columns: 1.35fr .92fr .88fr;
    align-items: center;
    text-align: left;
    padding: 14px 12px;
    border-bottom: 1px solid #efefef;
    color: #101114;
  }

  body[data-route="home"] .m-trade-switch-row.active {
    background: #fafafa;
  }

  body[data-route="home"] .m-trade-switch-name {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  body[data-route="home"] .m-trade-switch-name b {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
  }

  body[data-route="home"] .m-trade-switch-ico {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex: 0 0 30px;
    color: #fff;
    background: #bcb8c8;
  }

  body[data-route="home"] .m-trade-switch-ico.metal { background: #b9b6c3; }
  body[data-route="home"] .m-trade-switch-ico.flags { background: #5a92f1; }
  body[data-route="home"] .m-trade-switch-ico.oil { background: #222; }
  body[data-route="home"] .m-trade-switch-ico.crypto { background: #cf9a00; }
  body[data-route="home"] .m-trade-switch-ico.default { background: #999; }

  body[data-route="home"] .m-trade-switch-price,
  body[data-route="home"] .m-trade-switch-change {
    justify-self: end;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
  }

  body[data-route="home"] .m-trade-switch-change.up { color: #73b800; }
  body[data-route="home"] .m-trade-switch-change.down { color: #e74a45; }

  body[data-route="home"] .m-trade-switch-end {
    text-align: center;
    padding: 18px 10px 22px;
    font-size: 14px;
    color: #111;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .m-trade-switch-row {
    min-height: 56px;
  }

  body[data-route="home"] .m-trade-switch-price {
    color: #111;
  }

  body[data-route="home"] .m-trade-switch-change {
    white-space: pre-line;
    text-align: right;
  }

  body[data-route="home"] .m-trade-switch-ico.metal {
    color: #fff;
    font-size: 14px;
  }

  body[data-route="home"] .m-trade-switch-ico.crypto {
    background: #15171a;
    color: #97ff33;
  }

  body[data-route="home"] .m-trade-switch-ico.default {
    background: #6b7280;
  }
}




@media (max-width: 900px) {
  body[data-route="home"] .m-trade-order {
    height: auto !important;
    min-height: 430px !important;
    padding-bottom: 76px !important;
    background: #fff !important;
    border-bottom: 0 !important;
  }

  body[data-route="home"] .m-trade-order-title {
    height: 38px !important;
    border-bottom: 1px solid #edf0f3 !important;
    padding: 0 7px !important;
    color: #2f343b !important;
    font-size: 15px !important;
    line-height: 38px !important;
  }

  body[data-route="home"] .m-trade-order-head {
    height: 38px !important;
    display: grid !important;
    grid-template-columns: 1fr 1.08fr 1fr !important;
    color: #7e8796 !important;
    font-size: 14px !important;
    line-height: 38px !important;
    padding: 0 7px !important;
    border-bottom: 1px solid #f0f2f5 !important;
  }

  body[data-route="home"] .m-trade-depth {
    padding: 0 7px 4px !important;
    border-bottom: 1px solid #f0f2f5 !important;
  }

  body[data-route="home"] .m-trade-depth-row {
    position: relative !important;
    height: 23px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    align-items: center !important;
    overflow: hidden !important;
    color: #3d4147 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  body[data-route="home"] .m-trade-depth-row span {
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-route="home"] .m-depth-qty.ask {
    text-align: left !important;
  }

  body[data-route="home"] .m-depth-price.ask {
    color: #e84c62 !important;
    text-align: right !important;
    padding-right: 9px !important;
  }

  body[data-route="home"] .m-depth-price.bid {
    color: #00ad91 !important;
    text-align: left !important;
    padding-left: 9px !important;
  }

  body[data-route="home"] .m-depth-qty.bid {
    text-align: right !important;
  }

  body[data-route="home"] .m-depth-bg {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  body[data-route="home"] .m-depth-bg.ask {
    left: 0 !important;
    background: rgba(238, 74, 96, .12) !important;
  }

  body[data-route="home"] .m-depth-bg.bid {
    right: 0 !important;
    background: rgba(0, 178, 144, .12) !important;
  }

  body[data-route="home"] .m-trade-latest-title {
    height: 39px !important;
    padding: 0 7px !important;
    color: #2f343b !important;
    font-size: 15px !important;
    line-height: 39px !important;
    border-bottom: 1px solid #f0f2f5 !important;
  }

  body[data-route="home"] .m-trade-latest-head {
    height: 36px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    align-items: center !important;
    color: #7e8796 !important;
    font-size: 14px !important;
    line-height: 36px !important;
    padding: 0 7px !important;
  }

  body[data-route="home"] .m-trade-latest-head span:nth-child(2),
  body[data-route="home"] .m-trade-latest-row span:nth-child(2) {
    text-align: center !important;
  }

  body[data-route="home"] .m-trade-latest-head span:nth-child(3),
  body[data-route="home"] .m-trade-latest-row span:nth-child(3) {
    text-align: right !important;
  }

  body[data-route="home"] .m-trade-latest-list {
    padding: 0 7px !important;
  }

  body[data-route="home"] .m-trade-latest-row {
    height: 26px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    align-items: center !important;
    color: #3d4147 !important;
    font-size: 14px !important;
    line-height: 26px !important;
  }

  body[data-route="home"] .m-trade-latest-row .buy {
    color: #00ad91 !important;
  }

  body[data-route="home"] .m-trade-latest-row .sell {
    color: #e84c62 !important;
  }

  body[data-route="home"] .m-trade-order-placeholder {
    display: none !important;
  }

  body[data-route="home"] .m-trade-actionbar {
    z-index: 170 !important;
  }

  body[data-route="home"] .mobile-trade-page .chat-float,
  body[data-route="home"] .chat-float {
    bottom: 143px !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-trade-depth-row span,
  body[data-route="home"] .m-trade-latest-row span {
    transition: color .18s ease, opacity .18s ease, transform .18s ease;
  }

  body[data-route="home"] .m-trade-latest-row:first-child span:first-child {
    font-weight: 500 !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-ticker-strip {
    overflow: hidden !important;
    padding-bottom: 8px !important;
    scrollbar-width: none !important;
  }

  body[data-route="home"] .m-ticker-track {
    display: flex !important;
    gap: 10px !important;
    width: max-content !important;
    animation: mTickerLoop 22s linear infinite !important;
    will-change: transform !important;
  }

  body[data-route="home"] .m-ticker-strip:hover .m-ticker-track {
    animation-play-state: paused !important;
  }

  @keyframes mTickerLoop {
    from { transform: translateX(0); }
    to { transform: translateX(-33.333%); }
  }

  body[data-route="home"] button.m-product-row,
  body[data-route="home"] button.m-market-row,
  body[data-route="home"] button.m-index-row,
  body[data-route="home"] .m-ticker {
    border: 0 !important;
    font-family: inherit !important;
    text-align: left !important;
    cursor: pointer !important;
  }

  body[data-route="home"] button.m-product-row,
  body[data-route="home"] button.m-market-row,
  body[data-route="home"] button.m-index-row {
    width: 100% !important;
    background: transparent !important;
  }

  body[data-route="home"] .m-flag-pair {
    position: relative !important;
    display: inline-block !important;
    width: 30px !important;
    height: 28px !important;
    flex: 0 0 30px !important;
    background: transparent !important;
    color: inherit !important;
    font-size: 20px !important;
    line-height: 20px !important;
    overflow: visible !important;
  }

  body[data-route="home"] .m-flag-pair span {
    position: absolute !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.8) !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-flag-pair span:first-child {
    left: 0 !important;
    top: 2px !important;
    z-index: 2 !important;
  }

  body[data-route="home"] .m-flag-pair span:last-child {
    right: 0 !important;
    bottom: 2px !important;
    z-index: 1 !important;
  }

  body[data-route="home"] .m-ico-metal,
  body[data-route="home"] .m-ico-oil,
  body[data-route="home"] .m-ico-google,
  body[data-route="home"] .m-ico-nvda,
  body[data-route="home"] .m-ico-apple,
  body[data-route="home"] .m-ico-crypto,
  body[data-route="home"] .m-ico-index {
    color: #111 !important;
    background: #f1f2f5 !important;
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-ico-metal.gold { background: #f4c542 !important; color: #111 !important; }
  body[data-route="home"] .m-ico-metal.silver { background: #b9b6c3 !important; color: #fff !important; }
  body[data-route="home"] .m-ico-oil { background: #111 !important; color: #fff !important; }
  body[data-route="home"] .m-ico-google { background: #f4f7ff !important; color: #4285f4 !important; }
  body[data-route="home"] .m-ico-nvda { background: #0b0f0c !important; color: #76b900 !important; }
  body[data-route="home"] .m-ico-crypto { background: #f0a500 !important; color: #fff !important; }
  body[data-route="home"] .m-ico-index { background: #11457e !important; color: #fff !important; }

  body[data-route="home"] .m-trade-symbol .m-trade-switch-ico {
    margin-right: 5px !important;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    font-size: 12px !important;
  }

  body[data-route="home"] .m-market-change.down b,
  body[data-route="home"] .m-market-change.down span {
    color: #f1443d !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-invest-loop {
    width: 100%;
    overflow: hidden;
    padding: 0 0 8px;
  }

  body[data-route="home"] .m-invest-track {
    display: flex;
    gap: 8px;
    width: max-content;
    animation: mInvestLoop 26s linear infinite;
    will-change: transform;
  }

  @keyframes mInvestLoop {
    from { transform: translateX(0); }
    to { transform: translateX(-33.333%); }
  }

  body[data-route="home"] .m-invest-card {
    width: 138px;
    height: 56px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0;
    border-right: 1px solid rgba(228,232,238,.85);
    background: #fff;
    color: #1f2937;
    text-align: left;
    padding: 7px 8px;
    flex: 0 0 auto;
    font-family: inherit;
  }

  body[data-route="home"] .m-invest-card .m-ico,
  body[data-route="home"] .m-invest-card .m-flag-pair {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
  }

  body[data-route="home"] .m-invest-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }

  body[data-route="home"] .m-invest-main div {
    display: flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
  }

  body[data-route="home"] .m-invest-main b {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
  }

  body[data-route="home"] .m-invest-main span {
    font-size: 12px;
    line-height: 1;
    color: #111;
  }

  body[data-route="home"] .m-invest-main em {
    width: fit-content;
    min-width: 48px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #078a25;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    line-height: 18px;
    padding: 0 4px;
  }

  body[data-route="home"] .m-invest-main em.down { background: #f20f1b; }

  body[data-route="home"] .m-trade-actionbar .m-trade-mini.active .m-trade-mini-heart,
  body[data-route="home"] .m-trade-actionbar .m-trade-mini.active span {
    color: #ef233c !important;
  }

  body[data-route="home"] .m-trade-actionbar .m-trade-mini.active .m-trade-mini-heart {
    background: #ef233c !important;
    border-color: #ef233c !important;
  }

  body[data-route="home"] .trade-order-open {
    background: #fff !important;
  }

  body[data-route="home"] .trade-order-open .m-trade-summary {
    position: sticky;
    top: 0;
    z-index: 12;
    background: rgba(0,0,0,.68);
    color: #111;
  }

  body[data-route="home"] .m-order-panel {
    padding: 0 0 92px;
    background: #fff;
    min-height: calc(100vh - 150px);
  }

  body[data-route="home"] .m-order-type-tabs {
    height: 41px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f3f5f7;
    border-bottom: 1px solid #eef0f3;
  }

  body[data-route="home"] .m-order-type-tabs button {
    border: 0;
    background: transparent;
    color: #7b8494;
    font-size: 14px;
    font-weight: 500;
  }

  body[data-route="home"] .m-order-type-tabs button.active {
    background: #fff;
    color: #101828;
    font-weight: 700;
  }

  body[data-route="home"] .m-order-balance {
    height: 44px;
    padding: 0 6px;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 8px;
    color: #778195;
    font-size: 13px;
  }

  body[data-route="home"] .m-order-balance b {
    color: #111;
    font-weight: 700;
  }

  body[data-route="home"] .m-order-balance button {
    border: 0;
    background: transparent;
    color: #e0b700;
    font-size: 12px;
  }

  body[data-route="home"] .m-order-price-tabs {
    display: flex;
    height: 34px;
    align-items: center;
    padding: 0 6px;
    gap: 8px;
  }

  body[data-route="home"] .m-order-price-tabs button {
    min-width: 54px;
    height: 28px;
    border: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
  }

  body[data-route="home"] .m-order-price-tabs button.active {
    background: #ffe100;
  }

  body[data-route="home"] .m-order-input-row {
    height: 44px;
    margin: 8px 6px 0;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f7f7f7;
    color: #8a93a3;
    font-size: 14px;
  }

  body[data-route="home"] .m-order-input-row b {
    color: #555f70;
    font-weight: 500;
  }

  body[data-route="home"] .m-order-stepper {
    height: 44px;
    margin: 12px 6px 0;
    display: grid;
    grid-template-columns: 46px 1fr 46px 40px;
    align-items: center;
    background: #f7f7f7;
  }

  body[data-route="home"] .m-order-stepper button {
    border: 0;
    background: transparent;
    color: #657083;
    font-size: 25px;
    line-height: 1;
  }

  body[data-route="home"] .m-order-stepper input {
    border: 0;
    background: transparent;
    text-align: center;
    font-size: 14px;
    outline: none;
  }

  body[data-route="home"] .m-order-stepper em {
    font-style: normal;
    color: #111;
    font-size: 13px;
  }

  body[data-route="home"] .m-order-slider {
    height: 34px;
    display: flex;
    align-items: center;
    padding: 0 6px;
  }

  body[data-route="home"] .m-order-slider input {
    width: 100%;
    accent-color: #ffe100;
  }

  body[data-route="home"] .m-order-kv,
  body[data-route="home"] .m-option-info p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 28px;
    padding: 0 6px;
    color: #7e8796;
    font-size: 13px;
  }

  body[data-route="home"] .m-order-kv b,
  body[data-route="home"] .m-option-info b {
    color: #111;
    font-weight: 700;
  }

  body[data-route="home"] .m-order-check {
    height: 34px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 6px;
    color: #1f2937;
    font-size: 13px;
  }

  body[data-route="home"] .m-option-symbol {
    padding: 10px 6px 8px;
    color: #111;
    font-size: 14px;
    font-weight: 700;
  }

  body[data-route="home"] .m-option-grid {
    margin: 6px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #edf0f5;
  }

  body[data-route="home"] .m-option-grid button {
    height: 72px;
    border: 0;
    border-right: 1px solid #edf0f5;
    border-bottom: 1px solid #edf0f5;
    background: #fff;
    color: #8b95a5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    font-family: inherit;
  }

  body[data-route="home"] .m-option-grid button:nth-child(3n) { border-right: 0; }
  body[data-route="home"] .m-option-grid button.active { background: #ffe100; color: #111; }
  body[data-route="home"] .m-option-grid b { font-size: 13px; }
  body[data-route="home"] .m-option-grid span { font-size: 12px; }

  body[data-route="home"] .m-option-info {
    margin-top: 22px;
    border-top: 8px solid #f5f6f8;
    padding-top: 12px;
  }

  body[data-route="home"] .m-option-info h4 {
    margin: 0 6px 10px;
    font-size: 14px;
    color: #111;
  }

  body[data-route="home"] .m-order-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    height: 62px;
    background: #fff;
    box-shadow: 0 -4px 16px rgba(15,23,42,.08);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 8px 5px;
  }

  body[data-route="home"] .m-order-footer button {
    border: 0;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
  }

  body[data-route="home"] .m-order-footer .buy { background: #12bf8a; }
  body[data-route="home"] .m-order-footer .sell { background: #d95852; }

  body[data-route="home"] .m-trade-more-layer {
    position: fixed;
    inset: 0;
    z-index: 70;
  }

  body[data-route="home"] .m-trade-more-mask {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0,0,0,.68);
  }

  body[data-route="home"] .m-trade-more-panel {
    position: absolute;
    right: 0;
    top: 0;
    width: 90vw;
    max-width: 385px;
    height: 100vh;
    background: #fff;
    padding: 58px 8px 24px 16px;
    box-shadow: -10px 0 26px rgba(0,0,0,.16);
  }

  body[data-route="home"] .m-trade-more-x {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 25px;
    height: 25px;
    border: 1px solid #91a0b5;
    border-radius: 50%;
    background: #fff;
    color: #91a0b5;
    font-size: 20px;
    line-height: 20px;
  }

  body[data-route="home"] .m-trade-more-panel h3 {
    margin: 0 0 18px 16px;
    padding-left: 10px;
    border-left: 4px solid #ffe100;
    font-size: 16px;
    color: #111;
  }

  body[data-route="home"] .m-trade-more-row {
    width: 100%;
    min-height: 54px;
    border: 0;
    background: #fff;
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 12px;
    align-items: center;
    padding: 6px 8px 6px 16px;
    text-align: left;
    font-family: inherit;
  }

  body[data-route="home"] .m-trade-more-row.active {
    background: #fff2a5;
  }

  body[data-route="home"] .m-trade-more-row i {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    background: #111;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
  }

  body[data-route="home"] .m-trade-more-row div {
    min-width: 0;
  }

  body[data-route="home"] .m-trade-more-row b {
    display: block;
    font-size: 14px;
    color: #111;
    margin-bottom: 3px;
  }

  body[data-route="home"] .m-trade-more-row span {
    display: block;
    font-size: 11px;
    color: #7c8492;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-market-list.is-self .m-market-row {
    height: 66px !important;
    grid-template-columns: 1.4fr .85fr .95fr .8fr !important;
    border-bottom: 1px solid rgba(241,243,246,.9) !important;
  }

  body[data-route="home"] .m-market-row.self-row .m-market-name {
    gap: 4px !important;
  }

  body[data-route="home"] .m-market-star {
    color: #ffd400 !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-style: normal !important;
    margin-right: 0 !important;
    flex: 0 0 24px !important;
    text-align: center !important;
  }

  body[data-route="home"] .m-market-symbol-icon {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
  }

  body[data-route="home"] .m-market-flags {
    position: relative !important;
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    display: inline-block !important;
  }

  body[data-route="home"] .m-market-flags span {
    position: absolute !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: #fff !important;
    overflow: hidden !important;
    font-size: 20px !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.9) !important;
  }

  body[data-route="home"] .m-market-flags span:first-child {
    left: 0 !important;
    top: 2px !important;
    z-index: 2 !important;
  }

  body[data-route="home"] .m-market-flags span:last-child {
    right: 0 !important;
    bottom: 2px !important;
    z-index: 1 !important;
  }

  body[data-route="home"] .m-index {
    margin-top: 10px !important;
    padding: 18px 12px 8px !important;
    background: #fff !important;
    border-radius: 6px !important;
  }

  body[data-route="home"] .m-index h2 {
    margin: 0 0 15px !important;
    font-size: 25px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    color: #050505 !important;
    letter-spacing: -1px !important;
  }

  body[data-route="home"] .m-index-row {
    height: 71px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    padding: 0 4px !important;
    border-bottom: 1px solid #e9ecef !important;
    background: #fff !important;
  }

  body[data-route="home"] .m-index-pair {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  body[data-route="home"] .m-index-pair > span:last-child {
    color: #7f8798 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .m-index-values {
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  body[data-route="home"] .m-index-values b {
    font-size: 19px !important;
    font-weight: 500 !important;
    color: #050505 !important;
    line-height: 1 !important;
  }

  body[data-route="home"] .m-index-values em {
    font-size: 16px !important;
    font-style: normal !important;
    color: #00a97b !important;
    line-height: 1 !important;
  }

  body[data-route="home"] .m-index-values em.down {
    color: #f1443d !important;
  }

  body[data-route="home"] .m-trade-actionbar .m-trade-mini-heart {
    width: 25px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    background: transparent !important;
    position: relative !important;
  }

  body[data-route="home"] .m-trade-actionbar .m-trade-mini-heart::before {
    content: "♡" !important;
    color: #94a0b1 !important;
    font-size: 32px !important;
    line-height: 1 !important;
    font-style: normal !important;
  }

  body[data-route="home"] .m-trade-actionbar .m-trade-mini.active .m-trade-mini-heart::before {
    content: "♥" !important;
    color: #f20f1b !important;
  }

  body[data-route="home"] .m-trade-actionbar .m-trade-mini.active span {
    color: #667085 !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-head {
    background: #fff !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-switch-layer,
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-actionbar {
    display: none !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-symbol-image,
  body[data-route="home"] .m-market-symbol-icon {
    display: inline-grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body[data-route="home"] .m-symbol-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
  }

  body[data-route="home"] .m-flag-img-pair {
    position: relative !important;
    display: inline-block !important;
    background: transparent !important;
  }

  body[data-route="home"] .m-flag-img-pair .m-flag-img {
    position: absolute !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px #fff !important;
  }

  body[data-route="home"] .m-flag-img-pair .m-flag-img:first-child {
    left: 0 !important;
    top: 2px !important;
    z-index: 2 !important;
  }

  body[data-route="home"] .m-flag-img-pair .m-flag-img:last-child {
    right: 0 !important;
    bottom: 2px !important;
    z-index: 1 !important;
  }

  body[data-route="home"] .m-market-change b {
    min-width: 52px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #078a25 !important;
    color: #fff !important;
    border-radius: 1px !important;
    padding: 0 4px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
  }

  body[data-route="home"] .m-market-change.down b {
    background: #f0524d !important;
    color: #fff !important;
  }

  body[data-route="home"] .m-market-change.down span,
  body[data-route="home"] .m-market-price.down {
    color: #f0524d !important;
  }

  body[data-route="home"] .m-order-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 34 !important;
    border: 0 !important;
    background: rgba(0,0,0,.58) !important;
    backdrop-filter: blur(.5px) !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-head {
    position: relative !important;
    z-index: 46 !important;
    background: rgba(255,255,255,.92) !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-summary {
    position: relative !important;
    z-index: 35 !important;
    background: rgba(0,0,0,.62) !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-summary * {
    color: rgba(255,255,255,.88) !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-price-main b {
    color: #9ac900 !important;
  }

  body[data-route="home"] .m-order-panel {
    position: relative !important;
    z-index: 45 !important;
    background: #fff !important;
    border-radius: 0 !important;
    box-shadow: 0 -12px 28px rgba(15,23,42,.10) !important;
  }

  body[data-route="home"] .m-order-side-tabs {
    height: 38px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    background: #fff !important;
    border-bottom: 1px solid #f0f2f5 !important;
  }

  body[data-route="home"] .m-order-side-tabs button {
    border: 0 !important;
    background: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #7b8494 !important;
  }

  body[data-route="home"] .m-order-side-tabs button.active.buy {
    color: #09b889 !important;
    box-shadow: inset 0 -3px 0 #09b889 !important;
  }

  body[data-route="home"] .m-order-side-tabs button.active.sell {
    color: #d95852 !important;
    box-shadow: inset 0 -3px 0 #d95852 !important;
  }

  body[data-route="home"] .m-order-input-row input {
    width: 48%;
    min-width: 0;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    text-align: right !important;
    color: #111 !important;
    font-size: 14px !important;
  }

  body[data-route="home"] .m-order-risk {
    margin: 12px 6px 76px !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
    background: #fff8d8 !important;
    color: #8a6d00 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-route="home"] .m-option-selected {
    height: 34px !important;
    margin: 8px 6px 0 !important;
    padding: 0 10px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #f7f7f7 !important;
    font-size: 13px !important;
    color: #7b8494 !important;
  }

  body[data-route="home"] .m-option-selected b {
    color: #111 !important;
  }

  body[data-route="home"] .m-order-footer button {
    opacity: .92 !important;
  }

  body[data-route="home"] .m-order-footer button.active {
    opacity: 1 !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.42) !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-market-symbol-icon,
  body[data-route="home"] .m-trade-switch-ico,
  body[data-route="home"] .m-ico {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
  }

  body[data-route="home"] .m-trade-symbol .m-trade-switch-ico {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  body[data-route="home"] .m-flag-img-pair,
  body[data-route="home"] .m-market-symbol-icon.m-flag-img-pair,
  body[data-route="home"] .m-trade-switch-ico.m-flag-img-pair {
    position: relative !important;
    display: inline-block !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body[data-route="home"] .m-symbol-image {
    border-radius: 50% !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body[data-route="home"] .m-symbol-image .m-symbol-img,
  body[data-route="home"] .m-market-symbol-icon .m-symbol-img,
  body[data-route="home"] .m-trade-switch-ico .m-symbol-img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-route="home"] .m-market-flags {
    display: none !important;
  }

  body[data-route="home"] .m-flag-img-pair .m-flag-img {
    position: absolute !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px #fff !important;
  }

  body[data-route="home"] .m-trade-symbol .m-flag-img-pair .m-flag-img {
    width: 17px !important;
    height: 17px !important;
  }

  body[data-route="home"] .m-flag-img-pair .m-flag-img:first-child {
    left: 0 !important;
    top: 1px !important;
    z-index: 2 !important;
  }

  body[data-route="home"] .m-flag-img-pair .m-flag-img:last-child {
    right: 0 !important;
    bottom: 1px !important;
    z-index: 1 !important;
  }

  
  body[data-route="home"] .m-market-change b {
    min-width: 52px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 1px !important;
    padding: 0 4px !important;
    background: #078a25 !important;
    color: #fff !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-market-change.down b {
    background: #f0524d !important;
    color: #fff !important;
  }

  body[data-route="home"] .m-market-change.down span,
  body[data-route="home"] .m-market-price.down {
    color: #f0524d !important;
  }

  
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-head,
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-summary,
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-switch-layer {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 30 !important;
    border: 0 !important;
    background: rgba(0,0,0,.62) !important;
    backdrop-filter: none !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-panel {
    position: relative !important;
    z-index: 45 !important;
    background: #fff !important;
    box-shadow: 0 -12px 24px rgba(0,0,0,.08) !important;
    min-height: calc(100vh - 150px) !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-summary * {
    color: inherit !important;
  }

  body[data-route="home"] .m-order-type-tabs {
    height: 42px !important;
  }

  body[data-route="home"] .m-order-side-tabs {
    height: 36px !important;
  }

  body[data-route="home"] .m-order-input-row input {
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    text-align: right !important;
    color: #111 !important;
    font-size: 14px !important;
    min-width: 80px !important;
  }

  body[data-route="home"] .m-order-risk {
    margin: 12px 6px 80px !important;
    padding: 10px 12px !important;
    background: #fff8d8 !important;
    color: #806100 !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-route="home"] .m-order-footer {
    z-index: 80 !important;
  }
}



@media (max-width: 900px) {
  
  body[data-route="home"] .m-trade-switch-ico,
  body[data-route="home"] .m-market-symbol-icon,
  body[data-route="home"] .m-ico {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    border-radius: 50% !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body[data-route="home"] .m-trade-symbol .m-trade-switch-ico {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  body[data-route="home"] .m-symbol-image {
    overflow: hidden !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-symbol-img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  body[data-route="home"] .m-flag-img-pair {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
  }

  body[data-route="home"] .m-flag-img-pair .m-flag-img {
    position: absolute !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px #fff !important;
  }

  body[data-route="home"] .m-trade-symbol .m-flag-img-pair .m-flag-img {
    width: 17px !important;
    height: 17px !important;
  }

  body[data-route="home"] .m-flag-img-pair .m-flag-img:first-child {
    left: 0 !important;
    top: 1px !important;
    z-index: 2 !important;
  }

  body[data-route="home"] .m-flag-img-pair .m-flag-img:last-child {
    right: 0 !important;
    bottom: 1px !important;
    z-index: 1 !important;
  }

  
  body[data-route="home"] .m-market-change b,
  body[data-route="home"] .m-trade-switch-change.up {
    background: #078a25 !important;
    color: #fff !important;
  }

  body[data-route="home"] .m-market-change.down b,
  body[data-route="home"] .m-trade-switch-change.down {
    background: #f0524d !important;
    color: #fff !important;
  }

  body[data-route="home"] .m-market-change b {
    min-width: 52px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 1px !important;
    padding: 0 4px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }

  
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 28 !important;
    border: 0 !important;
    background: rgba(0, 0, 0, .62) !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-head,
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-summary {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-panel {
    position: relative !important;
    z-index: 45 !important;
    background: #fff !important;
    min-height: calc(100vh - 150px) !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,.10) !important;
  }

  
  body[data-route="home"] .m-order-side-tabs {
    display: none !important;
  }

  body[data-route="home"] .m-order-type-tabs {
    height: 42px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    background: #f3f5f7 !important;
    border-bottom: 1px solid #eef0f3 !important;
  }

  body[data-route="home"] .m-order-type-tabs button.active {
    background: #fff !important;
    color: #101828 !important;
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-order-price-tabs button.active {
    background: #ffe100 !important;
    color: #111 !important;
  }

  body[data-route="home"] .m-order-footer {
    z-index: 80 !important;
  }

  body[data-route="home"] .m-order-footer .buy {
    background: #12bf8a !important;
  }

  body[data-route="home"] .m-order-footer .sell {
    background: #d95852 !important;
  }
}



.chat-float,
#chatFloat {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  body[data-route="home"] .m-trade-chart {
    position: relative !important;
    touch-action: pan-y !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    cursor: grab !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-trade-chart.is-dragging {
    cursor: grabbing !important;
  }

  body[data-route="home"] .m-trade-chart.is-loading,
  body[data-route="home"] .m-trade-chart.is-empty {
    height: 360px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border-top: 1px solid #eef0f3 !important;
    border-bottom: 1px solid #eef0f3 !important;
    cursor: default !important;
  }

  body[data-route="home"] .m-chart-loader {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    color: #8a94a3 !important;
    font-size: 13px !important;
  }

  body[data-route="home"] .m-chart-loader i {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    border: 3px solid #eef1f5 !important;
    border-top-color: #ffe100 !important;
    animation: mChartSpin .8s linear infinite !important;
  }

  @keyframes mChartSpin {
    to { transform: rotate(360deg); }
  }

  body[data-route="home"] .m-chart-hint {
    position: absolute !important;
    left: 8px !important;
    bottom: 6px !important;
    z-index: 3 !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 6px !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.86) !important;
    color: #98a2b3 !important;
    font-size: 10px !important;
    pointer-events: none !important;
  }

  body[data-route="home"] .m-chart-hint {
    display: none !important;
  }

  body[data-route="home"] .m-order-footer button,
  body[data-route="home"] .m-order-footer button span,
  body[data-route="home"] .m-trade-buy,
  body[data-route="home"] .m-trade-sell {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #fff !important;
  }

  body[data-route="home"] .m-order-footer .buy {
    background: #12bf8a !important;
  }

  body[data-route="home"] .m-order-footer .sell {
    background: #d95852 !important;
  }

  body[data-route="home"] .m-order-backdrop {
    background: rgba(0,0,0,.62) !important;
  }
}


.chat-float,#chatFloat,[id="chatFloat"],[class*="chat-float"]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
@media (max-width:900px){body[data-route="home"] .m-order-footer button span{display:inline!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}body[data-route="home"] .m-trade-chart{overscroll-behavior:contain!important;}}


.chat-float,#chatFloat,[class*="chat-float"]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
@media (max-width:900px){
  body[data-route="home"] .m-order-footer button,body[data-route="home"] .m-order-footer button span{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800!important;opacity:1!important;}
  body[data-route="home"] .m-pos-data-row span.down{color:#f04438!important;}
  body[data-route="home"] .m-pos-data-row span:not(.down):last-child{color:#00a97b;}
}



.admin-actions-inline {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.admin-actions-inline button {
  min-height: 34px;
}



@media (max-width: 900px) {
  body[data-route="home"] .m-trade-notice {
    position: fixed !important;
    top: 14px !important;
    left: 52px !important;
    right: 14px !important;
    z-index: 120 !important;
    min-height: 74px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 16px 42px 14px 18px !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .16) !important;
    color: #222 !important;
  }

  body[data-route="home"] .m-trade-notice i {
    width: 22px !important;
    height: 22px !important;
    margin-top: 1px !important;
    border-radius: 50% !important;
    flex: 0 0 22px !important;
    position: relative !important;
  }

  body[data-route="home"] .m-trade-notice.success i {
    background: #5dbb49 !important;
  }

  body[data-route="home"] .m-trade-notice.success i::after {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 5px !important;
    width: 9px !important;
    height: 5px !important;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(-45deg) !important;
  }

  body[data-route="home"] .m-trade-notice.error {
    left: 100px !important;
    right: 100px !important;
    min-height: 42px !important;
    align-items: center !important;
    padding: 10px 18px !important;
    background: #fff1f2 !important;
    color: #ea6666 !important;
    justify-content: center !important;
  }

  body[data-route="home"] .m-trade-notice.error i {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    margin: 0 !important;
    background: #f58d91 !important;
  }

  body[data-route="home"] .m-trade-notice.error i::before,
  body[data-route="home"] .m-trade-notice.error i::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 7px !important;
    width: 7px !important;
    height: 1.5px !important;
    background: #fff !important;
  }

  body[data-route="home"] .m-trade-notice.error i::before { transform: rotate(45deg) !important; }
  body[data-route="home"] .m-trade-notice.error i::after { transform: rotate(-45deg) !important; }

  body[data-route="home"] .m-trade-notice b {
    display: block !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 24px !important;
    color: inherit !important;
  }

  body[data-route="home"] .m-trade-notice span {
    display: block !important;
    margin-top: 10px !important;
    font-size: 14px !important;
    color: #111 !important;
  }

  body[data-route="home"] .m-trade-notice.error b {
    font-size: 16px !important;
    line-height: 20px !important;
    color: #ea6666 !important;
  }

  body[data-route="home"] .m-trade-notice.error span { display: none !important; }

  body[data-route="home"] .m-trade-notice button {
    position: absolute !important;
    right: 12px !important;
    top: 12px !important;
    border: 0 !important;
    background: transparent !important;
    color: #8b93a1 !important;
    font-size: 20px !important;
    line-height: 20px !important;
  }

  body[data-route="home"] .m-option-modal-mask {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    background: rgba(0,0,0,.58) !important;
  }

  body[data-route="home"] .m-option-modal {
    position: relative !important;
    width: min(394px, calc(100vw - 28px)) !important;
    min-height: 480px !important;
    padding: 18px 18px 24px !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.22) !important;
  }

  body[data-route="home"] .m-option-modal h3 {
    margin: 0 0 18px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #333 !important;
  }

  body[data-route="home"] .m-option-modal-close {
    position: absolute !important;
    right: 16px !important;
    top: 12px !important;
    border: 0 !important;
    background: transparent !important;
    color: #8a9099 !important;
    font-size: 22px !important;
  }

  body[data-route="home"] .m-option-countdown {
    width: 128px !important;
    height: 128px !important;
    margin: 6px auto 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: conic-gradient(#09c957 var(--angle), #f1f3f6 0) !important;
    position: relative !important;
  }

  body[data-route="home"] .m-option-countdown::before {
    content: "" !important;
    position: absolute !important;
    inset: 8px !important;
    border-radius: 50% !important;
    background: #fff !important;
  }

  body[data-route="home"] .m-option-countdown b {
    position: relative !important;
    z-index: 1 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #333 !important;
  }

  body[data-route="home"] .m-option-settled {
    margin: 28px auto 26px !important;
    text-align: center !important;
  }

  body[data-route="home"] .m-option-settled b {
    display: block !important;
    font-size: 26px !important;
    line-height: 36px !important;
    color: #d95b57 !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
  }

  body[data-route="home"] .m-option-settled.up b { color: #08b47b !important; }
  body[data-route="home"] .m-option-settled span { color: #666 !important; font-size: 14px !important; }

  body[data-route="home"] .m-option-modal-rows {
    margin: 0 12px !important;
  }

  body[data-route="home"] .m-option-modal-rows p {
    height: 42px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    color: #6d7480 !important;
  }

  body[data-route="home"] .m-option-modal-rows p b {
    color: #333 !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-option-modal-rows p b.up { color: #06b877 !important; font-weight: 800 !important; }
  body[data-route="home"] .m-option-modal-rows p b.down { color: #d95852 !important; font-weight: 800 !important; }

  body[data-route="home"] .m-option-modal-rows em {
    display: block !important;
    padding-top: 18px !important;
    text-align: center !important;
    color: #9aa2ad !important;
    font-size: 13px !important;
    font-style: normal !important;
  }

  body[data-route="home"] .m-option-modal-ok {
    position: absolute !important;
    right: 12px !important;
    bottom: 13px !important;
    height: 35px !important;
    min-width: 66px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #ffe100 !important;
    color: #222 !important;
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-option-grid button b,
  body[data-route="home"] .m-option-grid button span {
    pointer-events: none !important;
  }
}

.toast {
  position: fixed;
  left: 50%;
  top: 18px;
  z-index: 9999;
  transform: translate(-50%, -20px);
  opacity: 0;
  pointer-events: none;
  min-width: 160px;
  max-width: calc(100vw - 28px);
  padding: 10px 16px;
  border-radius: 4px;
  background: rgba(17, 24, 39, .92);
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  transition: .18s ease;
}
.toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}
.toast.error {
  background: #fff1f2;
  color: #ea6666;
}
.toast.success {
  background: #fff;
  color: #1f2937;
}


.chat-float,#chatFloat{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media (max-width:900px){
 body[data-route="home"] .m-asset-grid b.down,body[data-route="home"] .m-record-row b.down,body[data-route="home"] .m-order-detail-result.down b,body[data-route="home"] .m-order-detail-line b.down{color:#d65a61!important}
 body[data-route="home"] .m-record-row b.up,body[data-route="home"] .m-order-detail-result.up b,body[data-route="home"] .m-order-detail-line b.up{color:#04a879!important}
 body[data-route="home"] .m-pos-table-head{height:32px!important;color:#8a94a3!important;font-size:12px!important}
 body[data-route="home"] .m-pos-data-row-v88{width:100%!important;min-height:74px!important;display:grid!important;grid-template-columns:1.2fr .9fr .9fr!important;align-items:start!important;gap:8px!important;padding:12px!important;border:0!important;border-bottom:1px solid #f2f4f7!important;background:#fff!important;text-align:left!important}
 body[data-route="home"] .m-pos-symbol b{display:block!important;font-size:15px!important;color:#111!important;letter-spacing:.4px!important}
 body[data-route="home"] .m-pos-symbol em{display:inline-flex!important;margin-left:6px!important;padding:1px 6px!important;border-radius:3px!important;background:#f7e58c!important;color:#555!important;font-size:11px!important;font-style:normal!important;vertical-align:middle!important}
 body[data-route="home"] .m-pos-symbol small,body[data-route="home"] .m-pos-middle small,body[data-route="home"] .m-pos-pnl small{display:block!important;margin-top:6px!important;color:#02a978!important;font-size:12px!important}
 body[data-route="home"] .m-pos-middle,body[data-route="home"] .m-pos-pnl{text-align:right!important}
 body[data-route="home"] .m-pos-middle b,body[data-route="home"] .m-pos-pnl b{font-size:14px!important;font-weight:500!important;color:#111!important}
 body[data-route="home"] .m-pos-pnl.up b{color:#07b477!important} body[data-route="home"] .m-pos-pnl.down b{color:#d65a61!important}
 body[data-route="home"] .m-pos-option-history-card{display:block!important;width:100%!important;padding:16px 14px!important;background:#fff!important;border:0!important;border-bottom:1px solid #f2f4f7!important;text-align:left!important}
 body[data-route="home"] .m-pos-oh-head{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:14px!important}
 body[data-route="home"] .m-pos-oh-head b{font-size:17px!important;color:#111!important} body[data-route="home"] .m-pos-oh-head em{padding:2px 6px!important;border-radius:3px!important;background:#dcfce7!important;color:#03a874!important;font-size:11px!important;font-style:normal!important}
 body[data-route="home"] .m-pos-oh-head i{margin-left:auto!important;width:18px!important;height:18px!important;border-right:2px solid #9aa6b2!important;border-top:2px solid #9aa6b2!important;transform:rotate(-45deg)!important}
 body[data-route="home"] .m-pos-oh-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:15px 10px!important}
 body[data-route="home"] .m-pos-oh-grid p{margin:0!important} body[data-route="home"] .m-pos-oh-grid span{display:block!important;color:#7f8a9a!important;font-size:12px!important;margin-bottom:5px!important} body[data-route="home"] .m-pos-oh-grid b{color:#222!important;font-size:13px!important;font-weight:500!important}
 body[data-route="home"] .m-pos-oh-grid b.up{color:#04a879!important} body[data-route="home"] .m-pos-oh-grid b.down{color:#d65a61!important}
 body[data-route="home"] .m-order-detail-page{position:fixed!important;inset:0!important;z-index:140!important;overflow:auto!important;padding:14px 14px 80px!important;background:#fff!important;color:#222!important}
 body[data-route="home"] .m-order-detail-close{position:fixed!important;right:16px!important;top:8px!important;z-index:141!important;border:0!important;background:transparent!important;font-size:32px!important;line-height:32px!important;color:#111!important}
 body[data-route="home"] .m-order-detail-page h2{text-align:center!important;margin:0 0 34px!important;font-size:18px!important;font-weight:800!important}
 body[data-route="home"] .m-order-detail-result{text-align:center!important;margin-bottom:24px!important} body[data-route="home"] .m-order-detail-result b{display:block!important;font-size:32px!important;line-height:44px!important;font-weight:500!important} body[data-route="home"] .m-order-detail-result span{color:#777!important;font-size:14px!important}
 body[data-route="home"] .m-order-detail-status{font-size:18px!important;font-weight:700!important;margin:0 0 14px!important}
 body[data-route="home"] .m-order-detail-line{display:flex!important;justify-content:space-between!important;color:#7c8796!important;font-size:13px!important;margin-bottom:10px!important}
 body[data-route="home"] .m-order-detail-time{color:#7c8796!important;font-size:12px!important;display:grid!important;gap:3px!important;margin-bottom:20px!important}
 body[data-route="home"] .m-order-detail-page h3{margin:0 0 8px!important;font-size:19px!important} body[data-route="home"] .m-order-detail-page>em{display:block!important;color:#0aaa72!important;font-style:normal!important;margin-bottom:26px!important}
 body[data-route="home"] .m-order-detail-section{border-top:1px solid #f2f4f7!important;padding-top:24px!important} body[data-route="home"] .m-order-detail-section h4{margin:0 0 14px!important;font-size:18px!important}
 body[data-route="home"] .m-order-detail-section p{min-height:32px!important;display:flex!important;justify-content:space-between!important;gap:16px!important;margin:0!important;color:#7c8796!important;font-size:13px!important} body[data-route="home"] .m-order-detail-section p b{color:#111!important;font-weight:500!important;text-align:right!important}
 body[data-route="home"] .m-fin-page,body[data-route="home"] .m-record-page{min-height:100vh!important;padding-bottom:86px!important;background:#fff!important}
 body[data-route="home"] .m-fin-header{height:50px!important;display:grid!important;grid-template-columns:50px 1fr 50px!important;align-items:center!important;border-bottom:1px solid #f2f4f7!important}
 body[data-route="home"] .m-fin-header button{border:0!important;background:transparent!important;font-size:34px!important;color:#111!important} body[data-route="home"] .m-fin-header h2{text-align:center!important;margin:0!important;font-size:18px!important;font-weight:800!important}
 body[data-route="home"] .m-fin-form{padding:18px 7px 0!important} body[data-route="home"] .m-fin-row{width:100%!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:0!important;border-bottom:1px solid #f2f4f7!important;background:#fff!important;padding:0 20px!important;color:#111!important;font-size:15px!important}
 body[data-route="home"] .m-fin-row i{color:#f03b44!important;font-style:normal!important;margin-right:2px!important} body[data-route="home"] .m-fin-row b{color:#98a2b3!important;font-weight:400!important} body[data-route="home"] .m-fin-row b::after{content:"›";margin-left:10px;color:#98a2b3;font-size:28px;vertical-align:-2px}
 body[data-route="home"] .m-fin-row input{border:0!important;outline:0!important;text-align:right!important;color:#111!important;font-size:14px!important;flex:1!important}
 body[data-route="home"] .m-fin-submit{width:100%!important;height:42px!important;border:0!important;border-radius:21px!important;background:#ffe100!important;color:#111!important;font-weight:700!important;margin-top:16px!important}
 body[data-route="home"] .m-fin-proof{margin-top:10px!important;display:grid!important;grid-template-columns:118px 1fr!important;gap:8px!important;align-items:start!important;padding:0 20px!important;color:#111!important}
 body[data-route="home"] .m-fin-proof span i{color:#f03b44!important;font-style:normal!important} body[data-route="home"] .m-fin-proof textarea{height:180px!important;border:1px solid #e1e6ef!important;border-radius:4px!important;resize:none!important;padding:10px!important;font-size:13px!important}
 body[data-route="home"] .m-fin-proof em{grid-column:2!important;height:180px!important;margin-top:-188px!important;display:grid!important;place-items:center!important;color:#7f8794!important;font-size:42px!important;font-style:normal!important;pointer-events:none!important}
 body[data-route="home"] .m-fin-deposit-address{padding:18px 8px 10px!important;text-align:center!important} body[data-route="home"] .m-qr{width:190px!important;height:190px!important;margin:0 auto 12px!important;display:grid!important;grid-template-columns:repeat(25,1fr)!important;grid-template-rows:repeat(25,1fr)!important;gap:0!important;background:#fff!important;border:8px solid #fff!important;box-shadow:0 0 0 1px #eee!important} body[data-route="home"] .m-qr i.on{background:#000!important}
 body[data-route="home"] .m-fin-address-copy{display:flex!important;justify-content:center!important;gap:6px!important} body[data-route="home"] .m-fin-address-copy input{width:78%!important;height:30px!important;border:1px solid #4b91ff!important;padding:0 6px!important;color:#1260c4!important} body[data-route="home"] .m-fin-address-copy button{border:0!important;background:#ffe100!important;color:#111!important;padding:0 10px!important;border-radius:3px!important}
 body[data-route="home"] .m-fin-sheet-mask{position:fixed!important;inset:0!important;z-index:150!important;background:rgba(0,0,0,.63)!important;display:flex!important;align-items:flex-end!important} body[data-route="home"] .m-fin-sheet{width:100%!important;background:#fff!important;min-height:328px!important}
 body[data-route="home"] .m-fin-sheet-head{height:50px!important;display:flex!important;justify-content:space-between!important;padding:0 18px!important;align-items:center!important;border-bottom:1px solid #f2f4f7!important} body[data-route="home"] .m-fin-sheet-head button{border:0!important;background:transparent!important;color:#1677ff!important;font-size:15px!important}
 body[data-route="home"] .m-fin-method-list button{display:block!important;width:100%!important;height:48px!important;border:0!important;background:#fff!important;color:#333!important;font-size:16px!important;text-align:center!important} body[data-route="home"] .m-fin-method-list button:nth-child(n+2){color:#9aa2ad!important}
 body[data-route="home"] .m-fin-record-block{padding:20px 8px!important;min-height:220px!important} body[data-route="home"] .m-fin-record-block h3{margin:0 0 80px!important;font-size:16px!important;font-weight:700!important} body[data-route="home"] .m-fin-empty{text-align:center!important;color:#8a94a3!important;font-size:13px!important}
 body[data-route="home"] .m-record-assets{background:#f5f6f8!important;padding:20px 8px!important} body[data-route="home"] .m-record-assets h3{margin:0 0 18px!important;font-size:18px!important;font-weight:500!important} body[data-route="home"] .m-record-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px 40px!important}
 body[data-route="home"] .m-record-grid p{margin:0!important} body[data-route="home"] .m-record-grid span{display:block!important;color:#7f8a9a!important;font-size:13px!important;margin-bottom:8px!important} body[data-route="home"] .m-record-grid b{font-size:17px!important;color:#111!important}
 body[data-route="home"] .m-record-title{margin:16px 8px!important;font-size:18px!important;font-weight:500!important} body[data-route="home"] .m-record-row{position:relative!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding:20px 6px 34px!important;border-bottom:1px solid #f1f3f5!important} body[data-route="home"] .m-record-row span{display:block!important;color:#7f8a9a!important;font-size:12px!important;margin-bottom:6px!important} body[data-route="home"] .m-record-row b{color:#111!important;font-size:13px!important;font-weight:500!important;word-break:break-word!important} body[data-route="home"] .m-record-row button{position:absolute!important;bottom:6px!important;left:50%!important;transform:translateX(-50%)!important;border:0!important;background:#fff!important;font-size:24px!important;color:#111!important}
}



@media (max-width:900px){
  body[data-route="home"] .m-record-row small{display:block;margin-top:4px;color:#9aa2ad;font-size:10px;line-height:13px;word-break:break-all}
  body[data-route="home"] .m-record-row{grid-template-columns:.9fr .9fr 1.25fr 1fr!important}
  body[data-route="home"] .m-fin-submit:active{transform:scale(.99)}
  body[data-route="home"] .m-fin-sheet-mask{backdrop-filter:blur(1px)}
  body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon:after{content:"";display:block;width:12px;height:12px;border:2px solid #111;border-radius:2px;margin:10px auto 0}
}



@media (max-width: 900px) {
  body[data-route="home"] .m-trade-mini-heart {
    width: 25px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 25px !important;
    line-height: 24px !important;
    font-style: normal !important;
    color: #8a94a3 !important;
    background: transparent !important;
    border: 0 !important;
  }
  body[data-route="home"] .m-trade-mini-heart::before,
  body[data-route="home"] .m-trade-mini-heart::after {
    content: none !important;
    display: none !important;
  }
  body[data-route="home"] .m-trade-actionbar .m-trade-mini.active .m-trade-mini-heart {
    color: #ef233c !important;
    background: transparent !important;
    border: 0 !important;
  }
  body[data-route="home"] .m-market-heart {
    color: #ef233c !important;
    font-size: 20px !important;
    line-height: 20px !important;
    margin-right: 5px !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-quick-svg {
    box-shadow: 0 8px 18px rgba(19, 33, 68, .08) !important;
    color: #fff !important;
  }
  body[data-route="home"] .m-quick-svg svg {
    width: 21px !important;
    height: 21px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.25 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  body[data-route="home"] .m-quick-svg svg circle,
  body[data-route="home"] .m-quick-svg svg rect,
  body[data-route="home"] .m-quick-svg svg path { vector-effect: non-scaling-stroke; }
  body[data-route="home"] .m-ico-deposit { background: linear-gradient(135deg,#ffcf85,#f59e42) !important; border-radius: 8px !important; }
  body[data-route="home"] .m-ico-withdraw { background: linear-gradient(135deg,#ffd84f,#f5a400) !important; border-radius: 50% !important; }
  body[data-route="home"] .m-ico-loan { background: linear-gradient(135deg,#ffc257,#ff8a00) !important; border-radius: 8px !important; }
  body[data-route="home"] .m-ico-ai { background: linear-gradient(135deg,#ff9a3d,#ff6a00) !important; border-radius: 8px !important; }
  body[data-route="home"] .m-ico-account { background: linear-gradient(135deg,#ffe4da,#ffb9a7) !important; color:#ef6b4d !important; border-radius: 50% !important; }
  body[data-route="home"] .m-ico-wallet { background: linear-gradient(135deg,#ffc261,#ff9d00) !important; border-radius: 8px !important; }
  body[data-route="home"] .m-ico-subscribe { background: linear-gradient(135deg,#20dac1,#00a891) !important; border-radius: 8px !important; }
  body[data-route="home"] .m-ico-more { background: linear-gradient(135deg,#ffc15a,#ff9f1a) !important; border-radius: 50% !important; }

  body[data-route="home"] .m-symbol-image,
  body[data-route="home"] .m-flag-img-pair {
    position: relative !important;
  }
  body[data-route="home"] .m-symbol-fallback {
    display: none !important;
    position: absolute !important;
    inset: 0 !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #f2f4f7 !important;
    color: #1f2937 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    z-index: 1 !important;
    font-style: normal !important;
  }
  body[data-route="home"] .m-symbol-image.is-img-missing .m-symbol-fallback,
  body[data-route="home"] .m-flag-img-pair.is-img-missing .m-symbol-fallback {
    display: grid !important;
  }
  body[data-route="home"] .m-symbol-img,
  body[data-route="home"] .m-flag-img {
    position: relative !important;
    z-index: 2 !important;
  }
}



body[data-route="home"] .m-action-card,
body[data-route="home"] .m-pos-action,
body[data-route="home"] .m-bottom-nav button,
body[data-route="home"] .m-trade-mini,
body[data-route="home"] .m-fin-submit,
body[data-route="home"] .m-option-modal-ok { max-width: 100%; }
body[data-route="home"] .m-trade-symbol-name,
body[data-route="home"] .m-market-name,
body[data-route="home"] .m-pos-symbol b,
body[data-route="home"] .m-order-detail-section p b { overflow-wrap: anywhere; }
@media (max-width: 900px) {
  body[data-route="home"] .m-action-card b,
  body[data-route="home"] .m-action-card span,
  body[data-route="home"] .m-pos-action span { max-width: 100%; }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-asset-hero {
    height: auto !important;
    min-height: 418px !important;
    padding-top: 70px !important;
    padding-bottom: 18px !important;
  }
  body[data-route="home"] .m-asset-card {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    height: auto !important;
    min-height: 332px !important;
    margin: 0 8px !important;
    overflow: visible !important;
  }
  body[data-route="home"] .m-asset-hint,
  body[data-route="home"] .m-asset-label,
  body[data-route="home"] .m-asset-grid span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-home-header {
    grid-template-columns: minmax(92px, 118px) minmax(0, 1fr) 34px !important;
    column-gap: 5px !important;
  }

  body[data-route="home"] .m-account-switch {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-asset-hero {
    position: relative !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 74px 0 18px !important;
    overflow: visible !important;
  }

  body[data-route="home"] .m-asset-card {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 8px !important;
    padding: 20px 18px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    contain: none !important;
  }

  body[data-route="home"] .m-card-account {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-card-line {
    margin: 16px 0 !important;
    flex: 0 0 auto !important;
  }

  body[data-route="home"] .m-asset-label,
  body[data-route="home"] .m-asset-hint,
  body[data-route="home"] .m-asset-grid span {
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body[data-route="home"] .m-asset-label {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 4px 6px !important;
    line-height: 20px !important;
    margin-bottom: 8px !important;
  }

  body[data-route="home"] .m-asset-hint {
    line-height: 20px !important;
    margin-bottom: 0 !important;
  }

  body[data-route="home"] .m-asset-total {
    max-width: 100% !important;
    font-size: clamp(25px, 7.1vw, 30px) !important;
    line-height: 1.18 !important;
    letter-spacing: clamp(.4px, .42vw, 2px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-asset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 22px !important;
    row-gap: 16px !important;
  }

  body[data-route="home"] .m-asset-grid > div {
    min-width: 0 !important;
  }

  body[data-route="home"] .m-asset-grid b {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-bottom-nav {
    height: 54px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  body[data-route="home"] .m-bottom-item {
    min-width: 0 !important;
    overflow: visible !important;
    gap: 2px !important;
  }

  body[data-route="home"] .m-bottom-item .m-bottom-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
    overflow: visible !important;
    color: #5f6675 !important;
  }

  body[data-route="home"] .m-bottom-icon::before,
  body[data-route="home"] .m-bottom-icon::after {
    content: none !important;
    display: none !important;
  }

  body[data-route="home"] .m-bottom-icon svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body[data-route="home"] .m-bottom-item.active .m-bottom-icon {
    color: #ffdf00 !important;
  }

  body[data-route="home"] .m-bottom-item em {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: clamp(10px, 2.75vw, 12px) !important;
    line-height: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
    font-style: normal !important;
  }

  body[data-route="home"] .lang-box {
    top: 2px !important;
    right: 37px !important;
    max-width: 78px !important;
    z-index: 140 !important;
  }

  body[data-route="home"] .lang-btn {
    max-width: 78px !important;
    width: auto !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    height: 22px !important;
    padding: 0 2px !important;
    line-height: 20px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-record-page {
    background: #fff !important;
    min-height: 100vh !important;
    padding-bottom: 78px !important;
  }

  body[data-route="home"] .m-fin-header.has-title-arrow h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
  }

  body[data-route="home"] .m-fin-header.has-title-arrow h2 i {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #111 !important;
    transform: translateY(1px) !important;
  }

  body[data-route="home"] .m-record-assets {
    background: #f5f6f8 !important;
    padding: 18px 6px 16px !important;
  }

  body[data-route="home"] .m-record-assets-head {
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  body[data-route="home"] .m-record-assets-head h3 {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #111 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-record-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
  }

  body[data-route="home"] .m-record-actions button {
    min-width: 62px !important;
    height: 36px !important;
    border-radius: 3px !important;
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 12px !important;
  }

  body[data-route="home"] .m-record-actions button:nth-child(1),
  body[data-route="home"] .m-record-actions button:nth-child(2) {
    background: #ffe100 !important;
    border-color: #ffe100 !important;
  }

  body[data-route="home"] .m-record-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 46px !important;
    row-gap: 10px !important;
    padding: 0 0 2px !important;
  }

  body[data-route="home"] .m-record-grid p {
    margin: 0 !important;
    min-width: 0 !important;
  }

  body[data-route="home"] .m-record-grid span {
    display: block !important;
    margin-bottom: 7px !important;
    color: #7d8795 !important;
    font-size: 13px !important;
    line-height: 16px !important;
  }

  body[data-route="home"] .m-record-grid b {
    display: block !important;
    color: #111 !important;
    font-size: 17px !important;
    line-height: 21px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-record-title {
    margin: 17px 7px 13px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #111 !important;
  }

  body[data-route="home"] .m-record-list {
    background: #fff !important;
  }

  body[data-route="home"] .m-record-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: .9fr .9fr .95fr .78fr !important;
    gap: 6px !important;
    padding: 12px 5px 35px !important;
    min-height: 114px !important;
    border-bottom: 1px solid #eef1f4 !important;
    background: #fff !important;
  }

  body[data-route="home"] .m-record-row > div {
    min-width: 0 !important;
  }

  body[data-route="home"] .m-record-row span {
    display: block !important;
    color: #7e8898 !important;
    font-size: 12px !important;
    line-height: 15px !important;
    margin-bottom: 8px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-record-row b {
    display: block !important;
    color: #111 !important;
    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 500 !important;
    word-break: break-word !important;
  }

  body[data-route="home"] .m-record-row small {
    display: block !important;
    margin-top: 3px !important;
    color: #98a2b3 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    word-break: break-all !important;
  }

  body[data-route="home"] .m-record-row b.up {
    color: #04a879 !important;
  }

  body[data-route="home"] .m-record-row b.down {
    color: #d65a61 !important;
  }

  body[data-route="home"] .m-record-toggle {
    position: absolute !important;
    left: 50% !important;
    bottom: 7px !important;
    transform: translateX(-50%) !important;
    width: 44px !important;
    height: 24px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-record-detail {
    grid-column: 1 / -1 !important;
    margin: 8px 0 4px !important;
    padding: 10px 12px !important;
    background: #fafafa !important;
    border-radius: 8px !important;
    border: 1px solid #f0f2f5 !important;
  }

  body[data-route="home"] .m-record-detail p {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #f1f3f5 !important;
  }

  body[data-route="home"] .m-record-detail p:last-child {
    border-bottom: 0 !important;
  }

  body[data-route="home"] .m-record-detail span {
    margin: 0 !important;
    color: #7e8898 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-record-detail b {
    color: #111 !important;
    font-size: 12px !important;
    text-align: right !important;
    font-weight: 500 !important;
    overflow-wrap: anywhere !important;
  }
}



.auth-guard-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: #f6f7fb;
  padding: 24px;
  font-family: Arial, Helvetica, sans-serif;
}
.auth-guard-card {
  width: min(360px, 92vw);
  background: #fff;
  border-radius: 18px;
  padding: 28px 22px;
  text-align: center;
  box-shadow: 0 18px 46px rgba(15,23,42,.12);
}
.auth-guard-card h2 {
  margin: 12px 0 8px;
  color: #111;
  font-size: 20px;
}
.auth-guard-card p {
  margin: 0;
  color: #667085;
  line-height: 1.6;
  font-size: 14px;
}
.auth-guard-spinner {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 3px solid #eef0f4;
  border-top-color: #ffe100;
  margin: 0 auto;
  animation: authGuardSpin .8s linear infinite;
}
@keyframes authGuardSpin { to { transform: rotate(360deg); } }




body[data-route="home"] > .lang-box,
body[data-route="admin"] > .lang-box {
  display: none !important;
}

@media (max-width: 900px) {
  body[data-route="home"] .mobile-mine-page {
    padding: 0 4px 68px !important;
    background: #f5f6f8 !important;
  }
  body[data-route="home"] .mobile-mine-page .m-mine-profile {
    border: 0 !important;
    width: 100% !important;
    cursor: pointer !important;
    text-align: left !important;
  }
  body[data-route="home"] .m-mine-sub-header,
  body[data-route="home"] .m-fin-header {
    height: 46px !important;
    background: #fff !important;
    display: grid !important;
    grid-template-columns: 44px 1fr 44px !important;
    align-items: center !important;
    border-bottom: 1px solid #f0f1f4 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
  }
  body[data-route="home"] .m-mine-sub-header button,
  body[data-route="home"] .m-profile-back {
    border: 0 !important;
    background: transparent !important;
    font-size: 34px !important;
    line-height: 1 !important;
    color: #111 !important;
  }
  body[data-route="home"] .m-mine-sub-header h2 {
    text-align: center !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin: 0 !important;
    line-height: 46px !important;
  }
  body[data-route="home"] .m-mine-sub-header h2 i {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 8px !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid #888 !important;
    vertical-align: middle !important;
  }

  body[data-route="home"] .m-profile-gold {
    height: 158px !important;
    background: linear-gradient(135deg,#d0bb2b,#a87408) !important;
    position: relative !important;
    text-align: center !important;
    overflow: visible !important;
  }
  body[data-route="home"] .m-profile-gold::before {
    content:"" !important;
    position:absolute !important;
    left:-35px !important;
    top:58px !important;
    width:165px !important;
    height:165px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.14) !important;
  }
  body[data-route="home"] .m-profile-gold .m-profile-back {
    position:absolute !important;
    left:10px !important;
    top:10px !important;
    z-index:3 !important;
  }
  body[data-route="home"] .m-mine-avatar.large {
    position:absolute !important;
    left:50% !important;
    top:17px !important;
    transform:translateX(-50%) !important;
    width:58px !important;
    height:58px !important;
    border:4px solid rgba(255,255,255,.75) !important;
    box-shadow:0 3px 8px rgba(0,0,0,.14) !important;
  }
  body[data-route="home"] .m-profile-id {
    position:absolute !important;
    left:50% !important;
    top:94px !important;
    transform:translateX(-50%) !important;
    padding:8px 14px !important;
    border-radius:18px !important;
    background:rgba(0,0,0,.28) !important;
    color:#fff8cf !important;
    font-size:14px !important;
    white-space:nowrap !important;
  }
  body[data-route="home"] .m-profile-card {
    position:relative !important;
    z-index:2 !important;
    margin:-20px 17px 0 !important;
    padding:17px 19px 18px !important;
    background:#fff !important;
    border-radius:13px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
  }
  body[data-route="home"] .m-profile-card h3 {
    margin:0 0 16px !important;
    color:#6d7482 !important;
    font-size:16px !important;
    font-weight:500 !important;
  }
  body[data-route="home"] .m-profile-card h3:nth-of-type(2) {
    margin-top:22px !important;
  }
  body[data-route="home"] .m-profile-card p {
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin:0 !important;
    border-bottom:1px solid #f0f2f5 !important;
  }
  body[data-route="home"] .m-profile-card p:last-child { border-bottom:0 !important; }
  body[data-route="home"] .m-profile-card span {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    color:#6d7482 !important;
    font-size:15px !important;
  }
  body[data-route="home"] .m-profile-card b {
    font-size:16px !important;
    color:#111 !important;
    font-weight:500 !important;
    text-align:right !important;
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }
  body[data-route="home"] .m-profile-card em {
    display:inline-block !important;
    padding:5px 12px !important;
    border-radius:14px !important;
    background:#eef7ff !important;
    color:#176cff !important;
    font-style:normal !important;
    font-size:13px !important;
  }
  body[data-route="home"] .m-profile-card em.ok {
    background:#eafaf0 !important;
    color:#09a66d !important;
  }
  body[data-route="home"] .m-profile-actions {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:16px !important;
    margin:34px 4px 78px !important;
  }
  body[data-route="home"] .m-profile-actions button {
    height:43px !important;
    border-radius:8px !important;
    border:1px solid #eef0f4 !important;
    background:#fff !important;
    color:#687182 !important;
    font-size:16px !important;
  }
  body[data-route="home"] .m-profile-actions button:last-child {
    background:linear-gradient(90deg,#6422c9,#2d6bff) !important;
    color:#fff !important;
    border:0 !important;
  }

  body[data-route="home"] .m-mine-form-page,
  body[data-route="home"] .m-mine-bind-page,
  body[data-route="home"] .m-edit-profile-page,
  body[data-route="home"] .m-static-page,
  body[data-route="home"] .m-language-page,
  body[data-route="home"] .m-mine-verified-page {
    min-height:100vh !important;
    padding-bottom:70px !important;
    background:#fff !important;
  }
  body[data-route="home"] .m-mine-form {
    padding:14px 6px !important;
  }
  body[data-route="home"] .m-mine-form h3 {
    margin:10px 0 18px !important;
    font-size:15px !important;
    font-weight:500 !important;
  }
  body[data-route="home"] .m-mine-form label,
  body[data-route="home"] .m-edit-form label {
    display:block !important;
    margin-bottom:26px !important;
    color:#111 !important;
    font-size:15px !important;
  }
  body[data-route="home"] .m-mine-form label::first-letter,
  body[data-route="home"] .m-edit-form label::first-letter {
    color:#e60000 !important;
  }
  body[data-route="home"] .m-mine-form input,
  body[data-route="home"] .m-mine-form select,
  body[data-route="home"] .m-edit-form input,
  body[data-route="home"] .m-bind-sheet input,
  body[data-route="home"] .m-bind-sheet select {
    margin-top:9px !important;
    width:100% !important;
    height:43px !important;
    border:1px solid #dce1e7 !important;
    border-radius:3px !important;
    padding:0 15px !important;
    color:#111 !important;
    background:#fff !important;
    box-sizing:border-box !important;
    font-size:15px !important;
  }
  body[data-route="home"] .m-mine-submit {
    width:100% !important;
    height:45px !important;
    margin-top:24px !important;
    border:0 !important;
    border-radius:24px !important;
    background:#ffe100 !important;
    color:#111 !important;
    font-size:15px !important;
  }
  body[data-route="home"] .m-mine-submit.small-right {
    width:88px !important;
    float:right !important;
  }
  body[data-route="home"] .m-verified-card {
    margin:80px 24px !important;
    text-align:center !important;
  }
  body[data-route="home"] .m-verified-check {
    width:74px !important;
    height:74px !important;
    margin:0 auto 16px !important;
    border-radius:50% !important;
    background:#10c46f !important;
    color:#fff !important;
    font-size:44px !important;
    line-height:74px !important;
  }

  body[data-route="home"] .m-bind-list {
    min-height:570px !important;
    padding:16px !important;
  }
  body[data-route="home"] .m-bind-list article {
    padding:12px !important;
    border:1px solid #eef0f4 !important;
    border-radius:10px !important;
    margin-bottom:12px !important;
  }
  body[data-route="home"] .m-bind-list b,
  body[data-route="home"] .m-bind-list span {
    display:block !important;
    overflow-wrap:anywhere !important;
  }
  body[data-route="home"] .m-bind-add {
    position:fixed !important;
    right:12px !important;
    bottom:74px !important;
    width:188px !important;
    height:49px !important;
    border-radius:25px !important;
    border:0 !important;
    font-size:16px !important;
    z-index:35 !important;
  }
  body[data-route="home"] .m-bind-add.yellow { background:#ffe100 !important; color:#fff !important; }
  body[data-route="home"] .m-bind-add.black { background:#151511 !important; color:#fff !important; }
  body[data-route="home"] .m-bottom-mask {
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.68) !important;
    z-index:3000 !important;
    display:flex !important;
    align-items:flex-end !important;
  }
  body[data-route="home"] .m-bind-sheet {
    width:100% !important;
    max-height:82vh !important;
    overflow:auto !important;
    background:#fff !important;
    padding:17px 8px 20px !important;
  }
  body[data-route="home"] .m-bind-sheet h3 {
    text-align:center !important;
    margin:0 0 22px !important;
    font-size:19px !important;
  }
  body[data-route="home"] .m-bind-sheet label {
    min-height:49px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid #f0f2f5 !important;
    color:#111 !important;
    font-size:15px !important;
  }
  body[data-route="home"] .m-bind-sheet label input,
  body[data-route="home"] .m-bind-sheet label select {
    width:52% !important;
    border:0 !important;
    text-align:right !important;
    color:#a8b0bc !important;
  }
  body[data-route="home"] .m-bind-sheet label b {
    font-weight:400 !important;
    color:#111 !important;
  }
  body[data-route="home"] .m-sheet-actions {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:18px !important;
  }
  body[data-route="home"] .m-sheet-actions button {
    height:48px !important;
    border-radius:3px !important;
    font-size:15px !important;
    border:1px solid #111 !important;
    background:#fff !important;
  }
  body[data-route="home"] .m-sheet-actions button:last-child {
    background:#ffe100 !important;
    border-color:#ffe100 !important;
    color:#111 !important;
  }
  body[data-route="home"] .m-bind-sheet.bank .m-sheet-actions button:last-child {
    background:#151511 !important;
    border-color:#151511 !important;
    color:#fff !important;
  }

  body[data-route="home"] .m-edit-head {
    height:91px !important;
    padding:17px 16px !important;
    background:linear-gradient(90deg,#746ddc,#743fc4) !important;
    color:#fff !important;
  }
  body[data-route="home"] .m-edit-head h2 {
    margin:0 0 8px !important;
    font-size:24px !important;
    color:#fff !important;
  }
  body[data-route="home"] .m-edit-head p {
    margin:0 !important;
    color:#fff !important;
  }
  body[data-route="home"] .m-edit-form {
    padding:21px 16px !important;
  }
  body[data-route="home"] .m-upload-row {
    display:grid !important;
    grid-template-columns:175px 1fr !important;
    gap:16px !important;
    margin-bottom:25px !important;
  }
  body[data-route="home"] .m-upload-box {
    width:164px !important;
    height:164px !important;
    border:1px dashed #d9dde5 !important;
    background:#fff !important;
    border-radius:5px !important;
    color:#8b93a1 !important;
    font-size:38px !important;
  }
  body[data-route="home"] .m-upload-row p {
    margin:35px 0 0 !important;
    color:#666 !important;
    line-height:1.75 !important;
    white-space:pre-line !important;
    font-size:13px !important;
  }
  body[data-route="home"] .m-edit-form em {
    float:right !important;
    color:#7b8494 !important;
    font-style:normal !important;
    margin-top:-32px !important;
    margin-right:10px !important;
  }
  body[data-route="home"] .m-edit-back {
    width:100% !important;
    height:44px !important;
    margin-top:16px !important;
    background:#fff !important;
    border:1px solid #e6e9ef !important;
    border-radius:4px !important;
    color:#333 !important;
    font-size:16px !important;
  }

  body[data-route="home"] .m-static-page article {
    padding:0 36px !important;
    margin-top:0 !important;
    font-size:15px !important;
    line-height:1.75 !important;
    color:#111 !important;
  }
  body[data-route="home"] .m-contact-page {
    padding:23px 36px 80px !important;
  }
  body[data-route="home"] .m-contact-page .m-mine-sub-header {
    margin: -23px -36px 20px !important;
  }
  body[data-route="home"] .m-contact-page h1 {
    font-size:30px !important;
    margin:28px 0 24px !important;
  }
  body[data-route="home"] .m-contact-page h2 {
    font-size:20px !important;
    margin:25px 0 12px !important;
  }
  body[data-route="home"] .m-contact-page p,
  body[data-route="home"] .m-contact-page a {
    color:#111 !important;
    font-size:15px !important;
    line-height:1.8 !important;
    overflow-wrap:anywhere !important;
  }

  body[data-route="home"] .m-language-list {
    background:#fff !important;
  }
  body[data-route="home"] .m-language-list button {
    width:100% !important;
    height:60px !important;
    display:grid !important;
    grid-template-columns:70px 1fr 26px !important;
    align-items:center !important;
    border:0 !important;
    border-bottom:1px solid #f1f2f4 !important;
    background:#fff !important;
    padding:0 16px !important;
  }
  body[data-route="home"] .m-language-list .flag {
    width:44px !important;
    height:28px !important;
  }
  body[data-route="home"] .m-language-list b {
    justify-self:end !important;
    color:#858d9a !important;
    font-weight:400 !important;
    font-size:15px !important;
  }
  body[data-route="home"] .m-language-list em {
    color:#f0d900 !important;
    font-style:normal !important;
  }

  body[data-route="home"] .m-mine-modal-mask {
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.68) !important;
    z-index:4000 !important;
    display:grid !important;
    place-items:center !important;
  }
  body[data-route="home"] .m-mine-modal {
    width:72vw !important;
    max-width:306px !important;
    border-radius:8px !important;
    background:#fff !important;
    overflow:hidden !important;
    text-align:center !important;
    position:relative !important;
  }
  body[data-route="home"] .m-mine-modal.delete {
    align-self:end !important;
    width:100vw !important;
    max-width:none !important;
    border-radius:12px 12px 0 0 !important;
    padding-top:8px !important;
  }
  body[data-route="home"] .m-mine-modal h3 {
    margin:28px 0 14px !important;
    font-size:20px !important;
  }
  body[data-route="home"] .m-mine-modal p {
    margin:0 0 27px !important;
    color:#333 !important;
  }
  body[data-route="home"] .m-mine-modal input {
    width:calc(100% - 20px) !important;
    height:35px !important;
    margin:0 10px 78px !important;
    border:1px solid #e5e7ec !important;
    border-radius:3px !important;
  }
  body[data-route="home"] .m-mine-modal div {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    border-top:1px solid #eef0f4 !important;
  }
  body[data-route="home"] .m-mine-modal div button {
    height:54px !important;
    border:0 !important;
    background:#fff !important;
    font-size:18px !important;
    color:#111 !important;
  }
  body[data-route="home"] .m-mine-modal div button:last-child {
    border-left:1px solid #eef0f4 !important;
    color:#111 !important;
  }
  body[data-route="home"] .m-mine-modal.delete div button:last-child {
    background:#ffe100 !important;
  }
  body[data-route="home"] .m-modal-x {
    position:absolute !important;
    top:8px !important;
    right:10px !important;
    border:0 !important;
    background:transparent !important;
    color:#aaa !important;
    font-size:30px !important;
  }

  body[data-route="home"] .m-mine-mini {
    width:15px !important;
    height:15px !important;
    display:inline-block !important;
    position:relative !important;
    color:#3f82ff !important;
  }
  body[data-route="home"] .m-mine-mini::before {
    content:"" !important;
    position:absolute !important;
    inset:2px !important;
    border:1.5px solid currentColor !important;
    border-radius:50% !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-kyc-rejected {
    margin: 0 0 18px !important;
    padding: 11px 13px !important;
    border-radius: 6px !important;
    background: #fff5f5 !important;
    color: #d64545 !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-profile-card h3 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  body[data-route="home"] .m-profile-card span .m-mine-mini,
  body[data-route="home"] .m-profile-card h3 .m-mine-mini {
    flex: 0 0 16px !important;
  }
  body[data-route="home"] .m-mine-mini {
    width: 16px !important;
    height: 16px !important;
    display: inline-grid !important;
    place-items: center !important;
    position: relative !important;
    color: #3f82ff !important;
    vertical-align: -3px !important;
  }
  body[data-route="home"] .m-mine-mini::before,
  body[data-route="home"] .m-mine-mini::after {
    content: none !important;
    display: none !important;
  }
  body[data-route="home"] .m-mine-mini svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.75 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  body[data-route="home"] .m-mini-home,
  body[data-route="home"] .m-mini-phone {
    color: #9aa1aa !important;
  }
  body[data-route="home"] .m-mini-diamond,
  body[data-route="home"] .m-mini-check,
  body[data-route="home"] .m-mini-send,
  body[data-route="home"] .m-mini-mail,
  body[data-route="home"] .m-mini-user {
    color: #3481ff !important;
  }
  body[data-route="home"] .m-profile-card p {
    min-height: 52px !important;
  }
  body[data-route="home"] .m-profile-card p span {
    min-width: 120px !important;
  }
  body[data-route="home"] .m-profile-card p b {
    max-width: 55% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  body[data-route="home"] .m-profile-card p b em {
    white-space: nowrap !important;
  }
  body[data-route="home"] .m-profile-id {
    letter-spacing: .3px !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-mine-form label::first-letter,
  body[data-route="home"] .m-edit-form label::first-letter,
  body[data-route="home"] .m-bind-sheet label::first-letter {
    color: inherit !important;
  }
  body[data-route="home"] .m-mine-form label.req,
  body[data-route="home"] .m-edit-form label.req,
  body[data-route="home"] .m-bind-sheet label.req {
    position: relative !important;
  }
  body[data-route="home"] .m-mine-form label.req::before,
  body[data-route="home"] .m-edit-form label.req::before,
  body[data-route="home"] .m-bind-sheet label.req::before {
    content: "*" !important;
    display: inline !important;
    margin-right: 2px !important;
    color: #e60000 !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }
  body[data-route="home"] .m-field-select {
    margin-top: 9px !important;
    width: 100% !important;
    height: 43px !important;
    border: 1px solid #dce1e7 !important;
    border-radius: 3px !important;
    padding: 0 12px 0 15px !important;
    color: #98a2b3 !important;
    background: #fff !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
  }
  body[data-route="home"] .m-field-select span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body[data-route="home"] .m-field-select span.has-value {
    color: #111 !important;
  }
  body[data-route="home"] .m-field-select i {
    width: 8px !important;
    height: 8px !important;
    border-right: 1.5px solid #a6afbb !important;
    border-bottom: 1.5px solid #a6afbb !important;
    transform: rotate(45deg) translateY(-2px) !important;
    flex: 0 0 auto !important;
  }
  body[data-route="home"] .m-kyc-doc-menu {
    width: 100% !important;
    margin-top: 6px !important;
    background: #fff !important;
    border: 1px solid #e4e8ee !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.08) !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 12 !important;
  }
  body[data-route="home"] .m-kyc-doc-menu button {
    display: block !important;
    width: 100% !important;
    height: 47px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-bottom: 1px solid #f1f3f6 !important;
    background: #fff !important;
    color: #111 !important;
    text-align: left !important;
    font-size: 20px !important;
  }
  body[data-route="home"] .m-kyc-doc-menu button:last-child {
    border-bottom: 0 !important;
  }
  body[data-route="home"] .m-kyc-doc-menu button.active {
    background: #f5f7fb !important;
    color: #0b63d8 !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-trade-mini[data-trade-favorite] {
    touch-action: manipulation !important;
    pointer-events: auto !important;
  }
  body[data-route="home"] .m-trade-mini[data-trade-favorite] .m-trade-mini-heart {
    width: 26px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 26px !important;
    line-height: 25px !important;
    font-style: normal !important;
    color: #8a94a3 !important;
    background: transparent !important;
    border: 0 !important;
  }
  body[data-route="home"] .m-trade-mini[data-trade-favorite] .m-trade-mini-heart::before,
  body[data-route="home"] .m-trade-mini[data-trade-favorite] .m-trade-mini-heart::after {
    content: none !important;
    display: none !important;
  }
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active .m-trade-mini-heart,
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active span {
    color: #ef233c !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-trade-mini[data-trade-favorite] .m-trade-mini-heart {
    width: 26px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 27px !important;
    line-height: 25px !important;
    font-style: normal !important;
    color: #8a94a3 !important;
    background: transparent !important;
    border: 0 !important;
  }
  body[data-route="home"] .m-trade-mini[data-trade-favorite] .m-trade-mini-heart::before,
  body[data-route="home"] .m-trade-mini[data-trade-favorite] .m-trade-mini-heart::after {
    content: none !important;
    display: none !important;
  }
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active .m-trade-mini-heart,
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active span {
    color: #ffd600 !important;
  }
  body[data-route="home"] .m-market-star {
    color: #ffd600 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    margin-right: 3px !important;
    flex: 0 0 auto !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.06) !important;
  }
  body[data-route="home"] .m-market-heart {
    display: none !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-trade-mini[data-trade-favorite] .m-trade-mini-heart {
    width: 26px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 27px !important;
    line-height: 25px !important;
    font-style: normal !important;
    color: #8a94a3 !important;
    background: transparent !important;
    border: 0 !important;
  }
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active .m-trade-mini-heart,
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active span {
    color: #ef233c !important;
  }
  body[data-route="home"] .m-market-star {
    color: #ffd600 !important;
  }
}



.chat-float,
.chat-float::before,
.chat-float::after,
[class*="chat-float"],
[class*="customer-float"],
[class*="online-service"],
[class*="support-float"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  body[data-route="home"] .mobile-home,
  body[data-route="home"] .m-mine-sub-page,
  body[data-route="home"] .m-mine-form-page,
  body[data-route="home"] .m-mine-bind-page,
  body[data-route="home"] .m-record-page,
  body[data-route="home"] .m-market-page,
  body[data-route="home"] .m-trade-page {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  body[data-route="home"] input,
  body[data-route="home"] select,
  body[data-route="home"] textarea,
  body[data-route="home"] button {
    -webkit-tap-highlight-color: transparent !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-fin-row b,
  body[data-route="home"] .m-fin-method-list span,
  body[data-route="home"] .m-record-detail b,
  body[data-route="home"] .m-profile-card p b,
  body[data-route="home"] .m-mine-list button span,
  body[data-route="home"] .m-bind-sheet .m-fin-row b {
    min-width: 0 !important;
    max-width: 64vw !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
    text-align: right !important;
    line-height: 1.35 !important;
  }
  body[data-route="home"] .m-fin-method-list button {
    min-height: 48px !important;
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  body[data-route="home"] .m-fin-sheet,
  body[data-route="home"] .m-bind-sheet,
  body[data-route="home"] .m-logout-dialog,
  body[data-route="home"] .m-profile-card {
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .mobile-mine-page {
    background: #f6f7f9 !important;
    padding: 0 4px 60px !important;
    min-height: 100vh !important;
    box-sizing: border-box !important;
  }
  body[data-route="home"] .m-mine-profile {
    height: 90px !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0,1fr) !important;
    align-items: start !important;
    gap: 8px !important;
    padding: 13px 8px 0 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: left !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  body[data-route="home"] .m-mine-avatar {
    width: 55px !important;
    height: 55px !important;
    margin: 0 !important;
    align-self: start !important;
    justify-self: start !important;
    border-radius: 50% !important;
    background: #f0f0f0 !important;
    box-shadow: none !important;
  }
  body[data-route="home"] .m-mine-user {
    min-width: 0 !important;
    padding: 3px 0 0 !important;
    display: block !important;
  }
  body[data-route="home"] .m-mine-title-line {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 24px !important;
    min-width: 0 !important;
    color: #151515 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
  }
  body[data-route="home"] .m-mine-title-line span {
    min-width: 0 !important;
    max-width: calc(100vw - 125px) !important;
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body[data-route="home"] .m-mine-title-line i,
  body[data-route="home"] .m-mine-profile-arrow {
    width: 10px !important;
    height: 10px !important;
    flex: 0 0 10px !important;
    border-top: 1.8px solid #111 !important;
    border-right: 1.8px solid #111 !important;
    transform: rotate(45deg) !important;
    display: inline-block !important;
    position: static !important;
    margin: 0 !important;
  }
  body[data-route="home"] .m-mine-title-line i::before,
  body[data-route="home"] .m-mine-title-line i::after,
  body[data-route="home"] .m-mine-profile-arrow::before,
  body[data-route="home"] .m-mine-profile-arrow::after {
    content: none !important;
    display: none !important;
  }
  body[data-route="home"] .m-mine-email-line,
  body[data-route="home"] .m-mine-name {
    margin-top: 5px !important;
    color: #8d95a3 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: calc(100vw - 86px) !important;
  }
  body[data-route="home"] .m-mine-vip-card {
    margin: 0 0 10px !important;
    border-radius: 6px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }
  body[data-route="home"] .m-mine-vip {
    height: 42px !important;
    padding: 0 11px !important;
    background: #211f22 !important;
    color: #ffd600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 14px !important;
  }
  body[data-route="home"] .m-mine-quick {
    height: 87px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    background: #fff !important;
  }
  body[data-route="home"] .m-mine-quick-item {
    min-width: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    gap: 12px !important;
    line-height: 18px !important;
  }
  body[data-route="home"] .m-mine-list {
    margin: 10px 0 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #fff !important;
    border-top: 0 !important;
  }
  body[data-route="home"] .m-mine-row {
    height: 46px !important;
    grid-template-columns: 37px minmax(0,1fr) 28px !important;
    padding: 0 10px 0 12px !important;
    font-size: 15px !important;
    line-height: 46px !important;
    background: #fff !important;
    border-bottom: 1px solid #f0f1f4 !important;
  }
  body[data-route="home"] .m-mine-row span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .mobile-mine-page,
  body[data-route="home"] .mobile-mine-page button,
  body[data-route="home"] .mobile-mine-page input,
  body[data-route="home"] .mobile-mine-page select,
  body[data-route="home"] .mobile-mine-page textarea {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "PingFang SC",
      "Microsoft JhengHei", "Microsoft YaHei", "Noto Sans TC", "Noto Sans SC",
      Arial, sans-serif !important;
    letter-spacing: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
  }

  body[data-route="home"] .m-mine-title-line {
    height: 23px !important;
    font-size: 18px !important;
    line-height: 23px !important;
    font-weight: 600 !important;
    color: #111 !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .m-mine-email-line {
    margin-top: 4px !important;
    font-size: 18px !important;
    line-height: 23px !important;
    font-weight: 400 !important;
    color: #89919f !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .m-mine-vip,
  body[data-route="home"] .m-mine-vip b,
  body[data-route="home"] .m-mine-vip em {
    height: 42px !important;
    font-size: 14px !important;
    line-height: 42px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .m-mine-quick-item {
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    color: #111 !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .m-mine-row,
  body[data-route="home"] .m-mine-row span {
    height: 46px !important;
    font-size: 15px !important;
    line-height: 46px !important;
    font-weight: 400 !important;
    color: #111 !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .m-bottom-item em {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .m-mine-profile {
    grid-template-columns: 64px minmax(0,1fr) !important;
    gap: 8px !important;
  }
}


@media (max-width: 900px) {
  body[data-route="home"] .m-mine-form-page,
  body[data-route="home"] .m-mine-sub-page,
  body[data-route="home"] .m-mine-bind-page,
  body[data-route="home"] .m-static-page,
  body[data-route="home"] .m-language-page {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "PingFang SC",
      "Microsoft JhengHei", "Microsoft YaHei", "Noto Sans TC", "Noto Sans SC",
      Arial, sans-serif !important;
    overflow-x: hidden !important;
  }

  body[data-route="home"] .m-mine-form label,
  body[data-route="home"] .m-edit-form label,
  body[data-route="home"] .m-bind-sheet label,
  body[data-route="home"] .m-profile-card p span,
  body[data-route="home"] .m-record-detail p span,
  body[data-route="home"] .m-static-page p,
  body[data-route="home"] .m-static-page h1,
  body[data-route="home"] .m-static-page h2 {
    letter-spacing: 0 !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-mine-quick {
    height: 87px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  body[data-route="home"] .m-mine-quick-item {
    height: 87px !important;
    min-height: 87px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    line-height: 1 !important;
  }

  body[data-route="home"] .m-mine-quick-item i {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-route="home"] .m-mine-quick-item span,
  body[data-route="home"] .m-mine-quick-item b,
  body[data-route="home"] .m-mine-quick-item em {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
    color: #111 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .m-mine-list {
    margin-top: 10px !important;
    background: #fff !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-mine-row {
    height: 46px !important;
    min-height: 46px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 24px !important;
    align-items: center !important;
    column-gap: 0 !important;
    padding: 0 10px 0 12px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-bottom: 1px solid #f0f1f4 !important;
    line-height: normal !important;
  }

  body[data-route="home"] .m-mine-row > i:first-child,
  body[data-route="home"] .m-mine-row .m-mine-row-icon,
  body[data-route="home"] .m-mine-row svg:first-child {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    transform: none !important;
  }

  body[data-route="home"] .m-mine-row span {
    grid-column: 2 !important;
    align-self: center !important;
    justify-self: start !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: left !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-mine-row .m-row-arrow,
  body[data-route="home"] .m-mine-row > em:last-child,
  body[data-route="home"] .m-mine-row > b:last-child {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-route="home"] .m-mine-row::before,
  body[data-route="home"] .m-mine-row::after {
    align-self: center !important;
  }

  
  body[data-route="home"] .m-fin-row,
  body[data-route="home"] .m-bind-sheet .m-fin-row,
  body[data-route="home"] .m-language-row,
  body[data-route="home"] .m-profile-card p,
  body[data-route="home"] .m-record-detail p {
    display: flex !important;
    align-items: center !important;
  }

  body[data-route="home"] .m-fin-row span,
  body[data-route="home"] .m-bind-sheet .m-fin-row span,
  body[data-route="home"] .m-language-row span,
  body[data-route="home"] .m-profile-card p span,
  body[data-route="home"] .m-record-detail p span {
    line-height: 20px !important;
    align-self: center !important;
  }

  body[data-route="home"] .m-fin-row b,
  body[data-route="home"] .m-bind-sheet .m-fin-row b,
  body[data-route="home"] .m-language-row b,
  body[data-route="home"] .m-profile-card p b,
  body[data-route="home"] .m-record-detail p b {
    line-height: 20px !important;
    align-self: center !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row,
  body[data-route="home"] .mobile-mine-page button.m-mine-row {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 11px 0 14px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #f1f2f4 !important;
    line-height: normal !important;
    text-align: left !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > i,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > i,
  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > svg,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > svg {
    flex: 0 0 23px !important;
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    margin: 0 9px 0 0 !important;
    padding: 0 !important;
    align-self: center !important;
    justify-self: auto !important;
    display: inline-grid !important;
    place-items: center !important;
    transform: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > span,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    justify-self: auto !important;
    display: block !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > .m-row-arrow,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > .m-row-arrow,
  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > em:last-child,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > em:last-child,
  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > b:last-child,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > b:last-child {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    align-self: center !important;
    justify-self: auto !important;
    display: inline-block !important;
    transform: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > .m-row-arrow::before,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > .m-row-arrow::before {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    margin: 5px 2px 0 auto !important;
    border-top: 1.6px solid #111 !important;
    border-right: 1.6px solid #111 !important;
    transform: rotate(45deg) !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row::before,
  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row::after,
  body[data-route="home"] .mobile-mine-page button.m-mine-row::before,
  body[data-route="home"] .mobile-mine-page button.m-mine-row::after {
    align-self: center !important;
  }

  
  body[data-route="home"] .mobile-mine-page .m-mine-quick .m-mine-quick-item {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .mobile-mine-page {
    background: #f4f4f4 !important;
    min-height: 100vh !important;
    padding: 0 0 66px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-profile {
    width: 100% !important;
    min-height: 92px !important;
    display: grid !important;
    grid-template-columns: 60px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 9px 14px 10px 8px !important;
    background: #f4f4f4 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-avatar {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: #e8e8e8 !important;
    box-shadow: none !important;
    margin: 0 !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-user {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
    padding: 0 !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-account-line,
  body[data-route="home"] .mobile-mine-page .m-mine-title-line {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #8f98a5 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-account-line span,
  body[data-route="home"] .mobile-mine-page .m-mine-title-line span,
  body[data-route="home"] .mobile-mine-page .m-mine-email-line {
    min-width: 0 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-title-line {
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-email-line {
    color: #8f98a5 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-account-line i,
  body[data-route="home"] .mobile-mine-page .m-mine-title-line i {
    width: 8px !important;
    height: 8px !important;
    flex: 0 0 8px !important;
    border-top: 1.5px solid #111 !important;
    border-right: 1.5px solid #111 !important;
    transform: rotate(45deg) !important;
    display: inline-block !important;
    margin-top: -1px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-account-line i::before,
  body[data-route="home"] .mobile-mine-page .m-mine-account-line i::after,
  body[data-route="home"] .mobile-mine-page .m-mine-title-line i::before,
  body[data-route="home"] .mobile-mine-page .m-mine-title-line i::after {
    content: none !important;
    display: none !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-vip-card {
    margin: 0 7px 0 !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-vip {
    height: 43px !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: linear-gradient(180deg, #252022 0%, #1d191b 100%) !important;
    color: #ffd646 !important;
    font-size: 14px !important;
    line-height: 43px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-vip span {
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-vip b,
  body[data-route="home"] .mobile-mine-page .m-mine-vip em {
    font-style: normal !important;
    font-weight: 500 !important;
    color: #ffd646 !important;
    line-height: 43px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-quick {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    height: 90px !important;
    background: #fff !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-quick-item {
    min-height: 90px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 4px 2px 6px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-quick-item .m-mine-qicon {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-quick-item span {
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 19px !important;
    text-align: center !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list {
    margin: 10px 0 0 !important;
    background: #fff !important;
    border-top: 1px solid #efefef !important;
    border-bottom: 1px solid #efefef !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row,
  body[data-route="home"] .mobile-mine-page button.m-mine-row {
    min-height: 53px !important;
    height: 53px !important;
    padding: 0 16px 0 14px !important;
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #efefef !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row:last-child,
  body[data-route="home"] .mobile-mine-page button.m-mine-row:last-child {
    border-bottom: 0 !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > i,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > i {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    margin: 0 12px 0 0 !important;
    flex: 0 0 22px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > span,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > b:last-child,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > b:last-child {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin-left: 10px !important;
    position: relative !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > b:last-child::before,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > b:last-child::before {
    content: "" !important;
    position: absolute !important;
    right: 2px !important;
    top: 4px !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 1.5px solid #111 !important;
    border-right: 1.5px solid #111 !important;
    transform: rotate(45deg) !important;
  }

  body[data-route="home"] .mobile-mine-page .m-bottom-nav {
    height: 58px !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
    background: #fff !important;
    border-top: 1px solid #e9e9e9 !important;
  }

  body[data-route="home"] .mobile-mine-page .m-bottom-item {
    gap: 2px !important;
  }

  body[data-route="home"] .mobile-mine-page .m-bottom-item em {
    font-size: 12px !important;
    line-height: 15px !important;
    font-weight: 400 !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .mobile-mine-page .m-mine-row[data-mine-action="delete"] {
    display: flex !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-time-tabs,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-chart,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-order,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-actionbar,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-bottom-nav {
    filter: none !important;
  }

  body[data-route="home"] .m-trade-switch-layer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,.62) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 148px 0 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .m-trade-switch-panel {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: calc(100vh - 148px) !important;
    background: #fff !important;
    border-top: 1px solid #dedede !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: none !important;
  }

  body[data-route="home"] .m-trade-switch-search-wrap {
    flex: 0 0 auto !important;
    padding: 20px 4px 10px !important;
    background: #fff !important;
  }

  body[data-route="home"] .m-trade-switch-head {
    flex: 0 0 auto !important;
    grid-template-columns: 1.28fr .86fr .84fr 34px !important;
    padding: 12px 10px 10px !important;
  }

  body[data-route="home"] .m-trade-switch-list {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom, 0)) !important;
  }

  body[data-route="home"] .m-trade-switch-row {
    grid-template-columns: 1.28fr .86fr .84fr 34px !important;
    column-gap: 4px !important;
    min-height: 47px !important;
    padding: 9px 10px !important;
  }

  body[data-route="home"] .m-trade-switch-fav {
    justify-self: end !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #a3a9b6 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
    user-select: none !important;
  }

  body[data-route="home"] .m-trade-switch-fav.active {
    color: #ef233c !important;
  }
}


@media (max-width: 900px) {
  body[data-route="home"] .mobile-trade-page.trade-picker-open {
    overflow: hidden !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-actionbar,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-bottom-nav {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-switch-layer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    z-index: 2147483000 !important;
    background: rgba(0, 0, 0, .66) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 148px 0 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    touch-action: none !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-switch-panel {
    flex: 1 1 auto !important;
    height: calc(100dvh - 148px) !important;
    min-height: calc(100vh - 148px) !important;
    max-height: calc(100dvh - 148px) !important;
    background: #fff !important;
    border-radius: 0 !important;
    border-top: 1px solid #dedede !important;
    box-shadow: none !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-switch-search-wrap,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-switch-head {
    flex: 0 0 auto !important;
    background: #fff !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-switch-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
    background: #fff !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-switch-head,
  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-switch-row {
    grid-template-columns: 1.28fr .86fr .84fr 36px !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-switch-fav {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 23px !important;
    line-height: 1 !important;
    color: #a5abb7 !important;
    font-family: Arial, sans-serif !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-trade-switch-fav.active {
    color: #ef233c !important;
  }
}


body[data-route="home"] .market-icon.market-token-icon,
body[data-route="home"] .market-token-icon.m-symbol-image {
  background: transparent !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  position: relative !important;
}
body[data-route="home"] .market-token-icon .m-symbol-img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}
body[data-route="home"] .market-token-icon .m-symbol-fallback {
  display: none;
  position: absolute;
  inset: 0;
  place-items: center;
  border-radius: 50%;
  background: #f2f4f7;
  color: #111827;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
}
body[data-route="home"] .market-token-icon.is-img-missing .m-symbol-fallback { display: grid; }


body[data-route="home"] .m-trade-summary .m-trade-source{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:22px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:#f5f7fb!important;
  color:#7b8797!important;
  font-size:11px!important;
  width:max-content!important;
  max-width:100%!important;
}
body[data-route="home"] .m-trade-source i{
  width:6px!important;height:6px!important;border-radius:50%!important;background:#9aa7b7!important;display:inline-block!important;
}
body[data-route="home"] .m-trade-source.is-live i{background:#17bd86!important;box-shadow:0 0 0 4px rgba(23,189,134,.12)!important;}
body[data-route="home"] .m-trade-source b{font-weight:800!important;color:#3b4654!important;max-width:92px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body[data-route="home"] .m-order-account-strip{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:8px 0 10px!important;
  padding:10px!important;
  border:1px solid #edf1f6!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#f9fbff)!important;
}
body[data-route="home"] .m-order-account-strip p{margin:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;}
body[data-route="home"] .m-order-account-strip span{font-size:11px!important;color:#8a95a5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body[data-route="home"] .m-order-account-strip b{font-size:13px!important;color:#202936!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body[data-route="home"] .m-order-account-strip.is-warn{border-color:rgba(217,88,82,.26)!important;background:linear-gradient(180deg,#fff,#fff7f6)!important;}
body[data-route="home"] .m-order-account-strip.is-warn p:last-child b{color:#d95852!important;}
body[data-route="home"] .m-order-footer button[disabled]{opacity:.58!important;filter:saturate(.65)!important;}


@media (max-width: 900px) {
  body[data-route="home"] .m-order-detail-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
    padding-bottom: 12px !important;
  }
  body[data-route="home"] .m-order-detail-actions button {
    height: 44px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }
  body[data-route="home"] .m-order-detail-actions button.danger {
    background: #ef4444 !important;
  }
  body[data-route="home"] .m-order-account-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body[data-route="home"] .m-asset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


body[data-route="home"] .m-order-validation{
  margin:8px 0 2px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  background:rgba(217,88,82,.08)!important;
  border:1px solid rgba(217,88,82,.18)!important;
  color:#c94a45!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
body[data-route="home"] .m-order-footer button[aria-disabled="true"]{
  cursor:not-allowed!important;
}


body[data-route="home"] .m-order-input-row.is-disabled{
  opacity:.56!important;
  filter:saturate(.7)!important;
}
body[data-route="home"] .m-order-input-row.is-disabled input{
  cursor:not-allowed!important;
}
body[data-route="home"] .m-order-footer button[data-busy="1"]{
  pointer-events:none!important;
}


.m-order-validation.is-hidden { display: none; }


@media (max-width: 768px) {
  body[data-route="home"] .m-record-page {
    background:#fff!important;
    color:#101418!important;
  }
  body[data-route="home"] .m-fin-header {
    position:sticky!important;
    top:0!important;
    z-index:130!important;
    background:#fff!important;
  }
  body[data-route="home"] .m-fin-header.has-title-arrow h2 {
    cursor:pointer!important;
    user-select:none!important;
  }
  body[data-route="home"] .m-record-menu-mask {
    position:fixed!important;
    z-index:129!important;
    left:0!important;
    right:0!important;
    top:50px!important;
    bottom:0!important;
    background:rgba(0,0,0,.64)!important;
  }
  body[data-route="home"] .m-record-menu-panel {
    background:#fff!important;
    border-top:1px solid #f1f3f7!important;
    box-shadow:0 12px 28px rgba(0,0,0,.08)!important;
  }
  body[data-route="home"] .m-record-menu-panel button {
    width:100%!important;
    height:48px!important;
    border:0!important;
    background:#fff!important;
    border-bottom:1px solid #f5f6f8!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 18px!important;
    color:#20242a!important;
    font-size:15px!important;
    font-weight:700!important;
    text-align:left!important;
  }
  body[data-route="home"] .m-record-menu-panel button.active {
    color:#1677ff!important;
  }
  body[data-route="home"] .m-record-menu-panel button b {
    color:#1677ff!important;
    font-size:18px!important;
  }
  body[data-route="home"] .m-record-assets {
    padding:14px 8px 18px!important;
    background:#f6f7f9!important;
  }
  body[data-route="home"] .m-record-assets-head {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-bottom:16px!important;
  }
  body[data-route="home"] .m-record-assets-head h3 {
    margin:0!important;
    font-size:18px!important;
    font-weight:500!important;
    color:#111!important;
  }
  body[data-route="home"] .m-record-actions {
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex-shrink:0!important;
  }
  body[data-route="home"] .m-record-actions button {
    min-width:64px!important;
    height:34px!important;
    border-radius:4px!important;
    border:1px solid #e4e8ef!important;
    background:#fff!important;
    color:#111!important;
    font-size:14px!important;
    font-weight:700!important;
  }
  body[data-route="home"] .m-record-actions button:nth-child(1),
  body[data-route="home"] .m-record-actions button:nth-child(2) {
    border-color:#ffe100!important;
    background:#ffe100!important;
  }
  body[data-route="home"] .m-record-grid {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px 28px!important;
    padding:0!important;
  }
  body[data-route="home"] .m-record-grid-secondary {
    margin-top:12px!important;
    padding-top:12px!important;
    border-top:1px solid #edf0f5!important;
  }
  body[data-route="home"] .m-record-grid p {
    margin:0!important;
    min-width:0!important;
  }
  body[data-route="home"] .m-record-grid span {
    display:block!important;
    margin-bottom:6px!important;
    color:#707b8d!important;
    font-size:13px!important;
    line-height:1.1!important;
  }
  body[data-route="home"] .m-record-grid b {
    display:block!important;
    color:#000!important;
    font-size:17px!important;
    line-height:1.2!important;
    font-weight:800!important;
  }
  body[data-route="home"] .m-record-title {
    margin:0!important;
    padding:18px 8px 10px!important;
    background:#fff!important;
    color:#111!important;
    font-size:17px!important;
    font-weight:600!important;
    border-left:2px solid #ffe100!important;
  }
  body[data-route="home"] .m-record-tabs {
    display:flex!important;
    gap:16px!important;
    padding:8px 8px 14px!important;
    background:#fff!important;
  }
  body[data-route="home"] .m-record-tabs button {
    height:28px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:2px!important;
    background:transparent!important;
    color:#111!important;
    font-size:14px!important;
    font-weight:800!important;
  }
  body[data-route="home"] .m-record-tabs button.active {
    background:#ffe100!important;
  }
  body[data-route="home"] .m-record-list {
    min-height:265px!important;
    background:#fff!important;
    border-top:1px solid #f1f3f6!important;
  }
  body[data-route="home"] .m-record-table-head {
    display:grid!important;
    grid-template-columns:1.05fr 1.05fr 1.15fr .9fr!important;
    gap:6px!important;
    padding:14px 8px 8px!important;
    color:#687386!important;
    font-size:12px!important;
  }
  body[data-route="home"] .m-record-row {
    position:relative!important;
    display:grid!important;
    grid-template-columns:1.05fr 1.05fr 1.15fr .9fr!important;
    gap:6px!important;
    padding:8px 8px 34px!important;
    border-bottom:1px solid #f1f3f6!important;
    background:#fff!important;
  }
  body[data-route="home"] .m-record-row > div {
    min-width:0!important;
  }
  body[data-route="home"] .m-record-row span {
    display:none!important;
  }
  body[data-route="home"] .m-record-row b {
    color:#121820!important;
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1.35!important;
    word-break:break-word!important;
  }
  body[data-route="home"] .m-record-row small {
    display:block!important;
    margin-top:5px!important;
    color:#7b8492!important;
    font-size:11px!important;
    line-height:1.25!important;
    word-break:break-word!important;
  }
  body[data-route="home"] .m-record-toggle {
    position:absolute!important;
    left:50%!important;
    bottom:5px!important;
    transform:translateX(-50%)!important;
    border:0!important;
    background:transparent!important;
    color:#111!important;
    font-size:24px!important;
    line-height:24px!important;
  }
  body[data-route="home"] .m-record-detail {
    grid-column:1 / -1!important;
    margin:12px 0 2px!important;
    padding:10px 12px!important;
    border-radius:8px!important;
    background:#f7f8fa!important;
  }
  body[data-route="home"] .m-record-detail p {
    display:flex!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0!important;
    padding:7px 0!important;
    border-bottom:1px solid #edf0f3!important;
  }
  body[data-route="home"] .m-record-detail p:last-child {
    border-bottom:0!important;
  }
  body[data-route="home"] .m-record-detail span {
    display:block!important;
    color:#6f7b8e!important;
    font-size:12px!important;
  }
  body[data-route="home"] .m-record-detail b {
    color:#111!important;
    font-size:12px!important;
    text-align:right!important;
  }
  body[data-route="home"] .m-record-empty {
    min-height:260px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    color:#8d95a3!important;
    font-size:14px!important;
  }
  body[data-route="home"] .m-record-empty-art {
    position:relative!important;
    width:118px!important;
    height:96px!important;
    margin-bottom:16px!important;
    opacity:.42!important;
  }
  body[data-route="home"] .m-record-empty-art i {
    position:absolute!important;
    left:33px!important;
    top:24px!important;
    width:52px!important;
    height:58px!important;
    border-radius:3px!important;
    background:#eef1f5!important;
  }
  body[data-route="home"] .m-record-empty-art i:before,
  body[data-route="home"] .m-record-empty-art i:after {
    content:""!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    height:4px!important;
    background:#dfe4eb!important;
    border-radius:2px!important;
  }
  body[data-route="home"] .m-record-empty-art i:before { top:18px!important; }
  body[data-route="home"] .m-record-empty-art i:after { top:31px!important; }
  body[data-route="home"] .m-record-empty-art b,
  body[data-route="home"] .m-record-empty-art em {
    position:absolute!important;
    display:block!important;
    background:#f1f3f7!important;
    border-radius:10px!important;
  }
  body[data-route="home"] .m-record-empty-art b { left:12px!important; top:42px!important; width:18px!important; height:8px!important; }
  body[data-route="home"] .m-record-empty-art em { right:10px!important; top:12px!important; width:25px!important; height:12px!important; }
  body[data-route="home"] .m-record-pagination {
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:64px!important;
    height:56px!important;
    display:grid!important;
    grid-template-columns:1fr 42px 1fr!important;
    align-items:center!important;
    background:#fff!important;
    box-shadow:0 -1px 8px rgba(0,0,0,.04)!important;
    z-index:60!important;
  }
  body[data-route="home"] .m-record-pagination button {
    border:0!important;
    background:transparent!important;
    color:#9aa1ad!important;
    font-size:15px!important;
  }
  body[data-route="home"] .m-record-pagination button:not(:disabled) {
    color:#111!important;
  }
  body[data-route="home"] .m-record-pagination b {
    display:grid!important;
    place-items:center!important;
    height:44px!important;
    background:#1e90ff!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:700!important;
  }
  body[data-route="home"] .m-loan-summary {
    margin:8px 8px 18px!important;
    height:74px!important;
    border-radius:5px!important;
    background:linear-gradient(135deg,#ffe100 0 50%,#fff 50% 100%)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    box-shadow:0 1px 0 rgba(0,0,0,.03)!important;
    overflow:hidden!important;
  }
  body[data-route="home"] .m-loan-summary div {
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 18px!important;
    color:#111!important;
  }
  body[data-route="home"] .m-loan-summary i {
    display:inline-block!important;
    width:16px!important;
    height:16px!important;
    border-radius:50%!important;
    background:#0bb98f!important;
    margin-right:6px!important;
    vertical-align:-3px!important;
  }
  body[data-route="home"] .m-loan-summary span {
    font-size:14px!important;
    font-weight:800!important;
  }
  body[data-route="home"] .m-loan-summary b {
    font-size:17px!important;
    font-weight:900!important;
  }
}


@media (max-width: 900px) {
  body[data-route="home"] .mobile-home-index {
    background: #f5f7fb !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: 100dvh !important;
    overflow-x: hidden !important;
  }

  body[data-route="home"] .mobile-home-index .m-home-header {
    height: 50px !important;
    grid-template-columns: minmax(128px, 1fr) auto 42px !important;
    column-gap: 8px !important;
    padding: 0 16px !important;
    background: linear-gradient(116deg, #f7f3ff 0%, #e9f5ff 52%, #c7f3ff 100%) !important;
    box-shadow: none !important;
  }

  body[data-route="home"] .mobile-home-index .m-logo .logo {
    font-size: clamp(11px, 3.3vw, 13px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.42px !important;
    transform: translateY(-1px) !important;
  }

  body[data-route="home"] .mobile-home-index .m-logo .logo-mark {
    width: 12px !important;
    height: 10px !important;
    margin-right: 2px !important;
  }

  body[data-route="home"] .mobile-home-index .m-logo .logo-mark i {
    width: 2px !important;
    border-radius: 1px !important;
  }

  body[data-route="home"] .mobile-home-index .m-account-switch {
    font-size: 13px !important;
    line-height: 50px !important;
    font-weight: 600 !important;
    max-width: 118px !important;
    color: #111827 !important;
  }

  body[data-route="home"] .mobile-home-index .m-account-switch span {
    border-left-width: 4px !important;
    border-right-width: 4px !important;
    border-top-width: 5px !important;
  }

  body[data-route="home"] .mobile-home-index .m-search {
    width: 32px !important;
    height: 32px !important;
  }

  body[data-route="home"] .mobile-home-index .m-search::before {
    left: 4px !important;
    top: 4px !important;
    width: 15px !important;
    height: 15px !important;
    border-width: 1.8px !important;
  }

  body[data-route="home"] .mobile-home-index .m-search::after {
    left: 19px !important;
    top: 20px !important;
    width: 10px !important;
    height: 1.8px !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 70px 14px 16px !important;
    background: linear-gradient(116deg, #f7f3ff 0%, #e9f5ff 52%, #bff0ff 100%) !important;
    overflow: visible !important;
  }

  body[data-route="home"] .mobile-home-index .m-rings {
    width: 300px !important;
    height: 300px !important;
    left: 84px !important;
    top: -68px !important;
    background: rgba(255,255,255,.14) !important;
  }

  body[data-route="home"] .mobile-home-index .m-rings::before {
    width: 232px !important;
    height: 232px !important;
    left: 34px !important;
    top: 34px !important;
    background: rgba(255,255,255,.11) !important;
  }

  body[data-route="home"] .mobile-home-index .m-rings::after {
    width: 122px !important;
    height: 122px !important;
    left: 90px !important;
    top: 90px !important;
    background: rgba(255,255,255,.10) !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-card {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px 16px 18px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 10px 30px rgba(24, 35, 66, .04) !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .mobile-home-index .m-card-account {
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    gap: 3px !important;
    color: #050505 !important;
  }

  body[data-route="home"] .mobile-home-index .m-card-account span {
    font-size: 10px !important;
    transform: translateY(1px) !important;
  }

  body[data-route="home"] .mobile-home-index .m-card-line {
    margin: 15px 0 !important;
    background: #f0f2f6 !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-label {
    display: block !important;
    margin: 0 0 8px !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    color: #0d0f15 !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-total {
    margin: 0 0 12px !important;
    font-size: clamp(24px, 6.9vw, 28px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: .9px !important;
    color: #000 !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-hint {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    color: #111827 !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 28px !important;
    row-gap: 16px !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-grid span {
    margin: 0 0 7px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    color: #111827 !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-grid b {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    color: #000 !important;
  }

  body[data-route="home"] .mobile-home-index .m-actions-card {
    margin: 16px 14px 0 !important;
    padding: 20px 10px 17px !important;
    border-radius: 13px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    row-gap: 22px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(24, 35, 66, .03) !important;
  }

  body[data-route="home"] .mobile-home-index .m-action {
    min-width: 0 !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 15px !important;
    color: #777e90 !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .mobile-home-index .m-action span:last-child {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .mobile-home-index .m-action .m-ico {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
  }

  body[data-route="home"] .mobile-home-index .m-action .m-ico svg {
    width: 18px !important;
    height: 18px !important;
  }

  body[data-route="home"] .mobile-home-index .m-invest {
    margin: 14px 14px 0 !important;
  }

  body[data-route="home"] .mobile-home-index .m-invest h2 {
    margin: 0 0 8px !important;
    font-size: 22px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  body[data-route="home"] .mobile-home-index .m-invest p {
    margin: 0 0 10px !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #7c8495 !important;
  }

  body[data-route="home"] .mobile-home-index .m-bottom-nav {
    height: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    border-top: 1px solid #edf0f5 !important;
    box-shadow: 0 -8px 24px rgba(18,25,38,.05) !important;
  }

  body[data-route="home"] .mobile-home-index .m-bottom-item span {
    font-size: 11px !important;
  }

  body[data-route="home"] .mobile-home-index .m-home-support-float {
    position: fixed !important;
    right: 28px !important;
    bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 145 !important;
    width: 54px !important;
    height: 54px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.18) !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
  }

  body[data-route="home"] .mobile-home-index .m-home-support-float span {
    position: relative !important;
    display: block !important;
    width: 30px !important;
    height: 24px !important;
    border: 4px solid #ff6a00 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .mobile-home-index .m-home-support-float span::after {
    content: "" !important;
    position: absolute !important;
    right: 3px !important;
    bottom: -8px !important;
    width: 10px !important;
    height: 10px !important;
    border-left: 4px solid #ff6a00 !important;
    border-bottom: 4px solid #ff6a00 !important;
    transform: skew(-18deg) rotate(-18deg) !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .mobile-home-index .m-home-support-float:active {
    transform: translateY(1px) scale(.98) !important;
  }
}

@media (max-width: 360px) {
  body[data-route="home"] .mobile-home-index .m-home-header {
    padding: 0 12px !important;
    grid-template-columns: minmax(116px, 1fr) auto 36px !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-hero {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body[data-route="home"] .mobile-home-index .m-actions-card,
  body[data-route="home"] .mobile-home-index .m-invest {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  body[data-route="home"] .mobile-home-index .m-asset-total {
    font-size: 23px !important;
    letter-spacing: .4px !important;
  }
}



body[data-route="home"] .mobile-home-index .m-home-support-float,
body[data-route="home"] .m-home-support-float {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


body[data-route="home"] .market-stock-icon,
body[data-route="home"] .market-stock-icon.m-symbol-image {
  background:#fff !important;
  border-radius:50% !important;
  overflow:hidden !important;
  position:relative !important;
  box-shadow:0 0 0 1px rgba(15,23,42,.06) !important;
}
body[data-route="home"] .market-stock-icon .m-symbol-img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:50% !important;
}
body[data-route="home"] .market-stock-icon .m-symbol-fallback {
  display:none;
  position:absolute;
  inset:0;
  place-items:center;
  border-radius:50%;
  background:#f2f4f7;
  color:#111827;
  font-size:9px;
  font-weight:900;
  line-height:1;
}
body[data-route="home"] .market-stock-icon.is-img-missing .m-symbol-fallback { display:grid; }


body[data-route="home"] .mobile-trade-page .m-trade-source,
body[data-route="home"] .mobile-trade-page .m-trade-left-price em{
  display:none!important;
}


@media (max-width: 900px) {
  body[data-route="home"] .m-order-panel .m-order-account-strip {
    display: none !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-panel {
    padding-bottom: 86px !important;
    box-shadow: none !important;
  }
  body[data-route="home"] .m-order-balance {
    height: 42px !important;
    padding: 0 10px !important;
    grid-template-columns: 1fr auto auto !important;
  }
  body[data-route="home"] .m-order-price-tabs {
    padding: 0 10px !important;
    gap: 10px !important;
  }
  body[data-route="home"] .m-order-input-row,
  body[data-route="home"] .m-order-stepper {
    margin-left: 10px !important;
    margin-right: 10px !important;
    border-radius: 2px !important;
  }
  body[data-route="home"] .m-order-stepper button,
  body[data-route="home"] .m-order-stepper input,
  body[data-route="home"] .m-order-slider input {
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }
  body[data-route="home"] .m-order-stepper button {
    position: relative !important;
    z-index: 2 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  body[data-route="home"] .m-order-slider {
    padding: 0 10px !important;
  }
  body[data-route="home"] .m-order-slider input:disabled {
    opacity: .42 !important;
  }
  body[data-route="home"] .m-order-kv,
  body[data-route="home"] .m-option-info p {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body[data-route="home"] .m-order-risk {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}


@media (max-width: 900px) {
  body.mobile-trade-sheet-open {
    overflow: hidden !important;
    touch-action: none !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open {
    height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
    background: #fff !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-time-tabs,
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-chart,
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-order {
    position: relative !important;
    z-index: 1 !important;
    filter: brightness(.72) !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-actionbar {
    display: none !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-head,
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-trade-summary {
    position: relative !important;
    z-index: 1 !important;
    filter: brightness(.72) !important;
    pointer-events: none !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 58 !important;
    border: 0 !important;
    background: rgba(0,0,0,.42) !important;
    backdrop-filter: none !important;
    touch-action: none !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-panel {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: min(236px, 36dvh) !important;
    bottom: 0 !important;
    z-index: 72 !important;
    width: min(100vw, 430px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    transform: translateX(-50%) !important;
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 -10px 26px rgba(0,0,0,.12) !important;
    touch-action: pan-y !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-panel::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-type-tabs {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    background: #f3f5f7 !important;
    box-shadow: 0 1px 0 #eef0f3 !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-balance {
    height: 42px !important;
    padding: 0 10px !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-price-tabs {
    height: 36px !important;
    padding: 0 10px !important;
    gap: 12px !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-input-row,
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-stepper {
    margin-left: 10px !important;
    margin-right: 10px !important;
    border-radius: 2px !important;
    background: #f7f7f7 !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-slider {
    padding: 0 10px !important;
    height: 33px !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-kv,
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-info p {
    min-height: 26px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-risk {
    margin: 8px 10px 10px !important;
    padding: 10px 12px !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-validation {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-footer {
    position: sticky !important;
    left: auto !important;
    right: auto !important;
    bottom: 0 !important;
    z-index: 4 !important;
    width: 100% !important;
    height: 58px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    background: #fff !important;
    box-shadow: 0 -10px 18px rgba(255,255,255,.95), 0 -2px 12px rgba(15,23,42,.08) !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-footer button {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 3px !important;
  }

  body[data-route="home"] .m-trade-notice {
    position: fixed !important;
    top: max(14px, calc(env(safe-area-inset-top) + 10px)) !important;
    left: 50% !important;
    right: auto !important;
    z-index: 140 !important;
    width: min(calc(100vw - 92px), 360px) !important;
    min-height: 54px !important;
    transform: translateX(-50%) !important;
    pointer-events: auto !important;
  }

  body[data-route="home"] .m-trade-notice.error {
    width: min(calc(100vw - 48px), 380px) !important;
    left: 50% !important;
    right: auto !important;
  }
}


body[data-route="home"] .m-fin-proof-upload{margin-top:10px!important;display:grid!important;grid-template-columns:118px 1fr!important;gap:8px!important;align-items:start!important;padding:0 20px!important;color:#111!important}
body[data-route="home"] .m-fin-proof-title{min-height:44px!important;display:flex!important;align-items:center!important;gap:2px!important;color:#5f6878!important;font-size:13px!important;line-height:1.25!important}
body[data-route="home"] .m-fin-proof-title i{color:#f03b44!important;font-style:normal!important}
body[data-route="home"] .m-fin-proof-box{min-height:126px!important;border:1px dashed #d7dde8!important;border-radius:6px!important;background:#f7f7f7!important;display:grid!important;place-items:center!important;text-align:center!important;padding:16px 12px!important;cursor:pointer!important;transition:border-color .16s ease,background .16s ease!important;overflow:hidden!important}
body[data-route="home"] .m-fin-proof-box:active{background:#f0f2f5!important;border-color:#f1d900!important}
body[data-route="home"] .m-fin-proof-box em{width:34px!important;height:34px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:30px!important;line-height:1!important;color:#7f8794!important;font-style:normal!important;font-weight:300!important;margin-bottom:4px!important}
body[data-route="home"] .m-fin-proof-box b{font-size:14px!important;line-height:1.35!important;color:#3d4654!important;font-weight:800!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-route="home"] .m-fin-proof-box small{margin-top:3px!important;color:#929aaa!important;font-size:12px!important;line-height:1.35!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-route="home"] .m-fin-proof-upload.has-file .m-fin-proof-box{border-style:solid!important;border-color:#f1d900!important;background:#fffdf0!important}
body[data-route="home"] .m-fin-proof-remove{grid-column:2!important;justify-self:end!important;border:0!important;background:transparent!important;color:#c2410c!important;font-size:12px!important;font-weight:800!important;padding:3px 0!important;margin-top:-2px!important}

body[data-route="home"] .m-fin-proof-box img{width:64px!important;height:64px!important;border-radius:10px!important;object-fit:cover!important;box-shadow:0 6px 18px rgba(15,23,42,.12)!important;margin-bottom:8px!important;background:#fff!important}
body[data-route="home"] .m-fin-proof-upload.has-file .m-fin-proof-box em{display:none!important}
body[data-route="home"] .m-fin-proof-upload.has-file .m-fin-proof-box b{color:#111827!important}
body[data-route="home"] .m-fin-proof-upload.has-file .m-fin-proof-box small{max-width:210px!important}



@media (max-width: 900px) {
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-symbol {
    padding: 12px 10px 8px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #111 !important;
    font-weight: 800 !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-grid {
    margin: 6px 10px 20px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: 72px !important;
    overflow: visible !important;
    max-height: none !important;
    border: 1px solid #edf0f5 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    background: #fff !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-grid button {
    height: 72px !important;
    min-height: 72px !important;
    border: 0 !important;
    border-right: 1px solid #edf0f5 !important;
    border-bottom: 1px solid #edf0f5 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #8c96a8 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-grid button.active {
    background: #ffe100 !important;
    color: #111 !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-grid b {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 800 !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-grid span {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-order-market-hint {
    height: 45px !important;
    margin: 0 10px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 3px !important;
    background: #f7f7f7 !important;
    color: #8791a2 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-info {
    margin-top: 18px !important;
    border-top: 8px solid #f5f6f8 !important;
    padding: 14px 10px 12px !important;
    background: #fff !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-info h4 {
    margin: 0 0 12px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f0f2f5 !important;
    color: #111 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-info p {
    min-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: #7e8796 !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }
  body[data-route="home"] .mobile-trade-page.trade-order-open .m-option-info p b {
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }
}


@media (max-width: 900px) {
  body[data-route="home"] .m-trade-actionbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 140 !important;
    height: 60px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.08fr) minmax(0, .58fr) minmax(0, .58fr) minmax(0, .58fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 7px 12px 7px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-top: 1px solid #e8ebf0 !important;
    box-shadow: 0 -1px 0 rgba(16,24,40,.02) !important;
  }

  body[data-route="home"] .m-trade-buy,
  body[data-route="home"] .m-trade-sell {
    height: 40px !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  body[data-route="home"] .m-trade-buy { background: #12c48b !important; }
  body[data-route="home"] .m-trade-sell { background: #d95f51 !important; }

  body[data-route="home"] .m-trade-mini {
    min-width: 0 !important;
    height: 46px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    color: #8a93a3 !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  body[data-route="home"] .m-trade-mini span {
    display: block !important;
    font-size: 12px !important;
    line-height: 14px !important;
    color: inherit !important;
    white-space: nowrap !important;
    transform: translateY(-1px) !important;
  }

  body[data-route="home"] .m-trade-mini .m-trade-mini-icon {
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    color: inherit !important;
    position: relative !important;
  }

  body[data-route="home"] .m-trade-mini .m-trade-mini-icon::before,
  body[data-route="home"] .m-trade-mini .m-trade-mini-icon::after {
    content: none !important;
    display: none !important;
  }

  body[data-route="home"] .m-trade-mini .m-trade-mini-icon svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.75 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body[data-route="home"] .m-trade-mini .m-trade-mini-heart svg {
    width: 23px !important;
    height: 23px !important;
  }

  body[data-route="home"] .m-trade-mini.active {
    color: #7f8795 !important;
  }

  body[data-route="home"] .m-trade-mini[data-trade-favorite].active .m-trade-mini-heart {
    color: #7f8795 !important;
  }

  body[data-route="home"] .m-trade-mini[data-trade-favorite].active .m-trade-mini-heart svg {
    fill: none !important;
    stroke: currentColor !important;
  }
}



.toast,
.toast.show,
body[data-route="home"] .toast,
body[data-route="home"] .toast.show {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  body[data-route="home"] .m-password-form label {
    margin-bottom: 22px !important;
  }

  body[data-route="home"] .m-password-form label.is-error input {
    border-color: #ff6b7a !important;
    box-shadow: none !important;
  }

  body[data-route="home"] .m-password-form .m-mine-field-error {
    display: none;
    margin-top: 4px;
    color: #ff4d5f;
    font-size: 12px;
    line-height: 17px;
    font-style: normal;
    font-weight: 400;
  }

  body[data-route="home"] .m-password-form label.is-error .m-mine-field-error {
    display: block !important;
  }

  body[data-route="home"] .m-password-form .m-mine-form-error {
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1px solid #ffb3bd;
    border-radius: 4px;
    background: #fff5f6;
    color: #ff4d5f;
    font-size: 12px;
    line-height: 17px;
  }


  body[data-route="home"] .m-password-form .m-mine-form-success {
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1px solid #bfe8d1;
    border-radius: 4px;
    background: #f3fff7;
    color: #07814f;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-mine-top-alert {
    width: max-content !important;
    max-width: calc(100% - 48px) !important;
    margin: 0 auto 12px !important;
    padding: 10px 16px !important;
    border-radius: 4px !important;
    background: #fff1f1 !important;
    color: #ff6a6a !important;
    font-size: 12px !important;
    line-height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  body[data-route="home"] .m-mine-top-alert i {
    width: 16px !important; height: 16px !important; border-radius: 50% !important; background: #f26b6b !important; color: #fff !important; font-style: normal !important; display:grid !important; place-items:center !important; font-size: 11px !important; line-height: 1 !important;
  }
  body[data-route="home"] .m-kyc-form h3 { margin-bottom: 16px !important; }
  body[data-route="home"] .m-field-select.open { border-color: #f0d200 !important; box-shadow: 0 0 0 1px #f0d200 inset !important; }
  body[data-route="home"] .m-field-select.error { border-color: #f0d200 !important; }
  body[data-route="home"] .m-field-select.open i { transform: rotate(-135deg) translateY(1px) !important; }
  body[data-route="home"] .m-kyc-doc-menu { margin-top: 12px !important; border-radius: 8px !important; }
  body[data-route="home"] .m-kyc-doc-menu::before { content: "" !important; position:absolute !important; top:-7px !important; left:50% !important; width:12px !important; height:12px !important; background:#fff !important; border-left:1px solid #e4e8ee !important; border-top:1px solid #e4e8ee !important; transform:translateX(-50%) rotate(45deg) !important; }
  body[data-route="home"] .m-kyc-doc-menu button { height: 38px !important; padding: 0 18px !important; font-size: 13px !important; position: relative !important; z-index: 1 !important; }
  body[data-route="home"] .m-kyc-doc-menu button.active { background: #fff !important; color: #f0d200 !important; font-weight: 700 !important; }
  body[data-route="home"] .m-bind-sheet { padding: 14px 14px 20px !important; border-radius: 0 !important; }
  body[data-route="home"] .m-bind-sheet h3 { margin-bottom: 16px !important; font-weight: 700 !important; }
  body[data-route="home"] .m-bind-form-alert { margin: 0 0 10px !important; padding: 8px 10px !important; border-radius: 4px !important; background: #fff5f6 !important; color: #ff5f6f !important; font-size: 12px !important; line-height: 17px !important; }
  body[data-route="home"] .m-bind-row { position: relative !important; display: grid !important; grid-template-columns: 108px 1fr !important; align-items: center !important; min-height: 48px !important; padding: 0 !important; border-bottom: 1px solid #f0f2f5 !important; }
  body[data-route="home"] .m-bind-row.req::before { position: absolute !important; left: 0 !important; top: 17px !important; content: "*" !important; display: block !important; color: #e60000 !important; margin-right: 0 !important; line-height: 1 !important; }
  body[data-route="home"] .m-bind-row > span { font-size: 15px !important; color:#111 !important; }
  body[data-route="home"] .m-bind-row.req > span { padding-left: 10px !important; }
  body[data-route="home"] .m-bind-row .m-bind-row-main { position: relative !important; min-width: 0 !important; }
  body[data-route="home"] .m-bind-row input, body[data-route="home"] .m-bind-row select, body[data-route="home"] .m-bind-row .m-bind-static { width: 100% !important; height: 48px !important; border: 0 !important; margin: 0 !important; padding: 0 18px 0 0 !important; text-align: right !important; color: #b7bec9 !important; background: transparent !important; font-size: 15px !important; }
  body[data-route="home"] .m-bind-row select { appearance: none !important; -webkit-appearance:none !important; }
  body[data-route="home"] .m-bind-row .m-bind-static { display: flex !important; align-items: center !important; justify-content: flex-end !important; color: #111 !important; }
  body[data-route="home"] .m-bind-row.has-error .m-bind-row-main { padding-bottom: 18px !important; }
  body[data-route="home"] .m-bind-row .m-bind-chevron { position: absolute !important; right: 2px !important; top: 50% !important; width: 8px !important; height: 8px !important; border-top: 1.5px solid #b4bcc8 !important; border-right: 1.5px solid #b4bcc8 !important; transform: translateY(-50%) rotate(45deg) !important; pointer-events: none !important; }
  body[data-route="home"] .m-bind-row.has-error .m-bind-chevron { top: calc(50% - 8px) !important; }
  body[data-route="home"] .m-mine-inline-error { position: absolute !important; left: 116px !important; right: 0 !important; bottom: 4px !important; color: #ff3f52 !important; font-size: 12px !important; line-height: 14px !important; }
  body[data-route="home"] .m-sheet-actions { gap: 10px !important; margin-top: 18px !important; }
  body[data-route="home"] .m-sheet-actions button { border-radius: 4px !important; }
  body[data-route="home"] .m-bind-sheet.wallet .m-sheet-actions button:first-child { border-color: #f0d200 !important; color: #f0c900 !important; }
  body[data-route="home"] .m-bind-sheet.wallet .m-sheet-actions button:last-child { border-radius: 24px !important; }
  body[data-route="home"] .m-bind-sheet.bank .m-sheet-actions button:last-child { border-radius: 24px !important; }
  body[data-route="home"] .m-bottom-nav { height: 57px !important; padding: 0 0 1px !important; background:#fff !important; border-top:1px solid #efefef !important; }
  body[data-route="home"] .m-bottom-item { gap: 3px !important; padding-top: 5px !important; }
  body[data-route="home"] .m-bottom-item .m-bottom-icon { width: 24px !important; height: 24px !important; min-width: 24px !important; color: #727b88 !important; }
  body[data-route="home"] .m-bottom-icon svg { width: 24px !important; height: 24px !important; stroke-width: 1.45 !important; }
  body[data-route="home"] .m-bottom-item em { font-size: 10px !important; line-height: 12px !important; color: #727b88 !important; }
  body[data-route="home"] .m-bottom-item.active .m-bottom-icon { color: #111 !important; }
  body[data-route="home"] .m-bottom-item.active em { color: #111 !important; font-weight: 500 !important; }
}



@media (max-width: 900px) {
  body[data-route="home"] {
    --mobile-bottom-nav-height: 58px;
    --mobile-bottom-nav-safe: env(safe-area-inset-bottom, 0px);
    --mobile-bottom-nav-total: calc(var(--mobile-bottom-nav-height) + var(--mobile-bottom-nav-safe));
  }

  body[data-route="home"] .m-bottom-nav,
  body[data-route="home"] .mobile-home-index .m-bottom-nav,
  body[data-route="home"] .mobile-market-page .m-bottom-nav,
  body[data-route="home"] .mobile-trade-page .m-bottom-nav,
  body[data-route="home"] .mobile-positions-page .m-bottom-nav,
  body[data-route="home"] .mobile-mine-page .m-bottom-nav,
  body[data-route="home"] .m-mine-form-page .m-bottom-nav,
  body[data-route="home"] .m-mine-bind-page .m-bottom-nav,
  body[data-route="home"] .m-edit-profile-page .m-bottom-nav,
  body[data-route="home"] .m-static-page .m-bottom-nav,
  body[data-route="home"] .m-language-page .m-bottom-nav,
  body[data-route="home"] .m-mine-verified-page .m-bottom-nav,
  body[data-route="home"] .m-fin-page .m-bottom-nav,
  body[data-route="home"] .m-record-page .m-bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: var(--mobile-bottom-nav-total) !important;
    min-height: var(--mobile-bottom-nav-total) !important;
    max-height: var(--mobile-bottom-nav-total) !important;
    padding: 0 0 var(--mobile-bottom-nav-safe) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    background: #fff !important;
    border-top: 1px solid #edf0f5 !important;
    box-shadow: none !important;
    z-index: 130 !important;
    overflow: hidden !important;
  }

  body[data-route="home"] .m-bottom-item,
  body[data-route="home"] .mobile-mine-page .m-bottom-item,
  body[data-route="home"] .mobile-home-index .m-bottom-item,
  body[data-route="home"] .mobile-market-page .m-bottom-item,
  body[data-route="home"] .mobile-trade-page .m-bottom-item,
  body[data-route="home"] .mobile-positions-page .m-bottom-item {
    width: 100% !important;
    height: var(--mobile-bottom-nav-height) !important;
    min-height: var(--mobile-bottom-nav-height) !important;
    max-height: var(--mobile-bottom-nav-height) !important;
    padding: 5px 0 4px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    line-height: 1 !important;
  }

  body[data-route="home"] .m-bottom-item .m-bottom-icon,
  body[data-route="home"] .mobile-mine-page .m-bottom-item .m-bottom-icon,
  body[data-route="home"] .mobile-home-index .m-bottom-item .m-bottom-icon,
  body[data-route="home"] .mobile-market-page .m-bottom-item .m-bottom-icon,
  body[data-route="home"] .mobile-trade-page .m-bottom-item .m-bottom-icon,
  body[data-route="home"] .mobile-positions-page .m-bottom-item .m-bottom-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    flex: 0 0 24px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: #727b88 !important;
  }

  body[data-route="home"] .m-bottom-item .m-bottom-icon svg,
  body[data-route="home"] .mobile-mine-page .m-bottom-item .m-bottom-icon svg,
  body[data-route="home"] .mobile-home-index .m-bottom-item .m-bottom-icon svg,
  body[data-route="home"] .mobile-market-page .m-bottom-item .m-bottom-icon svg,
  body[data-route="home"] .mobile-trade-page .m-bottom-item .m-bottom-icon svg,
  body[data-route="home"] .mobile-positions-page .m-bottom-item .m-bottom-icon svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    display: block !important;
  }

  body[data-route="home"] .m-bottom-item em,
  body[data-route="home"] .mobile-mine-page .m-bottom-item em,
  body[data-route="home"] .mobile-home-index .m-bottom-item em,
  body[data-route="home"] .mobile-market-page .m-bottom-item em,
  body[data-route="home"] .mobile-trade-page .m-bottom-item em,
  body[data-route="home"] .mobile-positions-page .m-bottom-item em {
    display: block !important;
    width: 100% !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 400 !important;
    color: #727b88 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-route="home"] .m-bottom-item.active .m-bottom-icon {
    color: #111 !important;
  }

  body[data-route="home"] .m-bottom-item.active em {
    color: #111 !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .mobile-home,
  body[data-route="home"] .mobile-home-index,
  body[data-route="home"] .mobile-market-page,
  body[data-route="home"] .mobile-trade-page,
  body[data-route="home"] .mobile-positions-page,
  body[data-route="home"] .mobile-mine-page,
  body[data-route="home"] .m-mine-form-page,
  body[data-route="home"] .m-mine-bind-page,
  body[data-route="home"] .m-edit-profile-page,
  body[data-route="home"] .m-static-page,
  body[data-route="home"] .m-language-page,
  body[data-route="home"] .m-mine-verified-page,
  body[data-route="home"] .m-fin-page,
  body[data-route="home"] .m-record-page {
    padding-bottom: calc(var(--mobile-bottom-nav-total) + 10px) !important;
    box-sizing: border-box !important;
  }

  body[data-route="home"] .chat-float,
  body[data-route="home"] .mobile-home-index .m-home-support-float {
    bottom: calc(var(--mobile-bottom-nav-total) + 12px) !important;
  }

  body[data-route="home"] .mobile-trade-page.trade-picker-open .m-bottom-nav {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-order-detail-page.v228 {
    position: fixed !important;
    inset: 0 !important;
    z-index: 140 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 14px 20px 84px !important;
    background: #fff !important;
    color: #111 !important;
  }

  body[data-route="home"] .m-order-detail-page.v228 .m-order-detail-close {
    position: fixed !important;
    right: 18px !important;
    top: 11px !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 32px !important;
    line-height: 26px !important;
    font-weight: 300 !important;
    z-index: 141 !important;
  }

  body[data-route="home"] .m-order-detail-page.v228 > h2 {
    height: 32px !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 19px !important;
    line-height: 32px !important;
    font-weight: 800 !important;
    color: #111 !important;
  }

  body[data-route="home"] .m-order-live-card {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
  }

  body[data-route="home"] .m-order-live-head {
    display: block !important;
    margin: 0 0 9px !important;
    position: relative !important;
  }

  body[data-route="home"] .m-order-live-head > b {
    display: block !important;
    margin: 0 0 12px !important;
    color: #111 !important;
    font-size: 17px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
  }

  body[data-route="home"] .m-order-live-head p {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #7f8898 !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body[data-route="home"] .m-order-live-head p span {
    color: #7f8898 !important;
    font-size: 12px !important;
  }

  body[data-route="home"] .m-order-live-head p strong {
    margin-left: auto !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    text-align: right !important;
  }

  body[data-route="home"] .m-order-live-head p strong.up {
    color: #00a773 !important;
  }

  body[data-route="home"] .m-order-live-head p strong.down {
    color: #d75861 !important;
  }

  body[data-route="home"] .m-order-live-times {
    display: grid !important;
    gap: 4px !important;
    margin: 0 0 18px !important;
    color: #7f8898 !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }

  body[data-route="home"] .m-order-symbol-line {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 7px !important;
  }

  body[data-route="home"] .m-order-symbol-line h3 {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
  }

  body[data-route="home"] .m-order-symbol-line em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 20px !important;
    padding: 0 8px !important;
    border-radius: 3px !important;
    background: #f7d75f !important;
    color: #111 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-order-live-card > small {
    display: block !important;
    margin: 0 0 22px !important;
    color: #00a773 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
  }

  body[data-route="home"] .m-order-detail-actions.v228 {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-order-detail-actions.v228 button {
    width: 108px !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #ffdc63 !important;
    color: #111 !important;
    font-size: 14px !important;
    line-height: 34px !important;
    font-weight: 500 !important;
    padding: 0 !important;
  }

  body[data-route="home"] .m-order-detail-section.v228 {
    margin: 0 !important;
    padding: 21px 0 0 !important;
    border-top: 1px solid #f1f3f6 !important;
  }

  body[data-route="home"] .m-order-detail-section.v228 h4 {
    margin: 0 0 17px !important;
    color: #111 !important;
    font-size: 17px !important;
    line-height: 22px !important;
    font-weight: 800 !important;
  }

  body[data-route="home"] .m-order-detail-section.v228 p {
    min-height: 33px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    color: #7f8898 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    border: 0 !important;
  }

  body[data-route="home"] .m-order-detail-section.v228 p span {
    color: #7f8898 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  body[data-route="home"] .m-order-detail-section.v228 p b {
    color: #111 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    text-align: right !important;
    word-break: break-word !important;
  }
}



body[data-route="home"] .m-pos-table.is-pending .m-pos-table-head,
body[data-route="home"] .m-pos-table.is-history .m-pos-table-head{
  margin-bottom: 0 !important;
}
body[data-route="home"] .m-pos-table-body{
  display:block !important;
}
body[data-route="home"] .m-pos-card-wrap,
body[data-route="home"] .m-pending-order-card-wrap{
  background:#fff !important;
  border-bottom:1px solid #f1f3f6 !important;
}
body[data-route="home"] .m-pos-data-row-v244{
  width:100% !important;
  min-height:72px !important;
  display:grid !important;
  grid-template-columns:1.35fr .8fr .9fr !important;
  align-items:start !important;
  gap:8px !important;
  padding:12px 12px 10px !important;
  border:0 !important;
  background:#fff !important;
  text-align:left !important;
}
body[data-route="home"] .m-pos-data-row-v244 .m-pos-symbol b,
body[data-route="home"] .m-pos-data-row-v244 .m-pos-symbol small,
body[data-route="home"] .m-pos-data-row-v244 .m-pos-middle b,
body[data-route="home"] .m-pos-data-row-v244 .m-pos-pnl b,
body[data-route="home"] .m-pos-data-row-v244 .m-pos-pnl small{
  display:block !important;
}
body[data-route="home"] .m-pos-data-row-v244 .m-pos-symbol b{
  font-size:16px !important;
  font-weight:800 !important;
  color:#111 !important;
}
body[data-route="home"] .m-pos-data-row-v244 .m-pos-symbol b em{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:28px !important;
  height:20px !important;
  padding:0 8px !important;
  margin-left:8px !important;
  border-radius:4px !important;
  background:#ebce63 !important;
  color:#333 !important;
  font-size:12px !important;
  font-style:normal !important;
  font-weight:700 !important;
}
body[data-route="home"] .m-pos-data-row-v244 .m-pos-symbol small{
  margin-top:6px !important;
  font-size:12px !important;
  color:#00b889 !important;
}
body[data-route="home"] .m-pos-data-row-v244 .m-pos-middle{
  padding-top:2px !important;
  text-align:center !important;
}
body[data-route="home"] .m-pos-data-row-v244 .m-pos-middle b{
  font-size:15px !important;
  color:#111 !important;
  font-weight:500 !important;
}
body[data-route="home"] .m-pos-data-row-v244 .m-pos-pnl{
  padding-top:0 !important;
  text-align:right !important;
}
body[data-route="home"] .m-pos-data-row-v244 .m-pos-pnl b{
  font-size:15px !important;
  font-weight:500 !important;
}
body[data-route="home"] .m-pos-data-row-v244 .m-pos-pnl small{
  margin-top:6px !important;
  font-size:12px !important;
  color:#7584a3 !important;
}
body[data-route="home"] .m-pos-inline-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  border-top:1px solid #edf1f6 !important;
  background:#f5f5f5 !important;
}
body[data-route="home"] .m-pos-inline-actions button{
  height:54px !important;
  border:0 !important;
  background:transparent !important;
  color:#6a7b94 !important;
  font-size:15px !important;
}
body[data-route="home"] .m-pos-inline-actions button + button{
  border-left:1px solid #e9edf3 !important;
}
body[data-route="home"] .m-pending-order-card{
  width:100% !important;
  border:0 !important;
  background:#fff !important;
  text-align:left !important;
  padding:14px 12px 10px !important;
}
body[data-route="home"] .m-pending-order-head,
body[data-route="home"] .m-history-order-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:10px !important;
}
body[data-route="home"] .m-pending-order-head span{
  color:#7f8aa3 !important;
  font-size:12px !important;
  white-space:nowrap !important;
}
body[data-route="home"] .m-pending-order-title,
body[data-route="home"] .m-history-order-title{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
body[data-route="home"] .m-pending-order-title b,
body[data-route="home"] .m-history-order-title b{
  font-size:16px !important;
  color:#111 !important;
  font-weight:800 !important;
}
body[data-route="home"] .m-pending-order-title em{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:28px !important;
  height:20px !important;
  padding:0 8px !important;
  border-radius:4px !important;
  background:#ebce63 !important;
  color:#333 !important;
  font-size:12px !important;
  font-style:normal !important;
  font-weight:700 !important;
}
body[data-route="home"] .m-pending-order-status{
  margin-top:6px !important;
  font-size:14px !important;
  color:#00b889 !important;
}
body[data-route="home"] .m-pending-order-grid,
body[data-route="home"] .m-history-order-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px 10px !important;
  margin-top:12px !important;
}
body[data-route="home"] .m-pending-order-grid p,
body[data-route="home"] .m-history-order-grid p{
  margin:0 !important;
}
body[data-route="home"] .m-pending-order-grid span,
body[data-route="home"] .m-history-order-grid span{
  display:block !important;
  margin-bottom:8px !important;
  color:#8a94a3 !important;
  font-size:12px !important;
}
body[data-route="home"] .m-pending-order-grid b,
body[data-route="home"] .m-history-order-grid b{
  display:block !important;
  color:#111 !important;
  font-size:15px !important;
  font-weight:500 !important;
}
body[data-route="home"] .m-history-order-card{
  width:100% !important;
  border:0 !important;
  border-bottom:1px solid #f1f3f6 !important;
  background:#fff !important;
  text-align:left !important;
  padding:14px 12px 12px !important;
}
body[data-route="home"] .m-history-order-title em{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:20px !important;
  padding:0 8px !important;
  border-radius:4px !important;
  font-size:12px !important;
  font-style:normal !important;
  font-weight:700 !important;
}
body[data-route="home"] .m-history-order-title em.is-long{
  background:#daf7ef !important;
  color:#00b889 !important;
}
body[data-route="home"] .m-history-order-title em.is-short{
  background:#ffe5e5 !important;
  color:#ea4b54 !important;
}
body[data-route="home"] .m-history-order-head small{
  display:block !important;
  margin-top:7px !important;
  color:#8a94a3 !important;
  font-size:12px !important;
}
body[data-route="home"] .m-history-arrow{
  width:16px !important;
  height:16px !important;
  border-top:2px solid #99a5b7 !important;
  border-right:2px solid #99a5b7 !important;
  transform:rotate(45deg) !important;
  margin-top:7px !important;
}
body[data-route="home"] .m-pos-modal-mask{
  position:fixed !important;
  inset:0 !important;
  z-index:180 !important;
  background:rgba(0,0,0,.38) !important;
  display:flex !important;
  align-items:flex-end !important;
}
body[data-route="home"] .m-pos-bottom-sheet{
  width:100% !important;
  background:#fff !important;
  border-radius:18px 18px 0 0 !important;
  padding:18px 14px 16px !important;
  box-sizing:border-box !important;
}
body[data-route="home"] .m-pos-sheet-head{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  margin-bottom:18px !important;
}
body[data-route="home"] .m-pos-sheet-head h3{
  margin:0 !important;
  font-size:18px !important;
  color:#111 !important;
  font-weight:800 !important;
}
body[data-route="home"] .m-pos-sheet-head button{
  position:absolute !important;
  right:0 !important;
  top:-2px !important;
  width:30px !important;
  height:30px !important;
  border:0 !important;
  background:transparent !important;
  font-size:28px !important;
  color:#111 !important;
}
body[data-route="home"] .m-pos-sheet-section{
  padding-bottom:8px !important;
}
body[data-route="home"] .m-pos-sheet-label{
  color:#111 !important;
  font-size:15px !important;
  margin-bottom:10px !important;
}
body[data-route="home"] .m-pos-sheet-radios{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px 14px !important;
}
body[data-route="home"] .m-pos-sheet-radios label{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#222 !important;
  font-size:15px !important;
}
body[data-route="home"] .m-pos-sheet-field{
  margin-top:14px !important;
  border-top:1px solid #f1f3f6 !important;
  padding-top:14px !important;
}
body[data-route="home"] .m-pos-sheet-field label{
  display:block !important;
  color:#333 !important;
  font-size:15px !important;
  margin-bottom:10px !important;
}
body[data-route="home"] .m-pos-sheet-field input{
  width:100% !important;
  height:42px !important;
  border:0 !important;
  outline:none !important;
  background:#fff !important;
  color:#222 !important;
  font-size:16px !important;
}
body[data-route="home"] .m-pos-sheet-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-top:26px !important;
}
body[data-route="home"] .m-pos-sheet-actions button{
  height:48px !important;
  border-radius:4px !important;
  font-size:16px !important;
  border:1px solid #e4e7ec !important;
}
body[data-route="home"] .m-pos-sheet-actions .secondary{
  background:#fff !important;
  color:#222 !important;
}
body[data-route="home"] .m-pos-sheet-actions .primary{
  background:#ffe100 !important;
  border-color:#ffe100 !important;
  color:#fff !important;
}
body[data-route="home"] .m-order-detail-page.v244{
  position:fixed !important;
  inset:0 !important;
  z-index:170 !important;
  overflow:auto !important;
  padding:14px 14px 88px !important;
  background:#fff !important;
}
body[data-route="home"] .m-order-detail-page.v244 .m-order-detail-close{
  position:absolute !important;
  right:14px !important;
  top:10px !important;
  border:0 !important;
  background:transparent !important;
  font-size:28px !important;
  color:#111 !important;
}
body[data-route="home"] .m-order-detail-page.v244 > h2{
  margin:0 0 28px !important;
  text-align:center !important;
  font-size:18px !important;
  font-weight:800 !important;
}
body[data-route="home"] .m-order-detail-summary h3{
  margin:0 0 12px !important;
  font-size:18px !important;
  color:#111 !important;
}
body[data-route="home"] .m-order-detail-summary p{
  margin:0 0 6px !important;
  color:#7f8aa3 !important;
  font-size:14px !important;
}
body[data-route="home"] .m-order-detail-pnl{
  margin:0 0 12px !important;
  color:#8a94a3 !important;
  font-size:16px !important;
}
body[data-route="home"] .m-order-detail-pnl b{
  float:right !important;
  font-weight:500 !important;
}
body[data-route="home"] .m-order-detail-symbol{
  margin:18px 0 18px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid #f0f2f5 !important;
}
body[data-route="home"] .m-order-detail-symbol strong{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:18px !important;
  color:#111 !important;
  font-weight:800 !important;
}
body[data-route="home"] .m-order-detail-symbol strong em{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:28px !important;
  height:20px !important;
  padding:0 8px !important;
  border-radius:4px !important;
  background:#ebce63 !important;
  color:#333 !important;
  font-size:12px !important;
  font-style:normal !important;
  font-weight:700 !important;
}
body[data-route="home"] .m-order-detail-symbol small{
  display:block !important;
  margin-top:6px !important;
  font-size:14px !important;
  color:#00b889 !important;
}
body[data-route="home"] .m-detail-main-btn{
  width:100% !important;
  height:44px !important;
  border:0 !important;
  border-radius:4px !important;
  background:#ffe100 !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:700 !important;
  margin-bottom:18px !important;
}
body[data-route="home"] .m-order-detail-card h4{
  margin:0 0 16px !important;
  font-size:16px !important;
  font-weight:800 !important;
  color:#111 !important;
}
body[data-route="home"] .m-order-detail-card dl{
  margin:0 !important;
}
body[data-route="home"] .m-order-detail-card dl div{
  display:grid !important;
  grid-template-columns:140px 1fr !important;
  gap:12px !important;
  padding:8px 0 !important;
}
body[data-route="home"] .m-order-detail-card dt{
  color:#8a94a3 !important;
  font-size:14px !important;
}
body[data-route="home"] .m-order-detail-card dd{
  margin:0 !important;
  text-align:right !important;
  color:#222 !important;
  font-size:14px !important;
}



@media (max-width: 900px) {
  body[data-route="home"] .mobile-positions-page.sheet-open .m-bottom-nav {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(120%) !important;
  }

  body[data-route="home"] .m-pos-modal-mask {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    z-index: 2147482600 !important;
    background: rgba(0,0,0,.56) !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    isolation: isolate !important;
  }

  body[data-route="home"] .m-pos-bottom-sheet {
    position: relative !important;
    z-index: 2147482601 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 256px !important;
    max-height: min(78vh, 560px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: #fff !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 18px 14px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,.10) !important;
  }

  body[data-route="home"] .m-pos-sheet-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin: 26px -14px calc(-16px - env(safe-area-inset-bottom, 0px)) !important;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    background: #fff !important;
    border-top: 1px solid #f0f2f5 !important;
  }

  body[data-route="home"] .m-pos-sheet-actions button {
    height: 48px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    line-height: 48px !important;
  }

  body[data-route="home"] .m-pos-sheet-actions .primary {
    background: #ffe100 !important;
    border-color: #ffe100 !important;
    color: #fff !important;
  }

  body[data-route="home"] .m-pos-sheet-actions .secondary {
    background: #fff !important;
    color: #222 !important;
    border-color: #e4e7ec !important;
  }
}



@media (max-width: 900px) {
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active {
    color: #7e8796 !important;
  }
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active span {
    color: #7e8796 !important;
  }
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active .m-trade-mini-heart,
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active .m-trade-mini-heart svg,
  body[data-route="home"] .m-trade-mini[data-trade-favorite].active .m-trade-mini-heart path {
    color: #ef233c !important;
    fill: #ef233c !important;
    stroke: #ef233c !important;
  }
  body[data-route="home"] .m-trade-mini[data-trade-favorite]:not(.active) .m-trade-mini-heart,
  body[data-route="home"] .m-trade-mini[data-trade-favorite]:not(.active) .m-trade-mini-heart svg,
  body[data-route="home"] .m-trade-mini[data-trade-favorite]:not(.active) .m-trade-mini-heart path {
    color: #8a94a3 !important;
    fill: none !important;
    stroke: #8a94a3 !important;
  }
}


body[data-route="home"] .m-fin-inline-status{margin:10px 12px 12px!important;padding:10px 12px!important;border:1px solid #dbeafe!important;border-radius:12px!important;background:#eff6ff!important;color:#1d4ed8!important;font-size:12px!important;line-height:1.45!important;font-weight:700!important}
body[data-route="home"] .m-record-page>.m-fin-inline-status{margin:10px 16px!important}
body[data-route="home"] .m-fin-inline-status[data-status-type="error"]{border-color:#fecaca!important;background:#fef2f2!important;color:#b91c1c!important}
body[data-route="home"] .m-fin-inline-status[data-status-type="success"]{border-color:#bbf7d0!important;background:#f0fdf4!important;color:#047857!important}


body[data-route="home"] .mobile-trade-page .m-trade-left-price strong .m-trade-session-closed{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:18px!important;
  margin-left:8px!important;
  padding:0 7px!important;
  border-radius:10px!important;
  background:rgba(17,24,39,.08)!important;
  color:#111827!important;
  font-size:11px!important;
  line-height:18px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  vertical-align:middle!important;
}


body[data-route="home"] .m-fin-deposit-address{padding:18px 8px 12px!important;text-align:center!important}
body[data-route="home"] .m-qr{width:190px!important;height:190px!important;margin:0 auto 12px!important;background:#fff!important;border:8px solid #fff!important;box-shadow:0 0 0 1px #eee!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;color:#8a94a6!important;font-size:13px!important;line-height:1.35!important;word-break:break-all!important}
body[data-route="home"] .m-qr-img{width:100%!important;height:100%!important;display:block!important;image-rendering:pixelated!important}
body[data-route="home"] .m-qr i{display:none!important}
body[data-route="home"] .m-fin-address-missing{background:#fff8f0!important;border:1px dashed #f0b37e!important;border-radius:14px!important;color:#a35b18!important;font-size:14px!important}
body[data-route="home"] .m-fin-missing-address{padding:22px 12px!important}
body[data-route="home"] .m-fin-address-memo{display:block!important;margin-top:8px!important;color:#6b7280!important;font-size:12px!important;word-break:break-all!important}
body[data-route="home"] .m-fin-method-list button small{display:block!important;margin-top:3px!important;color:#9aa2ad!important;font-size:12px!important;font-weight:400!important}


body[data-route="home"] .m-fin-estimate{
  margin:8px 18px 14px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  background:#f7f9fc!important;
  border:1px solid #edf1f6!important;
  text-align:left!important;
  color:#475467!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
body[data-route="home"] .m-fin-estimate p{margin:0!important;font-size:14px!important;color:#111827!important;line-height:1.35!important}
body[data-route="home"] .m-fin-estimate p b{font-size:16px!important;color:#101828!important;font-weight:800!important}
body[data-route="home"] .m-fin-estimate em{font-style:normal!important;font-size:12px!important;color:#667085!important;line-height:1.3!important}
body[data-route="home"] .m-fin-estimate small{font-size:11px!important;color:#98a2b3!important;line-height:1.2!important}
body[data-route="home"] .m-fin-estimate strong{font-size:11px!important;font-weight:500!important;color:#f59e0b!important;line-height:1.25!important}


body[data-route="home"] .m-kyc-doc-grid{display:grid!important;gap:12px!important;margin:8px 0 4px!important;padding:0 20px!important;max-width:100%!important;box-sizing:border-box!important}
body[data-route="home"] .m-kyc-doc-upload{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;color:#111!important;max-width:100%!important;box-sizing:border-box!important}
body[data-route="home"] .m-kyc-doc-title{min-height:44px!important;display:flex!important;align-items:center!important;gap:2px!important;color:#5f6878!important;font-size:13px!important;line-height:1.25!important}
body[data-route="home"] .m-kyc-doc-title i{color:#f03b44!important;font-style:normal!important}
body[data-route="home"] .m-kyc-doc-box{min-height:126px!important;border:1px dashed #d7dde8!important;border-radius:8px!important;background:#f7f7f7!important;display:grid!important;place-items:center!important;text-align:center!important;padding:14px 10px!important;cursor:pointer!important;transition:border-color .16s ease,background .16s ease!important;overflow:hidden!important;max-width:100%!important;box-sizing:border-box!important}
body[data-route="home"] .m-kyc-doc-box:active{background:#f0f2f5!important;border-color:#f1d900!important}
body[data-route="home"] .m-kyc-doc-box em{width:34px!important;height:34px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:30px!important;line-height:1!important;color:#7f8794!important;font-style:normal!important;font-weight:300!important;margin-bottom:4px!important}
body[data-route="home"] .m-kyc-doc-box img{width:92px!important;height:64px!important;border-radius:10px!important;object-fit:cover!important;box-shadow:0 6px 18px rgba(15,23,42,.12)!important;margin-bottom:8px!important;background:#fff!important}
body[data-route="home"] .m-kyc-doc-box b{font-size:14px!important;line-height:1.35!important;color:#3d4654!important;font-weight:800!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-route="home"] .m-kyc-doc-box small{margin-top:3px!important;color:#929aaa!important;font-size:12px!important;line-height:1.35!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-route="home"] .m-kyc-doc-upload.has-file .m-kyc-doc-box{border-style:solid!important;border-color:#f1d900!important;background:#fffdf0!important}
body[data-route="home"] .m-kyc-doc-upload.has-error .m-kyc-doc-box{border-color:#f03b44!important;background:#fff5f5!important}
body[data-route="home"] .m-kyc-doc-remove{grid-column:2!important;justify-self:end!important;border:0!important;background:transparent!important;color:#c2410c!important;font-size:12px!important;font-weight:800!important;padding:3px 0!important;margin-top:-2px!important}
body[data-route="home"] .m-kyc-doc-upload .m-field-error{grid-column:2!important;margin:0!important;color:#f03b44!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}
@media(max-width:420px){body[data-route="home"] .m-kyc-doc-upload{grid-template-columns:96px minmax(0,1fr)!important}body[data-route="home"] .m-kyc-doc-grid{padding:0 16px!important}body[data-route="home"] .m-kyc-doc-title{font-size:12px!important}body[data-route="home"] .m-kyc-doc-box{min-height:116px!important}}


body[data-route="home"] .m-fin-withdraw-estimate p{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
}
body[data-route="home"] .m-fin-withdraw-estimate p span{
  color:#667085!important;
  font-size:12px!important;
  font-weight:600!important;
}
body[data-route="home"] .m-fin-withdraw-estimate p b{
  color:#101828!important;
  font-size:13px!important;
  font-weight:800!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
}
body[data-route="home"] .m-fin-inline-status[data-status-type="warning"]{
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  color:#9a3412!important;
}


@media (max-width: 900px) {
  body[data-route="home"] .mobile-positions-page {
    background: #fff !important;
    min-height: 100dvh !important;
    padding-bottom: 64px !important;
    overflow-x: hidden !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-type-tabs {
    height: 48px !important;
    padding: 0 18px !important;
    gap: 22px !important;
    border-bottom: 0 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-type {
    height: 48px !important;
    min-width: auto !important;
    padding: 0 !important;
    color: #5f6875 !important;
    font-size: 14px !important;
    line-height: 48px !important;
    font-weight: 500 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-type.active {
    color: #111827 !important;
    font-weight: 700 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-type.active::after {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: #168bff !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-balance-card {
    height: 122px !important;
    margin: 10px 18px 0 !important;
    padding: 22px 18px 16px 20px !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    grid-template-columns: minmax(0, 1fr) 128px !important;
    background:
      radial-gradient(circle at 96% 0%, rgba(255, 232, 255, .96) 0, rgba(255, 236, 255, .78) 34%, transparent 70%),
      linear-gradient(106deg, #eafff8 0%, #f1fffb 47%, #fff1ff 100%) !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-label {
    margin: 0 0 34px !important;
    color: #929aa7 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-amount {
    color: #1f2933 !important;
    font-size: 26px !important;
    line-height: 31px !important;
    font-weight: 900 !important;
    letter-spacing: 2.8px !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-balance-right {
    align-self: start !important;
    margin-top: -1px !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-balance-right div {
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    color: #8c94a1 !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-balance-right b,
  body[data-route="home"] .mobile-positions-page .m-pos-balance-right em {
    font-size: 13px !important;
    font-weight: 500 !important;
    font-style: normal !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-balance-right .down,
  body[data-route="home"] .mobile-positions-page .m-pos-balance-right em.down,
  body[data-route="home"] .mobile-positions-page [data-pos-floating].down {
    color: #ef4e5b !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-actions {
    height: 106px !important;
    padding: 11px 36px 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    background: #fff !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-action {
    height: 92px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    color: #111 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-action-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: #f4f4f4 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-order-tabs {
    height: 42px !important;
    padding: 0 18px !important;
    gap: 23px !important;
    border-bottom: 0 !important;
    background: #fff !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-order-tab {
    height: 42px !important;
    padding: 0 !important;
    color: #697386 !important;
    font-size: 15px !important;
    line-height: 42px !important;
    font-weight: 500 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-order-tab.active {
    color: #111827 !important;
    font-weight: 700 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-order-tab.active::after {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 2px !important;
    background: #168bff !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-table {
    background: #fff !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-table-head {
    height: 32px !important;
    padding: 0 18px !important;
    display: grid !important;
    grid-template-columns: 1.18fr .82fr .82fr !important;
    align-items: center !important;
    color: #8b94a3 !important;
    font-size: 13px !important;
    line-height: 32px !important;
    border-top: 1px solid #f1f3f6 !important;
    border-bottom: 1px solid #f1f3f6 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-table-head span:first-child { text-align: left !important; }
  body[data-route="home"] .mobile-positions-page .m-pos-table-head span:nth-child(2) { text-align: center !important; }
  body[data-route="home"] .mobile-positions-page .m-pos-table-head span:nth-child(3) { text-align: right !important; }
  body[data-route="home"] .mobile-positions-page .m-pos-card-wrap.is-holding-only {
    background: #fff !important;
    border-bottom: 0 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding {
    width: 100% !important;
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: 1.18fr .82fr .82fr !important;
    align-items: start !important;
    gap: 8px !important;
    padding: 13px 18px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid transparent !important;
    background: #fff !important;
    text-align: left !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-symbol b {
    display: block !important;
    color: #111827 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    letter-spacing: .2px !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-symbol em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 18px !important;
    min-width: 26px !important;
    margin-left: 6px !important;
    padding: 0 6px !important;
    border-radius: 3px !important;
    background: #f7df79 !important;
    color: #4a3d12 !important;
    font-size: 11px !important;
    line-height: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    vertical-align: 1px !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-symbol small {
    display: block !important;
    margin-top: 4px !important;
    color: #00a979 !important;
    font-size: 12px !important;
    line-height: 17px !important;
    font-weight: 500 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-middle {
    text-align: center !important;
    padding-top: 0 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-middle b {
    display: block !important;
    color: #111827 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-pnl {
    text-align: right !important;
    padding-top: 0 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-pnl b {
    display: block !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-pnl.up b { color: #03a879 !important; }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-pnl.down b { color: #d95160 !important; }
  body[data-route="home"] .mobile-positions-page .m-pos-data-row-v245.is-holding .m-pos-pnl small {
    display: block !important;
    margin-top: 4px !important;
    color: #778399 !important;
    font-size: 12px !important;
    line-height: 17px !important;
    font-weight: 500 !important;
    letter-spacing: .4px !important;
  }
}


body[data-route="home"] .mobile-mine-page .m-mine-quick-item .m-mine-qicon,
body[data-route="home"] .mobile-mine-page .m-mine-qicon {
  display: block !important;
  width: 25px !important;
  height: 25px !important;
  flex: 0 0 25px !important;
  position: relative !important;
  transform: none !important;
  transform-origin: center !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

body[data-route="home"] .mobile-mine-page .m-mine-qicon::before,
body[data-route="home"] .mobile-mine-page .m-mine-qicon::after {
  content: none !important;
  display: none !important;
}

body[data-route="home"] .mobile-mine-page .m-mine-qicon-deposit {
  background-image: url("../img/mine-icons/quick-deposit.svg") !important;
}

body[data-route="home"] .mobile-mine-page .m-mine-qicon-withdraw {
  background-image: url("../img/mine-icons/quick-withdraw.svg") !important;
  width: 27px !important;
  height: 27px !important;
  flex-basis: 27px !important;
}

body[data-route="home"] .mobile-mine-page .m-mine-qicon-flag {
  background-image: url("../img/mine-icons/quick-assets.svg") !important;
}

body[data-route="home"] .mobile-mine-page .m-mine-qicon-order {
  background-image: url("../img/mine-icons/quick-orders.svg") !important;
}

body[data-route="home"] .mobile-mine-page .m-mine-quick-item {
  gap: 10px !important;
}


@media (max-width: 900px) {
  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > i.m-mine-ricon,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > i.m-mine-ricon {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    flex: 0 0 25px !important;
    margin: 0 14px 0 0 !important;
    position: relative !important;
    transform: none !important;
    transform-origin: center !important;
    color: #111111 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-ricon::before,
  body[data-route="home"] .mobile-mine-page .m-mine-ricon::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }

  body[data-route="home"] .mobile-mine-page .m-mine-ricon-tradepass { background-image: url("../img/mine-icons/row-tradepass.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-loginpass { background-image: url("../img/mine-icons/row-loginpass.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-identity { background-image: url("../img/mine-icons/row-identity.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-wallet { background-image: url("../img/mine-icons/row-wallet.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-bank { background-image: url("../img/mine-icons/row-wallet.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-profile { background-image: url("../img/mine-icons/row-profile.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-about { background-image: url("../img/mine-icons/row-about.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-contact { background-image: url("../img/mine-icons/row-contact.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-language { background-image: url("../img/mine-icons/row-language.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-logout { background-image: url("../img/mine-icons/row-logout.svg") !important; }
  body[data-route="home"] .mobile-mine-page .m-mine-ricon-delete { background-image: url("../img/mine-icons/row-delete.svg") !important; }

  body[data-route="home"] .mobile-mine-page .m-mine-list .m-mine-row > span,
  body[data-route="home"] .mobile-mine-page button.m-mine-row > span {
    font-size: 15px !important;
    line-height: 21px !important;
    color: #111111 !important;
  }
}


@media (max-width: 900px) {
  body[data-route="home"] .m-loan-page {
    min-height: 100vh;
    background: #f4f6f8;
    padding: 0 0 84px !important;
    color: #050505;
  }

  body[data-route="home"] .m-loan-page .m-app-header,
  body[data-route="home"] .m-loan-page .mobile-header {
    background: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }

  body[data-route="home"] .m-loan-hero {
    position: relative;
    min-height: 236px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 24px 8px 20px 8px;
    background: #000000;
    color: #ffffff;
    overflow: hidden;
  }

  body[data-route="home"] .m-loan-hero h1 {
    margin: 0 0 14px;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 800;
    color: #ffffff;
  }

  body[data-route="home"] .m-loan-hero p {
    width: 165px;
    margin: 0 0 26px;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 700;
    color: #ffffff;
  }

  body[data-route="home"] .m-loan-hero ul {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  body[data-route="home"] .m-loan-hero li {
    position: relative;
    padding-left: 28px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #ffffff;
  }

  body[data-route="home"] .m-loan-hero li::before {
    content: "✓";
    position: absolute;
    left: 2px;
    top: -1px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #78d66e;
    color: #0c3e0c;
    font-size: 13px;
    font-weight: 900;
  }

  body[data-route="home"] .m-loan-art {
    position: absolute;
    right: 30px;
    bottom: 24px;
    width: 142px;
    height: 118px;
  }

  body[data-route="home"] .m-loan-art i {
    position: absolute;
    left: 58px;
    top: 0;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 50%;
  }

  body[data-route="home"] .m-loan-art i::before,
  body[data-route="home"] .m-loan-art i::after {
    content: "";
    position: absolute;
    background: #a6ff32;
  }

  body[data-route="home"] .m-loan-art i::before {
    width: 14px;
    height: 2px;
    left: 10px;
    top: 15px;
  }

  body[data-route="home"] .m-loan-art i::after {
    width: 2px;
    height: 14px;
    left: 16px;
    top: 9px;
  }

  body[data-route="home"] .m-loan-art b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 96px;
    height: 61px;
    border: 1.4px solid rgba(255,255,255,.72);
    border-radius: 4px;
  }

  body[data-route="home"] .m-loan-art b::before {
    content: "";
    position: absolute;
    left: -9px;
    top: 19px;
    width: 12px;
    height: 32px;
    border: 1.3px solid rgba(255,255,255,.62);
    border-right: 0;
    border-radius: 3px 0 0 3px;
  }

  body[data-route="home"] .m-loan-art b::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 19px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.3px solid rgba(255,255,255,.72);
  }

  body[data-route="home"] .m-loan-art em {
    position: absolute;
    left: 24px;
    bottom: 9px;
    width: 96px;
    height: 59px;
    border: 1.4px solid rgba(255,255,255,.72);
    border-radius: 4px;
    font-style: normal;
  }

  body[data-route="home"] .m-loan-art em::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 28px;
    width: 52px;
    height: 1px;
    background: rgba(255,255,255,.45);
  }

  body[data-route="home"] .m-loan-art strong {
    position: absolute;
    right: 22px;
    bottom: 46px;
    width: 33px;
    height: 33px;
    border: 1.3px solid rgba(255,255,255,.74);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: rgba(255,255,255,.88);
    font-size: 17px;
    font-weight: 500;
  }

  body[data-route="home"] .m-loan-art span {
    position: absolute;
    left: 43px;
    bottom: 14px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1.2px solid rgba(255,255,255,.72);
    color: rgba(255,255,255,.92);
    font-size: 18px;
  }

  body[data-route="home"] .m-loan-art span::after {
    content: "";
    position: absolute;
    right: -34px;
    top: -5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #a6ff32;
    background: #a6ff32;
    box-shadow: 0 0 0 3px rgba(0,0,0,.75) inset;
  }

  body[data-route="home"] .m-loan-form-card,
  body[data-route="home"] .m-loan-amount-card,
  body[data-route="home"] .m-loan-estimate-card {
    margin: 20px 8px 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(11,26,46,.08);
  }

  body[data-route="home"] .m-loan-form-card {
    position: relative;
    z-index: 2;
    margin-top: 20px;
    padding: 20px 12px;
  }

  body[data-route="home"] .m-loan-field {
    display: block;
    margin: 0 0 18px;
  }

  body[data-route="home"] .m-loan-field > span {
    display: block;
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #101010;
  }

  body[data-route="home"] .m-loan-field select,
  body[data-route="home"] .m-loan-field input {
    width: 100%;
    height: 43px;
    border: 1px solid #dfe4ec;
    border-radius: 3px;
    background: #ffffff;
    padding: 0 16px;
    font-size: 14px;
    color: #141a22;
    outline: none;
    box-sizing: border-box;
  }

  body[data-route="home"] .m-loan-field select {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #aeb8c8 50%), linear-gradient(135deg, #aeb8c8 50%, transparent 50%);
    background-position: calc(100% - 28px) 18px, calc(100% - 22px) 18px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    color: #a2aabb;
  }

  body[data-route="home"] .m-loan-field small {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #8a96a8;
  }

  body[data-route="home"] .m-loan-agree {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 22px 0 24px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #161616;
  }

  body[data-route="home"] .m-loan-agree input {
    width: 16px;
    height: 16px;
    margin: 1px 6px 0 0;
    accent-color: #00bd91;
  }

  body[data-route="home"] .m-loan-agree b {
    color: #111111;
    font-weight: 800;
  }

  body[data-route="home"] .m-loan-submit,
  body[data-route="home"] .m-loan-verify {
    display: block;
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 24px;
    font-size: 15px;
    font-weight: 800;
  }

  body[data-route="home"] .m-loan-submit {
    background: #111111;
    color: #ffffff;
    margin-bottom: 20px;
  }

  body[data-route="home"] .m-loan-submit:disabled {
    background: #8c8c8c;
    color: #000000;
  }

  body[data-route="home"] .m-loan-verify {
    background: #ffdc00;
    color: #000000;
  }

  body[data-route="home"] .m-loan-amount-card {
    position: relative;
    min-height: 99px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
  }

  body[data-route="home"] .m-loan-amount-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 59%;
    background: #ffdc00;
    clip-path: polygon(0 0, 100% 0, 62% 100%, 0 100%);
  }

  body[data-route="home"] .m-loan-amount-card > div {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 0 30px;
  }

  body[data-route="home"] .m-loan-amount-card i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex: 0 0 30px;
    background: #06b68f;
  }

  body[data-route="home"] .m-loan-amount-card span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 900;
    color: #0d0d0d;
    white-space: nowrap;
  }

  body[data-route="home"] .m-loan-amount-card b {
    display: none;
  }

  body[data-route="home"] .m-loan-estimate-card {
    padding: 22px 22px 24px;
    box-shadow: none;
  }

  body[data-route="home"] .m-loan-estimate-card p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 20px;
    color: #7a7f88;
  }

  body[data-route="home"] .m-loan-estimate-card p:last-child {
    margin-bottom: 0;
  }

  body[data-route="home"] .m-loan-estimate-card b {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
  }

  body[data-route="home"] .m-loan-estimate-card .accent span,
  body[data-route="home"] .m-loan-estimate-card .accent b {
    color: #00b983;
  }

  body[data-route="home"] .m-loan-flow {
    margin: 36px 0 0;
    padding: 0 14px 22px;
    background: #ffffff;
  }

  body[data-route="home"] .m-loan-flow h2 {
    margin: 0 0 22px;
    padding-top: 12px;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    font-weight: 900;
  }

  body[data-route="home"] .m-loan-flow > div {
    display: grid;
    grid-template-columns: 74px 1fr 74px 1fr 74px;
    align-items: center;
    gap: 8px;
  }

  body[data-route="home"] .m-loan-flow article {
    display: grid;
    justify-items: center;
    gap: 12px;
  }

  body[data-route="home"] .m-loan-flow article i {
    width: 54px;
    height: 54px;
    position: relative;
    display: block;
  }

  body[data-route="home"] .m-loan-flow article b {
    font-size: 13px;
    line-height: 18px;
    font-weight: 900;
    color: #000000;
    white-space: nowrap;
  }

  body[data-route="home"] .m-loan-flow > div > span {
    height: 0;
    border-top: 3px dashed #c5c5c5;
    transform: translateY(-12px);
  }

  body[data-route="home"] .m-loan-flow article i::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 3px solid #222222;
    border-radius: 9px;
    transform: rotate(-20deg);
  }

  body[data-route="home"] .m-loan-flow article i::after {
    content: "$";
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #ffffff;
    border: 2px solid #1e1e1e;
    color: #ffb800;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
  }

  body[data-route="home"] .m-loan-flow .m-loan-flow-verify::before {
    border-radius: 2px;
    transform: rotate(-28deg);
  }

  body[data-route="home"] .m-loan-flow .m-loan-flow-verify::after {
    right: 10px;
    bottom: 4px;
  }

  body[data-route="home"] .m-loan-flow .m-loan-flow-borrow::before {
    border-radius: 4px;
    transform: rotate(0deg);
  }
}


body[data-route="home"] .m-loan-amount-control{display:grid!important;grid-template-columns:minmax(0,1fr)76px!important;border:1px solid #dfe5ee!important;border-radius:6px!important;overflow:hidden!important;background:#fff!important;min-height:46px!important}
body[data-route="home"] .m-loan-amount-control input{border:0!important;border-radius:0!important;height:46px!important;min-height:46px!important;padding:0 14px!important;background:#fff!important}
body[data-route="home"] .m-loan-amount-control em{display:grid!important;place-items:center!important;border-left:1px solid #dfe5ee!important;background:#f7f9fc!important;color:#788195!important;font-style:normal!important;font-size:15px!important;font-weight:600!important}
body[data-route="home"] .m-loan-template-detail{display:grid!important;gap:12px!important;margin:12px 0 22px!important;color:#707888!important;font-size:14px!important}
body[data-route="home"] .m-loan-template-detail p{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0!important;min-height:22px!important;line-height:1.45!important}
body[data-route="home"] .m-loan-template-detail span{color:#6e7788!important;font-weight:500!important}
body[data-route="home"] .m-loan-template-detail b{color:#7b5c48!important;font-size:14px!important;font-weight:500!important;text-align:right!important;word-break:break-word!important}
body[data-route="home"] .m-loan-auth-page{min-height:100vh!important;background:#fff!important;padding:0 0 76px!important;color:#111!important;box-sizing:border-box!important}
body[data-route="home"] .m-loan-auth-page .m-mine-sub-header{background:#fff!important;border-bottom:1px solid #edf0f5!important}
body[data-route="home"] .m-loan-auth-form{padding:0 6px 18px!important;background:#fff!important;box-sizing:border-box!important}
body[data-route="home"] .m-loan-auth-row{min-height:48px!important;display:grid!important;grid-template-columns:128px minmax(0,1fr)18px!important;align-items:center!important;border-bottom:1px solid #f0f2f6!important;padding:0 18px!important;box-sizing:border-box!important;color:#111!important;font-size:14px!important;position:relative!important}
body[data-route="home"] .m-loan-auth-row.req span::before{content:"*";color:#ef3333;margin-right:2px!important}
body[data-route="home"] .m-loan-auth-row span{font-weight:500!important;color:#14171f!important;line-height:1.35!important}
body[data-route="home"] .m-loan-auth-row input,body[data-route="home"] .m-loan-auth-row select{width:100%!important;height:44px!important;border:0!important;background:transparent!important;text-align:right!important;color:#333!important;font-size:14px!important;outline:none!important;padding:0!important;appearance:none!important;-webkit-appearance:none!important}
body[data-route="home"] .m-loan-auth-row input::placeholder{color:#b8bfcb!important;opacity:1!important}
body[data-route="home"] .m-loan-auth-row i{width:8px!important;height:8px!important;border-right:2px solid #aab2bf!important;border-top:2px solid #aab2bf!important;transform:rotate(45deg)!important;justify-self:end!important}
body[data-route="home"] .m-loan-auth-row.has-error{background:#fff8f8!important}
body[data-route="home"] .m-loan-auth-row.has-error input,body[data-route="home"] .m-loan-auth-row.has-error select{color:#ef3333!important}
body[data-route="home"] .m-loan-auth-tip{margin:22px 20px 20px!important;padding:12px 14px!important;border-radius:6px!important;background:#f3f3f3!important;color:#465063!important;font-size:13px!important;line-height:1.55!important;text-align:left!important}
body[data-route="home"] .m-loan-auth-upload{display:grid!important;grid-template-columns:122px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;margin:14px 20px 20px!important;color:#111!important;box-sizing:border-box!important}
body[data-route="home"] .m-loan-auth-upload-title{min-height:40px!important;font-size:14px!important;line-height:1.4!important;color:#111!important;font-weight:500!important;display:flex!important;align-items:flex-start!important;gap:2px!important;word-break:break-word!important}
body[data-route="home"] .m-loan-auth-upload-title i{color:#ef3333!important;font-style:normal!important}
body[data-route="home"] .m-loan-auth-upload-box{height:178px!important;border:1px solid #dfe5ee!important;border-radius:6px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important;cursor:pointer!important}
body[data-route="home"] .m-loan-auth-upload-box em{font-size:38px!important;line-height:1!important;color:#7c8491!important;font-weight:300!important;font-style:normal!important}
body[data-route="home"] .m-loan-auth-upload-box img{width:100%!important;height:100%!important;object-fit:cover!important;background:#f6f7fa!important}
body[data-route="home"] .m-loan-auth-upload.has-file .m-loan-auth-upload-box{border-color:#f3d300!important;background:#fffdf1!important}
body[data-route="home"] .m-loan-auth-upload.has-error .m-loan-auth-upload-box{border-color:#ef3333!important;background:#fff7f7!important}
body[data-route="home"] .m-loan-auth-upload button{grid-column:2!important;justify-self:end!important;border:0!important;background:transparent!important;color:#b45309!important;font-size:12px!important;font-weight:700!important;padding:0!important}
body[data-route="home"] .m-loan-auth-upload p{grid-column:2!important;color:#ef3333!important;font-size:12px!important;margin:0!important;font-weight:700!important}
body[data-route="home"] .m-loan-auth-privacy{margin:30px 20px 20px!important;padding-top:16px!important;border-top:1px solid #f0f2f6!important;text-align:center!important;color:#9aa2af!important;font-size:13px!important;line-height:1.5!important}
body[data-route="home"] .m-loan-auth-submit{position:sticky!important;bottom:10px!important;width:calc(100% - 10px)!important;margin:0 5px!important;height:50px!important;border:0!important;border-radius:4px!important;background:#ffdf00!important;color:#111!important;font-weight:800!important;font-size:16px!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important}
@media(max-width:420px){body[data-route="home"] .m-loan-auth-row{grid-template-columns:116px minmax(0,1fr)16px!important;padding:0 16px!important}body[data-route="home"] .m-loan-auth-upload{grid-template-columns:112px minmax(0,1fr)!important;margin-left:16px!important;margin-right:16px!important}body[data-route="home"] .m-loan-auth-upload-box{height:180px!important}}


body[data-route="home"] .m-loan-form-card{box-sizing:border-box!important;overflow:hidden!important;max-width:calc(100vw - 16px)!important}
body[data-route="home"] .m-loan-field{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
body[data-route="home"] .m-loan-field select,
body[data-route="home"] .m-loan-field input{display:block!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}
body[data-route="home"] .m-loan-field select,
body[data-route="home"] .m-loan-template-select{width:100%!important;min-width:0!important;max-width:100%!important;padding-right:44px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;background-position:calc(100% - 28px) 18px,calc(100% - 22px) 18px!important}
body[data-route="home"] .m-loan-field select:focus,
body[data-route="home"] .m-loan-template-select:focus{outline:none!important;box-shadow:0 0 0 1px #ffdf00 inset!important;border-color:#ffdf00!important}
body[data-route="home"] .m-loan-amount-control{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
body[data-route="home"] .m-loan-amount-control input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;outline:none!important}
body[data-route="home"] [data-loan-template-detail],
body[data-route="home"] [data-loan-stats]{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body[data-route="home"] .m-loan-auth-form{max-width:100vw!important;overflow:hidden!important}
body[data-route="home"] .m-loan-auth-row{max-width:100%!important;min-width:0!important;overflow:hidden!important}
body[data-route="home"] .m-loan-auth-row input,
body[data-route="home"] .m-loan-auth-row select{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-route="home"] .m-loan-auth-upload{max-width:calc(100vw - 40px)!important;min-width:0!important;overflow:hidden!important}
@media(max-width:420px){body[data-route="home"] .m-loan-auth-upload{max-width:calc(100vw - 32px)!important}}


body[data-route="home"] .m-loan-template-trigger{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:43px!important;
  border:1px solid #dfe4ec!important;
  border-radius:3px!important;
  background:#fff!important;
  padding:0 14px 0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  box-sizing:border-box!important;
  color:#a2aabb!important;
  font-size:14px!important;
  font-weight:400!important;
  text-align:left!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  overflow:hidden!important;
  -webkit-tap-highlight-color:transparent!important;
}
body[data-route="home"] .m-loan-template-trigger.has-value{color:#141a22!important}
body[data-route="home"] .m-loan-template-trigger span{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-route="home"] .m-loan-template-trigger i{width:8px!important;height:8px!important;flex:0 0 8px!important;border-right:1.5px solid #aeb8c8!important;border-bottom:1.5px solid #aeb8c8!important;transform:rotate(45deg)!important;margin-top:-3px!important}
body[data-route="home"] .m-loan-template-trigger[aria-expanded="true"]{border-color:#ffdf00!important;box-shadow:0 0 0 1px #ffdf00 inset!important}
body[data-route="home"] .m-loan-template-trigger[aria-expanded="true"] i{transform:rotate(225deg)!important;margin-top:3px!important}
body[data-route="home"] .m-loan-template-picker-mask{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  background:rgba(0,0,0,.36)!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body[data-route="home"] .m-loan-template-picker-sheet{
  width:100%!important;
  max-width:430px!important;
  max-height:68vh!important;
  background:#fff!important;
  border-radius:16px 16px 0 0!important;
  box-shadow:0 -10px 30px rgba(7,18,32,.18)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  padding:0 0 max(12px,env(safe-area-inset-bottom))!important;
}
body[data-route="home"] .m-loan-template-picker-sheet header{
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  border-bottom:1px solid #edf0f5!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:800!important;
}
body[data-route="home"] .m-loan-template-picker-sheet header button{
  position:absolute!important;
  right:12px!important;
  top:8px!important;
  width:36px!important;
  height:36px!important;
  border:0!important;
  background:transparent!important;
  color:#8b95a5!important;
  font-size:28px!important;
  line-height:34px!important;
  font-weight:300!important;
}
body[data-route="home"] .m-loan-template-picker-list{max-height:calc(68vh - 52px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:6px 16px 12px!important;box-sizing:border-box!important}
body[data-route="home"] .m-loan-template-picker-option{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  border-bottom:1px solid #f0f2f6!important;
  background:#fff!important;
  padding:14px 4px!important;
  text-align:left!important;
  display:grid!important;
  gap:6px!important;
  color:#111!important;
  box-sizing:border-box!important;
}
body[data-route="home"] .m-loan-template-picker-option span{font-size:15px!important;line-height:20px!important;font-weight:700!important;color:#151515!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-route="home"] .m-loan-template-picker-option small{font-size:12px!important;line-height:16px!important;font-weight:500!important;color:#8a94a5!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-route="home"] .m-loan-template-picker-option.active{background:#fffbe6!important}
body[data-route="home"] .m-loan-template-picker-option.active span{color:#d6a800!important}
body[data-route="home"] .m-loan-template-picker-empty{padding:24px 0!important;text-align:center!important;color:#9aa3b1!important;font-size:14px!important}


body[data-route="home"] .m-ai-page{min-height:100vh!important;background:#fff!important;padding-bottom:86px!important;color:#080808!important;overflow-x:hidden!important}
body[data-route="home"] .m-ai-hero{background:#000!important;color:#fff!important;margin:0!important;padding:22px 14px 20px!important;min-height:200px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;overflow:hidden!important}
body[data-route="home"] .m-ai-hero h1{margin:0 0 16px!important;font-size:22px!important;line-height:1.2!important;font-weight:600!important}
body[data-route="home"] .m-ai-hero p{margin:0 0 22px!important;max-width:260px!important;font-size:14px!important;line-height:1.75!important;font-weight:700!important;color:#fff!important}
body[data-route="home"] .m-ai-hero button{border:0!important;border-radius:28px!important;padding:14px 52px!important;background:linear-gradient(90deg,#17c8f4,#37ecc0)!important;color:#111!important;font-size:15px!important;font-weight:700!important}
body[data-route="home"] .m-ai-robot{position:relative!important;width:106px!important;height:120px!important;flex:0 0 106px!important;margin-top:25px!important;opacity:.95!important}
body[data-route="home"] .m-ai-robot i{position:absolute!important;left:32px!important;top:6px!important;width:55px!important;height:80px!important;border-radius:40px 40px 30px 30px!important;background:radial-gradient(circle at 50% 28%,#fff 0,#d8d8d8 20%,#777 48%,#222 78%,transparent 80%)!important;box-shadow:0 0 18px rgba(255,255,255,.65)!important}
body[data-route="home"] .m-ai-robot b,body[data-route="home"] .m-ai-robot em{position:absolute!important;left:0!important;top:22px!important;width:108px!important;height:55px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:50%!important;transform:rotate(28deg)!important}
body[data-route="home"] .m-ai-robot em{transform:rotate(-24deg)!important;opacity:.7!important}
body[data-route="home"] .m-ai-tabs{display:none!important}
body[data-route="home"] .m-ai-toolbar{padding:36px 12px 0!important;text-align:right!important;background:#fff!important}
body[data-route="home"] .m-ai-toolbar button{border:0!important;border-radius:4px!important;background:#e6a038!important;color:#fff!important;padding:10px 18px!important;font-size:14px!important;font-weight:700!important}
body[data-route="home"] .m-ai-list{padding:8px 10px 10px!important;background:#fff!important}
body[data-route="home"] .m-ai-card{display:block!important;margin:10px 0!important;padding:12px 10px 10px!important;background:#fff!important;border:1px solid #00a5ff!important;border-bottom-color:#31ee16!important;border-radius:6px!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important;cursor:pointer!important}
body[data-route="home"] .m-ai-card-head{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important}
body[data-route="home"] .m-ai-card-head b{font-size:14px!important;font-weight:500!important;color:#000!important}
body[data-route="home"] .m-ai-thumb{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;background:#111!important;border-radius:2px!important;overflow:hidden!important;flex:0 0 42px!important}
body[data-route="home"] .m-ai-thumb span{width:34px!important;height:34px!important;border-radius:50%!important;background:radial-gradient(circle at 50% 35%,#27edff 0,#1b4d9d 22%,#0b133a 52%,#000 70%)!important;box-shadow:0 0 9px #2cf6ff!important;display:block!important}
body[data-route="home"] .m-ai-card-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 16px!important}
body[data-route="home"] .m-ai-card-grid p{margin:0!important;min-width:0!important}
body[data-route="home"] .m-ai-card-grid p:nth-child(even){text-align:right!important}
body[data-route="home"] .m-ai-card-grid span{display:block!important;margin-bottom:6px!important;color:#000!important;font-size:13px!important;font-weight:700!important}
body[data-route="home"] .m-ai-card-grid b{display:block!important;color:#00c982!important;font-size:13px!important;font-weight:800!important;word-break:break-all!important}
body[data-route="home"] .m-ai-progress{display:flex!important;align-items:center!important;gap:8px!important;margin-top:14px!important;position:relative!important;height:18px!important;isolation:isolate!important;overflow:visible!important}
body[data-route="home"] .m-ai-progress:after{content:""!important;position:absolute!important;left:0!important;right:34px!important;top:1px!important;height:16px!important;border-radius:12px!important;background:#eceff5!important;z-index:0!important}
body[data-route="home"] .m-ai-progress i{display:block!important;position:relative!important;z-index:1!important;height:16px!important;max-width:calc(100% - 30px)!important;border-radius:12px!important;overflow:hidden!important;background:linear-gradient(180deg,#7ce03a 0%,#63cb2d 100%)!important;transition:width .55s ease!important;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08),0 0 0 1px rgba(93,211,55,.08)!important;will-change:width,transform!important;transform:translateZ(0)!important}
body[data-route="home"] .m-ai-progress i span,body[data-route="home"] .m-ai-progress i:before{content:""!important;position:absolute!important;inset:0!important;width:220%!important;height:100%!important;display:block!important;background:repeating-linear-gradient(45deg,rgba(255,255,255,.24) 0 8px,rgba(255,255,255,0) 8px 16px)!important;animation:mAiProgressStripeFlow .62s linear infinite!important;will-change:transform!important;transform:translate3d(-32px,0,0)!important;pointer-events:none!important}
body[data-route="home"] .m-ai-progress i:after{content:""!important;position:absolute!important;inset:0!important;display:block!important;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.18),rgba(255,255,255,0))!important;animation:mAiProgressSoftLight 1.25s linear infinite!important;will-change:transform!important;transform:translate3d(-100%,0,0)!important;pointer-events:none!important}
body[data-route="home"] .m-ai-progress b{position:relative!important;z-index:2!important;width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid #67d445!important;color:#67d445!important;font-size:12px!important;line-height:1!important;background:#fff!important;margin-left:auto!important;flex:0 0 18px!important}
@keyframes mAiProgressStripeFlow{0%{transform:translate3d(-32px,0,0)}100%{transform:translate3d(0,0,0)}}
@keyframes mAiProgressSoftLight{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}
body[data-route="home"] .m-ai-records{min-height:260px!important;margin-top:12px!important;padding:54px 10px 16px!important;background:#fff!important;border-top:14px solid #f7f8fa!important}
body[data-route="home"] .m-ai-records h3{margin:0 0 28px!important;font-size:20px!important;font-weight:500!important;color:#000!important}
body[data-route="home"] .m-ai-orders article{display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important;margin-bottom:10px!important;padding:12px!important;border:1px solid #edf0f4!important;border-radius:8px!important;background:#fff!important}
body[data-route="home"] .m-ai-orders b{font-size:14px!important}
body[data-route="home"] .m-ai-orders span{color:#00c982!important}
body[data-route="home"] .m-ai-orders p,body[data-route="home"] .m-ai-orders small{margin:0!important;color:#7b8593!important}
body[data-route="home"] .m-ai-modal-mask{position:fixed!important;inset:0!important;background:rgba(0,0,0,.68)!important;z-index:10020!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
body[data-route="home"] .m-ai-modal{position:relative!important;width:100%!important;max-width:438px!important;max-height:calc(100vh - 70px)!important;overflow:auto!important;background:#fff!important;color:#000!important;padding:18px 22px 12px!important;box-sizing:border-box!important}
body[data-route="home"] .m-ai-modal-x{position:absolute!important;right:12px!important;top:8px!important;width:34px!important;height:34px!important;border:0!important;background:transparent!important;font-size:36px!important;line-height:30px!important;color:#000!important}
body[data-route="home"] .m-ai-modal h2{margin:0 0 26px!important;font-size:22px!important;font-weight:700!important}
body[data-route="home"] .m-ai-modal-stats p{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 14px!important;font-size:14px!important;color:#000!important;font-weight:700!important}
body[data-route="home"] .m-ai-modal-stats b{font-weight:800!important;color:#000!important;text-align:right!important}
body[data-route="home"] .m-ai-modal-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:14px 0!important;padding:0 10px!important;height:48px!important;border-radius:7px!important;background:#f5f6f8!important;font-size:19px!important;font-weight:800!important;box-sizing:border-box!important}
body[data-route="home"] .m-ai-modal-row input{border:0!important;background:transparent!important;text-align:right!important;min-width:0!important;width:60%!important;font-size:15px!important;color:#000!important;outline:none!important;font-weight:400!important}
body[data-route="home"] .m-ai-confirm,body[data-route="home"] .m-ai-cancel{width:100%!important;height:46px!important;border:0!important;border-radius:4px!important;margin-top:20px!important;font-size:14px!important;color:#000!important}
body[data-route="home"] .m-ai-confirm{background:#ffdd00!important;margin-top:86px!important}
body[data-route="home"] .m-ai-cancel{background:#d1d1d1!important;margin-top:20px!important}
@media (max-width:420px){body[data-route="home"] .m-ai-hero p{max-width:230px!important}body[data-route="home"] .m-ai-modal{max-width:100%!important}}


body[data-route="home"] .m-ai-hero-gif{
  width:118px!important;
  height:118px!important;
  flex:0 0 118px!important;
  margin-top:26px!important;
  object-fit:contain!important;
  display:block!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.42))!important;
}
@media (max-width:420px){
  body[data-route="home"] .m-ai-hero-gif{width:108px!important;height:108px!important;flex-basis:108px!important;margin-top:28px!important}
}


body[data-route="home"] .m-ai-hero-gif{
  mix-blend-mode:normal!important;
  filter:none!important;
  animation:none!important;
  transform:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  contain:paint!important;
}
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]{
  background-color:#67d43a!important;
  background-image:
    linear-gradient(180deg,#7de646 0%,#5fcf2f 100%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.34) 0 8px,rgba(255,255,255,.08) 8px 17px,rgba(44,168,31,.1) 17px 26px)!important;
  background-size:100% 100%,30px 30px!important;
  animation:mAiProgressBeltV375 .42s linear infinite!important;
  will-change:background-position,width!important;
}
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill span,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar] span,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill:before,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]:before{
  display:none!important;
  animation:none!important;
}
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill:after,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0))!important;
  animation:mAiProgressSweepV375 1.15s linear infinite!important;
  pointer-events:none!important;
}
@keyframes mAiProgressBeltV375{
  from{background-position:0 0,0 0;}
  to{background-position:0 0,30px 0;}
}
@keyframes mAiProgressSweepV375{
  from{transform:translate3d(-120%,0,0);}
  to{transform:translate3d(120%,0,0);}
}



body[data-route="home"] .m-ai-progress i.m-ai-progress-fill,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar],
.m-ai-progress i.m-ai-progress-fill,
.m-ai-progress i[data-ai-progress-bar]{
  position:relative!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background-color:#63cf2f!important;
  background-image:
    repeating-linear-gradient(45deg,
      rgba(130,224,66,1) 0 10px,
      rgba(104,201,49,1) 10px 20px
    ),
    linear-gradient(180deg,#7de646 0%,#58c628 100%)!important;
  background-size:28px 28px,100% 100%!important;
  background-position:0 0,0 0!important;
  animation:mAiProgressStripeFlowV375 .55s linear infinite!important;
  transform:translateZ(0)!important;
  will-change:background-position,width!important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.08),0 0 0 1px rgba(93,211,55,.08)!important;
}
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill span,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar] span,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill:before,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]:before,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill:after,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]:after,
.m-ai-progress i.m-ai-progress-fill span,
.m-ai-progress i[data-ai-progress-bar] span,
.m-ai-progress i.m-ai-progress-fill:before,
.m-ai-progress i[data-ai-progress-bar]:before,
.m-ai-progress i.m-ai-progress-fill:after,
.m-ai-progress i[data-ai-progress-bar]:after{
  display:none!important;
  animation:none!important;
  content:none!important;
}
@keyframes mAiProgressStripeFlowV375{
  0%{background-position:0 0,0 0;}
  100%{background-position:28px 0,0 0;}
}



body[data-route="home"] .m-ai-progress i.m-ai-progress-fill,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar],
.m-ai-progress i.m-ai-progress-fill,
.m-ai-progress i[data-ai-progress-bar]{
  position:relative!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background-color:#64cc30!important;
  background-image:
    repeating-linear-gradient(45deg,
      #7fdf42 0 9px,
      #5fc92c 9px 18px
    )!important;
  background-size:26px 26px!important;
  background-position:0 0!important;
  animation:mAiProgressStripeFlowV375 .45s linear infinite!important;
  -webkit-animation:mAiProgressStripeFlowV375 .45s linear infinite!important;
  transform:translateZ(0)!important;
  will-change:background-position,width!important;
}
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill span,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar] span,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill:before,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]:before,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill:after,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]:after,
.m-ai-progress i.m-ai-progress-fill span,
.m-ai-progress i[data-ai-progress-bar] span,
.m-ai-progress i.m-ai-progress-fill:before,
.m-ai-progress i[data-ai-progress-bar]:before,
.m-ai-progress i.m-ai-progress-fill:after,
.m-ai-progress i[data-ai-progress-bar]:after{
  display:none!important;
  animation:none!important;
  -webkit-animation:none!important;
  content:none!important;
}
@keyframes mAiProgressStripeFlowV375{
  0%{background-position:0 0;}
  100%{background-position:26px 0;}
}
@-webkit-keyframes mAiProgressStripeFlowV375{
  0%{background-position:0 0;}
  100%{background-position:26px 0;}
}



body[data-route="home"] .m-ai-progress i.m-ai-progress-fill,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar],
.m-ai-progress i.m-ai-progress-fill,
.m-ai-progress i[data-ai-progress-bar]{
  position:relative!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#66cf32!important;
  animation:none!important;
  -webkit-animation:none!important;
  transform:translateZ(0)!important;
  will-change:width!important;
}
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill span,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar] span,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill:before,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]:before,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill:after,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]:after,
.m-ai-progress i.m-ai-progress-fill span,
.m-ai-progress i[data-ai-progress-bar] span,
.m-ai-progress i.m-ai-progress-fill:before,
.m-ai-progress i[data-ai-progress-bar]:before,
.m-ai-progress i.m-ai-progress-fill:after,
.m-ai-progress i[data-ai-progress-bar]:after{
  display:none!important;
  animation:none!important;
  -webkit-animation:none!important;
  content:none!important;
}
body[data-route="home"] .m-ai-progress i .m-ai-progress-stripes,
.m-ai-progress i .m-ai-progress-stripes{
  position:absolute!important;
  top:0!important;
  left:-72px!important;
  width:calc(100% + 144px)!important;
  height:100%!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:repeating-linear-gradient(45deg,#82dd43 0 9px,#60c82e 9px 18px)!important;
  transform:translate3d(-28px,0,0);
  animation:mAiProgressStripesMoveV375 .48s linear infinite!important;
  -webkit-animation:mAiProgressStripesMoveV375 .48s linear infinite!important;
  will-change:transform!important;
  pointer-events:none!important;
}
@keyframes mAiProgressStripesMoveV375{
  0%{transform:translate3d(-28px,0,0);}
  100%{transform:translate3d(0,0,0);}
}
@-webkit-keyframes mAiProgressStripesMoveV375{
  0%{-webkit-transform:translate3d(-28px,0,0);transform:translate3d(-28px,0,0);}
  100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}



body[data-route="home"] .m-ai-progress i.m-ai-progress-fill,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar],
body[data-route="home"] [data-ai-progress-bar],
.m-ai-progress i.m-ai-progress-fill,
.m-ai-progress i[data-ai-progress-bar],
[data-ai-progress-bar]{
  position:relative!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#66cf32!important;
  transform:translateZ(0)!important;
  animation:none!important;
  -webkit-animation:none!important;
  will-change:width!important;
}
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill::before,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]::before,
body[data-route="home"] [data-ai-progress-bar]::before,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill::after,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]::after,
body[data-route="home"] [data-ai-progress-bar]::after,
.m-ai-progress i.m-ai-progress-fill::before,
.m-ai-progress i[data-ai-progress-bar]::before,
[data-ai-progress-bar]::before,
.m-ai-progress i.m-ai-progress-fill::after,
.m-ai-progress i[data-ai-progress-bar]::after,
[data-ai-progress-bar]::after{
  display:none!important;
  content:none!important;
  animation:none!important;
  -webkit-animation:none!important;
}
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill .m-ai-progress-stripes,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar] .m-ai-progress-stripes,
body[data-route="home"] [data-ai-progress-bar] .m-ai-progress-stripes,
.m-ai-progress i.m-ai-progress-fill .m-ai-progress-stripes,
.m-ai-progress i[data-ai-progress-bar] .m-ai-progress-stripes,
[data-ai-progress-bar] .m-ai-progress-stripes{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  bottom:0!important;
  left:-80px!important;
  width:calc(100% + 160px)!important;
  height:100%!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:1!important;
  background:repeating-linear-gradient(45deg,#82df42 0 8px,#82df42 8px 10px,#62c92e 10px 18px,#62c92e 18px 20px)!important;
  background-size:28px 28px!important;
  transform:translate3d(-28px,0,0);
  animation:mAiProgressAllGreenStripesV375 .48s linear infinite!important;
  -webkit-animation:mAiProgressAllGreenStripesV375 .48s linear infinite!important;
  will-change:transform!important;
  pointer-events:none!important;
}
@keyframes mAiProgressAllGreenStripesV375{
  0%{transform:translate3d(-28px,0,0);}
  100%{transform:translate3d(0,0,0);}
}
@-webkit-keyframes mAiProgressAllGreenStripesV375{
  0%{-webkit-transform:translate3d(-28px,0,0);transform:translate3d(-28px,0,0);}
  100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}



body[data-route="home"] .m-ai-progress i,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar],
body[data-route="home"] [data-ai-progress-bar],
.m-ai-progress i,
.m-ai-progress i.m-ai-progress-fill,
.m-ai-progress i[data-ai-progress-bar],
[data-ai-progress-bar]{
  position:relative!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#63cf30!important;
  background-image:linear-gradient(180deg,#78de3f 0%,#59c829 100%)!important;
  transform:translateZ(0)!important;
  will-change:width!important;
  animation:none!important;
  -webkit-animation:none!important;
}
body[data-route="home"] .m-ai-progress i::before,
body[data-route="home"] .m-ai-progress i::after,
body[data-route="home"] [data-ai-progress-bar]::before,
body[data-route="home"] [data-ai-progress-bar]::after,
.m-ai-progress i::before,
.m-ai-progress i::after,
[data-ai-progress-bar]::before,
[data-ai-progress-bar]::after{
  display:none!important;
  content:none!important;
  animation:none!important;
  -webkit-animation:none!important;
}
body[data-route="home"] .m-ai-progress i > .m-ai-progress-stripes,
body[data-route="home"] [data-ai-progress-bar] > .m-ai-progress-stripes,
.m-ai-progress i > .m-ai-progress-stripes,
[data-ai-progress-bar] > .m-ai-progress-stripes{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  bottom:0!important;
  left:-84px!important;
  width:calc(100% + 168px)!important;
  min-width:220px!important;
  height:100%!important;
  display:block!important;
  opacity:1!important;
  background:repeating-linear-gradient(45deg,
    #7fdf42 0 8px,
    #7fdf42 8px 10px,
    #5fc82d 10px 18px,
    #5fc82d 18px 20px
  )!important;
  transform:translate3d(var(--ai-progress-x, -28px),0,0);
  animation:mAiProgressAllGreenMoveV375 .48s linear infinite!important;
  -webkit-animation:mAiProgressAllGreenMoveV375 .48s linear infinite!important;
  will-change:transform!important;
  pointer-events:none!important;
}
@keyframes mAiProgressAllGreenMoveV375{
  0%{transform:translate3d(-28px,0,0);}
  100%{transform:translate3d(0,0,0);}
}
@-webkit-keyframes mAiProgressAllGreenMoveV375{
  0%{-webkit-transform:translate3d(-28px,0,0);transform:translate3d(-28px,0,0);}
  100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}



body[data-route="home"] .m-ai-progress i,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar],
body[data-route="home"] [data-ai-progress-bar],
.m-ai-progress i,
.m-ai-progress i.m-ai-progress-fill,
.m-ai-progress i[data-ai-progress-bar],
[data-ai-progress-bar]{
  position:relative!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background-color:#63cf30!important;
  background-image:repeating-linear-gradient(135deg,#7fdf42 0 8px,#5fc82d 8px 16px)!important;
  background-size:24px 24px!important;
  background-position:var(--ai-progress-bg-x, 0px) 0!important;
  animation:mAiProgressFullGreenBgV375 .42s linear infinite!important;
  -webkit-animation:mAiProgressFullGreenBgV375 .42s linear infinite!important;
  transform:translateZ(0)!important;
  will-change:background-position,width!important;
}
body[data-route="home"] .m-ai-progress i::before,
body[data-route="home"] .m-ai-progress i::after,
body[data-route="home"] [data-ai-progress-bar]::before,
body[data-route="home"] [data-ai-progress-bar]::after,
.m-ai-progress i::before,
.m-ai-progress i::after,
[data-ai-progress-bar]::before,
[data-ai-progress-bar]::after{
  display:none!important;
  content:none!important;
  animation:none!important;
  -webkit-animation:none!important;
}
body[data-route="home"] .m-ai-progress i > .m-ai-progress-stripes,
body[data-route="home"] [data-ai-progress-bar] > .m-ai-progress-stripes,
.m-ai-progress i > .m-ai-progress-stripes,
[data-ai-progress-bar] > .m-ai-progress-stripes{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  bottom:0!important;
  left:-120px!important;
  right:-120px!important;
  width:auto!important;
  min-width:calc(100% + 240px)!important;
  height:100%!important;
  display:block!important;
  opacity:1!important;
  background:repeating-linear-gradient(135deg,#7fdf42 0 8px,#5fc82d 8px 16px)!important;
  background-size:24px 24px!important;
  transform:translate3d(var(--ai-progress-x, 0px),0,0)!important;
  animation:mAiProgressFullGreenLayerV375 .42s linear infinite!important;
  -webkit-animation:mAiProgressFullGreenLayerV375 .42s linear infinite!important;
  will-change:transform!important;
  pointer-events:none!important;
}
@keyframes mAiProgressFullGreenBgV375{
  0%{background-position:0 0;}
  100%{background-position:24px 0;}
}
@-webkit-keyframes mAiProgressFullGreenBgV375{
  0%{background-position:0 0;}
  100%{background-position:24px 0;}
}
@keyframes mAiProgressFullGreenLayerV375{
  0%{transform:translate3d(-24px,0,0);}
  100%{transform:translate3d(0,0,0);}
}
@-webkit-keyframes mAiProgressFullGreenLayerV375{
  0%{-webkit-transform:translate3d(-24px,0,0);transform:translate3d(-24px,0,0);}
  100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}


body[data-route="home"] .m-sub-page{min-height:100vh!important;background:#222!important;color:#fff!important;padding-bottom:64px!important;box-sizing:border-box!important}
body[data-route="home"] .m-sub-page .m-mine-sub-header{position:sticky!important;top:0!important;z-index:20!important;height:50px!important;background:#fff!important;color:#111!important;border-bottom:1px solid #eee!important;display:grid!important;grid-template-columns:46px 1fr 46px!important;align-items:center!important}
body[data-route="home"] .m-sub-page .m-mine-sub-header button{border:0!important;background:transparent!important;font-size:32px!important;line-height:1!important;color:#0b1728!important}
body[data-route="home"] .m-sub-page .m-mine-sub-header h2{margin:0!important;text-align:center!important;font-size:18px!important;font-weight:800!important;color:#111!important}
body[data-route="home"] .m-sub-hero{padding:14px 22px!important;background:#202020!important;border-bottom:1px solid rgba(255,255,255,.02)!important}
body[data-route="home"] .m-sub-hero p{margin:0!important;max-width:270px!important;color:#f3f3f3!important;font-size:18px!important;line-height:1.45!important;font-weight:500!important}
body[data-route="home"] .m-sub-products{padding:18px 9px 120px!important;background:#282828!important;min-height:calc(100vh - 153px)!important}
body[data-route="home"] .m-sub-products>header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 16px!important;color:#fff!important}
body[data-route="home"] .m-sub-products>header h3{margin:0!important;font-size:16px!important;font-weight:800!important}
body[data-route="home"] .m-sub-products>header button{width:24px!important;height:24px!important;border:0!important;background:transparent!important;color:#9da3aa!important;font-size:21px!important}
body[data-route="home"] .m-sub-card{position:relative!important;margin:0 0 28px!important;padding:17px 13px 18px!important;background:#3a3a3a!important;border-radius:15px!important;color:#fff!important;box-sizing:border-box!important}
body[data-route="home"] .m-sub-card header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:28px!important}
body[data-route="home"] .m-sub-card h3{margin:0!important;font-size:17px!important;font-weight:900!important;letter-spacing:.3px!important;color:#fff!important}
body[data-route="home"] .m-sub-card header button{border:0!important;border-radius:8px!important;background:#ffdf00!important;color:#fff!important;height:31px!important;padding:0 12px!important;font-size:12px!important;font-weight:700!important}
body[data-route="home"] .m-sub-card>em{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;height:38px!important;margin-bottom:12px!important;border:1px solid #ffe000!important;border-radius:5px!important;color:#ffe000!important;font-style:normal!important;font-size:12px!important;font-weight:800!important}
body[data-route="home"] .m-sub-card-meta{position:relative!important;display:flex!important;align-items:center!important;gap:0!important;margin:0 0 24px!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;color:#fff!important}
body[data-route="home"] .m-sub-card-meta b{font-size:14px!important;color:#fff!important;font-weight:800!important}
body[data-route="home"] .m-sub-card-meta span{color:#8e8e8e!important;font-weight:500!important}
body[data-route="home"] .m-sub-card-meta strong{margin-left:auto!important;color:#fff!important;font-size:14px!important;font-weight:800!important}
body[data-route="home"] .m-sub-progress{position:relative!important;height:12px!important;margin:0 0 4px!important;border-radius:999px!important;background:#f2f5f8!important;overflow:visible!important}
body[data-route="home"] .m-sub-progress i{position:absolute!important;left:0!important;top:2px!important;height:8px!important;border-radius:999px!important;background:#ffe000!important;display:block!important;min-width:8px!important;max-width:100%!important}
body[data-route="home"] .m-sub-progress b{position:absolute!important;top:-5px!important;transform:translateX(-50%)!important;min-width:45px!important;height:18px!important;padding:0 5px!important;border-radius:9px!important;background:#ffe000!important;color:#fff!important;font-size:11px!important;line-height:18px!important;text-align:center!important;font-weight:700!important;white-space:nowrap!important}
body[data-route="home"] .m-sub-nomore{margin:31px 0 0!important;text-align:center!important;color:#aaa!important;font-size:14px!important}
body[data-route="home"] .m-sub-detail-page{background:#222!important}
body[data-route="home"] .m-sub-detail-card{margin:34px 9px 96px!important;padding:20px 20px 22px!important;background:#3a3a3a!important;border-radius:17px!important;box-sizing:border-box!important;color:#fff!important}
body[data-route="home"] .m-sub-info{margin-bottom:18px!important}
body[data-route="home"] .m-sub-info span,body[data-route="home"] .m-sub-two span,body[data-route="home"] .m-sub-grid span{display:block!important;color:#a6abb2!important;font-size:16px!important;line-height:1.25!important;margin-bottom:4px!important}
body[data-route="home"] .m-sub-info b{display:block!important;color:#fff!important;font-size:18px!important;font-weight:500!important}
body[data-route="home"] .m-sub-info.price b{color:#ffe000!important;font-weight:800!important}
body[data-route="home"] .m-sub-line{height:1px!important;background:rgba(255,255,255,.25)!important;margin:17px 0!important}
body[data-route="home"] .m-sub-two{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:14px 0!important;gap:12px!important}
body[data-route="home"] .m-sub-two b{color:#ffe000!important;font-size:16px!important;font-weight:800!important;text-align:right!important}
body[data-route="home"] .m-sub-grid{display:grid!important;grid-template-columns:1fr 1.1fr!important;gap:16px 20px!important}
body[data-route="home"] .m-sub-grid p{margin:0!important;min-width:0!important}
body[data-route="home"] .m-sub-grid b{display:block!important;color:#fff!important;font-size:16px!important;font-weight:500!important;line-height:1.2!important;word-break:break-word!important}
body[data-route="home"] .m-sub-input{display:block!important;margin:28px 0 38px!important}
body[data-route="home"] .m-sub-input input{width:100%!important;height:44px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.25)!important;background:transparent!important;color:#fff!important;font-size:16px!important;outline:none!important;box-sizing:border-box!important}
body[data-route="home"] .m-sub-input input::placeholder{color:#9a9fa6!important}
body[data-route="home"] .m-sub-submit{width:100%!important;height:44px!important;border:0!important;border-radius:11px!important;background:#ffdf00!important;color:#fff!important;font-size:16px!important;font-weight:700!important;margin-bottom:26px!important}
body[data-route="home"] .m-sub-detail-card footer{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;color:#fff!important}
body[data-route="home"] .m-sub-detail-card footer h4{margin:0 0 11px!important;font-size:14px!important;color:#fff!important}
body[data-route="home"] .m-sub-detail-card footer p{margin:0!important;color:#fff!important;font-size:14px!important;font-weight:700!important}
body[data-route="home"] .m-sub-detail-card footer button{flex:0 0 auto!important;border:0!important;border-radius:5px!important;background:#ffe000!important;color:#fff!important;font-size:12px!important;font-weight:800!important;height:29px!important;padding:0 9px!important}
body[data-route="home"] .m-sub-notice{margin:0 0 12px!important;padding:9px 12px!important;border-radius:8px!important;background:rgba(255,224,0,.16)!important;color:#ffe000!important;font-size:13px!important}
body[data-route="home"] .m-sub-notice.error{background:rgba(255,80,80,.16)!important;color:#ff7d7d!important}
body[data-route="home"] .m-sub-notice.success{background:rgba(51,210,120,.16)!important;color:#4ee083!important}



body[data-route="home"] .m-ai-progress i.m-ai-progress-fill,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar],
.m-ai-progress i.m-ai-progress-fill,
.m-ai-progress i[data-ai-progress-bar],
[data-ai-progress-bar]{
  position:relative!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#63cf2f!important;
  background-image:repeating-linear-gradient(135deg,#7fdf42 0 8px,#5fc82d 8px 16px)!important;
  background-size:24px 24px!important;
  background-position:var(--ai-progress-bg-x,0px) 0!important;
  transition:width .45s ease!important;
  transform:translateZ(0)!important;
  will-change:width,background-position!important;
}
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill::before,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]::before,
body[data-route="home"] .m-ai-progress i.m-ai-progress-fill::after,
body[data-route="home"] .m-ai-progress i[data-ai-progress-bar]::after,
.m-ai-progress i.m-ai-progress-fill::before,
.m-ai-progress i[data-ai-progress-bar]::before,
.m-ai-progress i.m-ai-progress-fill::after,
.m-ai-progress i[data-ai-progress-bar]::after,
[data-ai-progress-bar]::before,
[data-ai-progress-bar]::after{
  display:none!important;
  content:none!important;
  animation:none!important;
}
body[data-route="home"] .m-ai-progress i > .m-ai-progress-stripes,
body[data-route="home"] [data-ai-progress-bar] > .m-ai-progress-stripes,
.m-ai-progress i > .m-ai-progress-stripes,
[data-ai-progress-bar] > .m-ai-progress-stripes{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  bottom:0!important;
  left:-160px!important;
  right:-160px!important;
  width:auto!important;
  height:100%!important;
  display:block!important;
  opacity:1!important;
  background:repeating-linear-gradient(135deg,#7fdf42 0 8px,#5fc82d 8px 16px)!important;
  background-size:24px 24px!important;
  transform:translate3d(var(--ai-progress-x,0px),0,0)!important;
  pointer-events:none!important;
}
.m-ai-confirm:disabled,
.m-sub-submit:disabled{
  opacity:.72!important;
  cursor:not-allowed!important;
}



body[data-route="home"] .m-sub-products>header button.m-sub-calendar-btn{
  width:24px!important;
  height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  color:#8f99a3!important;
  line-height:1!important;
}
body[data-route="home"] .m-sub-products>header button.m-sub-calendar-btn .m-sub-calendar-icon{
  width:22px!important;
  height:22px!important;
  display:block!important;
  fill:none!important;
  stroke:#8f99a3!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}



body:not([data-route="home"]) .m-rb {
  display: none !important;
}
body[data-route="home"] .m-rb {
  position: fixed !important;
  right: max(18px, env(safe-area-inset-right, 0px) + 18px) !important;
  bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 2147481800 !important;
  min-width: 54px !important;
  height: 54px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .18) !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}
body[data-route="home"] .m-ri {
  width: 26px !important;
  height: 22px !important;
  border: 3px solid #ff6a00 !important;
  border-radius: 9px !important;
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
}
body[data-route="home"] .m-ri::after {
  content: "" !important;
  position: absolute !important;
  right: 3px !important;
  bottom: -7px !important;
  width: 9px !important;
  height: 9px !important;
  border-left: 3px solid #ff6a00 !important;
  border-bottom: 3px solid #ff6a00 !important;
  transform: skew(-18deg) rotate(-18deg) !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
body[data-route="home"] .m-rb em {
  max-width: 86px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-style: normal !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
body[data-route="home"] .m-rb:active {
  transform: translateY(1px) scale(.98) !important;
}
@media (min-width: 901px) {
  body[data-route="home"] .m-rb {
    right: 28px !important;
    bottom: 32px !important;
    height: 52px !important;
  }
}
@media (max-width: 380px) {
  body[data-route="home"] .m-rb {
    right: 14px !important;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 0 12px !important;
  }
  body[data-route="home"] .m-rb em { max-width: 64px !important; }
}


/* HOME_PHONE_VIDEO_LAZY_V418: mp4 is only attached by JS on desktop home hero; other routes/mobile never request it. */
body:not([data-route="home"]) .phone-video{display:none!important;}
@media (max-width:860px){body[data-route="home"] .desktop-home-view .phone-video{display:none!important;}}

/* v438: frontend positions flow-record icon */
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon{
  background:url("../img/home/positions-flow-record.png?v=447") center/22px 22px no-repeat !important;
  border:none !important;
  box-shadow:none !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after{
  content:none !important;
  display:none !important;
}


/* v438: frontend customer-service float + positions flow-record icon */
@media (max-width: 900px) {
  body[data-route="home"] .chat-float,
  body[data-route="home"] #chatFloat,
  body[data-route="home"] [class*="chat-float"],
  body[data-route="home"] [class*="support-float"],
  body[data-route="home"] .m-home-support-float {
    position: fixed !important;
    right: 16px !important;
    bottom: calc(var(--mobile-bottom-nav-total, 58px) + env(safe-area-inset-bottom, 0px) + 10px) !important;
    width: 63px !important;
    height: 63px !important;
    min-width: 63px !important;
    min-height: 63px !important;
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent url("../img/home/customer-service-float-v438.png?v=447") center center / 63px 63px no-repeat !important;
    box-shadow: none !important;
    overflow: hidden !important;
    z-index: 166 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
  }
  body[data-route="home"] .chat-float::before,
  body[data-route="home"] .chat-float::after,
  body[data-route="home"] #chatFloat::before,
  body[data-route="home"] #chatFloat::after,
  body[data-route="home"] [class*="chat-float"]::before,
  body[data-route="home"] [class*="chat-float"]::after,
  body[data-route="home"] [class*="support-float"]::before,
  body[data-route="home"] [class*="support-float"]::after,
  body[data-route="home"] .m-home-support-float::before,
  body[data-route="home"] .m-home-support-float::after {
    content: none !important;
    display: none !important;
  }
  body[data-route="home"] .chat-float > *,
  body[data-route="home"] #chatFloat > *,
  body[data-route="home"] [class*="chat-float"] > *,
  body[data-route="home"] [class*="support-float"] > *,
  body[data-route="home"] .m-home-support-float > * {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
    background: transparent url("../img/home/positions-flow-record-v438.png?v=447") center center / 50px 50px no-repeat !important;
    border: none !important;
    box-shadow: none !important;
  }
  body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
  body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after {
    content: none !important;
    display: none !important;
  }
}


/* v438: stable frontend customer-service float + custom flow-record icon (CSS only, no JS risk) */
body[data-route="home"] .m-rb {
  position: fixed !important;
  right: max(16px, env(safe-area-inset-right, 0px) + 16px) !important;
  bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 2147481800 !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  background: transparent url("../img/home/customer-service-float-v438.svg?v=447") center center / 72px 72px no-repeat !important;
  box-shadow: none !important;
  color: transparent !important;
  cursor: pointer !important;
  overflow: visible !important;
  -webkit-tap-highlight-color: transparent !important;
}
body[data-route="home"] .m-rb .m-ri {
  width: 72px !important;
  height: 72px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  display: block !important;
  flex: 0 0 72px !important;
}
body[data-route="home"] .m-rb .m-ri::before,
body[data-route="home"] .m-rb .m-ri::after,
body[data-route="home"] .m-rb::before,
body[data-route="home"] .m-rb::after {
  content: none !important;
  display: none !important;
}
body[data-route="home"] .m-rb em {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body[data-route="home"] .m-rb:active {
  transform: translateY(1px) scale(.985) !important;
}
@media (min-width: 901px) {
  body[data-route="home"] .m-rb {
    right: 24px !important;
    bottom: 26px !important;
  }
}
@media (max-width: 380px) {
  body[data-route="home"] .m-rb {
    right: 12px !important;
    bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    background-size: 68px 68px !important;
  }
  body[data-route="home"] .m-rb .m-ri {
    width: 68px !important;
    height: 68px !important;
    flex-basis: 68px !important;
  }
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: transparent url("../img/home/positions-flow-record-v438.svg?v=447") center center / 58px 58px no-repeat !important;
  border: none !important;
  box-shadow: none !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after {
  content: none !important;
  display: none !important;
}


/* v439: exact frontend icon restoration (customer-service float + positions flow record) */
body[data-route="home"] .m-rb {
  right: max(16px, env(safe-area-inset-right, 0px) + 16px) !important;
  bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  width: 63px !important;
  min-width: 63px !important;
  max-width: 63px !important;
  height: 63px !important;
  min-height: 63px !important;
  max-height: 63px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent url("../img/home/customer-service-float-v439.png?v=447") center center / 63px 63px no-repeat !important;
  box-shadow: none !important;
  color: transparent !important;
  overflow: visible !important;
}
body[data-route="home"] .m-rb .m-ri {
  width: 63px !important;
  height: 63px !important;
  flex: 0 0 63px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
}
body[data-route="home"] .m-rb .m-ri::before,
body[data-route="home"] .m-rb .m-ri::after,
body[data-route="home"] .m-rb::before,
body[data-route="home"] .m-rb::after {
  content: none !important;
  display: none !important;
}
@media (max-width: 380px) {
  body[data-route="home"] .m-rb {
    right: 12px !important;
    bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    background-size: 60px 60px !important;
  }
  body[data-route="home"] .m-rb .m-ri {
    width: 60px !important;
    height: 60px !important;
    flex-basis: 60px !important;
  }
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: transparent url("../img/home/positions-flow-record-v439.png?v=447") center center / 58px 56px no-repeat !important;
  border: none !important;
  box-shadow: none !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after {
  content: none !important;
  display: none !important;
}


/* v440: precise records icon alignment + customer-service float refine */
body[data-route="home"] .m-rb {
  right: max(14px, env(safe-area-inset-right, 0px) + 14px) !important;
  bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  background-size: 63px 63px !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
  width: 50px !important;
  height: 50px !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  background: transparent url("../img/home/positions-flow-record-v439.png?v=447") center center / 50px 48px no-repeat !important;
  border: none !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after {
  content: none !important;
  display: none !important;
}
@media (max-width: 380px) {
  body[data-route="home"] .m-rb {
    right: 10px !important;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* v441: enlarge records icon and avoid customer-service float clipping */
body[data-route="home"] .m-rb {
  right: max(16px, env(safe-area-inset-right, 0px) + 16px) !important;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  background: transparent url("../img/home/customer-service-float-v439.png?v=447") center center / 63px 63px no-repeat !important;
  background-clip: border-box !important;
}
body[data-route="home"] .m-rb .m-ri {
  width: 72px !important;
  height: 72px !important;
  flex: 0 0 72px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
  width: 54px !important;
  height: 54px !important;
  margin: -2px auto 0 !important;
  border-radius: 50% !important;
  background: transparent url("../img/home/positions-flow-record.png?v=447") center center / 54px 54px no-repeat !important;
  border: none !important;
  box-shadow: none !important;
}
@media (max-width: 380px) {
  body[data-route="home"] .m-rb {
    right: 12px !important;
    bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    background-size: 60px 60px !important;
  }
  body[data-route="home"] .m-rb .m-ri {
    width: 68px !important;
    height: 68px !important;
    flex-basis: 68px !important;
  }
}


/* v443: exact icon refresh from latest user references */
body[data-route="home"] .m-rb {
  right: max(16px, env(safe-area-inset-right, 0px) + 16px) !important;
  bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
  width: 63px !important;
  min-width: 63px !important;
  max-width: 63px !important;
  height: 63px !important;
  min-height: 63px !important;
  max-height: 63px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent url("../img/home/customer-service-float-v443.png?v=447") center center / 63px 63px no-repeat !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
body[data-route="home"] .m-rb .m-ri {
  width: 63px !important;
  height: 63px !important;
  flex: 0 0 63px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
  width: 50px !important;
  height: 50px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  background: transparent url("../img/home/positions-flow-record-v443.png?v=447") center center / 50px 50px no-repeat !important;
  border: none !important;
  box-shadow: none !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after {
  content: none !important;
  display: none !important;
}
@media (max-width: 380px) {
  body[data-route="home"] .m-rb {
    right: 12px !important;
    bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    background-size: 60px 60px !important;
  }
  body[data-route="home"] .m-rb .m-ri {
    width: 60px !important;
    height: 60px !important;
    flex-basis: 60px !important;
  }
}


/* v444: make flow-record icon visually coordinated with withdraw/deposit */
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
  width: 50px !important;
  height: 50px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  background: #f3f3f3 url("../img/home/positions-flow-record-v444.png?v=447") center center / 22px 22px no-repeat !important;
  border: none !important;
  box-shadow: none !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after {
  content: none !important;
  display: none !important;
}


/* v445: enlarge flow-record icon back to coordinated size */
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
  width: 50px !important;
  height: 50px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  background: transparent url("../img/home/positions-flow-record-v445.png?v=447") center center / 50px 50px no-repeat !important;
  border: none !important;
  box-shadow: none !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after {
  content: none !important;
  display: none !important;
}


/* v446: restore flow-record icon 1:1 from latest reference */
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
  width: 50px !important;
  height: 50px !important;
  margin: 0 auto !important;
  border: none !important;
  border-radius: 50% !important;
  background: transparent url("../img/home/positions-flow-record-v446.png?v=447") center center / 48px 48px no-repeat !important;
  box-shadow: none !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after {
  content: none !important;
  display: none !important;
}


/* v447: keep outer gray circle same, set inner flow-record icon to 30px */
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon {
  width: 50px !important;
  height: 50px !important;
  margin: 0 auto !important;
  border: none !important;
  border-radius: 50% !important;
  background: #f3f3f3 url("../img/home/positions-flow-record-v446.png?v=447") center center / 30px 30px no-repeat !important;
  box-shadow: none !important;
}
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::before,
body[data-route="home"] .mobile-positions-page .m-pos-action[data-mobile-action="records"] .m-pos-action-icon::after {
  content: none !important;
  display: none !important;
}