:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:rgb(var(--color-main-bg));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-Dark-blue: 70,80,240;--color-Bright-green:20,240,175;--color-white:255,255,255;--color-black: 0,0,0;--color-darkPurple: 117, 31, 102;--color-orangeRed: 200, 61, 96;--color-sunsetYellow: 222, 140, 107}body{margin:0;min-width:320px;min-height:100vh}body ::selection{color:rgba(var(--color-Dark-blue));background:rgba(var(--color-black),.1);text-shadow:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(var(--color-white),.2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,rgb(var(--color-darkPurple)),rgb(var(--color-orangeRed)),rgb(var(--color-sunsetYellow)))}::-webkit-scrollbar-thumb:window-inactive{background:rgba(var(--color-white),.2)}:root{--color-Dark-blue: 70,80,240;--color-Bright-green:20,240,175;--color-white:255,255,255;--color-black: 0,0,0;--color-main-bg: 17, 17, 23;--color-darkPurple: 117, 31, 102;--color-orangeRed: 200, 61, 96;--color-sunsetYellow: 222, 140, 107}#root{width:100%;max-width:100%;margin:0;padding:0;text-align:center}h1,h2,h3{text-align:center;font-weight:900}h1{font-size:4.25rem;margin-top:0;margin-bottom:.5rem}h2{font-size:2.5rem}h3{font-size:1.8rem}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.main-wrap{width:100%;height:auto;margin:0;padding:0;clear:both}.main-wrap section{width:100%;height:auto;overflow:hidden;clear:both;position:relative;margin:5vh auto;background-repeat:no-repeat;background-size:100%;z-index:1}.container{width:65vw;min-height:50px;margin:0 auto;position:relative;justify-content:center;clear:both;text-align:center;z-index:50}.container p{font-weight:400;color:rgba(var(--color-white),.85);line-height:1.8}.logo-graphics{display:block;margin:0 auto 2.5rem;width:10vw;height:auto}.page_layer:first-of-type .container p{font-size:2rem;font-weight:400;margin-top:0;margin-bottom:2.5rem}.box-container{display:flex;gap:24px;margin-top:2rem}.box{box-sizing:border-box;flex:1;padding:2rem;background:rgba(var(--color-black),.1);border-radius:16px;border:1px solid rgba(var(--color-white),.05);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .3s ease}.box:hover{transform:translateY(-5px);border-color:rgba(var(--color-white),.2);box-shadow:0 10px 40px -10px rgba(var(--color-black),.5);background:rgba(var(--color-black),.2)}.page_layer{position:relative;overflow:hidden;width:100%;height:auto;margin:10vh 0;display:flex;align-items:center;justify-content:center}.page_layer:first-of-type{height:75vh;margin:0}.page_layer:nth-of-type(3) .container>p,.page_layer:nth-of-type(4) .container>p{color:rgb(var(--color-white));opacity:1}.media-banner-layer{z-index:-999;position:absolute;top:0;left:0;width:100%;height:100%}.media-banner-layer video{object-fit:cover;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(to bottom,rgba(var(--color-main-bg),.5) 0%,rgba(var(--color-main-bg),.2) 60%,rgba(var(--color-main-bg),0) 100%);mask-image:linear-gradient(to bottom,rgba(var(--color-main-bg),.5),rgba(var(--color-main-bg),.2) 60%,rgba(var(--color-main-bg),0))}.glass-btn{position:relative;padding:20px 40px;font-size:1.25rem;font-weight:600;color:rgb(var(--color-white));border:none;background:linear-gradient(90deg,rgb(var(--color-darkPurple)),rgb(var(--color-orangeRed)),rgb(var(--color-sunsetYellow)));border-radius:9999px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);cursor:pointer;box-shadow:0 10px 20px rgba(var(--color-black),.1),inset 0 0 0 1px rgba(var(--color-orangeRed),.3);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;text-shadow:0 1px 2px rgba(var(--color-black),.1);margin:20px auto 0;display:block;width:fit-content}.glass-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-white),.4),transparent);transition:.6s;border-radius:30px;overflow:hidden}.glass-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--color-white),.2) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;border-radius:30px;overflow:hidden}.glass-btn:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(90deg,rgb(var(--color-darkPurple)),rgb(var(--color-orangeRed)),rgb(var(--color-sunsetYellow)));box-shadow:0 15px 30px rgba(var(--color-orangeRed),.3),inset 0 0 0 1px rgba(var(--color-orangeRed),.4);letter-spacing:1.5px}.glass-btn:hover:before{left:100%}.glass-btn:hover:after{opacity:1}.glass-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 5px 15px rgba(var(--color-main-bg),.1),inset 0 0 0 1px rgba(var(--color-orangeRed),.3);background:linear-gradient(90deg,rgb(var(--color-darkPurple)),rgb(var(--color-orangeRed)),rgb(var(--color-sunsetYellow)))}.glass-btn span{position:relative;z-index:1;font-weight:600}.cta-buttons{display:flex;justify-content:center;gap:20px;margin-top:0;flex-wrap:wrap}.cta-buttons .glass-btn{margin:0;display:inline-flex}.shine-btn{position:relative;border-radius:9999px;border:2px solid rgb(var(--color-orangeRed));font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:2px;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgb(var(--color-white));overflow:hidden;box-shadow:0 10px 20px rgba(var(--color-black),.1),inset 0 0 0 1px rgba(var(--color-orangeRed),.3);-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:20px 40px;font-size:1.25rem;letter-spacing:.5px}.shine-btn:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(#0000004d,#0000004d) padding-box,linear-gradient(90deg,rgb(var(--color-darkPurple)),rgb(var(--color-orangeRed)),rgb(var(--color-sunsetYellow))) border-box;border-color:transparent;box-shadow:0 15px 30px rgba(var(--color-orangeRed),.3),inset 0 0 0 1px rgba(var(--color-orangeRed),.4);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}.shine-btn:hover:before{-webkit-animation:sh02 .5s 0s linear;-moz-animation:sh02 .5s 0s linear;animation:sh02 .5s 0s linear}.shine-btn:before{content:"";display:block;width:0px;height:86%;position:absolute;top:7%;left:0%;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skew(-20deg)}@keyframes sh02{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}.shine-btn:active{box-shadow:0 5px 15px rgba(var(--color-main-bg),.1),inset 0 0 0 1px rgba(var(--color-orangeRed),.3);-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in}.glow-btn-wrapper{position:relative;padding:3px;background:linear-gradient(90deg,rgb(var(--color-darkPurple)),rgb(var(--color-orangeRed)),rgb(var(--color-sunsetYellow)));border-radius:9999px;transition:all .4s ease;display:inline-flex}.glow-btn-wrapper:before{content:"";position:absolute;inset:0;margin:auto;border-radius:9999px;z-index:-10;filter:blur(0);transition:filter .4s ease;background:inherit}.glow-btn-wrapper:hover:before{filter:blur(1.2em)}.glow-btn-wrapper:active:before{filter:blur(.2em)}.glow-btn-internal{font-size:1.25rem;font-weight:600;padding:17px 37px;border-radius:9999px;border:none;background-color:rgb(var(--color-main-bg));color:rgb(var(--color-white));cursor:pointer;display:flex;align-items:center;justify-content:center}.contrast-section{margin-top:-5vh!important;z-index:99!important;position:relative}.spotlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}@media screen and (max-width:768px){.container{width:90vw}h1{font-size:2.5rem}h2{font-size:1.8rem}h3{font-size:1.4rem}.logo-graphics{width:30vw}.box-container{flex-direction:column}.spotlight-grid{grid-template-columns:1fr}.page_layer:first-of-type{height:auto;min-height:80vh;padding-top:10vh}.page_layer:first-of-type .container p{font-size:1.2rem}.cta-buttons{flex-direction:column;gap:16px;align-items:center}.glass-btn,.shine-btn{width:60%;padding:16px 0;font-size:1rem;box-sizing:border-box;display:flex;justify-content:center;margin:0!important}}.animated-gradient-text{position:relative;display:flex;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;font-weight:500;transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer;line-height:1.25;margin:0 auto}.gradient-overlay{position:absolute;inset:0;background-size:300% 100%;animation:gradient linear infinite;border-radius:inherit;z-index:0;pointer-events:none}.gradient-overlay:before{content:"";position:absolute;border-radius:inherit;width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060010;z-index:-1}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}.scroll-to-top{position:fixed;bottom:40px;right:40px;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.scroll-to-top.visible{opacity:1;visibility:visible}.button{display:block;position:relative;width:56px;height:56px;margin:0;overflow:hidden;outline:none;background-color:transparent;cursor:pointer;border:0}.button:before,.button:after{content:"";position:absolute;border-radius:50%;inset:7px}.button:before{border:4px solid rgb(var(--color-white));transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.button:after{border:4px solid rgb(var(--color-orangeRed));transform:scale(1.3);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);opacity:0}.button:hover:before,.button:focus:before{opacity:0;transform:scale(.7);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94)}.button:hover:after,.button:focus:after{opacity:1;transform:scale(1);transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.button-box{display:flex;flex-direction:column;position:absolute;top:0;left:0}.button-elem{display:block;width:26px;height:26px;margin:15px;fill:rgb(var(--color-white))}.button:hover .button-box,.button:focus .button-box{transition:.4s;transform:translateY(-56px)}@media screen and (max-width:768px){.scroll-to-top{bottom:20px;right:20px}.button{width:48px;height:48px}.button-elem{margin:11px}.button:hover .button-box,.button:focus .button-box{transform:translateY(-48px)}}.hover-card-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;padding:.75rem 0}@media(min-width:768px){.hover-card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hover-card-grid{grid-template-columns:repeat(2,1fr)}}.hover-card-link-wrapper{position:relative;display:block;height:100%;width:100%;padding:0;box-sizing:border-box}.hover-card-bg-highlight{position:absolute;inset:-10px;height:auto;width:auto;background:linear-gradient(135deg,rgb(var(--color-darkPurple)),rgb(var(--color-orangeRed)),rgb(var(--color-sunsetYellow)));display:block;border-radius:20px;z-index:10;pointer-events:none}.hover-card-base{height:100%;width:100%;padding:0;position:relative;z-index:20;box-sizing:border-box;background:rgba(var(--color-black),.1);border:1px solid rgba(var(--color-white),.1);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .2s;cursor:pointer}.hover-card-link-wrapper:hover .hover-card-base{border-color:rgba(var(--color-orangeRed),.5)}.hover-card-content-wrapper{position:relative;z-index:50}.hover-card-content-inner{padding:0}.hover-card-flex-container{display:flex;gap:0;align-items:stretch;height:100%}.hover-card-image-wrapper{flex-shrink:0;width:140px;height:auto;border-radius:0;overflow:hidden}.hover-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hover-card-link-wrapper:hover .hover-card-image{transform:scale(1.1)}.hover-card-text-wrapper{flex:1;display:flex;flex-direction:column;padding:16px;justify-content:center}.hover-card-title{color:rgb(var(--color-white));font-weight:700;letter-spacing:.025em;margin-top:0;margin-bottom:.5rem;font-size:1.1rem;line-height:1.4;text-align:left;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hover-card-description{margin-top:.5rem;margin-bottom:0;color:rgba(var(--color-white),.7);letter-spacing:.025em;line-height:1.6;font-size:14px;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}footer.main_footer{border-top:.5px solid;border-image:linear-gradient(to right,rgba(var(--color-darkPurple),0),rgb(var(--color-orangeRed)) 20%,rgb(var(--color-sunsetYellow)),rgb(var(--color-orangeRed)) 80%,rgba(var(--color-darkPurple),0)) 1}footer.main_footer .CopyRight{padding:1.5rem 0;min-height:120px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}footer.main_footer .CopyRight p{line-height:2.2;font-size:14px}footer.main_footer .CopyRight p:nth-child(1){text-align:left}footer.main_footer .CopyRight p:nth-child(2){text-align:right}footer.main_footer .CopyRight a{text-decoration:none;color:rgba(var(--color-white),.6);transition:color .3s}footer.main_footer .CopyRight a:hover{color:rgb(var(--color-white));text-decoration:none}footer.main_footer .CopyRight p:nth-child(2) a{margin-left:.75rem;display:inline-block;vertical-align:middle}footer.main_footer .CopyRight p:nth-child(2) a.btn-social-contact{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;background-color:transparent;position:relative;border-radius:6px;cursor:pointer;transition:all .3s;color:rgba(var(--color-white),.8)}footer.main_footer .CopyRight p:nth-child(2) a.btn-social-contact .svgContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);letter-spacing:.8px;border-radius:6px;transition:all .3s;border:.5px solid rgba(var(--color-white),.3)}footer.main_footer .CopyRight p:nth-child(2) a.btn-social-contact .BG{position:absolute;content:"";width:100%;height:100%;z-index:-1;border-radius:4px;pointer-events:none;transition:all .3s;top:0;left:0;--color-wechat: #07c160;--color-bilibili: linear-gradient(to bottom, #FF7AA8, #FF2367);--color-weibo: #E12228}footer.main_footer .CopyRight p:nth-child(2) a.btn-social-contact.wechat .BG{background:var(--color-wechat)}footer.main_footer .CopyRight p:nth-child(2) a.btn-social-contact.bilibili .BG{background:var(--color-bilibili)}footer.main_footer .CopyRight p:nth-child(2) a.btn-social-contact.weibo .BG{background:var(--color-weibo)}footer.main_footer .CopyRight p:nth-child(2) a.btn-social-contact:hover .BG{transform:rotate(35deg);transform-origin:bottom}footer.main_footer .CopyRight p:nth-child(2) a.btn-social-contact:hover .svgContainer{background-color:rgba(var(--color-white),.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer.main_footer .CopyRight p:nth-child(2) a.qr-obj sup{position:absolute;display:none;width:130px;height:auto;bottom:calc(100% + 8px);top:auto;left:50%;margin-left:-65px;padding:15px 0 10px;animation-fill-mode:both;animation:fadeInDown .1s;background:rgb(var(--color-white));border-radius:10px;box-shadow:0 5px 5px rgba(var(--color-black),.5);z-index:99999;text-align:center}footer.main_footer .CopyRight p:nth-child(2) a.qr-obj sup:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border-width:6px 6px 0;border-style:solid;border-color:rgb(var(--color-white)) transparent transparent transparent}footer.main_footer .CopyRight p:nth-child(2) a.qr-obj sup span{color:rgb(var(--color-main-bg));display:block;text-align:center;font-size:12px;margin-top:5px}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:none}}footer.main_footer .CopyRight p:nth-child(2) a.qr-obj:hover sup{display:block}@media screen and (max-width:768px){footer.main_footer .CopyRight{flex-direction:column;text-align:center;gap:1rem}footer.main_footer .CopyRight p:nth-child(1),footer.main_footer .CopyRight p:nth-child(2){text-align:center;width:100%}}