*{box-sizing:border-box}
body{margin:0;background:#000;color:#fff;font-family:Arial,"Microsoft JhengHei",sans-serif}
button,input{font-family:inherit}
.phone{max-width:430px;min-height:100vh;margin:0 auto;background:#191919;position:relative;padding-bottom:78px;overflow:hidden}
.top{height:68px;background:#050505;display:flex;align-items:center;justify-content:center;padding:0 18px;font-size:24px;font-weight:800;position:relative}
.top .back{position:absolute;left:18px;font-size:34px;line-height:1;cursor:pointer}
.logoRow{height:48px;background:#151515;display:flex;align-items:center;justify-content:space-between;padding:0 13px}
.logo{font-weight:900;font-size:22px;letter-spacing:.5px}.logo:before{content:"◇";color:#58dddd;margin-right:7px}
.service{width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.service img{width:30px;height:30px;object-fit:contain;display:block}
.banner{height:190px;background:linear-gradient(135deg,#061326,#070707 50%,#12383a);display:grid;place-items:center;text-align:center}
.banner h2{margin:0;color:#e8ffff;font-size:22px;text-shadow:0 0 10px #65ffff}.banner p{color:#d7ffff;font-size:12px}
.quick{margin:18px 14px 24px;background:#252525;border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);padding:17px 6px;text-align:center}
.quick i{display:block;font-style:normal;color:#72dfdf;font-size:38px}.quick span{display:block;margin-top:8px;font-size:17px;font-weight:700}
.seg{margin:0 14px 18px;background:#222;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.seg button{height:48px;border:0;background:transparent;color:#fff;font-size:20px;font-weight:800}.seg .on{background:#55c7c7}
.subtabs{display:flex;gap:24px;margin:0 18px 16px;font-size:18px}.subtabs .on{color:#56d8d8;border-bottom:3px solid #56d8d8;padding-bottom:8px}
.list{padding:0 22px}.row{display:grid;grid-template-columns:1.35fr .9fr .8fr;align-items:center;padding:18px 0;border-bottom:1px solid #2b2b2b;cursor:pointer}
.name{font-size:17px;line-height:1.35}.sym{display:block;color:#aaa;font-size:15px}.price{text-align:right;font-weight:800;font-size:16px}
.chg{justify-self:end;border-radius:6px;padding:11px 14px;font-size:17px;font-weight:800;min-width:90px;text-align:center}.up{background:#08bf80}.down{background:#ff2b55}
.green{color:#57dddd}.red{color:#ff3760}.muted{color:#909090}
.bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:0;max-width:430px;width:100%;height:74px;background:#030303;display:grid;grid-template-columns:repeat(5,1fr);z-index:20}
.nav{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777;font-size:14px}.nav b{font-size:26px}.nav.on{color:#52d8d8}
.card{background:#242424;margin:18px 14px;border-radius:12px;padding:16px;box-shadow:0 0 0 1px #333}
.news{display:grid;grid-template-columns:110px 1fr;gap:14px}.thumb{height:64px;background:linear-gradient(135deg,#287eea,#eee);border-radius:2px}.news h3{margin:0;font-size:19px;line-height:1.4}
.search{position:absolute;right:12px;background:#242424;border-radius:12px;padding:10px 12px;color:#aaa;font-size:15px;width:210px;font-weight:400;text-align:left}
.tabs3{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:20px;font-weight:800;padding:25px 0}.tabs3 span{padding-bottom:10px}.tabs3 .on{color:#56d8d8;border-bottom:3px solid #56d8d8}
.pos{border:1px solid #3b3b3b;border-radius:12px;padding:16px;margin:14px 16px;background:#242424}.posHead{display:flex;justify-content:space-between;font-size:18px;font-weight:800}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;font-size:18px}.kv div:nth-child(even){text-align:right;font-weight:800}
.btn{border:0;border-radius:6px;background:#57c9c9;color:#fff;height:48px;font-size:20px;font-weight:800;width:100%;margin-top:18px;cursor:pointer}.btn.redbg{background:#ff2b55}
.mineTop{padding:34px 36px}.avatar{width:64px;height:64px;border-radius:50%;background:#050505;border:1px solid #5fd;display:inline-grid;place-items:center;color:#ff0;margin-right:12px}
.balance{margin:20px 36px;background:#242424;border-radius:16px;padding:18px}.bal{font-size:32px;font-weight:900;margin:24px 0}
.walletBalance{margin:18px 32px;background:#242424;border-radius:16px;padding:16px 18px 14px;overflow:hidden;}
.walletLabel{font-size:14px;line-height:20px;color:#fff;font-weight:400;}
.walletCurrency{float:right;font-size:12px;font-weight:400;}
.walletAmount{font-size:28px!important;font-weight:800!important;line-height:36px;margin:22px 0 18px!important;letter-spacing:.2px;white-space:nowrap;}
.frozenBox{background:#181818;padding:12px;border-radius:8px;font-size:13px;line-height:18px;color:#fff;}
.frozenBox span{color:#22d97e;font-size:13px;}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 36px}.menuList{margin:30px 36px;background:#242424;border-radius:12px;padding:10px 18px}
.mi{padding:19px 0;border-bottom:1px solid #333;font-size:18px;display:flex;justify-content:space-between;cursor:pointer}
.form{padding:30px 22px}.input{width:100%;height:52px;background:#303030;border:0;border-radius:8px;margin:10px 0;padding:0 18px;color:#fff;font-size:17px}
.center{text-align:center}.titleGreen{color:#5ee0df;text-align:center;font-size:22px;font-weight:800;margin:22px 0}
.coin{margin:16px 22px;background:#3a3d39;border-radius:10px;min-height:70px;display:flex;align-items:center;padding:0 24px;font-size:23px;font-weight:800;cursor:pointer}.coin:after{content:"›";margin-left:auto;font-size:36px}.coin i{margin-right:12px}
.qr{width:210px;height:210px;background:repeating-linear-gradient(45deg,#fff 0 8px,#111 8px 14px);margin:40px auto 20px;border:12px solid #fff;border-radius:8px}
.address{padding:0 26px;font-size:18px;word-break:break-all}.notice{margin:16px 22px;background:#292929;padding:14px;border-radius:8px;color:#ddd}
.detailBox{background:#232323;margin:44px 10px 26px;border-radius:10px;padding:18px 22px;font-size:20px}.detailBox p{margin:13px 0}.detailBox b{font-weight:900}
.chart{height:340px;margin:0 10px;background:#15191d;border-radius:10px;position:relative;overflow:hidden}#klineCanvas{width:100%;height:100%;display:block}
.modalBg{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:50;display:flex;align-items:flex-end;justify-content:center}
.modal{max-width:430px;width:100%;background:#303030;border-radius:14px 14px 0 0;padding:20px}.periods,.amtGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pill{background:#41464a;border-radius:4px;padding:13px;text-align:center;font-weight:800;cursor:pointer}.pill.on{background:#57c9c9}
.empty{text-align:center;color:#55d8d8;margin-top:120px;font-size:19px}.empty:before{content:"▱";display:block;font-size:90px;color:#174753}


/* frontend styles */
.banner{
  height:220px;
  margin:0 0 18px;
  border-radius:0 0 8px 8px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.35), rgba(0,0,0,.05)),
    radial-gradient(circle at 75% 35%, rgba(220,210,80,.22), transparent 18%),
    linear-gradient(145deg,#060a16 0%,#050505 48%,#1a1b0d 100%);
}
.banner:after{
  content:"";
  position:absolute;
}
.quick{
  margin:18px 16px 26px;
  border-radius:10px;
  padding:18px 8px;
}
.quick i{font-size:43px}
.quick span{font-size:17px}
.homeEmpty{
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:#8a8a8a;
}
.homeEmptyIcon{
  width:110px;
  height:90px;
  position:relative;
  opacity:.9;
}
.homeEmptyIcon:before{
  content:"";
  position:absolute;
  left:32px;
  bottom:0;
  width:48px;
  height:62px;
  background:linear-gradient(#eee,#aaa);
}
.homeEmptyIcon:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:34px;
  height:38px;
  background:linear-gradient(#ddd,#999);
  box-shadow:70px -20px 0 -2px #aaa, 26px 12px 0 0 #eee;
}
.homeMore{
  text-align:center;
  color:#666;
  font-size:16px;
  padding:10px 0 22px;
}
.contractHead{
  background:#202020;
  padding:30px 18px 12px;
  border-bottom:1px solid #303030;
}
.contractSym{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:24px;
  font-weight:900;
}
.contractSym .menuIcon{
  color:#6ffff0;
  font-size:28px;
}
.contractTopGrid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:10px;
  margin-top:30px;
}
.contractBigPrice{
  font-size:48px;
  line-height:1;
  font-weight:300;
  color:#ff315a;
}
.contractPct{
  margin-top:12px;
  font-size:18px;
  color:#ff315a;
}
.contractStats{
  font-size:18px;
  line-height:2.05;
}
.contractStats div{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:10px;
}
.contractStats label{
  color:#aaa;
}
.contractRange{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  padding:18px 16px 12px;
  background:#202020;
  color:#fff;
  font-size:18px;
  text-align:center;
}
.contractRange span{
  cursor:pointer;
}
.contractRange .on{
  color:#57dddd;
}
.contractChart{
  height:475px;
  margin:0;
  border-radius:0;
  background:#1b2027;
}
.indicators{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  background:#242424;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  color:#fff;
  padding:16px 0;
  text-align:center;
  font-size:18px;
  font-weight:800;
}
.indicators span:first-child{
  color:#57dddd;
}
.contractOrders{
  display:flex;
  gap:22px;
  padding:28px 20px 26px;
  font-size:19px;
  border-bottom:1px solid #303030;
}
.contractOrders .on{
  color:#57dddd;
}
.contractActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  position:sticky;
  bottom:74px;
  background:#191919;
  padding:22px 20px;
  z-index:10;
}
.contractActions .btn{
  margin-top:0;
  height:58px;
  border-radius:4px;
}
.klineTabs span{cursor:pointer}
@media(max-width:430px){
  .contractBigPrice{font-size:46px}
  .contractChart{height:455px}
}


/* frontend styles */
.list{
  padding:0 28px;
}
.row{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) 104px 116px;
  column-gap:18px;
  min-height:82px;
  padding:14px 0;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.name{
  font-size:18px;
  line-height:1.28;
  overflow:hidden;
}
.nameTitle{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sym{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:3px;
  font-size:18px;
  color:#fff;
  white-space:nowrap;
}
.arrowIcon{
  width:25px;
  height:18px;
  display:inline-block;
  position:relative;
}
.arrowIcon.upArrow:before{
  content:"";
  position:absolute;
  left:1px;
  bottom:2px;
  width:19px;
  height:10px;
  border-left:2px solid #48d784;
  border-top:2px solid #48d784;
  transform:skew(-35deg) rotate(10deg);
}
.arrowIcon.upArrow:after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:8px;
  height:8px;
  border-top:2px solid #48d784;
  border-right:2px solid #48d784;
  transform:rotate(45deg);
}
.arrowIcon.downArrow:before{
  content:"";
  position:absolute;
  left:1px;
  top:3px;
  width:19px;
  height:10px;
  border-left:2px solid #ff6b38;
  border-bottom:2px solid #ff6b38;
  transform:skew(35deg) rotate(-10deg);
}
.arrowIcon.downArrow:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:8px;
  height:8px;
  border-bottom:2px solid #ff6b38;
  border-right:2px solid #ff6b38;
  transform:rotate(45deg);
}
.price{
  text-align:right;
  font-weight:900;
  font-size:18px;
  white-space:nowrap;
  justify-self:end;
}
.chg{
  width:116px;
  height:48px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-size:18px;
  font-weight:900;
  justify-self:end;
  box-shadow:none;
}
.up{
  background:linear-gradient(180deg,#31db6b,#24bd55);
}
.down{
  background:linear-gradient(180deg,#ff6c7a,#f22643);
}
.subtabs span{
  cursor:pointer;
}
.subtabs .on{
  min-width:62px;
  text-align:center;
}
.phone{
  width:100%;
}
@media(max-width:390px){
  .list{padding:0 22px}
  .row{grid-template-columns:minmax(0, 1.1fr) 92px 106px;column-gap:12px}
  .chg{width:106px}
  .price{font-size:17px}
}


/* frontend styles */
.secondOrderList{
  padding:0 20px 120px;
}
.secondOrderItem{
  border-top:1px solid rgba(255,255,255,.12);
  padding:22px 0 18px;
  font-size:18px;
}
.secondOrderTop{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
}
.secondTag{
  background:#5fcaca;
  color:#fff;
  padding:8px 10px;
  border-radius:4px;
  font-size:17px;
  font-weight:800;
}
.secondTime{
  font-weight:800;
  color:#fff;
}
.secondKV{
  display:grid;
  grid-template-columns:1fr 1fr;
  row-gap:18px;
  column-gap:12px;
}
.secondKV div:nth-child(odd){
  color:#ddd;
}
.secondKV div:nth-child(even){
  text-align:right;
  font-weight:900;
  color:#fff;
}
.secondProfitWin{
  color:#65f0d8 !important;
}
.secondProfitLose{
  color:#ff315a !important;
}
.secondOrderNo{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.copyIcon{
  color:#6ee999;
  font-size:16px;
}
.countdownStrong{
  font-size:20px;
  font-weight:900;
}


/* frontend styles */
.newsThumb{
  width:110px;
  height:64px;
  border-radius:2px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.32), transparent 20%),
    linear-gradient(135deg,#135ea8 0%,#1a3355 45%,#0d141c 100%);
  position:relative;
  flex-shrink:0;
}
.newsThumb:after{
  content:"NEWS";
  position:absolute;
  left:9px;
  bottom:7px;
  color:#8fffff;
  font-size:15px;
  font-weight:900;
  letter-spacing:1px;
  text-shadow:0 0 6px rgba(0,255,255,.5);
}
.newsThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.newsThumb img.hide{
  display:none;
}
.thumb{
  width:110px;
  height:64px;
  border-radius:2px;
  background:
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.32), transparent 20%),
    linear-gradient(135deg,#135ea8 0%,#1a3355 45%,#0d141c 100%) !important;
  position:relative;
}
.thumb:after{
  content:"NEWS";
  position:absolute;
  left:9px;
  bottom:7px;
  color:#8fffff;
  font-size:15px;
  font-weight:900;
  letter-spacing:1px;
}


/* ===== trade page target style fix ===== */
html, body { background:#111 !important; }

.phone {
  width:100% !important;
  max-width:430px !important;
  min-height:100vh !important;
  margin:0 auto !important;
  background:#171717 !important;
  color:#fff;
  overflow-x:hidden !important;
  padding-bottom:76px !important;
  box-sizing:border-box !important;
}

.top {
  height:56px !important;
  line-height:56px !important;
  background:#050505 !important;
  color:#fff !important;
  font-size:24px !important;
  font-weight:800 !important;
  padding:0 18px !important;
  box-sizing:border-box !important;
}

.tabs3, .tradeTabs {
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  align-items:center !important;
  gap:0 !important;
  padding:26px 14px 18px !important;
  margin:0 !important;
  font-size:22px !important;
  font-weight:800 !important;
  color:#fff !important;
}

.tabs3 span, .tradeTabs span {
  display:block !important;
  text-align:center !important;
  position:relative !important;
  padding-bottom:10px !important;
  white-space:nowrap !important;
}

.tabs3 span.on, .tradeTabs span.on { color:#53d4d4 !important; }

.tabs3 span.on::after, .tradeTabs span.on::after {
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:38px !important;
  height:2px !important;
  background:#53d4d4 !important;
  transform:translateX(-50%) !important;
  border-radius:2px !important;
}

.tradeContent {
  padding:0 16px 90px !important;
  box-sizing:border-box !important;
}

.pos {
  width:100% !important;
  margin:16px 0 18px !important;
  padding:18px 18px !important;
  background:#202020 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;
  box-sizing:border-box !important;
  color:#fff !important;
  box-shadow:none !important;
}

.posHead {
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  font-size:20px !important;
  line-height:1.3 !important;
  margin-bottom:4px !important;
}

.posHead b, .posHead strong {
  font-size:20px !important;
  font-weight:800 !important;
  color:#fff !important;
  white-space:nowrap !important;
}

.flag { font-size:18px !important; }

.muted {
  color:#7d838b !important;
  font-size:14px !important;
  line-height:1.45 !important;
}

.posLine {
  height:1px !important;
  background:rgba(255,255,255,.05) !important;
  margin:18px 0 16px !important;
}

.kv {
  display:grid !important;
  grid-template-columns:1fr auto !important;
  row-gap:8px !important;
  column-gap:12px !important;
  font-size:20px !important;
  line-height:1.25 !important;
}

.kv div:nth-child(odd) {
  color:#fff !important;
  font-weight:700 !important;
  text-align:left !important;
}

.kv div:nth-child(even) {
  color:#fff !important;
  font-weight:800 !important;
  text-align:right !important;
  min-width:96px !important;
}

.kv .red, .red { color:#ff315a !important; }
.kv .green, .green { color:#53d4d4 !important; }

.closeBtn {
  width:100% !important;
  height:52px !important;
  margin-top:18px !important;
  border-radius:6px !important;
  background:#55c8c8 !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:800 !important;
}

.empty {
  text-align:center !important;
  color:#8b8f96 !important;
  font-size:18px !important;
  padding:24px 0 !important;
}

.bottom {
  position:fixed !important;
  left:50% !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  width:100% !important;
  max-width:430px !important;
  height:64px !important;
  background:#030303 !important;
  z-index:50 !important;
}
.nav { font-size:13px !important; }

/* frontend styles */
.secondModal{max-height:82vh!important;overflow-y:auto!important;padding-bottom:22px!important;box-sizing:border-box!important}
.secondPeriods{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;overflow:visible!important}
.secondPeriods .pill{min-width:0!important;text-align:center!important;white-space:normal!important}
.secondSubmit{position:sticky!important;bottom:0!important;z-index:5!important}
.uploadGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0 28px}
.uploadBox{height:120px;border:1px dashed #333;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#202020;position:relative;overflow:hidden}
.uploadBox input{position:absolute;inset:0;opacity:0}
.tabs4{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 10px;text-align:center;font-size:18px}.tabs4 .on{color:#55c9c9;border-bottom:3px solid #55c9c9;padding-bottom:10px}
.quick>div{cursor:pointer}


/* frontend styles */
.modalBg{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.secondModal{
  width:100%!important;
  max-width:430px!important;
  max-height:calc(100dvh - 56px)!important;
  overflow-y:auto!important;
  padding:14px 16px 12px!important;
  box-sizing:border-box!important;
  border-radius:14px 14px 0 0!important;
  overscroll-behavior:contain!important;
}
.secondModal h3{margin:0 0 14px!important;}
.secondModal h4{margin:14px 0 10px!important;}
.secondPeriods{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(58px,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
}
.secondPeriods .pill{
  padding:10px 4px!important;
  min-width:0!important;
  font-size:14px!important;
  line-height:1.55!important;
  white-space:normal!important;
}
.secondModal .input{height:52px!important;margin-bottom:10px!important;}
.secondModal .amtGrid{gap:8px!important;}
.secondModal .amtGrid .pill{padding:10px 4px!important;}
.secondSubmit{
  position:sticky!important;
  bottom:0!important;
  z-index:20!important;
  display:block!important;
  width:100%!important;
  height:48px!important;
  margin-top:14px!important;
  margin-bottom:0!important;
  flex-shrink:0!important;
  box-shadow:0 -10px 18px rgba(48,48,48,.95)!important;
}
@supports (padding-bottom: env(safe-area-inset-bottom)){
  .secondModal{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;}
}


/* frontend styles */
.secondResultMask{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  background:rgba(0,0,0,.62)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
.secondResultModal{
  width:100%!important;
  max-width:390px!important;
  background:#242424!important;
  border-radius:12px!important;
  padding:36px 22px 28px!important;
  color:#fff!important;
  position:relative!important;
  box-sizing:border-box!important;
}
.secondResultClose{
  position:absolute!important;
  top:22px!important;
  right:22px!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  border:0!important;
  background:#d7fff2!important;
  color:#1fa67f!important;
  font-size:26px!important;
  line-height:28px!important;
  font-weight:400!important;
}
.secondCircle{
  width:150px!important;
  height:150px!important;
  margin:0 auto 34px!important;
  position:relative!important;
}
.secondCircle svg{
  width:150px!important;
  height:150px!important;
  transform:rotate(-90deg)!important;
}
.secondCircle circle{
  fill:none!important;
  stroke-width:8!important;
}
.secondCircle .circleBg{stroke:#e6e6e6!important;}
.secondCircle .circleBar{
  stroke:#28aa79!important;
  stroke-linecap:round!important;
  transition:stroke-dasharray .35s linear!important;
}
.secondCircleText{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:34px!important;
  font-weight:700!important;
  letter-spacing:2px!important;
}
.secondResultRows p{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:18px 0!important;
  font-size:19px!important;
}
.secondResultRows span{color:#9fa0ac!important;}
.secondResultRows b{font-weight:500!important;}
.secondResultTip{
  margin-top:26px!important;
  font-size:17px!important;
  line-height:1.5!important;
  color:#fff!important;
}
@media(max-width:420px){
  .secondResultModal{max-width:calc(100vw - 34px)!important;padding:34px 18px 26px!important;}
  .secondCircle{width:140px!important;height:140px!important;}
  .secondCircle svg{width:140px!important;height:140px!important;}
  .secondResultRows p{font-size:18px!important;margin:16px 0!important;}
}


/* register/agreement mobile adaptation */
.authPhone{background:#1b1b1b;min-height:100vh;}
.authForm{max-width:430px;margin:0 auto;padding-top:46px;}
.authForm .input{height:54px;margin:12px 0;background:#262626;border-radius:9px;}
.authBtn{margin-top:118px;height:58px;border-radius:8px;}
.agreeLine{font-size:16px;color:#bdbdbd;display:flex;align-items:center;gap:6px;}
.agreeLine input{width:16px;height:16px;}
.langIcon{position:absolute;right:18px;font-size:24px;color:#dce7ed;}
.agreementPhone{background:#1b1b1b;min-height:100vh;overflow-y:auto;padding-bottom:92px;}
.agreementContent{padding:18px 22px 130px;color:#c7c7c7;font-size:14px;line-height:1.58;}
.agreementContent p{margin:0 0 12px;}
.agreementImg{display:block;width:100%;max-width:360px;margin:18px auto;background:#fff;border-radius:2px;}
.agreementBottom{position:fixed;left:50%;transform:translateX(-50%);bottom:0;max-width:430px;width:100%;background:linear-gradient(180deg,rgba(27,27,27,0),#1b1b1b 25%);padding:28px 22px 18px;z-index:60;}
@media (max-width:480px){
  .phone{width:100%;max-width:none;margin:0;}
  .bottom,.agreementBottom{max-width:none;width:100%;}
  .authForm{padding-left:22px;padding-right:22px;}
  .authBtn{margin-top:88px;}
  .agreementContent{font-size:13px;padding-left:18px;padding-right:18px;}
}

/* frontend styles */
.marketPhone{background:#191919;overflow-x:hidden;}
.marketHeader{
  height:80px;
  background:#050505;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 8px 0 8px;
  gap:12px;
}
.marketTitle{
  font-size:24px;
  font-weight:900;
  color:#fff;
  white-space:nowrap;
  flex:0 0 auto;
}
.marketSearch{
  height:40px;
  flex:1 1 auto;
  max-width:230px;
  min-width:0;
  background:#242424;
  border-radius:8px;
  display:flex;
  align-items:center;
  padding:0 10px;
  color:#9ca3af;
}
.marketSearch span{font-size:18px;margin-right:7px;color:#9ca3af;}
.marketSearch input{
  width:100%;
  min-width:0;
  background:transparent;
  border:0;
  outline:none;
  color:#fff;
  font-size:14px;
}
.marketSearch input::placeholder{color:#b5b5b5;}
.marketSeg{margin-top:0;margin-bottom:20px;border-radius:8px;}
@media(max-width:360px){
  .marketHeader{gap:8px;padding-left:8px;padding-right:8px;}
  .marketTitle{font-size:22px;}
  .marketSearch{max-width:210px;height:38px;}
}


/* v9: quick icons + APP download + permission pages */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#222;border-radius:10px;margin:16px 12px;padding:16px 8px;}
.quick>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:700;}
.qIcon{width:54px;height:54px;border-radius:14px;display:block;position:relative;background:#5acbd0;}
.qIpo{clip-path:polygon(7% 48%,92% 12%,66% 92%,49% 63%,22% 84%,39% 58%);border-radius:0;background:#77e9ef;}
.qEtf{border-radius:50%;background:#7de8ef;}
.qEtf:before{content:'';position:absolute;left:13px;top:24px;width:28px;height:12px;border:4px solid #111;border-top:0;border-radius:0 0 20px 20px;transform:rotate(-25deg)}
.qEtf:after{content:'';position:absolute;left:17px;top:16px;width:9px;height:9px;background:#111;border-radius:50%;box-shadow:19px 5px 0 #111,8px 22px 0 #111}
.qTrade{border-radius:10px;background:#8df4f0;}
.qTrade:before{content:'';position:absolute;left:9px;top:9px;width:36px;height:36px;border:8px solid #1b2224;border-radius:12px;box-sizing:border-box}.qTrade:after{content:'';position:absolute;left:19px;top:0;width:16px;height:54px;background:#8df4f0;box-shadow:0 0 0 0 #8df4f0}.qOtc{border-radius:10px;background:#7ee7e7}.qOtc:before{content:'';position:absolute;left:10px;top:18px;width:33px;height:14px;border:5px solid #172126;border-radius:12px;transform:rotate(0deg)}.qOtc:after{content:'';position:absolute;left:20px;top:29px;width:24px;height:7px;border-bottom:5px solid #172126;border-left:5px solid #172126;border-radius:0 0 0 10px}
.ipoCard,.otcCard{background:#242424;border-radius:10px;margin:16px;padding:18px 16px;color:#fff;position:relative}.ipoCard b:first-child{font-size:22px}.ipoCard button,.otcCard button{position:absolute;right:16px;top:16px;background:#5acbd0;color:#fff;border:0;border-radius:9px;padding:13px 32px;font-weight:700}.usTag{background:#0bbcf2;color:#fff;border-radius:4px;padding:2px 8px;margin-left:8px}.right{float:right}.moreText{text-align:center;color:#8a96a5;margin:22px}.etfHead{display:flex;align-items:center;gap:16px;padding:30px 20px;color:#fff;font-size:22px}.etfHead .green{margin-left:auto}.etfIcon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#39d7ff,#155cff);display:inline-block;position:relative}.etfIcon:before{content:'▣';position:absolute;font-size:32px;left:14px;top:11px;color:white}.roundLogo{width:54px;height:54px;background:#58cbd0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;float:left;margin-right:14px}.otcCard hr{border:0;border-top:1px solid #555;clear:both;margin:20px 0 12px}.intradayTitle{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#fff}.trendIcon,.coin{display:inline-flex;width:38px;height:38px;border-radius:50%;background:#11b957;align-items:center;justify-content:center;color:#fff;font-weight:700}.selectLine{display:flex;justify-content:space-between;align-items:center}.amountBox{display:flex;align-items:center;gap:18px;background:#242424;border-radius:8px;padding:0 16px;margin:16px 0}.amountBox input{flex:1;background:transparent;border:0;color:#fff;height:56px;font-size:16px;outline:0}.appDown{text-align:center;padding:45px 24px;color:#fff}.appIcon{width:92px;height:92px;border-radius:22px;background:#5acbd0;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#092022;overflow:hidden}.appIcon img{width:100%;height:100%;object-fit:cover}.ghostBtn{background:#303030!important;border:1px solid #5acbd0!important;margin-top:14px!important}

/* frontend styles */
.contractRange,
.indicators,
.contractOrders {
  position: relative !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}
.contractRange span,
.indicators span,
.contractOrders span {
  pointer-events: auto !important;
  cursor: pointer;
}
.indicators span.on,
.contractOrders span.on {
  color: #54d6d4 !important;
}
.secondOrderList .empty.small {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #79909a;
}
/* frontend styles */
.assetForm{padding:48px 40px;color:#fff;box-sizing:border-box;max-width:520px;margin:0 auto}
.walletInput{display:flex;align-items:center;background:#2a2a2a;border-radius:9px;overflow:hidden;margin-bottom:0;height:68px}
.walletInput select{width:130px;background:#2a2a2a;color:#fff;border:0;border-right:1px solid #444;height:68px;font-size:20px;padding-left:22px;outline:0}
.walletInput input{flex:1;background:#2a2a2a;color:#fff;border:0;height:68px;font-size:18px;padding:0 22px;outline:0}
.assetForm .btn{margin-top:0;border-radius:0 0 9px 9px;height:58px}
.records{margin-top:22px}.record{background:#242424;border-radius:8px;padding:14px;margin-bottom:12px;color:#fff;display:flex;gap:12px;align-items:center}.record span{font-size:12px;color:#9aa3ad;word-break:break-all}
@media(max-width:520px){.assetForm{padding:48px 28px}.walletInput select{width:115px;font-size:18px}.walletInput input{font-size:16px}}
/* v17 recharge QR page */
.qrImg{display:block;width:190px;height:190px;object-fit:contain;background:#fff;border-radius:10px;margin:18px auto 16px;padding:8px;}
.addressLine{display:flex;align-items:center;gap:10px;color:#fff;font-size:16px;line-height:1.5;margin:12px 0 0;word-break:break-all;}
.addressLine span{flex:1;}
.addressLine button{border:0;background:transparent;color:#aaa;font-size:24px;padding:6px;}
.coin span{margin-left:auto;color:#777;}


/* v18 recharge page: match target list style, avoid .coin circle conflict */
.rechargeItem{
  margin:13px 8px;
  background:#242424;
  border-radius:8px;
  min-height:58px;
  display:flex;
  align-items:center;
  padding:0 14px;
  font-size:18px;
  font-weight:800;
  color:#fff;
  cursor:pointer;
}
.rechargeItem b{font-size:18px;font-weight:800;line-height:1;}
.rechargeItem span{margin-left:auto;color:#8b949e;font-size:30px;line-height:1;}
.coinIcon{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:10px;
  color:#fff;
  font-style:normal;
  font-size:17px;
  font-weight:900;
  flex:0 0 28px;
}
.coinIcon.usdt{background:#27af86;}
.coinIcon.btc{background:#f7931a;}
.coinIcon.eth{background:#627eea;}
.coinIcon.serviceIcon{background:#1f2937;border:2px solid #63e7e7;color:#63e7e7;font-size:15px;}
.coinIcon.voucherIcon{background:#10b9e8;font-size:15px;}
.qrImg{width:210px;height:210px;display:block;margin:22px auto 18px;background:#fff;border-radius:8px;padding:8px;object-fit:contain;}
.addressLine{display:flex;align-items:center;gap:8px;padding:0 16px;color:#fff;font-size:15px;line-height:1.35;word-break:break-all;}
.addressLine span{flex:1;}
.addressLine button{width:34px;height:34px;border:0;background:#242424;color:#aaa;border-radius:6px;font-size:18px;}

/* v18 arrow icons: use supplied svg assets */
.arrowIcon{width:26px;height:18px;background-repeat:no-repeat;background-position:center;background-size:contain;display:inline-block;vertical-align:middle;}
.arrowIcon.upArrow{background-image:url('home-arrow-up.svg');}
.arrowIcon.downArrow{background-image:url('home-arrow-down.svg');}
.arrowIcon.upArrow:before,.arrowIcon.upArrow:after,.arrowIcon.downArrow:before,.arrowIcon.downArrow:after{display:none!important;content:none!important;}

/* v19 recharge voucher + fund record mobile fit */
.rechargePage .rechargeList{padding-top:20px;}
.voucherPage .form{padding:24px 20px;}
.voucherPage .input{height:52px;border-radius:8px;background:#303030;border:0;color:#fff;margin:12px 0;padding:0 18px;box-sizing:border-box;width:100%;font-size:17px;}
.voucherPage .selectLine{display:flex;align-items:center;gap:8px;justify-content:space-between;}
.voucherBox{background:#242424;border:1px solid #333;border-radius:12px;padding:20px 16px;margin:26px 0 34px;color:#fff;}
.voucherTitle{font-size:16px;font-weight:800;margin-bottom:16px;}
.voucherUpload{width:150px;height:150px;border:1px dashed #9aa3ad;display:grid;place-items:center;margin:0 auto 16px;position:relative;overflow:hidden;background:#202020;color:#fff;}
.voucherUpload input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.voucherUpload span{font-size:24px;opacity:.9;}
.voucherUpload img{width:100%;height:100%;object-fit:cover;}
.fundRecordPage .tabs4{background:#151515;padding:18px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;font-size:16px;}
.fundRecordPage .tabs4 span{display:block;text-align:center;padding-bottom:12px;border-bottom:3px solid transparent;color:#fff;}
.fundRecordPage .tabs4 .on{color:#55d0d0;border-bottom-color:#55d0d0;}
.fundLogList{padding:14px 12px 80px;}
.fundLogItem{background:#242424;border-radius:10px;padding:14px;margin-bottom:12px;color:#fff;}
.fundLogItem>div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.fundLogItem b{font-size:16px;}
.fundLogItem span{font-size:12px;color:#8da0ad;display:block;margin-top:3px;}
.fundLogItem strong{font-size:18px;white-space:nowrap;}
.fundLogItem p{margin:10px 0 0;color:#9aa3ad;font-size:13px;word-break:break-all;}
.redText{color:#ff4e68!important;}

/* frontend styles */
.logo{display:flex;align-items:center;gap:8px;min-width:0;}
.logo:before{display:none!important;content:none!important;}
.logo img{height:28px;max-width:190px;object-fit:contain;display:block;}
.logo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.banner{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;position:relative;}
.banner>div{position:relative;z-index:2;padding:0 16px;}
.banner:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18);z-index:1;pointer-events:none;}
.modal input,.secondModal input{touch-action:manipulation;}

.banner{position:relative;overflow:hidden}.bannerDots{position:absolute;left:0;right:0;bottom:12px;text-align:center}.bannerDots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);margin:0 4px}.bannerDots span.on{background:#fff;width:8px;height:8px}

/* v37 English layout polish: prevent tab labels from overlapping */
.tradePage .tradeTabs,
.tradePage .tabs3 {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  padding:24px 10px 14px !important;
}
.tradePage .tradeTabs span,
.tradePage .tabs3 span {
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  line-height:1.45 !important;
  font-size:18px !important;
  font-weight:800 !important;
  text-align:center !important;
  padding:0 4px 12px !important;
  box-sizing:border-box !important;
}
.tradePage .tradeTabs span.on::after,
.tradePage .tabs3 span.on::after {
  width:52px !important;
  height:2px !important;
}
@media (max-width:420px) {
  .tradePage .tradeTabs span,
  .tradePage .tabs3 span {
    font-size:17px !important;
  }
}
@media (max-width:360px) {
  .tradePage .tradeTabs span,
  .tradePage .tabs3 span {
    font-size:15px !important;
    line-height:1.45 !important;
  }
}

/* v38 final English layout polish */
.tradePage .tradeTabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  padding:24px 12px 14px!important;
  gap:0!important;
}
.tradePage .tradeTabs span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:54px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-height:1.35!important;
  font-size:18px!important;
  letter-spacing:0!important;
  padding:0 5px 12px!important;
}
.tradePage .tradeTabs span.on::after{bottom:0!important;width:64px!important;}
.fundRecordPage .tabs4 span{
  white-space:normal!important;
  line-height:1.25!important;
  font-size:15px!important;
  min-height:40px!important;
}
.intradayPage .top{font-size:22px!important;}
.intradayPage .historyLink{position:absolute;right:16px;top:0;height:56px;line-height:56px;font-size:16px;font-weight:800;color:#55d0d0!important;}
.intradayWrap{padding:18px 14px 90px;box-sizing:border-box;}
.intradayPage .intradayTitle{display:flex;align-items:center;gap:10px;margin:2px 0 26px;color:#fff;font-size:16px;}
.intradayPage .trendIcon{width:32px;height:32px;border-radius:50%;background:#13b95f;}
.intradayPage .selectLine{height:56px;background:#242424;border-radius:8px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:20px;}
.intradayPage .coin{width:34px;height:34px;border-radius:50%;background:#18be64;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;margin-right:8px;}
.intradayPage .amountBox{height:56px;background:#242424;border-radius:8px;padding:0 16px;display:flex;align-items:center;gap:18px;margin:0 0 14px;}
.intradayPage .amountBox b{font-size:17px;}
.intradayPage .amountBox input{height:100%;flex:1;border:0;background:transparent;outline:0;color:#fff;font-size:16px;}
.intradayPage .btn{height:52px;border-radius:8px;margin-top:28px;font-size:16px;text-transform:none;}
.intradayPage .securityText{font-size:14px;line-height:1.35;color:#cfd5dc;margin-top:18px;}
.banner{height:220px!important;border-radius:10px!important;background-color:#111!important;}
.banner h2{font-size:22px!important;line-height:1.25!important;white-space:normal!important;}
.banner p{font-size:13px!important;line-height:1.35!important;}
.logoRow{padding:12px 16px!important;}
.logo img{height:34px!important;max-width:220px!important;}
@media(max-width:390px){
  .tradePage .tradeTabs span{font-size:16px!important;}
  .fundRecordPage .tabs4 span{font-size:14px!important;}
  .intradayPage .historyLink{font-size:15px!important;right:12px;}
}

/* site images */
.logoRow{height:auto!important;min-height:48px!important;}
.logo img{height:32px!important;max-width:230px!important;object-fit:contain!important;}
.banner{height:245px!important;border-radius:10px!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;align-items:start!important;justify-items:center!important;display:grid!important;padding-top:48px!important;box-sizing:border-box!important;}
.banner:before{background:rgba(0,0,0,.22)!important;}
.banner h2{font-size:22px!important;line-height:1.25!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-align:center!important;}
.banner p{font-size:13px!important;line-height:1.4!important;text-align:center!important;}
.bannerDots{bottom:28px!important;z-index:3!important;}

/* v40 hardcoded home logo/banner, no backend image dependency */
.logoRow .logo img{height:31px!important;max-width:220px!important;display:block!important;object-fit:contain!important;}
.logoRow .logo span:empty{display:none!important;}
.banner{height:245px!important;border-radius:10px!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;display:grid!important;place-items:start center!important;padding-top:48px!important;box-sizing:border-box!important;overflow:hidden!important;}
.banner:before{background:rgba(0,0,0,.08)!important;}
.banner h2{font-size:22px!important;line-height:1.25!important;text-align:center!important;color:#eaffff!important;text-shadow:0 0 10px #57ffff!important;}
.banner p{font-size:13px!important;color:#ecffff!important;text-align:center!important;}
.bannerDots{bottom:18px!important;z-index:5!important;}

/* v41: banner images already contain text; remove duplicate overlay text and fit target style */
.banner{height:245px!important;border-radius:10px!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;display:block!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;}
.banner:before{display:none!important;}
.banner>div:not(.bannerDots){display:none!important;}
.bannerDots{bottom:18px!important;z-index:5!important;}


/* v43 fixed local banner/logo carousel: full images, 2-second rotation, no text overlay */
.logoRow .logo{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.logoRow .logo img{width:28px!important;height:28px!important;object-fit:cover!important;border-radius:4px!important;display:block!important;}
.logoRow .logo span{display:inline!important;font-size:21px!important;font-weight:900!important;letter-spacing:.5px!important;color:#fff!important;white-space:nowrap!important;}
.banner{position:relative!important;width:100%!important;aspect-ratio:1024/500!important;height:auto!important;min-height:0!important;border-radius:10px!important;overflow:hidden!important;background:#050505!important;padding:0!important;display:block!important;}
.banner:before,.banner:after{display:none!important;content:none!important;}
.banner .bannerSlide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;opacity:0!important;animation:homeBannerFade 6s infinite!important;display:block!important;z-index:1!important;}
.banner .bannerSlide1{animation-delay:0s!important;}
.banner .bannerSlide2{animation-delay:2s!important;}
.banner .bannerSlide3{animation-delay:4s!important;}
@keyframes homeBannerFade{0%{opacity:0}3%{opacity:1}30%{opacity:1}33%{opacity:0}100%{opacity:0}}
.bannerDots{position:absolute!important;left:0!important;right:0!important;bottom:12px!important;text-align:center!important;z-index:3!important;pointer-events:none!important;}
.bannerDots span{display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:rgba(255,255,255,.72)!important;margin:0 4px!important;animation:homeDot 6s infinite!important;}
.bannerDots span:nth-child(1){animation-delay:0s!important;}
.bannerDots span:nth-child(2){animation-delay:2s!important;}
.bannerDots span:nth-child(3){animation-delay:4s!important;}
@keyframes homeDot{0%,33%{background:#fff;transform:scale(1.2)}34%,100%{background:rgba(255,255,255,.42);transform:scale(1)}}
.banner h2,.banner p,.banner>div:not(.bannerDots){display:none!important;}


/* v44: inline banner images, no external path dependency */
.banner{position:relative!important;width:100%!important;aspect-ratio:1024/500!important;height:auto!important;min-height:0!important;border-radius:10px!important;overflow:hidden!important;background:#050505!important;padding:0!important;display:block!important;}
.banner .bannerSlide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;opacity:0!important;animation:homeBannerFadeStable 6s infinite!important;display:block!important;z-index:1!important;}
.banner .bannerSlide1{animation-delay:0s!important;}
.banner .bannerSlide2{animation-delay:2s!important;}
.banner .bannerSlide3{animation-delay:4s!important;}
@keyframes homeBannerFadeStable{0%{opacity:1}31%{opacity:1}34%{opacity:0}97%{opacity:0}100%{opacity:1}}
.bannerDots{position:absolute!important;left:0!important;right:0!important;bottom:12px!important;text-align:center!important;z-index:3!important;pointer-events:none!important;}
.bannerDots span{display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:rgba(255,255,255,.72)!important;margin:0 4px!important;animation:homeDot 6s infinite!important;}
.bannerDots span:nth-child(1){animation-delay:0s!important;}
.bannerDots span:nth-child(2){animation-delay:2s!important;}
.bannerDots span:nth-child(3){animation-delay:4s!important;}
@keyframes homeDot{0%,31%{background:#fff;transform:scale(1.25)}34%,100%{background:rgba(255,255,255,.45);transform:scale(1)}}
.banner h2,.banner p,.banner>div:not(.bannerDots):not(.bannerSlide){display:none!important;}


/* v45 hard fix: use real inline img tags for home carousel, avoid background-image/path/cache conflicts */
.banner{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1024/500!important;
  height:auto!important;
  min-height:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#050505!important;
  padding:0!important;
  display:block!important;
}
.banner:before,.banner:after{display:none!important;content:none!important;}
.banner .bannerImg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  opacity:0!important;
  display:block!important;
  z-index:1!important;
  animation:homeBannerImgFadeV45 6s infinite!important;
}
.banner .bannerImg1{animation-delay:0s!important;}
.banner .bannerImg2{animation-delay:2s!important;}
.banner .bannerImg3{animation-delay:4s!important;}
@keyframes homeBannerImgFadeV45{0%{opacity:1}31%{opacity:1}34%{opacity:0}97%{opacity:0}100%{opacity:1}}
.banner h2,.banner p,.banner>div:not(.bannerDots){display:none!important;}
.bannerDots{position:absolute!important;left:0!important;right:0!important;bottom:12px!important;text-align:center!important;z-index:5!important;pointer-events:none!important;}
.bannerDots span{display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:rgba(255,255,255,.72)!important;margin:0 4px!important;animation:homeDot 6s infinite!important;}
.bannerDots span:nth-child(1){animation-delay:0s!important;}
.bannerDots span:nth-child(2){animation-delay:2s!important;}
.bannerDots span:nth-child(3){animation-delay:4s!important;}

/* v46 final hero carousel: isolated classes, no old .banner CSS conflict */
.homeHero{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1024/500!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#000!important;
  margin:8px 0 18px!important;
}
.homeHeroImg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  display:block!important;
  opacity:0!important;
  transition:opacity .35s ease!important;
  z-index:1!important;
}
.homeHeroImg.active{opacity:1!important;z-index:2!important;}
.homeHeroDots{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:12px!important;
  text-align:center!important;
  z-index:5!important;
  pointer-events:none!important;
}
.homeHeroDots span{
  display:inline-block!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.55)!important;
  margin:0 4px!important;
}
.homeHeroDots span.active{background:#fff!important;width:8px!important;height:8px!important;}
.logo img{max-height:26px!important;width:auto!important;display:inline-block!important;}


/* v47 final: pure CSS 3-image home carousel, no JS and no old active class dependency */
.homeHero{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1024/500!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#000!important;
  margin:8px 0 18px!important;
}
.homeHeroImg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  display:block!important;
  opacity:0!important;
  z-index:1!important;
  animation:homeHeroV47 6s infinite!important;
}
.homeHeroImg1{animation-delay:0s!important;}
.homeHeroImg2{animation-delay:2s!important;}
.homeHeroImg3{animation-delay:4s!important;}
@keyframes homeHeroV47{
  0%{opacity:1}
  30%{opacity:1}
  34%{opacity:0}
  96%{opacity:0}
  100%{opacity:1}
}
.homeHeroDots span{animation:homeHeroDotV47 6s infinite!important;}
.homeHeroDots span:nth-child(1){animation-delay:0s!important;}
.homeHeroDots span:nth-child(2){animation-delay:2s!important;}
.homeHeroDots span:nth-child(3){animation-delay:4s!important;}
@keyframes homeHeroDotV47{
  0%{background:#fff;width:8px;height:8px}
  30%{background:#fff;width:8px;height:8px}
  34%{background:rgba(255,255,255,.55);width:6px;height:6px}
  96%{background:rgba(255,255,255,.55);width:6px;height:6px}
  100%{background:#fff;width:8px;height:8px}
}
.logo img{max-height:26px!important;width:auto!important;display:inline-block!important;}


/* v48 stable one-img carousel: no old banner/homeHero animation conflict */
.logoRow .logo.logoOnly{display:flex!important;align-items:center!important;gap:0!important;min-width:0!important;overflow:visible!important;}
.brandLogoImg{height:30px!important;width:auto!important;max-width:190px!important;display:block!important;object-fit:contain!important;}
.logoRow .logo.logoOnly span{display:none!important;}
.homeHero{position:relative!important;width:100%!important;aspect-ratio:1024/500!important;border-radius:10px!important;overflow:hidden!important;background:#000!important;margin:8px 0 18px!important;padding:0!important;display:block!important;}
.homeHeroMainImg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;display:block!important;opacity:1!important;z-index:1!important;}
.homeHeroImg{display:none!important;}
.homeHeroDots{position:absolute!important;left:0!important;right:0!important;bottom:12px!important;text-align:center!important;z-index:5!important;pointer-events:none!important;}
.homeHeroDots span{display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:rgba(255,255,255,.55)!important;margin:0 4px!important;transition:all .2s!important;}
.homeHeroDots span.active{background:#fff!important;width:8px!important;height:8px!important;}


/* v49 clean final: use only homeHero img carousel, disable legacy banner conflicts */
.phone .banner{display:none!important;}
.logoRow{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 16px 8px!important;}
.logo.logoOnly{display:flex!important;align-items:center!important;min-width:0!important;background:transparent!important;}
.logo.logoOnly::before,.logo.logoOnly::after{display:none!important;content:none!important;}
.brandLogoImg{display:block!important;width:187px!important;height:30px!important;object-fit:contain!important;max-width:62vw!important;}
.homeHero{position:relative!important;width:100%!important;aspect-ratio:1024/500!important;border-radius:10px!important;overflow:hidden!important;background:#000!important;margin:8px 0 18px!important;padding:0!important;display:block!important;}
.homeHeroMainImg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;display:block!important;opacity:1!important;z-index:1!important;visibility:visible!important;}
.homeHeroImg,.homeHero .bannerSlide,.homeHero h2,.homeHero p{display:none!important;}
.homeHeroDots{position:absolute!important;left:0!important;right:0!important;bottom:12px!important;text-align:center!important;z-index:5!important;pointer-events:none!important;}
.homeHeroDots span{display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:rgba(255,255,255,.55)!important;margin:0 4px!important;transition:all .2s!important;}
.homeHeroDots span.active{background:#fff!important;width:8px!important;height:8px!important;}


/* v50 final stable carousel: use local img slides and CSS animation; old hero/banner rules neutralized */
.phone.home .logoRow{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 16px 8px!important;background:#151515!important;}
.phone.home .logo.logoOnly{display:flex!important;align-items:center!important;min-width:0!important;background:transparent!important;overflow:visible!important;}
.phone.home .logo.logoOnly::before,.phone.home .logo.logoOnly::after{display:none!important;content:none!important;}
.phone.home .brandLogoImg{display:block!important;width:187px!important;height:30px!important;max-width:62vw!important;object-fit:contain!important;}
.phone.home .homeHero{position:relative!important;width:100%!important;aspect-ratio:1024/500!important;border-radius:10px!important;overflow:hidden!important;background:#000!important;margin:8px 0 18px!important;padding:0!important;display:block!important;}
.phone.home .homeHero::before,.phone.home .homeHero::after{display:none!important;content:none!important;}
.phone.home .homeHeroMainImg,.phone.home .homeHeroImg,.phone.home .bannerSlide{display:none!important;}
.phone.home .homeHeroSlide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;display:block!important;opacity:0!important;visibility:visible!important;z-index:1!important;animation:homeHeroSlideV50 6s infinite!important;}
.phone.home .homeHeroSlide1{animation-delay:0s!important;}
.phone.home .homeHeroSlide2{animation-delay:2s!important;}
.phone.home .homeHeroSlide3{animation-delay:4s!important;}
@keyframes homeHeroSlideV50{0%{opacity:1}30%{opacity:1}34%{opacity:0}96%{opacity:0}100%{opacity:1}}
.phone.home .homeHeroDots{position:absolute!important;left:0!important;right:0!important;bottom:12px!important;text-align:center!important;z-index:5!important;pointer-events:none!important;}
.phone.home .homeHeroDots span{display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:rgba(255,255,255,.55)!important;margin:0 4px!important;animation:homeHeroDotV50 6s infinite!important;}
.phone.home .homeHeroDots span:nth-child(1){animation-delay:0s!important;}
.phone.home .homeHeroDots span:nth-child(2){animation-delay:2s!important;}
.phone.home .homeHeroDots span:nth-child(3){animation-delay:4s!important;}
@keyframes homeHeroDotV50{0%{background:#fff;width:8px;height:8px}30%{background:#fff;width:8px;height:8px}34%{background:rgba(255,255,255,.55);width:6px;height:6px}96%{background:rgba(255,255,255,.55);width:6px;height:6px}100%{background:#fff;width:8px;height:8px}}


/* v51 final override: single img hero, restore quick icons and segment tabs */
.phone.home .logoRow{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 16px 8px!important;background:#151515!important;}
.phone.home .brandLogoImg{display:block!important;width:187px!important;height:30px!important;max-width:62vw!important;object-fit:contain!important;}
.phone.home .homeHero{position:relative!important;width:100%!important;aspect-ratio:1024/500!important;border-radius:10px!important;overflow:hidden!important;background:#000!important;margin:8px 0 18px!important;padding:0!important;display:block!important;}
.phone.home .homeHero::before,.phone.home .homeHero::after{display:none!important;content:none!important;}
.phone.home .homeHeroMainImg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:1!important;}
.phone.home .homeHeroSlide,.phone.home .homeHeroImg,.phone.home .bannerSlide{display:none!important;}
.phone.home .homeHeroDots{position:absolute!important;left:0!important;right:0!important;bottom:12px!important;text-align:center!important;z-index:5!important;pointer-events:none!important;}
.phone.home .homeHeroDots span{display:inline-block!important;width:6px!important;height:6px;border-radius:50%!important;background:rgba(255,255,255,.55)!important;margin:0 4px!important;transition:all .2s!important;animation:none!important;}
.phone.home .homeHeroDots span.active{background:#fff!important;width:8px!important;height:8px!important;}
.phone.home .seg{margin:0 14px 18px!important;background:#222!important;border-radius:4px!important;display:grid!important;grid-template-columns:1fr 1fr!important;overflow:hidden!important;}
.phone.home .seg button{height:48px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:20px!important;font-weight:800!important;}
.phone.home .seg button.on{background:#55c7c7!important;color:#fff!important;}
.loadMore{padding:14px;text-align:center;color:#22d97e;font-size:13px}.loadMore.muted{color:#777}

/* market infinite scroll fix */
.marketPhone{
  height:100vh!important;
  min-height:100vh!important;
  overflow:hidden!important;
  padding-bottom:74px!important;
}
#marketRows{
  height:calc(100vh - 80px - 48px - 74px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
  padding-bottom:18px!important;
}
.marketPhone .subtabs + #marketRows{
  height:calc(100vh - 80px - 48px - 48px - 74px)!important;
}
#marketRows .row{
  transform:translateZ(0);
  will-change:auto;
}
.loadMore{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  user-select:none!important;
}


/* final market scroll stability fix */
.marketPhone{
  position:relative!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
#marketRows{
  position:relative!important;
  contain:layout paint!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scroll-behavior:auto!important;
}
#marketRows .list{
  transform:translateZ(0);
}
#marketRows input,#marketRows button{
  touch-action:manipulation!important;
}

/* v62 mobile quote detail compact style - match target screenshot */
.phone{
  max-width:430px!important;
}
.top{
  height:56px!important;
  font-size:18px!important;
  font-weight:500!important;
}
.top .back{
  font-size:28px!important;
  left:18px!important;
}
.detailBox{
  margin:16px 16px 24px!important;
  padding:16px 22px!important;
  border-radius:10px!important;
  font-size:16px!important;
  line-height:1.32!important;
}
.detailBox > div:first-child b{
  font-size:16px!important;
  line-height:1.22!important;
  font-weight:800!important;
}
.detailBox > div:first-child{
  font-size:15px!important;
  line-height:1.25!important;
}
.detailBox p{
  margin:11px 0!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:400!important;
}
.detailBox p b,
.detailBox b[style*="float:right"]{
  font-size:16px!important;
  font-weight:800!important;
}
.chart{
  height:245px!important;
  margin:0 16px!important;
  border-radius:8px!important;
}
.klineTabs.tabs3,
.tabs3.klineTabs{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  padding:16px 16px 10px!important;
  font-size:15px!important;
  font-weight:500!important;
  text-align:center!important;
  gap:0!important;
}
.klineTabs.tabs3 span,
.tabs3.klineTabs span{
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 0 10px!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:500!important;
  color:#fff!important;
  border-bottom:0!important;
}
.klineTabs.tabs3 span.on,
.tabs3.klineTabs span.on{
  color:#55d8d8!important;
  border-bottom:0!important;
}
.klineTabs.tabs3 span.on::after,
.tabs3.klineTabs span.on::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:52px!important;
  height:3px!important;
  border-radius:3px!important;
  background:#55d8d8!important;
}
.phone > .two{
  margin:12px 24px 0!important;
  gap:16px!important;
}
.phone > .two .btn{
  height:46px!important;
  margin-top:0!important;
  border-radius:5px!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:46px!important;
  padding:0!important;
}
@media(max-width:390px){
  .detailBox{margin-left:12px!important;margin-right:12px!important;padding:14px 18px!important;font-size:15px!important;}
  .detailBox p,.detailBox p b,.detailBox b[style*="float:right"]{font-size:15px!important;}
  .chart{height:235px!important;margin-left:12px!important;margin-right:12px!important;}
  .klineTabs.tabs3,.tabs3.klineTabs{padding-left:10px!important;padding-right:10px!important;font-size:14px!important;}
  .klineTabs.tabs3 span,.tabs3.klineTabs span{font-size:14px!important;}
  .phone > .two{margin-left:20px!important;margin-right:20px!important;gap:14px!important;}
  .phone > .two .btn{height:44px!important;font-size:16px!important;}
}


/* v2026-05-09 wallet international amount style */
.walletBalance .walletAmount{font-size:28px!important;font-weight:800!important;line-height:36px!important;margin:22px 0 18px!important;letter-spacing:.2px;white-space:nowrap;}
.walletBalance .walletLabel{font-size:14px!important;line-height:20px!important;font-weight:400!important;}
.walletBalance .frozenBox{font-size:13px!important;line-height:18px!important;padding:12px!important;}
@media (max-width:390px){.walletBalance .walletAmount{font-size:26px!important;}.walletBalance{margin-left:28px!important;margin-right:28px!important;}}