.topic-banner-panel{margin-top: 1.5rem;display: flex;flex-direction: column;}
.topic-banner-panel .imgWrap{position: relative;}
.topic-banner-panel .imgWrap .overlay{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.2%, #000000 100%); }
.topic-banner-panel .imgWrap > img{width: 100%;height: 32rem;display: block;object-fit: cover;}
.topic-banner-panel .imgWrap .bottomWrap{position: absolute;margin: 2rem;bottom: 0;left: 0;display: flex;flex-direction: column;row-gap: 1rem;overflow: hidden;width: calc(100% - 4rem);}
.topic-banner-panel .imgWrap .bottomWrap .gameType{background-color: #6938EF;border-radius: 0.63rem;width: 5rem;height: 3rem;display: flex;align-items: center;justify-content: center;}
.topic-banner-panel .imgWrap .bottomWrap .gameType i{font-size: 2.5rem;color: #ffffff;}
.topic-banner-panel .imgWrap .bottomWrap .title{font-size: 2.5rem;font-weight: 600;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-banner-panel .imgWrap .bottomWrap .detailWrap{display: flex;align-items: center;column-gap: 3rem;overflow: hidden;width: 100%;}
.topic-banner-panel .imgWrap .bottomWrap .detailWrap p{display: flex;align-items: center;column-gap: 1rem;font-size: 1.5rem;color: #ffffff;font-weight: 500;}
.topic-banner-panel .imgWrap .bottomWrap .detailWrap p i{color: #ffffff;font-size: 2rem;}
.topic-banner-panel p.content{padding: 3rem 2rem;font-size: 1.75rem;color: #364152;line-height: 2rem;}

.topic-game-listing-panel{margin-top: 1rem;display: flex;flex-direction: column;row-gap: 1rem;padding: 0 2rem;}
.topic-game-listing-panel a{background-color: #ffffff;box-shadow: 0px 2px 2px 0px #11135B0D;border-radius: 2rem;width: 100%;height: 15rem;display: flex;align-items: flex-start;padding: 2rem;}
.topic-game-listing-panel a > img{width: 11rem;height: 11rem;border-radius: 1.25rem;margin-right: 2rem;}
.topic-game-listing-panel a .game-detail{display: flex;flex-direction: column;overflow: hidden;margin-right: 2rem;}
.topic-game-listing-panel a .game-detail h3{font-size: 2rem;font-weight: 500;color: #364152;margin-bottom: 0.5rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topic-game-listing-panel a .game-detail .game-inner-detail{display: flex;align-items: center;column-gap: 2rem;}
.topic-game-listing-panel a .game-detail .game-inner-detail p{font-size: 1.5rem;color: #364152;}
.topic-game-listing-panel a .game-detail .tag-list{display: flex;align-items: center;column-gap: 0.5rem;margin-top: 1rem;}
.topic-game-listing-panel a .game-detail .tag-list p{min-width: 7rem;height: 3rem;border-radius: 0.63rem;border: 1px solid #CDD5DF;background-color: transparent;font-size: 1.5rem;color: #364152;display: flex;align-items: center;justify-content: center; padding: 0 1rem;}
.topic-game-listing-panel a .rating{margin-left: auto;display: flex;align-items: center;column-gap: 0.5rem;font-size: 2.5rem;color: #6938EF;font-weight: 500;line-height: 3rem;}
.topic-game-listing-panel a .rating i{font-size: 2.5rem;color: #6938EF;}

.topic-game-listing-panel ~ .pagination{margin-top: 4rem;display: flex;justify-content: center;align-items: center;column-gap: 1rem;}
.topic-game-listing-panel ~ .pagination .first-page{padding: 0 .75rem;}
.topic-game-listing-panel ~ .pagination .last-page{padding: 0 .75rem;}
.topic-game-listing-panel ~ .pagination a{background-color: #ffffff;border-radius: 0.5rem;border: 1px solid #CDD5DF;min-width: 4rem;min-height: 4rem;padding: 0 1rem;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;color: #364152;}
.topic-game-listing-panel ~ .pagination a:disabled{opacity: 0.5;}
.topic-game-listing-panel ~ .pagination a i{font-size: 1.5rem;}
.topic-game-listing-panel ~ .pagination a.current{background-color: #EEEDFC;border-color: #6938EF;}

.topic-banner-panel p.content {
    padding: 3rem 2rem;
    font-size: 1.75rem;
    color: #364152;
    line-height: 3.6rem;
}