.deposit-mask { position: fixed; z-index: 10080; inset: 0; display: flex; align-items: center; justify-content: center; padding: 18px; background: rgba(3,12,8,.72); backdrop-filter: blur(9px); font-family: Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif; }
.deposit-sheet { width: min(100%,390px); max-height: calc(100vh - 28px); overflow-y: auto; border: 1px solid rgba(16,201,121,.2); border-radius: 25px; padding: 21px 19px 19px; color: #101815; background: #fff; box-shadow: 0 26px 85px rgba(0,0,0,.4); }
.deposit-head { display: flex; align-items: center; justify-content: space-between; }.deposit-head span { color: #009b5a; font-size: 9px; font-weight: 900; letter-spacing: .14em; }.deposit-head h2 { margin: 3px 0 0; font-size: 23px; }.deposit-close { width: 36px; height: 36px; border: 0; border-radius: 50%; color: #53625c; background: #edf3f0; font-size: 23px; cursor: pointer; }
.deposit-network { display: flex; align-items: center; gap: 11px; margin-top: 17px; border-radius: 15px; padding: 12px; background: #f2f7f4; }.deposit-tron-logo { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 50%; color: #fff; background: #e94155; font-weight: 900; }.deposit-network div { display: grid; gap: 2px; }.deposit-network strong { font-size: 14px; }.deposit-network small { color: #83908a; font-size: 10px; }.deposit-network em { margin-left: auto; border-radius: 999px; padding: 6px 8px; color: #009b5a; background: #e8fff4; font-size: 10px; font-style: normal; font-weight: 900; }
.deposit-qr-wrap { text-align: center; }.deposit-qr { display: block; width: 176px; height: 176px; margin: 18px auto 8px; border: 9px solid #f2f7f4; border-radius: 18px; object-fit: cover; }.deposit-qr-empty { display: grid; place-content: center; color: #819089; background: repeating-linear-gradient(45deg,#f3f6f4,#f3f6f4 8px,#e9efec 8px,#e9efec 16px); }.deposit-qr-empty span { color: #33463d; font-size: 20px; font-weight: 900; }.deposit-qr-empty small { margin-top: 6px; font-size: 9px; }.deposit-qr-wrap p { margin: 0 0 14px; color: #7c8a84; font-size: 11px; }
.deposit-address-box { border: 1px solid #dce7e2; border-radius: 15px; padding: 12px; background: #fbfdfc; }.deposit-address-box > span { display: block; color: #7b8983; font-size: 10px; }.deposit-address-box strong { display: block; overflow-wrap: anywhere; margin: 6px 0 10px; font-size: 12px; line-height: 1.5; }.deposit-copy { width: 100%; min-height: 43px; border: 0; border-radius: 11px; color: #07110c; background: #10c979; font-weight: 900; cursor: pointer; }.deposit-copy:disabled { color: #8d9994; background: #e9efec; cursor: not-allowed; }
.deposit-notice { margin-top: 13px; border-radius: 14px; padding: 12px 13px; color: #cfe8dc; background: linear-gradient(135deg,#17251f,#09120d); }.deposit-notice strong { color: #10c979; font-size: 13px; }.deposit-notice p { margin: 5px 0 0; color: #a8bbb2; font-size: 10px; line-height: 1.55; }.deposit-rules { margin: 12px 0 0; padding-left: 19px; color: #7b8983; font-size: 10px; line-height: 1.7; }.deposit-status { min-height: 17px; margin: 8px 0 0; text-align: center; font-size: 11px; }.deposit-status.is-success { color: #009b5a; }.deposit-status.is-error { color: #d94841; }
@media(max-width:560px){.deposit-mask{display:block!important;overflow-y:auto;padding:0!important;background:#fff!important;backdrop-filter:none!important}.deposit-sheet{box-sizing:border-box!important;width:100%!important;min-height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;padding:calc(20px + env(safe-area-inset-top)) 18px calc(26px + env(safe-area-inset-bottom))!important;box-shadow:none!important}.deposit-head{position:sticky;top:calc(-20px - env(safe-area-inset-top));z-index:2;margin:calc(-20px - env(safe-area-inset-top)) -18px 0;padding:calc(20px + env(safe-area-inset-top)) 18px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}}