@charset "utf-8";
/*
 * Dislyte 海外官网 · PC 样式
 * 第 1 段：a2web 2560 分层缩放骨架（#page-root 单根容器，勿改）
 * 第 2 段：源站样式原值（style.css + index.css + glitch-slideshow.css，已去注释、素材路径改为项目 img/ 目录）
 * 第 3 段：适配层——导航/悬浮栏改为跟随根容器缩放、Swiper 11 兼容、改由 config 驱动的图片位
 */
* { box-sizing: content-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #000; }
#page-root {
  position: fixed;
  top: 0; left: 0;
  width: var(--root-w, 100vw);
  height: var(--root-h, 100vh);
  overflow: hidden;
  background: #000;
  transform-origin: top left;
  transform: scale(var(--page-scale, 1));
}

/* ================= 源站样式 ================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
a{text-decoration: none;transition: color 0.2s; cursor: pointer; outline: 0; color: #929392;}
body{background-color: #8f79fe;}
q:before,q:after{content:''}
.tn{display: block; overflow: hidden; text-indent: -9999em;}
.hid{display: block; height: 0; overflow: hidden;}
.c:before,.c:after{content:"";display:table}
.c:after{clear:both}
.c{zoom:1}
.hide{display: none;}
.ft{text-indent: -999em;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}
fieldset,img,abbr,acronym{border:0}
input:focus{outline: none;}
select:focus{outline: none;}
textarea:focus{outline: none;}
.bg{background-repeat: no-repeat; background-position: 0 0; width: 100%;}
.hd{display: none;}
.j{left: 50%; top: 50%; transform: translate(-50%, -56%);}
@font-face{font-family:'Helvetica';src:url(../font/Helvetica.woff) format('woff'),url(../font/Helvetica.ttf) format('truetype');font-display:swap}
@font-face{font-family:'IMPACT'; src:url(../font/IMPACT.woff) format('woff'),url(../font/IMPACT.ttf) format('truetype');font-display:swap}
@font-face{font-family:'Helvetica_Bold';src:url(../font/Helvetica-Bold.woff) format('woff'),url(../font/Helvetica-Bold.otf) format('truetype');font-display:swap}
@keyframes next{0%{-webkit-transform: translateY(0);}25% {-webkit-transform: translateY(-5px);} 50%, 100% {-webkit-transform: translateY(0);}75% {-webkit-transform: translateY(5px);}}
@keyframes rotate{0%{ transform: rotate(0deg); } 100%{transform: rotate(360deg);}}
@keyframes move{0% { -webkit-transform: rotate(-35deg) translateX(0px); transform: rotate(-35deg) translateX(0px); } 100% { -webkit-transform: rotate(-35deg) translateX(-60%); transform: rotate(-35deg) translateX(-60%); display: none; }}
.rippleEffect{-webkit-animation: rippleDrop .3s linear; animation: rippleDrop .3s linear;}
.ripple{width: 0; height: 0; color: red; background: #1e2731; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; opacity: 1; border: 1px solid yellow;}
.ripple2{color: red;}
@keyframes rippleDrop{100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; }}
.download_hover{width: 214px;height: 77px;position: fixed;top: 0;right: 0;}
.download_box2{width: 214px; height: 138px; background-image: url(../img/common/header/dl_download_bg.webp); position: fixed; top: 69px; right: 20px; display: none;}
.download_box2 .download_box_list{position: absolute; width: 214px; max-height: 0px; transition: max-height 0.4s linear;}
.download_box2 .download_box_list .download_box_li{width: 214px; height: 67px;}
.download_box2 .download_box_list .download_box_li a{display: block; width: 100%; height: 100%;}
.download_box2 .download_box_list .download_box_li .app_bg{display: block; width: 140px; height: 35px;  left: 50%; top: 50%; transform: translate(-50%,-50%);}
.download_box2 .download_box_list .download_box_li .google_bg{display: block; width: 140px; height: 32px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.download_hover:hover .download_box2{display: block;}
.nav_box{width: 100%; height: 77px; background-image: url(../img/common/header/top_nav_bg.webp); position: fixed; top: 0; left: 0; z-index: 998;}
.nav_box .nav_cen_box{height: 77px; position: relative;}
.nav_box .nav_cen_box .logo{display: block; width: 126px; height: 44px; background-image: url(../img/common/header/logo.webp); top: 17px; left: 30px;}
.nav_box .nav_cen_box .top_nav{position: absolute; top: 0; left: 260px; transition: all .3s; display: flex;}
.nav_box .nav_cen_box .top_nav li{font-size: 17px; width: 160px; height: 69px; line-height: 69px; text-align: center; color: #fff; font-family: 'Helvetica'; cursor: pointer; transition: all .3s;}
.nav_box .nav_cen_box .top_nav li a{color: #fff; display: block; width: 100%; height: 100%;}
.nav_box .nav_cen_box .top_nav li.on{border-bottom:3px solid #49fd96;border-image: -webkit-linear-gradient(to right,#2edce2,#49fd96) 20 1;border-image: -moz-linear-gradient(to right,#2edce2,#49fd96) 20 1;border-image: linear-gradient(to right,#2edce2,#49fd96) 20 1; transition: all .3s;}
.nav_box .nav_cen_box .music_btn{display: block; width: 26px; height: 24px; background-image: url(../img/common/header/music_on.webp); top: 24px; right: 320px;}
.nav_box .nav_cen_box .music_btn.pause{display: block; width: 27px; height: 23px; background-image: url(../img/common/header/music.webp); top: 24px; right: 320px;}
.nav_box .nav_cen_box .language{display: block; width: 24px; height: 24px; background-image: url(../img/common/header/language.webp); top: 24px; right: 270px;}
.play_now{display: block; width: 193px; height: 36px; background-image: url(../img/common/header/play_now.webp); top: 19px; right: 32px; text-align: center; line-height: 36px; font-size: 21px; color: #1e2731; font-family: 'IMPACT';}
.play_now:hover{background-image: url(../img/common/header/play_now_on.webp);color: #fff;}
.footer{width: 100%; height: 100%; background-color: #000;}
.footer_center{width: 1400px;height: 370px;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: 'Helvetica';font-size: 14px;color: #818181;}
.footer_center .logo_footer{width: 491px; ;display: flex; justify-content: space-around; align-items: center;}
.footer_center .logo_footer img{display: block; width: 232px; height: 79px;}
.footer_center div{margin: 20px 0 20px 0;}
.pop_Mark{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;display:none;z-index:9999;}
.pop{position: fixed;left: 50%;transform: translate(-50%, -50%);transition: all .5s;top: 50%;}
.pop_close{width: 44px;height:44px;position: absolute;right: 35px;top: 60px; transition: all .3s; z-index: 999;}
.pop_close1{background-image: url(../img/common/popup/close1.webp); right: 5px;top: -50px;}
.pop_close2{background-image: url(../img/common/popup/close2.webp);}
.pop_close:hover{transform: rotate(180deg);   -webkit-transform: rotate(180deg);}
.lang_box{width: 210px; color: #fff; font-size: 17px; font-family: 'Helvetica';position: fixed;right: 226px;top: 72px; z-index: 99; background-color: rgba(25,25,50,.5); display: none;}
.lang_box.on{display: block;}
.lang_box .item{height: 50px; text-align: center; line-height: 50px; cursor: pointer;}
.lang_box .item.active{color: #8f78ff;}
.lang_box .item:hover{color: #8f78ff;}
.news_text{text-align: left; color: #1e2731;}
.news_text img{width: 100%; height: 100%;}
.right_nav{width: 162px; background-image: url(../img/common/sidenav/right_nav_box.webp); position: fixed; right: 20px; top: 50%; margin-top: -252px; z-index: 99;}
.right_nav_box{width: 162px; height: 166px; background-image: url(../img/common/sidenav/right_nav_box.webp); position: fixed; right: 20px; top: 50%; margin-top: -252px; z-index: 98;}
.right_nav_box .top_text{display: block;width: 162px;font-size: 19px;color: #202934;font-family: 'IMPACT';margin: 125px 0 7px 0px;text-align: center;}
.right_nav_box .btn_l{width: 162px; height: 28px; background-color: #202934; line-height: 39px; text-align: center; font-family: 'IMPACT'; font-size: 15px; color: #6a7a8f; cursor: pointer; border-bottom-right-radius: 20px;}
.right_nav_box .nav_icon{width: 17px; height: 8px; background-image: url(../img/common/sidenav/nav_icon_on.webp); margin: 6px auto 0; cursor: pointer;}
.right_nav_box .nav_icon.on{width: 17px; height: 8px; background-image: url(../img/common/sidenav/nav_icon.webp);}
.right_nav_box .right_nav_list{height: 371px; overflow: hidden; transition: all 1s;}
.right_nav_box.on .right_nav_list{height: 0; overflow: hidden; transition: all 1s;}
.right_nav_box .right_nav_list li{width: 176px; height: 53px; text-align: center; line-height: 53px; font-size: 16px; font-family: 'Helvetica_Bold'; color: #fff; cursor: pointer; overflow: hidden; position: relative; left: -7px;}
.right_nav_box .right_nav_list li:nth-of-type(odd){background-color: #242f3b;}
.right_nav_box .right_nav_list li:nth-of-type(even){background-color: #1e2731;}
.right_nav_box .right_nav_list li span{z-index: 9;display: inline-block; overflow: hidden;}
.right_nav_box .right_nav_list li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/common/sidenav/right_nav_list_on.webp);background-repeat: no-repeat; background-position: 0 0; width: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: transform 0.3s;}
.right_nav_box .right_nav_list li .sp1{display: inline-block; width: 121px; height: 26px;  background-repeat: no-repeat; background-position: 0 0;margin-left: 5px;margin-top: 13px;}
.right_nav_box .right_nav_list li .sp2{display: inline-block; width: 107px; height: 22px;  background-repeat: no-repeat; background-position: 0 0;margin-left: -14px;margin-top: 15px;}
.right_nav_box .right_nav_list li .sp3{display: inline-block; width: 114px; height: 18px;  background-repeat: no-repeat; background-position: 0 0;margin-left: -3px;margin-top: 17px;}
.right_nav_box .right_nav_list li .sp4{display: inline-block; width: 133px; height: 26px;  background-repeat: no-repeat; background-position: 0 0;margin-left: 17px;margin-top: 13px;}
.right_nav_box .right_nav_list li .sp5{display: inline-block; width: 112px; height: 21px;  background-repeat: no-repeat; background-position: 0 0;margin-left: 0;margin-top: 16px;}
.right_nav_box .right_nav_list li .sp6{display: inline-block; width: 98px; height: 27px;  background-repeat: no-repeat; background-position: 0 0;margin-left: -14px;margin-top: 13px;}
.right_nav_box .right_nav_list li .sp7{display: inline-block; width: 99px; height: 27px;  background-repeat: no-repeat; background-position: 0 0;margin-left: -14px;margin-top: 12px;}
.right_nav_box .right_nav_list li:hover{color: #1e2731;}
.right_nav_box .right_nav_list li:hover::before{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.right_nav .cd_img{width: 139px; height: 139px; background-image: url(../img/common/sidenav/cd.webp); bottom: -610px;left: 11px; z-index: 97;animation:rotate 3s infinite linear; transition: all 1s; cursor: pointer;}
.right_nav .cd_img.on{bottom: -241px; transition: all 1s;}
.part1{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.part2{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.part3{height: 100%;background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.part4{height: 100%;background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.part5{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.part6{height: 100%;background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.part7{height: 714px;background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.part8{height: 370px; overflow: hidden; background-color: rgb(5, 5, 8);}
.loading{width: 100%; height: 100%; background-image: url(../img/common/loading/loading_bg.webp); background-size: cover;background-position: center center; position: fixed; top: 0; left: 0; z-index: 999; overflow: hidden;}
.loading .loading_left{width: 0%; height: 8px; background-image: url(../img/common/loading/loading_left.webp); top: 60%; transform: translateY(-50%); left: 0;transition: all .3s; background-size: contain;}
.loading .loading_right{width: 0%; height: 8px; background-image: url(../img/common/loading/loading_right.webp); top: 60%; transform: translateY(-50%); right: -8px;transition: all .3s; background-size: contain;}
.loadingnum{display: block; font-family: 'Helvetica_Bold'; color: #fff; font-size: 35px; top: 60%; left: 50%; transform: translate(-50%, -50%);}
.wrapper{position: relative;width: 100%;height: 100%;}
#swiper_big{width: 100%; height: 100%;}
.part1 .video{width: 100%;height: 100%;position: absolute;background-size: 100% 100%;background-position: 50%;background-size: contain;-o-object-fit: cover;object-fit: cover;z-index: 2;}
.part1 .index_mask{bottom: 0;opacity: 0.4;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: #000;z-index: 3;}
.part1 .center{width: 100%; height: 1080px; position: relative; z-index: 4;}
.part1 .center .play{display: block; width: 109px; height: 109px; background-image: url(../img/common/home/play.webp); top: 50%; left: 50%; margin-top: 15px;margin-left: -54px;-webkit-animation: pulse 1s .3s ease infinite;-moz-animation: pulse 1s .3s ease both;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.5)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.5)}100%{-moz-transform:scale(1)}}
.part1 .center .download_box{width: 60%; display: flex; justify-content: space-around; align-items: baseline; left: 50%; transform: translateX(-50%); bottom: 200px;}
.part1 .center .download_box .google_play{display: block; width: 272px; height: 77px;}
.part1 .center .download_box .app_store{display: block; width: 272px; height: 77px;}
.part1 .center .next{width: 24px; height: 37px; background-image: url(../img/common/home/next.webp); bottom: 50px; left: 50%; margin-left: -12px; animation:next 2s infinite linear;}
.part2 .center{width: 1400px; height: 1076px; position: relative;}
.part2 .center .title{left: 0; top: 240px;}
.part2 .center .swiper_box{position: absolute; left: 0; top: 410px;}
.part2 .center #swiper1{width: 699px; height: 520px;}
.part2 .center #swiper1 .swiper-slide .swiper_img{width: 699px; height: 463px; margin: 0 auto;}
.part2 .center #swiper1 .swiper-slide .swiper_img img{width: 100%; height: 100%;}
.part2 .center #swiper1 .swiper-slide .swiper_img span{display: block; bottom: 0; left: 0; width: 699px; height: 72px; background-image: url(../img/common/news/new_img_bg.webp); text-align: center; line-height: 72px; font-size: 23px; font-family: 'Helvetica'; color: #fff;}
.part2 .center #swiper1 .newswiper-pagination{bottom: 0;right: 0;transition: all .3s;}
.part2 .center #swiper1 .newswiper-pagination .swiper-pagination-bullet{width:13px;height: 13px;background-image: url(../img/common/news/pagination.webp);background-repeat: no-repeat; background-size: contain; border-radius: 0 !important;transition: all .3s;}
.part2 .center #swiper1 .newswiper-pagination .swiper-pagination-bullet-active{width: 40px;height: 13px;background-image: url(../img/common/news/pagination_on.webp);background-repeat: no-repeat;background-size: cover;transition: all .3s;}
.part2 .center .new_box{width: 640px; height: 463px; background-image: url(../img/common/news/new_bg.webp); right: 0; top: 410px;}
.part2 .center .new_box .new_title li{width: 160px; height: 45px; float: left; font-size: 16px; font-family: 'Helvetica_Bold'; text-align: center; line-height: 45px; cursor: pointer; color: #fff;}
.part2 .center .new_box .new_title li.on{background-image: url(../img/common/news/cen_on.webp);}
.part2 .center .new_box .new_title .new_title_li1.on{background-image: url(../img/common/news/left_on.webp);}
.part2 .center .new_box .new_title .new_title_li2.on{background-image: url(../img/common/news/right_on.webp);}
.part2 .center .new_box .ul{width: 640px; height: 419px;position: relative;overflow-x: hidden;overflow-y: hidden;}
.part2 .center .new_box .bottom_content{display: flex;transition: all .5s ease;position: absolute;top: 0;left: 0%;}
.part2 .center .new_box .body_1{width: 640px;height: 417px;}
.part2 .center .new_box .news_list{display: flex; flex-direction: column; padding: 20px;}
.part2 .center .new_box .news_list .news_row{height: 62px; display: flex;align-items: center;justify-content: space-between;color: #1e2731;font-size: 18px; font-family: 'Helvetica'; border-bottom: 1px solid #cbcce2; transition: all .3s linear; color: #8f78ff;}
.part2 .center .new_box .news_list .news_row:last-child{border-bottom: 0;}
.part2 .center .new_box .news_list .news_row:hover p span{color: #8f78ff; transform: translateX(10px);transition: all .3s linear;}
.part2 .center .new_box .news_list .news_row:hover p{color: #8f78ff; transform: translateX(10px);transition: all .3s linear;}
.part2 .center .new_box .news_list .news_row .news_title{width: 490px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: all .3s linear;}
.part2 .center .new_box .news_list .news_row .news_title span:nth-of-type(2){color: #1e2731;}
.part2 .center .new_box .news_list .news_row .day_num{color: #828b94;}
.part2 .center .more{display: block; width: 135px; height: 27px; background-image: url(../img/common/news/more.webp); bottom: 145px; right: 0;line-height: 27px;text-align: center;color: #fff; font-size: 16px; font-family: 'Helvetica'; overflow: hidden;}
.part2 .center .more:hover{background-image: url(../img/common/news/more_on.webp);}
.part3 .center{width: 1400px; height: 1087px; position: relative; top: 50%; left: 50%; margin-top: -543px; margin-left: -700px;}
.part3 .center .part3_icon{display: block; width: 278px; height: 278px;line-height: 422px;text-align: center;color: #fff;font-size: 24px; font-family: 'IMPACT';}
.part3 .center .part3_icon:hover{color: #1e2731;}
.part3 .center .part3_icon_1{background-image: url(../img/common/world/part3_icon_1.webp); left: -44px; bottom: 125px;}
.part3 .center .part3_icon_1:hover{background-image: url(../img/common/world/part3_icon_1_on.webp); left: -44px; bottom: 125px;}
.part3 .center .part3_icon_2{background-image: url(../img/common/world/part3_icon_2.webp); left: 136px;top: 190px;}
.part3 .center .part3_icon_2:hover{background-image: url(../img/common/world/part3_icon_2_on.webp); left: 136px;top: 190px;}
.part3 .center .part3_icon_3{background-image: url(../img/common/world/part3_icon_3.webp); left: 475px;top: 412px;}
.part3 .center .part3_icon_3:hover{background-image: url(../img/common/world/part3_icon_3_on.webp); left: 475px;top: 412px;}
.part3 .center .part3_icon_4{background-image: url(../img/common/world/part3_icon_4.webp); right: 270px; bottom: 188px;}
.part3 .center .part3_icon_4:hover{background-image: url(../img/common/world/part3_icon_4_on.webp); right: 270px; bottom: 188px;}
.part3 .center .part3_icon_5{background-image: url(../img/common/world/part3_icon_5.webp); right: -40px;bottom: 417px;}
.part3 .center .part3_icon_5:hover{background-image: url(../img/common/world/part3_icon_5_on.webp); right: -40px;bottom: 417px;}
.part4 .center{width: 1920px; height: 1074px; position: relative; top: 50%; left: 50%; margin-left: -960px; margin-top: -537px;}
.part4 .title2{left: 248px; top: 160px;}
.part4 .BigSwiper{width: 1655px; height: 100%;right: 0;top: 50%;transform: translateY(-50%);}
.part4 .Bigswiper{width: 100%; height: 100%;}
.part4 .Bigswiper .swiper-wrapper{transition-delay:.6s;}
.part4 .Bigswiper .swiper-slide1 .img_swiper{top: 0;right: 0;}
.part4 .Bigswiper .swiper-slide1 .img_swiper{width: 1214px;height: 1202px;z-index: 9;}
.part4 .Bigswiper .swiper-slide1 .img_swiper_bg{width: 960px;height: 1080px; top: -30px; right: 0;z-index: 8; animation: bg_img1 steps(60,end) 5s infinite;}
.part4 .Bigswiper .swiper-slide1 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide1 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide1 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute; top: 285px; left: 0;line-height: 115px;transition: all .4s;}
.part4 .Bigswiper .swiper-slide1 .swiper_name span:nth-of-type(1){font-size: 120px; color: #191932;}
.part4 .Bigswiper .swiper-slide1 .swiper_name span:nth-of-type(2){font-size: 131px; color: #4d27c4;}
.part4 .Bigswiper .swiper-slide1 .swiper_skill{width: 439px; height: 33px; background-image: url(../img/common/esper/skill_1.webp); left: 0; top: 530px;}
.part4 .Bigswiper .swiper-slide1 .swiper_introduce{width: 605px; left: 0; top: 614px; font-size: 25px; font-family: 'Helvetica'; color: #191932; z-index: 10;}
.part4 .Bigswiper .swiper-slide1 .roll_box{width: 410px; height: 320px; bottom: 0; right: 0; overflow: hidden; z-index: 10;}
.part4 .Bigswiper .swiper-slide1 .roll_box .center_toll{width: 200%;}
.part4 .Bigswiper .swiper-slide1 .roll_box .roll_1{display: block; width: 1328px; height: 60px;   position: absolute;bottom: 300px;left: -120px; animation: move 8s linear infinite}
.part4 .Bigswiper .swiper-slide2 .img_swiper{top: 70px;right: 190px;}
.part4 .Bigswiper .swiper-slide2 .img_swiper{width: 901px;height: 1674px;z-index: 9;}
.part4 .Bigswiper .swiper-slide2 .img_swiper_bg{width: 960px;height: 1080px; top: -4px; right: 0;z-index: 8; animation: bg_img1 steps(60,end) 5s infinite;}
.part4 .Bigswiper .swiper-slide2 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide2 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide2 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute; top: 285px; left: 0;line-height: 115px;transition: all .4s;}
.part4 .Bigswiper .swiper-slide2 .swiper_name span:nth-of-type(1){font-size: 120px; color: #191932;}
.part4 .Bigswiper .swiper-slide2 .swiper_name span:nth-of-type(2){font-size: 131px; color: #59c3c2;}
.part4 .Bigswiper .swiper-slide2 .swiper_skill{width: 385px; height: 33px; background-image: url(../img/common/esper/skill_2.webp); left: 0; top: 530px;}
.part4 .Bigswiper .swiper-slide2 .swiper_introduce{width: 605px; left: 0; top: 614px; font-size: 25px; font-family: 'Helvetica'; color: #191932; z-index: 10;}
.part4 .Bigswiper .swiper-slide2 .roll_box{width: 410px; height: 320px; bottom: 0; right: 0; overflow: hidden; z-index: 10;}
.part4 .Bigswiper .swiper-slide2 .roll_box .roll_1{width: 1328px; height: 60px; position: absolute;bottom: 300px;left: -120px; animation: move 8s linear infinite normal;animation-fill-mode:forwards;}
.part4 .Bigswiper .swiper-slide3 .img_swiper{top: 50px;right: 0;}
.part4 .Bigswiper .swiper-slide3 .img_swiper{width: 936px;height: 1752px;z-index: 9;}
.part4 .Bigswiper .swiper-slide3 .img_swiper_bg{width: 960px;height: 1080px;top: 33px; right: 0; z-index: 8; animation: bg_img1 steps(60,end) 5s infinite;}
.part4 .Bigswiper .swiper-slide3 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide3 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide3 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute; top: 285px; left: 0;line-height: 115px;transition: all .4s;}
.part4 .Bigswiper .swiper-slide3 .swiper_name span:nth-of-type(1){font-size: 120px; color: #191932;}
.part4 .Bigswiper .swiper-slide3 .swiper_name span:nth-of-type(2){font-size: 131px; color: #8f78ff;}
.part4 .Bigswiper .swiper-slide3 .swiper_skill{width: 385px; height: 31px; background-image: url(../img/common/esper/skill_3.webp); left: 0; top: 530px;}
.part4 .Bigswiper .swiper-slide3 .swiper_introduce{width: 605px; left: 0; top: 614px; font-size: 25px; font-family: 'Helvetica'; color: #191932; z-index: 10;}
.part4 .Bigswiper .swiper-slide3 .roll_box{width: 410px; height: 320px; bottom: 0; right: 0; overflow: hidden; z-index: 10;}
.part4 .Bigswiper .swiper-slide3 .roll_box .roll_1{width: 1328px; height: 60px; position: absolute;bottom: 300px;left: -120px; animation: move 8s linear infinite normal;animation-fill-mode:forwards;}
.part4 .Bigswiper .swiper-slide4 .img_swiper{top: 0;right: 7px;}
.part4 .Bigswiper .swiper-slide4 .img_swiper{width: 1051px;height: 1869px;z-index: 9;}
.part4 .Bigswiper .swiper-slide4 .img_swiper_bg{width: 960px;height: 1080px; top: -6px; right: 0;z-index: 8; animation: bg_img1 steps(60,end) 5s infinite;}
.part4 .Bigswiper .swiper-slide4 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide4 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide4 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute; top: 285px; left: 0;line-height: 115px;transition: all .4s;}
.part4 .Bigswiper .swiper-slide4 .swiper_name span:nth-of-type(1){font-size: 120px; color: #191932;}
.part4 .Bigswiper .swiper-slide4 .swiper_name span:nth-of-type(2){font-size: 131px; color: #e47ea1;}
.part4 .Bigswiper .swiper-slide4 .swiper_skill{width: 439px; height: 31px; background-image: url(../img/common/esper/skill_4.webp); left: 0; top: 530px;}
.part4 .Bigswiper .swiper-slide4 .swiper_introduce{width: 605px; left: 0; top: 614px; font-size: 25px; font-family: 'Helvetica'; color: #191932; z-index: 10;}
.part4 .Bigswiper .swiper-slide4 .roll_box{width: 410px; height: 320px; bottom: 0; right: 0; overflow: hidden; z-index: 10;}
.part4 .Bigswiper .swiper-slide4 .roll_box .roll_1{width: 1328px; height: 60px; position: absolute;bottom: 300px;left: -120px; animation: move 8s linear infinite normal;animation-fill-mode:forwards;}
.part4 .Bigswiper .swiper-slide5 .img_swiper{top: -460px;right: 7px;}
.part4 .Bigswiper .swiper-slide5 .img_swiper{width: 977px;height: 1926px;z-index: 9;}
.part4 .Bigswiper .swiper-slide5 .img_swiper_bg{width: 960px;height: 1080px; top: 5px; right: 0;z-index: 8; animation: bg_img1 steps(60,end) 5s infinite;}
.part4 .Bigswiper .swiper-slide5 .img_swiper img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide5 .img_swiper_bg img{display: block;width: 100%;height: 100%;}
.part4 .Bigswiper .swiper-slide5 .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute; top: 285px; left: 0;line-height: 115px;transition: all .4s;}
.part4 .Bigswiper .swiper-slide5 .swiper_name span:nth-of-type(1){font-size: 120px; color: #191932;}
.part4 .Bigswiper .swiper-slide5 .swiper_name span:nth-of-type(2){font-size: 131px; color: #40c07e;}
.part4 .Bigswiper .swiper-slide5 .swiper_skill{width: 413px; height: 33px; background-image: url(../img/common/esper/skill_5.webp); left: 0; top: 530px;}
.part4 .Bigswiper .swiper-slide5 .swiper_introduce{width: 605px; left: 0; top: 614px; font-size: 25px; font-family: 'Helvetica'; color: #191932; z-index: 10;}
.part4 .Bigswiper .swiper-slide5 .roll_box{width: 410px; height: 320px; bottom: 0; right: 0; overflow: hidden; z-index: 10;}
.part4 .Bigswiper .swiper-slide5 .roll_box .roll_1{width: 1327px; height: 59px; position: absolute;bottom: 300px;left: -120px; animation: move 8s linear infinite normal;animation-fill-mode:forwards;}
.fadeline .swiper_name{transform: translateX(0);opacity: 1;transition: all .4s;}
.fadeline .swiper_skill{transform: translateX(0);opacity: 1;transition: all .6s;}
.fadeline .swiper_introduce{transform: translateX(0);opacity: 1;transition: all .8s;}
.fadeline .img_swiper{transform: translateX(0);opacity: 1;transition: all .8s;}
.swiper_name{transform: translateX(-100px);opacity: 0;transition: all .4s;}
.swiper_skill{transform: translateX(-100px);opacity: 0;transition: all .6s;}
.swiper_introduce{transform: translateX(-100px);opacity: 0;transition: all .8s;}
.img_swiper{transform: translateX(100px);opacity: 0;transition: all .6s;}
.fadeTop .title{transform: translateY(0);opacity: 1;transition: all .4s;}
.fadeTop .title2{transform: translateY(0);opacity: 1;transition: all .4s;}
.fadeTop .title3{transform: translateY(0);opacity: 1;transition: all .4s;}
.fadeTop .title4{transform: translateY(0);opacity: 1;transition: all .4s;}
.fadeTop .title5{transform: translateY(0);opacity: 1;transition: all .4s;}
.title{transform: translateY(100px);opacity: 0;transition: all .4s;}
.title2{transform: translateY(100px);opacity: 0;transition: all .4s;}
.title3{transform: translateY(100px);opacity: 0;transition: all .4s;}
.title4{transform: translateY(100px);opacity: 0;transition: all .4s;}
.title5{transform: translateY(100px);opacity: 0;transition: all .4s;}
.part4 .SmallSwiper{width: 624px;height: 109px;left: 248px;bottom: 210px;display: flex;justify-content: space-between;align-items: center; z-index: 999;}
.part4 .SmallSwiper .swiper-slide-img{cursor: pointer;}
.part4 .SmallSwiper .smicon{width: 118px;height: 109px; margin: 0 auto;}
.part4 .SmallSwiper .smicon1{background-image: url(../img/common/esper/Smallswiper1.webp);}
.part4 .SmallSwiper .smicon2{background-image: url(../img/common/esper/Smallswiper2.webp);}
.part4 .SmallSwiper .smicon3{background-image: url(../img/common/esper/Smallswiper3.webp);}
.part4 .SmallSwiper .smicon4{background-image: url(../img/common/esper/Smallswiper4.webp);}
.part4 .SmallSwiper .smicon5{background-image: url(../img/common/esper/Smallswiper5.webp);}
.part4 .SmallSwiper .smicon1.on{background-image: url(../img/common/esper/Smallswiper1_on.webp);}
.part4 .SmallSwiper .smicon2.on{background-image: url(../img/common/esper/Smallswiper2_on.webp);}
.part4 .SmallSwiper .smicon3.on{background-image: url(../img/common/esper/Smallswiper3_on.webp);}
.part4 .SmallSwiper .smicon4.on{background-image: url(../img/common/esper/Smallswiper4_on.webp);}
.part4 .SmallSwiper .smicon5.on{background-image: url(../img/common/esper/Smallswiper5_on.webp);}
.part4 .SmallSwiper .swiper_num{transition: all .3s; font-size: 40px;margin: 0 20px; font-family: 'IMPACT';position: absolute; right: -22px;top: 115px;}
.part4 .SmallSwiper .swiper_num .num_left{color: #8f78ff;margin: 0 10px 0 10px;}
.part4 .SmallSwiper .swiper_num .num_right{color: #1e2731;margin: 0 10px 0 10px;}
.part4 .swiper-button-prev1{width: 37px !important; height: 37px !important; background-image: url(../img/common/esper/small_left.webp); transition: all .3s; left: 260px !important;top: 900px !important;left: auto;}
.part4 .swiper-button-next1{width: 37px !important; height: 37px !important; background-image: url(../img/common/esper/small_right.webp); transition: all .3s; left: 635px !important;top: 900px !important;right: auto;}
.part4 .smallswiper-pagination{width: 341px;bottom: 168px;left: 295px;transition: all .3s;}
.part4 .bigswiper-pagination{width: 165px;bottom: 155px;left: 713px;transition: all .3s; font-size: 40px;margin: 0 20px; font-family: 'IMPACT';}
.part4 .bigswiper-pagination  span{margin: 0 20px;}
.part4 .bigswiper-pagination .swiper-pagination-current{color: #8f78ff;}
.part4 .smallswiper-pagination .swiper-pagination-bullet{width:13px;height: 13px; margin: 0 20px; background-image: url(../img/common/news/pagination.webp);background-repeat: no-repeat; background-size: contain; border-radius: 0 !important;transition: all .3s;}
.part4 .smallswiper-pagination .swiper-pagination-bullet-active{width: 40px;height: 13px;background-image: url(../img/common/news/pagination_on.webp);background-repeat: no-repeat;background-size: cover;transition: all .3s;}
.part4 .more{display: block; width: 135px; height: 27px; background-image: url(../img/common/news/more.webp); bottom: 220px; left: 0;line-height: 27px;text-align: center;color: #fff;font-family: 'Helvetica'; font-size: 16px; bottom: 118px;left: 750px; z-index: 10;}
.part4 .more:hover{background-image: url(../img/common/news/more_on.webp);}
.part4 .dian1{width: 338px; height: 185px; background-image: url(../img/common/esper/dian1.webp); top: 75px; right: 0; z-index: 10;}
.part4 .dian2{width: 154px; height: 70px; background-image: url(../img/common/esper/dian2.webp);top: 135px; left: 900px; z-index: 10;}
.part5 .center{width: 1400px; height: 1080px; position: relative;}
.part5 .center .title3{left: 0; top: 215px;}
.part5 .center .investment_f .investment_title{top: 265px; left: 540px;}
.part5 .center .investment_f .investment_title span{height: 30px;line-height: 30px;float: left;margin-right: 30px;display: inline;font-size: 20px;text-align: center;color: #191932;cursor: pointer;margin-left: 1px;font-family: 'IMPACT';}
.part5 .center .investment_f .investment_title span.on{color: #8f78ff; border-bottom: 4px solid #8f78ff;}
.part5 .center .investment_f .investment_con{width: 100%;height: 775px;top: 300px;left: 0;}
.part5 .center .investment_f .investment_con .investment_con_list2{width: 100%;position: absolute;top: 35px;left: 0px;}
.part5 .center .swiper_line{width: 466px; height: 20px; background-image: url(../img/common/goodies/swiper_line.webp); bottom: 15px; left: 144px;}
.part5 .center .BigSwiper2 .swiper-wrapper{transition-delay:.6s;}
.part5 .center .BigSwiper2 .mySwiper2{height: 550px;}
.part5 .center .BigSwiper2{width: 1500px;z-index: 9; top: 25px; left: -52px;}
.part5 .center .BigSwiper2 .swiper-slide .swiper_img{display: block; width: 1115px;height: 545px; margin: 0px auto 0; z-index: 9;}
.part5 .center .BigSwiper2 .swiper-slide .titleswiper{width: 438px;height: 204px; z-index: 9; bottom: 0;left: 147px; font-size: 98px; font-family: 'IMPACT'; display: flex;flex-direction: column;justify-content: center;}
.part5 .center .BigSwiper2 .swiper-slide .titleswiper span:nth-of-type(1){color: #8f78ff; margin-top: 30px;margin-left: 20px;}
.part5 .center .BigSwiper2 .swiper-slide .titleswiper span:nth-of-type(2){color: #fefeff; margin-bottom: 50px; margin-left: 15px;}
.part5 .center .BigSwiper2 .part5-button-prev{width: 65px !important; height: 41px !important; background-image: url(../img/common/goodies/left.webp); transition: all .3s; left: 40px !important;top: 300px !important;left: auto;}
.part5 .center .BigSwiper2 .part5-button-next{width: 65px !important; height: 41px !important; background-image: url(../img/common/goodies/right.webp); transition: all .3s; right: 40px !important;top: 300px !important;right: auto;}
.fadeline2 .titleswiper{transform: translateX(0);opacity: 1;transition: all .4s;}
.titleswiper{transform: translateX(100px);opacity: 0;transition: all .6s;}
.part5 .center .SmallSwiper2{width: 1115px;height: 150px;z-index: 9; bottom: 50px; left: 140px;}
.part5 .center .SmallSwiper2 .smicon{width: 268px;height: 131px;z-index: 9; margin-top: 20px; cursor: pointer;transition: all .3s;}
.part5 .center .SmallSwiper2 .smicon:hover{transform: translateY(-20px); transition: all .3s;}
.part5 .center .Profile_ul{display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; height: 775px;}
.part5 .center .Profile_ul a{display: block}
.part5 .center .Profile_ul .Profile_li{width: 425px; height: 349px; background-image: url(../img/common/goodies/Profile_bg.webp); margin-bottom: 25px;text-align: center;font-size: 23px;color: #fff;line-height: 60px;font-family: 'Helvetica';}
.part5 .center .Profile_ul .Profile_li a{color: #fff;}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box .Profile_tx_text{text-align: center; color: #fff; font-size: 23px;}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box{width: 419px; height: 283px;}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; padding: 5px;}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box ul li{width: 122px; height: 122px;margin: 9px 6px 8px 7px;}
.part5 .center .Profile_ul .Profile_li .Profile_tx_box ul li img{display: block; width: 100%; height: 100%;}
.part5 .center .emoji_ul{display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; height: 775px;overflow: hidden;overflow-y: scroll;}
.part5 .center .emoji_ul a{display: block}
.part5 .center .emoji_ul .emoji_li{width: 425px; height: 349px; background-image: url(../img/common/goodies/Profile_bg.webp); margin-bottom: 25px;text-align: center;font-size: 23px;color: #fff;line-height: 60px;font-family: 'Helvetica';}
.part5 .center .emoji_ul .emoji_li a{color: #fff;}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box .emoji_tx_text{text-align: center; color: #fff; font-size: 23px;}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box{width: 419px; height: 283px;}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; padding: 5px;}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box ul li{width: 122px; height: 122px;margin: 9px 6px 8px 7px;}
.part5 .center .emoji_ul .emoji_li .emoji_tx_box ul li img{display: block; width: 100%; height: 100%;}
.Profile_ul::-webkit-scrollbar,.emoji_ul::-webkit-scrollbar{width:6px;height:0}
.Profile_ul::-webkit-scrollbar,.emoji_ul::-webkit-scrollbar{background-color:transparent;border-radius:3px}
.Profile_ul::-webkit-scrollbar-thumb,.emoji_ul::-webkit-scrollbar-thumb{background-color:#8f79ff;border-radius:20px}
.Profile_ul::-webkit-scrollbar-track-piece,.emoji_ul::-webkit-scrollbar-track-piece{background-color:#d3d3ec;border-radius:3px}
.Profile_ul::-webkit-scrollbar-button,.emoji_ul::-webkit-scrollbar-button{background-color:transparent;width:0;height:0}
.Profile_ul::-webkit-scrollbar-corner,.emoji_ul::-webkit-scrollbar-corner{background-color:#d3d3ec;}
.part6 .center{width: 1400px; height: 1077px; position: relative;}
.part6 .center .title4{left: 0; top: 230px;}
.part6 .center .Masonry{width: 1300px; height: 675px; left: 60px; top: 345px;overflow-y: auto;}
.Masonry::-webkit-scrollbar{width:6px;height:0}
.Masonry::-webkit-scrollbar{background-color:transparent;border-radius:3px}
.Masonry::-webkit-scrollbar-thumb{background-color:#8f79ff;border-radius:20px}
.Masonry::-webkit-scrollbar-track-piece{background-color:#d3d3ec;border-radius:3px}
.Masonry::-webkit-scrollbar-button{background-color:transparent;width:0;height:0}
.Masonry::-webkit-scrollbar-corner{background-color:#d3d3ec;}
.part6 .grid-item{width: 320px; overflow: hidden;}
.part6 .grid-item .gallery-thumbnail{display: block; width: 100%; height: 100%;}
.part6 .center .grid  .color{position: absolute;top: 100%;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(255,0,0,0),#4526dd);transition: all .3s ease-out;}
.part6 .center .grid .grid-item:hover .color{transform: translateY(-60%);}
.part6 .center .grid .grid-item .gallery-link{display: block;position: relative;overflow: hidden;transition: all .3s;}
.part6 .center .grid .grid-item .gallery-link span{width: 100%;text-align: center;font-size: 23px;position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);color: #fff; z-index: 9;}
.part6 .center .grid .grid-item .gallery-link:hover{transform: scale(1.1); transition: all .3s;}
.part6 .center .grid .grid-item .gallery-link.show span{transition: opacity .5s;opacity: 1;-webkit-transition: opacity .5s;}
.part6 .center .grid .grid-item .gallery-link.hide span{transition: opacity .5s;opacity: 0;-webkit-transition: opacity .5s;}
.part6 .center .grid .grid-item .gallery-link .gallery-thumbnail{display: block;max-width: 100%;height: auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.part7 .center{width: 1400px; height: 714px; position: relative;}
.part7 .center .title5{left: 0; top: 170px;}
.part7 .center .icon_box{width: 100%; top: 400px; left: 50%; transform: translateX(-50%);}
.part7 .center .icon_box ul{display: -webkit-flex; justify-content: space-around; align-items: center;}
.part7 .center .icon_box ul .icon_li{width: 125px; height: 145px; text-align: center; position: relative; overflow: hidden;color: #191932;}
.part7 .center .icon_box ul .icon_1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/common/community/icon_1_on.webp);background-repeat: no-repeat; background-position: 0 0; width: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: transform 0.3s;}
.part7 .center .icon_box ul .icon_2::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/common/community/icon_2_on.webp);background-repeat: no-repeat; background-position: 0 0; width: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: transform 0.3s;}
.part7 .center .icon_box ul .icon_3::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/common/community/icon_3_on.webp);background-repeat: no-repeat; background-position: 0 0; width: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: transform 0.3s;}
.part7 .center .icon_box ul .icon_4::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/common/community/icon_4_on.webp);background-repeat: no-repeat; background-position: 0 0; width: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: transform 0.3s;}
.part7 .center .icon_box ul .icon_5::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/common/community/icon_5_on.webp);background-repeat: no-repeat; background-position: 0 0; width: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: transform 0.3s;}
.part7 .center .icon_box ul .icon_6::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/common/community/icon_6_on.webp);background-repeat: no-repeat; background-position: 0 0; width: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: transform 0.3s;}
.part7 .center .icon_box ul .icon_7::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/common/community/icon_7_on.webp);background-repeat: no-repeat; background-position: 0 0; width: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: transform 0.3s;}
.part7 .center .icon_box ul .icon_li:hover::before{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);color: #73ffdc;}
.part7 .center .icon_box ul .icon_li:hover{color: #73ffdc;}
.part7 .center .icon_box ul .icon_li a{display: block; width: 100%; height: 100%;}
.part7 .center .icon_box ul span{display: block;width: 100%; position: absolute; font-size: 15px; font-family: 'Helvetica_Bold'; text-align: center; left: 50%; bottom: 10px; transform: translateX(-50%);}
.part7 .center .icon_box ul .icon_1{background-image: url(../img/common/community/icon_1.webp);}
.part7 .center .icon_box ul .icon_2{background-image: url(../img/common/community/icon_2.webp);}
.part7 .center .icon_box ul .icon_3{background-image: url(../img/common/community/icon_3.webp);}
.part7 .center .icon_box ul .icon_4{background-image: url(../img/common/community/icon_4.webp);}
.part7 .center .icon_box ul .icon_5{background-image: url(../img/common/community/icon_5.webp);}
.part7 .center .icon_box ul .icon_6{background-image: url(../img/common/community/icon_6.webp);}
.part7 .center .icon_box ul .icon_7{background-image: url(../img/common/community/icon_7.webp);}
.pop_part3_icon_1{width: 1280px; height: 720px; background-image: url(../img/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_1 .part3_icon{width: 103px; height: 104px; background-image: url(../img/common/world/part3_icon1.webp);left: 132px;top: 55px;}
.pop_part3_icon_1 .part3_icon_cen{width: 866px; height: 859px; background-image: url(../img/common/world/part3_bg1.webp); z-index: -99;left: 50%;top: -45px;transform: translateX(-50%);}
.pop_part3_icon_1 .part3_title{display: block; font-size: 85px; color: #1e2731; font-family: 'IMPACT';margin: 92px 0 0 350px;}
.pop_part3_icon_1 .part3_text{font-size: 25px; color: #1e2731; font-family: 'Helvetica';margin: 20px 115px 0 129px;line-height: 55px;}
.pop_part3_icon_2{width: 1280px; height: 720px; background-image: url(../img/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_2 .part3_icon{width: 76px; height: 92px; background-image: url(../img/common/world/part3_icon2.webp);left: 150px;top: 64px;}
.pop_part3_icon_2 .part3_icon_cen{width: 650px; height: 790px; background-image: url(../img/common/world/part3_bg2.webp); z-index: -99;left: 50%;top: 10px;transform: translateX(-50%);}
.pop_part3_icon_2 .part3_title{display: block; font-size: 85px; color: #1e2731; font-family: 'IMPACT';margin: 92px 0 0 350px;}
.pop_part3_icon_2 .part3_text{font-size: 25px; color: #1e2731; font-family: 'Helvetica';margin: 20px 115px 0 129px;line-height: 55px;}
.pop_part3_icon_3{width: 1280px; height: 720px; background-image: url(../img/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_3 .part3_icon{width: 90px; height: 90px; background-image: url(../img/common/world/part3_icon3.webp);left: 140px;top: 65px;}
.pop_part3_icon_3 .part3_icon_cen{width: 791px; height: 790px; background-image: url(../img/common/world/part3_bg3.webp); z-index: -99;left: 50%;top: -35px;transform: translateX(-50%);}
.pop_part3_icon_3 .part3_title{display: block; font-size: 85px; color: #1e2731; font-family: 'IMPACT';margin: 92px 0 0 350px;}
.pop_part3_icon_3 .part3_text{font-size: 25px; color: #1e2731; font-family: 'Helvetica';margin: 20px 115px 0 129px;line-height: 55px;}
.pop_part3_icon_4{width: 1280px; height: 720px; background-image: url(../img/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_4 .part3_icon{width: 91px; height: 98px; background-image: url(../img/common/world/part3_icon4.webp);left: 143px;top: 58px;}
.pop_part3_icon_4 .part3_icon_cen{width: 751px; height: 819px; background-image: url(../img/common/world/part3_bg4.webp); z-index: -99;left: 50%;top: -88px;transform: translateX(-50%);}
.pop_part3_icon_4 .part3_title{display: block; font-size: 85px; color: #1e2731; font-family: 'IMPACT';margin: 92px 0 0 350px;}
.pop_part3_icon_4 .part3_text{font-size: 25px; color: #1e2731; font-family: 'Helvetica';margin: 20px 115px 0 129px;line-height: 55px;}
.pop_part3_icon_5{width: 1280px; height: 720px; background-image: url(../img/common/world/pop_part3_icon_bg.webp)}
.pop_part3_icon_5 .part3_icon{width: 91px; height: 98px; background-image: url(../img/common/world/part3_icon5.webp);left: 140px;top: 62px;}
.pop_part3_icon_5 .part3_icon_cen{width: 752px; height: 813px; background-image: url(../img/common/world/part3_bg5.webp); z-index: -99;left: 50%;top: -30px;transform: translateX(-50%);}
.pop_part3_icon_5 .part3_title{display: block; font-size: 85px; color: #1e2731; font-family: 'IMPACT';margin: 92px 0 0 350px;}
.pop_part3_icon_5 .part3_text{font-size: 25px; color: #1e2731; font-family: 'Helvetica';margin: 20px 115px 0 129px;line-height: 55px;}
.pop_download_1{width: 1450px; height: 800px;}
.pop_download_1 .part5_download_img{width: 1283px; height: 722px; border: 3px solid #8f78ff;border-radius: 20px; margin: 0 auto; overflow: hidden;}
.pop_download_1 .part5_download_img img{display: block; width: 100%; height: 100%;}
.pop_download_1 .part5_download_btn{display: block; width: 179px; height: 48px; background-image: url(../img/common/goodies/download.webp); left: 50%; transform: translateX(-50%); bottom: 10px;line-height: 48px; text-align: center; font-size: 24px; color: #fff; font-family: 'IMPACT';}
.pop_masonry{width: 1450px; height: 800px;}
.pop_masonry .part6_masonry_img{width: 100%; height: 100%; border: 3px solid #8f78ff;border-radius: 20px; margin: 0 auto; overflow: hidden;}
.pop_masonry .part6_masonry_img img{display: block; width: 100%; height: 100%;}
.pop_emoji{width: 917px; height: 720px; background-image: url(../img/common/goodies/part5_bg_2.webp);}
.pop_emoji .pop_emoji_icon{width: 100px; height: 81px; background-image: url(../img/common/goodies/pop_emoji_icon.webp); top: 68px; left: 105px;}
.pop_emoji .pop_emoji_title{display: block; color: #1e2731; font-size: 85px; font-family: 'IMPACT';top: 92px;left: 319px;}
.pop_emoji .pop_emoji_list{width: 483px; height: 396px; top: 231px;left: 60px;padding: 15px;box-sizing: border-box;}
.pop_emoji .pop_emoji_list ul{width: 427px;height: 365px;display: flex;flex-wrap: wrap;justify-content: start;align-items: center;overflow-y: auto;padding-right: 20px;}
.pop_emoji .pop_emoji_list ul li{width: 122px; height: 122px;margin: 9px 6px 8px 7px;}
.pop_emoji .pop_emoji_list ul li img{display: block; width: 100%; height: 100%;}
.pop_emoji_list ::-webkit-scrollbar{width:6px;height:0}
.pop_emoji_list ::-webkit-scrollbar{background-color:transparent;border-radius:3px}
.pop_emoji_list ::-webkit-scrollbar-thumb{background-color:#191932;border-radius:20px}
.pop_emoji_list ::-webkit-scrollbar-track-piece{background-color:#cbcbe6;border-radius:3px}
.pop_emoji_list ::-webkit-scrollbar-button{background-color:transparent;width:0;height:0}
.pop_emoji_list ::-webkit-scrollbar-corner{background-color:#cbcbe6;}
.pop_emoji .pop_emoji_name_div{width: 345px;color: #191932;font-size: 22px;font-family: 'Helvetica_Bold';top: 257px;right: 14px;}
.pop_emoji .pop_emoji_name_div p{text-align: center;}
.pop_emoji .download_btn{display: block;width: 179px;height: 48px;background-image: url(../img/common/goodies/download.webp);right: 60px;bottom: 130px; line-height: 48px; text-align: center; font-size: 24px; color: #fff; font-family: 'IMPACT';}
.pop_emoji .pop_emoji_size_div{width: 300px;color: #191932;font-size: 18px;font-family: 'Helvetica';bottom: 94px;right: 60px;}
.pop_emoji .pop_emoji_size_div p{text-align: right;}
.pop_emoji .pop_emoji_size_div p em{font-family: 'Helvetica_Bold';}
.pop_portrait{width: 917px; height: 720px; background-image: url(../img/common/goodies/part5_bg_1.webp);}
.pop_portrait .pop_portrait_icon{width: 100px; height: 81px; background-image: url(../img/common/goodies/pop_profile.webp); top: 68px; left: 105px;}
.pop_portrait .pop_portrait_title{display: block;color: #1e2731;font-size: 70px;font-family: 'IMPACT';top: 105px;left: 319px;}
.pop_portrait .pop_portrait_list{width: 483px; height: 396px; top: 231px;left: 60px;padding: 15px;box-sizing: border-box;}
.pop_portrait .pop_portrait_list ul{width: 427px;height: 365px;display: flex;flex-wrap: wrap;justify-content: start;align-items: center;overflow-y: auto;padding-right: 20px;}
.pop_portrait .pop_portrait_list ul li{width: 122px; height: 122px;margin: 9px 6px 8px 7px;}
.pop_portrait .pop_portrait_list ul li img{display: block; width: 100%; height: 100%;}
.pop_portrait_list ::-webkit-scrollbar{width:6px;height:0}
.pop_portrait_list ::-webkit-scrollbar{background-color:transparent;border-radius:3px}
.pop_portrait_list ::-webkit-scrollbar-thumb{background-color:#191932;border-radius:20px}
.pop_portrait_list ::-webkit-scrollbar-track-piece{background-color:#cbcbe6;border-radius:3px}
.pop_portrait_list ::-webkit-scrollbar-button{background-color:transparent;width:0;height:0}
.pop_portrait_list ::-webkit-scrollbar-corner{background-color:#cbcbe6;}
.pop_portrait .pop_portrait_name_div{width: 345px;color: #191932;font-size: 22px;font-family: 'Helvetica_Bold';top: 257px;right: 14px;}
.pop_portrait .pop_portrait_name_div p{text-align: center;}
.pop_portrait .download_btn{display: block;width: 179px;height: 48px;background-image: url(../img/common/goodies/download.webp);right: 60px;bottom: 130px; line-height: 48px; text-align: center; font-size: 24px; color: #fff; font-family: 'IMPACT';}
.pop_portrait .pop_portrait_size_div{width: 300px;color: #191932;font-size: 18px;font-family: 'Helvetica';bottom: 94px;right: 60px;}
.pop_portrait .pop_portrait_size_div p{text-align: right;}
.pop_portrait .pop_portrait_size_div p em{font-family: 'Helvetica_Bold';}
#videobox{width: 1200px; height: 800px;}
@keyframes bg_img1{0% {background-position: 0 0;}100% {background-position: -57600px 0;}}
.demo-1{--color-text: #fff; --color-bg: #000; --color-link: #f9d77e; --color-link-hover: #fff; --color-info: #efc453; --glitch-width: 1115px; --glitch-width2: 100%; --glitch-height: 545px; --glitch-height2: 100%; --gap-horizontal: 2px; --gap-horizontal2: -3px; --gap-vertical: 0px; --gap-vertical2: 0px; --time-anim: 3.2s; --delay-anim: 0; --blend-mode-1: none; --blend-mode-2: none; --blend-mode-3: none; --blend-mode-4: none; --blend-mode-5: overlay; --blend-color-1: transparent; --blend-color-2: transparent; --blend-color-3: transparent; --blend-color-4: transparent; --blend-color-5: #af4949;}
.glitch{position: absolute; top: 0; left: 193px; width: var(--glitch-width); height: var(--glitch-height); overflow: hidden;}
.glitch2{position: absolute; top: 0; left: 0; width: var(--glitch-width2); height: var(--glitch-height2); overflow: hidden;}
.glitch__img{position: absolute; top: calc(-1 * var(--gap-vertical)); left: calc(-1 * var(--gap-horizontal)); width: calc(100% + var(--gap-horizontal) * 2); height: calc(100% + var(--gap-vertical) * 2); background-color: var(--blend-color-1); background-size: cover; transform: translate3d(0,0,0); background-blend-mode: var(--blend-mode-1);}
.glitch__img2{position: absolute; top: calc(-1 * var(--gap-vertical2)); left: calc(-1 * var(--gap-horizontal2)); width: calc(100% + var(--gap-horizontal2) * 2); height: calc(100% + var(--gap-vertical2) * 2); background-color: var(--blend-color-1); background-size: cover; transform: translate3d(0,0,0); background-blend-mode: var(--blend-mode-1);}
.glitch__img:nth-child(n+2){opacity: 0;}
.imgloaded .glitch__img:nth-child(n+2){animation-duration: var(--time-anim); animation-delay: var(--delay-anim); animation-timing-function: linear; animation-iteration-count: infinite;}
.imgloaded .glitch__img:nth-child(2){background-color: var(--blend-color-2); background-blend-mode: var(--blend-mode-2); animation-name: glitch-anim-1;}
.imgloaded .glitch__img:nth-child(3){background-color: var(--blend-color-3); background-blend-mode: var(--blend-mode-3); animation-name: glitch-anim-2;}
.imgloaded .glitch__img:nth-child(4){background-color: var(--blend-color-4); background-blend-mode: var(--blend-mode-4); animation-name: glitch-anim-3;}
.imgloaded .glitch__img:nth-child(5){background-color: var(--blend-color-1); background-blend-mode: var(--blend-mode-5); animation-name: glitch-anim-text;}
@keyframes glitch-anim-1{0% { opacity: 1; transform: translate3d(var(--gap-horizontal),0,0); -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); } 2% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); } 4% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); } 6% { -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); } 8% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); } 10% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); } 12% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); } 14% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); } 16% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); } 18% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); } 20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } 21.9% { opacity: 1; transform: translate3d(var(--gap-horizontal),0,0); } 22%, 100% { opacity: 0; transform: translate3d(0,0,0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }}
@keyframes glitch-anim-2{0% { opacity: 1; transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0); -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); } 3% { -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); } 5% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); } 7% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); } 9% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); } 11% { -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); } 13% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); } 15% { -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); } 17% { -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); } 19% { -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); } 20% { -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); } 21.9% { opacity: 1; transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0); } 22%, 100% { opacity: 0; transform: translate3d(0,0,0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }}
@keyframes glitch-anim-3{0% { opacity: 1; transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1); -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); } 1.5% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); } 2% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); } 2.5% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); } 3% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); } 5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); } 5.5% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); } 7% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); } 8% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); } 9% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); } 10.5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); } 11% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); } 13% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); } 14% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); } 14.5% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); } 15% { -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); } 16% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); } 18% { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); } 20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); } 21.9% { opacity: 1; transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1); } 22%, 100% { opacity: 0; transform: translate3d(0,0,0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }}
@keyframes glitch-anim-text{0% { transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1); -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); } 2% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); } 4% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); } 5% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); } 6% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); } 7% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); } 8% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); } 9% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } 9.9% { transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1); } 10%, 100% { transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }}
@keyframes glitch-anim-flash{0%, 5% { opacity: 0.2; transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0); } 5.5%, 100% { opacity: 0; transform: translate3d(0, 0, 0); }}

/* ================= 适配层 ================= */
/* 导航与悬浮元素：在 #page-root 内绝对定位，随根容器缩放；贴边距离走 --edge-gap（基准 30px，与源站 Logo 左距一致） */
.nav_box { position: absolute; background-size: 100% 100%; } /* 源站导航底图 1920 宽，超宽屏横向铺满 */
.part1 .center .download_box { width: 1152px; } /* = 源站 60% × 1920；超宽屏不再把按钮间距拉散 */
.nav_box .nav_cen_box .logo { left: var(--edge-gap, 30px); background-size: 100% 100%; }
.nav_box .nav_cen_box .top_nav { left: calc(var(--edge-gap, 30px) + 230px); }
.nav_box .nav_cen_box .music_btn, .nav_box .nav_cen_box .music_btn.pause { right: calc(var(--edge-gap, 30px) + 290px); }
.nav_box .nav_cen_box .language { right: calc(var(--edge-gap, 30px) + 240px); cursor: pointer; }
.nav_box .nav_cen_box .top_nav .nav_li:hover { color: #3eefb6; border-bottom: 3px solid #49fd96; border-image: linear-gradient(to right, #2edce2, #49fd96) 20 1; }
.download_hover { position: absolute; top: 0; right: calc(var(--edge-gap, 30px) - 30px); z-index: 999; }
.download_box2 { position: absolute; top: 69px; right: 20px; }
.download_box2 .download_box_list .download_box_li .app_bg,
.download_box2 .download_box_list .download_box_li .google_bg,
.download_box2 .download_box_list .download_box_li .dl_on { background-repeat: no-repeat; background-size: 100% 100%; }
.download_box2 .download_box_list .download_box_li .dl_on { display: none; width: 206px; height: 65px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.download_box2 .download_box_list .download_box_li:hover .app_bg,
.download_box2 .download_box_list .download_box_li:hover .google_bg { display: none; }
.download_box2 .download_box_list .download_box_li:hover .dl_on { display: block; }
.download_box2 .download_box_list { max-height: none; }
.lang_box { position: absolute; right: calc(var(--edge-gap, 30px) + 196px); }
.right_nav { position: absolute; right: calc(var(--edge-gap, 30px) * 2 / 3); }
.right_nav_box { position: absolute; right: 0; top: 0; margin-top: 0; }
.right_nav_box .right_nav_list a { display: block; }
.right_nav_box .right_nav_list li [class^="sp"] { background-repeat: no-repeat; background-position: 0 0; }
.right_nav_box .right_nav_list li .sp_on { position: absolute; left: 30px; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.right_nav_box .right_nav_list li:hover .sp_on { opacity: 1; }
.right_nav_box .right_nav_list li .sp_on1, .right_nav_box .right_nav_list li .sp_on4, .right_nav_box .right_nav_list li .sp_on6, .right_nav_box .right_nav_list li .sp_on7 { top: 13px; }
.right_nav_box .right_nav_list li .sp_on2 { top: 15px; }
.right_nav_box .right_nav_list li .sp_on3 { top: 17px; }
.right_nav_box .right_nav_list li .sp_on5 { top: 16px; }
.pop_Mark { position: absolute; }
.pop { position: absolute; }
.part3_text { white-space: pre-line; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }

/* 官方商城按钮：默认显示；镜像站（域名含 -official）由 head 脚本挂 no-bonus-store 隐藏，其余按钮 flex 自动回中 */
.pay { display: block; }
html.no-bonus-store .pay { display: none; }

/* 滚动字带：图片由 config 注入 */
.part4 .Bigswiper .roll_box .roll_1 { background-repeat: repeat-x; }
.part4 .Bigswiper .swiper-slide .swiper_skill { background-repeat: no-repeat; }
.part4 .Bigswiper .img_swiper_bg { background-repeat: no-repeat; }

/* 壁纸缩略图双层：常态 / 选中态（选中态含源站高亮描边） */
.part5 .center .SmallSwiper2 .smicon { position: relative; }
.part5 .center .SmallSwiper2 .smicon i { position: absolute; inset: 0; background-repeat: no-repeat; background-position: 0 0; }
.part5 .center .SmallSwiper2 .smicon .o { opacity: 0; }
.part5 .center .SmallSwiper2 .swiper-slide-thumb-active .smicon .o { opacity: 1; }
.part5 .center .SmallSwiper2 .swiper-slide-thumb-active .smicon .n { opacity: 0; }
.part5 .center .BigSwiper2 .swiper-slide a { display: block; }
.part5 .center .Profile_ul, .part5 .center .emoji_ul { overflow-y: auto; }

/* Swiper 11：容器同时带 .swiper；源站箭头是背景图，隐藏 11 版默认字形 */
.swiper-button-prev1::after, .swiper-button-next1::after,
.part5-button-prev::after, .part5-button-next::after { display: none; }
.part4 .swiper-button-prev1, .part4 .swiper-button-next1 { position: absolute; z-index: 999; cursor: pointer; background-size: 100% 100%; }
.part4 .smallswiper-pagination { position: absolute; z-index: 999; text-align: center; }
/* 分页点只显示源站切图（线上计算值：底色透明、不透明度 1），不叠 Swiper 默认的黑底 / 主题蓝 */
.part2 .center #swiper1 .newswiper-pagination .swiper-pagination-bullet,
.part4 .smallswiper-pagination .swiper-pagination-bullet { background-color: transparent; opacity: 1; }
.part5 .center .BigSwiper2 .part5-button-prev, .part5 .center .BigSwiper2 .part5-button-next { position: absolute; z-index: 10; cursor: pointer; background-size: 100% 100%; }

/* 超宽屏：源站背景一直是 cover 铺满，这里保持一致（不锁 1920×1080） */
#page-root.is-over-design .swiper-slide { background-size: cover; }