.home-thumb-slider-panel > .swiper-container-wrapper{display: grid;column-gap: 20px;grid-template-columns: 850px 330px;justify-content: space-between;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper{width: 100%;overflow: hidden;height: 326px;position: relative;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider{width: 100%;height: 100%;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider .swiper-slide{width: 100%;height: 100%;position: relative;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider .swiper-slide .imgWrap{width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider .swiper-slide .imgWrap::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #0000000d;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider .swiper-slide .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider .swiper-slide .sliderContent{display: flex;flex-direction: column;position: absolute;top: 50%;transform: translateY(-50%);padding: 0 54px;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider .swiper-slide .sliderContent .tag{padding: 8px;position: relative;z-index: 1;font-size: 14px;color: #16bff6;border-radius: 6px;background: #08252c;width: fit-content;margin-bottom: 12px;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider .swiper-slide .sliderContent .appName{font-size: 30px;font-weight: bold;color: #ffffff;margin-bottom: 16px;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider .swiper-slide .sliderContent .desc{font-size: 14px;color: rgba(255, 255, 255, 0.502);margin-bottom: 22px;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .banner-slider .swiper-slide .sliderContent .viewBtn{width: 140px;height: 44px;text-align: center;line-height: 44px;border-radius: 6px;background: linear-gradient( 90deg, rgb(51,161,255) 0%, rgb(91,111,255) 100%);font-size: 16px;color: #ffffff;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .home-thumb-swiper-pagination{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;column-gap: 3px;justify-content: center;z-index: 2;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .home-thumb-swiper-pagination .swiper-pagination-bullet{margin: 0;width: 30px;height: 3px;background: #ffffffBF;opacity: 1;border-radius: 0;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .home-thumb-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #3071f2;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .home-thumb-swiper-button-prev,
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .home-thumb-swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);left: 10px;width: 30px;height: 56px;border-radius: 2px;border: 1px solid #ffffff1A;z-index: 2;background: #0000004d;cursor: pointer;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .home-thumb-swiper-button-prev::after,
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .home-thumb-swiper-button-next::after{content: "";position: absolute;top: 50%;left: 60%;transform: translate(-50%, -50%) rotate(-45deg);width: 15px;height: 15px;border: 1px solid #ffffff;border-right: none;border-bottom: none;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .home-thumb-swiper-button-next{left: unset;right: 10px;}
.home-thumb-slider-panel > .swiper-container-wrapper .home-thumb-swiper .home-thumb-swiper-button-next::after{left: 40%;transform: translate(-50%, -50%) rotate(135deg);}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper {width: 100%;height: 326px;background: #f5f6f8;position: relative;padding: 10px 0;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: linear-gradient( to right, #4E85F3 0%, #7FA7F4 25%, #C9D8F7 50%, #F1F3F8 100% );}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .sideTitle{padding: 0 15px;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide{display: flex;align-items: center;column-gap: 10px;overflow: hidden;padding: 10px 15px;height: 66px;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide .imgWrap{width: 46px;height: 46px;flex-shrink: 0;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide .imgWrap img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;object-position: center;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide .infoWrap{flex: 1;display: flex;flex-direction: column;row-gap: 8px;overflow: hidden;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide .infoWrap .appName{font-size: 14px;font-weight: bold;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide .infoWrap .desc{font-size: 12px;color: #bababa;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide .viewBtn{width: 70px;height: 28px;flex-shrink: 0;text-align: center;line-height: 28px;border-radius: 6px;background: #e0f0ff;color: #3071f2;font-size: 14px;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide.active{background: #e9eef8;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide.active .infoWrap .appName{color: #3071f2;}
.home-thumb-slider-panel > .swiper-container-wrapper .thumb-swiper .swiper-wrapper .swiper-slide.active .viewBtn{color: #ffffff;background: linear-gradient( 90deg, rgb(51,161,255) 0%, rgb(91,111,255) 100%);}

.hot-new-panel{margin-top: 10px;}
.hot-new-panel .hot-new-swiper{padding-top: 10px;}
.hot-new-panel .swiper-slide{background: #ffffff;border: 1px solid rgb(203, 210, 217);border-radius: 6px;padding: 6px 14px;text-align: center;font-size: 14px;color: #333333;position: relative;width: auto;flex-shrink: 0;}
.hot-new-panel .swiper-slide.hot::after{content: "H";position: absolute;top: -4px;left: 0;font-size: 10px;font-weight: bold;color: #ffffff;border-radius: 4px;background: #f91d60;padding: 2px;transform: skew(-4deg);}
.hot-new-panel .swiper-slide.new::after{content: "N";position: absolute;top: -4px;left: 0;font-size: 10px;font-weight: bold;color: #ffffff;border-radius: 4px;background: #09c8b8;padding: 2px;transform: skew(-4deg);}

.latest-news-panel{margin-top: 30px;}
.latest-news-panel .news-listing{display: grid;grid-template-columns: repeat(4,1fr);column-gap: 20px;margin-top: 22px;}
.latest-news-panel .news-listing .newsWrap{overflow: hidden;width: 100%;display: flex;flex-direction: column;row-gap: 8px;}
.latest-news-panel .news-listing .newsWrap .bannerWrap{position: relative;width: 100%;height: 146px;overflow: hidden;}
.latest-news-panel .news-listing .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.latest-news-panel .news-listing .newsWrap .bannerWrap .tag{position: absolute;left: 10px;bottom: 10px;padding: 6px 8px;border: 1px solid #16bff6;border-radius: 6px;font-size: 12px;color: #16bff6;z-index: 2;}
.latest-news-panel .news-listing .newsWrap .news-title{font-size: 16px;color: #02010a;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.latest-news-panel .news-listing .newsWrap .bottomWrap{display: flex;align-items: center;column-gap: 5px;font-size: 13px;color: #bababa;}
.latest-news-panel .news-listing .newsWrap .bannerWrap::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( 0deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);}

.new-app-panel{margin-top: 30px;}
.new-app-panel .new-app-listing{margin-top: 20px;display: flex;align-items: center;column-gap: 15px;}
.new-app-panel .new-app-listing .appWrap{width: 158px;height: 212px;position: relative;overflow: hidden;flex: 0 0 158px;transition: flex-basis .3s ease;}
.new-app-panel .new-app-listing .appWrap .gameBanner{width: 0;height: 0;position: absolute;z-index: -1;}
.new-app-panel .new-app-listing .appWrap .card-wrap{width: 158px;height: 100%;padding: 18px 10px;display: flex;flex-direction: column;background: #f5f6f8;}
.new-app-panel .new-app-listing .appWrap .card-wrap .imgWrap{margin: 0 auto 10px;width: 85px;height: 85px;}
.new-app-panel .new-app-listing .appWrap .card-wrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 12px;}
.new-app-panel .new-app-listing .appWrap .card-wrap .appName{text-align: center;font-size: 16px;font-weight: bold;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;}
.new-app-panel .new-app-listing .appWrap .card-wrap > span{font-size: 13px;text-align: center;color: #bababa;margin-bottom: 6px;}
.new-app-panel .new-app-listing .appWrap .card-wrap .viewBtn{width: 70px;height: 28px;flex-shrink: 0;text-align: center;line-height: 28px;border-radius: 6px;background: #e0f0ff;color: #3071f2;font-size: 14px;margin: 0 auto;}
.new-app-panel .new-app-listing .appWrap.active{flex: 1 1 0;}
.new-app-panel .new-app-listing .appWrap.active .gameBanner{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.new-app-panel .new-app-listing .appWrap.active .card-wrap{background: #000000BF;}
.new-app-panel .new-app-listing .appWrap.active .card-wrap .appName{color: #ffffff;}
.new-app-panel .new-app-listing .appWrap.active .card-wrap .viewBtn {color: #ffffff;background: linear-gradient( 90deg, rgb(51,161,255) 0%, rgb(91,111,255) 100%);}

.app-listing-panel{margin-top: 30px;}
.app-listing-panel .tab-buttons{margin-top: 20px;position: relative;display: flex;align-items: center;height: 32px;z-index: 1;width: 100%;padding: 0 16px;}
.app-listing-panel .tab-buttons::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f5f6f8;transform: skew(-15deg);}
.app-listing-panel .tab-buttons li{cursor: pointer;padding: 0 16px;height: 34px;line-height: 34px;font-size: 14px;color: #666666;z-index: 1;position: relative;white-space: nowrap;overflow: hidden;}
.app-listing-panel .tab-buttons li.active{background: #3071f2;color: #ffffff;font-weight: bold;top: -2px;}
.app-listing-panel.app .tab-buttons li.active{background: #16bff6;}
.app-listing-panel .tab-contents{margin-top: 20px;}

.topic-panel{margin-top: 20px;}
.topic-panel .topic-listing{margin-top: 24px;display: grid;grid-template-columns: repeat(4,1fr);column-gap: 20px;row-gap: 20px;}
.topic-panel .topic-listing .topicWrap{overflow: hidden;width: 100%;display: flex;flex-direction: column;}
.topic-panel .topic-listing .topicWrap .bannerWrap{width: 100%;height: 146px;overflow: hidden;}
.topic-panel .topic-listing .topicWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.topic-panel .topic-listing .topicWrap .topicName{padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight: bold;color: #02010a;margin: 10px 0;}
.topic-panel .topic-listing .topicWrap .bottomWrap{display: flex;align-items: center;column-gap: 6px;font-size: 13px;color: #bababa;padding: 0 10px 10px;}
.topic-panel .topic-listing .topicWrap:hover{background: #f5f6f8;}
.topic-panel .topic-listing .topicWrap:hover .topicName{color: #3071f2;}

.rank-panel{margin-top: 30px;}
.rank-panel .tab-contents{margin-top: 20px;}
.rank-panel .rankWrap{position: relative;padding: 30px 18px 30px 258px;background: #f5f6f8;height: 312px;}
.rank-panel .rankWrap .rankLeft{position: absolute;top: 0;left: 0;width: 377px;height: 100%;background: url(../images/gameRankBg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);display: flex;flex-direction: column;row-gap: 20px;padding: 0 38px;justify-content: center;}
.rank-panel.app .rankWrap .rankLeft{background-image: url(../images/appRankBg.webp);}
.rank-panel .rankWrap .rankLeft .rankTitle{position: relative;padding: 0 24px;font-size: 24px;font-weight: bold;background: linear-gradient(90deg, #23F792, #CDFF74); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;width: fit-content;margin-top: -40px;}
.rank-panel .rankWrap .rankLeft .rankTitle::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 24px;height: 48px;background-image: url(../images/rankWing.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.rank-panel .rankWrap .rankLeft .rankTitle::after{content: "";position: absolute;top: 50%;transform: translateY(-50%) scaleX(-1);right: 0;width: 24px;height: 48px;background-image: url(../images/rankWing.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.rank-panel .rankWrap .rankLeft .viewAll{width: 113px;height: 32px;line-height: 30px;text-align: center;border: 1px solid #ffffff80;font-size: 14px;color: #ffffff;border-radius: 16px;margin-left: 12px;}
.rank-panel .rankWrap .rank-list-wrap{display: flex;align-items: flex-start;column-gap: 20px;position: relative;z-index: 1;}
.rank-panel .rankWrap .rank-list-wrap .top-three-wrap{display: flex;align-items: center;column-gap: 20px;flex-shrink: 0;}
.rank-panel .rankWrap .rank-list-wrap .top-three-wrap .appWrap{width: 168px;height: 252px;padding: 0 10px;display: flex;flex-direction: column;background: #ffffff;justify-content: center;}
.rank-panel .rankWrap .rank-list-wrap .top-three-wrap .appWrap .imgWrap{margin: 0 auto 10px;width: 85px;height: 85px;position: relative;}
.rank-panel .rankWrap .rank-list-wrap .top-three-wrap .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 12px;}
.rank-panel .rankWrap .rank-list-wrap .top-three-wrap .appWrap .imgWrap .rankNo{position: absolute;top: -2px;left: -2px;width: 46px;height: 24px;line-height: 24px;padding: 0 10px;font-size: 18px;color: #ffffff;background-image: url(../images/rankNoBg.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.rank-panel .rankWrap .rank-list-wrap .top-three-wrap .appWrap .appName{text-align: center;font-size: 16px;font-weight: bold;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;}
.rank-panel .rankWrap .rank-list-wrap .top-three-wrap .appWrap > span{font-size: 13px;text-align: center;color: #bababa;margin-bottom: 16px;}
.rank-panel .rankWrap .rank-list-wrap .top-three-wrap .appWrap .viewBtn{width: 70px;height: 28px;flex-shrink: 0;text-align: center;line-height: 28px;border-radius: 6px;color: #ffffff;background: linear-gradient( 90deg, rgb(51,161,255) 0%, rgb(91,111,255) 100%);font-size: 14px;margin: 0 auto;}
.rank-panel .rankWrap .rank-list-wrap .rank-listing-wrap{flex: 1;height: 252px;background: #ffffff;display: flex;flex-direction: column;row-gap: 5px;justify-content: center;overflow: hidden;}
.rank-panel .rankWrap .rank-list-wrap .rank-listing-wrap .rankWrap{display: flex;align-items: center;column-gap: 20px;padding: 0 20px;height: 34px;background: #ffffff;overflow: hidden;}
.rank-panel .rankWrap .rank-list-wrap .rank-listing-wrap .rankWrap .rankNo{font-size: 16px;font-weight: bold;color: #bfbfbf;flex-shrink: 0;line-height: 24px;}
.rank-panel .rankWrap .rank-list-wrap .rank-listing-wrap .rankWrap .appName{font-size: 16px;color: #02010a;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;}
.rank-panel .rankWrap .rank-list-wrap .rank-listing-wrap .rankWrap .type{font-size: 12px;color: #999999;}
.rank-panel .rankWrap .rank-list-wrap .rank-listing-wrap .rankWrap:hover{background: #f3f7fe;}
.rank-panel .rankWrap .rank-list-wrap .rank-listing-wrap .rankWrap:hover .appName{font-weight: bold;color: #3071f2;}

.news-panel{margin-top: 20px;}
.news-panel .news-list-wrap{display: grid;align-items: flex-start;column-gap: 20px;grid-template-columns: 420px 416px 324px;margin-top: 20px;}
.news-panel .news-list-wrap .news-left-Wrap{display: flex;flex-direction: column;row-gap: 10px;}
.news-panel .news-list-wrap .news-left-Wrap .news-slider-wrap{position: relative;height: 228px;overflow: hidden;}
.news-panel .news-list-wrap .news-left-Wrap .news-slider-wrap .news-left-swiper{height: 100%;}
.news-panel .news-list-wrap .news-left-Wrap .news-slider-wrap .swiper-slide{width: 100%;height: 100%;position: relative;}
.news-panel .news-list-wrap .news-left-Wrap .news-slider-wrap .swiper-slide img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.news-panel .news-list-wrap .news-left-Wrap .news-slider-wrap .swiper-slide .news-title{width: 100%;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: absolute;bottom: 18px;font-size: 16px;color: #ffffff;z-index: 1;}
.news-panel .news-list-wrap .news-left-Wrap .news-slider-wrap .swiper-slide::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( 0deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);}
.news-panel .news-list-wrap .news-left-Wrap .news-slider-wrap .news-left-swiper-pagination{position: absolute;bottom: 2px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;column-gap: 3px;justify-content: center;z-index: 2;}
.news-panel .news-list-wrap .news-left-Wrap .news-slider-wrap .news-left-swiper-pagination .swiper-pagination-bullet{margin: 0;width: 40px;height: 3px;background: #ffffffBF;opacity: 1;border-radius: 0;}
.news-panel .news-list-wrap .news-left-Wrap .news-slider-wrap .news-left-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #3071f2;}
.news-panel .news-list-wrap .news-left-Wrap .news-left-list{display: grid;align-items: center;column-gap: 10px;overflow: hidden;grid-template-columns: repeat(2,1fr);}
.news-panel .news-list-wrap .news-left-Wrap .news-left-list .newsWrap{display: flex;flex-direction: column;row-gap: 10px;overflow: hidden;}
.news-panel .news-list-wrap .news-left-Wrap .news-left-list .newsWrap .bannerWrap{width: 100%;height: 112px;overflow: hidden;}
.news-panel .news-list-wrap .news-left-Wrap .news-left-list .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.news-panel .news-list-wrap .news-left-Wrap .news-left-list .newsWrap .news-title{font-size: 14px;color: #02010a;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-weight: bold;}
.news-panel .news-list-wrap .news-left-Wrap .news-left-list .newsWrap:hover .news-title{color: #3071f2;}
.news-panel .news-list-wrap .news-middle-Wrap{display: flex;flex-direction: column;row-gap: 11px;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap{position: relative;display: flex;align-items: center;column-gap: 12px;padding-left: 15px;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 4px;height: 4px;background: #3071f2;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap .news-title{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #02010a;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap .date{font-size: 13px;color: #bababa;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:hover .news-title,
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:hover .date{color: #3071f2;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:nth-child(1),
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:nth-child(7){padding-left: 0;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:nth-child(1)::before,
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:nth-child(7)::before{display: none;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:nth-child(1) .date,
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:nth-child(7) .date{display: none;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:nth-child(1) .news-title,
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:nth-child(7) .news-title{font-size: 18px;font-weight: bold;}
.news-panel .news-list-wrap .news-middle-Wrap .newsWrap:nth-child(7){margin-top: 7px;}
.news-panel .news-list-wrap .news-right-Wrap{display: grid;grid-template-columns: repeat(2, 1fr);gap: 18px 12px;}
.news-panel .news-list-wrap .news-right-Wrap .newsWrap{overflow: hidden;display: flex;flex-direction: column;row-gap: 8px;}
.news-panel .news-list-wrap .news-right-Wrap .newsWrap .bannerWrap{width: 100%;height: 80px;overflow: hidden;}
.news-panel .news-list-wrap .news-right-Wrap .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.news-panel .news-list-wrap .news-right-Wrap .newsWrap .news-title{font-size: 14px;font-weight: bold;color: #02010a;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 20px;}
.news-panel .news-list-wrap .news-right-Wrap .newsWrap:hover .news-title{color: #3071f2;}
/* .news-panel .news-list-wrap .news-right-Wrap .newsWrap:nth-child(5) .news-title{display: none;} */
.news-panel .news-list-wrap .news-right-Wrap .newsWrap:nth-child(5){grid-column: 1 / -1;height: 128px;}
.news-panel .news-list-wrap .news-right-Wrap .newsWrap:nth-child(5) .bannerWrap{height: 100%;flex: 1;}

.latest-update-panel{margin-top: 40px;}
.latest-update-panel .tab-contents{margin-top: 20px;}
.latest-update-panel .update-listing{display: grid;grid-template-columns: repeat(4,1fr);column-gap: 20px;row-gap: 20px;}
.latest-update-panel .update-listing .appWrap{overflow: hidden;display: flex;align-items: center;column-gap: 10px;}
.latest-update-panel .update-listing .appWrap .imgWrap{width: 45px;height: 45px;flex-shrink: 0;}
.latest-update-panel .update-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 12px;}
.latest-update-panel .update-listing .appWrap .infoWrap{flex: 1;overflow: hidden;display: flex;flex-direction: column;row-gap: 3px;}
.latest-update-panel .update-listing .appWrap .infoWrap .appName{font-size: 16px;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest-update-panel .update-listing .appWrap .infoWrap .bottomWrap{display: flex; align-items: center; column-gap: 6px; font-size: 13px; color: #bababa;}
.latest-update-panel .update-listing .appWrap:hover .infoWrap .appName{font-weight: bold;color: #3071f2;}

.friendship-panel{background: #f5f6f8;margin-top: 50px;}
.friendship-panel .friendship-title{display: flex;align-items: center;column-gap: 7px;color: #3071f2;font-weight: bold;font-size: 22px;}
.friendship-panel .friendship-title h2{font-size: 22px;color: #3071f2;font-weight: bold;}
.friendship-panel .container {padding: 22px 0;}
.friendship-panel .container::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right, #4E85F3 0%, #7FA7F4 25%, #C9D8F7 50%, #F1F3F8 100%);}
.friendship-panel .links-list{margin-top: 20px;display: flex;flex-wrap: wrap;overflow: hidden;margin-left: -10px;row-gap: 10px;}
.friendship-panel .links-list a{position: relative;font-size: 15px;color: #666666;padding: 0 10px;}
.friendship-panel .links-list a::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 16px;background: #bababa;}
.friendship-panel .links-list a:last-child::after{display: none;}

footer{margin-top: 0;}