.topic-detail-page .topic-detail-wrap{display: flex;align-items: flex-start;column-gap: 24px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel{width: 860px;flex: 0 0 860px;max-width: 860px;display: flex;flex-direction: column;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner{background-color: #FFFFFF;border-radius: 10px;padding: 24px 20px 24px 28px;display: flex;align-items: center;column-gap: 20px;position: relative;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner img{width: 340px;flex: 0 0 340px;max-width: 340px;height: 187px;object-fit: cover;object-position: center;border-radius: 10px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .detailWrap{display: flex;flex-direction: column;row-gap: 12px;overflow: hidden;flex: 1;flex-shrink: 0;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .nameWrap{display: flex;align-items: center;justify-content: space-between;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .nameWrap h1{font-size: 24px;font-weight: bold;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;flex-shrink: 0;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .openFeedback{position: absolute;top: 0;right: 0;width: fit-content;height: 28px;line-height: 28px;text-align: center;padding: 0 8px 0 28px;background: #3988FF;border-radius: 0 10px 0 10px;font-size: 14px;color: #ffffff;font-weight: bold;cursor: pointer;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .openFeedback::before{content: "";position: absolute;top: 44%;left: 10px;transform: translateY(-50%);width: 14px;height: 16px;background-image: url(../images/info/feedbackIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .topic-content{font-size: 14px;line-height: 28px;color: #666666;overflow-y: scroll;max-height: 110px;padding-right: 10px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .topic-content::-webkit-scrollbar-button{display: none;height: 0;width: 0;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .topic-content::-webkit-scrollbar{width: 10px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .topic-content::-webkit-scrollbar-thumb {background-color: #DCDCDC;border-radius: 5px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .topic-content::-webkit-scrollbar-track {background-color: #F7F7F7;border-radius: 5px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .bottomWrap{display: flex;align-items: center;justify-content: space-between;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .bottomWrap p{font-size: 14px;color: #999999;padding-left: 20px;position: relative;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .bottomWrap p::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 14px;height: 14px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .bottomWrap p.dateUpdate::before{background-image: url(../images/topic/clockIcon.webp);background-position: center;background-size: cover;background-repeat: no-repeat;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .bottomWrap p.amountWrap::before{background-image: url(../images/topic/amountIcon.webp);background-position: center;background-size: cover;background-repeat: no-repeat;}

.topic-detail-page .topic-detail-wrap .topic-detail-panel .editor-rec-panel{display: flex;flex-direction: column;row-gap: 18px;margin-top: 25px;}
.topic-title{position: relative;padding-left: 20px;}
.topic-title::before{content: "";position: absolute;left: 0;top: 53%;transform: translateY(-50%) rotate(12deg);width: 5px;height: 24px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 4px;}
.topic-title h2{font-size: 24px;font-weight: bold;color: #140402;}
.app-listing-block{display: flex;flex-wrap: wrap;column-gap: 22px;row-gap: 16px;}
.app-listing-block .appWrap{width: 272px;height: 220px;flex: 0 0 272px;max-width: 272px;border-radius: 10px;position: relative;padding: 16px 19px 10px;display: flex;flex-direction: column;row-gap: 12px;background: linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 79%, rgb(255,219,214) 100%);}
.app-listing-block .appWrap .rec-tag{position: absolute;top: 0;right: 0;width: fit-content;height: 20px;border-radius: 0 10px 0 10px;background: linear-gradient( 90deg, rgb(255,118,61) 0%, rgb(255,84,61) 100%);font-size: 12px;color: #ffffff;line-height: 20px;text-align: center;padding: 0 8px 0 10px;}
.app-listing-block .appWrap .topWrap{display: flex;flex-direction: column;row-gap: 16px;overflow: hidden;}
.app-listing-block .appWrap .topWrap .appName{font-size: 18px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-listing-block .appWrap .topWrap .detailWrap{display: flex;align-items: center;column-gap: 16px;overflow: hidden;flex: 1;flex-shrink: 0;}
.app-listing-block .appWrap .topWrap .detailWrap .imgWrap{width: 80px;flex: 0 0 80px;max-width: 80px;height: 80px;}
.app-listing-block .appWrap .topWrap .detailWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 22px;}
.app-listing-block .appWrap .topWrap .detailWrap .infoWrap{display: flex;flex-direction: column;row-gap: 10px;}
.app-listing-block .appWrap .topWrap .detailWrap .infoWrap .ratingReviewWrap{display: flex;align-items: center;column-gap: 5px;}
.app-listing-block .appWrap .topWrap .detailWrap .infoWrap .ratingReviewWrap .rating-score{font-size: 14px;color: #999999;}
.app-listing-block .appWrap .topWrap .detailWrap .infoWrap .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 3px;}
.stars .star{width: 14px;height: 13px;background-image: url(../images/star-fill.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.stars .star-half{width: 14px;height: 13px;background-image: url(../images/star-half.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.stars .star-empty{width: 14px;height: 13px;background-image: url(../images/star-empty.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-listing-block .appWrap .topWrap .detailWrap .infoWrap p{font-size: 14px;color: #999999;display: flex;align-items: center;column-gap: 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-listing-block .appWrap .topWrap .detailWrap .infoWrap p i{width: 1px;height: 14px;background-color: #999999;transform: rotate(16deg);}
.app-listing-block .appWrap .appContent{display: flex;align-items: center;column-gap: 4px;font-size: 14px;color: #999999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.app-listing-block .appWrap .appContent span{font-weight: bold;}

.topic-detail-page .topic-detail-wrap .topic-detail-panel .all-app-panel {margin-top: 20px;display: flex;flex-direction: column;row-gap: 18px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .all-app-panel .app-listing-block .appWrap{background: #ffffff;}

.topic-detail-page .topic-detail-wrap .topic-detail-panel .cat-rec-panel{margin-top: 20px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .cat-rec-panel .topic-title{display: flex;align-items: center;justify-content: space-between;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .cat-rec-panel .topic-title .switch-btn{font-size: 14px;color: #999999;padding-right: 21px;position: relative;cursor: pointer;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .cat-rec-panel .topic-title .switch-btn::after{content: "";position: absolute;top: 50%;right: 0;width: 16px;height: 14px;background-image: url(../images/topic/switchBtn.webp);background-size: cover;background-repeat: no-repeat;background-position: center;transform: translateY(-50%);}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap{margin-top: 22px;border-radius: 10px;background-color: #ffffff;padding: 24px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap .rec-listing{display: none;flex-wrap: wrap;column-gap: 19px;row-gap: 24px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap .rec-listing.active{display: flex;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap .rec-listing .rec-app-wrap{display: flex;align-items: center;column-gap: 16px;width: 285px;flex: 0 0 258px;max-width: 258px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap .rec-listing .rec-app-wrap .imgWrap{width: 64px;flex: 0 0 64px;max-width: 64px;height: 64px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap .rec-listing .rec-app-wrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 14px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap .rec-listing .rec-app-wrap .detailWrap{display: flex;flex-direction: column;row-gap: 6px;flex: 1;flex-shrink: 0;overflow: hidden;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap .rec-listing .rec-app-wrap .detailWrap .appName{font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap .rec-listing .rec-app-wrap .detailWrap p{font-size: 14px;color: #999999;display: flex;align-items: center;column-gap: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .rec-list-wrap .rec-listing .rec-app-wrap .detailWrap p i{width: 1px;height: 14px;background-color: #999999;transform: rotate(20deg);}

.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel{margin-top: 25px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-wrap{background-color: #ffffff;margin-top: 22px;border-radius: 8px;padding: 20px 24px 24px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap{display: flex;align-items: center;justify-content: space-between;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap{display: flex;flex-direction: column;padding: 0 26px 0 36px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .rating-score{text-align: center;font-size: 60px;font-weight: bold;color: #140402;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars{display: flex;align-items: center;column-gap: 5px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star{width: 17px;height: 16px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-half{width: 17px;height: 16px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-empty{width: 17px;height: 16px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .totalReview{text-align: center;margin-top: 18px;font-size: 14px;color: #999999;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap{display: flex;flex-direction: column;row-gap: 10px;align-items: flex-end;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap{display: flex;align-items: center;column-gap: 12px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars{display: flex;align-items: center;column-gap: 4px;width: 89px;justify-content: flex-end;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars img{width: 14px;height: 14px;object-fit: contain;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar {width: 320px;height: 8px;border-radius: 4px;background-color: #dfdfdf;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 4px;background: #14DD94;width: 0%;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap > p{font-size: 14px;color: #999999;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .percent{margin-left: -6px;color: #999999;width: 40px;text-align: center;}

.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .rate-for-app{display: flex;align-items: center;column-gap: 2px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .rate-for-app p{font-size: 14px;color: #140402;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .rate-for-app .rateStars{display: flex;align-items: center;column-gap: 5px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .rate-for-app .rateStars > div{width: 16px;height: 16px;background-image: url(../images/star-empty.webp);background-size: contain;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .rate-for-app .rateStars > div.active{background-image: url(../images/star-fill.webp);background-size: contain;background-position: center;background-repeat: no-repeat;}

.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .comment-field-wrap{margin-top: 16px;display: flex;flex-direction: column;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .comment-field-wrap .inputWrap{width: 100%;height: 120px;padding: 12px 20px;background-color: #F5F5F5;border-radius: 10px 10px 0 8px;position: relative;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .comment-field-wrap .inputWrap textarea{background-color: transparent;outline: none;border: none;height: 70px;width: 95%;color: #000000;font-size: 14px;resize: none;border-radius: 10px 10px 0 10px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .comment-field-wrap .inputWrap textarea::placeholder{color: #B8B8B8;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .comment-field-wrap .inputWrap .wordCount{position: absolute;bottom: 12px;right: 20px;font-size: 14px;color: #CCCCCC;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .comment-field-wrap .actionBottom{display: flex;align-items: center;column-gap: 10px;justify-content: space-between;border-radius: 0 0 10px 10px;border: 1px solid #F5F5F5;padding-left: 14px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .comment-field-wrap .actionBottom .post-btn{margin-left: auto;width: 160px;flex: 0 0 160px;max-width: 160px;height: 38px;text-align: center;line-height: 39px;border-radius: 0 0 10px 0;font-size: 16px;color: #ffffff;background: linear-gradient( 90deg, rgb(255,118,61) 0%, rgb(255,84,61) 100%);cursor: pointer;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .userEnterWrap{display: flex;align-items: center;column-gap: 10px;margin-top: 20px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .userEnterWrap .userField{width: 184px;flex: 0 0 184px;max-width: 184px;height: 38px;border: 1px solid #BBE6FF;border-radius: 6px;background-color: #f5fbff;padding: 12px 10px;font-size: 14px;color: #000000;outline: none;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .userEnterWrap .userField::placeholder{color: #cccccc;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .userEnterWrap .verificationField{width: 114px;flex: 0 0 114px;max-width: 114px;height: 38px;border: 1px solid #BBE6FF;border-radius: 6px;background-color: #f5fbff;padding: 12px 10px;font-size: 14px;color: #000000;outline: none;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .userEnterWrap .verificationField::placeholder{color: #cccccc;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .user-review-panel .userEnterWrap > img{width: 160px;flex: 0 0 160px;max-width: 160px;height: 38px;border-radius: 6px;}


.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel{margin-top: 25px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list{margin-top: 20px;display: flex;flex-direction: column;row-gap: 24px;background-color: #ffffff;padding: 24px;border-radius: 10px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap{display: flex;align-items: flex-start;column-gap: 12px;width: 100%;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentAvatar{width: 40px;height: 40px;flex: 0 0 40px;max-width: 40px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentAvatar img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo{display: flex;flex-direction: column;width: 100%;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .uname{font-size: 14px;color: #140402;font-weight: bold;margin-bottom: 4px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap{display: flex;align-items: center;column-gap: 24px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .rating-score{display: none;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 4px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div{width: 14px;height: 14px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star{background-image: url(../images/star-fill.webp);}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-half{background-image: url(../images/star-half.webp);}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-empty{background-image: url(../images/star-empty.webp);}

.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .datePost{font-size: 14px;color: #999999;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent {display: flex;flex-direction: column;row-gap: 10px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent > p{font-size: 14px;color: #4D4D4D;max-height: 60px;overflow: hidden;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap{margin-left: auto;display: flex;align-items: center;column-gap: 18px;cursor: pointer;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .likeIcon{width: 14px;height: 14px;background-image: url(../images/likeIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .unlikeIcon{transform: scaleY(-1);width: 14px;height: 14px;background-image: url(../images/likeIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .active{background-image: url(../images/likeActive.webp);}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap p{font-size: 14px;color: #999999;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap{margin-top: 18px;display: flex;column-gap: 12px;background-color: #F7F7F7;border-radius: 6px;padding: 16px 20px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap .commentAvatar{width: 36px;height: 36px;flex: 0 0 36px;max-width: 36px;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .comment-list-panel .comment-list .showMoreComment{width: 100%;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #ffffff;cursor: pointer;border-radius: 20px;background: linear-gradient( 90deg, rgb(255,118,61) 0%, rgb(255,84,61) 100%);font-weight: bold;}

.topic-detail-page .topic-detail-wrap .side-topic-panel{width: 316px;flex: 0 0 316px;max-width: 316px;display: flex;flex-direction: column;row-gap: 24px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel{background-color: #ffffff;border-radius: 10px;padding: 20px 24px 24px;display: flex;flex-direction: column;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .topic-title{position: relative;padding-left: 14px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .topic-title::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(12deg);width: 4px;height: 16px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 4px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .topic-title h2{font-size: 18px;font-weight: bold;color: #140402;line-height: 24px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap{margin-top: 16px;display: flex;flex-direction: column;row-gap: 24px;padding-bottom: 20px;border-bottom: 2px dashed #E5E5E5;margin-bottom: 20px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap{display: flex;align-items: center;column-gap: 16px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .imgWrap{width: 80px;flex: 0 0 80px;max-width: 80px;height: 80px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 20px;object-fit: cover;object-position: center;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 8px;flex: 1;flex-shrink: 0;position: relative;width: 100%;overflow: hidden;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap .appName{font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap > p{font-size: 14px;color: #999999;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap{display: flex;align-items: center;column-gap: 5px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .rating-score{font-size: 14px;color: #999999;display: none;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 3px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .stars > div.star{background-image: url(../images/star-fill.webp);}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .stars > div.star-half{background-image: url(../images/star-half.webp);}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .stars > div.star-empty{background-image: url(../images/star-empty.webp);}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap .viewBtn{width: 72px;flex: 0 0 72px;max-width: 72px;height: 36px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);text-align: center;line-height: 36px;border-radius: 10px;color: #ffffff;font-size: 14px;position: absolute;right: 0;top: 60%;transform: translateY(-50%);}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .hot-app-list{display: flex;flex-direction: column;row-gap: 14px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .hot-app-list .appWrap{display: flex;align-items: center;column-gap: 10px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .hot-app-list .appWrap .imgWrap{width: 26px;flex: 0 0 26px;max-width: 26px;height: 26px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .hot-app-list .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 8px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .hot-app-list .appWrap .appName{font-size: 14px;color: #140402;flex: 1;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .hot-app-list .appWrap .starWrap{font-size: 14px;color: #999999;position: relative;padding-left: 20px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .side-hot-app-panel .hot-app-list .appWrap .starWrap::before{content: "";position: absolute;top: 45%;transform: translateY(-50%);width: 14px;height: 13px;background-image: url(../images/star-fill.webp);background-position: center;background-repeat: no-repeat;background-size: cover;left: 0;}

.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel{background-color: #ffffff;border-radius: 10px;padding: 20px 24px 24px;display: flex;flex-direction: column;row-gap: 16px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list{display: flex;flex-wrap: wrap;column-gap: 11px;row-gap: 11px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a{width: 82px;flex: 0 0 82px;max-width: 82px;height: 32px;line-height: 32px;text-align: center;border-radius: 6px;font-size: 14px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 1){background-color: #FFF0F0;color: #EC2A2A;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 2){background-color: #F4F0FF;color: #652AEC;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 3){background-color: #FFF8F0;color: #FF8A00;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 4){background-color: #F2FFF0;color: #3EBE25;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 5){background-color: #F0FAFF;color: #279DDB;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 6){background-color: #FEF5FF;color: #E12AEC;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 7){background-color: #FFFBF0;color: #F8C939;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 8){background-color: #F4F0FF;color: #652AEC;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 9){background-color: #FFF8F0;color: #FF8A00;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 10){background-color: #F2FFF0;color: #3EBE25;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 11){background-color: #F0FAFF;color: #279DDB;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-cat-panel .app-cat-list a:nth-child(12n + 12){background-color: #FEF5FF;color: #E12AEC;}

.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel{background-color: #ffffff;border-radius: 10px;padding: 18px 24px 22px;display: flex;flex-direction: column;row-gap: 18px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .topic-title{display: flex;align-items: center;justify-content: space-between;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .topic-title .tab-buttons{display: flex;align-items: center;height: 26px;border-radius: 13px;background-color: #F7F7F7;margin-left: auto;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .topic-title .tab-buttons li{cursor: pointer;height: 26px;line-height: 26px;padding: 0 8px;text-align: center;font-size: 12px;color: #999999;border-radius: 13px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .topic-title .tab-buttons li.active{background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);color: #ffffff;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .tab-content{display: none;flex-direction: column;row-gap: 20px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .tab-content.active{display: flex;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap{display: flex;align-items: center;column-gap: 12px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .imgWrap{width: 64px;flex: 0 0 64px;max-width: 64px;height: 64px;position: relative;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 14px;object-fit: cover;object-position: center;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .imgWrap .rankNo{position: absolute;bottom: 0;right: 0;width: 24px;height: 24px;text-align: center;line-height: 24px;font-size: 14px;font-weight: bold;color: #999999;background: linear-gradient( 0deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);border-radius: 12px 0 12px 0;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap:nth-child(1) .imgWrap .rankNo,
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap:nth-child(2) .imgWrap .rankNo,
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap:nth-child(3) .imgWrap .rankNo{background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);color: #ffffff;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 4px;flex: 1;flex-shrink: 0;position: relative;width: 100%;overflow: hidden;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .detailWrap .appName{font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .detailWrap p{font-size: 14px;color: #999999;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .detailWrap .typeStarWrap{display: flex;align-items: center;column-gap: 12px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .detailWrap .typeStarWrap .rating-score{padding-left: 20px;position: relative;font-size: 14px;color: #999999;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .detailWrap .typeStarWrap .rating-score::before{content: "";position: absolute;top: 45%;left: 0;transform: translateY(-50%);width: 14px;height: 13px;background-image: url(../images/star-fill.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .app-rank-panel .appWrap .detailWrap .viewBtn{width: 72px;flex: 0 0 72px;max-width: 72px;height: 36px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);text-align: center;line-height: 36px;border-radius: 10px;color: #ffffff;font-size: 14px;position: absolute;right: 0;bottom: 0;}

.topic-detail-page .topic-detail-wrap .side-topic-panel .hot-topic-panel{background-color: #ffffff;border-radius: 10px;padding: 20px 24px 24px;display: flex;flex-direction: column;row-gap: 18px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .hot-topic-panel .topic-list{display: flex;flex-direction: column;row-gap: 20px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .hot-topic-panel .topic-list .topicBannerWrap{width: 100%;height: 160px;position: relative;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .hot-topic-panel .topic-list .topicBannerWrap > img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 8px;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .hot-topic-panel .topic-list .topicBannerWrap .detailWrap{position: absolute;left: 0;bottom: 0;width: 100%;padding: 12px 12px 8px;display: flex;flex-direction: column;row-gap: 4px;overflow: hidden;border-radius: 8px;background: linear-gradient( 0deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);}
.topic-detail-page .topic-detail-wrap .side-topic-panel .hot-topic-panel .topic-list .topicBannerWrap .detailWrap .topicTitle{font-size: 16px;font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .topic-detail-wrap .side-topic-panel .hot-topic-panel .topic-list .topicBannerWrap .detailWrap span{font-size: 14px;color: #B3B3B3;}

.feedback-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.feedback-popup .overlay{background: #00000099; position: absolute;width: 100%;height: 100%;z-index: -1;}
.feedback-popup .feedback-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 450px;background: #ffffff;display: flex;flex-direction: column;border-radius: 20px;}
.feedback-popup .feedback-wrap .popupTitle{height: 95px;width: 100%;text-align: center;line-height: 95px;border-radius: 20px 20px 0 0;font-size: 32px;color: #17183A;font-weight: bold;position: relative;}
.feedback-popup .feedback-wrap .feedback-inner{background: #ffffff;border-radius: 20px;position: relative;z-index: 1;padding: 0 32px 30px;display: flex;flex-direction: column;row-gap: 15px;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec{display: flex;flex-direction: column;row-gap: 15px;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec .innerTitle{font-size: 20px;color: #484846;text-align: left;position: relative;padding-left: 12px;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec .innerTitle::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 6px;height: 24px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);}
.feedback-popup .feedback-wrap .feedback-inner .type-list{display: flex;flex-wrap: wrap;column-gap: 15px;row-gap: 15px;}
.feedback-popup .feedback-wrap .feedback-inner .type-list .feedback-reason{width: 185px;height: 36px;text-align: center;padding: 0 8px;line-height: 36px;border-radius: 10px;background-color: #F4F4F4;font-size: 16px;color: #17183A;cursor: pointer;border: 1px solid transparent;}
.feedback-popup .feedback-wrap .feedback-inner .type-list .feedback-reason.selected{background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);color: #ffffff;}
.feedback-popup .feedback-wrap .feedback-inner .fieldWrap textarea{width: 100%;height: 100px;padding: 10px 16px;border-radius: 10px;background-color: #F4F4F4;font-size: 16px;color: #000000;border: none;outline: none;resize: none;}
.feedback-popup .feedback-wrap .feedback-inner .fieldWrap textarea::placeholder{color: #A3A3A3;}
.feedback-popup .feedback-wrap .feedback-inner .feedback-contact input{width: 100%;height: 40px;border: none;outline: none;border-radius: 10px;line-height: 40px;padding: 10px 16px;background-color: #F4F4F4;font-size: 16px;color: #000000;}
.feedback-popup .feedback-wrap .feedback-inner .feedback-contact input::placeholder{color: #A3A3A3;}
.feedback-popup .feedback-wrap .feedback-inner .submitFeedback{width: 100%;height: 54px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);line-height: 54px;border-radius: 45px;text-align: center;font-size: 24px;color: #ffffff;cursor: pointer;font-weight: bold;}
.feedback-popup .feedback-wrap .close-button{position: absolute;width: 50px;height: 50px;background: #cccccc;border-radius: 50%;text-align: center;line-height: 50px;font-size: 46px;color: #ffffff;z-index: 1;cursor: pointer;bottom: -70px;left: 50%;transform: translateX(-50%);}