.topic-content-page .topic-tab{display: flex;align-items: center;height: 5rem;flex-wrap: nowrap;margin-top: 2.25rem;background: linear-gradient( 180deg, rgb(255,219,214) 0%, rgb(255,255,255) 100%, rgb(255,255,255) 100%);position: relative;z-index: 1;border-radius: 1rem 1rem 0 0;}
.topic-content-page .topic-tab a{height: 5rem;width: 33.3333%;position: relative;z-index: 1;line-height: 5rem;text-align: center;flex-shrink: 0;background: transparent;}
.topic-content-page .topic-tab a span{position: relative;z-index: 1;font-size: 1.75rem;color: #993625;text-align: center;z-index: 1;}
.topic-content-page .topic-tab a.active h1{font-size: 1.875rem;color: #140402;font-weight: bold;}
.topic-content-page .topic-tab a.active h1::after{content: "";position: absolute;bottom: 1rem;left: 50%;transform: translateX(-50%);width: 8.688rem;height: 1.313rem;background-image: url(../images/news/activeLine.webp);background-position: center;background-repeat: no-repeat;background-size: contain;z-index: -1;filter: brightness(0) saturate(100%) invert(41%) sepia(81%) saturate(1621%) hue-rotate(202deg) brightness(100%) contrast(102%);}


.topic-content-page .topic-listing{display: flex;flex-direction: column;row-gap: 1.5rem;position: relative;z-index: 1;}
.topic-content-page .topic-listing .topicWrap{padding: 2rem 1.25rem;background-color: #ffffff;border-radius: 1rem 0 1rem 1rem;display: flex;flex-direction: column;row-gap: 1.5rem;}
.topic-content-page .topic-listing .topicWrap:nth-child(1){margin-top: -0.75rem;border-radius: 0 1rem 1rem 1rem}
.topic-content-page .topic-listing .topicWrap .topicTitle{font-size: 1.875rem;font-weight: bold;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-content-page .topic-listing .topicWrap .detailWrap{display: flex;align-items: center;column-gap: 1.625rem;}
.topic-content-page .topic-listing .topicWrap .detailWrap .bannerWrap{width: 21.25rem;height: 11.75rem;flex: 0 0 21.25rem;max-width: 21.25rem;}
.topic-content-page .topic-listing .topicWrap .detailWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 0.625rem;}
.topic-content-page .topic-listing .topicWrap .detailWrap .infoWrap{display: flex;flex-direction: column;row-gap: 1rem;flex: 1;flex-shrink: 0;overflow: hidden;height: 11.75rem;}
.topic-content-page .topic-listing .topicWrap .detailWrap .infoWrap > p{font-size: 1.5rem;color: #999999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.topic-content-page .topic-listing .topicWrap .detailWrap .infoWrap .bottomWrap{display: flex;align-items: center;justify-content: space-between;margin-top: auto;}
.topic-content-page .topic-listing .topicWrap .detailWrap .infoWrap .bottomWrap p{font-size: 1.5rem;color: #999999;line-height: 1.5;}
.topic-content-page .topic-listing .topicWrap .detailWrap .infoWrap .bottomWrap p span{color: #FF583E;}

.topic-detail-page .topic-detail-banner {margin-top: 2rem;background-color: #ffffff;border-radius: 1rem;display: flex;flex-direction: column;position: relative;z-index: 1;}
.topic-detail-page .topic-detail-banner .topicBanner{width: 100%;height: 17.875rem;object-fit: cover;object-position: center;border-radius: 1rem;margin-bottom: 1.5rem;}
.topic-detail-page .topic-detail-banner .detailWrap{display: flex;flex-direction: column;padding: 0 1.25rem 1.875rem;}
.topic-detail-page .topic-detail-banner .nameWrap{display: flex;align-items: center;justify-content: space-between;position: relative;}
.topic-detail-page .topic-detail-banner .nameWrap h1{font-size: 1.875rem;font-weight: bold;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 1.25rem;flex: 1;flex-shrink: 0;}
.topic-detail-page .topic-detail-banner .openFeedback{width: 7.938rem; height: 3.875rem; line-height: 2.9rem; text-align: center; font-size: 1.5rem; color: #FFFFFF; padding-left: 3rem; background-image: url(../images/info/feedbackBg.webp); background-position: center; background-size: cover; background-repeat: no-repeat;position: relative;}
.topic-detail-page .topic-detail-banner .openFeedback::before{content: ""; position: absolute; left: 2.45rem; top: 33%; transform: translateY(-50%); width: 1.25rem; height: 1.5rem; background-image: url(../images/info/feedbackIcon.webp); background-size: contain; background-repeat: no-repeat;}
.topic-detail-page .topic-detail-banner .dateAmountWrap{width: 100%;height: 4.25rem;border-radius: 0.625rem;background: #FFF2F0;display: flex;align-items: center;padding: 0 1.25rem;justify-content: space-between;}
.topic-detail-page .topic-detail-banner .dateAmountWrap p{font-size: 1.5rem;color: #4D4D4D;line-height: 1.5;padding-left: 2rem;position: relative;}
.topic-detail-page .topic-detail-banner .dateAmountWrap p span{color: #FF583E;}
.topic-detail-page .topic-detail-banner .dateAmountWrap p.date::before{content: "";position: absolute;left: 0;top: 45%;transform: translateY(-50%);width: 1.5rem;height: 1.5rem;background-image: url(../images/topic/clockIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.topic-detail-page .topic-detail-banner .dateAmountWrap p.amount::before{content: "";position: absolute;left: 0;top: 45%;transform: translateY(-50%);width: 1.5rem;height: 1.5rem;background-image: url(../images/topic/amountIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.topic-detail-page .topic-detail-banner .topic-content{margin-top: 1rem;font-size: 1.5rem;line-height: 1.5;color: #4D4D4D;overflow: hidden;max-height: 9rem;text-align: justify;}
.topic-detail-page .topic-detail-banner .topic-content.show{max-height: 100%;}
.topic-detail-page .topic-detail-banner .toggleContent{margin: 1rem auto 0;font-size: 1.5rem;color: #FF583E;line-height: 1.5;position: relative;padding-right: 1.75rem;}
.topic-detail-page .topic-detail-banner .toggleContent i{position: absolute;width: 1.25rem;height: 1.25rem;display: block;top: 50%;transform: translateY(-50%);right: 0;}
.topic-detail-page .topic-detail-banner .toggleContent i::before{content: "";position: absolute;width: 0.5rem;height: 0.5rem;border: 2px solid #FF583E;opacity: 0.5;border-top: none;border-left: none;transform: translateY(-50%) rotate(-45deg);top: 50%;right: 0.75rem;}
.topic-detail-page .topic-detail-banner .toggleContent i::after{content: "";position: absolute;width: 0.5rem;height: 0.5rem;border: 2px solid #FF583E;border-top: none;border-left: none;transform: translateY(-50%) rotate(-45deg);top: 50%;right: 0.25rem;}

.topic-detail-page .editor-rec-panel{margin-top: 2.5rem;}
.topic-detail-page .editor-rec-panel h2{font-size: 2.25rem;font-weight: bold;color: #333333;position: relative;padding-left: 1.5rem;}
.topic-detail-page .editor-rec-panel h2::before{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(12deg);left: 0;width: 0.5rem;height: 2.25rem;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 0.25rem;}
.topic-detail-page .editor-rec-panel .app-listing-block{margin-top: 1.125rem;border-radius: 1rem;padding: 1.875rem 1.25rem;background: linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 79%, rgb(255,219,214) 100%);display: flex;flex-direction: column;row-gap: 2.25rem;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap{display: flex;align-items: center;column-gap: 1.375rem;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .imgWrap{width: 7.5rem;height: 7.5rem;flex: 0 0 7.5rem;max-width: 7.5rem;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap .nameWrap{display: flex;align-items: center;column-gap: 0.75rem;margin-bottom: 0.5rem;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap .nameWrap .appName{font-size: 1.75rem;font-weight: 500;color: #333333;line-height: 1.5;max-width: 18.625rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap .nameWrap .rec-tag{width: 5.5rem;height: 1.75rem;line-height: 1.875rem;border-radius: 0.875rem 0.875rem 0.875rem 0;text-align: center;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);font-size: 1rem;font-weight: bold;color: #ffffff;flex: 0 0 5.5rem;max-width: 5.5rem;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap .infoWrap{display: flex;align-items: center;column-gap: 0.75rem;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap .infoWrap p{font-size: 1.5rem; color: #999999; line-height: 2rem;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap .infoWrap i{width: 2px; height: 1.25rem; transform: rotate(20deg); background-color: #999999;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap .appContent{font-size: 1.5rem; color: #999999; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .viewBtn{width: 6.25rem; height: 3rem; text-align: center; line-height: 3rem; border-radius: 1.5rem; background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%); font-size: 1.5rem; color: #ffffff;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap .infoWrap p.rating{padding-left: 1.625rem;position: relative;}
.topic-detail-page .editor-rec-panel .app-listing-block .appWrap .detailWrap .infoWrap p.rating::before{content: "";position: absolute;left: 0;top: 45%;transform: translateY(-50%);width: 1.375rem;height: 1.25rem;background-image: url(../images/star-fill.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}

.topic-detail-page .all-app-panel{margin-top: 2.5rem;}
.topic-detail-page .all-app-panel h2{font-size: 2.25rem;font-weight: bold;color: #333333;position: relative;padding-left: 1.5rem;}
.topic-detail-page .all-app-panel h2::before{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(12deg);left: 0;width: 0.5rem;height: 2.25rem;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 0.25rem;}
.topic-detail-page .all-app-panel .app-listing-block{margin-top: 1.125rem;border-radius: 1rem;padding: 1.875rem 1.25rem;background: #ffffff;display: flex;flex-direction: column;row-gap: 2.25rem;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap{display: flex;align-items: center;column-gap: 1.375rem;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .imgWrap{width: 7.5rem;height: 7.5rem;flex: 0 0 7.5rem;max-width: 7.5rem;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .detailWrap .nameWrap{display: flex;align-items: center;column-gap: 0.75rem;margin-bottom: 0.5rem;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .detailWrap .nameWrap .appName{font-size: 1.75rem;font-weight: 500;color: #333333;line-height: 1.5;max-width: 24rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .detailWrap .infoWrap{display: flex;align-items: center;column-gap: 0.75rem;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .detailWrap .infoWrap p{font-size: 1.5rem; color: #999999; line-height: 1.5;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .detailWrap .infoWrap i{width: 2px; height: 1.25rem; transform: rotate(20deg); background-color: #999999;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .detailWrap .appContent{font-size: 1.5rem; color: #999999; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .viewBtn{width: 6.25rem; height: 3rem; text-align: center; line-height: 3rem; border-radius: 1.5rem; background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%); font-size: 1.5rem; color: #ffffff;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .detailWrap .infoWrap p.rating{padding-left: 1.625rem;position: relative;}
.topic-detail-page .all-app-panel .app-listing-block .appWrap .detailWrap .infoWrap p.rating::before{content: "";position: absolute;left: 0;top: 45%;transform: translateY(-50%);width: 1.375rem;height: 1.25rem;background-image: url(../images/star-fill.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}

.topic-detail-page .type-rec-panel{margin-top: 2.5rem;}
.topic-detail-page .type-rec-panel h2{font-size: 2.25rem;font-weight: bold;color: #333333;position: relative;padding-left: 1.5rem;}
.topic-detail-page .type-rec-panel h2::before{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(12deg);left: 0;width: 0.5rem;height: 2.25rem;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 0.25rem;}
.topic-detail-page .type-rec-panel .type-rec-list{background-color: #ffffff;padding: 2.25rem 1.5rem;border-radius: 1rem;display: flex;flex-wrap: wrap;column-gap: 1.5rem;row-gap: 1.875rem;flex-direction: column;height: calc(3 * 7.5rem + 2 * 4.25rem);overflow-x: scroll;margin-top: 1.25rem;}
.topic-detail-page .type-rec-panel .type-rec-list::-webkit-scrollbar{height: 0;}
.topic-detail-page .type-rec-panel .type-rec-list .recWrap{display: flex;align-items: center;column-gap: 1.5rem;width: 23.875rem;height: 7.5rem;overflow: hidden;}
.topic-detail-page .type-rec-panel .type-rec-list .recWrap .imgWrap{width: 7.5rem;flex: 0 0 7.5rem;max-width: 7.5rem;height: 7.5rem;}
.topic-detail-page .type-rec-panel .type-rec-list .recWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.625rem;}
.topic-detail-page .type-rec-panel .type-rec-list .recWrap .detailWrap{display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;flex: 1;flex-shrink: 0;}
.topic-detail-page .type-rec-panel .type-rec-list .recWrap .detailWrap .appName{font-size: 1.75rem;font-weight: 500;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail-page .type-rec-panel .type-rec-list .recWrap .detailWrap .infoWrap{display: flex;align-items: center;column-gap: 0.875rem;}
.topic-detail-page .type-rec-panel .type-rec-list .recWrap .detailWrap .infoWrap p{font-size: 1.5rem; color: #999999; line-height: 1.5;}
.topic-detail-page .type-rec-panel .type-rec-list .recWrap .detailWrap .infoWrap i{width: 2px; height: 1.25rem; transform: rotate(20deg); background-color: #999999;}
.topic-detail-page .type-rec-panel .type-rec-list .recWrap .detailWrap .dateUpdate{font-size: 1.5rem; color: #999999; line-height: 1.5;}


.topic-detail-page .user-review-panel{margin-top: 2.75rem;}
.topic-detail-page .user-review-panel h2{font-size: 2.25rem;font-weight: bold;color: #333333;position: relative;padding-left: 1.5rem;}
.topic-detail-page .user-review-panel h2::before{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(12deg);left: 0;width: 0.5rem;height: 2.25rem;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 0.25rem;}
.topic-detail-page .user-review-panel .review-wrap{margin-top: 1.5rem;background-color: #ffffff;border-radius: 1rem;padding: 1.875rem 1.5rem 2rem;}
.topic-detail-page .user-review-panel .review-rating-wrap{display: flex;align-items: center;justify-content: space-between;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap{display: flex;flex-direction: column;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .rating-score{text-align: center;font-size: 4.5rem;font-weight: bold;color: #30343F;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars{display: flex;align-items: center;column-gap: 0.375rem;justify-content: center;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div{width: 1.25rem;height: 1.25rem;background-repeat: no-repeat;background-size: contain;background-image: url(../images/star-empty.webp);}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star{background-image: url(../images/star-fill.webp);background-repeat: no-repeat;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-half{background-image: url(../images/star-half.webp);background-repeat: no-repeat;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-empty{background-image: url(../images/star-empty.webp);background-repeat: no-repeat;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .totalReview{text-align: center;margin-top: 0.875rem;font-size: 1.5rem;color: #999999;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap{display: flex;flex-direction: column;row-gap: 0.75rem;align-items: flex-end;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap{display: flex;align-items: center;column-gap: 0.75rem;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars{display: flex;align-items: center;column-gap: 0.25rem;width: 5.625rem;justify-content: flex-end;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars img{width: 0.875rem;height: 0.875rem;object-fit: contain;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar {width: 15rem;height: 0.5rem;border-radius: 0.25rem;background-color: #dfdfdf;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 0.25rem;background: #B5B5B5;width: 0%;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap > p{font-size: 1.125rem;color: #1A1A1A;margin-right: 0.25rem;}
.topic-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .percent{margin-left: 0.375rem;color: #999999;width: 2.5rem;text-align: center;margin-right: 0;}

.topic-detail-page .user-review-panel .comment-field-wrap{display: flex;flex-direction: column;margin-top: 2.25rem;border-radius: 1rem;border: 1px solid #EEEEEE;}
.topic-detail-page .user-review-panel .comment-field-wrap .inputWrap{width: 100%;height: 11.125rem;padding: 1.125rem 1rem;background-color: #F7F7F7;position: relative;border-radius: 1rem 1rem 0 0;}
.topic-detail-page .user-review-panel .comment-field-wrap .inputWrap textarea{background-color: transparent;outline: none;border: none;height: 100%;width:100%;color: #000000;font-size: 1.5rem;resize: none;}
.topic-detail-page .user-review-panel .comment-field-wrap .inputWrap textarea::placeholder{color: #CCCCCC;}
.topic-detail-page .user-review-panel .comment-field-wrap .inputWrap .wordCount{position: absolute;bottom: 0.875rem;right: 1.25rem;font-size: 1.5rem;color: #CCCCCC;}
.topic-detail-page .user-review-panel .comment-field-wrap .actionBottom{display: flex;align-items: center;column-gap: 0.625rem;justify-content: space-between;height: 3.875rem;}
.topic-detail-page .user-review-panel .comment-field-wrap .actionBottom .post-btn{margin-left: auto;width: 10rem;flex: 0 0 10rem;max-width: 10rem;height: 4rem;border-radius: 0 0 0.75rem 0;font-size: 1.5rem;color: #ffffff;background: linear-gradient( 90deg, rgb(255,118,61) 0%, rgb(255,84,61) 100%);font-weight: 500;position: relative;padding-left: 3.125rem;line-height: 4rem;}
.topic-detail-page .user-review-panel .comment-field-wrap .actionBottom .post-btn::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 1rem;width: 1.75rem;height: 1.75rem;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/topic/commentIcon.webp);}
.topic-detail-page .user-review-panel .rate-for-app{display: flex;align-items: center;column-gap: 0.125rem;padding-left: 1.125rem;}
.topic-detail-page .user-review-panel .rate-for-app p{font-size: 1.5rem;color: #333333;line-height: 1;}
.topic-detail-page .user-review-panel .rate-for-app .rateStars{display: flex;align-items: center;column-gap: 0.375rem;}
.topic-detail-page .user-review-panel .rate-for-app .rateStars > div{width: 1.25rem;height: 1.25rem;background-image: url(../images/star-empty.webp);background-repeat: no-repeat;background-size: cover;}
.topic-detail-page .user-review-panel .rate-for-app .rateStars > div.active{background-image: url(../images/star-fill.webp);}

.topic-detail-page .user-review-panel .userEnterWrap{display: flex;align-items: center;column-gap: 1.25rem;margin-top: 1.5rem;}
.topic-detail-page .user-review-panel .userEnterWrap .userField{width: 11.5rem;flex: 0 0 11.5rem;max-width: 11.5rem;height: 3rem;border: 1px solid #BBE6FF;border-radius: 0.375rem;background-color: #ffffff;padding: 0.5rem 1rem;font-size: 1.5rem;color: #000000;outline: none;}
.topic-detail-page .user-review-panel .userEnterWrap .userField::placeholder{color: #cccccc;}
.topic-detail-page .user-review-panel .userEnterWrap .verificationField{width: 10rem;flex: 0 0 10rem;max-width: 10rem;height: 3rem;border: 1px solid #BBE6FF;border-radius: 0.375rem;background-color: #ffffff;padding: 0.5rem 1rem;font-size: 1.5rem;color: #000000;outline: none;}
.topic-detail-page .user-review-panel .userEnterWrap .verificationField::placeholder{color: #cccccc;}
.topic-detail-page .user-review-panel .userEnterWrap > img{width: 10rem;flex: 0 0 10rem;max-width: 10rem;height: 3rem;border-radius: 0.375rem;}


.topic-detail-page .comment-list-panel{margin-top: 2.75rem;}
.topic-detail-page .comment-list-panel .titleTabWrap{display: flex;align-items: center;justify-content: space-between;}
.topic-detail-page .comment-list-panel .titleTabWrap .comment-tab{display: flex;align-items: center;column-gap: 2.188rem;}
.topic-detail-page .comment-list-panel .titleTabWrap .comment-tab a{font-size: 1.5rem;color: #212121;position: relative;}
.topic-detail-page .comment-list-panel .titleTabWrap .comment-tab a.active{color: #FF553E;font-weight: 500;}
.topic-detail-page .comment-list-panel .comment-list{margin-top: 1.625rem;display: flex;flex-direction: column;row-gap: 1.5rem;background-color: #ffffff;border-radius: 0.625rem;padding: 1.5rem 1.25rem 2.625rem 1.5rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap{display: flex;align-items: flex-start;column-gap: 1.5rem;width: 100%;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentAvatar{width: 5rem;height: 5rem;flex: 0 0 5rem;max-width: 5rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentAvatar img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .uname{font-size: 2rem;color: #333333;font-weight: 500;margin-bottom: 0.625rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap{display: flex;align-items: center;justify-content: space-between;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .rating-score{display: none;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 0.5rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div{width: 1.5rem;height: 1.5rem;background-repeat: no-repeat;background-size: contain;background-image: url(../images/star-fill.webp);}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star{background-image: url(../images/star-fill.webp);background-repeat: no-repeat;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-half{background-image: url(../images/star-half.webp);background-repeat: no-repeat;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-empty{background-image: url(../images/star-empty.webp);background-repeat: no-repeat;}

.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .datePost{font-size: 1.5rem;color: #999999;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent {display: flex;flex-direction: column;row-gap: 0.75rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent > p{font-size: 1.75rem;color: #333333;margin-top: 0.75rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap{margin-left: auto;display: flex;align-items: center;column-gap: 1.5rem;cursor: pointer;}

.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap{margin-left: auto;display: flex;align-items: center;column-gap: 1.5rem;cursor: pointer;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .likeIcon{font-size: 1.5rem;color: #999999;position: relative;padding-left: 2.25rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .likeIcon::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1.5rem;height: 1.625rem;background-image: url(../images/likeIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .unlikeIcon{font-size: 1.5rem;color: #999999;position: relative;padding-left: 2.25rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .unlikeIcon::before{content: "";position: absolute;top: 50%;transform: translateY(-50%) scaleY(-1);left: 0;width: 1.5rem;height: 1.625rem;background-image: url(../images/likeIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .active::before{background-image: url(../images/likeActive.webp);}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap p{font-size: 1.5rem;color: #999999;}

.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap{margin-top: 1rem;display: flex;column-gap: 1.25rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap .commentAvatar{width: 4rem;height: 4rem;flex: 0 0 4rem;max-width: 4rem;}
.topic-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap .uname{font-weight: 400;}
.topic-detail-page .comment-list-panel .comment-list .showMoreComment{width: 100%;height: 4.5rem;text-align: center;line-height: 4.5rem;font-size: 1.875rem;color: #FF553E;cursor: pointer;border-radius: 2.25rem;background-color: #FFF1F0;margin-top: 1.25rem;}

.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: 80%;background: #ffffff;display: flex;flex-direction: column;border-radius: 0.625rem;}
.feedback-popup .feedback-wrap .popupTitle{margin-top:0.5rem;height: 4rem;width: 100%;text-align: center;line-height: 4rem;border-radius: 0.625rem 0.625rem 0 0;font-size: 2.5rem;color: #17183A;font-weight: bold;position: relative;}
.feedback-popup .feedback-wrap .popupTitle span{position: relative;width: fit-content;display: block;text-align: center;margin: 0 auto;z-index: 1;}
.feedback-popup .feedback-wrap .feedback-inner{background: #ffffff;border-radius: 0.625rem;position: relative;z-index: 1;padding: 0 1.25rem 2rem;display: flex;flex-direction: column;row-gap: 0.75rem;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec{display: flex;flex-direction: column;row-gap: 0.75rem;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec .innerTitle{font-size: 1.75rem;color: #484846;text-align: left;position: relative;padding-left: 1.5rem;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec .innerTitle::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 0.5rem;height: 1.5rem;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);}
.feedback-popup .feedback-wrap .feedback-inner .type-list{display: flex;flex-wrap: wrap;column-gap: 1rem;row-gap: 1rem;}
.feedback-popup .feedback-wrap .feedback-inner .type-list .feedback-reason{width: calc(50% - 0.5rem);height: 3rem;text-align: center;padding: 0 0.25rem;line-height: 3rem;border-radius: 0.625rem;background-color: #F4F4F4;font-size: 1.5rem;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: 6.25rem;padding: 1rem 1.25rem;border-radius: 0.625rem;background-color: #F4F4F4;font-size: 1.25rem;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: 3rem;border: none;outline: none;border-radius: 0.625rem;line-height: 3rem;padding: 1rem 1.25rem;background-color: #F4F4F4;font-size: 1.25rem;color: #000000;}
.feedback-popup .feedback-wrap .feedback-inner .feedback-contact input::placeholder{color: #A3A3A3;}
.feedback-popup .feedback-wrap .feedback-inner .submitFeedback{width: 100%;height: 5rem;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);line-height: 5rem;border-radius: 2.813rem;text-align: center;font-size: 2rem;color: #ffffff;cursor: pointer;font-weight: bold;}
.feedback-popup .feedback-wrap .close-button{position: absolute;width: 5rem;height: 5rem;background: #cccccc;border-radius: 50%;text-align: center;line-height: 5rem;font-size: 3.5rem;color: #ffffff;z-index: 1;cursor: pointer;bottom: -6rem;left: 50%;transform: translateX(-50%);}