/* PNYX Premium Theme - 黑金霸道风格 */
@font-face {
  font-family: 'DIN-Lux';
  src: url('/h5/static/DIN-Regular.ttf') format('truetype');
  font-display: swap;
}

:root {
  --lux-gold: #d4af37;
  --lux-gold-light: #f5e6b8;
  --lux-gold-mid: #e8c872;
  --lux-gold-dark: #8b6914;
  --lux-bg: #06060a;
  --lux-surface: #101018;
  --lux-surface-2: #181822;
  --lux-border: rgba(212, 175, 55, 0.22);
  --lux-glow: rgba(212, 175, 55, 0.35);
}

html, body, uni-page-body, page, #app {
  background: var(--lux-bg) !important;
  background-image:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(212, 175, 55, 0.08) 0%, transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(212, 175, 55, 0.05) 0%, transparent 50%),
    linear-gradient(180deg, #0c0c12 0%, #06060a 100%) !important;
  color: #e8e8ec !important;
  font-family: 'DIN-Lux', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* 全局背景色覆盖 - 高优先级覆盖 scoped 样式 */
html body .bg-black,
html body .bg-333,
html body [class*="bg-black"],
html body [class*="bg-333"] {
  background: linear-gradient(145deg, #16161f 0%, #0e0e14 100%) !important;
}

html body .bg-secondary,
html body [class*="bg-secondary"] {
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html body .bg-white {
  background: var(--lux-surface-2) !important;
}

html body .bg-primary,
html body [class*="bg-primary"] {
  background: linear-gradient(135deg, #f5e6b8 0%, #d4af37 45%, #9a7b2e 100%) !important;
  box-shadow: 0 4px 20px var(--lux-glow) !important;
}

html body .text-primary,
html body [class*="text-primary"] {
  color: var(--lux-gold-mid) !important;
}

.text-warning,
.warning-button,
[class*="text-warning"] {
  color: var(--lux-gold-light) !important;
}

.warning-button,
.tag-warning {
  background: linear-gradient(135deg, #e8c872 0%, #c9a227 50%, #8b6914 100%) !important;
  border: none !important;
  box-shadow: 0 6px 24px rgba(201, 162, 39, 0.45) !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}

.text-success { color: #3dd68c !important; }
.text-error { color: #ff6b7a !important; }

/* 首页导航卡片 */
.home-nav,
[class*="home-nav"] {
  background: linear-gradient(160deg, rgba(26, 26, 36, 0.95) 0%, rgba(14, 14, 20, 0.98) 100%) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: 16px !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  overflow: hidden !important;
}

.home-title-item,
[class*="home-title-item"] {
  color: var(--lux-gold-light) !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
}

/* ===== 金额高对比度显示（核心修复）===== */
html body .text-black,
html body [class*="text-black"] {
  color: #fff8e7 !important;
  -webkit-text-fill-color: #fff8e7 !important;
}

html body .text-white,
html body [class*="text-white"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .text-secondary,
html body [class*="text-secondary"] {
  color: #c8c8d4 !important;
  -webkit-text-fill-color: #c8c8d4 !important;
}

html body .text-333,
html body [class*="text-333"] {
  color: #e0e0ea !important;
  -webkit-text-fill-color: #e0e0ea !important;
}

/* 大号金额 - 亮金色实体字 + 光晕，不用透明渐变 */
html body .font-size-44:not(.iconfont),
html body .font-size-48:not(.iconfont),
html body .font-size-50:not(.iconfont),
html body .font-size-52:not(.iconfont),
html body .font-size-54:not(.iconfont),
html body .font-size-56:not(.iconfont),
html body .font-size-58:not(.iconfont),
html body .font-size-60:not(.iconfont),
html body .font-size-62:not(.iconfont),
html body .font-size-64:not(.iconfont),
html body .font-size-66:not(.iconfont),
html body .font-size-68:not(.iconfont),
html body .font-size-70:not(.iconfont),
html body .font-size-72:not(.iconfont),
html body .font-size-74:not(.iconfont),
html body .font-size-76:not(.iconfont),
html body .font-size-78:not(.iconfont) {
  color: #ffe9a8 !important;
  -webkit-text-fill-color: #ffe9a8 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  text-shadow:
    0 0 20px rgba(255, 215, 100, 0.55),
    0 2px 4px rgba(0, 0, 0, 0.8) !important;
  font-family: 'DIN-Lux', 'DIN Alternate', 'Helvetica Neue', sans-serif !important;
}

/* 资产卡片内盈亏数字 */
html body .font-size-28:not(.success-button):not(.error-button):not(.warning-button):not(.secondary-button):not(.iconfont),
html body .font-size-30:not(.success-button):not(.error-button):not(.warning-button):not(.secondary-button):not(.iconfont),
html body .font-size-32:not(.success-button):not(.error-button):not(.warning-button):not(.secondary-button):not(.iconfont),
html body .font-size-34:not(.success-button):not(.error-button):not(.warning-button):not(.secondary-button):not(.iconfont),
html body .font-size-36:not(.success-button):not(.error-button):not(.warning-button):not(.secondary-button):not(.iconfont) {
  color: #f0f0f8 !important;
  -webkit-text-fill-color: #f0f0f8 !important;
  background: none !important;
  font-weight: 700 !important;
}

.font-weight-bold {
  font-weight: 800 !important;
}

/* 资产卡片容器加强 */
html body .box-shadow.border-radius-20,
html body .border-radius-20.box-shadow {
  background: linear-gradient(160deg, #1e1e2a 0%, #12121c 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(212, 175, 55, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* 帐变记录按钮更霸气 */
html body .warning-button,
html body [class*="warning-button"] {
  background: linear-gradient(135deg, #ffe9a8 0%, #d4af37 40%, #a07820 100%) !important;
  color: #1a1008 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.6) !important;
}

/* 卡片通用 */
.box-shadow,
[class*="box-shadow"] {
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.5),
    0 0 0 1px var(--lux-border) !important;
}

.border-radius-10,
.border-radius-20 {
  border: 1px solid var(--lux-border) !important;
}

/* 底部导航栏 */
uni-tabbar .uni-tabbar {
  background: linear-gradient(180deg, rgba(16, 16, 24, 0.98) 0%, rgba(8, 8, 12, 0.99) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-top: 1px solid var(--lux-border) !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.6) !important;
}

uni-tabbar .uni-tabbar__label {
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  font-weight: 500 !important;
}

uni-tabbar .uni-tabbar-border {
  background: var(--lux-border) !important;
  opacity: 0.5 !important;
}

/* 公告栏 */
.notice-bar,
[class*="notice"],
uni-notice-bar {
  background: rgba(212, 175, 55, 0.08) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: 8px !important;
}

/* 锁仓挖矿卡片 */
.earnings-wrap,
.earnings,
[class*="earnings"] {
  background: linear-gradient(160deg, #1a1a26 0%, #12121a 100%) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4) !important;
}

/* 行情列表 */
.d-grid,
.d-flex-between-center {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* 按钮 */
.btn, .btn2, button,
uni-button {
  border-radius: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

uni-button[type="primary"],
.primary-button {
  background: linear-gradient(135deg, #f5e6b8 0%, #d4af37 50%, #9a7b2e 100%) !important;
  color: #1a1208 !important;
  border: none !important;
  box-shadow: 0 6px 24px var(--lux-glow) !important;
}

/* 输入框 */
uni-input, input, .trade-input,
.uni-input-input {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(212, 175, 55, 0.15) !important;
  border-radius: 10px !important;
  color: #f0f0f4 !important;
}

/* 弹窗 */
uni-modal .uni-modal {
  background: linear-gradient(180deg, #1c1c28 0%, #12121a 100%) !important;
  border: 1px solid var(--lux-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.7) !important;
}

uni-modal .uni-modal__title {
  color: var(--lux-gold-light) !important;
  font-weight: 600 !important;
}

uni-modal .uni-modal__bd {
  color: #b0b0b8 !important;
}

uni-modal .uni-modal__btn_primary {
  color: var(--lux-gold-mid) !important;
  font-weight: 600 !important;
}

/* Toast */
uni-toast .uni-simple-toast__text,
uni-toast .uni-toast {
  background: rgba(18, 18, 26, 0.92) !important;
  border: 1px solid var(--lux-border) !important;
  color: var(--lux-gold-light) !important;
  backdrop-filter: blur(12px) !important;
}

/* 分割线 */
.border-bottom,
.border-top,
.after-border {
  border-color: rgba(212, 175, 55, 0.12) !important;
}

/* 快捷买币 / 资产总览卡片 - 核心可读性修复 */
html body .deposit,
html body [class*="deposit"] {
  background: linear-gradient(160deg, #1f1a14 0%, #141218 55%, #0c0c12 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.65),
    0 0 30px rgba(212, 175, 55, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

html body .deposit *,
html body .deposit [class*="font-size"],
html body .deposit [class*="text-"],
html body .deposit uni-text,
html body .deposit .iconfont {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* 顶部主资产金额 - 超大亮金 */
html body .deposit .font-size-40,
html body .deposit .font-size-48,
html body .deposit .font-size-50,
html body .deposit .font-size-56,
html body .deposit .font-size-60,
html body .deposit .font-size-44,
html body .deposit .font-size-46,
html body .deposit .font-size-52,
html body .deposit .font-size-54,
html body .deposit .font-size-58,
html body .deposit .font-size-62,
html body .deposit .font-size-64,
html body .deposit .font-size-66,
html body .deposit .font-size-68,
html body .deposit .font-size-70,
html body .deposit .font-size-72 {
  color: #ffdf80 !important;
  -webkit-text-fill-color: #ffdf80 !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.25 !important;
  text-shadow:
    0 0 12px rgba(255, 215, 80, 0.45),
    0 1px 4px rgba(0, 0, 0, 0.8) !important;
}

/* USDT 单位 */
html body .deposit .font-size-22:not(.opacity-50) {
  color: #f5e6b8 !important;
  -webkit-text-fill-color: #f5e6b8 !important;
  font-weight: 600 !important;
}

/* 折合 USD 副标题 */
html body .deposit .opacity-50,
html body .deposit [class*="opacity-50"] {
  color: #d8d8e4 !important;
  -webkit-text-fill-color: #d8d8e4 !important;
  opacity: 0.85 !important;
}

/* 总资产折合 标题 */
html body .deposit .font-size-28 {
  color: #e8e8f0 !important;
  -webkit-text-fill-color: #e8e8f0 !important;
  font-weight: 500 !important;
}

/* 盈亏区域 */
html body .deposit .earnings,
html body .deposit .earnings-wrap {
  background: rgba(0, 0, 0, 0.35) !important;
  border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
  border-radius: 0 0 14px 14px !important;
}

html body .deposit .earnings .font-size-34,
html body .deposit .earnings .font-size-36 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.15) !important;
}

html body .deposit .earnings .font-size-22 {
  color: #c0c0cc !important;
  -webkit-text-fill-color: #c0c0cc !important;
}

/* 涨跌幅颜色增强 */
.up, .text-success, [class*="rise"] {
  color: #3dd68c !important;
  text-shadow: 0 0 12px rgba(61, 214, 140, 0.3);
}

.down, .text-error, [class*="fall"] {
  color: #ff6b7a !important;
  text-shadow: 0 0 12px rgba(255, 107, 122, 0.3);
}

/* 滚动区域微调 */
uni-scroll-view {
  background: transparent !important;
}

/* 图标金色滤镜（浅色图标） */
.filter-gray {
  filter: sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1) !important;
  opacity: 0.9 !important;
}

/* 顶部导航标题 */
.uni-page-head,
uni-page-head {
  background: rgba(8, 8, 12, 0.95) !important;
  border-bottom: 1px solid var(--lux-border) !important;
}

/* 列表项悬停感 */
.article,
[class*="list-item"] {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* 客服浮动按钮 */
[class*="kefu"],
[class*="service"] {
  box-shadow: 0 4px 20px var(--lux-glow) !important;
}

/* 轮播指示器 */
uni-swiper .uni-swiper-dot {
  background: rgba(255, 255, 255, 0.25) !important;
}

uni-swiper .uni-swiper-dot-active {
  background: var(--lux-gold) !important;
  width: 18px !important;
  border-radius: 4px !important;
}

/* 交易页买卖按钮 */
.buy-btn, [class*="buy-btn"] {
  background: linear-gradient(135deg, #3dd68c 0%, #28ba98 100%) !important;
  box-shadow: 0 4px 16px rgba(61, 214, 140, 0.35) !important;
}

.sell-btn, [class*="sell-btn"] {
  background: linear-gradient(135deg, #ff8a96 0%, #f04a5a 100%) !important;
  box-shadow: 0 4px 16px rgba(240, 74, 90, 0.35) !important;
}

/* 空状态文字 */
.text-center, .color-999, [class*="color-999"] {
  color: #888894 !important;
}

/* 加载动画金色化 */
.shape1 { background-color: var(--lux-gold-light) !important; }
.shape2 { background-color: var(--lux-gold) !important; }
.shape3 { background-color: var(--lux-gold-dark) !important; }
.shape4 { background-color: #f5e6b8 !important; }

/* ?????? / ??? iconfont ??? - ??????????????? */
html body .iconfont,
html body .iconfont:before {
  font-family: "iconfont" !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  text-shadow: none !important;
  font-weight: normal !important;
  letter-spacing: normal !important;
}

html body .iconfont.text-white,
html body .iconfont.text-white:before,
html body .text-white.iconfont,
html body .text-white.iconfont:before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .iconfont.icon-USDT {
  position: relative !important;
  display: inline-block !important;
  min-width: 1em !important;
  min-height: 1em !important;
}

html body .iconfont.icon-USDT:before {
  font-family: "iconfont" !important;
  content: "\e66b" !important;
}

html body .border-radius-50per .iconfont.icon-USDT {
  background: url('/h5/static/image/icon/icon-USDT.png') center / 72% no-repeat !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html body .border-radius-50per .iconfont.icon-USDT:before {
  content: '' !important;
  display: none !important;
}

/* trade page buy/sell buttons */
html body uni-button.success-button,
html body .success-button,
html body uni-button.error-button,
html body .error-button,
html body uni-button.warning-button,
html body .warning-button {
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  letter-spacing: 0.02em !important;
}

html body uni-button.success-button,
html body .success-button {
  background: linear-gradient(0deg, #0ba360 0%, #3cba92 100%) !important;
  background-color: #28ba98 !important;
  box-shadow: 0 4px 16px rgba(40, 186, 152, 0.45) !important;
}

html body uni-button.error-button,
html body .error-button {
  background: linear-gradient(180deg, #f77062 0%, #fe5196 100%) !important;
  background-color: #f77062 !important;
  box-shadow: 0 4px 16px rgba(254, 81, 150, 0.35) !important;
}

html body uni-button.warning-button,
html body .warning-button {
  background: linear-gradient(135deg, #e8c872 0%, #c9a227 50%, #8b6914 100%) !important;
  color: #1a1008 !important;
  -webkit-text-fill-color: #1a1008 !important;
  box-shadow: 0 4px 16px rgba(201, 162, 39, 0.45) !important;
}

/* ===== ????/?? - ??????? ===== */
html body .u-popup,
html body .u-drawer,
html body .u-mode-center-box,
html body .uni-popup,
html body uni-modal .uni-modal {
  color: #1a1a24 !important;
}

html body .u-popup .p-30,
html body .u-mode-center-box,
html body .uni-popup__wrapper-box {
  background: #ffffff !important;
  color: #1a1a24 !important;
}

/* ???????????????????? */
html body .u-popup .text-black,
html body .u-popup [class*="text-black"],
html body .u-mode-center-box .text-black,
html body .uni-modal .text-black {
  color: #1a1a24 !important;
  -webkit-text-fill-color: #1a1a24 !important;
}

html body .u-popup .text-333,
html body .u-popup [class*="text-333"],
html body .u-popup .font-weight-bold,
html body .u-popup [class*="font-size-"],
html body .u-mode-center-box [class*="font-size-"],
html body .uni-modal [class*="font-size-"] {
  color: #1a1a24 !important;
  -webkit-text-fill-color: #1a1a24 !important;
  text-shadow: none !important;
  background: none !important;
  font-weight: 600 !important;
}

html body .u-popup .opacity-50,
html body .u-popup [class*="opacity-50"],
html body .u-mode-center-box .opacity-50 {
  opacity: 1 !important;
  color: #6a6a78 !important;
  -webkit-text-fill-color: #6a6a78 !important;
}

html body .u-popup .opacity-75,
html body .u-popup [class*="opacity-75"] {
  opacity: 1 !important;
  color: #4a4a58 !important;
  -webkit-text-fill-color: #4a4a58 !important;
}

html body .u-popup .text-secondary,
html body .u-popup [class*="text-secondary"] {
  color: #5a5a68 !important;
  -webkit-text-fill-color: #5a5a68 !important;
}

html body .u-popup .trade-input,
html body .u-popup .uni-input-input,
html body .u-popup uni-input {
  background: #f5f5f8 !important;
  border: 1px solid #d8d8e0 !important;
  color: #1a1a24 !important;
  -webkit-text-fill-color: #1a1a24 !important;
}

/* ??????????????????? */
html body .u-popup .tag-plain-success,
html body .u-popup .tag-plain-error,
html body .tag-plain-success:not(.tag-success):not(.tag-error) {
  background: transparent !important;
  background-image: none !important;
  color: #5a5a68 !important;
  -webkit-text-fill-color: #5a5a68 !important;
  border: 2px solid #d0d0d8 !important;
  box-shadow: none !important;
}

html body .u-popup .tag-success,
html body .tag-success {
  background: linear-gradient(120deg, #28ba98, #3dd68c) !important;
  background-color: #28ba98 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #28ba98 !important;
  box-shadow: 0 2px 8px rgba(40, 186, 152, 0.35) !important;
}

html body .u-popup .tag-error,
html body .tag-error {
  background: linear-gradient(270deg, #ff0844, #f04a5a) !important;
  background-color: #f04a5a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #f04a5a !important;
  box-shadow: 0 2px 8px rgba(240, 74, 90, 0.35) !important;
}

/* ?????? */
html body .u-popup uni-button.secondary-button,
html body .u-popup .secondary-button {
  background: #f0f0f4 !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  border: 1px solid #d0d0d8 !important;
  box-shadow: none !important;
}

html body .u-popup uni-button.success-button,
html body .u-popup .success-button {
  background: linear-gradient(0deg, #0ba360, #3cba92) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

html body .u-popup uni-button.error-button,
html body .u-popup .error-button {
  background: linear-gradient(180deg, #f77062, #fe5196) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

/* ????/?????? */
html body .u-border-bottom {
  border-color: #e8e8f0 !important;
}

html body .color-999,
html body [class*="color-999"] {
  color: #888894 !important;
}

html body .u-popup .color-999,
html body .u-popup [class*="color-999"] {
  color: #6a6a78 !important;
}

/* ===== ?????????????/??/?????===== */
html body .u-popup,
html body .u-drawer,
html body .u-drawer-content,
html body .u-mode-center-box,
html body .u-mode-bottom-box,
html body .uni-popup__wrapper,
html body .uni-popup__wrapper-box {
  background: #ffffff !important;
  color: #1a1a24 !important;
}

html body .popup-list,
html body .popup-list-item,
html body .u-popup .popup-list-item,
html body .u-drawer .popup-list-item,
html body .u-mode-center-box .popup-list-item,
html body .popup-list-item uni-text,
html body .popup-list-item text,
html body .popup-list-item view {
  color: #1a1a24 !important;
  -webkit-text-fill-color: #1a1a24 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  background-color: transparent !important;
}

html body .popup-list-item.active {
  background-color: #f2f6ff !important;
  color: #1a1a24 !important;
}

html body .u-action-sheet-item,
html body .u-actionsheet-cancel,
html body .u-action-sheet-item uni-text,
html body .u-action-sheet-item text {
  color: #303133 !important;
  -webkit-text-fill-color: #303133 !important;
  opacity: 1 !important;
  background: #ffffff !important;
}

html body .u-action-sheet-item:active,
html body .u-action-sheet-item:hover {
  background: #f5f5f8 !important;
}

/* ??/?????????? */
html body .u-mode-center-box .p-30,
html body .u-mode-center-box .p-30 *,
html body .u-popup .p-30,
html body .u-drawer-content .p-30 {
  color: #1a1a24 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .u-mode-center-box .font-size-30,
html body .u-mode-center-box .font-size-28,
html body .u-mode-center-box .font-size-32,
html body .u-mode-center-box .font-size-24,
html body .u-mode-center-box .font-weight-bold,
html body .u-mode-center-box .opacity-50,
html body .u-mode-center-box .opacity-75,
html body .u-popup .font-size-30,
html body .u-popup .font-size-28,
html body .u-popup .font-size-32,
html body .u-popup .font-size-24,
html body .u-popup .font-weight-bold,
html body .u-popup .opacity-50,
html body .u-popup .opacity-75 {
  color: #1a1a24 !important;
  -webkit-text-fill-color: #1a1a24 !important;
  text-shadow: none !important;
  background: none !important;
  opacity: 1 !important;
}

html body .u-mode-center-box .opacity-50,
html body .u-popup .opacity-50 {
  color: #6a6a78 !important;
  -webkit-text-fill-color: #6a6a78 !important;
}

html body .u-mode-center-box .opacity-75,
html body .u-popup .opacity-75 {
  color: #4a4a58 !important;
  -webkit-text-fill-color: #4a4a58 !important;
}

/* ???????? */
html body .u-mode-center-box .text-success,
html body .u-popup .text-success {
  color: #28ba98 !important;
  -webkit-text-fill-color: #28ba98 !important;
}

html body .u-mode-center-box .text-error,
html body .u-popup .text-error {
  color: #f04a5a !important;
  -webkit-text-fill-color: #f04a5a !important;
}

/* uView ????? */
html body .u-popup__title,
html body .u-drawer__title,
html body [class*="u-popup"] [class*="title"] {
  color: #1a1a24 !important;
  -webkit-text-fill-color: #1a1a24 !important;
  background: #ffffff !important;
}
/* ===== ???????? - ?? + ??????????===== */
html body .u-mode-center-box {
  background: linear-gradient(165deg, #1e1e2a 0%, #14141c 55%, #0e0e14 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.75) !important;
  color: #f0f0f8 !important;
}

html body .u-mode-center-box .p-30,
html body .u-mode-center-box .p-30 *,
html body .u-mode-center-box .p-30 uni-text,
html body .u-mode-center-box .p-30 text,
html body .u-mode-center-box .p-30 view {
  color: #f0f0f8 !important;
  -webkit-text-fill-color: #f0f0f8 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body .u-mode-center-box .p-30 .font-size-30,
html body .u-mode-center-box .font-size-30.font-weight-bold {
  color: #ffe9a8 !important;
  -webkit-text-fill-color: #ffe9a8 !important;
}

html body .u-mode-center-box .p-30 .opacity-50,
html body .u-mode-center-box .opacity-50 {
  color: #b8b8c8 !important;
  -webkit-text-fill-color: #b8b8c8 !important;
  opacity: 1 !important;
}

html body .u-mode-center-box .p-30 .opacity-75,
html body .u-mode-center-box .opacity-75,
html body .u-mode-center-box .font-size-24 {
  color: #d8d8e4 !important;
  -webkit-text-fill-color: #d8d8e4 !important;
  opacity: 1 !important;
}

html body .u-mode-center-box .p-30 .font-weight-bold,
html body .u-mode-center-box .font-weight-bold {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .u-mode-center-box .p-30 .text-success,
html body .u-mode-center-box .text-success {
  color: #3dd68c !important;
  -webkit-text-fill-color: #3dd68c !important;
}

html body .u-mode-center-box .p-30 .text-error,
html body .u-mode-center-box .text-error {
  color: #ff6b7a !important;
  -webkit-text-fill-color: #ff6b7a !important;
}

html body .u-mode-center-box .u-border-bottom {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html body .u-mode-center-box .trade-input,
html body .u-mode-center-box uni-input,
html body .u-mode-center-box .uni-input-input {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .u-mode-center-box .tag-plain-success,
html body .u-mode-center-box .tag-plain-error {
  background: transparent !important;
  color: #c8c8d4 !important;
  -webkit-text-fill-color: #c8c8d4 !important;
  border: 2px solid #5a5a68 !important;
}

html body .u-mode-center-box .tag-success {
  background: linear-gradient(120deg, #28ba98, #3dd68c) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #28ba98 !important;
}

html body .u-mode-center-box .tag-error {
  background: linear-gradient(270deg, #f04a5a, #ff0844) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #f04a5a !important;
}

html body .u-mode-center-box .secondary-button,
html body .u-mode-center-box uni-button.secondary-button {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #f0f0f8 !important;
  -webkit-text-fill-color: #f0f0f8 !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

html body .u-mode-center-box .success-button,
html body .u-mode-center-box uni-button.success-button {
  background: linear-gradient(0deg, #0ba360, #3cba92) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .u-mode-center-box .error-button,
html body .u-mode-center-box uni-button.error-button {
  background: linear-gradient(180deg, #f77062, #fe5196) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}