.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: #57d66b;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 span{font-size: 14px;color: #999999;padding-left: 20px;position: relative;}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .bottomWrap span::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 span.dateUpdate::before{background-image: url(../images/topic/clockIcon.webp);background-position: center;background-size: cover;background-repeat: no-repeat;filter: brightness(0) saturate(100%) invert(73%) sepia(26%) saturate(963%) hue-rotate(76deg) brightness(96%) contrast(86%);}
.topic-detail-page .topic-detail-wrap .topic-detail-panel .topic-detail-banner .bottomWrap span.amountWrap::before{background-image: url(../images/topic/amountIcon.webp);background-position: center;background-size: cover;background-repeat: no-repeat;filter: brightness(0) saturate(100%) invert(73%) sepia(26%) saturate(963%) hue-rotate(76deg) brightness(96%) contrast(86%);}

.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(135deg, #8ee99a 0%, #57d66b 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) 52%, #8ee99a33 100%);border: 2px solid #f5f7fb;transition: .3s all;}
.app-listing-block .appWrap .rec-tag{position: absolute;top: 0;right: 0;width: fit-content;height: 24px;border-radius: 0 10px 0 10px;background: #57d66b;font-size: 14px;color: #ffffff;line-height: 24px;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;transition: .3s all;font-weight: bold;}
.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 .typeVersionWrap{display: flex;align-items: center;column-gap: 7px;}
.app-listing-block .appWrap .topWrap .detailWrap .infoWrap .typeVersionWrap span{max-width:65px;}
.app-listing-block .appWrap .topWrap .detailWrap .infoWrap .typeVersionWrap i{width: 1px;height: 14px;background-color: #999999;transform: rotate(16deg);}
.app-listing-block .appWrap .topWrap .detailWrap .infoWrap span{font-size: 14px;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.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;}
.app-listing-block .appWrap:hover{border: 2px solid #57d66b;}
.app-listing-block .appWrap:hover .topWrap .appName{color: #57d66b;font-weight: bold;}
.editor-rec-panel .app-listing-block .appWrap{padding:25px 19px 10px;}

.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%);filter: brightness(0) saturate(100%) invert(73%) sepia(26%) saturate(963%) hue-rotate(76deg) brightness(96%) contrast(86%);}
.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 .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(135deg, #8ee99a 0%, #57d66b 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 > span{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: 64px;flex: 0 0 64px;max-width: 64px;height: 32px;text-align: center;line-height: 32px;border-radius: 10px;font-size: 14px;position: absolute;right: 0;top: 67%;transform: translateY(-50%);background: #f5f7fb; color: #35c84d; box-shadow: 0 4px 12px rgba(87,214,107,.12);font-weight: 500;}
.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(135deg, #8ee99a 0%, #57d66b 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(135deg, #8ee99a 0%, #57d66b 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 span{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: 64px;flex: 0 0 64px;max-width: 64px;height: 32px;text-align: center;line-height: 32px;border-radius: 10px;font-size: 14px;position: absolute;right: 0;bottom: 0;background: #f5f7fb; color: #35c84d; box-shadow: 0 4px 12px rgba(87,214,107,.12);font-weight: 500;}

.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(135deg, #8ee99a 0%, #57d66b 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(135deg, #8ee99a 0%, #57d66b 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(135deg, #8ee99a 0%, #57d66b 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%);}