.topic-detail-page{margin-top: 1.5rem;}
.topic-detail-page .topic-detail-banner{background-color: #ffffff;border-radius: 0.63rem;padding: 1.25rem 1.25rem 2rem;display: flex;flex-direction: column;}
.topic-detail-page .topic-detail-banner > img{width: 100%;height: 20.25rem;object-fit: cover;border-radius: 0.63rem;}
.topic-detail-page .topic-detail-banner h1{font-size: 2rem;font-weight: bold;color: #31242F;margin-top: 0.75rem;}
.topic-detail-page .topic-detail-banner .topic-content{font-size: 1.25rem;color: #666666;margin-top: 0.75rem;}
.topic-detail-page .topic-detail-banner .typeWrap{display: flex;align-items: center;column-gap: 1rem;margin-top: 1.5rem;}
.topic-detail-page .topic-detail-banner .typeWrap p{font-size: 1.125rem;color: #BABABA;position: relative;}
.topic-detail-page .topic-detail-banner .typeWrap p:first-child::after{content: "";position: absolute;right: -0.5rem;top: 50%;transform: translateY(-50%);width: 0.125rem;height: 75%;background-color: #BABABA;}
.topic-detail-page .topic-detail-banner .typeWrap p span{color: #02A1FF;}
.topic-detail-page .topic-detail-banner .tag-list{display: flex;flex-wrap: wrap;gap: 1rem;margin-top: 1.25rem;}
.topic-detail-page .topic-detail-banner .tag-list a{height: 2.125rem;line-height: 2.125rem;text-align: center;padding: 0 1rem;background-color: #F6F6F6;border-radius: 0.63rem;font-size: 1.125rem;color: #666666;}

.topic-detail-page .special-app-panel{margin-top: 1.25rem;padding: 2rem 1.25rem;background-color: #ffffff;border-radius: 0.63rem;display: flex;flex-direction: column;row-gap: 3rem;}
.topic-detail-page .special-app-panel .appWrap{display: flex;align-items: center;}
.topic-detail-page .special-app-panel .appWrap .imgWrap{width: 7.5rem;height: 7.5rem;position: relative;}
.topic-detail-page .special-app-panel .appWrap .imgWrap > div{width: 4.25rem;height: 4.75rem;position: absolute;top: -0.25rem;left: -0.25rem;background-size: cover;}
.topic-detail-page .special-app-panel .appWrap .imgWrap > div.hotTag{background-image: url(../images/topicDetail/hotTag.webp);background-repeat: no-repeat;}
.topic-detail-page .special-app-panel .appWrap .imgWrap > div.downloadTag{background-image: url(../images/topicDetail/mostDownloadTag.webp);background-repeat: no-repeat;}
.topic-detail-page .special-app-panel .appWrap .imgWrap > div.popularTag{background-image: url(../images/topicDetail/popularTag.webp);background-repeat: no-repeat;}
.topic-detail-page .special-app-panel .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 1.75rem;object-fit: cover;}
.topic-detail-page .special-app-panel .appWrap .appDetail{display: flex;flex-direction: column;overflow: hidden;width: 18.75rem;margin-left: 1.625rem;}
.topic-detail-page .special-app-panel .appWrap .appDetail h4{font-size: 1.625rem;color: #000000;margin-bottom: 0.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;}
.topic-detail-page .special-app-panel .appWrap .appDetail .typeWrap{display: flex;align-items: center;column-gap: 1rem;margin-bottom: 1rem;}
.topic-detail-page .special-app-panel .appWrap .appDetail .typeWrap p{font-size: 1.25rem;color: #BABABA;position: relative;}
.topic-detail-page .special-app-panel .appWrap .appDetail .typeWrap p:first-child::after{content: "";position: absolute;top: 50%;right: -0.5rem;transform: translateY(-50%);width: 0.125rem;height: 75%;background-color: #BABABA;}
.topic-detail-page .special-app-panel .appWrap .appDetail .dateUpdate{font-size: 1.25rem;color: #BABABA;}
.topic-detail-page .special-app-panel .appWrap .viewBtn{width: 7.75rem; height: 3.125rem; text-align: center; line-height: 3rem; border: 1px solid #0872FF4D; border-radius: 1.5rem; font-size: 1.5rem; color: #0975FF;margin-left: auto;}

.topic-detail-page .app-listing-panel{background-color: #ffffff;margin-top: 1.25rem;padding: 1rem 1.25rem 1.875rem;border-radius: 0.63rem;}
.topic-detail-page .app-listing-panel .app-listing{margin-top: 1.5rem;display: flex;flex-wrap: wrap;column-gap: 3.125rem;row-gap: 1.875rem;}
.topic-detail-page .app-listing-panel .app-listing .appWrap{width: 7.75rem;flex: 0 0 7.75rem;max-width: 7.75rem;display: flex;flex-direction: column;overflow: hidden;}
.topic-detail-page .app-listing-panel .app-listing .appWrap img{width: 7.75rem;height: 7.75rem;object-fit: cover;border-radius: 1.875rem;margin-bottom: 0.5rem;}
.topic-detail-page .app-listing-panel .app-listing .appWrap p{text-align: center;font-size: 1.5rem;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 1rem;}
.topic-detail-page .app-listing-panel .app-listing .appWrap .viewBtn{width: 7.75rem;height: 3.125rem;text-align: center;line-height: 3rem;border: 1px solid #0872FF4D;border-radius: 1.5rem;font-size: 1.5rem;color: #0975FF;}

.topic-detail-page .premium-topic-panel{margin-top: 1.25rem;background-color: #ffffff;border-radius: 0.63rem;padding: 0.75rem 1.25rem 2.5rem;}
.topic-detail-page .premium-topic-panel .topic-list{display: flex;flex-direction: column;row-gap: 2.5rem;margin-top: 1.625rem;}
.topic-detail-page .premium-topic-panel .topic-list > a{display: flex;align-items: center;column-gap: 1.25rem;background-color: #f7f7f7;border-radius: 0.63rem;padding-right: 1rem;overflow: hidden;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-banner{width: 19.625rem;flex: 0 0 19.625rem;max-width: 19.625rem;border-radius: 0.63rem;height: 12.5rem;position: relative;background-color: #000000;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-banner > img{width: 100%;height: 100%;border-radius: 0.63rem;object-fit: cover;position: absolute;top: 0;left: 0;opacity: 0.8;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-banner .topic-apps-list{display: flex;align-items: center;column-gap: 0.63rem;justify-content: center;position: absolute;bottom: 1.25rem;padding: 0 1rem;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-banner .topic-apps-list .topic-app-wrap{width: 3.875rem;flex: 0 0 3.875rem;max-width: 3.875rem;height: 3.875rem;border-radius: 0.63rem;display: flex;align-items: center;justify-content: center;background-color: #ffffff80;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-banner .topic-apps-list .topic-app-wrap img{width: 3.75rem;height: 3.75rem;object-fit: cover;border-radius: 0.63rem;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-banner .topic-apps-list .topic-app-wrap p{font-size: 1.5rem;color: #ffffff;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-banner .topic-apps-list .topic-app-wrap:last-child{background-color: #ffffff66;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-detail{display: flex;flex-direction: column;overflow: hidden;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-detail h4{font-size: 1.5rem;font-weight: bold;color: #000000;margin-bottom: 0.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-detail p.dateUpdate{font-size: 1.125rem; color: #BABABA;margin-bottom: 0.63rem;}
.topic-detail-page .premium-topic-panel .topic-list > a .topic-detail p.topic-content{font-size: 1.25rem;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.topic-detail-page .premium-topic-panel .topic-tag-list{margin-top: 1.875rem;}
.topic-detail-page .premium-topic-panel .topic-tag-list{display: flex;flex-wrap: wrap;column-gap: 0.875rem;row-gap: 1.625rem;align-items: center;}
.topic-detail-page .premium-topic-panel .topic-tag-list a{font-size: 1.375rem;color: #000000;height: 3rem;line-height: 3rem;text-align: center;padding: 0 1.75rem;background-color: #F6F6F6;border-radius: 0.375rem;}


.titleWrap h2{font-size: 2.125rem;}


















footer{margin-top: 2rem;}