body {
        --weui-BTN-DISABLED-FONT-COLOR: rgba(0, 0, 0, .2)
    }

    @media(prefers-color-scheme:dark) {
        body:not([data-weui-theme=light]) {
            --weui-BTN-DISABLED-FONT-COLOR: hsla(0, 0%, 100%, .2)
        }
    }

    body {
        --weui-BTN-DEFAULT-BG: #f2f2f2
    }

    @media(prefers-color-scheme:dark) {
        body:not([data-weui-theme=light]) {
            --weui-BTN-DEFAULT-BG: hsla(0, 0%, 100%, .08)
        }
    }

    body {
        --weui-BTN-DEFAULT-COLOR: #06ae56
    }

    @media(prefers-color-scheme:dark) {
        body:not([data-weui-theme=light]) {
            --weui-BTN-DEFAULT-COLOR: hsla(0, 0%, 100%, .8)
        }
    }

    body {
        --weui-BTN-DEFAULT-ACTIVE-BG: #e6e6e6
    }

    @media(prefers-color-scheme:dark) {
        body:not([data-weui-theme=light]) {
            --weui-BTN-DEFAULT-ACTIVE-BG: hsla(0, 0%, 100%, .126)
        }
    }

    body {
        --weui-DIALOG-LINE-COLOR: rgba(0, 0, 0, .1)
    }

    @media(prefers-color-scheme:dark) {
        body:not([data-weui-theme=light]) {
            --weui-DIALOG-LINE-COLOR: hsla(0, 0%, 100%, .1)
        }
    }

    html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    body {
        line-height: 1.6;
        font-family: -apple-system-font, Helvetica Neue, sans-serif
    }

    * {
        margin: 0;
        padding: 0;
        outline: 0
    }

    a {
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    ::-webkit-input-placeholder {
        color: rgba(0, 0, 0, .3);
        color: var(--weui-FG-2)
    }

    ::placeholder {
        color: rgba(0, 0, 0, .3);
        color: var(--weui-FG-2)
    }

    body {
        --weui-BG-0: #ededed;
        --weui-BG-1: #f7f7f7;
        --weui-BG-2: #fff;
        --weui-BG-3: #f7f7f7;
        --weui-BG-4: #4c4c4c;
        --weui-BG-5: #fff;
        --weui-FG-0: rgba(0, 0, 0, .9);
        --weui-FG-HALF: rgba(0, 0, 0, .9);
        --weui-FG-1: rgba(0, 0, 0, .5);
        --weui-FG-2: rgba(0, 0, 0, .3);
        --weui-FG-3: rgba(0, 0, 0, .1);
        --weui-RED: #fa5151;
        --weui-ORANGE: #fa9d3b;
        --weui-YELLOW: #ffc300;
        --weui-GREEN: #91d300;
        --weui-LIGHTGREEN: #95ec69;
        --weui-BRAND: #07c160;
        --weui-BLUE: #10aeff;
        --weui-INDIGO: #1485ee;
        --weui-PURPLE: #6467f0;
        --weui-WHITE: #fff;
        --weui-LINK: #576b95;
        --weui-LINK-ACTIVE: rgba(87, 107, 149, .5);
        --weui-TEXTGREEN: #06ae56;
        --weui-FG: #000;
        --weui-BG: #fff;
        --weui-TAG-TEXT-ORANGE: #fa9d3b;
        --weui-TAG-BACKGROUND-ORANGE: rgba(250, 157, 59, .1);
        --weui-TAG-TEXT-GREEN: #06ae56;
        --weui-TAG-BACKGROUND-GREEN: rgba(6, 174, 86, .1);
        --weui-TAG-TEXT-BLUE: #10aeff;
        --weui-TAG-BACKGROUND-BLUE: rgba(16, 174, 255, .1);
        --weui-TAG-TEXT-BLACK: rgba(0, 0, 0, .5);
        --weui-TAG-BACKGROUND-BLACK: rgba(0, 0, 0, .05)
    }

    @media(prefers-color-scheme:dark) {
        body:not([data-weui-theme=light]) {
            --weui-BG-0: #111;
            --weui-BG-1: #1e1e1e;
            --weui-BG-2: #191919;
            --weui-BG-3: #202020;
            --weui-BG-4: #404040;
            --weui-BG-5: #2c2c2c;
            --weui-FG-0: hsla(0, 0%, 100%, .8);
            --weui-FG-HALF: hsla(0, 0%, 100%, .6);
            --weui-FG-1: hsla(0, 0%, 100%, .5);
            --weui-FG-2: hsla(0, 0%, 100%, .3);
            --weui-FG-3: hsla(0, 0%, 100%, .05);
            --weui-RED: #fa5151;
            --weui-ORANGE: #c87d2f;
            --weui-YELLOW: #cc9c00;
            --weui-GREEN: #74a800;
            --weui-LIGHTGREEN: #3eb575;
            --weui-BRAND: #07c160;
            --weui-BLUE: #10aeff;
            --weui-INDIGO: #1196ff;
            --weui-PURPLE: #8183ff;
            --weui-WHITE: hsla(0, 0%, 100%, .8);
            --weui-LINK: #7d90a9;
            --weui-LINK-ACTIVE: rgba(125, 144, 169, .5);
            --weui-TEXTGREEN: #259c5c;
            --weui-FG: #fff;
            --weui-BG: #000;
            --weui-TAG-TEXT-ORANGE: rgba(250, 157, 59, .6);
            --weui-TAG-BACKGROUND-ORANGE: rgba(250, 157, 59, .1);
            --weui-TAG-TEXT-GREEN: rgba(6, 174, 86, .6);
            --weui-TAG-BACKGROUND-GREEN: rgba(6, 174, 86, .1);
            --weui-TAG-TEXT-BLUE: rgba(16, 174, 255, .6);
            --weui-TAG-BACKGROUND-BLUE: rgba(16, 174, 255, .1);
            --weui-TAG-TEXT-BLACK: hsla(0, 0%, 100%, .5);
            --weui-TAG-BACKGROUND-BLACK: hsla(0, 0%, 100%, .05)
        }
    }

    body {
        --weui-BG-COLOR-ACTIVE: #ececec
    }

    @media(prefers-color-scheme:dark) {
        body:not([data-weui-theme=light]) {
            --weui-BG-COLOR-ACTIVE: #373737
        }
    }

    [class^=weui-icon-] {
        display: inline-block;
        vertical-align: middle;
        font-size: 10px;
        -webkit-mask-position: 50% 50%;
        mask-position: 50% 50%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
        mask-size: 100%;
        background-color: currentColor
    }

    .weui-icon-warn {
        -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
        mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E)
    }

    .weui-icon_msg {
        width: 6.4em;
        height: 6.4em
    }

    .weui-icon_msg.weui-icon-warn {
        color: var(--weui-RED)
    }

    .weui-wa-hotarea:after,
    .weui-wa-hotarea_before:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 44px;
        min-height: 44px;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 100%, 0)
    }

    @media(prefers-color-scheme:dark) {}

    @media(prefers-color-scheme:dark) {}

    @media(prefers-color-scheme:dark) {}

    @media(prefers-color-scheme:dark) {}

    .weui-msg {
        padding-top: 48px;
        padding: calc(48px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
        text-align: center;
        line-height: 1.4;
        min-height: 100%;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        background-color: var(--weui-BG-2)
    }

    .weui-msg__icon-area {
        margin-bottom: 32px
    }

    .weui-msg__text-area {
        margin-bottom: 32px;
        padding: 0 32px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        line-height: 1.6;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .weui-msg__text-area:first-child {
        padding-top: 96px
    }

    .weui-msg__title {
        font-weight: 400;
        font-size: 22px;
        color: #191919;
        -webkit-text-stroke: .02em
    }

    @media(prefers-color-scheme:dark) {
        body:not([data-weui-theme=light]) .weui-msg__title {
            color: #d1d1d1
        }
    }

    @supports(-webkit-overflow-scrolling:touch) {
        .weui-msg__title {
            font-weight: 500;
            -webkit-text-stroke: initial
        }
    }

    .weui-msg__desc {
        font-size: 17px;
        font-weight: 400;
        color: var(--weui-FG-0);
        margin-bottom: 16px
    }

    .weui-msg__extra-area {
        font-size: 12px;
        color: var(--weui-FG-1)
    }

    .weui-msg__extra-area {
        margin-bottom: 24px;
        padding: 0 32px;
        box-sizing: border-box
    }

    .weui-footer {
        text-align: center;
        font-size: 14px
    }

    .weui-footer {
        color: var(--weui-FG-2);
        line-height: 1.4
    }

    .weui-footer a {
        color: var(--weui-LINK)
    }

    .weui-footer__links {
        font-size: 0
    }

    .weui-footer__link {
        display: inline-block;
        vertical-align: top;
        margin: 0 8px;
        position: relative;
        font-size: 14px
    }

    .weui-footer__link:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        bottom: 0;
        border-left: 1px solid rgba(0, 0, 0, .1);
        border-left: 1px solid var(--weui-FG-3);
        color: rgba(0, 0, 0, .1);
        color: var(--weui-FG-3);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        left: -8px;
        top: .36em;
        bottom: .36em
    }

    .weui-footer__link:first-child:before {
        display: none
    }

    @media screen and (min-width:352px) {}

    @media only screen and (max-height:558px) {}

    @media(prefers-color-scheme:dark) {}

    @-webkit-keyframes a {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    @keyframes a {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    @-webkit-keyframes b {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        to {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @keyframes b {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        to {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @-webkit-keyframes c {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes c {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @-webkit-keyframes d {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes d {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @-webkit-keyframes e {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        16% {
            -webkit-transform: translateX(-8px);
            transform: translateX(-8px)
        }

        28% {
            -webkit-transform: translateX(-16px);
            transform: translateX(-16px)
        }

        44% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        59% {
            -webkit-transform: translateX(-16px);
            transform: translateX(-16px)
        }

        73% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        82% {
            -webkit-transform: translateX(16px);
            transform: translateX(16px)
        }

        94% {
            -webkit-transform: translateX(8px);
            transform: translateX(8px)
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes e {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        16% {
            -webkit-transform: translateX(-8px);
            transform: translateX(-8px)
        }

        28% {
            -webkit-transform: translateX(-16px);
            transform: translateX(-16px)
        }

        44% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        59% {
            -webkit-transform: translateX(-16px);
            transform: translateX(-16px)
        }

        73% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        82% {
            -webkit-transform: translateX(16px);
            transform: translateX(16px)
        }

        94% {
            -webkit-transform: translateX(8px);
            transform: translateX(8px)
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @-webkit-keyframes f {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes f {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }
    
    body {
        background-color: var(--weui-BG-2);
        color: var(--weui-FG-0)
    }
    @media(prefers-color-scheme:dark) {}
    body {
        --weui-FG-4: rgba(0, 0, 0, 0.15)
    }

    @media(prefers-color-scheme:dark) {
        body {
            --weui-FG-4: hsla(0, 0%, 100%, 0.1)
        }
    }

    .weui-msg {
        height: 100vh
    }

    .weui-msg__title {
        margin-bottom: 32px
    }

    .weui-msg__desc:last-child {
        margin-bottom: 0
    }

    .weui-footer {
        padding: 0 32px
    }

    .weui-footer__link:before {
        border-color: var(--weui-FG-4);
        color: var(--weui-FG-4)
    }

    @media screen and (max-width:375px) {
        .weui-msg {
            padding-top: 32px
        }
    }

    @media(prefers-color-scheme:dark) {}
    
        img[src="data:,"],
    source[src="data:,"] {
        display: none !important
    }