.menu-list[data-v-77f5f56f] {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 3.5rem;
    width: 100%;
    max-width: 450px;
    background: var(--van-background-color);
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
    z-index: 100;
    border-top: 1px solid var(--van-border-color);
    backdrop-filter: blur(10px)
}

.menu-list>div[data-v-77f5f56f] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    z-index: 10;
    cursor: pointer
}

.menu-item[data-v-77f5f56f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    padding: .3rem;
    border-radius: 8px;
    min-width: 0
}

.menu-icon[data-v-77f5f56f] {
    height: 1.4rem;
    width: 1.4rem;
    color: var(--text-secondary-color, #666);
    transition: color .3s ease
}

.icon-active[data-v-77f5f56f] {
    color: var(--van-primary-color, #1989fa)
}

.menu-label[data-v-77f5f56f] {
    font-size: .7rem;
    color: var(--text-secondary-color, #666);
    font-weight: 600;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    transition: color .3s ease
}

.menu-label-active[data-v-77f5f56f] {
    color: var(--van-primary-color, #1989fa);
    font-weight: 600
}

#app {
    position: relative;
    min-height: 100vh;
    transition: all .3s ease
}

@font-face {
    font-display: swap;
    font-family: HarmonyOS Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Regular.dd18115d.woff2) format("woff2"), url(/fonts/HarmonyOS_Sans_Regular.76c0c09a.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HarmonyOS Sans;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/Regular.dd18115d.woff2) format("woff2"), url(/fonts/HarmonyOS_Sans_Regular.76c0c09a.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HarmonyOS Sans;
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/Bold.e46e67f2.woff2) format("woff2"), url(/fonts/HarmonyOS_Sans_Bold.1b6294b3.woff) format("woff")
}

@font-face {
    font-family: OSPunctuation;
    src: local("Arial");
    unicode-range: u+2018, u+2019, u+201c, u+201d
}

body {
    height: auto;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    font-family: HarmonyOS Sans, PingFang SC, OSPunctuation, Microsoft Yahei, Heiti SC, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    transition: all .3s ease
}

#app,
body {
    width: 100%;
    background: var(--van-background-color);
    color: var(--van-text-color)
}

#app {
    font-family: HarmonyOS Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 450px
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-track {
    background: var(--van-background-color-light)
}

::-webkit-scrollbar-thumb {
    background: var(--van-primary-color);
    border-radius: 3px
}

::-webkit-scrollbar-thumb:hover {
    background: var(--van-secondary-color)
}

::-moz-selection {
    background: var(--van-primary-color);
    color: #fff
}

::selection {
    background: var(--van-primary-color);
    color: #fff
}

:focus {
    outline: 2px solid var(--van-primary-color);
    outline-offset: 2px
}

.bottom-menu-fade-enter-active {
    transition: all .3s ease-out
}

.bottom-menu-fade-leave-active {
    transition: all .2s ease-in
}

.bottom-menu-fade-enter-from,
.bottom-menu-fade-leave-to {
    opacity: 0;
    transform: translateY(100%)
}

.bottom-menu-fade-enter-to,
.bottom-menu-fade-leave-from {
    opacity: 1;
    transform: translateY(0)
}

.van-dialog {
    background-color: var(--van-background-color) !important;
    top: 50%
}

.van-cell.van-field {
    background-color: var(--van-background-color)
}

.van-cell__value {
    color: var(--van-text-color) !important
}

.van-dropdown-menu__bar {
    background-color: transparent !important;
    box-shadow: unset
}

.van-dropdown-menu__bar,
.van-dropdown-menu__title {
    color: var(--van-primary-color) !important
}

.van-dialog__message {
    color: var(--van-text-color) !important
}

.van-number-keyboard {
    background-color: var(--van-background-color-light) !important
}

.van-password-input {
    margin-inline: 0 !important
}

.van-picker__mask {
    background-image: unset !important
}

.van-key--active,
.van-picker-column__wrapper {
    background-color: var(--van-background-color) !important
}

.tool-selection-dialog .van-dialog__header {
    font-weight: 600;
    padding: 1rem;
    color: var(--van-primary-color);
    border-bottom: 1px solid var(--van-border-color)
}

.tool-selection-dialog .tool-type {
    margin-bottom: 1rem
}

.tool-selection-dialog .tool-type .van-tab {
    font-weight: 500;
    transition: all .3s ease
}

.tool-selection-dialog .tool-type .van-tab--active {
    color: var(--van-primary-color);
    font-weight: 600
}

.tool-selection-dialog .tool-list-container {
    max-height: 45vh;
    overflow-y: auto;
    border-radius: var(--van-border-radius-lg)
}

.tool-selection-dialog .tool-list-item {
    transition: all .3s ease;
    border-bottom: 1px solid var(--van-border-color)
}

.tool-selection-dialog .tool-list-item:last-child {
    border-bottom: none
}

.van-cell--clickable:active {
    background-color: var(--van-background-color-2) !important
}

.tool-selection-dialog .tool-list-item {
    background-color: var(--van-background-color-2)
}

.tool-selection-dialog .tool-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .75rem
}

.tool-selection-dialog .tool-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease;
    border: 2px solid transparent
}

.tool-selection-dialog .tool-info-container {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.tool-selection-dialog .tool-name {
    font-size: var(--van-font-size-md);
    font-weight: 600;
    margin-bottom: .2rem;
    color: var(--van-text-color)
}

.tool-selection-dialog .tool-account {
    font-size: var(--van-font-size-sm);
    color: var(--van-text-color-2)
}

.tool-selection-dialog .tool-download {
    font-size: var(--van-font-size-sm);
    display: flex;
    align-items: center;
    gap: .5rem
}

.tool-selection-dialog .download-link {
    color: var(--van-primary-color);
    font-weight: 500;
    position: relative
}

.tool-selection-dialog .download-link:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--van-primary-color);
    transition: width .3s ease
}

.tool-selection-dialog .download-link:hover:after {
    width: 100%
}

.tool-selection-dialog .tool-radio {
    transition: all .3s ease
}

.tool-selection-dialog .tool-selection-tips {
    margin-top: 1rem;
    padding: .75rem 1rem;
    font-size: var(--van-font-size-sm);
    color: var(--van-text-color);
    font-weight: 500;
    border-radius: var(--van-border-radius);
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    line-height: 1.4
}

.tool-selection-dialog .tool-selection-tips .van-icon {
    flex-shrink: 0;
    margin-top: .1rem;
    color: var(--van-primary-color)
}

.tool-selection-dialog .tool-selection-tips {
    background-color: rgba(4, 149, 240, .1);
    border: 1px solid rgba(4, 149, 240, .2);
    box-shadow: 0 2px 8px rgba(4, 149, 240, .05)
}

.tool-selection-dialog .empty-tool-list {
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}

.tool-selection-dialog .add-tool-button {
    margin-top: .5rem;
    font-weight: 500;
    border-radius: var(--van-border-radius-md);
    transition: all .3s ease
}

.tool-selection-dialog .add-tool-button:hover {
    transform: translateY(-2px)
}

.van-notify {
    color: var(--van-danger-color) !important
}

.van-notify--danger {
    background-color: var(--van-text-color) !important;
    font-weight: 600
}

.van-step__circle-container,
.van-steps {
    background-color: var(--van-background-color) !important
}

.i-flag-india {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42.67' height='32' viewBox='0 0 640 480'%3E%3Cpath fill='%23f93' d='M0 0h640v160H0z'/%3E%3Cpath fill='%23fff' d='M0 160h640v160H0z'/%3E%3Cpath fill='%23128807' d='M0 320h640v160H0z'/%3E%3Cg transform='matrix(3.2 0 0 3.2 320 240)'%3E%3Ccircle r='20' fill='%23008'/%3E%3Ccircle r='17.5' fill='%23fff'/%3E%3Ccircle r='3.5' fill='%23008'/%3E%3Cg id='d'%3E%3Cg id='c'%3E%3Cg id='b'%3E%3Cg id='a' fill='%23008'%3E%3Ccircle r='.9' transform='rotate(7.5 -8.8 133.5)'/%3E%3Cpath d='M0 17.5.6 7 0 2l-.6 5z'/%3E%3C/g%3E%3Cuse width='100%25' height='100%25' href='%23a' transform='rotate(15)'/%3E%3C/g%3E%3Cuse width='100%25' height='100%25' href='%23b' transform='rotate(30)'/%3E%3C/g%3E%3Cuse width='100%25' height='100%25' href='%23c' transform='rotate(60)'/%3E%3C/g%3E%3Cuse width='100%25' height='100%25' href='%23d' transform='rotate(120)'/%3E%3Cuse width='100%25' height='100%25' href='%23d' transform='rotate(-120)'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    width: 2em;
    height: 1.5em;
    display: inline-block;
    vertical-align: middle
}

:root {
    --van-primary-color: #0495f0;
    --van-primary-color-rgb: 4, 149, 240;
    --van-success-color: #10b981;
    --van-warning-color: #f59e0b;
    --van-danger-color: #ef4444;
    --van-info-color: #3b82f6;
    --van-profit-color: #14b8a6;
    --van-profit-color-rgb: 20, 184, 166;
    --van-background-color: #fff;
    --van-background-color-light: #f8fafc;
    --van-background-2: #f1f5f9;
    --van-background-3: #e2e8f0;
    --van-text-color: #0f172a;
    --van-text-color-2: #334155;
    --van-text-color-3: #64748b;
    --van-text-color-4: #94a3b8;
    --van-border-color: #e2e8f0;
    --van-border-color-light: #f1f5f9;
    --van-border-radius: 12px;
    --van-border-radius-sm: 6px;
    --van-border-radius-lg: 16px;
    --van-border-radius-xl: 20px;
    --van-shadow: 0 4px 12px rgba(4, 149, 240, .15);
    --van-shadow-2: 0 8px 24px rgba(4, 149, 240, .25);
    --van-padding-xs: 8px;
    --van-padding-sm: 12px;
    --van-padding-md: 16px;
    --van-padding-lg: 20px;
    --van-padding-xl: 24px;
    --van-font-size-xs: 10px;
    --van-font-size-sm: 12px;
    --van-font-size-md: 14px;
    --van-font-size-lg: 16px;
    --van-font-size-xl: 18px;
    --van-font-weight-bold: 600;
    --van-font-weight-semibold: 500;
    --van-button-primary-background: var(--van-primary-color);
    --van-button-primary-border-color: var(--van-primary-color);
    --van-button-primary-color: #fff;
    --van-cell-background: var(--van-background-color);
    --van-cell-text-color: var(--van-text-color);
    --van-cell-border-color: var(--van-border-color);
    --van-nav-bar-background: var(--van-background-color);
    --van-nav-bar-title-text-color: var(--van-text-color);
    --van-tabbar-background: var(--van-background-color);
    --van-tabbar-item-text-color: var(--van-text-color-2);
    --van-tabbar-item-active-color: var(--van-primary-color);
    --van-tab-text-color: var(--van-text-color-2);
    --van-tab-active-text-color: var(--van-text-color);
    --van-tabs-bottom-bar-color: var(--van-primary-color);
    --van-dialog-background: var(--van-background-color-light);
    --van-dialog-message-color: var(--van-text-color);
    --van-dialog-confirm-button-text-color: var(--van-primary-color);
    --van-dropdown-menu-background: var(--van-primary-color);
    --van-dropdown-menu-title-text-color: #fff;
    --van-notice-bar-background: var(--van-primary-color);
    --van-notice-bar-text-color: var(--van-primary-color);
    --van-popup-background: var(--van-background-color-light);
    --van-popup-close-icon-color: var(--van-primary-color);
    --van-switch-background: #3a3a5a;
    --van-switch-node-background: #fff;
    --van-checkbox-label-color: var(--van-text-color);
    --van-uploader-size: 140px;
    --van-floating-bubble-size: 80px;
    --van-floating-bubble-initial-gap: 24px;
    --van-floating-bubble-icon-size: 60px;
    --van-floating-bubble-background: transparent;
    --van-gradient-primary: linear-gradient(135deg, #0495f0, #1ba0f5);
    --van-gradient-secondary: linear-gradient(135deg, #1ba0f5, #5cb8ff);
    --van-secondary-color: #1ba0f5;
    --van-accent-color: #5cb8ff
}

.van-button--primary {
    background: linear-gradient(135deg, #0495f0, #1ba0f5);
    border: none;
    transition: all .3s ease;
    box-shadow: 0 2px 8px rgba(4, 149, 240, .2)
}

.van-button--primary:active {
    transform: translateY(1px);
    box-shadow: 0 1px 4px rgba(4, 149, 240, .15)
}

.van-field__control {
    background: var(--van-background-color-light);
    border: 1px solid var(--van-border-color);
    transition: all .3s ease
}

.van-field__control:focus {
    border-color: var(--van-primary-color);
    box-shadow: 0 0 0 2px rgba(4, 149, 240, .1)
}

.van-card {
    background: var(--van-background-color-light);
    border: 1px solid var(--van-border-color);
    transition: all .3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05)
}

.van-card:hover {
    border-color: var(--van-primary-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08)
}

.van-nav-bar {
    background: linear-gradient(90deg, #fff, #f8fafc);
    border-bottom: 1px solid var(--van-border-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05)
}

.van-tabbar {
    background: hsla(0, 0%, 100%, .95);
    border-top: 1px solid var(--van-border-color);
    backdrop-filter: blur(10px);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .05)
}

.van-popup {
    border: 1px solid var(--van-border-color);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1)
}

.van-dialog {
    background: var(--van-background-color);
    border-radius: var(--van-border-radius-lg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12)
}

.van-switch {
    background: var(--van-background-3)
}

.van-switch,
.van-switch--on {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1)
}

.van-switch--on {
    background: var(--van-primary-color)
}

.app-padding {
    padding-inline: 1.2rem
}

.z-max {
    z-index: 999999 !important
}

* {
    box-sizing: border-box
}

.back-icon {
    width: 1.2rem;
    height: 1.2rem
}

input {
    width: 100%
}