/* Desktop coin recharge, Figma 53040:19738 / 53040:19701. */
@media (min-width: 1200px) {
  body[data-recharge-tab="coin"] .mobile-recharge-shell {
    display: block;
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: max(1043px, calc(100vh - 76px));
    padding-top: 346px;
    overflow: hidden;
    background-color: #1a1306;
    background-image: url('/static/images/desktop-coin/background.svg'), linear-gradient(159.8deg, #0e1012 21.134%, #1a1306 56.505%, #4a3306 86.509%);
    background-position: center -76px;
    background-size: 1920px 1118px;
    background-repeat: no-repeat;
    box-shadow: none;
    color: rgba(255,255,255,.9);
  }
  .desktop-coin-stripes { position: absolute; z-index: -1; top: 48px; left: calc(50% - 600px); width: 718px; height: 382.432px; pointer-events: none; }
  .desktop-coin-stripes i { position: absolute; top: 0; height: 100%; width: 32.314px; opacity: .3; background: linear-gradient(180deg, transparent, rgba(255,255,255,.3) 47.596%, transparent); }
  .desktop-coin-stripes i:nth-child(1) { left: 0; width: 66.528px; }
  .desktop-coin-stripes i:nth-child(2) { left: 91.238px; width: 66.528px; }
  .desktop-coin-stripes i:nth-child(3) { left: 195.782px; width: 66.528px; background: linear-gradient(180deg, transparent, rgba(255,255,255,.3) 70.519%, transparent); }
  .desktop-coin-stripes i:nth-child(4) { left: 307.929px; }
  .desktop-coin-stripes i:nth-child(5) { left: 360px; width: 37px; }
  .desktop-coin-stripes i:nth-child(6) { left: 420px; width: 37px; }
  .desktop-coin-stripes i:nth-child(7) { left: 472.797px; width: 98.841px; }
  .desktop-coin-stripes i:nth-child(8) { left: 588.746px; }
  .desktop-coin-stripes i:nth-child(9) { left: 638.167px; }
  .desktop-coin-stripes i:nth-child(10) { left: 685.687px; }
  body[data-recharge-tab="coin"] .desktop-recharge-heading { top: 49px; width: 1200px; }
  body[data-recharge-tab="coin"] .desktop-recharge-heading img { content: url('/static/images/desktop-coin/heading-diamond.png'); width: 32px; height: 32px; object-fit: contain; }
  body[data-recharge-tab="coin"] .mobile-recharge-records { top: 55px; right: calc(50% - 552px); }
  body[data-recharge-tab="coin"] .mobile-recharge-hero { top: 141px; left: calc(50% - 551px); width: 1151px; height: 140px; }
  body[data-recharge-tab="coin"] .desktop-recharge-coin-art { top: 0; left: 0; width: 140px; height: 140px; overflow: visible; }
  body[data-recharge-tab="coin"] .desktop-recharge-coin-art::before,
  body[data-recharge-tab="coin"] .desktop-recharge-coin-art::after { display: none; }
  .desktop-coin-glow { position: absolute; top: -30.27px; left: -15.14px; }
  .desktop-coin-diamond { position: absolute; top: -9.459px; left: 0; object-fit: contain; }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-user { top: 42px; left: 170px; }
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance { top: 0; left: 731px; right: auto; width: 420px; height: 132px; }
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance::before { display: none; }
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance::after { top: 0; left: 10.176px; right: 0; height: 115.302px; border-radius: 20px; transform: none; background: #000; box-shadow: inset 0 6px 6px -2px rgba(255,198,23,.15), inset 0 -20px 20px rgba(255,255,255,.1), inset 0 -30px 80px -30px rgba(255,198,23,.9); }
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance > span { top: 14px; left: 35px; display: flex; flex-direction: column; gap: 4px; color: #fff; font-size: 20px; line-height: 28px; }
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance > span::before,
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance > em::before { display: none; }
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance > span > strong { gap: 4px; font-size: 40px; line-height: 56px; font-weight: 600; }
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance strong b { color: rgba(255,255,255,.9); }
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance strong img { content: url('/static/images/desktop-coin/coin.png'); width: 36px; height: 36px; }
  body[data-recharge-tab="coin"] .mobile-recharge-hero .mobile-recharge-balance > em { top: 56px; right: 24px; width: 104px; height: 36px; padding: 4px 12px; background: #ffc000; color: #292929; font-size: 20px; line-height: 28px; white-space: nowrap; }
  body[data-recharge-tab="coin"] .mobile-recharge-content { position: relative; top: auto; left: auto; width: 1200px; min-height: 658px; margin: 0 auto 39px; padding: 48px; transform: none; overflow: visible; border: 0; border-top: 2px solid rgba(255,255,255,.05); border-radius: 20px; background: rgba(255,255,255,.05); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-plans { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 24px; }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-plan { display: flex; height: 158px; padding: 16px 8px; flex-direction: column; align-items: center; justify-content: space-between; border: 1px solid rgba(255,255,255,.05); border-radius: 16px; outline: 0; background: rgba(255,255,255,.05); box-shadow: none; }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-plan.is-active { border: 1px solid #ffc000; background: rgba(255,192,0,.1); }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-plan::before { display: none; }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-plan > span:not(.mobile-recharge-coin-price) { gap: 4px; height: 20px; color: rgba(255,255,255,.9); font: 500 14px/20px "PingFang SC", sans-serif; }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-plan > span:not(.mobile-recharge-coin-price) i { width: 16px; height: 16px; flex-basis: 16px; padding: 0; border-radius: 4px; background: linear-gradient(135deg, #f8f3ae, #ddac44); color: #292929; font-size: 10px; line-height: 16px; }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-plan > img { content: url('/static/images/desktop-coin/coin.png'); width: 40px; height: 40px; margin: 0; }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-plan > strong { width: 100%; height: 29px; overflow: hidden; color: rgba(255,255,255,.9); font-size: 24px; font-weight: 700; line-height: 29px; text-overflow: ellipsis; white-space: nowrap; }
  body[data-recharge-tab="coin"] .mobile-recharge-coin-price { width: 100%; height: 18px; margin: 0; background: none; color: rgba(255,255,255,.9); font-size: 12px; line-height: 18px; font-weight: 500; }
  body[data-recharge-tab="coin"] .mobile-recharge-payment { margin-top: 48px; }
  body[data-recharge-tab="coin"] .mobile-recharge-payment h1 { height: 24px; margin: 0 0 32px; color: rgba(255,255,255,.9); font-size: 18px; line-height: 24px; }
  body[data-recharge-tab="coin"] .mobile-recharge-payment h1 img { display: none; }
  body[data-recharge-tab="coin"] .mobile-recharge-payment__grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
  body[data-recharge-tab="coin"] .mobile-recharge-method { height: 60px; border-radius: 12px; background: rgba(255,255,255,.1); }
  body[data-recharge-tab="coin"] .mobile-recharge-method[data-payment-method="wechat"] img { content: url('/static/images/desktop-coin/wechat.svg'); }
  body[data-recharge-tab="coin"] .mobile-recharge-method[data-payment-method="alipay"] img { content: url('/static/images/desktop-coin/alipay.svg?v=2'); }
  body[data-recharge-tab="coin"] .mobile-recharge-method[data-payment-method="usdt"] img { content: url('/static/images/desktop-coin/usdt.svg'); }
  body[data-recharge-tab="coin"] .mobile-recharge-method.is-active > i { background-image: url('/static/images/desktop-coin/radio-selected.svg'); background-size: 12px 12px; }
  body[data-recharge-tab="coin"] .mobile-recharge-notes--coin { display: block; margin-top: 12px; font-size: 14px; line-height: 20px; }
  body[data-recharge-tab="coin"] .mobile-recharge-notes--coin strong { margin-bottom: 6px; }
  body[data-recharge-tab="coin"] .mobile-recharge-footer { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; height: auto; margin-top: 48px; padding: 0; gap: 16px; transform: none; background: none; }
  body[data-recharge-tab="coin"] .mobile-recharge-footer button { display: flex; width: 100%; height: 76px; flex: 0 0 76px; padding: 16px 40px; align-items: center; gap: 8px; border-top: .5px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.05); }
  body[data-recharge-tab="coin"] .mobile-recharge-footer button::before,
  body[data-recharge-tab="coin"] .mobile-recharge-footer button::after { display: none; }
  body[data-recharge-tab="coin"] .mobile-recharge-footer button > span { position: static; order: 0; color: rgba(255,255,255,.9); font-size: 20px; line-height: 32px; }
  body[data-recharge-tab="coin"] .mobile-recharge-footer button > span b { font-size: 32px; line-height: 38px; font-weight: 700; }
  body[data-recharge-tab="coin"] .mobile-recharge-footer button > em { position: static; order: 1; width: auto; height: 20px; padding: 3px 8px; border: .5px solid rgba(255,255,255,.5); border-radius: 10px 10px 10px 0; background: #3f51b2; color: #fff; font-size: 10px; line-height: 12px; letter-spacing: 0; }
  body[data-recharge-tab="coin"] .mobile-recharge-footer button > strong { position: static; order: 2; display: flex; width: 139px; height: 44px; margin-left: auto; align-items: center; justify-content: center; border-radius: 999px; background: #ffc000; color: #292929; font-size: 16px; line-height: 22px; font-weight: 500; }
  body[data-recharge-tab="coin"] .mobile-recharge-footer p { color: rgba(255,255,255,.55); font-size: 12px; line-height: 18px; }
  body[data-recharge-tab="coin"] .mobile-recharge-footer p a { color: rgba(255,255,255,.9); }
}