body {
    background: white;
}

/* region ----- 欢迎登录 ----- */

.welcome {
    color: #fff;
    height: 258px;
    text-align: center;
    background: no-repeat top left url("/images/home/welcome-spirit-1-xs.png"),
    no-repeat right bottom url("/images/home/welcome-spirit-2-xs.png") #2e5cf1;
}

@media (min-width: 576px) {
    .welcome {
        border-radius: .5rem;
        background: no-repeat 20% center  / 150px auto url("/images/home/welcome-spirit-0.png"),
        no-repeat top left url("/images/home/welcome-spirit-1.png"),
        no-repeat right bottom url("/images/home/welcome-spirit-2.png") #2e5cf1;
    }
}

.welcome > div {
    border: solid 3px rgba(255, 255, 255, .15);
}

.welcome .btn {
    color: #fdd736;
    background-color: #063495;
}

.welcome .btn:hover {
    color: #fdd736;
    background-color: #063495;
    border-color: rgba(255, 255, 255, 0.8);
}

.welcome .topic {
    color: rgba(255, 255, 255, .9);

}

.welcome img {
    padding-bottom: 1px;
}

.welcome .register {
    color: rgba(255, 255, 255, .7);
}

.welcome .register a {
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, .7);
    text-underline-offset: .375rem;
}

.welcome .register a:hover {
    color: rgba(255, 255, 255, 1);
    text-decoration-color: rgba(255, 255, 255, 1);
}

/*endregion*/

/* region ----- 常见问题 ----- */

.card-question {
    background: linear-gradient(180deg, #eef5ff 0%, #ffffff 100%);
    border-radius: 4px;
    border: 1px solid rgba(84, 140, 254, 0.5);
    margin-bottom: 20px;

    padding: 1.25rem 1.25rem .25rem 2.5rem;
}

.card-question h6 {
    color: #333;
    margin-bottom: .75rem;
    position: relative;
}

.card-question h6:before {
    content: "";
    background-color: #548CFE;
    display: block;
    width: .5rem;
    height: .5rem;
    position: absolute;
    left: -1.125rem;
    top: .3125rem;
    transform: rotate(45deg);
}

.card-question p {
    color: #666;
    font-size: .875rem;
    line-height: 1.8;
}

/* endregion */