/* Consistent light-blue surfaces and natural typography matched to the banner artwork. */
:root {
  --ui-canvas:#dfe8f3!important;
  --ui-paper:#ffffff!important;
  --ui-faint:#f5f7fa!important;
  --ui-soft:#edf3fa!important;
  --ui-border:#dce5ef!important;
  --ui-placeholder:#8292a7!important;
  --ui-muted:#64758b!important;
  --ui-text:#3d5068!important;
  --ui-ink:#263b55!important;
  --ui-primary:#2b65a5!important;
  --ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --ui-numbers:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
html,body { background:#d1ddea!important;font-family:var(--ui-font)!important; }
#app.gold-theme,#app.gold-theme.home-neutral { background:var(--ui-canvas)!important;font-family:var(--ui-font)!important;-webkit-font-smoothing:antialiased; }
#app.gold-theme button,#app.gold-theme input,#app.gold-theme textarea,#app.gold-theme select,
#app.gold-theme .gold-home,#app.gold-theme .account-page,#app.gold-theme .user_page .right_name,
#app.gold-theme .user_page .center_card,#app.gold-theme .user_page .top_title { font-family:var(--ui-font)!important; }
#app.gold-theme :where(h1,h2,h3,h4,p,span,div,section,header,nav,main,article,form,label,dt,dd,dl,ul,li,small,strong,b,em,button,input,select,textarea,output,a):not(:where(.iconfont,.mintui,.van-icon,[class*="el-icon"],[class*="icon-"])) { font-family:var(--ui-font)!important; }
#app.gold-theme.home-neutral .gold-home {
  position:relative;background:linear-gradient(155deg,#ccdef2 0,#e8f0f9 540px,#dfe8f3 100%)!important;padding:24px 16px 28px!important;
}
#app.gold-theme.home-neutral .gold-home::before {
  content:none;
}
#app.gold-theme .gold-topbar,#app.gold-theme .gold-quick,#app.gold-theme .gold-hero,
#app.gold-theme .gold-services,#app.gold-theme .gold-indices,#app.gold-theme .gold-data-note,#app.gold-theme .gold-news,
#app.gold-theme .gold-search-result { position:relative; }
#app.gold-theme .gold-search { border-radius:22px!important;box-shadow:none!important; }
#app.gold-theme.home-neutral .gold-search {
  height:42px!important;background:#fff!important;border:1px solid #e0e8f2!important;
}
#app.gold-theme .gold-search input { font-size:13px!important;letter-spacing:.1px; }
#app.gold-theme.home-neutral .top-icon { color:#405d7e!important; }
#app.gold-theme .gold-quick { padding:28px 0 26px!important; }
#app.gold-theme .gold-quick button { color:#385a7e!important;gap:8px!important; }
#app.gold-theme .gold-quick .gold-icon { color:#4275a5;width:27px;height:27px; }
#app.gold-theme .gold-quick span { font-size:13px!important;font-weight:400;letter-spacing:0; }
#app.gold-theme .banner-media { border-radius:12px!important;box-shadow:0 2px 8px #163d6c08,0 0 0 1px #dce6f2!important; }
#app.gold-theme .banner-navigation { min-height:26px; }
#app.gold-theme .banner-count { color:#758ba4;font-size:10px;letter-spacing:.3px; }
#app.gold-theme .banner-dot::before { background:#c2d0e1!important; }
#app.gold-theme .banner-dot.is-active::before { background:#5484b5!important; }
#app.gold-theme .gold-services {
  gap:14px 14px!important;margin:20px 0 24px!important;padding:0!important;border:0;
  border-radius:0;background:transparent;box-shadow:none;
}
#app.gold-theme .gold-services button { min-height:76px!important;aspect-ratio:auto;border:1px solid #e4ebf4!important;border-radius:11px!important;background:#fff!important;box-shadow:0 2px 5px #182f4b05!important;gap:9px!important; }
#app.gold-theme .gold-services .gold-icon { color:#527fae!important;width:25px;height:25px;padding:0;box-sizing:border-box;border-radius:0;background:transparent; }
#app.gold-theme .gold-services span { color:#344c68;font-size:12px!important;font-weight:400;letter-spacing:0; }
#app.gold-theme .gold-indices { border:1px solid #e1e8f0!important;border-radius:12px;padding:14px 0!important;box-shadow:0 3px 12px #182f4b04; }
#app.gold-theme .gold-indices .gold-index { padding:0 9px;border-right-color:#e5ebf2; }
#app.gold-theme .index-name { font-size:12px!important;color:#556980;font-weight:500;margin-bottom:8px; }
#app.gold-theme .gold-indices strong { font-family:var(--ui-numbers)!important;font-size:16px!important;font-weight:600;letter-spacing:-.2px; }
#app.gold-theme .index-change { font-size:10px!important;line-height:1.4; }
#app.gold-theme .gold-data-note { margin:9px 2px 18px;color:#6a7a8e!important; }
#app.gold-theme .gold-news { padding:18px 14px 4px;border:1px solid #e1e8f0!important;border-radius:14px;box-shadow:none!important; }
#app.gold-theme .news-heading { gap:8px;margin-bottom:6px; }
#app.gold-theme .news-heading h1 { font-size:17px!important;font-weight:600!important;letter-spacing:.4px; }
#app.gold-theme .news-heading .gold-icon { width:20px;height:20px; }
#app.gold-theme .gold-article { padding:16px 0;border-top-color:#edf1f5!important; }
#app.gold-theme .gold-article h2 { font-size:14px!important;font-weight:500!important;line-height:1.7; }
#app.gold-theme .gold-article small { font-size:10px;letter-spacing:.2px; }
#app.gold-theme .article-art { background:#f0f4f9;border-radius:10px; }

/* Information hierarchy shared by account, market and form screens. */
#app.gold-theme .mint-header-title,#app.gold-theme .top_icon .title,#app.gold-theme .account-nav { font-size:17px!important;font-weight:600!important;letter-spacing:.3px; }
#app.gold-theme .account-panel,#app.gold-theme .wallet-balance-card,#app.gold-theme .user_page .users {
  border:1px solid #e4eaf1!important;box-shadow:0 3px 14px #182f4b05!important;border-radius:14px!important;
}
#app.gold-theme .user_page .center_card .num_price { font-family:var(--ui-numbers)!important;font-size:28px!important;line-height:1.3!important;font-weight:500!important;letter-spacing:-.2px!important; }
#app.gold-theme .wallet-balance-card span,#app.gold-theme .crypto-assets-card>strong { font-family:var(--ui-numbers)!important;font-weight:500!important;letter-spacing:-.4px; }
#app.gold-theme .user_page .center_card .num_box_left { font-size:12px!important;line-height:1.6; }
#app.gold-theme .user_page .center_card .num_box_right { font-family:var(--ui-numbers)!important;font-size:14px!important;font-weight:400!important; }
#app.gold-theme .account-field>span { font-size:12px;font-weight:500;color:#60738a; }
#app.gold-theme .account-field input,#app.gold-theme .account-field select { background:#f7f9fc;border-color:#dce4ee;color:#213d5c; }
#app.gold-theme .tr_list_page>.top_title { background:#f7f9fc!important;border-bottom-color:#dce4ee; }
#app.gold-theme .tr_list_page .list_title { background:transparent!important;color:#6c7d92!important; }
#app.gold-theme .tr_list_page .list .center_price .price_color,#app.gold-theme .crypto-price { font-family:var(--ui-numbers)!important;font-weight:500!important;letter-spacing:-.2px; }
#app.gold-theme .tr_list_page .list .list_items>.item { border-bottom-color:#edf1f5!important; }
#app.gold-theme .gold-primary,#app.gold-theme .account-primary,#app.gold-theme .borrow-primary,
#app.gold-theme .van-button--primary,#app.gold-theme .van-button--info,#app.gold-theme .mint-button--primary {
  background:#2b65a5!important;border-color:#2b65a5!important;color:#fff!important;
  box-shadow:none;font-weight:500!important;letter-spacing:.2px;
}
#app.gold-theme .gold-footer { background:#fbfcfe!important;border-top-color:#dce4ee!important;box-shadow:0 -4px 16px #15334f06!important; }
#app.gold-theme .gold-footer button { font-size:11px!important;font-weight:400;letter-spacing:.2px;color:#748396; }
#app.gold-theme .gold-footer button.active { color:#2b65a5!important;font-weight:500; }
#app.gold-theme .gold-footer .gold-icon { width:22px!important;height:22px!important; }
#app.gold-theme .gold-footer .active .gold-icon { fill:#245c910b; }
#app.gold-theme:lang(en) .gold-services button { min-height:80px!important;height:auto!important;aspect-ratio:auto!important;padding:2px 3px!important; }
#app.gold-theme:lang(en) .gold-services span { font-size:11px!important;line-height:15px!important;white-space:normal!important;overflow-wrap:anywhere; }
#app.gold-theme:lang(en) .gold-indices .index-name { min-height:30px!important;font-size:11px!important;white-space:normal!important;line-height:15px!important; }
@media(max-width:360px) {
  #app.gold-theme.home-neutral .gold-home { padding-left:12px!important;padding-right:12px!important; }
  #app.gold-theme .gold-services { gap:12px 10px!important;padding:0!important; }
  #app.gold-theme .gold-services span { font-size:11px!important; }
  #app.gold-theme .gold-indices strong { font-size:15px!important; }
  #app.gold-theme .index-name { font-size:11px!important; }
}
@media(min-width:481px) { #app.gold-theme { box-shadow:0 12px 50px #15334f24!important; } }