*,:before,:after {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-shadow: 0 0 rgba(0,0,0,0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147,197,253,.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-shadow: 0 0 rgba(0,0,0,0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147,197,253,.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.visible {
    visibility: visible
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.static {
    position: static
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

.top-\[-4px\] {
    top: -4px
}

.top-0 {
    top: 0
}

.top-2 {
    top: .5rem
}

.z-\[99\] {
    z-index: 99
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.grid {
    display: grid
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.my {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.\!ml-6 {
    margin-left: 1.5rem!important
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-8 {
    margin-bottom: 2rem
}

.me {
    margin-inline-end:1rem}

.ml-2 {
    margin-left: .5rem
}

.mr-\[14px\] {
    margin-right: 14px
}

.mr-\[7px\] {
    margin-right: 7px
}

.mr-2 {
    margin-right: .5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.hidden {
    display: none
}

.\!h-\[18px\] {
    height: 18px!important
}

.\!h-\[26px\] {
    height: 26px!important
}

.\!h-\[54px\] {
    height: 54px!important
}

.\!w-\[18px\] {
    width: 18px!important
}

.h-\[17px\] {
    height: 17px
}

.h-\[18px\] {
    height: 18px
}

.h-\[29px\] {
    height: 29px
}

.h-\[30px\] {
    height: 30px
}

.h-\[42px\] {
    height: 42px
}

.h-\[49px\] {
    height: 49px
}

.h-\[60px\] {
    height: 60px
}

.h-\[70px\] {
    height: 70px
}

.h-11 {
    height: 2.75rem
}

.h-4,.h4 {
    height: 1rem
}

.h-6 {
    height: 1.5rem
}

.h-full {
    height: 100%
}

.h1 {
    height: .25rem
}

.h2 {
    height: .5rem
}

.h3 {
    height: .75rem
}

.min-w-\[156px\] {
    min-width: 156px
}

.w-\[17px\] {
    width: 17px
}

.w-\[18px\] {
    width: 18px
}

.w-\[49px\] {
    width: 49px
}

.w-\[60px\] {
    width: 60px
}

.w-\[80\%\] {
    width: 80%
}

.w-4 {
    width: 1rem
}

.w-6 {
    width: 1.5rem
}

.w-full {
    width: 100%
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink {
    flex-shrink: 1
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.transform {
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.\!gap-\[11px\] {
    gap: 11px!important
}

.gap-\[28px\] {
    gap: 28px
}

.gap-\[50px\] {
    gap: 50px
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.overflow-hidden {
    overflow: hidden
}

.\!border-0 {
    border-width: 0!important
}

.border {
    border-width: 1px
}

.border-\[none\] {
    border-color: none
}

.\!rounded-full {
    border-radius: 9999px!important
}

.rounded-full {
    border-radius: 9999px
}

.bg-\[\#16df7e\] {
    --un-bg-opacity: 1;
    background-color: rgba(22,223,126,var(--un-bg-opacity))
}

.bg-white {
    --un-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--un-bg-opacity))
}

.bg-cover {
    background-size: cover
}

.object-cover {
    object-fit: cover
}

.object-scale-down {
    object-fit: scale-down
}

.\!p-\[var\(--page-gap\)\] {
    padding: var(--page-gap)!important
}

.p-2 {
    padding: .5rem
}

.\!px-\[27px\] {
    padding-left: 27px!important;
    padding-right: 27px!important
}

.\!px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.\!px-8 {
    padding-left: 2rem!important;
    padding-right: 2rem!important
}

.\!py-\[29px\] {
    padding-top: 29px!important;
    padding-bottom: 29px!important
}

.\!py-\[35px\] {
    padding-top: 35px!important;
    padding-bottom: 35px!important
}

.\!py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.\!py-4 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.\!py-5 {
    padding-top: 1.25rem!important;
    padding-bottom: 1.25rem!important
}

.px-\[var\(--page-gap\)\] {
    padding-left: var(--page-gap);
    padding-right: var(--page-gap)
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.\!pt-0 {
    padding-top: 0!important
}

.pb-4 {
    padding-bottom: 1rem
}

.pr-2 {
    padding-right: .5rem
}

.pt,.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-8 {
    padding-top: 2rem
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.\!text-\[12px\] {
    font-size: 12px!important
}

.\!text-\[13px\] {
    font-size: 13px!important
}

.\!text-sm {
    font-size: 14Px!important;
    line-height: 22Px!important
}

.\!text-xs {
    font-size: 12Px!important;
    line-height: 18Px!important
}

.text-\[13px\] {
    font-size: 13px
}

.text-3xl {
    font-size: 24Px;
    line-height: 36Px
}

.text-4xl {
    font-size: 28Px;
    line-height: 40Px
}

.text-5xl {
    font-size: 32Px;
    line-height: 42Px
}

.text-base {
    font-size: 16Px;
    line-height: 24Px
}

.text-lg {
    font-size: 18Px;
    line-height: 24Px
}

.text-sm {
    font-size: 14Px;
    line-height: 22Px
}

.text-xl {
    font-size: 20Px;
    line-height: 27Px
}

.text-xs {
    font-size: 12Px;
    line-height: 18Px
}

.\!font-normal {
    font-weight: 400!important
}

.font-bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.\!text-\[var\(--color-grey-7\)\] {
    color: var(--color-grey-7)!important
}

.\!text-\[var\(--color-grey\)\] {
    color: var(--color-grey)!important
}

.\!text-\[var\(--color-primary\)\] {
    color: var(--color-primary)!important
}

.text-\[\#4A4A4A\] {
    --un-text-opacity: 1;
    color: rgba(74,74,74,var(--un-text-opacity))
}

.text-\[\#7C7C7C\] {
    --un-text-opacity: 1;
    color: rgba(124,124,124,var(--un-text-opacity))
}

.text-\[\#858ea1\] {
    --un-text-opacity: 1;
    color: rgba(133,142,161,var(--un-text-opacity))
}

.text-\[\#9B9B9B\] {
    --un-text-opacity: 1;
    color: rgba(155,155,155,var(--un-text-opacity))
}

.text-\[\#fff\] {
    --un-text-opacity: 1;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.text-\[var\(--color-grey-7\)\] {
    color: var(--color-grey-7)
}

.text-\[var\(--color-grey-8\)\] {
    color: var(--color-grey-8)
}

.text-\[var\(--color-primary\)\] {
    color: var(--color-primary)
}

.text-\[var\(--color-text-3\)\] {
    color: var(--color-text-3)
}

.opacity-0 {
    opacity: 0
}

.outline {
    outline-style: solid
}

.transition {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 1024px) {
    .lg\:pt-0 {
        padding-top:0
    }
}

:root {
    color-scheme: light;
    --color-grey: #FFFFFF;
    --color-grey-1: #FAFAFA;
    --color-grey-2: #F2F2F2;
    --color-grey-3: #EBEBEB;
    --color-grey-4: #E0E0E0;
    --color-grey-5: #D4D4D4;
    --color-grey-6: #C8C8C8;
    --color-grey-7: #848E9C;
    --color-grey-8: #969696;
    --color-grey-9: #646464;
    --color-grey-10: #323232;
    --color-grey-11: #181818;
    --color-grey-12: #000000;
    --color-text-2: #BFCBCE;
    --color-text-3: #EAECEF;
    --color-primary: rgba(253, 213, 53, .86);
    --color-success: #0EB976;
    --color-error: #D93B4B;
    --box-shadow-1: 0 0 4.26667vw #efefef;
    --box-shadow-2: 0px 10px 20px rgba(0, 0, 0, .1);
    --bg-main: #000000;
    --bg-color: #1D1D1D;
    --bg-color-2: #363762;
    --border-color: #2c2e55;
    --page-gap: 18px;
    --border-radius: 12px;
    --van-button-primary-color: #242422;
    --van-primary-color: var(--color-primary);
    --van-success-color: var(--color-success);
    --van-danger-color: var(--color-error);
    --van-text-color: var(--color-grey);
    --van-background-2: var(--bg-color);
    --van-background-3: var(--bg-color);
    --van-cell-active-color: var(--bg-color);
    --van-border-color: var(--border-color);
    --van-cell-border-color: var(--border-color);
    --van-tab-text-color: var(--color-grey-8);
    --van-empty-image-size: 120px
}

:root .van-button--primary {
    font-weight: 600;
    border-radius: var(--border-radius)
}

:root .van-picker {
    --van-picker-mask-color: var(--bg-color)
}

:root .van-picker .van-picker-column {
    background: var(--bg-main)
}

:root .van-dialog {
    border-radius: 14px
}

:root .van-dialog .van-dialog__message.van-dialog__message--has-title {
    padding-top: 24px;
    padding-bottom: 26px;
    color: var(--color-grey-7)
}

body {
    font-size: 13Px!important;
    color: var(--color-grey);
    background-color: var(--bg-main);
    min-height: 100vh
}

body * {
    box-sizing: border-box
}

body h1,body h2,body h3,body h4,body p {
    margin: 0
}

body .bb-section {
    border-radius: var(--border-radius);
    background-color: var(--bg-color);
    padding: 0 var(--page-gap)
}

body .bb-section .bb-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--page-gap) 0;
    border-bottom: 1px solid rgba(255,255,255,.06)
}

body .bb-section .bb-item .label {
    color: #848e9c
}

body .bb-section .bb-item .value {
    color: #eaecef;
    display: flex;
    align-items: center;
    gap: 10px
}

body .bb-section .bb-item:last-child {
    border-bottom: none
}

body .van-nav-bar {
    background: var(--bg-main)
}

.layout-default ._header[data-v-d7d68a69] {
    position: sticky;
    top: 0;
    z-index: 999;
    height: 48Px;
    background-color: #181818;
    z-index: 2;
    padding: 0 12Px;
    --van-gray-4: #fff
}

.layout-default ._header>div[data-v-d7d68a69] {
    flex: 1;
    text-align: center
}

.layout-default ._header>div[data-v-d7d68a69] .van-dropdown-menu {
    --van-dropdown-menu-background: none;
    --van-cell-background: #181818
}

.layout-default ._header>div[data-v-d7d68a69] .van-dropdown-menu .van-dropdown-menu__bar {
    box-shadow: none
}

.layout-default ._header>div[data-v-d7d68a69] .van-dropdown-menu .van-dropdown-menu__bar .van-dropdown-menu__item {
    justify-content: flex-start
}

.layout-default ._header>div[data-v-d7d68a69] .van-dropdown-menu .van-dropdown-menu__bar .van-dropdown-menu__item .van-dropdown-menu__title {
    padding-left: 0;
    font-size: 13px
}

.layout-default ._header>div .chain-container-div[data-v-d7d68a69] {
    display: flex;
    align-items: center;
    justify-content: center;
    --van-dropdown-menu-height: 29px;
    --van-dropdown-menu-background: none;
    background-color: var(--van-dropdown-menu-background);
    border-radius: 4px!important;
    padding-left: 10px
}

.layout-default ._header>div .chain-container-div[data-v-d7d68a69] .van-dropdown-menu .van-dropdown-menu__bar {
    border-radius: 4px!important
}

.layout-default ._header>div .chain-container-div[data-v-d7d68a69] .van-dropdown-menu .van-dropdown-menu__title {
    padding-right: 26px;
    padding-left: 6px!important;
    font-size: 12px!important
}

.layout-default ._header>div .chain-container-div[data-v-d7d68a69] .van-dropdown-menu .van-dropdown-menu__title:after {
    right: 10px
}

.layout-default ._header .chain-select[data-v-d7d68a69] {
    padding: 0 10px;
    height: 29px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    background: #29313D;
    border-radius: 4px;
    margin-right: 11px
}

.layout-default[data-v-d7d68a69] .van-popup {
    border-radius: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 144px)
}

.layout-default[data-v-d7d68a69] .van-popup .msg-read-content {
    width: 88vw;
    padding: 16px
}

.layout-default[data-v-d7d68a69] .van-popup .msg-read-content ._title {
    text-align: center;
    font-weight: 500;
    padding-bottom: 14px
}

.layout-default[data-v-d7d68a69] .van-popup .msg-read-content ._content {
    max-height: 75vh;
    min-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto
}

.layout-default[data-v-d7d68a69] .van-popup .msg-read-content ._foot {
    display: flex;
    align-items: center;
    padding: 13px 20px
}

.layout-default[data-v-d7d68a69] .van-popup .msg-read-content ._foot button {
    height: 40px;
    width: 100%;
    margin-top: 30px
}

.layout-default[data-v-d7d68a69] .van-tabbar-item__text {
    text-align: center
}

@keyframes showHide-d7d68a69 {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.email-msg[data-v-d7d68a69] {
    position: fixed;
    z-index: 10;
    right: 18px;
    bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: var(--color-grey);
    box-shadow: 0 0 5px #0003
}

.email-msg[data-v-d7d68a69] .van-badge__wrapper img {
    height: 26px
}

.email-msg[data-v-d7d68a69] .van-badge__wrapper .van-badge {
    animation: showHide-d7d68a69 1s linear infinite
}

.chain-select-options {
    background-color: var(--bg-color-2);
    width: 80px;
    padding: 4px 0
}

.chain-select-options>div {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.van-popover__content:has(.chain-select-options) {
    overflow: auto;
    transform: translate(-30px)
}