.app-detail-page{margin-top: 1.5rem;}
.app-detail-page .app-download-panel{background-image: url(../images/info/appBannerBg.webp);background-repeat: no-repeat;background-size: cover;border-radius: 0.63rem;position: relative;padding: 1.25rem 0 1.875rem;display: flex;flex-direction: column;}
.app-detail-page .app-download-panel .feedback-btn{background-image: url(../images/info/feedbackBg.webp);width: 5.25rem;height: 2.125rem;display: flex;align-items: center;column-gap: 0.375rem;background-repeat: no-repeat;background-size: cover;padding: 0 0.375rem 0 1.25rem;position: absolute;right: 1.25rem;top: -1.25rem;}
.app-detail-page .app-download-panel .feedback-btn img{width: 1rem;height: 1.125rem;object-fit: cover;}
.app-detail-page .app-download-panel .feedback-btn p{font-size: 1.125rem;color: #ffffff;margin-top: -0.05rem;}
.app-detail-page .app-download-panel .app-detail-top{display: flex;align-items: center;column-gap: 1.25rem;padding: 0 1.25rem;}
.app-detail-page .app-download-panel .app-detail-top > img{width: 9.375rem;flex: 0 0 9.375rem;max-width: 9.375rem;height: 9.375rem;border-radius: 1.875rem;}
.app-detail-page .app-download-panel .app-detail-top .app-detail{display: flex;flex-direction: column;row-gap: 1.375rem;overflow: hidden;}
.app-detail-page .app-download-panel .app-detail-top .app-detail h1{font-size: 2.25rem;color: #31242F;font-weight: bold;}
.app-detail-page .app-download-panel .app-detail-top .app-detail .typeWrap{display: flex;align-items: center;column-gap: 1rem;}
.app-detail-page .app-download-panel .app-detail-top .app-detail .typeWrap p{font-size: 1.5rem;color: #BABABA;position: relative;}
.app-detail-page .app-download-panel .app-detail-top .app-detail .typeWrap p:first-child::after{content: "";position: absolute;right: -0.5rem;top: 50%;transform: translateY(-50%);width: 0.125rem;height: 75%;background-color: #BABABA;}
.app-detail-page .app-download-panel .app-detail-top .app-detail .tag-list{display: flex;flex-wrap: wrap;gap: 1rem;}
.app-detail-page .app-download-panel .app-detail-top .app-detail .tag-list a{height: 2.125rem; line-height: 2.125rem; text-align: center; padding: 0 1rem; background-color: #F6F6F6; border-radius: 0.63rem; font-size: 1.125rem; color: #666666;}
.app-detail-page .app-download-panel .button-list{margin-top: 1.25rem;background-color: #F0F9FF;padding: 0.63rem 1.25rem;display: flex;flex-direction: column;row-gap: 2rem;}
.app-detail-page .app-download-panel .button-list a{display: flex;justify-content: center;align-items: center;height: 4.625rem;width: 100%;border-radius: 2.375rem;font-size: 2rem;color: #ffffff;}
.app-detail-page .app-download-panel .button-list a.appleBtn{background-color: #02a1ff;}
.app-detail-page .app-download-panel .button-list a.androidBtn{background-color: #39eb82;}
.app-detail-page .app-download-panel .button-list a.appointmentBtn{background-color: #fcbc14;}
.app-detail-page .app-download-panel .button-list a.noDownloadBtn{background-color: #cccccc;}
.app-detail-page .app-download-panel .reminder-text{font-size: 1.5rem;color: #FCBC14;margin-top: 0.31rem;padding: 0 1.25rem;}

.app-detail-page .app-info-panel{margin-top: 1.25rem;background-color: #ffffff;border-radius: 0.63rem;padding: 1.25rem 0 1.25rem 1.25rem;}
.app-detail-page .app-info-panel h2{font-size: 1.875rem;font-weight: bold;color: #31242F;}
.app-detail-page .app-info-panel .screenshot-panel .screenshot-wrap{position: relative;margin-top: 1rem;}
.app-detail-page .app-info-panel .screenshot-panel .screenshot-wrap .swiper-slide{width: auto;height: 21rem;}
.app-detail-page .app-info-panel .screenshot-panel .screenshot-wrap .swiper-slide img{max-height: 21rem;width: auto;border-radius: 0.63rem;cursor: pointer;}

.app-detail-page .app-info-panel .app-intro-panel{margin-top: 1.875rem;padding-right: 1.25rem;}
.app-detail-page .app-info-panel .app-intro-panel .app-intro-content{margin-top: 1.25rem;}
.app-detail-page .app-info-panel .app-intro-panel .app-intro-content p{font-size: 1.5rem;color: #1D2127;line-height: 2.75rem;}
.app-detail-page .app-info-panel .app-intro-panel .app-intro-content h3{height: 2.75rem; line-height: 2.5rem; padding: 0.25rem 0.63rem; border-radius: 0.125rem; text-align: center; font-size: 1.625rem; font-weight: bold; background: linear-gradient(to right, #00c6ff, #0072ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; width: fit-content; position: relative;}
.app-detail-page .app-info-panel .app-intro-panel .app-intro-content h3::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid transparent; background: linear-gradient(to right, #12a7ff80, #ffffff, #12a7ff80) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude;border-radius: 0.125rem;}
.app-detail-page .app-info-panel .app-intro-panel .app-intro-content img{display: block;width: 100%;border-radius: 0.63rem;height: auto;object-fit: cover;}

.app-detail-page .app-info-panel .update-log-panel{margin-top: 2.875rem;padding-right: 1.25rem;}
.app-detail-page .app-info-panel .update-log-panel .log-title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.25rem;}
.app-detail-page .app-info-panel .update-log-panel .log-title .viewUpdateLog{cursor: pointer;font-size: 1.25rem;color: #CCCCCC;}
.app-detail-page .app-info-panel .update-log-panel .updateLogWrap{display: flex;flex-direction: column;row-gap: 0.75rem;}
.app-detail-page .app-info-panel .update-log-panel .updateLogWrap h4{font-size: 1.5rem;color: #cccccc;font-weight: 400;}
.app-detail-page .app-info-panel .update-log-panel .updateLogWrap .logContent p{font-size: 1.5rem;color: #1D2127;line-height: 2.75rem;}

.app-detail-page .app-info-panel .app-detail-panel{margin-top: 2.5rem;padding-right: 1.25rem;}
.app-detail-page .app-info-panel .app-detail-panel h2{padding-left: 1.25rem;}
.app-detail-page .app-info-panel .app-detail-panel .app-info-list{margin-top: 1.25rem;display: flex;flex-direction: column;row-gap: 2.5rem;padding: 2.5rem;background-color: #f5fbff;}
.app-detail-page .app-info-panel .app-detail-panel .app-info-list .app-info-row{display: flex;align-items: center;column-gap: 2.375rem;justify-content: space-between;}
.app-detail-page .app-info-panel .app-detail-panel .app-info-list .app-info-row span{font-size: 1.5rem;color: #999999;width: 6.25rem;text-align: left;flex: 0 0 6.25rem;max-width: 6.25rem;}
.app-detail-page .app-info-panel .app-detail-panel .app-info-list .app-info-row p, .app-detail-page .app-info-panel .app-detail-panel .app-info-list .app-info-row div{width: 100%;text-align: right;font-size: 1.5rem;color: #1D2127;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.app-detail-page .app-info-panel .app-detail-panel .app-info-list .app-info-row div{color: #02A1FF;}

.app-detail-page .app-info-panel .history-version-panel{margin-top: 2.625rem;padding-right: 1.25rem;}
.app-detail-page .app-info-panel .history-version-panel .version-list{display: flex;flex-direction: column;margin-top: 0.875rem;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap{padding: 1.125rem 0;display: flex;align-items: center;column-gap: 1.125rem;border-bottom: 1px solid #02a1ff26;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap .imgWrap{width: 4.5rem;flex: 0 0 4.5rem;max-width: 4.5rem;height: 4.5rem;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap .imgWrap img{width: 100%;height: 100%;border-radius: 0.63rem;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail{display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;max-width: 23.75rem;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail h4{font-size: 1.5rem;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail .bottomWrap{display: flex;align-items: center;column-gap: 2rem;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail .bottomWrap p{font-size: 1.25rem;color: #BABABA;position: relative;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail .bottomWrap p:first-child::after{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(20deg);right: -1rem;width: 1px;height: 75%;background-color: #BABABA;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap .viewBtn{width: 7.75rem; height: 3.125rem; text-align: center; line-height: 3.125rem; background: linear-gradient(90deg, rgb(2, 162, 255) 0%, rgb(9, 115, 255) 100%); border-radius: 1.5rem; font-size: 1.5rem; color: #ffffff; margin-left: auto;}
.app-detail-page .app-info-panel .history-version-panel .version-list .versionWrap:last-child{border-bottom: none;}

.app-detail-page .related-app-panel{margin-top: 1.25rem;background-color: #ffffff;border-radius: 0.63rem;padding: 1rem 1.25rem 2.5rem;}
.app-detail-page .related-app-panel .related-app-list{display: flex;column-gap: 3.75rem;overflow-x: scroll;margin-top: 1.5rem;overflow-y: hidden;}
.app-detail-page .related-app-panel .related-app-list::-webkit-scrollbar{height: 0;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap{width: 34.25rem;display: flex;flex-direction: column;row-gap: 2.5rem;flex: 0 0 34.25rem;max-width: 34.25rem;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap{width: 100%;flex: 0 0 100%;max-width: 100%;display: flex;align-items: center;height: 7.5rem;max-height: 7.5rem;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap .imgWrap{width: 7.5rem;height: 7.5rem;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 1.625rem;object-fit: cover;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap .appDetail{display: flex;flex-direction: column;overflow: hidden;width: 16.625rem;margin-left: 1.25rem;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap .appDetail h4{font-size: 1.625rem;color: #000000;margin-bottom: 0.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap .appDetail .typeWrap{display: flex;align-items: center;column-gap: 1rem;margin-bottom: 0.31rem;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap .appDetail .typeWrap p{font-size: 1.25rem;color: #BABABA;position: relative;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap .appDetail .typeWrap p:first-child::after{content: "";position: absolute;top: 50%;right: -0.5rem;transform: translateY(-50%);width: 0.125rem;height: 75%;background-color: #BABABA;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap .appDetail .dateUpdate{font-size: 1.375rem;color: #BABABA;}
.app-detail-page .related-app-panel .related-app-list .app-column-wrap .appWrap .viewBtn{margin-left: auto;width: 7.75rem;height: 3.125rem;text-align: center;line-height: 3rem;border-radius: 1.5rem;border: 1px solid #0872FFBF;font-size: 1.5rem;color: #0975FF;}

.app-detail-page .related-topic-panel{margin-top: 1.25rem;background-color: #ffffff;border-radius: 0.63rem;padding: 1.5rem 1.25rem 2rem;}
.app-detail-page .related-topic-panel .topic-tabs{display: flex;align-items: center;column-gap: 3.75rem;margin-top: 1.25rem;overflow-x: scroll;overflow-y: hidden;}
.app-detail-page .related-topic-panel .topic-tabs::-webkit-scrollbar{height: 0;}
.app-detail-page .related-topic-panel .topic-tabs .tab{font-size: 1.5rem;color: #A5A5A5;position: relative;white-space: nowrap;}
.app-detail-page .related-topic-panel .topic-tabs .tab.active{font-weight: bold;background: linear-gradient(to right, #00c6ff, #0072ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.app-detail-page .related-topic-panel .topic-tabs .tab::after{content: "";position: absolute;right: -1.875rem;top: 50%;transform: translateY(-50%) rotate(20deg);width: 0.125rem;height: 75%;background-color: #CCCCCC80;}
.app-detail-page .related-topic-panel .topic-tabs .tab:last-child::after{display: none;}
.app-detail-page .related-topic-panel .related-topic-banner{margin-top: 1.125rem;}
.app-detail-page .related-topic-panel .related-topic-banner a{display: flex;align-items: center;column-gap: 1.25rem;background-color: #f7f7f7;border-radius: 0.63rem;padding-right: 1rem;overflow: hidden;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-banner{width: 19.625rem;flex: 0 0 19.625rem;max-width: 19.625rem;border-radius: 0.63rem;height: 12.5rem;position: relative;background-color: #000000;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-banner > img{width: 100%;height: 100%;border-radius: 0.63rem;object-fit: cover;position: absolute;top: 0;left: 0;opacity: 0.8;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-banner .topic-apps-list{display: flex;align-items: center;column-gap: 0.63rem;justify-content: center;position: absolute;bottom: 1.25rem;padding: 0 1rem;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-banner .topic-apps-list .topic-app-wrap{width: 3.875rem;flex: 0 0 3.875rem;max-width: 3.875rem;height: 3.875rem;border-radius: 0.63rem;display: flex;align-items: center;justify-content: center;background-color: #ffffff80;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-banner .topic-apps-list .topic-app-wrap img{width: 3.75rem;height: 3.75rem;object-fit: cover;border-radius: 0.63rem;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-banner .topic-apps-list .topic-app-wrap p{font-size: 1.5rem;color: #ffffff;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-banner .topic-apps-list .topic-app-wrap:last-child{background-color: #ffffff66;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-detail{display: flex;flex-direction: column;overflow: hidden;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-detail h4{font-size: 1.5rem;font-weight: bold;color: #000000;margin-bottom: 0.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-detail p.dateUpdate{font-size: 1.125rem; color: #BABABA;margin-bottom: 0.63rem;}
.app-detail-page .related-topic-panel .related-topic-banner a .topic-detail p.topic-content{font-size: 1.25rem;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.app-detail-page .related-topic-panel .related-topic-app-listing{margin-top: 1.875rem;display: flex;flex-wrap: wrap;column-gap: 3.125rem;row-gap: 1.625rem;}
.app-detail-page .related-topic-panel .related-topic-app-listing .appWrap{width: 7.75rem;flex: 0 0 7.75rem;max-width: 7.75rem;display: flex;flex-direction: column;overflow: hidden;}
.app-detail-page .related-topic-panel .related-topic-app-listing .appWrap img{width: 7.75rem;height: 7.75rem;object-fit: cover;border-radius: 1.875rem;margin-bottom: 0.5rem;}
.app-detail-page .related-topic-panel .related-topic-app-listing .appWrap p{text-align: center;font-size: 1.5rem;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .related-topic-panel .related-topic-app-listing .appWrap .viewBtn{width: 7.75rem;height: 3.125rem;text-align: center;line-height: 3rem;border: 1px solid #0872FF4D;border-radius: 1.5rem;font-size: 1.5rem;color: #0975FF;}

.app-detail-page .related-news-panel{margin-top: 1.25rem;background-color: #ffffff;border-radius: 0.63rem;padding: 1.5rem 1.25rem 2rem;}
.app-detail-page .related-news-panel .news-listing{display: flex;flex-wrap: wrap;column-gap: 1.125rem;row-gap: 1.75rem;margin-top: 1.625rem;}
.app-detail-page .related-news-panel .news-listing a{width: 19.625rem;flex: 0 0 19.625rem;max-width: 19.625rem;display: flex;flex-direction: column;}
.app-detail-page .related-news-panel .news-listing a > img{width: 19.625rem;height: 10.5rem;object-fit: cover;margin-bottom: 0.25rem;border-radius: 0.63rem;}
.app-detail-page .related-news-panel .news-listing a > h4{font-size: 1.5rem;color: #000000;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0.75rem;font-weight: 400;}
.app-detail-page .related-news-panel .news-listing a p{font-size: 1.125rem;color: #BABABA;}
.app-detail-page .related-news-panel .news-listing a p span{margin-right: 1rem;position: relative;}
.app-detail-page .related-news-panel .news-listing a p span::after{content: "";position: absolute;top: 50%;right: -0.5rem;transform: translateY(-50%);width: 0.25rem;height: 0.25rem;background-color: #BABABA;border-radius: 50%;}

.app-detail-page .popular-app-panel{margin-top: 1.25rem;background-color: #ffffff;border-radius: 0.63rem;padding: 1rem 1.25rem 1.875rem;}
.app-detail-page .popular-app-panel .titleWrap {display: flex;align-items: center;justify-content: space-between;}
.app-detail-page .popular-app-panel .titleWrap .switchBtn{cursor: pointer;display: flex;align-items: center;column-gap: 0.75rem;}
.app-detail-page .popular-app-panel .titleWrap .switchBtn img{width: 1.5rem;height: 1.25rem;object-fit: contain;}
.app-detail-page .popular-app-panel .titleWrap .switchBtn p{font-size: 1.375rem;color: #02A2FF;}
.app-detail-page .popular-app-panel .popular-app-listing{margin-top: 1.5rem;display: none;flex-wrap: wrap;column-gap: 3.125rem;row-gap: 1.625rem;}
.app-detail-page .popular-app-panel .popular-app-listing.active{display: flex;}
.app-detail-page .popular-app-panel .popular-app-listing .appWrap{width: 7.75rem;flex: 0 0 7.75rem;max-width: 7.75rem;display: flex;flex-direction: column;overflow: hidden;}
.app-detail-page .popular-app-panel .popular-app-listing .appWrap img{width: 7.75rem;height: 7.75rem;object-fit: cover;border-radius: 1.875rem;margin-bottom: 0.5rem;}
.app-detail-page .popular-app-panel .popular-app-listing .appWrap p{text-align: center;font-size: 1.5rem;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.4rem;}
.app-detail-page .popular-app-panel .popular-app-listing .appWrap .viewBtn{width: 7.75rem;height: 3.125rem;text-align: center;line-height: 3rem;border: 1px solid #0872FF4D;border-radius: 1.5rem;font-size: 1.5rem;color: #0975FF;}

.app-detail-page .rating-review-panel{background-color: #ffffff;margin-top: 1.25rem;padding: 1.5rem 1.25rem 2rem;border-radius: 0.63rem;}
.app-detail-page .rating-review-panel h2{font-size: 2rem;font-weight: bold;color: #30343F;margin-bottom: 2rem;}
.app-detail-page .rating-review-panel .comment-type-tab{overflow-x: scroll;display: flex;align-items: center;column-gap: 0.875rem;}
.app-detail-page .rating-review-panel .comment-type-tab::-webkit-scrollbar{height: 0;}
.app-detail-page .rating-review-panel .comment-type-tab a{height: 3.875rem;line-height: 3.875rem;background-color: #F8F8FA;border-radius: 2rem;min-width: 6.625rem;padding: 0 1.25rem;font-size: 1.625rem;color: #999999;text-align: center;white-space: nowrap;flex-shrink: 0;}
.app-detail-page .rating-review-panel .comment-type-tab a.active{color: #ffffff;background: linear-gradient(90deg, rgb(2, 162, 255) 0%, rgb(9, 115, 255) 100%);}
.app-detail-page .rating-review-panel .ratingWrap{margin-top: 1.75rem;display: flex;align-items: center;justify-content: space-between;padding-left: 1.75rem;}
.app-detail-page .rating-review-panel .ratingWrap .ratingScore{display: flex;flex-direction: column;text-align: center;width: 10.375rem;}
.app-detail-page .rating-review-panel .ratingWrap .ratingScore p{text-align: center;font-size: 5.125rem;color: #28282C;}
.app-detail-page .rating-review-panel .ratingWrap .ratingScore span{text-align: center;font-size: 1.5rem;color: #999999;}
.app-detail-page .rating-review-panel .ratingWrap .ratingBarWrap{display: flex;flex-direction: column;row-gap: 0.63rem;align-items: flex-end;}
.app-detail-page .rating-review-panel .ratingWrap .ratingBarWrap .barWrap{display: flex;align-items: center;column-gap: 0.875rem;}
.app-detail-page .rating-review-panel .ratingWrap .ratingBarWrap .barWrap .rateStars{display: flex;align-items: center;column-gap: 0.25rem;}
.app-detail-page .rating-review-panel .ratingWrap .ratingBarWrap .barWrap .rateStars img{width: 1.125rem;height: 1.125rem;object-fit: cover;}
.app-detail-page .rating-review-panel .ratingWrap .ratingBarWrap .barWrap .rateBar {width: 16.5rem;height: 0.5rem;border-radius: 0.25rem;background-color: #dfdfdf;}
.app-detail-page .rating-review-panel .ratingWrap .ratingBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 0.25rem;background: #b5b5b5;width: 0%;}
.app-detail-page .rating-review-panel .post-comment-panel{margin-top: 2.5rem;height: 14.25rem;border-radius: 0.375rem;border: 1px solid #D0D0D0;display: flex;align-items: center;justify-content: center;flex-direction: column;row-gap: 1.25rem;}
.app-detail-page .rating-review-panel .post-comment-panel .topWrap{display: flex;align-items: center;column-gap: 0.875rem;}
.app-detail-page .rating-review-panel .post-comment-panel .topWrap img{width: 3.625rem;height: 3.625rem;flex: 0 0 3.625rem;max-width: 3.625rem;object-fit: cover;}
.app-detail-page .rating-review-panel .post-comment-panel .topWrap p{font-size: 1.5rem;color: #999999;}
.app-detail-page .rating-review-panel .post-comment-panel .comment-star-wrap{display: flex;align-items: center;column-gap: 1.5rem;}
.app-detail-page .rating-review-panel .post-comment-panel .comment-star-wrap img{width: 2.375rem;height: 2.375rem;object-fit: contain;}

.app-detail-page .comment-list-panel{background-color: #ffffff;margin-top: 1.25rem;padding: 1.75rem 1.25rem 2.5rem;border-radius: 0.63rem;display: flex;flex-direction: column;}
.app-detail-page .comment-list-panel .title{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: 0.375rem;}
.app-detail-page .comment-list-panel .title h2{font-size: 2rem;font-weight: bold;color: #30343F;}
.app-detail-page .comment-list-panel .title .comment-tab{display: flex;align-items: center;column-gap: 2rem;}
.app-detail-page .comment-list-panel .title .comment-tab a{font-size: 1.5rem;color: #999999;position: relative;}
.app-detail-page .comment-list-panel .title .comment-tab a.active{color: #0973FF;}
.app-detail-page .comment-list-panel .title .comment-tab a::after{content: "";position: absolute;right: -1rem;top: 50%;transform: translateY(-50%);width: 2px;height: 75%;background-color: #BC9D88;}
.app-detail-page .comment-list-panel .title .comment-tab a:last-child::after{display: none;}
.app-detail-page .comment-list-panel .comment-listing{display: flex;flex-direction: column;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap{display: flex;flex-direction: column;row-gap: 1.25rem;overflow: hidden;padding: 2.125rem 0;border-bottom: 1px solid #efefef;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap:last-child{border-bottom: none;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap{display: flex;column-gap: 2rem;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap > img{width: 4.625rem;height: 4.625rem;flex: 0 0 4.625rem;max-width: 4.625rem;object-fit: cover;border-radius: 50%;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap{overflow: hidden;display: flex;flex-direction: column;height: 4.625rem;justify-content: space-between;max-width: 20rem;overflow: hidden;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap > p{font-size: 1.75rem;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .rating-score{display: none;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 0.125rem;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .stars div{width: 1.5rem;height: 1.5rem;background-size: cover;background-image: url(../images/newsDetail/star-empty.webp);background-repeat: no-repeat;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .stars div.star{background-image: url(../images/newsDetail/star-fill.webp);background-repeat: no-repeat;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .stars div.star-half{background-image: url(../images/newsDetail/star-half.webp);background-repeat: no-repeat;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .topWrap .datePost{height: 4.625rem;margin-left: auto;margin-top: auto;font-size: 1.5rem;color: #999999;display: flex ; align-items: flex-end;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .comment-content{font-size: 1.5rem;color: #333333;line-height: 2.625rem;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap .device-from{font-size: 1.25rem;color: #CCCCCC;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap.haveReply{display: flex;flex-direction: column;row-gap: 1.5rem;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap.haveReply p{font-size: 1.5rem;color: #333333;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap.haveReply p span{font-weight: bold;}
.app-detail-page .comment-list-panel .comment-listing .commentWrap.haveReply .showAllReply{font-size: 1.25rem;color: #02A0FF;}
.app-detail-page .comment-list-panel .showMoreComment{margin-top: 0.875rem;height: 4.125rem;width: 100%;line-height: 4.125rem;text-align: center;background-color: #FAFAFA;border-radius: 3rem;font-size: 1.625rem;color: #CCCCCC;}


footer{margin-top: 1.875rem;}

#modalImage { transition: opacity 0.3s ease; opacity: 1; }
#modalImage.fade-out { opacity: 0; }
#imageModal.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center; }
#imageModal .overlay{background: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
#imageModal.modal .swiper-slide{position: relative;display: flex;align-items: center;justify-content: center;}
#imageModal.modal .swiper{position: absolute; height: 100%; top: 50%; transform: translateY(-50%); width: 100%;}
#imageModal.modal .swiper-slide img {max-width: 70%;max-height: 60%;object-fit: contain;height: auto;width: auto;}
#imageModal .close{cursor: pointer;position: absolute;right: 1rem;top: 1rem;font-size: 2rem;color: #ffffff;font-family: cursive;z-index: 1;font-weight: bold;}
#imageModal .modal-swiper-prev, #imageModal .modal-swiper-next{position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;background-color: #ffffffa8;cursor: pointer;width: 3rem;height: 3rem;border: none;border-radius: 50%;font-size: 1.5rem;color: #000000;font-family: cursive;font-weight: bold;}
#imageModal .modal-swiper-prev{left: 1.5rem;}
#imageModal .modal-swiper-next{right: 1.5rem;}