@charset "utf-8";
/*font*/
@font-face {font-family:"icomoon";src:url("font/icomoon.ttf");}
@font-face {font-family:"aotocx";src:url("font/aotocx.ttf");}
@font-face {font-family:"OPPOSans-B";src:url("font/OPPOSans-B.woff2");}
@font-face {font-family:"OPPOSans-R";src:url("font/OPPOSans-R.woff2");}
/* @font-face {font-family:"OPPOSans-H";src:url("font/OPPOSans-H.woff2");}
@font-face {font-family:"OPPOSans-M";src:url("font/OPPOSans-M.woff2");} */
@font-face {font-family:"OPPOSans-L";src:url("font/OPPOSans-L.woff2");}
/*var*/
:root{--main-color:#5b63e9;--secd-color:#2e85d6;--text-color:#4f4f4f;}
/*global style*/
html{margin-top:0 !important;}
ul,li,dl,dd,p,span,em,i,div,img,h1,h2,h3,h4,h5,h6,a,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font:20px "OPPOSans-L", "Arial";font-weight:400;color:var(--text-color);width:100vw;overflow-x:hidden;background-color:#fff;margin:0;}
body::-webkit-scrollbar{width:4px;height:4px;background-color:#faece5;}
body::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:var(--main-color);}
table{border-collapse:collapse;}
em,i{font-style:normal;}
a{color:var(--text-color);text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color:var(--main-color);}
ul,li{list-style:none;}
img{vertical-align:top;}
hr{display:none;}
figure{margin:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;}
input{outline:none;vertical-align:middle;font-family:"OPPOSans-L";}
input[type='number']{-moz-appearance:textfield;}
input[type="submit"],button{cursor:pointer;}
textarea{vertical-align:top;resize:none;outline:none;overflow:hidden;font-family:"OPPOSans-L";}
button{font-family:"OPPOSans-L";}
p{line-height:1.5em;font-size:0.8em;}
h1{font-size:3em;line-height:1.2em;font-family:"OPPOSans-B";font-weight:normal;color:var(--text-color);}
h2{font-size:2em;line-height:1.2em;font-family:"OPPOSans-B";font-weight:normal;color:var(--text-color);}
h3{font-size:1.5em;line-height:1.2em;font-family:"OPPOSans-B";font-weight:normal;color:var(--text-color);}
h4{font-size:1em;line-height:1.2em;font-family:"OPPOSans-B";font-weight:normal;color:var(--text-color);}
.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}
.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:" ";}
/* backToTop */
#wpadminbar{display:none;}
#a-point{position:relative;top:-2.3vw;display:block;height:0;overflow:hidden;}
.hidden{display:none;}
.m-Top{margin-top:3.6em;}
.main-width{width:72em;max-width:92vw;margin:0 auto;}
.head-width{width:88em;max-width:92vw;margin:0 auto;}
.bread{width:100%;padding:1.8vw 0;box-sizing:border-box;}
.bread p{display:flex;align-items:center;column-gap:0.3vw;color:#404040;flex-wrap: wrap;}
.bread p span{color:var(--main-color);}
.bread i{font-family:dashicons;}
.bread i:before{content:"\f345";}
.loadico{display:none;position:relative;width:60px;height:30px;margin:30px auto 0;}
.loadico:before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;background-color:#d72027;border-radius:50%;animation:loadl 1s linear infinite;}
.loadico:after{content:"";position:absolute;right:0;top:5px;width:20px;height:20px;background-color:#fd898d;border-radius:50%;animation:loadr 1s linear infinite;}
.load .loadico{display:block;}
.cx-btn{position:relative;display:inline-block;line-height:1.2em;padding:0.55em 1.8em 0.45em;font-size:0.8em;color:#fff;border-radius:3em;box-sizing:border-box;overflow:hidden;text-align:center;z-index:1;transition:all 1s;}
.cx-btn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2em;box-sizing:border-box;border:1px solid #fff;z-index:-1;}
.cx-btn:after{content:"";position:absolute;left:0;top:0;width:300%;height:100%;background-image:url(/wp-content/uploads/2026/04/color-bg.webp);background-size:100% 100%;z-index:-1;opacity:0;transition:all 1s;}
.cx-btn:hover{color:#fff;}
.cx-btn:hover:after{left:-200%;opacity:1;}
.cx-btn.black{color:#333;}
.cx-btn.black:before{border-color:#333;}
.cx-btn.black:hover{color:#fff;}
.wp-cx-btn .wp-block-button__link{position:relative;display:inline-block;line-height:1.6em;padding:0.55em 2.5em 0.45em;font-size:0.8em;color:#fff;border-radius:3em;border:none;box-sizing:border-box;overflow:hidden;text-align:center;z-index:1;transition:all 1s;}
.wp-cx-btn .wp-block-button__link:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2em;box-sizing:border-box;border:1px solid #fff;z-index:-1;}
.wp-cx-btn .wp-block-button__link:after{content:"";position:absolute;left:0;top:0;width:300%;height:100%;background-image:url(/wp-content/uploads/2026/04/color-bg.webp);background-size:100% 100%;z-index:-1;opacity:0;transition:all 1s;}
.wp-cx-btn .wp-block-button__link:hover:after{left:-200%;opacity:1;}
.wp-cx-btn.black .wp-block-button__link{color:#333;}
.wp-cx-btn.black .wp-block-button__link:before{border-color:#333;}
.wp-cx-btn.black .wp-block-button__link:hover{color:#fff;}
mark{background-image:-webkit-linear-gradient(135deg, #7f13c4, #4921d8, #71b7cb, #7f13c4, #4921d8, #71b7cb, #7f13c4, #4921d8, #71b7cb, #7f13c4, #4921d8, #71b7cb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:600%;background-position:left;animation:bgs 8s infinite linear;}
#a-faq{display:block;position:relative;top:-4em;height:0;}

@keyframes bgs{100%{background-position:right;}}
@keyframes loadl{
0% {transform:translateX(0) scale(1);z-index:9;}
25% {transform:translateX(20px) scale(1.1);z-index:99;}
50% {transform:translateX(40px) scale(1);z-index:9;}
75% {transform:translateX(20px) scale(0.4);z-index:9;}
100% {transform:translateX(0) scale(1);z-index:9;}
}
@keyframes loadr{
0% {transform:translateX(0) scale(1);z-index:9;}
25% {transform:translateX(-20px) scale(0.4);z-index:9;}
50% {transform:translateX(-40px) scale(1);z-index:9;}
75% {transform:translateX(-20px) scale(1.1);z-index:99;}
100% {transform:translateX(0) scale(1);z-index:9;}
}
@keyframes float-smooth {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-20px);}
}




.slidebox{position:relative;}
.slidebox .slide-pic{position:relative;height:100%;}
.slidebox .wp-block-cover{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 8%;min-height:0;opacity:0;overflow:hidden;transition:all 1.5s;}
.slidebox .wp-block-cover h1{font-size:2.4em;margin:0.4em 0 0.8em;color:var(--text-color);}
.slidebox .wp-block-cover h2{font-family:"OPPOSans-L";}
.slidebox .wp-block-cover p{font-size:1.2em;}
.slidebox .wp-block-cover img{transition:transform 8s;}
.slidebox .wp-block-cover .wp-block-buttons{column-gap:0.8em;}
.slidebox .wp-block-cover .wp-block-cover__inner-container{position:relative;width:72em;max-width:92vw;margin:0;box-sizing:border-box;z-index:-1;transition:all 1.5s;}
.slidebox .wp-block-video{position:absolute;left:0;top:0;width:100%;height:100%;}
.slidebox .wp-block-video video{width:100%;height:100%;object-fit:cover;}
.slidebox .func{position:absolute;left:0;bottom:4%;display:flex;align-items:center;justify-content:center;column-gap:1.2em;width:100%;;z-index:9;}
.slidebox .func .pap{display:block;font-family:dashicons;color:#fff;}
.slidebox .func .pap:before{content:"\f523";}
.slidebox .func .pap.stop:before{content:"\f522";}
.slidebox .func .dot{position:relative;padding:0 2em;}
.slidebox .func .dot ul{display:flex;align-items:center;column-gap:1em;}
.slidebox .func .dot ul li{position:relative;width:0.8em;height:0.8em;padding:0.2em;box-sizing:border-box;border-radius:50%;z-index:1;}
.slidebox .func .dot ul li i{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;mask:radial-gradient(transparent 50%, #000 51%);}
.slidebox .func .dot ul li:after{content:"";display:block;width:100%;height:100%;background-color:#fff;border-radius:50%;}
.slidebox .func .dot ul li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:rgba(255,255,255,.2);mask:radial-gradient(transparent 50%, #000 51%);z-index:-1;}
.slidebox .func .dot .btn span{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff;font-family:dashicons;}
.slidebox .func .dot .btn .prev{left:0;}
.slidebox .func .dot .btn .prev:before{content:"\f341";}
.slidebox .func .dot .btn .next{right:0;}
.slidebox .func .dot .btn .next:before{content:"\f345";}
.slidebox .func .snum{position:absolute;right:3em;top:50%;transform:translateY(-50%);font-size:0.9em;color:#999;}
.slidebox .func .snum .act{font-size:2em;color:#fff;}
.slidebox .func .sctip{position:absolute;left:3em;top:50%;display:flex;align-items:center;column-gap:0.4em;transform:translateY(-50%);font-size:0.6em;color:#fff;}
.slidebox .func .sctip img{width:2.4em;-webkit-filter:invert(100%);}
.slidebox li.active .wp-block-cover{opacity:1;}
.slidebox li.active .wp-block-cover img{transform:scale(1.05);}
.slidebox li.active .wp-block-cover .wp-block-cover__inner-container{z-index:9;}

header{position:fixed;left:0;top:0;width:100%;height:3.6em;background-color:rgba(255,255,255,.8);box-shadow:0 0 0.5em rgba(0,0,0,.1);backdrop-filter:saturate(180%) blur(20px);z-index:9999;transition:all .5s;}
header .head-width{display:flex;justify-content:space-between;align-items:center;height:100%;}
header .menubtn{display:none;flex-direction:column;justify-content:space-between;width:1.5em;height:1em;cursor:pointer;transition:all .3s;}
header .menubtn span{display:block;width:100%;height:2px;background-color:var(--main-color);border-radius:1px;transform-origin:9.5% 50%;transition:all .3s;}
header .logo{height:2.2em;}
header .logo img{width:auto;height:100%;}
header .slogan{position:absolute;left:50%;top:-50%;transform:translate(-50%,-50%);opacity:0;transition:all 1s;}
header .menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:0;display:flex;align-items:center;justify-content:center;column-gap:4em;transition:all 1s;}
header .menu .one{display:flex;align-items:center;column-gap:0;transition:all 1s;}
header .menu .one > li{position:relative;line-height:1.5em;padding:1.5em 1.44em;font-size:0.8em;white-space:nowrap;}
header .menu .one > li:hover .sub-menu{display:block;}
header .menu .sub-menu{display:none;position:absolute;left:50%;top:100%;width:10em;transform:translateX(-50%);border-radius:0 0 0.8em 0.8em;background-color:rgba(255,255,255,.95);box-shadow:0 0 0.5em rgba(0,0,0,.1);overflow:hidden;}
header .menu .sub-menu li{line-height:1.4em;white-space:nowrap;text-align:center;}
header .menu .sub-menu li a{display:block;padding:0.8em 0.5em;}
header .menu .sub-menu li a:hover{background-color:var(--main-color);color:#fff;}
header .func{display:flex;align-items:center;column-gap:0.8em;}
header.action .menubtn .b1{transform:rotate(45deg);}
header.action .menubtn .b2{opacity:0;}
header.action .menubtn .b3{transform:rotate(-45deg);}

.home header{background-color:rgba(255,255,255,0);box-shadow:0 0 0.5em rgba(0,0,0,0);backdrop-filter:saturate(100%) blur(0);}
.home header .slogan{top:50%;opacity:1;}
.home header .menu{top:100%;transform:translateX(-50%);margin-top:1em;}
.home header .menu .one{column-gap:6em;}
.home header.flow{background-color:rgba(255,255,255,.8);box-shadow:0 0 0.5em rgba(0,0,0,.1);backdrop-filter:saturate(180%) blur(20px);}
.home header.flow .slogan{top:-50%;opacity:0;}
.home header.flow .menu{top:50%;transform:translate(-50%,-50%);margin-top:0;}
.home header.flow .menu .one{column-gap:2.3em;}


footer{padding:5em 0 2em;background-color:rgba(255,255,255,.3);backdrop-filter:saturate(180%) blur(20px);}
footer .main-width{display:flex;flex-wrap:wrap;justify-content:space-between;}
footer .info{max-width:32%;}
footer .info .wp-block-image{height:1.5em;margin-bottom:2.5em;}
footer .info .wp-block-image img{width:auto;height:100%;}
footer .info p{position:relative;padding-left:4.4em;font-size:0.9em;}
footer .info p strong{display:inline-block;line-height:1em;margin-top:0.2em;font-size:1.8em;font-family:"OPPOSans-B";}
footer .info p:before{content:"\e915";position:absolute;left:0;top:60%;transform:translateY(-50%);font-family:"icomoon";font-size:3em;}
footer .info ul{margin-top:2em;}
footer .info li{position:relative;line-height:1.7em;padding-left:1.7em;margin-top:0.5em;font-size:0.9em;}
footer .info li:before{position:absolute;left:0;top:0;line-height:1.7em;font-family:"icomoon";font-size:1em;}
footer .info li.add:before{content:"\e907";}
footer .info li.mail:before{content:"\e905";}
footer .nav{width:52%;}
footer .nav .one{display:flex;justify-content:space-between;}
footer .nav .one > li > a{display:block;margin-bottom:1em;font-size:1em;font-family:"OPPOSans-B";}
footer .nav .sub-menu li{line-height:2em;font-size:0.8em;}
footer .nav .sub-menu li a{color:#666;}
footer .nav .sub-menu li a:hover{color:var(--main-color);}
footer .nav .big .sub-menu li{line-height:1.5em;font-size:1em;font-family:"OPPOSans-B";}
footer .nav .big .sub-menu li a{color:var(--text-color);}
footer .nav .big .sub-menu li a:hover{color:var(--main-color);}
footer .cr-sns{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:2em;margin-top:2em;border-top:1px solid #e5e5e5;}
footer .cr-sns .copyright p{font-size:0.7em;color:#8d8d8d;}
footer .cr-sns .sns .wp-block-image{position:relative;max-width:1.7em;max-height:1.2em;}
footer .cr-sns .sns .wp-block-image a{display:block;width:100%;height:100%;}
footer .cr-sns .sns .wp-block-image img{width:100%;height:100%;object-fit:contain;vertical-align:top;}
footer .cr-sns .sns .wp-block-image figcaption{position:absolute;left:50%;bottom:80%;width:8em;margin-left:-4em;padding:0.6em 0;border-radius:0.4em;background-color:#fff;box-shadow:0 0 0.8em rgba(0,0,0,.1);font-size:0.7em;text-align:center;opacity:0;z-index:-1;transition:all .5s;}
footer .cr-sns .sns .wp-block-image:hover figcaption{bottom:100%;opacity:1;z-index:9;}


/* Common */
.com-bg{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:-1;}
.com-banner{position:relative;height:100vh;overflow:hidden;box-sizing:border-box;}
.com-banner img{width:100%;height:100%;object-fit:cover;}
.com-banner .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1em;padding-top:3.6em;text-align:center;color:#fff;}
.com-banner .text span{font-size:2em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.5s;}
.com-banner .text h1{font-size:2.4em;color:#fff;font-family:"OPPOSans-B";transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.65s;}
.com-banner .text p{font-size:1.2em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.8s;}
.com-banner.support .text{left:calc((100% - 72em) / 2);width:24.5em;transform:translateY(-50%);align-items:flex-start;text-align:left;}
.com-banner.support .text h1{font-size:2.4em;}
.com-banner.support .text p{font-size:1.2em;}
.com-banner.about .text h1{text-align:center;color:var(--text-color);}
.com-banner.black .text{color:var(--text-color);}
.com-banner.black .text h1{color:var(--text-color);}
.com-banner.action .text span{transform:translateY(0);opacity:1;}
.com-banner.action .text h1{transform:translateY(0);opacity:1;}
.com-banner.action .text p{transform:translateY(0);opacity:1;}
.solution-banner{height:100vh;}
.solution-banner .wp-block-cover{height:100%;padding:5.6em 4vw 2em;}
.solution-banner .wp-block-cover h3{font-size:2em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.5s;}
.solution-banner .wp-block-cover h1{font-size:2.4em;font-family:"OPPOSans-B";transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.65s;}
.solution-banner .wp-block-cover__inner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1em;}
.solution-banner.action .wp-block-cover h3{transform:translateY(0);opacity:1;}
.solution-banner.action .wp-block-cover h1{transform:translateY(0);opacity:1;}


.pageinfo{margin-top:3em;}
.pageinfo ul{display:flex;flex-wrap:wrap;justify-content:center;column-gap:0.5em;}
.pageinfo li{width:2.8em;height:2.8em;line-height:2.8em;border-radius:50%;text-align:center;font-size:0.7em;cursor:pointer;}
.pageinfo li:hover{color:var(--main-color);}
.pageinfo li.on{background-color:var(--main-color);color:#fff;}
.pageinfo li.tx{display:flex;justify-content:center;align-items:center;}
.pageinfo li.tx:before{content:"\e904";font-family:"icomoon";font-size:1em;}
.pageinfo li.tx:after{content:"\e904";font-family:"icomoon";font-size:1em;}
.pageinfo li.home{margin-right:10px;}
.pageinfo li.home:before{transform:translateX(25%) rotate(180deg);}
.pageinfo li.home:after{transform:translateX(-25%) rotate(180deg);}
.pageinfo li.last{margin-left:10px;}
.pageinfo li.last:before{transform:translateX(25%);}
.pageinfo li.last:after{transform:translateX(-25%);}
.pageinfo li.total{width:auto;}


.flow-enter{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,0.6);backdrop-filter:saturate(180%) blur(10px);opacity:0;;z-index:-1;transition:all .5s;}
.flow-enter h2{margin-bottom:0.3em;font-size:1.2em;color:var(--main-color);}
.flow-enter p{font-size:0.9em;}
.flow-enter .simple-message{margin-top:2em;}
.flow-enter .simple-message p{margin-bottom:0.2em;font-size:0.8em;font-family:"OPPOSans-R";}
.flow-enter .simple-message dl{display:flex;flex-wrap:wrap;column-gap:1em;row-gap:0.3em;}
.flow-enter .simple-message dl dd{display:flex;align-items:center;column-gap:0.3em;font-size:0.7em;}
.flow-enter .simple-message dl dd input{width:1em;height:1em;}
.flow-enter .simple-message dl dd label{white-space:nowrap;font-size:1em;}
.flow-enter .simple-message dl dd .other{display:none;}
.flow-enter .simple-message input[type="text"]{width:100%;height:2.8em;padding:0 0.8em;font-size:0.8em;border-radius:0.4em;box-sizing:border-box;}
.flow-enter .simple-message button{width:100%;height:2.8em;font-size:0.8em;background-color:var(--main-color);color:#fff;;border-radius:0.4em;border:none;box-sizing:border-box;cursor:pointer;}
.flow-enter .simple-message li{margin-bottom:0.7em;}
.flow-enter .simple-message li.sm-subtn{margin-top:1.5em;}
.flow-enter .wp-block-image{width:10em;max-width:100%;margin:1.5em auto 0;text-align:center;}
.flow-enter .wp-block-image figcaption{margin:1em 0 0;font-size:1em;}
.flow-enter .box{position:relative;width:30em;padding:2em;max-width:92vw;background-color:rgba(255,255,255,.6);border-radius:0.8em;box-sizing:border-box;transform:translateY(30px);transition:all .5s;}
.flow-enter .box .close{position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;line-height:1em;font-size:2em;font-family:dashicons;text-align:center;cursor:pointer;}
.flow-enter .box .close:before{content:"\f335";}
.flow-enter .box .close:hover{color:var(--main-color);}
.flow-enter .success{display:none;padding:3em 2em;}
.flow-enter .success h2{display:flex;align-items:center;justify-content:center;column-gap:0.2em;color:#3ab327;}
.flow-enter .success h2:before{content:"\f147";display:block;border:3px solid #3ab327;width:1.2em;height:1.2em;line-height:1.2em;text-align:center;font-family:dashicons;border-radius:50%;font-size:0.7em;}
.flow-enter.on{opacity:1;z-index:999999;}
.flow-enter.on .box{transform:translateY(0);}
.flow-enter.on.done .enter{display:none;}
.flow-enter.on.done .success{display:block;}


/* Main Solution */
.ani-box{position:relative;height:350vh;}
.sticky-box{position:sticky;left:0;top:0;width:100%;height:100vh;}

.index-banner{position:absolute;left:0;top:0;width:100%;height:100vh;z-index:1;transition:all 1s;}
.index-banner .func{opacity:0;transition:all 1s;}
.index-banner .active .wp-block-cover__inner-container{transform:translateY(0);opacity:1;transition:all 1s;}
.index-banner.done{opacity:0;z-index:-1;}
.index-banner.done .active .wp-block-cover__inner-container{transform:translateY(-10%);opacity:0;}
.index-banner.done .func{opacity:0;}
.index-banner.hide{opacity:0;z-index:-1;}

.index-feature{position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:3em;width:100%;height:100%;background-color:rgba(255,255,255,0);z-index:-1;transition:all 1.5s;}
.index-feature .main-width{height:100%;}
.index-feature .cont{position:static;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding-top:10%;padding-left:12vw;box-sizing:border-box;}
.index-feature .cont .title{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);transition:all 1s;}
.index-feature .cont .title h2{line-height:1.5em;margin-bottom:0.3em;font-size:4em;transform:translateY(3vw);opacity:0;transition:all 1s;transition-delay:.1s;}
.index-feature .cont .title p{line-height:1.5em;font-size:2em;transform:translateY(3vw);opacity:0;transition:all 1s;transition-delay:0s;}
.index-feature .cont .title.on h2{transform:translateY(0);opacity:1;transition-delay:0s;}
.index-feature .cont .title.on p{transform:translateY(0);opacity:1;transition-delay:.1s;}
.index-feature .cont .title.on.tit{top:0;transform:translateY(0);opacity:0;}
.index-feature .cont .title.on.tit h2{margin-bottom:0.1em;font-size:2em;}
.index-feature .cont .title.on.tit p{font-size:0.8em;transition-delay:0s;}
.index-feature .cont .fbox{transform:translateY(15%);opacity:0;transition:all .5s;}
.index-feature .cont .is-layout-grid{display:block;margin-left:-2em;}
.index-feature .cont .is-layout-grid h2{position:relative;line-height:1.2em;margin-bottom:0;font-size:3em;transform:translateY(50%);background-image:-webkit-linear-gradient(225deg, #fff, #fff, #fff, #71b7cb, #4921d8, #7f13c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:280%;background-position:right;transition:transform .5s,background-position-x 1s;}
.index-feature .cont .is-layout-grid h2:before{content:"";position:absolute;left:-1em;top:50%;width:0.3em;height:0.3em;background-color:#fff;border-radius:50%;transition:all .5s;}
.index-feature .cont .is-layout-grid h3{position:absolute;left:0;top:0;text-shadow:0.06em 0.06em 0 #c1d7ec;font-size:5em;font-family:"OPPOSans-B";font-weight:bold;color:#7325d5;transform:translateX(-20%);opacity:0;transition:all 1s;}
.index-feature .cont .is-layout-grid p{width:0;line-height:1.5em;font-size:1.4em;transition:all 0.5s;overflow:hidden;white-space:nowrap;}
.index-feature .cont .is-layout-grid .is-vertical{position:relative;width:32em;padding-left:4em;padding-bottom:0.5em;margin-bottom:1em;transform-origin:left center;transform:skewX(-20deg) rotate(-10deg);transition:all 1s;}
.index-feature .cont .is-layout-grid .is-vertical:before{content:"";position:absolute;left:0;bottom:0;width:0;height:4px;border-radius:4px;background-image:linear-gradient(to right, #7f13c4, #4921d8, #71b7cb, rgba(113,183,203,0));transition:all .5s;}
.index-feature .cont .is-layout-grid .wp-block-image{position:fixed;top:38%;right:5.5vw;display:block;width:52vw;height:34vw;margin-top:-17vw;border-radius:1.2em;overflow:hidden;transform-origin:70% center;transform:translateY(20%);opacity:0;transition:all 1s;}
.index-feature .cont .is-layout-grid .wp-block-image img{width:100%;height:100%;object-fit:contain;}
.index-feature .cont .is-layout-grid .is-layout-grid{width:40%;padding:0;transform-origin:15% center;transition:all 1s;transition-delay:.1s;}
.index-feature .cont .is-layout-grid.on h2{transform:translateY(0);background-position-x:left;}
.index-feature .cont .is-layout-grid.on h2:before{opacity:0;z-index:-1;}
.index-feature .cont .is-layout-grid.on h3{transform:translateY(0);opacity:1;}
.index-feature .cont .is-layout-grid.on p{width:100%;transition:all 1s;}
.index-feature .cont .is-layout-grid.on .is-vertical:before{width:100%;transition-delay:.5s;}
.index-feature .cont .is-layout-grid.on .wp-block-image{transform:translateY(0);opacity:1;}
.index-feature .cont .is-layout-grid.up .wp-block-image{transform:translateY(-10%) scale(.9);opacity:0;}
.index-feature .cont .is-layout-grid.up2 .wp-block-image{transform:translateY(-20%) scale(.8);opacity:0;}
.index-feature.show{z-index:999;}
.index-feature.step2 .cont .fbox{transform:translateY(0);opacity:1;}
.index-feature.done .cont .is-layout-grid.on .wp-block-image{transform:translateY(0) translateX(50%);opacity:0;}
.index-feature.done .cont .is-layout-grid.on .is-vertical{transform:translateX(-50%);opacity:0;}
.index-feature.done .cont .is-layout-grid.up .wp-block-image{transform:translateY(-10%) translateX(50%) scale(.9);opacity:0;}
.index-feature.done .cont .is-layout-grid.up .is-vertical{transform:translateX(-50%);opacity:0;}
.index-feature.done .cont .is-layout-grid.up2 .wp-block-image{transform:translateY(-20%) translateX(50%) scale(.8);opacity:0;}
.index-feature.done .cont .is-layout-grid.up2 .is-vertical{transform:translateX(-50%);opacity:0;}
.index-feature.done .cont .title.on.tit{transform:translateY(-100%);opacity:0;}

.index-corepro{position:absolute;left:0;top:0;display:flex;align-items:center;width:100%;height:100vh;padding-top:3.6em;opacity:0;z-index:-1;transition:all 1s;overflow:hidden;box-sizing:border-box;transition-delay:0s;}
.index-corepro .cont{position:relative;height:calc(92vh - 3.6em);padding:3em;border-radius:2em;transform:scale(.4);background-color:rgba(245,245,247,0);box-sizing:border-box;overflow:hidden;transition:all 1s;transition-delay:0s;z-index:1;}
.index-corepro .cont h2{margin:0.2em 0 0.6em;font-size:2.4em;}
.index-corepro .cont h3{font-size:1.2em;}
.index-corepro .cont h4{margin-bottom:0.5em;}
.index-corepro .cont > h2{opacity:0;transform:translateY(30px);transition:all .8s;transition-delay:1.15s;}
.index-corepro .cont > p{font-size:1.5em;opacity:0;transform:translateY(30px);transition:all .8s;transition-delay:1s;}
.index-corepro .cont .tit{position:relative;padding:1em 0;cursor:pointer;}
.index-corepro .cont .tit i{position:absolute;right:0;top:50%;width:0.95em;height:1.3em;margin-top:-0.65em;vertical-align:top;}
.index-corepro .cont .tit i:before{content:"";position:absolute;left:0;top:50%;width:0.6em;height:2px;background-color:#999;transform-origin:center;transform:rotate(45deg);transition:all .3s;}
.index-corepro .cont .tit i:after{content:"";position:absolute;right:0;top:50%;width:0.6em;height:2px;background-color:#999;transform-origin:center;transform:rotate(-45deg);transition:all .3s;}
.index-corepro .cont .dpbox{display:none;padding-bottom:1em;}
.index-corepro .cont .wp-block-buttons{display:block;margin-top:1em;}
.index-corepro .cont .wp-block-button__link{vertical-align:top;}
.index-corepro .cont .wp-block-media-text__content{position:relative;width:31%;padding:0.2em 0;border-bottom:1px solid #d2d2d7;z-index:9;opacity:0;transform:translateY(30px);transition:all .8s;transition-delay:1.3s;}
.index-corepro .cont .wp-block-media-text__media{position:absolute;top:3em;right:3em;width:calc(((100% - 6em) * 0.69) - 3em);height:calc(100% - 6em);overflow:hidden;opacity:0.5;z-index:-1;animation:float-smooth 5s cubic-bezier(0.3, 0.2, 0.2, 1) infinite forwards;transition:all .8s;}
.index-corepro .cont .wp-block-media-text__media img{width:100%;height:100%;object-fit:cover;opacity:0;transition:all .8s;transition-delay:1.3s;}
.index-corepro .cont .wp-block-media-text{display:block;}
.index-corepro .cont .wp-block-media-text.out .wp-block-media-text__media{margin-top:-1.5em;opacity:0;}
.index-corepro .cont .wp-block-media-text.ovr .wp-block-media-text__media{margin-top:1.5em;opacity:0;}
.index-corepro .cont .wp-block-media-text.on .tit i:before{transform:rotate(-45deg);}
.index-corepro .cont .wp-block-media-text.on .tit i:after{transform:rotate(45deg);}
.index-corepro .cont .wp-block-media-text.on .wp-block-media-text__media{opacity:1;z-index:2;}
.index-corepro .cont .wp-block-media-text.on .wp-block-media-text__media img{transform:translateY(0);}
.index-corepro .cont .computer{position:absolute;right:0;bottom:0;width:42.5em;height:auto;transform:translateY(40em);z-index:1;transition:all 1s;transition-delay:1.3s;}
.index-corepro .cont:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/wp-content/uploads/2026/04/core-bg.webp);background-size:cover;background-position:bottom center;opacity:0.3;}
.index-corepro.show{z-index:99;opacity:1;transition-delay:.3s;}
.index-corepro.show .cont{transform:scale(1);transition-delay:.3s;}
.index-corepro.show .cont > h2{opacity:1;transform:translateY(0);}
.index-corepro.show .cont > p{opacity:1;transform:translateY(0);}
.index-corepro.show .cont .computer{transform:translateY(0);transition-delay:.2s;}
.index-corepro.show .cont .wp-block-media-text__media{opacity:0;}
.index-corepro.show .cont .wp-block-media-text__media img{transform:translateY(0);opacity:1;}
.index-corepro.show .cont .wp-block-media-text.on .wp-block-media-text__media img{transform:translateY(0);}
.index-corepro.show .cont .wp-block-media-text__content{transform:translateY(0);opacity:1;}

.index-app{padding:6em 0;}
.index-app h2{margin:0.2em 0 1.2em;font-size:2.4em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.index-app h3{margin-bottom:1em;font-size:1.2em;}
.index-app .main-width > p{font-size:1.5em;transform:translateY(30px);opacity:0;transition:all 1s;}
.index-app .wp-block-buttons{position:relative;margin-top:4em;z-index:1;opacity:0;transform:translateY(40px);transition:all .5s;transition-delay:.1s;}
.index-app .wp-block-cover{padding:2em 1.5em;border-radius:0.8em;transform:translateY(40px);opacity:0;transition:all 1s;}
.index-app .wp-block-cover p{opacity:0;transform:translateY(40px);transition:all .5s;}
.index-app .wp-block-cover:hover{flex:2;}
.index-app .wp-block-cover:hover p{opacity:1;transform:translateY(0);}
.index-app .wp-block-cover:hover .wp-block-buttons{opacity:1;transform:translateY(0);}
.index-app .wp-block-group{display:flex;justify-content:space-between;column-gap:0.5em;}
.index-app .wp-block-group .item{flex:1;transition:all .5s;}
.index-app .wp-block-group .item:nth-child(1) .wp-block-cover{transition-delay:.2s;}
.index-app .wp-block-group .item:nth-child(2) .wp-block-cover{transition-delay:.3s;}
.index-app .wp-block-group .item:nth-child(3) .wp-block-cover{transition-delay:.4s;}
.index-app .wp-block-group .item:nth-child(4) .wp-block-cover{transition-delay:.5s;}
.index-app .wp-block-group .item:nth-child(5) .wp-block-cover{transition-delay:.6s;}
.index-app .wp-block-group .item:hover{flex:2;}
.index-app.action h2{transform:translateY(0);opacity:1;}
.index-app.action .main-width > p{transform:translateY(0);opacity:1;}
.index-app.action .wp-block-cover{transform:translateY(0);opacity:1;}

.index-partner{padding:5.2em 0;background-image:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,0));}
.index-partner .main-width{display:flex;justify-content:space-between;flex-direction:row-reverse;}
.index-partner .text{width:34%;padding-top:3em;}
.index-partner .text h2{margin:0.2em 0 0.8em;font-size:2.4em;transform:translateY(40px);opacity:0;transition:all 1s;transition-delay:.1s;}
.index-partner .text p{font-size:1.5em;transform:translateY(40px);opacity:0;transition:all 1s;transition-delay:.2s;}
.index-partner .text .wp-block-buttons{position:relative;margin-top:3em;z-index:1;transform:translateY(40px);opacity:0;transition:all 1s;transition-delay:.2s;}
.index-partner .text .wp-block-button{font-size:1.3em;}
.index-partner .text .wp-block-button__link{letter-spacing:0.1em;}
.index-partner .text .has-text-align-left{transition-delay:0s;}
.index-partner .logos{width:60%;mask-image:linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);opacity:0;transition:all 1.5s;}
.index-partner .logos .wp-block-gallery{display:block;overflow:hidden;margin:0.8em 0;}
.index-partner .logos .wp-block-gallery ul{display:flex;flex-wrap:wrap;width:10000%;}
.index-partner .logos .wp-block-gallery li{width:8em;height:4em;margin-right:0.8em;background-color:#fff;border-radius:0.8em;box-sizing:border-box;overflow:hidden;}
.index-partner .logos .wp-block-gallery li img{width:100%;height:100%;border-radius:1vw;object-fit:contain;}
.index-partner.action .logos{opacity:1;}
.index-partner.action .text h2{transform:translateY(0);opacity:1;}
.index-partner.action .text p{transform:translateY(0);opacity:1;}
.index-partner.action .text .wp-block-buttons{transform:translateY(0);opacity:1;}

.com-products{padding:0 1em;}
.com-products h3{margin-bottom:0.5em;font-size:2em;}
.com-products h4{margin-bottom:1.2em;font-size:1.2em;font-family:"OPPOSans-L";}
.com-products p{line-height:2em;margin-top:0.5em;}
.com-products p strong{font-family:"OPPOSans-B";}
.com-products .wp-block-buttons{margin-top:1.5em;}
.com-products .wp-block-cover__inner-container{z-index:3;}
.com-products .wp-block-cover__background{opacity:.4 !important;transition:all .5s;}
.com-products .wp-block-cover{flex:2;height:30em;padding:3em 5.5em;border-radius:0.8em;transition:all .5s;}
.com-products .wp-block-cover:before{content:"";position:absolute;left:0;top:0;width:50%;height:100%;background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));z-index:2;}
.com-products .wp-block-cover:hover{flex:3;}
.com-products .wp-block-cover:hover .wp-block-cover__background{opacity:0 !important;}
.com-products .wp-block-group{display:flex;gap:1em;transform:translateY(30px);opacity:0;transition:all 1s;}
.com-products.action .wp-block-group{transform:translateY(0);opacity:1;}

.main-solution h2{margin-bottom:1em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-solution .advantage{padding:7em 0;}
.main-solution .advantage .wp-block-group{column-gap:1.25%;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-solution .advantage .wp-block-image{border-radius:0.8em;background-color:#fff;overflow:hidden;text-align:center;transition:all .5s;}
.main-solution .advantage .wp-block-image figcaption{margin:0;padding:1em;font-size:1.2em;font-family:"OPPOSans-R";}
.main-solution .advantage .wp-block-image:hover{transform:translateY(-2%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.main-solution .advantage.action h2{transform:translateY(0);opacity:1;}
.main-solution .advantage.action .wp-block-group{transform:translateY(0);opacity:1;}
.main-solution .achievement h3{display:inline-block;position:relative;padding-bottom:0.2em;margin:0.37em 0;font-size:2em;cursor:pointer;}
.main-solution .achievement h3:before{content:"";position:absolute;left:0;bottom:0;width:0;height:4px;border-radius:4px;background-image:linear-gradient(to right, #7f13c4, #4921d8, #71b7cb, rgba(113,183,203,0));transition:all .1s;}
.main-solution .achievement h3:hover:before{width:100%;transition:all .5s;}
.main-solution .achievement .wp-block-cover{padding:6em 4.2em;border-radius:0.8em;box-shadow:inset 0 0 3em rgba(251,251,251,0.3);transform:translateY(30px);opacity:0;transition:all 1s;}
.main-solution .achievement .wp-block-cover__background{background-color:rgba(0,0,0,.6);backdrop-filter:saturate(180%) blur(5px);}
.main-solution .achievement .wp-block-media-text__media{position:absolute;right:0;top:50%;width:50%;transform:translateY(-50%);border-radius:0.8em;opacity:0;overflow:hidden;transition:all .8s;}
.main-solution .achievement .wp-block-media-text__media img{width:100%;height:100%;object-fit:contain;}
.main-solution .achievement .wp-block-media-text__content{padding:0 5% 0 0;}
.main-solution .achievement .out .wp-block-media-text__media{margin-top:-3em;}
.main-solution .achievement .ovr .wp-block-media-text__media{margin-top:3em;}
.main-solution .achievement .on .wp-block-media-text__media{opacity:1;}
.main-solution .achievement .on h3:before{/*width:100%;transition:all .5s;*/}
.main-solution .achievement.action .wp-block-cover{transform:translateY(0);opacity:1;}
.main-solution .case{padding:7em 0;}
.main-solution .case h2{text-align:center;}
.main-solution .case .item{position:relative;flex:1;height:32em;z-index:1;overflow:hidden;background-color:#000;transition:all .5s;}
.main-solution .case .item h3{position:absolute;left:1em;top:1em;width:calc(100% - 2em);font-size:2em;color:#fff;text-shadow:0.2em 0.2em 0.3em rgba(0,0,0,.5);z-index:2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-solution .case .item .slide-pic{position:absolute;left:0;top:0;width:57em;height:32em;opacity:.3;transition:all .5s;}
.main-solution .case .item .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-solution .case .item .slide-pic li{width:57em;height:32em;}
.main-solution .case .item .slide-pic li img{width:100%;height:100%;object-fit:cover;}
.main-solution .case .item .btn{position:absolute;top:50%;width:4em;height:4em;line-height:4em;margin-top:-2em;text-align:center;font-size:1em;font-family:"icomoon";background-color:rgba(0,0,0,.5);color:#fff;border-radius:50%;cursor:pointer;opacity:0;transition:all .5s;}
.main-solution .case .item .btn:hover{background-color:rgba(0,0,0,.8);}
.main-solution .case .item .prev{transform:rotate(180deg);}
.main-solution .case .item .prev:before{content:"\e904";}
.main-solution .case .item .next:before{content:"\e904";}
.main-solution .case .item .prev{left:1em;}
.main-solution .case .item .next{right:1em;}
.main-solution .case .item:before{content:"";}
.main-solution .case .item:hover{flex:0 0 57em;z-index:2;}
.main-solution .case .item:hover .slide-pic{opacity:1;}
.main-solution .case .item:hover .btn{opacity:1;}
.main-solution .case .tbox{transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-solution .case .cont{display:flex;column-gap:0;transition:all .5s;}
.main-solution .case .cont:hover{padding:0 0.5em;}
.main-solution .case .cont:hover .item{transform:scale(.95);border-radius:0.8em;}
.main-solution .case .cont:hover .item:hover{transform:scale(1);}
.main-solution .case.action h2{transform:translateY(0);opacity:1;}
.main-solution .case.action .tbox{transform:translateY(0);opacity:1;}
.main-solution .video{overflow:hidden;}
.main-solution .video h2{text-align:center;}
.main-solution .video .slide-video{position:relative;width:40em;height:22.5em;margin:0 auto;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-solution .video .slide-video .btn{position:absolute;top:50%;width:4em;height:4em;line-height:4em;margin-top:-2em;text-align:center;font-size:1em;font-family:"icomoon";background-color:rgba(0,0,0,.5);color:#fff;border-radius:50%;cursor:pointer;z-index:2;transition:all .5s;}
.main-solution .video .slide-video .btn:hover{background-color:rgba(0,0,0,.8);}
.main-solution .video .slide-video .prev{transform:rotate(180deg);}
.main-solution .video .slide-video .prev:before{content:"\e904";}
.main-solution .video .slide-video .next:before{content:"\e904";}
.main-solution .video .slide-video .prev{left:-5em;}
.main-solution .video .slide-video .next{right:-5em;}
.main-solution .video .slide-pic{width:100%;height:100%;}
.main-solution .video .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-solution .video .slide-pic li{position:relative;width:40em;height:22.5em;border-radius:0.8em;transform:scale(.85);transition:all .5s;overflow:hidden;z-index:1;}
.main-solution .video .slide-pic li iframe{width:100%;height:100%;border-radius:0.8em;object-fit:cover;}
.main-solution .video .slide-pic li video{width:100%;height:100%;border-radius:0.8em;object-fit:cover;}
.main-solution .video .slide-pic li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:99;transition:all .5s;}
.main-solution .video .slide-pic li.active{transform:scale(1);}
.main-solution .video .slide-pic li.active:before{opacity:0;z-index:-1;}
.main-solution .video.action h2{transform:translateY(0);opacity:1;}
.main-solution .video.action .slide-video{transform:translateY(0);opacity:1;}
.main-solution .strength{padding:7em 0;}
.main-solution .strength .wp-block-group{column-gap:1.25%;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-solution .strength .wp-block-image{border-radius:0.8em;background-color:#fff;overflow:hidden;text-align:center;transition:all .5s;}
.main-solution .strength .wp-block-image figcaption{margin:0;padding:1em;font-size:1.2em;font-family:"OPPOSans-R";}
.main-solution .strength .wp-block-image:hover{transform:translateY(-2%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.main-solution .strength.action h2{transform:translateY(0);opacity:1;}
.main-solution .strength.action .wp-block-group{transform:translateY(0);opacity:1;}
.main-solution .news{padding:7em 0;overflow:hidden;}
.main-solution .news h2{text-align:center;}
.main-solution .news .slide-news{position:relative;width:46em;height:19.57em;margin:0 auto;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-solution .news .slide-news .btn{position:absolute;top:50%;width:4em;height:4em;line-height:4em;margin-top:-2em;text-align:center;font-size:1em;font-family:"icomoon";background-color:rgba(0,0,0,.5);color:#fff;border-radius:50%;cursor:pointer;z-index:2;transition:all .5s;}
.main-solution .news .slide-news .btn:hover{background-color:rgba(0,0,0,.8);}
.main-solution .news .slide-news .prev{transform:rotate(180deg);}
.main-solution .news .slide-news .prev:before{content:"\e904";}
.main-solution .news .slide-news .next:before{content:"\e904";}
.main-solution .news .slide-news .prev{left:-5em;}
.main-solution .news .slide-news .next{right:-5em;}
.main-solution .news .slide-pic{width:100%;height:100%;}
.main-solution .news .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-solution .news .slide-pic li{position:relative;display:flex;width:46em;height:19.57em;margin-right:3em;background-color:#000;border-radius:0.8em;overflow:hidden;}
.main-solution .news .slide-pic li a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.main-solution .news .slide-pic li img{width:100%;height:100%;opacity:.5;object-fit:cover;transition:all .5s;}
.main-solution .news .slide-pic li .text{position:absolute;left:0;bottom:0;width:100%;padding:1.5em 5em 1.2em 1.5em;box-sizing:border-box;color:#fff;z-index:1;}
.main-solution .news .slide-pic li .text h3{margin-bottom:0.8em;font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;transform:translateY(15px);opacity:0;transition:all .8s;transition-delay:.3s;}
.main-solution .news .slide-pic li .text p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transform:translateY(15px);opacity:0;transition:all .8s;transition-delay:.45s;}
.main-solution .news .slide-pic li:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background-image:linear-gradient(rgba(0,0,0,.0),rgba(0,0,0,.8));}
.main-solution .news .slide-pic li.active img{opacity:1;}
.main-solution .news .slide-pic li.active h3{transform:translateY(0);opacity:1;}
.main-solution .news .slide-pic li.active p{transform:translateY(0);opacity:1;}
.main-solution .news.action h2{transform:translateY(0);opacity:1;}
.main-solution .news.action .slide-news{transform:translateY(0);opacity:1;}

.main-support h2{margin-bottom:0.5em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-support .process{padding:7em 0;}
.main-support .process p{font-size:1em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-support .process .wp-block-group{margin:3em 0;column-gap:2em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-support .process .wp-block-image{padding:2.4em;border-radius:0.8em;background-color:rgba(255,255,255,.6);overflow:hidden;text-align:center;transition:all .5s;}
.main-support .process .wp-block-image img{width:2em;height:2em;}
.main-support .process .wp-block-image figcaption{font-size:0.8em;}
.main-support .process .wp-block-image figcaption strong{display:inline-block;margin:0.5em 0 0.7em;font-size:1.5em;font-family:"OPPOSans-B";font-weight:normal;}
.main-support .process .wp-block-image:hover{transform:translateY(-2%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.main-support .process .wp-block-buttons{transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.45s;}
.main-support .process.action h2{transform:translateY(0);opacity:1;}
.main-support .process.action p{transform:translateY(0);opacity:1;}
.main-support .process.action .wp-block-group{transform:translateY(0);opacity:1;}
.main-support .process.action .wp-block-buttons{transform:translateY(0);opacity:1;}
.main-support .aftersale{padding:1em 0 7em;}
.main-support .aftersale h2{margin-bottom:1em;}
.main-support .aftersale h3{margin-bottom:0.5em;font-size:1.8em;}
.main-support .aftersale p{font-size:1em;}
.main-support .aftersale .wp-block-group{column-gap:2em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-support .aftersale .wp-block-cover{height:32em;padding:2em;border-radius:0.8em;overflow:hidden;transition:all .5s;}
.main-support .aftersale .wp-block-cover:hover{transform:translateY(-1%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.main-support .aftersale.action h2{transform:translateY(0);opacity:1;}
.main-support .aftersale.action .wp-block-group{transform:translateY(0);opacity:1;}
.main-support .faq{padding:1em 0 7em;}
.main-support .faq p{margin-bottom:3em;font-size:1em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-support .faq details{padding:1.7em 2.4em;margin-bottom:1.2em;background-color:rgba(255,255,255,.6);box-sizing:border-box;border-radius:0.8em;transition:all .5s;}
.main-support .faq details summary{position:relative;line-height:1.5em;padding-right:1.5em;list-style:none;font-size:1em;font-family:"OPPOSans-R";}
.main-support .faq details summary:before{content:"\e902";position:absolute;right:0;top:0.5em;width:1em;height:1em;margin-top:-0.5em;font-family:"icomoon";}
.main-support .faq details p{line-height:1.5em;margin:1em 0 0;font-size:0.8em;}
.main-support .faq details[open] summary{margin-bottom:1.5em;}
.main-support .faq details[open] summary:before{content:"\e903";}
.main-support .faq details:hover{transform:translateY(-2%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.main-support .faq .list{transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-support .faq .list li{display:none;}
.main-support .faq .list li.on{display:block;}
.main-support .faq .pageinfo{margin-bottom:3em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.45s;}
.main-support .faq.action h2{transform:translateY(0);opacity:1;}
.main-support .faq.action p{transform:translateY(0);opacity:1;}
.main-support .faq.action .list{transform:translateY(0);opacity:1;}
.main-support .faq.action .pageinfo{transform:translateY(0);opacity:1;}
.main-support .func{padding:0 1em 1em;}
.main-support .func h2{margin-bottom:1em;transform:translateY(0);opacity:1;}
.main-support .func .wp-block-group{display:flex;gap:1em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-support .func .wp-block-cover__background{opacity:.4 !important;transition:all .5s;}
.main-support .func .wp-block-cover{flex:2;height:30em;border-radius:0.8em;transition:all .5s;}
.main-support .func .wp-block-cover:hover{flex:3;}
.main-support .func .wp-block-cover:hover .wp-block-cover__background{opacity:0 !important;}
.main-support .func.action .wp-block-group{transform:translateY(0);opacity:1;}


.list-resource{padding:7em 0;overflow:hidden;}
.list-resource h2{margin-bottom:1em;}
.list-resource .products{margin-bottom:7em;}
.list-resource .products h2{transform:translateY(30px);opacity:0;transition:all 1s;}
.list-resource .products ul{display:flex;flex-wrap:wrap;gap:2em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.list-resource .products li{display:flex;justify-content:space-between;width:calc(50% - 1em);padding:2em;background-color:rgba(255,255,255,.6);border-radius:0.8em;box-sizing:border-box;transition:all .5s;}
.list-resource .products li .pic{width:10em;}
.list-resource .products li .pic img{width:100%;height:auto;}
.list-resource .products li .text{width:calc(100% - 12em);}
.list-resource .products li .text h3{margin-bottom:0.8em;font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-resource .products li .text p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-resource .products li .text .btn{display:flex;column-gap:1em;margin-top:2em;}
.list-resource .products li:hover{transform:translateY(-2%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.list-resource .products.action h2{transform:translateY(0);opacity:1;}
.list-resource .products.action ul{transform:translateY(0);opacity:1;}
.list-resource .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:2em;transform:translateY(30px);opacity:0;transition:all 1s;}
.list-resource .title h2{margin-bottom:0;}
.list-resource .title .btn{display:flex;column-gap:1em;}
.list-resource .title .btn span{display:block;width:4em;height:4em;line-height:4em;text-align:center;font-size:0.85em;font-family:"icomoon";background-color:rgba(255,255,255,.6);color:#333;border-radius:50%;cursor:pointer;transition:all .5s;}
.list-resource .title .btn span:hover{background-color:#fff;}
.list-resource .title .prev{transform:rotate(180deg);}
.list-resource .title .prev:before{content:"\e904";}
.list-resource .title .next:before{content:"\e904";}
.list-resource .action .title{transform:translateY(0);opacity:1;}
.list-resource .tools{margin-bottom:7em;}
.list-resource .tools .slide-pic{overflow:hidden;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.list-resource .tools .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;padding:0.5em 0 !important;}
.list-resource .tools .slide-pic li{width:23em;margin-right:1.5em;background-color:rgba(255,255,255,.6);border-radius:0.8em;overflow:hidden;transition:all .5s;}
.list-resource .tools .slide-pic li .pic{position:relative;height:0;padding-bottom:75%;overflow:hidden;}
.list-resource .tools .slide-pic li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.list-resource .tools .slide-pic li .text{padding:1.5em;}
.list-resource .tools .slide-pic li .text h3{margin-bottom:0.5em;font-size:1.2em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-resource .tools .slide-pic li .text p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-resource .tools .slide-pic li .text .btn{display:flex;column-gap:1em;margin-top:1.5em;}
.list-resource .tools .slide-pic li:hover{transform:translateY(-1%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.list-resource .tools.action .slide-pic{transform:translateY(0);opacity:1;}
.list-resource .reprot .slide-pic{overflow:hidden;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.list-resource .reprot ul{display:flex;flex-wrap:wrap;width:1000%;padding:0.5em 0 !important;}
.list-resource .reprot li{width:35em;margin-right:2em;padding:3em;background-color:rgba(255,255,255,.6);border-radius:0.8em;box-sizing:border-box;transition:all .5s;}
.list-resource .reprot li .pic{position:relative;height:0;padding-bottom:60%;margin-bottom:3em;overflow:hidden;}
.list-resource .reprot li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.list-resource .reprot li .text h3{margin-bottom:0.5em;font-size:1.2em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-resource .reprot li .text p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-resource .reprot li .text .btn{display:flex;column-gap:1em;margin-top:1.5em;}
.list-resource .reprot li:hover{transform:translateY(-1%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.list-resource .reprot.action .slide-pic{transform:translateY(0);opacity:1;}

.head-news{padding:5em 0;background-color:rgba(255,255,255,.3);}
.head-news .slide-pic{margin-bottom:3em;overflow:hidden;}
.head-news .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.head-news .slide-pic li{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:72em;}
.head-news .slide-pic li .pic{position:relative;width:48.6%;height:0;padding-bottom:27.3%;border-radius:0.8em;overflow:hidden;transform:translateX(30px);opacity:0;transition:all 1s;}
.head-news .slide-pic li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.head-news .slide-pic li .text{width:45%;transform:translateX(-30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.head-news .slide-pic li .text time{display:block;font-size:0.8em;color:#999;}
.head-news .slide-pic li .text h3{margin:0.5em 0 1em;font-size:2em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.head-news .slide-pic li .text p{font-size:1em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.head-news .slide-pic li .text .cx-btn{margin-top:2.5em;}
.head-news .slide-dot{transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.head-news .slide-dot ul{display:flex;justify-content:center;column-gap:0.8em;}
.head-news .slide-dot li{width:2.8em;height:0.3em;background-color:#fff;border-radius:3em;overflow:hidden;}
.head-news .slide-dot li:before{content:"";display:block;width:0;height:100%;background-image:linear-gradient(to right, #7f13c4, #4921d8, #71b7cb);border-radius:3em;}
.head-news .slide-dot li.active:before{content:"";width:100%;transition:all 8s linear;}
.head-news.action .slide-pic li .pic{transform:translateX(0);opacity:1;}
.head-news.action .slide-pic li .text{transform:translateX(0);opacity:1;}
.head-news.action .slide-dot{transform:translateY(0);opacity:1;}
.list-news{padding-top:2em;}
.list-news .top{position:relative;padding:0.6em 0;transform:translateY(30px);opacity:0;transition:all 1s;z-index:9;}
.list-news .top .main-width{display:flex;justify-content:space-between;align-items:center;}
.list-news .top .oper{display:flex;align-items:center;column-gap:1.2em;}
.list-news .top .oper .sel{position:relative;height:2.1em;z-index:9;}
.list-news .top .oper .sel p{position:relative;display:flex;align-items:center;height:100%;padding-left:0.8em;padding-right:1.8em;font-size:0.7em;border-radius:0.57em 0.57em 0 0;cursor:pointer;}
.list-news .top .oper .sel p:before{content:"\f347";position:absolute;right:0.5em;top:50%;transform:translateY(-50%);font-family:dashicons;font-size:0.8em;color:#999;}
.list-news .top .oper .sel ul{display:none;position:absolute;top:100%;left:0;width:100%;;background-color:#f2f6ff;border-radius:0 0 0.4em 0.4em;overflow:hidden;z-index:2;}
.list-news .top .oper .sel li{padding:0.5em;font-size:0.6em;text-align:center;cursor:pointer;}
.list-news .top .oper .sel li:hover{background-color:#e6efff;}
.list-news .top .oper .sel:hover p{background-color:#f2f6ff;}
.list-news .top .oper .sel.show ul{display:block;}
.list-news .top .oper .key{position:relative;width:12em;height:2.1em;background-color:#f2f6ff;border-radius:0.4em;overflow:hidden;}
.list-news .top .oper .key input{width:100%;height:100%;padding:0 2.2em 0 0.8em;font-size:0.7em;background:none;box-sizing:border-box;}
.list-news .top .oper .key:before{content:"\e914";position:absolute;right:0.5em;top:50%;transform:translateY(-50%);font-family:"icomoon";font-size:0.8em;}
.list-news .cate ul{display:flex;flex-wrap:wrap;column-gap:0.5em;}
.list-news .cate li a{display:block;line-height:1.4em;padding:0.8em 1.7em;border-radius:1em;font-size:0.8em;font-family:"OPPOSans-R";}
.list-news .cate li a:hover{background-color:rgba(255,255,255,.3);}
.list-news .cate li.active a{background-color:var(--main-color);color:#fff;}
.list-news .cont{padding:2em 0 5em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.list-news .cont .list{margin-bottom:3em;}
.list-news .cont .list ul{display:flex;flex-wrap:wrap;gap:2.1em;}
.list-news .cont .list li{display:none;width:calc(33.33% - 1.4em);background-color:rgba(255,255,255,.6);border-radius:0.8em;overflow:hidden;transition:all .5s;}
.list-news .cont .list li .pic{position:relative;height:0;padding-bottom:56%;overflow:hidden;}
.list-news .cont .list li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.list-news .cont .list li .text{padding:2em 1.5em;}
.list-news .cont .list li .text h3{height:2.4em;margin-bottom:1em;font-size:1.2em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-news .cont .list li .text time{display:block;font-size:0.8em;color:#999;}
.list-news .cont .list li:hover{transform:translateY(-2%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.list-news .cont .list li.on{display:block;}
.list-news.action .top{transform:translateY(0);opacity:1;}
.list-news.action .cont{transform:translateY(0);opacity:1;}

.main-article{padding-bottom:5em;}
.main-article .title{padding:8.6em 0 5em;background-color:rgba(255,255,255,.6);}
.main-article .title span{display:inline-block;line-height:1.8em;padding:0 1em;background-color:var(--main-color);color:#fff;border-radius:3em;font-size:0.8em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-article .title h1{margin:0.7em 0;font-size:2.4em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-article .title time{display:block;font-size:0.8em;color:#999;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-article .cont{padding:5em 0;}
.main-article .cont .main-width{display:flex;justify-content:space-between;}
.main-article .cont .cbox{width:66%;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.45s;}
.main-article .cont .cbox .article > *{margin-bottom:25px;}
.main-article .cont .cbox .subpage{display:flex;flex-direction:column;row-gap:0.5em;padding:2em 0 1em;border-bottom:1px solid #ccc;}
.main-article .cont .cbox .subpage .item{font-size:0.7em;}
.main-article .cont .side{position:relative;width:28.5%;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.6s;}
.main-article .cont .side .related{position:sticky;top:5.5em;padding:1.5em;border-radius:0.8em;background-color:rgba(255,255,255,.6);}
.main-article .cont .side .related h2{margin-bottom:0.8em;border-bottom:1px solid #ddd;font-size:1.2em;}
.main-article .cont .side .related h2 span{position:relative;display:inline-block;padding-bottom:0.8em;}
.main-article .cont .side .related h2 span:before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background-color:var(--main-color);}
.main-article .cont .side .related li{padding:0.8em 0 0.5em;border-bottom:1px solid #ddd;}
.main-article .cont .side .related li a{display:block;line-height:1.5em;margin-bottom:0.5em;font-size:0.8em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-article .cont .side .related li p{display:flex;column-gap:1em;line-height:1.5em;font-size:1em;}
.main-article .cont .side .related li time{display:block;font-size:0.6em;color:#999;}
.main-article .cont .side .related li span{font-size:0.6em;color:#999;}
.main-article .back{text-align:center;font-size:1.2em;}
.main-article.action .title span{transform:translateY(0);opacity:1;}
.main-article.action .title h1{transform:translateY(0);opacity:1;}
.main-article.action .title time{transform:translateY(0);opacity:1;}
.main-article.action .cont .cbox{transform:translateY(0);opacity:1;}
.main-article.action .cont .side{transform:translateY(0);opacity:1;}


/* .main-development mark{background-image:linear-gradient(to right, #7953d0, #477bda, #48acf8, #7953d0, #477bda, #48acf8, #7953d0, #477bda, #48acf8, #7953d0, #477bda, #48acf8);} */
.main-development .banner{position:relative;height:200vh;background-color:#000;}
.main-development .banner h1{margin-bottom:0.3em;font-size:3em;}
.main-development .banner .pos{position:sticky;top:0;left:0;width:100%;height:100vh;z-index:9;}
.main-development .banner .wp-block-cover{height:100%;padding:2em;}
.main-development .banner .wp-block-cover__background{transition:all 1s;}
.main-development .banner .wp-block-cover__inner-container{position:static;}
.main-development .banner .wp-block-image{position:absolute;left:50%;top:50%;width:13.5vw;transform:translate(-50%,-50%);transition:all 1s;}
.main-development .banner .is-vertical{position:absolute;left:50%;top:50%;width:72em;max-width:92vw;padding:7em 5em;background-color:rgba(128,128,128,.2);border-radius:0.8em;transform:translate(-50%,calc(-50% + 30px));opacity:0;transition:all 1s;}
.main-development .banner .t1 p{font-size:2em;}
.main-development .banner .t2 h3{margin-bottom:0.8em;line-height:1.5em;font-size:2em;}
.main-development .banner .t2 h3 mark{display:inline-block;}
.main-development .banner .t2 h3 strong{font-size:1.4em;font-weight:normal;}
.main-development .banner .t2 p{font-size:1.2em;color:#477bda;}
.main-development .banner.step1 .wp-block-image{opacity:0;}
.main-development .banner.step1 .wp-block-cover__background{opacity:.8 !important;}
.main-development .banner.step1 .t1{transform:translate(-50%,-50%);opacity:1;}
.main-development .banner.step2 .wp-block-image{opacity:0;}
.main-development .banner.step2 .wp-block-cover__background{opacity:.8 !important;}
.main-development .banner.step2 .t1{transform:translate(-50%,calc(-50% - 30px));}
.main-development .banner.step2 .t2{transform:translate(-50%,-50%);opacity:1;}
.main-development .power{position:relative;padding:5em 0;background-color:#000;z-index:1;}
.main-development .power h2{margin-bottom:1em;color:#fff;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-development .power .is-vertical{position:relative;display:block;height:32em;padding:3.2em 2em;margin-bottom:5em;background-color:rgba(255,255,255,.8);border-radius:0.8em;box-sizing:border-box;overflow:hidden;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-development .power .wp-block-media-text__content{position:relative;width:calc(34% - 2em);padding:1.7em 0;border-bottom:1px solid #d2d2d7;z-index:9;transition:all .8s;transition-delay:1.3s;}
.main-development .power .wp-block-media-text__media{position:absolute;top:0;right:0;width:65%;height:100%;overflow:hidden;opacity:0;z-index:-1;transition:all .8s;}
.main-development .power .wp-block-media-text__media img{width:100%;height:100%;object-fit:cover;}
.main-development .power .wp-block-media-text{display:block;}
.main-development .power .wp-block-media-text .dpbox{display:none;padding:1em 0 0;}
.main-development .power .wp-block-media-text .tit{font-size:1.2em;}
.main-development .power .wp-block-media-text.on .tit i:before{transform:rotate(-45deg);}
.main-development .power .wp-block-media-text.on .tit i:after{transform:rotate(45deg);}
.main-development .power .wp-block-media-text.on .wp-block-media-text__media{opacity:1;z-index:2;}
.main-development .power:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/wp-content/uploads/2026/06/devep-bg.webp);background-size:cover;background-attachment:fixed;opacity:.3;z-index:-1;}
.main-development .power.action h2{transform:translateY(0);opacity:1;}
.main-development .power.action .is-vertical{transform:translateY(0);opacity:1;}


.main-about .bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;}
.main-about .bg .wp-block-cover{width:100%;height:100%;}
.main-about .banner{display:flex;justify-content:center;align-items:center;height:100vh;padding:3.6em 4vw 0;background-attachment:fixed;background-size:cover;background-position:center;box-sizing:border-box;}
.main-about .banner h1{text-align:center;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.5s;}
.main-about .banner.action h1{transform:translateY(0);opacity:1;}
.main-about .profile{position:relative;height:200vh;}
.main-about .profile h2{margin-bottom:0.5em;font-size:2.4em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-about .profile p{font-size:1.3em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-about .profile p strong{line-height:1.5em;font-size:1.3em;font-family:"OPPOSans-R";}
.main-about .profile .bgbox{position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden;box-sizing:border-box;}
.main-about .profile .wp-block-group{position:absolute;left:50%;top:50%;width:72em;max-width:92vw;transform:translate(-50%,-50%);}
.main-about .profile .wp-block-image{margin-bottom:2em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-about .profile .wp-block-buttons{margin-top:1.5em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-about .profile .wp-block-button__link{background-color:#fff;color:var(--text-color);}
.main-about .profile .t1{row-gap:0;}
.main-about .profile.step1 .t1 p{transform:translateY(0);opacity:1;}
.main-about .profile.step1 .t1 .wp-block-image{transform:translateY(0);opacity:1;}
.main-about .profile.step2 .t1 p{transform:translateY(-30px);opacity:0;}
.main-about .profile.step2 .t1 .wp-block-image{transform:translateY(-30px);opacity:0;}
.main-about .profile.step2 .t2 h2{transform:translateY(0);opacity:1;}
.main-about .profile.step2 .t2 p{transform:translateY(0);opacity:1;}
.main-about .profile.step2 .t2 .wp-block-buttons{transform:translateY(0);opacity:1;}

.main-about .advantage{height:100vh;}
.main-about .advantage h2{margin-bottom:0.5em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-about .advantage p{line-height:1.8em;font-size:1em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-about .advantage .is-vertical{width:48%;}
.main-about .advantage .is-layout-grid{width:43.4%;gap:1.2em;}
.main-about .advantage .is-layout-grid p{padding:1.5em 1.5em 1.3em;background-color:rgba(0,0,0,.05);border-radius:0.5em;overflow:hidden;color:#666;transition-delay:.3s;}
.main-about .advantage .is-layout-grid p strong{display:inline-block;width:100%;line-height:1.2em;padding-bottom:0.4em;margin-bottom:0.4em;border-bottom:1px solid rgba(0,0,0,.2);font-size:1.5em;font-family:"OPPOSans-B";color:var(--text-color);}
.main-about .advantage .wp-block-cover{display:flex;align-items:center;height:100%;padding:7em 0;}
.main-about .advantage .wp-block-cover__inner-container{width:72em;max-width:92vw;margin:0 auto;}
.main-about .advantage.action h2{transform:translateY(0);opacity:1;}
.main-about .advantage.action p{transform:translateY(0);opacity:1;}
.main-about .awards h2{margin-bottom:1.5em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-about .awards .wp-block-cover{padding:5em 0 25vw;}
.main-about .awards .wp-block-cover__inner-container{width:72em;max-width:92vw;margin:0 auto;}
.main-about .awards .wp-block-cover__image-background{object-position:bottom center;}
.main-about .awards .is-layout-grid{position:relative;display:block;overflow:hidden;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-about .awards .is-layout-grid .uls{display:flex;flex-wrap:wrap;width:1000%;}
.main-about .awards .is-layout-grid .wp-block-image{width:14.4em;border-right:1px solid #d2d2d7;text-align:center;box-sizing:border-box;}
.main-about .awards .is-layout-grid .wp-block-image img{max-width:12em;height:4.2em;object-fit:contain;}
.main-about .awards .is-layout-grid .wp-block-image figcaption{margin:0.8em 0 0;font-size:0.7em;}
.main-about .awards .is-layout-grid:before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#f4f5f9;z-index:2;}
.main-about .awards.action h2{transform:translateY(0);opacity:1;}
.main-about .awards.action .is-layout-grid{transform:translateY(0);opacity:1;}
.main-about .partner{padding:5em 0;}
.main-about .partner h2{margin-bottom:1em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-about .partner .wp-block-gallery{font-size:2em;margin-bottom:0.5em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-about .partner .wp-block-image{border-radius:0.4em;overflow:hidden;transition:all .5s;}
.main-about .partner .wp-block-image:hover{transform:translateY(-4%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.main-about .partner.action h2{transform:translateY(0);opacity:1;}
.main-about .partner.action .wp-block-gallery{transform:translateY(0);opacity:1;}

.main-join{background-color:#000;}
.main-join .slogan{height:100vh;padding-bottom:5em;overflow:hidden;box-sizing:border-box;}
.main-join .slogan h1{font-size:4.2em;font-family:"OPPOSans-R";font-weight:300;color:#fff;opacity:0;transform:translateY(0);transition:all 1s;transition-delay:4s;}
.main-join .slogan .main-width{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;}
.main-join .slogan.action h1{transform:translateY(-70%);opacity:1;}
.main-join .info{position:relative;height:200vh;background-image:url(/wp-content/uploads/2026/06/join-bg-01.webp);background-size:cover;background-attachment:fixed;transition:all 1s;}
.main-join .info h3{display:flex;align-items:center;justify-content:center;column-gap:0.3em;font-size:2.4em;color:#fff;font-family:"OPPOSans-R";transform:translateY(30px);opacity:0;transition:all 1s;}
.main-join .info h3 img{width:2.5em !important;;-webkit-filter:invert(100%);}
.main-join .info .pos{position:sticky;left:0;top:0;width:100%;height:100vh;padding:12em 0 7em;box-sizing:border-box;transition:all 1s;}
.main-join .info .is-vertical{position:absolute;left:0;width:100%;padding:0 4vw;box-sizing:border-box;text-align:center;}
.main-join .info .t1{top:17.5em;z-index:999;transition:all .5s;}
.main-join .info .t1 h2{margin-bottom:0.7em;font-size:4em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-join .info .t1 .wp-block-buttons{transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-join .info .t1 .wp-block-button__link{background-color:#fff;color:var(--text-color);}
.main-join .info .t1 .wp-block-button__link img{margin:0 0.5em;}
.main-join .info .t2{top:13em;z-index:-1;transition:all .5s;}
.main-join .info .t2 p{font-size:1.6em;color:#fff;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-join .info .t2 .wp-block-image{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;row-gap:1em;width:43em;max-width:92vw;margin:1.5em auto 0;padding:2em;background-color:rgba(255,255,255,.2);box-sizing:border-box;border-radius:0.8em;color:#fff;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-join .info .t2 .wp-block-image img{width:20%;}
.main-join .info .t2 .wp-block-image figcaption{margin:0;font-size:2em;}
.main-join .info.step1 h3{transform:translateY(0);opacity:1;}
.main-join .info.step1 .t1 h2{transform:translateY(0);opacity:1;}
.main-join .info.step1 .t1 .wp-block-buttons{transform:translateY(0);opacity:1;}
.main-join .info.step2{background-image:url(/wp-content/uploads/2026/06/join-bg-02.webp);}
.main-join .info.step2 h3{transform:translateY(0);opacity:1;}
.main-join .info.step2 .pos{padding:8em 0 7em;}
.main-join .info.step2 .t1{z-index:-1;}
.main-join .info.step2 .t1 h2{transform:translateY(-30px);}
.main-join .info.step2 .t1 .wp-block-buttons{transform:translateY(-30px);}
.main-join .info.step2 .t2{z-index:999;}
.main-join .info.step2 .t2 p{transform:translateY(0);opacity:1;}
.main-join .info.step2 .t2 .wp-block-image{transform:translateY(0);opacity:1;}


.pro-banner{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;padding:5.6em 2em 2em;box-sizing:border-box;z-index:1;}
.pro-banner img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1;mask-image:linear-gradient(to bottom, black 0%, black 42%, transparent 100%);}
.pro-banner .text{text-align:center;}
.pro-banner .text h1{margin-bottom:0.5em;font-size:3.2em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.5s;}
.pro-banner .text p{font-size:1.6em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.65s;}
.pro-banner.action .text h1{transform:translateY(0);opacity:1;}
.pro-banner.action .text p{transform:translateY(0);opacity:1;}

.main-cooperate .partner{padding:5em 0 2em;}
.main-cooperate .advantage{padding:5em 0;background-color:var(--main-color);}
.main-cooperate .apply{padding:5em 0;}
.main-cooperate .apply .simple-message{margin-top:2em;}
.main-cooperate .apply .simple-message ul{display:flex;flex-wrap:wrap;column-gap:5%;row-gap:1em;margin-top:2em;}
.main-cooperate .apply .simple-message ul li{width:30%;}
.main-cooperate .apply .simple-message ul li p{font-family:"OPPOSans-R";}
.main-cooperate .apply .simple-message ul li dl{display:flex;flex-wrap:wrap;column-gap:1em;row-gap:0.3em;margin-top:0.3em;}
.main-cooperate .apply .simple-message ul li dd{display:flex;flex-wrap:wrap;align-items:center;column-gap:0.2em;}
.main-cooperate .apply .simple-message ul li label{display:block;line-height:1.5em;font-size:0.7em;}
.main-cooperate .apply .simple-message ul li input[type="text"]{width:100%;height:2.2em;background:none;border-bottom:1px solid #d2d2d7;font-size:0.7em;}
.main-cooperate .apply .simple-message ul li input[type="checkbox"],.main-cooperate .apply .simple-message ul li input[type="radio"]{cursor:pointer;}
.main-cooperate .apply .simple-message ul li button{width:30%;height:50px;background-color:var(--main-color);color:#fff;border-radius:50px;border:none;font-size:0;}
.main-cooperate .apply .simple-message ul li button:after{content:"申请成为 MetaBox Studio 合作伙伴";font-size:16px;}
.main-cooperate .apply .simple-message ul li button.ing:after{content:"提交中...";}
.main-cooperate .apply .simple-message ul li .other{display:none;width:100%;}
.main-cooperate .apply .simple-message ul li.title{width:100%;padding-left:0.5em;font-size:1.2em;border-left:0.2em solid var(--main-color);font-family:"OPPOSans-R";}
.main-cooperate .apply .simple-message ul li.sm-subtn{width:100%;text-align:center;}

.main-pro-xinghe h2{margin-bottom:0.3em;font-size:2.4em;color:var(--text-color);transform:translateY(30px);opacity:0;transition:all 1s;}
.main-pro-xinghe .system{margin-bottom:7em;}
.main-pro-xinghe .system p{font-size:1.6em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-pro-xinghe .system .wp-block-cover{padding:7em calc(50vw - 36em) 10.6em;}
.main-pro-xinghe .system .wp-block-cover__inner-container{}
.main-pro-xinghe .system .wp-block-cover__image-background{height:auto !important;}
.main-pro-xinghe .system .wp-block-group{width:72em;max-width:92vw;margin:-3.6em auto 0;column-gap:2em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-pro-xinghe .system .wp-block-image{display:flex;align-items:center;column-gap:1.5em;padding:2em;background-color:rgba(255,255,255,1);border-radius:0.8em;transition: all .5s;}
.main-pro-xinghe .system .wp-block-image img{width:3.3em;height:3.3em;object-fit:contain;}
.main-pro-xinghe .system .wp-block-image figcaption{margin:0;font-size:1.6em;}
.main-pro-xinghe .system .wp-block-image:hover{background-color:rgba(255,255,255,1);transform:translateY(-4%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.1);}
.main-pro-xinghe .system.action h2{transform:translateY(0);opacity:1;}
.main-pro-xinghe .system.action p{transform:translateY(0);opacity:1;}
.main-pro-xinghe .system.action .wp-block-group{transform:translateY(0);opacity:1;}
.main-pro-xinghe .core{padding-bottom:7em;}
.main-pro-xinghe .core h2{margin-bottom:1em;}
.main-pro-xinghe .core p{font-size:1.2em;opacity:0;transition:all .5s;}
.main-pro-xinghe .core .wp-block-group{column-gap:1em;row-gap:1.5em;perspective:500em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-pro-xinghe .core .wp-block-cover__inner-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;}
.main-pro-xinghe .core .wp-block-image{position:relative;padding-top:5.5em;transform:translateY(-60%);text-align:center;transition:all .5s;}
.main-pro-xinghe .core .wp-block-image figure{display:block;width:100%;}
.main-pro-xinghe .core .wp-block-image img{position:absolute;top:0;left:50%;width:5em;height:5em;margin-left:-2.5em;transition:all .5s;}
.main-pro-xinghe .core .wp-block-image figcaption{display:block;margin:0;font-size:1.6em;transition:all .5s;}
.main-pro-xinghe .core .wp-block-cover{padding:2em;border-radius:0.8em;transform-style:preserve-3d;transform:rotateY(25deg);transition:all .5s;}
.main-pro-xinghe .core .wp-block-cover:nth-child(1){transform:rotateY(25deg);transform-origin:center bottom;}
.main-pro-xinghe .core .wp-block-cover:nth-child(2){transform:rotateY(25deg) translateX(0.5em);}
.main-pro-xinghe .core .wp-block-cover:nth-child(3){transform:rotateY(-25deg) translateX(-0.5em);}
.main-pro-xinghe .core .wp-block-cover:nth-child(4){transform:rotateY(-25deg);transform-origin:center bottom;}
.main-pro-xinghe .core .wp-block-cover:nth-child(5){transform:rotateY(25deg);transform-origin:center top;}
.main-pro-xinghe .core .wp-block-cover:nth-child(6){transform:rotateY(25deg) translateX(0.5em);}
.main-pro-xinghe .core .wp-block-cover:nth-child(7){transform:rotateY(-25deg) translateX(-0.5em);}
.main-pro-xinghe .core .wp-block-cover:nth-child(8){transform:rotateY(-25deg);transform-origin:center top;}
.main-pro-xinghe .core .wp-block-cover:hover{transform:rotateY(0deg) translateY(-5%);box-shadow:0 0.5em 0.8em rgba(0,0,0,0.2);}
.main-pro-xinghe .core .wp-block-cover:hover p{transform:translateY(100%);opacity:1;}
.main-pro-xinghe .core .wp-block-cover:hover .wp-block-image{padding:0 0 0 3em;transform:translateY(0);}
.main-pro-xinghe .core .wp-block-cover:hover .wp-block-image img{left:0;top:50%;margin:-1.25em 0 0;width:2.5em;height:2.5em;}
.main-pro-xinghe .core .wp-block-cover:hover .wp-block-image figcaption{font-size:1em;}
.main-pro-xinghe .core.action h2{transform:translateY(0);opacity:1;}
.main-pro-xinghe .core.action .wp-block-group{transform:translateY(0);opacity:1;perspective:80em;}
.main-pro-xinghe .asset{height:35em;}
.main-pro-xinghe .asset h2{margin-bottom:0.5em;font-size:2.4em;color:#fff;}
.main-pro-xinghe .asset p{font-size:1.2em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-pro-xinghe .asset .wp-block-cover{height:100%;}
.main-pro-xinghe .asset.action h2{transform:translateY(0);opacity:1;}
.main-pro-xinghe .asset.action p{transform:translateY(0);opacity:1;}

.main-pro-metabox h2{font-size:2.4em;}
.main-pro-metabox .profile h2{margin-bottom:0.5em;color:var(--text-color);transform:translateX(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-pro-metabox .profile h4{margin-bottom:0.5em;font-size:1.6em;color:var(--text-color);font-family:"OPPOSans-L";transform:translateX(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-pro-metabox .profile p{font-size:1.2em;color:var(--text-color);transform:translateX(30px);opacity:0;transition:all 1s;transition-delay:.45s;}
.main-pro-metabox .profile .wp-block-cover{padding:7em 0;}
.main-pro-metabox .profile .wp-block-cover__image-background{object-position:right center;}
.main-pro-metabox .profile .wp-block-cover__inner-container{width:72em;max-width:92vw;margin:0 auto;}
.main-pro-metabox .profile .wp-block-media-text__content{padding:0 0 0 15%;}
.main-pro-metabox .profile .wp-block-media-text__media{transform:translateX(-30px);opacity:0;transition:all 1s;}
.main-pro-metabox .profile.action h2{transform:translateX(0);opacity:1;}
.main-pro-metabox .profile.action h4{transform:translateX(0);opacity:1;}
.main-pro-metabox .profile.action p{transform:translateX(0);opacity:1;}
.main-pro-metabox .profile.action .wp-block-media-text__media{transform:translateX(0);opacity:1;}
.main-pro-metabox .system{padding:12em 0;}
.main-pro-metabox .system h2{margin-bottom:0.5em;font-size:4.8em;color:var(--text-color);transform:translateX(-30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-pro-metabox .system p{font-size:2em;color:var(--text-color);transform:translateX(-30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-pro-metabox .system .wp-block-media-text__content{padding:0 15% 0 0;}
.main-pro-metabox .system .wp-block-media-text__media{transform:translateX(30px);opacity:0;transition:all 1s;}
.main-pro-metabox .system.action h2{transform:translateX(0);opacity:1;}
.main-pro-metabox .system.action p{transform:translateX(0);opacity:1;}
.main-pro-metabox .system.action .wp-block-media-text__media{transform:translateX(0);opacity:1;}
.main-pro-metabox .prolist{padding-bottom:7em;}
.main-pro-metabox .prolist h2{margin-bottom:1em;text-align:center;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-pro-metabox .prolist .list ul{display:flex;flex-direction:column;row-gap:2em;;}
.main-pro-metabox .prolist .list li{position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:2.3em;border-radius:0.8em;color:#fff;overflow:hidden;z-index:1;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-pro-metabox .prolist .list li .bg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.main-pro-metabox .prolist .list li .pic{position:relative;width:53%;height:0;padding-bottom:37%;border-radius:0.8em;overflow:hidden;transform:translateX(50%);opacity:0;transition:all .8s;}
.main-pro-metabox .prolist .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.main-pro-metabox .prolist .list li .text{display:flex;flex-direction:column;align-items:center;row-gap:1em;transform:translateX(calc(56.4% + 2.3em));width:calc(47% - 2.3em);text-align:center;transition:all .8s;transition-delay:.1s;}
.main-pro-metabox .prolist .list li .text h3{font-size:2em;color:#fff;}
.main-pro-metabox .prolist .list li .text span{display:block;font-size:1.2em;}
.main-pro-metabox .prolist .list li .text dl{display:flex;flex-wrap:wrap;column-gap:0;row-gap:0.5em;margin:0.5em 0;padding:0.6em;border:1px solid #fff;border-radius:0.4em;}
.main-pro-metabox .prolist .list li .text dd{width:33.33%;border-right:1px solid #fff;text-align:center;box-sizing:border-box;font-size:0.8em;}
.main-pro-metabox .prolist .list li .text dd:nth-child(3n){border-right:none;}
.main-pro-metabox .prolist .list li .text .cx-btn{margin-top:0.5em;}
.main-pro-metabox .prolist .list li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:-1;transition:all .8s;}
.main-pro-metabox .prolist .list li:nth-child(2n){flex-direction:row;}
.main-pro-metabox .prolist .list li:nth-child(2n) .pic{transform:translateX(-50%);}
.main-pro-metabox .prolist .list li:nth-child(2n) .text{transform:translateX(calc(-56.4% - 2.3em));}
.main-pro-metabox .prolist .list li:nth-child(1){transition-delay:.15s;}
.main-pro-metabox .prolist .list li:nth-child(2){transition-delay:.3s;}
.main-pro-metabox .prolist .list li:nth-child(3){transition-delay:.45s;}
.main-pro-metabox .prolist .list li:nth-child(4){transition-delay:.6s;}
.main-pro-metabox .prolist .list li:nth-child(5){transition-delay:.75s;}
.main-pro-metabox .prolist .list li:hover .pic{transform:translateX(0);opacity:1;transition-delay:.1s;}
.main-pro-metabox .prolist .list li:hover .text{transform:translateX(0);transition-delay:0s;}
.main-pro-metabox .prolist .list li:hover:before{backdrop-filter:saturate(180%) blur(5px);}
.main-pro-metabox .prolist.action h2{transform:translateY(0);opacity:1;}
.main-pro-metabox .prolist.action .list li{transform:translateY(0);opacity:1;}
.main-pro-metabox .slogan{margin-bottom:1em;}
.main-pro-metabox .slogan h2{transform:translateY(30px);opacity:0;transition:all 1s;}
.main-pro-metabox .slogan.action h2{transform:translateY(0);opacity:1;}
.main-pro-metabox .com-products{padding-bottom:1em;}

.main-pro-vormir .efficiency{padding:7em 0;}
.main-pro-vormir .efficiency h2{margin-bottom:0.5em;color:var(--text-color);transform:translateX(-30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-pro-vormir .efficiency p{font-size:1.2em;color:var(--text-color);transform:translateX(-30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-pro-vormir .efficiency .wp-block-media-text__media{transform:translateX(30px);opacity:0;transition:all 1s;}
.main-pro-vormir .efficiency.action h2{transform:translateX(0);opacity:1;}
.main-pro-vormir .efficiency.action p{transform:translateX(0);opacity:1;}
.main-pro-vormir .efficiency.action .wp-block-media-text__media{transform:translateX(0);opacity:1;}
.main-pro-vormir .highlight{padding-bottom:7em;}
.main-pro-vormir .highlight h2{margin-bottom:1em;color:var(--text-color);transform:translateY(30px);opacity:0;transition:all 1s;}
.main-pro-vormir .highlight .wp-block-group{display:flex;column-gap:0;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-pro-vormir .highlight .wp-block-cover__image-background{left:13%;top:49%;width:70%;height:auto;object-fit:contain;transform:translateY(-50%);opacity:0;transition:all .5s;}
.main-pro-vormir .highlight .wp-block-cover{width:28.7%;height:29.5em;transition:all .5s;}
.main-pro-vormir .highlight .wp-block-cover h2{margin-bottom:0.5em;transition:all .5s;}
.main-pro-vormir .highlight .wp-block-cover p{font-size:1.2em;transition:all .5s;}
.main-pro-vormir .highlight .wp-block-cover:first-child{clip-path:polygon(0 0, 100% 0, calc(100% - 5.7em) 100%, 0 100%);padding:1em 8% 0 3%;border-radius:0.8em 0 0 0.8em;background-image:linear-gradient(-135deg,#a178f9,#4557e9,#5eb6ff);color:#fff;}
.main-pro-vormir .highlight .wp-block-cover:first-child h2{color:#fff;}
.main-pro-vormir .highlight .wp-block-cover:last-child{clip-path:polygon(5.7em 0, 100% 0, 100% 100%, 0 100%);padding:0 3% 0 8%;border-radius:0 0.8em 0.8em 0;background-image:linear-gradient(to right,#b7defe,#e8daf5);}
.main-pro-vormir .highlight .wp-block-cover.on{width:80%;z-index:2;}
.main-pro-vormir .highlight .wp-block-cover.on h2 br{display:none;}
.main-pro-vormir .highlight .wp-block-cover.on p{font-size:1em;}
.main-pro-vormir .highlight .wp-block-cover.on .wp-block-cover__image-background{opacity:1;}
.main-pro-vormir .highlight .wp-block-cover.on:first-child{margin-right:-7%;padding:1em 13% 0 10%;}
.main-pro-vormir .highlight .wp-block-cover.on:first-child h2{margin-bottom:11em;}
.main-pro-vormir .highlight .wp-block-cover.on:last-child{margin-left:-7%;}
.main-pro-vormir .highlight .wp-block-cover.on:last-child h2{margin-bottom:9em;}
.main-pro-vormir .highlight.action h2{transform:translateX(0);opacity:1;}
.main-pro-vormir .highlight.action .wp-block-group{transform:translateX(0);opacity:1;}
.main-pro-vormir .video{padding-bottom:7em;}
.main-pro-vormir .video .wp-block-video{border-radius:0.8em;overflow:hidden;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-pro-vormir .video.action .wp-block-video{transform:translateY(0);opacity:1;}
.main-pro-vormir .ecology{margin-bottom:7em;}
.main-pro-vormir .ecology h2{margin-bottom:0.5em;font-size:2.4em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-pro-vormir .ecology h3{font-size:1.2em;}
.main-pro-vormir .ecology p{font-size:1.2em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-pro-vormir .ecology .wp-block-image{margin-top:-1em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-pro-vormir .ecology .wp-block-cover{height:100%;padding:8em;}
.main-pro-vormir .ecology .wp-block-cover__inner-container > p{transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-pro-vormir .ecology .is-vertical{position:relative;align-self:flex-start;padding:4em 3em;row-gap:1em;z-index:1;}
.main-pro-vormir .ecology .is-vertical h3{color:var(--text-color);transform:translateY(1.2em);transition:all .5s;}
.main-pro-vormir .ecology .is-vertical p{font-size:0.8em;color:var(--text-color);opacity:0;transform:translateY(2em);transition:all .5s;}
.main-pro-vormir .ecology .is-vertical .wp-block-image{transform:translateY(1.8em);transition:all .5s;}
.main-pro-vormir .ecology .is-vertical:before{content:"";position:absolute;left:50%;top:50%;width:50%;height:50%;transform:translate(-50%,-50%);background-color:rgba(255,255,255,.6);border-radius:0.8em;backdrop-filter:saturate(180%) blur(10px);z-index:-1;transition:all .5s;}
.main-pro-vormir .ecology .is-vertical:nth-child(2){margin-top:3em;}
.main-pro-vormir .ecology .is-vertical:hover:before{width:100%;height:100%;}
.main-pro-vormir .ecology .is-vertical:hover h3{transform:translateY(0);}
.main-pro-vormir .ecology .is-vertical:hover p{opacity:1;transform:translateY(0);}
.main-pro-vormir .ecology .is-vertical:hover .wp-block-image{transform:translateY(0);}
.main-pro-vormir .ecology .is-layout-grid{width:52.5em;column-gap:0;margin:8em auto 0;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-pro-vormir .ecology.action h2{transform:translateY(0);opacity:1;}
.main-pro-vormir .ecology.action p{transform:translateY(0);opacity:1;}
.main-pro-vormir .ecology.action .wp-block-image{transform:translateY(0);opacity:1;}
.main-pro-vormir .ecology.action .wp-block-cover__inner-container > p{transform:translateY(0);opacity:1;}
.main-pro-vormir .ecology.action .is-layout-grid{transform:translateY(0);opacity:1;}
.main-pro-vormir .func{padding:1em;}
.main-pro-vormir .func h2{margin-bottom:1em;}
.main-pro-vormir .func .wp-block-group{display:flex;gap:1em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-pro-vormir .func .wp-block-cover__background{opacity:.4 !important;transition:all .5s;}
.main-pro-vormir .func .wp-block-cover{flex:2;height:30em;border-radius:0.8em;transition:all .5s;}
.main-pro-vormir .func .wp-block-cover:hover{flex:3;}
.main-pro-vormir .func .wp-block-cover:hover .wp-block-cover__background{opacity:0 !important;}
.main-pro-vormir .func.action .wp-block-group{transform:translateY(0);opacity:1;}

.main-products h2{margin-bottom:0.5em;font-size:2.4em;}
.main-products p{font-size:1.2em;}
.main-products .overview{height:100vh;}
.main-products .overview h1{position:relative;margin-bottom:0.5em;font-size:3.2em;z-index:1;transform:translateX(30px);opacity:0;transition:all 1s;transition-delay:.65s;}
.main-products .overview h1:before{content:"";position:absolute;left:-0.55em;top:-0.25em;width:1.42em;height:1.42em;background-image:url(/wp-content/uploads/2026/05/circle.webp);background-size:contain;background-repeat:no-repeat;z-index:-1;}
.main-products .overview p{font-size:1.6em;transform:translateX(30px);opacity:0;transition:all 1s;transition-delay:.8s;}
.main-products .overview .wp-block-cover{height:100%;padding:3.6em 0 0;}
.main-products .overview .wp-block-cover__inner-container{width:83em;max-width:92vw;margin:0 auto;}
.main-products .overview .wp-block-cover__image-background{mask-image:linear-gradient(to right, black 0%, black 42%, transparent 100%);}
.main-products .overview .wp-block-media-text__content{padding:0 0 0 20%;}
.main-products .overview .wp-block-media-text__media{transform:translateX(-30px);opacity:0;transition:all 1s;transition-delay:.5s;}
.main-products .overview.action h1{transform:translateX(0);opacity:1;}
.main-products .overview.action p{transform:translateX(0);opacity:1;}
.main-products .overview.action .wp-block-media-text__media{transform:translateX(0);opacity:1;}
.main-products .video video{width:100%;max-height:100vh;object-fit:cover;}
.main-products .video iframe{width:100%;height:56.25vw;max-height:100vh;}
.main-products .painpoint{padding:5em 0;margin-bottom:5em;}
.main-products .painpoint h2{line-height:1.7em;font-size:2.1em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-products .painpoint h2 strong{display:flex;justify-content:center;align-items:flex-end;margin-top:0.2em;font-size:1.3em;font-weight:normal;}
.main-products .painpoint h2 strong sub{line-height:2em;font-size:0.5em;}
.main-products .painpoint p{transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-products .painpoint .wp-block-image{margin-top:3em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-products .painpoint.action h2{transform:translateY(0);opacity:1;}
.main-products .painpoint.action p{transform:translateY(0);opacity:1;}
.main-products .painpoint.action .wp-block-image{transform:translateY(0);opacity:1;}
.main-products .highlight{margin-bottom:7em;text-align:center;}
.main-products .highlight h2{margin-bottom:1.2em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-products .highlight .tab{margin-bottom:3em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-products .highlight .tab ul{display:flex;justify-content:space-between;}
.main-products .highlight .tab li{font-size:0.8em;}
.main-products .highlight .tab li p{font-size:1.2em;color:#666;transition:all .5s;}
.main-products .highlight .tab li .ico{position:relative;width:8.7em;height:8.7em;padding:1.85em;margin-bottom:0.5em;box-sizing:border-box;cursor:pointer;z-index:1;}
.main-products .highlight .tab li .ico img{width:5em;height:5em;filter:grayscale(100%) brightness(130%);transition:all .5s;}
.main-products .highlight .tab li .ico:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-image:linear-gradient(#3DBCFF,#DC4AFF);filter:grayscale(100%) brightness(130%);z-index:-1;transition:all .5s;}
.main-products .highlight .tab li .ico:after{content:"";position:absolute;left:0.4em;top:0.4em;width:calc(100% - 0.8em);height:calc(100% - 0.8em);border-radius:50%;background-color:#fff;z-index:-1;}
.main-products .highlight .tab li:hover .ico img{transform:scale(1.1);}
.main-products .highlight .tab li.on p{color:#000;}
.main-products .highlight .tab li.on .ico img{filter:grayscale(0) brightness(100%);}
.main-products .highlight .tab li.on .ico:before{filter:grayscale(0) brightness(100%);}
.main-products .highlight .cont{position:relative;height:30em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-products .highlight .cont h3{margin-bottom:0.5em;font-size:2em;opacity:0;transition:all .8s;transition-delay:.15s;}
.main-products .highlight .cont p{font-size:1.2em;opacity:0;transition:all .8s;transition-delay:.3s;}
.main-products .highlight .cont .wp-block-cover{position:absolute;left:0;top:0;width:100%;height:100%;min-height:0;border-radius:0.8em;opacity:0;transition:all .8s;}
.main-products .highlight .cont .wp-block-cover.on{opacity:1;}
.main-products .highlight .cont .wp-block-cover.on h3{opacity:1;}
.main-products .highlight .cont .wp-block-cover.on p{opacity:1;}
.main-products .highlight .cont .wp-block-cover.ovr{transform:translateX(-5em);}
.main-products .highlight .cont .wp-block-cover.ovr h3{transform:translateX(-2em);}
.main-products .highlight .cont .wp-block-cover.ovr p{transform:translateX(-2em);}
.main-products .highlight .cont .wp-block-cover.out{transform:translateX(5em);}
.main-products .highlight .cont .wp-block-cover.out h3{transform:translateX(2em);}
.main-products .highlight .cont .wp-block-cover.out p{transform:translateX(2em);}
.main-products .highlight.action h2{transform:translateY(0);opacity:1;}
.main-products .highlight.action .tab{transform:translateY(0);opacity:1;}
.main-products .highlight.action .cont{transform:translateY(0);opacity:1;}
.main-products .fusion{margin-bottom:7em;}
.main-products .fusion h2{transform:translateY(30px);opacity:0;transition:all 1s;}
.main-products .fusion p{transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-products .fusion .wp-block-group{display:flex;align-items:center;column-gap:1.3em;height:32.1em;margin-top:3em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.3s;}
.main-products .fusion .wp-block-image{flex:31;transition:all .5s;}
.main-products .fusion .wp-block-image.on{flex:38;}
.main-products .fusion .wp-block-cover{flex:31;height:81.5%;padding:3em 1em;border-radius:0.8em;transition:all .5s;}
.main-products .fusion .wp-block-cover.on{flex:38;height:100%;}
.main-products .fusion.action h2{transform:translateY(0);opacity:1;}
.main-products .fusion.action p{transform:translateY(0);opacity:1;}
.main-products .fusion.action .wp-block-group{transform:translateY(0);opacity:1;}
.main-products .show{margin-bottom:7em;}
.main-products .show h2{transform:translateY(30px);opacity:0;transition:all 1s;}
.main-products .show .wp-block-image{transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-products .show.action h2{transform:translateY(0);opacity:1;}
.main-products .show.action .wp-block-image{transform:translateY(0);opacity:1;}
.main-products .apps{padding:0 1em 5em;}
.main-products .apps h2{margin-bottom:1em;transform:translateY(30px);opacity:0;transition:all 1s;}
.main-products .apps h3{position:relative;margin-bottom:0.8em;font-size:1.6em;}
.main-products .apps p{font-size:1em !important;}
.main-products .apps .wp-block-group{display:flex;gap:1em;transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:.15s;}
.main-products .apps .wp-block-cover{flex:1;display:block;min-height:28em;padding:2em;border-radius:0.8em;overflow:hidden;transition:all .5s;}
.main-products .apps .wp-block-cover p{opacity:0;transform:translateY(2em);transition:all .5s;}
.main-products .apps .wp-block-cover__background{opacity:.5 !important;transition:all .5s;}
.main-products .apps .wp-block-cover__inner-container{position:absolute;left:2em;top:2em;width:18em !important;max-width:calc(100% - 4em);}
.main-products .apps .wp-block-cover__image-background{object-position:bottom center;}
.main-products .apps .wp-block-cover:hover{flex:2.4;}
.main-products .apps .wp-block-cover:hover p{opacity:1;transform:translateY(0);}
.main-products .apps .wp-block-cover:hover .wp-block-cover__background{opacity:0 !important;}
.main-products .apps.action h2{transform:translateY(0);opacity:1;}
.main-products .apps.action .wp-block-group{transform:translateY(0);opacity:1;}