.news-content-page .top-news-panel{position: relative;padding: 28px 0 40px;margin-top: 26px;z-index: 1;}
.news-content-page .top-news-panel::before{content: "";position: absolute;left: 50%;top: 0;height: 100%;width: 100vw;background-color: #F2F2F2;transform: translateX(-50%);z-index: -1;}
.news-content-page .top-news-panel .top-news-listing{margin-top: 22px;display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 26px;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap{background-color: #ffffff;border-radius: 10px;padding: 20px 20px 10px;overflow: hidden;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .newsTitle{font-size: 18px;font-weight: bold;color: #060D1F;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing{margin-top: 2px;display: flex;flex-direction: column;overflow: hidden;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap{display: flex;flex-direction: column;padding: 16px 0;border-bottom: 1px solid #EEEEEE;overflow: hidden;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap:last-child{border-bottom: none;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap .newsTitleWrap{display: flex;align-items: center;column-gap: 10px;overflow: hidden;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap .newsTitleWrap .tag{width: 48px;flex: 0 0 48px;max-width: 48px;height: 24px;text-align: center;line-height: 24px;border-radius: 4px;background-color: #FFF9EB;font-size: 14px;color: #FFBB19;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap .newsTitleWrap .newsTitle{flex: 1;flex-shrink: 0;font-size: 14px;color: #060D1F;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap .bottomWrap{margin-top: 12px;display: none;flex-direction: column;row-gap: 10px;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap .bottomWrap .news-content{font-size: 14px;color: #999999;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap .bottomWrap .infoWrap{display: flex;align-items: center;justify-content: space-between;column-gap: 10px;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap .bottomWrap .infoWrap p{font-size: 14px;color: #999999;line-height: 20px;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap.active .bottomWrap{display: flex;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap.active .newsTitleWrap .newsTitle{font-size: 16px;font-weight: bold;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap:nth-child(2) .news-listing .newsWrap .newsTitleWrap .tag{background-color: #EBFFF7;color: #39D89C;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap:nth-child(3) .news-listing .newsWrap .newsTitleWrap .tag{background-color: #EBF8FF;color: #54C5FF;}
.news-content-page .top-news-panel .top-news-listing .top-news-wrap .news-listing .newsWrap.active:hover .newsTitleWrap .newsTitle{color: #54C5FF;}

.news-content-page .news-listing-panel {margin-top: 35px;}
.news-content-page .news-listing-panel .titleWrap .news-tabs{display: flex;align-items: center;column-gap: 25px;margin-left: auto;}
.news-content-page .news-listing-panel .titleWrap .news-tabs a{width: 88px;flex: 0 0 88px;max-width: 88px;height: 32px;background-color: #F4F6F8;border-radius: 16px;text-align: center;font-size: 14px;color: #4D4D4D;line-height: 32px;}
.news-content-page .news-listing-panel .titleWrap .news-tabs a.active{background-color: #54C5FF;color: #ffffff;}

.news-content-page .news-listing-panel .news-listing{margin-top: 20px;display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 24px;row-gap: 26px;}
.news-content-page .news-listing-panel .news-listing .newsWrap{display: flex;flex-direction: column;overflow: hidden;}
.news-content-page .news-listing-panel .news-listing .newsWrap .bannerWrap{width: 100%;height: 166px;border-radius: 10px;position: relative;overflow: hidden;margin-bottom: 14px;}
.news-content-page .news-listing-panel .news-listing .newsWrap .bannerWrap > img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;transition: transform .3s ease;}
.news-content-page .news-listing-panel .news-listing .newsWrap .bannerWrap .amountWrap{position: absolute;bottom: 0;right: 0;width: fit-content;height: 22px;border-radius: 10px 0 10px 0;background-color: #00000080;line-height: 22px;padding: 0 7px 0 28px;font-size: 12px;color: #ffffff;}
.news-content-page .news-listing-panel .news-listing .newsWrap .bannerWrap .amountWrap::before{content: "";position: absolute;left: 8px;top: 50%;transform: translateY(-50%);width: 15px;height: 9px;background-image: url(../images/viewIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.news-content-page .news-listing-panel .news-listing .newsWrap .newsTitle{font-size: 16px;color: #060D1F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;margin-bottom: 10px;position: relative;padding-left: 10px;font-weight: bold;}
.news-content-page .news-listing-panel .news-listing .newsWrap .newsTitle::before{content: "";position: absolute;top: 53%;transform: translateY(-50%);left: 0;width: 3px;height: 16px;border-radius: 4px;background-color: #54C5FF;}
.news-content-page .news-listing-panel .news-listing .newsWrap .infoWrap{display: flex;align-items: center;justify-content: space-between;}
.news-content-page .news-listing-panel .news-listing .newsWrap .news-content{font-size: 14px;color: #999999;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 10px;}
.news-content-page .news-listing-panel .news-listing .newsWrap .infoWrap p{font-size: 14px;color: #999999;line-height: 20px;}
.news-content-page .news-listing-panel .news-listing .newsWrap:hover .bannerWrap img{transform: scale(1.1);}

.hot-news-panel{margin-top: 35px;}
.hot-news-panel .news-listing{margin-top: 16px;display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 24px;row-gap: 26px;}
.hot-news-panel .news-listing .newsWrap{display: flex;flex-direction: column;overflow: hidden;}
.hot-news-panel .news-listing .newsWrap .bannerWrap{width: 100%;height: 130px;border-radius: 10px;position: relative;overflow: hidden;margin-bottom: 12px;}
.hot-news-panel .news-listing .newsWrap .bannerWrap > img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;transition: transform .3s ease;}
.hot-news-panel .news-listing .newsWrap .bannerWrap .amountWrap{position: absolute;bottom: 0;right: 0;width: fit-content;height: 22px;border-radius: 10px 0 10px 0;background-color: #00000080;line-height: 22px;padding: 0 7px 0 28px;font-size: 12px;color: #ffffff;}
.hot-news-panel .news-listing .newsWrap .bannerWrap .amountWrap::before{content: "";position: absolute;left: 8px;top: 50%;transform: translateY(-50%);width: 15px;height: 9px;background-image: url(../images/viewIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.hot-news-panel .news-listing .newsWrap .newsTitle{font-size: 14px;color: #060D1F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;margin-bottom: 5px;}
.hot-news-panel .news-listing .newsWrap .infoWrap{display: flex;align-items: center;justify-content: space-between;}
.hot-news-panel .news-listing .newsWrap .infoWrap p{font-size: 14px;color: #999999;line-height: 20px;}
.hot-news-panel .news-listing .newsWrap:hover .bannerWrap > img{transform: scale(1.1);}

.app-type-panel{margin-top: 32px;}
.app-type-panel .app-listing{margin-top: 20px;display: flex;align-items: center;column-gap: 35px;}
.app-type-panel .app-listing .appWrap{width: 88px;flex: 0 0 88px;max-width: 88px;display: flex;flex-direction: column;}
.app-type-panel .app-listing .appWrap .imgWrap{width: 100%;height: 88px;border-radius: 25px;margin-bottom: 16px;}
.app-type-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 25px;transition: transform .3s ease;}
.app-type-panel .app-listing .appWrap .appName{font-size: 14px;color: #333333;line-height: 20px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-type-panel .app-listing .appWrap:hover .imgWrap img{transform: scale(1.1);}

.news-content-page .latest-topic-panel{margin-top: 35px;}
.news-content-page .latest-topic-panel .topic-listing{margin-top: 20px;display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 32px;row-gap: 35px;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap{overflow: hidden;display: flex;flex-direction: column;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .bannerWrap{height: 212px;width: 100%;border-radius: 10px;margin-bottom: 16px;overflow: hidden;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .bannerWrap img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;object-position: center;transition: transform .3s ease;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .nameWrap{display: flex;align-items: center;column-gap: 10px;margin-bottom: 12px;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .nameWrap .topicName{flex: 1;flex-shrink: 0;font-size: 20px;font-weight: bold;color: #2C303B;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .nameWrap .amountWrap{font-size: 14px;color: #999999;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-content{font-size: 14px;color: #999999;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 15px;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list{position: relative;padding: 0 20px 10px;z-index: 1;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 86px;border-radius: 10px;background-color: #F4F6F8;z-index: -1;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list .topic-app-slider{overflow: hidden;height: 97px;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list .topic-app-slider.active{cursor: grabbing;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list .topic-app-slider .appWrap{display: flex;flex-direction: column;row-gap: 12px;width: 70px;flex: 0 0 70px;max-width: 70px;overflow: hidden;border-radius: 15px 15px 0 0;padding-top: 5px;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list .topic-app-slider .appWrap .imgWrap{width: 60px;height: 60px;border-radius: 15px;transition: transform .3s ease;margin: 0 auto;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list .topic-app-slider .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 15px;object-fit: cover;object-position: center;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list .topic-app-slider .appWrap .appName{font-size: 14px;color: #2C303B;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list .topic-app-slider::before {content: ""; position: absolute; top: 0; right: -20px; width: 60px; height: 60px; pointer-events: none; z-index: 2; background: linear-gradient(to left, #F4F6F8, rgba(244, 246, 248, 0)); border-radius: 15px; }
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list .topic-app-slider.hide-fade::before { opacity: 0; }
.news-content-page .latest-topic-panel .topic-listing .topicWrap:hover .bannerWrap img{transform: scale(1.1);}
.news-content-page .latest-topic-panel .topic-listing .topicWrap:hover .nameWrap .topicName{color: #54C5FF;}
.news-content-page .latest-topic-panel .topic-listing .topicWrap .topic-app-list .topic-app-slider .appWrap:hover .imgWrap{transform: scale(1.1);}

.news-detail-page .news-detail-panel{position: relative;padding: 34px 0 40px;margin-top: 26px;z-index: 1;}
.news-detail-page .news-detail-panel::before{content: "";position: absolute;left: 50%;top: 0;height: 100%;width: 100vw;background-color: #F2F2F2;transform: translateX(-50%);z-index: -1;}
.news-detail-page .news-detail-panel h1{font-size: 32px;font-weight: bold;color: #060D1F;margin-bottom: 8px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .news-detail-panel .newsInfo{display: flex;align-items: center;justify-content: center;column-gap: 20px;}
.news-detail-page .news-detail-panel .newsInfo p{font-size: 14px;color: #999999;line-height: 20px;}
.news-detail-page .news-detail-panel .news-content-panel{display: flex;flex-direction: column;row-gap: 15px;font-size: 16px;color: #1A1A1A;line-height: 24px;margin-top: 30px;}
.news-detail-page .news-detail-panel .news-content-panel p{font-size: 16px;color: #1A1A1A;line-height: 24px;}
.news-detail-page .news-detail-panel .news-content-panel h3{font-size: 18px;color: #FF5465;font-weight: bold;line-height: 26px;}
.news-detail-page .news-detail-panel .news-content-panel img{width: auto;height: auto;object-fit: cover;object-position: center;max-width: 600px;margin: 0 auto;}

.news-detail-page .related-app-banner{margin-top: 36px;display: flex;align-items: center;column-gap: 15px;padding: 18px 35px;border-radius: 20px;background: #E5F6FF; box-shadow: 0px 4px 4px 0px #54C5FF40;}
.news-detail-page .related-app-banner .imgWrap{width: 100px;flex: 0 0 100px;max-width: 100px;height: 100px;}
.news-detail-page .related-app-banner .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 25px;}
.news-detail-page .related-app-banner .detailWrap{display: flex;flex-direction: column;overflow: hidden;flex: 1;flex-shrink: 0;}
.news-detail-page .related-app-banner .detailWrap .appName{font-size: 24px;color: #060D1F;line-height: 28px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .related-app-banner .detailWrap .infoWrap{display: flex;align-items: center;column-gap: 10px;margin-bottom: 10px;}
.news-detail-page .related-app-banner .detailWrap .infoWrap a{font-size: 18px;line-height: 22px;color: #999999;}
.news-detail-page .related-app-banner .detailWrap .infoWrap span{font-size: 18px;line-height: 22px;color: #999999;}
.news-detail-page .related-app-banner .detailWrap .tag{display: flex;align-items: center;column-gap: 2px;font-size: 16px;color: #999999;line-height: 22px;}
.news-detail-page .related-app-banner .detailWrap .tag a{font-size: 16px;color: #999999;line-height: 22px;}
.news-detail-page .related-app-banner .viewBtn{margin-left: auto;cursor: pointer; width: 88px; flex: 0 0 88px; max-width: 88px; height: 32px; text-align: center; line-height: 32px; border-radius: 16px; background-color: #54C5FF; font-size: 16px; color: #ffffff;}
.news-detail-page .related-app-banner:hover .detailWrap .appName{font-weight: bold;color: #54C5FF;}


.news-detail-page .news-navigate-wrap{margin-top: 30px;display: flex;align-items: center;justify-content: space-between;column-gap: 20px;}
.news-detail-page .news-navigate-wrap a{display: flex;align-items: center;column-gap: 4px;overflow: hidden;width: calc(50% - 10px);flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);}
.news-detail-page .news-navigate-wrap a span,
.news-detail-page .news-navigate-wrap a p{display: block;font-size: 14px;color: #333333;line-height: 20px;}
.news-detail-page .news-navigate-wrap a:hover span,
.news-detail-page .news-navigate-wrap a:hover p{font-weight: bold;color: #54C5FF;}
.news-detail-page .news-navigate-wrap a.next-news{justify-content: flex-end;}
.news-detail-page .news-navigate-wrap a span{white-space: nowrap;}
.news-detail-page .news-navigate-wrap a p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.news-detail-page .app-rec-panel{margin-top: 36px;}
.news-detail-page .app-rec-panel .app-listing{display: flex; column-gap: 20px;row-gap: 33px;margin-top: 20px;flex-wrap: wrap;}
.news-detail-page .app-rec-panel .app-listing .appWrap{display: flex;align-items: center;column-gap: 14px;width: 285px;flex: 0 0 285px;max-width: 285px;}
.news-detail-page .app-rec-panel .app-listing .appWrap .imgWrap{width: 100px;height: 100px;flex: 0 0 100px;max-width: 100px;border-radius: 25px;}
.news-detail-page .app-rec-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 25px;transition: transform .3s ease;}
.news-detail-page .app-rec-panel .app-listing .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 10px;flex: 1;flex-shrink: 0;overflow: hidden;}
.news-detail-page .app-rec-panel .app-listing .appWrap .detailWrap .appName{font-size: 16px;line-height: 24px;color: #091F17;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: calc(100% - 20px);}
.news-detail-page .app-rec-panel .app-listing .appWrap .detailWrap > p, .news-detail-page .app-rec-panel .app-listing .appWrap .detailWrap > a{font-size: 14px;color: #999999;}
.news-detail-page .app-rec-panel .app-listing .appWrap:hover .detailWrap .appName{color: #54C5FF;font-weight: bold;}
.news-detail-page .app-rec-panel .app-listing .appWrap:hover .imgWrap img{transform: scale(1.1);}

.news-detail-page .latest-news-panel {margin-top: 35px;}
.news-detail-page .latest-news-panel .banner-news-list{margin-top: 22px;display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px;overflow: hidden;}
.news-detail-page .latest-news-panel .banner-news-list .newsWrap{display: flex;flex-direction: column;overflow: hidden;border-bottom: 1px solid #EEEEEE;}
.news-detail-page .latest-news-panel .banner-news-list .newsWrap .bannerWrap{width: 100%;height: 222px;border-radius: 10px;overflow: hidden;}
.news-detail-page .latest-news-panel .banner-news-list .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;}
.news-detail-page .latest-news-panel .banner-news-list .newsWrap .newsTitle{padding: 16px 0;font-size: 14px;color: #060D1F;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .latest-news-panel .news-listing{margin-top: 16px;display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px;overflow: hidden;row-gap: 16px;}
.news-detail-page .latest-news-panel .news-listing .newsWrap{position: relative;overflow: hidden;padding-left: 14px;display: flex;align-items: center;column-gap: 10px;}
.news-detail-page .latest-news-panel .news-listing .newsWrap::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 4px;height: 4px;background-color: #B8B8B8;border-radius: 50%;}
.news-detail-page .latest-news-panel .news-listing .newsWrap .newsTitle{flex: 1;flex-shrink: 0;font-size: 14px;color: #060D1F;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .latest-news-panel .news-listing .newsWrap .dateUpdate{font-size: 14px;line-height: 20px;color: #999999;}
.news-detail-page .latest-news-panel .banner-news-list .newsWrap:hover .newsTitle{color: #54C5FF;font-weight: bold;}
.news-detail-page .latest-news-panel .news-listing .newsWrap:hover .newsTitle{color: #54C5FF;font-weight: bold;}
.news-detail-page .latest-news-panel .news-listing .newsWrap:hover::before{background-color: #54C5FF;}

.news-detail-page .topic-panel{margin-top: 34px;}
.news-detail-page .topic-panel .topic-listing {margin-top: 24px;display: flex;flex-direction: column;row-gap: 26px;overflow: hidden;}
.news-detail-page .topic-panel .topic-listing .topic-list-row{overflow-x: scroll;display: flex;align-items: center;column-gap: 20px;flex-wrap: nowrap;width: max-content; animation: marquee 20s linear infinite;}
.news-detail-page .topic-panel .topic-listing .topic-list-row:nth-child(2){animation: marquee 18s linear infinite;}
.news-detail-page .topic-panel .topic-listing .topic-list-row:nth-child(3){animation: marquee 16s linear infinite;}
.news-detail-page .topic-panel .topic-listing .topic-list-row::-webkit-scrollbar{height: 0;}
.news-detail-page .topic-panel .topic-listing .topic-list-row .topicWrap{width: fit-content;height: 40px;display: flex;align-items: center;column-gap: 12px;border-radius: 20px;background-color: #F4F6F8;padding-right: 14px;}
.news-detail-page .topic-panel .topic-listing .topic-list-row .topicWrap .imgWrap{width: 40px;flex: 0 0 40px;max-width: 40px;height: 40px;border-radius: 50%;}
.news-detail-page .topic-panel .topic-listing .topic-list-row .topicWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.news-detail-page .topic-panel .topic-listing .topic-list-row .topicWrap .topicName{font-size: 14px;color: #060D1F;line-height: 1.25;}
.news-detail-page .topic-panel .topic-listing .topic-list-row .topicWrap:hover{background-color: #54C5FF;}
.news-detail-page .topic-panel .topic-listing .topic-list-row .topicWrap:hover .topicName{color: #FFFFFF;}
.news-detail-page .topic-panel .topic-listing .topic-list-row:hover{ animation-play-state: paused; }

#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: 1000px;max-height: 700px;object-fit: contain;height: auto;width: auto;border-radius: 20px;}
#imageModal .close{cursor: pointer;font-size: 32px;color: #ffffff;z-index: 1;font-weight: bold;}
#imageModal .modalHeader {position: absolute; top: 52px; right:52px; z-index: 10;}
#imageModal .pageNumber{margin-top: 20px;height: 42px;line-height: 42px;text-align: center;padding: 0 20px;border: 1px solid #ffffff;border-radius: 45px;font-size: 24px;color: #FFFFFF;width: fit-content;margin:20px auto 0;}
#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: #ffffff;cursor: pointer;width: 40px;height: 40px;border: none;border-radius: 50%;z-index: 99;padding: 0;text-align: center;box-sizing: border-box;}
#imageModal .modal-swiper-prev i{width: 13px; height: 13px;     border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(-135deg);margin-right: -4px;}
#imageModal .modal-swiper-next i{width: 13px; height: 13px;     border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg);margin-left: -4px;}
#imageModal .swiper-button-disabled i{opacity: 0.4;}
#imageModal .modal-swiper-prev{left: max(calc(50% - 600px), 20px);}
#imageModal .modal-swiper-next{right: max(calc(50% - 600px), 20px);}
#imageModal::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: min(1200px, 100%); inset: 0; pointer-events: none; }
#imageModal .swiper-wrapper{align-items: center;}