h1{display: none;}
.hero-slider-panel{margin-top: 2.375rem;position: relative;}
.hero-slider-panel .hero-swiper{position: relative;}
.hero-slider-panel .hero-swiper .swiper-slide{position: relative;display: flex;flex-direction: column;margin-right: 20px;}
.hero-slider-panel .hero-swiper .swiper-slide .bannerWrap{width: 100%;height: 29rem;position: relative;border-radius: 1rem;}
.hero-slider-panel .hero-swiper .swiper-slide .bannerWrap::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 7.5rem;border-radius: 1rem;background: linear-gradient( 0deg, rgb(255,255,44) 0%, rgba(255,255,44,0) 100%);opacity: 0.5;}
.hero-slider-panel .hero-swiper .swiper-slide .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1rem;}
.hero-slider-panel .hero-swiper .swiper-slide .detailWrap{display: flex;align-items: center;column-gap: 1.5rem;padding: 0 1.25rem;position: relative;z-index: 1;}
.hero-slider-panel .hero-swiper .swiper-slide .detailWrap .imgWrap{width: 7.5rem;height: 7.5rem;border-radius: 1.875rem;border: 3px solid #ffffff;margin-top: -3rem;}
.hero-slider-panel .hero-swiper .swiper-slide .detailWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.875rem;}
.hero-slider-panel .hero-swiper .swiper-slide .detailWrap .appName{font-size: 1.75rem;color: #060D1F;line-height: 2.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;flex-shrink: 0;}
.hero-slider-panel .hero-swiper .swiper-slide .detailWrap .viewBtn{width: 5.5rem;height: 3rem;flex: 0 0 5.5rem;max-width: 5.5rem;border-radius: 1.5rem;text-align: center;line-height: 3rem;background-color: #54C5FF;font-size: 1.5rem;color: #ffffff;}
.hero-slider-panel .hero-swiper .hero-swiper-pagination{position: absolute;right: 1.125rem;bottom: 5.625rem;z-index: 1;display: flex;align-items: center;justify-content: flex-end;width: fit-content;column-gap: 0.625rem;left: unset;}
.hero-slider-panel .hero-swiper .hero-swiper-pagination .swiper-pagination-bullet{margin: 0;width: 1rem;height: 1rem;opacity: 1;background: #ffffff;}
.hero-slider-panel .hero-swiper .hero-swiper-pagination .swiper-pagination-bullet-active{background: #54C5FF;}

.rec-game-panel{margin-top: 2.625rem;}
.rec-game-panel .rec-game-list{margin-top: 1.5rem;display: flex;flex-wrap: wrap;column-gap: 1.75rem;row-gap: 1.75rem;}
.rec-game-panel .rec-game-list .appWrap{position: relative;width: 21.25rem;flex: 0 0 21.25rem;max-width: 21.25rem;height: 8.75rem;display: flex;align-items: center;column-gap: 1.125rem;padding-right: 1.25rem;z-index: 1;}
.rec-game-panel .rec-game-list .appWrap::before{content: "";position: absolute;bottom: 1rem;right: 0.5rem;width: 4.875rem;height: 4.875rem;background-image: url(../images/home/recBookIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;}
.rec-game-panel .rec-game-list .appWrap::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 19.125rem;height: 8.75rem;background-image: url(../images/home/recBg1.webp);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -2;}
.rec-game-panel .rec-game-list .appWrap:nth-child(2)::after{background-image: url(../images/home/recBg2.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.rec-game-panel .rec-game-list .appWrap:nth-child(3)::after{background-image: url(../images/home/recBg3.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.rec-game-panel .rec-game-list .appWrap:nth-child(4)::after{background-image: url(../images/home/recBg4.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.rec-game-panel .rec-game-list .appWrap .imgWrap{width: 6.25rem;flex: 0 0 6.25rem;max-width: 6.25rem;height: 6.25rem;border-radius: 1.5rem;}
.rec-game-panel .rec-game-list .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.rec-game-panel .rec-game-list .appWrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;}
.rec-game-panel .rec-game-list .appWrap .detailWrap .appName{font-size: 1.75rem;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.375rem;}
.rec-game-panel .rec-game-list .appWrap .detailWrap .infoWrap{display: flex;align-items: center;column-gap: 0.5rem;margin-bottom: 0.125rem;}
.rec-game-panel .rec-game-list .appWrap .detailWrap .infoWrap p{font-size: 1.375rem;color: #FFFFFF;}
.rec-game-panel .rec-game-list .appWrap .detailWrap .infoWrap i{width: 1px;height: 1.125rem;background-color: #ffffff;transform: rotate(20deg);}
.rec-game-panel .rec-game-list .appWrap .detailWrap .appContent{font-size: 1.375rem;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.app-listing-panel{margin-top: 2.5rem;}
.app-listing-panel .app-listing{margin-top: 1.5rem;display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2.25rem;row-gap: 1.75rem;}
.app-listing-panel .app-listing .appWrap{display: flex;align-items: center;column-gap: 1.375rem;overflow: hidden;}
.app-listing-panel .app-listing .appWrap .imgWrap{width: 6.25rem;flex: 0 0 6.25rem;max-width: 6.25rem;height: 6.25rem;border-radius: 1.5rem;}
.app-listing-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.app-listing-panel .app-listing .appWrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;row-gap: 0.125rem;}
.app-listing-panel .app-listing .appWrap .detailWrap .appName{font-size: 1.75rem;color: #091F17;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.125rem;}
.app-listing-panel .app-listing .appWrap .detailWrap .appType{font-size: 1.5rem;color: #999999;line-height: 1.75rem;}
.app-listing-panel .app-listing .appWrap .detailWrap > p{font-size: 1.5rem;color: #999999;line-height: 1.75rem;}

.rank-nav-panel{margin-top: 3rem;}
.rank-nav-panel .container{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1.875rem;row-gap: 1.875rem;}
.rank-nav-panel .rank-nav-wrap{height: 5.5rem;background-color: #E5F6FF;border-radius: 1rem;display: flex;align-items: center;padding: 0 0.875rem;position: relative;z-index: 1;overflow: hidden;}
.rank-nav-panel .rank-nav-wrap::after{content: "";position: absolute;top: 0.75rem;right: 6.5rem;width: 3.875rem;height: 4.625rem;background-image: url(../images/home/starsIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;z-index: -1;}
.rank-nav-panel .rank-nav-wrap .rank-nav{display: flex;flex-direction: column;max-width: 11rem;overflow: hidden;}
.rank-nav-panel .rank-nav-wrap .rank-nav .rank-title{font-size: 1.75rem;color: #060D1F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank-nav-panel .rank-nav-wrap .rank-nav .amountWrap{position: relative;padding-left: 1.875rem;font-size: 1.375rem;color: #54C5FF;}
.rank-nav-panel .rank-nav-wrap .rank-nav .amountWrap::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1.5rem;height: 1.5rem;background-image: url(../images/home/packageIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.rank-nav-panel .rank-nav-wrap .top-three-wrap{position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);right: 1rem;display: flex;align-items: center;}
.rank-nav-panel .rank-nav-wrap .top-three-wrap a{width: 3.75rem;flex: 0 0 3.75rem;max-width: 3.75rem;height: 3.75rem;border-radius: 50%;border: 2px solid #ffffff;position: relative;}
.rank-nav-panel .rank-nav-wrap .top-three-wrap a img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;object-position: center;}
.rank-nav-panel .rank-nav-wrap .top-three-wrap a:nth-child(1){z-index: 3;margin-right: -1.875rem;}
.rank-nav-panel .rank-nav-wrap .top-three-wrap a:nth-child(2){z-index: 2;margin-right: -1.875rem;}
.rank-nav-panel .rank-nav-wrap .top-three-wrap a:nth-child(3){z-index: 1;}

.app-type-panel{margin-top: 2.5rem;}
.app-type-panel .app-listing{margin-top: 1.5rem;display: grid; grid-template-columns: repeat(5, 1fr); row-gap: 1.75rem;}
.app-type-panel .app-listing .appWrap{display: flex;flex-direction: column;overflow: hidden;}
.app-type-panel .app-listing .appWrap .imgWrap{width: 6.25rem;height: 6.25rem;border-radius: 1.5rem;margin: 0 auto 0.75rem;}
.app-type-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.app-type-panel .app-listing .appWrap .appName{font-size: 1.75rem;color: #333333;line-height: 2.125rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-type-panel .app-listing .appWrap .rating{text-align: center;padding-left: 1.625rem;position: relative;font-size: 1.5rem;color: #FA8B16;width: fit-content;margin: 0.315rem auto 0;}
.app-type-panel .app-listing .appWrap .rating::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1.25rem;height: 1.25rem;background-image: url(../images/home/star.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}

.type-update-panel{margin-top: 2.375rem;}
.type-update-panel .tab-buttons{margin-top: 1.5rem;display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1.5rem;row-gap: 1.5rem;}
.type-update-panel .tab-buttons li{height: 4rem;text-align: center;line-height: 4rem;border-radius: 1.875rem;background-color: #F4F6F8;font-size: 1.5rem;color: #4D4D4D;}
.type-update-panel .tab-buttons li.active{background-color: #54C5FF;color: #ffffff;}
.type-update-panel .tab-contents{margin-top: 1.875rem;}
.type-update-panel .tab-content{display: none;grid-template-columns: repeat(2, 1fr); column-gap: 2.25rem;row-gap: 1.875rem;}
.type-update-panel .tab-content.active{display: grid;}
.type-update-panel .appWrap{display: flex;align-items: center;column-gap: 1.25rem;overflow: hidden;}
.type-update-panel .appWrap .imgWrap{width: 6.25rem;flex: 0 0 6.25rem;max-width: 6.25rem;height: 6.25rem;border-radius: 1.5rem;}
.type-update-panel .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.type-update-panel .appWrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;row-gap: 0.125rem;}
.type-update-panel .appWrap .detailWrap .appName{font-size: 1.75rem;color: #091F17;overflow: hidden;white-space: nowrap;line-height: 2.125rem;max-width: 12.25rem;}
.type-update-panel .appWrap .detailWrap .appType{font-size: 1.5rem;color: #999999;line-height: 1.75rem;}
.type-update-panel .appWrap .detailWrap > p{font-size: 1.5rem;color: #999999;line-height: 1.75rem;}
.type-update-panel .viewMoreBtn{display: flex;align-items: center;column-gap: 0.5rem;justify-content: center;font-size: 1.5rem;color: #54C5FF;font-weight: bold;grid-column: 1 / -1;}
.type-update-panel .viewMoreBtn i{width: 1.5rem;height: 1.5rem;position: relative;animation: bounce .8s infinite ease-in-out;}
.type-update-panel .viewMoreBtn i::before{content: "";position: absolute;width: 0.5rem;height: 0.5rem;border: 2px solid #54C5FF;border-top: none;border-left: none;transform: rotate(45deg) translateX(-50%);left: 50%;top: 0.25rem;}
.type-update-panel .viewMoreBtn i::after{content: "";position: absolute;width: 0.5rem;height: 0.5rem;border: 2px solid #54C5FF;border-top: none;border-left: none;transform: rotate(45deg) translateX(-50%);left: 50%;top: 0.875rem;}
.type-update-panel .viewMoreBtn i.collapse::before,
.type-update-panel .viewMoreBtn i.collapse::after{transform: rotate(-135deg) translateX(-50%);}

.topic-panel{margin-top: 3.125rem;padding: 1.875rem 0 2.5rem;background: linear-gradient( 100deg, rgb(58,248,130,0.3) 0%, rgb(81,244,77,0.3) 100%);}
.topic-panel.app{background: #e9eeff;}
.topic-panel .moreBtn{border-top: 2px solid #C1E0C5; border-right: 2px solid #C1E0C5; }
.topic-panel .topic-listing {margin-top: 1.25rem;display: flex;flex-direction: column;row-gap: 1.75rem;overflow: hidden;}
.topic-panel .topic-listing .topic-list-row{overflow-x: scroll;display: flex;align-items: center;column-gap: 1.25rem;flex-wrap: nowrap;width: max-content; animation: marquee 20s linear infinite;}
.topic-panel .topic-listing .topic-list-row:nth-child(2){animation: marquee 18s linear infinite;}
.topic-panel .topic-listing .topic-list-row:nth-child(3){animation: marquee 16s linear infinite;}
.topic-panel .topic-listing .topic-list-row::-webkit-scrollbar{height: 0;}
.topic-panel .topic-listing .topic-list-row .topicWrap{width: fit-content;height: 3.75rem;display: flex;align-items: center;column-gap: 1.125rem;border-radius: 1.875rem;background-color: #FFFFFF;padding-right: 1.5rem;}
.topic-panel .topic-listing .topic-list-row .topicWrap .imgWrap{width: 3.75rem;flex: 0 0 3.75rem;max-width: 3.75rem;height: 3.75rem;border-radius: 50%;}
.topic-panel .topic-listing .topic-list-row .topicWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.topic-panel .topic-listing .topic-list-row .topicWrap .topicName{font-size: 1.5rem;color: #060D1F;line-height: 1.25;}

.friendship-link-panel{background-color: #3D3D3D;padding: 1.125rem 0;}
.friendship-link-panel .linkWrap{display: flex;align-items: center;column-gap: 0.5rem;}
.friendship-link-panel .linkWrap > p{position: relative;white-space: nowrap;padding-left: 2.25rem;font-size: 1.5rem;color: #CCCCCC;line-height: 2rem;}
.friendship-link-panel .linkWrap > p::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1.75rem;height: 1.75rem;background-image: url(../images/linkIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.friendship-link-panel .linkWrap .link-list{display: flex;align-items: center;flex-wrap: wrap;column-gap: 1rem;row-gap: 1rem;}
.friendship-link-panel .linkWrap .link-list a{font-size: 1.5rem;color: #CCCCCC;line-height: 2rem;}

footer{margin-top: 0;}