.news-content-page .news-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;}
.news-content-page .news-tab a{height: 5rem;width: 25%;position: relative;z-index: 1;line-height: 5rem;text-align: center;flex-shrink: 0;background: transparent;}
.news-content-page .news-tab a span{position: relative;z-index: 1;font-size: 1.75rem;color: #993625;text-align: center;z-index: 1;}
.news-content-page .news-tab a.active h1{font-size: 1.875rem;color: #140402;font-weight: bold;}
.news-content-page .news-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(87%) sepia(10%) saturate(2297%) hue-rotate(96deg) brightness(98%) contrast(95%);}

.news-content-page .news-listing{display: flex;flex-direction: column;row-gap: 1.5rem;position: relative;z-index: 1;}
.news-content-page .news-listing .newsWrap{padding: 2rem 1.25rem;background-color: #ffffff;border-radius: 1rem 0 1rem 1rem;display: flex;align-items: center;column-gap: 1.625rem;}
.news-content-page .news-listing .newsWrap:nth-child(1){border-radius: 0 0 1rem 1rem}
.news-content-page .news-listing .newsWrap .bannerWrap{width: 21.25rem;height: 11.75rem;flex: 0 0 21.25rem;max-width: 21.25rem;}
.news-content-page .news-listing .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 0.625rem;}
.news-content-page .news-listing .newsWrap .detailWrap{display: flex;flex-direction: column;row-gap: 1rem;flex: 1;flex-shrink: 0;overflow: hidden;}
.news-content-page .news-listing .newsWrap .detailWrap .newsTitle{font-size: 1.875rem;color: #140402;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 0.75rem;position: relative;}
.news-content-page .news-listing .newsWrap .detailWrap .newsTitle::before{content: "";position: absolute;left: 0;top: 53%;transform: translateY(-50%);width: 0.25rem;height: 1.875rem;border-radius: 0.125rem;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);}
.news-content-page .news-listing .newsWrap .detailWrap > p{font-size: 1.5rem;color: #4D4D4D;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-content-page .news-listing .newsWrap .detailWrap > span{font-size: 1.5rem;color: #999999;}

.news-detail-page .news-detail-panel{background-color: #ffffff;border-radius: 1rem;padding: 2.375rem 1.25rem 2.125rem;position: relative;z-index: 1;margin-top: 2.25rem;}
.news-detail-page .news-detail-panel h1{font-size: 2.25rem;font-weight: bold;color: #140402;text-align: center;margin-bottom: 1rem;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-detail-page .news-detail-panel .news-info{display: flex;align-items: center;justify-content: center;column-gap: 1rem;}
.news-detail-page .news-detail-panel .news-info p{font-size: 1.5rem;color: #999999;line-height: 1.5;}
.news-detail-page .news-detail-panel .news-info i{width: 2px;height: 1.5rem;background-color: #999999;}
.news-detail-page .news-detail-panel .news-content{margin-top: 2rem;display: flex;flex-direction: column;row-gap: 2rem;font-size: 1.875rem;color: #4D4D4D;line-height: 2;}
.news-detail-page .news-detail-panel .news-content p{font-size: 1.875rem;color: #4D4D4D;line-height: 2;}
.news-detail-page .news-detail-panel .news-content img{width: auto; height: auto; object-fit: cover; object-position: center; max-width: 100%; margin: 0 auto; display: block;}
.news-detail-page .news-detail-panel .news-content h3{width: 100%;height: 4rem;line-height: 4rem;border-radius: 0.315rem;padding: 0 0.625rem;font-size: 1.875rem;font-weight: bold;color: #FF553E;background: linear-gradient( 90deg, rgb(255,118,61,0.2) 0%, rgb(255,84,61,0.2) 100%);}
.news-detail-page .news-detail-panel .breakLine{margin: 1.5rem auto;width: 100%;height: 0.375rem;background-image: url(../images/news/cutLine.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.news-detail-page .news-detail-panel .reminder{position: relative;border: 1px solid #FF553E;border-radius: 0.5rem;padding: 1.125rem 1rem 1.25rem 3.25rem;background: #FFF1F0;font-size: 1.5rem;color: #140402;}
.news-detail-page .news-detail-panel .reminder::before{content: "";position: absolute;top: 1.25rem;left: 1.375rem;width: 1.5rem;height: 1.75rem;background-image: url(../images/news/lightbulb.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}

.news-detail-page .news-navigate-wrap {margin-top: 1.75rem;display: flex;align-items: center;column-gap: 1.625rem;}
.news-detail-page .news-navigate-wrap a {width: calc(50% - 1.375rem);flex: 0 0 calc(50% - 1.375rem);max-width: calc(50% - 1.375rem);height: 6.5rem;padding: 1rem 1.25rem 1.25rem;background-color: #ffffff;border-radius: 1rem;display: flex;flex-direction: column;}
.news-detail-page .news-navigate-wrap a .topWrap{display: flex;align-items: center;justify-content: space-between;}
.news-detail-page .news-navigate-wrap a .topWrap p{font-size: 1.5rem;color: #FF553E;font-weight: bold;}
.news-detail-page .news-navigate-wrap a .topWrap .nav-arrow{width: 1.25rem;height: 1.125rem;background-image: url(../images/news/navArrow.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.news-detail-page .news-navigate-wrap a > p{font-size: 1.5rem;color: #404040;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .news-navigate-wrap a.next-news .topWrap .nav-arrow{transform: scaleX(-1);}

.news-detail-page .news-related-app-banner{margin-top: 3.125rem;position: relative;background-color: #ffffff;border-radius: 1rem;padding: 1.875rem 1.25rem 1.5rem 1.125rem;display: flex;flex-direction: column;}
.news-detail-page .news-related-app-banner .related-tag{width: 6.25rem;height: 2.5rem;line-height: 2.5rem;border-radius: 1rem 0 1rem 0;text-align: center;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);font-size: 1.25rem;font-weight: bold;color: #ffffff;position: absolute;top: 0;left: 0;z-index: 2;}
.news-detail-page .news-related-app-banner .topWrap{display: flex;align-items: center;column-gap: 1.125rem;position: relative;padding-bottom: 1.5rem;border-bottom: 2px dashed #EEEEEE;z-index: 1;}
.news-detail-page .news-related-app-banner .topWrap .imgWrap{width: 7.5rem;flex: 0 0 7.5rem;max-width: 7.5rem;height: 7.5rem;}
.news-detail-page .news-related-app-banner .topWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.news-detail-page .news-related-app-banner .topWrap .detailWrap{display: flex;flex-direction: column;row-gap: 0.625rem;flex: 1;flex-shrink: 0;overflow: hidden;}
.news-detail-page .news-related-app-banner .topWrap .detailWrap .appName{font-size: 1.75rem;color: #140402;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .news-related-app-banner .topWrap .detailWrap p{font-size: 1.5rem;color: #999999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-detail-page .news-related-app-banner .topWrap .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;}
.news-detail-page .news-related-app-banner .topWrap .overlay-image{position: absolute;top: -1.875rem;right: -1.25rem;z-index: -1;width: 9.125rem;height: 9.125rem;object-fit: cover;object-position: center;border-radius: 1rem;opacity: 0.2;mask-image: linear-gradient(to top right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);}
.news-detail-page .news-related-app-banner .infoWrap{margin-top: 1rem;display: flex;align-items: flex-start;column-gap: 1.5rem;}
.news-detail-page .news-related-app-banner .infoWrap .info{display: flex;flex-direction: column;width: calc(25% - 1.75rem);flex: 0 0 calc(25% - 1.75rem);max-width: calc(25% - 1.75rem);overflow: hidden;}
.news-detail-page .news-related-app-banner .infoWrap .info.version {width: 25%;flex: 0 0 25%;max-width: 25%;}
.news-detail-page .news-related-app-banner .infoWrap .info.size {width: calc(25% - 1rem);flex: 0 0 calc(25% - 1rem);max-width: calc(25% - 1rem);}
.news-detail-page .news-related-app-banner .infoWrap .info.date {width: calc(25% - 0.125rem);flex: 0 0 calc(25% - 0.125rem);max-width: calc(25% - 0.125rem);}
.news-detail-page .news-related-app-banner .infoWrap .info span{font-size: 1.5rem;color: #999999;text-align: left;line-height: 1.5;}
.news-detail-page .news-related-app-banner .infoWrap .info p{font-size: 1.5rem;font-weight: bold;color: #4D4D4D;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;}
.news-detail-page .news-related-app-banner .infoWrap .info a{font-size: 1.5rem;font-weight: bold;color: #FF553E;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;}

.news-detail-page .latest-news-panel{margin-top: 2.75rem;}
.news-detail-page .latest-news-panel h2{font-size: 2.25rem;font-weight: bold;color: #333333;position: relative;padding-left: 1.5rem;}
.news-detail-page .latest-news-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;}
.news-detail-page .latest-news-panel .news-listing{margin-top: 1.5rem;background-color: #ffffff;padding: 0.375rem 1.25rem;border-radius: 1rem;display: flex;flex-direction: column;}
.news-detail-page .latest-news-panel .news-listing .newsWrap{display: flex;align-items: center;column-gap: 1.25rem;padding: 1.5rem 0;border-bottom: 1px dashed #e5e5e5;}
.news-detail-page .latest-news-panel .news-listing .newsWrap:last-child{border-bottom: none;}
.news-detail-page .latest-news-panel .news-listing .newsWrap .newsBanner{width: 16rem;flex: 0 0 16rem;max-width: 16rem;height: 9.375rem;}
.news-detail-page .latest-news-panel .news-listing .newsWrap .newsBanner img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 0.625rem;}
.news-detail-page .latest-news-panel .news-listing .newsWrap .detailWrap{display: flex;flex-direction: column;row-gap: 0.25rem;overflow: hidden;flex: 1;flex-shrink: 0;}
.news-detail-page .latest-news-panel .news-listing .newsWrap .detailWrap .newsTitle{font-size: 1.75rem;font-weight: 500;color: #333333;overflow: hidden;flex: 1;flex-shrink: 0;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .latest-news-panel .news-listing .newsWrap .detailWrap > p{font-size: 1.5rem;color: #999999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

#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: #393939D9; 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: auto; 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;border-radius: 0.625rem;}
#imageModal .close{cursor: pointer;font-size: 3rem;color: #ffffff;z-index: 1;font-weight: bold;}
#imageModal .modalHeader {position: absolute; top: 4rem; right:4rem; z-index: 10;}
#imageModal .pageNumber{margin-top: 2rem;height: 4rem;line-height: 4rem;text-align: center;padding: 0 1.25rem;border: 1px solid #ffffff;border-radius: 2.813rem;font-size: 1.75rem;color: #FFFFFF;width: fit-content;margin:2rem auto 0;}
#imageModal .modal-swiper-prev, #imageModal .modal-swiper-next{position: absolute;top: 47%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;background-color: #ffffff;cursor: pointer;width: 4rem;height: 4rem;border: none;border-radius: 50%;z-index: 99;padding: 0;text-align: center;box-sizing: border-box;}
#imageModal .modal-swiper-prev i{width: 0.875rem; height: 0.875rem; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(-135deg); margin-right: -0.315rem;}
#imageModal .modal-swiper-next i{width: 0.875rem; height: 0.875rem; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg); margin-left: -0.315rem;}
#imageModal .swiper-button-disabled i{opacity: 0.4;}
#imageModal .modal-swiper-prev{left: max(calc(50% - 21.563rem), 1.5rem);}
#imageModal .modal-swiper-next{right: max(calc(50% - 21.563rem), 1.5rem);}
#imageModal::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: min(43.125rem, 100%); inset: 0; pointer-events: none; }
#imageModal .swiper-wrapper{align-items: center;}