:root {
    --van-text-color-3: #6a6d83;
    --van-primary-color: @prim;
    --van-tabbar-item-active-background-color: transparent;
    --van-tabbar-background-color: @bg;
    --van-nav-bar-background-color: @bg;
    --van-cell-background-color: @bg;
    --van-text-color: @text0;
    --van-gray-6: @text3;
    --van-gray-3: @bg3;
    --van-orange: @warn;
    --van-tabbar-item-text-color: #4a4c5d;
    --van-tabbar-item-active-color: #fff;
    --van-button-plain-background-color: transparent;
    --van-grid-item-content-background-color: transparent;
    --van-button-mini-height: 26px;
    --van-button-mini-font-size: 14px;
    --van-tabs-nav-background-color: @bg;
    --van-tabs-default-color: @prim;
    --van-tabs-bottom-bar-color: #fff;
    --van-tab-active-text-color: #fff;
    --van-tab-disabled-text-color: #fff;
    --van-cell-border-color: @bg3;
    --van-cell-background-color: transparent;
    --van-cell-group-background-color: transparent;
    --van-font-size-lg: 14px;
    --van-divider-border-color: #939599;
    --van-divider-text-color: @tabBorder;
    --van-divider-margin: 0;
    --van-field-error-message-color: @prim;
    --van-action-sheet-item-text-color: #000;
    --van-uploader-upload-active-color: transparent;
    --van-uploader-upload-background-color: transparent;
    --van-uploader-file-background-color: transparent;
    --van-active-color: @bg3;
    --van-image-placeholder-background-color: @bg2;
    --van-search-background-color: @bg;
    --van-search-content-background-color: @bg3;
    // --van-picker-background-color: @bg;
    --van-button-default-height: 38px;
    --van-dialog-has-title-message-text-color: #000;
    --van-field-label-color: #aaabad;
    --van-search-action-padding: 0 16px;
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
    --van-button-default-color: #626366;
    --van-tabbar-item-font-size: 10px;
    --van-tabbar-item-icon-margin-bottom: 2px;
    --van-button-icon-size: 24px;
    --van-field-input-text-color: #fff;
    --van-grid-item-text-color: #6a6d83;
    --van-nav-bar-title-text-color: #fff;
    --van-nav-bar-icon-color: #fff;
    --van-cell-text-color: #fff;
    --van-stepper-background-color: #ffffff;
    --van-stepper-input-line-height: 24px;
    --van-stepper-input-height: 24px;
    --van-field-clear-icon-color: #6a6d83;
    --van-popup-background-color: #25283d;
    --van-popup-close-icon-color: #4a4c5d;
    --van-dialog-background-color: #000000;
    --van-action-bar-background-color: #000000;
    --van-dialog-border-radius: 2px;
}

[contenteditable='true'],
input,
textarea {
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important;
}

.van-divider::after,
.van-divider::before {
    height: 5px;
}
html,
body {
    padding: 0;
    margin: 0;
    font-family: BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui,
        'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
    -webkit-text-size-adjust: none;
    font-size: 14px;
    color: #fff;
    background-color: #272b2e;
    -webkit-font-smoothing: antialiased;
}
body {
    height: var(--app-height);
    overflow: hidden;
}
#app,
.scroll-wrapper {
    padding: 0;
    margin: 0;
    height: 100vh;
    height: var(--app-height);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
}
.scroll-wrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar {
    display: none;
    opacity: 0;
}
input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #1a1c2b inset;
    -webkit-text-fill-color: #6a6d83;
}

.van-dialog {
    color: #000;
}

.flex1 {
    flex-grow: 1;
}
.van-dialog {
    .van-dialog__header {
        font-size: 16px;
        font-weight: bold;
        padding-top: 20px;
    }
    .van-hairline--left::after {
        border-color: #f2f4f5;
    }
    .van-hairline--top::after {
        border-color: #f2f4f5;
    }

    .van-dialog__message--has-title {
        padding: 20px 40px 30px;
    }
}
// .van-dialog__footer {
//     .van-button--default {
//         // color: #626366;
//     }
//     // .van-dialog__confirm {
//     //     .van-button__text {
//     //         // color: #ff4f50;
//     //     }
//     // }
// }

.tabbar-placeholder {
    height: 50px;
    padding-bottom: env(safe-area-inset-bottom);
}

.van-empty__image {
    width: 200px;
    height: 160px;
}

.van-tabs__line {
    bottom: 20px;
}
.van-sticky--fixed {
    background-color: @bg;
}

.van-button--small {
    border-radius: 4px;
}
.van-button--block {
    border-radius: 2px;
}
.van-button--primary {
    // background: linear-gradient(135deg, @prim 0%, #ff8f3e 100%);
    border-width: 0;
    color: @btnText;
    background: linear-gradient(-225deg, @prim 0%, @prim2 100%);

    &.van-button--plain {
        &::before {
            background-color: @bg;
            width: calc(100% - 2px);
            height: calc(100% - 2px);
            z-index: 1;
            opacity: 1;
            border-width: 0;
            left: 1px;
            top: 1px;
            transform: translateX(0);
        }
        &::after {
            content: '';
            background: linear-gradient(-225deg, #f6abf0 0%, #10f7ee 100%);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0;
        }
        .van-button__content {
            z-index: 2;
            position: relative;
        }

        .van-button__text {
            background: linear-gradient(-225deg, @prim 0%, @prim2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }
}

.popup-content {
    border-radius: 12px 12px 0px 0px;
}

.van-tabs.dark {
    background-color: #181818;
}
.van-nav-bar.dark {
    background-color: #181818;
}

.page-detail img {
    width: 100% !important;
    height: auto !important;
}

.filter-bg {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: blur(5px);
    // background-position: center;
    // background-size: content;
    // background-attachment: fixed;
}
.van-key--blue {
    background-color: @prim!important;
    font-size: 16px;
}
.splash-screen {
    position: fixed;
    width: 100vw;
    height: 100vh;
    // height: var(--app-height);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    object-fit: cover;
    opacity: 1;
    transition: opacity 0.8s ease-in-out;
}

.activeAvatar {
    // overflow: initial !important;
    padding: 0.5%;
    // background-color: #fff;
    img {
        border-radius: 100px;
        // border: 4px solid;
        // border-image: linear-gradient(
        //         140deg,
        //         rgba(78, 251, 30, 1),
        //         rgba(239, 255, 236, 1),
        //         rgba(79, 251, 31, 1),
        //         rgba(232, 255, 230, 1),
        //         rgba(78, 251, 30, 1)
        //     )
        //     4 4;
        box-sizing: border-box;
        // box-shadow: 0px 0px 6px 0px rgba(38, 245, 13, 0.6);
    }
    position: relative;
    &::after {
        content: '';
        background-image: url(https://cdn.raex.vip/png-touxiangkuang.png);
        background-size: 100% 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 114%;
        height: 114%;
    }
}

.van-action-sheet {
    .van-action-sheet__header {
        border-bottom: 1px solid #f2f4f5;
        text-align: left;
        padding: 0 16px;
    }
}
.padding-safe-top {
    padding-top: var(--safe-top);
}

.van-dialog {
    width: 260px;
    overflow: visible;
    .van-dialog__message--has-title {
        color: #fff;
        padding: 16px 23px 20px;
    }

    .van-dialog__header {
        padding-top: 16px;
        color: #fff;
    }
    & > div {
        position: relative;
        z-index: 2;
        background-color: #000;
    }
    .van-action-bar-button--first {
        border-radius: 2px;
    }
    .van-action-bar-button--last {
        border-radius: 2px;
        margin-left: 20px;
        &.van-action-bar-button--first {
            margin-left: 0;
        }
    }
    .van-action-bar-button--warning {
        background: #25283d;
    }
    .van-action-bar-button--danger {
        background: linear-gradient(-225deg, #f6abf0 0%, #10f7ee 100%);
        color: #1a1c2b;
    }
    &::after {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        z-index: 0;
        background: linear-gradient(-225deg, #f6abf0 0%, #10f7ee 100%);
    }
}
.van-tabbar-item__icon img {
    height: 28px;
}
