body {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}


#container {

}

.account-center-header {
    padding: 10px 8px;
    background-color: rgba(225, 225, 225, 0.5);
    /*background-image: url("./0.jpg");
    background-size: cover;*/
}

.user-avatar {
    width: 100%;
    height: 100%;
}

.user-info-1 {
    padding: 10px 8px;
    background-color: rgba(225, 225, 225, 0.5);
}

.world-exploration {
    padding: 10px 8px;
    background-color: rgba(225, 225, 225, 0.5);
}

.teapot {
    padding: 10px 8px;
    background-color: rgba(225, 225, 225, 0.5);
}

.account-center-header-avatar {
    width: 120px;
    height: 120px;
}

.teapot-info-icon {
    height: 96px;
    overflow: hidden;
}

.teapot-info-img {
    width: 100%;
}

.world-exploration-info {
    border: 2px solid rgb(0, 0, 0, 0.2);
}

.world-exploration-info-icon {
    height: 96px;
    overflow: hidden;
}

.world-exploration-info-img {
    filter: brightness(0);
    height: 100%;
}

.world-exploration-info-hr-1 {
    width: 95%;
}

.world-exploration-info-pointer-bar-body {
    width: 95%;
    height: 4px;
    display: inline-block;
    border-radius: 2px;
    background-color: rgb(0, 0, 0, 0.3);
}

.world-exploration-info-pointer-progress-bar {
    height: 100%;
    background-color: #000000;
    border-radius: 2px;
}

.background-color {
    background-color: rgb(225, 225, 225, 0.75);
}

.teapot-info-name {
    background-color: rgba(225, 225, 225, 0.5);
}