/*
 * 主商城蓝紫神秘背景
 * 电脑使用横图，手机使用竖图
 */

html,
body {
    min-height: 100%;
}

body {
    background-color: #10152d !important;
    background-image:
        radial-gradient(
            circle at 15% 18%,
            rgba(66, 110, 255, 0.30) 0%,
            rgba(66, 110, 255, 0) 43%
        ),
        radial-gradient(
            circle at 86% 76%,
            rgba(171, 70, 255, 0.27) 0%,
            rgba(171, 70, 255, 0) 47%
        ),
        linear-gradient(
            180deg,
            rgba(5, 8, 25, 0.02),
            rgba(5, 8, 25, 0.17)
        ),
        url("/assets/user/images/mysterious-website-background.png") !important;
    background-repeat: no-repeat !important;
    background-position:
        center center,
        center center,
        center center,
        center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

@media (max-width: 768px) {
    body {
        background-color: #111735 !important;
        background-image:
            radial-gradient(
                circle at 18% 16%,
                rgba(64, 116, 255, 0.31) 0%,
                rgba(64, 116, 255, 0) 42%
            ),
            radial-gradient(
                circle at 82% 72%,
                rgba(181, 72, 255, 0.28) 0%,
                rgba(181, 72, 255, 0) 47%
            ),
            linear-gradient(
                180deg,
                rgba(5, 8, 25, 0),
                rgba(5, 8, 25, 0.13)
            ),
            url("/assets/user/images/purchase-psychology-mobile-v1.png") !important;
        background-position:
            center top,
            center center,
            center center,
            center top !important;
        background-size: cover !important;
        background-attachment: scroll !important;
    }
}