.yui-avatar{position:relative;transition:all .5s}.yui-avatar:hover{transform:scale(1.1)}.yui-avatar .yui-avatar-img{overflow:hidden;background-size:contain;background-repeat:no-repeat;z-index:9;position:relative;transform:scale(1.2);height:100%;width:100%}.yui-avatar>img{border-radius:50%;position:absolute;top:0}
body{background:#0a090a}.flex-box{display:flex;justify-content:center;align-items:center}.font-family-style,.space-explored-container .view-img-box .count-name,.space-explored-container .view-img-box .avator-box .count-box .count-name,.space-explored-container .view-img-box .sub-title-box .sub-title,.space-explored-container .view-img-box .main-title-box .main-title,.space-explored-container h1,.space-explored-container h2,.space-explored-container h3,.space-explored-container h4,.space-explored-container{font-family:"Rubik";font-style:normal}.page-header{position:fixed;left:0;top:0;width:100%;background:#0a090a}.space-explored-container{position:relative;display:flex;flex-direction:column;flex:1;z-index:10;margin:72px auto;align-self:center;width:100%;padding:0 120px;margin-bottom:0}@media only screen and (min-width: 1440px){.space-explored-container{max-width:1920px;padding:0 120px 72px 120px}}@media only screen and (min-width: 980px)and (max-width: 1439px){.space-explored-container{max-width:1440px;padding:0 64px 72px 64px}}@media only screen and (min-width: 150px)and (max-width: 979px){.space-explored-container{padding:0 24px 30px 20px}}.space-explored-container .banner-box{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;aspect-ratio:1640/340;height:0;width:100%;padding-bottom:20.7%}@media only screen and (min-width: 150px)and (max-width: 979px){.space-explored-container .banner-box{aspect-ratio:632/284;height:0;width:100%;padding-bottom:45%}}.space-explored-container .banner-box .swiper-box{width:100%;height:100%;position:absolute;top:0}@media only screen and (min-width: 150px)and (max-width: 979px){.space-explored-container .banner-box .swiper-box{height:100%;position:absolute;top:0;left:0}.space-explored-container .banner-box .swiper-box .pagination-box{gap:0}.space-explored-container .banner-box .swiper-box .pagination-box .dot{margin-left:10px}}.space-explored-container .banner-box .swiper-box .banner-img{position:absolute;width:100%;height:100%;object-fit:fill}.space-explored-container .banner-box .swiper-box .banner-img-active{top:-30px;height:320px;width:80%;left:50%;transform:translateX(-50%);z-index:100 !important}.space-explored-container .banner-box .swiper-box .carousel-item{display:inline-flex;width:100%;height:100%}.space-explored-container .banner-box .swiper-pagination{position:absolute;left:50%;transform:translateX(-50%);z-index:1000;bottom:10px;display:flex;gap:10px}.space-explored-container .banner-box .swiper-pagination .dot{display:inline-flex;width:10px;height:10px;border-radius:10px;background-color:hsla(0,0%,100%,.3);cursor:pointer}.space-explored-container .banner-box .swiper-pagination .dot-active{width:30px;background-color:#ffc200}.space-explored-container .view-img-box{margin-top:40px;position:relative}.space-explored-container .view-img-box .main-title-box{display:flex;justify-content:space-between;align-items:center}.space-explored-container .view-img-box .main-title-box .main-title{font-size:1.5rem;font-weight:500}.space-explored-container .view-img-box .main-title-box .main-title-page .arrow-item{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:16px;background:hsla(0,0%,100%,.09);cursor:pointer;border:none;color:#fff;font-size:22px}.space-explored-container .view-img-box .main-title-box .main-title-page .arrow-item:hover{background:hsla(0,0%,100%,.3)}.space-explored-container .view-img-box .main-title-box .main-title-page .arrow-left{margin:0 12px}.space-explored-container .view-img-box .sub-title-box{display:flex;justify-content:space-between;align-items:center;line-height:48px;height:48px}.space-explored-container .view-img-box .sub-title-box .sub-title{font-weight:400;font-size:1rem;color:hsla(0,0%,100%,.87);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.space-explored-container .view-img-box .avator-box{display:flex;align-items:center;justify-content:space-between}.space-explored-container .view-img-box .avator-box .avator-content{display:flex;align-items:center;overflow:hidden}.space-explored-container .view-img-box .avator-box .avator-content .avator{width:24px;height:24px;border-radius:12px}.space-explored-container .view-img-box .avator-box .avator-content .avator-name{color:hsla(0,0%,100%,.6);margin-left:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.space-explored-container .view-img-box .avator-box .count-box{display:inline-flex;margin-left:40px;align-items:center;font-weight:400}@media only screen and (min-width: 150px)and (max-width: 979px){.space-explored-container .view-img-box .avator-box .count-box{margin-left:10px}}.space-explored-container .view-img-box .avator-box .count-box .i-heart{color:#fff;font-size:1rem}.space-explored-container .view-img-box .avator-box .count-box .count-name{color:hsla(0,0%,100%,.87);font-size:.875rem}.space-explored-container .view-img-box .count-name{margin-left:5px;color:hsla(0,0%,100%,.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.space-explored-container .view-img-box .list-img-box{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:28px;grid-row-gap:28px}@media only screen and (min-width: 150px)and (max-width: 979px){.space-explored-container .view-img-box .list-img-box{grid-template-columns:repeat(2, 1fr);grid-gap:20px;margin-top:12px}}.space-explored-container .view-img-box .list-img-box .list-img-item{width:100%;overflow:hidden}.space-explored-container .view-img-box .list-img-box .list-img-item .list-link{width:100%;position:relative;display:block}.space-explored-container .view-img-box .list-img-box .list-img-item .list-link .img-content{position:relative;width:100%;padding-bottom:50%;height:0}.space-explored-container .view-img-box .list-img-box .list-img-item .list-link .img-content .list-img{position:absolute;width:100%;height:100%;cursor:pointer;object-fit:fill;aspect-ratio:2;border-radius:8px;overflow:auto}.space-explored-container .new-releases-box .loading{text-align:center;margin-top:20px}.space-explored-container .recently-played-box .ui-loading,.space-explored-container .editors-picks-box .ui-loading{position:absolute;top:50%;left:50%}.space-explored-container .recently-played-box .ui-loading>i,.space-explored-container .editors-picks-box .ui-loading>i{background-color:#0a090a}
body{background:#0a090a}.flex-box{display:flex;justify-content:center;align-items:center}.font-family-style,.space-explored-detail-container .user-box .submit-btn,.space-explored-detail-container .user-box .update-time,.space-explored-detail-container .user-box .visit-desc-box .visit-desc-item .visit-desc,.space-explored-detail-container .user-box .visit-desc-box .visit-desc-item .visit-number,.space-explored-detail-container .user-box .user-name,.space-explored-detail-container .slide-box .desc-text,.space-explored-detail-container .slide-box .game-title,.space-explored-detail-container h1,.space-explored-detail-container h2,.space-explored-detail-container h3,.space-explored-detail-container h4,.space-explored-detail-container{font-family:"Rubik";font-style:normal}.space-explored-detail-container{z-index:10;position:relative;padding:0 120px 80px 120px;display:grid;grid-template-columns:2fr 1fr;flex:1;width:100%;margin:72px auto;margin-bottom:0;align-self:center}@media only screen and (min-width: 1440px){.space-explored-detail-container{max-width:1920px;padding:0 120px 80px 120px}}@media only screen and (min-width: 980px)and (max-width: 1439px){.space-explored-detail-container{max-width:1440px;padding:0 64px 80px 64px}}@media only screen and (min-width: 150px)and (max-width: 979px){.space-explored-detail-container{padding:0 24px 72px 20px;grid-template-columns:1fr}}.space-explored-detail-container .slide-box{overflow:hidden;z-index:2}.space-explored-detail-container .slide-box .game-title{font-weight:500;font-size:1.875rem;margin-bottom:20px;color:hsla(0,0%,100%,.87)}@media only screen and (min-width: 150px)and (max-width: 979px){.space-explored-detail-container .slide-box .game-title{font-size:1.5rem}}.space-explored-detail-container .slide-box .slide{position:relative}.space-explored-detail-container .slide-box .slide .slideImg{width:100%;object-fit:fill;aspect-ratio:20/9;border:.5px solid hsla(0,0%,100%,.2)}.space-explored-detail-container .slide-box .slide .arrow-item{font-size:22px;position:absolute;top:50%;transform:translateY(-50%);display:flex;width:32px;height:32px;border-radius:32px;align-items:center;justify-content:center;color:#fff;cursor:pointer;background:hsla(0,0%,100%,.09)}.space-explored-detail-container .slide-box .slide .arrow-item:hover{background:hsla(0,0%,100%,.3)}.space-explored-detail-container .slide-box .slide .arrow-left{left:30px}.space-explored-detail-container .slide-box .slide .arrow-right{right:30px}.space-explored-detail-container .slide-box .desc-text{margin-top:20px;font-weight:400;font-size:.875rem;line-height:22px;color:hsla(0,0%,100%,.87)}.space-explored-detail-container .slide-box .slide-img-pagination{display:flex;gap:16px;margin-top:20px}.space-explored-detail-container .slide-box .slide-img-pagination .slide-img-pagination-item{cursor:pointer;opacity:.5;overflow:hidden;max-width:30%;min-width:calc(20% - 48px);width:20%;object-fit:contain}@media only screen and (min-width: 150px)and (max-width: 979px){.space-explored-detail-container .slide-box .slide-img-pagination .slide-img-pagination-item{font-size:1.5rem;height:40px}}.space-explored-detail-container .slide-box .slide-img-pagination .slide-active{opacity:1}.space-explored-detail-container .user-box{display:flex;flex-direction:column;align-items:center;margin-top:92px;z-index:2}.space-explored-detail-container .user-box .user-avator{width:56px;height:56px;border-radius:56px;object-fit:fill}.space-explored-detail-container .user-box .user-name{font-weight:500;font-size:1.125rem;margin-top:12px}.space-explored-detail-container .user-box .visit-desc-box{display:flex;align-items:center;justify-content:space-around;gap:20px;height:100px;width:260px;margin-top:30px;border-top:1px solid hsla(0,0%,100%,.16);border-bottom:1px solid hsla(0,0%,100%,.16)}.space-explored-detail-container .user-box .visit-desc-box .visit-desc-item .visit-number{font-weight:500;font-size:1rem}.space-explored-detail-container .user-box .visit-desc-box .visit-desc-item .visit-split{display:inline-flex;height:8px;width:1px;background-color:hsla(0,0%,100%,.4);margin:0 8px}.space-explored-detail-container .user-box .visit-desc-box .visit-desc-item .visit-desc{font-weight:400;font-size:.875rem;color:hsla(0,0%,100%,.6)}.space-explored-detail-container .user-box .update-time{margin-top:12px;color:hsla(0,0%,100%,.6);font-weight:400;font-size:.75rem}.space-explored-detail-container .user-box .submit-btn{display:flex;justify-content:center;color:#141517;background:#ffc200;box-shadow:0px 1px 4px rgba(27,27,27,.08);padding:12px 24px;width:200px;border-radius:20px;margin-top:60px;font-size:1rem;font-weight:500}@media only screen and (min-width: 150px)and (max-width: 979px){.space-explored-detail-container .user-box .submit-btn{margin-top:16px}}
