/* Page-specific styles — do NOT override 112.css / 582.css nav rules */

/* ---- Mobile home (target ytt layout) ---- */

/* Home dapp nav — search + bell (data-v-2a29f0b6 from 112.css) */
.nav_mobile_top-dapp[data-v-2a29f0b6] {
  position: fixed; top: 0; left: 0; width: 100%; background: #fff;
  padding: .22rem 0; z-index: 11;
}
.nav_mobile_top-dapp[data-v-2a29f0b6] .nav_content {
  padding: 0 .24rem; display: flex; justify-content: space-between; align-items: center;
}
.nav_mobile_top-dapp[data-v-2a29f0b6] .nav_left { display: flex; align-items: center; }
.nav_mobile_top-dapp[data-v-2a29f0b6] .nav_left .logo { margin-right: .08rem; height: .36rem; }
.nav_mobile_top-dapp[data-v-2a29f0b6] .nav_left .logo img { height: 100%; width: auto; }
.nav_mobile_top-dapp[data-v-2a29f0b6] .nav_left .nav_name {
  padding-bottom: .04rem; font-weight: 700; font-size: .22rem; color: #000;
}
.nav_mobile_top-dapp[data-v-2a29f0b6] .nav_right { display: flex; gap: .12rem; }
.nav_mobile_top-dapp[data-v-2a29f0b6] .nav_right .action {
  width: .36rem; height: .36rem; border: .02rem solid #000; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; box-sizing: border-box;
  text-decoration: none;
}
.nav_mobile_top-dapp[data-v-2a29f0b6] .nav_right .action img { width: .18rem; height: .18rem; }

/* Wallet stacked cards */
.home.home-mobile[data-v-5f8a2430] .home-wallet-cards[data-v-4df26e2a] {
  height: 2.4rem; margin-bottom: .15rem; position: relative; overflow: hidden;
}
.home.home-mobile[data-v-5f8a2430] .home-wallet-cards .cards[data-v-4df26e2a] {
  background: linear-gradient(265deg, #666 -6.96%, #333 129.37%);
}
.home.home-mobile[data-v-5f8a2430] .home-wallet-cards .cards.clicked[data-v-4df26e2a] {
  background: linear-gradient(135deg, #3f6212 0%, #84cc16 55%, #a3e635 100%);
}
.home.home-mobile[data-v-5f8a2430] .home-wallet-cards .cards.cards1[data-v-4df26e2a] {
  background: linear-gradient(135deg, #312e81 0%, #4338ca 50%, #6366f1 100%);
}
.home.home-mobile[data-v-5f8a2430] .cards-main .iconlogo .coin-brand {
  font-size: .12rem; font-weight: 600; color: rgba(255,255,255,.85);
  text-transform: capitalize; letter-spacing: .01rem;
}
.home.home-mobile[data-v-5f8a2430] .cards-main .schedule img {
  width: .12rem; height: .12rem; vertical-align: middle; margin-right: .04rem;
}
.home.home-mobile[data-v-5f8a2430] .cards-main .schedule {
  color: rgba(255,255,255,.75); font-size: .12rem;
}

/* Dark promo cards — target #1f1f1f */
.home.home-mobile[data-v-5f8a2430] .content .new-feature[data-v-5f8a2430],
.home.home-mobile[data-v-5f8a2430] .content .wallet[data-v-5f8a2430],
.home.home-mobile[data-v-5f8a2430] .content .info-buttons[data-v-5f8a2430] {
  background: var(--color-bg-dark, #1f1f1f);
}

.home.home-mobile[data-v-5f8a2430] .content .wallet[data-v-5f8a2430] {
  border: none; cursor: pointer;
}
.home.home-mobile[data-v-5f8a2430] .content .wallet .msg-content {
  color: #fff; font-weight: 500;
}

.home.home-mobile[data-v-5f8a2430] a.info-buttons {
  display: block; text-decoration: none; color: inherit;
}
.home.home-mobile[data-v-5f8a2430] .content .info-buttons .info-text2[data-v-5f8a2430] {
  font-size: .22rem; font-weight: 500; line-height: 1.3;
}
.home.home-mobile[data-v-5f8a2430] .content .info-buttons .info-text1[data-v-5f8a2430] {
  font-size: .14rem; margin-top: .1rem;
}

/* Link resets inside Vue-scoped blocks (inherit target colors) */
.home[data-v-5f8a2430] a, .home-mobile[data-v-5f8a2430] a,
.box-lists[data-v-23981ac4] a, .box-lists-mobile[data-v-23981ac4] a { text-decoration: none; color: inherit; }
.butttons2[data-v-5f8a2430] { text-decoration: none; color: inherit; display: block; }
.butttons2-icon[data-v-5f8a2430] img, .butttons2-icon1[data-v-5f8a2430] img { width: .46rem; }
.home-mobile[data-v-5f8a2430] .wallet { text-decoration: none; color: inherit; }
.home-mobile[data-v-5f8a2430] .info-button { text-decoration: none; display: block; color: var(--color-text); }
.home-mobile[data-v-5f8a2430] .action-btn { text-decoration: none; color: inherit; }

/* PC connect wallet — yellow gradient per 582.css */
.nav_pc[data-v-42e7b321] .actions_content .action.sign {
  border: none;
  background: var(--gradient-cta);
}

/* Mobile nav connect — ensure text-only style wins over .action circle */
.nav_mobile_top[data-v-66896b04] .nav_content .nav_right .action.btn {
  width: auto !important;
  height: auto !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  font-weight: 700;
  font-size: .22rem;
  color: var(--color-text);
  padding: 0;
}
.nav_mobile_top.is-home[data-v-66896b04] .mobile-lang-btn { display: none; }

/* Sub-page content offset below fixed mobile nav */
.page-mobile-offset { padding-top: .9rem; }
.page-mobile-offset .box-lists-mobile[data-v-23981ac4] { margin-top: .12rem; }

/* Mobile home — news dark panel (112.css white titles on #333) */
.home-mobile[data-v-5f8a2430] .content .news-container[data-v-5f8a2430] {
  background: var(--color-bg-dark, #1f1f1f);
  border-radius: var(--radius-lg);
  padding: .2rem .16rem .24rem;
}
.home-mobile[data-v-5f8a2430] .content .news-container .news-title .all[data-v-5f8a2430] { text-decoration: none; color: inherit; }
.home-mobile[data-v-5f8a2430] .content .news-container .news-item[data-v-5f8a2430] { text-decoration: none; color: inherit; }
.home-mobile[data-v-5f8a2430] .content .news-container .news-item .item-info .item-title[data-v-5f8a2430] { color: var(--color-text-inverse); }
.home-mobile[data-v-5f8a2430] .content .info-policy .info_item .item_name[data-v-5f8a2430] {
  text-decoration: none; color: var(--color-text-secondary); display: block;
}
.home-mobile[data-v-5f8a2430] .content .info-policy .info_item .info_title[data-v-5f8a2430] { color: var(--color-text); }

.smart-mobile-list[data-v-4df26e2a] { padding-left: .24rem; padding-right: .24rem; box-sizing: border-box; }

/* Market mobile tabs — match target active #333 */
.market-tabs-mobile {
  display: flex; gap: .12rem; padding: .12rem .24rem .08rem; overflow-x: auto;
  background: var(--color-bg);
}
.market-tabs-mobile .tab {
  flex-shrink: 0; padding: .08rem .2rem; border-radius: var(--radius-pill); border: none;
  background: rgba(0,0,0,.06); font-size: .14rem; color: var(--color-text-muted);
  font-family: inherit; cursor: pointer;
}
.market-tabs-mobile .tab.active { background: var(--color-bg-dark); color: var(--color-text-inverse); }

/* ---- Smart Trading PC ---- */
.smart-page-pc[data-v-4df26e2a] { max-width: 12rem; margin: 0 auto; padding: 1rem .6rem .5rem; }
.smart-page-pc[data-v-4df26e2a] .page-title { font-size: .48rem; font-weight: 700; margin-bottom: .16rem; color: var(--color-text); }
.smart-page-pc[data-v-4df26e2a] .page-desc { color: var(--color-text-muted); font-size: .18rem; margin-bottom: .4rem; }
.smart-page-pc[data-v-4df26e2a] .smart-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .16rem; }
.smart-page-pc[data-v-4df26e2a] .smart-pc-card {
  background: var(--gradient-card);
  border-radius: var(--radius-md); padding: .3rem .4rem; color: var(--color-text-inverse);
  display: flex; justify-content: space-between; align-items: center;
  position: relative; overflow: hidden;
}
.smart-page-pc[data-v-4df26e2a] .smart-pc-card::after {
  content: ''; position: absolute; inset: 0; opacity: .15;
  background: url('../img/noise.4d21caf6.png') repeat; pointer-events: none;
}
.smart-page-pc[data-v-4df26e2a] .smart-pc-card > div { position: relative; z-index: 1; }
.smart-page-pc[data-v-4df26e2a] .smart-pc-card .range { font-size: .14rem; color: rgba(255,255,255,.7); }
.smart-page-pc[data-v-4df26e2a] .smart-pc-card .rate { font-size: .24rem; font-weight: 700; margin-top: .08rem; }
.smart-page-pc[data-v-4df26e2a] .smart-pc-card .days { font-size: .14rem; color: rgba(255,255,255,.7); text-align: right; }
.smart-page-pc[data-v-4df26e2a] .smart-pc-card .btn-invest {
  margin-top: .08rem; height: .36rem; padding: 0 .2rem; border-radius: .24rem;
  border: .01rem solid #fff; background: transparent; color: #fff; font-size: .14rem; cursor: pointer;
}

/* ---- Loan ---- */
.loan_wrapper[data-v-loan001] { padding-bottom: 1rem; }
.loan_wrapper.pc[data-v-loan001] { max-width: 10rem; margin: 0 auto; padding: 1rem .6rem; }
.loan_wrapper.mobile[data-v-loan001] { padding: .9rem .24rem 1.5rem; }
.loan_borrow[data-v-loan001] .loan-title { font-weight: 700; color: #000; }
.loan_wrapper.pc[data-v-loan001] .loan-title { font-size: .48rem; margin-bottom: .16rem; }
.loan_wrapper.mobile[data-v-loan001] .loan-title { font-size: .28rem; margin-bottom: .24rem; }
.loan_wrapper.pc[data-v-loan001] .loan-sub { color: rgba(0,0,0,.5); font-size: .18rem; margin-bottom: .4rem; }
.loan_wrapper.pc[data-v-loan001] .loan-table { width: 100%; border-collapse: collapse; font-size: .16rem; }
.loan_wrapper.pc[data-v-loan001] .loan-table thead tr { color: rgba(0,0,0,.5); border-bottom: 1px solid rgba(0,0,0,.1); }
.loan_wrapper.pc[data-v-loan001] .loan-table th { padding: .16rem; text-align: left; font-weight: 400; }
.loan_wrapper.pc[data-v-loan001] .loan-table th:nth-child(2), .loan_wrapper.pc[data-v-loan001] .loan-table th:nth-child(3) { text-align: center; }
.loan_wrapper.pc[data-v-loan001] .loan-table th:last-child { text-align: right; }
.loan_wrapper.pc[data-v-loan001] .loan-table td { padding: .2rem .16rem; border-bottom: 1px solid rgba(0,0,0,.05); }
.loan_wrapper.pc[data-v-loan001] .loan-table td:nth-child(2), .loan_wrapper.pc[data-v-loan001] .loan-table td:nth-child(3) { text-align: center; }
.loan_wrapper.pc[data-v-loan001] .loan-table td:last-child { text-align: right; }
.loan_wrapper.pc[data-v-loan001] .loan-rate { color: #44b400; font-weight: 500; }
.loan_wrapper.mobile[data-v-loan001] .loan-card {
  background: #fff; border: 1px solid #333; border-radius: .16rem; padding: .16rem; margin-bottom: .08rem;
}
.loan_wrapper.mobile[data-v-loan001] .loan-card-inner { display: flex; justify-content: space-between; align-items: center; }
.loan_wrapper.mobile[data-v-loan001] .loan-amount { font-size: .14rem; font-weight: 500; }
.loan_wrapper.mobile[data-v-loan001] .loan-days { font-size: .12rem; color: rgba(0,0,0,.5); margin-top: .04rem; }
.loan_wrapper.mobile[data-v-loan001] .loan-rate-m { font-size: .14rem; color: #44b400; font-weight: 500; text-align: right; }
.loan_wrapper.mobile[data-v-loan001] .loan-apply {
  margin-top: .06rem; height: .32rem; padding: 0 .12rem; font-size: .12rem;
  border: .01rem solid #000; border-radius: .24rem; background: #fff; cursor: pointer; font-family: inherit;
}

/* ---- Profile ---- */
.profile-pc[data-v-acct001] { max-width: 8rem; margin: 0 auto; padding: 1rem .6rem; }
.profile-mobile[data-v-acct001] { padding: .9rem .24rem 1.5rem; }
.profile-mobile[data-v-acct001] .profile-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: .12rem; margin-bottom: .24rem;
}
.profile-mobile[data-v-acct001] .profile-grid-item {
  display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #000;
  font-size: .1rem; text-align: center; gap: .06rem;
}
.profile-mobile[data-v-acct001] .profile-grid-item img { width: .28rem; height: .28rem; }
.account-card[data-v-acct001] {
  background: var(--color-bg-dark, #333); border-radius: var(--radius-md, .16rem); padding: .4rem; color: var(--color-text-inverse, #fff); margin-bottom: .2rem;
}
.account-card[data-v-acct001] .balance-label { font-size: .14rem; color: rgba(255,255,255,.7); }
.account-card[data-v-acct001] .balance-value { font-size: .48rem; font-weight: 700; margin-top: .1rem; }
.account-card[data-v-acct001] .wallet-addr { margin-top: .16rem; font-size: .14rem; color: rgba(255,255,255,.6); word-break: break-all; }
.account-card[data-v-acct001] .vip-row { margin-top: .16rem; display: flex; align-items: center; gap: .08rem; }
.account-card[data-v-acct001] .vip-row img { height: .24rem; }
.account-card[data-v-acct001] .vip-row span { font-size: .14rem; color: rgba(255,255,255,.7); }
.account-menu[data-v-acct001] { list-style: none; padding: 0; margin: 0; }
.account-menu[data-v-acct001] li { border-bottom: 1px solid rgba(0,0,0,.08); }
.account-menu[data-v-acct001] li a {
  display: flex; justify-content: space-between; align-items: center;
  padding: .2rem 0; text-decoration: none; color: #000; font-size: .16rem;
}
.account-menu[data-v-acct001] .menu-left { display: flex; align-items: center; gap: .12rem; }
.account-menu[data-v-acct001] .menu-left img { width: .24rem; height: .24rem; }
.account-menu[data-v-acct001] .menu-arrow { width: .12rem; transform: rotate(-90deg); opacity: .3; }
.profile-subpanel[data-v-acct001] { margin-top: .3rem; padding: .24rem; background: var(--color-bg-subtle, #f9f9f9); border-radius: var(--radius-sm, .12rem); }
.profile-subpanel[data-v-acct001] h3 { font-size: .2rem; margin-bottom: .16rem; }
.profile-empty[data-v-acct001] { text-align: center; padding: 1rem 0; }
.profile-empty[data-v-acct001] img { width: 1rem; margin-bottom: .3rem; }

@media (min-width: 769px) {
  .smart-mobile-list[data-v-4df26e2a] { display: none !important; }
  .loan_wrapper.mobile[data-v-loan001] { display: none !important; }
  .profile-mobile[data-v-acct001] { display: none !important; }
}

/* PC home big cards as links */
.home-body .box-butttons1 a.buttons-big[data-v-5f8a2430] {
  display: block; text-decoration: none; color: inherit; cursor: pointer;
}

/* Market filter empty state */
.market-empty[data-v-23981ac4] {
  text-align: center; padding: .6rem .24rem 1rem; color: var(--color-text-muted); font-size: .16rem;
}
.market-empty.show-mobile { font-size: .14rem; padding-top: .24rem; }

/* ---- Currency / Trading (418 chunk, data-v-008fdd80) ---- */
.currency[data-v-008fdd80],
.currency-mobile[data-v-008fdd80] {
  box-sizing: border-box;
}
.currency[data-v-008fdd80] {
  max-width: 12rem; margin: 0 auto; padding: 1rem .6rem 1.2rem;
}
.currency-mobile[data-v-008fdd80] {
  padding: .9rem .24rem 1.5rem;
}
.currency[data-v-008fdd80] .title,
.currency-mobile[data-v-008fdd80] .title {
  display: flex; align-items: center; gap: .12rem; margin-bottom: .2rem;
}
.currency[data-v-008fdd80] .title > img:first-child,
.currency-mobile[data-v-008fdd80] .title > img:first-child {
  width: .4rem; height: .4rem; border-radius: 50%; object-fit: cover; flex-shrink: 0;
}
.currency[data-v-008fdd80] .collect-icon,
.currency-mobile[data-v-008fdd80] .collect-icon {
  width: .32rem; height: .32rem; margin-left: auto; cursor: pointer; flex-shrink: 0;
}
.currency[data-v-008fdd80] .chart-title-number,
.currency-mobile[data-v-008fdd80] .chart-title-number {
  font-size: .24rem; font-weight: 700; line-height: 1.2;
}
.currency-mobile[data-v-008fdd80] .chart-title-number { font-size: .18rem; }
.currency[data-v-008fdd80] .chart-title-number-rand,
.currency-mobile[data-v-008fdd80] .chart-title-number-rand {
  font-size: .2rem; font-weight: 700; color: #44b400; margin-top: .04rem;
}
.currency-mobile[data-v-008fdd80] .chart-title-number-rand { font-size: .16rem; }
.currency[data-v-008fdd80] .chart-title-number-rand.down,
.currency-mobile[data-v-008fdd80] .chart-title-number-rand.down { color: #ff2828; }
.currency[data-v-008fdd80] .chart-title-number-rand span,
.currency-mobile[data-v-008fdd80] .chart-title-number-rand span { font-size: .14rem; margin-left: .06rem; }
.currency[data-v-008fdd80] .chart-page,
.currency-mobile[data-v-008fdd80] .chart-page {
  background: #fafafa; border-radius: .12rem; overflow: hidden; margin-bottom: .2rem;
}
.currency[data-v-008fdd80] .chart-header,
.currency-mobile[data-v-008fdd80] .chart-header1 {
  padding: .16rem .2rem 0;
}
.currency[data-v-008fdd80] .chart-info,
.currency-mobile[data-v-008fdd80] .chart-info {
  display: flex; flex-wrap: wrap; gap: .12rem .24rem; font-size: .12rem; color: rgba(0,0,0,.5);
}
.currency-mobile[data-v-008fdd80] .chart-info {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: .08rem;
}
.currency[data-v-008fdd80] .chart-infos span:last-child,
.currency-mobile[data-v-008fdd80] .chart-infos span:last-child { color: #000; font-weight: 500; }
.currency[data-v-008fdd80] .chart-infos .up { color: #44b400 !important; }
.currency[data-v-008fdd80] .chart-infos .down { color: #ff2828 !important; }
.currency[data-v-008fdd80] .chart-buttons,
.currency-mobile[data-v-008fdd80] .chart-buttons {
  display: flex; gap: .12rem; padding: .12rem .2rem;
}
.currency[data-v-008fdd80] .chart-button,
.currency-mobile[data-v-008fdd80] .chart-button {
  padding: .08rem .2rem; border-radius: .2rem; border: 1px solid #ddd;
  background: #fff; font-size: .14rem; cursor: pointer; font-family: inherit;
}
.currency[data-v-008fdd80] .chart-button.active,
.currency-mobile[data-v-008fdd80] .chart-button.active {
  background: #333; color: #fff; border-color: #333;
}
.currency[data-v-008fdd80] .chart-body,
.currency-mobile[data-v-008fdd80] .chart-body {
  height: 3.2rem; padding: 0 .12rem .12rem;
}
.currency-mobile[data-v-008fdd80] .chart-body { height: 2.6rem; }
.currency[data-v-008fdd80] .chart-svg,
.currency-mobile[data-v-008fdd80] .chart-svg { width: 100%; height: 100%; display: block; }
.currency[data-v-008fdd80] .inputs-count,
.currency-mobile[data-v-008fdd80] .inputs-count { margin-bottom: .16rem; }
.currency[data-v-008fdd80] .titles,
.currency-mobile[data-v-008fdd80] .titles {
  font-size: .12rem; color: rgba(0,0,0,.5); margin-bottom: .06rem;
}
.currency[data-v-008fdd80] .contents input,
.currency-mobile[data-v-008fdd80] .contents input {
  width: 100%; height: .48rem; border: 1px solid rgba(0,0,0,.1); border-radius: .08rem;
  padding: 0 .12rem; font-size: .16rem; box-sizing: border-box; font-family: inherit;
}
.currency[data-v-008fdd80] .avail-text,
.currency-mobile[data-v-008fdd80] .avail-text {
  font-size: .12rem; color: rgba(0,0,0,.5); margin-bottom: .16rem;
}
.currency[data-v-008fdd80] .button-list,
.currency-mobile[data-v-008fdd80] .button-list {
  display: flex; gap: .12rem; margin-bottom: .16rem;
}
.currency[data-v-008fdd80] .button,
.currency-mobile[data-v-008fdd80] .button {
  flex: 1; height: .48rem; border: none; border-radius: .08rem;
  font-size: .16rem; font-weight: 600; color: #fff; cursor: pointer; font-family: inherit;
}
.currency[data-v-008fdd80] .buy-btn,
.currency-mobile[data-v-008fdd80] .buy-btn { background: #44b400; }
.currency[data-v-008fdd80] .sell-btn,
.currency-mobile[data-v-008fdd80] .sell-btn { background: #ff2828; }
.currency[data-v-008fdd80] .content-down-button,
.currency-mobile[data-v-008fdd80] .content-down-button {
  display: flex; align-items: center; justify-content: center; gap: .06rem;
  font-size: .14rem; color: rgba(0,0,0,.5); text-decoration: none; margin-top: .12rem;
}
.currency[data-v-008fdd80] .content-down-button img,
.currency-mobile[data-v-008fdd80] .content-down-button img { width: .16rem; height: .16rem; }
.currency[data-v-008fdd80] .change-btn .box-butttons,
.currency-mobile[data-v-008fdd80] .content {
  background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: .16rem; padding: .2rem;
}
@media (min-width: 769px) {
  .currency-mobile[data-v-008fdd80] { display: none !important; }
}
@media (max-width: 768px) {
  .currency[data-v-008fdd80] { display: none !important; }
}