diff --git a/docs/main.js b/docs/main.js
index 8e98a6b..56b4290 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -1 +1 @@
-!function(){var e,t,n,r={23509:function(e,t,n){"use strict";var r=n(67294),i=n(20745),a=n(79655),o=n(29439),s=n(85893),c=r.createContext({locale:"en-us",setLocale:function(){},headHeight:0,setHeadHeight:function(){},menuWidth:0,setMenuWidth:function(){},scrollTop:0,setScrollTop:function(){},scrollContentRef:r.createRef(),setScrollContentRef:function(){}}),l=r.createRef(),u=function(e){var t=localStorage.getItem("language")||"en-us",n=(0,r.useState)(t),i=(0,o.Z)(n,2),a=i[0],u=i[1],d=(0,r.useState)(0),m=(0,o.Z)(d,2),f=m[0],g=m[1],h=(0,r.useState)(0),p=(0,o.Z)(h,2),v=p[0],x=p[1],y=(0,r.useState)(0),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;j(e),l.current&&l.current.scrollTop!==e&&(l.current.scrollTop=e)}),[]);return(0,s.jsx)(c.Provider,{value:{locale:a,headHeight:f,menuWidth:v,scrollTop:w,setLocale:function(e){var t=/^zh\b/.test(e.toLocaleLowerCase())?"zh-cn":"en-us";u(t),localStorage.setItem("language",t)},setHeadHeight:g,setMenuWidth:x,setScrollTop:b,scrollContentRef:l,setScrollContentRef:function(e){e&&(l=e)}},children:e.children})},d=function(){return(0,r.useContext)(c)},m=n(89250),f=n(49089);var g={init:function(){f.ZP.initialize("G-N0W492NWD6")},sendEvent:function(e){f.ZP.event(e)},sendPageview:function(e){f.ZP.send({hitType:"pageview",page:e})}};var h=n(86896),p=n(52758),v=n(13242),x=n(812),y=n(73218),A=function(e){var t=(0,r.useRef)({screenLeft:window.screenLeft,screenTop:window.screenTop}),n=(0,r.useRef)(0),i=function r(){if(t.current){var i=t.current,a=i.screenLeft,o=i.screenTop;if(a!==window.screenLeft||o!==window.screenTop){var s={screenLeft:window.screenLeft,screenTop:window.screenTop};t.current=s,e(s)}}n.current=window.requestAnimationFrame(r)};return(0,r.useEffect)((function(){return n.current=window.requestAnimationFrame(i),function(){n.current&&window.cancelAnimationFrame(n.current)}}),[]),t.current},w=window.location.host.includes("localhost")||window.location.host.includes("127.0.0.1"),j=function(e,t,n,i,a){var s=(0,r.useRef)(Math.random().toString(36).substring(2)),c=(0,r.useState)(null),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(""),f=(0,r.useRef)(!1),g=(0,r.useRef)(0),h=(0,r.useRef)(0),p=function(){var e=0,t=0;if(null!=a&&a.current){var n=a.current.getBoundingClientRect(),r=n.top,i=n.left,o=n.width,c=n.height;e=i+window.screenLeft+o/2,t=r+window.screenTop+c/2}else e=window.innerWidth/2+window.screenLeft,t=window.innerHeight/2+window.screenTop;return{pageId:s.current,x:e,y:t}},v=(0,r.useCallback)((function(){var e=p(),t=window.localStorage.getItem(n);if(t){var r=JSON.parse(t);if(r&&r.length>0){var i=JSON.parse(t).filter((function(e){return e.pageId!==s.current}));i.unshift(e),window.localStorage.setItem(n,JSON.stringify(i))}else window.localStorage.setItem(n,JSON.stringify([e]))}else window.localStorage.setItem(n,JSON.stringify([e]))}),[]),x=(0,r.useCallback)((function(){var e=window.localStorage.getItem(n);if(e){var t=JSON.parse(e);if(t&&t.length>0){var r=JSON.parse(e).filter((function(e){return e.pageId===m.current}));window.localStorage.setItem(n,JSON.stringify(r))}}}),[]),y=(0,r.useCallback)((function(){if(e&&f.current){var n=document.getElementById(e);if(n){var r,i=p();null===(r=n.contentWindow)||void 0===r||r.postMessage(JSON.stringify(i),t)}}}),[]),j=(0,r.useCallback)((function(){if(e&&f.current){var n=document.getElementById(e);if(n){var r;g.current=0;var a={pageId:s.current,keepAlive:!0,timestamp:(new Date).getTime()};null===(r=n.contentWindow)||void 0===r||r.postMessage(JSON.stringify(a),t),h.current||(h.current=window.setTimeout((function(){h.current=0,window.localStorage.removeItem(i),m.current="",d(null)}),1500))}}}),[]),b=function(e){if(e){var t=JSON.parse(e);if(t&&t.length>0){for(var n=!1,r=0,i=t.length;r<i;r++){var a=t[r];if(a.pageId!==s.current){m.current=a.pageId,d(a),n=!0;break}}n||(m.current="",d(null))}else m.current="",d(null)}else m.current="",d(null)},_=function(e){if(e){var t=JSON.parse(e);t?(m.current=t.pageId,d(t)):(m.current="",d(null))}else m.current="",d(null)},D=(0,r.useCallback)((function(e){e.origin===t&&(e.data?e.data.includes("keepAlive")?window.localStorage.setItem("keepAliveInfo",e.data):window.localStorage.setItem(i,e.data):(window.localStorage.setItem("keepAliveInfo",""),window.localStorage.setItem(i,"")))}),[]),M=(0,r.useCallback)((function(e){if(e.key===n)b(e.newValue);else if("keepAliveInfo"===e.key){if(e.newValue){var t=JSON.parse(e.newValue);if(m.current)t&&t.pageId===m.current&&h.current&&(window.clearTimeout(h.current),h.current=0);else{h.current&&(window.clearTimeout(h.current),h.current=0);var r={pageId:t.pageId,x:0,y:0};m.current=t.pageId,d(r)}}}else e.key===i&&_(e.newValue)}),[]),k=(0,r.useCallback)((function(){if(window.self===window.top)if(w){y();var e=window.localStorage.getItem(i);_(e)}else{v();var t=window.localStorage.getItem(n);b(t)}}),[]);return A(k),(0,r.useEffect)((function(){if(window.self===window.top)if(w){if(e&&null!=a&&a.current){var n=document.createElement("iframe");n.id=e,n.style.visibility="hidden",n.onload=function(){f.current=!0,k(),window.addEventListener("storage",M),window.addEventListener("resize",k),g.current=window.setInterval((function(){j()}),600)},n.src=t,a.current.appendChild(n)}}else k(),window.addEventListener("storage",M),window.addEventListener("resize",k),window.addEventListener("beforeunload",x);else w&&window.addEventListener("message",D,!1);return function(){window.self===window.top?(window.removeEventListener("storage",M),window.removeEventListener("resize",k),g.current&&window.clearInterval(g.current),h.current&&window.clearTimeout(h.current),w||x()):w&&window.removeEventListener("message",D)}}),[]),{interactPageInfo:u,resendMessage:k}},b=["#F2BB00","#16BA79","#2454E6","#5470c6","#ea7ccc","#91cc75","#ee6666","#73c0de","#3ba272","#9a60b4"],_="bIframe",D="http://localhost:3003",M="InteractionEyes_container__nC6-d",k="InteractionEyes_eye__zDx2I",N="InteractionEyes_heart__G9lnP",E="InteractionEyes_eyeball__hK-+b",C=function(){var e=d().locale,t=(0,r.useRef)(null),n=j(_,D,"selfPageInfoList","bPageInfo",t),i=n.interactPageInfo,a=n.resendMessage;(0,r.useEffect)((function(){a()}),[e]);var o=(0,r.useMemo)((function(){if(t.current&&i){var e=i.x,n=i.y,r=t.current.getBoundingClientRect(),a=r.top,o=r.left,s=r.width,c=r.height,l=o+window.screenLeft+s/2,u=a+window.screenTop+c/2,d=Math.hypot(e-l,n-u);return d>28?{eyeballLeft:9*(e-l)/d,eyeballTop:9*(n-u)/d}:{eyeballLeft:0,eyeballTop:0}}return null}),[i]);return(0,s.jsx)("div",{className:M,ref:t,children:o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:k,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:N}):(0,s.jsx)("div",{className:E,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})}),(0,s.jsx)("div",{className:k,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:N}):(0,s.jsx)("div",{className:E,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})})]})})},S=n.p+"images/235f02ed.jpeg",P=n(4942);function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(e){return(0,s.jsx)("svg",I(I({width:"1em",height:"1em",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsxs)("g",{fill:"#11142D",fillRule:"nonzero",children:[(0,s.jsx)("path",{d:"M2.324 2.323h15.12v15.12H2.324V2.323ZM1.711.999a.71.71 0 0 0-.711.71v16.347c0 .393.318.71.71.71h16.348a.71.71 0 0 0 .71-.71V1.71a.71.71 0 0 0-.71-.71H1.71Z"}),(0,s.jsx)("path",{d:"M10.097 13.383V12.36h-4.63V9.863h4.18V8.84h-4.18V6.552H9.91V5.529H4.267v7.854h5.83Zm2.277 0V9.962c.044-.462.21-.825.473-1.09.242-.241.54-.351.87-.351.88 0 1.33.484 1.33 1.452v3.41h1.166v-3.51c0-1.561-.715-2.331-2.123-2.331a1.98 1.98 0 0 0-.957.22 2.183 2.183 0 0 0-.759.638v-.704h-1.166v5.687h1.166Z"})]})}))};function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=function(e){return(0,s.jsx)("svg",F(F({width:"1em",height:"1em",viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsxs)("g",{fill:"#11142D",fillRule:"nonzero",children:[(0,s.jsx)("path",{d:"M2.44 2.323h15.12v15.12H2.44V2.323ZM1.827.999a.71.71 0 0 0-.711.71v16.347c0 .393.318.71.71.71h16.347a.71.71 0 0 0 .711-.71V1.71a.71.71 0 0 0-.71-.71H1.826Z"}),(0,s.jsx)("path",{d:"M10.539 14.593v-3.685h2.87v.627h1.046V6.222h-3.916V4.319H9.46v1.903H5.556v5.313H6.6v-.627h2.86v3.685h1.078ZM9.46 9.885H6.6v-2.64h2.86v2.64Zm3.949 0h-2.871v-2.64h2.87v2.64Z"})]})}))},Z="Header_container__4tC+Z",G="Header_left__7u7-T",Q="Header_title__T9B5R",L="Header_right__qQAPq",z="Header_btn__osEo4",H="Header_rewardModal__LMM8K",V="Header_closeBtn__p4OnE",U=window.location.host.includes("localhost")||window.location.host.includes("127.0.0.1"),W=function(){var e=(0,h.Z)(),t=d(),n=t.locale,i=t.setLocale,a=t.setHeadHeight,c=(0,r.useRef)(null),l=(0,r.useState)(!1),u=(0,o.Z)(l,2),m=u[0],f=u[1];return(0,r.useEffect)((function(){if(c.current){var e=c.current.getBoundingClientRect().height;a(e)}}),[]),(0,s.jsxs)("div",{className:Z,ref:c,children:[(0,s.jsxs)("div",{className:G,children:[(0,s.jsx)("div",{className:Q,onClick:function(){if(U){var e,t=document.getElementById(_);if(t)null===(e=t.contentWindow)||void 0===e||e.postMessage("autoSavePassword",D);window.open(D,"_blank","top=200,left=100")}else window.open("https://hepengwei.cn","_blank","top=200,left=100")},children:e.formatMessage({id:"common.logoName"})}),(0,s.jsx)(C,{})]}),(0,s.jsxs)("div",{className:L,children:[(0,s.jsx)(p.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.reward"}),children:(0,s.jsx)("div",{className:z,onClick:function(){f(!0)},children:(0,s.jsx)(x.Z,{})})}),(0,s.jsx)(p.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.LanguageSwitch"}),children:(0,s.jsx)("div",{className:z,onClick:function(){i("zh-cn"===n?"en-us":"zh-cn")},children:"zh-cn"===n?(0,s.jsx)(O,{}):(0,s.jsx)(T,{})})})]}),(0,s.jsxs)(v.Z,{wrapClassName:H,title:e.formatMessage({id:"common.reward"}),open:m,footer:null,maskClosable:!1,width:320,children:[(0,s.jsx)("div",{className:V,onClick:function(){f(!1)},children:(0,s.jsx)(y.Z,{})}),(0,s.jsx)("img",{src:S,alt:""}),(0,s.jsx)("p",{children:e.formatMessage({id:"common.reward.tip"})})]})]})},Y=n(73935),J=n(7278),q=n(93483),K=n(29934),X=n(3682),$=n(50161),ee=n(90894),te=n(53587),ne=n(22608),re=n(1351),ie=n(76629),ae=n(85191),oe=n(71577),se=n(24847),ce="Menus_container__dz5ma",le="Menus_topBox__EoJUd",ue="Menus_top__a7CPT",de="Menus_menuLabel__eOdiw",me="Menus_bottom__dStLR";function fe(e,t,n,r,i){return{key:t,icon:n,children:r,label:(0,s.jsx)("p",{className:de,children:e}),type:i}}var ge=function(){var e=(0,h.Z)(),t=(0,m.s0)(),n=(0,m.TH)(),i=(0,r.useState)(!1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=d().setMenuWidth,f=(0,r.useRef)(null),g=[fe(e.formatMessage({id:"menu.htmlVision"}),"html",(0,s.jsx)(J.Z,{}),[fe(e.formatMessage({id:"menu.htmlVision.visualDesign"}),"visualDesign"),fe(e.formatMessage({id:"menu.htmlVision.interactiveDesign"}),"interactiveDesign"),fe(e.formatMessage({id:"menu.htmlVision.backgroundPattern"}),"backgroundEffect"),fe(e.formatMessage({id:"menu.htmlVision.complexLayout"}),"complexLayout"),fe(e.formatMessage({id:"menu.htmlVision.applicationPageFrame"}),"appPageFrame"),fe(e.formatMessage({id:"menu.htmlVision.utilitarianFunction"}),"utilitarianFunction")]),fe(e.formatMessage({id:"menu.cssDynamicEffect"}),"css",(0,s.jsx)(q.Z,{}),[fe(e.formatMessage({id:"menu.cssDynamicEffect.dynamicEffectButton"}),"dynamicButtons"),fe(e.formatMessage({id:"menu.cssDynamicEffect.richDynamicEffect"}),"richDynamicEffect"),fe(e.formatMessage({id:"menu.cssDynamicEffect.generateRegularPolygon"}),"generateRegularPolygon")]),fe(e.formatMessage({id:"menu.canvasDynamicEffect"}),"canvas",(0,s.jsx)(K.Z,{}),[fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionExample"}),"sphereCollisionExample"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicClock"}),"dynamicClock"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.searchlightEffect"}),"searchlight"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionInteraction"}),"globuleInteraction"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.destroyThePlanetGame"}),"killPlanetGame"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereFreeFallInteraction"}),"freeFallingBody"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.coolCountdownAnimation"}),"countDown"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicParticleBackground"}),"particlesBg"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.rippleEffect"}),"rippleFloatOnTheWater"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.flowerBloomingAnimation"}),"flowerBloom"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.codeBackgroundWall"}),"codeBgWall"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.wordDance"}),"wordDance"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.scratch"}),"scratch"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.matchLine"}),"matchLine")]),fe(e.formatMessage({id:"menu.echartsInteraction"}),"echarts",(0,s.jsx)(X.Z,{}),[fe(e.formatMessage({id:"menu.echartsInteraction.barCharts"}),"bar"),fe(e.formatMessage({id:"menu.echartsInteraction.pieCharts"}),"pie"),fe(e.formatMessage({id:"menu.echartsInteraction.treeCharts"}),"tree")]),fe(e.formatMessage({id:"menu.threeJs3D"}),"threejs",(0,s.jsx)($.Z,{}),[fe(e.formatMessage({id:"menu.threeJs3D.appPageFrame"}),"threejsAppPageFrame"),fe(e.formatMessage({id:"menu.threeJs3D.carShow"}),"carShow"),fe(e.formatMessage({id:"menu.threeJs3D.rubiksCube"}),"rubiksCube"),fe(e.formatMessage({id:"menu.threeJs3D.throwDice"}),"throwDice"),fe(e.formatMessage({id:"menu.threeJs3D.mapDisplay"}),"mapDisplay"),fe(e.formatMessage({id:"menu.threeJs3D.earthDisplay"}),"earthDisplay")]),fe(e.formatMessage({id:"menu.AIApplication"}),"AIApplication",(0,s.jsx)(ee.Z,{}),[fe(e.formatMessage({id:"menu.AIApplication.humanPostureDetection"}),"humanPostureDetection"),fe(e.formatMessage({id:"menu.AIApplication.notBlockPeopleBarrage"}),"notBlockPeopleBarrage")]),fe(e.formatMessage({id:"menu.imageProcessingTool"}),"imageProcessingTool",(0,s.jsx)(te.Z,{})),fe(e.formatMessage({id:"menu.videoProcessingTool"}),"videoProcessingTool",(0,s.jsx)(ne.Z,{}))],p=(0,r.useCallback)((0,ae.Z)((function(){var e=Y.findDOMNode(f.current);e&&u(e.clientWidth)}),{wait:360}).run,[]),v=(0,r.useMemo)((function(){var e=n.pathname,t=[];if(e){var r=e.split("/"),i=r[r.length-1];i&&t.push(i)}return t}),[n]),x=(0,r.useMemo)((function(){var e=n.pathname;if(e){var t=e.split("/");if(t.length>=2&&t[1])return[t[1]]}return["html"]}),[n]);return(0,r.useEffect)((function(){p()}),[c]),(0,r.useEffect)((function(){return window.addEventListener("resize",p),function(){window.removeEventListener("resize",p)}}),[]),(0,s.jsxs)("div",{className:ce,ref:f,children:[(0,s.jsxs)("div",{className:le,children:[(0,s.jsx)("div",{className:ue,children:(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){l(!c)},style:{marginBottom:16},children:c?(0,s.jsx)(re.Z,{}):(0,s.jsx)(ie.Z,{})})}),(0,s.jsx)(se.Z,{defaultOpenKeys:x,selectedKeys:v,mode:"inline",theme:"dark",inlineCollapsed:c,items:g,onClick:function(e){var n=e.keyPath.reduce((function(e,t){return e="/".concat(t).concat(e)}),"");t(n)}})]}),(0,s.jsx)("div",{className:me,children:!c&&(0,s.jsx)("span",{children:e.formatMessage({id:"common.keepUpdating"})})})]})},he="Home_container__RMLhs",pe="Home_container_body__-OVNZ",ve="Home_container_content__q7A-W",xe=function(){(function(){var e=(0,m.TH)();r.useEffect((function(){g.init()}),[]),r.useEffect((function(){var t=e.pathname+e.search;g.sendPageview(t)}),[e])})();var e=d(),t=e.setScrollTop,n=e.setScrollContentRef,i=(0,m.V$)(ub),a=(0,m.TH)(),o=(0,m.s0)(),c=(0,r.useRef)(null);return(0,r.useEffect)((function(){var e=a.pathname;e&&"/"!==e||o("/html/visualDesign")}),[a]),(0,r.useEffect)((function(){n(c)}),[]),(0,s.jsxs)("div",{className:he,children:[(0,s.jsx)(W,{}),(0,s.jsxs)("div",{className:pe,children:[(0,s.jsx)(ge,{}),(0,s.jsx)("div",{className:ve,onScroll:function(){var e;t(null===(e=c.current)||void 0===e?void 0:e.scrollTop)},ref:c,children:i})]})]})},ye=n(94184),Ae=n.n(ye),we={container:"GridContent_container__NO4Vk","gt2000-10":"GridContent_gt2000-10__RE2uy",content:"GridContent_content__69gKN","gt2000-9":"GridContent_gt2000-9__VwNg6","gt2000-8":"GridContent_gt2000-8__aZHuR","gt2000-7":"GridContent_gt2000-7__4aOmt","gt2000-6":"GridContent_gt2000-6__MehF3","gt2000-5":"GridContent_gt2000-5__omS8h","gt2000-4":"GridContent_gt2000-4__0cmEO","gt2000-3":"GridContent_gt2000-3__80YFg","gt2000-2":"GridContent_gt2000-2__hUksd","gt2000-1":"GridContent_gt2000-1__JdP9G","eq1700_2000-10":"GridContent_eq1700_2000-10__v-j8J","eq1700_2000-9":"GridContent_eq1700_2000-9__bxTIf","eq1700_2000-8":"GridContent_eq1700_2000-8__1e7ek","eq1700_2000-7":"GridContent_eq1700_2000-7__1mKDg","eq1700_2000-6":"GridContent_eq1700_2000-6__8I1De","eq1700_2000-5":"GridContent_eq1700_2000-5__aZuE+","eq1700_2000-4":"GridContent_eq1700_2000-4__2XNj+","eq1700_2000-3":"GridContent_eq1700_2000-3__Xd2vl","eq1700_2000-2":"GridContent_eq1700_2000-2__eoPvO","eq1700_2000-1":"GridContent_eq1700_2000-1__RvrMQ","eq1400_1700-10":"GridContent_eq1400_1700-10__XQV+M","eq1400_1700-9":"GridContent_eq1400_1700-9__uLvev","eq1400_1700-8":"GridContent_eq1400_1700-8__Rw4q0","eq1400_1700-7":"GridContent_eq1400_1700-7__EoYy7","eq1400_1700-6":"GridContent_eq1400_1700-6__Avlp5","eq1400_1700-5":"GridContent_eq1400_1700-5__yFmoN","eq1400_1700-4":"GridContent_eq1400_1700-4__jEXj+","eq1400_1700-3":"GridContent_eq1400_1700-3__r3QBa","eq1400_1700-2":"GridContent_eq1400_1700-2__ayZbL","eq1400_1700-1":"GridContent_eq1400_1700-1__26hdp","eq1200_1400-10":"GridContent_eq1200_1400-10__OBpag","eq1200_1400-9":"GridContent_eq1200_1400-9__9dEMp","eq1200_1400-8":"GridContent_eq1200_1400-8__d5kk8","eq1200_1400-7":"GridContent_eq1200_1400-7__qwN-x","eq1200_1400-6":"GridContent_eq1200_1400-6__ol1NV","eq1200_1400-5":"GridContent_eq1200_1400-5__B5RI8","eq1200_1400-4":"GridContent_eq1200_1400-4__+SHwZ","eq1200_1400-3":"GridContent_eq1200_1400-3__pjJ9a","eq1200_1400-2":"GridContent_eq1200_1400-2__xdmba","eq1200_1400-1":"GridContent_eq1200_1400-1__6n2l7","eq500_1200-10":"GridContent_eq500_1200-10__EhvGm","eq500_1200-9":"GridContent_eq500_1200-9__Yvosl","eq500_1200-8":"GridContent_eq500_1200-8__Hs4PY","eq500_1200-7":"GridContent_eq500_1200-7__p1yUT","eq500_1200-6":"GridContent_eq500_1200-6__N0+SP","eq500_1200-5":"GridContent_eq500_1200-5__73c-5","eq500_1200-4":"GridContent_eq500_1200-4__SwI71","eq500_1200-3":"GridContent_eq500_1200-3__+b39n","eq500_1200-2":"GridContent_eq500_1200-2__RowGZ","eq500_1200-1":"GridContent_eq500_1200-1__dK0BP","lt500-10":"GridContent_lt500-10__KVc6r","lt500-9":"GridContent_lt500-9__EdDXq","lt500-8":"GridContent_lt500-8__wqwWv","lt500-7":"GridContent_lt500-7__GiMWq","lt500-6":"GridContent_lt500-6__sHgte","lt500-5":"GridContent_lt500-5__WBqou","lt500-4":"GridContent_lt500-4__ucReZ","lt500-3":"GridContent_lt500-3__Ax3Zt","lt500-2":"GridContent_lt500-2__+Pq9U","lt500-1":"GridContent_lt500-1__T7m7X"},je=function(e){var t,n=e.differentScreenCols,i=e.rowSpace,a=void 0===i?0:i,o=e.colSpace,c=void 0===o?0:o,l=e.className,u=void 0===l?"":l,d=e.children,m=n.map((function(e,t){return e?parseInt(e.toString()).toString():t<=4?"1":""}));return(0,s.jsx)("div",{className:Ae()((t={},(0,P.Z)(t,we.container,!0),(0,P.Z)(t,we["gt2000-".concat(m[0])],!0),(0,P.Z)(t,we["eq1700_2000-".concat(m[1])],!0),(0,P.Z)(t,we["eq1400_1700-".concat(m[2])],!0),(0,P.Z)(t,we["eq1200_1400-".concat(m[3])],!0),(0,P.Z)(t,we["eq500_1200-".concat(m[4])],!0),(0,P.Z)(t,we["lt500-".concat(m[5])],!!m[5]),t)),children:(0,s.jsx)("div",{className:"".concat(we.content," ").concat(u),style:{width:"calc(100% + ".concat(c,"px)"),marginLeft:"".concat(-c/2,"px"),marginRight:"".concat(-c/2,"px")},children:"[object Array]"===Object.prototype.toString.call(d)?d.map((function(e){return r.cloneElement(e,{rowSpace:a,colSpace:c})})):d||null})})};je.GridBox=function(e){var t=e.key,n=e.className,r=e.rowSpace,i=void 0===r?0:r,a=e.colSpace,o=void 0===a?0:a,c=e.children;return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",padding:"".concat(i/2,"px ").concat(o/2,"px")},className:n,children:c},t)};var be=je,_e="GlassMimicry1_container__3KhAO",De="GlassMimicry1_card__WwxgS",Me="GlassMimicry1_circle__DoolB",ke="GlassMimicry1_rect__Or-6t",Ne=function(){return(0,s.jsxs)("div",{className:_e,children:[(0,s.jsxs)("div",{className:De,children:[(0,s.jsx)("h1",{children:"TiKi Platinum"}),(0,s.jsx)("h2",{children:"6228 8076 2232 8768"}),(0,s.jsx)("h3",{children:"van conf banck"}),(0,s.jsx)("h4",{children:"03 / 29"})]}),(0,s.jsx)("div",{className:Me}),(0,s.jsx)("div",{className:ke})]})},Ee="GlassMimicry2_container__S445M",Ce="GlassMimicry2_card__3l4Ng",Se="GlassMimicry2_circle__VaL67",Pe="GlassMimicry2_rect__qdTWE",Be=function(){return(0,s.jsxs)("div",{className:Ee,children:[(0,s.jsxs)("div",{className:Ce,children:[(0,s.jsx)("h1",{children:"TiKi Platinum"}),(0,s.jsx)("h2",{children:"6228 8076 2232 8768"}),(0,s.jsx)("h3",{children:"van conf banck"}),(0,s.jsx)("h4",{children:"09 / 24"})]}),(0,s.jsx)("div",{className:Se}),(0,s.jsx)("div",{className:Pe})]})},Ie="MixBlendMode_container__Fh1Tw",Te="MixBlendMode_content__0uwYQ",Re=function(){return(0,s.jsx)("div",{className:Ie,children:(0,s.jsx)("div",{className:Te})})},Fe=function(e,t){var n=e.finalText,i=void 0===n?"":n,a=e.textList,c=void 0===a?[]:a,l=e.switchingInterval,u=void 0===l?60:l,d=e.duration,m=void 0===d?1500:d,f=e.className,g=void 0===f?"":f,h=(0,r.useRef)(c.length>0?0:-1),p=(0,r.useState)(-1===h.current?i:c[h.current]||""),v=(0,o.Z)(p,2),x=v[0],y=v[1],A=(0,r.useRef)(0),w=(0,r.useRef)(0),j=(0,r.useRef)(0),b=(0,r.useCallback)((function(){var e=(new Date).getTime();if(e-w.current>=m)y(i),h.current=-1,j.current=e;else if(e-j.current>=u){var t=-1===h.current?0:h.current+1;t>=c.length&&(t=0),y(c[t]),h.current=t,j.current=e}A.current=requestAnimationFrame(b)}),[m]),_=(0,r.useCallback)((function(){var e=(new Date).getTime();w.current=e,j.current=e,A.current=requestAnimationFrame(b)}),[]),D=function(){A.current&&cancelAnimationFrame(A.current),h.current=0,y(c[0]),_()};return(0,r.useImperativeHandle)(t,(function(){return{restart:D}})),(0,r.useEffect)((function(){return _(),function(){A.current&&cancelAnimationFrame(A.current)}}),[]),(0,s.jsx)("span",{className:g,children:x&&x.split("").map((function(e,t){return(0,s.jsx)("span",{children:e},t)}))})},Oe=r.forwardRef(Fe),Ze="SwitchingText_container__9ICqS",Ge="SwitchingText_content__6PttP",Qe="SwitchingText_btn__9UW9Y",Le=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Ze,children:[(0,s.jsx)(Oe,{className:Ge,finalText:"Hello World",textList:["Tikiw Plati","Wkslc Wbxsw","Xsodu Qwoev","Dewcz Gewoe","Rsero Bokrs","Ckoex Jwclb","Tikiw Plati","Wkslc Wbxsw","Xsodu Qwoeb","Dewcz Gewoe","Rsero Bokrs","Ckoex Jwclb","Haiiw Pavis","Hwlle Ykels","Helic Wexiw","Heiik Mkdie","Helju Qvold","Helim Xkvlc","Hellw Gewie","Hellv Rkels","Hello Bokis","Hello Ceoix","Hello Wwclb","Hello Wzrlm","Hello Woaic","Hello Woxlm","Hello Woriw","Hello Woriv","Hello Worlc","Hello Worle"],duration:1900,ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Qe,onClick:function(){var t;null===(t=e.current)||void 0===t||t.restart()},children:"Once Again"})]})},ze=n(13614),He=n.n(ze),Ve="Typed1_container__2a+Le",Ue="Typed1_btn__5+jTK",We=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(He())(e.current,{strings:["Legends never die"],typeSpeed:60,showCursor:!1})),function(){var e;null===(e=t.current)||void 0===e||e.destroy()}}),[]),(0,s.jsxs)("div",{className:Ve,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Ue,onClick:function(){var e,n;null===(e=t.current)||void 0===e||e.reset(),null===(n=t.current)||void 0===n||n.start()},children:"Once Again"})]})},Ye="Typed2_container__XvJpL",Je="Typed2_btn__lqx2D",qe=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(He())(e.current,{strings:["Legan","Legends naver","Legends never die"],typeSpeed:60,showCursor:!1,backSpeed:60,backDelay:0})),function(){var e;null===(e=t.current)||void 0===e||e.destroy()}}),[]),(0,s.jsxs)("div",{className:Ye,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Je,onClick:function(){var e,n;null===(e=t.current)||void 0===e||e.reset(),null===(n=t.current)||void 0===n||n.start()},children:"Once Again"})]})};function Ke(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Xe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Xe(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function Xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var $e=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:400,r=document.createElement("span");r.style.visibility="hidden",r.style.padding="0",r.style.whiteSpace="nowrap",r.style.overflow="visible",r.style.fontSize=t>12?t+"px":"12px",r.style.fontWeight=n.toString(),r.innerText=e,document.body.appendChild(r);var i=r.offsetWidth;return document.body.removeChild(r),i},et=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:12,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:400,i=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],a="",o="",s="";if(!e||t<n||"string"!=typeof e)return a;var c=e.split(""),l=document.createElement("span");l.style.visibility="hidden",l.style.padding="0",l.style.whiteSpace="nowrap",l.style.overflow="visible",l.style.fontSize=n>12?n+"px":"12px",l.style.fontWeight=r.toString(),document.body.appendChild(l);for(var u=0,d=c.length;u<d;u++){var m=c[u];o=s,a=s+=m,l.innerText=s;var f=l.offsetWidth;if(f>t){a=i?o+"...":o;break}}return document.body.removeChild(l),a};function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var rt=function(e){var t=e.text,n=void 0===t?"":t,i=e.lineNum,a=void 0===i?1:i,c=e.buttonText,l=e.buttonTextSize,u=void 0===l?12:l,d=e.buttonTextWeight,m=void 0===d?400:d,f=e.onClickButton,g=e.style,h=e.onTextOverChange,p=12,v=400;g&&(g.fontSize&&(p=parseInt(g.fontSize)),g.textWeight&&(v=Number(g.textWeight)));var x=(0,r.useRef)(null);if(!n)return(0,s.jsx)("div",{ref:x});var y=(0,r.useState)(0),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useRef)(!1),_=(0,r.useMemo)((function(){var e=n,t=!1,r=Math.max(u,12);if(w)if(et(n,w*a,p,v).endsWith("...")&&(t=!0),t){var i=$e("...",p,v),o=0;c&&(o=$e(c,r,m)),e=et(n,w*a-i-o-2,p,v)}else e=n;return t!==b.current&&(b.current=t,h&&h(t)),{textStyle:nt({fontSize:"".concat(p,"px"),fontWeight:v,wordBreak:"break-all",position:"relative",padding:0},g),finalText:e,isOver:t,buttonStyle:{fontSize:"".concat(r,"px"),fontWeight:m.toString(),color:"#0076FF",cursor:"pointer",padding:0,position:"absolute",right:0}}}),[w,a,n,c,u,g]),D=(0,r.useCallback)((function(){if(x.current){var e=Y.findDOMNode(x.current);j(e?e.offsetWidth:0)}}),[]);return(0,r.useEffect)((function(){D()}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",D),function(){window.removeEventListener("resize",D)}}),[]),(0,s.jsxs)("div",{style:_.textStyle,ref:x,children:[_.finalText,c&&_.isOver&&(0,s.jsx)("span",{style:_.buttonStyle,onClick:function(e){f&&f(e)},children:c})]})},it="AutoEllipsisText_container__2dFtS",at=function(){var e=(0,h.Z)(),t=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows"}),n=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows2"}),i=(0,r.useState)(!1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=function(e){l(e)};return(0,s.jsxs)("div",{className:it,children:[c?(0,s.jsx)(p.Z,{placement:"top",title:t,children:(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(rt,{text:t,style:{fontSize:"24px"},onTextOverChange:u})})}):(0,s.jsx)(rt,{text:t,style:{fontSize:"24px"},onTextOverChange:u}),(0,s.jsx)(rt,{text:n.repeat(4),style:{fontSize:"24px",marginTop:"40px"}}),(0,s.jsx)(rt,{text:n.repeat(8),lineNum:2,style:{fontSize:"16px",marginTop:"40px"},buttonText:"More",buttonTextSize:16})]})},ot=n.p+"images/c5e4532e.jpg",st="FilterCSS_container__HnHaW",ct="FilterCSS_left__dim3U",lt="FilterCSS_right__MsfmE",ut=function(){var e=(0,h.Z)();return(0,s.jsxs)("div",{className:st,children:[(0,s.jsxs)("div",{className:ct,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.brighten"})}),(0,s.jsx)("img",{src:ot,alt:""})]}),(0,s.jsxs)("div",{className:lt,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.grayed"})}),(0,s.jsx)("img",{src:ot,alt:""})]})]})},dt="BgFusion_container__VJAbX",mt=function(){return(0,s.jsx)("div",{className:dt})},ft={container:"MyLogo_container__KNKdW",box1:"MyLogo_box1__XgNc6",leftTopRect:"MyLogo_leftTopRect__rrMK9",circle:"MyLogo_circle__g+xkt",middleRect:"MyLogo_middleRect__c5wUq",bottomRect:"MyLogo_bottomRect__VJqty",box2:"MyLogo_box2__7wfXg",box3:"MyLogo_box3__d3P-I"},gt=new Array(3).fill(0),ht=function(){return(0,s.jsx)("div",{className:ft.container,children:gt.map((function(e,t){return(0,s.jsxs)("div",{className:ft["box".concat(t+1)],children:[(0,s.jsx)("div",{className:ft.leftTopRect}),(0,s.jsx)("div",{className:ft.circle}),(0,s.jsx)("div",{className:ft.middleRect}),(0,s.jsx)("div",{className:ft.bottomRect})]},t)}))})},pt={container:"ShearAngle_container__tRA3S",box1:"ShearAngle_box1__5M-bD",box2:"ShearAngle_box2__n9GvI",box3:"ShearAngle_box3__uaxeG"},vt=new Array(3).fill(0),xt=function(){return(0,s.jsx)("div",{className:pt.container,children:vt.map((function(e,t){return(0,s.jsx)("div",{className:pt["box".concat(t+1)]},t)}))})},yt="AnnulusLoading_container__r9c4O",At="AnnulusLoading_content__3Beje",wt="AnnulusLoading_item7__AQC4n",jt="AnnulusLoading_item6__+tYBR",bt="AnnulusLoading_item5__PkkRq",_t="AnnulusLoading_item4__C2KqR",Dt="AnnulusLoading_item3__sTLBN",Mt="AnnulusLoading_item2__29w+l",kt="AnnulusLoading_item1__kaRKn",Nt=function(){return(0,s.jsx)("div",{className:yt,children:(0,s.jsxs)("div",{className:At,children:[(0,s.jsx)("div",{className:kt}),(0,s.jsx)("div",{className:Mt}),(0,s.jsx)("div",{className:Dt}),(0,s.jsx)("div",{className:_t}),(0,s.jsx)("div",{className:bt}),(0,s.jsx)("div",{className:jt}),(0,s.jsx)("div",{className:wt})]})})},Et=n.p+"images/7380e6f7.jpg",Ct=n.p+"images/ba36f098.jpg",St=n.p+"images/e7c8df7d.jpg",Pt=n.p+"images/06a46209.jpg",Bt=n.p+"images/ed6d9a11.jpg",It=n.p+"images/271a66ed.jpg",Tt=n.p+"images/2506df73.jpg",Rt="Honeycomb_container__gPdSS",Ft="Honeycomb_content__Dufrz",Ot=function(){return(0,s.jsx)("div",{className:Rt,children:(0,s.jsxs)("div",{className:Ft,children:[(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:St,alt:""}),(0,s.jsx)("img",{src:Pt,alt:""}),(0,s.jsx)("img",{src:Bt,alt:""}),(0,s.jsx)("img",{src:It,alt:""}),(0,s.jsx)("img",{src:Tt,alt:""})]})})},Zt="PizzaPie_container__+jqg8",Gt="PizzaPie_content__nr36j",Qt=function(){return(0,s.jsx)("div",{className:Zt,children:(0,s.jsxs)("div",{className:Gt,children:[(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:St,alt:""}),(0,s.jsx)("img",{src:Pt,alt:""}),(0,s.jsx)("img",{src:Bt,alt:""}),(0,s.jsx)("img",{src:It,alt:""})]})})},Lt="AnnulusProgressBar_container__t7uE8",zt="AnnulusProgressBar_content__aiBoG",Ht="AnnulusProgressBar_box__Wl9L-",Vt="AnnulusProgressBar_circleOuter__OmSUl",Ut="AnnulusProgressBar_num__CAG59",Wt=function(){var e=(0,r.useState)(0),t=(0,o.Z)(e,2)[1],n=(0,r.useRef)(0),i=(0,r.useRef)(0),a=function e(){var r=471,a=document.getElementById("circle");if(n.current>=100){n.current=0,t(0);var o=document.getElementById("circle");o&&(o.style.strokeDashoffset="".concat(r.toString()))}else n.current=Number((n.current+.1).toFixed(2)),t(Number((n.current+.1).toFixed(2))),r=Math.floor(r-r*n.current/100),a&&(a.style.strokeDashoffset="".concat(r.toString()));i.current=window.requestAnimationFrame(e)};return(0,r.useEffect)((function(){return a(),function(){i.current&&cancelAnimationFrame(i.current)}}),[]),(0,s.jsx)("div",{className:Lt,children:(0,s.jsx)("div",{className:zt,children:(0,s.jsxs)("div",{className:Ht,children:[(0,s.jsx)("div",{className:Vt}),(0,s.jsxs)("svg",{children:[(0,s.jsx)("defs",{children:(0,s.jsxs)("radialGradient",{id:"gradient",cx:"50%",cy:"50%",r:"60%",fx:"50%",fy:"50%",children:[(0,s.jsx)("stop",{offset:"30%",stopColor:"#3cba92"}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#c1dfc4"})]})}),(0,s.jsx)("circle",{stroke:"url(#gradient)",id:"circle"})]}),(0,s.jsx)("div",{className:Ut,children:"".concat(Math.floor(n.current),"%")})]})})})},Yt={container:"AudioLoading_container__LkPXP",content:"AudioLoading_content__Agk5G",span0:"AudioLoading_span0__e1joN",loading:"AudioLoading_loading__Nvgnt",span1:"AudioLoading_span1__KLPUt",span2:"AudioLoading_span2__gOuZh",span3:"AudioLoading_span3__HO3on",span4:"AudioLoading_span4__rFl95",span5:"AudioLoading_span5__Y6BnT",span6:"AudioLoading_span6__jIPUG",span7:"AudioLoading_span7__LmzsW",span8:"AudioLoading_span8__gZg1m",span9:"AudioLoading_span9__BzF4d",span10:"AudioLoading_span10__-p-zh",span11:"AudioLoading_span11__Zse6t",span12:"AudioLoading_span12__Rxrq8",span13:"AudioLoading_span13__21nbh",span14:"AudioLoading_span14__KHro-"},Jt=new Array(15).fill(0),qt=function(){return(0,s.jsx)("div",{className:Yt.container,children:(0,s.jsx)("div",{className:Yt.content,children:Jt.map((function(e,t){return(0,s.jsx)("span",{className:Yt["span".concat(t)]},t)}))})})},Kt={container:"SudokuImageAnimation_container__66i30",content:"SudokuImageAnimation_content__bY8Mn",item:"SudokuImageAnimation_item__XGZRs",item8:"SudokuImageAnimation_item8__WsYmu",item7:"SudokuImageAnimation_item7__QNe8D",item6:"SudokuImageAnimation_item6__YU2jR",item5:"SudokuImageAnimation_item5__wz8hO",item4:"SudokuImageAnimation_item4__uHQZd",item3:"SudokuImageAnimation_item3__HiACA",item2:"SudokuImageAnimation_item2__yf6pT",item1:"SudokuImageAnimation_item1__W23ZS",item0:"SudokuImageAnimation_item0__rk5Me"},Xt=new Array(9).fill(0),$t=function(){return(0,s.jsx)("div",{className:Kt.container,children:(0,s.jsx)("div",{className:Kt.content,children:Xt.map((function(e,t){return(0,s.jsx)("div",{className:Kt["item".concat(t)]},t)}))})})},en="TextWrap_container__vVl1N",tn="TextWrap_topText__eHwkJ",nn="TextWrap_poly__EwnPy",rn="TextWrap_leftFloat__Uo9rJ",an="TextWrap_rightFloat__ezXwd",on=function(){var e=(0,h.Z)().formatMessage({id:"page.htmlVision.visualDesign.quantumEntanglementTip"});return(0,s.jsxs)("div",{className:en,children:[(0,s.jsx)("div",{className:tn,children:e.repeat(40)}),(0,s.jsx)("div",{className:"".concat(nn," ").concat(rn)}),(0,s.jsx)("div",{className:"".concat(nn," ").concat(an)}),(0,s.jsx)("span",{children:e.repeat(180)})]})},sn="WaterDropLogin_container__d6dk7",cn="WaterDropLogin_content__jiIiV",ln="WaterDropLogin_drop__Nq7iB",un="WaterDropLogin_contentBox__nL6ua",dn="WaterDropLogin_inputBox__2oxY0",mn="WaterDropLogin_btns__Sil7M",fn="WaterDropLogin_signup__h0wNv",gn=function(){return(0,s.jsx)("div",{className:sn,children:(0,s.jsxs)("div",{className:cn,children:[(0,s.jsx)("div",{className:ln,children:(0,s.jsxs)("div",{className:un,children:[(0,s.jsx)("h2",{children:"Sign in"}),(0,s.jsxs)("form",{children:[(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("input",{type:"text",placeholder:"Username"})}),(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("input",{type:"password",placeholder:"Password"})}),(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("input",{type:"submit",value:"Login"})})]})]})}),(0,s.jsxs)("div",{className:mn,children:[(0,s.jsx)("span",{children:"Forget"}),(0,s.jsx)("span",{children:"Password"})]}),(0,s.jsx)("div",{className:"".concat(mn," ").concat(fn),children:"Signup"})]})})},hn="TextShadow_container__3+vOx",pn="TextShadow_content__ngpOP",vn=function(){var e=(0,h.Z)().formatMessage({id:"page.htmlVision.visualDesign.textShadow"});return(0,s.jsx)("div",{className:hn,children:(0,s.jsx)("div",{className:pn,"data-text":e,children:e})})},xn="HorseRacelamp_container__bVbh9",yn="HorseRacelamp_scroll__kRja6",An=new Array(4).fill(0),wn=function(){var e=function(){return(0,s.jsx)("span",{children:"Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross"})};return(0,s.jsx)("div",{className:xn,children:An.map((function(t,n){return(0,s.jsxs)("div",{className:yn,children:[e(),e()]},n)}))})},jn="HarmonyLogo_container__uTwnw",bn="HarmonyLogo_content__Azar3",_n="HarmonyLogo_top__zSfqW",Dn="HarmonyLogo_line__6yj7q",Mn="HarmonyLogo_bottom__4ZSOr",kn=function(){return(0,s.jsxs)("div",{className:jn,children:[(0,s.jsxs)("div",{className:bn,children:[(0,s.jsx)("div",{className:_n,children:(0,s.jsx)("div",{className:Dn})}),(0,s.jsx)("div",{className:Mn})]}),(0,s.jsx)("svg",{children:(0,s.jsxs)("filter",{id:"fractal",filterUnits:"objectBoundingBox",x:"0%",y:"0%",width:"100%",height:"100%",children:[(0,s.jsx)("feTurbulence",{id:"turbulence",type:"fractalNoise",baseFrequency:"0.005 0.005",numOctaves:"10",children:(0,s.jsx)("animate",{attributeName:"baseFrequency",dur:"30s",values:"0.005 0.005;0.05 0.3;0.005 0.005",repeatCount:"indefinite"})}),(0,s.jsx)("feDisplacementMap",{in:"SourceGraphic",scale:"15"})]})})]})},Nn="Preserve3D_container__EZ7l0",En="Preserve3D_content__yxNQy",Cn="Preserve3D_cubeInner__oYaXM",Sn="Preserve3D_top__6op2D",Pn="Preserve3D_bottom__Rmjl+",Bn="Preserve3D_front__+CRYT",In="Preserve3D_back__-ZjU+",Tn="Preserve3D_left__YYWAD",Rn="Preserve3D_right__R5Aqm",Fn="Preserve3D_cubeOuter__pwwjS",On=function(){return(0,s.jsx)("div",{className:Nn,children:(0,s.jsxs)("div",{className:En,children:[(0,s.jsxs)("div",{className:Cn,children:[(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Pn}),(0,s.jsx)("div",{className:Bn}),(0,s.jsx)("div",{className:In}),(0,s.jsx)("div",{className:Tn}),(0,s.jsx)("div",{className:Rn})]}),(0,s.jsxs)("div",{className:Fn,children:[(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Pn}),(0,s.jsx)("div",{className:Bn}),(0,s.jsx)("div",{className:In}),(0,s.jsx)("div",{className:Tn}),(0,s.jsx)("div",{className:Rn})]})]})})},Zn="RotateAndBgFixed_container__Kc-WW",Gn="RotateAndBgFixed_box__DkROP",Qn="RotateAndBgFixed_a__Yi0br",Ln="RotateAndBgFixed_b__Vv6J0",zn="RotateAndBgFixed_c__xgerx",Hn="RotateAndBgFixed_d__d9aYT",Vn="RotateAndBgFixed_e__V1OJc",Un=function(){return(0,s.jsx)("div",{className:Zn,children:(0,s.jsxs)("div",{className:Gn,children:[(0,s.jsx)("div",{className:Qn,children:(0,s.jsx)("img",{src:Et,alt:""})}),(0,s.jsx)("div",{className:Ln,children:(0,s.jsx)("img",{src:Ct,alt:""})}),(0,s.jsx)("div",{className:zn,children:(0,s.jsx)("img",{src:St,alt:""})}),(0,s.jsx)("div",{className:Hn,children:(0,s.jsx)("img",{src:Pt,alt:""})}),(0,s.jsx)("div",{className:Vn,children:(0,s.jsx)("img",{src:Bt,alt:""})})]})})},Wn="HexagonalMesh_container__mdJJ9",Yn="HexagonalMesh_item__hVzAo",Jn=new Array(300).fill(0),qn=function(){return(0,s.jsx)("div",{className:Wn,children:Jn.map((function(e,t){return(0,s.jsx)("div",{className:Yn},t)}))})},Kn="HexagonalRadar_container__hFck5",Xn="HexagonalRadar_content__sj-0h",$n="HexagonalRadar_item__IF+DR",er="HexagonalRadar_maskBox__SqK8S",tr=new Array(5).fill(0),nr=function(){return(0,s.jsxs)("div",{className:Kn,children:[(0,s.jsx)("div",{className:Xn,children:tr.map((function(e,t){return(0,s.jsx)("div",{className:$n},t)}))}),(0,s.jsx)("div",{className:er})]})},rr=n.p+"images/d2fa7cd8.png",ir="HoverEnlargement_container__t9rVI",ar=function(){return(0,s.jsx)("div",{className:ir,children:(0,s.jsx)("img",{src:rr,alt:""})})},or=n(78343),sr=n(79501);function cr(e){return e.toString().padStart(2,"0")}var lr,ur=function(e){if(e){var t=e.slice(0,19).replace(/-/g,"/");return e.endsWith("+0000 UTC")?(0,sr.Z)((0,or.Z)(new Date(t),8),"YYYY/MM/DD HH:mm:ss"):t}return""},dr="ActivityCountDown_container__z9J8Y",mr="ActivityCountDown_num__F1ysh",fr="ActivityCountDown_unit__X1r8-",gr=function(e){var t=e.countParams,n=e.overCallback,i=e.style,a=void 0===i?{}:i,c=t.day,l=void 0===c?59:c,u=t.hour,d=void 0===u?59:u,m=t.minute,f=void 0===m?59:m,g=t.seconds,h=void 0===g?59:g,p=(0,r.useState)({d:l,h:d,m:f,s:h}),v=(0,o.Z)(p,2),x=v[0],y=v[1],A=(0,r.useRef)(x),w=(0,r.useRef)(!0),j=(0,r.useRef)(0),b=function(){if(!w.current){var e=A.current,t=e.d,r=e.h,i=e.m,a=e.s,o=0===r&&0===i&&0===a,s=0===i&&0===a,c=0===a;if(0===t&&0===r&&0===i&&0===a)w.current=!0,n&&n();else if(o){var l={d:t-1,h:23,m:59,s:59};A.current=l,y(l)}else if(s){var u={d:t,h:r-1,m:59,s:59};A.current=u,y(u)}else if(c){var d={d:t,h:r,m:i-1,s:59};A.current=d,y(d)}else{var m={d:t,h:r,m:i,s:a-1};A.current=m,y(m)}}};return(0,r.useEffect)((function(){var e=t.day,r=void 0===e?59:e,i=t.hour,a=void 0===i?59:i,o=t.minute,s=void 0===o?59:o,c=t.seconds,l={d:r,h:a,m:s,s:void 0===c?59:c};A.current=l,y(l),0===l.d&&0===l.h&&0===l.m&&0===l.s?w.current||(w.current=!0,n&&n(),j.current&&(window.clearInterval(j.current),j.current=0)):w.current&&(w.current=!1,j.current=window.setInterval(b,1e3))}),[t]),(0,r.useEffect)((function(){return function(){j.current&&window.clearInterval(j.current)}}),[]),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:dr,style:a,children:[(0,s.jsx)("div",{className:mr,children:cr(x.d)}),(0,s.jsx)("div",{className:fr,children:"天"}),(0,s.jsx)("div",{className:mr,children:cr(x.h)}),(0,s.jsx)("div",{className:fr,children:"时"}),(0,s.jsx)("div",{className:mr,children:cr(x.m)}),(0,s.jsx)("div",{className:fr,children:"分"}),(0,s.jsx)("div",{className:mr,children:cr(x.s)}),(0,s.jsx)("div",{className:fr,children:"秒"})]})})},hr="ActivityCountDown_container__Nw3or",pr="ActivityCountDown_title__5HUMy",vr=function(){var e=function(e){var t=e.type,n=void 0===t?"ms":t,r=e.startTime,i=void 0===r?"":r,a=e.serverTime,o=void 0===a?0:a,s="s"===n?1e3*Number(o):o;if(!i)return{day:0,hour:0,minute:0,seconds:0,timeRemaining:0};var c="string"==typeof i?ur(i):i,l=new Date(c).getTime()-s;return{day:Math.floor(l/1e3/60/60/24),hour:Math.floor(l/1e3/60/60%24),minute:Math.floor(l/1e3/60%60),seconds:Math.floor(l/1e3%60),timeRemaining:l}}({type:"ms",startTime:(0,or.Z)(new Date,2).getTime(),serverTime:(new Date).getTime()}),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),i=n[0],a=n[1];return(0,s.jsxs)("div",{className:hr,children:[(0,s.jsx)("div",{className:pr,children:i?"活动正在进行中":"距离活动开始剩余："}),!i&&(0,s.jsx)(gr,{countParams:e,overCallback:function(){a(!0)},style:{marginTop:"16px"}})]})},xr=n.p+"images/c6bccf3b.png",yr=n.p+"images/71329ec9.jpg",Ar="GlassDesign1_container__jIg8H",wr="GlassDesign1_glass__x+jsp",jr=function(){return(0,s.jsxs)("div",{className:Ar,children:[(0,s.jsx)("img",{src:xr,alt:""}),(0,s.jsx)("div",{className:wr}),(0,s.jsx)("svg",{style:{display:"none"},children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"glassFilter1",children:[(0,s.jsx)("feImage",{result:"pict1",xlinkHref:yr,x:"0",y:"0",width:"517",height:"517"}),(0,s.jsx)("feDisplacementMap",{scale:"30",xChannelSelector:"R",yChannelSelector:"R",in2:"pict1",in:"SourceGraphic"})]})})})]})},br=n.p+"images/3ef61d0d.jpg",_r="GlassDesign2_container__BLEzA",Dr="GlassDesign2_glass__UZeM9",Mr=function(){return(0,s.jsxs)("div",{className:_r,children:[(0,s.jsx)("img",{src:xr,alt:""}),(0,s.jsx)("div",{className:Dr}),(0,s.jsx)("svg",{style:{display:"none"},children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"glassFilter2",children:[(0,s.jsx)("feImage",{result:"pict1",xlinkHref:br,x:"0",y:"0",width:"523",height:"330"}),(0,s.jsx)("feDisplacementMap",{scale:"30",xChannelSelector:"R",yChannelSelector:"R",in2:"pict1",in:"SourceGraphic"})]})})})]})},kr="Ribbon_container__ZOkiq",Nr="Ribbon_ribbon__wI2K8",Er=function(){return(0,s.jsxs)("div",{className:kr,children:[(0,s.jsx)("div",{className:Nr,style:{"--fontSize":"34px",fontWeight:600},children:"Visualization Collection"}),(0,s.jsxs)("div",{className:Nr,style:{"--fontSize":"28px","--background":"#8A9B0F",fontWeight:500},children:["Visualization Collection ",(0,s.jsx)("br",{})," Visualization Collection"]}),(0,s.jsxs)("div",{className:Nr,style:{"--background":"#45ADA8"},children:["Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection"]})]})},Cr="VisualDesign_container__oN2JR",Sr="VisualDesign_box__-TYNG",Pr=be.GridBox,Br=[{element:(0,s.jsx)(Ne,{})},{element:(0,s.jsx)(Be,{})},{element:(0,s.jsx)(Re,{})},{element:(0,s.jsx)(Le,{})},{element:(0,s.jsx)(We,{})},{element:(0,s.jsx)(qe,{})},{element:(0,s.jsx)(at,{})},{element:(0,s.jsx)(on,{})},{element:(0,s.jsx)(mt,{})},{element:(0,s.jsx)(ht,{})},{element:(0,s.jsx)(xt,{})},{element:(0,s.jsx)(Nt,{})},{element:(0,s.jsx)(Ot,{})},{element:(0,s.jsx)(Qt,{})},{element:(0,s.jsx)(Wt,{})},{element:(0,s.jsx)(qt,{})},{element:(0,s.jsx)(ut,{})},{element:(0,s.jsx)($t,{})},{element:(0,s.jsx)(gn,{})},{element:(0,s.jsx)(vn,{})},{element:(0,s.jsx)(wn,{})},{element:(0,s.jsx)(kn,{})},{element:(0,s.jsx)(On,{})},{element:(0,s.jsx)(Un,{})},{element:(0,s.jsx)(qn,{})},{element:(0,s.jsx)(nr,{})},{element:(0,s.jsx)(ar,{})},{element:(0,s.jsx)(vr,{})},{element:(0,s.jsx)(jr,{})},{element:(0,s.jsx)(Mr,{})},{element:(0,s.jsx)(Er,{})}],Ir=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Cr,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Br.map((function(e,t){return(0,s.jsx)(Pr,{children:(0,s.jsx)("div",{className:Sr,children:e.element})},t)}))})})},Tr=[],Rr=function(e){e.data,(0,h.Z)();return null},Fr="ModuleTitle_container__7ZCMv",Or=function(e){var t=(0,h.Z)(),n=e.intlTitle,r=e.style,i=void 0===r?{}:r;return(0,s.jsx)("div",{className:Fr,style:i,children:t.formatMessage({id:n})})},Zr=n.p+"images/6765fa3b.png",Gr="MagnifyingGlass_container__z7+HK",Qr="MagnifyingGlass_content__csBAU",Lr="MagnifyingGlass_smallBox__1rC23",zr="MagnifyingGlass_mask__kbQ6H",Hr="MagnifyingGlass_floatBox__Msmv9",Vr="MagnifyingGlass_bigBox__dtenq",Ur=function(){var e=d(),t=e.scrollTop,n=e.headHeight,i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useState)(!1),u=(0,o.Z)(l,2),m=u[0],f=u[1];return(0,s.jsx)("div",{className:Gr,children:(0,s.jsxs)("div",{className:Qr,children:[(0,s.jsxs)("div",{className:Lr,ref:i,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.magnifyingGlass",style:{top:"-80px",left:"114%"}}),(0,s.jsx)("div",{className:zr,onMouseOver:function(){f(!0)},onMouseMove:function(e){var r=Y.findDOMNode(i.current),o=Y.findDOMNode(a.current),s=r.offsetWidth,l=r.offsetHeight,u=o.offsetWidth,d=o.offsetHeight,m=e.clientX-r.offsetLeft-u/2,f=0;m<0?m=0:m>s-u&&(m=s-u),(f=t<r.offsetTop-n-100?e.clientY-d/2-r.offsetTop-t:e.clientY-n-d/2+(t-r.offsetTop+n))<0?f=0:f>l-d&&(f=l-d),o.style.left=m+"px",o.style.top=f+"px";var g=m/(s-u),h=f/(l-d),p=Y.findDOMNode(c.current),v=p.children[0];v.style.left=-g*(v.offsetWidth-p.offsetWidth)+"px",v.style.top=-h*(v.offsetHeight-p.offsetHeight)+"px"},onMouseLeave:function(){f(!1)}}),(0,s.jsx)("div",{className:Hr,style:{visibility:m?"visible":"hidden"},ref:a}),(0,s.jsx)("img",{src:Zr})]}),(0,s.jsx)("div",{className:Vr,ref:c,children:(0,s.jsx)("img",{src:Zr,style:{visibility:m?"visible":"hidden"}})})]})})},Wr="CropImage_container__agQZ5",Yr="CropImage_leftBox__rxH+K",Jr="CropImage_img1__vvyEU",qr="CropImage_img2__CuOAQ",Kr="CropImage_cropBox__A4fdb",Xr="CropImage_dot__TnuYQ",$r="CropImage_leftUp__RO+TV",ei="CropImage_up__fR18N",ti="CropImage_rightUp__5Btk7",ni="CropImage_right__nbAwk",ri="CropImage_rightDown__8vsgu",ii="CropImage_down__0RD60",ai="CropImage_leftDown__Ssc21",oi="CropImage_left__qEy8B",si="CropImage_rightBox__tH7SB";!function(e){e[e.leftUp=0]="leftUp",e[e.up=1]="up",e[e.rightUp=2]="rightUp",e[e.right=3]="right",e[e.rightDown=4]="rightDown",e[e.down=5]="down",e[e.leftDown=6]="leftDown",e[e.left=7]="left"}(lr||(lr={}));var ci=function(){var e=d().scrollTop,t=(0,r.useRef)(0),n=(0,r.useRef)(0),i=(0,r.useRef)(!1),a=(0,r.useRef)(),o=(0,r.useRef)(!1),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=(0,r.useRef)(0),h=(0,r.useRef)(0),p=(0,r.useRef)(0),v=(0,r.useRef)(0),x=function(e){for(var t=e.offsetLeft,n=e.offsetTop,r=e.offsetParent;null!=r;)t+=r.offsetLeft,n+=r.offsetTop,r=r.offsetParent;return{left:t,top:n}},y=function(e){var n=e.clientX,r=Y.findDOMNode(l.current),i=x(r).left,a=i+t.current-4;n>a?n=a:n<i&&(n=i);var o=Y.findDOMNode(m.current),s=o.offsetWidth-2,c=n-s-x(o).left;o.style.width=s+c+"px"},A=function(t){var n=t.clientY+e,r=Y.findDOMNode(l.current),i=x(r).top,a=Y.findDOMNode(m.current),o=x(a).top,s=o+a.offsetHeight-4;n<i?n=i:n>s&&(n=s);var c=a.offsetHeight;a.style.height=c+o-n+"px",a.style.top=a.offsetTop+n-o+"px"},w=function(e){var t=e.clientX,n=Y.findDOMNode(l.current),r=x(n).left,i=Y.findDOMNode(m.current),a=x(i).left,o=a+i.offsetWidth-4;t<r?t=r:t>o&&(t=o);var s=i.offsetWidth;i.style.width=s+a-t+"px",i.style.left=i.offsetLeft+t-a+"px"},j=function(t){var r=t.clientY+e,i=Y.findDOMNode(l.current),a=x(i).top,o=a+n.current-4;r<a?r=a:r>o&&(r=o);var s=Y.findDOMNode(m.current),c=s.offsetHeight-2,u=r-c-x(s).top;s.style.height=c+u+"px"},b=function(){var e=Y.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,i=e.offsetTop,a=r+t,o=i+n;Y.findDOMNode(u.current).style.clip="rect(".concat(i,"px,").concat(a,"px,").concat(o,"px,").concat(r,"px)")},_=function(){var e=Y.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,i=e.offsetTop,a=r+t,o=i+n,s=Y.findDOMNode(f.current);s.style.top="".concat(-i,"px"),s.style.left="".concat(-r,"px"),s.style.clip="rect(".concat(i,"px,").concat(a,"px,").concat(o,"px,").concat(r,"px)")},D=function(e,t){e.stopPropagation(),i.current=!0,a.current=t},M=function(){i.current=!1,o.current=!1};return(0,r.useEffect)((function(){var e=Y.findDOMNode(l.current),r=e.offsetWidth,i=e.offsetHeight;t.current=r,n.current=i}),[]),(0,s.jsxs)("div",{className:Wr,onMouseMove:function(e){if(o.current){var r=Y.findDOMNode(m.current),s=r.offsetWidth,c=r.offsetHeight,l=e.clientX-g.current,u=e.clientY-h.current,d=v.current+u,f=p.current+l;d<0?r.style.top="0px":d>n.current-c-2?r.style.top="".concat(n.current-c-2,"px"):r.style.top="".concat(d,"px"),f<0?r.style.left="0px":f>t.current-s-2?r.style.left="".concat(t.current-s-2,"px"):r.style.left="".concat(f,"px"),b(),_()}if(i.current){switch(a.current){case lr.right:y(e);break;case lr.up:A(e);break;case lr.left:w(e);break;case lr.down:j(e);break;case lr.leftUp:w(e),A(e);break;case lr.leftDown:w(e),j(e);break;case lr.rightUp:y(e),A(e);break;case lr.rightDown:y(e),j(e)}b(),_()}},onMouseUp:M,onMouseLeave:M,ref:c,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropClipBox"}),(0,s.jsxs)("div",{className:Yr,ref:l,children:[(0,s.jsx)("img",{src:ot,className:Jr}),(0,s.jsx)("img",{src:ot,className:qr,ref:u}),(0,s.jsxs)("div",{className:Kr,onMouseDown:function(e){g.current=e.clientX,h.current=e.clientY;var t=Y.findDOMNode(m.current);v.current=t.offsetTop,p.current=t.offsetLeft,o.current=!0},ref:m,children:[(0,s.jsx)("div",{className:"".concat(Xr," ").concat($r),onMouseDown:function(e){return D(e,lr.leftUp)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ei),onMouseDown:function(e){return D(e,lr.up)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ti),onMouseDown:function(e){return D(e,lr.rightUp)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ni),onMouseDown:function(e){return D(e,lr.right)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ri),onMouseDown:function(e){return D(e,lr.rightDown)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ii),onMouseDown:function(e){return D(e,lr.down)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ai),onMouseDown:function(e){return D(e,lr.leftDown)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(oi),onMouseDown:function(e){return D(e,lr.left)}})]})]}),(0,s.jsx)("div",{className:si,children:(0,s.jsx)("img",{src:ot,ref:f})})]})},li=n.p+"images/e55cd06c.jpg",ui=n.p+"images/f44f33e9.jpg",di=n.p+"images/ccd69096.jpg",mi=n.p+"images/dbd623e3.jpg",fi=n.p+"images/d327c52a.jpg",gi=n.p+"images/f160c0ae.jpg",hi={container:"DragShopping_container__IbTIV",content:"DragShopping_content__VVnMY",bookBox:"DragShopping_bookBox__SDdDi",shoppingBox:"DragShopping_shoppingBox__3DBFv",tableHead:"DragShopping_tableHead__lYIfd",tableCell:"DragShopping_tableCell__6tWCA",tableRow:"DragShopping_tableRow__6Qo3x",total:"DragShopping_total__+sd3-",tip:"DragShopping_tip__vp+8T"};function pi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pi(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pi(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var xi=be.GridBox,yi=[{id:"1",name:"一个星期学会吉他弹唱",price:68,imgUrl:li},{id:"2",name:"柳公权楷书教程入门",price:45,imgUrl:ui},{id:"3",name:"世说新语",price:52,imgUrl:di},{id:"4",name:"名人传",price:124,imgUrl:mi},{id:"5",name:"骆驼祥子",price:168,imgUrl:fi},{id:"6",name:"阅微堂笔记",price:56,imgUrl:gi}],Ai=function(){var e=(0,h.Z)(),t=(0,r.useState)([]),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(!1),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useState)(0),f=(0,o.Z)(m,2),g=f[0],p=f[1];return(0,s.jsxs)("div",{className:hi.container,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropShopping"}),(0,s.jsxs)("div",{className:hi.content,children:[(0,s.jsx)(be,{differentScreenCols:[6,6,3,3,3],rowSpace:0,colSpace:0,children:yi.map((function(e,t){var n=e.id,r=e.name,i=e.price,a=e.imgUrl;return(0,s.jsx)(xi,{children:(0,s.jsxs)("div",{className:hi.bookBox,draggable:"true",onDragStart:function(e){return function(e,t){e=e||window.event;var n=yi[t];e.dataTransfer.setData("id",n.id),e.dataTransfer.effectAllowed="copy"}(e,t)},children:[(0,s.jsx)("img",{src:a,draggable:"false"}),(0,s.jsx)("p",{children:r}),(0,s.jsx)("p",{children:"￥".concat(i)})]})},n)}))}),(0,s.jsxs)("div",{className:hi.shoppingBox,style:u?{border:"1px solid #DD5044",color:"#DD5044"}:{},onDragOver:function(e){e.preventDefault(),u||d(!0)},onDragLeave:function(e){e.preventDefault(),u&&d(!1)},onDrop:function(e){e.preventDefault();var t=e.dataTransfer.getData("id"),n=!1,r=0,o=i.map((function(e){return e.id===t?(n=!0,r=e.price,vi(vi({},e),{},{num:e.num+1})):e}));if(!n){for(var s,c=yi.length-1;c>=0;c--){var l=yi[c];if(l.id===t){r=l.price,s=l;break}}s&&o.unshift(vi(vi({},s),{},{num:1}))}a(o),d(!1),p(g+r)},children:[(0,s.jsxs)("div",{className:hi.tableHead,children:[(0,s.jsx)("div",{className:hi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.title"})}),(0,s.jsx)("div",{className:hi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.price"})}),(0,s.jsx)("div",{className:hi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.count"})})]}),i.map((function(e){var t=e.id,n=e.num,r=e.name,i=e.price;return(0,s.jsxs)("div",{className:hi.tableRow,children:[(0,s.jsx)("div",{className:hi.tableCell,children:r}),(0,s.jsx)("div",{className:hi.tableCell,children:"￥".concat(i)}),(0,s.jsx)("div",{className:hi.tableCell,children:n})]},t)})),i.length>0&&(0,s.jsx)("div",{className:hi.total,children:(0,s.jsxs)("span",{className:hi.totalMoney,children:[e.formatMessage({id:"page.htmlVision.interactiveDesign.total"}),"：￥",(0,s.jsx)("span",{children:g})]})}),(0,s.jsx)("div",{className:hi.tip,children:u?e.formatMessage({id:"page.htmlVision.interactiveDesign.addingToCart"}):e.formatMessage({id:"page.htmlVision.interactiveDesign.dragToThisToBuy"})})]})]})]})},wi=n.p+"images/70af4d01.jpg",ji="MouseHover_container__QIdL2",bi="MouseHover_content__L5hzm",_i="MouseHover_title__617kC",Di="MouseHover_bottom__jjGyr",Mi="MouseHover_right__Aviwn",ki="MouseHover_cursor__IcpdN",Ni=[{name:"两个跨域页面进行跳转传参的终极方案",href:"https://juejin.cn/post/7134967869326458916"},{name:"面试秘籍之手写系列",href:"https://juejin.cn/post/7134975263707758606"},{name:"一款将打包后的Chrome插件自动化加载到浏览器的webpack插件",href:"https://juejin.cn/post/7134991167095062565"},{name:"全网最全AutoIt3基础教程及实战案例",href:"https://juejin.cn/post/7134952028870017060"}],Ei=function(){var e=(0,h.Z)(),t=d().scrollTop,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)(!1),c=(0,o.Z)(a,2),l=c[0],u=c[1],m=(0,r.useState)("default"),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useRef)({mouseX:null,mouseY:null}),x=(0,r.useRef)(0),y=function(){p("big")},A=function(){p("default")};return(0,r.useEffect)((function(){return x.current=window.requestAnimationFrame((function e(){var t=v.current,n=t.mouseX,r=t.mouseY;if(null!==n&&null!==r){var a=10;"big"===g&&(a=40);var o=Y.findDOMNode(i.current),s=o.style.left?parseFloat(o.style.left):null,c=o.style.top?parseFloat(o.style.top):null;if(null!==s&&null!==c){var l=n-(s+a),u=r-(c+a),d=Math.hypot(l,u);if(d>0)if(d<=.1)o.style.left="".concat(s,"px"),o.style.top="".concat(c,"px");else{var m=.12*l,f=.12*u;o.style.left="".concat(s+m,"px"),o.style.top="".concat(c+f,"px")}}}x.current=window.requestAnimationFrame(e)})),function(){x.current&&window.cancelAnimationFrame(x.current)}}),[g]),(0,s.jsxs)("div",{className:ji,onMouseEnter:function(e){var r=e.clientX,a=e.clientY;u(!0);var o=Y.findDOMNode(n.current),s=o.offsetLeft,c=void 0===s?0:s,l=o.offsetTop,d=void 0===l?0:l;v.current={mouseX:r-c,mouseY:a-(d-t)};var m=Y.findDOMNode(i.current);m.style.left="".concat((v.current.mouseX||0)-10,"px"),m.style.top="".concat((v.current.mouseY||0)-10,"px")},onMouseMove:function(e){var r=e.clientX,i=e.clientY,a=Y.findDOMNode(n.current),o=a.offsetLeft,s=void 0===o?0:o,c=a.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:i-(l-t)}},onMouseLeave:function(e){var r=e.clientX,i=e.clientY;u(!1);var a=Y.findDOMNode(n.current),o=a.offsetLeft,s=void 0===o?0:o,c=a.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:i-(l-t)}},ref:n,children:[(0,s.jsxs)("div",{className:bi,children:[(0,s.jsx)("p",{className:_i,onMouseEnter:y,onMouseLeave:A,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.personalArticle"})}),(0,s.jsxs)("div",{className:Di,children:[(0,s.jsx)("img",{src:wi,alt:"",onMouseEnter:y,onMouseLeave:A}),(0,s.jsx)("div",{className:Mi,children:Ni.map((function(e,t){return(0,s.jsx)("a",{href:e.href,target:"_blank",onMouseEnter:y,onMouseLeave:A,children:e.name},t)}))})]})]}),(0,s.jsx)("div",{className:ki,style:{visibility:l?"visible":"hidden",width:"".concat("big"===g?80:20,"px"),height:"".concat("big"===g?80:20,"px")},ref:i})]})},Ci="SlideButtonTab_container__eT4SM",Si="SlideButtonTab_content__6sIYs",Pi="SlideButtonTab_btn__tD8IC",Bi="SlideButtonTab_actived__RWXqG",Ii=new Array(4).fill(0),Ti=function(){var e=(0,r.useRef)(null),t=(0,r.useState)(0),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useRef)(0);return(0,r.useEffect)((function(){if(e.current){var t=(e.current.getBoundingClientRect().width-32-8*(2*Ii.length-2))/Ii.length;e.current.style.setProperty("--btnWidth","".concat(t,"px")),c.current=t}}),[]),(0,s.jsxs)("div",{className:Ci,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.swipeTab"}),(0,s.jsx)("div",{className:Si,ref:e,children:Ii.map((function(t,n){return(0,s.jsxs)("div",{className:"".concat(Pi," ").concat(i===n?Bi:""),onClick:function(){return function(t){if(e.current&&i!==t){var n="".concat(16+c.current*t+8*t*2,"px");e.current.style.setProperty("--groove-left",n);var r="0deg";r=t<i?"-8deg":"8deg",e.current.style.setProperty("--wraper-rotate",r),window.setTimeout((function(){e.current&&e.current.style.setProperty("--wraper-rotate","0deg")}),600),a(t)}}(n)},children:["Button",n+1]},n)}))})]})},Ri=n.p+"images/a601ac6c.png",Fi=n.p+"images/d1a0696c.png",Oi=n.p+"images/e430aae1.png",Zi=n.p+"images/b2b0669d.png",Gi=n.p+"images/f354e378.png",Qi=n.p+"images/c6c82aab.png",Li=n.p+"images/7075d257.png",zi=n.p+"images/b637b49e.png",Hi="FlipBook_container__bOMio",Vi="FlipBook_pages__Ls1i4",Ui="FlipBook_paper__qnIh0",Wi="FlipBook_page__5K+Jz",Yi="FlipBook_left-show-front-page__I3ToF",Ji="FlipBook_right-show-back-page__crJO-",qi="FlipBook_left-show-back-page__yRt8k",Ki="FlipBook_right-show-front-page__pTHC0",Xi="FlipBook_left-hide-front-page__kQs3M",$i="FlipBook_left-hide-back-page__lMGif",ea="FlipBook_right-hide-front-page__8XaW9",ta="FlipBook_btns__9Cs+L",na="FlipBook_btn__QmvzH",ra=[[Ri,Fi],[Oi,Zi],[Gi,Qi],[Li,zi]],ia=[Yi,qi,Ki,Ji,Xi,$i,ea,"FlipBook_right-hide-back-page__56D1v"],aa=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(0),i=(0,r.useRef)(!1),a=function(){if(t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e,t){if(e.attributes&&e.attributes.length){var r,i;if(e.attributes.getNamedItem("data-left"))null===(r=e.attributes)||void 0===r||r.removeNamedItem("data-left");if(e.attributes.getNamedItem("data-right"))null===(i=e.attributes)||void 0===i||i.removeNamedItem("data-right")}var a=e.children;if(t===n.current){var o,s,c,l,u=document.createAttribute("data-left");u.nodeValue="true",e.attributes.setNamedItem(u),e.style.transform="perspective(1000px) rotateY(-180deg)",e.style.zIndex="4",null===(o=a[0].classList)||void 0===o||o.remove.apply(o,ia),null===(s=a[0].classList)||void 0===s||s.add(qi),null===(c=a[1].classList)||void 0===c||c.remove.apply(c,ia),null===(l=a[1].classList)||void 0===l||l.add(Yi)}else if(t===n.current+1){var d,m,f,g,h=document.createAttribute("data-right");h.nodeValue="true",e.attributes.setNamedItem(h),e.style.transform="perspective(1000px) rotateY(0deg)",e.style.zIndex="4",null===(d=a[0].classList)||void 0===d||d.remove.apply(d,ia),null===(m=a[0].classList)||void 0===m||m.add(Ki),null===(f=a[1].classList)||void 0===f||f.remove.apply(f,ia),null===(g=a[1].classList)||void 0===g||g.add(Ji)}else if(t<n.current){var p,v,x,y;e.style.transform="perspective(1000px) rotateY(-180deg)",t===n.current-1?e.style.zIndex="3":e.style.zIndex="2",null===(p=a[0].classList)||void 0===p||p.remove.apply(p,ia),null===(v=a[0].classList)||void 0===v||v.add($i),null===(x=a[1].classList)||void 0===x||x.remove.apply(x,ia),null===(y=a[1].classList)||void 0===y||y.add(Xi)}else{var A,w,j,b;e.style.transform="perspective(1000px) rotateY(0deg)",t===n.current+2?e.style.zIndex="3":e.style.zIndex="2",null===(A=a[0].classList)||void 0===A||A.remove.apply(A,ia),null===(w=a[0].classList)||void 0===w||w.add(ea),null===(j=a[1].classList)||void 0===j||j.remove.apply(j,ia),null===(b=a[1].classList)||void 0===b||b.add($i)}}))}i.current=!1};return(0,r.useLayoutEffect)((function(){var e=document.styleSheets[0];e.insertRule("@keyframes flip-to-left {\n        from {\n          transform: perspective(1000px) rotateY(0);\n        }\n        to {\n          transform: perspective(1000px) rotateY(-180deg);\n        }\n      }"),e.insertRule("@keyframes flip-to-right {\n        from {\n          transform: perspective(1000px) rotateY(-180deg);\n        }\n        to {\n          transform: perspective(1000px) rotateY(0);\n        }\n      }"),i.current=!0,a()}),[]),(0,s.jsxs)("div",{className:Hi,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.flipBoook"}),(0,s.jsx)("div",{className:Vi,ref:t,children:ra.map((function(e,t){return(0,s.jsxs)("div",{className:Ui,children:[(0,s.jsx)("div",{className:Wi,children:(0,s.jsx)("img",{src:e[0],alt:""})}),(0,s.jsx)("div",{className:Wi,children:(0,s.jsx)("img",{src:e[1],alt:""})})]},t)}))}),(0,s.jsxs)("div",{className:ta,children:[(0,s.jsx)(oe.Z,{type:"primary",className:na,onClick:function(){if(!(n.current<=-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current];e.style.animation="flip-to-right 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current-1,a()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.previousPage"})}),(0,s.jsx)(oe.Z,{type:"primary",className:na,onClick:function(){if(!(n.current>=ra.length-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current+1];e.style.animation="flip-to-left 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current+1,a()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.nextPage"})})]})]})},oa="switch_container__i9Gh6",sa="switch_box__M6wl2",ca="switch_icon__AQIrn";function la(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ua(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?la(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):la(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var da=function(e){var t=e.open,n=e.width,i=void 0===n?90:n,a=e.height,c=void 0===a?40:a,l=e.openIcon,u=e.closeIcon,d=e.onChange,m=e.style,f=void 0===m?{}:m,g=e.className,h=void 0===g?"":g,p=(0,r.useState)(void 0!==t&&t),v=(0,o.Z)(p,2),x=v[0],y=v[1];return(0,s.jsxs)("div",{className:"".concat(oa," ").concat(h),style:ua({width:"".concat(i,"px"),height:"".concat(c,"px"),borderRadius:"".concat(c/2,"px"),backgroundColor:void 0!==t&&t||void 0===t&&x?"#e4e4e4":"#1a1c20"},f),onClick:function(){void 0!==t?d&&d(!t):y(!x)},children:[(0,s.jsx)("div",{className:sa,style:void 0!==t&&t||void 0===t&&x?{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),borderRadius:"50%",top:"".concat(.1*c,"px"),left:"".concat(.1*c,"px")}:{width:"".concat(.2*c,"px"),height:"".concat(.7*c,"px"),borderRadius:"".concat(.2*c/2,"px"),top:"".concat(.15*c,"px"),left:"".concat(i-c/2,"px")}}),u&&(0,s.jsx)("div",{className:ca,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(.1*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?0:1,display:"flex",alignItems:"center"},children:u}),l&&(0,s.jsx)("div",{className:ca,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(i-.9*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?1:0,display:"flex",alignItems:"center",justifyContent:"flex-end"},children:l})]})},ma=n.p+"images/16a09882.png",fa=n.p+"images/58bbf8ef.png",ga="Switchs_container__pX5RV",ha=function(){return(0,s.jsxs)("div",{className:ga,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.switchButton"}),(0,s.jsx)(da,{width:66,height:30}),(0,s.jsx)(da,{width:76,height:34,openIcon:(0,s.jsx)("span",{style:{color:"#333",marginRight:"2px"},children:"ON"}),closeIcon:(0,s.jsx)("span",{style:{color:"#fff",marginLeft:"4px"},children:"OFF"}),style:{margin:"0 60px"}}),(0,s.jsx)(da,{openIcon:(0,s.jsx)("img",{src:ma,alt:"",width:26,height:26}),closeIcon:(0,s.jsx)("img",{src:fa,alt:"",width:26,height:26})})]})},pa=n.p+"images/0e3fc4a1.png",va=n.p+"images/036f3b2c.png",xa=n.p+"images/de961e69.png",ya=n.p+"images/77eff419.png",Aa=n.p+"images/bae3b2af.png",wa=n.p+"images/641be512.png",ja=n.p+"images/bb4c7aec.png",ba=n.p+"images/95259d51.png",_a=n.p+"images/a3f5bcd3.png",Da="animation_container__bfyEi",Ma="animation_content__H8vdL",ka="animation_people__3G2ps",Na="animation_giftBox__06Ghv",Ea="animation_coin__9Ei6m",Ca="animation_gift__fEEYc",Sa=600,Pa=80,Ba="CCW",Ia=0,Ta=0,Ra=0,Fa=!1,Oa=!1,Za={icon1:{top:60,left:32,vx:-4.5},icon2:{top:30,left:34,vx:-3},icon3:{top:50,left:36,vx:0},icon4:{top:80,left:38,vx:1},icon5:{top:36,left:40,vx:3},icon6:{top:60,left:42,vx:2},icon7:{top:90,left:44,vx:5}},Ga={icon1:{top:Za.icon1.top,left:Za.icon1.left,vx:-4.5,vy:0,g:.2,opacity:0,isMoving:!1},icon2:{top:Za.icon2.top,left:Za.icon2.left,vx:-3,vy:0,g:.3,opacity:0,isMoving:!1},icon3:{top:Za.icon3.top,left:Za.icon3.left,vx:0,vy:0,g:.2,opacity:0,isMoving:!1},icon4:{top:Za.icon4.top,left:Za.icon4.left,vx:1,vy:0,g:.3,opacity:0,isMoving:!1},icon5:{top:Za.icon5.top,left:Za.icon5.left,vx:3,vy:0,g:.4,opacity:0,isMoving:!1},icon6:{top:Za.icon6.top,left:Za.icon6.left,vx:2,vy:0,g:.5,opacity:0,isMoving:!1},icon7:{top:Za.icon7.top,left:Za.icon7.left,vx:5,vy:0,g:.3,opacity:0,isMoving:!1}};function Qa(e,t,n){var r=0;return n>-e&&n<e&&(r=Math.sqrt((1-Math.pow(n,2)/Math.pow(e,2))*Math.pow(t,2))),r}var La=function(e){var t=e.noDropCoins,n=void 0!==t&&t,i=e.clickNoDropCoins,a=void 0!==i&&i,o=(0,r.useRef)(null),c=(0,r.useRef)(null);return(0,r.useLayoutEffect)((function(){var e=0,t=64,r=Qa(Pa,40,t);return e=window.requestAnimationFrame((function i(){if(o.current){var a=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=e,o=t;return 0!==n&&(a=e*Math.cos(n)+t*Math.sin(n)+r,o=-e*Math.sin(n)+t*Math.cos(n)+i),{transitionX:a,transitionY:o}}(t,r,Ia,Ta,Ra),s=a.transitionX,l=a.transitionY,u=Y.findDOMNode(o.current);if(!u)return;u.offsetWidth<350?Sa=500:u.offsetWidth<400&&(Sa=550),u.style.left="".concat(s,"px"),u.style.top="".concat(-l,"px");var d=1.5;t>=Pa?("CCW"===Ba?(Ia=0,Ta=0,Ra=0):(Ia=120,Ta=17,Ra=49),n||(Fa=!0,Oa=!0)):t<=-Pa&&(Ba="CCW"===Ba?"CW":"CCW",n||(Fa=!0,Oa=!0)),Math.abs(t)>16&&(d=1.5*Math.pow(Math.cos(t/Pa),2));var m=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=r,s=i;return(o=r>=e?r-a:r<=-e?r+a:"CCW"===n?i>0?r-a:r+a:i<0?r-a:r+a)>e?o=e:o<-e&&(o=-e),(s=Qa(e,t,o))>0&&(r>=e?"CCW"!==n&&(s=-s):r<=-e?"CCW"===n&&(s=-s):i<0&&(s=-s)),{nextX:o,nextY:s}}(Pa,40,Ba,t,r,d),f=m.nextX,g=m.nextY;t=f,r=g;var h=null;c&&c.current&&(h=Y.findDOMNode(c.current));var p=!0;h&&Object.keys(Ga).forEach((function(e,t){var n=h.childNodes[t];if(n){var r=Ga[e],i=r.top,a=r.left,o=r.vx,s=r.vy,c=r.g,l=r.opacity,u=r.isMoving;if(u||Fa){var d=Za[e],m=i+s,f=a+o,g=o;g=Math.abs(o)>.1?o>0?o-.1:o+.1:0;var v=m-d.top,x=Sa-d.top,y=x/2*.45,A=l;v/x>.55&&(v=y-(m-.55*x)),(A=(v/y).toFixed(2))>1&&(A=1);var w=s+c,j=u;0===m?(m=d.top,f=d.left,g=d.vx,j=!0):m>=Sa?(m=0,f=0,A=0,g=0,w=0,j=!1):(p=!1,Fa&&(j=!0)),n.style.top="".concat(m,"px"),n.style.left="".concat(f,"px"),n.style.opacity=A,Object.assign(r,{top:m,left:f,vx:g,vy:w,isMoving:j})}}})),Fa&&(Fa=!1),p&&(Oa=!1)}e=window.requestAnimationFrame(i)})),function(){e&&window.cancelAnimationFrame(e)}}),[]),(0,s.jsx)("div",{className:Da,children:(0,s.jsxs)("div",{className:Ma,ref:o,children:[(0,s.jsx)("img",{src:pa,alt:"",className:ka}),(0,s.jsxs)("div",{className:Na,onClick:function(){a||Oa||(Fa=!0,Oa=!0)},ref:c,children:[(0,s.jsx)("img",{src:xa,alt:"",className:Ea}),(0,s.jsx)("img",{src:ya,alt:"",className:Ea}),(0,s.jsx)("img",{src:Aa,alt:"",className:Ea}),(0,s.jsx)("img",{src:wa,alt:"",className:Ea}),(0,s.jsx)("img",{src:ja,alt:"",className:Ea}),(0,s.jsx)("img",{src:ba,alt:"",className:Ea}),(0,s.jsx)("img",{src:_a,alt:"",className:Ea}),(0,s.jsx)("img",{src:va,alt:"",className:Ca})]})]})})},za="PeopleAnimation_container__P9IRI",Ha=function(){return(0,s.jsx)("div",{className:za,children:(0,s.jsx)(La,{})})},Va={container:"TweakCube_container__chHsQ",content:"TweakCube_content__rXgCM",cube:"TweakCube_cube__c9JMo",changeColor:"TweakCube_changeColor__SsQtL",column0:"TweakCube_column0__0ANAL",span0:"TweakCube_span0__kaIxY",span1:"TweakCube_span1__RA+mL",span2:"TweakCube_span2__BzTLy",column1:"TweakCube_column1__9Hhyi",column2:"TweakCube_column2__EbxfC"},Ua=new Array(3).fill(0),Wa=function(){return(0,s.jsxs)("div",{className:Va.container,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.pseudo3DRubikCube"}),(0,s.jsx)("div",{className:Va.content,children:Ua.map((function(e,t){return(0,s.jsx)("div",{className:Va.cube,children:Ua.map((function(e,t){return(0,s.jsx)("div",{className:Va["column".concat(t)],children:Ua.map((function(e,t){return(0,s.jsx)("span",{className:Va["span".concat(t)]},t)}))},t)}))},t)}))})]})},Ya="Preserve3dBox_container__S8Nkn",Ja="Preserve3dBox_content__OkpkD",qa="Preserve3dBox_box__xhigG",Ka="Preserve3dBox_side1__OlfJ5",Xa="Preserve3dBox_side2__N20GX",$a="Preserve3dBox_side3__t1Hxo",eo="Preserve3dBox_side4__7YzMw",to="Preserve3dBox_side5__38WMJ",no="Preserve3dBox_side6__pWRYS",ro="Preserve3dBox_light__8ms1v",io=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(){if(n.current=null,t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e){Array.prototype.includes.call(e.classList,ro)&&e.classList.remove(ro)})),document.styleSheets[0].insertRule("@keyframes preserve3dRotate {\n            100% {\n                transform: rotate3d(1, 1, 1, 360deg);\n              }\n          }"),t.current.style.animation="preserve3dRotate 10s linear infinite"}},a=function(e){null==e||e.classList.add(ro)};return(0,s.jsxs)("div",{className:Ya,onMouseDown:function(e){var r=e.clientX,i=e.clientY,a=window.getComputedStyle(Y.findDOMNode(t.current)).transform;if(a&&"none"!==a){var o=a.match(/matrix(3d)?((.+))/);if(o&&o.length>=3){var s=o[2].split(", ")||[],c=180*Math.acos(Number(s[5]))/Math.PI,l=180*Math.acos(Number(s[10]))/Math.PI;n.current={x:r,y:i,rotateX:c,rotateY:l}}}},onMouseMove:function(e){if(t.current&&n.current){var r=e.clientX,i=e.clientY,a=n.current,o=a.x,s=a.y,c=a.rotateX,l=a.rotateY,u=2*(s-i),d=(r-o)/2;t.current&&(t.current.style.animation="none"),t.current.style.transform="rotateX(".concat(c+u,"deg) rotateY(").concat(l+d,"deg)")}},onMouseUp:i,onMouseLeave:i,ref:e,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.3DRubikCube"}),(0,s.jsx)("div",{className:Ja,children:(0,s.jsxs)("div",{className:qa,ref:t,children:[(0,s.jsx)("div",{className:Ka,onClick:function(e){t.current&&(t.current.style.transform="rotateX(360deg) rotateY(360deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:Xa,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(180deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:$a,onClick:function(e){t.current&&(t.current.style.transform="rotateX(270deg) rotateY(0deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:eo,onClick:function(e){t.current&&(t.current.style.transform="rotateX(90deg) rotateY(180deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:to,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(90deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:no,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(270deg)",t.current.style.animation="none",a(e.target))}})]})})]})},ao="OrientationSenseCard_container__wM4Og",oo="OrientationSenseCard_content__nHHlN",so="OrientationSenseCard_card__kb1rR",co=[Oi,Zi,Qi,Li,zi],lo=function(){return(0,s.jsxs)("div",{className:ao,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection"}),(0,s.jsx)("div",{className:oo,children:co.map((function(e,t){return(0,s.jsx)("div",{className:so,children:(0,s.jsx)("img",{src:e,alt:""})},t)}))})]})},uo="HexagonalMesh1_container__4Mauo",mo="HexagonalMesh1_item__uupv2",fo=new Array(800).fill(0),go=function(){var e=(0,r.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,r=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(r,"px"))}};return(0,r.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:uo,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:fo.map((function(e,t){return(0,s.jsx)("div",{className:mo},t)}))})},ho="HexagonalMesh2_container__7Eq5-",po="HexagonalMesh2_item__RBkZx",vo=new Array(800).fill(0),xo=function(){var e=(0,r.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,r=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(r,"px"))}};return(0,r.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:ho,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:vo.map((function(e,t){return(0,s.jsx)("div",{className:po},t)}))})},yo="HexagonalMesh3_container__7cOnb",Ao="HexagonalMesh3_item__JnppT",wo=new Array(800).fill(0),jo=function(){var e=(0,r.useRef)(null);return(0,s.jsx)("div",{className:yo,ref:e,children:wo.map((function(e,t){return(0,s.jsx)("div",{className:Ao},t)}))})},bo=n(34262),_o=n(39464),Do=n(12304),Mo=n(24406),ko=n(4333),No=n(83428),Eo=n(78874),Co=n(59401),So=n(73566),Po=n(98059),Bo=n(48107),Io=n(5698),To=n(97998),Ro=n(75013),Fo=n(14294),Oo=n(18152),Zo=n(36108),Go=n(98522),Qo=n(77093),Lo=n(55017),zo=n(67753),Ho=n(26223),Vo=n(98261),Uo=n(93017),Wo=n(77125),Yo=n(79728),Jo=n(93366),qo=n(98587),Ko=n(2905),Xo=n(11013),$o=n(44251),es=n(94506),ts=n(49434),ns=n(38419),rs=n(1627),is=n(20720),as=n(6355),os=n(892),ss=n(49688),cs=n(78823),ls=n(80856),us=n(26589),ds=n(7364),ms=n(14283),fs=n(54618),gs=n(3248),hs=n(18401),ps=n(5405),vs=n(82272),xs=n(59512),ys=n(62965),As=n(88630),ws=n(25449),js=n(57551),bs=n(89317),_s=n(72285),Ds=n(68479),Ms=n(71938),ks=n(2825),Ns=n(43926),Es=n(85369),Cs=n(53318),Ss=n(85008),Ps=n(45452),Bs=n(4334),Is=n(72850),Ts=n(19671),Rs=n(97254),Fs=n(70913),Os=n(56022),Zs=n(16640),Gs=n(23375),Qs=n(12854),Ls=n(88485),zs=n(33040),Hs=n(63392),Vs=n(73888),Us=n(48965),Ws=n(4711),Ys=n(56931),Js=n(24616),qs=n(51984),Ks="IconScroll_container__pHJbN",Xs="IconScroll_row__ueyux",$s=new Array(40).fill(0),ec=function(){var e=function(){return(0,s.jsxs)("div",{children:[(0,s.jsx)(bo.Z,{}),(0,s.jsx)(_o.Z,{}),(0,s.jsx)(Do.Z,{}),(0,s.jsx)(Mo.Z,{}),(0,s.jsx)(ko.Z,{}),(0,s.jsx)(No.Z,{}),(0,s.jsx)(Eo.Z,{}),(0,s.jsx)(Co.Z,{}),(0,s.jsx)(So.Z,{}),(0,s.jsx)(Po.Z,{}),(0,s.jsx)(Bo.Z,{}),(0,s.jsx)(Io.Z,{}),(0,s.jsx)(To.Z,{}),(0,s.jsx)(Ro.Z,{}),(0,s.jsx)(Fo.Z,{}),(0,s.jsx)(Oo.Z,{}),(0,s.jsx)(Zo.Z,{}),(0,s.jsx)(Go.Z,{}),(0,s.jsx)(Qo.Z,{}),(0,s.jsx)(Lo.Z,{}),(0,s.jsx)(zo.Z,{}),(0,s.jsx)(Ho.Z,{}),(0,s.jsx)(Vo.Z,{}),(0,s.jsx)(Uo.Z,{}),(0,s.jsx)(Wo.Z,{}),(0,s.jsx)(Yo.Z,{}),(0,s.jsx)(Jo.Z,{}),(0,s.jsx)(qo.Z,{}),(0,s.jsx)(Ko.Z,{}),(0,s.jsx)(Xo.Z,{}),(0,s.jsx)($o.Z,{}),(0,s.jsx)(es.Z,{}),(0,s.jsx)(ts.Z,{}),(0,s.jsx)(ns.Z,{}),(0,s.jsx)(rs.Z,{}),(0,s.jsx)(is.Z,{}),(0,s.jsx)(as.Z,{}),(0,s.jsx)(os.Z,{}),(0,s.jsx)(ss.Z,{}),(0,s.jsx)(cs.Z,{}),(0,s.jsx)(ls.Z,{}),(0,s.jsx)(us.Z,{}),(0,s.jsx)(ds.Z,{}),(0,s.jsx)(ms.Z,{}),(0,s.jsx)(fs.Z,{}),(0,s.jsx)(gs.Z,{}),(0,s.jsx)(hs.Z,{}),(0,s.jsx)(ps.Z,{}),(0,s.jsx)(vs.Z,{}),(0,s.jsx)(xs.Z,{}),(0,s.jsx)(ys.Z,{}),(0,s.jsx)(As.Z,{}),(0,s.jsx)(ws.Z,{}),(0,s.jsx)(js.Z,{}),(0,s.jsx)(bs.Z,{}),(0,s.jsx)(_s.Z,{}),(0,s.jsx)(Ds.Z,{}),(0,s.jsx)(Ms.Z,{}),(0,s.jsx)(ks.Z,{}),(0,s.jsx)(J.Z,{}),(0,s.jsx)(Ns.Z,{}),(0,s.jsx)(Es.Z,{}),(0,s.jsx)(Cs.Z,{}),(0,s.jsx)(Ss.Z,{}),(0,s.jsx)(Ps.Z,{}),(0,s.jsx)(Bs.Z,{}),(0,s.jsx)(Is.Z,{}),(0,s.jsx)(Ts.Z,{}),(0,s.jsx)(Rs.Z,{}),(0,s.jsx)(x.Z,{}),(0,s.jsx)(Fs.Z,{}),(0,s.jsx)(Os.Z,{}),(0,s.jsx)(Zs.Z,{}),(0,s.jsx)(Gs.Z,{}),(0,s.jsx)(Qs.Z,{}),(0,s.jsx)(Ls.Z,{}),(0,s.jsx)(zs.Z,{}),(0,s.jsx)(Hs.Z,{}),(0,s.jsx)(Vs.Z,{}),(0,s.jsx)(Us.Z,{}),(0,s.jsx)(Ws.Z,{}),(0,s.jsx)(Ys.Z,{}),(0,s.jsx)(Js.Z,{}),(0,s.jsx)(qs.Z,{})]})};return(0,s.jsx)("div",{className:Ks,children:$s.map((function(t,n){return(0,s.jsxs)("div",{className:Xs,children:[e(),e()]},n)}))})},tc=n(67724),nc=n(8812),rc="WipeSwitchover_container__zA+wD",ic="WipeSwitchover_mask1__efwWk",ac="WipeSwitchover_mask2__bTFbb",oc="WipeSwitchover_mask3__Gaobg",sc="WipeSwitchover_mask4__ZERnA",cc="WipeSwitchover_mask5__MkpDg",lc="WipeSwitchover_page1__ex092",uc="WipeSwitchover_page2__S7sFb",dc="WipeSwitchover_page3__JtV7t",mc="WipeSwitchover_page4__9G6Y9",fc="WipeSwitchover_page5__uBeX2",gc="WipeSwitchover_prevBtn__6vW6Q",hc="WipeSwitchover_icon__Z3ryB",pc="WipeSwitchover_nextBtn__sVZkG",vc=.006,xc=[8,8,8,7,30],yc=[.72,.7,1,1,.32],Ac=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(xc.length-1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useRef)(xc.length-1),d=(0,r.useRef)(!1),m=(0,r.useRef)(0),f=function e(t,n){if(t){d.current=!0;var r=t.style.strokeDashoffset,i=0;if(r)if("0"===r)i=Number((xc[u.current]*vc).toFixed(2));else if(r.includes("px")){var a=Number(r.substring(0,r.length-2));if(n<u.current){if(a>=xc[u.current])return d.current=!1,u.current=n,void l(n);i=Number((xc[u.current]*vc+a).toFixed(2))}else if(n>u.current){if(a>=2*xc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);i=Number((xc[n]*vc+a).toFixed(2))}}else{var o=Number(r);if(n<u.current){if(o>=xc[u.current])return d.current=!1,u.current=n,void l(n);i=Number((xc[u.current]*vc+o).toFixed(2))}else if(n>u.current){if(o>=2*xc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);i=Number((xc[n]*vc+o).toFixed(2))}}else i=Number((xc[u.current]*vc).toFixed(2));t.style.strokeDashoffset="".concat(i,"px"),m.current=window.requestAnimationFrame((function(){return e(t,n)}))}},g=function(){if(e.current&&n.current){var r=e.current.clientWidth,i=Math.ceil(600+.1*(r-1140));Array.prototype.forEach.call(n.current.children,(function(e,t){var n=window.getComputedStyle(e.children[0],null).getPropertyValue("transform");if(n&&n.startsWith("matrix")){var i=n.split(", ");i[0]="".concat(i[0].substring(0,7)).concat(Math.ceil(yc[t]*r)),n=i.join(", ")}e.children[0].style.transform=n})),t.current&&(e.current.style.height="".concat(i,"px"),Array.prototype.forEach.call(t.current.children,(function(e){if("g"===e.tagName){e.style.height="".concat(i,"px"),e.children[0].style.height="".concat(i,"px"),e.children[0].style.transform="".concat(i,"px");var t=Math.floor(r/2-240-40),n=Math.floor((i-340)/2);e.children[1].style.transform="translate(".concat(t,"px, ").concat(n,"px)")}})))}};return(0,r.useEffect)((function(){return g(),function(){m.current&&cancelAnimationFrame(m.current)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",g),function(){window.removeEventListener("resize",g)}}),[]),(0,s.jsxs)("div",{className:rc,ref:e,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.wipeTheEffect"}),(0,s.jsxs)("svg",{ref:t,children:[(0,s.jsxs)("defs",{ref:n,children:[(0,s.jsx)("mask",{id:"mask1",className:ic,children:(0,s.jsx)("path",{d:"M0.712-0.263\r c0,0-0.009,0.466-0.001,0.593c0.002,0.033,0.013,0.098-0.149,0.098c-0.157,0-0.16-0.049-0.161-0.08\r C0.398,0.245,0.395,0.04,0.399-0.063c0.001-0.035,0.009-0.105-0.162-0.102C0.088-0.163,0.091-0.093,0.09-0.059\r C0.09,0.04,0.08,0.238,0.09,0.337C0.093,0.368,0.107,0.42-0.058,0.42c-0.162,0-0.136-0.05-0.139-0.079\r C-0.21,0.234-0.207,0.033-0.2-0.069c0.002-0.035,0.015-0.103-0.16-0.102C-0.521-0.171-0.511-0.1-0.509-0.066\r C-0.502,0.046-0.51,0.379-0.51,0.379"})}),(0,s.jsx)("mask",{id:"mask2",className:ac,children:(0,s.jsx)("path",{d:"M-0.305,0.045\r c0,0,1.262-0.007,1.36-0.007c0.231,0,0.229,0.224-0.001,0.224c-0.14,0.001-0.929-0.002-1.042,0c-0.174,0.003-0.17,0.224-0.021,0.23\r c0.288,0.011,0.87-0.005,1.055-0.011C1.223,0.475,1.228,0.71,1.071,0.71C0.779,0.723,0.09,0.705-0.038,0.712\r s-0.148,0.223,0.031,0.234s0.233,0.011,0.233,0.011"})}),(0,s.jsx)("mask",{id:"mask3",className:oc,children:(0,s.jsx)("path",{d:"M1.15844,0.36167L1.08063,0.40111C0.95906,0.528330.94358,0.771430.87938,0.95278C0.81605,1.131660.65918,1.069850.71313,0.88778C0.75751,0.737960.89903,0.356360.93094,0.16944C0.95119,0.050820.84113,-0.056650.77563,0.12056C0.70882,0.301290.46792,1.203240.32092,0.97256C0.23658,0.840220.60869,0.261270.58134,0.05953C0.56686,-0.047280.49508,-0.06670.43749,0.0378C0.32377,0.244160.27639,0.451050.17792,0.71504C0.07944,0.979030.00295,0.842150.01094,0.75333C0.03758,0.457110.31406,0.1150.23375,-0.01111C0.15331,-0.137420.09392,0.21887-0.0325,0.23722"})}),(0,s.jsx)("mask",{id:"mask4",className:sc,children:(0,s.jsx)("path",{d:"M0.559-0.226L0.535-0.16\r c-0.196,0.171,0.09,0.27-0.022,0.436C0.49,0.31,0.384,0.312,0.344,0.202c-0.035-0.097-0.033-0.195,0.014-0.26\r c0.105-0.143,0.209-0.079,0.264,0.003c0.061,0.09,0.066,0.192,0.047,0.265c-0.093,0.35-0.537,0.162-0.49-0.159\r c0.019-0.129,0.095-0.202,0.196-0.228c0.13-0.034,0.289-0.028,0.373,0.063c0.083,0.09,0.094,0.349-0.014,0.466\r C0.64,0.452,0.178,0.502,0.077,0.256C-0.05-0.055,0.18-0.217,0.373-0.227c0.224-0.012,0.463-0.017,0.535,0.128\r C0.993,0.072,0.978,0.29,0.813,0.427"})}),(0,s.jsx)("mask",{id:"mask5",className:cc,children:(0,s.jsx)("path",{d:"M1.854-1.746L1.537-1.042\r c0.01,0.123-1.79,0.327-2.269,0.467C-1.433-0.37-1.427,0.309-0.835,0.209c0.464-0.078,3.077-0.572,3.921-0.742\r C3.714-0.66,3.81-0.043,3.364,0.102C2.423,0.406-0.153,0.795-1.188,1.026c-0.494,0.11-0.409,0.646,0.107,0.629\r c0.76-0.025,3.983-0.752,4.594-0.793c0.399-0.045,0.967,0.403-0.091,0.66C3.028,1.685,1,2.067,0.612,2.239\r C0.225,2.411,0.27,2.982,1.007,2.833l2.979-0.615"})})]}),(0,s.jsxs)("g",{className:lc,mask:"url(#mask1)",children:[(0,s.jsx)("rect",{fill:"#e3e4e5"}),(0,s.jsx)("image",{xlinkHref:Ri}),(0,s.jsx)("text",{fill:"#757576",children:"Book5"})]}),(0,s.jsxs)("g",{className:uc,mask:"url(#mask2)",children:[(0,s.jsx)("rect",{fill:"#7e7f83"}),(0,s.jsx)("image",{xlinkHref:Fi}),(0,s.jsx)("text",{fill:"#dedede",children:"Book4"})]}),(0,s.jsxs)("g",{className:dc,mask:"url(#mask3)",children:[(0,s.jsx)("rect",{fill:"#f8d3cc"}),(0,s.jsx)("image",{xlinkHref:Oi}),(0,s.jsx)("text",{fill:"#b0304e",children:"Book3"})]}),(0,s.jsxs)("g",{className:mc,mask:"url(#mask4)",children:[(0,s.jsx)("rect",{fill:"#d2e4ce"}),(0,s.jsx)("image",{xlinkHref:Zi}),(0,s.jsx)("text",{fill:"#04756e",children:"Book2"})]}),(0,s.jsxs)("g",{className:fc,mask:"url(#mask5)",children:[(0,s.jsx)("rect",{fill:"#cad9e5"}),(0,s.jsx)("image",{xlinkHref:Gi}),(0,s.jsx)("text",{fill:"#142864",children:"Book1"})]})]}),(0,s.jsx)("div",{className:gc,style:c>=xc.length-1?{pointerEvents:"none"}:{},onClick:function(){if(!d.current&&n.current){var e=c+1,t=n.current.children[e].children[0];f(t,e)}},children:(0,s.jsx)("div",{className:hc,children:(0,s.jsx)(tc.Z,{})})}),(0,s.jsx)("div",{className:pc,style:c<=0?{pointerEvents:"none"}:{},onClick:function(){if(!d.current&&n.current){var e=c-1,t=n.current.children[c].children[0];f(t,e)}},children:(0,s.jsx)("div",{className:hc,children:(0,s.jsx)(nc.Z,{})})})]})},wc="AutoCompletePunctuation_container__EjYmN",jc="AutoCompletePunctuation_content__PIXsh",bc={"'":"'",'"':'"',"(":")","（":"）","【":"】","[":"]","《":"》","「":"」","『":"』","{":"}","“":"”","‘":"’"},_c=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useCallback)((function(e){var t=bc[e.data];if(t&&("insertText"===e.inputType||"compositionend"===e.type))if(["TEXTAREA","INPUT"].includes(e.target.tagName))e.target.setRangeText(t);else{var n=document.createTextNode(t),r=document.getSelection();if(r){var i=r.getRangeAt(0);i.insertNode(n),i.setEndBefore(n),i.commonAncestorContainer.normalize()}}}),[]);return(0,r.useEffect)((function(){return e.current&&(e.current.addEventListener("input",n),e.current.addEventListener("compositionend",n)),t.current&&(t.current.addEventListener("input",n),t.current.addEventListener("compositionend",n)),function(){e.current&&(e.current.removeEventListener("input",n),e.current.removeEventListener("compositionend",n)),t.current&&(t.current.removeEventListener("input",n),t.current.removeEventListener("compositionend",n))}}),[]),(0,s.jsxs)("div",{className:wc,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.autoCompletePunctuation"}),(0,s.jsxs)("div",{className:jc,children:[(0,s.jsx)("textarea",{rows:5,placeholder:"maxLength is 100",maxLength:100,ref:e}),(0,s.jsx)("div",{contentEditable:"true",ref:t})]})]})},Dc="StackedImages_container__Hnz74",Mc="StackedImages_content__bZLt4",kc=[Et,Pt,Bt,It],Nc=function(){return(0,s.jsxs)("div",{className:Dc,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.stackedImages"}),(0,s.jsx)("div",{className:Mc,children:kc.map((function(e,t){return(0,s.jsx)("img",{src:e,alt:""},t)}))})]})},Ec="InteractiveDesign_container__oK3No",Cc="InteractiveDesign_box__+Trza",Sc=[{element:(0,s.jsx)(Ur,{})},{element:(0,s.jsx)(ci,{})},{element:(0,s.jsx)(Ai,{})},{element:(0,s.jsx)(Rr,{data:Tr[0]})},{element:(0,s.jsx)(Ei,{})},{element:(0,s.jsx)(Ti,{})},{element:(0,s.jsx)(aa,{})},{element:(0,s.jsx)(ha,{})},{element:(0,s.jsx)(Ha,{})},{element:(0,s.jsx)(Wa,{})},{element:(0,s.jsx)(io,{})},{element:(0,s.jsx)(lo,{})},{element:(0,s.jsx)(go,{})},{element:(0,s.jsx)(xo,{})},{element:(0,s.jsx)(jo,{})},{element:(0,s.jsx)(ec,{})},{element:(0,s.jsx)(Rr,{data:Tr[1]})},{element:(0,s.jsx)(Ac,{})},{element:(0,s.jsx)(_c,{})},{element:(0,s.jsx)(Nc,{})}],Pc=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Ec,children:Sc.map((function(e,t){return(0,s.jsx)("div",{className:Cc,children:e.element},t)}))})},Bc={container:"BackgroundEffect_container__u+IDp",box:"BackgroundEffect_box__k+mFh",bg1:"BackgroundEffect_bg1__klRoc",bg2:"BackgroundEffect_bg2__kPZ6M",bg3:"BackgroundEffect_bg3__82UV-",bg4:"BackgroundEffect_bg4__z430k",bg5:"BackgroundEffect_bg5__YkL6Y",bg6:"BackgroundEffect_bg6__zUQqR",bg7:"BackgroundEffect_bg7__thgM1",bg8:"BackgroundEffect_bg8__YdGMF",bg9:"BackgroundEffect_bg9__19R3E",bg10:"BackgroundEffect_bg10__htocf",bg11:"BackgroundEffect_bg11__CcLwl",bg12:"BackgroundEffect_bg12__eJxJM",bg13:"BackgroundEffect_bg13__mpoDJ",bg14:"BackgroundEffect_bg14__xnExu",bg15:"BackgroundEffect_bg15__F3Wrj",bg16:"BackgroundEffect_bg16__OBNeN",bg17:"BackgroundEffect_bg17__pb8bY",bg18:"BackgroundEffect_bg18__UKapy",bg19:"BackgroundEffect_bg19__obRK1",bg20:"BackgroundEffect_bg20__mnQic",bg21:"BackgroundEffect_bg21__qF-7f",bg22:"BackgroundEffect_bg22__Fcy+J",bg23:"BackgroundEffect_bg23__HJ4I5",bg24:"BackgroundEffect_bg24__qQdYv",bg25:"BackgroundEffect_bg25__h4HDo",bg26:"BackgroundEffect_bg26__PsQZC",bg27:"BackgroundEffect_bg27__U89Ls",bg28:"BackgroundEffect_bg28__2fShs",bg29:"BackgroundEffect_bg29__hiev7"},Ic=be.GridBox,Tc=new Array(29).fill("1"),Rc=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Bc.container,children:(0,s.jsx)(be,{differentScreenCols:[4,3,3,2,2],rowSpace:8,colSpace:8,children:Tc.map((function(e,t){return(0,s.jsx)(Ic,{children:(0,s.jsx)("div",{className:Bc.box,children:(0,s.jsx)("div",{className:Bc["bg".concat(t+1)]})})},t)}))})})},Fc="LineCombination_container__toPmq",Oc="LineCombination_blackBox__P5fH8",Zc="LineCombination_blackBoxPoint__87aDR",Gc="LineCombination_whiteBox__-MGXi",Qc="LineCombination_whiteBoxPoint__Tz8Uh",Lc="LineCombination_name__E7QvH",zc="LineCombination_value__5BYd0",Hc=0,Vc=0,Uc=function(){var e=(0,r.useRef)(null),t=function t(){if(e.current){var n=Y.findDOMNode(e.current);if(n){var r=n.children.length,i=n.children[Vc],a=null==i?void 0:i.children[0],o=i.clientWidth,s=i.clientHeight,c=a.style;if(Vc%2==0){var l=8;c.left&&(l=parseFloat(c.left));var u=l+4;if(u>=o-8-8)if(a.style.visibility="hidden",Vc>=r-1){var d;Vc=0;var m=null===(d=n.children[Vc])||void 0===d?void 0:d.firstChild;m.style.left="".concat(8,"px"),m.style.visibility="visible"}else{var f;Vc+=1;var g=null===(f=n.children[Vc])||void 0===f?void 0:f.firstChild;g.style.left="-1px",g.style.visibility="visible"}else a.style.left="".concat(u,"px"),"visible"!==a.style.visibility&&(a.style.visibility="visible")}else{var h=-1,p=8;if(c.left&&(h=parseFloat(c.left)),c.bottom&&(p=parseFloat(c.bottom)),h>=o){var v=p-4;if(v<=8){var x;a.style.visibility="hidden",Vc+=1;var y=null===(x=n.children[Vc])||void 0===x?void 0:x.firstChild;y.style.left="".concat(8,"px"),y.style.visibility="visible"}else a.style.bottom="".concat(v,"px")}else if(h<=-1){var A=p+4;A>s-8-8&&(A=s,a.style.width="".concat(8,"px"),a.style.height="1px",a.style.left="".concat(8,"px")),a.style.bottom="".concat(A,"px")}else{var w=h+4;w>o-8-8&&(w=o,a.style.width="1px",a.style.height="".concat(8,"px"),a.style.bottom="".concat(s-8-8)),a.style.left="".concat(w,"px")}}Hc=requestAnimationFrame(t)}}};return(0,r.useEffect)((function(){return e.current&&(Hc=requestAnimationFrame(t)),function(){Hc&&cancelAnimationFrame(Hc)}}),[]),(0,s.jsxs)("div",{className:Fc,ref:e,children:[(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Price"}),(0,s.jsx)("p",{className:zc,children:"$656"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Quantity"}),(0,s.jsx)("p",{className:zc,children:"84351"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Number of partners"}),(0,s.jsx)("p",{className:zc,children:"64"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Date of establishment"}),(0,s.jsx)("p",{className:zc,children:"2008-10-01"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Transaction Analyzed"}),(0,s.jsx)("p",{className:zc,children:"70Bn"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})})]})},Wc=n(93433),Yc=n(15861),Jc=n(64687),qc=n.n(Jc),Kc=n(76755),Xc=n(21734),$c=n(32823),el=n(98879),tl=n(2161),nl=n(1635),rl=n(63754),il=n(57119),al=n(57254),ol=n(58491),sl=n(68628),cl=n(31290),ll=n(35688),ul=n(17582),dl=n(72504),ml=n(16130),fl=n(92977),gl=n(62298),hl=n(6311),pl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;if(0===e)return"0 Bytes";var n=1024,r=t<0?0:t,i=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],a=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,a)).toFixed(r))+" "+i[a]},vl=function(e){if(!e&&0!==e||isNaN(e)||!isFinite(e))return"未知";var t=Math.floor(e/3600).toString().padStart(2,"00"),n=Math.floor(e%3600/60).toString().padStart(2,"00"),r=Math.floor(e%3600%60).toString().padStart(2,"00");return"".concat(t,":").concat(n,":").concat(r)},xl=function(e,t){if(e){var n=e.type.split("/");if("image"===n[0]){var r=n[1].toUpperCase(),i=new FileReader;i.onload=function(n){var i=n.target.result,a=yl(i);a&&(r=a);var o=new Blob([i]);Al(o,(function(n){if(n){var i=new Image;i.onload=function(){var a=i.width,s=i.height,c=jl(n,a,s);if(c){var l={name:e.name,fileType:r,size:e.size,width:a,height:s,imgUrl:n,imageData:c,blob:o};t(l)}else t(null)},i.onerror=function(){t(null)},i.src=n}else t(null)}))},i.readAsArrayBuffer(e)}else t(null)}else t(null)},yl=function(e){var t="";if(e){var n=new DataView(e).getUint32(0,!1);switch(Number(n).toString(16).toUpperCase()){case"FFD8FFDB":t="JPG";break;case"FFD8FFE0":case"FFD8FFE1":case"FFD8FFE2":case"FFD8FFE3":t="JPEG";break;case"89504E47":t="PNG";break;case"47494638":t="GIF";break;case"52494646":t="WEBP"}}return t},Al=function(e,t){if(e){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){e.target?t(e.target.result):t(null)}}else t(null)},wl=function(e){if(!e)return null;var t=e.width,n=e.height,r=document.createElement("canvas"),i=r.getContext("2d");return r.width=t,r.height=n,i.putImageData(e,0,0,0,0,t,n),r.toDataURL("image/png")},jl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e&&t&&n){var r=new Image;r.src=e;var i=document.createElement("canvas"),a=i.getContext("2d");i.width=t,i.height=n,a.drawImage(r,0,0,t,n);var o=a.getImageData(0,0,t,n);return o}return null},bl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e&&t&&n){var r=document.createElement("canvas"),i=r.getContext("2d");r.width=t,r.height=n,i.drawImage(e,0,0,t,n);var a=i.getImageData(0,0,t,n);return a}return null},_l=function(e,t){if(e){var n=document.createElement("a");n.style.visibility="hidden",document.body.appendChild(n),n.download=t;var r=window.URL.createObjectURL(e);n.href=r,n.click(),document.body.removeChild(n),window.URL.revokeObjectURL(r)}},Dl=function(e,t){if(e&&0!==e.length){var n=new Blob(e,{type:"video/webm"}),r="video.webm";if(t){var i=t.split(".");r="".concat(i[0],".webm")}_l(n,r)}},Ml=function(e){var t=document.getElementById("attach_image");if(t){var n=t.height/t.width;0===e?(t.style.width="".concat(t.clientWidth-50,"px"),t.style.height="".concat(t.clientHeight-50*n,"px")):(t.style.width="".concat(t.clientWidth+50,"px"),t.style.height="".concat(t.clientHeight+50*n,"px"))}},kl=function(){var e=document.getElementById("attach_image");if(e){var t=!1,n=null,r=null;e.onmousewheel=function(e){e.stopPropagation(),e.preventDefault();var t=e.wheelDelta||e.detail;Ml(t>0?1:0)},e.onmousedown=function(e){e.stopPropagation(),e.preventDefault(),t=!0,n=e.clientX,r=e.clientY},e.onmouseup=function(e){e.stopPropagation(),e.preventDefault(),t=!1},e.onmousemove=function(i){if(i.stopPropagation(),i.preventDefault(),t){var a=i.clientX,o=i.clientY,s=a-n,c=o-r,l=document.getElementById("attach_imgDiv");if(l){var u=parseFloat(e.style.left)+s,d=parseFloat(e.style.top)+c,m=-.75*parseFloat(e.style.width),f=parseFloat(l.style.width)-.25*parseFloat(e.style.width),g=-.75*parseFloat(e.style.height),h=parseFloat(l.style.height)-.25*parseFloat(e.style.height);u<m?u=m:u>f&&(u=f),d<g?d=g:d>h&&(d=h),e.style.left="".concat(u,"px"),e.style.top="".concat(d,"px"),n=a,r=o}}}}},Nl="FileView_container__SyQN4",El="FileView_tableLy__kaeXq",Cl="FileView_viewContainer__n0Kg6",Sl="FileView_progress__GtmqC",Pl="FileView_imgDiv__ErTpj",Bl="FileView_downLoadTip__FIvRY",Il="FileView_emptyTip__OW2E4",Tl="FileView_arrowIcon__2JeuW",Rl="FileView_leftArrow__IeXsk",Fl="FileView_rightArrow__HPiMt",Ol="FileView_imgInfo__Z2qPj",Zl="FileView_imgOperate__h-UFp",Gl="FileView_iconDiv__GUb18",Ql="FileView_left__Erhr-",Ll="FileView_xiangXia__cm3bW",zl="FileView_xiangShang__2ATuW",Hl="FileView_fileContainer__rbVnb",Vl="FileView_draggerBox__GNF2g",Ul="FileView_draggerTextBoxHover__6Z8I-",Wl="FileView_draggerTextBox__2soxW",Yl="FileView_firstLine__5trSy",Jl="FileView_linkBtn__n-sJb",ql="FileView_secondLine__9YFcw",Kl="FileView_moreOperate__e+uIL",Xl="FileView_poperSpan__8roYR";function $l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function eu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$l(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var tu,nu=Kc.Z.Option,ru=Xc.Z.Dragger,iu={isProgress:!1,percent:0,progressTimer:null},au={imgSrc:"",imgScale:0,userName:"",fileName:"",updateTime:"",imgOrigin:{width:0,height:0},imgRotate:0},ou=function(e){var t=e.id,n=e.disabled,i=void 0!==n&&n,a=e.style,c=void 0===a?{}:a,l=(0,r.useState)(iu),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useRef)(iu),g=(0,r.useState)(!1),h=(0,o.Z)(g,2),p=h[0],x=h[1],y=(0,r.useState)((0,hl.Z)(au)),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useRef)((0,hl.Z)(au)),_=(0,r.useState)(!1),D=(0,o.Z)(_,2),M=D[0],k=D[1],N=(0,r.useState)([]),E=(0,o.Z)(N,2),C=E[0],S=E[1],P=(0,r.useRef)([]),B=(0,r.useState)(null),I=(0,o.Z)(B,2),T=I[0],R=I[1],F=(0,r.useRef)(null),O=(0,r.useRef)(null),Z=function(e){O.current=F.current,F.current=e,R(e);var t=(0,hl.Z)(au);if(e){var n=document.getElementById("attach_image");n&&(n.style.webkitTransform="rotate(0deg)",n.style.top="0px",n.style.left="0px",n.style.width="unset",n.style.height="unset",n.removeAttribute("width"),n.removeAttribute("height"));var r=e.value.split("?fileId");t=r.length>1?eu(eu({},t),{},{imgSrc:"data:image/jpg;base64,".concat(r[1])}):eu(eu({},t),{},{imgSrc:"data:image/jpg;base64,".concat(e.value)})}b.current=t,j(t)},G=function(e){if(e){var t=e.substring(e.lastIndexOf(".")+1);if(t)return t.toLowerCase()}return""},Q=function(){var e=(0,Yc.Z)(qc().mark((function e(t){return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();(0,r.useEffect)((function(){f.current=iu,m(iu),k(!1),x(!1),P.current=[],S([]),Z(null),t&&Q(t)}),[t]),(0,r.useEffect)((function(){!O.current&&T&&kl()}),[T]);var L=function(e){var t=document.getElementsByClassName("ant-upload-drag");t&&t.length>0&&t[0].classList.remove(Ul)},z=function(e){var t="";return t="left"===e?P.current[0].fileId:P.current[P.current.length-1].fileId,F.current&&t===F.current.fileId?"#d8d8d8":"#666666"},H=function(e,t){if(e){var n=G(e.fileName);if(["jpg","jpeg","png","gif"].includes(n)){if(t){var r=new FileReader;r.readAsArrayBuffer(t),r.onload=function(r){var i,a=window.btoa(new Uint8Array(null===(i=r.target)||void 0===i?void 0:i.result).reduce((function(e,t){return e+String.fromCharCode(t)}),"")),o=eu({},e);o.fileId=e.fileId,o.fileName=e.fileName,o.fileType=n,o.value=a,o.size=pl(t.size),o.upTime=(0,sr.Z)(e.createTime,"yyyy-MM-dd HH:mm:ss"),o.userNmae="".concat(e.uploadUserName,"/").concat(e.uploadUser);var s=[].concat((0,Wc.Z)(P.current),[o]);P.current=s,S(s),Z(o)}}}else{var i=eu({},e);i.fileId=e.fileId,i.fileName=e.fileName,i.fileType=n,i.value="",i.size=pl(t.size),i.upTime=(0,sr.Z)(e.createTime,"yyyy-MM-dd HH:mm:ss"),i.userNmae="".concat(e.uploadUserName,"/").concat(e.uploadUser);var a=[].concat((0,Wc.Z)(P.current),[i]);P.current=a,S(a),Z(i)}}},V=function(){var e=(0,Yc.Z)(qc().mark((function e(t){var n,r;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.event&&t.event.preventDefault(),!i){e.next=3;break}return e.abrupt("return");case 3:if(!f.current.isProgress){e.next=6;break}return $c.ZP.warning("有文件正在上传，请稍侯"),e.abrupt("return");case 6:(n=eu(eu({},iu),{},{isProgress:!0})).progressTimer=window.setInterval((function(){if(f.current.percent<90){var e=eu(eu({},f.current),{},{percent:f.current.percent+Math.floor(20*Math.random())});f.current=e,m(e)}}),800),f.current=n,m(n);try{setTimeout((function(){f.current.progressTimer&&window.clearInterval(f.current.progressTimer);var e=eu({},iu);f.current=e,m(e);var n={code:200,data:{fileId:Number(Math.random().toString().substring(3,8)+Date.now()).toString(36),fileName:t.file.name,createTime:(new Date).getTime(),uploadUserName:"userName",uploadUser:"000001"},msg:""};n&&200===n.code?H(n.data,t.file.originFileObj):$c.ZP.error("上传".concat(t.file.name,"失败"))}),2e3)}catch(e){f.current.progressTimer&&window.clearInterval(f.current.progressTimer),r=eu({},iu),f.current=r,m(r),$c.ZP.error("上传".concat(t.file.name,"失败"))}case 11:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),U=function(){var e=(0,Yc.Z)(qc().mark((function e(t){var n;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t||T){e.next=4;break}return $c.ZP.warning("无文件可进行删除"),e.abrupt("return");case 4:if(!i){e.next=7;break}return $c.ZP.warning("目前状态不允许删除"),e.abrupt("return");case 7:v.Z.confirm({title:"删除文件提示",content:"确认删除【".concat(n.fileName,"】文件？"),icon:(0,s.jsx)(il.Z,{}),centered:!0,onOk:function(){var e=(0,Yc.Z)(qc().mark((function e(){return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:$c.ZP.warning("删除中..."),setTimeout((function(){var e={code:200,data:{},msg:""};if(e&&200===e.code){$c.ZP.success("删除文件成功");var t=P.current.filter((function(e){return e.fileId!==n.fileId}));P.current=t,S(t),O.current=F.current,t.length>0?Z(t[0]):Z(null)}else $c.ZP.error(e.msg)}),2e3);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()});case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),W=function(){var e=(0,Yc.Z)(qc().mark((function e(){return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(T){e.next=2;break}return e.abrupt("return");case 2:$c.ZP.warning("下载中..."),setTimeout((function(){$c.ZP.success("下载成功")}),2e3);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Y=function(e){var t=document.getElementById("attach_image");switch(e){case 0:t&&b.current&&(t.style.width="700px",t.style.height="".concat(700*b.current.imgScale,"px"),t.style.top="0px",t.style.left="0px");break;case 1:t&&b.current&&(t.style.width="".concat(t.clientWidth+50,"px"),t.style.height="".concat(t.clientHeight+50*b.current.imgScale,"px"));break;case 2:t&&b.current&&(t.style.width="".concat(t.clientWidth-50,"px"),t.style.height="".concat(t.clientHeight-50*b.current.imgScale,"px"));break;case 3:t&&b.current&&(t.style.width="".concat(b.current.imgOrigin.width,"px"),t.style.height="".concat(b.current.imgOrigin.height,"px"),t.style.top="0px",t.style.left="0px");break;case 4:if(t&&b.current){var n=eu(eu({},b.current),{},{imgRotate:b.current.imgRotate+1});b.current=n,j(n),t.style.webkitTransform="rotate(".concat(-90*b.current.imgRotate,"deg)")}break;case 5:U();break;case 6:W();break;case 7:for(var r=0,i=P.current.length;r<i;r++){var a;if(P.current[r].fileId===(null===(a=F.current)||void 0===a?void 0:a.fileId)&&r<P.current.length-1){Z(P.current[r+1]);break}}break;case 8:for(var o=0,s=P.current.length;o<s;o++){var c;if(P.current[o].fileId===(null===(c=F.current)||void 0===c?void 0:c.fileId)&&o>0){Z(P.current[o-1]);break}}}};return(0,s.jsx)("div",{className:Nl,style:c,children:(0,s.jsx)("div",{className:El,children:(0,s.jsxs)("div",{style:{width:"860px"},children:[(0,s.jsx)("div",{style:{width:"100%",height:"87vh",minHeight:"700px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)"},children:(0,s.jsxs)("div",{className:Cl,children:[d.isProgress&&(0,s.jsxs)("div",{className:Sl,children:[(0,s.jsx)(el.Z,{style:{width:"400px"},percent:d.percent,showInfo:!1}),(0,s.jsxs)("span",{style:{marginTop:"16px"},children:["上传中，请稍候...",d.percent>100?100:d.percent,"%"]})]}),(0,s.jsxs)("div",{id:"attach_imgDiv",className:Pl,children:[T&&(0,s.jsxs)("div",{children:[["jpg","jpeg","png","gif"].includes((null==T?void 0:T.fileType)||"")&&(0,s.jsx)("img",{id:"attach_image",src:null==w?void 0:w.imgSrc,style:{position:"absolute",top:0,left:0},onLoad:function(){var e=document.getElementById("attach_image");if(e){var t=eu(eu({},b.current),{},{imgScale:e.clientHeight/e.clientWidth,imgOrigin:{width:e.clientWidth,height:e.clientHeight}});b.current=t,j(t),e.style.width="700px",e.style.height="".concat(700*t.imgScale,"px")}},alt:""}),["pdf","doc","cocx","xls","xlsx","rar","zip","7z","wim","tar"].includes((null==T?void 0:T.fileType)||"")&&(0,s.jsxs)("div",{className:Bl,children:["如果想要浏览该文件，您可以",(0,s.jsx)(oe.Z,{type:"link",onClick:function(){return Y(6)},children:"点击下载"})]})]}),!T&&!d.isProgress&&(0,s.jsxs)("div",{className:Il,children:[(0,s.jsx)("div",{style:{width:"100%",color:"#333333"},children:"请上传文件"}),(0,s.jsxs)("div",{style:{width:"100%",color:"#ababab",marginTop:"10px",lineHeight:"20px"},children:["不超过30M,",(0,s.jsx)("br",{}),"支持jpg,jpeg,png,gif格式的文件"]})]}),T&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"".concat(Tl," ").concat(Rl),style:{backgroundColor:z("left")},onClick:function(){return Y(8)},children:(0,s.jsx)(tc.Z,{})}),(0,s.jsx)("span",{className:"".concat(Tl," ").concat(Fl),style:{backgroundColor:z("right")},onClick:function(){return Y(7)},children:(0,s.jsx)(nc.Z,{})})]})]}),p&&(0,s.jsx)("div",{className:Ol,children:(0,s.jsxs)(tl.Z,{children:[(0,s.jsx)(nl.Z,{span:24,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["文件名：",null==T?void 0:T.fileName]})}),(0,s.jsx)(nl.Z,{span:16,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["上传者：",null==T?void 0:T.userName]})}),(0,s.jsx)(nl.Z,{span:8,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["上传时间：",null==T?void 0:T.upTime]})})]})}),T&&(0,s.jsxs)("div",{className:Zl,children:[(0,s.jsxs)("div",{className:Ql,children:[(0,s.jsx)(Kc.Z,{placeholder:"请选择",style:{width:"300px"},size:"small",value:T.fileId,loading:M,onChange:function(e){for(var t=null,n=0,r=P.current.length;n<r;n++){var i=P.current[n];if(i.fileId===e){t=i;break}}Z(t)},children:C.map((function(e,t){return(0,s.jsx)(nu,{value:e.fileId,children:"".concat(t+1,"/").concat(C.length,"：").concat(e.fileName)},e.fileId)}))}),(0,s.jsx)("span",{onClick:function(){return Y(7)},className:"".concat(Gl," ").concat(Ll),children:(0,s.jsx)(al.Z,{})}),(0,s.jsx)("span",{onClick:function(){return Y(8)},className:"".concat(Gl," ").concat(zl),children:(0,s.jsx)(ol.Z,{})})]}),(0,s.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end"},children:[(0,s.jsx)("span",{className:Gl,onClick:function(){return x(!p)},children:(0,s.jsx)(sl.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(0)},children:(0,s.jsx)(cl.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(3)},children:(0,s.jsx)(ll.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(4)},children:(0,s.jsx)(ul.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(1)},children:(0,s.jsx)(dl.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(2)},children:(0,s.jsx)(ml.Z,{})}),(0,s.jsx)(rl.Z,{style:{width:"80px"},content:(0,s.jsxs)("div",{className:Kl,children:[(0,s.jsx)("span",{className:Xl,onClick:function(){return Y(6)},children:"下载文件"}),(0,s.jsx)("span",{className:Xl,onClick:function(){return Y(5)},children:"删除文件"})]}),children:(0,s.jsx)("span",{className:Gl,children:(0,s.jsx)(fl.Z,{})})})]})]})]})}),(0,s.jsx)("div",{className:Hl,children:(0,s.jsx)(ru,{className:Vl,multiple:!0,showUploadList:!1,disabled:i,beforeUpload:function(e){if(i)return $c.ZP.warning("目前状态不允许修改"),!1;var t=G(e.name);return["jpg","jpeg","png","gif","pdf","doc","cocx","xls","xlsx","rar","zip","7z","wim","tar"].includes(t)?e.size>31457280?($c.ZP.warning("单个文件大小不能超过30M"),!1):void 0:($c.ZP.warning("请上传符合格式要求的文件"),!1)},customRequest:function(){},onDrop:function(e){return e.preventDefault()},onChange:V,children:(0,s.jsxs)("div",{className:Wl,onDragOver:function(e){var t=document.getElementsByClassName("ant-upload-drag");t&&t.length>0&&t[0].classList.add(Ul)},onDragLeave:L,onDrop:L,children:[(0,s.jsxs)("div",{className:Yl,children:[(0,s.jsx)(gl.Z,{}),(0,s.jsx)("span",{children:"将文件拖拽到此处，或"}),(0,s.jsx)("span",{className:i?"":Jl,children:"点击上传"})]}),(0,s.jsx)("div",{className:ql,children:"系统支持的格式为jpg,jpeg,png,gif,pdf,doc,docx,xls,xlsx,rar,zip,7z,wim,tar的文件"})]})})})]})})})},su="ComplexLayout_container__xqRV5",cu="ComplexLayout_box__Hjeq7",lu=[{element:(0,s.jsx)(Uc,{})},{element:(0,s.jsx)(ou,{})}],uu=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:su,children:lu.map((function(e,t){return(0,s.jsx)("div",{className:cu,children:e.element},t)}))})},du=n(82029),mu="Page1_container__8IHn6",fu="Page1_content__zgPdQ",gu="Page1_top__Tik59",hu="Page1_title__qIkYy",pu="Page1_author__EVTso",vu="Page1_appoint__gEum0",xu="Page1_articleContent__STpiB",yu="Page1_subTitle__g0Ill",Au="Page1_codeBox__hf4Aw",wu="Page1_strong__Um16S",ju=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsxs)("div",{className:fu,children:[(0,s.jsxs)("div",{className:gu,children:[(0,s.jsx)("div",{className:hu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.title"})}),(0,s.jsx)("div",{className:pu,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.author"}),": River")})]}),(0,s.jsxs)("div",{className:vu,children:[(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.appoint"}),":")}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.appointText1"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.appointText2"})})]}),(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle1"})}),(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des1"}),":")}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox1.text"}))}),(0,s.jsx)("div",{children:'<a href="http://b.com?data=1" target="_blank" />'})]}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox2.text"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var data = window.location.href.split("?")[1].split("=")[1];'}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des2"}),":")}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'window.open("http://b.com?data=1", "_blank");'}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des3"})})]})]})})},bu=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsx)("div",{className:fu,children:(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle2"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des4"})}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var popup = window.open("http://b.com", "_blank");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if(popup){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"setTimeout(function(){"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'popup.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"},500);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageB"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function receiveMessage(event){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'if (event.origin !== "http://a.com") return;'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"console.log(JSON.parse(event.data)); // {data: 1}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'window.addEventListener("message", receiveMessage, false);'}),(0,s.jsx)("div",{children:"<script>"})]})]})})})},_u=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsx)("div",{className:fu,children:(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des5"})}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:'<iframe id="myIframe" src="http://b.com" />'}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var myIframe = document.getElementById("myIframe");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if (myIframe) {"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'myIframe.contentWindow.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des6"})}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des7"})}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des8"})})]})})})},Du=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsx)("div",{className:fu,children:(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle3"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des9"})}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:'<span onClick="toB();">Jump</span>'}),(0,s.jsx)("div",{children:'<iframe id="myIframe" src="http://b.com" style="display: none" />'}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function toB(){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'var myIframe = document.getElementById("myIframe");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if (myIframe) {"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'myIframe.contentWindow.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'window.open("http://b.com", "_blank");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]})]})})})},Mu=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsx)("div",{className:fu,children:(0,s.jsxs)("div",{className:xu,children:[(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageB"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"var aData = localStorage.getItem(“aPageData”);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if(aData){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"doSomething(aData); // ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox3.text"}))}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"localStorage.removeItem(“aPageData”);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}else{"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"window.addEventListener(“message”, receiveMessage, false);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function receiveMessage(event){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if (event.origin !== “http://a.com”) return;"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if(event.data){"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"localStorage.setItem(“aPageData”, event.data);"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{className:wu,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des10"}),": ")}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des11"})}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des12"})})]})})})},ku="AppPageFrame_container__pjrxk",Nu="AppPageFrame_content__VqApo",Eu="AppPageFrame_firstPage__vOVdI",Cu="AppPageFrame_head__gE2DM",Su="AppPageFrame_left__Efl5l",Pu="AppPageFrame_logo__8Jwal",Bu="AppPageFrame_appName__0-Afb",Iu="AppPageFrame_right__gUcB6",Tu="AppPageFrame_btn__BkWG7",Ru=100;!function(e){e[e.next=0]="next",e[e.prev=1]="prev"}(tu||(tu={}));var Fu,Ou=function(){var e=(0,h.Z)(),t=d(),n=t.menuWidth,i=t.headHeight,a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useState)(0),u=(0,o.Z)(l,2),m=u[0],f=u[1],g=(0,r.useState)(0),p=(0,o.Z)(g,2),v=p[0],x=p[1],y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useState)(0),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1),M=(0,r.useRef)(0),k=(0,r.useRef)(""),N=(0,r.useState)(0),E=(0,o.Z)(N,2),C=E[0],S=E[1],P=(0,r.useState)(0),B=(0,o.Z)(P,2),I=B[0],T=B[1],R=(0,r.useRef)(0),F=function e(){if(a.current){var t=Y.findDOMNode(a.current),n=t.scrollTop;if("toTop"===k.current)if(t.scrollTop<m-Ru){var r=Math.min(n+25,m-Ru);A.current=!0,t.scrollTop=r,_(r),M.current=window.requestAnimationFrame(e)}else k.current="",A.current=!1,D.current=!1;else if("toBottom"===k.current)if(t.scrollTop>0){var i=Math.max(n-25,0);A.current=!0,t.scrollTop=i,_(i),M.current=window.requestAnimationFrame(e)}else k.current="",A.current=!1,D.current=!1}},O=function(){D.current=!0,k.current||(k.current="toTop",S(1),M.current=window.requestAnimationFrame(F))},Z=(0,ae.Z)((function(e){if(y.current){switch(e){case tu.next:y.current.slideNext();break;case tu.prev:y.current.slidePrev()}var t=Y.findDOMNode(a.current),n=y.current.realIndex;if(n<=0)t.scrollTop!==m-Ru&&(A.current=!0,t.scrollTop=m-Ru,_(m-Ru));else{var r=(m-Ru)*(n+1);t.scrollTop!==r&&(A.current=!0,t.scrollTop=r,_(r))}}}),{wait:100}),G=(0,ae.Z)((function(e){A.current?A.current=!1:D.current||e.target.className===ku&&(y.current?e.target.scrollTop>m-Ru?e.target.scrollTop>b?Z.run(tu.next):e.target.scrollTop<b&&Z.run(tu.prev):e.target.scrollTop>b&&b<m-Ru?O():e.target.scrollTop<b&&(D.current=!0,k.current||(k.current="toBottom",S(0),M.current=window.requestAnimationFrame(F))):_(e.target.scrollTop))}),{wait:100});(0,r.useEffect)((function(){if(a.current){var e=document.body.clientHeight-i;f(e),x(5*(e-Ru))}}),[I,i]);var Q=function(){R.current>=1e4?(R.current=0,T(0)):(R.current=R.current+1,T(R.current+1))};(0,r.useEffect)((function(){return window.addEventListener("resize",Q),function(){window.removeEventListener("resize",Q)}}),[]),(0,r.useEffect)((function(){var e=new du.ZP(".swiper",{direction:"vertical",speed:1e3,loop:!1,simulateTouch:!1,keyboard:{enabled:!0,onlyInViewport:!0},on:{slideChange:function(){S(this.activeIndex+1)}}});y.current=e}),[]);var L=function(e){var t=Y.findDOMNode(a.current);switch(e){case"SecondPage":var n=1*(m-Ru);y.current&&y.current.activeIndex>0?(A.current=!0,t.scrollTop=n,_(n),y.current.slideTo(0)):b!==n&&O();break;case"ThirdPage":var r,i=2*(m-Ru);if(b!==i)A.current=!0,t.scrollTop=i,_(i),null===(r=y.current)||void 0===r||r.slideTo(1);break;case"LastPage":var o,s=4*(m-Ru);if(b!==s)A.current=!0,t.scrollTop=s,_(s),null===(o=y.current)||void 0===o||o.slideTo(3)}};return(0,s.jsxs)("div",{className:ku,onScrollCapture:G.run,ref:a,children:[(0,s.jsxs)("div",{className:Nu,style:v?{height:"".concat(v,"px")}:{},ref:c,children:[(0,s.jsx)("div",{className:Eu,style:m?{height:"".concat(m,"px")}:{},children:(0,s.jsx)(ju,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper",style:m?{height:"".concat(m-Ru,"px")}:{},children:(0,s.jsxs)("div",{className:"swiper-wrapper",children:[(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(bu,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(_u,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Du,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Mu,{showPageIndex:C})})]})})]}),(0,s.jsxs)("div",{className:Cu,style:b>=m-Ru?{borderBottom:"1px solid #999",left:"".concat(n,"px"),width:"calc(100% - ".concat(n,"px)")}:{left:"".concat(n,"px"),width:"calc(100% - ".concat(n,"px)")},children:[(0,s.jsxs)("div",{className:Su,children:[(0,s.jsx)("div",{className:Pu,children:"L"}),(0,s.jsx)("span",{className:Bu,children:"App Name"})]}),(0,s.jsxs)("div",{className:Iu,children:[(0,s.jsx)("div",{className:Tu,onClick:function(){return L("SecondPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.secondPage"})}),(0,s.jsx)("div",{className:Tu,onClick:function(){return L("ThirdPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.thirdPage"})}),(0,s.jsx)("div",{className:Tu,onClick:function(){return L("LastPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.lastPage"})})]})]})]})},Zu=n(26703),Gu=n(88528),Qu="ShearPlate_container__A3IuO",Lu="ShearPlate_title__gxJOo",zu="ShearPlate_content__vJVhw",Hu="ShearPlate_inputBox__W7UHM",Vu="ShearPlate_text__0QXK+",Uu="ShearPlate_imageBox__-9KO8",Wu="ShearPlate_textArea__vjqXI",Yu="ShearPlate_imgBox__ctB7Q",Ju="ShearPlate_emptyBox__vVriz",qu="ShearPlate_uploadBtn__hhEOk",Ku="ShearPlate_tips__5RqZh",Xu="ShearPlate_btns__QrNT6",$u="ShearPlate_box__dsVRR",ed=Zu.Z.TextArea,td=function(){var e=(0,h.Z)(),t=(0,r.useState)(""),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(""),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useState)(null),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(""),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(null),M=function(t){t&&t.length>0&&xl(t[0],(function(t){t||$c.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),A(t)}))},k=function(){var t=(0,Yc.Z)(qc().mark((function t(){var n,r;return qc().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(y){t.next=3;break}return $c.ZP.warning(e.formatMessage({id:"common.pleaseUploadPicture"})),t.abrupt("return");case 3:if(!navigator.clipboard){t.next=11;break}return n=y.blob,r=new Blob([n],{type:"image/png"}),t.next=8,navigator.clipboard.write([new window.ClipboardItem((0,P.Z)({},"image/png",r))]);case 8:$c.ZP.success(e.formatMessage({id:"common.saveSuccessfully"})),t.next=12;break;case 11:console.error(e.formatMessage({id:"common.saveFailed"}));case 12:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return(0,s.jsxs)("div",{className:Qu,children:[(0,s.jsx)("div",{className:Lu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.operatingShears"})}),(0,s.jsxs)("div",{className:zu,children:[(0,s.jsxs)("div",{className:$u,children:[(0,s.jsxs)("div",{className:Hu,children:[(0,s.jsx)("div",{className:Vu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveTextToClipboard"})}),(0,s.jsx)(ed,{rows:8,placeholder:e.formatMessage({id:"common.pleaseEnterText"}),maxLength:300,value:i,onChange:function(e){a(e.target.value)}}),(0,s.jsxs)("div",{className:Xu,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(i){if(navigator.clipboard)navigator.clipboard.writeText(i);else{var t=document.createElement("input");t.setAttribute("value",i),document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}$c.ZP.success(e.formatMessage({id:"common.saveSuccessfully"}))}else $c.ZP.warning(e.formatMessage({id:"page.htmlVision.utilitarianFunction.pleaseEnterText"}))},style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(oe.Z,{ghost:!0,onClick:function(){a(""),d("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Hu,children:[(0,s.jsx)("div",{className:Vu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getsTextFromClipboard"})}),(0,s.jsx)(ed,{rows:8,placeholder:e.formatMessage({id:"common.getText"}),maxLength:300,disabled:!0,value:u}),(0,s.jsx)("div",{className:Xu,children:(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){navigator.clipboard?navigator.clipboard.readText().then((function(e){d(e)})):$c.ZP.error(e.formatMessage({id:"common.failedToObtain2"}))},style:{marginTop:10},children:e.formatMessage({id:"common.get"})})})]})]}),(0,s.jsxs)("div",{className:$u,children:[(0,s.jsxs)("div",{className:Hu,children:[(0,s.jsx)("div",{className:Vu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveImageToClipboard"})}),(0,s.jsx)("div",{className:Uu,style:{borderColor:g?"green":"#ccc"},onDragOver:function(e){e.stopPropagation(),e.preventDefault(),g||p(!0)},onDragLeave:function(e){e.stopPropagation(),e.preventDefault(),g&&p(!1)},onDrop:function(e){e.stopPropagation(),e.preventDefault(),g&&p(!1);var t=e.dataTransfer.files;M(t)},children:y?(0,s.jsx)("div",{className:Yu,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})}):(0,s.jsxs)("div",{className:Ju,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:qu,children:[(0,s.jsx)(Gu.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;M(t)}})]}),(0,s.jsx)("p",{className:Vu,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Ku,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:Xu,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:k,style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(oe.Z,{ghost:!0,onClick:function(){A(null),_("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Hu,children:[(0,s.jsx)("div",{className:Vu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getImageFromClipboard"})}),(0,s.jsxs)("div",{className:Uu,children:[(0,s.jsx)(ed,{className:Wu,placeholder:e.formatMessage({id:"page.htmlVision.utilitarianFunction.pasteTheImage"}),rows:8,maxLength:300,readOnly:!0,ref:D,onPaste:function(t){var n=t.clipboardData&&t.clipboardData.items,r=null;if(n&&n.length)for(var i=0;i<n.length;i++)if(-1!==n[i].type.indexOf("image")){r=n[i].getAsFile();break}r?Al(r,(function(t){t?_(t):(_(""),$c.ZP.error(e.formatMessage({id:"common.failedToObtain"})))})):$c.ZP.error(e.formatMessage({id:"common.failedToObtain"}))}}),b&&(0,s.jsx)("div",{className:Yu,children:(0,s.jsx)("img",{src:b,alt:""})})]})]})]})]})]})},nd="RecordedAudio_container__RaqtU",rd="RecordedAudio_title__PkAAx",id="RecordedAudio_content__vaNK8";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Fu||(Fu={}));var ad,od=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)([]),i=(0,r.useState)(""),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useState)(""),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useState)(Fu.ready),p=(0,o.Z)(g,2),v=p[0],x=p[1];return(0,r.useEffect)((function(){return function(){c&&window.URL.revokeObjectURL(c)}}),[]),(0,s.jsxs)("div",{className:nd,children:[(0,s.jsx)("div",{className:rd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordAudio"})}),(0,s.jsxs)("div",{className:id,children:[(0,s.jsx)("audio",{controls:!0,src:c}),(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(t.current)v===Fu.inRecording?(t.current.stop(),x(Fu.ready)):(c&&(window.URL.revokeObjectURL(c),f(""),l("")),t.current.start(),x(Fu.inRecording));else{navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia({audio:!0}).then((function(e){var r=new MediaRecorder(e);r.ondataavailable=function(e){n.current.push(e.data)},r.onstop=function(e){var t=new Blob(n.current,{type:"audio/ogg;codecs=opus"});f("".concat((new Date).getTime(),".ogg"));var r=window.URL.createObjectURL(t);l(r),n.current=[]},t.current=r,t.current.start(),x(Fu.inRecording)})).catch((function(t){t.message&&t.message.includes("not found")?$c.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):$c.ZP.error(e.formatMessage({id:"common.impowerOpenMicrophone"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:v===Fu.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),c&&(0,s.jsx)("a",{download:m,href:c,children:e.formatMessage({id:"common.download"})})]})]})},sd="RecordedVideo_container__NkqWY",cd="RecordedVideo_title__fUoXJ",ld="RecordedVideo_content__asWV1",ud="RecordedVideo_videoBox__18hnw",dd="RecordedVideo_recordVideo__0UQPG",md="RecordedVideo_playVideo__cxP10",fd="RecordedVideo_btns__NAtxU";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(ad||(ad={}));var gd,hd=Math.floor(.36*window.screen.width),pd=Math.floor(.36*window.screen.height),vd=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(""),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=(0,r.useState)(ad.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1];return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:sd,children:[(0,s.jsx)("div",{className:cd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordVideo"})}),(0,s.jsxs)("div",{className:ld,children:[(0,s.jsxs)("div",{className:ud,style:{width:"".concat(hd,"px"),height:"".concat(pd,"px")},children:[(0,s.jsx)("video",{className:dd,style:{width:"".concat(hd,"px"),height:"".concat(pd,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===ad.playing&&(0,s.jsx)("video",{className:md,style:{width:"".concat(hd,"px"),height:"".concat(pd,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:d,ref:n})]}),(0,s.jsxs)("div",{className:fd,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(i.current)A===ad.inRecording?(i.current.stop(),w(ad.ready)):d?(window.URL.revokeObjectURL(d),v(""),m(""),t.current&&c.current&&(t.current.srcObject=c.current),w(ad.ready)):(t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),w(ad.inRecording));else if(t.current){var n={audio:!0,video:{width:hd,height:pd,facingMode:"user",frameRate:60}};navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(n).then((function(e){t.current&&e&&(c.current=e);var n=!(!/Safari/.test(navigator.userAgent)||/Chrome/.test(navigator.userAgent))?"video/mp4":"video/webm";try{var r=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});r.ondataavailable=function(e){e.data&&e.data.size>0&&a.current.push(e.data)},r.onstop=function(e){var t=new Blob(a.current,{type:"video/mp4"});v("".concat((new Date).getTime(),".mp4"));var n=window.URL.createObjectURL(t);m(n),a.current=[]},i.current=r,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),w(ad.inRecording)}catch(e){$c.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){t.message&&t.message.includes("not found")?$c.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):$c.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:A===ad.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):d?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),d&&(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),w(ad.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:p,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},xd="RecordedScreen_container__ocp0M",yd="RecordedScreen_title__W0vMd",Ad="RecordedScreen_content__VeJjk",wd="RecordedScreen_videoBox__h9jea",jd="RecordedScreen_recordVideo__RxPmj",bd="RecordedScreen_playVideo__omjcA",_d="RecordedScreen_btns__TSHxB";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(gd||(gd={}));var Dd,Md,kd,Nd=Math.floor(.36*window.screen.width),Ed=Math.floor(.36*window.screen.height),Cd=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(""),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=(0,r.useState)(gd.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useRef)(gd.ready);return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:xd,children:[(0,s.jsx)("div",{className:yd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordScreen"})}),(0,s.jsxs)("div",{className:Ad,children:[(0,s.jsxs)("div",{className:wd,style:{width:"".concat(Nd,"px"),height:"".concat(Ed,"px")},children:[(0,s.jsx)("video",{className:jd,style:{width:"".concat(Nd,"px"),height:"".concat(Ed,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===gd.playing&&(0,s.jsx)("video",{className:bd,style:{width:"".concat(Nd,"px"),height:"".concat(Ed,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:d,ref:n})]}),(0,s.jsxs)("div",{className:_d,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){i.current?A===gd.inRecording?(i.current.stop(),j.current=gd.ready,w(gd.ready)):d&&(window.URL.revokeObjectURL(d),v(""),m(""),i.current=null,j.current=gd.ready,w(gd.ready)):t.current&&(navigator.mediaDevices.getDisplayMedia?navigator.mediaDevices.getDisplayMedia({video:!0}).then((function(e){t.current&&e&&(c.current=e);var n=MediaRecorder.isTypeSupported("video/webm; codecs=vp9")?"video/webm; codecs=vp9":"video/webm";try{var r=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});r.ondataavailable=function(e){e.data&&e.data.size>0&&a.current.push(e.data)},r.onstop=function(){j.current===gd.inRecording&&(j.current=gd.ready,w(gd.ready));var e=new Blob(a.current,{type:"video/webm"});v("".concat((new Date).getTime(),".webm"));var t=window.URL.createObjectURL(e);m(t),a.current=[]},i.current=r,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),j.current=gd.inRecording,w(gd.inRecording)}catch(e){$c.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){$c.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetDisplayMedia"})))},children:A===gd.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):d?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),d&&(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),j.current=gd.playing,w(gd.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:p,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},Sd=n(42428),Pd=(n(38986),n(22991),n(90322)),Bd=n.n(Pd),Id=n(27885),Td={};Td.toRGBA8=function(e){var t=e.width,n=e.height;if(null===e.tabs.acTL)return[Td.toRGBA8.decodeImage(e.data,t,n,e).buffer];var r=[];null===e.frames[0].data&&(e.frames[0].data=e.data);for(var i=t*n*4,a=new Uint8Array(i),o=new Uint8Array(i),s=new Uint8Array(i),c=0;c<e.frames.length;c++){var l=e.frames[c],u=l.rect.x,d=l.rect.y,m=l.rect.width,f=l.rect.height,g=Td.toRGBA8.decodeImage(l.data,m,f,e);if(0!==c)for(var h=0;h<i;h++)s[h]=a[h];if(0===l.blend?Td._copyTile(g,m,f,a,t,n,u,d,0):1===l.blend&&Td._copyTile(g,m,f,a,t,n,u,d,1),r.push(a.buffer.slice(0)),1===l.dispose)Td._copyTile(o,m,f,a,t,n,u,d,0);else if(2===l.dispose)for(var p=0;p<i;p++)a[p]=s[p]}return r},Td.toRGBA8.decodeImage=function(e,t,n,r){var i=t*n,a=Td.decode._getBPP(r),o=Math.ceil(t*a/8),s=new Uint8Array(4*i),c=new Uint32Array(s.buffer),l=r.ctype,u=r.depth,d=Td._bin.readUshort;if(6===l){var m=i<<2;if(8===u)for(var f=0;f<m;f+=4)s[f]=e[f],s[f+1]=e[f+1],s[f+2]=e[f+2],s[f+3]=e[f+3];if(16===u)for(var g=0;g<m;g++)s[g]=e[g<<1]}else if(2===l){var h=r.tabs.tRNS;if(null===h){if(8===u)for(var p=0;p<i;p++){var v=3*p;c[p]=255<<24|e[v+2]<<16|e[v+1]<<8|e[v]}if(16===u)for(var x=0;x<i;x++){var y=6*x;c[x]=255<<24|e[y+4]<<16|e[y+2]<<8|e[y]}}else{var A=h[0],w=h[1],j=h[2];if(8===u)for(var b=0;b<i;b++){var _=b<<2,D=3*b;c[b]=255<<24|e[D+2]<<16|e[D+1]<<8|e[D],e[D]===A&&e[D+1]===w&&e[D+2]===j&&(s[_+3]=0)}if(16===u)for(var M=0;M<i;M++){var k=M<<2,N=6*M;c[M]=255<<24|e[N+4]<<16|e[N+2]<<8|e[N],d(e,N)===A&&d(e,N+2)===w&&d(e,N+4)===j&&(s[k+3]=0)}}}else if(3===l){var E=r.tabs.PLTE,C=r.tabs.tRNS,S=C?C.length:0;if(1===u)for(var P=0;P<n;P++)for(var B=P*o,I=P*t,T=0;T<t;T++){var R=I+T<<2,F=e[B+(T>>3)]>>7-((7&T)<<0)&1,O=3*F;s[R]=E[O],s[R+1]=E[O+1],s[R+2]=E[O+2],s[R+3]=F<S?C[F]:255}if(2===u)for(var Z=0;Z<n;Z++)for(var G=Z*o,Q=Z*t,L=0;L<t;L++){var z=Q+L<<2,H=e[G+(L>>2)]>>6-((3&L)<<1)&3,V=3*H;s[z]=E[V],s[z+1]=E[V+1],s[z+2]=E[V+2],s[z+3]=H<S?C[H]:255}if(4===u)for(var U=0;U<n;U++)for(var W=U*o,Y=U*t,J=0;J<t;J++){var q=Y+J<<2,K=e[W+(J>>1)]>>4-((1&J)<<2)&15,X=3*K;s[q]=E[X],s[q+1]=E[X+1],s[q+2]=E[X+2],s[q+3]=K<S?C[K]:255}if(8===u)for(var $=0;$<i;$++){var ee=$<<2,te=e[$],ne=3*te;s[ee]=E[ne],s[ee+1]=E[ne+1],s[ee+2]=E[ne+2],s[ee+3]=te<S?C[te]:255}}else if(4===l){if(8===u)for(var re=0;re<i;re++){var ie=re<<2,ae=re<<1,oe=e[ae];s[ie]=oe,s[ie+1]=oe,s[ie+2]=oe,s[ie+3]=e[ae+1]}if(16===u)for(var se=0;se<i;se++){var ce=se<<2,le=se<<2,ue=e[le];s[ce]=ue,s[ce+1]=ue,s[ce+2]=ue,s[ce+3]=e[le+2]}}else if(0===l)for(var de=r.tabs.tRNS?r.tabs.tRNS:-1,me=0;me<n;me++){var fe=me*o,ge=me*t;if(1===u)for(var he=0;he<t;he++){var pe=255*(e[fe+(he>>>3)]>>>7-(7&he)&1),ve=pe===255*de?0:255;c[ge+he]=ve<<24|pe<<16|pe<<8|pe}else if(2===u)for(var xe=0;xe<t;xe++){var ye=85*(e[fe+(xe>>>2)]>>>6-((3&xe)<<1)&3),Ae=ye===85*de?0:255;c[ge+xe]=Ae<<24|ye<<16|ye<<8|ye}else if(4===u)for(var we=0;we<t;we++){var je=17*(e[fe+(we>>>1)]>>>4-((1&we)<<2)&15),be=je===17*de?0:255;c[ge+we]=be<<24|je<<16|je<<8|je}else if(8===u)for(var _e=0;_e<t;_e++){var De=e[fe+_e],Me=De===de?0:255;c[ge+_e]=Me<<24|De<<16|De<<8|De}else if(16===u)for(var ke=0;ke<t;ke++){var Ne=e[fe+(ke<<1)],Ee=d(e,fe+(ke<<1))===de?0:255;c[ge+ke]=Ee<<24|Ne<<16|Ne<<8|Ne}}return s},Td.decode=function(e){for(var t,n=new Uint8Array(e),r=8,i=Td._bin,a=i.readUshort,o=i.readUint,s={tabs:{},frames:[]},c=new Uint8Array(n.length),l=0,u=0,d=[137,80,78,71,13,10,26,10],m=0;m<8;m++)if(n[m]!==d[m])throw"The input is not a PNG file!";for(;r<n.length;){var f=i.readUint(n,r);r+=4;var g=i.readASCII(n,r,4);if(r+=4,"IHDR"===g)Td.decode._IHDR(n,r,s);else if("CgBI"===g)s.tabs[g]=n.slice(r,r+4);else if("IDAT"===g){for(var h=0;h<f;h++)c[l+h]=n[r+h];l+=f}else if("acTL"===g)s.tabs[g]={num_frames:o(n,r),num_plays:o(n,r+4)},t=new Uint8Array(n.length);else if("fcTL"===g){if(0!==u){var p=s.frames[s.frames.length-1];p.data=Td.decode._decompress(s,t.slice(0,u),p.rect.width,p.rect.height),u=0}var v={x:o(n,r+12),y:o(n,r+16),width:o(n,r+4),height:o(n,r+8)},x=a(n,r+22);x=a(n,r+20)/(0===x?100:x);var y={rect:v,delay:Math.round(1e3*x),dispose:n[r+24],blend:n[r+25]};s.frames.push(y)}else if("fdAT"===g){for(var A=0;A<f-4;A++)t[u+A]=n[r+A+4];u+=f-4}else if("pHYs"===g)s.tabs[g]=[i.readUint(n,r),i.readUint(n,r+4),n[r+8]];else if("cHRM"===g){s.tabs[g]=[];for(var w=0;w<8;w++)s.tabs[g].push(i.readUint(n,r+4*w))}else if("tEXt"===g||"zTXt"===g){null===s.tabs[g]&&(s.tabs[g]={});var j=i.nextZero(n,r),b=i.readASCII(n,r,j-r),_=void 0,D=r+f-j-1;if("tEXt"===g)_=i.readASCII(n,j+1,D);else{var M=Td.decode._inflate(n.slice(j+2,j+2+D));_=i.readUTF8(M,0,M.length)}s.tabs[g][b]=_}else if("iTXt"===g){null==s.tabs[g]&&(s.tabs[g]={});var k=0,N=r;k=i.nextZero(n,N);var E=i.readASCII(n,N,k-N),C=n[N=k+1];N+=2,N=(k=i.nextZero(n,N))+1;var S=void 0,P=f-((N=(k=i.nextZero(n,N))+1)-r);if(0===C)S=i.readUTF8(n,N,P);else{var B=Td.decode._inflate(n.slice(N,N+P));S=i.readUTF8(B,0,B.length)}s.tabs[g][E]=S}else if("PLTE"===g)s.tabs[g]=i.readBytes(n,r,f);else if("hIST"===g){var I=s.tabs.PLTE.length/3;s.tabs[g]=[];for(var T=0;T<I;T++)s.tabs[g].push(a(n,r+2*T))}else if("tRNS"===g)3===s.ctype?s.tabs[g]=i.readBytes(n,r,f):0===s.ctype?s.tabs[g]=a(n,r):2===s.ctype&&(s.tabs[g]=[a(n,r),a(n,r+2),a(n,r+4)]);else if("gAMA"===g)s.tabs[g]=i.readUint(n,r)/1e5;else if("sRGB"===g)s.tabs[g]=n[r];else if("bKGD"===g)0===s.ctype||4===s.ctype?s.tabs[g]=[a(n,r)]:2===s.ctype||6===s.ctype?s.tabs[g]=[a(n,r),a(n,r+2),a(n,r+4)]:3===s.ctype&&(s.tabs[g]=n[r]);else if("IEND"===g)break;r+=f,r+=4}if(0!==u){var R=s.frames[s.frames.length-1];R.data=Td.decode._decompress(s,t.slice(0,u),R.rect.width,R.rect.height),u=0}return s.data=Td.decode._decompress(s,c,s.width,s.height),delete s.compress,delete s.interlace,delete s.filter,s},Td.decode._decompress=function(e,t,n,r){var i=Td.decode._getBPP(e),a=Math.ceil(n*i/8),o=new Uint8Array((a+1+e.interlace)*r);return t=e.tabs.CgBI?Td.inflateRaw(t,o):Td.decode._inflate(t,o),0===e.interlace?t=Td.decode._filterZero(t,e,0,n,r):1===e.interlace&&(t=Td.decode._readInterlace(t,e)),t},Td.decode._inflate=function(e,t){return Td.inflateRaw(new Uint8Array(e.buffer,2,e.length-6),t)},Td.inflateRaw=((kd={}).H={},kd.H.N=function(e,t){var n,r,i=Uint8Array,a=0,o=0,s=0,c=0,l=0,u=0,d=0,m=0,f=0;if(3===e[0]&&0===e[1])return t||new i(0);var g=kd.H,h=g.b,p=g.e,v=g.R,x=g.n,y=g.A,A=g.Z,w=g.m,j=null===t;for(j&&(t=new i(e.length>>>2<<3));0===a;)if(a=h(e,f,1),o=h(e,f+1,2),f+=3,0!==o){if(j&&(t=kd.H.W(t,m+(1<<17))),1===o&&(n=w.J,r=w.h,u=511,d=31),2===o){s=p(e,f,5)+257,c=p(e,f+5,5)+1,l=p(e,f+10,4)+4,f+=14;for(var b=1,_=0;_<38;_+=2)w.Q[_]=0,w.Q[_+1]=0;for(var D=0;D<l;D++){var M=p(e,f+3*D,3);w.Q[1+(w.X[D]<<1)]=M,M>b&&(b=M)}f+=3*l,x(w.Q,b),y(w.Q,b,w.u),n=w.w,r=w.d,f=v(w.u,(1<<b)-1,s+c,e,f,w.v);var k=g.V(w.v,0,s,w.C);u=(1<<k)-1;var N=g.V(w.v,s,c,w.D);d=(1<<N)-1,x(w.C,k),y(w.C,k,n),x(w.D,N),y(w.D,N,r)}for(;;){var E=n[A(e,f)&u];f+=15&E;var C=E>>>4;if(C>>>8==0)t[m++]=C;else{if(256===C)break;var S=m+C-254;if(C>264){var P=w.q[C-257];S=m+(P>>>3)+p(e,f,7&P),f+=7&P}var B=r[A(e,f)&d];f+=15&B;var I=B>>>4,T=w.c[I],R=(T>>>4)+h(e,f,15&T);for(f+=15&T;m<S;)t[m]=t[m++-R],t[m]=t[m++-R],t[m]=t[m++-R],t[m]=t[m++-R];m=S}}}else{0!=(7&f)&&(f+=8-(7&f));var F=4+(f>>>3),O=e[F-4]|e[F-3]<<8;j&&(t=kd.H.W(t,m+O)),t.set(new i(e.buffer,e.byteOffset+F,O),m),f=F+O<<3,m+=O}return t.length===m?t:t.slice(0,m)},kd.H.W=function(e,t){var n=e.length;if(t<=n)return e;var r=new Uint8Array(n<<1);return r.set(e,0),r},kd.H.R=function(e,t,n,r,i,a){for(var o=kd.H.e,s=kd.H.Z,c=0;c<n;){var l=e[s(r,i)&t];i+=15&l;var u=l>>>4;if(u<=15)a[c]=u,c++;else{var d=0,m=0;16===u?(m=3+o(r,i,2),i+=2,d=a[c-1]):17===u?(m=3+o(r,i,3),i+=3):18===u&&(m=11+o(r,i,7),i+=7);for(var f=c+m;c<f;)a[c]=d,c++}}return i},kd.H.V=function(e,t,n,r){for(var i=0,a=0,o=r.length>>>1;a<n;){var s=e[a+t];r[a<<1]=0,r[1+(a<<1)]=s,s>i&&(i=s),a++}for(;a<o;)r[a<<1]=0,r[1+(a<<1)]=0,a++;return i},kd.H.n=function(e,t){for(var n,r,i,a,o,s=kd.H.m,c=e.length,l=s.j,u=0;u<=t;u++)l[u]=0;for(a=1;a<c;a+=2)l[e[a]]++;var d=s.K;for(n=0,l[0]=0,r=1;r<=t;r++)n=n+l[r-1]<<1,d[r]=n;for(i=0;i<c;i+=2)0!==(o=e[i+1])&&(e[i]=d[o],d[o]++)},kd.H.A=function(e,t,n){for(var r=e.length,i=kd.H.m.r,a=0;a<r;a+=2)if(0!==e[a+1])for(var o=a>>1,s=e[a+1],c=o<<4|s,l=t-s,u=e[a]<<l,d=u+(1<<l);u!==d;)n[i[u]>>>15-t]=c,u++},kd.H.l=function(e,t){for(var n=kd.H.m.r,r=15-t,i=0;i<e.length;i+=2){var a=e[i]<<t-e[i+1];e[i]=n[a]>>>r}},kd.H.M=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8},kd.H.I=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8,e[r+2]|=n>>>16},kd.H.e=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<n)-1},kd.H.b=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)&(1<<n)-1},kd.H.Z=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},kd.H.i=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16|e[3+(t>>>3)]<<24)>>>(7&t)},kd.H.m=(Dd=Uint16Array,Md=Uint32Array,{K:new Dd(16),j:new Dd(16),X:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],S:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],T:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],q:new Dd(32),p:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],z:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],c:new Md(32),J:new Dd(512),_:[],h:new Dd(32),$:[],w:new Dd(32768),C:[],v:[],d:new Dd(32768),D:[],u:new Dd(512),Q:[],r:new Dd(32768),s:new Md(286),Y:new Md(30),a:new Md(19),t:new Md(15e3),k:new Dd(65536),g:new Dd(32768)}),function(){for(var e=kd.H.m,t=0;t<32768;t++){var n=t;n=(4278255360&(n=(4042322160&(n=(3435973836&(n=(2863311530&n)>>>1|(1431655765&n)<<1))>>>2|(858993459&n)<<2))>>>4|(252645135&n)<<4))>>>8|(16711935&n)<<8,e.r[t]=(n>>>16|n<<16)>>>17}function r(e,t,n){for(;0!=t--;)e.push(0,n)}for(var i=0;i<32;i++)e.q[i]=e.S[i]<<3|e.T[i],e.c[i]=e.p[i]<<4|e.z[i];r(e._,144,8),r(e._,112,9),r(e._,24,7),r(e._,8,8),kd.H.n(e._,9),kd.H.A(e._,9,e.J),kd.H.l(e._,9),r(e.$,32,5),kd.H.n(e.$,5),kd.H.A(e.$,5,e.h),kd.H.l(e.$,5),r(e.Q,19,0),r(e.C,286,0),r(e.D,30,0),r(e.v,320,0)}(),kd.H.N),Td.decode._readInterlace=function(e,t){for(var n=t.width,r=t.height,i=Td.decode._getBPP(t),a=i>>3,o=Math.ceil(n*i/8),s=new Uint8Array(r*o),c=0,l=[0,0,4,0,2,0,1],u=[0,4,0,2,0,1,0],d=[8,8,8,4,4,2,2],m=[8,8,4,4,2,2,1],f=0;f<7;){for(var g=d[f],h=m[f],p=0,v=0,x=l[f];x<r;)x+=g,v++;for(var y=u[f];y<n;)y+=h,p++;var A=Math.ceil(p*i/8);Td.decode._filterZero(e,t,c,p,v);for(var w=0,j=l[f];j<r;){for(var b=u[f],_=c+w*A<<3;b<n;){if(1===i){var D=e[_>>3];D=D>>7-(7&_)&1,s[j*o+(b>>3)]|=D<<7-((7&b)<<0)}if(2===i){var M=e[_>>3];M=M>>6-(7&_)&3,s[j*o+(b>>2)]|=M<<6-((3&b)<<1)}if(4===i){var k=e[_>>3];k=k>>4-(7&_)&15,s[j*o+(b>>1)]|=k<<4-((1&b)<<2)}if(i>=8)for(var N=j*o+b*a,E=0;E<a;E++)s[N+E]=e[(_>>3)+E];_+=i,b+=h}w++,j+=g}p*v!=0&&(c+=v*(1+A)),f+=1}return s},Td.decode._getBPP=function(e){return[1,null,3,1,2,null,4][e.ctype]*e.depth},Td.decode._filterZero=function(e,t,n,r,i){var a=Td.decode._getBPP(t),o=Math.ceil(r*a/8),s=Td.decode._paeth;a=Math.ceil(a/8);var c=0,l=1,u=e[n],d=0;if(u>1&&(e[n]=[0,0,1][u-2]),3===u)for(d=a;d<o;d++)e[d+1]=e[d+1]+(e[d+1-a]>>>1)&255;for(var m=0;m<i;m++)if(d=0,0===(u=e[(l=(c=n+m*o)+m+1)-1]))for(;d<o;d++)e[c+d]=e[l+d];else if(1===u){for(;d<a;d++)e[c+d]=e[l+d];for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-a]}else if(2===u)for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-o];else if(3===u){for(;d<a;d++)e[c+d]=e[l+d]+(e[c+d-o]>>>1);for(;d<o;d++)e[c+d]=e[l+d]+(e[c+d-o]+e[c+d-a]>>>1)}else{for(;d<a;d++)e[c+d]=e[l+d]+s(0,e[c+d-o],0);for(;d<o;d++)e[c+d]=e[l+d]+s(e[c+d-a],e[c+d-o],e[c+d-a-o])}return e},Td.decode._paeth=function(e,t,n){var r=e+t-n,i=r-e,a=r-t,o=r-n;return i*i<=a*a&&i*i<=o*o?e:a*a<=o*o?t:n},Td.decode._IHDR=function(e,t,n){var r=Td._bin;n.width=r.readUint(e,t),t+=4,n.height=r.readUint(e,t),t+=4,n.depth=e[t],t++,n.ctype=e[t],t++,n.compress=e[t],t++,n.filter=e[t],t++,n.interlace=e[t],t++},Td._bin={nextZero:function(e,t){for(;0!==e[t];)t++;return t},readUshort:function(e,t){return e[t]<<8|e[t+1]},writeUshort:function(e,t,n){e[t]=n>>8&255,e[t+1]=255&n},readUint:function(e,t){return 16777216*e[t]+(e[t+1]<<16|e[t+2]<<8|e[t+3])},writeUint:function(e,t,n){e[t]=n>>24&255,e[t+1]=n>>16&255,e[t+2]=n>>8&255,e[t+3]=255&n},readASCII:function(e,t,n){for(var r="",i=0;i<n;i++)r+=String.fromCharCode(e[t+i]);return r},writeASCII:function(e,t,n){for(var r=0;r<n.length;r++)e[t+r]=n.charCodeAt(r)},readBytes:function(e,t,n){for(var r=[],i=0;i<n;i++)r.push(e[t+i]);return r},pad:function(e){return e.length<2?"0"+e:e},readUTF8:function(e,t,n){for(var r,i="",a=0;a<n;a++)i+="%"+Td._bin.pad(e[t+a].toString(16));try{r=decodeURIComponent(i)}catch(r){return Td._bin.readASCII(e,t,n)}return r}},Td._copyTile=function(e,t,n,r,i,a,o,s,c){for(var l=Math.min(t,i),u=Math.min(n,a),d=0,m=0,f=0;f<u;f++)for(var g=0;g<l;g++)if(o>=0&&s>=0?(d=f*t+g<<2,m=(s+f)*i+o+g<<2):(d=(-s+f)*t-o+g<<2,m=f*i+g<<2),0===c)r[m]=e[d],r[m+1]=e[d+1],r[m+2]=e[d+2],r[m+3]=e[d+3];else if(1===c){var h=e[d+3]*(1/255),p=e[d]*h,v=e[d+1]*h,x=e[d+2]*h,y=r[m+3]*(1/255),A=r[m]*y,w=r[m+1]*y,j=r[m+2]*y,b=1-h,_=h+y*b,D=0===_?0:1/_;r[m+3]=255*_,r[m+0]=(p+A*b)*D,r[m+1]=(v+w*b)*D,r[m+2]=(x+j*b)*D}else if(2===c){var M=e[d+3],k=e[d],N=e[d+1],E=e[d+2],C=r[m+3],S=r[m],P=r[m+1],B=r[m+2];M===C&&k===S&&N===P&&E===B?(r[m]=0,r[m+1]=0,r[m+2]=0,r[m+3]=0):(r[m]=k,r[m+1]=N,r[m+2]=E,r[m+3]=M)}else if(3===c){var I=e[d+3],T=e[d],R=e[d+1],F=e[d+2],O=r[m+3],Z=r[m],G=r[m+1],Q=r[m+2];if(I===O&&T===Z&&R===G&&F===Q)continue;if(I<220&&O>20)return!1}return!0},Td.encode=function(e,t,n,r,i,a,o){null===r&&(r=0),null===o&&(o=!1);var s=Td.encode.compress(e,t,n,r,[!1,!1,!1,0,o]);return Td.encode.compressPNG(s,-1),Td.encode._main(s,t,n,i,a)},Td.encodeLL=function(e,t,n,r,i,a,o,s){for(var c={ctype:0+(1===r?0:2)+(0===i?0:4),depth:a,frames:[]},l=(r+i)*a,u=l*t,d=0;d<e.length;d++)c.frames.push({rect:{x:0,y:0,width:t,height:n},img:new Uint8Array(e[d]),blend:0,dispose:1,bpp:Math.ceil(l/8),bpl:Math.ceil(u/8)});return Td.encode.compressPNG(c,0,!0),Td.encode._main(c,t,n,o,s)},Td.encode._main=function(e,t,n,r,i){i||(i={});var a=Td.crc.crc,o=Td._bin.writeUint,s=Td._bin.writeUshort,c=Td._bin.writeASCII,l=8,u=e.frames.length>1,d=!1,m=33+(u?20:0);if(null!==i.sRGB&&void 0!==i.sRGB&&(m+=13),null!==i.pHYs&&void 0!==i.pHYs&&(m+=21),3===e.ctype){for(var f=e.plte.length,g=0;g<f;g++)e.plte[g]>>>24!=255&&(d=!0);m+=8+3*f+4+(d?8+1*f+4:0)}for(var h=0;h<e.frames.length;h++){u&&(m+=38),m+=e.frames[h].cimg.length+12,0!==h&&(m+=4)}m+=12;for(var p=new Uint8Array(m),v=[137,80,78,71,13,10,26,10],x=0;x<8;x++)p[x]=v[x];if(o(p,l,13),c(p,l+=4,"IHDR"),o(p,l+=4,t),o(p,l+=4,n),p[l+=4]=e.depth,p[++l]=e.ctype,p[++l]=0,p[++l]=0,p[++l]=0,o(p,++l,a(p,l-17,17)),l+=4,null!==i.sRGB&&void 0!==i.sRGB&&(o(p,l,1),c(p,l+=4,"sRGB"),p[l+=4]=i.sRGB,o(p,++l,a(p,l-5,5)),l+=4),null!==i.pHYs&&void 0!==i.pHYs&&(o(p,l,9),c(p,l+=4,"pHYs"),o(p,l+=4,i.pHYs[0]),o(p,l+=4,i.pHYs[1]),p[l+=4]=i.pHYs[2],o(p,++l,a(p,l-13,13)),l+=4),u&&(o(p,l,8),c(p,l+=4,"acTL"),o(p,l+=4,e.frames.length),o(p,l+=4,null!=i.loop?i.loop:0),o(p,l+=4,a(p,l-12,12)),l+=4),3===e.ctype){var y=e.plte.length;o(p,l,3*y),c(p,l+=4,"PLTE"),l+=4;for(var A=0;A<y;A++){var w=3*A,j=e.plte[A],b=255&j,_=j>>>8&255,D=j>>>16&255;p[l+w+0]=b,p[l+w+1]=_,p[l+w+2]=D}if(o(p,l+=3*y,a(p,l-3*y-4,3*y+4)),l+=4,d){o(p,l,y),c(p,l+=4,"tRNS"),l+=4;for(var M=0;M<y;M++)p[l+M]=e.plte[M]>>>24&255;o(p,l+=y,a(p,l-y-4,y+4)),l+=4}}for(var k=0,N=0;N<e.frames.length;N++){var E=e.frames[N];u&&(o(p,l,26),c(p,l+=4,"fcTL"),o(p,l+=4,k++),o(p,l+=4,E.rect.width),o(p,l+=4,E.rect.height),o(p,l+=4,E.rect.x),o(p,l+=4,E.rect.y),s(p,l+=4,r[N]),s(p,l+=2,1e3),p[l+=2]=E.dispose,p[++l]=E.blend,o(p,++l,a(p,l-30,30)),l+=4);var C=E.cimg,S=C.length;o(p,l,S+(0===N?0:4));var P=l+=4;c(p,l,0===N?"IDAT":"fdAT"),l+=4,0!==N&&(o(p,l,k++),l+=4),p.set(C,l),o(p,l+=S,a(p,P,l-P)),l+=4}return o(p,l,0),c(p,l+=4,"IEND"),o(p,l+=4,a(p,l-4,4)),l+=4,p.buffer},Td.encode.compressPNG=function(e,t,n){for(var r=0;r<e.frames.length;r++){var i=e.frames[r],a=i.rect.height,o=new Uint8Array(a*i.bpl+a);i.cimg=Td.encode._filterZero(i.img,a,i.bpp,i.bpl,o,t,n)}},Td.encode.compress=function(e,t,n,r,i){for(var a=i[0],o=i[1],s=i[2],c=i[3],l=i[4],u=6,d=8,m=255,f=0;f<e.length;f++)for(var g=new Uint8Array(e[f]),h=g.length,p=0;p<h;p+=4)m&=g[p+3];var v=255!==m,x=Td.encode.framize(e,t,n,a,o,s),y={},A=[],w=[];if(0!==r){for(var j=[],b=0;b<x.length;b++)j.push(x[b].img.buffer);for(var _=Td.encode.concatRGBA(j),D=Td.quantize(_,r),M=0,k=new Uint8Array(D.abuf),N=0;N<x.length;N++){var E=x[N].img,C=E.length;w.push(new Uint8Array(D.inds.buffer,M>>2,C>>2));for(var S=0;S<C;S+=4)E[S]=k[M+S],E[S+1]=k[M+S+1],E[S+2]=k[M+S+2],E[S+3]=k[M+S+3];M+=C}for(var P=0;P<D.plte.length;P++)A.push(D.plte[P].est.rgba)}else for(var B=0;B<x.length;B++){var I=x[B],T=new Uint32Array(I.img.buffer),R=I.rect.width,F=T.length,O=new Uint8Array(F);w.push(O);for(var Z=0;Z<F;Z++){var G=T[Z];if(0!==Z&&G===T[Z-1])O[Z]=O[Z-1];else if(Z>R&&G===T[Z-R])O[Z]=O[Z-R];else{var Q=y[G];if(null===Q&&(y[G]=Q=A.length,A.push(G),A.length>=300))break;O[Z]=Q}}}var L=A.length;L<=256&&!1===l&&(d=L<=2?1:L<=4?2:L<=16?4:8,d=Math.max(d,c));for(var z=0;z<x.length;z++){var H=x[z],V=H.rect.width,U=H.rect.height,W=H.img,Y=4*V,J=4;if(L<=256&&!1===l){Y=Math.ceil(d*V/8);for(var q=new Uint8Array(Y*U),K=w[z],X=0;X<U;X++){var $=X*Y,ee=X*V;if(8===d)for(var te=0;te<V;te++)q[$+te]=K[ee+te];else if(4===d)for(var ne=0;ne<V;ne++)q[$+(ne>>1)]|=K[ee+ne]<<4-4*(1&ne);else if(2===d)for(var re=0;re<V;re++)q[$+(re>>2)]|=K[ee+re]<<6-2*(3&re);else if(1===d)for(var ie=0;ie<V;ie++)q[$+(ie>>3)]|=K[ee+ie]<<7-1*(7&ie)}W=q,u=3,J=1}else if(!1===v&&1===x.length){for(var ae=new Uint8Array(V*U*3),oe=V*U,se=0;se<oe;se++){var ce=3*se,le=4*se;ae[ce]=W[le],ae[ce+1]=W[le+1],ae[ce+2]=W[le+2]}W=ae,u=2,J=3,Y=3*V}H.img=W,H.bpl=Y,H.bpp=J}return{ctype:u,depth:d,plte:A,frames:x}},Td.encode.framize=function(e,t,n,r,i,a){for(var o=[],s=0;s<e.length;s++){var c=new Uint8Array(e[s]),l=new Uint32Array(c.buffer),u=void 0,d=0,m=0,f=t,g=n,h=r?1:0;if(0!==s){for(var p=a||r||1===s||0!==o[s-2].dispose?1:2,v=0,x=1e9,y=0;y<p;y++){for(var A=new Uint32Array(e[s-1-y]),w=t,j=n,b=-1,_=-1,D=0;D<n;D++)for(var M=0;M<t;M++){var k=D*t+M;l[k]!==A[k]&&(M<w&&(w=M),M>b&&(b=M),D<j&&(j=D),D>_&&(_=D))}-1===b&&(w=j=b=_=0),i&&(1==(1&w)&&w--,1==(1&j)&&j--);var N=(b-w+1)*(_-j+1);N<x&&(x=N,v=y,d=w,m=j,f=b-w+1,g=_-j+1)}var E=new Uint8Array(e[s-1-v]);1===v&&(o[s-1].dispose=2),u=new Uint8Array(f*g*4),Td._copyTile(E,t,n,u,f,g,-d,-m,0),1===(h=Td._copyTile(c,t,n,u,f,g,-d,-m,3)?1:0)?Td.encode._prepareDiff(c,t,n,u,{x:d,y:m,width:f,height:g}):Td._copyTile(c,t,n,u,f,g,-d,-m,0)}else u=c.slice(0);o.push({rect:{x:d,y:m,width:f,height:g},img:u,blend:h,dispose:0})}if(r)for(var C=0;C<o.length;C++){var S=o[C];if(1!==S.blend){var P=S.rect,B=o[C-1].rect,I=Math.min(P.x,B.x),T=Math.min(P.y,B.y),R={x:I,y:T,width:Math.max(P.x+P.width,B.x+B.width)-I,height:Math.max(P.y+P.height,B.y+B.height)-T};o[C-1].dispose=1,C-1!=0&&Td.encode._updateFrame(e,t,n,o,C-1,R,i),Td.encode._updateFrame(e,t,n,o,C,R,i)}}return o},Td.encode._updateFrame=function(e,t,n,r,i,a,o){for(var s=Uint8Array,c=Uint32Array,l=new s(e[i-1]),u=new c(e[i-1]),d=i+1<e.length?new s(e[i+1]):null,m=new s(e[i]),f=new c(m.buffer),g=t,h=n,p=-1,v=-1,x=0;x<a.height;x++)for(var y=0;y<a.width;y++){var A=a.x+y,w=a.y+x,j=w*t+A,b=f[j];0!==b&&(0!==r[i-1].dispose||u[j]!==b||null!==d&&0===d[4*j+3])&&(A<g&&(g=A),A>p&&(p=A),w<h&&(h=w),w>v&&(v=w))}-1===p&&(g=h=p=v=0),o&&(1==(1&g)&&g--,1==(1&h)&&h--),a={x:g,y:h,width:p-g+1,height:v-h+1};var _=r[i];_.rect=a,_.blend=1,_.img=new Uint8Array(a.width*a.height*4),0===r[i-1].dispose?(Td._copyTile(l,t,n,_.img,a.width,a.height,-a.x,-a.y,0),Td.encode._prepareDiff(m,t,n,_.img,a)):Td._copyTile(m,t,n,_.img,a.width,a.height,-a.x,-a.y,0)},Td.encode._prepareDiff=function(e,t,n,r,i){Td._copyTile(e,t,n,r,i.width,i.height,-i.x,-i.y,2)},Td.encode._filterZero=function(e,t,n,r,i,a,o){var s,c=[],l=[0,1,2,3,4];-1!==a?l=[a]:(t*r>5e5||1===n)&&(l=[0]),o&&(s={level:0});for(var u,d=i.length>1e7&&null!=Bd()?Bd():Id.ZP,m=0;m<l.length;m++){for(var f=0;f<t;f++)Td.encode._filterLine(i,e,f,r,n,l[m]);c.push(d.deflate(i,s))}for(var g=1e9,h=0;h<c.length;h++)c[h].length<g&&(u=h,g=c[h].length);return c[u]},Td.encode._filterLine=function(e,t,n,r,i,a){var o=n*r,s=o+n,c=Td.decode._paeth;if(e[s]=a,s++,0===a)if(r<500)for(var l=0;l<r;l++)e[s+l]=t[o+l];else e.set(new Uint8Array(t.buffer,o,r),s);else if(1===a){for(var u=0;u<i;u++)e[s+u]=t[o+u];for(var d=i;d<r;d++)e[s+d]=t[o+d]-t[o+d-i]+256&255}else if(0===n){for(var m=0;m<i;m++)e[s+m]=t[o+m];if(2===a)for(var f=i;f<r;f++)e[s+f]=t[o+f];if(3===a)for(var g=i;g<r;g++)e[s+g]=t[o+g]-(t[o+g-i]>>1)+256&255;if(4===a)for(var h=i;h<r;h++)e[s+h]=t[o+h]-c(t[o+h-i],0,0)+256&255}else{if(2===a)for(var p=0;p<r;p++)e[s+p]=t[o+p]+256-t[o+p-r]&255;if(3===a){for(var v=0;v<i;v++)e[s+v]=t[o+v]+256-(t[o+v-r]>>1)&255;for(var x=i;x<r;x++)e[s+x]=t[o+x]+256-(t[o+x-r]+t[o+x-i]>>1)&255}if(4===a){for(var y=0;y<i;y++)e[s+y]=t[o+y]+256-c(0,t[o+y-r],0)&255;for(var A=i;A<r;A++)e[s+A]=t[o+A]+256-c(t[o+A-i],t[o+A-r],t[o+A-i-r])&255}}},Td.crc={table:function(){for(var e=new Uint32Array(256),t=0;t<256;t++){for(var n=t,r=0;r<8;r++)1&n?n=3988292384^n>>>1:n>>>=1;e[t]=n}return e}(),update:function(e,t,n,r){for(var i=0;i<r;i++)e=Td.crc.table[255&(e^t[n+i])]^e>>>8;return e},crc:function(e,t,n){return 4294967295^Td.crc.update(4294967295,e,t,n)}},Td.quantize=function(e,t){var n,r=new Uint8Array(e),i=r.slice(0),a=new Uint32Array(i.buffer),o=Td.quantize.getKDtree(i,t),s=o[0],c=o[1],l=Td.quantize.planeDst,u=r,d=a,m=u.length,f=new Uint8Array(r.length>>2);if(r.length<2e7)for(var g=0;g<m;g+=4){var h=u[g]*(1/255),p=u[g+1]*(1/255),v=u[g+2]*(1/255),x=u[g+3]*(1/255);n=Td.quantize.getNearest(s,h,p,v,x),f[g>>2]=n.ind,d[g>>2]=n.est.rgba}else for(var y=0;y<m;y+=4){var A=u[y]*(1/255),w=u[y+1]*(1/255),j=u[y+2]*(1/255),b=u[y+3]*(1/255);for(n=s;n.left;)n=l(n.est,A,w,j,b)<=0?n.left:n.right;f[y>>2]=n.ind,d[y>>2]=n.est.rgba}return{abuf:i.buffer,inds:f,plte:c}},Td.quantize.getKDtree=function(e,t,n){null===n&&(n=1e-4);var r=new Uint32Array(e.buffer),i={i0:0,i1:e.length,bst:null,est:null,tdst:0,left:null,right:null};i.bst=Td.quantize.stats(e,i.i0,i.i1),i.est=Td.quantize.estats(i.bst);for(var a=[i];a.length<t;){for(var o=0,s=0,c=0;c<a.length;c++)a[c].est.L>o&&(o=a[c].est.L,s=c);if(o<n)break;var l=a[s],u=Td.quantize.splitPixels(e,r,l.i0,l.i1,l.est.e,l.est.eMq255);if(l.i0>=u||l.i1<=u)l.est.L=0;else{var d={i0:l.i0,i1:u,bst:null,est:null,tdst:0,left:null,right:null};d.bst=Td.quantize.stats(e,d.i0,d.i1),d.est=Td.quantize.estats(d.bst);var m={i0:u,i1:l.i1,bst:null,est:null,tdst:0,left:null,right:null};m.bst={R:[],m:[],N:l.bst.N-d.bst.N};for(var f=0;f<16;f++)m.bst.R[f]=l.bst.R[f]-d.bst.R[f];for(var g=0;g<4;g++)m.bst.m[g]=l.bst.m[g]-d.bst.m[g];m.est=Td.quantize.estats(m.bst),l.left=d,l.right=m,a[s]=d,a.push(m)}}a.sort((function(e,t){return t.bst.N-e.bst.N}));for(var h=0;h<a.length;h++)a[h].ind=h;return[i,a]},Td.quantize.getNearest=function(e,t,n,r,i){if(null==e.left)return e.tdst=Td.quantize.dist(e.est.q,t,n,r,i),e;var a=Td.quantize.planeDst(e.est,t,n,r,i),o=e.left,s=e.right;a>0&&(o=e.right,s=e.left);var c=Td.quantize.getNearest(o,t,n,r,i);if(c.tdst<=a*a)return c;var l=Td.quantize.getNearest(s,t,n,r,i);return l.tdst<c.tdst?l:c},Td.quantize.planeDst=function(e,t,n,r,i){var a=e.e;return a[0]*t+a[1]*n+a[2]*r+a[3]*i-e.eMq},Td.quantize.dist=function(e,t,n,r,i){var a=t-e[0],o=n-e[1],s=r-e[2],c=i-e[3];return a*a+o*o+s*s+c*c},Td.quantize.splitPixels=function(e,t,n,r,i,a){var o=Td.quantize.vecDot;for(r-=4;n<r;){for(;o(e,n,i)<=a;)n+=4;for(;o(e,r,i)>a;)r-=4;if(n>=r)break;var s=t[n>>2];t[n>>2]=t[r>>2],t[r>>2]=s,n+=4,r-=4}for(;o(e,n,i)>a;)n-=4;return n+4},Td.quantize.vecDot=function(e,t,n){return e[t]*n[0]+e[t+1]*n[1]+e[t+2]*n[2]+e[t+3]*n[3]},Td.quantize.stats=function(e,t,n){for(var r=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],i=[0,0,0,0],a=n-t>>2,o=t;o<n;o+=4){var s=e[o]*(1/255),c=e[o+1]*(1/255),l=e[o+2]*(1/255),u=e[o+3]*(1/255);i[0]+=s,i[1]+=c,i[2]+=l,i[3]+=u,r[0]+=s*s,r[1]+=s*c,r[2]+=s*l,r[3]+=s*u,r[5]+=c*c,r[6]+=c*l,r[7]+=c*u,r[10]+=l*l,r[11]+=l*u,r[15]+=u*u}return r[4]=r[1],r[8]=r[2],r[9]=r[6],r[12]=r[3],r[13]=r[7],r[14]=r[11],{R:r,m:i,N:a}},Td.quantize.estats=function(e){var t=e.R,n=e.m,r=e.N,i=n[0],a=n[1],o=n[2],s=n[3],c=0===r?0:1/r,l=[t[0]-i*i*c,t[1]-i*a*c,t[2]-i*o*c,t[3]-i*s*c,t[4]-a*i*c,t[5]-a*a*c,t[6]-a*o*c,t[7]-a*s*c,t[8]-o*i*c,t[9]-o*a*c,t[10]-o*o*c,t[11]-o*s*c,t[12]-s*i*c,t[13]-s*a*c,t[14]-s*o*c,t[15]-s*s*c],u=l,d=Td.M4,m=[Math.random(),Math.random(),Math.random(),Math.random()],f=0,g=0;if(0!==r)for(var h=0;h<16&&(m=d.multVec(u,m),g=Math.sqrt(d.dot(m,m)),m=d.sml(1/g,m),!(0!==h&&Math.abs(g-f)<1e-9));h++)f=g;var p=[i*c,a*c,o*c,s*c];return{Cov:l,q:p,e:m,L:f,eMq255:d.dot(d.sml(255,p),m),eMq:d.dot(m,p),rgba:(Math.round(255*p[3])<<24|Math.round(255*p[2])<<16|Math.round(255*p[1])<<8|Math.round(255*p[0])<<0)>>>0}},Td.M4={multVec:function(e,t){return[e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3],e[4]*t[0]+e[5]*t[1]+e[6]*t[2]+e[7]*t[3],e[8]*t[0]+e[9]*t[1]+e[10]*t[2]+e[11]*t[3],e[12]*t[0]+e[13]*t[1]+e[14]*t[2]+e[15]*t[3]]},dot:function(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3]},sml:function(e,t){return[e*t[0],e*t[1],e*t[2],e*t[3]]}},Td.encode.concatRGBA=function(e){for(var t=0,n=0;n<e.length;n++)t+=e[n].byteLength;for(var r=new Uint8Array(t),i=0,a=0;a<e.length;a++){for(var o=new Uint8Array(e[a]),s=o.length,c=0;c<s;c+=4){var l=o[c],u=o[c+1],d=o[c+2],m=o[c+3];0===m&&(l=u=d=0),r[i+c]=l,r[i+c+1]=u,r[i+c+2]=d,r[i+c+3]=m}i+=s}return r.buffer};var Rd,Fd=Td,Od=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[4*(a*n+n-o-1)],i[s+1]=t[4*(a*n+n-o-1)+1],i[s+2]=t[4*(a*n+n-o-1)+2],i[s+3]=t[4*(a*n+n-o-1)+3]}return new ImageData(i,n,r)}return null},Zd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[4*((r-a-1)*n+o)],i[s+1]=t[4*((r-a-1)*n+o)+1],i[s+2]=t[4*((r-a-1)*n+o)+2],i[s+3]=t[4*((r-a-1)*n+o)+3]}return new ImageData(i,n,r)}return null},Gd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<n;a++)for(var o=0;o<r;o++){var s=4*(a*r+o);i[s]=t[4*(o*n+n-a-1)],i[s+1]=t[4*(o*n+n-a-1)+1],i[s+2]=t[4*(o*n+n-a-1)+2],i[s+3]=t[4*(o*n+n-a-1)+3]}return new ImageData(i,r,n)}return null},Qd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<n;a++)for(var o=0;o<r;o++){var s=4*(a*r+o);i[s]=t[4*((r-o-1)*n+a)],i[s+1]=t[4*((r-o-1)*n+a)+1],i[s+2]=t[4*((r-o-1)*n+a)+2],i[s+3]=t[4*((r-o-1)*n+a)+3]}return new ImageData(i,r,n)}return null},Ld=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1]+t[s+2])/3;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},zd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1]+t[s+2])/3>127?255:0;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Hd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=255-t[s],i[s+1]=255-t[s+1],i[s+2]=255-t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Vd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Ud=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Wd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=0,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Yd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Jd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},qd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Kd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s+1]+t[s+2])/2;i[s]=t[s],i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Xd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+2])/2;i[s]=c,i[s+1]=t[s+1],i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},$d=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1])/2;i[s]=c,i[s+1]=c,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},em=function(e){if(e){return cm(e,[-1,-1,-1,-1,9,-1,-1,-1,-1])}return null},tm=function(e){if(e){return cm(e,[-1,-1,-1,-1,8,-1,-1,-1,-1])}return null},nm=function(e){if(e){var t,n,r,i,a,o,s,c,l,u,d=e.data,m=e.width,f=e.height,g=[],h=0,p=10;for(o=1/(5*Math.sqrt(2*Math.PI)),a=-.02,s=0,t=-10;t<=p;t++,s++)i=o*Math.exp(a*t*t),g[s]=i,h+=i;for(s=0,u=g.length;s<u;s++)g[s]/=h;for(n=0;n<f;n++)for(t=0;t<m;t++){for(r=i=a=o=0,h=0,c=-10;c<=p;c++)(l=t+c)>=0&&l<m&&(r+=d[s=4*(n*m+l)]*g[c+p],i+=d[s+1]*g[c+p],a+=d[s+2]*g[c+p],h+=g[c+p]);d[s=4*(n*m+t)]=r/h,d[s+1]=i/h,d[s+2]=a/h}for(t=0;t<m;t++)for(n=0;n<f;n++){for(r=i=a=o=0,h=0,c=-10;c<=p;c++)(l=n+c)>=0&&l<f&&(r+=d[s=4*(l*m+t)]*g[c+p],i+=d[s+1]*g[c+p],a+=d[s+2]*g[c+p],h+=g[c+p]);d[s=4*(n*m+t)]=r/h,d[s+1]=i/h,d[s+2]=a/h}return e}return null},rm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=t[s+2],i[s+3]=255}return new ImageData(i,n,r)}return null},im=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);if(0===t[s+3])i[s]=255,i[s+1]=255,i[s+2]=255,i[s+3]=255;else{var c=lm([t[s],t[s+1],t[s+2],t[s+3]],[255,255,255,255]);i[s]=c[0],i[s+1]=c[1],i[s+2]=c[2],i[s+3]=c[3]}}return new ImageData(i,n,r)}return null},am=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4;if(e){var o=new Image,s=null;if(s="string"==typeof e?e:wl(e)){o.src=s;var c=document.createElement("canvas"),l=c.getContext("2d");c.width=a,c.height=a,l.drawImage(o,0,0,t,n,0,0,r,i);var u=l.getImageData(0,0,r,i);return u}}return null},om=function(){var e=(0,Yc.Z)(qc().mark((function e(t,n,r,i,a,o){var s,c,l,u,d,m,f;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t&&i?(s=a/100,["JPG","JPEG"].includes(i.toUpperCase())?((c=new Image).src=t,l=document.createElement("canvas"),u=l.getContext("2d"),l.width=n,l.height=r,u.drawImage(c,0,0,n,r),l.toBlob((function(e){o&&o(e)}),"image/".concat(i.toLowerCase()),s)):(d=Math.floor(256*s),m=Fd.encode([t.data.buffer],n,r,d),f=new Blob([m]),o&&o(f))):o&&o(null);case 1:case"end":return e.stop()}}),e)})));return function(t,n,r,i,a,o){return e.apply(this,arguments)}}(),sm=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{backgroundColor:{r:0,g:0,b:0,a:255},changeIntoColor:{r:0,g:0,b:0,a:0}};if(e){if(t&&n){for(var r=e.data,i=e.width,a=e.height,o=t.data,s=new Uint8ClampedArray(r.length),c=n.backgroundColor,l=n.changeIntoColor,u=0;u<a;u++)for(var d=0;d<i;d++){var m=4*(u*i+d),f=o[m],g=o[m+1],h=o[m+2],p=o[m+3];f===c.r&&g===c.g&&h===c.b&&p===c.a&&0!==l.a?(s[m]=l.r,s[m+1]=l.g,s[m+2]=l.b,s[m+3]=l.a):(s[m]=r[m],s[m+1]=r[m+1],s[m+2]=r[m+2],s[m+3]=r[m+3])}var v=new ImageData(s,i,a);return v}return e}return null},cm=function(e,t){if(e){for(var n=e.data,r=e.width,i=e.height,a=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<r;s++){for(var c=4*(o*r+s),l=0;l<3;l++){var u=c+l;a[u]=0===s||s===r-1||0===o||o===i-1?n[u]:t[0]*n[u-4*r-4]+t[1]*n[u-4*r]+t[2]*n[u-4*r+4]+t[3]*n[u-4]+t[4]*n[u]+t[5]*n[u+4]+t[6]*n[u+4*r-4]+t[7]*n[u+4*r]+t[8]*n[u+4*r+4]}a[c+3]=n[c+3]}return new ImageData(a,r,i)}return null},lm=function(e,t){if(e&&4===e.length&&t&&4===t.length){var n=e[3],r=t[3];if(255===n||0===r)return e;if(0===n)return t;var i=n/255,a=r/255;return[Math.max(Math.min(Math.floor(e[0]*i+t[0]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(e[1]*i+t[1]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(e[2]*i+t[2]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(255*(i+a*(1-i))),255),0)]}return[255,255,255,255]},um="TakeIDPhotos_container__9YE8N",dm="TakeIDPhotos_title__i5kFN",mm="TakeIDPhotos_content__+fix-",fm="TakeIDPhotos_videoBox__9t7RI",gm="TakeIDPhotos_recordVideo__fGXpo",hm="TakeIDPhotos_btns__n-Nxn",pm="TakeIDPhotos_label__WpbM+";!function(e){e[e.noInit=0]="noInit",e[e.loading=1]="loading",e[e.ready=2]="ready",e[e.inRecording=3]="inRecording"}(Rd||(Rd={}));var vm={1:{width:295,height:413},2:{width:413,height:579}},xm={transparency:{r:0,g:0,b:0,a:0},red:{r:255,g:0,b:0,a:255},blue:{r:67,g:142,b:219,a:255},white:{r:255,g:255,b:255,a:255}},ym=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)("1"),c=(0,o.Z)(a,2),l=c[0],u=c[1],d=(0,r.useRef)("1"),m=(0,r.useRef)(null),f=(0,r.useState)(""),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=(0,r.useState)(""),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(Rd.noInit),b=(0,o.Z)(j,2),_=b[0],D=b[1],M=(0,r.useRef)(Rd.noInit),k=(0,r.useState)("transparency"),N=(0,o.Z)(k,2),E=N[0],C=N[1],S=(0,r.useRef)("transparency"),P=(0,r.useRef)(null),B=(0,r.useRef)(0),I=function(){var e=(0,Yc.Z)(qc().mark((function e(){var n,r,a,o,s,c,l,u,m,f;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(M.current===Rd.inRecording){e.next=2;break}return e.abrupt("return");case 2:if(!t.current||!i.current){e.next=22;break}if(n=vm[d.current],r=n.width,a=n.height,!(o=bl(t.current,r,a))){e.next=22;break}if("transparency"===S.current){e.next=20;break}return s={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=10,P.current.segmentPeople(o,s);case 10:return c=e.sent,l={r:255,g:255,b:255,a:255},u={r:0,g:0,b:0,a:255},e.next=15,Sd.wX(c,l,u,false,.3);case 15:m=e.sent,(f=sm(o,m,{backgroundColor:u,changeIntoColor:xm[S.current]}))?i.current.putImageData(f,0,0):i.current.putImageData(o,0,0),e.next=21;break;case 20:i.current.putImageData(o,0,0);case 21:B.current=window.requestAnimationFrame(I);case 22:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),T=function(){var r=(0,Yc.Z)(qc().mark((function r(){var a,o,s,c,u,d,f,g;return qc().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return D(Rd.loading),o=(a=vm[l]).width,s=a.height,n.current&&(n.current.width=o,n.current.height=s,c=n.current.getContext("2d"),i.current=c),u=Sd.oV.MediaPipeSelfieSegmentation,d={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},$c.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})),r.next=8,Sd.N7(u,d);case 8:f=r.sent,P.current=f,g={video:{width:vm[l].width,height:vm[l].height,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(g).then((function(e){t.current&&e&&(m.current=e),t.current&&m.current&&(t.current.srcObject=m.current),M.current=Rd.inRecording,D(Rd.inRecording),I()})).catch((function(t){t.message&&t.message.includes("not found")?$c.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):$c.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}));case 12:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),R=function(){var r=(0,Yc.Z)(qc().mark((function r(){var i;return qc().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:_===Rd.noInit?T():_===Rd.loading?$c.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})):_===Rd.inRecording?(t.current&&n.current&&(t.current.srcObject=null,B.current&&window.cancelAnimationFrame(B.current),i=n.current.toDataURL("image/jpeg"),w("".concat((new Date).getTime(),".jpeg")),v(i)),M.current=Rd.ready,D(Rd.ready)):(p&&(window.URL.revokeObjectURL(p),w(""),v("")),t.current&&m.current&&(t.current.srcObject=m.current,M.current=Rd.inRecording,D(Rd.inRecording),I()));case 1:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}();return(0,r.useEffect)((function(){return function(){p&&window.URL.revokeObjectURL(p)}}),[]),(0,s.jsxs)("div",{className:um,children:[(0,s.jsx)("div",{className:dm,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.takeIDPhotos"})}),(0,s.jsxs)("div",{className:mm,children:[(0,s.jsxs)("div",{className:fm,style:{width:"".concat(vm[l].width,"px"),height:"".concat(vm[l].height,"px")},children:[(0,s.jsx)("video",{className:gm,style:{width:"".concat(vm[l].width,"px"),height:"".concat(vm[l].height,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})]}),(0,s.jsxs)("div",{className:hm,children:[(0,s.jsxs)("div",{className:pm,children:[e.formatMessage({id:"common.dimension"}),"："]}),(0,s.jsx)(Kc.Z,{value:l,style:{width:"90px",marginRight:"16px"},onChange:function(e){if(n.current){var t=vm[e],r=t.width,i=t.height;n.current.width=r,n.current.height=i}d.current=e,u(e)},options:[{value:"1",label:e.formatMessage({id:"page.htmlVision.utilitarianFunction.oneInch"})},{value:"2",label:e.formatMessage({id:"page.htmlVision.utilitarianFunction.twoInch"})}]}),(0,s.jsxs)("div",{className:pm,children:[e.formatMessage({id:"common.backgroundColor"}),"："]}),(0,s.jsx)(Kc.Z,{value:E,style:{width:"130px",marginRight:"16px"},onChange:function(e){S.current=e,C(e)},options:[{value:"transparency",label:e.formatMessage({id:"common.transparency"})},{value:"red",label:e.formatMessage({id:"common.red"})},{value:"blue",label:e.formatMessage({id:"common.blue"})},{value:"white",label:e.formatMessage({id:"common.white"})}]}),(0,s.jsx)(oe.Z,{type:"primary",onClick:R,children:_===Rd.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.clickToTakeAPhoto"}):p?e.formatMessage({id:"page.htmlVision.utilitarianFunction.backPhoto"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.readyToTakeAPhoto"})}),p&&(0,s.jsx)("a",{download:A,href:p,children:e.formatMessage({id:"common.download"})})]})]})]})},Am="UtilitarianFunction_container__nbWbY",wm="UtilitarianFunction_box__xBne9",jm=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:Am,children:[(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(td,{})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(od,{})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(vd,{})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(Rr,{data:Tr[2]})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(Cd,{})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(ym,{})})]})},bm=n(2076),_m="TiltButton_container__794Op",Dm="TiltButton_buttonWrapper__qprX4",Mm="TiltButton_symbol__8btRZ",km="TiltButton_baseSvg__VopDS";function Nm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Em(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Nm(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Nm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Cm=function(e,t){var n=e.children,i=e.color,a=void 0===i?"#355DFF":i,o=e.buttonstyle,c=void 0===o?{}:o,l=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(function(){return l}));var u=(0,r.useRef)(null),d=(0,r.useCallback)((function(e,t){return Math.floor(Math.random()*(t+1))+e}),[]),m=Object.assign({backgroundColor:a,boxShadow:"0 10px 20px -10px ".concat(a)},c),f=(0,r.useCallback)((function(e,t){var n="http://www.w3.org/1999/xlink",r=document.createElementNS("http://www.w3.org/2000/svg",e);for(var i in"svg"===e&&r.setAttribute("xmlns:xlink",n),t)"xlink:href"===i?r.setAttributeNS(n,i,t[i]):r.setAttribute(i,t[i]);return r}),[]);return(0,s.jsxs)("div",Em(Em({},e),{},{className:"".concat(_m," ").concat(e.className||""),children:[(0,s.jsx)(bm.Z,{className:"Tilt",options:{max:30,scale:1.1},children:(0,s.jsx)("div",{className:Dm,ref:u,children:(0,s.jsx)("button",{style:m,onClick:function(){if(u.current){var e=["#donut","#circle","#tri_hollow","#triangle","#square","#squ_hollow"],t=u.current.children.length;if(t>1)for(var n=t-1;n>=0;n--){var r=u.current.children[n];"BUTTON"!==r.nodeName&&u.current.removeChild(r)}var i=u.current.getBoundingClientRect(),o=i.width,s=i.height;for(n=0;n<10;n++){var c=Math.floor(Math.random()*e.length),l=o/2+d(50,100)*Math.cos(2*Math.PI*n/d(0,20)),m=s/2+d(50,100)*Math.sin(2*Math.PI*n/d(0,20)),g=d(0,360)+"deg",h=d(.5,1),p=f("svg",{class:Mm,style:"top: ".concat(m,"px;left: ").concat(l,"px;transform: scale(").concat(h,") rotate(").concat(g,")"),fill:a}),v=f("use",{"xlink:href":e[c]});p.appendChild(v),u.current.prepend(p)}}},ref:l,children:n})})}),(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",className:km,children:[(0,s.jsx)("symbol",{id:"donut",viewBox:"0 0 14 14",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M7 12c2.76 0 5-2.24 5-5S9.76 2 7 2 2 4.24 2 7s2.24 5 5 5zm0 2c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"})}),(0,s.jsx)("symbol",{id:"circle",viewBox:"0 0 10 10",children:(0,s.jsx)("circle",{cx:"5",cy:"5",r:"5",fillRule:"evenodd"})}),(0,s.jsx)("symbol",{id:"tri_hollow",viewBox:"0 0 12 11",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M3.4 8.96h5.2L6 4.2 3.4 8.95zM6 0l6 11H0L6 0z"})}),(0,s.jsx)("symbol",{id:"triangle",viewBox:"0 0 10 9",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5 0l5 9H0"})}),(0,s.jsx)("symbol",{id:"square",viewBox:"0 0 8 8",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M0 0h8v8H0z"})}),(0,s.jsx)("symbol",{id:"squ_hollow",viewBox:"0 0 8 8",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M1.5 1.5v5h5v-5h-5zM0 0h8v8H0V0z"})})]})]}))},Sm=r.forwardRef(Cm),Pm="RotateBgButton_container__+oxiM",Bm=.01,Im=.5,Tm=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(0),n=function n(){if(e.current){var r=Y.findDOMNode(e.current);if(r){var i=r.style.backgroundPosition;if(i){var a=i.split(" "),o=Number(a[0].substring(0,a[0].length-1))/100-Im,s=Number(a[1].substring(0,a[1].length-1))/100-Im;o=o*Math.cos(Bm)-s*Math.sin(Bm),s=s*Math.cos(Bm)+o*Math.sin(Bm),r.style.backgroundPosition="".concat(100*(o+Im),"% ").concat(100*(s+Im),"%")}else r.style.backgroundPosition="0% 50%";t.current=requestAnimationFrame(n)}}};return(0,r.useEffect)((function(){return e.current&&(t.current=requestAnimationFrame(n)),function(){t.current&&cancelAnimationFrame(t.current)}}),[]),(0,s.jsx)("div",{className:Pm,ref:e,children:"Button"})};function Rm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Fm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Rm(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Rm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Om,Zm=function(e){return(0,s.jsx)("svg",Fm(Fm({width:"1em",height:"1em",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsx)("path",{d:"m7.087 16.686.292-4.406 8-7.208c.354-.323-.073-.48-.542-.198l-9.875 6.24-4.27-1.355c-.918-.26-.928-.895.207-1.354L17.535 1.99c.76-.344 1.49.187 1.198 1.354l-2.834 13.343c-.198.948-.77 1.178-1.562.74l-4.313-3.187-2.073 2.01c-.24.24-.437.437-.864.437Z",fill:"#808191",fillRule:"nonzero"})}))},Gm="IconMoveButton_container__jbUL6",Qm=function(){return(0,s.jsx)("div",{className:Gm,children:(0,s.jsxs)("button",{children:[(0,s.jsx)(Zm,{}),"Button"]})})},Lm="NeonButton_container__UJhO5",zm=function(){return(0,s.jsx)("div",{className:Lm,children:(0,s.jsx)("button",{children:"Button"})})},Hm="BorderAnimationButton_container__++2oE",Vm=function(){return(0,s.jsx)("div",{className:Hm,children:(0,s.jsx)("button",{children:"Button"})})},Um="BorderAnimationButton2_container__friIP",Wm=function(){return(0,s.jsx)("div",{className:Um,children:(0,s.jsx)("button",{children:"Button"})})},Ym="TranslateBgButton_container__L5LWZ",Jm=function(){return(0,s.jsx)("div",{className:Ym,children:(0,s.jsx)("button",{children:"Button"})})},qm="RoundedGradientButton_container__AMSMu",Km=function(){return(0,s.jsx)("div",{className:qm,children:(0,s.jsx)("button",{children:"Button"})})},Xm="MirrorSideButton_container__sB1Ij",$m=function(){return(0,s.jsx)("div",{className:Xm,children:(0,s.jsx)("button",{children:"Button"})})},ef="ShakeButton_container__g6kIG",tf=function(){return(0,s.jsx)("div",{className:ef,children:(0,s.jsx)("button",{children:"Button"})})},nf="Skew3DButton_container__1NY5X",rf=function(){return(0,s.jsx)("div",{className:nf,children:(0,s.jsx)("button",{children:"Button"})})},af="HoverCircleButton_container__PuMuD",of=function(){var e=(0,r.useRef)(null),t=function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px"))}};return(0,s.jsx)("div",{className:af,children:(0,s.jsx)("button",{onMouseOver:t,onMouseLeave:t,ref:e,children:(0,s.jsx)("span",{children:"Button"})})})},sf="PunkEffectButton_container__RO8q0",cf=function(){return(0,s.jsx)("div",{className:sf,children:(0,s.jsx)("button",{children:"Button"})})},lf="PunkEffectButton2_container__KUiXn",uf=function(){return(0,s.jsx)("div",{className:lf,children:(0,s.jsx)("button",{children:"Button"})})},df="BirdButton_container__7qoN9",mf="BirdButton_content__kmjN7",ff="BirdButton_buttonWrapper__LV-bE",gf="BirdButton_birdBox__RbQ6O",hf="BirdButton_bird__iLhzs",pf="BirdButton_birdFace__vJMFt",vf="BirdButton_wakeup__Igq0s",xf=function(){return(0,s.jsx)("div",{className:df,children:(0,s.jsxs)("div",{className:mf,children:[(0,s.jsx)("div",{className:ff,children:(0,s.jsx)("span",{children:"Button"})}),(0,s.jsxs)("div",{className:gf,children:[(0,s.jsx)("div",{className:"".concat(hf," ").concat(vf),children:(0,s.jsx)("div",{className:pf})}),(0,s.jsx)("div",{className:"".concat(hf," ").concat(vf),children:(0,s.jsx)("div",{className:pf})}),(0,s.jsx)("div",{className:hf,children:(0,s.jsx)("div",{className:pf})})]})]})})},yf="ObliqueLineButton_container__1jrJm",Af=function(){return(0,s.jsx)("div",{className:yf,children:(0,s.jsxs)("button",{children:["Button",(0,s.jsx)("span",{})]})})},wf="LightningBorderButton_container__ekKDU",jf="LightningBorderButton_buttonBox__o0z+d",bf="LightningBorderButton_line1__Njvnt",_f="LightningBorderButton_line2__hEdBj",Df=function(){return(0,s.jsx)("div",{className:wf,children:(0,s.jsxs)("div",{className:jf,children:[(0,s.jsx)("button",{children:"Button"}),(0,s.jsxs)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 234.6 61.3",preserveAspectRatio:"none",xmlSpace:"preserve",children:[(0,s.jsxs)("filter",{id:"glow",children:[(0,s.jsx)("feGaussianBlur",{className:"blur",result:"coloredBlur",stdDeviation:"2"}),(0,s.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.075",numOctaves:"0.3",result:"turbulence"}),(0,s.jsx)("feDisplacementMap",{in:"SourceGraphic",in2:"turbulence",scale:"30",xChannelSelector:"R",yChannelSelector:"G",result:"displace"}),(0,s.jsxs)("feMerge",{children:[(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"displace"}),(0,s.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),(0,s.jsx)("path",{className:bf,d:"m216.3 51.2c-3.7 0-3.7-1.1-7.3-1.1-3.7 0-3.7 6.8-7.3 6.8-3.7 0-3.7-4.6-7.3-4.6-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-0.9-7.3-0.9-3.7 0-3.7-2.7-7.3-2.7-3.7 0-3.7 7.8-7.3 7.8-3.7 0-3.7-4.9-7.3-4.9-3.7 0-3.7-7.8-7.3-7.8-3.7 0-3.7-1.1-7.3-1.1-3.7 0-3.7 3.1-7.3 3.1-3.7 0-3.7 10.9-7.3 10.9-3.7 0-3.7-12.5-7.3-12.5-3.7 0-3.7 4.6-7.3 4.6-3.7 0-3.7 4.5-7.3 4.5-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-10-7.3-10-3.7 0-3.7-0.4-7.3-0.4-3.7 0-3.7 2.3-7.3 2.3-3.7 0-3.7 7.1-7.3 7.1-3.7 0-3.7-11.2-7.3-11.2-3.7 0-3.7 3.5-7.3 3.5-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-2.9-7.3-2.9-3.7 0-3.7 8.4-7.3 8.4-3.7 0-3.7-14.6-7.3-14.6-3.7 0-3.7 5.8-7.3 5.8-2.2 0-3.8-0.4-5.5-1.5-1.8-1.1-1.8-2.9-2.9-4.8-1-1.8 1.9-2.7 1.9-4.8 0-3.4-2.1-3.4-2.1-6.8s-9.9-3.4-9.9-6.8 8-3.4 8-6.8c0-2.2 2.1-2.4 3.1-4.2 1.1-1.8 0.2-3.9 2-5 1.8-1 3.1-7.9 5.3-7.9 3.7 0 3.7 0.9 7.3 0.9 3.7 0 3.7 6.7 7.3 6.7 3.7 0 3.7-1.8 7.3-1.8 3.7 0 3.7-0.6 7.3-0.6 3.7 0 3.7-7.8 7.3-7.8h7.3c3.7 0 3.7 4.7 7.3 4.7 3.7 0 3.7-1.1 7.3-1.1 3.7 0 3.7 11.6 7.3 11.6 3.7 0 3.7-2.6 7.3-2.6 3.7 0 3.7-12.9 7.3-12.9 3.7 0 3.7 10.9 7.3 10.9 3.7 0 3.7 1.3 7.3 1.3 3.7 0 3.7-8.7 7.3-8.7 3.7 0 3.7 11.5 7.3 11.5 3.7 0 3.7-1.4 7.3-1.4 3.7 0 3.7-2.6 7.3-2.6 3.7 0 3.7-5.8 7.3-5.8 3.7 0 3.7-1.3 7.3-1.3 3.7 0 3.7 6.6 7.3 6.6s3.7-9.3 7.3-9.3c3.7 0 3.7 0.2 7.3 0.2 3.7 0 3.7 8.5 7.3 8.5 3.7 0 3.7 0.2 7.3 0.2 3.7 0 3.7-1.5 7.3-1.5 3.7 0 3.7 1.6 7.3 1.6s3.7-5.1 7.3-5.1c2.2 0 0.6 9.6 2.4 10.7s4.1-2 5.1-0.1c1 1.8 10.3 2.2 10.3 4.3 0 3.4-10.7 3.4-10.7 6.8s1.2 3.4 1.2 6.8 1.9 3.4 1.9 6.8c0 2.2 7.2 7.7 6.2 9.5-1.1 1.8-12.3-6.5-14.1-5.5-1.7 0.9-0.1 6.2-2.2 6.2z",fill:"transparent",stroke:"#fff"}),(0,s.jsx)("path",{className:_f,d:"m216.3 52.1c-3 0-3-0.5-6-0.5s-3 3-6 3-3-2-6-2-3 1.6-6 1.6-3-0.4-6-0.4-3-1.2-6-1.2-3 3.4-6 3.4-3-2.2-6-2.2-3-3.4-6-3.4-3-0.5-6-0.5-3 1.4-6 1.4-3 4.8-6 4.8-3-5.5-6-5.5-3 2-6 2-3 2-6 2-3 1.6-6 1.6-3-4.4-6-4.4-3-0.2-6-0.2-3 1-6 1-3 3.1-6 3.1-3-4.9-6-4.9-3 1.5-6 1.5-3 1.6-6 1.6-3-1.3-6-1.3-3 3.7-6 3.7-3-6.4-6-6.4-3 2.5-6 2.5h-6c-3 0-3-0.6-6-0.6s-3-1.4-6-1.4-3 0.9-6 0.9-3 4.3-6 4.3-3-3.5-6-3.5c-2.2 0-3.4-1.3-5.2-2.3-1.8-1.1-3.6-1.5-4.6-3.3s-4.4-3.5-4.4-5.7c0-3.4 0.4-3.4 0.4-6.8s2.9-3.4 2.9-6.8-0.8-3.4-0.8-6.8c0-2.2 0.3-4.2 1.3-5.9 1.1-1.8 0.8-6.2 2.6-7.3 1.8-1 5.5-2 7.7-2 3 0 3 2 6 2s3-0.5 6-0.5 3 5.1 6 5.1 3-1.1 6-1.1 3-5.6 6-5.6 3 4.8 6 4.8 3 0.6 6 0.6 3-3.8 6-3.8 3 5.1 6 5.1 3-0.6 6-0.6 3-1.2 6-1.2 3-2.6 6-2.6 3-0.6 6-0.6 3 2.9 6 2.9 3-4.1 6-4.1 3 0.1 6 0.1 3 3.7 6 3.7 3 0.1 6 0.1 3-0.6 6-0.6 3 0.7 6 0.7 3-2.2 6-2.2 3 4.4 6 4.4 3-1.7 6-1.7 3-4 6-4 3 4.7 6 4.7 3-0.5 6-0.5 3-0.8 6-0.8 3-3.8 6-3.8 3 6.3 6 6.3 3-4.8 6-4.8 3 1.9 6 1.9 3-1.9 6-1.9 3 1.3 6 1.3c2.2 0 5-0.5 6.7 0.5 1.8 1.1 2.4 4 3.5 5.8 1 1.8 0.3 3.7 0.3 5.9 0 3.4 3.4 3.4 3.4 6.8s-3.3 3.4-3.3 6.8 4 3.4 4 6.8c0 2.2-6 2.7-7 4.4-1.1 1.8 1.1 6.7-0.7 7.7-1.6 0.8-4.7-1.1-6.8-1.1z",fill:"transparent",stroke:"#fff"})]})]})})},Mf="DynamicButtons_container__onlah",kf="DynamicButtons_box__HDepH",Nf="DynamicButtons_box1__eXXBp",Ef="DynamicButtons_btn__v5GiZ",Cf="DynamicButtons_btnText__a2SkT",Sf=be.GridBox,Pf=[{element:(0,s.jsx)(Sm,{className:Ef,color:"#4E90FE",children:(0,s.jsx)("span",{className:Cf,children:"Button"})}),className:Nf},{element:(0,s.jsx)(Tm,{})},{element:(0,s.jsx)(Qm,{})},{element:(0,s.jsx)(zm,{})},{element:(0,s.jsx)(Vm,{})},{element:(0,s.jsx)(Wm,{})},{element:(0,s.jsx)(Jm,{})},{element:(0,s.jsx)(Km,{})},{element:(0,s.jsx)($m,{})},{element:(0,s.jsx)(tf,{})},{element:(0,s.jsx)(rf,{})},{element:(0,s.jsx)(of,{})},{element:(0,s.jsx)(cf,{})},{element:(0,s.jsx)(uf,{})},{element:(0,s.jsx)(xf,{})},{element:(0,s.jsx)(Af,{})},{element:(0,s.jsx)(Df,{})}],Bf=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Mf,children:(0,s.jsx)(be,{differentScreenCols:[8,7,6,5,4],rowSpace:4,colSpace:4,children:Pf.map((function(e,t){return(0,s.jsx)(Sf,{children:(0,s.jsx)("div",{className:e.className?"".concat(kf," ").concat(e.className):kf,children:e.element})},t)}))})})},If="DynamicTime_container__gWj7z",Tf="DynamicTime_circle__KgCyy",Rf="DynamicTime_hour__QRch1",Ff="DynamicTime_minutes__CiztT",Of="DynamicTime_seconds__HIQzF",Zf="DynamicTime_text__tg+1p",Gf="DynamicTime_ap__-R5C5",Qf=75,Lf=471;!function(e){e[e.AM=0]="AM",e[e.PM=1]="PM"}(Om||(Om={}));var zf=function(){var e=function(){var e=new Date,t=e.getHours();return{h:t%12,m:e.getMinutes(),s:e.getSeconds(),ap:t>=12?Om.PM:Om.AM}},t=(0,r.useMemo)((function(){return e()}),[]),n=(0,r.useRef)(t.h),i=(0,r.useRef)(t.m),a=(0,r.useRef)(t.ap),c=(0,r.useState)(t.s),l=(0,o.Z)(c,2),u=l[0],d=l[1];return(0,r.useEffect)((function(){var t=setInterval((function(){var t=e(),r=t.h,o=t.m,s=t.s,c=t.ap;n.current=r,i.current=o,a.current=c,s!==u&&d(s)}),1e3);return function(){t&&clearInterval(t)}}),[]),(0,s.jsxs)("div",{className:If,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.SVGCircularClock"}),(0,s.jsxs)("div",{className:"".concat(Tf," ").concat(Rf),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Qf,cy:Qf,r:Qf,style:{strokeDashoffset:Lf-Lf*n.current/12}})}),n.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Zf,children:"HOURS"})]}),(0,s.jsxs)("div",{className:"".concat(Tf," ").concat(Ff),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Qf,cy:Qf,r:Qf,style:{strokeDashoffset:Lf-Lf*i.current/60}})}),i.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Zf,children:"MINUTES"})]}),(0,s.jsxs)("div",{className:"".concat(Tf," ").concat(Of),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Qf,cy:Qf,r:Qf,style:{strokeDashoffset:Lf-Lf*u/60}})}),u.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Zf,children:"SECONDS"})]}),(0,s.jsx)("div",{className:Gf,children:Om[a.current]})]})},Hf=n(15671),Vf=n(43144),Uf={container:"FlopTime_container__FCqPp",content:"FlopTime_content__hgESz",flip:"FlopTime_flip__uaSUO",digital:"FlopTime_digital__qpGvE",front:"FlopTime_front__uSPIf",back:"FlopTime_back__pv1UY",number0:"FlopTime_number0__ZTJin",number1:"FlopTime_number1__eLA3v",number2:"FlopTime_number2__1Ac8e",number3:"FlopTime_number3__0vQ0q",number4:"FlopTime_number4__dEd0i",number5:"FlopTime_number5__a-zf8",number6:"FlopTime_number6__2oi9K",number7:"FlopTime_number7__r4N7o",number8:"FlopTime_number8__HcY+F",number9:"FlopTime_number9__Ga-a0",down:"FlopTime_down__RmRNR",go:"FlopTime_go__-zVpA",frontFlipDown:"FlopTime_frontFlipDown__GMZfH",backFlipDown:"FlopTime_backFlipDown__d92sS",dot:"FlopTime_dot__FWyVP"},Wf=function(){function e(t){(0,Hf.Z)(this,e),this.config={node:null,frontNum:0,backNum:1,frontText:Uf.number0,backText:Uf.number1,duration:600},Object.assign(this.config,t),this.nodeClass={flip:Uf.flip,front:"".concat(Uf.digital," ").concat(Uf.front),back:"".concat(Uf.digital," ").concat(Uf.back)},this.frontNode=this.config.node.children[0],this.backNode=this.config.node.children[1],this.isFlipping=!1,this.allNumberClass=[],this._init()}return(0,Vf.Z)(e,[{key:"_init",value:function(){for(var e=0;e<10;e++)this.allNumberClass.push(Uf["number".concat(e)]);var t=this.config,n=t.frontNum,r=t.frontText,i=t.backNum,a=t.backText;this._setFront(n,r),this._setBack(i,a)}},{key:"_setFront",value:function(e,t){var n=this;this.allNumberClass.forEach((function(e){Array.prototype.includes.call(n.frontNode.classList,e)&&n.frontNode.classList.remove(e)})),this.config.frontNum=e,this.config.frontText=Uf["number".concat(e)],this.frontNode.classList.add(t)}},{key:"_setBack",value:function(e,t){var n=this;this.allNumberClass.forEach((function(e){Array.prototype.includes.call(n.backNode.classList,e)&&n.backNode.classList.remove(e)})),this.config.backNum=e,this.config.backText=Uf["number".concat(e)],this.backNode.classList.add(t)}},{key:"_flip",value:function(e,t,n,r,i){var a=this;if(this.isFlipping)return!1;this.isFlipping=!0,this._setFront(t,n),this._setBack(r,i);var o=Uf.down;"up"===e&&(o=Uf.up),this.config.node.classList.add(o,Uf.go),setTimeout((function(){a.config.node.classList.remove(Uf.go),a.isFlipping=!1,a._setFront(r,i);var e=r>=9?0:r+1;a._setBack(e,Uf["number".concat(e)])}),this.config.duration)}},{key:"flipDown",value:function(e,t,n,r){this._flip("down",e,t,n,r)}}]),e}(),Yf=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)([]);return(0,r.useEffect)((function(){if(e.current){var n=e.current.children;n=Array.prototype.filter.call(n,(function(e){return!!e.className.includes(Uf.flip)}));for(var r=new Date,i=(0,sr.Z)(r,"hhmmss"),a=(0,sr.Z)(new Date(r.getTime()+1e3),"hhmmss"),o=0;o<n.length;o++)t.current.push(new Wf({node:n[o],frontText:Uf["number".concat(i[o])],backText:Uf["number".concat(a[o])]}))}var s=window.setInterval((function(){for(var e=new Date,n=(0,sr.Z)(e,"hhmmss"),r=(0,sr.Z)(new Date(e.getTime()+1e3),"hhmmss"),i=0;i<t.current.length;i++)n[i]!==r[i]&&t.current[i].flipDown(Number(n[i]),Uf["number".concat(n[i])],Number(r[i]),Uf["number".concat(r[i])])}),1e3);return function(){s&&window.clearInterval(s)}}),[]),(0,s.jsxs)("div",{className:Uf.container,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.upAndDownCard"}),(0,s.jsxs)("div",{className:Uf.content,ref:e,children:[(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsx)("div",{className:Uf.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsx)("div",{className:Uf.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]})]})]})},Jf="ChargingAnimation_container__v9+1B",qf="ChargingAnimation_number__p2igZ",Kf="ChargingAnimation_contrast__WE8Kt",Xf="ChargingAnimation_circle__ulvus",$f="ChargingAnimation_bubbles__YjX2d",eg=new Array(15).fill(0),tg=function(){return(0,r.useLayoutEffect)((function(){document.styleSheets[0].insertRule("@keyframes bubbleMoveToTop{ 90% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0.1;\n      transform: translate(-50%, -260px);\n    }}")}),[]),(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.charging"}),(0,s.jsx)("div",{className:qf,children:"30.02%"}),(0,s.jsxs)("div",{className:Kf,children:[(0,s.jsx)("div",{className:Xf}),(0,s.jsx)("ul",{className:$f,children:eg.map((function(e,t){var n="".concat(15*Math.random()+15,"px"),r="".concat(70*Math.random()+15,"px"),i="".concat(5*Math.random()+2,"s"),a="-".concat(5e3*Math.random()/1e3,"s"),o="bubbleMoveToTop ".concat(i," ease-in-out ").concat(a," infinite");return(0,s.jsx)("li",{style:{width:n,height:n,left:r,animation:o}},t)}))})]})]})};function ng(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function rg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ng(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ng(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ig=function(e){return(0,s.jsxs)("svg",rg(rg({className:"StickyRice_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M64 880a448 80 0 1 0 896 0 448 80 0 1 0-896 0Z",fill:"#E8DABF",opacity:.3}),(0,s.jsx)("path",{d:"M87.215 846.713c-63.335-109.7 283.05-735.385 424.574-735.385S999.61 738.401 936.363 846.713s-785.813 109.7-849.148 0z",fill:"#FAEBD2"}),(0,s.jsx)("path",{d:"M455.995 219.992c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S444.002 208 448 208s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S476.002 208 480 208s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S540.002 208 544 208s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S572.002 208 576 208s7.995 7.577 7.995 11.992zm-64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S508.002 208 512 208c3.997 0 7.995 7.577 7.995 11.992zm-80 32c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S428.002 240 432 240s7.995 7.577 7.995 11.992zm-32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S396.002 240 400 240s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S460.002 240 464 240s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S524.002 240 528 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S556.002 240 560 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S588.002 240 592 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S620.002 240 624 240s7.995 7.577 7.995 11.992zm-128 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S492.002 240 496 240s7.995 7.577 7.995 11.992zM775.345 440.438c6.115-.504 2.035 2.249 3.301 5.954.291 3.705-1.4 8.362 3.258 11.666-8.169 4.275-6.282 6.521 3.215 8.77 10.327 2.249-3.048 4.501 3.17 8.79-7.376 1.905 1.646 5.43 3.123 8.9 2.359 3.47 7.921 6.886 3.075 8.573-9.172-.258-2.604 3.793 3.026 8.052 15.128 4.26 5.026 8.729 2.976 9.306-12.033 2.457 8.296 3.061 2.924 4.901-9.272 1.84.532 4.915 2.871 12.315-7.209-4.449 4.727-6.768 2.351-5.038-8.02 1.73-4.154 7.509 2.312 19.255 10.479 2.85 7.181 5.826 2.272 8.362 2.367 2.536 14.417 4.631 2.232 5.72.489 8.023 3.272 8.451 2.191 8.369 2.156-.082 2.739-.673 2.149 5.309 6.227.962 5.665 3.077 2.106 5.646-8.672 2.569-11.048 5.593 2.063 8.372.484 2.791-1.853-7.046 3.993 2.32 4.069 4.468 5.724 6.451 1.928 9.406 6.942 2.955 1.821 6.882 1.881 15.238-4.269.327 4.781 3.252 1.834 6.473-2.521 3.222-.062 6.74 1.786 8.252.93 4.846 4.093 9.135 3.424 11.379 4.254 4.314 6.785 12.042 3.222 9.515 7.65.479 5.501 2.125 1.533 4.778-2.137 2.653.389 6.314 1.48 10.821 5.52-4.253 5.635-3.57 1.427-1.098.458 2.472 2.397 6.733 1.372 9.635 4.945-5.443-1.133 5.655 1.317 6.148 7.645-1.499 6.176-3.465 1.261 9.311-1.044-1.224 1.153 3.168.609 6.892 3.205 3.725-8.203 6.782.595 2.89-7.048 1.751 3.658-8.565 1.146 4.247-2.301 6.198-4.38 5.473 1.088 9.861-6.175 6.702 5.253 11.046.522 11.399 4.763.353 3.857-3.283.507-12.541 4.14-.671 7.245 8.582.969 7.898-4.846 2.25 1.32 7.335.462 10.005 3.145 2.67 10.494 2.925.446-4.486-4.938-.376-10.418-2.474.431-8.347-.33 2.606-4.06 1.688.416 7.392-8.397-5.947 2.539-8.485.4-1.185.769-.613-6.446 15.872.384 10.095 6.124-2.642 16.23-2.913.721-.891-9.928 2.022 2.137 6.337.657 12.867 8.012-1.93 3.119 11.247 1.119 7.89-4.177 10.634 6.907 8.769.461 5.883 9.31-2.886.244-6.793.394-.244.495-3.987-6.03-3.428.171 6.772-9.743 9.614-1.644 7.542.154 4.16 7.839 6.146 5.388-1.372.257 1.662-.977 5.999 2.145-9.593.188-5.785-3.549-1.61.632.145.068 3.207.688 3.061 2.394 7.428.05 11.041-11.782 5.89.19 9.829.046 11.327 8.012 1.498-5.24.555-.025-3.321-3.097-6.344 1.874 10.268-.269 2.894 11.751-5.18-2.069-4.017-.246-.68 5.299 3.337-.201 8.848-.321 12.363-.119 1.52-.251 7.353-.396 8.282-.145 1.512-.302 8.374-.473.633-.341 6.682-.733 2.845-1.178 3.641-.89 7.333-1.991-8.506-3.31 10.406-.807 10.085-1.747-3.544-2.814 4.667-1.067 7.814-2.262 2.26-3.581 6.35-1.319 10.024-2.761 9.864-4.323 6.708-1.562 4.784-3.243 3.198-5.04 3.605-1.797-1.216-3.709-8.021-5.732 2.172-2.023 7.898-4.158.643-6.399 7.435-2.242 5.191-4.59 11.749-7.042 5.977-2.452-5.879-5.007 7.787-7.66 2.924-2.654 6.301-5.406 5.755-8.253 3.105-2.847-2.562-5.789-1.824-8.821 5.088-3.032 2.617-6.155 2.006-9.365 4.028-3.209.424-6.505 11.614-9.883 3.457-3.378 11.137-6.839 4.589-10.377 5.368-3.539-.628-7.155-8.95-10.846 1.408-6.04 13.337-12.277 4.26-18.695 5.017-6.418 3.014-13.016 11.167-19.776 4.541-6.76-1.418-13.682-10.144-20.748 4.065-7.066 6.438-14.276-.847-21.611 3.589-7.335-7.749-14.797 7.38-22.365 3.112-7.569-6.077-15.245 6.834-23.011 2.634-7.766 5.918-15.621-.398-23.548 2.156-7.927-6.213-15.925 7.261-23.977 1.678-8.052 14.37-16.156-8.354-24.296 1.199-8.14-4.045-16.315 5.313-24.507.72-8.192 5.977-16.401 2.026-24.609.24v1.206c7.933.148 15.852 1.825 23.746-.511 7.893 6.51 15.761 5.45 23.593-.778 7.832-13.235 15.627.2 23.374-1.045 7.748-8.826 15.448 4.154 23.09-1.312 7.642-10.069 15.226-8.128 22.741-1.579 7.515 1.232 14.96-13.071 22.326-1.846 7.365-1.077 14.651-3.437 21.845-2.112 7.194-9.605 14.297-5.486 21.298-2.378 7.001-8.46 13.9 8.32 20.686-2.644 6.786-9.953 13.459-3.337 20.009-2.91 6.549-4.958 12.975-5.612 19.265-3.176 4.325 4.107 8.586-1.967 12.78-2.337 4.194 3.386 8.32 3.274 12.376-2.463 4.056.418 8.041 10.262 11.951-1.138 3.911-1.155 7.747 5.839 11.505-4.164 3.758 5.875 7.439-3.256 11.037-5.567 3.599 4.841 7.116-4.089 10.549-.234 3.432-.472 6.78 1.161 10.038-3.31 3.259.518 6.429-3.21 9.507-2.992 3.078-9.286 6.064-8.46 8.954-5.961 2.89 1.432 5.685-11.631 8.38-.84 2.695-2.291 5.291 3.583 7.784-2.516 2.493-1.39 4.884 6.451 7.168-4.785 2.284-1.168 4.462 4.094 6.53-4.34 2.068-.067 4.026-10.814 5.87-3.459 1.844-3.772 3.576-14.484 5.19-9.13 1.614-10.135 3.111-3.577 4.488.833 2.753 4.679 5.024-.194 6.784-8.794.511 2.867.995 4.044 1.453 3.006s.889-4.289 1.294-10.276c.811 2.808 1.517-.439 2.121-4.815.605 2.149 1.107 6.75 1.511-7.597.404 6.246 1.897-11.725.917-7.505.361-4.346 10.857-12.046.24-10.4 9.433-.227.293-4.471.097 2.555 6.523-7.804-6.694-6.103-.044-4.557-1.258 1.546-4.622 2.938-.183-5.486 1.944-6.188-8.249-14.074-.32-10.921-.404-6.319 6.552-10.136-.211-10.592 3.129-.456-8.232 2.449-.244 9.572-18.587.492-6.796-3.876-.588-7.245 6.263-3.369 2.361-5.74-.719-1.256.164-7.81 2.438 2.701-1.824-10.578 1.12 6.423 13.204 4.838-1.101 2.795-.013-1.094-9.198-7.844-.597-12.818-10.651-4.974-4.457-8.172-.628-2.162 11.367-7.964.889-11.437-1.113-9.645.338 3.859 5.592-9.962-1.196-.13 6.184 4.612 2.554 2.165-1.279-1.561-15.558-3.726 3.72-8.732-1.359-9.239 1.376-2.409 7.481-14.768-2.958-9.968 1.931-7.286-5.878-5.991-1.596-5.013 12.537.978-.968 1.64-1.672-6.911 3.35-9.013 1.114-9.073-1.748-6.58-6.06 1.911-2.64-3.474-1.822-6.353-6.857 3.202-1.17-10.577-3.862-10.143 2.182-6.161-3.083-8.589-2.038-9.783 1.917-1.194-2.247-1.156-2.108-2.386 1.029.101.304-3.36-2.176-6.611 2.086-3.251.296-6.29-2.244-5.345 8.665-2.409 1.316-4.83-2.31-7.187-11.041-2.357 7.203-4.65-2.375-6.803-4.979-6.512-.945-7.99-4.942-11.049-4.987.782-4.913-2.262-5.189-7.207-5.878-2.472 5.256-5.42-2.685-8.602-1.93-3.182-4.832-6.599-2.743-10.01-13.344.003-5.803-8.628-5.657-8.894-3.908-5.741-3.353-5.33-2.912-5.886 11.301-.556 4.618-2.078-2.966-11.685 7.9-.238-7.1-3.077-3.019-6.302-4.414-3.225.931-6.838-3.071-8.624-1.794-7.073-5.786-8.407-3.121-8.812.873-.405 3.632.118-3.171-3.239-.107-6.551 7.422-6.72-3.219-6.871 7.515-.151-6.404-.286-3.266-6.768-6.025-6.91-6.301-11.368-3.313-13.584-5.699-2.216 6.067-2.19-3.357-.133-6.807.382-9.151-1.648-4.087-4.825 6.383-3.177-.74-7.503-4.148-11.713-5.8-2.571-11.938-5.728-4.207-8.738-4.086-3.01-6.844-5.874-4.265-7.859-3.109-6.14-12.035-10.321-4.32-12.954-.975-2.633 6.391-3.72-4.374-3.673 6.577.889 1.602-2.293-4.425-6.184-4.759-3.892-3.924-8.493-4.475-10.443-5.601-3.404-6.274-7.316-4.522-10.496-6.921-3.176 4.486-5.624-4.565-6.099z",fill:"#E8DABF"})]}))};function ag(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function og(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ag(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ag(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var sg=function(e){return(0,s.jsxs)("svg",og(og({className:"RedDates_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M472.5 427.8s48.6-66.4 203.2-16.6 241.9 192.1 240.2 224.9c3.4 42.5 17.9 178.9-163.5 227.4S438 738.3 398.4 647.6s74.1-219.8 74.1-219.8z",fill:"#BC2B2B"}),(0,s.jsx)("path",{d:"M689.8 883.9c-22.5 0-44.9-3.1-66.9-9.3-37.3-10.5-73.6-29.8-108.1-57.4-62.8-50.2-107-118.1-127.4-164.8-10-23-12-49.9-5.9-79.8 4.7-23.1 14.3-48.2 28.5-74.6 22.9-42.5 50-74.1 53.2-77.8 5.6-7.1 60.6-70.5 216.1-20.4 88 28.3 147.7 79.7 182.3 117.7 37.9 41.7 64.5 89.1 66.2 117.9.1 1.6.2 3.3.3 5.1 1.6 24.9 4.5 71.4-16.2 117.6-25.3 56.6-78 95.9-156.5 117-21.9 5.9-43.8 8.8-65.6 8.8zM481.5 435.8c-1.1 1.2-108.2 124.4-72.1 207 30.4 69.7 158.2 257.7 339.8 209.1 165.4-44.3 158.1-160.3 155-209.9-.1-1.9-.2-3.6-.3-5.2-1.1-19.7-22.1-61.5-60-103.1-32.7-35.9-89-84.3-171.9-111-75.3-24.3-123.2-19.4-150-11.1-27.5 8.6-39.1 22.5-39.8 23.4-.2.3-.4.5-.7.8zm-9-8z"}),(0,s.jsx)("path",{d:"M540.7 190.3s-85-64.2-242.8 45.9c-26.8 21-166.5 195.5-186.8 341.7S185 848.7 338.5 870.4s280.9-199.8 280.9-199.8 162.2-212.9 60.8-359.1c-15.9-16.9-90.3-94.6-139.5-121.2z",fill:"#FFF"}),(0,s.jsx)("path",{d:"M556.6 220.5s-58.5-37.5-164.2 5.3c-48.8 19.8-91.6 51.6-125.3 91.8-54.7 65.3-138 184.7-152.8 290.2C94 753 185 848.9 338.5 870.5s280.9-198.4 280.9-198.4 149.4-189.4 74.3-326.8c-15.9-16.8-79.4-97.3-137.1-124.8z",fill:"#C12F2F"}),(0,s.jsx)("path",{d:"M359.7 883.9c-7.7 0-15.4-.5-23-1.6-77-10.9-143.3-47.9-186.7-104.1-43-55.9-61.1-127.6-50.8-201.9 7.1-51.6 29-110.7 64.9-175.7 36.5-66 76-117 91.3-135.8 3.6-4.4 7.4-8.7 11.3-12.8 10.7-11.1 19.3-18.8 30.8-27.6 24.6-18.8 51-34 78.3-45 104.1-41.9 163.2-4.8 171.2.7 40 21.9 95.1 75.1 124.4 105 25.2 25.7 42.3 57.5 49.4 92 6.7 32.7 6 69-2.2 107.9-6.5 30.7-17.6 63.1-33.1 96.2-24.7 53.1-52.2 90.6-56.3 96-4 6.8-35.2 59.1-84.3 109.8-30.5 31.5-61.6 55.7-92.4 72-31.2 16.6-62.4 24.9-92.8 24.9zm109.2-700.1c-21.8 0-50.1 4.2-84.1 17.9-25.3 10.2-49.7 24.2-72.7 41.8-10.4 8-18.3 15-28.1 25.2-3.5 3.6-6.8 7.4-10 11.2-60.8 75-137 198.5-151 299.7-19.6 141.1 71.8 258.4 217.1 279 6.6.9 13.1 1.4 19.6 1.4C495 860 607.8 666.7 609 664.6c.3-.4.5-.9.9-1.3.3-.4 29.2-38.6 54.3-92.7 22.8-49.1 47.1-121.6 33.3-188.7-6.2-29.9-21.1-57.6-43.1-80-28.6-29.1-82.1-81-119.4-101.1l-1.5-.9c-.4-.3-13.3-9.5-37.6-13.9-7.4-1.2-16.4-2.2-27-2.2z"}),(0,s.jsx)("path",{d:"M560 301.2c-1.4 0-2.7-.3-4-.9-5.1-2.2-7.3-8.1-5.1-13.2 12-27.2 35.6-46.4 68.2-55.6 24-6.8 44.4-5.8 45.2-5.7 5.5.3 9.7 5 9.4 10.5-.3 5.5-5 9.7-10.5 9.4-.7 0-70.9-3-94.1 49.5-1.6 3.8-5.2 6-9.1 6z"}),(0,s.jsx)("path",{d:"M577.9 341.2c-2.9 0-5.8-.3-8.8-.8-12.7-2.3-25.6-9.2-36.3-19.5-10.7-10.3-18.2-22.8-21.1-35.4-3.1-13.9-.3-26.7 7.9-35.2 3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1c-4.7 4.9-3.8 12.8-2.9 17 2 8.7 7.6 17.9 15.4 25.4 7.8 7.5 17.3 12.7 26 14.3 4.3.8 12.1 1.3 16.8-3.6 3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1c-6.1 6.7-15.3 10.2-25.8 10.2zm237 439.7c-1.4 0-2.9-.1-4.5-.4-5.4-1-9-6.2-8-11.6 1-5.4 6.2-9 11.6-8 .9.2 2 .4 3.8-2 1.5-2 2.4-4.6 2.6-5.4 1.3-5.4 6.8-8.6 12.1-7.2 5.4 1.3 8.6 6.8 7.3 12.2-2.9 11.2-11.7 22.4-24.9 22.4zM331 820.7c-15.3 0-32.9-13.5-37.8-18.7-3.8-4-3.6-10.3.4-14.1 4-3.8 10.3-3.6 14.1.4 4.3 4.5 17.6 12.9 23.6 12.4 5.5-.4 10.3 3.7 10.8 9.2s-3.7 10.3-9.2 10.8H331zm37.9 3.1h-2.5c-5.5-.1-9.9-4.7-9.8-10.2.1-5.5 4.7-9.9 10.2-9.8h2.1c61.7 0 116.4-64.4 117-65.1 3.5-4.2 9.9-4.8 14.1-1.2 4.2 3.5 4.8 9.9 1.2 14.1-2.5 2.9-61.4 72.2-132.3 72.2z"})]}))};function cg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?cg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):cg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ug=function(e){return(0,s.jsxs)("svg",lg(lg({className:"ReedLeaves_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M352.764 725.16c.119 156.85-155.595 203.778-155.56 250.833-.036-47.055-155.821-94.237-155.94-251.087C40.991 364.15 196.539 97.632 196.539 97.632S352.491 364.405 352.764 725.16z",fill:"#419646"}),(0,s.jsx)("path",{d:"M362.028 725.167c.035 46.247-12.861 87.195-39.424 125.182-22.557 32.258-51.131 56.645-74.09 76.239-23.496 20.053-42.056 35.892-42.045 49.412l-18.528-.015c-.01-13.519-18.594-29.389-42.12-49.481-22.989-19.632-51.6-44.065-74.206-76.36C44.993 812.113 32.035 771.145 32 724.898c-.063-82.694 8.1-167.285 24.262-251.425 12.927-67.3 30.973-134.468 53.636-199.639 38.626-111.07 77.912-178.903 78.304-179.575L196.525 80l8.343 14.272c.393.673 39.782 68.571 78.577 179.704 22.762 65.207 40.91 132.405 53.939 199.727 16.29 84.166 24.581 168.77 24.644 251.464zM197.187 952.465c8.563-11.478 22.322-23.22 38.049-36.641 45.721-39.021 108.339-92.463 108.265-190.672-.14-185.279-42.338-345.083-77.714-446.517-27.733-79.524-55.714-136.569-69.234-162.321-13.481 25.73-41.375 82.729-68.988 162.208-35.222 101.376-77.177 261.111-77.037 446.39.074 98.209 62.774 151.753 108.554 190.849 15.747 13.448 29.524 25.212 38.105 36.704z",fill:"#286432"}),(0,s.jsx)("path",{d:"M248.718 877.34c8.347-16.661 15.417-33.789 20.853-51.278a321.004 321.004 0 0 0 11.74-53.239c2.413-17.938 3.343-36.02 3.074-54.036l-.269-27-.61-26.996a2590.894 2590.894 0 0 0-5.264-107.904 2612.711 2612.711 0 0 0-23.99-215.021c-2.791-17.849-5.681-35.687-8.861-53.49a2181.856 2181.856 0 0 0-10.063-53.342c-3.568-17.752-7.351-35.475-11.411-53.154-4.078-17.675-8.333-35.326-13.196-52.866 4.77 17.556 8.931 35.221 12.916 52.909 3.967 17.692 7.655 35.425 11.129 53.187 3.48 17.761 6.747 35.55 9.779 53.367 3.085 17.81 5.88 35.654 8.576 53.507 10.588 71.431 18.218 143.157 22.844 215.007a2589.23 2589.23 0 0 1 4.691 107.846l.467 26.975.126 26.977c.171 17.964-.856 35.896-3.35 53.706a318.828 318.828 0 0 1-11.94 52.776c-5.486 17.32-12.587 34.268-20.961 50.769-8.333 16.527-18.091 32.518-27.85 48.578-2.91 4.845-5.826 9.701-8.582 14.639 1.329-3.937 2.707-7.87 4.072-11.81 5.643-16.098 11.003-32.335 15.228-48.786 8.538-32.893 12.925-66.487 13.866-100.086.54-16.815.025-33.586-.112-50.363l-.337-25.165-.712-25.159-.712-25.159-1.042-25.151-1.074-25.149c-.329-8.384-.894-16.76-1.33-25.14-3.62-67.038-8.819-134.013-15.289-200.898-3.187-33.446-6.831-66.862-10.705-100.257-3.896-33.394-8.127-66.762-12.937-100.074 4.628 33.329 8.675 66.711 12.388 100.117 3.691 33.407 7.151 66.832 10.154 100.285 6.103 66.899 10.933 133.877 14.184 200.904.389 8.379.909 16.754 1.191 25.135l.936 25.142.904 25.142.574 25.148.574 25.147.198 25.15c.046 16.765.472 33.545-.181 50.263-1.155 33.451-5.736 66.821-14.428 99.457-4.305 16.329-9.729 32.426-15.473 48.488-2.339 6.617-4.711 13.24-6.851 19.947L196.55 113.38l-.301 65.188c-4.612 32.47-8.688 64.994-12.438 97.542-3.823 33.389-7.416 66.799-10.553 100.24-6.369 66.875-11.466 133.841-14.984 200.874-.423 8.38-.976 16.755-1.291 25.138l-1.036 25.147-1.004 25.149-.674 25.158-.674 25.158-.298 25.164c-.112 16.776-.601 33.546-.036 50.363.992 33.6 5.43 67.201 14.018 100.109 4.25 16.458 9.634 32.704 15.301 48.811 1.371 3.942 2.755 7.878 4.09 11.817-2.773-4.959-5.706-9.836-8.634-14.702-9.793-16.092-19.584-32.116-27.944-48.675-8.404-16.532-15.526-33.512-21.038-50.86a319.683 319.683 0 0 1-12-52.854c-2.513-17.834-3.555-35.785-3.4-53.769l.087-27.004.421-27.002c.754-36 2.249-71.991 4.485-107.949 4.47-71.918 11.903-143.71 22.248-215.21 2.638-17.87 5.367-35.731 8.386-53.56a2207.575 2207.575 0 0 1 9.57-53.422c3.401-17.78 7.012-35.534 10.897-53.246 3.902-17.709 7.979-35.394 12.654-52.975-4.768 17.563-8.938 35.235-12.934 52.931-3.979 17.7-7.684 35.442-11.179 53.213a2207.717 2207.717 0 0 0-9.853 53.398c-3.114 17.821-5.938 35.677-8.671 53.543-10.726 71.484-18.541 143.279-23.393 215.223a2626.432 2626.432 0 0 0-5.057 108.006l-.563 27.022-.229 27.026c-.253 18.033.692 36.135 3.124 54.096a321.675 321.675 0 0 0 11.8 53.317c5.462 17.516 12.553 34.677 20.931 51.37 8.33 16.716 18.104 32.891 27.788 48.989 3.925 6.597 7.84 13.193 11.312 19.903-4.823-6.139-10.077-11.976-15.357-17.762-12.998-14.117-26.21-28.003-38.146-42.641-11.979-14.597-22.742-29.883-31.643-45.907-8.915-16.013-15.892-32.766-20.747-49.942-4.821-17.184-7.519-34.773-8.229-52.418-.37-8.81-.126-17.691-.122-26.55l.076-13.294.31-13.291a1723.85 1723.85 0 0 1 5.621-106.237 1711.161 1711.161 0 0 1 31.083-211.039 1556.332 1556.332 0 0 1 25.734-104.168c4.902-17.251 10.133-34.439 15.78-51.533 5.677-17.085 11.608-34.12 18.433-50.915-6.914 16.77-12.938 33.785-18.708 50.852-5.74 17.075-11.065 34.247-16.061 51.485a1559.335 1559.335 0 0 0-26.304 104.111A1713.715 1713.715 0 0 0 74.96 577.865a1727.068 1727.068 0 0 0-6.198 106.324l-.381 13.305-.147 13.309c-.052 8.875-.344 17.733-.022 26.652.617 17.807 3.241 35.588 8.019 52.982 4.811 17.386 11.776 34.365 20.702 50.594 8.91 16.24 19.706 31.731 31.7 46.493 11.947 14.799 25.166 28.824 38.034 42.936 6.396 7.073 12.724 14.187 18.148 21.676 2.712 3.74 5.12 7.604 7.002 11.59.28.628.547 1.26.805 1.893l-.048 10.37 2.316.002.885.001 3.747.003.885.001 1.431.001-.049-8.021c.472-1.427 1.05-2.84 1.674-4.242 1.875-3.984 4.278-7.845 6.986-11.581 5.414-7.481 11.733-14.586 18.119-21.65 12.849-14.094 26.049-28.099 37.975-42.882 11.974-14.745 22.746-30.223 31.631-46.451 8.901-16.218 15.84-33.189 20.622-50.571 4.75-17.39 7.344-35.17 7.931-52.979.307-8.921 0-17.78-.066-26.657l-.169-13.312-.406-13.308a1712.147 1712.147 0 0 0-6.418-106.35 1701.682 1701.682 0 0 0-32.851-211.124 1550.31 1550.31 0 0 0-26.693-104.132c-5.066-17.24-10.462-34.414-16.277-51.491-5.847-17.066-11.947-34.082-18.943-50.851 6.906 16.794 12.914 33.83 18.666 50.915 5.721 17.095 11.025 34.284 15.996 51.538a1547.891 1547.891 0 0 1 26.124 104.189 1699.492 1699.492 0 0 1 31.696 211.094 1710.304 1710.304 0 0 1 5.841 106.261l.334 13.294.097 13.296c.018 8.86.277 17.743-.078 26.555-.68 17.647-3.349 35.235-8.142 52.414-4.826 17.172-11.777 33.917-20.667 49.919-8.876 16.013-19.616 31.285-31.575 45.865-11.915 14.621-25.108 28.489-38.086 42.587-5.274 5.78-10.522 11.611-15.337 17.745 3.453-6.687 7.348-13.262 11.253-19.836 9.649-16.066 19.389-32.208 27.692-48.891zm-62.005 49.079c-5.768-16.072-11.216-32.177-15.546-48.514-8.742-32.65-13.374-66.027-14.579-99.481-.679-16.719-.278-33.498-.258-50.263l.16-25.15.536-25.147.536-25.147.866-25.141.898-25.141c.27-8.381.777-16.755 1.153-25.133 3.15-67.021 7.879-133.991 13.88-200.881 2.953-33.448 6.362-66.867 10.002-100.268 3.566-32.525 7.46-65.026 11.888-97.478l-3.528 764.994c-1.913-5.787-3.976-11.52-6.008-17.25z",fill:"#C8E678"}),(0,s.jsx)("path",{d:"M467.935 785.26c-67.683 158.396-251.27 136.047-271.575 183.566 20.305-47.519-122.672-164.906-54.988-323.302C297.043 281.212 575.386 81.806 575.386 81.806s48.22 339.142-107.451 703.454z",fill:"#419646"}),(0,s.jsx)("path",{d:"M477.647 789.416c-19.956 46.703-51.182 82.266-95.462 108.721-37.602 22.465-78.11 34.289-110.658 43.79-33.31 9.723-59.621 17.403-65.455 31.056l-19.424-8.311c5.834-13.653-6.794-37.995-22.781-68.812-15.622-30.113-35.063-67.589-44.809-110.314-11.476-50.313-7.354-97.473 12.602-144.177 35.684-83.51 80.814-165.251 134.138-242.955 42.651-62.152 90.614-121.88 142.555-177.523 88.524-94.832 159.049-145.72 159.751-146.223L582.995 64l2.58 18.144c.122.855 12.076 87.037 4.716 216.598-4.319 76.02-14.337 151.984-29.777 225.78-19.303 92.262-47.183 181.384-82.867 264.894zM206.513 945.067c13.942-7.753 33.448-13.446 55.742-19.953 64.818-18.92 153.589-44.832 195.968-144.01 79.951-187.106 104.782-367.326 111.535-485.565 5.295-92.699.612-162.816-2.433-194.866-25.26 19.938-79.155 64.99-142.472 132.861-80.763 86.57-193.817 229.039-273.768 416.145-42.379 99.178.227 181.306 31.336 241.273 10.699 20.626 20.062 38.671 24.092 54.115z",fill:"#286432"}),(0,s.jsx)("path",{d:"M293.032 892.3c15.957-13.082 30.776-27.208 44.036-42.429a341.611 341.611 0 0 0 35.328-48.489c10.285-17.029 19.077-34.866 26.583-53.174l11.39-27.377 11.03-27.526a2741.694 2741.694 0 0 0 41.128-111.288c25.82-74.804 48.427-150.804 67.798-227.81 4.789-19.268 9.47-38.57 13.832-57.967a2311.034 2311.034 0 0 0 12.507-58.356c3.932-19.519 7.628-39.104 11.012-58.77 3.364-19.67 6.533-39.394 9.016-59.277-2.588 19.859-5.86 39.556-9.328 59.196-3.489 19.636-7.287 39.19-11.323 58.676a2314.418 2314.418 0 0 1-12.815 58.254c-4.464 19.361-9.247 38.626-14.137 57.856-19.776 76.852-42.783 152.677-68.993 227.283a2736.39 2736.39 0 0 1-41.704 110.973l-11.172 27.441-11.53 27.29c-7.586 18.212-16.416 35.854-26.731 52.718a339.434 339.434 0 0 1-35.337 47.932c-13.241 15.029-28.014 28.958-43.93 41.866-15.884 12.953-33.03 24.727-50.207 36.571-5.147 3.588-10.303 7.185-15.328 10.935 3.096-3.379 6.241-6.733 9.376-10.099 12.877-13.724 25.517-27.716 37.06-42.432 23.174-29.383 42.298-61.333 57.81-94.83 7.836-16.734 14.546-33.894 21.655-50.892l10.526-25.555 10.13-25.718 10.129-25.717 9.78-25.857 9.746-25.869c3.28-8.611 6.308-17.32 9.474-25.975 25.185-69.297 48.687-139.237 70.817-209.657 11.117-35.192 21.742-70.557 32.116-106.005 10.35-35.456 20.339-71.037 29.695-106.82-9.555 35.719-19.742 71.231-30.29 106.617-10.572 35.378-21.393 70.67-32.705 105.786-22.521 70.268-46.411 140.047-71.977 209.167-3.214 8.633-6.29 17.32-9.617 25.908l-9.888 25.801-9.921 25.787-10.27 25.645-10.269 25.644-10.665 25.479c-7.2 16.945-14.007 34.076-21.919 50.66-15.672 33.253-34.903 64.889-58.127 93.943-11.574 14.557-24.221 28.379-37.189 42.022-5.313 5.633-10.664 11.257-15.808 17.07l354.763-843.22-28.497 65.674c-18.874 30.714-37.209 61.722-55.212 92.902-18.444 31.995-36.655 64.114-54.402 96.469-35.59 64.66-69.885 129.981-102.554 196.076-4.066 8.27-8.266 16.478-12.222 24.799l-11.958 24.923-11.925 24.939-11.583 25.095-11.583 25.096-11.192 25.27c-7.37 16.886-15.133 33.596-21.81 50.826-13.485 34.364-23.357 70.273-28.577 107.339-2.658 18.518-4.035 37.329-5.055 56.127-.266 4.594-.517 9.187-.819 13.761-.764-6.247-1.732-12.484-2.699-18.708-3.313-20.63-6.654-41.19-8.263-61.651-1.667-20.453-1.794-40.783-.076-60.765a339.772 339.772 0 0 1 10.265-58.73c5.074-19.129 11.742-37.718 19.679-55.803l11.765-27.222 12.114-27.071a2777.305 2777.305 0 0 1 51.371-106.969c35.779-70.601 74.61-139.748 116.37-207.297 10.492-16.859 21.076-33.668 31.949-50.314a2344.887 2344.887 0 0 1 33.131-49.646c11.253-16.427 22.715-32.732 34.447-48.873 11.748-16.13 23.669-32.159 36.172-47.813-12.593 15.595-24.606 31.568-36.447 47.643-11.824 16.087-23.38 32.339-34.729 48.714a2350.922 2350.922 0 0 0-33.418 49.494c-10.97 16.597-21.651 33.358-32.241 50.17-42.152 67.362-81.385 136.341-117.576 206.797a2779.887 2779.887 0 0 0-51.995 106.769l-12.273 27.027-11.924 27.181c-8.061 18.091-14.896 36.789-20.11 56.01a341.963 341.963 0 0 0-10.675 59.108c-1.844 20.129-1.826 40.628-.257 61.231 1.51 20.605 4.766 41.31 7.963 61.898 1.265 8.417 2.518 16.83 3.259 25.157-2.404-8.357-5.39-16.602-8.427-24.807-7.528-20.071-15.38-40.006-21.569-60.128-6.252-20.1-10.932-40.351-13.339-60.513-2.427-20.158-2.501-40.194-.167-59.708 2.373-19.506 7.148-38.47 14.031-56.602 3.421-9.06 7.516-17.916 11.35-26.857l5.826-13.386 6.071-13.279A1824.806 1824.806 0 0 1 242.6 513.333a1815.415 1815.415 0 0 1 123.831-199.131 1658.29 1658.29 0 0 1 72.021-93.637c12.599-15.221 25.516-30.23 38.827-44.957 13.34-14.705 26.924-29.247 41.342-43.146-14.501 13.833-28.174 28.314-41.603 42.959-13.401 14.668-26.409 29.619-39.101 44.784a1660.753 1660.753 0 0 0-72.593 93.324 1818.312 1818.312 0 0 0-125.055 198.642 1827.277 1827.277 0 0 0-52.465 104.561l-6.152 13.261-5.908 13.37c-3.891 8.937-8.027 17.748-11.545 26.896-7.051 18.253-11.986 37.378-14.495 57.077-2.47 19.706-2.506 39.965-.161 60.345 2.324 20.384 6.948 40.857 13.145 61.13 6.132 20.289 13.931 40.367 21.325 60.375 3.649 10.004 7.211 20.019 9.661 30.008 1.228 4.99 2.083 9.969 2.332 14.836.022.76.029 1.517.026 2.271l-4.533 10.448 2.428 1.039.928.397 3.928 1.681.928.397 1.5.642 3.416-8.12c1.112-1.229 2.329-2.397 3.589-3.532 3.689-3.182 7.878-6.004 12.332-8.563 8.912-5.129 18.61-9.471 28.361-13.743 19.567-8.475 39.465-16.703 58.362-26.286 18.931-9.524 36.92-20.325 53.253-32.73 16.346-12.387 30.959-26.413 43.488-41.819 12.499-15.428 22.906-32.216 31.221-49.932 4.178-8.868 7.686-17.949 11.455-26.94l5.578-13.514 5.328-13.617a1811.819 1811.819 0 0 0 39.246-110.236 1804.171 1804.171 0 0 0 56.82-227.844 1650.82 1650.82 0 0 0 17.024-117.076c2.141-19.673 3.906-39.427 5.19-59.269 1.249-19.847 2.208-39.756 2.12-59.817-.018 20.046-1.082 39.934-2.436 59.758-1.39 19.819-3.26 39.547-5.505 59.192a1646.7 1646.7 0 0 1-17.645 116.878 1801.343 1801.343 0 0 1-58.018 227.296 1809.338 1809.338 0 0 1-39.812 109.888l-5.397 13.57-5.646 13.466c-3.811 8.952-7.38 18.036-11.561 26.773-8.343 17.51-18.744 34.071-31.198 49.268-12.485 15.175-27.013 28.967-43.255 41.14-16.231 12.191-34.096 22.799-52.941 32.163-18.816 9.425-38.647 17.517-58.352 25.938-8.03 3.474-16.054 7.01-23.755 11.046 6.512-5.205 13.439-10.098 20.377-14.986 17.07-11.898 34.262-23.833 50.182-36.957zm-86.243 21.783c.899-18.807 2.148-37.506 4.669-55.937 4.947-36.875 14.519-72.644 27.717-106.956 6.516-17.182 14.19-33.942 21.459-50.857l11.041-25.317 11.433-25.146 11.434-25.147 11.777-24.992 11.81-24.978c3.906-8.34 8.058-16.567 12.075-24.856 32.277-66.249 66.188-131.739 101.399-196.578 17.557-32.444 35.579-64.655 53.836-96.744 17.801-31.237 35.935-62.305 54.608-93.083L205.633 934.189c.495-6.7.811-13.411 1.156-20.106z",fill:"#C8E678"}),(0,s.jsx)("path",{d:"M556.519 887.273c-141.329 141.396-329.452 38.022-371.851 80.441 42.399-42.419-60.926-230.631 80.403-372.027 325.058-325.212 711.042-419.793 711.042-419.793s-94.537 386.168-419.594 711.379z",fill:"#419646"}),(0,s.jsx)("path",{d:"M565.186 895.945c-41.671 41.691-90.671 66.513-149.799 75.885-50.211 7.958-98.957 3.199-138.125-.626-40.084-3.914-71.746-7.005-83.927 5.182L176 959.043c12.182-12.187 9.092-43.864 5.179-83.967-3.823-39.186-8.58-87.955-.626-138.19 9.368-59.156 34.178-108.179 75.849-149.87 74.512-74.547 158.436-143.109 249.443-203.782 72.793-48.53 150.26-92.154 230.249-129.66 136.326-63.92 234.281-88.277 235.255-88.515L992 160l-5.057 20.66c-.238.974-24.584 98.976-88.473 235.366-37.488 80.027-81.091 157.53-129.598 230.358-60.645 91.051-129.174 175.014-203.686 249.561zm-359.319 50.56c18.369-2.33 41.84-.037 68.668 2.583 78 7.615 184.824 18.047 273.315-70.487 166.945-167.024 271.538-350.44 329.882-474.895 45.743-97.572 70.983-175.128 81.546-210.97-35.825 10.568-113.344 35.82-210.87 81.584-124.396 58.372-307.725 163.013-474.67 330.038-88.491 88.533-78.065 195.408-70.453 273.445 2.619 26.842 4.911 50.325 2.582 68.702z",fill:"#286432"}),(0,s.jsx)("path",{d:"M321.864 927.034c22.84-7.2 44.906-16.016 65.766-26.685a396.447 396.447 0 0 0 59.002-36.975c18.435-13.901 35.611-29.319 51.605-45.799l24.095-24.572 23.772-24.888a3178.814 3178.814 0 0 0 92.374-102.12c60.125-69.429 117.306-141.535 171.434-216.122 13.482-18.688 26.861-37.459 39.938-56.47a2683.765 2683.765 0 0 0 38.679-57.461c12.667-19.328 25.107-38.83 37.247-58.552 12.12-19.736 24.053-39.615 35.316-59.962-11.365 20.275-23.398 40.08-35.618 59.739-12.24 19.646-24.778 39.07-37.541 58.318a2683.31 2683.31 0 0 1-38.967 57.218c-13.172 18.929-26.645 37.616-40.219 56.219-54.499 74.246-112.034 145.99-172.494 215.038a3177.943 3177.943 0 0 1-92.858 101.531l-23.888 24.736-24.207 24.417c-16.039 16.341-33.171 31.533-51.567 45.244a393.86 393.86 0 0 1-58.771 36.37c-20.756 10.47-42.687 19.095-65.408 26.125-22.707 7.093-46.264 12.37-69.883 17.709-7.094 1.642-14.203 3.289-21.236 5.159 4.794-2.303 9.632-4.557 14.463-6.829 19.8-9.222 39.461-18.835 58.252-29.702 37.657-21.643 72.058-47.8 103.237-77.184 15.669-14.642 30.31-30.229 45.31-45.47l22.377-22.983 22.021-23.329 22.02-23.328 21.704-23.63 21.673-23.658c7.253-7.859 14.276-15.933 21.425-23.889 57.063-63.772 112.59-128.962 166.846-195.262 27.176-33.109 53.897-66.616 80.384-100.321 26.465-33.724 52.594-67.738 78.129-102.244-25.721 34.351-52.034 68.206-78.681 101.769-26.669 33.544-53.57 66.888-80.924 99.831-54.613 65.968-110.487 130.818-167.885 194.234-7.191 7.911-14.257 15.941-21.551 23.755l-21.796 23.523-21.826 23.493-22.14 23.19-22.139 23.189-22.494 22.84c-15.075 15.144-29.808 30.658-45.495 45.105-31.246 29.052-65.628 54.825-103.196 76.092-18.756 10.682-38.351 20.109-58.213 29.204-8.157 3.773-16.35 7.52-24.402 11.56L961.923 190.09l-59.065 58.438c-33.599 24.934-66.744 50.418-99.606 76.23-33.689 26.5-67.181 53.233-100.274 80.422-66.269 54.282-131.429 109.835-195.17 166.925-7.952 7.153-16.022 14.18-23.878 21.436l-23.647 21.683-23.619 21.714-23.317 22.03L390.03 681l-22.972 22.388c-15.233 15.007-30.814 29.655-45.448 45.332-29.37 31.194-55.515 65.612-77.148 103.286-10.862 18.8-20.47 38.47-29.688 58.279-2.271 4.833-4.525 9.673-6.826 14.47 1.875-7.06 3.527-14.197 5.173-21.318 5.342-23.655 10.623-47.246 17.727-69.982 7.039-22.753 15.682-44.708 26.164-65.491a394.22 394.22 0 0 1 36.425-58.832c13.729-18.415 28.941-35.56 45.302-51.613l24.432-24.243 24.743-23.929a3224.255 3224.255 0 0 1 101.543-93.043c69.038-60.6 140.737-118.315 214.9-173.044 18.584-13.629 37.247-27.165 56.151-40.401a2719.241 2719.241 0 0 1 57.135-39.17c19.218-12.835 38.609-25.449 58.219-37.77 19.623-12.301 39.389-24.419 59.619-35.882-20.302 11.361-40.143 23.379-59.842 35.581-19.686 12.222-39.155 24.738-58.453 37.476a2723.462 2723.462 0 0 0-57.378 38.883c-18.987 13.14-37.733 26.583-56.402 40.119-74.505 54.358-146.564 111.719-215.984 171.985a3224.833 3224.833 0 0 0-102.13 92.558l-24.895 23.813-24.586 24.13c-16.498 16.007-31.937 33.197-45.856 51.65a396.806 396.806 0 0 0-37.03 59.063c-10.681 20.887-19.516 42.977-26.724 65.849-7.273 22.848-12.708 46.56-18.157 70.118-2.273 9.614-4.556 19.217-7.355 28.508 1.02-10.041 1.364-20.212 1.637-30.363.559-24.873.711-49.739 2.734-74.089 1.946-24.353 5.652-48.189 11.767-70.949 6.092-22.763 14.666-44.379 25.609-64.392 10.982-19.988 24.316-38.354 39.563-54.913 7.598-8.282 15.835-16.054 23.828-24.029l12.058-11.904 12.275-11.682a2118.691 2118.691 0 0 1 101.063-90.437 2106.888 2106.888 0 0 1 219.411-161.024 1924.273 1924.273 0 0 1 118.031-69.761c20.147-10.954 40.544-21.544 61.246-31.659 20.722-10.079 41.638-19.876 63.173-28.622-21.597 8.638-42.581 18.332-63.373 28.307-20.772 10.012-41.243 20.5-61.466 31.354a1928.353 1928.353 0 0 0-118.513 69.177 2110.362 2110.362 0 0 0-220.518 159.969 2120.84 2120.84 0 0 0-101.682 89.976l-12.355 11.628-12.139 11.85c-8.052 7.946-16.313 15.651-24.054 23.987-15.48 16.617-29.057 35.088-40.268 55.225-11.173 20.161-19.962 41.97-26.238 64.937-6.301 22.962-10.162 47.014-12.243 71.53-2.158 24.505-2.427 49.502-3.104 74.25-.389 12.353-.878 24.68-2.553 36.499-.833 5.906-2.063 11.639-3.896 16.989a79.634 79.634 0 0 1-.953 2.458l-9.396 9.297 2.167 2.168.828.828 3.506 3.508.828.828 1.339 1.34 7.187-7.271c1.729-.844 3.544-1.576 5.392-2.255 5.349-1.834 11.08-3.065 16.984-3.898 11.816-1.675 24.14-2.164 36.489-2.554 24.74-.677 49.73-.947 74.227-3.107 24.508-2.083 48.552-5.948 71.506-12.256 22.959-6.283 44.76-15.08 64.912-26.264 20.129-11.222 38.591-24.811 55.2-40.303 8.332-7.748 16.033-16.016 23.976-24.073l11.846-12.148 11.621-12.367a2102.378 2102.378 0 0 0 89.892-101.799 2093.882 2093.882 0 0 0 159.623-220.9 1915.097 1915.097 0 0 0 68.907-118.766c10.803-20.268 21.237-40.785 31.191-61.605 9.918-20.84 19.551-41.873 28.121-63.521-8.677 21.586-18.415 42.552-28.436 63.322-10.058 20.75-20.593 41.194-31.497 61.386a1911.508 1911.508 0 0 1-69.491 118.284 2090.527 2090.527 0 0 1-160.677 219.793 2099.703 2099.703 0 0 1-90.352 101.18l-11.675 12.287-11.899 12.067c-7.972 7.998-15.741 16.242-24.019 23.847-16.551 15.26-34.909 28.606-54.889 39.597-20.004 10.954-41.612 19.536-64.367 25.634-22.751 6.122-46.579 9.832-70.925 11.78-24.341 2.026-49.2 2.177-74.066 2.737-10.151.273-20.322.617-30.362 1.638 9.264-2.793 18.839-5.073 28.424-7.342 23.525-5.448 47.202-10.878 70.02-18.14zm-102.317-13.786c9.092-19.872 18.514-39.475 29.191-58.24 21.257-37.587 47.018-71.984 76.056-103.245 14.441-15.695 29.947-30.434 45.084-45.516l22.829-22.504 23.178-22.15 23.179-22.15 23.482-21.836 23.511-21.806c7.811-7.297 15.836-14.366 23.744-21.561 63.386-57.424 128.205-113.326 194.142-167.964 32.927-27.367 66.255-54.281 99.783-80.963 32.669-25.961 65.623-51.596 99.033-76.685L209.617 934.407c3.428-7.004 6.666-14.097 9.93-21.159z",fill:"#C8E678"})]}))};function dg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?dg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):dg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var fg=function(e){return(0,s.jsxs)("svg",mg(mg({className:"Zongzi_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M64 880a448 80 0 1 0 896 0 448 80 0 1 0-896 0Z",fill:"#286432",opacity:.5}),(0,s.jsx)("path",{d:"M512.789 111.328c-66.491 0-178.201 138.109-271.396 295.93 55.644 57.763 159.079 127.76 272.859 189.618 114.274-58.817 218.107-125.695 274.328-181.582-94.05-161.114-208.243-303.966-275.791-303.966z",fill:"#FFB90F"}),(0,s.jsx)("path",{d:"M788.58 415.295c-56.221 55.887-160.055 122.765-274.328 181.582 152.444 82.878 323.46 151.147 423.003 155.8-20.428-88.75-79.029-218.073-148.675-337.382z",fill:"#419646"}),(0,s.jsx)("path",{d:"M241.393 407.259C136.225 585.355 54.635 788.552 88.215 846.713c63.335 109.7 785.902 108.312 849.149 0 10.706-18.334 9.674-51.533-.109-94.036-173.841-8.127-565.666-210.263-695.862-345.418z",fill:"#419646"}),(0,s.jsx)("path",{d:"m947.276 761.154.141.007-2.366-10.278-1.36-5.914-.047-.002c-20.982-86.058-76.02-210.131-148.155-333.705l-5.214-8.932-7.335 7.291c-52.428 52.117-150.18 116.954-268.588 178.199-116.026-63.396-215.222-132.157-267.197-186.112l-7.3-7.578-5.351 9.061c-54.216 91.812-100.115 186.288-129.244 266.025-15.37 42.075-25.455 78.457-29.975 108.136-5.035 33.061-3.016 57.743 6.002 73.361 36.146 62.609 251.218 85.322 424.409 85.749 1.771.004 3.524.006 5.293.006 101.358 0 198.649-7.174 274.463-20.261 88.991-15.361 142.426-37.386 158.819-65.46 10.467-17.923 11.465-48.04 3.005-89.593zm-71.489-158.756a141.068 141.068 0 0 1-4.046 5.346 189.705 189.705 0 0 1-13.483 15.125l-3.565 3.595-3.641 3.518c-2.446 2.326-4.891 4.637-7.406 6.88a293.074 293.074 0 0 1-7.528 6.705c-2.508 2.224-5.081 4.379-7.661 6.508-5.133 4.295-10.907 7.865-16.507 11.447a99.84 99.84 0 0 0-8.01 5.741 104.502 104.502 0 0 0-3.699 3.187 141.123 141.123 0 0 0-3.521 3.398 226.52 226.52 0 0 0-13.332 14.823l-3.244 4.025-3.266 4.182c-1.081 1.479-2.203 2.874-3.321 4.422l-1.709 2.317c-.261.385-.532.757-.803 1.135-46.834-16.642-97.977-37.953-150.837-62.977.488-.055.974-.112 1.465-.163 3.234-.338 6.42-.833 9.591-1.397 12.709-2.214 25.032-5.786 36.949-10.238l4.449-1.722c1.476-.588 2.916-1.248 4.377-1.87 2.902-1.28 5.792-2.594 8.597-4.064 5.657-2.855 11.107-6.099 16.437-9.525 10.633-6.913 20.794-14.488 31.119-21.698 20.607-14.483 40.28-30.363 58.054-48.33 2.21-2.257 4.371-4.57 6.551-6.846 2.151-2.314 4.238-4.698 6.35-7.037 2.073-2.387 4.083-4.839 6.116-7.247a348.274 348.274 0 0 0 5.798-7.517l2.735-3.891c.9-1.304 1.844-2.56 2.672-3.924 1.482-2.384 3.037-4.688 4.409-7.132 18.564 35.437 35.342 70.163 49.91 103.224zm-90.351 107.369c.34-.032.678-.058 1.021-.09.981-.118 1.94-.292 2.919-.441 1.967-.298 3.852-.743 5.74-1.21 7.524-1.936 14.507-4.981 20.957-8.694a59.052 59.052 0 0 0 4.694-2.978 53.147 53.147 0 0 0 4.389-3.35c2.821-2.359 5.392-4.988 7.802-7.77 4.792-5.599 9.084-11.577 13.694-17.15 2.285-2.809 4.543-5.63 6.724-8.514 1.1-1.432 2.17-2.889 3.22-4.361 1.053-1.469 2.121-2.92 3.138-4.417a278.756 278.756 0 0 0 5.928-9.081l2.793-4.652 2.693-4.711c3.4-6.311 6.612-12.726 9.223-19.43 20.974 48.662 36.964 93.408 46.535 131.03-37.483-3.355-86.154-15.308-141.47-34.181zm-254.08-112.759c110.186-57.722 202.002-118.424 255.438-168.853a1995.781 1995.781 0 0 1 35.58 64.355l-1.534 1.839c-1.848 2.36-3.984 4.529-5.986 6.761-.985 1.127-2.099 2.164-3.157 3.235l-3.197 3.185c-8.696 8.343-18.034 16.013-27.756 23.165l-7.324 5.317-7.453 5.141-7.545 5.006c-2.526 1.65-5.099 3.241-7.64 4.861-5.106 3.218-10.248 6.373-15.463 9.413l-3.89 2.307-3.933 2.241c-2.618 1.497-5.233 2.994-7.893 4.421-10.548 5.849-21.626 10.757-32.654 15.557a384.793 384.793 0 0 0-16.297 7.576c-2.666 1.355-5.333 2.69-7.969 4.095l-7.874 4.289a1427.938 1427.938 0 0 0-31.267 18.04l-15.748 9.436c-2.245 1.423-4.52 2.749-6.801 4.156a1981.021 1981.021 0 0 1-11.938-5.855l-.166-.082c-2.142-1.06-4.287-2.127-6.433-3.199-.942-.47-1.885-.944-2.828-1.417-1.329-.666-2.659-1.333-3.989-2.003-1.105-.557-2.207-1.115-3.31-1.673-1.195-.605-2.39-1.21-3.585-1.818l-3.28-1.673a2301.628 2301.628 0 0 1-6.713-3.444c-1.464-.754-2.928-1.511-4.392-2.271l-2.289-1.188a2326.692 2326.692 0 0 1-6.674-3.486 2126.572 2126.572 0 0 1-14.04-7.434zm-25.62 323.454c-215.629-.531-384.471-32.502-410.593-77.749-14.31-24.784-5.38-84.45 25.145-168.006.823-2.253 1.662-4.52 2.512-6.797 3.143 7.763 6.72 15.38 10.777 22.727 1.617 2.949 3.208 5.936 4.903 8.851 1.752 2.87 3.557 5.712 5.342 8.579l2.703 4.291c.889 1.444 1.912 2.772 2.863 4.166 1.941 2.754 3.867 5.531 5.853 8.266 1.932 2.786 4.044 5.405 6.122 8.066l6.324 7.922c2.129 2.627 4.38 5.131 6.609 7.667l6.729 7.583c2.314 2.452 4.68 4.854 7.031 7.276l3.534 3.63c1.179 1.21 2.347 2.435 3.58 3.581l7.373 6.925c2.476 2.289 4.889 4.665 7.456 6.842l7.676 6.58c2.559 2.195 5.142 4.366 7.81 6.415 2.637 2.093 5.326 4.118 7.989 6.178l4.017 3.062c1.352 1.002 2.742 1.947 4.112 2.922 10.949 7.82 22.294 15.051 33.904 21.778l8.767 4.937 4.38 2.465c1.464.814 2.96 1.569 4.442 2.35l8.906 4.644c2.965 1.55 5.924 3.107 8.942 4.55l9.002 4.411c3.002 1.463 5.985 2.962 9.023 4.347l9.072 4.227 4.534 2.111c1.507.712 3.021 1.408 4.558 2.054 6.116 2.653 12.204 5.359 18.334 7.959l18.521 7.467 18.707 6.943c6.271 2.209 12.584 4.297 18.868 6.447a755.278 755.278 0 0 0 76.949 20.286 737.954 737.954 0 0 0 21.51 4.034 2083.8 2083.8 0 0 1-14.286.013zm276.994-20.021c-56.093 9.682-124.146 16.089-196.959 18.7-28.225-4.405-56.111-10.541-83.488-18.276a736.719 736.719 0 0 1-73.545-24.77c-5.988-2.426-11.997-4.786-17.956-7.259l-17.748-7.72-17.512-8.206c-5.784-2.84-11.518-5.777-17.273-8.656a107.898 107.898 0 0 1-4.27-2.252l-4.241-2.306-8.476-4.607c-2.851-1.484-5.573-3.209-8.348-4.828l-8.288-4.918a731.786 731.786 0 0 1-32.26-20.943c-10.56-7.223-20.976-14.594-31.315-22.039-1.297-.925-2.617-1.82-3.894-2.769l-3.828-2.85c-2.567-1.881-5.107-3.798-7.7-5.646-1.281-.944-2.608-1.833-3.851-2.822l-3.783-2.903-7.616-5.755c-2.597-1.854-5.027-3.894-7.533-5.855l-7.487-5.927c-4.974-3.97-9.759-8.151-14.723-12.167l-14.358-12.619-6.997-6.519c-2.356-2.159-4.759-4.288-6.976-6.573-4.499-4.516-9.255-8.87-13.584-13.579l-6.695-6.948c-2.206-2.343-4.285-4.785-6.464-7.171l-3.267-3.591-1.638-1.801-1.554-1.857c-2.082-2.474-4.151-4.971-6.285-7.445-1.045-1.25-2.16-2.465-3.153-3.752l-3.021-3.854c-.19-.234-.378-.472-.567-.707 15.389-40.151 34.772-83.666 57.11-128.42a149.938 149.938 0 0 0 2.909 7.859l2.703 6.323c.969 2.073 2.004 4.108 3.009 6.172.511 1.026 1.003 2.069 1.543 3.079l1.668 2.995c1.124 1.991 2.211 4.022 3.378 5.992 9.424 15.703 20.543 30.328 32.592 43.983l4.583 5.059c1.526 1.692 3.055 3.384 4.635 5.013 3.152 3.27 6.283 6.587 9.538 9.743 3.229 3.192 6.443 6.414 9.795 9.462l4.981 4.639 5.058 4.54 5.082 4.518 5.179 4.388 5.186 4.386 5.255 4.288 5.285 4.255 5.355 4.151 5.358 4.152 5.418 4.061c28.988 21.549 59.723 40.495 91.567 57.11 31.887 16.552 64.426 31.608 97.274 45.792a1404.703 1404.703 0 0 0 49.656 20.314 1318.39 1318.39 0 0 0 50.413 18.273c33.89 11.366 68.261 21.295 103.066 29.413 17.414 4.009 34.935 7.559 52.556 10.533 17.622 2.959 35.339 5.401 53.147 6.96 17.802 1.575 35.681 2.395 53.549 2.11 11.629-.222 23.254-.914 34.803-2.202-25.873 12.568-64.943 23.609-114.998 32.249zm147.725-57.762c-4.154 7.114-11.997 13.979-23.235 20.487-14.713 1.103-29.479 1.153-44.19.443-17.569-.808-35.077-2.671-52.462-5.288-34.779-5.243-69.102-13.25-102.876-23.024-33.806-9.677-67.102-21.114-99.833-33.932a1294.756 1294.756 0 0 1-48.785-19.96c-16.114-7-32.088-14.307-47.91-21.911-3.941-1.934-7.905-3.816-11.823-5.791l-11.764-5.902c-3.904-1.999-7.776-4.064-11.663-6.094-3.881-2.042-7.724-4.156-11.586-6.229a1247.516 1247.516 0 0 1-45.588-26.129l-11.257-6.726c-3.729-2.277-7.437-4.587-11.181-6.834l-11.144-6.872-11.103-6.919c-14.774-9.259-29.448-18.637-43.927-28.276-28.941-19.281-57.095-39.7-83.136-62.476-13.006-11.397-25.339-23.492-36.692-36.506-1.418-1.627-2.754-3.308-4.141-4.965l-2.068-2.5-1.967-2.562c-1.303-1.716-2.647-3.419-3.929-5.161l-3.712-5.316a195.264 195.264 0 0 1-7.189-11.578c17.086-33.8 35.805-68.227 55.732-102.378 53.096 52.266 146.048 116.522 254.186 176.37l-.067.035 13.284 7.222.648.349c4.622 2.512 9.269 5.015 13.94 7.508l.641.341c4.436 2.365 8.894 4.72 13.37 7.065l2.244 1.173c3.833 2.002 7.68 3.996 11.54 5.982 1.179.607 2.357 1.214 3.535 1.818a2128.78 2128.78 0 0 0 10.01 5.09c48.327 24.44 96.445 46.416 142.401 65.035 1.013.41 2.028.826 3.038 1.233 2.79 1.124 5.566 2.228 8.338 3.326a1413.87 1413.87 0 0 0 12.238 4.789c2.272.877 4.532 1.742 6.788 2.6 1.199.456 2.411.931 3.606 1.382 1.171.442 2.331.871 3.497 1.307.646.242 1.292.484 1.937.724a1326.6 1326.6 0 0 0 10.111 3.72c.93.338 1.851.667 2.777 1.001 2.429.875 4.845 1.738 7.249 2.587.832.294 1.678.604 2.507.895 64.508 22.659 118.261 35.59 159.915 38.48 10.596 49.24 5.777 71.952-.304 82.367z",fill:"#286432"}),(0,s.jsx)("path",{d:"M455.995 203.992c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S444.002 192 448 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S476.002 192 480 192s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S540.002 192 544 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S572.002 192 576 192s7.995 7.577 7.995 11.992zm-64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S508.002 192 512 192c3.997 0 7.995 7.577 7.995 11.992zm-80 32c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S428.002 224 432 224s7.995 7.577 7.995 11.992zm-32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S396.002 224 400 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S460.002 224 464 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S524.002 224 528 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S556.002 224 560 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S588.002 224 592 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S620.002 224 624 224s7.995 7.577 7.995 11.992zm-128 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S492.002 224 496 224s7.995 7.577 7.995 11.992z",fill:"#FFF",opacity:.5}),(0,s.jsx)("path",{d:"M288 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0ZM672 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0Z",fill:"#E6413C"}),(0,s.jsx)("path",{d:"M545 489c0-18.748-15.252-34-34-34a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c18.748 0 34-15.252 34-34 0-10.419-4.711-19.758-12.114-26 7.403-6.242 12.114-15.581 12.114-26zm-87.343-84.97-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0 0-11.313 8.003 8.003 0 0 0-11.315.001zm267.313 0a8 8 0 0 0-11.313 0l-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0-.002-11.312z",fill:"#5A1E14"})]}))},gg="ZongziLoading_container__CdgrF",hg="ZongziLoading_content__9NHwh",pg="ZongziLoading_loadingItem1__8JdRq",vg="ZongziLoading_loadingItem2__4IjE5",xg="ZongziLoading_loadingItem3__1403l",yg="ZongziLoading_loadingResult__WyYl2",Ag=function(){return(0,s.jsxs)("div",{className:gg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.zongziLoading"}),(0,s.jsxs)("div",{className:hg,children:[(0,s.jsx)("div",{className:pg,children:(0,s.jsx)(ig,{})}),(0,s.jsx)("div",{className:vg,children:(0,s.jsx)(sg,{})}),(0,s.jsx)("div",{className:xg,children:(0,s.jsx)(ug,{})}),(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"mix",children:[(0,s.jsx)("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"10",result:"blur"}),(0,s.jsx)("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 21 -7"})]})})})]}),(0,s.jsx)("div",{className:yg,children:(0,s.jsx)(fg,{})})]})},wg="BoxReflect_container__tvM++",jg="BoxReflect_content__EsvIF",bg="BoxReflect_btn1__o02O4",_g="BoxReflect_btn2__lOp24",Dg=function(){return(0,s.jsxs)("div",{className:wg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.borderRotation"}),(0,s.jsxs)("div",{className:jg,children:[(0,s.jsx)("div",{className:bg,children:"Reflect"}),(0,s.jsx)("div",{className:_g,children:"Reflect"})]})]})},Mg="TextAnimation_container__8odlg",kg=function(){return(0,s.jsxs)("div",{className:Mg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.luminousText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},Ng="TextSearchlight_container__r14vK",Eg=function(){return(0,s.jsxs)("div",{className:Ng,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.searchlightText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},Cg="DisplayTextInSmoke_container__KVlpC",Sg="DisplayTextInSmoke_span1__fItNw",Pg="DisplayTextInSmoke_span2__GUMXn",Bg="DisplayTextInSmoke_btn__CvDup",Ig=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Cg,children:[(0,s.jsx)("video",{muted:!0,autoPlay:!0,preload:"true","x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",ref:e,children:(0,s.jsx)("source",{src:"public/smoke.mp4"})}),(0,s.jsxs)("p",{ref:t,children:[(0,s.jsx)("span",{className:Sg,children:"H"}),(0,s.jsx)("span",{className:Sg,children:"E"}),(0,s.jsx)("span",{className:Sg,children:"L"}),(0,s.jsx)("span",{className:Sg,children:"L"}),(0,s.jsx)("span",{className:Sg,children:"O"}),(0,s.jsx)("span",{className:Sg,children:"W"}),(0,s.jsx)("span",{className:Sg,children:"O"}),(0,s.jsx)("span",{className:Sg,children:"R"}),(0,s.jsx)("span",{className:Sg,children:"L"}),(0,s.jsx)("span",{className:Sg,children:"D"})]}),(0,s.jsx)(oe.Z,{type:"primary",className:Bg,onClick:function(){var n;t.current&&Array.prototype.forEach.call(t.current.children,(function(e){var t=Sg;e.className===Sg&&(t=Pg),e.className=t})),null===(n=e.current)||void 0===n||n.load()},children:"Once Again"})]})},Tg="PlayVideoInText_container__+hh77",Rg=function(){return(0,s.jsxs)("div",{className:Tg,children:[(0,s.jsx)("video",{muted:!0,autoPlay:!0,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",children:(0,s.jsx)("source",{src:"public/vista.mp4"})}),(0,s.jsx)("p",{children:"River"})]})},Fg="WaveFont_container__ccIq3",Og="WaveFont_firstText__Obiyz",Zg="WaveFont_lastText__7tpdD",Gg=function(){return(0,s.jsxs)("div",{className:Fg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.wavyText"}),(0,s.jsx)("h2",{className:Og,children:"River"}),(0,s.jsx)("h2",{className:Zg,children:"River"})]})};function Qg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Lg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var zg=function(e){return(0,s.jsxs)("svg",Lg(Lg({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 188 70",fill:"none",role:"img"},e),{},{children:[(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"M21.64 67.18c-1.76-.41-3.48-1-5.17-1.78-1.66-.76-3.25-1.68-4.76-2.77a29.028 29.028 0 0 1-4.13-3.62l-.77-.8L0 66.13l.63.66c1.63 1.71 3.41 3.25 5.34 4.6 1.96 1.38 4.04 2.55 6.24 3.5 2.26.98 4.6 1.73 7.03 2.23 2.51.52 5.08.78 7.71.78 3.85 0 7.41-.56 10.67-1.67 3.14-1.08 5.86-2.62 8.17-4.62 2.27-1.98 4.02-4.3 5.23-6.95 1.22-2.67 1.83-5.52 1.83-8.56 0-2.75-.41-5.25-1.23-7.48-.76-2.09-1.89-3.99-3.38-5.68-1.34-1.52-3.01-2.92-5.01-4.19-1.69-1.08-3.71-2.14-6.08-3.17l-10.4-4.5h-.02v-.01h-.02l-.01-.01h-.02v-.01h-.01l-.02-.01c-.95-.4-1.66-.7-2.14-.91-.78-.35-1.48-.67-2.09-.98-1.51-.75-2.74-1.52-3.72-2.31-1.14-.92-1.99-1.92-2.57-3.01-.66-1.22-.98-2.6-.98-4.13 0-1.45.29-2.77.87-3.96.57-1.16 1.39-2.15 2.48-2.98 1.1-.86 2.43-1.51 3.99-1.96 1.61-.47 3.4-.7 5.36-.7 3.14 0 6.08.58 8.82 1.75 2.53 1.07 4.93 2.67 7.2 4.78l.78.73 6.03-7.42-.61-.63a29.29 29.29 0 0 0-4.44-3.77 30.945 30.945 0 0 0-5.28-2.94c-1.93-.84-3.92-1.48-5.98-1.92C32.22.23 30.05 0 27.85 0c-3.39 0-6.57.5-9.54 1.49-2.91.98-5.46 2.38-7.64 4.21-2.2 1.84-3.9 3.99-5.08 6.47-1.23 2.55-1.84 5.3-1.84 8.23 0 5.08 1.72 9.41 5.18 13.02 1.38 1.44 3.05 2.77 5 3.97 1.56.97 3.34 1.88 5.33 2.73l10.49 4.6c1.11.49 1.95.87 2.52 1.13.88.41 1.64.78 2.29 1.12 1.54.81 2.78 1.63 3.7 2.44 1.05.92 1.83 1.95 2.34 3.08.57 1.26.85 2.73.85 4.41 0 1.62-.32 3.1-.95 4.43-.62 1.31-1.53 2.45-2.73 3.4-1.24.98-2.74 1.73-4.51 2.25-1.85.55-3.92.82-6.21.82-1.8 0-3.6-.21-5.41-.62ZM6.85 59.7l-.66.76-4.84 5.64c6.3 6.6 15.2 10.8 25.6 10.8 15.3 0 24.9-9.2 24.9-20.8 0-10.9-6.6-15.9-15.1-19.6L26.35 32c-5.7-2.4-12.2-5.1-12.2-12.3 0-6.5 5.4-10.6 13.7-10.6 6.43 0 11.61 2.32 15.96 6.13.25.22.49.44.74.67l.63-.78L49.35 10c-5.1-5.3-12.8-9-21.5-9-13.3 0-23.1 8.1-23.1 19.4 0 10.7 8.1 15.9 14.9 18.8l10.5 4.6c7 3.1 12.3 5.5 12.3 13.1 0 7.1-5.7 11.9-15.4 11.9-7.27 0-14.35-3.29-19.5-8.38-.24-.24-.47-.48-.7-.72Z"}),(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"m1.37 1 .32 1 23.08 72.3h10.7L58.45 2l.32-1h-9.4l-11.8 39.7c-2.4 8.26-4.16 15.04-6.77 23.18-.1.29-.19.59-.29.88-.01.05-.03.09-.04.14h-.4c-.02-.05-.03-.1-.05-.14-.09-.3-.18-.59-.27-.88-2.53-8.14-4.38-14.92-6.78-23.18L11.07 1h-9.7Zm10.44-1H0l24.04 75.3H36.2L60.14 0H48.62L36.61 40.42c-.52 1.79-1.25 4.36-2.19 7.69a805.23 805.23 0 0 1-2.31 8.07c-.61 2.1-1.22 4.11-1.83 6.03-.61-1.99-1.24-4.07-1.87-6.24-.55-1.85-1.34-4.62-2.39-8.29-.91-3.15-1.6-5.57-2.09-7.26L11.81 0Z"}),(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"M33.6 0C14.2 0 0 14.3 0 38c0 23.8 13.8 37.9 33.1 37.9 9.8 0 17.9-3.6 22.6-8.5V36.6H31.6v7.7h15.6v19.2c-2.9 2.7-8 4.3-13.2 4.3-15.7 0-24.5-11.6-24.5-30.1 0-18.3 9.6-29.6 24.4-29.6 7.3 0 12.1 3.1 15.8 6.9l5-6c-4.2-4.4-10.9-9-21.1-9Z"})]}))},Hg="TextOutlineAnimation1_container__LXia5",Vg="TextOutlineAnimation1_content__0SfPo",Ug=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Hg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineDisplay"}),(0,s.jsx)("div",{className:Vg,ref:e,children:(0,s.jsx)(zg,{})})]})},Wg="TextOutlineAnimation2_container__3DnKq",Yg="TextOutlineAnimation2_content__xpQH3",Jg="TextOutlineAnimation2_text__VwJlP",qg=function(){return(0,s.jsxs)("div",{className:Wg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineLoop"}),(0,s.jsx)("div",{className:Yg,children:(0,s.jsxs)("svg",{children:[(0,s.jsx)("symbol",{id:"text",children:(0,s.jsx)("text",{textAnchor:"middle",x:"50%",y:"80%",children:"SVG"})}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg})]})})]})},Kg={container:"MobiusBand1_container__2Mp+7",content:"MobiusBand1_content__yJ9nb",roll:"MobiusBand1_roll__HjwWS",leftBottom:"MobiusBand1_leftBottom__hBdke",rightTop:"MobiusBand1_rightTop__kr3vO",rightBottom:"MobiusBand1_rightBottom__EmzfR"},Xg=function(){return(0,s.jsxs)("div",{className:Kg.container,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar"}),(0,s.jsxs)("div",{className:Kg.content,children:[(0,s.jsx)("div",{className:Kg.leftTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Kg.leftBottom,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Kg.rightTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Kg.rightBottom,children:(0,s.jsx)("div",{})})]})]})},$g={container:"MobiusBand2_container__8f4BB",content:"MobiusBand2_content__nNOHn",changeColor:"MobiusBand2_changeColor__Mykzf",circle:"MobiusBand2_circle__jpMzE",span0:"MobiusBand2_span0__voOYX",animate:"MobiusBand2_animate__Wogmo",span1:"MobiusBand2_span1__vuoU-",span2:"MobiusBand2_span2__nG6rW",span3:"MobiusBand2_span3__-dsS9",span4:"MobiusBand2_span4__j83QL",span5:"MobiusBand2_span5__WB4+J",span6:"MobiusBand2_span6__Gwjmh",span7:"MobiusBand2_span7__xzB3C",span8:"MobiusBand2_span8__GWlgT",span9:"MobiusBand2_span9__yo7Mb",span10:"MobiusBand2_span10__6RIFq",span11:"MobiusBand2_span11__60Mpf",span12:"MobiusBand2_span12__GLJMi",span13:"MobiusBand2_span13__j6mqa",span14:"MobiusBand2_span14__J-WJ9",span15:"MobiusBand2_span15__11fjh",span16:"MobiusBand2_span16__DdXWO",span17:"MobiusBand2_span17__e9oID",span18:"MobiusBand2_span18__wufSN",span19:"MobiusBand2_span19__qXh0M"},eh=new Array(20).fill(0),th=function(){return(0,s.jsxs)("div",{className:$g.container,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots"}),(0,s.jsxs)("div",{className:$g.content,children:[(0,s.jsx)("div",{className:$g.circle,children:eh.map((function(e,t){return(0,s.jsx)("span",{className:$g["span".concat(t)]},t)}))}),(0,s.jsx)("div",{className:$g.circle,children:eh.map((function(e,t){return(0,s.jsx)("span",{className:$g["span".concat(t)]},t)}))})]})]})},nh="TankShaking_container__Yt0wf",rh="TankShaking_content__eoRFC",ih="TankShaking_bottle__mqc+0",ah="TankShaking_water__5TJXp",oh="TankShaking_bottleBottom__gAvg8",sh=function(){return(0,s.jsxs)("div",{className:nh,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.tankShaking"}),(0,s.jsxs)("div",{className:rh,children:[(0,s.jsx)("div",{className:ih,children:(0,s.jsx)("div",{className:ah})}),(0,s.jsx)("div",{className:oh})]})]})},ch="RichDynamicEffect_container__4zkQ2",lh="RichDynamicEffect_box__0T4jz",uh="RichDynamicEffect_multipleColumnsBox__Mp4HK",dh=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:ch,children:[(0,s.jsxs)("div",{className:uh,children:[(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(zf,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Yf,{})})]}),(0,s.jsxs)("div",{className:uh,children:[(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(tg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Ag,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Dg,{})})]}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(kg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Eg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Ig,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Rr,{data:Tr[3]})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Rg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Gg,{})}),(0,s.jsxs)("div",{className:uh,children:[(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Ug,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(qg,{})})]}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Rr,{data:Tr[4]})}),(0,s.jsxs)("div",{className:uh,children:[(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Xg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(th,{})})]}),(0,s.jsx)("div",{className:uh,children:(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(sh,{})})})]})},mh=n(27892),fh=n(35697),gh="GenerateRegularPolygon_container__kR2Bt",hh="GenerateRegularPolygon_content__K97IB",ph="GenerateRegularPolygon_box__8cyD7",vh="GenerateRegularPolygon_graph__hpKYh",xh="GenerateRegularPolygon_bottom__DyaAC",yh="GenerateRegularPolygon_row__bg92v",Ah="GenerateRegularPolygon_label__Y0wuX",wh="GenerateRegularPolygon_codeBox__-P4RP",jh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(3),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useState)(0),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=function(e){c(e||3)},y=function(e){m(e||0)};return(0,r.useEffect)((function(){if(t.current){for(var e="",n=0;n<a;n++){var r=d/180*Math.PI,i=(50+50*Math.cos(2*Math.PI*n/a+r)).toFixed(2),o=(50+50*Math.sin(2*Math.PI*n/a+r)).toFixed(2);e+="".concat(i,"% ").concat(o,"%, ")}e=e.slice(0,-2),t.current.style.setProperty("--points",e),v(e)}}),[a,d]),(0,s.jsx)("div",{className:gh,children:(0,s.jsxs)("div",{className:hh,children:[(0,s.jsx)("div",{className:ph,children:(0,s.jsx)("div",{className:vh,ref:t})}),(0,s.jsxs)("div",{className:xh,children:[(0,s.jsxs)("div",{className:yh,children:[(0,s.jsxs)("span",{className:Ah,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.numberOfSides"}),":"]}),(0,s.jsx)(mh.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:3,max:20,step:1,value:a,onChange:x}),(0,s.jsx)(fh.Z,{style:{width:"80px"},min:3,max:20,precision:0,value:a,onChange:x})]}),(0,s.jsxs)("div",{className:yh,children:[(0,s.jsxs)("span",{className:Ah,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.rotation"}),":"]}),(0,s.jsx)(mh.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:0,max:360,step:1,value:d,onChange:y}),(0,s.jsx)(fh.Z,{style:{width:"80px"},min:0,max:360,precision:0,value:d,onChange:y})]}),(0,s.jsxs)("div",{className:wh,children:[(0,s.jsx)("span",{children:".box {"}),(0,s.jsxs)("span",{children:["    width:"," ",t.current?t.current.clientWidth:0,"px;"]}),(0,s.jsxs)("span",{children:["    height:"," ",t.current?t.current.clientWidth:0,"px;"]}),(0,s.jsx)("span",{children:"    background: linear-gradient(135deg, #112437, #1d3450, #29588a, #116d6e, #5c8984, #47a992) fixed;"}),(0,s.jsxs)("span",{children:["    clip-path: polygon(",p,");"]}),(0,s.jsx)("span",{children:"}"})]})]})]})})},bh=n(10737),_h=n.n(bh);function Dh(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Mh(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Mh(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function Mh(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var kh,Nh,Eh=200,Ch=260,Sh=16,Ph=!1,Bh=Math.floor(100),Ih=[{id:"sphereCollisionExample1",globuleList:[{initX:Bh,initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Bh,initY:80,vx:0,vy:1,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample2",globuleList:[{initX:Bh,initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Bh,initY:244,vx:0,vy:-2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample3",globuleList:[{initX:Math.floor(Bh-8),initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Math.floor(Bh+8),initY:80,vx:0,vy:1,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample4",globuleList:[{initX:Math.floor(Bh-8),initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Math.floor(Bh+8),initY:244,vx:0,vy:-2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample5",globuleList:[{initX:Math.floor(Bh-Sh),initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Math.floor(Bh-Sh)+32,initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample6",globuleList:[{initX:Math.floor(Bh-Sh),initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Math.floor(Bh-Sh)+32,initY:Sh,vx:0,vy:1,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample7",globuleList:[{initX:32,initY:Sh,vx:1.6,vy:3.2,radius:Sh,perfectlyElasticCollision:Ph},{initX:80,initY:64,vx:1,vy:2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample8",globuleList:[{initX:Sh,initY:Sh,vx:1,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:128,initY:304,vx:-1,vy:-2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample9",globuleList:[{initX:Sh,initY:Sh,vx:1,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:160,initY:320,vx:-1,vy:-2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample10",globuleList:[{initX:Bh,initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Bh,initY:150,vx:0,vy:0,radius:Sh,perfectlyElasticCollision:Ph}]}],Th=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useRef)([]),u=function(e){var t=e.ctx;t.clearRect(0,0,Eh,Ch),t.beginPath(),t.fillStyle="#111",t.fillRect(0,0,Eh,Ch)};return(0,r.useEffect)((function(){return a&&(l.current=Ih.map((function(e){var t=document.getElementById(e.id);if(t){t.width=Eh,t.height=Ch;var n=t.getContext("2d"),r=new(_h())(n,t,e.globuleList,{beforeDrawGlobules:u});return r.start(),r}return null}))),function(){if(l.current&&l.current.length>0){var e,t=Dh(l.current);try{for(t.s();!(e=t.n()).done;){var n=e.value;n&&n.stop()}}catch(e){t.e(e)}finally{t.f()}}}}),[a]),(0,r.useEffect)((function(){c(!0)}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",minWidth:"1200px",minHeight:"550px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},ref:t,children:[(0,s.jsx)(Or,{intlTitle:"page.canvasDynamicEffect.sphereCollisionExample"}),a&&Ih.map((function(n,r){if(!t.current)return null;var i,a=Math.ceil(Ih.length/5),o=Math.floor(r/5),c=r%5,l=0,u=t.current,d=u.clientWidth,m=u.clientHeight,f=Math.floor((m-30-a*Ch)/(a+1));if(o>=a-1){var g=Ih.length%5;0===g&&(g=5);var h=Math.floor((d-g*Eh)/(g+1));l=h+(Eh+h)*c}else{var p=Math.floor((d-1e3)/6);l=p+(Eh+p)*c}return i=30+f+(Ch+f)*o,(0,s.jsx)("canvas",{id:n.id,style:{position:"absolute",top:"".concat(i,"px"),left:"".concat(l,"px")},children:e.formatMessage({id:"common.browserTooLow"})},n.id)}))]})},Rh=400,Fh=200,Oh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=function(e){e.clearRect(0,0,Rh,Rh);var t=new Date,n=t.getHours(),r=t.getMinutes(),i=t.getSeconds();!function(e){e.save(),e.translate(Fh,Fh),e.lineWidth=20,e.beginPath(),e.arc(0,0,Fh-e.lineWidth/2,0,2*Math.PI),e.stroke(),e.beginPath(),e.arc(0,0,Fh-e.lineWidth,0,2*Math.PI),e.fillStyle="#ffffff",e.fill(),e.font="36px Arial",e.textAlign="center",e.textBaseline="middle",[3,4,5,6,7,8,9,10,11,12,1,2].forEach((function(t,n){var r=2*Math.PI/12*n,i=140*Math.cos(r),a=140*Math.sin(r);e.fillStyle="#000000",e.fillText(t.toString(),i,a)}));for(var t=0;t<60;t++){var n=2*Math.PI/60*t,r=164*Math.cos(n),i=164*Math.sin(n);e.beginPath(),e.fillStyle=t%5==0?"#000":"#ccc",e.arc(r,i,4,0,2*Math.PI),e.fill()}}(e),function(e,t,n){e.save(),e.beginPath();var r=2*Math.PI/12*t,i=2*Math.PI/12/60*n;e.rotate(r+i),e.lineWidth=12,e.lineCap="round",e.moveTo(0,20),e.lineTo(0,-100),e.stroke(),e.restore()}(e,n,r),function(e,t){e.save();var n=2*Math.PI/60*t;e.rotate(n),e.lineWidth=6,e.lineCap="round",e.beginPath(),e.moveTo(0,20),e.lineTo(0,-140),e.stroke(),e.restore()}(e,r),function(e,t){e.save();var n=2*Math.PI/60*t;e.rotate(n),e.fillStyle="#c14543",e.beginPath(),e.moveTo(-4,40),e.lineTo(4,40),e.lineTo(1,-164),e.lineTo(-1,-164),e.fill(),e.restore()}(e,i),function(e){e.fillStyle="#fff",e.beginPath(),e.arc(0,0,6,0,2*Math.PI),e.fill()}(e),e.restore()};return(0,r.useEffect)((function(){var e=0;if(t.current){var r=t.current;r.width=Rh,r.height=400;var i=r.getContext("2d");n(i),e=window.setInterval((function(){n(i)}),1e3)}return function(){e&&clearInterval(e)}}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},children:[(0,s.jsx)(Or,{intlTitle:"page.canvasDynamicEffect.dynamicClock"}),(0,s.jsx)("canvas",{ref:t,children:e.formatMessage({id:"common.browserTooLow"})})]})},Zh=504,Gh=540,Qh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,Zh,Gh),t.beginPath(),t.fillStyle="black",t.fillRect(0,0,Zh,Gh)},a=function(e){var t=e.ctx,n=e.x,r=e.y,i=e.radius;t.save(),t.beginPath(),t.arc(n,r,i,0,2*Math.PI),t.fillStyle="#fff",t.fill(),t.clip(),t.font="bold 150px Arial",t.textAlign="center",t.textBaseline="middle",t.fillStyle="#058",t.fillText("CANVAS",252,135),t.fillText("CANVAS",252,270),t.fillText("CANVAS",252,405),t.restore()};return(0,r.useEffect)((function(){var e=document.getElementById("searchlightCanvas");if(e){e.width=Zh,e.height=Gh;var r=e.getContext("2d"),o=new(_h())(r,e,[{initX:400,initY:400,vx:6,vy:3,radius:80,afterDrawGlobule:a}],{beforeDrawGlobules:i});t.current=o,o.start()}var s=document.getElementById("searchlightCanvas2");if(s){s.width=Zh,s.height=Gh;var c=s.getContext("2d"),l=new(_h())(c,s,[{initX:180,initY:450,vx:-3,vy:-2,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:a},{initX:420,initY:150,vx:2,vy:4,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:a}],{beforeDrawGlobules:i});n.current=l,l.start()}return function(){var e,r;null===(e=t.current)||void 0===e||e.stop(),null===(r=n.current)||void 0===r||r.stop()}}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",minWidth:"1200px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},children:[(0,s.jsx)(Or,{intlTitle:"page.canvasDynamicEffect.searchlight"}),(0,s.jsx)("canvas",{id:"searchlightCanvas",style:{marginTop:"".concat(30,"px")},children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("canvas",{id:"searchlightCanvas2",style:{marginLeft:"50px",marginTop:"".concat(30,"px")},children:e.formatMessage({id:"common.browserTooLow"})})]})},Lh=n.p+"images/ae67d7f8.png",zh=0,Hh=0,Vh=80,Uh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,zh,Hh),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,zh,Hh)},a=function(e){var t=e.ctx,n=e.id,r=e.x,i=e.y;t.font="bold ".concat(40,"px Georgia"),t.fillStyle="#E76F5A",t.fillText(n,r-20+8,i+20-10)};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;zh=r,Hh=o}else zh=600,Hh=600;return function(){var e=document.getElementById("globuleInteractionCanvas");if(e){e.width=zh,e.height=Hh;for(var t=e.getContext("2d"),r=[],o=Math.ceil(2),s=(zh-640-102)/2+Vh,c=s,l=(Hh-2*o*Vh-50*(o-1))/2+Vh,u=0;u<8;u++){var d={id:(u+1).toString(),initX:c,initY:l,radius:Vh,color:"transparent",isPureColor:!0,bgImg:Lh,moveLossV:.02,gDirection:"toInit",gCoefficient:.002,requiredMouseInteraction:!0,maxMouseOutForce:25,maxMoveV:null,afterDrawGlobule:a};r.push(d),(u+1)%4==0?(c=s,l+=210):c+=194}var m=new(_h())(t,e,r,{monitorMousePos:!0,beforeDrawGlobules:i});n.current=m,m.start()}}(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"globuleInteractionCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},Wh=n(71002),Yh={container:"KillPlanetGame_container__vvfOM",startBtn:"KillPlanetGame_startBtn__FPFMD",continueBtn:"KillPlanetGame_continueBtn__5B77g",restartBtn:"KillPlanetGame_restartBtn__fkzEb",gamepause:"KillPlanetGame_gamepause__zAhE9",gameover:"KillPlanetGame_gameover__UP574",scoreBox:"KillPlanetGame_scoreBox__6Sndm",pauseBtn:"KillPlanetGame_pauseBtn__WWb15"},Jh=2.5,qh=0,Kh=0,Xh=0,$h=0;!function(e){e[e.toPlay=0]="toPlay",e[e.playing=1]="playing",e[e.pause=2]="pause",e[e.gameover=3]="gameover"}(kh||(kh={})),function(e){e[e.player=0]="player",e[e.bullet=1]="bullet",e[e.planet=2]="planet",e[e.particle=3]="particle"}(Nh||(Nh={}));var ep=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useState)(kh.toPlay),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(kh.toPlay),f=(0,r.useState)(0),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=function(e){e.fillStyle="rgba(0, 0, 0, .2)",e.fillRect(0,0,qh,Kh)},y=function(e){var t=e.ctx;x(t)},A=function(e){var t=e.globuleList.filter((function(e){var t=e.id,n=e.alpha,r=e.x,i=e.y,a=e.radius;return(t.role!==Nh.particle||0!==n)&&(t.role!==Nh.bullet||!(r<-a||i<-a||r>qh+a||i>Kh+a))}));e.updateGlobuleList(t)},w=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(t)for(var i=0,a=r.length;i<a;i++){var o;if(r[i].id.role===Nh.planet)return null===(o=n.current)||void 0===o||o.stop(),d(kh.gameover),void(m.current=kh.gameover)}},j=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(n.current&&t)for(var i=function(t,i){var a=r[t],o=a.id,s=a.x,c=a.y,l=a.vx,u=a.vy,d=a.radius,m=a.color;if(o.role===Nh.planet){var f=!1;d-16>10?(f=!0,v(p+100)):v(p+250);var g=n.current.globuleList.filter((function(t){return t!==e&&t!==a}));if(f){var h=n.current.createGlobule({id:{role:Nh.planet},initX:s,initY:c,radius:d-16,color:m,vx:l,vy:u,receiveOutForce:!1,receiveWallForce:!1});g.unshift(h)}for(var x=0;x<8*d;x++){var y=(Math.random()-.5)*(8*Math.random()),A=(Math.random()-.5)*(8*Math.random()),w=n.current.createGlobule({id:{role:Nh.particle},initX:s,initY:c,radius:4*Math.random(),color:m,alphaChangeV:-.02,vx:y,vy:A,moveLossV:.03,receiveOutForce:!1,receiveWallForce:!1});g.unshift(w)}return n.current.updateGlobuleList(g),{v:void 0}}},a=0,o=r.length;a<o;a++){var s=i(a);if("object"===(0,Wh.Z)(s))return s.v}},b=function(){qh=0,Kh=0,Xh=0,$h=0;var e=document.getElementById("myCanvas2");if(e){if(0!==p&&v(0),Jh=2.5,!t.current)return;var r=t.current,i=r.offsetWidth,a=r.offsetHeight,o=r.offsetLeft,s=r.offsetTop;qh=i,Kh=a,Xh=o,$h=s,e.width=qh,e.height=Kh;var c=e.getContext("2d");x(c);var l=new(_h())(c,e,[{id:{role:Nh.player},initX:qh/2,initY:Kh/2,radius:20,color:"#ffffff",fixedPos:!0,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:w}],{beforeDrawGlobules:y,afterDrawGlobules:A});n.current=l}};(0,r.useEffect)((function(){return b(),function(){var e;null===(e=n.current)||void 0===e||e.stop(),i.current&&clearInterval(i.current),a.current&&clearInterval(a.current)}}),[]);return(0,s.jsxs)("div",{className:Yh.container,ref:t,onMouseDown:function(e){if(u===kh.playing&&n.current){var t=Math.atan2(e.clientY-$h-Kh/2,e.clientX-Xh-qh/2),r=5*Math.cos(t),i=5*Math.sin(t),a=n.current.createGlobule({id:{role:Nh.bullet},initX:qh/2,initY:Kh/2,radius:5,color:"#ffffff",vx:r,vy:i,receiveWallForce:!1,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:j});n.current.globuleList.unshift(a)}},style:{backgroundColor:[kh.toPlay].includes(u)?"#000":"transparent"},children:[(0,s.jsx)("canvas",{id:"myCanvas2",children:e.formatMessage({id:"common.browserTooLow"})}),u===kh.toPlay&&(0,s.jsx)("button",{className:Yh.startBtn,onClick:function(){d(kh.playing),m.current=kh.playing,n.current&&(n.current.start(),i.current&&(clearInterval(i.current),i.current=0),i.current=window.setInterval((function(){if(m.current===kh.playing&&n.current){var e,t,r=20*Math.random()+15,i="hsl(".concat(360*Math.random(),", 50%, 50%)");Math.random()<.5?(e=Math.random()<.5?0-r:qh+r,t=Math.random()*Kh+r):(e=Math.random()*qh+r,t=Math.random()<.5?0-r:Kh+r);var a=Math.atan2(Kh/2-t,qh/2-e),o=Math.cos(a)*Jh,s=Math.sin(a)*Jh,c=n.current.createGlobule({id:{role:Nh.planet},initX:e,initY:t,radius:r,color:i,vx:o,vy:s,receiveOutForce:!1,receiveWallForce:!1});n.current.globuleList.unshift(c)}}),1500),a.current&&(clearInterval(a.current),a.current=0),a.current=window.setInterval((function(){Jh+=1}),2e4))},children:e.formatMessage({id:"page.canvasDynamicEffect.startGame"})}),u!==kh.toPlay&&(0,s.jsxs)("div",{className:Yh.scoreBox,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"："]}),(0,s.jsx)("span",{className:Yh.score,children:p})]}),[kh.playing,kh.pause].includes(u)&&(0,s.jsx)("div",{className:Yh.pauseBtn,onClick:function(){var e;u===kh.playing&&(d(kh.pause),m.current=kh.pause,null===(e=n.current)||void 0===e||e.stop())},children:e.formatMessage({id:"page.canvasDynamicEffect.pause"})}),u===kh.pause&&(0,s.jsxs)("div",{className:Yh.gamepause,children:[(0,s.jsx)("h1",{children:e.formatMessage({id:"page.canvasDynamicEffect.gameHasPaused"})}),(0,s.jsx)("button",{className:Yh.continueBtn,onClick:function(){var e;d(kh.playing),m.current=kh.playing,null===(e=n.current)||void 0===e||e.start()},children:e.formatMessage({id:"page.canvasDynamicEffect.continueTheGame"})})]}),u===kh.gameover&&(0,s.jsxs)("div",{className:Yh.gameover,children:[(0,s.jsxs)("h1",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"：",(0,s.jsx)("span",{className:Yh.finallyScore,children:p})]}),(0,s.jsx)("button",{className:Yh.restartBtn,onClick:function(){d(kh.toPlay),m.current=kh.toPlay,b()},children:e.formatMessage({id:"page.canvasDynamicEffect.restart"})})]})]})},tp=n.p+"images/c00b0a45.png",np=n.p+"images/70820c21.png",rp=n.p+"images/99bcc282.png",ip=n.p+"images/f82dcd2c.png",ap=0,op=0,sp=[{radius:14,gDirection:"toBottom",gCoefficient:.2,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:ip},{radius:26,gDirection:"toBottom",gCoefficient:.3,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:rp},{radius:60,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:tp},{radius:54,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:np}],cp=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,ap,op),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,ap,op)},a=function(e,t){var n=t.mouseDownPos,r=t.globuleList;if(!(t.mouseInGlobuleList.length>0)){var i=Math.floor(Math.random()*sp.length),a=Object.assign({},sp[i],{initX:n.mouseX,initY:n.mouseY}),o=t.createGlobule(a),s=[].concat((0,Wc.Z)(r),[o]);t.updateGlobuleList(s)}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;ap=r,op=o}else ap=600,op=600;return function(){var e=document.getElementById("myCanvas");if(e){e.width=ap,e.height=op;var t=e.getContext("2d"),r=new(_h())(t,e,[],{monitorMousePos:!0,beforeDrawGlobules:i,onMouseDownCanvas:a});n.current=r,r.start()}}(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},lp=[[[0,0,1,1,1,0,0],[0,1,1,0,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,0,1,1,0],[0,0,1,1,1,0,0]],[[0,0,0,1,1,0,0],[0,1,1,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[1,1,1,1,1,1,1]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,0,0,1,1],[1,1,1,1,1,1,1]],[[1,1,1,1,1,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,1,0,0],[0,0,0,0,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,0,1,1,1,0],[0,0,1,1,1,1,0],[0,1,1,0,1,1,0],[1,1,0,0,1,1,0],[1,1,1,1,1,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,1,1]],[[1,1,1,1,1,1,1],[1,1,0,0,0,0,0],[1,1,0,0,0,0,0],[1,1,1,1,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[1,1,1,1,1,1,1],[1,1,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,1,1,0,0,0,0]],[[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0]]],up=0,dp=0,mp=8,fp=60,gp=30,hp=0,pp=0,vp=0,xp=0,yp=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"],Ap=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=new Date;i.setTime(i.getTime()+36e5);var a=(0,r.useRef)(i),o=function(){var e,t=new Date,n=Math.round(((null===(e=a.current)||void 0===e?void 0:e.getTime())-t.getTime())/1e3);return n>=0?n:0},c=function(e,t,n){for(var r=[],i=0,a=lp[n].length;i<a;i++)for(var o=0,s=lp[n][i].length;o<s;o++){var c={initX:e+2*o*(mp+1)+(mp+1),initY:t+2*i*(mp+1)+(mp+1),radius:mp,color:"rgb(0,102,153)",isPureColor:!0,alpha:lp[n][i][o],fixedPos:!0,receiveOutForce:!1};r.push(c)}return r},l=function(e,t){if(n.current)for(var r=n.current.globuleList,i=e,a=0,o=lp[t].length;a<o;a++)for(var s=0,c=lp[t][a].length;s<c;s++)r[i].alpha=lp[t][a][s],i++},u=function(e,t,r){if(n.current)for(var i=n.current.globuleList,a=0,o=lp[r].length;a<o;a++)for(var s=0,c=lp[r][a].length;s<c;s++)if(1===lp[r][a][s]){var l={id:{hadCollisionWall:!1,vx:0},initX:e+2*s*(mp+1)+(mp+1),initY:t+2*a*(mp+1)+(mp+1),vx:0,vy:-2,radius:mp,color:yp[Math.floor(Math.random()*yp.length)],receiveOutForce:!1,resistanceWallDirection:["bottom","top"],gDirection:"toBottom",gCoefficient:.3+.02*Math.random(),collisionLossV:5,moveLossV:.08},u=n.current.createGlobule(l);i.push(u)}},d=function(e){var t=e.ctx;t.clearRect(0,0,up,dp),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,up,dp),function(){var e=o(),t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),r=e%60,i=Math.floor(hp/3600),a=Math.floor((hp-3600*i)/60),s=hp%60;if(r!=s){var c=0,d=Math.floor(t/10);Math.floor(i/10)!=Math.floor(t/10)&&(l(c,d),u(gp,fp,d)),c+=pp;var m=Math.floor(t%10);Math.floor(i%10)!=m&&(l(c,m),u(gp+15*(mp+1),fp,m)),c+=pp+vp;var f=Math.floor(n/10);Math.floor(a/10)!=f&&(l(c,f),u(gp+39*(mp+1),fp,f)),c+=pp;var g=Math.floor(n%10);Math.floor(a%10)!=g&&(l(c,g),u(gp+54*(mp+1),fp,g)),c+=pp+vp;var h=Math.floor(r/10);Math.floor(s/10)!=h&&(l(c,h),u(gp+78*(mp+1),fp,h)),c+=pp;var p=Math.floor(r%10);Math.floor(s%10)!=p&&(l(c,p),u(gp+93*(mp+1),fp,p)),hp=e}}()},m=function(e){var t=e.globuleList.filter((function(e,t){var n=e.id,r=e.x,i=e.radius,a=e.inCollisionWall;if(t>=xp){if(!a||null!=n&&n.hadCollisionWall)null!=n&&n.vx&&(e.vx=n.vx);else{var o=1.5*Math.pow(-1,Math.ceil(10*Math.random()));e.vx=o,e.id={hadCollisionWall:!0,vx:o}}if(r<=-i||r>=up+i)return!1}return!0}));e.updateGlobuleList(t)},f=function(){var e=document.getElementById("myCanvas");if(e){e.width=up,e.height=dp;var t=e.getContext("2d");hp=o();var r=function(){var e=[],t=Math.floor(hp/3600),n=Math.floor((hp-3600*t)/60),r=hp%60,i=c(gp,fp,Math.floor(t/10));e=e.concat(i),pp=i.length;var a=c(gp+15*(mp+1),fp,Math.floor(t%10));e=e.concat(a);var o=c(gp+30*(mp+1),fp,10);e=e.concat(o),vp=o.length;var s=c(gp+39*(mp+1),fp,Math.floor(n/10));e=e.concat(s);var l=c(gp+54*(mp+1),fp,Math.floor(n%10));e=e.concat(l);var u=c(gp+69*(mp+1),fp,10);e=e.concat(u);var d=c(gp+78*(mp+1),fp,Math.floor(r/10));e=e.concat(d);var m=c(gp+93*(mp+1),fp,Math.floor(r%10));return e=e.concat(m),xp=e.length,e}(),i=new(_h())(t,e,r,{beforeDrawGlobules:d,afterDrawGlobules:m});n.current=i,i.start()}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;up=r,dp=i}else up=600,dp=600;return gp=Math.round(up/5),mp=Math.round(3*up/5/108)-1,fp=Math.round(dp/8),f(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},wp=(n(87388),{particles:{number:{value:160,density:{enable:!0,value_area:800}},color:{value:"#00aeff"},shape:{type:"circle",stroke:{width:0,color:"#362cff"},polygon:{nb_sides:5},image:{src:"img/github.svg",width:100,height:100}},opacity:{value:1,random:!0,anim:{enable:!0,speed:1,opacity_min:0,sync:!0}},size:{value:3,random:!0,anim:{enable:!1,speed:4,size_min:.3,sync:!1}},line_linked:{enable:!1,distance:150,color:"#ffffff",opacity:.4,width:1},move:{enable:!0,speed:1,direction:"none",random:!0,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:600,rotateY:600}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"bubble"},onclick:{enable:!1,mode:"repulse"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:.8}},bubble:{distance:250,size:4,duration:2,opacity:1,speed:3},repulse:{distance:400,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!0}),jp=function(e){return(0,r.useEffect)((function(){particlesJS("particles-js",wp)}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"#000000"},id:"particles-js",children:e.children})},bp=n.p+"images/a6f77ec2.png",_p=function(){function e(t){(0,Hf.Z)(this,e),this.init(t)}return(0,Vf.Z)(e,[{key:"init",value:function(e){this.boxRef=e.boxRef,this.canvas=e.canvas,this.ctx=this.canvas.getContext("2d",{willReadFrequently:!0}),this.width=this.canvas.width,this.height=this.canvas.height,this.max_amplitude=1024,this.amplitude=e.amplitude||512,this.background=e.background,this.load=!1,this.img_data=null,this.new_img_data=null,this.animation_idx=null,this.mousemove_interval=e.mousemove_interval||50,this.animation_interval=e.animation_interval||20,this.ripple_radius=e.ripple_radius||3,this.bridge=new Image,this.bridge.src=bp,e.resize&&this.setResize()}},{key:"drawBackground",value:function(){var e=this;this.background.complete&&(this.ctx.drawImage(this.background,0,0,this.width,this.height),this.img_data=this.ctx.getImageData(0,0,this.width,this.height),this.new_img_data=this.ctx.getImageData(0,0,this.width,this.height),this.buffer_1=new Array(this.width).fill(0).map((function(){return new Array(e.height).fill(0)})),this.buffer_2=new Array(this.width).fill(0).map((function(){return new Array(e.height).fill(0)})),this.load=!0)}},{key:"render",value:function(){if(this.load){for(var e=this.width,t=this.height,n=e>>1,r=t>>1,i=this.new_img_data.data.length,a=0;a<i;a+=4){var o=a>>2,s=o%e,c=(o-s)/e,l=Math.max(s-1,0),u=Math.min(s+1,e-1),d=Math.min(c+1,t-1),m=Math.max(c-1,0),f=this.buffer_1[s][d]+this.buffer_1[s][m]+this.buffer_1[u][c]+this.buffer_1[l][c];f>>=1,f-=this.buffer_2[s][c],f-=f>>5,this.buffer_2[s][c]=f;var g=(this.max_amplitude-f)/this.max_amplitude;if(0!==f){var h=((s-n)*g<<0)+n,p=((c-r)*g<<0)+r;h=Math.min(h,e-1),h=Math.max(h,0),p=Math.max(p,0);var v=(p=Math.min(p,t-1))*e+h<<2,x=this.img_data.data[v],y=this.img_data.data[v+1],A=this.img_data.data[v+2];this.new_img_data.data[a]=x,this.new_img_data.data[a+1]=y,this.new_img_data.data[a+2]=A}}this.ctx.putImageData(this.new_img_data,0,0),this.ctx.drawImage(this.bridge,0,.35*this.height,this.width,.65*this.height);var w=this.buffer_2;this.buffer_2=this.buffer_1,this.buffer_1=w}else this.drawBackground()}},{key:"animate",value:function(){var e=this,t=(new Date).getTime();!function n(){var r=(new Date).getTime();r-t>e.animation_interval&&(e.render(),t=r),e.animation_idx=requestAnimationFrame(n)}()}},{key:"throttle",value:function(e,t){var n=(new Date).getTime();return function(){var r=(new Date).getTime();r-n>=t&&(n=r,e.apply(this,arguments))}}},{key:"ripple",value:function(e,t){if(this.load)for(var n=Math.max(e-this.ripple_radius,0),r=Math.min(e+this.ripple_radius,this.buffer_1.length-1),i=Math.max(t-this.ripple_radius,0),a=Math.min(t+this.ripple_radius,this.buffer_1[0].length-1),o=n;o<r;o++)for(var s=i;s<a;s++)this.buffer_1[o][s]=this.amplitude}},{key:"addMousemove",value:function(){var e=this;this.canvas.addEventListener("mousemove",this.throttle((function(t){var n=e.canvas.getBoundingClientRect(),r=n.top,i=n.left;e.ripple(Math.floor(t.clientX-i),Math.floor(t.clientY-r))}),this.mousemove_interval))}},{key:"setResize",value:function(){var e=this;window.addEventListener("resize",(function(){var t=e.boxRef.current,n=t.offsetWidth,r=t.offsetHeight;e.canvas.width=n,e.canvas.height=r,e.width=e.canvas.width,e.height=e.canvas.height,e.load=!1}))}},{key:"stop",value:function(){cancelAnimationFrame(this.animation_idx)}},{key:"resume",value:function(){this.animate()}}]),e}(),Dp=_p,Mp=n.p+"images/cf5db1b1.png",kp=600,Np=600,Ep=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null);return(0,r.useEffect)((function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;kp=r,Np=o,n.current.width=kp,n.current.height=Np;var s=new Image;s.src=Mp;var c=new Dp({canvas:n.current,background:s,boxRef:t});i.current=c,c.animate(),a.current=window.setInterval((function(){var e=Math.floor(kp*Math.random()),t=Math.floor(Np*Math.random());c.ripple(e,t)}),1e3),c.addMousemove()}return function(){var e;a.current&&clearInterval(a.current),null===(e=i.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Cp=600,Sp=600,Pp=0,Bp={x:0,y:0},Ip=function(){function e(){(0,Hf.Z)(this,e),this.x=0,this.y=0,this.angle=0;var t=Math.random();this.dAngle=Math.random()>.5?t:-t,this.radius=20*Math.random()+5,this.color="hsl(".concat(Math.floor(360*Math.random()),", 70%, 60%)"),this.stop=!1}return(0,Vf.Z)(e,[{key:"reset",value:function(e,t,n){this.x=e,this.y=t,this.angle=n}},{key:"draw",value:function(e){this.stop||(this.x+=Math.cos(this.angle)*this.radius,this.y+=Math.sin(this.angle)*this.radius,e.beginPath(),e.fillStyle=this.color,e.arc(this.x,this.y,.5*this.radius,0,2*Math.PI),e.fill(),e.stroke(),this.angle+=this.dAngle,this.radius-=.4,this.radius<=0&&(this.stop=!0))}}]),e}(),Tp=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(0),o=(0,r.useRef)(Bp),c=(0,r.useRef)([]),l=function e(){if(i.current){for(var t=0,n=c.current.length;t<n;t++){c.current[t].draw(i.current)}a.current=window.requestAnimationFrame(e)}},u=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;Cp=r,Sp=i,n.current.width=Cp,n.current.height=Sp}},d=(0,r.useCallback)((function(e){if(n.current){var r=o.current.x,a=o.current.y,s=n.current.getBoundingClientRect(),l=s.top,u=s.left,d=e.clientX-u,m=e.clientY-l;o.current.x=d,o.current.y=m;var f=new Ip,g=Math.atan2(m-a,d-r);if(f.reset(d,m,g),c.current.push(f),c.current.length>200&&c.current.shift(),Pp+=1,t.current&&Pp>140)"rgb(11, 11, 11)"===(t.current.style||{}).backgroundColor&&(t.current.style.backgroundColor="transparent");i.current&&Pp%3==0&&(i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,Cp,Sp))}}),[]);return(0,r.useEffect)((function(){return function(){if(Pp=0,t.current&&n.current){t.current.style.backgroundColor="rgb(11, 11, 11)",u();var e=n.current.getContext("2d");i.current=e,i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,Cp,Sp)}}(),n.current&&n.current.addEventListener("mousemove",d),l(),function(){a.current&&cancelAnimationFrame(a.current),n.current&&n.current.removeEventListener("mousemove",d)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",u),function(){window.removeEventListener("resize",u)}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Rp=600,Fp=600,Op="abcdefghijklmnopqrstuvwxyz",Zp=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(0),o=(0,r.useRef)({}),c=(0,r.useRef)({}),l=(0,r.useRef)({}),u=(0,r.useRef)({}),d=function e(){if(i.current){i.current.clearRect(0,0,Rp,Fp);for(var t=0;t<Rp;t+=26){i.current.beginPath();var n=i.current.createLinearGradient(0,0,0,Fp),r=.2*Math.random(),s=.8*Math.random()+.2,d=.02*Math.random(),m=o.current,f=c.current,g=l.current,h=u.current;f[t]=f[t]||-r,g[t]=g[t]||0,m[t]=m[t]||-s,n.addColorStop(0,"#000000"),n.addColorStop(m[t]<0?0:m[t],"#000000"),n.addColorStop(f[t]<0?0:f[t],"#0ee30e"),n.addColorStop(g[t],"#000000"),n.addColorStop(1,"#000000"),i.current.fillStyle=n;for(var p=0;p<Fp;p+=26)h[t+"-"+p]=h[t+"-"+p]||Op[Math.floor(Math.random()*Op.length)],i.current.fillText(h[t+"-"+p],t,p);f[t]+=d,g[t]+=d,m[t]+=d,m[t]>1&&(m[t]=-s),f[t]>1&&(m[t]===-s?f[t]=-r:f[t]=1),g[t]>1&&(f[t]===-r&&m[t]===-s?g[t]=d:g[t]=1)}a.current=window.requestAnimationFrame(e)}},m=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;Rp=r,Fp=i,n.current.width=Rp,n.current.height=Fp}};return(0,r.useEffect)((function(){return function(){if(t.current&&n.current){m();var e=n.current.getContext("2d");e.font="14px SourceHanSansCN-Regular",i.current=e}}(),d(),function(){a.current&&cancelAnimationFrame(a.current)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",m),function(){window.removeEventListener("resize",m)}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",backgroundColor:"#000"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Gp="WordDance_container__SiRI2",Qp="WordDance_tip__Sm3-V",Lp=324,zp=570,Hp=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(0),c=function e(){if(t.current&&a.current){a.current.drawImage(t.current,0,0,Lp,zp);var n=a.current.getImageData(0,0,Lp,zp);a.current.clearRect(0,0,Lp,zp);for(var r=n.data,i=n.width,s=n.height,c=0;c<s;c++)for(var l=0;l<i;l++){var u=4*(c*i+l);if(l%6==0&&c%6==0){var d=(r[u]+r[u+1]+r[u+2])/3;a.current.fillStyle="rgb(".concat(d,", ").concat(d,", ").concat(d,")"),a.current.font="10px Arial",a.current.fillText("8",l,c)}}o.current=window.requestAnimationFrame(e)}};return(0,r.useEffect)((function(){return function(){if(n.current&&t.current&&i.current){i.current.width=Lp,i.current.height=zp;var e=i.current.getContext("2d",{willReadFrequently:!0});a.current=e,t.current.crossOrigin="anonymous"}}(),c(),function(){o.current&&cancelAnimationFrame(o.current)}}),[]),(0,s.jsxs)("div",{className:Gp,ref:n,children:[(0,s.jsx)("video",{muted:!1,autoPlay:!0,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t,children:(0,s.jsx)("source",{src:"public/dance.mp4"})}),(0,s.jsx)("canvas",{ref:i,children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Qp,children:e.formatMessage({id:"page.canvasDynamicEffect.videoIsSlowToLoad"})})]})},Vp="Scratch_container__4Y8FX",Up="Scratch_bottomText__kdpMZ",Wp=function(){var e=(0,h.Z)(),t=d(),n=t.headHeight,i=t.menuWidth,a=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(!1);return(0,r.useEffect)((function(){if(a.current&&o.current){var e=a.current,t=e.clientWidth,n=e.clientHeight;o.current.width=t,o.current.height=n,c.current=o.current.getContext("2d"),c.current&&(c.current.fillStyle="darkgray",c.current.fillRect(0,0,t,n))}}),[i]),(0,s.jsxs)("div",{className:Vp,ref:a,children:[(0,s.jsx)("div",{className:Up,children:"Visualization Collection"}),(0,s.jsx)("canvas",{onMouseDown:function(e){u.current=!0;var t=e.pageX-i,r=e.pageY-n;l.current={x:t,y:r}},onMouseMove:function(e){if(u.current&&c.current&&l.current){var t=e.pageX-i,r=e.pageY-n;c.current.beginPath(),c.current.globalCompositeOperation="destination-out",c.current.lineCap="round",c.current.moveTo(l.current.x,l.current.y),c.current.lineTo(t,r),c.current.lineWidth=60,c.current.stroke(),c.current.closePath(),l.current={x:t,y:r}}},onMouseUp:function(){u.current=!1,l.current=null},ref:o,children:e.formatMessage({id:"common.browserTooLow"})})]})},Yp="MatchLine_container__qMLJ5",Jp="MatchLine_content__Whs0H",qp="MatchLine_tools__LT5fu",Kp="MatchLine_btn__r-aM+",Xp="MatchLine_bottom__pQ5Pk",$p="MatchLine_box__2wo49",ev="MatchLine_options__yZR5i",tv="MatchLine_option__YXDOq",nv="MatchLine_active__wPYWy",rv={fruit:"🍌",animal:"🐒",car:"🚗",vegetable:"🥕"},iv=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),d=(0,r.useRef)(null),m=(0,r.useRef)({x:0,y:0}),f=(0,r.useRef)({x:0,y:0}),g=(0,r.useRef)(!1),p=(0,r.useRef)([]),v=(0,r.useRef)({}),x=(0,r.useRef)(Object.values(rv).sort((function(){return Math.random()-.5}))),y=(0,r.useRef)(!1),A=function(e){i.current&&o.current&&(o.current.clearRect(0,0,i.current.width,i.current.height),e.forEach((function(e){var t=e.point,n=t.x1,r=t.y1,i=t.x2,a=t.y2,s=e.isOk;o.current&&(o.current.strokeStyle="boolean"==typeof s?s?"#3CB371":"#DC143C":"#6495ED",o.current.beginPath(),o.current.moveTo(n,r),o.current.lineTo(i,a),o.current.closePath(),o.current.stroke())})))},w=(0,r.useCallback)((function(t){t.stopPropagation(),t.preventDefault(),y.current?$c.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"})):(t.target.classList.add(nv),u.current=t.target,u.current.dataset.checked="1",d.current=null,m.current.x=Number(t.target.dataset.anchorX),m.current.y=Number(t.target.dataset.anchorY),g.current=!0)}),[]),j=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current&&n.current&&a.current){var t=e.clientX,r=e.clientY,i=n.current.getBoundingClientRect(),o=i.left,s=i.top;f.current={x:t-o,y:r-s},a.current.clearRect(0,0,n.current.width,n.current.height),a.current.beginPath(),a.current.moveTo(m.current.x,m.current.y),a.current.lineTo(f.current.x,f.current.y),a.current.closePath(),a.current.stroke();var c=document.elementFromPoint(t,r);if(c){if(u.current){var l=u.current.dataset.ownership;if(c===d.current)return;var h=c.dataset.ownership,p=c.dataset.ownership!==l,v="1"!==c.dataset.checked;h&&p&&v?(d.current=c,d.current.classList.add(nv),d.current.dataset.checked="1"):d.current&&(d.current.classList.remove(nv),d.current.dataset.checked="0",d.current=null)}}else d.current&&(d.current.classList.remove(nv),d.current.dataset.checked="0",d.current=null)}}),[]),b=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current){if(u.current&&d.current&&"1"===u.current.dataset.checked&&"1"===d.current.dataset.checked){var t=u.current.dataset,r=t.anchorX,i=t.anchorY,o=t.ownership,s=t.value,c=d.current.dataset,l=c.anchorX,m=c.anchorY,f=c.value,h=Object.keys(v.current),x=Object.values(v.current);if(s&&(h.includes(s)||x.includes(s))){for(var y="",w="",j=0;j<h.length;j++){var b=h[j],_=x[j];if([b,_].includes(s)){y=b,w=b===s?_:b;break}}var D="[data-value=".concat(w,"]"),M=document.querySelector(D);if(M){M.dataset.checked="0",M.classList.remove(nv),delete v.current[y];var k=p.current.findIndex((function(e){return e.key===y}));k>=0&&p.current.splice(k,1)}}var N="L"===o?s:f,E="L"===o?f:s;v.current[N]=E,p.current.push({key:N,point:{x1:r,y1:i,x2:l,y2:m}}),A(p.current)}else if(u.current){var C=function(e){var t=!1;if(e){var n=Object.keys(v.current),r=Object.values(v.current);(n.includes(e)||r.includes(e))&&(t=!0)}return t}(u.current.dataset.value);C||(u.current.dataset.checked="0",u.current.classList.remove(nv))}g.current=!1,u.current=null,d.current=null,n.current&&a.current&&a.current.clearRect(0,0,n.current.width,n.current.height)}}),[]),_=function(e){e&&Array.prototype.forEach.call(e.children,(function(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height,i="L"===e.dataset.ownership?e.offsetLeft+n:e.offsetLeft,a=e.offsetTop+r/2;e.dataset.anchorX=i,e.dataset.anchorY=a,e.dataset.checked="0",e.onmousedown=w}))};(0,r.useEffect)((function(){return function(){if(t.current&&n.current&&i.current){var e=t.current,r=e.clientWidth,s=e.clientHeight;n.current.width=i.current.width=r,n.current.height=i.current.height=s,a.current=n.current.getContext("2d"),o.current=i.current.getContext("2d"),a.current.strokeStyle=o.current.strokeStyle="#6495ED",a.current.lineWidth=o.current.lineWidth=2,_(c.current),_(l.current)}}(),document.addEventListener("mousemove",j),document.addEventListener("mouseup",b),function(){document.removeEventListener("mousemove",j),document.removeEventListener("mousemove",b)}}),[]);return(0,s.jsxs)("div",{className:Yp,children:[(0,s.jsx)(Or,{intlTitle:"page.canvasDynamicEffect.matchLineQuestion"}),(0,s.jsxs)("div",{className:Jp,children:[(0,s.jsxs)("div",{className:qp,children:[(0,s.jsx)("div",{className:Kp,onClick:function(){c.current&&Array.prototype.forEach.call(c.current.children,(function(e){e.dataset.checked="0",e.classList.remove(nv)})),l.current&&Array.prototype.forEach.call(l.current.children,(function(e){e.dataset.checked="0",e.classList.remove(nv)})),p.current=[],v.current={},A(p.current),y.current=!1},children:e.formatMessage({id:"common.reset"})}),(0,s.jsx)("div",{className:Kp,onClick:function(){if(y.current)$c.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"}));else{var t=p.current.pop();if(t){var n=t.key,r='[data-value="'.concat(n,'"]'),i='[data-value="'.concat(v.current[n],'"]');delete v.current[n];var a=document.querySelector(r),o=document.querySelector(i);a&&o&&(a.dataset.checked=o.dataset.checked="0",a.classList.remove(nv),o.classList.remove(nv),A(p.current))}}},children:e.formatMessage({id:"common.backout"})}),(0,s.jsx)("div",{className:Kp,onClick:function(){if(!y.current){var t=Object.keys(v.current);if(0!==t.length){var n=[];t.forEach((function(e){var t=v.current[e],r='[data-value="'.concat(e,'"]'),i="[data-value=".concat(t,"]"),a=document.querySelector(r),o=document.querySelector(i);if(a&&o){var s=a.dataset,c=s.anchorX,l=s.anchorY,u=o.dataset,d=u.anchorX,m=u.anchorY,f=rv[e];n.push({isOk:t===f,point:{x1:c?Number(c):0,y1:l?Number(l):0,x2:d?Number(d):0,y2:m?Number(m):0}})}})),A(n),y.current=!0}else $c.ZP.error(e.formatMessage({id:"page.canvasDynamicEffect.noVerifiableAnswer"}))}},children:e.formatMessage({id:"common.checkout"})})]}),(0,s.jsx)("div",{className:Xp,children:(0,s.jsxs)("div",{className:$p,ref:t,children:[(0,s.jsx)("div",{className:ev,ref:c,children:Object.keys(rv).map((function(t){return(0,s.jsx)("div",{className:tv,"data-value":t,"data-ownership":"L",children:e.formatMessage({id:"page.canvasDynamicEffect.".concat(t)})})}))}),(0,s.jsx)("div",{className:ev,ref:l,children:x.current.map((function(e){return(0,s.jsx)("div",{className:tv,"data-value":e,"data-ownership":"R",children:e})}))}),(0,s.jsx)("canvas",{ref:n}),(0,s.jsx)("canvas",{ref:i})]})})]})]})},av=n(99477),ov=n(66358),sv=function(e,t,n,i){var a=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),c=(0,r.useRef)(0),l=function e(){a.current&&o.current&&s.current&&(i&&i(a.current,o.current,s.current),s.current.render(a.current,o.current),c.current=window.requestAnimationFrame(e))},u=function(){if(e.current){var n=e.current,r=n.clientWidth,i=n.clientHeight,c=new av.xsS;a.current=c;var u=new av.cPb(75,r/i,.1,1e3);u.position.set(0,0,10),o.current=u;var d=new av.CP7({antialias:!0});s.current=d,d.setSize(r,i),d.setPixelRatio(window.devicePixelRatio),d.shadowMap.enabled=!0,e.current.append(d.domElement),l(),t&&t(c,u,d)}},d=function(){if(e.current&&a.current&&o.current&&s.current){var t=e.current,r=t.clientWidth,i=t.clientHeight;o.current.aspect=r/i,o.current.updateProjectionMatrix(),s.current.setSize(r,i),s.current.setPixelRatio(window.devicePixelRatio),n&&n(a.current,o.current,s.current)}};return(0,r.useEffect)((function(){return u(),window.addEventListener("resize",d),function(){c.current&&window.cancelAnimationFrame(c.current),window.removeEventListener("resize",d)}}),[]),{scene:a.current,camera:o.current,renderer:s.current,resize:d}},cv=n(3867),lv=new(n(82854)._);lv.setDecoderPath("./public/draco/gltf/"),lv.setDecoderConfig({type:"js"});var uv=function(e){return new Promise((function(t,n){var r=new cv.E;r.setCrossOrigin("anonymous"),r.setDRACOLoader(lv),r.load(e,(function(e){t(e)}),void 0,(function(e){n(e)}))}))},dv=function(e,t,n){var r=t*Math.PI/180,i=n*Math.PI/180;r=-r;var a=e*Math.cos(i)*Math.cos(r),o=e*Math.sin(i),s=e*Math.cos(i)*Math.sin(r);return new av.Pa4(a,o,s)},mv=function e(t,n){if(t&&n){n.remove(t);var r=t.children;if(!r)return;r.forEach((function(n){var r=n.geometry,i=n.material,a=n.children;null==r||r.dispose(),Array.isArray(i)?i.forEach((function(e){return null==e?void 0:e.dispose()})):null==i||i.dispose(),a.length&&a.forEach((function(n){return e(n,t)}))}))}},fv=n.p+"images/a2edaf85.jpg",gv=n.p+"images/573c0a93.jpg",hv="AppPageFrame_container__HINEU",pv="AppPageFrame_content__jCifX",vv="AppPageFrame_page__DEPnj",xv=[0,-1.5,0],yv=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(0),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useRef)([]),m=(0,r.useRef)(0),f=(0,r.useRef)(ov.p8.timeline()),g=(0,r.useRef)(null),h=sv(t,(function(e){if(t.current){var n=t.current.clientHeight;l(n);var r=new av.Ox3(16777215,1);r.position.set(0,0,1),e.add(r);var i=new av.Ox3(16777215,.5);i.position.set(0,0,-1),e.add(i);var a=new av.Ox3(16777215,.5);a.position.set(-1,1,1),e.add(a),uv("./public/model/spaceStation.glb").then((function(t){t.scene.scale.set(.15,.15,.15),t.scene.position.set(5,0,0),e.add(t.scene),u.current.push(t)})),uv("./public/model/spaceStation2.glb").then((function(t){t.scene.scale.set(1,1,1),t.scene.position.set(5,-20,0),t.scene.rotation.set(0,xv[1],0),e.add(t.scene),u.current.push(t)})),uv("./public/model/spaceStation3.glb").then((function(t){t.scene.scale.set(.18,.18,.18),t.scene.position.set(5,-40,0),e.add(t.scene),u.current.push(t)}));for(var o=0;o<10;o++){for(var s=new av.xo$(1.5,10,10),c=(new av.dpR).load(fv),d=(new av.dpR).load(gv),m=new av.Wid({map:c,displacementMap:d,displacementScale:.5}),f=new av.SPe(s,m,100),g=0;g<1e3;g++){var h=1e3*Math.random()-500,p=1e3*Math.random()-500,v=1e3*Math.random()-500,x=new av.yGw;x.makeTranslation(h,p,v),f.setMatrixAt(g,x);var y=20*Math.random()-8;x.makeScale(y,y,y)}ov.p8.to(f.position,{duration:10*Math.random()+5,ease:"linear",z:-1e3,repeat:-1}),e.add(f)}}}),(function(){if(t.current){var e=t.current.clientHeight;l(e),n.current&&(n.current.style.top="-".concat(m.current*e,"px"))}})),p=h.camera,v=h.resize,x=(0,ae.Z)((function(e){if(p){if(f.current&&f.current.isActive())return;if(e.wheelDelta<0&&m.current<u.current.length-1)m.current=m.current+1,f.current.to(p.position,{duration:.8,y:-20*m.current});else{if(!(e.wheelDelta>0&&m.current>0))return;m.current=m.current-1,f.current.to(p.position,{duration:.8,y:-20*m.current})}}if(t.current&&n.current){var r=t.current.clientHeight;g.current=ov.p8.to(n.current,{duration:.8,top:"-".concat(m.current*r,"px"),onComplete:function(){var e;null===(e=g.current)||void 0===e||e.kill(),g.current=null}})}}),{wait:100});return(0,r.useLayoutEffect)((function(){v()}),[e]),(0,r.useEffect)((function(){return window.addEventListener("mousewheel",x.run),function(){window.removeEventListener("mousewheel",x.run)}}),[]),(0,s.jsx)("div",{className:hv,onMouseMove:function(e){if(t.current){var n=t.current,r=n.clientWidth,i=n.clientHeight,a=e.clientX/r*2-1,o=e.clientY/i*2-1,s=ov.p8.timeline(),c=u.current[m.current];c&&s.to(c.scene.rotation,{duration:.8,x:.5*o,y:.5*a+xv[m.current]})}},ref:t,children:(0,s.jsxs)("div",{className:pv,ref:n,children:[(0,s.jsx)("div",{className:vv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page One"})}),(0,s.jsx)("div",{className:vv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Two"})}),(0,s.jsx)("div",{className:vv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Three"})})]})})},Av=n(69365),wv="CarShow_container__fkyim",jv="CarShow_content__-vQNL",bv="CarShow_title__h5POl",_v="CarShow_itemBox__aPzWS",Dv="CarShow_selectBox__p0bsP",Mv="CarShow_btn__vlWko",kv="CarShow_textBtn__XA+9q",Nv=["red","blue","green","gray","orange","purple"],Ev=new av.EJi({color:16711680,metalness:1,roughness:.1}),Cv=new av.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Sv=new av.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Pv=new av.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Bv=new av.EJi({color:16777215,metalness:0,roughness:0,transparent:!0,transmission:1}),Iv=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)({carWheels:[]}),o=[{name:e.formatMessage({id:"page.threeJs3D.abrazine"}),key:"abrazine",clearcoatRoughness:3,roughness:1},{name:e.formatMessage({id:"page.threeJs3D.cryolite"}),key:"cryolite",clearcoatRoughness:.2,roughness:.5}],c=[{name:e.formatMessage({id:"page.threeJs3D.ordinary"}),key:"ordinary",transmission:.9},{name:e.formatMessage({id:"page.threeJs3D.transparent"}),key:"transparent",transmission:1}],l=sv(n,(function(e,t,r){if(n.current){e.background=new av.Ilk("#ddd"),t.position.set(0,2,4),r.setClearColor("#000");var o=new Av.z(t,r.domElement);i.current=o,o.autoRotate=!0;var s=new av.VLJ(15,15);s.material.opacity=.2,s.material.transparent=!0,e.add(s),uv("./public/model/bmw.glb").then((function(t){var n=t.scene;n.traverse((function(e){e.isMesh&&(e.name.includes("前脸")&&(e.material=Cv,a.current.carFront=e),"Mesh002"===e.name&&(e.material=Sv,a.current.carBody=e),e.name.includes("引擎盖_1")&&(e.material=Pv,a.current.carHood=e),e.name.includes("挡风玻璃")&&(e.material=Bv,a.current.carGlass=e),e.name.includes("轮毂")&&(e.material=Ev,a.current.carWheels.push(e)))})),e.add(n)}));var c=new av.Ox3(16777215,1);c.position.set(0,0,10),e.add(c);var l=new av.Ox3(16777215,1);l.position.set(0,0,-10),e.add(l);var u=new av.Ox3(16777215,1);u.position.set(10,0,0),e.add(u);var d=new av.Ox3(16777215,1);d.position.set(-10,0,0),e.add(d);var m=new av.Ox3(16777215,1);m.position.set(0,10,0),e.add(m);var f=new av.Ox3(16777215,.3);f.position.set(5,10,0),e.add(f);var g=new av.Ox3(16777215,.3);g.position.set(0,10,5),e.add(g);var h=new av.Ox3(16777215,.3);g.position.set(0,10,-5),e.add(h);var p=new av.Ox3(16777215,.3);p.position.set(-5,10,0),e.add(p)}}),null,(function(){var e;i.current&&(null===(e=i.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){l()}),[t]),(0,s.jsx)("div",{className:wv,ref:n,children:(0,s.jsxs)("div",{className:jv,children:[(0,s.jsx)("div",{className:bv,children:e.formatMessage({id:"page.threeJs3D.carDisplayAndMatching"})}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.bodyColor"})}),(0,s.jsx)("div",{className:Dv,children:Nv.map((function(e){return(0,s.jsx)("div",{className:Mv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Sv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.anteriorFaceColor"})}),(0,s.jsx)("div",{className:Dv,children:Nv.map((function(e){return(0,s.jsx)("div",{className:Mv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Cv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hoodColor"})}),(0,s.jsx)("div",{className:Dv,children:Nv.map((function(e){return(0,s.jsx)("div",{className:Mv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Pv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hubColor"})}),(0,s.jsx)("div",{className:Dv,children:Nv.map((function(e){return(0,s.jsx)("div",{className:Mv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Ev.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.filmMaterial"})}),(0,s.jsx)("div",{className:Dv,children:o.map((function(e){return(0,s.jsx)("div",{className:kv,onClick:function(){return t=e.clearcoatRoughness,n=e.roughness,Cv.clearcoatRoughness=t,Cv.roughness=n,Sv.clearcoatRoughness=t,Sv.roughness=n,Pv.clearcoatRoughness=t,void(Pv.roughness=n);var t,n},children:e.name},e.key)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.windshieldMaterial"})}),(0,s.jsx)("div",{className:Dv,children:c.map((function(e){return(0,s.jsx)("div",{className:kv,onClick:function(){return t=e.transmission,void(Bv.transmission=t);var t},children:e.name},e.key)}))})]})]})})},Tv=n(88175),Rv=[{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1},{x:-1,y:0,z:1},{x:0,y:0,z:1},{x:1,y:0,z:1},{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1},{x:-1,y:1,z:0},{x:0,y:1,z:0},{x:1,y:1,z:0},{x:-1,y:0,z:0},{x:0,y:0,z:0},{x:1,y:0,z:0},{x:-1,y:-1,z:0},{x:0,y:-1,z:0},{x:1,y:-1,z:0},{x:-1,y:1,z:-1},{x:0,y:1,z:-1},{x:1,y:1,z:-1},{x:-1,y:0,z:-1},{x:0,y:0,z:-1},{x:1,y:0,z:-1},{x:-1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:1,y:-1,z:-1}],Fv={front:[{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1},{x:-1,y:0,z:1},{x:0,y:0,z:1},{x:1,y:0,z:1},{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1}],back:[{x:1,y:1,z:-1},{x:0,y:1,z:-1},{x:-1,y:1,z:-1},{x:1,y:0,z:-1},{x:0,y:0,z:-1},{x:-1,y:0,z:-1},{x:1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:-1,y:-1,z:-1}],top:[{x:-1,y:1,z:-1},{x:0,y:1,z:-1},{x:1,y:1,z:-1},{x:-1,y:1,z:0},{x:0,y:1,z:0},{x:1,y:1,z:0},{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1}],bottom:[{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1},{x:-1,y:-1,z:0},{x:0,y:-1,z:0},{x:1,y:-1,z:0},{x:-1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:1,y:-1,z:-1}],left:[{x:-1,y:1,z:-1},{x:-1,y:1,z:0},{x:-1,y:1,z:1},{x:-1,y:0,z:-1},{x:-1,y:0,z:0},{x:-1,y:0,z:1},{x:-1,y:-1,z:-1},{x:-1,y:-1,z:0},{x:-1,y:-1,z:1}],right:[{x:1,y:1,z:1},{x:1,y:1,z:0},{x:1,y:1,z:-1},{x:1,y:0,z:1},{x:1,y:0,z:0},{x:1,y:0,z:-1},{x:1,y:-1,z:1},{x:1,y:-1,z:0},{x:1,y:-1,z:-1}]},Ov="RubiksCube_container__dFJHD",Zv=10,Gv=20,Qv=50,Lv=50,zv=[{x:100,y:100,z:-100,intensity:1},{x:-100,y:100,z:-100,intensity:1},{x:100,y:-50,z:-100,intensity:1},{x:-100,y:-50,z:-100,intensity:1},{x:50,y:100,z:30,intensity:20},{x:-100,y:100,z:100,intensity:1},{x:100,y:-50,z:100,intensity:1},{x:-100,y:-50,z:100,intensity:1},{x:0,y:50,z:20,intensity:1},{x:0,y:-50,z:20,intensity:1}],Hv=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)([]),a=(0,r.useRef)([]),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(0),m=function(){var e=Math.floor(6*Math.random()),t=Object.keys(Fv)[e];f(t,Math.PI)},f=function(e,t){var n=Fv[e];if(n&&t&&o.current){for(var r=[],i=[],s=[],d=0,f=n.length;d<f;d++)for(var g=n[d],h=g.x,p=g.y,v=g.z,x=0,y=a.current.length;x<y;x++){var A=a.current[x],w=A.position,j=w.x,b=w.y,_=w.z;if(j===10.4*h&&b===10.4*p&&_===10.4*v){r.push(A.clone()),i.push(A),s.push(n[d]);break}}var D="";switch(e){case"front":case"back":D="z";break;case"top":case"bottom":D="y";break;case"left":case"right":D="x"}var M=i[4],k=new av.ZAu;k.position.set(M.position.x,M.position.y,M.position.z),c.current=k,i.forEach((function(e){var t=e.clone(),n=t.position,r=n.x,i=n.y,a=n.z;t.position.set("x"===D?0:r,"y"===D?0:i,"z"===D?0:a),k.add(t)})),o.current.add(k),i.forEach((function(e){var t;null===(t=o.current)||void 0===t||t.remove(e),a.current=a.current.filter((function(t){return t.id!==e.id}))}));var N={angle:0};l.current=ov.p8.to(N,{angle:t,duration:t/Math.PI*1.5,ease:"power1.inOut",onUpdate:function(){if(D){var e=N.angle;if(c.current){var t=(new av.yGw)["makeRotation".concat(D.toUpperCase())](e),n=c.current.position,r=n.x,i=n.y,a=n.z;t.multiply((new av.yGw).makeTranslation(r,i,a)),c.current.matrix=t,c.current.matrix.decompose(c.current.position,c.current.quaternion,c.current.scale)}}},onComplete:function(){c.current&&o.current&&(c.current.children.forEach((function(t){var n,r=t.clone(),i=r.position,s=i.x,c=i.y,l=i.z;r.position.set("x"===D?"left"===e?-10.4:10.4:s,"y"===D?"bottom"===e?-10.4:10.4:c,"z"===D?"back"===e?-10.4:10.4:l),null===(n=o.current)||void 0===n||n.add(r),a.current.push(r)})),o.current.remove(c.current),u.current=window.setTimeout(m,1500))}})}},g=sv(t,(function(e,r,s){if(t.current){e.background=new av.Ilk("#121212"),r.position.set(Gv,Qv,Lv),r.lookAt(0,0,0),s.setClearColor("#121212"),zv.forEach((function(t){var n=t.x,r=t.y,a=t.z,o=t.intensity,s=new av.Ox3(15463918,o);s.position.set(n,r,a),s.lookAt(0,0,0),s.shadow.camera.near=10,s.shadow.camera.far=500,s.castShadow=!0,i.current.push(s),e.add(s)}));var c=new Av.z(r,s.domElement);n.current=c,c.autoRotate=!0,c.autoRotateSpeed=3}var l=new av.ZAu;l.position.set(0,0,0),o.current=l;for(var d=new Tv.k(Zv,Zv,Zv,1,1.6),f=new av.EJi({color:65793,metalness:.4,roughness:.2,clearcoat:0,clearcoatRoughness:1,reflectivity:.2,specularIntensity:1.2}),g=0,h=Rv.length;g<h;g++){var p=Rv[g],v=p.x,x=p.y,y=p.z,A=new av.Kj0(d,f);A.position.set(10.4*v,10.4*x,10.4*y),A.receiveShadow=!0,A.castShadow=!0,a.current.push(A),l.add(A)}e.add(l),u.current=window.setTimeout(m,1500)}),null,(function(){var e;n.current&&(null===(e=n.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){g()}),[e]),(0,r.useEffect)((function(){return function(){l.current&&l.current.kill(),u.current&&window.clearTimeout(u.current)}}),[]),(0,s.jsx)("div",{className:Ov,ref:t})},Vv=n(33687),Uv="ThrowDice_container__YcvTG",Wv="ThrowDice_btn__BTDQF",Yv="ThrowDice_btn_inner__DObIm",Jv="ThrowDice_numBox__VnUMU";function qv(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Kv(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Kv(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function Kv(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Xv=10,$v=0,ex=40,tx=120,nx=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(1),u=(0,o.Z)(l,2),m=u[0],f=u[1],g=(0,r.useRef)(1),p=(0,r.useRef)(!1),v=function(e){var t=document.createElement("canvas"),n=500;t.width=n,t.height=n;var r=t.getContext("2d");switch(r.fillStyle="#eeeeee",r.fillRect(0,0,n,n),e){case 1:r.fillStyle="#d30704",r.arc(250,250,100,0,2*Math.PI),r.fill();break;case 2:r.fillStyle="#153f87",r.arc(250,1500/11,60,0,2*Math.PI),r.arc(250,4e3/11,60,0,2*Math.PI),r.fill();break;case 3:r.fillStyle="#153f87",r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.arc(250,250,60,0,2*Math.PI),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.fill();break;case 4:r.fillStyle="#d30704",r.beginPath(),r.arc(1500/11,1500/11,60,0,2*Math.PI),r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.arc(4e3/11,4e3/11,60,0,2*Math.PI),r.fill();break;case 5:r.fillStyle="#153f87",r.beginPath(),r.arc(1500/11,1500/11,60,0,2*Math.PI),r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.arc(4e3/11,4e3/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(250,250,60,0,2*Math.PI),r.fill();break;case 6:r.fillStyle="#153f87",r.beginPath(),r.arc(150,1500/11,50,0,2*Math.PI),r.arc(350,1500/11,50,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(150,250,50,0,2*Math.PI),r.arc(350,250,50,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(150,4e3/11,50,0,2*Math.PI),r.arc(350,4e3/11,50,0,2*Math.PI),r.fill()}return t},x=(0,r.useRef)(new Tv.k(Xv,Xv,Xv,1,1.4)),y=(0,r.useRef)([new av.Wid({map:new av.ROQ(v(1)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(6)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(3)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(4)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(5)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(2)),color:"#ffffff"})]),A=function(){p.current||(g.current?(p.current=!0,a.current.forEach((function(e,t){if(t<=g.current-1){var n=10,r=-Math.floor(t/2)*Xv*1.5;(t+1)%2==0&&(n+=15),e.body.position=new Vv.AO(n,24,r),e.mesh.position.copy(e.body.position),e.mesh.rotation.set(1*Math.PI*Math.random(),0,2*Math.PI*Math.random()),e.body.quaternion.copy(e.mesh.quaternion);var i=1+5*Math.random();e.body.applyImpulse(new Vv.AO(-16,i,-5))}else e.body.position=new Vv.AO(0,-55,1e3+Xv*t),e.mesh.position.copy(e.body.position),e.mesh.rotation.set(0,0,0),e.body.quaternion.copy(e.mesh.quaternion)})),setTimeout((function(){p.current=!1}),2e3)):$c.ZP.warning(e.formatMessage({id:"page.threeJs3D.enterDiceNum"})))},w=sv(n,(function(e,t,r){if(n.current){e.background=new av.Ilk("#224141"),t.position.set($v,ex,tx),t.lookAt(0,0,0),r.setClearColor("#224141");var o=new av.Mig(16777215,.5);e.add(o);var s=new av.cek(16777215,1);s.position.set(100,200,-10),s.castShadow=!0,s.shadow.camera.near=5,s.shadow.camera.far=400,e.add(s);var l=new Av.z(t,r.domElement);l.enableRotate=!1,l.maxDistance=1e3,i.current=l,c.current=new Vv.q3({allowSleep:!0,gravity:new Vv.AO(0,-300,0)}),c.current.defaultContactMaterial.restitution=.36,function(e){var t,n=new av.Kj0(new av._12(300,300),new av.Tn7({opacity:.1}));n.receiveShadow=!0,n.position.y=-60,n.quaternion.setFromAxisAngle(new av.Pa4(-1,0,0),.5*Math.PI),e.add(n);var r=new Vv.uT({type:Vv.uT.STATIC,shape:new Vv.JO});r.position.copy(n.position),r.quaternion.copy(n.quaternion),null===(t=c.current)||void 0===t||t.addBody(r)}(e),function(e){for(var t=0;t<10;t++){var n,r=new av.Kj0(x.current,y.current);r.castShadow=!0,e.add(r);var i=new Vv.uT({mass:1,shape:new Vv.xu(new Vv.AO(5,5,5)),sleepTimeLimit:.1});null===(n=c.current)||void 0===n||n.addBody(i),a.current.push({mesh:r,body:i})}}(e),A()}}),null,(function(){var e;null===(e=c.current)||void 0===e||e.fixedStep();var t,n,r=qv(a.current);try{for(r.s();!(t=r.n()).done;){var o=t.value;o.mesh.position.copy(o.body.position),o.mesh.quaternion.copy(o.body.quaternion)}}catch(e){r.e(e)}finally{r.f()}i.current&&(null===(n=i.current)||void 0===n||n.update())})).resize;return(0,r.useLayoutEffect)((function(){w()}),[t]),(0,r.useEffect)((function(){return function(){var e,t;null===(e=x.current)||void 0===e||e.dispose(),null===(t=y.current)||void 0===t||t.forEach((function(e){e.dispose()}))}}),[]),(0,s.jsxs)("div",{className:Uv,ref:n,children:[(0,s.jsx)("div",{className:Wv,children:(0,s.jsx)("div",{className:Yv,onClick:A,children:"Start"})}),(0,s.jsxs)("div",{className:Jv,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.threeJs3D.diceNum"}),"："]}),(0,s.jsx)(fh.Z,{min:1,max:10,precision:0,size:"large",value:m,onChange:function(e){g.current=e,f(e)}})]})]})},rx=n(81706),ix=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",o=(0,r.useRef)(null),s=function(){o.current&&(o.current.invalidate(),o.current.restart(!0))},c=function(){var e;null===(e=o.current)||void 0===e||e.reverse()};return(0,r.useEffect)((function(){if(e&&e.current){var r=e.current,s=r.clientWidth,c=r.clientHeight,l="";switch(t){case"toTop":l="translate(0px, ".concat(c,"px)");break;case"toBottom":l="translate(0px, ".concat(-c,"px)");break;case"toLeft":l="translate(".concat(s,"px), 0px");break;case"toRight":l="translate(".concat(-s,"px), 0px")}o.current=ov.ZP.fromTo(e.current,{opacity:0,transform:"".concat(l," ").concat(a)},{opacity:1,transform:"translate(0px, 0px) ".concat(a),duration:n,delay:i})}return function(){var e;null===(e=o.current)||void 0===e||e.kill()}}),[]),{tweenRef:o,restart:s,reverse:c}},ax="LargeScreenBorder_container__fPZ9L",ox="LargeScreenBorder_content__kwcui";function sx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function cx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?sx(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):sx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var lx=10,ux=10,dx=function(e){var t=e.title,n=void 0===t?"":t,i=e.lineWidth,a=void 0===i?1:i,o=e.lineColor,c=void 0===o?"#005A5A":o,l=e.highlightColor,u=void 0===l?"#41B1B4":l,m=e.style,f=void 0===m?{}:m,g=(0,h.Z)(),p=d().menuWidth,v=(0,r.useRef)(null),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useMemo)((function(){return cx(cx({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),j=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,i=n.height,a=1;t.beginPath(),t.moveTo(a,8),a=8,t.lineTo(a,1),a+=40,t.lineTo(a,1),a+=8,t.lineTo(a,8),a=r-16,t.lineTo(a,8),a=r-e,t.lineTo(a,24),t.lineTo(a,i-e),a=16,t.lineTo(a,i-e),a=1,t.lineTo(a,i-16),t.closePath(),t.lineWidth=e}},b=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,i=y.current;i.clearRect(0,0,t,r),i.globalCompositeOperation="source-over";var o=a;if(A.current){j(o+=1),i.fillStyle=A.current?u:c,i.fill(),i.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+lx,m=Math.floor(s/lx),f=Math.floor(l/lx);i.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(i.fillRect(s,l,t-s,lx),l+=lx,s=0):(i.fillRect(s,l,lx,lx),s+=lx)}}i.globalCompositeOperation="source-over",j(o);var g=1;if(i.strokeStyle=A.current?u:c,i.stroke(),i.lineWidth=o+1,i.strokeStyle=u,i.beginPath(),g=12,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g+=4,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g+=4,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-16),i.lineTo(g,r),i.closePath(),i.stroke(),i.beginPath(),i.moveTo(g,r-o),g-=16,i.lineTo(g,r-o),i.closePath(),i.stroke(),n){var h=$e(n,Number.parseInt(w.fontSize),w.fontWeight);i.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),i.fillStyle=w.color,i.fillText(n,(t-h)/2,14+Number.parseInt(w.fontSize));var p=(t-h)/2-42,v=14+Number.parseInt(w.fontSize)/2+2;i.lineWidth=4,i.lineJoin="miter",i.beginPath(),i.moveTo(p,18),i.lineTo(p+ux,v),i.lineTo(p,14+Number.parseInt(w.fontSize)),i.strokeStyle=A.current?w.color:c,i.stroke(),i.beginPath(),i.moveTo(p+ux+6,18),i.lineTo(p+20+6,v),i.lineTo(p+ux+6,14+Number.parseInt(w.fontSize)),i.strokeStyle=w.color,i.stroke(),p=(t+h)/2+16,i.beginPath(),i.moveTo(p+ux,18),i.lineTo(p,14+Number.parseInt(w.fontSize)/2+2),i.lineTo(p+ux,14+Number.parseInt(w.fontSize)),i.strokeStyle=w.color,i.stroke(),i.beginPath(),i.moveTo(p+20+6,18),i.lineTo(p+ux+6,14+Number.parseInt(w.fontSize)/2+2),i.lineTo(p+20+6,14+Number.parseInt(w.fontSize)),i.strokeStyle=A.current?w.color:c,i.stroke()}}};(0,r.useEffect)((function(){if(v.current&&x.current){var e=v.current,t=e.clientWidth,n=e.clientHeight;x.current.width=t,x.current.height=n,y.current=x.current.getContext("2d"),b()}}),[n,p]);return(0,s.jsxs)("div",{className:ax,style:w,onMouseEnter:function(){A.current=!0,b()},onMouseLeave:function(){A.current=!1,b()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:ox,style:{left:"".concat(16,"px"),right:"".concat(8,"px"),top:"".concat(n?8+Number.parseInt(w.fontSize)+6+20:14,"px"),bottom:"".concat(8,"px")},children:e.children})]})},mx=n.p+"images/adee1274.png",fx=function(){var e=(0,r.useRef)(new av.Tme),t=(0,r.useRef)(null),n=(0,r.useRef)(null);return(0,r.useEffect)((function(){var r=function(e,n,r){var i=Math.PI/90,a=2*Math.PI-16*i,o=11*a/12/8,s=a/12/8,c=document.createElement("canvas");c.width=2*e,c.height=2*e;var l=c.getContext("2d");l.strokeStyle=r,l.lineWidth=n;for(var u=0,d=o,m=0;m<8;m++)l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+i)+s,l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+i)+o;var f=new av._12(c.width,c.height),g=new av.vBJ({map:new av.ROQ(c),transparent:!0,opacity:1,depthWrite:!1}),h=new av.Kj0(f,g),p={angle:0};return t.current=ov.p8.to(p,{angle:2*Math.PI,duration:5,ease:"linear",repeat:-1,onUpdate:function(){var e=p.angle;if(h){var t=(new av.yGw).makeRotationZ(e),n=h.position,r=n.x,i=n.y,a=n.z;t.multiply((new av.yGw).makeTranslation(r,i,a)),h.matrix=t,h.matrix.decompose(h.position,h.quaternion,h.scale)}},onComplete:function(){}}),h}(180,6,"#ffffff");e.current.add(r);var i=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t;for(var a=0;a<2;a++){var o=a*Math.PI;i.beginPath(),i.arc(e,e,e-t,o,Math.PI/6+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/4+o,Math.PI/2+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,2*Math.PI/3+o,3*Math.PI/4+o),i.stroke()}var s=new av._12(r.width,r.height),c=new av.vBJ({map:new av.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new av.Kj0(s,c)}(170,8,"#005A5A");i.position.set(0,0,1),e.current.add(i);var a=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t;for(var a=0;a<3;a++){var o=a*(2*Math.PI/3);i.beginPath(),i.arc(e,e,e-t,o,Math.PI/10+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/8+o,Math.PI/6+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/2+o,5*Math.PI/8+o),i.stroke()}var s=new av._12(r.width,r.height),c=new av.vBJ({map:new av.ROQ(r),transparent:!0,opacity:1,depthWrite:!1}),l=new av.Kj0(s,c),u=new av._12(r.width+90,r.height+90),d=new av.vBJ({map:(new av.dpR).load(mx),transparent:!0,opacity:1,depthWrite:!1}),m=new av.Kj0(u,d);return l.add(m),l}(120,8,"#005A5A");a.position.set(0,0,2),e.current.add(a);var o=function(e,t,r){var i=16,a=document.createElement("canvas");a.width=2*e+i,a.height=2*e+i;var o=a.getContext("2d");o.strokeStyle=r,o.lineWidth=t,o.beginPath(),o.arc(e+4.8+t,e+4.8+t,e,0,2*Math.PI),o.stroke(),o.lineWidth=t;for(var s=0;s<120;s++){var c=2*Math.PI/120*s,l=e-11.2,u=l+i,d=Math.cos(c)*u+u+4.8,m=Math.sin(c)*u+u+4.8,f=Math.cos(c)*l+u+4.8,g=Math.sin(c)*l+u+4.8;o.beginPath(),o.moveTo(d,m),o.lineTo(f,g),o.stroke()}var h=new av._12(a.width,a.height),p=new av.vBJ({map:new av.ROQ(a),transparent:!0,opacity:1,depthWrite:!1}),v=new av.Kj0(h,p),x={angle:0};return n.current=ov.p8.to(x,{angle:2*-Math.PI,duration:12,ease:"linear",repeat:-1,onUpdate:function(){var e=x.angle;if(v){var t=(new av.yGw).makeRotationZ(e),n=v.position,r=n.x,i=n.y,a=n.z;t.multiply((new av.yGw).makeTranslation(r,i,a)),v.matrix=t,v.matrix.decompose(v.position,v.quaternion,v.scale)}},onComplete:function(){}}),v}(100,3,"#ADEBF1");o.position.set(0,0,3),e.current.add(o);var s=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t,i.beginPath(),i.arc(e,e,e-t,0,2*Math.PI),i.stroke();var a=new av._12(r.width,r.height),o=new av.vBJ({map:new av.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new av.Kj0(a,o)}(80,1,"#ADEBF1");s.position.set(0,0,4),e.current.add(s);var c=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t,i.beginPath(),i.arc(e,e,e-t,0,2*Math.PI),i.stroke();var a=new av._12(r.width,r.height),o=new av.vBJ({map:new av.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new av.Kj0(a,o)}(30,4,"#ADEBF1");return c.position.set(0,0,5),e.current.add(c),function(){var e,r;null===(e=t.current)||void 0===e||e.kill(),null===(r=n.current)||void 0===r||r.kill()}}),[]),e.current},gx=n.p+"images/5f19eee4.png",hx="data:image/png;base64,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",px="data:image/png;base64,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",vx="MapDisplay_container__7ObAW",xx="MapDisplay_switch__z3osn",yx="MapDisplay_topBox__uUgN8",Ax="MapDisplay_topBg__oqsK2",wx="MapDisplay_shine__zGL21",jx="MapDisplay_leftLine__yH-vW",bx="MapDisplay_rightLine__0kyh7",_x="MapDisplay_title__xCrUE",Dx="MapDisplay_leftBox__MfOJf",Mx="MapDisplay_item__6Z5-L",kx="MapDisplay_rightBox__mgnoV",Nx="MapDisplay_tooltip__+jQqL",Ex=0,Cx=-20,Sx=80,Px=0,Bx=6,Ix=0,Tx="#008170",Rx="#1AACAC",Fx="#005B41",Ox=function(){var e=(0,h.Z)(),t=d(),n=t.menuWidth,i=t.headHeight,a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=(0,r.useRef)(null),p=(0,r.useRef)(null),v=(0,r.useRef)(new av.iMs),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useState)(!0),w=(0,o.Z)(A,2),j=w[0],b=w[1],_=ix(c,"toBottom",.6),D=_.restart,M=_.reverse,k=ix(l,"toRight",.8,.5),N=k.restart,E=k.reverse,C=ix(u,"toLeft",.8,.5),S=C.restart,P=C.reverse,B=fx(),I=function(e){(new av.hH6).load("./public/json/ChinaMap.json",(function(t){!function(e,t){var n=new av.Tme,r=(0,rx.ZP)().center([104,37.5]).scale(80).translate([0,0]);e.features.forEach((function(e){var t=new av.Tme;e.geometry.coordinates.forEach((function(n){n.forEach((function(n){for(var i=new av.bnF,a=new av.u9r,s=[],c=0;c<n.length;c++){var l=r(n[c]),u=(0,o.Z)(l,2),d=u[0],m=u[1];0===c?i.moveTo(d,-m):i.lineTo(d,-m),s.push(new av.Pa4(d,-m,6))}a.setFromPoints(s);var f={depth:6,bevelEnabled:!1,bevelThickness:1,bevelSize:1,bevelOffset:0,bevelSegments:1},g=new av.O7d(i,f),h=new av.vBJ({color:Tx,transparent:!0,opacity:.95}),p=new av.vBJ({color:Rx,transparent:!0,opacity:.95}),v=new av.Kj0(g,[h,p]),x=new av.nls({color:"white"}),y=new av.x12(a,x);t.properties=e.properties,t.add(v),t.add(y)}))})),n.add(t)})),n.position.set(Px,Bx,Ix),t.add(n),g.current=n}(JSON.parse(t),e),B.scale.set(.32,.32,1),B.position.set(0,0,-8),e.add(B),p.current=B}))},T=(0,r.useCallback)((function(e){if(m.current){x.current||(x.current=new av.FM8);var t=e.clientX,r=e.clientY;new av.FM8&&(x.current.x=(t-n)/(window.innerWidth-n)*2-1),x.current.y=-(r-i)/(window.innerHeight-i)*2+1,m.current.style.left="".concat(t-n+4,"px"),m.current.style.top="".concat(r-i+4,"px")}}),[n,i]),R=sv(a,(function(e,t,n){if(a.current){e.background=(new av.dpR).load(gx),t.position.set(Ex,Cx,Sx);var r=new Av.z(t,n.domElement);f.current=r,r.enableDamping=!0,r.dampingFactor=.05,I(e)}}),null,(function(e,t){if(g.current&&x.current){var n,r,i;y.current&&(y.current.object.material[0].color.set(Tx),y.current.object.material[1].color.set(Rx),m.current&&(m.current.style.visibility="hidden")),y.current=null,v.current.setFromCamera(x.current,t);var a=v.current.intersectObjects(e.children,!0);y.current=a.find((function(e){return e.object.material&&2===e.object.material.length})),y.current&&null!==(n=y.current.object)&&void 0!==n&&null!==(r=n.parent)&&void 0!==r&&null!==(i=r.properties)&&void 0!==i&&i.name&&(y.current.object.material[0].color.set(Fx),y.current.object.material[1].color.set(Fx),function(){if(m.current)if(y.current){var e=y.current.object.parent.properties;m.current.textContent=e.name,m.current.style.visibility="visible"}else m.current.style.visibility="hidden"}())}var o;f.current&&(null===(o=f.current)||void 0===o||o.update())})),F=R.scene,O=R.resize;return(0,r.useLayoutEffect)((function(){O()}),[n]),(0,r.useEffect)((function(){return function(){mv(g.current,F),mv(p.current,F)}}),[]),(0,s.jsxs)("div",{className:vx,onMouseMove:T,ref:a,children:[(0,s.jsx)("div",{className:xx,onClick:function(){j?(M(),E(),P()):(D(),N(),S()),b(!j)},children:(0,s.jsx)(ps.Z,{})}),(0,s.jsxs)("div",{className:yx,ref:c,children:[(0,s.jsx)("img",{src:hx,alt:"",className:Ax}),(0,s.jsx)("img",{src:px,alt:"",className:wx}),(0,s.jsx)("div",{className:jx}),(0,s.jsx)("div",{className:bx}),(0,s.jsx)("div",{className:_x,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:Dx,ref:l,children:[(0,s.jsx)("div",{className:Mx,children:(0,s.jsx)(dx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Mx,children:(0,s.jsx)(dx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:kx,ref:u,children:[(0,s.jsx)("div",{className:Mx,children:(0,s.jsx)(dx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Mx,children:(0,s.jsx)(dx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsx)("div",{className:Nx,ref:m})]})},Zx=function(){function e(t,n){(0,Hf.Z)(this,e),this.resourceList=t,this.callback=n,this.textures={},this.createLoadingManager(),this.loadResources()}return(0,Vf.Z)(e,[{key:"createLoadingManager",value:function(){var e=this;this.manager=new av.lLk,this.manager.onLoad=function(){e.callback()}}},{key:"loadResources",value:function(){var e=this;this.textureLoader=new av.dpR(this.manager),this.resourceList.forEach((function(t){var n;null===(n=e.textureLoader)||void 0===n||n.load(t.url,(function(n){n.colorSpace="srgb",e.textures[t.name]=n}))}))}}]),e}(),Gx=Zx;function Qx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Lx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qx(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var zx=12,Hx=10,Vx=function(e){var t=e.title,n=void 0===t?"":t,i=e.lineWidth,a=void 0===i?1:i,o=e.lineColor,c=void 0===o?"#005A5A":o,l=e.highlightColor,u=void 0===l?"#41B1B4":l,m=e.style,f=void 0===m?{}:m,g=(0,h.Z)(),p=d().menuWidth,v=(0,r.useRef)(null),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useMemo)((function(){return Lx(Lx({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),j=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,i=n.height,a=1;t.beginPath(),t.moveTo(a,1),a=180,t.lineTo(a,1),a+=zx,t.lineTo(a,zx),a=r-54-54-zx,t.lineTo(a,zx),a+=6,t.lineTo(a,6),a+=54,t.lineTo(a,6),a+=6,t.lineTo(a,zx),a=r-e,t.lineTo(a,zx),t.lineTo(a,i-10),a-=10,t.lineTo(a,i-e),a=1,t.lineTo(a,i-e),t.closePath(),t.lineWidth=e}},b=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,i=y.current;i.clearRect(0,0,t,r),i.globalCompositeOperation="source-over";var o=a;if(A.current){j(o+=1),i.fillStyle=A.current?u:c,i.fill(),i.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+Hx,m=Math.floor(s/Hx),f=Math.floor(l/Hx);i.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(i.fillRect(s,l,t-s,Hx),l+=Hx,s=0):(i.fillRect(s,l,Hx,Hx),s+=Hx)}}i.globalCompositeOperation="source-over",j(o);var g=1;i.strokeStyle=A.current?u:c,i.stroke(),o=a+1,i.lineWidth=o,i.strokeStyle=u,i.beginPath(),g=1,i.moveTo(g,24),i.lineTo(g,1),g+=108,i.lineTo(g,1),i.stroke(),i.beginPath(),g=t-54-54,i.moveTo(g,zx),g=t-54-zx,i.lineTo(g,zx),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-10-o-4),i.lineTo(g,r-10-o),g-=10,i.lineTo(g,r-o),g-=4,i.lineTo(g,r-o),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-6),g=t-6,i.lineTo(g,r-o),i.stroke(),n&&(i.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),i.fillStyle=w.color,i.fillText(n,18,18+Number.parseInt(w.fontSize)))}};(0,r.useEffect)((function(){if(v.current&&x.current){var e=v.current,t=e.clientWidth,n=e.clientHeight;x.current.width=t,x.current.height=n,y.current=x.current.getContext("2d"),b()}}),[n,p]);return(0,s.jsxs)("div",{className:ax,style:w,onMouseEnter:function(){A.current=!0,b()},onMouseLeave:function(){A.current=!1,b()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:ox,style:{left:"".concat(18,"px"),right:"".concat(zx,"px"),top:"".concat(n?zx+Number.parseInt(w.fontSize)+6+20:18,"px"),bottom:"".concat(zx,"px")},children:e.children})]})},Ux=[{start:{name:"杭州",N:30.246026,E:120.210792},endArray:[{name:"曼谷",N:22,E:100.49074172973633},{name:"澳大利亚",N:-23.68477416688374,E:133.857421875},{name:"新疆维吾尔自治区",N:41.748,E:84.9023},{name:"德黑兰",N:35,E:51},{name:"美国",N:34.125447565116126,E:241.7431640625},{name:"英国",N:51.508742458803326,E:359.82421875},{name:"巴西",N:-9.96885060854611,E:668.1445312499999}]},{start:{name:"北京",N:39.89491,E:116.322056},endArray:[{name:"西藏",N:29.660361,E:91.132212},{name:"广西",N:22.830824,E:108.30616},{name:"江西",N:28.676493,E:115.892151},{name:"贵阳",N:26.647661,E:106.630153}]}];function Wx(e,t,n,r,i,a){var o,s,c,l,u,d,m,f,g,h,p,v,x,y,A,w=dv(e,t,n),j=new av.Pa4(w.x,w.y,w.z),b=dv(e,r,i),_=new av.Pa4(b.x,b.y,b.z),D=(o=j,s=_,c=new av.Pa4(0,0,0),l=o.clone().sub(c),u=s.clone().sub(c),d=l.clone().cross(u).normalize(),m=new av.Pa4(0,0,1),f=(new av._fP).setFromUnitVectors(d,m),g=o.clone().applyQuaternion(f),h=s.clone().applyQuaternion(f),p=g.clone().add(h).multiplyScalar(.5).clone().sub(c).normalize(),v=new av.Pa4(0,1,0),x=(new av._fP).setFromUnitVectors(p,v),y=g.clone().applyQuaternion(x),A=h.clone().applyQuaternion(x),{quaternion:f.clone().invert().multiply(x.clone().invert()),startPoint:y,endPoint:A}),M=function(e,t,n,r){var i=(new av.Pa4).addVectors(t,n).multiplyScalar(.5).clone().normalize(),a=Yx(t,n,new av.Pa4(0,0,0)),o=i.multiplyScalar(e+a*e*.2),s=(f=t,g=n,h=o,p=f.lengthSq(),v=g.lengthSq(),x=h.lengthSq(),y=f.x,A=f.y,w=g.x,j=g.y,b=h.x,_=h.y,D=y*j+w*_+b*A-y*_-w*A-b*j,M=(v*_+p*j+x*A-v*A-x*j-p*_)/D/2,k=(x*w+v*y+p*b-p*w-v*b-x*y)/D/2,new av.Pa4(M,k,0)),c=Math.abs(s.y-o.y),l=Yx(t,new av.Pa4(0,-1,0),s),u=-Math.PI/2+l,d=Math.PI-u,m=function(e,t,n,r,i,a){var o=new av.u9r,s=new av.T__(e,t,n,r,i,!1).getSpacedPoints(80);o.setFromPoints(s);var c=new av.nls({color:a||13731143});return new av.x12(o,c)}(s.x,s.y,c,u,d,r.color);var f,g,h,p,v,x,y,A,w,j,b,_,D,M,k;m.center=s,m.topCoord=o;var N=(d-u)/7,E=function(e,t,n,r){var i=new av.u9r,a=new av.T__(0,0,e,t,n,!1).getSpacedPoints(100);i.setFromPoints(a);for(var o=[],s=0;s<a.length;s++)o.push(s/a.length);var c=new av.TlE(new Float32Array(o),1);i.attributes.percent=c;for(var l=[],u=0;u<a.length;u++){var d=new av.Ilk(r),m=new av.Ilk(r),f=d.lerp(m,u/a.length);l.push(f.r,f.g,f.b)}i.attributes.color=new av.TlE(new Float32Array(l),3);var g=new av.UY4({size:1.3,transparent:!0,depthWrite:!1});g.onBeforeCompile=function(e){e.vertexShader=e.vertexShader.replace("void main() {",["attribute float percent;","void main() {"].join("\n")),e.vertexShader=e.vertexShader.replace("gl_PointSize = size;",["gl_PointSize = percent * size;"].join("\n"))};var h=new av.woe(i,g);return g.color=new av.Ilk(r),h.name="飞行线",h}(c,u,u+N,r.arrowColor);return E.position.y=s.y,m.add(E),E.flyEndAngle=d-u-N,E.startAngle=u,E.AngleZ=m.flyEndAngle*Math.random(),m.userData.flyLine=E,m}(e,D.startPoint,D.endPoint,a);return M.quaternion.multiply(D.quaternion),M}function Yx(e,t,n){var r=e.clone().sub(n).normalize(),i=t.clone().sub(n).normalize(),a=r.clone().dot(i);return Math.acos(a)}var Jx,qx=n.p+"images/2dcea622.jpeg",Kx="EarthDisplay_container__4U+r3",Xx="EarthDisplay_switch__MeMaf",$x="EarthDisplay_topBox__eXAVn",ey="EarthDisplay_topBg__AEJ4Q",ty="EarthDisplay_shine__nttCS",ny="EarthDisplay_leftLine__xIETp",ry="EarthDisplay_rightLine__-mYRS",iy="EarthDisplay_title__LMxWi",ay="EarthDisplay_leftBox__ZIQuQ",oy="EarthDisplay_item__BQN2V",sy="EarthDisplay_rightBox__1vsKa",cy=0,ly=20,uy=110,dy=50,my=14942335,fy=16777215,gy=15310696,hy={color:15969910,arrowColor:16742164,speed:.005},py={glowColor:{value:new av.Ilk(4305332)},scale:{type:"f",value:-1},bias:{type:"f",value:1},power:{type:"f",value:3.3},time:{type:"f",value:100},isHover:{value:!1},map:{value:null}},vy=[{name:"radialGradient",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAuoLY6MTP/O/2ZFXgc0aPr5o3pSgZDC0CTJMAABUlSURBVHja7F2LdqO4EpzED4HjxHEyMf//pxtAj+qXAIONmHtFJjuZ2d1zqlRd3Wpk6c+f/49Vxq1/4tfv8z8CO4wfeNovP/5ZIgL0X7xx/O2e/lv3qx09Gf8WDwR6h9oYiRsvh38GvZ/xML7a56v71Y3+h+4vkIntkxCxh0lPmNvxwf7p2RAkbB49IP9oHxxv5KeWiw8visTCBkkI4Mm0I+o3MQgVKIYNcoDww7xH7MODstBKoUsRW6HAo09TL5CfzPF24iwkJfxsgwMx9wiewX1vn/7r96FMYFQgB4VTECc/gWfYW7y5AUygFLYhgyR9il6D/vr+iuO9/dJ4iBx8BRKKpUDAV8G/MuRyJCJINFAZlEcBwv8g8CN4hH55vVy6b2G89g9n4QQsBBmUSAGEfkSPUx+wI+TL5ar+kGiILNBYKI8CdD4i/aB6iv16uZoDSAksUA4gFFoKinH+NPsUfVB8wJ7G9/U7jvYHQgPhQKcgqKAU+H/T7Iu5J+ARuDoYC0BC4AApWDsOvPrZ7HPwAXscn9+fyvj9Y8YCkhA5CIZYQhwQ70P07xE9w/6pjheVhz4uEgfFURCD/4PBj5OP4BNaewATKAUqAxIIK1oBUT8X/4XBV7Ef+qf9xolAEqQMEgUrigC938OPsx/QI/iXTwSujhekQuXg1aDg+Qx488fgF5OP6C3kR/iORJCICBx0RYJGwfNFIOGfAD5BL7D/oj3q43BEKjwNSQgoA0/BWiIA/DT2EX6aeph4iXqnEhFI0DlQKOhF8Dz5B/MX6kf4YfL9xHPgOzIoE4wDGgk9BSoDt1Xkn4N/YPA5bjGQCKGDAQqewkDAb8Nn0k/Y0zi3T//lv3WPQgPXgaCAMfDwMCDyT+ZHZx+Vz+e9RZwbwAONBknBK6UgeOHz5h/hX/jsg+Ul8HTs4dFJ8EKArOApSG5IRPBwI+Duj9Nvzj6f+A6xPggTVAdcBVIETzAChp9Ef4IvwO8A+qiR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"},{name:"earth",url:qx},{name:"glow",url:mx},{name:"aperture",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMATYAwKw0fNEZCFxEJBSNSPjomG1Z+FNVKendqYlllqXBfXM7BnJD1xZfu6OWuiN27n6FhHfh+AAANhUlEQVR42uxa2XabMBSUIyH2HQNe66RplqZNt///t54DInAHmdrGxt3mqWlThHRn5o4k2H/8S/A9w3VSGQQydVzD89mfBs9JzMi2yhmgtOzITByP/QFwpYhhAn2UsZAu+23hS27PjoDN5W9INi+IZycgDn4rnrlBNNPCsqPY5EJwM45sa6ZFFPwmLMtFpGFNkCuXAhfLAw3/IpGzK8NLbHwpHri/riCPcOrJNTlmCEKXkkv3GH/jJaGhMNh1YIiSvEd+Ai3JSpRXmYrLu8QQ+ekS65KTTy38nHdUkYwc3U06iuFT6t4x24FN5/d84gHwOKzf2WvMJ3EwaQOjL6A6W7JLw+PHeIxvOFLwOOZCOoZ/iA9OVRRpvbnt0Ei+w6277W5xQ7DYbe8s7gxNyBNvA1yyKMabJPf3YUfY2epmEKvMFs7+rPAm+ot1lcBqhnD3FCIJbw5GmPh7tGI2RQnYJWD84vm+COc3R2EeCn9gxS5UlBQejtwOF733XO5W29ssLG27DLPb7Wq37M10EQpvcNFSdmYkQ8aYzpYwh7XFc323sNYwm+UsHTL5hJ0VYsAVUyqM7cxM/UFPTs3ZlsolHfB5wc4IVelIM6AMu5XY6HxAr+hNtzKh1CxQpLjMzgb1RO73ZZl1+J4dp03DzDq6yoJ+6bhav3M1c2tfjZOsZXrIjROckIeturJkH6Mt7ywRaJ/qnM1Ng11knOzq0e6mwcbZ5zHuGWxXPUoyQPzGi1XssxHw49UbO2MGkGr40TYcqISY4wB3zeBrzkaDr28U7iQatsqRI7u83ENSu7GcW3Emf79tjM/eI9FRITLX20awbqaR/EIAktvh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"},{name:"lightColumn",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAD/CAMAAABb2Q/2AAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAO3RSTlMABQoPExgdISgxJTYsQDtTRUr+9vpOWXJdaWVhgIx2om2n6oiWmYTKr5G68J22eqvBfeHZ5c++1LPdxUM4ZWUAAAZvSURBVGjerdrZdpswFAXQmnk0EMB4Ajwbz2Mc1///Yb0SuLg1km66mtfsdRBXRyIP+fH205IURZZa7794h7KqKZKEkrqFCgVpOSpOKoaJljZWOm1VwUnTRUv7/0sbvc62r2FlgJOy0o6x0kVL30NJiUh0ZkfHZuLXGWj/PTNArzPu68hMr4/MVEGqMlJaWNkDKWGukM4IK70uTipq3NVBthASMoWb1CJS644cIoG2OJDIQUYlm4KDH7mWxDJoKfX+3iSyooxEMqRSyhVlJFJp9YY2SGZoiyGZkMh+YtPRN4eWDqQCckSl1CoxIxKkQTMVSWp+pyeUQY4WbSqftuG9S+kkqWupitwkgdZSe5VSo5SeMgOpiaWqmfuVb1BZUUbkU6pyHdokJSJPs0AoZcjU7WRBMhWgQjnkSqmW2dB3ailx5HAW1FJqzJRLOd3Gjo6R7cVTym+y9aecbr1KCjLdae7hMt0090yupBAq/yLld1lHapa7WMVEElqNnimnr1JiS3+Rxqal8aVCZZp3+FJ+ylnRBalSyperA1IGM7ScFwNbIJXvSSOY3/u2QaTSIKVXudp2uVIupW7Eq3kHLetMmSu3RQ8p8/XoVQJtGieVu55A0lfXHY9m6iqhQpkg5fhNtljySKSGkPNxry2SKpGdec6VciUtIvtIOV5nbQekypLKUx4ep1rKHNk9PPZIWdRSEcmTi5KDYjl0HatZSn/IO1Kag/E9E0m1kkVSSlUg++Mic02UvD8WCKkbZn/3ORVLrZSLb0kdIdf06brGkspT9tZf6T9KiSmL25Aj5Ve5Bml8VyqNUn2u8zP1cfJ2mQmlRuToeJnRp2v/TdpE+jaVKk86IH8iZfJAy/UjRcrdkUhLIC0iH1j5uMwDnFyec7TcBrYjkDrIrJI6RuYYaYK8YqRh2vvP61gkNSpPy69t0EbI9pDK+iDx5GUbU6kJ5OIyKQKc/LnZ4TKnZ5R0zHZ63qxxmatreItdkbQM011NwqPHk1WVcJIWxJ2dJzuQDl5aukjOr5O159oYOYmWT6ny5Sb6xMktSkI9fSp9jMw30VcHpCGW4QeRpki2vyM34bITtHmSFqSSPkaO8TKMvujT4WZiSZ3IYBx+XLoI6WKljZVOJQccqbxJhyeNSv4cBLRMfBnDPD8HMVIuqTQwmRjpx7BHF5GkVYoP8EZ9DyG9UkJBOdJ6le3/JB2okleA7OFlWVBmQ0C6IDfhF5UOS2oaLUjnXkqXJ+kWUTnCyTA6j7qwSSxJBw+yew8/zgmVhqaxpe91d7XUEXIQ+zRTZUnYokEpq41XBPKaVZKb2aeSbDxb0hukAzK8iCSMs5J72CS+hMzeGuSJSJsnYfAgP64nsp0Mqfwhh1Q6fDkqZTcWy1v4McHIAZWLpC5Tk4QqeThJNzP5jgzPC6iISPaTI8gpXxovstx4kYR1iiUUJDtGONnLHiDTPU/qpdx/W9KCsiQUuTuicnXqieWJyqFIxiCXYXRd0YIypUPlcBmGRMJHli+TWvIzB8liCeucLWiV2dKv5Ga2SKjUm6RGpFfJOZRJIPsZXk5LmdF7kSVJ6fbTz0p6bGnWcgu140lakPQzjCbbVCxPIEOBtF5kXhaUKeH2HA1XX7DOfLXvYeWJL6EgtewEzVKt5GJG5LiqcrM0XuWsklqjpKWjMgQ5EshsSjMPAul7IOdfUbQ5zKHKIC2uvEThBGTCl1C6LchNQWTMlynIj7DYTkG6PLmv5YAre/vVU2YCeVrlP4nMsfKep3A8GFIH2flL2oxMUuThbFzJfZ8ldQfkiMpos8tXWDkm0ufJxfwpT0J5OMM61wcoPUiDKRMiP4ic8WU3mW6pvEFBhbI4RyALjLxSOYfSs2VM5P0KTz9CQblykKQ5kdHxLpIZkVEUVrLNkC6VOyIf9y3IgCHNV7mD0nPlfjXekXUudzkcJLb0+iDXE5ycVXItkqdapgypUNk7zQ63/y2Hv+U4zVjSKmVxm8A8P29COS+Ov+WgUcog/VouK+nwJawTl0nlmitdpNRrWc8TLW2OpJOvukROh6pITZ33+q8STodpNUgFZFz2k3SenCPPfZctkOT+pKeDyCO5Q0CW/3vyJu3qZgC5Jrdi7Dram6xGT+9kuEOie135Ur4dOfLlOoOsLjCr/rzXki6U/nVBvkf0c1Qu809Z9w4+8GeYUnrqkWm+LvMXnJRTlwruvBIAAAAASUVORK5CYII="}],xy=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)([]),g=(0,r.useRef)([]),p=(0,r.useState)(!0),v=(0,o.Z)(p,2),x=v[0],y=v[1],A=ix(i,"toBottom",.6),w=A.restart,j=A.reverse,b=ix(a,"toRight",.8,.5),_=b.restart,D=b.reverse,M=ix(c,"toLeft",.8,.5),k=M.restart,N=M.reverse,E=function(e,t){var n,r,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=new av.Tme,o=new av._12(1,1),s=new av.vBJ({color:16711680,map:null===(n=u.current)||void 0===n?void 0:n.textures.aperture,transparent:!0,opacity:1,depthWrite:!1}),c=new av.Kj0(o,s),l=dv(50.05,e,t),d=2.5;c.scale.set(d,d,d),c.position.set(l.x,l.y,l.z);var m=l.clone().normalize();c.quaternion.setFromUnitVectors(new av.Pa4(0,0,1),m),a.add(c);var g=s.clone();g.color=new av.Ilk(gy);var h=new av.Kj0(o,g);h.scale.set(6,6,6),h.userData={size:6,scale:1*Math.random()},h.position.set(l.x,l.y,l.z),h.position.copy(c.position),h.quaternion.copy(c.quaternion),a.add(h),f.current.push(h);var p=new av.Tme,v=12.5,x=new av._12(2.5,v);x.rotateX(Math.PI/2),x.translate(0,0,v/2);var y=new av.vBJ({map:null===(r=u.current)||void 0===r?void 0:r.textures.lightColumn,color:i?my:fy,side:av.ehD,depthWrite:!1}),A=new av.Kj0(x,y);p.add(A,A.clone().rotateZ(Math.PI/2));var w=dv(dy,e,t);return p.position.set(w.x,w.y,w.z),p.quaternion.setFromUnitVectors(new av.Pa4(0,0,1),w.clone().normalize()),a.add(p),a},C=function(e,t,n){var r=document.createElement("canvas"),i=$e(n,20,500);r.width=i+32,r.height=36;var a=r.getContext("2d");a.fillStyle="#41B1B460",a.fillRect(0,0,r.width,r.height),a.font="".concat(500," ").concat(20,"px SourceHanSansCN-Bold"),a.strokeStyle="#ffffff",a.strokeText(n,16,26);var o=new av.xeV({map:new av.ROQ(r),transparent:!0}),s=new av.jyi(o);s.scale.set(.1*r.width,.1*r.height,1);var c=dv(50.05,e,t);return s.position.set(1.1*c.x,1.1*c.y,1.1*c.z),s},S=sv(n,(function(e,t,r){n.current&&(u.current=new Gx(vy,(function(){e.background=(new av.dpR).load(gx),t.position.set(cy,ly,uy),function(e){for(var t,n=[],r=0;r<500;r++){var i=800*Math.random()-300,a=800*Math.random()-300,o=800*Math.random()-300;n.push(i,a,o)}var s=new av.u9r;s.setAttribute("position",new av.TlE(new Float32Array(n),3));var c=new av.UY4({size:2,sizeAttenuation:!0,color:4305332,transparent:!0,opacity:1,map:null===(t=u.current)||void 0===t?void 0:t.textures.radialGradient}),l=new av.woe(s,c);e.add(l)}(e),function(e){var t,n,r,i=new av.Tme,a=new av.xo$(dy,50,50);null!==(t=u.current)&&void 0!==t&&null!==(n=t.textures)&&void 0!==n&&n.earth&&(py.map.value=u.current.textures.earth);var o=new av.jyz({uniforms:py,vertexShader:"varying vec2 vUv;\r\nvarying vec3 vNormal;\r\nvarying vec3 vp;\r\nvarying vec3 vPositionNormal;\r\nvoid main(void){\r\n  vUv = uv;\r\n  vNormal = normalize( normalMatrix * normal ); // 转换到视图空间\r\n  vp = position;\r\n  vPositionNormal = normalize(( modelViewMatrix * vec4(position, 1.0) ).xyz);\r\n  gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\r\n}",fragmentShader:"uniform vec3 glowColor;\r\nuniform float bias;\r\nuniform float power;\r\nuniform float time;\r\nvarying vec3 vp;\r\nvarying vec3 vNormal;\r\nvarying vec3 vPositionNormal;\r\nuniform float scale;\r\n// 获取纹理\r\nuniform sampler2D map;\r\n// 纹理坐标\r\nvarying vec2 vUv;\r\n\r\nvoid main(void){\r\n  float a = pow( bias + scale * abs(dot(vNormal, vPositionNormal)), power );\r\n  if(vp.y > time && vp.y < time + 20.0) {\r\n    float t =  smoothstep(0.0, 0.8,  (1.0 - abs(0.5 - (vp.y - time) / 20.0)) / 3.0  );\r\n    gl_FragColor = mix(gl_FragColor, vec4(glowColor, 1.0), t * t );\r\n  }\r\n  gl_FragColor = mix(gl_FragColor, vec4( glowColor, 1.0 ), a) + texture2D( map, vUv );\r\n}"});o.needsUpdate=!0;var s=new av.Kj0(a,o);s.name="earth",i.add(s);var c=new av.xo$(60,60,60),l=new av.UY4({color:8519679,transparent:!0,sizeAttenuation:!0,opacity:.1,vertexColors:!1,size:.01}),d=new av.woe(c,l);i.add(d);var f=new av.xeV({map:null===(r=u.current)||void 0===r?void 0:r.textures.glow}),g=new av.jyi(f);g.scale.set(150,150,1),i.add(g),e.add(i),m.current=i}(e),Ux.forEach((function(e){var t,n,r=E(e.start.E,e.start.N,!0);null===(t=m.current)||void 0===t||t.add(r);var i=C(e.start.E,e.start.N,e.start.name);null===(n=m.current)||void 0===n||n.add(i),e.endArray.forEach((function(e){var t,n,r=E(e.E,e.N);null===(t=m.current)||void 0===t||t.add(r);var i=C(e.E,e.N,e.name);null===(n=m.current)||void 0===n||n.add(i)}))})),Ux.forEach((function(e){e.endArray.forEach((function(t){var n,r=Wx(dy,e.start.E,e.start.N,t.E,t.N,hy);null===(n=m.current)||void 0===n||n.add(r),g.current.push(r.userData.flyLine)}))}));var n=new Av.z(t,r.domElement);l.current=n,n.autoRotate=!0,n.autoRotateSpeed=1,n.enableDamping=!0,n.dampingFactor=.1})))}),null,(function(){var e;(f.current.forEach((function(e){e.userData.scale=e.userData.scale+.01;var t=e.userData.size*e.userData.scale;e.scale.set(t,t,t),t<=9?e.material.opacity=Math.max((t-6)/6*.5,1):t>9&&t<=12?e.material.opacity=Math.min(1-(t-6)/6*.3,0):e.userData.scale=1})),g.current.forEach((function(e){e.rotation.z+=hy.speed,e.rotation.z>=e.flyEndAngle&&(e.rotation.z=0)})),py.time.value=py.time.value<-100?100:py.time.value-1,l.current)&&(null===(e=l.current)||void 0===e||e.update())})),P=S.scene,B=S.resize;return(0,r.useLayoutEffect)((function(){B()}),[t]),(0,r.useEffect)((function(){return function(){mv(m.current,P)}}),[]),(0,s.jsxs)("div",{className:Kx,ref:n,children:[(0,s.jsx)("div",{className:Xx,onClick:function(){x?(j(),D(),N()):(w(),_(),k()),y(!x)},children:(0,s.jsx)(ps.Z,{})}),(0,s.jsxs)("div",{className:$x,ref:i,children:[(0,s.jsx)("img",{src:hx,alt:"",className:ey}),(0,s.jsx)("img",{src:px,alt:"",className:ty}),(0,s.jsx)("div",{className:ny}),(0,s.jsx)("div",{className:ry}),(0,s.jsx)("div",{className:iy,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:ay,ref:a,children:[(0,s.jsx)("div",{className:oy,children:(0,s.jsx)(Vx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:oy,children:(0,s.jsx)(Vx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:sy,ref:c,children:[(0,s.jsx)("div",{className:oy,children:(0,s.jsx)(Vx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:oy,children:(0,s.jsx)(Vx,{children:e.formatMessage({id:"common.customizeContent"})})})]})]})},yy=n(96064),Ay="HumanPostureDetection_container__lUe7Z",wy="HumanPostureDetection_content__LwYrZ";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Jx||(Jx={}));var jy,by=Math.floor(.55*window.screen.width),_y=Math.floor(.55*window.screen.height),Dy=by%2==0?by:by+1,My=_y%2==0?_y:_y+1,ky=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)(Jx.ready),c=(0,o.Z)(a,2),l=c[0],u=c[1],d=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=function(e,t,n,r,i){i.beginPath(),i.arc(e,t,n,0,2*Math.PI),i.fillStyle=r,i.fill()},p=function(){var e=(0,Yc.Z)(qc().mark((function e(){var r,i,a,s;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n.current&&t.current&&m.current)){e.next=13;break}if(t.current.srcObject){e.next=3;break}return e.abrupt("return");case 3:return m.current.drawImage(t.current,0,0,Dy,My),i=m.current.getImageData(0,0,Dy,My),e.next=7,n.current.estimatePoses(i,{flipHorizontal:!1,maxPoses:1,scoreThreshold:.5,nmsRadius:20});case 7:a=e.sent,(s=(null===(r=a[0])||void 0===r?void 0:r.keypoints)||[]).forEach((function(e){var t=e.x,n=e.y;e.score>.5&&g(t,n,6,"#f00000",m.current)})),yy.D5.getAdjacentPairs(yy.oV.PoseNet).forEach((function(e){var t,n,r,i,a,c,l,u,d,f,g,h=(0,o.Z)(e,2),p=h[0],v=h[1];if(s&&s.length>=2){var x=s[p],y=s[v],A=null!=x.score?x.score:0,w=null!=y.score?y.score:0;A>=.5&&w>=.5&&(t=[x.x,x.y],n=[y.x,y.y],r="aqua",i=1,a=m.current,c=(0,o.Z)(t,2),l=c[0],u=c[1],d=(0,o.Z)(n,2),f=d[0],g=d[1],a.beginPath(),a.moveTo(l*i,u*i),a.lineTo(f*i,g*i),a.lineWidth=4,a.strokeStyle=r,a.stroke())}})),f.current=window.setTimeout((function(){p()}),50);case 13:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),v=function(){var r=(0,Yc.Z)(qc().mark((function r(){var a;return qc().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:i.current&&n.current?l===Jx.inRecording?(t.current&&(t.current.srcObject=null),f.current&&(window.clearTimeout(f.current),f.current=null),u(Jx.ready),setTimeout((function(){var e;m.current&&(null===(e=m.current)||void 0===e||e.clearRect(0,0,Dy,My))}),50)):(t.current&&(t.current.srcObject=i.current,p()),u(Jx.inRecording)):t.current&&(a={audio:!1,video:{width:Dy,height:My,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(a).then(function(){var e=(0,Yc.Z)(qc().mark((function e(r){var a,o;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.current&&r&&(i.current=r),!t.current||!i.current){e.next=9;break}return t.current.srcObject=i.current,a=yy.oV.PoseNet,e.next=6,yy.cH(a,{modelType:"full"});case 6:o=e.sent,n.current=o,p();case 9:u(Jx.inRecording);case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(t){t.message&&t.message.includes("not found")?$c.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):t.message&&t.message.includes("Invalid architecture full")?$c.ZP.error(t.message):$c.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"})));case 1:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}();return(0,r.useEffect)((function(){!function(){if(d.current){d.current.width=Dy,d.current.height=My;var e=d.current.getContext("2d");m.current=e}}()}),[]),(0,s.jsxs)("div",{className:Ay,children:[(0,s.jsx)(Or,{intlTitle:"page.AIApplication.humanPostureDetection"}),(0,s.jsxs)("div",{className:wy,style:{width:"".concat(Dy,"px"),height:"".concat(My,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(Dy,"px"),height:"".concat(My,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)("canvas",{ref:d,children:e.formatMessage({id:"common.browserTooLow"})})]}),(0,s.jsx)(oe.Z,{type:"primary",onClick:v,children:l===Jx.inRecording?e.formatMessage({id:"common.end"}):e.formatMessage({id:"common.start"})})]})},Ny="NotBlockPeopleBarrage_container__SwTln",Ey="NotBlockPeopleBarrage_content__NbVjJ",Cy="NotBlockPeopleBarrage_barrageBox__wNLFF",Sy="NotBlockPeopleBarrage_bottomBox__C90UC";!function(e){e[e.ready=0]="ready",e[e.playing=1]="playing",e[e.pause=2]="pause"}(jy||(jy={}));var Py,By=324,Iy=576,Ty=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(""),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useState)(jy.ready),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useRef)(null),p=(0,r.useRef)(null),v=function(){var e=(0,Yc.Z)(qc().mark((function e(){var r,i,a,o,s,c,l,u;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.current||!n.current){e.next=18;break}if(!(r=bl(t.current,By,Iy))){e.next=18;break}return i={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=6,g.current.segmentPeople(r,i);case 6:return a=e.sent,o={r:0,g:0,b:0,a:0},s={r:0,g:0,b:0,a:255},e.next=11,Sd.wX(a,o,s,false,.3);case 11:c=e.sent,l=wl(c),n.current.style["-webkit-mask-image"]="url(".concat(l,")"),n.current.style["-webkit-mask-size"]="".concat(By,"px ").concat(Iy,"px"),(u=n.current.children)&&u.length>0&&Array.prototype.forEach.call(u,(function(e){if(e.style.left<-324){var t;null===(t=n.current)||void 0===t||t.removeChild(e)}else{var r=e.style.left;e.style.left="".concat(Number(r.substring(0,r.length-2))-2,"px")}})),p.current=window.requestAnimationFrame(v);case 18:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),x=function(){if(c){if(n.current){var t=document.createElement("span");t.innerText=c,t.style.fontSize="".concat(20,"px"),t.style.fontWeight="500",t.style.color="#fff",t.style.whiteSpace="nowrap",t.style.position="absolute";var r=24*Math.floor(10*Math.random())+20;t.style.top="".concat(r,"px"),t.style.left="".concat(By,"px"),n.current.appendChild(t)}else $c.ZP.warning(e.formatMessage({id:"common.tryingToLoad"}));l("")}},y=function(){var e=(0,Yc.Z)(qc().mark((function e(){var n,r,i;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.current){e.next=9;break}return t.current.oncanplay=function(){var e;t.current&&(null===(e=t.current)||void 0===e?void 0:e.readyState)===t.current.HAVE_ENOUGH_DATA&&g.current&&(f(jy.playing),t.current.play(),v())},n=Sd.oV.MediaPipeSelfieSegmentation,r={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},e.next=6,Sd.N7(n,r);case 6:i=e.sent,g.current=i,m===jy.ready&&(f(jy.playing),t.current.play(),v());case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,r.useEffect)((function(){return y(),function(){p.current&&cancelAnimationFrame(p.current)}}),[]),(0,s.jsxs)("div",{className:Ny,children:[(0,s.jsxs)("div",{className:Ey,style:{width:"".concat(By,"px"),height:"".concat(Iy,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(By,"px"),height:"".concat(Iy,"px")},muted:!1,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t,children:(0,s.jsx)("source",{src:"public/dance.mp4"})}),(0,s.jsx)("div",{className:Cy,ref:n}),m!==jy.ready&&(0,s.jsx)(oe.Z,{type:"primary",ghost:!0,onClick:function(){t.current&&(m===jy.playing?(f(jy.pause),t.current.pause()):(f(jy.playing),t.current.play()))},children:m===jy.playing?e.formatMessage({id:"common.pause"}):e.formatMessage({id:"common.play"})})]}),(0,s.jsxs)("div",{className:Sy,children:[(0,s.jsx)(Zu.Z,{placeholder:e.formatMessage({id:"page.AIApplication.sendBarrage"}),value:c,maxLength:20,onChange:function(e){return l(e.target.value||"")},onKeyDown:function(e){"Enter"===(null==e?void 0:e.key)&&x()}}),(0,s.jsx)(oe.Z,{type:"primary",onClick:x,children:e.formatMessage({id:"page.AIApplication.send"})})]})]})},Ry="Tabs_container__19GNQ",Fy=function(e){var t=e.data,n=void 0===t?[]:t,r=e.selectedTabId,i=e.onChange,a=e.className;return(0,s.jsx)("div",{className:"".concat(Ry).concat(a?" ".concat(a):""),children:n.map((function(e){return(0,s.jsx)("div",{className:"tabs-tabItem ".concat(r===e.id?"active":""),onClick:function(){i&&i(e.id)},children:e.label},e.id)}))})},Oy="ImageProcessingTool_container__WAkOX",Zy="ImageProcessingTool_content__nCEwY",Gy="ImageProcessingTool_tabs__lU6sy",Qy="ImageProcessingTool_imgBox__xANeR",Ly="ImageProcessingTool_fileBox__Evibs",zy="ImageProcessingTool_fileInfo__zFv8M",Hy="ImageProcessingTool_item__FSSP-",Vy="ImageProcessingTool_emptyBox__GhkSM",Uy="ImageProcessingTool_uploadBtn__jbITo",Wy="ImageProcessingTool_text__NoL1R",Yy="ImageProcessingTool_tips__7DkHP",Jy="ImageProcessingTool_tip__dYcLC",qy="ImageProcessingTool_operationBtns__uCE1C",Ky="ImageProcessingTool_left__ohBzm",Xy="ImageProcessingTool_operationBtn__+5IT6",$y="ImageProcessingTool_right__UDKib",eA=function(e){var t=e.imgInfo,n=e.imgDragOver,r=e.onDragOver,i=e.onDragLeave,a=e.onDrop,o=(0,h.Z)();return(0,s.jsx)("div",{className:Qy,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:i,onDrop:a,children:(0,s.jsxs)("div",{className:Ly,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:zy,children:[(0,s.jsxs)("div",{className:Hy,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:Hy,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:Hy,children:[o.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):o.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:Hy,children:[o.formatMessage({id:"common.size"}),"：",pl(t.size)]})]})]})})},tA={flipSideToSideStatus:{doing:!1,imageData:null},flipUpsideDownStatus:{doing:!1,imageData:null},leftRotateStatus:{doing:!1,imageData:null},rightRotateStatus:{doing:!1,imageData:null},toGreyStatus:{doing:!1,imageData:null},toBlackAndWhiteStatus:{doing:!1,imageData:null},sharpenStatus:{doing:!1,imageData:null},marginSharpenStatus:{doing:!1,imageData:null},toOppositeStatus:{doing:!1,imageData:null},toRedStatus:{doing:!1,imageData:null},toGreenStatus:{doing:!1,imageData:null},toBlueStatus:{doing:!1,imageData:null},toRedAndGreenStatus:{doing:!1,imageData:null},toRedAndBlueStatus:{doing:!1,imageData:null},toBlueAndGreenStatus:{doing:!1,imageData:null},toRedAndGreyStatus:{doing:!1,imageData:null},toGreenAndGreyStatus:{doing:!1,imageData:null},toBlueAndGreyStatus:{doing:!1,imageData:null},toGaussianBlurStatus:{doing:!1,imageData:null},jpgToPngStatus:{doing:!1,imageData:null},pngToJpgStatus:{doing:!1,imageData:null}},nA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,o=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,h.Z)(),d=(0,r.useRef)((0,hl.Z)(tA)),m=function(e,r,i){if(e&&e.imageData)n(e.imageData);else{if(e.doing)return void $c.ZP.warning(u.formatMessage({id:"common.workHard"}));if(null!=t&&t.imageData){e.doing=!0;var a=t.imageData;r===nm&&(a=(0,hl.Z)(a));var o=r(a);o?(e.imageData=o,n(o,i)):$c.ZP.error(u.formatMessage({id:"common.operationFailure"})),e.doing=!1}}};return(0,r.useEffect)((function(){d.current=(0,hl.Z)(tA)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:o,onDrop:c}),(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.flipSideToSideStatus,Od)},children:u.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.flipUpsideDownStatus,Zd)},children:u.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.leftRotateStatus,Gd)},children:u.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.rightRotateStatus,Qd)},children:u.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toGreyStatus,Ld)},children:u.formatMessage({id:"common.graying"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toBlackAndWhiteStatus,zd)},children:u.formatMessage({id:"common.vampix"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.sharpenStatus,em)},children:u.formatMessage({id:"page.imageProcessingTool.shmpch"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.marginSharpenStatus,tm)},children:u.formatMessage({id:"page.imageProcessingTool.edgeSharpening"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toOppositeStatus,Hd)},children:u.formatMessage({id:"page.imageProcessingTool.filterContrast"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toRedStatus,Vd)},children:u.formatMessage({id:"page.imageProcessingTool.redFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toGreenStatus,Ud)},children:u.formatMessage({id:"page.imageProcessingTool.greenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toBlueStatus,Wd)},children:u.formatMessage({id:"page.imageProcessingTool.blueFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toRedAndGreenStatus,Yd)},children:u.formatMessage({id:"page.imageProcessingTool.redGreenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toRedAndBlueStatus,Jd)},children:u.formatMessage({id:"page.imageProcessingTool.redBlueFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toBlueAndGreenStatus,qd)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toRedAndGreyStatus,Kd)},children:u.formatMessage({id:"page.imageProcessingTool.redGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toGreenAndGreyStatus,Xd)},children:u.formatMessage({id:"page.imageProcessingTool.greenGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toBlueAndGreyStatus,$d)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toGaussianBlurStatus,nm)},children:u.formatMessage({id:"page.imageProcessingTool.gaussianBlur"})}),["JPG","JPEG"].includes(t.fileType)&&(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.jpgToPngStatus,rm,"PNG")},children:u.formatMessage({id:"page.imageProcessingTool.jpgToPng"})}),"PNG"===t.fileType&&(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.pngToJpgStatus,im,"JPEG")},children:u.formatMessage({id:"page.imageProcessingTool.pngToJpg"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})},rA=n(62327),iA="RectSelect_container__NRGSf",aA="RectSelect_imgBox__Eht8b",oA="RectSelect_content__Oqfay",sA="RectSelect_leftBox__fnaRf",cA="RectSelect_img1__uK-Ip",lA="RectSelect_img2__gx56-",uA="RectSelect_mask__dh-Ij",dA="RectSelect_clipBox__jD4yw",mA="RectSelect_dot__wL+4K",fA="RectSelect_leftUp__UPsGg",gA="RectSelect_up__iPqcg",hA="RectSelect_rightUp__fbUgr",pA="RectSelect_right__HXwDY",vA="RectSelect_rightDown__vHPOv",xA="RectSelect_down__x6Tgo",yA="RectSelect_leftDown__JVMR9",AA="RectSelect_left__frsug",wA="RectSelect_operationBtns__b-UEE",jA="RectSelect_operationBtn__tFBfu";!function(e){e[e.leftUp=0]="leftUp",e[e.up=1]="up",e[e.rightUp=2]="rightUp",e[e.right=3]="right",e[e.rightDown=4]="rightDown",e[e.down=5]="down",e[e.leftDown=6]="leftDown",e[e.left=7]="left"}(Py||(Py={}));var bA=10,_A=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,m=e.type,f=(0,h.Z)(),g=d(),p=g.scrollTop,v=g.locale,x=(0,r.useState)(!1),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(!1),b=(0,o.Z)(j,2),_=b[0],D=b[1],M=(0,r.useState)(10),k=(0,o.Z)(M,2),N=k[0],E=k[1],C=(0,r.useRef)(!1),S=(0,r.useRef)(null),P=Math.max(Math.floor(t.width/2),bA),B=Math.max(Math.floor(t.height/2),bA),I=(0,r.useState)(P),T=(0,o.Z)(I,2),R=T[0],F=T[1],O=(0,r.useState)(B),Z=(0,o.Z)(O,2),G=Z[0],Q=Z[1],L=(0,r.useState)(0),z=(0,o.Z)(L,2),H=z[0],V=z[1],U=(0,r.useState)(0),W=(0,o.Z)(U,2),J=W[0],q=W[1],K=(0,r.useRef)(!1),X=(0,r.useRef)(!1),$=(0,r.useRef)(null),ee=(0,r.useRef)(null),te=(0,r.useRef)(0),ne=(0,r.useRef)(0),re=(0,r.useRef)(0),ie=(0,r.useRef)(0),ae=(0,r.useRef)(0),se=(0,r.useRef)(0),ce=(0,r.useRef)(),le=function(e){for(var t=e.offsetLeft,n=e.offsetTop,r=e.offsetParent;null!=r;)t+=r.offsetLeft,n+=r.offsetTop,r=r.offsetParent;return{left:t,top:n}},ue=function(e){var t=e.clientX,n=Y.findDOMNode(ee.current),r=le(n).left,i=r+te.current;t>i?t=i:t<r&&(t=r);var a=Y.findDOMNode(S.current),o=R-2,s=t-o-le(a).left;F(Math.max(Math.floor(o+s),bA))},de=function(e){var t=e.clientY+p,n=Y.findDOMNode(ee.current),r=le(n).top,i=Y.findDOMNode(S.current),a=le(i).top,o=a+i.offsetHeight;t<r?t=r:t>o&&(t=o),V(Math.min(Math.floor(H+t-a),ne.current-bA));var s=G;Q(Math.max(Math.floor(s+a-t),bA))},me=function(e){var t=e.clientX,n=Y.findDOMNode(ee.current),r=le(n).left,i=Y.findDOMNode(S.current),a=le(i).left,o=a+i.offsetWidth;t<r?t=r:t>o&&(t=o),q(Math.min(Math.floor(J+t-a),te.current-bA));var s=R;F(Math.max(Math.floor(s+a-t),bA))},fe=function(e){var t=e.clientY+p,n=Y.findDOMNode(ee.current),r=le(n).top,i=r+ne.current;t<r?t=r:t>i&&(t=i);var a=Y.findDOMNode(S.current),o=G-2,s=t-o-le(a).top;Q(Math.max(Math.floor(o+s),bA))},ge=function(e,t){e.stopPropagation(),e.target.style.backgroundColor="#DC0000",K.current=!0,ce.current=t},he=function(){K.current=!1,X.current=!1,S.current&&Array.prototype.forEach.call(S.current.children,(function(e){e.style.backgroundColor="#FF8E9E"}))};(0,r.useEffect)((function(){var e=t.width,n=t.height;if(e<20||n<20)return $c.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void w(!1);if(e>1350||n>1350)return $c.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void w(!1);var r=Math.max(Math.floor(t.width/2),bA),i=Math.max(Math.floor(t.height/2),bA);if(F(r),Q(i),q(0),V(0),A){if(ee.current){var a=Y.findDOMNode(ee.current),o=a.offsetWidth,s=a.offsetHeight;te.current=o,ne.current=s}}else w(!0);"clip"===m&&D(!1)}),[t]),(0,r.useEffect)((function(){if(A&&ee.current){var e=Y.findDOMNode(ee.current),t=e.offsetWidth,n=e.offsetHeight;te.current=t,ne.current=n}}),[A]);return(0,s.jsxs)("div",{className:iA,children:[(0,s.jsx)("div",{className:aA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:a,onDragLeave:c,onDrop:l,children:A&&(0,s.jsx)("div",{className:oA,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(X.current){var t=Y.findDOMNode(S.current),n=t.offsetWidth,r=t.offsetHeight,i=e.clientX-re.current,a=e.clientY-ie.current,o=Math.floor(se.current+a),s=Math.floor(ae.current+i);o<0?V(0):o>ne.current-r-2?V(Math.max(ne.current-r-2,0)):V(o),s<0?q(0):s>te.current-n-2?q(Math.max(te.current-n-2,0)):q(s)}if(K.current)switch(ce.current){case Py.right:ue(e);break;case Py.up:de(e);break;case Py.left:me(e);break;case Py.down:fe(e);break;case Py.leftUp:me(e),de(e);break;case Py.leftDown:me(e),fe(e);break;case Py.rightUp:ue(e),de(e);break;case Py.rightDown:ue(e),fe(e)}},onMouseUp:he,onMouseLeave:he,ref:$,children:(0,s.jsxs)("div",{className:sA,ref:ee,children:[(0,s.jsx)("img",{src:t.imgUrl,className:cA}),(0,s.jsx)("div",{className:uA}),(0,s.jsx)("img",{src:t.imgUrl,className:lA,style:{clip:"rect(".concat(H,"px, ").concat(J+R,"px, ").concat(H+G,"px, ").concat(J,"px)")}}),(0,s.jsxs)("div",{className:dA,style:{position:"absolute",width:"".concat(R,"px"),height:"".concat(G,"px"),top:"".concat(H,"px"),left:"".concat(J,"px")},onMouseDown:function(e){re.current=e.clientX,ie.current=e.clientY;var t=Y.findDOMNode(S.current);se.current=t.offsetTop,ae.current=t.offsetLeft,X.current=!0},ref:S,children:[(0,s.jsx)("div",{className:"".concat(mA," ").concat(fA),onMouseDown:function(e){return ge(e,Py.leftUp)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(gA),onMouseDown:function(e){return ge(e,Py.up)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(hA),onMouseDown:function(e){return ge(e,Py.rightUp)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(pA),onMouseDown:function(e){return ge(e,Py.right)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(vA),onMouseDown:function(e){return ge(e,Py.rightDown)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(xA),onMouseDown:function(e){return ge(e,Py.down)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(yA),onMouseDown:function(e){return ge(e,Py.leftDown)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(AA),onMouseDown:function(e){return ge(e,Py.left)}})]})]})})}),A&&(0,s.jsxs)("div",{className:wA,children:[(0,s.jsxs)("div",{className:AA,children:["clip"===m&&(0,s.jsx)(rA.Z,{className:jA,checked:_,onChange:function(e){D(e.target.checked)},children:f.formatMessage({id:"page.imageProcessingTool.WhetherRetainOriginalDimension"})}),(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"160px":"200px"},min:bA,max:t.width,precision:0,value:R,addonBefore:f.formatMessage({id:"common.clippingWidth"}),onChange:function(e){var n=t.width;e&&e+J>n&&q(n-e),F(e||0)}}),(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"160px":"200px"},min:bA,max:t.height,precision:0,value:G,addonBefore:f.formatMessage({id:"common.clippingHeight"}),onChange:function(e){var n=t.height;e&&e+H>n&&V(n-e),Q(e||0)}}),(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.width-bA,precision:0,value:J,addonBefore:f.formatMessage({id:"common.distanceLeft"}),onChange:function(e){q(e||0);var n=t.width;e&&e+R>n&&F(n-e)}}),(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.height-bA,precision:0,value:H,addonBefore:f.formatMessage({id:"common.distanceTop"}),onChange:function(e){V(e||0);var n=t.height;e&&e+G>n&&Q(n-e)}}),"mosaic"===m&&(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"200px":"220px"},min:2,max:40,precision:0,value:N,addonBefore:f.formatMessage({id:"common.mosaicGrainSize"}),onChange:function(e){E(e||0)}}),(0,s.jsx)(oe.Z,{type:"primary",className:jA,onClick:function(){if(C.current)$c.ZP.warning(f.formatMessage({id:"common.workHard"}));else{C.current=!0;var e=null;"clip"===m?e=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]&&arguments[5],o=arguments.length>6?arguments[6]:void 0;if(e){var s=e.data,c=e.width,l=e.height,u=i,d=r,m=t,f=n;if(u<0?u=0:u>c&&(u=c),d<0?d=0:d>l&&(d=l),m<1?m=1:m>c&&(m=c),f<1?f=1:f>l&&(f=l),u+m>c&&(m=c-u),d+f>l&&(f=l-d),a){for(var g=new Uint8ClampedArray(s.length),h=0;h<l;h++)for(var p=0;p<c;p++){var v=4*(h*c+p);p>=u&&p<=u+m&&h>=d&&h<=d+f?(g[v]=s[v],g[v+1]=s[v+1],g[v+2]=s[v+2],g[v+3]=s[v+3]):(g[v]=255,g[v+1]=255,g[v+2]=255,g[v+3]=o&&["JPG","JPEG"].includes(o.toUpperCase())?255:0)}return new ImageData(g,c,l)}for(var x=new Uint8ClampedArray(m*f*4),y=d;y<=d+f;y++)for(var A=u;A<=u+m;A++){var w=4*((y-d)*m+A-u),j=4*(y*c+A);x[w]=s[j],x[w+1]=s[j+1],x[w+2]=s[j+2],x[w+3]=s[j+3]}return new ImageData(x,m,f)}return null}(t.imageData,R,G,H,J,_,t.fileType):"mosaic"===m&&(e=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:10;if(e){var o=e.data,s=e.width,c=e.height,l=i,u=r,d=t,m=n;l<0?l=0:l>s&&(l=s),u<0?u=0:u>c&&(u=c),d<1?d=1:d>s&&(d=s),m<1?m=1:m>c&&(m=c),l+d>s&&(d=s-l),u+m>c&&(m=c-u);for(var f=new Uint8ClampedArray(o.length),g=0;g<c;g++)for(var h=0;h<s;h++){var p=4*(g*s+h);if(h>=l&&h<=l+d&&g>=u&&g<=u+m){var v=Math.floor((h-l)/a),x=Math.floor((g-u)/a),y=Math.floor(a*(v+1)-a/2+l),A=Math.floor(a*(x+1)-a/2+u);y>s-1&&(y=s-1),A>c-1&&(A=c-1);var w=4*(A*s+y);f[p]=o[w],f[p+1]=o[w+1],f[p+2]=o[w+2],f[p+3]=o[w+3]}else f[p]=o[p],f[p+1]=o[p+1],f[p+2]=o[p+2],f[p+3]=o[p+3]}return new ImageData(f,s,c)}return null}(t.imageData,R,G,H,J,N)),e?n(e):$c.ZP.error(f.formatMessage({id:"common.operationFailure"})),C.current=!1}},disabled:!A,children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:pA,ghost:!0,type:"primary",onClick:u,children:f.formatMessage({id:"common.clear"})})]})]})};function DA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function MA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?DA(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):DA(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var kA=function(e){return(0,s.jsx)(_A,MA(MA({},e),{},{type:"clip"}))},NA={container:"RadiusClip_container__bZNss",imgBox:"RadiusClip_imgBox__SFDg7",content:"RadiusClip_content__iPE9l",operationBtns:"RadiusClip_operationBtns__Ie5iK",left:"RadiusClip_left__cn1dW",operationBtn:"RadiusClip_operationBtn__8mksR",right:"RadiusClip_right__bHjkd"},EA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useRef)(!1),x=(0,r.useState)(!1),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(4),b=(0,o.Z)(j,2),_=b[0],D=b[1];(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<20||n<20?($c.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void p(!1)):e>1350||n>1350?($c.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void p(!1)):(p(!0),w(!1),void D(4))}),[t]);return(0,s.jsxs)("div",{className:NA.container,children:[(0,s.jsx)("div",{className:NA.imgBox,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:a,onDragLeave:c,onDrop:l,children:g&&(0,s.jsx)("div",{className:NA.content,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px"),borderRadius:"".concat(_,"px")},children:(0,s.jsx)("img",{src:t.imgUrl,className:NA.img})})}),g&&(0,s.jsxs)("div",{className:NA.operationBtns,children:[(0,s.jsxs)("div",{className:NA.left,children:["PNG"!==t.fileType&&(0,s.jsx)(rA.Z,{className:NA.operationBtn,checked:A,onChange:function(e){w(e.target.checked)},children:d.formatMessage({id:"page.imageProcessingTool.clippedAndConvertedToPng"})}),(0,s.jsx)(fh.Z,{className:NA.operationBtn,style:{width:"180px"},min:0,max:Math.min(Math.floor(t.width/2),Math.floor(t.height/2)),precision:0,value:_,addonBefore:d.formatMessage({id:"page.imageProcessingTool.filletRadius"}),onChange:function(e){D(e)}}),(0,s.jsx)(oe.Z,{type:"primary",className:NA.operationBtn,onClick:function(){if(v.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else if(_){v.current=!0;var e=function(e,t,n,r){if(e){var i=e.data,a=e.width,o=e.height,s=t;s>Math.floor(a/2)&&(s=Math.floor(a/2)),s>Math.floor(o/2)&&(s=Math.floor(o/2)),s<0&&(s=0);for(var c=new Uint8ClampedArray(i.length),l=0;l<o;l++)for(var u=0;u<a;u++){var d=4*(l*a+u),m=-1;u<s?l<s?m=Math.sqrt(Math.pow(s-u-1,2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(s-u-1,2)+Math.pow(l-(o-s),2))):u>a-s-1&&(l<s?m=Math.sqrt(Math.pow(u-(a-s),2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(u-(a-s),2)+Math.pow(l-(o-s),2)))),Math.round(m)>s?(c[d]=255,c[d+1]=255,c[d+2]=255,c[d+3]=r||"PNG"===n.toUpperCase()?0:255):(c[d]=i[d],c[d+1]=i[d+1],c[d+2]=i[d+2],c[d+3]=r||"PNG"===n.toUpperCase()?i[d+3]:255)}return new ImageData(c,a,o)}return null}(t.imageData,_,t.fileType,A);e?n(e,A?"PNG":t.fileType):$c.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else $c.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterFilletRadius"}))},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:NA.right,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},CA=1e4,SA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(!0),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useState)(t.width),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(t.height),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1);return(0,r.useEffect)((function(){A(t.width),_(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsx)(rA.Z,{className:Xy,checked:g,onChange:function(e){p(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(y&&b)A(null),_(null);else if(y){var i=Math.floor(y*r/n);_(i)}else if(b){var a=Math.floor(b*n/r);A(a)}}else y||b||(A(n),_(r))},children:d.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(fh.Z,{className:Xy,style:{width:"160px"},min:1,max:CA,precision:0,value:y,addonBefore:d.formatMessage({id:"common.width"}),onChange:function(e){if(A(e),g&&e){var n=t.width,r=t.height,i=Math.floor(e*r/n);_(i)}}}),(0,s.jsx)(fh.Z,{className:Xy,style:{width:"160px"},min:1,max:CA,precision:0,value:b,addonBefore:d.formatMessage({id:"common.height"}),onChange:function(e){if(_(e),g&&e){var n=t.width,r=t.height,i=Math.floor(e*n/r);A(i)}}}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){if(D.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imgUrl,r=t.width,i=t.height;if(y&&b){D.current=!0;var a=am(e,r,i,y,b,CA);a?n(a):$c.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else $c.ZP.warning(d.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},PA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(0),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useRef)(!1),x=function(e){p(e)};return(0,r.useEffect)((function(){p(0)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsxs)("div",{className:Xy,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.darken"})}),(0,s.jsx)(mh.Z,{min:-255,max:255,marks:{0:"0"},value:"number"==typeof g?g:0,onChange:x}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.lighten"})}),(0,s.jsx)(fh.Z,{style:{margin:"0 16px"},min:-255,max:255,precision:0,value:g,onChange:x})]}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){if(v.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imageData;if(g){v.current=!0;var r=function(e,t){if(e){for(var n=e.data,r=e.width,i=e.height,a=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<r;s++){var c=4*(o*r+s);a[c]=Math.max(Math.min(n[c]+t,255),0),a[c+1]=Math.max(Math.min(n[c+1]+t,255),0),a[c+2]=Math.max(Math.min(n[c+2]+t,255),0),a[c+3]=n[c+3]}return new ImageData(a,r,i)}return null}(e,g);r?n(r):$c.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else $c.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterBrightness"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},BA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useState)(!1),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(0),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1),M=function(e){_(e)};return(0,r.useEffect)((function(){"PNG"!==t.fileType?($c.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseUploadPng"})),p(!1)):p(!0),_(0),A(!1)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),g&&(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsx)(rA.Z,{className:Xy,checked:y,onChange:function(e){A(e.target.checked),e.target.checked&&_(1)},children:d.formatMessage({id:"page.imageProcessingTool.whetherValueFixed"})}),!y&&(0,s.jsxs)("div",{className:Xy,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeTransparent"})}),(0,s.jsx)(mh.Z,{min:-1,max:1,step:.1,marks:{0:"0"},value:"number"==typeof b?b:0,onChange:M}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeOpaque"})})]}),(0,s.jsx)("div",{className:Xy,children:(0,s.jsx)(fh.Z,{min:y?0:-1,max:1,step:.1,precision:1,value:b,onChange:M})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){if(D.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else if("number"==typeof b){D.current=!0;var e=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(e){for(var r=e.data,i=e.width,a=e.height,o=new Uint8ClampedArray(r.length),s=0;s<a;s++)for(var c=0;c<i;c++){var l=4*(s*i+c);0===r[l+3]?(o[l]=255,o[l+1]=255,o[l+2]=255):(o[l]=r[l],o[l+1]=r[l+1],o[l+2]=r[l+2]);var u=r[l+3];u=n?Math.max(Math.min(Math.floor(255*t),255),0):Math.max(Math.min(Math.floor(u+255*t),255),0),o[l+3]=u}return new ImageData(o,i,a)}return null}(t.imageData,b,y);e?n(e):$c.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else $c.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterDiaphaneity"}))},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},IA="AddWatermark_container__eVhbf",TA="AddWatermark_imgBox__ZRRUr",RA="AddWatermark_content__q-ZzY",FA="AddWatermark_leftBox__S-y1M",OA="AddWatermark_img1__s1l8c",ZA="AddWatermark_clipBox__EW8Jl",GA="AddWatermark_operationBtns__Sua9p",QA="AddWatermark_left__hmpKc",LA="AddWatermark_box__X5Tyg",zA="AddWatermark_top__MW-nl",HA="AddWatermark_uploadBtn__TXNYs",VA="AddWatermark_bottom__EipS9",UA="AddWatermark_operationBtn__-tdIk",WA="AddWatermark_right__KM8W0",YA=20,JA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useState)(null),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useRef)(!1),j=(0,r.useRef)(null),b=Math.max(Math.floor(t.width/2),YA),_=Math.max(Math.floor(t.height/2),YA),D=(0,r.useState)(b),M=(0,o.Z)(D,2),k=M[0],N=M[1],E=(0,r.useState)(_),C=(0,o.Z)(E,2),S=C[0],P=C[1],B=(0,r.useState)(0),I=(0,o.Z)(B,2),T=I[0],R=I[1],F=(0,r.useState)(0),O=(0,o.Z)(F,2),Z=O[0],G=O[1],Q=(0,r.useRef)(!1),L=(0,r.useRef)(null),z=(0,r.useRef)(null),H=(0,r.useRef)(0),V=(0,r.useRef)(0),U=(0,r.useRef)(0),W=(0,r.useRef)(0),J=(0,r.useRef)(0),q=(0,r.useRef)(0),K=function(){var e=Math.max(Math.floor(t.width/2),YA),n=Math.max(Math.floor(t.height/2),YA);N(e),P(n),G(0),R(0)},X=function(){Q.current=!1};(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<YA||n<YA?($c.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void p(!1)):e>=1350||n>=1350?($c.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void p(!1)):(p(!0),void A(null))}),[t]),(0,r.useEffect)((function(){if(g&&y&&z.current){var e=Y.findDOMNode(z.current),t=e.offsetWidth,n=e.offsetHeight;H.current=t,V.current=n}}),[g,y]);return(0,s.jsxs)("div",{className:IA,children:[(0,s.jsx)("div",{className:TA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:function(e){y?(e.stopPropagation(),e.preventDefault()):a(e)},onDragLeave:function(e){y?(e.stopPropagation(),e.preventDefault()):c(e)},onDrop:function(e){y?(e.stopPropagation(),e.preventDefault()):l(e)},children:g&&(0,s.jsx)("div",{className:RA,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(Q.current&&j.current){var t=Y.findDOMNode(j.current),n=t.offsetWidth,r=t.offsetHeight,i=e.clientX-U.current,a=e.clientY-W.current,o=Math.floor(q.current+a),s=Math.floor(J.current+i);o<0?R(0):o>V.current-r-2?R(Math.max(V.current-r-2,0)):R(o),s<0?G(0):s>H.current-n-2?G(Math.max(H.current-n-2,0)):G(s)}},onMouseUp:X,onMouseLeave:X,ref:L,children:(0,s.jsxs)("div",{className:FA,ref:z,children:[(0,s.jsx)("img",{src:t.imgUrl,className:OA}),y&&(0,s.jsx)("div",{className:ZA,style:{position:"absolute",width:"".concat(k,"px"),height:"".concat(S,"px"),top:"".concat(T,"px"),left:"".concat(Z,"px")},onMouseDown:function(e){U.current=e.clientX,W.current=e.clientY;var t=Y.findDOMNode(j.current);q.current=t.offsetTop,J.current=t.offsetLeft,Q.current=!0},ref:j,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})})]})})}),g&&(0,s.jsxs)("div",{className:GA,children:[(0,s.jsx)("div",{className:QA,children:(0,s.jsxs)("div",{className:LA,children:[(0,s.jsxs)("div",{className:zA,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:HA,children:[(0,s.jsx)(Gu.Z,{}),d.formatMessage({id:"common.uploadWatermark"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var n=e.target.files;n&&0!==n.length&&xl(n[0],(function(e){if(e){var n=e.width,r=e.height;if(n<=20||r<=20)return A(null),K(),void $c.ZP.error(d.formatMessage({id:"common.watermarkSizeLimit"}));if(n>t.width||r>t.height)return A(null),K(),void $c.ZP.error(d.formatMessage({id:"common.watermarkSizeTooLarge"}));A(e),N(n),P(r),G(0),R(0)}else A(null),K(),$c.ZP.error(d.formatMessage({id:"common.parsingDataFailure"}))}))}})]}),y?y.name:d.formatMessage({id:"common.noData"})]}),y&&(0,s.jsxs)("div",{className:VA,children:[(0,s.jsx)(fh.Z,{className:UA,style:{width:"160px"},min:0,max:t.width-YA,precision:0,value:Z,addonBefore:d.formatMessage({id:"common.distanceLeft"}),onChange:function(e){G(e||0);var n=t.width;e&&e+k>n&&N(n-e)}}),(0,s.jsx)(fh.Z,{className:UA,style:{width:"160px"},min:0,max:t.height-YA,precision:0,value:T,addonBefore:d.formatMessage({id:"common.distanceTop"}),onChange:function(e){R(e||0);var n=t.height;e&&e+S>n&&P(n-e)}}),(0,s.jsx)(oe.Z,{type:"primary",className:UA,onClick:function(){if(w.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else{if(y){w.current=!0;var e=function(e,t,n,r){if(e&&t){var i=e.data,a=e.width,o=e.height,s=t.data,c=t.width,l=t.height,u=n,d=r;n+l>o&&(u=o-l),r+c>a&&(d=a-c);for(var m=new Uint8ClampedArray(i.length),f=0;f<o;f++)for(var g=0;g<a;g++){var h=4*(f*a+g);if(g<d||g>d+c||f<=u||f>=u+l)m[h]=i[h],m[h+1]=i[h+1],m[h+2]=i[h+2],m[h+3]=i[h+3];else{var p=4*(f*a+g-((u+1)*a+(f-(u+1))*(a-c))+c-d-1),v=[s[p],s[p+1],s[p+2],s[p+3]],x=[i[h],i[h+1],i[h+2],i[h+3]],y=lm(v,x);m[h]=y[0],m[h+1]=y[1],m[h+2]=y[2],m[h+3]=y[3]}}return new ImageData(m,a,o)}return null}(t.imageData,y.imageData,T,Z);e?n(e):$c.ZP.error(d.formatMessage({id:"common.operationFailure"}))}w.current=!1}},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]})]})}),(0,s.jsx)(oe.Z,{className:WA,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})};function qA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function KA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qA(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qA(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var XA,$A=function(e){return(0,s.jsx)(_A,KA(KA({},e),{},{type:"mosaic"}))},ew=function(e){var t=e.imgInfo,n=e.imgDragOver,i=e.onDragOver,a=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,h.Z)(),m=d().locale,f=(0,r.useState)(70),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=(0,r.useRef)(!1),y=function(e){if(e){var n="image";if(t&&t.name){var r=t.name.split(".");r.length>1?(r.splice(r.length-1,1,t.fileType.toLowerCase()),n=r.join(".")):(r.push(t.fileType.toLowerCase()),n=r.join("."))}_l(e,n)}};return(0,r.useEffect)((function(){v(70)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:n,onDragOver:i,onDragLeave:a,onDrop:c}),(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsx)(fh.Z,{className:Xy,style:{width:"zh-cn"===m?"200px":"240px"},min:10,max:90,precision:0,value:p,addonBefore:u.formatMessage({id:"page.imageProcessingTool.compressibility"}),addonAfter:"%",onChange:function(e){v(e||10)}}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){if(x.current)$c.ZP.warning(u.formatMessage({id:"common.workHard"}));else{var e=t.imageData,n=t.imgUrl,r=t.width,i=t.height,a=t.fileType;x.current=!0,["JPG","JPEG"].includes(a)?om(n,r,i,a,p,(function(e){e?y(e):$c.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1})):om(e,r,i,a,p,(function(e){e?y(e):$c.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1}))}},children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})};function tw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tw(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e[e.basicOperation=0]="basicOperation",e[e.rectClip=1]="rectClip",e[e.radiusClip=2]="radiusClip",e[e.changeSize=3]="changeSize",e[e.changeBrightness=4]="changeBrightness",e[e.changeDiaphaneity=5]="changeDiaphaneity",e[e.addWatermark=6]="addWatermark",e[e.coverWithMosaic=7]="coverWithMosaic",e[e.photoCompression=8]="photoCompression"}(XA||(XA={}));var rw,iw=function(){var e=(0,h.Z)(),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(null),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=function(t){t&&0!==t.length&&xl(t[0],(function(t){d(t),t||$c.ZP.error(e.formatMessage({id:"common.parsingDataFailure"}))}))},f=function(e){e.stopPropagation(),e.preventDefault(),i||a(!0)},g=function(e){e.stopPropagation(),e.preventDefault(),i&&a(!1)},p=function(e){e.stopPropagation(),e.preventDefault(),i&&a(!1);var t=e.dataTransfer.files;m(t)},v={imgInfo:u,exportImage:function(e,t){if(e&&u){var n=t?t.toLowerCase():u.fileType.toLowerCase();!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"png",n=arguments.length>2?arguments[2]:void 0;if(e){var r=e.width,i=e.height,a=document.createElement("canvas"),o=a.getContext("2d");a.width=r,a.height=i,o.putImageData(e,0,0,0,0,r,i);var s="image/".concat(t?t.toLowerCase():"png");a.toBlob((function(e){n(e)}),s,1)}else n(null)}(e,n,(function(e){if(e){var t="image";if(u&&u.name){var r=u.name.split(".");r.length>1?r.splice(r.length-1,1,n):r.push(n),t=r.join(".")}_l(e,t)}}))}},imgDragOver:i,onDragOver:f,onDragLeave:g,onDrop:p,onClear:function(){d(null)}},x=[{id:XA.basicOperation,label:e.formatMessage({id:"menu.imageProcessingTool.basicOperation"}),element:(0,s.jsx)(nA,nw({},v))},{id:XA.rectClip,label:e.formatMessage({id:"menu.imageProcessingTool.rectangularClipping"}),element:(0,s.jsx)(kA,nw({},v))},{id:XA.radiusClip,label:e.formatMessage({id:"menu.imageProcessingTool.roundedCornerClipping"}),element:(0,s.jsx)(EA,nw({},v))},{id:XA.changeSize,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTheSize"}),element:(0,s.jsx)(SA,nw({},v))},{id:XA.changeBrightness,label:e.formatMessage({id:"menu.imageProcessingTool.modifyBrightness"}),element:(0,s.jsx)(PA,nw({},v))},{id:XA.changeDiaphaneity,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTransparency"}),element:(0,s.jsx)(BA,nw({},v))},{id:XA.addWatermark,label:e.formatMessage({id:"menu.imageProcessingTool.addWatermark"}),element:(0,s.jsx)(JA,nw({},v))},{id:XA.coverWithMosaic,label:e.formatMessage({id:"menu.imageProcessingTool.coverWithMosaics"}),element:(0,s.jsx)($A,nw({},v))},{id:XA.photoCompression,label:e.formatMessage({id:"menu.imageProcessingTool.imageCompression"}),element:(0,s.jsx)(ew,nw({},v))}],y=(0,r.useState)(x[0].id),A=(0,o.Z)(y,2),w=A[0],j=A[1];return(0,s.jsx)("div",{className:Oy,children:(0,s.jsxs)("div",{className:Zy,children:[(0,s.jsx)(Fy,{className:Gy,data:x,selectedTabId:w,onChange:function(e){j(e)}}),!u&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:Qy,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:f,onDragLeave:g,onDrop:p,children:(0,s.jsxs)("div",{className:Vy,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:Uy,children:[(0,s.jsx)(Gu.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;m(t)}})]}),(0,s.jsx)("p",{className:Wy,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Yy,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:Jy,children:[e.formatMessage({id:"page.imageProcessingTool.extensionTipFront"}),(0,s.jsx)("span",{onClick:function(){window.open("https://github.com/hepengwei/processing-image-tool")},children:" processing-image-tool "}),e.formatMessage({id:"page.imageProcessingTool.extensionTipBehind"})]})]}),u&&x.filter((function(e){return e.id===w}))[0].element]})})},aw=n(36646),ow=function(e,t,n){var r=[];if(e&&e.length>0){var i=e.length;!function a(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;Promise.resolve().then((function(){var s=t(e[o]);s&&r.push(s),o<i?a(o+1):n(r)}))}()}else n(r)},sw=function(e,t){ow(e,Od,t)},cw=function(e,t){ow(e,Zd,t)},lw=function(e,t){ow(e,Gd,t)},uw=function(e,t){ow(e,Qd,t)},dw=function(e,t){ow(e,Ld,t)},mw=function(e,t){ow(e,zd,t)},fw="VideoProcessingTool_container__BB0WX",gw="VideoProcessingTool_content__vEAlV",hw="VideoProcessingTool_tabs__IOPiv",pw="VideoProcessingTool_videoBox__VaAOO",vw="VideoProcessingTool_fileBox__-EqQu",xw="VideoProcessingTool_fileInfo__jcnht",yw="VideoProcessingTool_item__OfC05",Aw="VideoProcessingTool_emptyBox__iij8A",ww="VideoProcessingTool_uploadBtn__dud8d",jw="VideoProcessingTool_text__HgRiy",bw="VideoProcessingTool_tips__owSoa",_w="VideoProcessingTool_tip__BWFDX",Dw="VideoProcessingTool_operationBtns__ggNb4",Mw="VideoProcessingTool_left__TwGNr",kw="VideoProcessingTool_operationBtn__VQXVB",Nw="VideoProcessingTool_right__OL-TL",Ew=function(e){var t=e.videoInfo,n=e.videoDragOver,r=e.onDragOver,i=e.onDragLeave,a=e.onDrop,o=(0,h.Z)();return(0,s.jsx)("div",{className:pw,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:i,onDrop:a,children:(0,s.jsxs)("div",{className:vw,children:[(0,s.jsx)("img",{src:t.firstImgUrl,alt:""}),(0,s.jsxs)("div",{className:xw,children:[(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):o.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.size"}),"：",pl(t.size)]}),(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.duration"}),"：",vl(t.duration)]})]})]})})},Cw={flipSideToSideStatus:{doing:!1,videoChunks:null},flipUpsideDownStatus:{doing:!1,videoChunks:null},leftRotateStatus:{doing:!1,videoChunks:null},rightRotateStatus:{doing:!1,videoChunks:null},toGreyStatus:{doing:!1,videoChunks:null},toBlackAndWhiteStatus:{doing:!1,videoChunks:null}},Sw=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,i=e.imgDataListToChunks,a=e.videoDragOver,o=e.generatingVideoRef,c=e.onDragOver,l=e.onDragLeave,u=e.onDrop,d=e.onClear,m=(0,h.Z)(),f=(0,r.useRef)((0,hl.Z)(Cw)),g=function(e,r){e&&e.videoChunks?Dl(e.videoChunks,t.name):t.imageDataList&&t.imageDataList.length>0&&n((function(){setTimeout((function(){r(t.imageDataList,(function(n){o.current&&i(n,(function(n){Dl(n,t.name),e.videoChunks=n}))}))}),100)}))};return(0,s.jsxs)("div",{children:[(0,s.jsx)(Ew,{videoInfo:t,videoDragOver:a,onDragOver:c,onDragLeave:l,onDrop:u}),(0,s.jsxs)("div",{className:Dw,children:[(0,s.jsxs)("div",{className:Mw,children:[(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.flipSideToSideStatus,sw)},children:m.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.flipUpsideDownStatus,cw)},children:m.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.leftRotateStatus,lw)},children:m.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.rightRotateStatus,uw)},children:m.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.toGreyStatus,dw)},children:m.formatMessage({id:"common.graying"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.toBlackAndWhiteStatus,mw)},children:m.formatMessage({id:"common.vampix"})})]}),(0,s.jsx)(oe.Z,{className:Nw,ghost:!0,type:"primary",onClick:d,children:m.formatMessage({id:"common.clear"})})]})]})},Pw=1e4,Bw=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,i=e.imgDataListToChunks,a=e.videoDragOver,c=e.generatingVideoRef,l=e.onDragOver,u=e.onDragLeave,d=e.onDrop,m=e.onClear,f=(0,h.Z)(),g=(0,r.useState)(!0),p=(0,o.Z)(g,2),v=p[0],x=p[1],y=(0,r.useState)(t.width),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useState)(t.height),_=(0,o.Z)(b,2),D=_[0],M=_[1];(0,r.useRef)(!1);return(0,r.useEffect)((function(){j(t.width),M(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Ew,{videoInfo:t,videoDragOver:a,onDragOver:l,onDragLeave:u,onDrop:d}),(0,s.jsxs)("div",{className:Dw,children:[(0,s.jsxs)("div",{className:Mw,children:[(0,s.jsx)(rA.Z,{className:kw,checked:v,onChange:function(e){x(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(w&&D)j(null),M(null);else if(w){var i=Math.floor(w*r/n);M(i)}else if(D){var a=Math.floor(D*n/r);j(a)}}else w||D||(j(n),M(r))},children:f.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(fh.Z,{className:kw,style:{width:"160px"},min:1,max:Pw,precision:0,value:w,addonBefore:f.formatMessage({id:"common.width"}),onChange:function(e){if(j(e),v&&e){var n=t.width,r=t.height,i=Math.floor(e*r/n);M(i)}}}),(0,s.jsx)(fh.Z,{className:kw,style:{width:"160px"},min:1,max:Pw,precision:0,value:D,addonBefore:f.formatMessage({id:"common.height"}),onChange:function(e){if(M(e),v&&e){var n=t.width,r=t.height,i=Math.floor(e*n/r);j(i)}}}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){w&&D?n((function(){setTimeout((function(){!function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4,o=arguments.length>6?arguments[6]:void 0,s=[];if(e&&e.length>0){var c=e.length,l=function l(){var u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;Promise.resolve().then((function(){var d=am(e[u],t,n,r,i,a);d&&s.push(d),u<c?l(u+1):o(s)}))};l()}else o(s)}(t.imageDataList,t.width,t.height,w,D,Pw,(function(e){c.current&&i(e,(function(e){Dl(e,t.name)}))}))}),100)})):$c.ZP.warning(f.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))},children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:Nw,ghost:!0,type:"primary",onClick:m,children:f.formatMessage({id:"common.clear"})})]})]})},Iw=function(){var e=(0,h.Z)();return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",minHeight:"320px",color:"#ffffff",fontSize:"24px",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,display:"flex",justifyContent:"center",alignItems:"center",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)"},children:e.formatMessage({id:"common.comingSoon.text"})})},Tw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Rw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Fw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Ow=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Zw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Gw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Qw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})};function Lw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Lw(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Lw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e[e.basicOperation=0]="basicOperation",e[e.changeSize=1]="changeSize",e[e.clipping=2]="clipping",e[e.combine=3]="combine",e[e.varyingVelocity=4]="varyingVelocity",e[e.addWatermark=5]="addWatermark",e[e.generateGIF=6]="generateGIF",e[e.AIGenerateSubtitles=7]="AIGenerateSubtitles",e[e.addAudio=8]="addAudio"}(rw||(rw={}));var Hw=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useState)(!1),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useRef)(!1),g=(0,r.useState)(!1),p=(0,o.Z)(g,2),x=p[0],y=p[1],A=(0,r.useRef)(!1),w=(0,r.useState)(null),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(null),M=(0,r.useRef)(null),k=(0,r.useRef)(null),N=(0,r.useRef)(null),E=(0,r.useRef)(0),C=(0,r.useRef)([]),S=function e(){if(f.current&&t.current&&k.current){var n=t.current,r=n.videoWidth,i=n.videoHeight;k.current.drawImage(t.current,0,0,r,i);var a=k.current.getImageData(0,0,r,i);C.current.push(a),E.current=window.requestAnimationFrame(e)}},P=function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;!A.current||r>=t.length?(null===(n=N.current)||void 0===n||n.stop(),A.current&&(A.current=!1,y(!1))):k.current&&(k.current.putImageData(t[r],0,0,0,0,t[0].width,t[0].height),E.current=window.requestAnimationFrame(e.bind(null,t,r+1)))},B=function(n){if(n&&0!==n.length){var r=n[0],i=r.type.split("/");if("video"===i[0]){f.current=!0,m(!0);var a=i[1].toUpperCase(),o=t.current,s=URL.createObjectURL(r);o.onloadeddata=function(){var e=o.videoWidth,t=o.videoHeight,n=o.duration,i=document.createElement("canvas");i.width=e,i.height=t;var c=i.getContext("2d");M.current=i,k.current=c,c.drawImage(o,0,0,e,t);var l=M.current.toDataURL("image/png"),u={name:r.name,fileType:a,size:r.size,width:e,height:t,duration:n,videoUrl:s,firstImgUrl:l,imageDataList:C.current};D.current=u,_(u),C.current.splice(0,C.current.length),S()},o.onended=function(){var e;null===(e=N.current)||void 0===e||e.stop(),f.current=!1,m(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)},o.onerror=function(){$c.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),D.current=null,_(null)},o.src=s}}},I=function(e){e.stopPropagation(),e.preventDefault(),a||c(!0)},T=function(e){e.stopPropagation(),e.preventDefault(),a&&c(!1)},R=function(e){e.stopPropagation(),e.preventDefault(),a&&c(!1);var t=e.dataTransfer.files;B(t)},F=function(){D.current=null,_(null),f.current=!1,m(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)};(0,r.useEffect)((function(){return F}),[]);var O={videoInfo:b,startgeneratingVideo:function(e){A.current=!0,y(!0),e()},imgDataListToChunks:function(e,t){if(e&&e.length>0&&M.current&&k.current){k.current.clearRect(0,0,M.current.width,M.current.height),M.current.width=e[0].width,M.current.height=e[0].height;var n=M.current.captureStream(),r=MediaRecorder.isTypeSupported("video/webm;codecs=vp9")?"video/webm;codecs=vp9":"video/webm",i=new MediaRecorder(n,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:r});i.ondataavailable=function(e){if(e.data&&e.data.size>0&&D.current){var n=[e.data];t(n)}},N.current=i,i.start(),P(e)}else t([])},videoDragOver:a,generatingVideoRef:A,onDragOver:I,onDragLeave:T,onDrop:R,onClear:function(){D.current=null,_(null)}},Z=[{id:rw.basicOperation,label:e.formatMessage({id:"menu.videoProcessingTool.basicOperation"}),element:(0,s.jsx)(Sw,zw({},O))},{id:rw.changeSize,label:e.formatMessage({id:"menu.videoProcessingTool.modifyTheSize"}),element:(0,s.jsx)(Bw,zw({},O))},{id:rw.clipping,label:e.formatMessage({id:"menu.videoProcessingTool.clipping"}),element:(0,s.jsx)(Tw,zw({},O))},{id:rw.combine,label:e.formatMessage({id:"menu.videoProcessingTool.combine"}),element:(0,s.jsx)(Rw,zw({},O))},{id:rw.varyingVelocity,label:e.formatMessage({id:"menu.videoProcessingTool.varyingVelocity"}),element:(0,s.jsx)(Fw,zw({},O))},{id:rw.addWatermark,label:e.formatMessage({id:"menu.videoProcessingTool.addWatermark"}),element:(0,s.jsx)(Ow,zw({},O))},{id:rw.generateGIF,label:e.formatMessage({id:"menu.videoProcessingTool.generateGIF"}),element:(0,s.jsx)(Zw,zw({},O))},{id:rw.AIGenerateSubtitles,label:e.formatMessage({id:"menu.videoProcessingTool.AIGenerateSubtitles"}),element:(0,s.jsx)(Gw,zw({},O))},{id:rw.addAudio,label:e.formatMessage({id:"menu.videoProcessingTool.addAudio"}),element:(0,s.jsx)(Qw,zw({},O))}],G=(0,r.useState)(Z[0].id),Q=(0,o.Z)(G,2),L=Q[0],z=Q[1];return(0,s.jsxs)("div",{className:fw,children:[(0,s.jsxs)("div",{className:gw,children:[(0,s.jsx)(Fy,{className:hw,data:Z,selectedTabId:L,onChange:function(e){z(e)}}),!b&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:pw,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:I,onDragLeave:T,onDrop:R,children:(0,s.jsxs)("div",{className:Aw,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:ww,children:[(0,s.jsx)(Gu.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;B(t)}})]}),(0,s.jsx)("p",{className:jw,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:bw,children:e.formatMessage({id:"common.supportedVideoType"})})]})}),(0,s.jsx)("div",{className:_w,children:e.formatMessage({id:"page.videoProcessingTool.tip"})})]}),b&&Z.filter((function(e){return e.id===L}))[0].element]}),(0,s.jsx)("video",{style:{width:"".concat(null==b?void 0:b.width,"px"),height:"".concat(null==b?void 0:b.height,"px"),visibility:"hidden"},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)(v.Z,{open:d,closeIcon:null,footer:null,centered:!0,keyboard:!1,width:400,children:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,s.jsx)(aw.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"common.parsingData"})}),(0,s.jsx)(oe.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:F,children:e.formatMessage({id:"common.cancel"})})]})}),(0,s.jsx)(v.Z,{open:x,closeIcon:null,footer:null,centered:!0,keyboard:!1,width:400,children:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,s.jsx)(aw.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"page.videoProcessingTool.generatingVideo"})}),(0,s.jsx)(oe.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:function(){A.current=!1,y(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)},children:e.formatMessage({id:"common.cancel"})})]})})]})},Vw=n(32370),Uw=n(68023),Ww=n(95131),Yw=n(27240),Jw=n(60532),qw=n(94432),Kw=n(82658),Xw=n(93450),$w=n(8690),ej=n(37744),tj=n(17813),nj=n(3174),rj=n(5931),ij=n(71257),aj=n(17274),oj=n(87164),sj=n(61972),cj=n(6267);Uw.D([Yw.N,Jw.N,qw.N,Kw.N,Xw.N,$w.N,ej.N,tj.N,rj.N,ij.N,aj.N,oj.T,sj.z,cj.N,nj.N]);var lj=Ww,uj=n(70794),dj=n(45969),mj=1e4,fj=1e3,gj=1e12,hj=1e9,pj=1e6,vj=1e3,xj=Object.freeze({thousand:"K",million:"M",billion:"B",trillion:"T"}),yj=/([0])\1{2}/,Aj=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e.isZero()&&!t)return"N/A";if(e.isZero()&&t)return"0";if(e.gte(gj)||e.isEqualTo(gj))return e.div(gj).toFormat(1)+xj.trillion;if((e.gte(hj)||e.isEqualTo(hj))&&e.lte(gj))return e.div(hj).toFormat(1)+xj.billion;if((e.gte(pj)||e.isEqualTo(pj))&&e.lte(gj)&&e.lte(hj))return e.div(pj).toFormat(1)+xj.million;if(e.gte(mj))return e.div(vj).toFormat(1)+xj.thousand;if(e.gte(fj)&&e.lte(mj))return e.div(vj).toFormat(2)+xj.thousand;var n=e.toFixed().split(".")[1];return e.lte(fj)&&!yj.test(n)?0===e.dp()?e.toFormat(0):e.dp(4).toNumber():e.lte(fj)&&yj.test(n)?"".concat(e.integerValue(uj.Z.ROUND_DOWN),".").concat(wj(n)):"N/A"},wj=function(e){for(var t=e.toString().split(""),n=[],r=1;r<=t.length&&new uj.Z(t[r]).isEqualTo(new uj.Z(t[r-1]));r++)new uj.Z(+t[r]).isZero()&&n.push(t[r]);return n.length<=1?t.splice(0,4).join(""):"0{".concat(n.length+1,"}").concat(t.splice(n.length+1,4).join(""))},jj=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,dj.xbD)(e)||(0,dj.kKJ)(e))return"N/A";var n=new uj.Z(e),r=n.isNegative();if(r){var i=Aj(n.absoluteValue(),t);return"N/A"===i||"0"===i?i:"-".concat(i)}return Aj(n,t)},bj=function(e,t){var n=e.options,i=void 0===n?{}:n,a=e.renderType,o=void 0===a?"canvas":a,c=e.style,l=void 0===c?{width:"100%",height:"100%"}:c,u=e.onHoverChange,d=e.onClickChange,m=e.legendSelectChanged,f=e.onGlobalout,g=(0,r.useRef)(null),h=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(function(){return h}),[]);var p=(0,r.useCallback)((function(){if(g.current){var e,t,n,r,a,s,c=null==lj?void 0:lj.getInstanceByDom(g.current);if(h.current=c||(null==lj?void 0:lj.init(g.current,void 0,{renderer:o})),d&&(null===(e=h.current)||void 0===e||e.on("click",(function(e){d(e)}))),u&&(null===(t=h.current)||void 0===t||t.on("mousemove",(function(e){u(e)}))),m&&(null===(n=h.current)||void 0===n||n.on("legendselectchanged",(function(e){m(e)}))),"pie"===(i.series&&(null!==(r=null===(a=i.series[0])||void 0===a?void 0:a.type)&&void 0!==r?r:"")))(null==i?void 0:i.series)[0].labelLayout=function(e){return function(e,t){var n=e.labelRect.x<t.getWidth()/2,r=e.labelLinePoints;return r?(r[2][0]=n?e.labelRect.x:e.labelRect.x+e.labelRect.width,{labelLinePoints:r}):{}}(e,h.current)};f&&(null===(s=h.current)||void 0===s||s.on("globalout",f)),h.current.setOption(i)}}),[i,o]);return(0,r.useEffect)((function(){var e=function(){var e=null==h?void 0:h.current;e&&e.resize()};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),(0,r.useEffect)((function(){return p(),function(){var e=h.current;e&&e.dispose()}}),[i]),(0,s.jsx)("div",{ref:g,style:l})},_j=r.forwardRef(bj,{}),Dj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{show:!0,trigger:"axis",enterable:!0,axisPointer:{type:"cross",crossStyle:{color:"#999"}},formatter:function(e){if(e){var t=e[0].value;if(t&&t.length>=2)return'<span><span style="margin-right:20px">'.concat((0,sr.Z)(t[0],"MM-dd"),"</span>$").concat(jj(t[1],!0),"</span>")}return""}},grid:{left:14,right:14,top:40,bottom:16,containLabel:!0},xAxis:{type:"time",axisPointer:{show:!0,type:"shadow",label:{show:!1}},axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,formatter:"{MM}-{dd}",rotate:45},axisLine:{show:!0}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}},axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},series:[{type:"bar",barWidth:6,label:{show:!1,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,position:"top"},itemStyle:{normal:{color:function(e){return e.data&&e.data[1]<0&&e.data[1]<0?"#EB5454":"#47b262"}}}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(_j,{options:o,style:n,onClickChange:a,onHoverChange:i})},Mj="Bar_container__hb+LN",kj="Bar_box__JphSL",Nj="Bar_echart__tCYPn",Ej=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<60;t++){var n=new Date,r=(0,Vw.Z)(n,60-t).valueOf(),a=8e3*(Math.random()-.5);e.push([r,a])}i(e)}()}),[]),(0,s.jsx)("div",{className:Nj,children:(0,s.jsx)(Dj,{data:{dataSource:n}})})},Cj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e,n=(e=null==t?void 0:t.legendData,{graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],color:b,legend:{show:!0,data:e,textStyle:{overflow:"truncate",fontSize:13,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},tooltip:{trigger:"axis",axisPointer:{type:"cross",crossStyle:{color:"#999"}},textStyle:{fontWeight:400}},grid:{left:60,right:20,top:40,bottom:60},xAxis:[{type:"category",axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,rotate:45}}],yAxis:[{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}},axisLabel:{show:!0,color:"#808191",fontSize:12,formatter:function(e){return jj(e,!0)}}}],series:[{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(jj(e,!0))}}},{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(jj(+e,!0))}}},{type:"line",yAxisIndex:0,tooltip:{valueFormatter:function(e){return"$".concat(jj(e,!0))}}}],dataset:{source:[]}}),r=t.dataSource;return r?(n.dataset={source:r},n):n}),[t]);return(0,s.jsx)(_j,{options:o,style:n,onClickChange:a,onHoverChange:i})},Sj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[["project","increase","decrease","sum"]],t=0;t<20;t++){var n="name".concat(t+1),r=8e3*Math.random(),a=8e3*-Math.random(),o=r+a;e.push([n,r,a,o])}i(e)}()}),[]),(0,s.jsx)("div",{className:Nj,children:(0,s.jsx)(Cj,{data:{dataSource:n,legendData:[{name:"increase",icon:"rect"},{name:"decrease",icon:"rect"},{name:"sum"}]}})})},Pj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useRef)(null),c=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{show:!0,trigger:"item",borderColor:"transparent",enterable:!0,showDelay:10,hideDelay:150},legend:{top:10,type:"scroll",icon:"circle",itemWidth:12,itemGap:22,textStyle:{overflow:"truncate",fontSize:13,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},grid:{top:50,left:30,right:26,bottom:20,containLabel:!0},xAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}}},yAxis:{type:"category",axisPointer:{show:!0,type:"shadow",label:{show:!1}},axisLabel:{color:"#808191",fontSize:13}},series:[{type:"bar",stack:"total",barWidth:36,label:{show:!1},emphasis:{focus:"series",blurScope:"global"},selectedMode:"single",select:{disabled:!1,itemStyle:{borderWidth:1,borderColor:"#1D212A"}}}],dataset:{source:[]}},n=t.yAxisTransform,r=t.dataSource;if(!r||"{}"===JSON.stringify(r))return e;for(var i=Object.keys(r),a=[],o=["product"],s=0,c=function(e){var t=i[e],c=r[t],l=Object.keys(c);e===i.length-1&&(o=o.concat(l),a.push(o),s=l.length);var u=[];n&&n[t]?u.push(n[t]):u.push(t),l.forEach((function(e){var t=c[e];u.push(t.length)})),a.push(u)},l=i.length-1;l>=0;l--)c(l);if(e.dataset.source=a,s>1)for(var u=e.series.shift(),d=s-1;d>=0;d--){var m=(0,hl.Z)(u);e.series.push(m)}return e.tooltip.formatter=function(e,t){if(t.startsWith("item")){var i,a=e.name,o=e.seriesName,s=e.color,c=a;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===a){c=d;break}}var m=null!==(i=r[c][o])&&void 0!==i?i:[],f="<div style='max-height:540px;overflow-y:auto;user-select:text;font-size:12px;' class='echart-scrollbar-style'>\n        <div style='margin-bottom:4px;color:#999999'>".concat(c,"</div>\n        <div style='margin-bottom:3px;display:flex;justify-content:space-between;align-items:center'><div style='display:flex;align-items:center'>\n        <div style='width:10px;line-height:10px;heigth:10px;min-height:10px;max-height:10px;border-radius:5px;background-color:").concat(s,"'></div>\n        <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(o,"</div></div>\n        <div style='color:#222222'>").concat(m.length,"</div></div>");return m.forEach((function(e){f+="<div style='width:180px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;margin:4px 0'>".concat(e,"</div>")})),f+="</div>"}var g="";return e.forEach((function(e,t){var r=e.name,i=e.seriesName,a=e.color,o=e.seriesIndex,s=e.data;if(0===t){var c=r;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===r){c=d;break}}g+="<div style='max-height:510px;overflow-y:auto;user-select:text;font-size:12px;' class='echart-scrollbar-style'><div style='margin-bottom:4px;color:#999999'>".concat(c,"</div>")}g+="<div style='margin:3px;display:flex;justify-content:space-between;align-items:center;font-size:12px;'><div style='display:flex;align-items:center;'>\n          <div style='width:10px;line-height:10px;heigth:10px;min-height:10px;max-height:10px;border-radius:5px;background-color:".concat(a,"'></div>\n          <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(i,"</div></div>\n          <div style='color:#222222;margin-left:4px'>").concat(s[o+1],"</div></div>")})),g+="</div>"},e}),[t]),l=(0,r.useCallback)((function(){var e=o.current;if(null!=e&&e.current){var t=[],n=c.series.length;if(n)for(var r=0;r<n;r++)t.push(r);e.current.dispatchAction({type:"unselect",dataIndex:t})}}),[c]);return(0,s.jsx)(_j,{options:c,style:n,onClickChange:a,onHoverChange:i,onGlobalout:l,ref:o})},Bj=function(){var e=(0,r.useState)({}),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){i({"first party":{Live:["绝地求生","无限法则","重生边缘"],Development:["新天龙部","魔域","战神觉醒","热血合击","神戒","原神","神武4"],Legacy:["贪玩蓝月","赤月传说2","超激斗梦境","仙侠世界2"],"Pre-planned":["裁决战歌","绿茵信仰"],Canceled:["流放之路","战","大皇帝传奇世界","生死狙击2"],Finished:["王者荣耀","英雄联盟"]},"second party":{Live:["我的世界"],Development:["最终幻想14","守望先锋","DOTA2","激战2","魔域永恒","武动苍穹","鬼谷无双新版","永劫无间"],Legacy:["古剑奇谭网络版","火影忍者","斗罗大陆"],"Pre-planned":["剑灵","热血传奇神武4","暗黑大天使"],Canceled:["地下城与勇士","剑网3重制版","全面战争竞技场","艾兰岛"],Finished:["天涯明月刀","热血合击"]},"third party":{Live:["英雄联盟","穿越火线","天涯明月刀","生死狙击","龙武","战意"],Development:["逆水寒33333333333333333333333333333333333333333333333","魔力宝贝","奇迹MU","莽荒纪2","热血国2","领地人生"],Legacy:["魔兽世界","诛仙3","传奇霸业","泰亚史诗"],"Pre-planned":["龙武2","梦幻西游","剑网3","蓝月传奇","神座","热血战歌","龙神契约","堡垒之夜","天龙部归来","穿越火线HD"],Canceled:["炉石传说","攻城掠地","万智牌竞技场"],Finished:["传奇霸业","龙武"]}})}),[]),(0,s.jsx)("div",{className:Nj,children:(0,s.jsx)(Pj,{data:{dataSource:n}})})},Ij=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],color:["#F76F69","#7C51ED"],legend:{show:!1},tooltip:{trigger:"axis",textStyle:{fontWeight:400}},grid:{left:20,right:20,top:20,bottom:60},xAxis:[{type:"category",axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,margin:30},axisLine:{show:!1},axisTick:{show:!1}}],yAxis:[{type:"value",show:!1}],series:[{type:"bar",barWidth:18,tooltip:{valueFormatter:function(e){return"$".concat(jj(e,!0))}},itemStyle:{borderRadius:9}},{type:"line",smooth:!0,symbol:"none",tooltip:{valueFormatter:function(e){return"$".concat(jj(e,!0))}},lineStyle:{width:4},areaStyle:{color:"rgba(124,81,237,0.1)"}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(_j,{options:o,style:n,onClickChange:a,onHoverChange:i})},Tj=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],Rj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){var e=[["project","type1","type2"]];Tj.forEach((function(t){var n=8e3*Math.random()+1e3,r=n+1e3*Math.random()+1e3;e.push([t,n,r])})),i(e)}()}),[]),(0,s.jsx)("div",{className:Nj,children:(0,s.jsx)(Ij,{data:{dataSource:n}})})},Fj=be.GridBox,Oj=[{element:(0,s.jsx)(Ej,{})},{element:(0,s.jsx)(Sj,{})},{element:(0,s.jsx)(Bj,{})},{element:(0,s.jsx)(Rj,{})}],Zj=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Mj,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Oj.map((function(e,t){return(0,s.jsx)(Fj,{children:(0,s.jsx)("div",{className:kj,children:e.element})},t)}))})})},Gj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],legend:{type:"scroll",height:"88%",right:12,top:"middle",icon:"rect",align:"left",orient:"vertical",itemWidth:20,itemHeight:8,itemGap:12,textStyle:{width:120,overflow:"truncate",color:"#808191",fontSize:14,fontFamily:"SourceHanSansCN-Medium",fontWeight:500},selectedMode:!0,pageTextStyle:{color:"#808191"}},tooltip:{show:!0,valueFormatter:function(e){return jj(e,!0)}},series:[{name:"Price",type:"pie",radius:["52%","68%"],avoidLabelOverlap:!1,label:{show:!1,position:"center",fontSize:26,formatter:function(e){return e&&e.value?"{value|".concat(jj(e.value[1],!0),"}\n\n").concat(e.name):""},rich:{value:{color:"#fff",fontFamily:"SourceHanSansCN-Bold",fontWeight:"bold",fontSize:28}}},emphasis:{label:{show:!0,fontSize:20,color:"#ccc",fontWeight:"normal"}},labelLine:{show:!1}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(_j,{options:o,style:n,onClickChange:a,onHoverChange:i})},Qj="Pie_container__7WS5q",Lj="Pie_box__iB+Jb",zj="Pie_echart__9ruPj",Hj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n="name".concat(t+1),r=8e3*Math.random();e.push([n,r])}i(e)}()}),[]),(0,s.jsx)("div",{className:zj,children:(0,s.jsx)(Gj,{data:{dataSource:n}})})},Vj="Pie2_container__1kWGu",Uj="Pie2_chartBox__WFi8U",Wj="Pie2_rightBox__qDUHz",Yj="Pie2_item__gvlG9",Jj="Pie2_rect__cmCdf",qj="Pie2_name__MCsdh",Kj="Pie2_value__lMuMg",Xj=function(e){var t,n=e.data,i=e.style,a=e.onHoverChange,o=e.onClickChange,c=(0,r.useRef)(null),l=(0,r.useRef)(0),u=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{trigger:"item",formatter:function(e){var t=e.value;return"".concat(t[0]," : $").concat(jj(t[1],!0))}},series:[{name:"Price",type:"pie",radius:["53%","68%"],left:"10%",emphasis:{label:{show:!0,fontSize:20,color:"#ffffff",width:150,lineHeight:20,overflow:"truncate",formatter:function(e){var t=e.value;return"".concat(t[0]," \n $").concat(jj(t[1],!0))}}},avoidLabelOverlap:!1,label:{show:!1,position:"center"},labelLine:{show:!1}}],dataset:{source:[]}},t=n.dataSource;return t?(e.dataset={source:t},e):e}),[n]);return(0,s.jsxs)("div",{className:Vj,children:[(0,s.jsx)("div",{className:Uj,children:(0,s.jsx)(_j,{options:u,style:i,onClickChange:o,onHoverChange:function(e){!function(e){var t,n=e.dataIndex;null!==(t=c.current)&&void 0!==t&&t.current&&"series"===e.componentType&&n!==l.current&&(c.current.current.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:l.current}),c.current.current.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:n}),l.current=n)}(e),a&&a(e)},ref:c})}),(0,s.jsx)("div",{className:Wj,children:null==n||null===(t=n.dataSource)||void 0===t?void 0:t.map((function(e,t){return(0,s.jsxs)("div",{className:Yj,onMouseMove:function(){return function(e){var t;null!==(t=c.current)&&void 0!==t&&t.current&&e!==l.current&&(c.current.current.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:l.current}),c.current.current.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:e}),l.current=e)}(t)},children:[(0,s.jsx)("div",{className:Jj,style:{backgroundColor:b[t]}}),(0,s.jsx)("div",{className:qj,children:e[0]}),(0,s.jsx)("div",{className:Kj,children:"$".concat(e[1])})]},t)}))})]})},$j=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n=Math.ceil(4*Math.random()+1),r="".concat("name".repeat(n)).concat(t+1),a=8e3*Math.random();e.push([r,a])}i(e)}()}),[]),(0,s.jsx)("div",{className:zj,children:(0,s.jsx)(Xj,{data:{dataSource:n}})})},eb=be.GridBox,tb=[{element:(0,s.jsx)(Hj,{})},{element:(0,s.jsx)($j,{})}],nb=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Qj,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:tb.map((function(e,t){return(0,s.jsx)(eb,{children:(0,s.jsx)("div",{className:Lj,children:e.element})},t)}))})})},rb=n(61192),ib="Tree_container__aIZ1p",ab="Tree_box__r2FXq",ob="Tree_echart__AMoeM";rb.ZP.registerNode("custom-node",{drawShape:function(e,t){if(e&&t){var n="#fff",r="#0d1b3f",i="#6e768c";switch(e.level){case 1:n="#3b4fcc",r="#fff",i="#fff";break;case 2:n="#86B6F6"}var a=t.addShape("rect",{attrs:{fill:n,stroke:n,radius:6},name:"box-shape"}),o=function(e,t){var n=0,r="";if(!e||t<=0)return e;var i,a=Ke(e);try{for(a.s();!(i=a.n()).done;){var o=i.value;n>=t?(r+="".concat(o,"\n"),n=0):(r+=o,n++)}}catch(e){a.e(e)}finally{a.f()}return r.endsWith("\n")&&(r=r.substring(0,r.length-1)),r}("【第".concat(e.level,"层】").concat(e.title),20),s=t.addShape("text",{attrs:{text:o,fontSize:6,lineHeight:9,fontWeight:500,textAlign:"left",textBaseline:"middle",fill:r},capture:!1,name:"title-shape"}),c=s.getBBox();s.attr({x:-c.width/2,y:0});var l=Math.floor((c.height-6)/9)+1,u=c.height;l<=1?u+=4:u-=Math.ceil(4*(l-2));var d,m=t.addShape("text",{attrs:{text:e.code,x:-c.width/2,y:u,fontSize:6,lineHeight:9,textAlign:"left",textBaseline:"middle",fill:i},capture:!1,name:"code-shape"}).getBBox();if(a.attr({x:-c.width/2-6,y:-c.height/2-6,width:c.width+12,height:Math.ceil(c.height+m.height+12+l)}),e.level>1&&e.children&&e.children.length>0)if(t.addShape("circle",{attrs:{x:0,y:u+10,r:6,fill:"#fff",stroke:"#cfd1d9",lineWidth:.5,cursor:"pointer"},name:"collapse-icon"}),null!==(d=t.cfg)&&void 0!==d&&d.item){var f=t.cfg.item.getModel().collapsed;t.addShape("marker",{attrs:{x:0,y:u+10,r:2,fill:"#fff",stroke:"#0d1b3f",cursor:"pointer",symbol:function(e,t,n){return[["M",e-n,t+n/2],["L",e,t-n/2],["L",e+n,t+n/2]]}},visible:!f,capture:!1,name:"collapse-marker"}),t.addShape("text",{attrs:{text:e.children.length,x:0,y:u+10.5,fontSize:6,lineHeight:9,textAlign:"center",textBaseline:"middle",fill:"#0d1b3f",cursor:"pointer"},visible:!!f,capture:!1,name:"num-text"})}return a}return null},setState:function(e,t,n){if("collapsed"===e){var r=null==n?void 0:n.getContainer();if(r){var i=r.find((function(e){return"collapse-marker"===e.get("name")}));null==i||i.set("visible",!t);var a=r.find((function(e){return"num-text"===e.get("name")}));null==a||a.set("visible",t)}}}},"single-node");var sb=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){!function(){if(e.current){var n=e.current.clientWidth||500,r=e.current.clientHeight||300;t.current||(t.current=new rb.ZP.TreeGraph({container:e.current,width:n,height:r,fitView:!0,fitViewPadding:80,modes:{default:["drag-canvas","zoom-canvas","drag-node"]},defaultNode:{type:"custom-node"},defaultEdge:{type:"cubic-vertical",style:{stroke:"#cfd1d9",lineWidth:1,endArrow:{path:rb.ZP.Arrow.circle(2,0),d:0,fill:"#cfd1d9"}}},layout:{type:"compactBox",direction:"TB",getId:function(e){return e.id},getVGap:function(){return 22},getHGap:function(){return 60}}}))}}(),t.current&&(t.current.data({id:"ID1",level:1,title:"这是标题这是标题这是标题这是标题这是标题",code:"1004353453453425",children:[{id:"ID11",level:2,title:"这是标题这是标题这是标题这是标题这是标题",code:"10056575674576576",children:[{id:"ID111",level:3,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1111",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1112",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]},{id:"ID112",level:3,title:"这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1121",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1122",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1123",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]},{id:"ID113",level:3,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1131",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]}]}]}),t.current.off("node:click").on("node:click",(function(e){"collapse-icon"===e.target.get("name")&&(e.item.getModel().collapsed=!e.item.getModel().collapsed,t.current.setItemState(e.item,"collapsed",e.item.getModel().collapsed),t.current.layout())})),t.current.render())}),[]),(0,r.useEffect)((function(){var n=function(){t.current&&!t.current.get("destroyed")&&e.current&&(t.current.changeSize(e.current.clientWidth,e.current.clientHeight),t.current.fitView())};return window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}),[]),(0,s.jsx)("div",{className:ob,ref:e})},cb=[{element:(0,s.jsx)(sb,{})}],lb=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:ib,children:cb.map((function(e,t){return(0,s.jsx)("div",{className:ab,children:e.element},t)}))})},ub=[{path:"/html",children:[{path:"/html/visualDesign",element:(0,s.jsx)(Ir,{})},{path:"/html/interactiveDesign",element:(0,s.jsx)(Pc,{})},{path:"/html/backgroundEffect",element:(0,s.jsx)(Rc,{})},{path:"/html/complexLayout",element:(0,s.jsx)(uu,{})},{path:"/html/appPageFrame",element:(0,s.jsx)(Ou,{})},{path:"/html/utilitarianFunction",element:(0,s.jsx)(jm,{})}]},{path:"/css",children:[{path:"/css/dynamicButtons",element:(0,s.jsx)(Bf,{})},{path:"/css/richDynamicEffect",element:(0,s.jsx)(dh,{})},{path:"/css/generateRegularPolygon",element:(0,s.jsx)(jh,{})}]},{path:"/canvas",children:[{path:"/canvas/sphereCollisionExample",element:(0,s.jsx)(Th,{})},{path:"/canvas/dynamicClock",element:(0,s.jsx)(Oh,{})},{path:"/canvas/searchlight",element:(0,s.jsx)(Qh,{})},{path:"/canvas/globuleInteraction",element:(0,s.jsx)(Uh,{})},{path:"/canvas/killPlanetGame",element:(0,s.jsx)(ep,{})},{path:"/canvas/freeFallingBody",element:(0,s.jsx)(cp,{})},{path:"/canvas/countDown",element:(0,s.jsx)(Ap,{})},{path:"/canvas/particlesBg",element:(0,s.jsx)(jp,{})},{path:"/canvas/rippleFloatOnTheWater",element:(0,s.jsx)(Ep,{})},{path:"/canvas/flowerBloom",element:(0,s.jsx)(Tp,{})},{path:"/canvas/codeBgWall",element:(0,s.jsx)(Zp,{})},{path:"/canvas/wordDance",element:(0,s.jsx)(Hp,{})},{path:"/canvas/scratch",element:(0,s.jsx)(Wp,{})},{path:"/canvas/matchLine",element:(0,s.jsx)(iv,{})}]},{path:"/echarts",children:[{path:"/echarts/bar",element:(0,s.jsx)(Zj,{})},{path:"/echarts/pie",element:(0,s.jsx)(nb,{})},{path:"/echarts/tree",element:(0,s.jsx)(lb,{})}]},{path:"/threejs",children:[{path:"/threejs/threejsAppPageFrame",element:(0,s.jsx)(yv,{})},{path:"/threejs/carShow",element:(0,s.jsx)(Iv,{})},{path:"/threejs/rubiksCube",element:(0,s.jsx)(Hv,{})},{path:"/threejs/throwDice",element:(0,s.jsx)(nx,{})},{path:"/threejs/mapDisplay",element:(0,s.jsx)(Ox,{})},{path:"/threejs/earthDisplay",element:(0,s.jsx)(xy,{})}]},{path:"/AIApplication",children:[{path:"/AIApplication/humanPostureDetection",element:(0,s.jsx)(ky,{})},{path:"/AIApplication/notBlockPeopleBarrage",element:(0,s.jsx)(Ty,{})}]},{path:"/imageProcessingTool",element:(0,s.jsx)(iw,{})},{path:"/videoProcessingTool",element:(0,s.jsx)(Hw,{})}],db=[{path:"/*",element:(0,s.jsx)(xe,{})}],mb=n(29558),fb={"zh-cn":{"common.logoName":"视觉效果集合","common.reward":"打赏","common.reward.tip":"如果觉得网站不错，内容对你有所帮助，再打赏也不迟","common.LanguageSwitch":"中英文切换","common.keepUpdating":"持续更新, 敬请期待","common.comingSoon":"敬请期待","common.comingSoon.text":"该项目持续更新，敬请期待！！！","common.workHard":"正在努力工作，请稍后","common.tryingToLoad":"努力加载中，请稍等","common.start":"开始","common.end":"结束","common.operationFailure":"操作失败","common.noData":"暂无","common.unknown":"未知","common.confirm":"确定","common.cancel":"取消","common.clear":"清空","common.play":"播放","common.pause":"暂停","common.download":"下载","common.get":"获取","common.failedToObtain":"获取失败","common.failedToObtain2":"获取失败，浏览器不支持","common.pleaseEnterText":"请输入文本","common.getText":"获取文本","common.save":"保存","common.saveSuccessfully":"保存成功","common.saveFailed":"保存失败，浏览器不支持","common.parsingDataFailure":"解析数据失败，请更换其他文件","common.uploadFile":"上传文件","common.dragTheFileHere":"或将文件拖到此处","common.supportedImageType":"支持jpg、jpeg、png格式","common.supportedVideoType":"支持webm、mp4格式","common.pleaseUploadPicture":"请先上传图片","common.deviceNotFound":"请求的设备未找到","common.impowerOpenMicrophone":"授权失败，请点击设置->隐私设置和安全->网站设置->麦克风，打开允许使用","common.impowerOpenCamera":"授权失败，请点击设置->隐私设置和安全->网站设置->摄像头，打开允许使用","common.notSupportGetUserMedia":"浏览器不支持getUserMedia","common.notSupportGetDisplayMedia":"浏览器不支持getDisplayMedia","common.browserTooLow":"您的浏览器版本过低，请更新浏览器","common.backgroundColor":"背景色","common.filename":"文件名","common.format":"格式","common.dimension":"尺寸","common.size":"大小","common.width":"宽度","common.height":"高度","common.duration":"时长","common.transparency":"透明色","common.red":"红色","common.blue":"蓝色","common.white":"白色","common.watermarkSizeLimit":"请选择20x20以上尺寸的水印图片","common.watermarkSizeTooLarge":"请选择小于目标图片尺寸的水印图片","common.uploadWatermark":"上传水印","common.distanceLeft":"距离左侧","common.distanceTop":"距离顶部","common.clippingWidth":"裁剪宽度","common.clippingHeight":"裁剪高度","common.flipSideToSide":"左右翻转","common.flipTopToBottom":"上下翻转","common.rotateLeft":"左旋转","common.rotateRight":"右旋转","common.graying":"灰化","common.vampix":"黑白化","common.mosaicGrainSize":"马赛克颗粒大小","common.parsingData":"解析数据中","common.whetherMaintainOriginalProportion":"是否保持原比例","common.pleaseEnterWidthOrHeight":"请输入宽度或高度","common.reset":"重置","common.backout":"撤销","common.delete":"删除","common.inquire":"查询","common.checkout":"校验","common.moduleTitle":"模块标题","common.customizeContent":"自定义内容","common.ad.btnText":"马上体验","menu.htmlVision":"Html视觉","menu.htmlVision.visualDesign":"视觉设计","menu.htmlVision.interactiveDesign":"交互设计","menu.htmlVision.backgroundPattern":"背景图案","menu.htmlVision.complexLayout":"复杂布局","menu.htmlVision.applicationPageFrame":"应用页面框架","menu.htmlVision.utilitarianFunction":"实用功能","menu.cssDynamicEffect":"Css动效","menu.cssDynamicEffect.dynamicEffectButton":"动效按钮","menu.cssDynamicEffect.richDynamicEffect":"丰富动效","menu.cssDynamicEffect.generateRegularPolygon":"生成正多边形","menu.cssDynamicEffect.musicVisualization":"音乐可视化","menu.canvasDynamicEffect":"Canvas动效","menu.canvasDynamicEffect.sphereCollisionExample":"sphere-collision库示例","menu.canvasDynamicEffect.dynamicClock":"动态时钟","menu.canvasDynamicEffect.searchlightEffect":"探照灯效果","menu.canvasDynamicEffect.sphereCollisionInteraction":"球体碰撞交互","menu.canvasDynamicEffect.destroyThePlanetGame":"消灭行星小游戏","menu.canvasDynamicEffect.sphereFreeFallInteraction":"球体自由落体交互","menu.canvasDynamicEffect.coolCountdownAnimation":"炫酷倒计时动画","menu.canvasDynamicEffect.dynamicParticleBackground":"动态粒子背景","menu.canvasDynamicEffect.rippleEffect":"水波荡漾效果","menu.canvasDynamicEffect.flowerBloomingAnimation":"花卉绽放动画","menu.canvasDynamicEffect.codeBackgroundWall":"代码背景墙","menu.canvasDynamicEffect.wordDance":"文字跳舞","menu.canvasDynamicEffect.scratch":"刮刮乐","menu.canvasDynamicEffect.matchLine":"连接线","menu.echartsInteraction":"Echarts交互","menu.echartsInteraction.barCharts":"柱状图","menu.echartsInteraction.pieCharts":"饼图","menu.echartsInteraction.treeCharts":"树状图","menu.threeJs3D":"Three.js3D","menu.threeJs3D.appPageFrame":"炫酷3D应用页面","menu.threeJs3D.carShow":"汽车展览","menu.threeJs3D.rubiksCube":"3阶魔方","menu.threeJs3D.throwDice":"投骰子","menu.threeJs3D.mapDisplay":"地图展示","menu.threeJs3D.earthDisplay":"地球展示","menu.AIApplication":"人工智能应用","menu.AIApplication.humanPostureDetection":"人体姿态检测","menu.AIApplication.notBlockPeopleBarrage":"不挡人像的弹幕","menu.imageProcessingTool":"图片处理工具","menu.imageProcessingTool.basicOperation":"基础操作","menu.imageProcessingTool.rectangularClipping":"矩形裁剪","menu.imageProcessingTool.roundedCornerClipping":"圆角裁剪","menu.imageProcessingTool.modifyTheSize":"修改尺寸","menu.imageProcessingTool.modifyBrightness":"修改亮度","menu.imageProcessingTool.modifyTransparency":"修改透明度","menu.imageProcessingTool.addWatermark":"添加水印","menu.imageProcessingTool.coverWithMosaics":"打马赛克","menu.imageProcessingTool.imageCompression":"图片压缩","menu.videoProcessingTool":"视频处理工具","menu.videoProcessingTool.basicOperation":"基础操作","menu.videoProcessingTool.modifyTheSize":"修改尺寸","menu.videoProcessingTool.clipping":"裁剪","menu.videoProcessingTool.combine":"合并","menu.videoProcessingTool.varyingVelocity":"变速","menu.videoProcessingTool.addWatermark":"添加水印","menu.videoProcessingTool.generateGIF":"生成GIF图","menu.videoProcessingTool.AIGenerateSubtitles":"AI生成字幕","menu.videoProcessingTool.addAudio":"添加音频","page.htmlVision.visualDesign.displaysCustomRows":"该组件为超出时显示省略号的文本组件, 还可动态获取文字是否超出。","page.htmlVision.visualDesign.displaysCustomRows2":"该组件为可显示自定义行数，超出时显示省略号的文本组件，还支持在最后面出现省略号时显示自定义的文字按钮。","page.htmlVision.visualDesign.thisIsText":"这是文字。","page.htmlVision.visualDesign.quantumEntanglementTip":"该站中有隐藏款量子纠缠效果等待你发现哦。","page.htmlVision.visualDesign.brighten":"变亮","page.htmlVision.visualDesign.grayed":"变灰","page.htmlVision.visualDesign.textShadow":"文字阴影","page.htmlVision.interactiveDesign.magnifyingGlass":"放大镜交互效果","page.htmlVision.interactiveDesign.dragAndDropClipBox":"可拖拽裁剪框交互效果","page.htmlVision.interactiveDesign.dragAndDropShopping":"拖拽式购物交互效果","page.htmlVision.interactiveDesign.swipeTab":"左右滑动Tab切换交互效果","page.htmlVision.interactiveDesign.flipBoook":"翻书交互效果","page.htmlVision.interactiveDesign.switchButton":"左右滑动开关按钮","page.htmlVision.interactiveDesign.pseudo3DRubikCube":"伪3D魔方交互效果","page.htmlVision.interactiveDesign.3DRubikCube":"3D魔方交互效果","page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection":"自动辨别鼠标方向交互效果","page.htmlVision.interactiveDesign.wipeTheEffect":"擦除切换页面效果","page.htmlVision.interactiveDesign.title":"书名","page.htmlVision.interactiveDesign.price":"价格","page.htmlVision.interactiveDesign.count":"数量","page.htmlVision.interactiveDesign.total":"总计","page.htmlVision.interactiveDesign.addingToCart":"放开添加到购物车","page.htmlVision.interactiveDesign.dragToThisToBuy":"拖拽到此区域进行购买","page.htmlVision.interactiveDesign.previousPage":"前一页","page.htmlVision.interactiveDesign.nextPage":"后一页","page.htmlVision.interactiveDesign.personalArticle":"个人文章","page.htmlVision.interactiveDesign.autoCompletePunctuation":"自动补全标点输入框","page.htmlVision.interactiveDesign.stackedImages":"堆叠图片的悬停效果","page.htmlVision.utilitarianFunction.operatingShears":"操作剪切板","page.htmlVision.utilitarianFunction.saveTextToClipboard":"保存文本到剪切板","page.htmlVision.utilitarianFunction.pleaseEnterText":"请先输入文本","page.htmlVision.utilitarianFunction.getsTextFromClipboard":"从剪切板获取文本","page.htmlVision.utilitarianFunction.saveImageToClipboard":"保存图片到剪切板","page.htmlVision.utilitarianFunction.getImageFromClipboard":"从剪切板获取图片","page.htmlVision.utilitarianFunction.pasteTheImage":"Ctrl+V粘贴图片","page.htmlVision.utilitarianFunction.recordAudio":"录制音频","page.htmlVision.utilitarianFunction.startRecording":"开始录制","page.htmlVision.utilitarianFunction.whileRecording":"录制中，点击结束","page.htmlVision.utilitarianFunction.rerecord":"重新录制","page.htmlVision.utilitarianFunction.recordScreen":"录制屏幕","page.htmlVision.utilitarianFunction.recordVideo":"录制视频","page.htmlVision.utilitarianFunction.takeIDPhotos":"拍证件照","page.htmlVision.utilitarianFunction.clickToTakeAPhoto":"点击拍照","page.htmlVision.utilitarianFunction.readyToTakeAPhoto":"准备拍照","page.htmlVision.utilitarianFunction.backPhoto":"重新拍照","page.htmlVision.utilitarianFunction.oneInch":"1寸","page.htmlVision.utilitarianFunction.twoInch":"2寸","page.cssDynamicEffect.richDynamicEffect.SVGCircularClock":"SVG圆形时钟动效","page.cssDynamicEffect.richDynamicEffect.upAndDownCard":"上下翻转卡片时钟动效","page.cssDynamicEffect.richDynamicEffect.charging":"充电动效","page.cssDynamicEffect.richDynamicEffect.zongziLoading":"粽子Loading动效","page.cssDynamicEffect.richDynamicEffect.borderRotation":"边框旋转动效","page.cssDynamicEffect.richDynamicEffect.luminousText":"发光文字动效","page.cssDynamicEffect.richDynamicEffect.searchlightText":"探照灯文字动效","page.cssDynamicEffect.richDynamicEffect.wavyText":"波浪文字动效","page.cssDynamicEffect.richDynamicEffect.textLineDisplay":"文字线条显示动效","page.cssDynamicEffect.richDynamicEffect.textLineLoop":"文字线条循环动效","page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar":"莫比乌斯环循环条动效","page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots":"莫比乌斯环循环圆点动效","page.cssDynamicEffect.richDynamicEffect.tankShaking":"水罐摇晃动效","page.cssDynamicEffect.generateRegularPolygon.numberOfSides":"边数","page.cssDynamicEffect.generateRegularPolygon.rotation":"旋转","page.canvasDynamicEffect.sphereCollisionExample":"sphere-collision库示例","page.canvasDynamicEffect.dynamicClock":"动态时钟效果","page.canvasDynamicEffect.searchlight":"探照灯效果","page.canvasDynamicEffect.startGame":"开 始 游 戏","page.canvasDynamicEffect.continueTheGame":"继 续 游 戏","page.canvasDynamicEffect.restart":"重 新 开 始","page.canvasDynamicEffect.pause":"暂停","page.canvasDynamicEffect.gameHasPaused":"游戏已暂停","page.canvasDynamicEffect.score":"分数","page.canvasDynamicEffect.videoIsSlowToLoad":"视频加载比较慢，请耐心等待","page.canvasDynamicEffect.matchLineQuestion":"连线题","page.canvasDynamicEffect.fruit":"水果","page.canvasDynamicEffect.animal":"动物","page.canvasDynamicEffect.car":"汽车","page.canvasDynamicEffect.vegetable":"蔬菜","page.canvasDynamicEffect.pleaseReset":"当前已校验，请重置","page.canvasDynamicEffect.noVerifiableAnswer":"没有可校验的答案","page.threeJs3D.abrazine":"磨砂","page.threeJs3D.cryolite":"冰晶","page.threeJs3D.ordinary":"普通","page.threeJs3D.transparent":"透亮","page.threeJs3D.carDisplayAndMatching":"汽车展示与选配","page.threeJs3D.bodyColor":"车身颜色","page.threeJs3D.anteriorFaceColor":"前脸颜色","page.threeJs3D.hoodColor":"引擎盖颜色","page.threeJs3D.hubColor":"轮毂颜色","page.threeJs3D.filmMaterial":"贴膜材质","page.threeJs3D.windshieldMaterial":"挡风玻璃材质","page.threeJs3D.diceNum":"骰子数量","page.threeJs3D.enterDiceNum":"请先输入骰子数量","page.threeJs3D.visualizationPlatform":"大屏可视化平台","page.AIApplication.humanPostureDetection":"实时人体姿势检测(必须要有摄像头)","page.AIApplication.send":"发送","page.AIApplication.sendBarrage":"发送弹幕","page.imageProcessingTool.extensionTipFront":"如果你想在离线时也使用该工具，或者是你有大于1350x1350尺寸的图片需要处理，那么推荐你使用","page.imageProcessingTool.extensionTipBehind":"浏览器插件，将该项目中的extension文件夹加载到浏览器中即可使用。","page.imageProcessingTool.imageTooSmall":"请选择20x20以上尺寸的图片","page.imageProcessingTool.imageTooLarge":"请选择1350x1350以下尺寸的图片","page.imageProcessingTool.shmpch":"锐化","page.imageProcessingTool.edgeSharpening":"边缘锐化","page.imageProcessingTool.filterContrast":"反色滤镜","page.imageProcessingTool.redFilter":"红色滤镜","page.imageProcessingTool.greenFilter":"绿色滤镜","page.imageProcessingTool.blueFilter":"蓝色滤镜","page.imageProcessingTool.redGreenFilter":"红绿色滤镜","page.imageProcessingTool.redBlueFilter":"红蓝色滤镜","page.imageProcessingTool.blueGreenFilter":"蓝绿色滤镜","page.imageProcessingTool.redGreyFilter":"红灰色滤镜","page.imageProcessingTool.greenGreyFilter":"绿灰色滤镜","page.imageProcessingTool.blueGreyFilter":"蓝灰色滤镜","page.imageProcessingTool.gaussianBlur":"高斯模糊","page.imageProcessingTool.jpgToPng":"JPG转PNG","page.imageProcessingTool.pngToJpg":"PNG转JPG","page.imageProcessingTool.pleaseEnterBrightness":"请输入亮度值","page.imageProcessingTool.darken":"变暗","page.imageProcessingTool.lighten":"变亮","page.imageProcessingTool.pleaseEnterDiaphaneity":"请输入透明度值","page.imageProcessingTool.pleaseUploadPng":"请上传PNG格式的图片","page.imageProcessingTool.whetherValueFixed":"是否统一为固定值","page.imageProcessingTool.becomeTransparent":"变透明","page.imageProcessingTool.becomeOpaque":"变不透","page.imageProcessingTool.compressibility":"压缩率","page.imageProcessingTool.pleaseEnterFilletRadius":"请输入圆角半径","page.imageProcessingTool.filletRadius":"圆角半径","page.imageProcessingTool.clippedAndConvertedToPng":"裁剪后转成PNG格式","page.imageProcessingTool.WhetherRetainOriginalDimension":"是否保留原尺寸","page.videoProcessingTool.tip":"该工具处理视频会非常慢，因为是纯前端实现的，正确做法还是将文件上传到后台进行处理，这里只是提供一种纯前端实现视频处理的解决方案。","page.videoProcessingTool.generatingVideo":"努力生成视频中","page.htmlVision.applicationPageFrame.secondPage":"第二页","page.htmlVision.applicationPageFrame.thirdPage":"第三页","page.htmlVision.applicationPageFrame.lastPage":"最后一页","page.htmlVision.applicationPageFrame.title":"两个跨域页面进行跳转传参的终极方案","page.htmlVision.applicationPageFrame.author":"作者","page.htmlVision.applicationPageFrame.pageA":"A页面","page.htmlVision.applicationPageFrame.pageB":"B页面","page.htmlVision.applicationPageFrame.appoint":"本文约定","page.htmlVision.applicationPageFrame.appointText1":"A页面：跳转前的原来页面，假设为a.com","page.htmlVision.applicationPageFrame.appointText2":"B页面：将要跳转的目标页面，假设为b.com","page.htmlVision.applicationPageFrame.subTitle1":"一、简单方案","page.htmlVision.applicationPageFrame.des1":"说到页面跳转，首先想到的就是用a标签","page.htmlVision.applicationPageFrame.codeBox1.text":"在A页面点击链接，并将参数data传到B页面","page.htmlVision.applicationPageFrame.codeBox2.text":"在B页面接收A页面传过来的参数","page.htmlVision.applicationPageFrame.des2":"还可以使用window.open方法跳转页面","page.htmlVision.applicationPageFrame.des3":"弊端：通过URL的方式传参是有字符数量限制的，只能传递较少的数据。","page.htmlVision.applicationPageFrame.subTitle2":"二、传递长数据方案","page.htmlVision.applicationPageFrame.des4":"想要传递大量数据就不能使用将数据放在URL中这种方式进行传递，这里我使用了HTML5中新引入的window.postMessage方法进行数据传递。","page.htmlVision.applicationPageFrame.des5":"如果是在A页面中使用iframe标签嵌入B页面的情况下，方法如下：","page.htmlVision.applicationPageFrame.des6":"弊端","page.htmlVision.applicationPageFrame.des7":"1. 使用postMessage发送消息时要保证B页面已加载，由于A和B两个页面是跨域的，所以使用popup.onload是无效的，只能使用setTimeout延迟发送，这种做法比较low，不能保证稳定性。","page.htmlVision.applicationPageFrame.des8":"2. 使用iframe标签只能嵌入页面，不能打开新窗口，使用window.open可以打开新窗口，但是，当B页面刚被加载时是没有数据传递的，数据是在窗口打开后才被发送，所以B页面会有延迟。","page.htmlVision.applicationPageFrame.subTitle3":"三、终极方案：iframe+postMessage+localStorage","page.htmlVision.applicationPageFrame.des9":"在A页面中使用iframe标签加载B页面并隐藏，当点击跳转时，使用postMessage发送消息给B页面，在B页面中监听A页面发过来的数据，然后保存到localStorage中，然后当A页面使用window.open打开B页面时，B页面直接去localStorage中取数据，这样就完成了页面跳转并传参","page.htmlVision.applicationPageFrame.codeBox3.text":"当能获取到数据时就说明是从A页面跳转过来的","page.htmlVision.applicationPageFrame.des10":"总结","page.htmlVision.applicationPageFrame.des11":"1. iframe和postMessage都是可以跨域的，而localStorage是不能跨域共享数据的。","page.htmlVision.applicationPageFrame.des12":"2. window.postMessage中的window始终是指将要跳转的目标页面的window对象。"},"en-us":{"common.logoName":"Visualization Collection","common.reward":"Reward","common.reward.tip":"If you find the site good and the content helpful, it's not too late to reward","common.LanguageSwitch":"Chinese-English Switch","common.keepUpdating":"Keep updating, stay tuned","common.comingSoon":"Coming soon","common.comingSoon.text":"The project is continuously updated, coming soon！！！","common.workHard":"Hard at work, please hold on","common.tryingToLoad":"Trying to load, please hold on","common.start":"Start","common.end":"End","common.operationFailure":"Operation failure","common.noData":"No data","common.unknown":"Unknown","common.confirm":"Confirm","common.cancel":"Cancel","common.clear":"Clear","common.play":"Play","common.pause":"Pause","common.download":"Download","common.get":"Get","common.failedToObtain":"Failed to obtain","common.failedToObtain2":"Failed to obtain, the browser does not support","common.pleaseEnterText":"Please enter text","common.getText":"Get text","common.save":"Save","common.saveSuccessfully":"Save successfully","common.saveFailed":"Failed to save, the browser does not support","common.parsingDataFailure":"Data parsing failed. Please replace it with another file","common.uploadFile":"Upload File","common.dragTheFileHere":"Or drag the file here","common.supportedImageType":"jpg, jpeg, and png are supported","common.supportedVideoType":"webm and mp4 are supported","common.pleaseUploadPicture":"Please upload the picture first","common.deviceNotFound":"Requested device not found","common.impowerOpenMicrophone":"Authorization failed, please click Settings -> Privacy Settings and Security -> Website Settings -> Microphone to open Allow use","common.impowerOpenCamera":"Authorization failed, please click Settings -> Privacy Settings and Security -> Website Settings -> Camera to open Allow use","common.notSupportGetUserMedia":"Browsers do not support getUserMedia","common.notSupportGetDisplayMedia":"Browsers do not support getDisplayMedia","common.browserTooLow":"Your browser version is too low, please update your browser","common.backgroundColor":"Background Color","common.filename":"Filename","common.format":"Format","common.dimension":"Dimension","common.size":"Size","common.width":"Width","common.height":"Height","common.duration":"Duration","common.transparency":"Transparency","common.red":"Red","common.blue":"Blue","common.white":"White","common.watermarkSizeLimit":"Please select watermark images of 20x20 and above","common.watermarkSizeTooLarge":"Please select a watermark image that is smaller than the size of the target image","common.uploadWatermark":"Upload watermark","common.distanceLeft":"Distance left","common.distanceTop":"Distance Top","common.clippingWidth":"Clipping width","common.clippingHeight":"Clipping height","common.flipSideToSide":"Flip Side To Side","common.flipTopToBottom":"Flip Top To Bottom","common.rotateLeft":"Rotate Left","common.rotateRight":"Rotate Right","common.graying":"Graying","common.vampix":"Vampix","common.mosaicGrainSize":"Mosaic grain size","common.parsingData":"Parsing data","common.whetherMaintainOriginalProportion":"Whether to maintain the original proportion","common.pleaseEnterWidthOrHeight":"Please enter width or height","common.reset":"Reset","common.backout":"Backout","common.delete":"Delete","common.inquire":"Inquire","common.checkout":"Checkout","common.moduleTitle":"Module Title","common.customizeContent":"Customize content","common.ad.btnText":"Experience right away","menu.htmlVision":"Html Vision","menu.htmlVision.visualDesign":"Visual Design","menu.htmlVision.interactiveDesign":"Interactive Design","menu.htmlVision.backgroundPattern":"Background Pattern","menu.htmlVision.complexLayout":"Complex Layout","menu.htmlVision.applicationPageFrame":"Application Page Frame","menu.htmlVision.utilitarianFunction":"Utilitarian Function","menu.cssDynamicEffect":"Css Dynamic Effect","menu.cssDynamicEffect.dynamicEffectButton":"Dynamic Effect Button","menu.cssDynamicEffect.richDynamicEffect":"Rich Dynamic Effect","menu.cssDynamicEffect.generateRegularPolygon":"Generate Regular Polygon","menu.cssDynamicEffect.musicVisualization":"Music Visualization","menu.canvasDynamicEffect":"Canvas Dynamic Effect","menu.canvasDynamicEffect.sphereCollisionExample":"sphere-collision Example","menu.canvasDynamicEffect.dynamicClock":"Dynamic Clock","menu.canvasDynamicEffect.searchlightEffect":"Searchlight Effect","menu.canvasDynamicEffect.sphereCollisionInteraction":"Sphere Collision Interaction","menu.canvasDynamicEffect.destroyThePlanetGame":"Destroy The Planet Game","menu.canvasDynamicEffect.sphereFreeFallInteraction":"Sphere Free Fall Interaction","menu.canvasDynamicEffect.coolCountdownAnimation":"Cool Countdown Animation","menu.canvasDynamicEffect.dynamicParticleBackground":"Dynamic Particle Background","menu.canvasDynamicEffect.rippleEffect":"Ripple Effect","menu.canvasDynamicEffect.flowerBloomingAnimation":"Flower Blooming Animation","menu.canvasDynamicEffect.codeBackgroundWall":"Code Background Wall","menu.canvasDynamicEffect.wordDance":"Word Dance","menu.canvasDynamicEffect.scratch":"Scratch","menu.canvasDynamicEffect.matchLine":"Match Line","menu.echartsInteraction":"Echarts Interaction","menu.echartsInteraction.barCharts":"Bar Charts","menu.echartsInteraction.pieCharts":"Pie Charts","menu.echartsInteraction.treeCharts":"Tree Charts","menu.threeJs3D":"Three.js3D","menu.threeJs3D.appPageFrame":"Cool 3D Application page","menu.threeJs3D.carShow":"Car Show","menu.threeJs3D.rubiksCube":"Level 3 Rubik's Cube","menu.threeJs3D.throwDice":"Throw Dice","menu.threeJs3D.mapDisplay":"Map Display","menu.threeJs3D.earthDisplay":"Earth Display","menu.AIApplication":"AI Application","menu.AIApplication.humanPostureDetection":"Human Posture Detection","menu.AIApplication.notBlockPeopleBarrage":"Not Block The People Of The Barrage","menu.imageProcessingTool":"Image Processing Tool","menu.imageProcessingTool.basicOperation":"Basic Operation","menu.imageProcessingTool.rectangularClipping":"Rectangular Clipping","menu.imageProcessingTool.roundedCornerClipping":"Rounded Corner Clipping","menu.imageProcessingTool.modifyTheSize":"Modify The Size","menu.imageProcessingTool.modifyBrightness":"Modify Brightness","menu.imageProcessingTool.modifyTransparency":"Modify Transparency","menu.imageProcessingTool.addWatermark":"Add Watermark","menu.imageProcessingTool.coverWithMosaics":"Cover With Mosaics","menu.imageProcessingTool.imageCompression":"Image Compression","menu.videoProcessingTool":"Video Processing Tool","menu.videoProcessingTool.basicOperation":"Basic Operation","menu.videoProcessingTool.modifyTheSize":"Modify The Size","menu.videoProcessingTool.clipping":"Clipping","menu.videoProcessingTool.combine":"Combine","menu.videoProcessingTool.varyingVelocity":"Varying Velocity","menu.videoProcessingTool.addWatermark":"Add Watermark","menu.videoProcessingTool.generateGIF":"Generate GIF","menu.videoProcessingTool.AIGenerateSubtitles":"AI Generated Subtitles","menu.videoProcessingTool.addAudio":"Add Audio","page.htmlVision.visualDesign.displaysCustomRows":"This component is a text component that displays ellipses when exceeded, and can also dynamically obtain whether text is exceeded.","page.htmlVision.visualDesign.displaysCustomRows2":"This component is a text component that displays the number of user-defined lines, and displays ellipses when the number exceeds. It also supports the display of user-defined text buttons when ellipses appear at the end.","page.htmlVision.visualDesign.thisIsText":"This is the text.","page.htmlVision.visualDesign.quantumEntanglementTip":"There are hidden quantum entanglement effects in this station waiting for you to discover oh.","page.htmlVision.visualDesign.brighten":"Brighten","page.htmlVision.visualDesign.grayed":"Grayed","page.htmlVision.visualDesign.textShadow":"Text Shadow","page.htmlVision.interactiveDesign.magnifyingGlass":"Magnifying glass interaction effect","page.htmlVision.interactiveDesign.dragAndDropClipBox":"Drag-and-drop clip-box interaction effect","page.htmlVision.interactiveDesign.dragAndDropShopping":"Drag-and-drop shopping interaction effect","page.htmlVision.interactiveDesign.swipeTab":"Swipe Tab left and right to change the interaction","page.htmlVision.interactiveDesign.flipBoook":"Flip the book interactive effect","page.htmlVision.interactiveDesign.switchButton":"Slide the switch button left and right","page.htmlVision.interactiveDesign.pseudo3DRubikCube":"Pseudo 3D Rubik's Cube interaction effect","page.htmlVision.interactiveDesign.3DRubikCube":"3D Rubik's Cube interaction effect","page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection":"Automatic identification of mouse direction interaction effect","page.htmlVision.interactiveDesign.wipeTheEffect":"Wipe the effect of switching pages","page.htmlVision.interactiveDesign.title":"Title","page.htmlVision.interactiveDesign.price":"Price","page.htmlVision.interactiveDesign.count":"Count","page.htmlVision.interactiveDesign.total":"Total","page.htmlVision.interactiveDesign.addingToCart":"Let go of adding to cart","page.htmlVision.interactiveDesign.dragToThisToBuy":"Drag to this area to buy","page.htmlVision.interactiveDesign.previousPage":"Previous Page","page.htmlVision.interactiveDesign.nextPage":"Next Page","page.htmlVision.interactiveDesign.personalArticle":"Personal Article","page.htmlVision.interactiveDesign.autoCompletePunctuation":"Automatically complete the punctuation input box","page.htmlVision.interactiveDesign.stackedImages":"Hover effect for stacked images","page.htmlVision.utilitarianFunction.operatingShears":"Operating Shears","page.htmlVision.utilitarianFunction.saveTextToClipboard":"Save the text to the clipboard","page.htmlVision.utilitarianFunction.pleaseEnterText":"Please enter text first","page.htmlVision.utilitarianFunction.getsTextFromClipboard":"Gets text from the clipboard","page.htmlVision.utilitarianFunction.saveImageToClipboard":"Save the image to the clipboard","page.htmlVision.utilitarianFunction.getImageFromClipboard":"Get the image from the clipboard","page.htmlVision.utilitarianFunction.pasteTheImage":"Ctrl+V Paste the image","page.htmlVision.utilitarianFunction.recordAudio":"Record Audio","page.htmlVision.utilitarianFunction.startRecording":"Start Recording","page.htmlVision.utilitarianFunction.whileRecording":"While recording, click End","page.htmlVision.utilitarianFunction.rerecord":"Rerecord","page.htmlVision.utilitarianFunction.recordScreen":"Record Screen","page.htmlVision.utilitarianFunction.recordVideo":"Record Video","page.htmlVision.utilitarianFunction.takeIDPhotos":"Take ID Photos","page.htmlVision.utilitarianFunction.clickToTakeAPhoto":"Click To Take a Photo","page.htmlVision.utilitarianFunction.readyToTakeAPhoto":"Ready To take a Photo","page.htmlVision.utilitarianFunction.backPhoto":"Back Photo","page.htmlVision.utilitarianFunction.oneInch":"1 inch","page.htmlVision.utilitarianFunction.twoInch":"2 inch","page.cssDynamicEffect.richDynamicEffect.SVGCircularClock":"SVG Circular clock dynamic effect","page.cssDynamicEffect.richDynamicEffect.upAndDownCard":"Up-and-down card dynamic effect","page.cssDynamicEffect.richDynamicEffect.charging":"Charging dynamic effect","page.cssDynamicEffect.richDynamicEffect.zongziLoading":"Zongzi loading dynamic effect","page.cssDynamicEffect.richDynamicEffect.borderRotation":"Border rotation dynamic effect","page.cssDynamicEffect.richDynamicEffect.luminousText":"Luminous text dynamic effect","page.cssDynamicEffect.richDynamicEffect.searchlightText":"Searchlight text dynamic effect","page.cssDynamicEffect.richDynamicEffect.wavyText":"Wavy text dynamic effect","page.cssDynamicEffect.richDynamicEffect.textLineDisplay":"Text line display dynamic effect","page.cssDynamicEffect.richDynamicEffect.textLineLoop":"Text line loop dynamic effect","page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar":"Mobius loop bar dynamic effect","page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots":"Mobius loop circle dots dynamic effect","page.cssDynamicEffect.richDynamicEffect.tankShaking":"Tank shaking dynamic effect","page.cssDynamicEffect.generateRegularPolygon.numberOfSides":"Number of sides","page.cssDynamicEffect.generateRegularPolygon.rotation":"Rotation","page.canvasDynamicEffect.sphereCollisionExample":"sphere-collision example","page.canvasDynamicEffect.dynamicClock":"Dynamic clock effect","page.canvasDynamicEffect.searchlight":"Searchlight effect","page.canvasDynamicEffect.startGame":"Start Game","page.canvasDynamicEffect.continueTheGame":"Continue The Game","page.canvasDynamicEffect.restart":"Restart","page.canvasDynamicEffect.pause":"Pause","page.canvasDynamicEffect.gameHasPaused":"The game has been paused","page.canvasDynamicEffect.score":"Score","page.canvasDynamicEffect.videoIsSlowToLoad":"The video is slow to load, please wait patiently","page.canvasDynamicEffect.matchLineQuestion":"Match line question","page.canvasDynamicEffect.fruit":"Fruit","page.canvasDynamicEffect.animal":"Animal","page.canvasDynamicEffect.car":"Car","page.canvasDynamicEffect.vegetable":"Vegetable","page.canvasDynamicEffect.pleaseReset":"Currently verified, please reset","page.canvasDynamicEffect.noVerifiableAnswer":"There is no verifiable answer","page.threeJs3D.abrazine":"Abrazine","page.threeJs3D.cryolite":"Cryolite","page.threeJs3D.ordinary":"Ordinary","page.threeJs3D.transparent":"Transparent","page.threeJs3D.carDisplayAndMatching":"Car display and matching","page.threeJs3D.bodyColor":"Body Color","page.threeJs3D.anteriorFaceColor":"Anterior Face Color","page.threeJs3D.hoodColor":"Hood Color","page.threeJs3D.hubColor":"Hub Color","page.threeJs3D.filmMaterial":"Film Material","page.threeJs3D.windshieldMaterial":"Windshield Material","page.threeJs3D.diceNum":"Number of dice","page.threeJs3D.enterDiceNum":"Please enter the number of dice first","page.threeJs3D.visualizationPlatform":"Large screen visualization platform","page.AIApplication.humanPostureDetection":"Real-time human posture detection (Camera required)","page.AIApplication.send":"Send","page.AIApplication.sendBarrage":"Send barrage","page.imageProcessingTool.extensionTipFront":"If you want to use this tool offline, or if you have images larger than 1350x1350 that need to be processed, it is recommended that you use the","page.imageProcessingTool.extensionTipBehind":"browser extension, will be the extension of the project folder is loaded into the browser can be used.","page.imageProcessingTool.imageTooSmall":"Please select the size above 20x20","page.imageProcessingTool.imageTooLarge":"Please select the size below 1350x1350","page.imageProcessingTool.shmpch":"Shmpch","page.imageProcessingTool.edgeSharpening":"Edge Sharpening","page.imageProcessingTool.filterContrast":"Filter Contrast","page.imageProcessingTool.redFilter":"Red Filter","page.imageProcessingTool.greenFilter":"Green Filter","page.imageProcessingTool.blueFilter":"Blue Filter","page.imageProcessingTool.redGreenFilter":"Red-green Filter","page.imageProcessingTool.redBlueFilter":"Red-blue Filter","page.imageProcessingTool.blueGreenFilter":"Blue-green Filter","page.imageProcessingTool.redGreyFilter":"Red-grey Filter","page.imageProcessingTool.greenGreyFilter":"Green-grey Filter","page.imageProcessingTool.blueGreyFilter":"Blue-grey Filter","page.imageProcessingTool.gaussianBlur":"Gaussian Blur","page.imageProcessingTool.jpgToPng":"JPG To PNG","page.imageProcessingTool.pngToJpg":"PNG To JPG","page.imageProcessingTool.pleaseEnterBrightness":"Please enter the brightness value","page.imageProcessingTool.darken":"Darken","page.imageProcessingTool.lighten":"Lighten","page.imageProcessingTool.pleaseEnterDiaphaneity":"Please enter a transparency value","page.imageProcessingTool.pleaseUploadPng":"Please upload the image in png format","page.imageProcessingTool.whetherValueFixed":"Whether the value is fixed","page.imageProcessingTool.becomeTransparent":"Become transparent","page.imageProcessingTool.becomeOpaque":"Become opaque","page.imageProcessingTool.compressibility":"Compressibility","page.imageProcessingTool.pleaseEnterFilletRadius":"Please enter the fillet radius","page.imageProcessingTool.filletRadius":"Fillet radius","page.imageProcessingTool.clippedAndConvertedToPng":"Clipped and converted to PNG format","page.imageProcessingTool.WhetherRetainOriginalDimension":"Whether to retain the original dimension","page.videoProcessingTool.tip":"The tool processing video will be very slow, because it is a pure front-end implementation, the correct approach is to upload the file to the background for processing, here is only to provide a pure front-end video processing solution.","page.videoProcessingTool.generatingVideo":"Work hard at generating video","page.htmlVision.applicationPageFrame.secondPage":"Second Page","page.htmlVision.applicationPageFrame.thirdPage":"Third Page","page.htmlVision.applicationPageFrame.lastPage":"Last Page","page.htmlVision.applicationPageFrame.title":"The ultimate solution for two cross-domain pages to jump and pass parameters","page.htmlVision.applicationPageFrame.author":"Author","page.htmlVision.applicationPageFrame.pageA":"Page A","page.htmlVision.applicationPageFrame.pageB":"Page B","page.htmlVision.applicationPageFrame.appoint":"Article convention","page.htmlVision.applicationPageFrame.appointText1":"Page A: The original page before the jump. Assume that the page is a.com","page.htmlVision.applicationPageFrame.appointText2":"Page B: The target page to jump to. Assume that the page is b.com","page.htmlVision.applicationPageFrame.subTitle1":"First, simple scheme","page.htmlVision.applicationPageFrame.des1":"When it comes to page hopping, the first thing that comes to mind is using the a tag","page.htmlVision.applicationPageFrame.codeBox1.text":"Click the link on page A and transfer the parameter data to page B","page.htmlVision.applicationPageFrame.codeBox2.text":"The parameters sent from page A are received on page B","page.htmlVision.applicationPageFrame.des2":"You can also use the window.open method to jump to the page","page.htmlVision.applicationPageFrame.des3":"Disadvantages: Parameter passing by URL is limited by the number of characters and can only pass a small amount of data.","page.htmlVision.applicationPageFrame.subTitle2":"Second, pass long data scheme","page.htmlVision.applicationPageFrame.des4":"If you want to transfer a large amount of data, you can't use the method of putting data in the URL. Here I use the window.postMessage method introduced in HTML5 for data transfer.","page.htmlVision.applicationPageFrame.des5":"If the iframe tag is used to embed page B in page A, the method is as follows:","page.htmlVision.applicationPageFrame.des6":"Abuse","page.htmlVision.applicationPageFrame.des7":"1. When sending messages using postMessage, ensure that page B has been loaded. Since pages A and B are cross-domain, popup.onload is invalid, and only setTimeout can be used to delay sending.","page.htmlVision.applicationPageFrame.des8":"2. If you use the iframe tag, you can only embed the page and not open a new window. If you use window.open, you can open a new window. However, no data is passed when the B page is first loaded. The data is sent after the window opens, so there is a delay on page B.","page.htmlVision.applicationPageFrame.subTitle3":"Third, ultimate solution: iframe+postMessage+localStorage","page.htmlVision.applicationPageFrame.des9":"On page A, use iframe tag to load page B and hide it. When click Jump, use postMessage to send message to page B, monitor the data sent from page A on page B, and then save it to localStorage. Then, when page A uses window.open to open page B, Page B directly goes to localStorage to get data, so that the page jump and parameter pass is completed","page.htmlVision.applicationPageFrame.codeBox3.text":"When the data can be obtained, it means that it is from page A","page.htmlVision.applicationPageFrame.des10":"Summarize","page.htmlVision.applicationPageFrame.des11":"1. Both iframe and postMessage can be cross-domain, while localStorage cannot share data across domains.","page.htmlVision.applicationPageFrame.des12":"2. Window in window.postMessage always refers to the window object of the target page to be jumped to."}},gb=function(){var e=d().locale,t=(0,m.V$)(db);return(0,s.jsx)("div",{className:"app_container",translate:"no",children:(0,s.jsx)(mb.Z,{locale:e||"en-us",messages:fb[e||"en-us"],children:t})})},hb=document.getElementById("root");hb&&(0,i.s)(hb).render((0,s.jsx)(u,{children:(0,s.jsx)(a.UT,{children:(0,s.jsx)(gb,{})})}))},75410:function(){},48628:function(){},75042:function(){}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={id:e,loaded:!1,exports:{}};return r[e].call(n.exports,n,n.exports,a),n.loaded=!0,n.exports}a.m=r,a.amdD=function(){throw new Error("define cannot be used indirect")},a.amdO={},e=[],a.O=function(t,n,r,i){if(!n){var o=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],i=e[u][2];for(var s=!0,c=0;c<n.length;c++)(!1&i||o>=i)&&Object.keys(a.O).every((function(e){return a.O[e](n[c])}))?n.splice(c--,1):(s=!1,i<o&&(o=i));if(s){e.splice(u--,1);var l=r();void 0!==l&&(t=l)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[n,r,i]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},a.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var i=Object.create(null);a.r(i);var o={};t=t||[null,n({}),n([]),n(n)];for(var s=2&r&&e;"object"==typeof s&&!~t.indexOf(s);s=n(s))Object.getOwnPropertyNames(s).forEach((function(t){o[t]=function(){return e[t]}}));return o.default=function(){return e},a.d(i,o),i},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},function(){var e;a.g.importScripts&&(e=a.g.location+"");var t=a.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");n.length&&(e=n[n.length-1].src)}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e}(),function(){var e={179:0};a.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,i,o=n[0],s=n[1],c=n[2],l=0;if(o.some((function(t){return 0!==e[t]}))){for(r in s)a.o(s,r)&&(a.m[r]=s[r]);if(c)var u=c(a)}for(t&&t(n);l<o.length;l++)i=o[l],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return a.O(u)},n=self.webpackChunkvisualization_collection=self.webpackChunkvisualization_collection||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var o=a.O(void 0,[845,61,294,24,968,117],(function(){return a(23509)}));o=a.O(o)}();
\ No newline at end of file
+!function(){var e,t,n,r={82900:function(e,t,n){"use strict";var r=n(67294),i=n(20745),a=n(79655),o=n(29439),s=n(85893),c=r.createContext({locale:"en-us",setLocale:function(){},headHeight:0,setHeadHeight:function(){},menuWidth:0,setMenuWidth:function(){},scrollTop:0,setScrollTop:function(){},scrollContentRef:r.createRef(),setScrollContentRef:function(){}}),l=r.createRef(),u=function(e){var t=localStorage.getItem("language")||"en-us",n=(0,r.useState)(t),i=(0,o.Z)(n,2),a=i[0],u=i[1],d=(0,r.useState)(0),m=(0,o.Z)(d,2),f=m[0],g=m[1],p=(0,r.useState)(0),h=(0,o.Z)(p,2),v=h[0],x=h[1],y=(0,r.useState)(0),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;j(e),l.current&&l.current.scrollTop!==e&&(l.current.scrollTop=e)}),[]);return(0,s.jsx)(c.Provider,{value:{locale:a,headHeight:f,menuWidth:v,scrollTop:w,setLocale:function(e){var t=/^zh\b/.test(e.toLocaleLowerCase())?"zh-cn":"en-us";u(t),localStorage.setItem("language",t)},setHeadHeight:g,setMenuWidth:x,setScrollTop:b,scrollContentRef:l,setScrollContentRef:function(e){e&&(l=e)}},children:e.children})},d=function(){return(0,r.useContext)(c)},m=n(89250),f=n(49089);var g={init:function(){f.ZP.initialize("G-N0W492NWD6")},sendEvent:function(e){f.ZP.event(e)},sendPageview:function(e){f.ZP.send({hitType:"pageview",page:e})}};var p=n(86896),h=n(52758),v=n(13242),x=n(812),y=n(73218),A=function(e){var t=(0,r.useRef)({screenLeft:window.screenLeft,screenTop:window.screenTop}),n=(0,r.useRef)(0),i=function r(){if(t.current){var i=t.current,a=i.screenLeft,o=i.screenTop;if(a!==window.screenLeft||o!==window.screenTop){var s={screenLeft:window.screenLeft,screenTop:window.screenTop};t.current=s,e(s)}}n.current=window.requestAnimationFrame(r)};return(0,r.useEffect)((function(){return n.current=window.requestAnimationFrame(i),function(){n.current&&window.cancelAnimationFrame(n.current)}}),[]),t.current},w=window.location.host.includes("localhost")||window.location.host.includes("127.0.0.1"),j=function(e,t,n,i,a){var s=(0,r.useRef)(Math.random().toString(36).substring(2)),c=(0,r.useState)(null),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(""),f=(0,r.useRef)(!1),g=(0,r.useRef)(0),p=(0,r.useRef)(0),h=function(){var e=0,t=0;if(null!=a&&a.current){var n=a.current.getBoundingClientRect(),r=n.top,i=n.left,o=n.width,c=n.height;e=i+window.screenLeft+o/2,t=r+window.screenTop+c/2}else e=window.innerWidth/2+window.screenLeft,t=window.innerHeight/2+window.screenTop;return{pageId:s.current,x:e,y:t}},v=(0,r.useCallback)((function(){var e=h(),t=window.localStorage.getItem(n);if(t){var r=JSON.parse(t);if(r&&r.length>0){var i=JSON.parse(t).filter((function(e){return e.pageId!==s.current}));i.unshift(e),window.localStorage.setItem(n,JSON.stringify(i))}else window.localStorage.setItem(n,JSON.stringify([e]))}else window.localStorage.setItem(n,JSON.stringify([e]))}),[]),x=(0,r.useCallback)((function(){var e=window.localStorage.getItem(n);if(e){var t=JSON.parse(e);if(t&&t.length>0){var r=JSON.parse(e).filter((function(e){return e.pageId===m.current}));window.localStorage.setItem(n,JSON.stringify(r))}}}),[]),y=(0,r.useCallback)((function(){if(e&&f.current){var n=document.getElementById(e);if(n){var r,i=h();null===(r=n.contentWindow)||void 0===r||r.postMessage(JSON.stringify(i),t)}}}),[]),j=(0,r.useCallback)((function(){if(e&&f.current){var n=document.getElementById(e);if(n){var r;g.current=0;var a={pageId:s.current,keepAlive:!0,timestamp:(new Date).getTime()};null===(r=n.contentWindow)||void 0===r||r.postMessage(JSON.stringify(a),t),p.current||(p.current=window.setTimeout((function(){p.current=0,window.localStorage.removeItem(i),m.current="",d(null)}),1500))}}}),[]),b=function(e){if(e){var t=JSON.parse(e);if(t&&t.length>0){for(var n=!1,r=0,i=t.length;r<i;r++){var a=t[r];if(a.pageId!==s.current){m.current=a.pageId,d(a),n=!0;break}}n||(m.current="",d(null))}else m.current="",d(null)}else m.current="",d(null)},_=function(e){if(e){var t=JSON.parse(e);t?(m.current=t.pageId,d(t)):(m.current="",d(null))}else m.current="",d(null)},D=(0,r.useCallback)((function(e){e.origin===t&&(e.data?e.data.includes("keepAlive")?window.localStorage.setItem("keepAliveInfo",e.data):window.localStorage.setItem(i,e.data):(window.localStorage.setItem("keepAliveInfo",""),window.localStorage.setItem(i,"")))}),[]),M=(0,r.useCallback)((function(e){if(e.key===n)b(e.newValue);else if("keepAliveInfo"===e.key){if(e.newValue){var t=JSON.parse(e.newValue);if(m.current)t&&t.pageId===m.current&&p.current&&(window.clearTimeout(p.current),p.current=0);else{p.current&&(window.clearTimeout(p.current),p.current=0);var r={pageId:t.pageId,x:0,y:0};m.current=t.pageId,d(r)}}}else e.key===i&&_(e.newValue)}),[]),k=(0,r.useCallback)((function(){if(window.self===window.top)if(w){y();var e=window.localStorage.getItem(i);_(e)}else{v();var t=window.localStorage.getItem(n);b(t)}}),[]);return A(k),(0,r.useEffect)((function(){if(window.self===window.top)if(w){if(e&&null!=a&&a.current){var n=document.createElement("iframe");n.id=e,n.style.visibility="hidden",n.onload=function(){f.current=!0,k(),window.addEventListener("storage",M),window.addEventListener("resize",k),g.current=window.setInterval((function(){j()}),600)},n.src=t,a.current.appendChild(n)}}else k(),window.addEventListener("storage",M),window.addEventListener("resize",k),window.addEventListener("beforeunload",x);else w&&window.addEventListener("message",D,!1);return function(){window.self===window.top?(window.removeEventListener("storage",M),window.removeEventListener("resize",k),g.current&&window.clearInterval(g.current),p.current&&window.clearTimeout(p.current),w||x()):w&&window.removeEventListener("message",D)}}),[]),{interactPageInfo:u,resendMessage:k}},b=["#F2BB00","#16BA79","#2454E6","#5470c6","#ea7ccc","#91cc75","#ee6666","#73c0de","#3ba272","#9a60b4"],_="bIframe",D="http://localhost:3003",M="InteractionEyes_container__nC6-d",k="InteractionEyes_eye__zDx2I",N="InteractionEyes_heart__G9lnP",E="InteractionEyes_eyeball__hK-+b",C=function(){var e=d().locale,t=(0,r.useRef)(null),n=j(_,D,"selfPageInfoList","bPageInfo",t),i=n.interactPageInfo,a=n.resendMessage;(0,r.useEffect)((function(){a()}),[e]);var o=(0,r.useMemo)((function(){if(t.current&&i){var e=i.x,n=i.y,r=t.current.getBoundingClientRect(),a=r.top,o=r.left,s=r.width,c=r.height,l=o+window.screenLeft+s/2,u=a+window.screenTop+c/2,d=Math.hypot(e-l,n-u);return d>28?{eyeballLeft:9*(e-l)/d,eyeballTop:9*(n-u)/d}:{eyeballLeft:0,eyeballTop:0}}return null}),[i]);return(0,s.jsx)("div",{className:M,ref:t,children:o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:k,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:N}):(0,s.jsx)("div",{className:E,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})}),(0,s.jsx)("div",{className:k,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:N}):(0,s.jsx)("div",{className:E,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})})]})})},S=n.p+"images/235f02ed.jpeg",P=n(4942);function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(e){return(0,s.jsx)("svg",I(I({width:"1em",height:"1em",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsxs)("g",{fill:"#11142D",fillRule:"nonzero",children:[(0,s.jsx)("path",{d:"M2.324 2.323h15.12v15.12H2.324V2.323ZM1.711.999a.71.71 0 0 0-.711.71v16.347c0 .393.318.71.71.71h16.348a.71.71 0 0 0 .71-.71V1.71a.71.71 0 0 0-.71-.71H1.71Z"}),(0,s.jsx)("path",{d:"M10.097 13.383V12.36h-4.63V9.863h4.18V8.84h-4.18V6.552H9.91V5.529H4.267v7.854h5.83Zm2.277 0V9.962c.044-.462.21-.825.473-1.09.242-.241.54-.351.87-.351.88 0 1.33.484 1.33 1.452v3.41h1.166v-3.51c0-1.561-.715-2.331-2.123-2.331a1.98 1.98 0 0 0-.957.22 2.183 2.183 0 0 0-.759.638v-.704h-1.166v5.687h1.166Z"})]})}))};function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=function(e){return(0,s.jsx)("svg",F(F({width:"1em",height:"1em",viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsxs)("g",{fill:"#11142D",fillRule:"nonzero",children:[(0,s.jsx)("path",{d:"M2.44 2.323h15.12v15.12H2.44V2.323ZM1.827.999a.71.71 0 0 0-.711.71v16.347c0 .393.318.71.71.71h16.347a.71.71 0 0 0 .711-.71V1.71a.71.71 0 0 0-.71-.71H1.826Z"}),(0,s.jsx)("path",{d:"M10.539 14.593v-3.685h2.87v.627h1.046V6.222h-3.916V4.319H9.46v1.903H5.556v5.313H6.6v-.627h2.86v3.685h1.078ZM9.46 9.885H6.6v-2.64h2.86v2.64Zm3.949 0h-2.871v-2.64h2.87v2.64Z"})]})}))},G="Header_container__4tC+Z",Z="Header_left__7u7-T",Q="Header_title__T9B5R",L="Header_right__qQAPq",z="Header_btn__osEo4",H="Header_rewardModal__LMM8K",V="Header_closeBtn__p4OnE",U=window.location.host.includes("localhost")||window.location.host.includes("127.0.0.1"),W=function(){var e=(0,p.Z)(),t=d(),n=t.locale,i=t.setLocale,a=t.setHeadHeight,c=(0,r.useRef)(null),l=(0,r.useState)(!1),u=(0,o.Z)(l,2),m=u[0],f=u[1];return(0,r.useEffect)((function(){if(c.current){var e=c.current.getBoundingClientRect().height;a(e)}}),[]),(0,s.jsxs)("div",{className:G,ref:c,children:[(0,s.jsxs)("div",{className:Z,children:[(0,s.jsx)("div",{className:Q,onClick:function(){if(U){var e,t=document.getElementById(_);if(t)null===(e=t.contentWindow)||void 0===e||e.postMessage("autoSavePassword",D);window.open(D,"_blank","top=200,left=100")}else window.open("https://hepengwei.cn","_blank","top=200,left=100")},children:e.formatMessage({id:"common.logoName"})}),(0,s.jsx)(C,{})]}),(0,s.jsxs)("div",{className:L,children:[(0,s.jsx)(h.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.reward"}),children:(0,s.jsx)("div",{className:z,onClick:function(){f(!0)},children:(0,s.jsx)(x.Z,{})})}),(0,s.jsx)(h.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.LanguageSwitch"}),children:(0,s.jsx)("div",{className:z,onClick:function(){i("zh-cn"===n?"en-us":"zh-cn")},children:"zh-cn"===n?(0,s.jsx)(O,{}):(0,s.jsx)(T,{})})})]}),(0,s.jsxs)(v.Z,{wrapClassName:H,title:e.formatMessage({id:"common.reward"}),open:m,footer:null,maskClosable:!1,width:320,children:[(0,s.jsx)("div",{className:V,onClick:function(){f(!1)},children:(0,s.jsx)(y.Z,{})}),(0,s.jsx)("img",{src:S,alt:""}),(0,s.jsx)("p",{children:e.formatMessage({id:"common.reward.tip"})})]})]})},Y=n(73935),J=n(7278),q=n(93483),K=n(29934),X=n(3682),$=n(50161),ee=n(90894),te=n(53587),ne=n(22608),re=n(1351),ie=n(76629),ae=n(85191),oe=n(71577),se=n(24847),ce="Menus_container__dz5ma",le="Menus_topBox__EoJUd",ue="Menus_top__a7CPT",de="Menus_menuLabel__eOdiw",me="Menus_bottom__dStLR";function fe(e,t,n,r,i){return{key:t,icon:n,children:r,label:(0,s.jsx)("p",{className:de,children:e}),type:i}}var ge=function(){var e=(0,p.Z)(),t=(0,m.s0)(),n=(0,m.TH)(),i=(0,r.useState)(!1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=d().setMenuWidth,f=(0,r.useRef)(null),g=[fe(e.formatMessage({id:"menu.htmlVision"}),"html",(0,s.jsx)(J.Z,{}),[fe(e.formatMessage({id:"menu.htmlVision.visualDesign"}),"visualDesign"),fe(e.formatMessage({id:"menu.htmlVision.interactiveDesign"}),"interactiveDesign"),fe(e.formatMessage({id:"menu.htmlVision.backgroundPattern"}),"backgroundEffect"),fe(e.formatMessage({id:"menu.htmlVision.complexLayout"}),"complexLayout"),fe(e.formatMessage({id:"menu.htmlVision.applicationPageFrame"}),"appPageFrame"),fe(e.formatMessage({id:"menu.htmlVision.utilitarianFunction"}),"utilitarianFunction")]),fe(e.formatMessage({id:"menu.cssDynamicEffect"}),"css",(0,s.jsx)(q.Z,{}),[fe(e.formatMessage({id:"menu.cssDynamicEffect.dynamicEffectButton"}),"dynamicButtons"),fe(e.formatMessage({id:"menu.cssDynamicEffect.richDynamicEffect"}),"richDynamicEffect"),fe(e.formatMessage({id:"menu.cssDynamicEffect.generateRegularPolygon"}),"generateRegularPolygon")]),fe(e.formatMessage({id:"menu.canvasDynamicEffect"}),"canvas",(0,s.jsx)(K.Z,{}),[fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionExample"}),"sphereCollisionExample"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicClock"}),"dynamicClock"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.searchlightEffect"}),"searchlight"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionInteraction"}),"globuleInteraction"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.destroyThePlanetGame"}),"killPlanetGame"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereFreeFallInteraction"}),"freeFallingBody"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.coolCountdownAnimation"}),"countDown"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicParticleBackground"}),"particlesBg"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.rippleEffect"}),"rippleFloatOnTheWater"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.flowerBloomingAnimation"}),"flowerBloom"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.codeBackgroundWall"}),"codeBgWall"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.wordDance"}),"wordDance"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.scratch"}),"scratch"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.matchLine"}),"matchLine")]),fe(e.formatMessage({id:"menu.echartsInteraction"}),"echarts",(0,s.jsx)(X.Z,{}),[fe(e.formatMessage({id:"menu.echartsInteraction.barCharts"}),"bar"),fe(e.formatMessage({id:"menu.echartsInteraction.pieCharts"}),"pie"),fe(e.formatMessage({id:"menu.echartsInteraction.treeCharts"}),"tree")]),fe(e.formatMessage({id:"menu.threeJs3D"}),"threejs",(0,s.jsx)($.Z,{}),[fe(e.formatMessage({id:"menu.threeJs3D.appPageFrame"}),"threejsAppPageFrame"),fe(e.formatMessage({id:"menu.threeJs3D.carShow"}),"carShow"),fe(e.formatMessage({id:"menu.threeJs3D.rubiksCube"}),"rubiksCube"),fe(e.formatMessage({id:"menu.threeJs3D.throwDice"}),"throwDice"),fe(e.formatMessage({id:"menu.threeJs3D.mapDisplay"}),"mapDisplay"),fe(e.formatMessage({id:"menu.threeJs3D.earthDisplay"}),"earthDisplay")]),fe(e.formatMessage({id:"menu.AIApplication"}),"AIApplication",(0,s.jsx)(ee.Z,{}),[fe(e.formatMessage({id:"menu.AIApplication.humanPostureDetection"}),"humanPostureDetection"),fe(e.formatMessage({id:"menu.AIApplication.notBlockPeopleBarrage"}),"notBlockPeopleBarrage")]),fe(e.formatMessage({id:"menu.imageProcessingTool"}),"imageProcessingTool",(0,s.jsx)(te.Z,{})),fe(e.formatMessage({id:"menu.videoProcessingTool"}),"videoProcessingTool",(0,s.jsx)(ne.Z,{}))],h=(0,r.useCallback)((0,ae.Z)((function(){var e=Y.findDOMNode(f.current);e&&u(e.clientWidth)}),{wait:360}).run,[]),v=(0,r.useMemo)((function(){var e=n.pathname,t=[];if(e){var r=e.split("/"),i=r[r.length-1];i&&t.push(i)}return t}),[n]),x=(0,r.useMemo)((function(){var e=n.pathname;if(e){var t=e.split("/");if(t.length>=2&&t[1])return[t[1]]}return["html"]}),[n]);return(0,r.useEffect)((function(){h()}),[c]),(0,r.useEffect)((function(){return window.addEventListener("resize",h),function(){window.removeEventListener("resize",h)}}),[]),(0,s.jsxs)("div",{className:ce,ref:f,children:[(0,s.jsxs)("div",{className:le,children:[(0,s.jsx)("div",{className:ue,children:(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){l(!c)},style:{marginBottom:16},children:c?(0,s.jsx)(re.Z,{}):(0,s.jsx)(ie.Z,{})})}),(0,s.jsx)(se.Z,{defaultOpenKeys:x,selectedKeys:v,mode:"inline",theme:"dark",inlineCollapsed:c,items:g,onClick:function(e){var n=e.keyPath.reduce((function(e,t){return e="/".concat(t).concat(e)}),"");t(n)}})]}),(0,s.jsx)("div",{className:me,children:!c&&(0,s.jsx)("span",{children:e.formatMessage({id:"common.keepUpdating"})})})]})},pe="Home_container__RMLhs",he="Home_container_body__-OVNZ",ve="Home_container_content__q7A-W",xe=function(){(function(){var e=(0,m.TH)();r.useEffect((function(){g.init()}),[]),r.useEffect((function(){var t=e.pathname+e.search;g.sendPageview(t)}),[e])})();var e=d(),t=e.setScrollTop,n=e.setScrollContentRef,i=(0,m.V$)(xb),a=(0,m.TH)(),o=(0,m.s0)(),c=(0,r.useRef)(null);return(0,r.useEffect)((function(){var e=a.pathname;e&&"/"!==e||o("/html/visualDesign")}),[a]),(0,r.useEffect)((function(){n(c)}),[]),(0,s.jsxs)("div",{className:pe,children:[(0,s.jsx)(W,{}),(0,s.jsxs)("div",{className:he,children:[(0,s.jsx)(ge,{}),(0,s.jsx)("div",{className:ve,onScroll:function(){var e;t(null===(e=c.current)||void 0===e?void 0:e.scrollTop)},ref:c,children:i})]})]})},ye=n(94184),Ae=n.n(ye),we={container:"GridContent_container__NO4Vk","gt2000-10":"GridContent_gt2000-10__RE2uy",content:"GridContent_content__69gKN","gt2000-9":"GridContent_gt2000-9__VwNg6","gt2000-8":"GridContent_gt2000-8__aZHuR","gt2000-7":"GridContent_gt2000-7__4aOmt","gt2000-6":"GridContent_gt2000-6__MehF3","gt2000-5":"GridContent_gt2000-5__omS8h","gt2000-4":"GridContent_gt2000-4__0cmEO","gt2000-3":"GridContent_gt2000-3__80YFg","gt2000-2":"GridContent_gt2000-2__hUksd","gt2000-1":"GridContent_gt2000-1__JdP9G","eq1700_2000-10":"GridContent_eq1700_2000-10__v-j8J","eq1700_2000-9":"GridContent_eq1700_2000-9__bxTIf","eq1700_2000-8":"GridContent_eq1700_2000-8__1e7ek","eq1700_2000-7":"GridContent_eq1700_2000-7__1mKDg","eq1700_2000-6":"GridContent_eq1700_2000-6__8I1De","eq1700_2000-5":"GridContent_eq1700_2000-5__aZuE+","eq1700_2000-4":"GridContent_eq1700_2000-4__2XNj+","eq1700_2000-3":"GridContent_eq1700_2000-3__Xd2vl","eq1700_2000-2":"GridContent_eq1700_2000-2__eoPvO","eq1700_2000-1":"GridContent_eq1700_2000-1__RvrMQ","eq1400_1700-10":"GridContent_eq1400_1700-10__XQV+M","eq1400_1700-9":"GridContent_eq1400_1700-9__uLvev","eq1400_1700-8":"GridContent_eq1400_1700-8__Rw4q0","eq1400_1700-7":"GridContent_eq1400_1700-7__EoYy7","eq1400_1700-6":"GridContent_eq1400_1700-6__Avlp5","eq1400_1700-5":"GridContent_eq1400_1700-5__yFmoN","eq1400_1700-4":"GridContent_eq1400_1700-4__jEXj+","eq1400_1700-3":"GridContent_eq1400_1700-3__r3QBa","eq1400_1700-2":"GridContent_eq1400_1700-2__ayZbL","eq1400_1700-1":"GridContent_eq1400_1700-1__26hdp","eq1200_1400-10":"GridContent_eq1200_1400-10__OBpag","eq1200_1400-9":"GridContent_eq1200_1400-9__9dEMp","eq1200_1400-8":"GridContent_eq1200_1400-8__d5kk8","eq1200_1400-7":"GridContent_eq1200_1400-7__qwN-x","eq1200_1400-6":"GridContent_eq1200_1400-6__ol1NV","eq1200_1400-5":"GridContent_eq1200_1400-5__B5RI8","eq1200_1400-4":"GridContent_eq1200_1400-4__+SHwZ","eq1200_1400-3":"GridContent_eq1200_1400-3__pjJ9a","eq1200_1400-2":"GridContent_eq1200_1400-2__xdmba","eq1200_1400-1":"GridContent_eq1200_1400-1__6n2l7","eq500_1200-10":"GridContent_eq500_1200-10__EhvGm","eq500_1200-9":"GridContent_eq500_1200-9__Yvosl","eq500_1200-8":"GridContent_eq500_1200-8__Hs4PY","eq500_1200-7":"GridContent_eq500_1200-7__p1yUT","eq500_1200-6":"GridContent_eq500_1200-6__N0+SP","eq500_1200-5":"GridContent_eq500_1200-5__73c-5","eq500_1200-4":"GridContent_eq500_1200-4__SwI71","eq500_1200-3":"GridContent_eq500_1200-3__+b39n","eq500_1200-2":"GridContent_eq500_1200-2__RowGZ","eq500_1200-1":"GridContent_eq500_1200-1__dK0BP","lt500-10":"GridContent_lt500-10__KVc6r","lt500-9":"GridContent_lt500-9__EdDXq","lt500-8":"GridContent_lt500-8__wqwWv","lt500-7":"GridContent_lt500-7__GiMWq","lt500-6":"GridContent_lt500-6__sHgte","lt500-5":"GridContent_lt500-5__WBqou","lt500-4":"GridContent_lt500-4__ucReZ","lt500-3":"GridContent_lt500-3__Ax3Zt","lt500-2":"GridContent_lt500-2__+Pq9U","lt500-1":"GridContent_lt500-1__T7m7X"},je=function(e){var t,n=e.differentScreenCols,i=e.rowSpace,a=void 0===i?0:i,o=e.colSpace,c=void 0===o?0:o,l=e.className,u=void 0===l?"":l,d=e.children,m=n.map((function(e,t){return e?parseInt(e.toString()).toString():t<=4?"1":""}));return(0,s.jsx)("div",{className:Ae()((t={},(0,P.Z)(t,we.container,!0),(0,P.Z)(t,we["gt2000-".concat(m[0])],!0),(0,P.Z)(t,we["eq1700_2000-".concat(m[1])],!0),(0,P.Z)(t,we["eq1400_1700-".concat(m[2])],!0),(0,P.Z)(t,we["eq1200_1400-".concat(m[3])],!0),(0,P.Z)(t,we["eq500_1200-".concat(m[4])],!0),(0,P.Z)(t,we["lt500-".concat(m[5])],!!m[5]),t)),children:(0,s.jsx)("div",{className:"".concat(we.content," ").concat(u),style:{width:"calc(100% + ".concat(c,"px)"),marginLeft:"".concat(-c/2,"px"),marginRight:"".concat(-c/2,"px")},children:"[object Array]"===Object.prototype.toString.call(d)?d.map((function(e){return r.cloneElement(e,{rowSpace:a,colSpace:c})})):d||null})})};je.GridBox=function(e){var t=e.key,n=e.className,r=e.rowSpace,i=void 0===r?0:r,a=e.colSpace,o=void 0===a?0:a,c=e.children;return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",padding:"".concat(i/2,"px ").concat(o/2,"px")},className:n,children:c},t)};var be=je,_e="GlassMimicry1_container__3KhAO",De="GlassMimicry1_card__WwxgS",Me="GlassMimicry1_circle__DoolB",ke="GlassMimicry1_rect__Or-6t",Ne=function(){return(0,s.jsxs)("div",{className:_e,children:[(0,s.jsxs)("div",{className:De,children:[(0,s.jsx)("h1",{children:"TiKi Platinum"}),(0,s.jsx)("h2",{children:"6228 8076 2232 8768"}),(0,s.jsx)("h3",{children:"van conf banck"}),(0,s.jsx)("h4",{children:"03 / 29"})]}),(0,s.jsx)("div",{className:Me}),(0,s.jsx)("div",{className:ke})]})},Ee="GlassMimicry2_container__S445M",Ce="GlassMimicry2_card__3l4Ng",Se="GlassMimicry2_circle__VaL67",Pe="GlassMimicry2_rect__qdTWE",Be=function(){return(0,s.jsxs)("div",{className:Ee,children:[(0,s.jsxs)("div",{className:Ce,children:[(0,s.jsx)("h1",{children:"TiKi Platinum"}),(0,s.jsx)("h2",{children:"6228 8076 2232 8768"}),(0,s.jsx)("h3",{children:"van conf banck"}),(0,s.jsx)("h4",{children:"09 / 24"})]}),(0,s.jsx)("div",{className:Se}),(0,s.jsx)("div",{className:Pe})]})},Ie="MixBlendMode_container__Fh1Tw",Te="MixBlendMode_content__0uwYQ",Re=function(){return(0,s.jsx)("div",{className:Ie,children:(0,s.jsx)("div",{className:Te})})},Fe=function(e,t){var n=e.finalText,i=void 0===n?"":n,a=e.textList,c=void 0===a?[]:a,l=e.switchingInterval,u=void 0===l?60:l,d=e.duration,m=void 0===d?1500:d,f=e.className,g=void 0===f?"":f,p=(0,r.useRef)(c.length>0?0:-1),h=(0,r.useState)(-1===p.current?i:c[p.current]||""),v=(0,o.Z)(h,2),x=v[0],y=v[1],A=(0,r.useRef)(0),w=(0,r.useRef)(0),j=(0,r.useRef)(0),b=(0,r.useCallback)((function(){var e=(new Date).getTime();if(e-w.current>=m)y(i),p.current=-1,j.current=e;else if(e-j.current>=u){var t=-1===p.current?0:p.current+1;t>=c.length&&(t=0),y(c[t]),p.current=t,j.current=e}A.current=requestAnimationFrame(b)}),[m]),_=(0,r.useCallback)((function(){var e=(new Date).getTime();w.current=e,j.current=e,A.current=requestAnimationFrame(b)}),[]),D=function(){A.current&&cancelAnimationFrame(A.current),p.current=0,y(c[0]),_()};return(0,r.useImperativeHandle)(t,(function(){return{restart:D}})),(0,r.useEffect)((function(){return _(),function(){A.current&&cancelAnimationFrame(A.current)}}),[]),(0,s.jsx)("span",{className:g,children:x&&x.split("").map((function(e,t){return(0,s.jsx)("span",{children:e},t)}))})},Oe=r.forwardRef(Fe),Ge="SwitchingText_container__9ICqS",Ze="SwitchingText_content__6PttP",Qe="SwitchingText_btn__9UW9Y",Le=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Ge,children:[(0,s.jsx)(Oe,{className:Ze,finalText:"Hello World",textList:["Tikiw Plati","Wkslc Wbxsw","Xsodu Qwoev","Dewcz Gewoe","Rsero Bokrs","Ckoex Jwclb","Tikiw Plati","Wkslc Wbxsw","Xsodu Qwoeb","Dewcz Gewoe","Rsero Bokrs","Ckoex Jwclb","Haiiw Pavis","Hwlle Ykels","Helic Wexiw","Heiik Mkdie","Helju Qvold","Helim Xkvlc","Hellw Gewie","Hellv Rkels","Hello Bokis","Hello Ceoix","Hello Wwclb","Hello Wzrlm","Hello Woaic","Hello Woxlm","Hello Woriw","Hello Woriv","Hello Worlc","Hello Worle"],duration:1900,ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Qe,onClick:function(){var t;null===(t=e.current)||void 0===t||t.restart()},children:"Once Again"})]})},ze=n(13614),He=n.n(ze),Ve="Typed1_container__2a+Le",Ue="Typed1_btn__5+jTK",We=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(He())(e.current,{strings:["Legends never die"],typeSpeed:60,showCursor:!1})),function(){var e;null===(e=t.current)||void 0===e||e.destroy()}}),[]),(0,s.jsxs)("div",{className:Ve,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Ue,onClick:function(){var e,n;null===(e=t.current)||void 0===e||e.reset(),null===(n=t.current)||void 0===n||n.start()},children:"Once Again"})]})},Ye="Typed2_container__XvJpL",Je="Typed2_btn__lqx2D",qe=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(He())(e.current,{strings:["Legan","Legends naver","Legends never die"],typeSpeed:60,showCursor:!1,backSpeed:60,backDelay:0})),function(){var e;null===(e=t.current)||void 0===e||e.destroy()}}),[]),(0,s.jsxs)("div",{className:Ye,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Je,onClick:function(){var e,n;null===(e=t.current)||void 0===e||e.reset(),null===(n=t.current)||void 0===n||n.start()},children:"Once Again"})]})};function Ke(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Xe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Xe(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function Xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var $e=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:400,r=document.createElement("span");r.style.visibility="hidden",r.style.padding="0",r.style.whiteSpace="nowrap",r.style.overflow="visible",r.style.fontSize=t>12?t+"px":"12px",r.style.fontWeight=n.toString(),r.innerText=e,document.body.appendChild(r);var i=r.offsetWidth;return document.body.removeChild(r),i},et=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:12,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:400,i=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],a="",o="",s="";if(!e||t<n||"string"!=typeof e)return a;var c=e.split(""),l=document.createElement("span");l.style.visibility="hidden",l.style.padding="0",l.style.whiteSpace="nowrap",l.style.overflow="visible",l.style.fontSize=n>12?n+"px":"12px",l.style.fontWeight=r.toString(),document.body.appendChild(l);for(var u=0,d=c.length;u<d;u++){var m=c[u];o=s,a=s+=m,l.innerText=s;var f=l.offsetWidth;if(f>t){a=i?o+"...":o;break}}return document.body.removeChild(l),a};function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var rt=function(e){var t=e.text,n=void 0===t?"":t,i=e.lineNum,a=void 0===i?1:i,c=e.buttonText,l=e.buttonTextSize,u=void 0===l?12:l,d=e.buttonTextWeight,m=void 0===d?400:d,f=e.onClickButton,g=e.style,p=e.onTextOverChange,h=12,v=400;g&&(g.fontSize&&(h=parseInt(g.fontSize)),g.textWeight&&(v=Number(g.textWeight)));var x=(0,r.useRef)(null);if(!n)return(0,s.jsx)("div",{ref:x});var y=(0,r.useState)(0),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useRef)(!1),_=(0,r.useMemo)((function(){var e=n,t=!1,r=Math.max(u,12);if(w)if(et(n,w*a,h,v).endsWith("...")&&(t=!0),t){var i=$e("...",h,v),o=0;c&&(o=$e(c,r,m)),e=et(n,w*a-i-o-2,h,v)}else e=n;return t!==b.current&&(b.current=t,p&&p(t)),{textStyle:nt({fontSize:"".concat(h,"px"),fontWeight:v,wordBreak:"break-all",position:"relative",padding:0},g),finalText:e,isOver:t,buttonStyle:{fontSize:"".concat(r,"px"),fontWeight:m.toString(),color:"#0076FF",cursor:"pointer",padding:0,position:"absolute",right:0}}}),[w,a,n,c,u,g]),D=(0,r.useCallback)((function(){if(x.current){var e=Y.findDOMNode(x.current);j(e?e.offsetWidth:0)}}),[]);return(0,r.useEffect)((function(){D()}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",D),function(){window.removeEventListener("resize",D)}}),[]),(0,s.jsxs)("div",{style:_.textStyle,ref:x,children:[_.finalText,c&&_.isOver&&(0,s.jsx)("span",{style:_.buttonStyle,onClick:function(e){f&&f(e)},children:c})]})},it="AutoEllipsisText_container__2dFtS",at=function(){var e=(0,p.Z)(),t=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows"}),n=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows2"}),i=(0,r.useState)(!1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=function(e){l(e)};return(0,s.jsxs)("div",{className:it,children:[c?(0,s.jsx)(h.Z,{placement:"top",title:t,children:(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(rt,{text:t,style:{fontSize:"24px"},onTextOverChange:u})})}):(0,s.jsx)(rt,{text:t,style:{fontSize:"24px"},onTextOverChange:u}),(0,s.jsx)(rt,{text:n.repeat(4),style:{fontSize:"24px",marginTop:"40px"}}),(0,s.jsx)(rt,{text:n.repeat(8),lineNum:2,style:{fontSize:"16px",marginTop:"40px"},buttonText:"More",buttonTextSize:16})]})},ot=n.p+"images/c5e4532e.jpg",st="FilterCSS_container__HnHaW",ct="FilterCSS_left__dim3U",lt="FilterCSS_right__MsfmE",ut=function(){var e=(0,p.Z)();return(0,s.jsxs)("div",{className:st,children:[(0,s.jsxs)("div",{className:ct,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.brighten"})}),(0,s.jsx)("img",{src:ot,alt:""})]}),(0,s.jsxs)("div",{className:lt,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.grayed"})}),(0,s.jsx)("img",{src:ot,alt:""})]})]})},dt="BgFusion_container__VJAbX",mt=function(){return(0,s.jsx)("div",{className:dt})},ft={container:"MyLogo_container__KNKdW",box1:"MyLogo_box1__XgNc6",leftTopRect:"MyLogo_leftTopRect__rrMK9",circle:"MyLogo_circle__g+xkt",middleRect:"MyLogo_middleRect__c5wUq",bottomRect:"MyLogo_bottomRect__VJqty",box2:"MyLogo_box2__7wfXg",box3:"MyLogo_box3__d3P-I"},gt=new Array(3).fill(0),pt=function(){return(0,s.jsx)("div",{className:ft.container,children:gt.map((function(e,t){return(0,s.jsxs)("div",{className:ft["box".concat(t+1)],children:[(0,s.jsx)("div",{className:ft.leftTopRect}),(0,s.jsx)("div",{className:ft.circle}),(0,s.jsx)("div",{className:ft.middleRect}),(0,s.jsx)("div",{className:ft.bottomRect})]},t)}))})},ht={container:"ShearAngle_container__tRA3S",box1:"ShearAngle_box1__5M-bD",box2:"ShearAngle_box2__n9GvI",box3:"ShearAngle_box3__uaxeG"},vt=new Array(3).fill(0),xt=function(){return(0,s.jsx)("div",{className:ht.container,children:vt.map((function(e,t){return(0,s.jsx)("div",{className:ht["box".concat(t+1)]},t)}))})},yt="AnnulusLoading_container__r9c4O",At="AnnulusLoading_content__3Beje",wt="AnnulusLoading_item7__AQC4n",jt="AnnulusLoading_item6__+tYBR",bt="AnnulusLoading_item5__PkkRq",_t="AnnulusLoading_item4__C2KqR",Dt="AnnulusLoading_item3__sTLBN",Mt="AnnulusLoading_item2__29w+l",kt="AnnulusLoading_item1__kaRKn",Nt=function(){return(0,s.jsx)("div",{className:yt,children:(0,s.jsxs)("div",{className:At,children:[(0,s.jsx)("div",{className:kt}),(0,s.jsx)("div",{className:Mt}),(0,s.jsx)("div",{className:Dt}),(0,s.jsx)("div",{className:_t}),(0,s.jsx)("div",{className:bt}),(0,s.jsx)("div",{className:jt}),(0,s.jsx)("div",{className:wt})]})})},Et=n.p+"images/7380e6f7.jpg",Ct=n.p+"images/ba36f098.jpg",St=n.p+"images/e7c8df7d.jpg",Pt=n.p+"images/06a46209.jpg",Bt=n.p+"images/ed6d9a11.jpg",It=n.p+"images/271a66ed.jpg",Tt=n.p+"images/2506df73.jpg",Rt="Honeycomb_container__gPdSS",Ft="Honeycomb_content__Dufrz",Ot=function(){return(0,s.jsx)("div",{className:Rt,children:(0,s.jsxs)("div",{className:Ft,children:[(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:St,alt:""}),(0,s.jsx)("img",{src:Pt,alt:""}),(0,s.jsx)("img",{src:Bt,alt:""}),(0,s.jsx)("img",{src:It,alt:""}),(0,s.jsx)("img",{src:Tt,alt:""})]})})},Gt="PizzaPie_container__+jqg8",Zt="PizzaPie_content__nr36j",Qt=function(){return(0,s.jsx)("div",{className:Gt,children:(0,s.jsxs)("div",{className:Zt,children:[(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:St,alt:""}),(0,s.jsx)("img",{src:Pt,alt:""}),(0,s.jsx)("img",{src:Bt,alt:""}),(0,s.jsx)("img",{src:It,alt:""})]})})},Lt="AnnulusProgressBar_container__t7uE8",zt="AnnulusProgressBar_content__aiBoG",Ht="AnnulusProgressBar_box__Wl9L-",Vt="AnnulusProgressBar_circleOuter__OmSUl",Ut="AnnulusProgressBar_num__CAG59",Wt=function(){var e=(0,r.useState)(0),t=(0,o.Z)(e,2)[1],n=(0,r.useRef)(0),i=(0,r.useRef)(0),a=function e(){var r=471,a=document.getElementById("circle");if(n.current>=100){n.current=0,t(0);var o=document.getElementById("circle");o&&(o.style.strokeDashoffset="".concat(r.toString()))}else n.current=Number((n.current+.1).toFixed(2)),t(Number((n.current+.1).toFixed(2))),r=Math.floor(r-r*n.current/100),a&&(a.style.strokeDashoffset="".concat(r.toString()));i.current=window.requestAnimationFrame(e)};return(0,r.useEffect)((function(){return a(),function(){i.current&&cancelAnimationFrame(i.current)}}),[]),(0,s.jsx)("div",{className:Lt,children:(0,s.jsx)("div",{className:zt,children:(0,s.jsxs)("div",{className:Ht,children:[(0,s.jsx)("div",{className:Vt}),(0,s.jsxs)("svg",{children:[(0,s.jsx)("defs",{children:(0,s.jsxs)("radialGradient",{id:"gradient",cx:"50%",cy:"50%",r:"60%",fx:"50%",fy:"50%",children:[(0,s.jsx)("stop",{offset:"30%",stopColor:"#3cba92"}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#c1dfc4"})]})}),(0,s.jsx)("circle",{stroke:"url(#gradient)",id:"circle"})]}),(0,s.jsx)("div",{className:Ut,children:"".concat(Math.floor(n.current),"%")})]})})})},Yt={container:"AudioLoading_container__LkPXP",content:"AudioLoading_content__Agk5G",span0:"AudioLoading_span0__e1joN",loading:"AudioLoading_loading__Nvgnt",span1:"AudioLoading_span1__KLPUt",span2:"AudioLoading_span2__gOuZh",span3:"AudioLoading_span3__HO3on",span4:"AudioLoading_span4__rFl95",span5:"AudioLoading_span5__Y6BnT",span6:"AudioLoading_span6__jIPUG",span7:"AudioLoading_span7__LmzsW",span8:"AudioLoading_span8__gZg1m",span9:"AudioLoading_span9__BzF4d",span10:"AudioLoading_span10__-p-zh",span11:"AudioLoading_span11__Zse6t",span12:"AudioLoading_span12__Rxrq8",span13:"AudioLoading_span13__21nbh",span14:"AudioLoading_span14__KHro-"},Jt=new Array(15).fill(0),qt=function(){return(0,s.jsx)("div",{className:Yt.container,children:(0,s.jsx)("div",{className:Yt.content,children:Jt.map((function(e,t){return(0,s.jsx)("span",{className:Yt["span".concat(t)]},t)}))})})},Kt={container:"SudokuImageAnimation_container__66i30",content:"SudokuImageAnimation_content__bY8Mn",item:"SudokuImageAnimation_item__XGZRs",item8:"SudokuImageAnimation_item8__WsYmu",item7:"SudokuImageAnimation_item7__QNe8D",item6:"SudokuImageAnimation_item6__YU2jR",item5:"SudokuImageAnimation_item5__wz8hO",item4:"SudokuImageAnimation_item4__uHQZd",item3:"SudokuImageAnimation_item3__HiACA",item2:"SudokuImageAnimation_item2__yf6pT",item1:"SudokuImageAnimation_item1__W23ZS",item0:"SudokuImageAnimation_item0__rk5Me"},Xt=new Array(9).fill(0),$t=function(){return(0,s.jsx)("div",{className:Kt.container,children:(0,s.jsx)("div",{className:Kt.content,children:Xt.map((function(e,t){return(0,s.jsx)("div",{className:Kt["item".concat(t)]},t)}))})})},en="TextWrap_container__vVl1N",tn="TextWrap_topText__eHwkJ",nn="TextWrap_poly__EwnPy",rn="TextWrap_leftFloat__Uo9rJ",an="TextWrap_rightFloat__ezXwd",on=function(){var e=(0,p.Z)().formatMessage({id:"page.htmlVision.visualDesign.quantumEntanglementTip"});return(0,s.jsxs)("div",{className:en,children:[(0,s.jsx)("div",{className:tn,children:e.repeat(40)}),(0,s.jsx)("div",{className:"".concat(nn," ").concat(rn)}),(0,s.jsx)("div",{className:"".concat(nn," ").concat(an)}),(0,s.jsx)("span",{children:e.repeat(180)})]})},sn="WaterDropLogin_container__d6dk7",cn="WaterDropLogin_content__jiIiV",ln="WaterDropLogin_drop__Nq7iB",un="WaterDropLogin_contentBox__nL6ua",dn="WaterDropLogin_inputBox__2oxY0",mn="WaterDropLogin_btns__Sil7M",fn="WaterDropLogin_signup__h0wNv",gn=function(){return(0,s.jsx)("div",{className:sn,children:(0,s.jsxs)("div",{className:cn,children:[(0,s.jsx)("div",{className:ln,children:(0,s.jsxs)("div",{className:un,children:[(0,s.jsx)("h2",{children:"Sign in"}),(0,s.jsxs)("form",{children:[(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("input",{type:"text",placeholder:"Username"})}),(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("input",{type:"password",placeholder:"Password"})}),(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("input",{type:"submit",value:"Login"})})]})]})}),(0,s.jsxs)("div",{className:mn,children:[(0,s.jsx)("span",{children:"Forget"}),(0,s.jsx)("span",{children:"Password"})]}),(0,s.jsx)("div",{className:"".concat(mn," ").concat(fn),children:"Signup"})]})})},pn="TextShadow_container__3+vOx",hn="TextShadow_content__ngpOP",vn=function(){var e=(0,p.Z)().formatMessage({id:"page.htmlVision.visualDesign.textShadow"});return(0,s.jsx)("div",{className:pn,children:(0,s.jsx)("div",{className:hn,"data-text":e,children:e})})},xn="HorseRacelamp_container__bVbh9",yn="HorseRacelamp_scroll__kRja6",An=new Array(4).fill(0),wn=function(){var e=function(){return(0,s.jsx)("span",{children:"Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross"})};return(0,s.jsx)("div",{className:xn,children:An.map((function(t,n){return(0,s.jsxs)("div",{className:yn,children:[e(),e()]},n)}))})},jn="HarmonyLogo_container__uTwnw",bn="HarmonyLogo_content__Azar3",_n="HarmonyLogo_top__zSfqW",Dn="HarmonyLogo_line__6yj7q",Mn="HarmonyLogo_bottom__4ZSOr",kn=function(){return(0,s.jsxs)("div",{className:jn,children:[(0,s.jsxs)("div",{className:bn,children:[(0,s.jsx)("div",{className:_n,children:(0,s.jsx)("div",{className:Dn})}),(0,s.jsx)("div",{className:Mn})]}),(0,s.jsx)("svg",{children:(0,s.jsxs)("filter",{id:"fractal",filterUnits:"objectBoundingBox",x:"0%",y:"0%",width:"100%",height:"100%",children:[(0,s.jsx)("feTurbulence",{id:"turbulence",type:"fractalNoise",baseFrequency:"0.005 0.005",numOctaves:"10",children:(0,s.jsx)("animate",{attributeName:"baseFrequency",dur:"30s",values:"0.005 0.005;0.05 0.3;0.005 0.005",repeatCount:"indefinite"})}),(0,s.jsx)("feDisplacementMap",{in:"SourceGraphic",scale:"15"})]})})]})},Nn="Preserve3D_container__EZ7l0",En="Preserve3D_content__yxNQy",Cn="Preserve3D_cubeInner__oYaXM",Sn="Preserve3D_top__6op2D",Pn="Preserve3D_bottom__Rmjl+",Bn="Preserve3D_front__+CRYT",In="Preserve3D_back__-ZjU+",Tn="Preserve3D_left__YYWAD",Rn="Preserve3D_right__R5Aqm",Fn="Preserve3D_cubeOuter__pwwjS",On=function(){return(0,s.jsx)("div",{className:Nn,children:(0,s.jsxs)("div",{className:En,children:[(0,s.jsxs)("div",{className:Cn,children:[(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Pn}),(0,s.jsx)("div",{className:Bn}),(0,s.jsx)("div",{className:In}),(0,s.jsx)("div",{className:Tn}),(0,s.jsx)("div",{className:Rn})]}),(0,s.jsxs)("div",{className:Fn,children:[(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Pn}),(0,s.jsx)("div",{className:Bn}),(0,s.jsx)("div",{className:In}),(0,s.jsx)("div",{className:Tn}),(0,s.jsx)("div",{className:Rn})]})]})})},Gn="RotateAndBgFixed_container__Kc-WW",Zn="RotateAndBgFixed_box__DkROP",Qn="RotateAndBgFixed_a__Yi0br",Ln="RotateAndBgFixed_b__Vv6J0",zn="RotateAndBgFixed_c__xgerx",Hn="RotateAndBgFixed_d__d9aYT",Vn="RotateAndBgFixed_e__V1OJc",Un=function(){return(0,s.jsx)("div",{className:Gn,children:(0,s.jsxs)("div",{className:Zn,children:[(0,s.jsx)("div",{className:Qn,children:(0,s.jsx)("img",{src:Et,alt:""})}),(0,s.jsx)("div",{className:Ln,children:(0,s.jsx)("img",{src:Ct,alt:""})}),(0,s.jsx)("div",{className:zn,children:(0,s.jsx)("img",{src:St,alt:""})}),(0,s.jsx)("div",{className:Hn,children:(0,s.jsx)("img",{src:Pt,alt:""})}),(0,s.jsx)("div",{className:Vn,children:(0,s.jsx)("img",{src:Bt,alt:""})})]})})},Wn="HexagonalMesh_container__mdJJ9",Yn="HexagonalMesh_item__hVzAo",Jn=new Array(300).fill(0),qn=function(){return(0,s.jsx)("div",{className:Wn,children:Jn.map((function(e,t){return(0,s.jsx)("div",{className:Yn},t)}))})},Kn="HexagonalRadar_container__hFck5",Xn="HexagonalRadar_content__sj-0h",$n="HexagonalRadar_item__IF+DR",er="HexagonalRadar_maskBox__SqK8S",tr=new Array(5).fill(0),nr=function(){return(0,s.jsxs)("div",{className:Kn,children:[(0,s.jsx)("div",{className:Xn,children:tr.map((function(e,t){return(0,s.jsx)("div",{className:$n},t)}))}),(0,s.jsx)("div",{className:er})]})},rr=n.p+"images/d2fa7cd8.png",ir="HoverEnlargement_container__t9rVI",ar=function(){return(0,s.jsx)("div",{className:ir,children:(0,s.jsx)("img",{src:rr,alt:""})})},or="ConicGradientRing_container__CU+cz",sr="ConicGradientRing_box__6P5ea",cr="ConicGradientRing_item__jy15e",lr="ConicGradientRing_semicircle__-N2Ks";function ur(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ur(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ur(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var mr=[{name:"label1",num:23},{name:"label2",num:12},{name:"label3",num:48},{name:"label4",num:37},{name:"label5",num:18}],fr=function(){var e=(0,r.useMemo)((function(){var e=mr.reduce((function(e,t){return e+t.num}),0);if((null==mr?void 0:mr.length)>0){var t=0,n=mr.map((function(n,r){var i="".concat(t,"deg"),a=n.num/e*360;return t+=a,dr(dr({},n),{},{deg:"".concat(a,"deg"),rotate:i,color:b[r]})}));return n}return[]}),[mr]);return(0,s.jsx)("div",{className:or,children:(0,s.jsx)("div",{className:sr,children:e.map((function(e){return(0,s.jsx)("div",{className:cr,style:{background:"conic-gradient(".concat(e.color," 0,transparent ").concat(e.deg,")"),transform:"rotate(".concat(e.rotate,")")},children:(0,s.jsx)("div",{className:lr,style:{backgroundColor:e.color}})},e.name)}))})})},gr=n.p+"images/c6bccf3b.png",pr=n.p+"images/71329ec9.jpg",hr="GlassDesign1_container__jIg8H",vr="GlassDesign1_glass__x+jsp",xr=function(){return(0,s.jsxs)("div",{className:hr,children:[(0,s.jsx)("img",{src:gr,alt:""}),(0,s.jsx)("div",{className:vr}),(0,s.jsx)("svg",{style:{display:"none"},children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"glassFilter1",children:[(0,s.jsx)("feImage",{result:"pict1",xlinkHref:pr,x:"0",y:"0",width:"517",height:"517"}),(0,s.jsx)("feDisplacementMap",{scale:"30",xChannelSelector:"R",yChannelSelector:"R",in2:"pict1",in:"SourceGraphic"})]})})})]})},yr=n.p+"images/3ef61d0d.jpg",Ar="GlassDesign2_container__BLEzA",wr="GlassDesign2_glass__UZeM9",jr=function(){return(0,s.jsxs)("div",{className:Ar,children:[(0,s.jsx)("img",{src:gr,alt:""}),(0,s.jsx)("div",{className:wr}),(0,s.jsx)("svg",{style:{display:"none"},children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"glassFilter2",children:[(0,s.jsx)("feImage",{result:"pict1",xlinkHref:yr,x:"0",y:"0",width:"523",height:"330"}),(0,s.jsx)("feDisplacementMap",{scale:"30",xChannelSelector:"R",yChannelSelector:"R",in2:"pict1",in:"SourceGraphic"})]})})})]})},br="Ribbon_container__ZOkiq",_r="Ribbon_ribbon__wI2K8",Dr=function(){return(0,s.jsxs)("div",{className:br,children:[(0,s.jsx)("div",{className:_r,style:{"--fontSize":"34px",fontWeight:600},children:"Visualization Collection"}),(0,s.jsxs)("div",{className:_r,style:{"--fontSize":"28px","--background":"#8A9B0F",fontWeight:500},children:["Visualization Collection ",(0,s.jsx)("br",{})," Visualization Collection"]}),(0,s.jsxs)("div",{className:_r,style:{"--background":"#45ADA8"},children:["Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection"]})]})},Mr=n(78343),kr=n(79501);function Nr(e){return e.toString().padStart(2,"0")}var Er,Cr=function(e){if(e){var t=e.slice(0,19).replace(/-/g,"/");return e.endsWith("+0000 UTC")?(0,kr.Z)((0,Mr.Z)(new Date(t),8),"YYYY/MM/DD HH:mm:ss"):t}return""},Sr="ActivityCountDown_container__z9J8Y",Pr="ActivityCountDown_num__F1ysh",Br="ActivityCountDown_unit__X1r8-",Ir=function(e){var t=e.countParams,n=e.overCallback,i=e.style,a=void 0===i?{}:i,c=t.day,l=void 0===c?59:c,u=t.hour,d=void 0===u?59:u,m=t.minute,f=void 0===m?59:m,g=t.seconds,p=void 0===g?59:g,h=(0,r.useState)({d:l,h:d,m:f,s:p}),v=(0,o.Z)(h,2),x=v[0],y=v[1],A=(0,r.useRef)(x),w=(0,r.useRef)(!0),j=(0,r.useRef)(0),b=function(){if(!w.current){var e=A.current,t=e.d,r=e.h,i=e.m,a=e.s,o=0===r&&0===i&&0===a,s=0===i&&0===a,c=0===a;if(0===t&&0===r&&0===i&&0===a)w.current=!0,n&&n();else if(o){var l={d:t-1,h:23,m:59,s:59};A.current=l,y(l)}else if(s){var u={d:t,h:r-1,m:59,s:59};A.current=u,y(u)}else if(c){var d={d:t,h:r,m:i-1,s:59};A.current=d,y(d)}else{var m={d:t,h:r,m:i,s:a-1};A.current=m,y(m)}}};return(0,r.useEffect)((function(){var e=t.day,r=void 0===e?59:e,i=t.hour,a=void 0===i?59:i,o=t.minute,s=void 0===o?59:o,c=t.seconds,l={d:r,h:a,m:s,s:void 0===c?59:c};A.current=l,y(l),0===l.d&&0===l.h&&0===l.m&&0===l.s?w.current||(w.current=!0,n&&n(),j.current&&(window.clearInterval(j.current),j.current=0)):w.current&&(w.current=!1,j.current=window.setInterval(b,1e3))}),[t]),(0,r.useEffect)((function(){return function(){j.current&&window.clearInterval(j.current)}}),[]),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:Sr,style:a,children:[(0,s.jsx)("div",{className:Pr,children:Nr(x.d)}),(0,s.jsx)("div",{className:Br,children:"天"}),(0,s.jsx)("div",{className:Pr,children:Nr(x.h)}),(0,s.jsx)("div",{className:Br,children:"时"}),(0,s.jsx)("div",{className:Pr,children:Nr(x.m)}),(0,s.jsx)("div",{className:Br,children:"分"}),(0,s.jsx)("div",{className:Pr,children:Nr(x.s)}),(0,s.jsx)("div",{className:Br,children:"秒"})]})})},Tr="ActivityCountDown_container__Nw3or",Rr="ActivityCountDown_title__5HUMy",Fr=function(){var e=function(e){var t=e.type,n=void 0===t?"ms":t,r=e.startTime,i=void 0===r?"":r,a=e.serverTime,o=void 0===a?0:a,s="s"===n?1e3*Number(o):o;if(!i)return{day:0,hour:0,minute:0,seconds:0,timeRemaining:0};var c="string"==typeof i?Cr(i):i,l=new Date(c).getTime()-s;return{day:Math.floor(l/1e3/60/60/24),hour:Math.floor(l/1e3/60/60%24),minute:Math.floor(l/1e3/60%60),seconds:Math.floor(l/1e3%60),timeRemaining:l}}({type:"ms",startTime:(0,Mr.Z)(new Date,2).getTime(),serverTime:(new Date).getTime()}),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),i=n[0],a=n[1];return(0,s.jsxs)("div",{className:Tr,children:[(0,s.jsx)("div",{className:Rr,children:i?"活动正在进行中":"距离活动开始剩余："}),!i&&(0,s.jsx)(Ir,{countParams:e,overCallback:function(){a(!0)},style:{marginTop:"16px"}})]})},Or="VisualDesign_container__oN2JR",Gr="VisualDesign_box__-TYNG",Zr=be.GridBox,Qr=[{element:(0,s.jsx)(Ne,{})},{element:(0,s.jsx)(Be,{})},{element:(0,s.jsx)(Re,{})},{element:(0,s.jsx)(Le,{})},{element:(0,s.jsx)(We,{})},{element:(0,s.jsx)(qe,{})},{element:(0,s.jsx)(at,{})},{element:(0,s.jsx)(on,{})},{element:(0,s.jsx)(mt,{})},{element:(0,s.jsx)(pt,{})},{element:(0,s.jsx)(xt,{})},{element:(0,s.jsx)(Nt,{})},{element:(0,s.jsx)(Ot,{})},{element:(0,s.jsx)(Qt,{})},{element:(0,s.jsx)(Wt,{})},{element:(0,s.jsx)(qt,{})},{element:(0,s.jsx)(ut,{})},{element:(0,s.jsx)($t,{})},{element:(0,s.jsx)(gn,{})},{element:(0,s.jsx)(vn,{})},{element:(0,s.jsx)(wn,{})},{element:(0,s.jsx)(kn,{})},{element:(0,s.jsx)(On,{})},{element:(0,s.jsx)(Un,{})},{element:(0,s.jsx)(qn,{})},{element:(0,s.jsx)(nr,{})},{element:(0,s.jsx)(ar,{})},{element:(0,s.jsx)(fr,{})},{element:(0,s.jsx)(xr,{})},{element:(0,s.jsx)(jr,{})},{element:(0,s.jsx)(Dr,{})},{element:(0,s.jsx)(Fr,{})}],Lr=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Or,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Qr.map((function(e,t){return(0,s.jsx)(Zr,{children:(0,s.jsx)("div",{className:Gr,children:e.element})},t)}))})})},zr=[],Hr=function(e){e.data,(0,p.Z)();return null},Vr="ModuleTitle_container__7ZCMv",Ur=function(e){var t=(0,p.Z)(),n=e.intlTitle,r=e.style,i=void 0===r?{}:r;return(0,s.jsx)("div",{className:Vr,style:i,children:t.formatMessage({id:n})})},Wr=n.p+"images/6765fa3b.png",Yr="MagnifyingGlass_container__z7+HK",Jr="MagnifyingGlass_content__csBAU",qr="MagnifyingGlass_smallBox__1rC23",Kr="MagnifyingGlass_mask__kbQ6H",Xr="MagnifyingGlass_floatBox__Msmv9",$r="MagnifyingGlass_bigBox__dtenq",ei=function(){var e=d(),t=e.scrollTop,n=e.headHeight,i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useState)(!1),u=(0,o.Z)(l,2),m=u[0],f=u[1];return(0,s.jsx)("div",{className:Yr,children:(0,s.jsxs)("div",{className:Jr,children:[(0,s.jsxs)("div",{className:qr,ref:i,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.magnifyingGlass",style:{top:"-80px",left:"114%"}}),(0,s.jsx)("div",{className:Kr,onMouseOver:function(){f(!0)},onMouseMove:function(e){var r=Y.findDOMNode(i.current),o=Y.findDOMNode(a.current),s=r.offsetWidth,l=r.offsetHeight,u=o.offsetWidth,d=o.offsetHeight,m=e.clientX-r.offsetLeft-u/2,f=0;m<0?m=0:m>s-u&&(m=s-u),(f=t<r.offsetTop-n-100?e.clientY-d/2-r.offsetTop-t:e.clientY-n-d/2+(t-r.offsetTop+n))<0?f=0:f>l-d&&(f=l-d),o.style.left=m+"px",o.style.top=f+"px";var g=m/(s-u),p=f/(l-d),h=Y.findDOMNode(c.current),v=h.children[0];v.style.left=-g*(v.offsetWidth-h.offsetWidth)+"px",v.style.top=-p*(v.offsetHeight-h.offsetHeight)+"px"},onMouseLeave:function(){f(!1)}}),(0,s.jsx)("div",{className:Xr,style:{visibility:m?"visible":"hidden"},ref:a}),(0,s.jsx)("img",{src:Wr})]}),(0,s.jsx)("div",{className:$r,ref:c,children:(0,s.jsx)("img",{src:Wr,style:{visibility:m?"visible":"hidden"}})})]})})},ti="CropImage_container__agQZ5",ni="CropImage_leftBox__rxH+K",ri="CropImage_img1__vvyEU",ii="CropImage_img2__CuOAQ",ai="CropImage_cropBox__A4fdb",oi="CropImage_dot__TnuYQ",si="CropImage_leftUp__RO+TV",ci="CropImage_up__fR18N",li="CropImage_rightUp__5Btk7",ui="CropImage_right__nbAwk",di="CropImage_rightDown__8vsgu",mi="CropImage_down__0RD60",fi="CropImage_leftDown__Ssc21",gi="CropImage_left__qEy8B",pi="CropImage_rightBox__tH7SB";!function(e){e[e.leftUp=0]="leftUp",e[e.up=1]="up",e[e.rightUp=2]="rightUp",e[e.right=3]="right",e[e.rightDown=4]="rightDown",e[e.down=5]="down",e[e.leftDown=6]="leftDown",e[e.left=7]="left"}(Er||(Er={}));var hi=function(){var e=d().scrollTop,t=(0,r.useRef)(0),n=(0,r.useRef)(0),i=(0,r.useRef)(!1),a=(0,r.useRef)(),o=(0,r.useRef)(!1),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=(0,r.useRef)(0),p=(0,r.useRef)(0),h=(0,r.useRef)(0),v=(0,r.useRef)(0),x=function(e){for(var t=e.offsetLeft,n=e.offsetTop,r=e.offsetParent;null!=r;)t+=r.offsetLeft,n+=r.offsetTop,r=r.offsetParent;return{left:t,top:n}},y=function(e){var n=e.clientX,r=Y.findDOMNode(l.current),i=x(r).left,a=i+t.current-4;n>a?n=a:n<i&&(n=i);var o=Y.findDOMNode(m.current),s=o.offsetWidth-2,c=n-s-x(o).left;o.style.width=s+c+"px"},A=function(t){var n=t.clientY+e,r=Y.findDOMNode(l.current),i=x(r).top,a=Y.findDOMNode(m.current),o=x(a).top,s=o+a.offsetHeight-4;n<i?n=i:n>s&&(n=s);var c=a.offsetHeight;a.style.height=c+o-n+"px",a.style.top=a.offsetTop+n-o+"px"},w=function(e){var t=e.clientX,n=Y.findDOMNode(l.current),r=x(n).left,i=Y.findDOMNode(m.current),a=x(i).left,o=a+i.offsetWidth-4;t<r?t=r:t>o&&(t=o);var s=i.offsetWidth;i.style.width=s+a-t+"px",i.style.left=i.offsetLeft+t-a+"px"},j=function(t){var r=t.clientY+e,i=Y.findDOMNode(l.current),a=x(i).top,o=a+n.current-4;r<a?r=a:r>o&&(r=o);var s=Y.findDOMNode(m.current),c=s.offsetHeight-2,u=r-c-x(s).top;s.style.height=c+u+"px"},b=function(){var e=Y.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,i=e.offsetTop,a=r+t,o=i+n;Y.findDOMNode(u.current).style.clip="rect(".concat(i,"px,").concat(a,"px,").concat(o,"px,").concat(r,"px)")},_=function(){var e=Y.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,i=e.offsetTop,a=r+t,o=i+n,s=Y.findDOMNode(f.current);s.style.top="".concat(-i,"px"),s.style.left="".concat(-r,"px"),s.style.clip="rect(".concat(i,"px,").concat(a,"px,").concat(o,"px,").concat(r,"px)")},D=function(e,t){e.stopPropagation(),i.current=!0,a.current=t},M=function(){i.current=!1,o.current=!1};return(0,r.useEffect)((function(){var e=Y.findDOMNode(l.current),r=e.offsetWidth,i=e.offsetHeight;t.current=r,n.current=i}),[]),(0,s.jsxs)("div",{className:ti,onMouseMove:function(e){if(o.current){var r=Y.findDOMNode(m.current),s=r.offsetWidth,c=r.offsetHeight,l=e.clientX-g.current,u=e.clientY-p.current,d=v.current+u,f=h.current+l;d<0?r.style.top="0px":d>n.current-c-2?r.style.top="".concat(n.current-c-2,"px"):r.style.top="".concat(d,"px"),f<0?r.style.left="0px":f>t.current-s-2?r.style.left="".concat(t.current-s-2,"px"):r.style.left="".concat(f,"px"),b(),_()}if(i.current){switch(a.current){case Er.right:y(e);break;case Er.up:A(e);break;case Er.left:w(e);break;case Er.down:j(e);break;case Er.leftUp:w(e),A(e);break;case Er.leftDown:w(e),j(e);break;case Er.rightUp:y(e),A(e);break;case Er.rightDown:y(e),j(e)}b(),_()}},onMouseUp:M,onMouseLeave:M,ref:c,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropClipBox"}),(0,s.jsxs)("div",{className:ni,ref:l,children:[(0,s.jsx)("img",{src:ot,className:ri}),(0,s.jsx)("img",{src:ot,className:ii,ref:u}),(0,s.jsxs)("div",{className:ai,onMouseDown:function(e){g.current=e.clientX,p.current=e.clientY;var t=Y.findDOMNode(m.current);v.current=t.offsetTop,h.current=t.offsetLeft,o.current=!0},ref:m,children:[(0,s.jsx)("div",{className:"".concat(oi," ").concat(si),onMouseDown:function(e){return D(e,Er.leftUp)}}),(0,s.jsx)("div",{className:"".concat(oi," ").concat(ci),onMouseDown:function(e){return D(e,Er.up)}}),(0,s.jsx)("div",{className:"".concat(oi," ").concat(li),onMouseDown:function(e){return D(e,Er.rightUp)}}),(0,s.jsx)("div",{className:"".concat(oi," ").concat(ui),onMouseDown:function(e){return D(e,Er.right)}}),(0,s.jsx)("div",{className:"".concat(oi," ").concat(di),onMouseDown:function(e){return D(e,Er.rightDown)}}),(0,s.jsx)("div",{className:"".concat(oi," ").concat(mi),onMouseDown:function(e){return D(e,Er.down)}}),(0,s.jsx)("div",{className:"".concat(oi," ").concat(fi),onMouseDown:function(e){return D(e,Er.leftDown)}}),(0,s.jsx)("div",{className:"".concat(oi," ").concat(gi),onMouseDown:function(e){return D(e,Er.left)}})]})]}),(0,s.jsx)("div",{className:pi,children:(0,s.jsx)("img",{src:ot,ref:f})})]})},vi=n.p+"images/e55cd06c.jpg",xi=n.p+"images/f44f33e9.jpg",yi=n.p+"images/ccd69096.jpg",Ai=n.p+"images/dbd623e3.jpg",wi=n.p+"images/d327c52a.jpg",ji=n.p+"images/f160c0ae.jpg",bi={container:"DragShopping_container__IbTIV",content:"DragShopping_content__VVnMY",bookBox:"DragShopping_bookBox__SDdDi",shoppingBox:"DragShopping_shoppingBox__3DBFv",tableHead:"DragShopping_tableHead__lYIfd",tableCell:"DragShopping_tableCell__6tWCA",tableRow:"DragShopping_tableRow__6Qo3x",total:"DragShopping_total__+sd3-",tip:"DragShopping_tip__vp+8T"};function _i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Di(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_i(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Mi=be.GridBox,ki=[{id:"1",name:"一个星期学会吉他弹唱",price:68,imgUrl:vi},{id:"2",name:"柳公权楷书教程入门",price:45,imgUrl:xi},{id:"3",name:"世说新语",price:52,imgUrl:yi},{id:"4",name:"名人传",price:124,imgUrl:Ai},{id:"5",name:"骆驼祥子",price:168,imgUrl:wi},{id:"6",name:"阅微堂笔记",price:56,imgUrl:ji}],Ni=function(){var e=(0,p.Z)(),t=(0,r.useState)([]),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(!1),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useState)(0),f=(0,o.Z)(m,2),g=f[0],h=f[1];return(0,s.jsxs)("div",{className:bi.container,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropShopping"}),(0,s.jsxs)("div",{className:bi.content,children:[(0,s.jsx)(be,{differentScreenCols:[6,6,3,3,3],rowSpace:0,colSpace:0,children:ki.map((function(e,t){var n=e.id,r=e.name,i=e.price,a=e.imgUrl;return(0,s.jsx)(Mi,{children:(0,s.jsxs)("div",{className:bi.bookBox,draggable:"true",onDragStart:function(e){return function(e,t){e=e||window.event;var n=ki[t];e.dataTransfer.setData("id",n.id),e.dataTransfer.effectAllowed="copy"}(e,t)},children:[(0,s.jsx)("img",{src:a,draggable:"false"}),(0,s.jsx)("p",{children:r}),(0,s.jsx)("p",{children:"￥".concat(i)})]})},n)}))}),(0,s.jsxs)("div",{className:bi.shoppingBox,style:u?{border:"1px solid #DD5044",color:"#DD5044"}:{},onDragOver:function(e){e.preventDefault(),u||d(!0)},onDragLeave:function(e){e.preventDefault(),u&&d(!1)},onDrop:function(e){e.preventDefault();var t=e.dataTransfer.getData("id"),n=!1,r=0,o=i.map((function(e){return e.id===t?(n=!0,r=e.price,Di(Di({},e),{},{num:e.num+1})):e}));if(!n){for(var s,c=ki.length-1;c>=0;c--){var l=ki[c];if(l.id===t){r=l.price,s=l;break}}s&&o.unshift(Di(Di({},s),{},{num:1}))}a(o),d(!1),h(g+r)},children:[(0,s.jsxs)("div",{className:bi.tableHead,children:[(0,s.jsx)("div",{className:bi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.title"})}),(0,s.jsx)("div",{className:bi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.price"})}),(0,s.jsx)("div",{className:bi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.count"})})]}),i.map((function(e){var t=e.id,n=e.num,r=e.name,i=e.price;return(0,s.jsxs)("div",{className:bi.tableRow,children:[(0,s.jsx)("div",{className:bi.tableCell,children:r}),(0,s.jsx)("div",{className:bi.tableCell,children:"￥".concat(i)}),(0,s.jsx)("div",{className:bi.tableCell,children:n})]},t)})),i.length>0&&(0,s.jsx)("div",{className:bi.total,children:(0,s.jsxs)("span",{className:bi.totalMoney,children:[e.formatMessage({id:"page.htmlVision.interactiveDesign.total"}),"：￥",(0,s.jsx)("span",{children:g})]})}),(0,s.jsx)("div",{className:bi.tip,children:u?e.formatMessage({id:"page.htmlVision.interactiveDesign.addingToCart"}):e.formatMessage({id:"page.htmlVision.interactiveDesign.dragToThisToBuy"})})]})]})]})},Ei=n.p+"images/70af4d01.jpg",Ci="MouseHover_container__QIdL2",Si="MouseHover_content__L5hzm",Pi="MouseHover_title__617kC",Bi="MouseHover_bottom__jjGyr",Ii="MouseHover_right__Aviwn",Ti="MouseHover_cursor__IcpdN",Ri=[{name:"两个跨域页面进行跳转传参的终极方案",href:"https://juejin.cn/post/7134967869326458916"},{name:"面试秘籍之手写系列",href:"https://juejin.cn/post/7134975263707758606"},{name:"一款将打包后的Chrome插件自动化加载到浏览器的webpack插件",href:"https://juejin.cn/post/7134991167095062565"},{name:"全网最全AutoIt3基础教程及实战案例",href:"https://juejin.cn/post/7134952028870017060"}],Fi=function(){var e=(0,p.Z)(),t=d().scrollTop,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)(!1),c=(0,o.Z)(a,2),l=c[0],u=c[1],m=(0,r.useState)("default"),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useRef)({mouseX:null,mouseY:null}),x=(0,r.useRef)(0),y=function(){h("big")},A=function(){h("default")};return(0,r.useEffect)((function(){return x.current=window.requestAnimationFrame((function e(){var t=v.current,n=t.mouseX,r=t.mouseY;if(null!==n&&null!==r){var a=10;"big"===g&&(a=40);var o=Y.findDOMNode(i.current),s=o.style.left?parseFloat(o.style.left):null,c=o.style.top?parseFloat(o.style.top):null;if(null!==s&&null!==c){var l=n-(s+a),u=r-(c+a),d=Math.hypot(l,u);if(d>0)if(d<=.1)o.style.left="".concat(s,"px"),o.style.top="".concat(c,"px");else{var m=.12*l,f=.12*u;o.style.left="".concat(s+m,"px"),o.style.top="".concat(c+f,"px")}}}x.current=window.requestAnimationFrame(e)})),function(){x.current&&window.cancelAnimationFrame(x.current)}}),[g]),(0,s.jsxs)("div",{className:Ci,onMouseEnter:function(e){var r=e.clientX,a=e.clientY;u(!0);var o=Y.findDOMNode(n.current),s=o.offsetLeft,c=void 0===s?0:s,l=o.offsetTop,d=void 0===l?0:l;v.current={mouseX:r-c,mouseY:a-(d-t)};var m=Y.findDOMNode(i.current);m.style.left="".concat((v.current.mouseX||0)-10,"px"),m.style.top="".concat((v.current.mouseY||0)-10,"px")},onMouseMove:function(e){var r=e.clientX,i=e.clientY,a=Y.findDOMNode(n.current),o=a.offsetLeft,s=void 0===o?0:o,c=a.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:i-(l-t)}},onMouseLeave:function(e){var r=e.clientX,i=e.clientY;u(!1);var a=Y.findDOMNode(n.current),o=a.offsetLeft,s=void 0===o?0:o,c=a.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:i-(l-t)}},ref:n,children:[(0,s.jsxs)("div",{className:Si,children:[(0,s.jsx)("p",{className:Pi,onMouseEnter:y,onMouseLeave:A,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.personalArticle"})}),(0,s.jsxs)("div",{className:Bi,children:[(0,s.jsx)("img",{src:Ei,alt:"",onMouseEnter:y,onMouseLeave:A}),(0,s.jsx)("div",{className:Ii,children:Ri.map((function(e,t){return(0,s.jsx)("a",{href:e.href,target:"_blank",onMouseEnter:y,onMouseLeave:A,children:e.name},t)}))})]})]}),(0,s.jsx)("div",{className:Ti,style:{visibility:l?"visible":"hidden",width:"".concat("big"===g?80:20,"px"),height:"".concat("big"===g?80:20,"px")},ref:i})]})},Oi="SlideButtonTab_container__eT4SM",Gi="SlideButtonTab_content__6sIYs",Zi="SlideButtonTab_btn__tD8IC",Qi="SlideButtonTab_actived__RWXqG",Li=new Array(4).fill(0),zi=function(){var e=(0,r.useRef)(null),t=(0,r.useState)(0),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useRef)(0);return(0,r.useEffect)((function(){if(e.current){var t=(e.current.getBoundingClientRect().width-32-8*(2*Li.length-2))/Li.length;e.current.style.setProperty("--btnWidth","".concat(t,"px")),c.current=t}}),[]),(0,s.jsxs)("div",{className:Oi,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.swipeTab"}),(0,s.jsx)("div",{className:Gi,ref:e,children:Li.map((function(t,n){return(0,s.jsxs)("div",{className:"".concat(Zi," ").concat(i===n?Qi:""),onClick:function(){return function(t){if(e.current&&i!==t){var n="".concat(16+c.current*t+8*t*2,"px");e.current.style.setProperty("--groove-left",n);var r="0deg";r=t<i?"-8deg":"8deg",e.current.style.setProperty("--wraper-rotate",r),window.setTimeout((function(){e.current&&e.current.style.setProperty("--wraper-rotate","0deg")}),600),a(t)}}(n)},children:["Button",n+1]},n)}))})]})},Hi=n.p+"images/a601ac6c.png",Vi=n.p+"images/d1a0696c.png",Ui=n.p+"images/e430aae1.png",Wi=n.p+"images/b2b0669d.png",Yi=n.p+"images/f354e378.png",Ji=n.p+"images/c6c82aab.png",qi=n.p+"images/7075d257.png",Ki=n.p+"images/b637b49e.png",Xi="FlipBook_container__bOMio",$i="FlipBook_pages__Ls1i4",ea="FlipBook_paper__qnIh0",ta="FlipBook_page__5K+Jz",na="FlipBook_left-show-front-page__I3ToF",ra="FlipBook_right-show-back-page__crJO-",ia="FlipBook_left-show-back-page__yRt8k",aa="FlipBook_right-show-front-page__pTHC0",oa="FlipBook_left-hide-front-page__kQs3M",sa="FlipBook_left-hide-back-page__lMGif",ca="FlipBook_right-hide-front-page__8XaW9",la="FlipBook_btns__9Cs+L",ua="FlipBook_btn__QmvzH",da=[[Hi,Vi],[Ui,Wi],[Yi,Ji],[qi,Ki]],ma=[na,ia,aa,ra,oa,sa,ca,"FlipBook_right-hide-back-page__56D1v"],fa=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(0),i=(0,r.useRef)(!1),a=function(){if(t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e,t){if(e.attributes&&e.attributes.length){var r,i;if(e.attributes.getNamedItem("data-left"))null===(r=e.attributes)||void 0===r||r.removeNamedItem("data-left");if(e.attributes.getNamedItem("data-right"))null===(i=e.attributes)||void 0===i||i.removeNamedItem("data-right")}var a=e.children;if(t===n.current){var o,s,c,l,u=document.createAttribute("data-left");u.nodeValue="true",e.attributes.setNamedItem(u),e.style.transform="perspective(1000px) rotateY(-180deg)",e.style.zIndex="4",null===(o=a[0].classList)||void 0===o||o.remove.apply(o,ma),null===(s=a[0].classList)||void 0===s||s.add(ia),null===(c=a[1].classList)||void 0===c||c.remove.apply(c,ma),null===(l=a[1].classList)||void 0===l||l.add(na)}else if(t===n.current+1){var d,m,f,g,p=document.createAttribute("data-right");p.nodeValue="true",e.attributes.setNamedItem(p),e.style.transform="perspective(1000px) rotateY(0deg)",e.style.zIndex="4",null===(d=a[0].classList)||void 0===d||d.remove.apply(d,ma),null===(m=a[0].classList)||void 0===m||m.add(aa),null===(f=a[1].classList)||void 0===f||f.remove.apply(f,ma),null===(g=a[1].classList)||void 0===g||g.add(ra)}else if(t<n.current){var h,v,x,y;e.style.transform="perspective(1000px) rotateY(-180deg)",t===n.current-1?e.style.zIndex="3":e.style.zIndex="2",null===(h=a[0].classList)||void 0===h||h.remove.apply(h,ma),null===(v=a[0].classList)||void 0===v||v.add(sa),null===(x=a[1].classList)||void 0===x||x.remove.apply(x,ma),null===(y=a[1].classList)||void 0===y||y.add(oa)}else{var A,w,j,b;e.style.transform="perspective(1000px) rotateY(0deg)",t===n.current+2?e.style.zIndex="3":e.style.zIndex="2",null===(A=a[0].classList)||void 0===A||A.remove.apply(A,ma),null===(w=a[0].classList)||void 0===w||w.add(ca),null===(j=a[1].classList)||void 0===j||j.remove.apply(j,ma),null===(b=a[1].classList)||void 0===b||b.add(sa)}}))}i.current=!1};return(0,r.useLayoutEffect)((function(){var e=document.styleSheets[0];e.insertRule("@keyframes flip-to-left {\n        from {\n          transform: perspective(1000px) rotateY(0);\n        }\n        to {\n          transform: perspective(1000px) rotateY(-180deg);\n        }\n      }"),e.insertRule("@keyframes flip-to-right {\n        from {\n          transform: perspective(1000px) rotateY(-180deg);\n        }\n        to {\n          transform: perspective(1000px) rotateY(0);\n        }\n      }"),i.current=!0,a()}),[]),(0,s.jsxs)("div",{className:Xi,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.flipBoook"}),(0,s.jsx)("div",{className:$i,ref:t,children:da.map((function(e,t){return(0,s.jsxs)("div",{className:ea,children:[(0,s.jsx)("div",{className:ta,children:(0,s.jsx)("img",{src:e[0],alt:""})}),(0,s.jsx)("div",{className:ta,children:(0,s.jsx)("img",{src:e[1],alt:""})})]},t)}))}),(0,s.jsxs)("div",{className:la,children:[(0,s.jsx)(oe.Z,{type:"primary",className:ua,onClick:function(){if(!(n.current<=-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current];e.style.animation="flip-to-right 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current-1,a()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.previousPage"})}),(0,s.jsx)(oe.Z,{type:"primary",className:ua,onClick:function(){if(!(n.current>=da.length-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current+1];e.style.animation="flip-to-left 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current+1,a()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.nextPage"})})]})]})},ga="switch_container__i9Gh6",pa="switch_box__M6wl2",ha="switch_icon__AQIrn";function va(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xa(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?va(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):va(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ya=function(e){var t=e.open,n=e.width,i=void 0===n?90:n,a=e.height,c=void 0===a?40:a,l=e.openIcon,u=e.closeIcon,d=e.onChange,m=e.style,f=void 0===m?{}:m,g=e.className,p=void 0===g?"":g,h=(0,r.useState)(void 0!==t&&t),v=(0,o.Z)(h,2),x=v[0],y=v[1];return(0,s.jsxs)("div",{className:"".concat(ga," ").concat(p),style:xa({width:"".concat(i,"px"),height:"".concat(c,"px"),borderRadius:"".concat(c/2,"px"),backgroundColor:void 0!==t&&t||void 0===t&&x?"#e4e4e4":"#1a1c20"},f),onClick:function(){void 0!==t?d&&d(!t):y(!x)},children:[(0,s.jsx)("div",{className:pa,style:void 0!==t&&t||void 0===t&&x?{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),borderRadius:"50%",top:"".concat(.1*c,"px"),left:"".concat(.1*c,"px")}:{width:"".concat(.2*c,"px"),height:"".concat(.7*c,"px"),borderRadius:"".concat(.2*c/2,"px"),top:"".concat(.15*c,"px"),left:"".concat(i-c/2,"px")}}),u&&(0,s.jsx)("div",{className:ha,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(.1*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?0:1,display:"flex",alignItems:"center"},children:u}),l&&(0,s.jsx)("div",{className:ha,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(i-.9*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?1:0,display:"flex",alignItems:"center",justifyContent:"flex-end"},children:l})]})},Aa=n.p+"images/16a09882.png",wa=n.p+"images/58bbf8ef.png",ja="Switchs_container__pX5RV",ba=function(){return(0,s.jsxs)("div",{className:ja,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.switchButton"}),(0,s.jsx)(ya,{width:66,height:30}),(0,s.jsx)(ya,{width:76,height:34,openIcon:(0,s.jsx)("span",{style:{color:"#333",marginRight:"2px"},children:"ON"}),closeIcon:(0,s.jsx)("span",{style:{color:"#fff",marginLeft:"4px"},children:"OFF"}),style:{margin:"0 60px"}}),(0,s.jsx)(ya,{openIcon:(0,s.jsx)("img",{src:Aa,alt:"",width:26,height:26}),closeIcon:(0,s.jsx)("img",{src:wa,alt:"",width:26,height:26})})]})},_a=n.p+"images/0e3fc4a1.png",Da=n.p+"images/036f3b2c.png",Ma=n.p+"images/de961e69.png",ka=n.p+"images/77eff419.png",Na=n.p+"images/bae3b2af.png",Ea=n.p+"images/641be512.png",Ca=n.p+"images/bb4c7aec.png",Sa=n.p+"images/95259d51.png",Pa=n.p+"images/a3f5bcd3.png",Ba="animation_container__bfyEi",Ia="animation_content__H8vdL",Ta="animation_people__3G2ps",Ra="animation_giftBox__06Ghv",Fa="animation_coin__9Ei6m",Oa="animation_gift__fEEYc",Ga=600,Za=80,Qa="CCW",La=0,za=0,Ha=0,Va=!1,Ua=!1,Wa={icon1:{top:60,left:32,vx:-4.5},icon2:{top:30,left:34,vx:-3},icon3:{top:50,left:36,vx:0},icon4:{top:80,left:38,vx:1},icon5:{top:36,left:40,vx:3},icon6:{top:60,left:42,vx:2},icon7:{top:90,left:44,vx:5}},Ya={icon1:{top:Wa.icon1.top,left:Wa.icon1.left,vx:-4.5,vy:0,g:.2,opacity:0,isMoving:!1},icon2:{top:Wa.icon2.top,left:Wa.icon2.left,vx:-3,vy:0,g:.3,opacity:0,isMoving:!1},icon3:{top:Wa.icon3.top,left:Wa.icon3.left,vx:0,vy:0,g:.2,opacity:0,isMoving:!1},icon4:{top:Wa.icon4.top,left:Wa.icon4.left,vx:1,vy:0,g:.3,opacity:0,isMoving:!1},icon5:{top:Wa.icon5.top,left:Wa.icon5.left,vx:3,vy:0,g:.4,opacity:0,isMoving:!1},icon6:{top:Wa.icon6.top,left:Wa.icon6.left,vx:2,vy:0,g:.5,opacity:0,isMoving:!1},icon7:{top:Wa.icon7.top,left:Wa.icon7.left,vx:5,vy:0,g:.3,opacity:0,isMoving:!1}};function Ja(e,t,n){var r=0;return n>-e&&n<e&&(r=Math.sqrt((1-Math.pow(n,2)/Math.pow(e,2))*Math.pow(t,2))),r}var qa=function(e){var t=e.noDropCoins,n=void 0!==t&&t,i=e.clickNoDropCoins,a=void 0!==i&&i,o=(0,r.useRef)(null),c=(0,r.useRef)(null);return(0,r.useLayoutEffect)((function(){var e=0,t=64,r=Ja(Za,40,t);return e=window.requestAnimationFrame((function i(){if(o.current){var a=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=e,o=t;return 0!==n&&(a=e*Math.cos(n)+t*Math.sin(n)+r,o=-e*Math.sin(n)+t*Math.cos(n)+i),{transitionX:a,transitionY:o}}(t,r,La,za,Ha),s=a.transitionX,l=a.transitionY,u=Y.findDOMNode(o.current);if(!u)return;u.offsetWidth<350?Ga=500:u.offsetWidth<400&&(Ga=550),u.style.left="".concat(s,"px"),u.style.top="".concat(-l,"px");var d=1.5;t>=Za?("CCW"===Qa?(La=0,za=0,Ha=0):(La=120,za=17,Ha=49),n||(Va=!0,Ua=!0)):t<=-Za&&(Qa="CCW"===Qa?"CW":"CCW",n||(Va=!0,Ua=!0)),Math.abs(t)>16&&(d=1.5*Math.pow(Math.cos(t/Za),2));var m=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=r,s=i;return(o=r>=e?r-a:r<=-e?r+a:"CCW"===n?i>0?r-a:r+a:i<0?r-a:r+a)>e?o=e:o<-e&&(o=-e),(s=Ja(e,t,o))>0&&(r>=e?"CCW"!==n&&(s=-s):r<=-e?"CCW"===n&&(s=-s):i<0&&(s=-s)),{nextX:o,nextY:s}}(Za,40,Qa,t,r,d),f=m.nextX,g=m.nextY;t=f,r=g;var p=null;c&&c.current&&(p=Y.findDOMNode(c.current));var h=!0;p&&Object.keys(Ya).forEach((function(e,t){var n=p.childNodes[t];if(n){var r=Ya[e],i=r.top,a=r.left,o=r.vx,s=r.vy,c=r.g,l=r.opacity,u=r.isMoving;if(u||Va){var d=Wa[e],m=i+s,f=a+o,g=o;g=Math.abs(o)>.1?o>0?o-.1:o+.1:0;var v=m-d.top,x=Ga-d.top,y=x/2*.45,A=l;v/x>.55&&(v=y-(m-.55*x)),(A=(v/y).toFixed(2))>1&&(A=1);var w=s+c,j=u;0===m?(m=d.top,f=d.left,g=d.vx,j=!0):m>=Ga?(m=0,f=0,A=0,g=0,w=0,j=!1):(h=!1,Va&&(j=!0)),n.style.top="".concat(m,"px"),n.style.left="".concat(f,"px"),n.style.opacity=A,Object.assign(r,{top:m,left:f,vx:g,vy:w,isMoving:j})}}})),Va&&(Va=!1),h&&(Ua=!1)}e=window.requestAnimationFrame(i)})),function(){e&&window.cancelAnimationFrame(e)}}),[]),(0,s.jsx)("div",{className:Ba,children:(0,s.jsxs)("div",{className:Ia,ref:o,children:[(0,s.jsx)("img",{src:_a,alt:"",className:Ta}),(0,s.jsxs)("div",{className:Ra,onClick:function(){a||Ua||(Va=!0,Ua=!0)},ref:c,children:[(0,s.jsx)("img",{src:Ma,alt:"",className:Fa}),(0,s.jsx)("img",{src:ka,alt:"",className:Fa}),(0,s.jsx)("img",{src:Na,alt:"",className:Fa}),(0,s.jsx)("img",{src:Ea,alt:"",className:Fa}),(0,s.jsx)("img",{src:Ca,alt:"",className:Fa}),(0,s.jsx)("img",{src:Sa,alt:"",className:Fa}),(0,s.jsx)("img",{src:Pa,alt:"",className:Fa}),(0,s.jsx)("img",{src:Da,alt:"",className:Oa})]})]})})},Ka="PeopleAnimation_container__P9IRI",Xa=function(){return(0,s.jsx)("div",{className:Ka,children:(0,s.jsx)(qa,{})})},$a={container:"TweakCube_container__chHsQ",content:"TweakCube_content__rXgCM",cube:"TweakCube_cube__c9JMo",changeColor:"TweakCube_changeColor__SsQtL",column0:"TweakCube_column0__0ANAL",span0:"TweakCube_span0__kaIxY",span1:"TweakCube_span1__RA+mL",span2:"TweakCube_span2__BzTLy",column1:"TweakCube_column1__9Hhyi",column2:"TweakCube_column2__EbxfC"},eo=new Array(3).fill(0),to=function(){return(0,s.jsxs)("div",{className:$a.container,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.pseudo3DRubikCube"}),(0,s.jsx)("div",{className:$a.content,children:eo.map((function(e,t){return(0,s.jsx)("div",{className:$a.cube,children:eo.map((function(e,t){return(0,s.jsx)("div",{className:$a["column".concat(t)],children:eo.map((function(e,t){return(0,s.jsx)("span",{className:$a["span".concat(t)]},t)}))},t)}))},t)}))})]})},no="Preserve3dBox_container__S8Nkn",ro="Preserve3dBox_content__OkpkD",io="Preserve3dBox_box__xhigG",ao="Preserve3dBox_side1__OlfJ5",oo="Preserve3dBox_side2__N20GX",so="Preserve3dBox_side3__t1Hxo",co="Preserve3dBox_side4__7YzMw",lo="Preserve3dBox_side5__38WMJ",uo="Preserve3dBox_side6__pWRYS",mo="Preserve3dBox_light__8ms1v",fo=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(){if(n.current=null,t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e){Array.prototype.includes.call(e.classList,mo)&&e.classList.remove(mo)})),document.styleSheets[0].insertRule("@keyframes preserve3dRotate {\n            100% {\n                transform: rotate3d(1, 1, 1, 360deg);\n              }\n          }"),t.current.style.animation="preserve3dRotate 10s linear infinite"}},a=function(e){null==e||e.classList.add(mo)};return(0,s.jsxs)("div",{className:no,onMouseDown:function(e){var r=e.clientX,i=e.clientY,a=window.getComputedStyle(Y.findDOMNode(t.current)).transform;if(a&&"none"!==a){var o=a.match(/matrix(3d)?((.+))/);if(o&&o.length>=3){var s=o[2].split(", ")||[],c=180*Math.acos(Number(s[5]))/Math.PI,l=180*Math.acos(Number(s[10]))/Math.PI;n.current={x:r,y:i,rotateX:c,rotateY:l}}}},onMouseMove:function(e){if(t.current&&n.current){var r=e.clientX,i=e.clientY,a=n.current,o=a.x,s=a.y,c=a.rotateX,l=a.rotateY,u=2*(s-i),d=(r-o)/2;t.current&&(t.current.style.animation="none"),t.current.style.transform="rotateX(".concat(c+u,"deg) rotateY(").concat(l+d,"deg)")}},onMouseUp:i,onMouseLeave:i,ref:e,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.3DRubikCube"}),(0,s.jsx)("div",{className:ro,children:(0,s.jsxs)("div",{className:io,ref:t,children:[(0,s.jsx)("div",{className:ao,onClick:function(e){t.current&&(t.current.style.transform="rotateX(360deg) rotateY(360deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:oo,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(180deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:so,onClick:function(e){t.current&&(t.current.style.transform="rotateX(270deg) rotateY(0deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:co,onClick:function(e){t.current&&(t.current.style.transform="rotateX(90deg) rotateY(180deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:lo,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(90deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:uo,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(270deg)",t.current.style.animation="none",a(e.target))}})]})})]})},go="OrientationSenseCard_container__wM4Og",po="OrientationSenseCard_content__nHHlN",ho="OrientationSenseCard_card__kb1rR",vo=[Ui,Wi,Ji,qi,Ki],xo=function(){return(0,s.jsxs)("div",{className:go,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection"}),(0,s.jsx)("div",{className:po,children:vo.map((function(e,t){return(0,s.jsx)("div",{className:ho,children:(0,s.jsx)("img",{src:e,alt:""})},t)}))})]})},yo="HexagonalMesh1_container__4Mauo",Ao="HexagonalMesh1_item__uupv2",wo=new Array(800).fill(0),jo=function(){var e=(0,r.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,r=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(r,"px"))}};return(0,r.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:yo,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:wo.map((function(e,t){return(0,s.jsx)("div",{className:Ao},t)}))})},bo="HexagonalMesh2_container__7Eq5-",_o="HexagonalMesh2_item__RBkZx",Do=new Array(800).fill(0),Mo=function(){var e=(0,r.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,r=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(r,"px"))}};return(0,r.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:bo,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:Do.map((function(e,t){return(0,s.jsx)("div",{className:_o},t)}))})},ko="HexagonalMesh3_container__7cOnb",No="HexagonalMesh3_item__JnppT",Eo=new Array(800).fill(0),Co=function(){var e=(0,r.useRef)(null);return(0,s.jsx)("div",{className:ko,ref:e,children:Eo.map((function(e,t){return(0,s.jsx)("div",{className:No},t)}))})},So=n(34262),Po=n(39464),Bo=n(12304),Io=n(24406),To=n(4333),Ro=n(83428),Fo=n(78874),Oo=n(59401),Go=n(73566),Zo=n(98059),Qo=n(48107),Lo=n(5698),zo=n(97998),Ho=n(75013),Vo=n(14294),Uo=n(18152),Wo=n(36108),Yo=n(98522),Jo=n(77093),qo=n(55017),Ko=n(67753),Xo=n(26223),$o=n(98261),es=n(93017),ts=n(77125),ns=n(79728),rs=n(93366),is=n(98587),as=n(2905),os=n(11013),ss=n(44251),cs=n(94506),ls=n(49434),us=n(38419),ds=n(1627),ms=n(20720),fs=n(6355),gs=n(892),ps=n(49688),hs=n(78823),vs=n(80856),xs=n(26589),ys=n(7364),As=n(14283),ws=n(54618),js=n(3248),bs=n(18401),_s=n(5405),Ds=n(82272),Ms=n(59512),ks=n(62965),Ns=n(88630),Es=n(25449),Cs=n(57551),Ss=n(89317),Ps=n(72285),Bs=n(68479),Is=n(71938),Ts=n(2825),Rs=n(43926),Fs=n(85369),Os=n(53318),Gs=n(85008),Zs=n(45452),Qs=n(4334),Ls=n(72850),zs=n(19671),Hs=n(97254),Vs=n(70913),Us=n(56022),Ws=n(16640),Ys=n(23375),Js=n(12854),qs=n(88485),Ks=n(33040),Xs=n(63392),$s=n(73888),ec=n(48965),tc=n(4711),nc=n(56931),rc=n(24616),ic=n(51984),ac="IconScroll_container__pHJbN",oc="IconScroll_row__ueyux",sc=new Array(40).fill(0),cc=function(){var e=function(){return(0,s.jsxs)("div",{children:[(0,s.jsx)(So.Z,{}),(0,s.jsx)(Po.Z,{}),(0,s.jsx)(Bo.Z,{}),(0,s.jsx)(Io.Z,{}),(0,s.jsx)(To.Z,{}),(0,s.jsx)(Ro.Z,{}),(0,s.jsx)(Fo.Z,{}),(0,s.jsx)(Oo.Z,{}),(0,s.jsx)(Go.Z,{}),(0,s.jsx)(Zo.Z,{}),(0,s.jsx)(Qo.Z,{}),(0,s.jsx)(Lo.Z,{}),(0,s.jsx)(zo.Z,{}),(0,s.jsx)(Ho.Z,{}),(0,s.jsx)(Vo.Z,{}),(0,s.jsx)(Uo.Z,{}),(0,s.jsx)(Wo.Z,{}),(0,s.jsx)(Yo.Z,{}),(0,s.jsx)(Jo.Z,{}),(0,s.jsx)(qo.Z,{}),(0,s.jsx)(Ko.Z,{}),(0,s.jsx)(Xo.Z,{}),(0,s.jsx)($o.Z,{}),(0,s.jsx)(es.Z,{}),(0,s.jsx)(ts.Z,{}),(0,s.jsx)(ns.Z,{}),(0,s.jsx)(rs.Z,{}),(0,s.jsx)(is.Z,{}),(0,s.jsx)(as.Z,{}),(0,s.jsx)(os.Z,{}),(0,s.jsx)(ss.Z,{}),(0,s.jsx)(cs.Z,{}),(0,s.jsx)(ls.Z,{}),(0,s.jsx)(us.Z,{}),(0,s.jsx)(ds.Z,{}),(0,s.jsx)(ms.Z,{}),(0,s.jsx)(fs.Z,{}),(0,s.jsx)(gs.Z,{}),(0,s.jsx)(ps.Z,{}),(0,s.jsx)(hs.Z,{}),(0,s.jsx)(vs.Z,{}),(0,s.jsx)(xs.Z,{}),(0,s.jsx)(ys.Z,{}),(0,s.jsx)(As.Z,{}),(0,s.jsx)(ws.Z,{}),(0,s.jsx)(js.Z,{}),(0,s.jsx)(bs.Z,{}),(0,s.jsx)(_s.Z,{}),(0,s.jsx)(Ds.Z,{}),(0,s.jsx)(Ms.Z,{}),(0,s.jsx)(ks.Z,{}),(0,s.jsx)(Ns.Z,{}),(0,s.jsx)(Es.Z,{}),(0,s.jsx)(Cs.Z,{}),(0,s.jsx)(Ss.Z,{}),(0,s.jsx)(Ps.Z,{}),(0,s.jsx)(Bs.Z,{}),(0,s.jsx)(Is.Z,{}),(0,s.jsx)(Ts.Z,{}),(0,s.jsx)(J.Z,{}),(0,s.jsx)(Rs.Z,{}),(0,s.jsx)(Fs.Z,{}),(0,s.jsx)(Os.Z,{}),(0,s.jsx)(Gs.Z,{}),(0,s.jsx)(Zs.Z,{}),(0,s.jsx)(Qs.Z,{}),(0,s.jsx)(Ls.Z,{}),(0,s.jsx)(zs.Z,{}),(0,s.jsx)(Hs.Z,{}),(0,s.jsx)(x.Z,{}),(0,s.jsx)(Vs.Z,{}),(0,s.jsx)(Us.Z,{}),(0,s.jsx)(Ws.Z,{}),(0,s.jsx)(Ys.Z,{}),(0,s.jsx)(Js.Z,{}),(0,s.jsx)(qs.Z,{}),(0,s.jsx)(Ks.Z,{}),(0,s.jsx)(Xs.Z,{}),(0,s.jsx)($s.Z,{}),(0,s.jsx)(ec.Z,{}),(0,s.jsx)(tc.Z,{}),(0,s.jsx)(nc.Z,{}),(0,s.jsx)(rc.Z,{}),(0,s.jsx)(ic.Z,{})]})};return(0,s.jsx)("div",{className:ac,children:sc.map((function(t,n){return(0,s.jsxs)("div",{className:oc,children:[e(),e()]},n)}))})},lc=n(67724),uc=n(8812),dc="WipeSwitchover_container__zA+wD",mc="WipeSwitchover_mask1__efwWk",fc="WipeSwitchover_mask2__bTFbb",gc="WipeSwitchover_mask3__Gaobg",pc="WipeSwitchover_mask4__ZERnA",hc="WipeSwitchover_mask5__MkpDg",vc="WipeSwitchover_page1__ex092",xc="WipeSwitchover_page2__S7sFb",yc="WipeSwitchover_page3__JtV7t",Ac="WipeSwitchover_page4__9G6Y9",wc="WipeSwitchover_page5__uBeX2",jc="WipeSwitchover_prevBtn__6vW6Q",bc="WipeSwitchover_icon__Z3ryB",_c="WipeSwitchover_nextBtn__sVZkG",Dc=.006,Mc=[8,8,8,7,30],kc=[.72,.7,1,1,.32],Nc=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(Mc.length-1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useRef)(Mc.length-1),d=(0,r.useRef)(!1),m=(0,r.useRef)(0),f=function e(t,n){if(t){d.current=!0;var r=t.style.strokeDashoffset,i=0;if(r)if("0"===r)i=Number((Mc[u.current]*Dc).toFixed(2));else if(r.includes("px")){var a=Number(r.substring(0,r.length-2));if(n<u.current){if(a>=Mc[u.current])return d.current=!1,u.current=n,void l(n);i=Number((Mc[u.current]*Dc+a).toFixed(2))}else if(n>u.current){if(a>=2*Mc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);i=Number((Mc[n]*Dc+a).toFixed(2))}}else{var o=Number(r);if(n<u.current){if(o>=Mc[u.current])return d.current=!1,u.current=n,void l(n);i=Number((Mc[u.current]*Dc+o).toFixed(2))}else if(n>u.current){if(o>=2*Mc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);i=Number((Mc[n]*Dc+o).toFixed(2))}}else i=Number((Mc[u.current]*Dc).toFixed(2));t.style.strokeDashoffset="".concat(i,"px"),m.current=window.requestAnimationFrame((function(){return e(t,n)}))}},g=function(){if(e.current&&n.current){var r=e.current.clientWidth,i=Math.ceil(600+.1*(r-1140));Array.prototype.forEach.call(n.current.children,(function(e,t){var n=window.getComputedStyle(e.children[0],null).getPropertyValue("transform");if(n&&n.startsWith("matrix")){var i=n.split(", ");i[0]="".concat(i[0].substring(0,7)).concat(Math.ceil(kc[t]*r)),n=i.join(", ")}e.children[0].style.transform=n})),t.current&&(e.current.style.height="".concat(i,"px"),Array.prototype.forEach.call(t.current.children,(function(e){if("g"===e.tagName){e.style.height="".concat(i,"px"),e.children[0].style.height="".concat(i,"px"),e.children[0].style.transform="".concat(i,"px");var t=Math.floor(r/2-240-40),n=Math.floor((i-340)/2);e.children[1].style.transform="translate(".concat(t,"px, ").concat(n,"px)")}})))}};return(0,r.useEffect)((function(){return g(),function(){m.current&&cancelAnimationFrame(m.current)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",g),function(){window.removeEventListener("resize",g)}}),[]),(0,s.jsxs)("div",{className:dc,ref:e,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.wipeTheEffect"}),(0,s.jsxs)("svg",{ref:t,children:[(0,s.jsxs)("defs",{ref:n,children:[(0,s.jsx)("mask",{id:"mask1",className:mc,children:(0,s.jsx)("path",{d:"M0.712-0.263\r c0,0-0.009,0.466-0.001,0.593c0.002,0.033,0.013,0.098-0.149,0.098c-0.157,0-0.16-0.049-0.161-0.08\r C0.398,0.245,0.395,0.04,0.399-0.063c0.001-0.035,0.009-0.105-0.162-0.102C0.088-0.163,0.091-0.093,0.09-0.059\r C0.09,0.04,0.08,0.238,0.09,0.337C0.093,0.368,0.107,0.42-0.058,0.42c-0.162,0-0.136-0.05-0.139-0.079\r C-0.21,0.234-0.207,0.033-0.2-0.069c0.002-0.035,0.015-0.103-0.16-0.102C-0.521-0.171-0.511-0.1-0.509-0.066\r C-0.502,0.046-0.51,0.379-0.51,0.379"})}),(0,s.jsx)("mask",{id:"mask2",className:fc,children:(0,s.jsx)("path",{d:"M-0.305,0.045\r c0,0,1.262-0.007,1.36-0.007c0.231,0,0.229,0.224-0.001,0.224c-0.14,0.001-0.929-0.002-1.042,0c-0.174,0.003-0.17,0.224-0.021,0.23\r c0.288,0.011,0.87-0.005,1.055-0.011C1.223,0.475,1.228,0.71,1.071,0.71C0.779,0.723,0.09,0.705-0.038,0.712\r s-0.148,0.223,0.031,0.234s0.233,0.011,0.233,0.011"})}),(0,s.jsx)("mask",{id:"mask3",className:gc,children:(0,s.jsx)("path",{d:"M1.15844,0.36167L1.08063,0.40111C0.95906,0.528330.94358,0.771430.87938,0.95278C0.81605,1.131660.65918,1.069850.71313,0.88778C0.75751,0.737960.89903,0.356360.93094,0.16944C0.95119,0.050820.84113,-0.056650.77563,0.12056C0.70882,0.301290.46792,1.203240.32092,0.97256C0.23658,0.840220.60869,0.261270.58134,0.05953C0.56686,-0.047280.49508,-0.06670.43749,0.0378C0.32377,0.244160.27639,0.451050.17792,0.71504C0.07944,0.979030.00295,0.842150.01094,0.75333C0.03758,0.457110.31406,0.1150.23375,-0.01111C0.15331,-0.137420.09392,0.21887-0.0325,0.23722"})}),(0,s.jsx)("mask",{id:"mask4",className:pc,children:(0,s.jsx)("path",{d:"M0.559-0.226L0.535-0.16\r c-0.196,0.171,0.09,0.27-0.022,0.436C0.49,0.31,0.384,0.312,0.344,0.202c-0.035-0.097-0.033-0.195,0.014-0.26\r c0.105-0.143,0.209-0.079,0.264,0.003c0.061,0.09,0.066,0.192,0.047,0.265c-0.093,0.35-0.537,0.162-0.49-0.159\r c0.019-0.129,0.095-0.202,0.196-0.228c0.13-0.034,0.289-0.028,0.373,0.063c0.083,0.09,0.094,0.349-0.014,0.466\r C0.64,0.452,0.178,0.502,0.077,0.256C-0.05-0.055,0.18-0.217,0.373-0.227c0.224-0.012,0.463-0.017,0.535,0.128\r C0.993,0.072,0.978,0.29,0.813,0.427"})}),(0,s.jsx)("mask",{id:"mask5",className:hc,children:(0,s.jsx)("path",{d:"M1.854-1.746L1.537-1.042\r c0.01,0.123-1.79,0.327-2.269,0.467C-1.433-0.37-1.427,0.309-0.835,0.209c0.464-0.078,3.077-0.572,3.921-0.742\r C3.714-0.66,3.81-0.043,3.364,0.102C2.423,0.406-0.153,0.795-1.188,1.026c-0.494,0.11-0.409,0.646,0.107,0.629\r c0.76-0.025,3.983-0.752,4.594-0.793c0.399-0.045,0.967,0.403-0.091,0.66C3.028,1.685,1,2.067,0.612,2.239\r C0.225,2.411,0.27,2.982,1.007,2.833l2.979-0.615"})})]}),(0,s.jsxs)("g",{className:vc,mask:"url(#mask1)",children:[(0,s.jsx)("rect",{fill:"#e3e4e5"}),(0,s.jsx)("image",{xlinkHref:Hi}),(0,s.jsx)("text",{fill:"#757576",children:"Book5"})]}),(0,s.jsxs)("g",{className:xc,mask:"url(#mask2)",children:[(0,s.jsx)("rect",{fill:"#7e7f83"}),(0,s.jsx)("image",{xlinkHref:Vi}),(0,s.jsx)("text",{fill:"#dedede",children:"Book4"})]}),(0,s.jsxs)("g",{className:yc,mask:"url(#mask3)",children:[(0,s.jsx)("rect",{fill:"#f8d3cc"}),(0,s.jsx)("image",{xlinkHref:Ui}),(0,s.jsx)("text",{fill:"#b0304e",children:"Book3"})]}),(0,s.jsxs)("g",{className:Ac,mask:"url(#mask4)",children:[(0,s.jsx)("rect",{fill:"#d2e4ce"}),(0,s.jsx)("image",{xlinkHref:Wi}),(0,s.jsx)("text",{fill:"#04756e",children:"Book2"})]}),(0,s.jsxs)("g",{className:wc,mask:"url(#mask5)",children:[(0,s.jsx)("rect",{fill:"#cad9e5"}),(0,s.jsx)("image",{xlinkHref:Yi}),(0,s.jsx)("text",{fill:"#142864",children:"Book1"})]})]}),(0,s.jsx)("div",{className:jc,style:c>=Mc.length-1?{pointerEvents:"none"}:{},onClick:function(){if(!d.current&&n.current){var e=c+1,t=n.current.children[e].children[0];f(t,e)}},children:(0,s.jsx)("div",{className:bc,children:(0,s.jsx)(lc.Z,{})})}),(0,s.jsx)("div",{className:_c,style:c<=0?{pointerEvents:"none"}:{},onClick:function(){if(!d.current&&n.current){var e=c-1,t=n.current.children[c].children[0];f(t,e)}},children:(0,s.jsx)("div",{className:bc,children:(0,s.jsx)(uc.Z,{})})})]})},Ec="AutoCompletePunctuation_container__EjYmN",Cc="AutoCompletePunctuation_content__PIXsh",Sc={"'":"'",'"':'"',"(":")","（":"）","【":"】","[":"]","《":"》","「":"」","『":"』","{":"}","“":"”","‘":"’"},Pc=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useCallback)((function(e){var t=Sc[e.data];if(t&&("insertText"===e.inputType||"compositionend"===e.type))if(["TEXTAREA","INPUT"].includes(e.target.tagName))e.target.setRangeText(t);else{var n=document.createTextNode(t),r=document.getSelection();if(r){var i=r.getRangeAt(0);i.insertNode(n),i.setEndBefore(n),i.commonAncestorContainer.normalize()}}}),[]);return(0,r.useEffect)((function(){return e.current&&(e.current.addEventListener("input",n),e.current.addEventListener("compositionend",n)),t.current&&(t.current.addEventListener("input",n),t.current.addEventListener("compositionend",n)),function(){e.current&&(e.current.removeEventListener("input",n),e.current.removeEventListener("compositionend",n)),t.current&&(t.current.removeEventListener("input",n),t.current.removeEventListener("compositionend",n))}}),[]),(0,s.jsxs)("div",{className:Ec,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.autoCompletePunctuation"}),(0,s.jsxs)("div",{className:Cc,children:[(0,s.jsx)("textarea",{rows:5,placeholder:"maxLength is 100",maxLength:100,ref:e}),(0,s.jsx)("div",{contentEditable:"true",ref:t})]})]})},Bc="StackedImages_container__Hnz74",Ic="StackedImages_content__bZLt4",Tc=[Et,Pt,Bt,It],Rc=function(){return(0,s.jsxs)("div",{className:Bc,children:[(0,s.jsx)(Ur,{intlTitle:"page.htmlVision.interactiveDesign.stackedImages"}),(0,s.jsx)("div",{className:Ic,children:Tc.map((function(e,t){return(0,s.jsx)("img",{src:e,alt:""},t)}))})]})},Fc="InteractiveDesign_container__oK3No",Oc="InteractiveDesign_box__+Trza",Gc=[{element:(0,s.jsx)(ei,{})},{element:(0,s.jsx)(hi,{})},{element:(0,s.jsx)(Ni,{})},{element:(0,s.jsx)(Hr,{data:zr[0]})},{element:(0,s.jsx)(Fi,{})},{element:(0,s.jsx)(zi,{})},{element:(0,s.jsx)(fa,{})},{element:(0,s.jsx)(ba,{})},{element:(0,s.jsx)(Xa,{})},{element:(0,s.jsx)(to,{})},{element:(0,s.jsx)(fo,{})},{element:(0,s.jsx)(xo,{})},{element:(0,s.jsx)(jo,{})},{element:(0,s.jsx)(Mo,{})},{element:(0,s.jsx)(Co,{})},{element:(0,s.jsx)(cc,{})},{element:(0,s.jsx)(Hr,{data:zr[1]})},{element:(0,s.jsx)(Nc,{})},{element:(0,s.jsx)(Pc,{})},{element:(0,s.jsx)(Rc,{})}],Zc=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Fc,children:Gc.map((function(e,t){return(0,s.jsx)("div",{className:Oc,children:e.element},t)}))})},Qc={container:"BackgroundEffect_container__u+IDp",box:"BackgroundEffect_box__k+mFh",bg1:"BackgroundEffect_bg1__klRoc",bg2:"BackgroundEffect_bg2__kPZ6M",bg3:"BackgroundEffect_bg3__82UV-",bg4:"BackgroundEffect_bg4__z430k",bg5:"BackgroundEffect_bg5__YkL6Y",bg6:"BackgroundEffect_bg6__zUQqR",bg7:"BackgroundEffect_bg7__thgM1",bg8:"BackgroundEffect_bg8__YdGMF",bg9:"BackgroundEffect_bg9__19R3E",bg10:"BackgroundEffect_bg10__htocf",bg11:"BackgroundEffect_bg11__CcLwl",bg12:"BackgroundEffect_bg12__eJxJM",bg13:"BackgroundEffect_bg13__mpoDJ",bg14:"BackgroundEffect_bg14__xnExu",bg15:"BackgroundEffect_bg15__F3Wrj",bg16:"BackgroundEffect_bg16__OBNeN",bg17:"BackgroundEffect_bg17__pb8bY",bg18:"BackgroundEffect_bg18__UKapy",bg19:"BackgroundEffect_bg19__obRK1",bg20:"BackgroundEffect_bg20__mnQic",bg21:"BackgroundEffect_bg21__qF-7f",bg22:"BackgroundEffect_bg22__Fcy+J",bg23:"BackgroundEffect_bg23__HJ4I5",bg24:"BackgroundEffect_bg24__qQdYv",bg25:"BackgroundEffect_bg25__h4HDo",bg26:"BackgroundEffect_bg26__PsQZC",bg27:"BackgroundEffect_bg27__U89Ls",bg28:"BackgroundEffect_bg28__2fShs",bg29:"BackgroundEffect_bg29__hiev7"},Lc=be.GridBox,zc=new Array(29).fill("1"),Hc=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Qc.container,children:(0,s.jsx)(be,{differentScreenCols:[4,3,3,2,2],rowSpace:8,colSpace:8,children:zc.map((function(e,t){return(0,s.jsx)(Lc,{children:(0,s.jsx)("div",{className:Qc.box,children:(0,s.jsx)("div",{className:Qc["bg".concat(t+1)]})})},t)}))})})},Vc="LineCombination_container__toPmq",Uc="LineCombination_blackBox__P5fH8",Wc="LineCombination_blackBoxPoint__87aDR",Yc="LineCombination_whiteBox__-MGXi",Jc="LineCombination_whiteBoxPoint__Tz8Uh",qc="LineCombination_name__E7QvH",Kc="LineCombination_value__5BYd0",Xc=0,$c=0,el=function(){var e=(0,r.useRef)(null),t=function t(){if(e.current){var n=Y.findDOMNode(e.current);if(n){var r=n.children.length,i=n.children[$c],a=null==i?void 0:i.children[0],o=i.clientWidth,s=i.clientHeight,c=a.style;if($c%2==0){var l=8;c.left&&(l=parseFloat(c.left));var u=l+4;if(u>=o-8-8)if(a.style.visibility="hidden",$c>=r-1){var d;$c=0;var m=null===(d=n.children[$c])||void 0===d?void 0:d.firstChild;m.style.left="".concat(8,"px"),m.style.visibility="visible"}else{var f;$c+=1;var g=null===(f=n.children[$c])||void 0===f?void 0:f.firstChild;g.style.left="-1px",g.style.visibility="visible"}else a.style.left="".concat(u,"px"),"visible"!==a.style.visibility&&(a.style.visibility="visible")}else{var p=-1,h=8;if(c.left&&(p=parseFloat(c.left)),c.bottom&&(h=parseFloat(c.bottom)),p>=o){var v=h-4;if(v<=8){var x;a.style.visibility="hidden",$c+=1;var y=null===(x=n.children[$c])||void 0===x?void 0:x.firstChild;y.style.left="".concat(8,"px"),y.style.visibility="visible"}else a.style.bottom="".concat(v,"px")}else if(p<=-1){var A=h+4;A>s-8-8&&(A=s,a.style.width="".concat(8,"px"),a.style.height="1px",a.style.left="".concat(8,"px")),a.style.bottom="".concat(A,"px")}else{var w=p+4;w>o-8-8&&(w=o,a.style.width="1px",a.style.height="".concat(8,"px"),a.style.bottom="".concat(s-8-8)),a.style.left="".concat(w,"px")}}Xc=requestAnimationFrame(t)}}};return(0,r.useEffect)((function(){return e.current&&(Xc=requestAnimationFrame(t)),function(){Xc&&cancelAnimationFrame(Xc)}}),[]),(0,s.jsxs)("div",{className:Vc,ref:e,children:[(0,s.jsx)("div",{className:Uc,children:(0,s.jsx)("div",{className:Wc})}),(0,s.jsxs)("div",{className:Yc,children:[(0,s.jsx)("div",{className:Jc}),(0,s.jsx)("p",{className:qc,children:"Price"}),(0,s.jsx)("p",{className:Kc,children:"$656"})]}),(0,s.jsx)("div",{className:Uc,children:(0,s.jsx)("div",{className:Wc})}),(0,s.jsxs)("div",{className:Yc,children:[(0,s.jsx)("div",{className:Jc}),(0,s.jsx)("p",{className:qc,children:"Quantity"}),(0,s.jsx)("p",{className:Kc,children:"84351"})]}),(0,s.jsx)("div",{className:Uc,children:(0,s.jsx)("div",{className:Wc})}),(0,s.jsxs)("div",{className:Yc,children:[(0,s.jsx)("div",{className:Jc}),(0,s.jsx)("p",{className:qc,children:"Number of partners"}),(0,s.jsx)("p",{className:Kc,children:"64"})]}),(0,s.jsx)("div",{className:Uc,children:(0,s.jsx)("div",{className:Wc})}),(0,s.jsxs)("div",{className:Yc,children:[(0,s.jsx)("div",{className:Jc}),(0,s.jsx)("p",{className:qc,children:"Date of establishment"}),(0,s.jsx)("p",{className:Kc,children:"2008-10-01"})]}),(0,s.jsx)("div",{className:Uc,children:(0,s.jsx)("div",{className:Wc})}),(0,s.jsxs)("div",{className:Yc,children:[(0,s.jsx)("div",{className:Jc}),(0,s.jsx)("p",{className:qc,children:"Transaction Analyzed"}),(0,s.jsx)("p",{className:Kc,children:"70Bn"})]}),(0,s.jsx)("div",{className:Uc,children:(0,s.jsx)("div",{className:Wc})})]})},tl=n(93433),nl=n(15861),rl=n(64687),il=n.n(rl),al=n(76755),ol=n(21734),sl=n(32823),cl=n(98879),ll=n(2161),ul=n(1635),dl=n(63754),ml=n(57119),fl=n(57254),gl=n(58491),pl=n(68628),hl=n(31290),vl=n(35688),xl=n(17582),yl=n(72504),Al=n(16130),wl=n(92977),jl=n(62298),bl=n(6311),_l=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;if(0===e)return"0 Bytes";var n=1024,r=t<0?0:t,i=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],a=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,a)).toFixed(r))+" "+i[a]},Dl=function(e){if(!e&&0!==e||isNaN(e)||!isFinite(e))return"未知";var t=Math.floor(e/3600).toString().padStart(2,"00"),n=Math.floor(e%3600/60).toString().padStart(2,"00"),r=Math.floor(e%3600%60).toString().padStart(2,"00");return"".concat(t,":").concat(n,":").concat(r)},Ml=function(e,t){if(e){var n=e.type.split("/");if("image"===n[0]){var r=n[1].toUpperCase(),i=new FileReader;i.onload=function(n){var i=n.target.result,a=kl(i);a&&(r=a);var o=new Blob([i]);Nl(o,(function(n){if(n){var i=new Image;i.onload=function(){var a=i.width,s=i.height,c=Cl(n,a,s);if(c){var l={name:e.name,fileType:r,size:e.size,width:a,height:s,imgUrl:n,imageData:c,blob:o};t(l)}else t(null)},i.onerror=function(){t(null)},i.src=n}else t(null)}))},i.readAsArrayBuffer(e)}else t(null)}else t(null)},kl=function(e){var t="";if(e){var n=new DataView(e).getUint32(0,!1);switch(Number(n).toString(16).toUpperCase()){case"FFD8FFDB":t="JPG";break;case"FFD8FFE0":case"FFD8FFE1":case"FFD8FFE2":case"FFD8FFE3":t="JPEG";break;case"89504E47":t="PNG";break;case"47494638":t="GIF";break;case"52494646":t="WEBP"}}return t},Nl=function(e,t){if(e){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){e.target?t(e.target.result):t(null)}}else t(null)},El=function(e){if(!e)return null;var t=e.width,n=e.height,r=document.createElement("canvas"),i=r.getContext("2d");return r.width=t,r.height=n,i.putImageData(e,0,0,0,0,t,n),r.toDataURL("image/png")},Cl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e&&t&&n){var r=new Image;r.src=e;var i=document.createElement("canvas"),a=i.getContext("2d");i.width=t,i.height=n,a.drawImage(r,0,0,t,n);var o=a.getImageData(0,0,t,n);return o}return null},Sl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e&&t&&n){var r=document.createElement("canvas"),i=r.getContext("2d");r.width=t,r.height=n,i.drawImage(e,0,0,t,n);var a=i.getImageData(0,0,t,n);return a}return null},Pl=function(e,t){if(e){var n=document.createElement("a");n.style.visibility="hidden",document.body.appendChild(n),n.download=t;var r=window.URL.createObjectURL(e);n.href=r,n.click(),document.body.removeChild(n),window.URL.revokeObjectURL(r)}},Bl=function(e,t){if(e&&0!==e.length){var n=new Blob(e,{type:"video/webm"}),r="video.webm";if(t){var i=t.split(".");r="".concat(i[0],".webm")}Pl(n,r)}},Il=function(e){var t=document.getElementById("attach_image");if(t){var n=t.height/t.width;0===e?(t.style.width="".concat(t.clientWidth-50,"px"),t.style.height="".concat(t.clientHeight-50*n,"px")):(t.style.width="".concat(t.clientWidth+50,"px"),t.style.height="".concat(t.clientHeight+50*n,"px"))}},Tl=function(){var e=document.getElementById("attach_image");if(e){var t=!1,n=null,r=null;e.onmousewheel=function(e){e.stopPropagation(),e.preventDefault();var t=e.wheelDelta||e.detail;Il(t>0?1:0)},e.onmousedown=function(e){e.stopPropagation(),e.preventDefault(),t=!0,n=e.clientX,r=e.clientY},e.onmouseup=function(e){e.stopPropagation(),e.preventDefault(),t=!1},e.onmousemove=function(i){if(i.stopPropagation(),i.preventDefault(),t){var a=i.clientX,o=i.clientY,s=a-n,c=o-r,l=document.getElementById("attach_imgDiv");if(l){var u=parseFloat(e.style.left)+s,d=parseFloat(e.style.top)+c,m=-.75*parseFloat(e.style.width),f=parseFloat(l.style.width)-.25*parseFloat(e.style.width),g=-.75*parseFloat(e.style.height),p=parseFloat(l.style.height)-.25*parseFloat(e.style.height);u<m?u=m:u>f&&(u=f),d<g?d=g:d>p&&(d=p),e.style.left="".concat(u,"px"),e.style.top="".concat(d,"px"),n=a,r=o}}}}},Rl="FileView_container__SyQN4",Fl="FileView_tableLy__kaeXq",Ol="FileView_viewContainer__n0Kg6",Gl="FileView_progress__GtmqC",Zl="FileView_imgDiv__ErTpj",Ql="FileView_downLoadTip__FIvRY",Ll="FileView_emptyTip__OW2E4",zl="FileView_arrowIcon__2JeuW",Hl="FileView_leftArrow__IeXsk",Vl="FileView_rightArrow__HPiMt",Ul="FileView_imgInfo__Z2qPj",Wl="FileView_imgOperate__h-UFp",Yl="FileView_iconDiv__GUb18",Jl="FileView_left__Erhr-",ql="FileView_xiangXia__cm3bW",Kl="FileView_xiangShang__2ATuW",Xl="FileView_fileContainer__rbVnb",$l="FileView_draggerBox__GNF2g",eu="FileView_draggerTextBoxHover__6Z8I-",tu="FileView_draggerTextBox__2soxW",nu="FileView_firstLine__5trSy",ru="FileView_linkBtn__n-sJb",iu="FileView_secondLine__9YFcw",au="FileView_moreOperate__e+uIL",ou="FileView_poperSpan__8roYR";function su(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function cu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?su(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):su(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var lu,uu=al.Z.Option,du=ol.Z.Dragger,mu={isProgress:!1,percent:0,progressTimer:null},fu={imgSrc:"",imgScale:0,userName:"",fileName:"",updateTime:"",imgOrigin:{width:0,height:0},imgRotate:0},gu=function(e){var t=e.id,n=e.disabled,i=void 0!==n&&n,a=e.style,c=void 0===a?{}:a,l=(0,r.useState)(mu),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useRef)(mu),g=(0,r.useState)(!1),p=(0,o.Z)(g,2),h=p[0],x=p[1],y=(0,r.useState)((0,bl.Z)(fu)),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useRef)((0,bl.Z)(fu)),_=(0,r.useState)(!1),D=(0,o.Z)(_,2),M=D[0],k=D[1],N=(0,r.useState)([]),E=(0,o.Z)(N,2),C=E[0],S=E[1],P=(0,r.useRef)([]),B=(0,r.useState)(null),I=(0,o.Z)(B,2),T=I[0],R=I[1],F=(0,r.useRef)(null),O=(0,r.useRef)(null),G=function(e){O.current=F.current,F.current=e,R(e);var t=(0,bl.Z)(fu);if(e){var n=document.getElementById("attach_image");n&&(n.style.webkitTransform="rotate(0deg)",n.style.top="0px",n.style.left="0px",n.style.width="unset",n.style.height="unset",n.removeAttribute("width"),n.removeAttribute("height"));var r=e.value.split("?fileId");t=r.length>1?cu(cu({},t),{},{imgSrc:"data:image/jpg;base64,".concat(r[1])}):cu(cu({},t),{},{imgSrc:"data:image/jpg;base64,".concat(e.value)})}b.current=t,j(t)},Z=function(e){if(e){var t=e.substring(e.lastIndexOf(".")+1);if(t)return t.toLowerCase()}return""},Q=function(){var e=(0,nl.Z)(il().mark((function e(t){return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();(0,r.useEffect)((function(){f.current=mu,m(mu),k(!1),x(!1),P.current=[],S([]),G(null),t&&Q(t)}),[t]),(0,r.useEffect)((function(){!O.current&&T&&Tl()}),[T]);var L=function(e){var t=document.getElementsByClassName("ant-upload-drag");t&&t.length>0&&t[0].classList.remove(eu)},z=function(e){var t="";return t="left"===e?P.current[0].fileId:P.current[P.current.length-1].fileId,F.current&&t===F.current.fileId?"#d8d8d8":"#666666"},H=function(e,t){if(e){var n=Z(e.fileName);if(["jpg","jpeg","png","gif"].includes(n)){if(t){var r=new FileReader;r.readAsArrayBuffer(t),r.onload=function(r){var i,a=window.btoa(new Uint8Array(null===(i=r.target)||void 0===i?void 0:i.result).reduce((function(e,t){return e+String.fromCharCode(t)}),"")),o=cu({},e);o.fileId=e.fileId,o.fileName=e.fileName,o.fileType=n,o.value=a,o.size=_l(t.size),o.upTime=(0,kr.Z)(e.createTime,"yyyy-MM-dd HH:mm:ss"),o.userNmae="".concat(e.uploadUserName,"/").concat(e.uploadUser);var s=[].concat((0,tl.Z)(P.current),[o]);P.current=s,S(s),G(o)}}}else{var i=cu({},e);i.fileId=e.fileId,i.fileName=e.fileName,i.fileType=n,i.value="",i.size=_l(t.size),i.upTime=(0,kr.Z)(e.createTime,"yyyy-MM-dd HH:mm:ss"),i.userNmae="".concat(e.uploadUserName,"/").concat(e.uploadUser);var a=[].concat((0,tl.Z)(P.current),[i]);P.current=a,S(a),G(i)}}},V=function(){var e=(0,nl.Z)(il().mark((function e(t){var n,r;return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.event&&t.event.preventDefault(),!i){e.next=3;break}return e.abrupt("return");case 3:if(!f.current.isProgress){e.next=6;break}return sl.ZP.warning("有文件正在上传，请稍侯"),e.abrupt("return");case 6:(n=cu(cu({},mu),{},{isProgress:!0})).progressTimer=window.setInterval((function(){if(f.current.percent<90){var e=cu(cu({},f.current),{},{percent:f.current.percent+Math.floor(20*Math.random())});f.current=e,m(e)}}),800),f.current=n,m(n);try{setTimeout((function(){f.current.progressTimer&&window.clearInterval(f.current.progressTimer);var e=cu({},mu);f.current=e,m(e);var n={code:200,data:{fileId:Number(Math.random().toString().substring(3,8)+Date.now()).toString(36),fileName:t.file.name,createTime:(new Date).getTime(),uploadUserName:"userName",uploadUser:"000001"},msg:""};n&&200===n.code?H(n.data,t.file.originFileObj):sl.ZP.error("上传".concat(t.file.name,"失败"))}),2e3)}catch(e){f.current.progressTimer&&window.clearInterval(f.current.progressTimer),r=cu({},mu),f.current=r,m(r),sl.ZP.error("上传".concat(t.file.name,"失败"))}case 11:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),U=function(){var e=(0,nl.Z)(il().mark((function e(t){var n;return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t||T){e.next=4;break}return sl.ZP.warning("无文件可进行删除"),e.abrupt("return");case 4:if(!i){e.next=7;break}return sl.ZP.warning("目前状态不允许删除"),e.abrupt("return");case 7:v.Z.confirm({title:"删除文件提示",content:"确认删除【".concat(n.fileName,"】文件？"),icon:(0,s.jsx)(ml.Z,{}),centered:!0,onOk:function(){var e=(0,nl.Z)(il().mark((function e(){return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:sl.ZP.warning("删除中..."),setTimeout((function(){var e={code:200,data:{},msg:""};if(e&&200===e.code){sl.ZP.success("删除文件成功");var t=P.current.filter((function(e){return e.fileId!==n.fileId}));P.current=t,S(t),O.current=F.current,t.length>0?G(t[0]):G(null)}else sl.ZP.error(e.msg)}),2e3);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()});case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),W=function(){var e=(0,nl.Z)(il().mark((function e(){return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(T){e.next=2;break}return e.abrupt("return");case 2:sl.ZP.warning("下载中..."),setTimeout((function(){sl.ZP.success("下载成功")}),2e3);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Y=function(e){var t=document.getElementById("attach_image");switch(e){case 0:t&&b.current&&(t.style.width="700px",t.style.height="".concat(700*b.current.imgScale,"px"),t.style.top="0px",t.style.left="0px");break;case 1:t&&b.current&&(t.style.width="".concat(t.clientWidth+50,"px"),t.style.height="".concat(t.clientHeight+50*b.current.imgScale,"px"));break;case 2:t&&b.current&&(t.style.width="".concat(t.clientWidth-50,"px"),t.style.height="".concat(t.clientHeight-50*b.current.imgScale,"px"));break;case 3:t&&b.current&&(t.style.width="".concat(b.current.imgOrigin.width,"px"),t.style.height="".concat(b.current.imgOrigin.height,"px"),t.style.top="0px",t.style.left="0px");break;case 4:if(t&&b.current){var n=cu(cu({},b.current),{},{imgRotate:b.current.imgRotate+1});b.current=n,j(n),t.style.webkitTransform="rotate(".concat(-90*b.current.imgRotate,"deg)")}break;case 5:U();break;case 6:W();break;case 7:for(var r=0,i=P.current.length;r<i;r++){var a;if(P.current[r].fileId===(null===(a=F.current)||void 0===a?void 0:a.fileId)&&r<P.current.length-1){G(P.current[r+1]);break}}break;case 8:for(var o=0,s=P.current.length;o<s;o++){var c;if(P.current[o].fileId===(null===(c=F.current)||void 0===c?void 0:c.fileId)&&o>0){G(P.current[o-1]);break}}}};return(0,s.jsx)("div",{className:Rl,style:c,children:(0,s.jsx)("div",{className:Fl,children:(0,s.jsxs)("div",{style:{width:"860px"},children:[(0,s.jsx)("div",{style:{width:"100%",height:"87vh",minHeight:"700px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)"},children:(0,s.jsxs)("div",{className:Ol,children:[d.isProgress&&(0,s.jsxs)("div",{className:Gl,children:[(0,s.jsx)(cl.Z,{style:{width:"400px"},percent:d.percent,showInfo:!1}),(0,s.jsxs)("span",{style:{marginTop:"16px"},children:["上传中，请稍候...",d.percent>100?100:d.percent,"%"]})]}),(0,s.jsxs)("div",{id:"attach_imgDiv",className:Zl,children:[T&&(0,s.jsxs)("div",{children:[["jpg","jpeg","png","gif"].includes((null==T?void 0:T.fileType)||"")&&(0,s.jsx)("img",{id:"attach_image",src:null==w?void 0:w.imgSrc,style:{position:"absolute",top:0,left:0},onLoad:function(){var e=document.getElementById("attach_image");if(e){var t=cu(cu({},b.current),{},{imgScale:e.clientHeight/e.clientWidth,imgOrigin:{width:e.clientWidth,height:e.clientHeight}});b.current=t,j(t),e.style.width="700px",e.style.height="".concat(700*t.imgScale,"px")}},alt:""}),["pdf","doc","cocx","xls","xlsx","rar","zip","7z","wim","tar"].includes((null==T?void 0:T.fileType)||"")&&(0,s.jsxs)("div",{className:Ql,children:["如果想要浏览该文件，您可以",(0,s.jsx)(oe.Z,{type:"link",onClick:function(){return Y(6)},children:"点击下载"})]})]}),!T&&!d.isProgress&&(0,s.jsxs)("div",{className:Ll,children:[(0,s.jsx)("div",{style:{width:"100%",color:"#333333"},children:"请上传文件"}),(0,s.jsxs)("div",{style:{width:"100%",color:"#ababab",marginTop:"10px",lineHeight:"20px"},children:["不超过30M,",(0,s.jsx)("br",{}),"支持jpg,jpeg,png,gif格式的文件"]})]}),T&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"".concat(zl," ").concat(Hl),style:{backgroundColor:z("left")},onClick:function(){return Y(8)},children:(0,s.jsx)(lc.Z,{})}),(0,s.jsx)("span",{className:"".concat(zl," ").concat(Vl),style:{backgroundColor:z("right")},onClick:function(){return Y(7)},children:(0,s.jsx)(uc.Z,{})})]})]}),h&&(0,s.jsx)("div",{className:Ul,children:(0,s.jsxs)(ll.Z,{children:[(0,s.jsx)(ul.Z,{span:24,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["文件名：",null==T?void 0:T.fileName]})}),(0,s.jsx)(ul.Z,{span:16,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["上传者：",null==T?void 0:T.userName]})}),(0,s.jsx)(ul.Z,{span:8,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["上传时间：",null==T?void 0:T.upTime]})})]})}),T&&(0,s.jsxs)("div",{className:Wl,children:[(0,s.jsxs)("div",{className:Jl,children:[(0,s.jsx)(al.Z,{placeholder:"请选择",style:{width:"300px"},size:"small",value:T.fileId,loading:M,onChange:function(e){for(var t=null,n=0,r=P.current.length;n<r;n++){var i=P.current[n];if(i.fileId===e){t=i;break}}G(t)},children:C.map((function(e,t){return(0,s.jsx)(uu,{value:e.fileId,children:"".concat(t+1,"/").concat(C.length,"：").concat(e.fileName)},e.fileId)}))}),(0,s.jsx)("span",{onClick:function(){return Y(7)},className:"".concat(Yl," ").concat(ql),children:(0,s.jsx)(fl.Z,{})}),(0,s.jsx)("span",{onClick:function(){return Y(8)},className:"".concat(Yl," ").concat(Kl),children:(0,s.jsx)(gl.Z,{})})]}),(0,s.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end"},children:[(0,s.jsx)("span",{className:Yl,onClick:function(){return x(!h)},children:(0,s.jsx)(pl.Z,{})}),(0,s.jsx)("span",{className:Yl,onClick:function(){return Y(0)},children:(0,s.jsx)(hl.Z,{})}),(0,s.jsx)("span",{className:Yl,onClick:function(){return Y(3)},children:(0,s.jsx)(vl.Z,{})}),(0,s.jsx)("span",{className:Yl,onClick:function(){return Y(4)},children:(0,s.jsx)(xl.Z,{})}),(0,s.jsx)("span",{className:Yl,onClick:function(){return Y(1)},children:(0,s.jsx)(yl.Z,{})}),(0,s.jsx)("span",{className:Yl,onClick:function(){return Y(2)},children:(0,s.jsx)(Al.Z,{})}),(0,s.jsx)(dl.Z,{style:{width:"80px"},content:(0,s.jsxs)("div",{className:au,children:[(0,s.jsx)("span",{className:ou,onClick:function(){return Y(6)},children:"下载文件"}),(0,s.jsx)("span",{className:ou,onClick:function(){return Y(5)},children:"删除文件"})]}),children:(0,s.jsx)("span",{className:Yl,children:(0,s.jsx)(wl.Z,{})})})]})]})]})}),(0,s.jsx)("div",{className:Xl,children:(0,s.jsx)(du,{className:$l,multiple:!0,showUploadList:!1,disabled:i,beforeUpload:function(e){if(i)return sl.ZP.warning("目前状态不允许修改"),!1;var t=Z(e.name);return["jpg","jpeg","png","gif","pdf","doc","cocx","xls","xlsx","rar","zip","7z","wim","tar"].includes(t)?e.size>31457280?(sl.ZP.warning("单个文件大小不能超过30M"),!1):void 0:(sl.ZP.warning("请上传符合格式要求的文件"),!1)},customRequest:function(){},onDrop:function(e){return e.preventDefault()},onChange:V,children:(0,s.jsxs)("div",{className:tu,onDragOver:function(e){var t=document.getElementsByClassName("ant-upload-drag");t&&t.length>0&&t[0].classList.add(eu)},onDragLeave:L,onDrop:L,children:[(0,s.jsxs)("div",{className:nu,children:[(0,s.jsx)(jl.Z,{}),(0,s.jsx)("span",{children:"将文件拖拽到此处，或"}),(0,s.jsx)("span",{className:i?"":ru,children:"点击上传"})]}),(0,s.jsx)("div",{className:iu,children:"系统支持的格式为jpg,jpeg,png,gif,pdf,doc,docx,xls,xlsx,rar,zip,7z,wim,tar的文件"})]})})})]})})})},pu="ComplexLayout_container__xqRV5",hu="ComplexLayout_box__Hjeq7",vu=[{element:(0,s.jsx)(el,{})},{element:(0,s.jsx)(gu,{})}],xu=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:pu,children:vu.map((function(e,t){return(0,s.jsx)("div",{className:hu,children:e.element},t)}))})},yu=n(82029),Au="Page1_container__8IHn6",wu="Page1_content__zgPdQ",ju="Page1_top__Tik59",bu="Page1_title__qIkYy",_u="Page1_author__EVTso",Du="Page1_appoint__gEum0",Mu="Page1_articleContent__STpiB",ku="Page1_subTitle__g0Ill",Nu="Page1_codeBox__hf4Aw",Eu="Page1_strong__Um16S",Cu=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Au,children:(0,s.jsxs)("div",{className:wu,children:[(0,s.jsxs)("div",{className:ju,children:[(0,s.jsx)("div",{className:bu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.title"})}),(0,s.jsx)("div",{className:_u,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.author"}),": River")})]}),(0,s.jsxs)("div",{className:Du,children:[(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.appoint"}),":")}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.appointText1"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.appointText2"})})]}),(0,s.jsxs)("div",{className:Mu,children:[(0,s.jsx)("div",{className:ku,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle1"})}),(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des1"}),":")}),(0,s.jsxs)("div",{className:Nu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox1.text"}))}),(0,s.jsx)("div",{children:'<a href="http://b.com?data=1" target="_blank" />'})]}),(0,s.jsxs)("div",{className:Nu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox2.text"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var data = window.location.href.split("?")[1].split("=")[1];'}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des2"}),":")}),(0,s.jsxs)("div",{className:Nu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'window.open("http://b.com?data=1", "_blank");'}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{className:Eu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des3"})})]})]})})},Su=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Au,children:(0,s.jsx)("div",{className:wu,children:(0,s.jsxs)("div",{className:Mu,children:[(0,s.jsx)("div",{className:ku,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle2"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des4"})}),(0,s.jsxs)("div",{className:Nu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var popup = window.open("http://b.com", "_blank");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if(popup){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"setTimeout(function(){"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'popup.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"},500);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsxs)("div",{className:Nu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageB"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function receiveMessage(event){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'if (event.origin !== "http://a.com") return;'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"console.log(JSON.parse(event.data)); // {data: 1}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'window.addEventListener("message", receiveMessage, false);'}),(0,s.jsx)("div",{children:"<script>"})]})]})})})},Pu=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Au,children:(0,s.jsx)("div",{className:wu,children:(0,s.jsxs)("div",{className:Mu,children:[(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des5"})}),(0,s.jsxs)("div",{className:Nu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:'<iframe id="myIframe" src="http://b.com" />'}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var myIframe = document.getElementById("myIframe");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if (myIframe) {"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'myIframe.contentWindow.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:Eu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des6"})}),(0,s.jsx)("div",{className:Eu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des7"})}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:Eu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des8"})})]})})})},Bu=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Au,children:(0,s.jsx)("div",{className:wu,children:(0,s.jsxs)("div",{className:Mu,children:[(0,s.jsx)("div",{className:ku,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle3"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des9"})}),(0,s.jsxs)("div",{className:Nu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:'<span onClick="toB();">Jump</span>'}),(0,s.jsx)("div",{children:'<iframe id="myIframe" src="http://b.com" style="display: none" />'}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function toB(){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'var myIframe = document.getElementById("myIframe");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if (myIframe) {"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'myIframe.contentWindow.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'window.open("http://b.com", "_blank");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]})]})})})},Iu=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Au,children:(0,s.jsx)("div",{className:wu,children:(0,s.jsxs)("div",{className:Mu,children:[(0,s.jsxs)("div",{className:Nu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageB"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"var aData = localStorage.getItem(“aPageData”);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if(aData){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"doSomething(aData); // ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox3.text"}))}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"localStorage.removeItem(“aPageData”);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}else{"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"window.addEventListener(“message”, receiveMessage, false);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function receiveMessage(event){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if (event.origin !== “http://a.com”) return;"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if(event.data){"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"localStorage.setItem(“aPageData”, event.data);"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{className:Eu,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des10"}),": ")}),(0,s.jsx)("div",{className:Eu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des11"})}),(0,s.jsx)("div",{className:Eu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des12"})})]})})})},Tu="AppPageFrame_container__pjrxk",Ru="AppPageFrame_content__VqApo",Fu="AppPageFrame_firstPage__vOVdI",Ou="AppPageFrame_head__gE2DM",Gu="AppPageFrame_left__Efl5l",Zu="AppPageFrame_logo__8Jwal",Qu="AppPageFrame_appName__0-Afb",Lu="AppPageFrame_right__gUcB6",zu="AppPageFrame_btn__BkWG7",Hu=100;!function(e){e[e.next=0]="next",e[e.prev=1]="prev"}(lu||(lu={}));var Vu,Uu=function(){var e=(0,p.Z)(),t=d(),n=t.menuWidth,i=t.headHeight,a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useState)(0),u=(0,o.Z)(l,2),m=u[0],f=u[1],g=(0,r.useState)(0),h=(0,o.Z)(g,2),v=h[0],x=h[1],y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useState)(0),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1),M=(0,r.useRef)(0),k=(0,r.useRef)(""),N=(0,r.useState)(0),E=(0,o.Z)(N,2),C=E[0],S=E[1],P=(0,r.useState)(0),B=(0,o.Z)(P,2),I=B[0],T=B[1],R=(0,r.useRef)(0),F=function e(){if(a.current){var t=Y.findDOMNode(a.current),n=t.scrollTop;if("toTop"===k.current)if(t.scrollTop<m-Hu){var r=Math.min(n+25,m-Hu);A.current=!0,t.scrollTop=r,_(r),M.current=window.requestAnimationFrame(e)}else k.current="",A.current=!1,D.current=!1;else if("toBottom"===k.current)if(t.scrollTop>0){var i=Math.max(n-25,0);A.current=!0,t.scrollTop=i,_(i),M.current=window.requestAnimationFrame(e)}else k.current="",A.current=!1,D.current=!1}},O=function(){D.current=!0,k.current||(k.current="toTop",S(1),M.current=window.requestAnimationFrame(F))},G=(0,ae.Z)((function(e){if(y.current){switch(e){case lu.next:y.current.slideNext();break;case lu.prev:y.current.slidePrev()}var t=Y.findDOMNode(a.current),n=y.current.realIndex;if(n<=0)t.scrollTop!==m-Hu&&(A.current=!0,t.scrollTop=m-Hu,_(m-Hu));else{var r=(m-Hu)*(n+1);t.scrollTop!==r&&(A.current=!0,t.scrollTop=r,_(r))}}}),{wait:100}),Z=(0,ae.Z)((function(e){A.current?A.current=!1:D.current||e.target.className===Tu&&(y.current?e.target.scrollTop>m-Hu?e.target.scrollTop>b?G.run(lu.next):e.target.scrollTop<b&&G.run(lu.prev):e.target.scrollTop>b&&b<m-Hu?O():e.target.scrollTop<b&&(D.current=!0,k.current||(k.current="toBottom",S(0),M.current=window.requestAnimationFrame(F))):_(e.target.scrollTop))}),{wait:100});(0,r.useEffect)((function(){if(a.current){var e=document.body.clientHeight-i;f(e),x(5*(e-Hu))}}),[I,i]);var Q=function(){R.current>=1e4?(R.current=0,T(0)):(R.current=R.current+1,T(R.current+1))};(0,r.useEffect)((function(){return window.addEventListener("resize",Q),function(){window.removeEventListener("resize",Q)}}),[]),(0,r.useEffect)((function(){var e=new yu.ZP(".swiper",{direction:"vertical",speed:1e3,loop:!1,simulateTouch:!1,keyboard:{enabled:!0,onlyInViewport:!0},on:{slideChange:function(){S(this.activeIndex+1)}}});y.current=e}),[]);var L=function(e){var t=Y.findDOMNode(a.current);switch(e){case"SecondPage":var n=1*(m-Hu);y.current&&y.current.activeIndex>0?(A.current=!0,t.scrollTop=n,_(n),y.current.slideTo(0)):b!==n&&O();break;case"ThirdPage":var r,i=2*(m-Hu);if(b!==i)A.current=!0,t.scrollTop=i,_(i),null===(r=y.current)||void 0===r||r.slideTo(1);break;case"LastPage":var o,s=4*(m-Hu);if(b!==s)A.current=!0,t.scrollTop=s,_(s),null===(o=y.current)||void 0===o||o.slideTo(3)}};return(0,s.jsxs)("div",{className:Tu,onScrollCapture:Z.run,ref:a,children:[(0,s.jsxs)("div",{className:Ru,style:v?{height:"".concat(v,"px")}:{},ref:c,children:[(0,s.jsx)("div",{className:Fu,style:m?{height:"".concat(m,"px")}:{},children:(0,s.jsx)(Cu,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper",style:m?{height:"".concat(m-Hu,"px")}:{},children:(0,s.jsxs)("div",{className:"swiper-wrapper",children:[(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Su,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Pu,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Bu,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Iu,{showPageIndex:C})})]})})]}),(0,s.jsxs)("div",{className:Ou,style:b>=m-Hu?{borderBottom:"1px solid #999",left:"".concat(n,"px"),width:"calc(100% - ".concat(n,"px)")}:{left:"".concat(n,"px"),width:"calc(100% - ".concat(n,"px)")},children:[(0,s.jsxs)("div",{className:Gu,children:[(0,s.jsx)("div",{className:Zu,children:"L"}),(0,s.jsx)("span",{className:Qu,children:"App Name"})]}),(0,s.jsxs)("div",{className:Lu,children:[(0,s.jsx)("div",{className:zu,onClick:function(){return L("SecondPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.secondPage"})}),(0,s.jsx)("div",{className:zu,onClick:function(){return L("ThirdPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.thirdPage"})}),(0,s.jsx)("div",{className:zu,onClick:function(){return L("LastPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.lastPage"})})]})]})]})},Wu=n(26703),Yu=n(88528),Ju="ShearPlate_container__A3IuO",qu="ShearPlate_title__gxJOo",Ku="ShearPlate_content__vJVhw",Xu="ShearPlate_inputBox__W7UHM",$u="ShearPlate_text__0QXK+",ed="ShearPlate_imageBox__-9KO8",td="ShearPlate_textArea__vjqXI",nd="ShearPlate_imgBox__ctB7Q",rd="ShearPlate_emptyBox__vVriz",id="ShearPlate_uploadBtn__hhEOk",ad="ShearPlate_tips__5RqZh",od="ShearPlate_btns__QrNT6",sd="ShearPlate_box__dsVRR",cd=Wu.Z.TextArea,ld=function(){var e=(0,p.Z)(),t=(0,r.useState)(""),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(""),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useState)(null),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(""),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(null),M=function(t){t&&t.length>0&&Ml(t[0],(function(t){t||sl.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),A(t)}))},k=function(){var t=(0,nl.Z)(il().mark((function t(){var n,r;return il().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(y){t.next=3;break}return sl.ZP.warning(e.formatMessage({id:"common.pleaseUploadPicture"})),t.abrupt("return");case 3:if(!navigator.clipboard){t.next=11;break}return n=y.blob,r=new Blob([n],{type:"image/png"}),t.next=8,navigator.clipboard.write([new window.ClipboardItem((0,P.Z)({},"image/png",r))]);case 8:sl.ZP.success(e.formatMessage({id:"common.saveSuccessfully"})),t.next=12;break;case 11:console.error(e.formatMessage({id:"common.saveFailed"}));case 12:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return(0,s.jsxs)("div",{className:Ju,children:[(0,s.jsx)("div",{className:qu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.operatingShears"})}),(0,s.jsxs)("div",{className:Ku,children:[(0,s.jsxs)("div",{className:sd,children:[(0,s.jsxs)("div",{className:Xu,children:[(0,s.jsx)("div",{className:$u,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveTextToClipboard"})}),(0,s.jsx)(cd,{rows:8,placeholder:e.formatMessage({id:"common.pleaseEnterText"}),maxLength:300,value:i,onChange:function(e){a(e.target.value)}}),(0,s.jsxs)("div",{className:od,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(i){if(navigator.clipboard)navigator.clipboard.writeText(i);else{var t=document.createElement("input");t.setAttribute("value",i),document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}sl.ZP.success(e.formatMessage({id:"common.saveSuccessfully"}))}else sl.ZP.warning(e.formatMessage({id:"page.htmlVision.utilitarianFunction.pleaseEnterText"}))},style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(oe.Z,{ghost:!0,onClick:function(){a(""),d("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Xu,children:[(0,s.jsx)("div",{className:$u,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getsTextFromClipboard"})}),(0,s.jsx)(cd,{rows:8,placeholder:e.formatMessage({id:"common.getText"}),maxLength:300,disabled:!0,value:u}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){navigator.clipboard?navigator.clipboard.readText().then((function(e){d(e)})):sl.ZP.error(e.formatMessage({id:"common.failedToObtain2"}))},style:{marginTop:10},children:e.formatMessage({id:"common.get"})})})]})]}),(0,s.jsxs)("div",{className:sd,children:[(0,s.jsxs)("div",{className:Xu,children:[(0,s.jsx)("div",{className:$u,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveImageToClipboard"})}),(0,s.jsx)("div",{className:ed,style:{borderColor:g?"green":"#ccc"},onDragOver:function(e){e.stopPropagation(),e.preventDefault(),g||h(!0)},onDragLeave:function(e){e.stopPropagation(),e.preventDefault(),g&&h(!1)},onDrop:function(e){e.stopPropagation(),e.preventDefault(),g&&h(!1);var t=e.dataTransfer.files;M(t)},children:y?(0,s.jsx)("div",{className:nd,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})}):(0,s.jsxs)("div",{className:rd,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:id,children:[(0,s.jsx)(Yu.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;M(t)}})]}),(0,s.jsx)("p",{className:$u,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:ad,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:od,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:k,style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(oe.Z,{ghost:!0,onClick:function(){A(null),_("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Xu,children:[(0,s.jsx)("div",{className:$u,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getImageFromClipboard"})}),(0,s.jsxs)("div",{className:ed,children:[(0,s.jsx)(cd,{className:td,placeholder:e.formatMessage({id:"page.htmlVision.utilitarianFunction.pasteTheImage"}),rows:8,maxLength:300,readOnly:!0,ref:D,onPaste:function(t){var n=t.clipboardData&&t.clipboardData.items,r=null;if(n&&n.length)for(var i=0;i<n.length;i++)if(-1!==n[i].type.indexOf("image")){r=n[i].getAsFile();break}r?Nl(r,(function(t){t?_(t):(_(""),sl.ZP.error(e.formatMessage({id:"common.failedToObtain"})))})):sl.ZP.error(e.formatMessage({id:"common.failedToObtain"}))}}),b&&(0,s.jsx)("div",{className:nd,children:(0,s.jsx)("img",{src:b,alt:""})})]})]})]})]})]})},ud="RecordedAudio_container__RaqtU",dd="RecordedAudio_title__PkAAx",md="RecordedAudio_content__vaNK8";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Vu||(Vu={}));var fd,gd=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)([]),i=(0,r.useState)(""),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useState)(""),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useState)(Vu.ready),h=(0,o.Z)(g,2),v=h[0],x=h[1];return(0,r.useEffect)((function(){return function(){c&&window.URL.revokeObjectURL(c)}}),[]),(0,s.jsxs)("div",{className:ud,children:[(0,s.jsx)("div",{className:dd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordAudio"})}),(0,s.jsxs)("div",{className:md,children:[(0,s.jsx)("audio",{controls:!0,src:c}),(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(t.current)v===Vu.inRecording?(t.current.stop(),x(Vu.ready)):(c&&(window.URL.revokeObjectURL(c),f(""),l("")),t.current.start(),x(Vu.inRecording));else{navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia({audio:!0}).then((function(e){var r=new MediaRecorder(e);r.ondataavailable=function(e){n.current.push(e.data)},r.onstop=function(e){var t=new Blob(n.current,{type:"audio/ogg;codecs=opus"});f("".concat((new Date).getTime(),".ogg"));var r=window.URL.createObjectURL(t);l(r),n.current=[]},t.current=r,t.current.start(),x(Vu.inRecording)})).catch((function(t){t.message&&t.message.includes("not found")?sl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):sl.ZP.error(e.formatMessage({id:"common.impowerOpenMicrophone"}))})):sl.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:v===Vu.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),c&&(0,s.jsx)("a",{download:m,href:c,children:e.formatMessage({id:"common.download"})})]})]})},pd="RecordedVideo_container__NkqWY",hd="RecordedVideo_title__fUoXJ",vd="RecordedVideo_content__asWV1",xd="RecordedVideo_videoBox__18hnw",yd="RecordedVideo_recordVideo__0UQPG",Ad="RecordedVideo_playVideo__cxP10",wd="RecordedVideo_btns__NAtxU";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(fd||(fd={}));var jd,bd=Math.floor(.36*window.screen.width),_d=Math.floor(.36*window.screen.height),Dd=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(""),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=(0,r.useState)(fd.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1];return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:pd,children:[(0,s.jsx)("div",{className:hd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordVideo"})}),(0,s.jsxs)("div",{className:vd,children:[(0,s.jsxs)("div",{className:xd,style:{width:"".concat(bd,"px"),height:"".concat(_d,"px")},children:[(0,s.jsx)("video",{className:yd,style:{width:"".concat(bd,"px"),height:"".concat(_d,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===fd.playing&&(0,s.jsx)("video",{className:Ad,style:{width:"".concat(bd,"px"),height:"".concat(_d,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:d,ref:n})]}),(0,s.jsxs)("div",{className:wd,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(i.current)A===fd.inRecording?(i.current.stop(),w(fd.ready)):d?(window.URL.revokeObjectURL(d),v(""),m(""),t.current&&c.current&&(t.current.srcObject=c.current),w(fd.ready)):(t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),w(fd.inRecording));else if(t.current){var n={audio:!0,video:{width:bd,height:_d,facingMode:"user",frameRate:60}};navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(n).then((function(e){t.current&&e&&(c.current=e);var n=!(!/Safari/.test(navigator.userAgent)||/Chrome/.test(navigator.userAgent))?"video/mp4":"video/webm";try{var r=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});r.ondataavailable=function(e){e.data&&e.data.size>0&&a.current.push(e.data)},r.onstop=function(e){var t=new Blob(a.current,{type:"video/mp4"});v("".concat((new Date).getTime(),".mp4"));var n=window.URL.createObjectURL(t);m(n),a.current=[]},i.current=r,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),w(fd.inRecording)}catch(e){sl.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){t.message&&t.message.includes("not found")?sl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):sl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):sl.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:A===fd.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):d?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),d&&(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),w(fd.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:h,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},Md="RecordedScreen_container__ocp0M",kd="RecordedScreen_title__W0vMd",Nd="RecordedScreen_content__VeJjk",Ed="RecordedScreen_videoBox__h9jea",Cd="RecordedScreen_recordVideo__RxPmj",Sd="RecordedScreen_playVideo__omjcA",Pd="RecordedScreen_btns__TSHxB";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(jd||(jd={}));var Bd,Id,Td,Rd=Math.floor(.36*window.screen.width),Fd=Math.floor(.36*window.screen.height),Od=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(""),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=(0,r.useState)(jd.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useRef)(jd.ready);return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:Md,children:[(0,s.jsx)("div",{className:kd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordScreen"})}),(0,s.jsxs)("div",{className:Nd,children:[(0,s.jsxs)("div",{className:Ed,style:{width:"".concat(Rd,"px"),height:"".concat(Fd,"px")},children:[(0,s.jsx)("video",{className:Cd,style:{width:"".concat(Rd,"px"),height:"".concat(Fd,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===jd.playing&&(0,s.jsx)("video",{className:Sd,style:{width:"".concat(Rd,"px"),height:"".concat(Fd,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:d,ref:n})]}),(0,s.jsxs)("div",{className:Pd,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){i.current?A===jd.inRecording?(i.current.stop(),j.current=jd.ready,w(jd.ready)):d&&(window.URL.revokeObjectURL(d),v(""),m(""),i.current=null,j.current=jd.ready,w(jd.ready)):t.current&&(navigator.mediaDevices.getDisplayMedia?navigator.mediaDevices.getDisplayMedia({video:!0}).then((function(e){t.current&&e&&(c.current=e);var n=MediaRecorder.isTypeSupported("video/webm; codecs=vp9")?"video/webm; codecs=vp9":"video/webm";try{var r=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});r.ondataavailable=function(e){e.data&&e.data.size>0&&a.current.push(e.data)},r.onstop=function(){j.current===jd.inRecording&&(j.current=jd.ready,w(jd.ready));var e=new Blob(a.current,{type:"video/webm"});v("".concat((new Date).getTime(),".webm"));var t=window.URL.createObjectURL(e);m(t),a.current=[]},i.current=r,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),j.current=jd.inRecording,w(jd.inRecording)}catch(e){sl.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){sl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):sl.ZP.error(e.formatMessage({id:"common.notSupportGetDisplayMedia"})))},children:A===jd.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):d?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),d&&(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),j.current=jd.playing,w(jd.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:h,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},Gd=n(42428),Zd=(n(38986),n(22991),n(90322)),Qd=n.n(Zd),Ld=n(27885),zd={};zd.toRGBA8=function(e){var t=e.width,n=e.height;if(null===e.tabs.acTL)return[zd.toRGBA8.decodeImage(e.data,t,n,e).buffer];var r=[];null===e.frames[0].data&&(e.frames[0].data=e.data);for(var i=t*n*4,a=new Uint8Array(i),o=new Uint8Array(i),s=new Uint8Array(i),c=0;c<e.frames.length;c++){var l=e.frames[c],u=l.rect.x,d=l.rect.y,m=l.rect.width,f=l.rect.height,g=zd.toRGBA8.decodeImage(l.data,m,f,e);if(0!==c)for(var p=0;p<i;p++)s[p]=a[p];if(0===l.blend?zd._copyTile(g,m,f,a,t,n,u,d,0):1===l.blend&&zd._copyTile(g,m,f,a,t,n,u,d,1),r.push(a.buffer.slice(0)),1===l.dispose)zd._copyTile(o,m,f,a,t,n,u,d,0);else if(2===l.dispose)for(var h=0;h<i;h++)a[h]=s[h]}return r},zd.toRGBA8.decodeImage=function(e,t,n,r){var i=t*n,a=zd.decode._getBPP(r),o=Math.ceil(t*a/8),s=new Uint8Array(4*i),c=new Uint32Array(s.buffer),l=r.ctype,u=r.depth,d=zd._bin.readUshort;if(6===l){var m=i<<2;if(8===u)for(var f=0;f<m;f+=4)s[f]=e[f],s[f+1]=e[f+1],s[f+2]=e[f+2],s[f+3]=e[f+3];if(16===u)for(var g=0;g<m;g++)s[g]=e[g<<1]}else if(2===l){var p=r.tabs.tRNS;if(null===p){if(8===u)for(var h=0;h<i;h++){var v=3*h;c[h]=255<<24|e[v+2]<<16|e[v+1]<<8|e[v]}if(16===u)for(var x=0;x<i;x++){var y=6*x;c[x]=255<<24|e[y+4]<<16|e[y+2]<<8|e[y]}}else{var A=p[0],w=p[1],j=p[2];if(8===u)for(var b=0;b<i;b++){var _=b<<2,D=3*b;c[b]=255<<24|e[D+2]<<16|e[D+1]<<8|e[D],e[D]===A&&e[D+1]===w&&e[D+2]===j&&(s[_+3]=0)}if(16===u)for(var M=0;M<i;M++){var k=M<<2,N=6*M;c[M]=255<<24|e[N+4]<<16|e[N+2]<<8|e[N],d(e,N)===A&&d(e,N+2)===w&&d(e,N+4)===j&&(s[k+3]=0)}}}else if(3===l){var E=r.tabs.PLTE,C=r.tabs.tRNS,S=C?C.length:0;if(1===u)for(var P=0;P<n;P++)for(var B=P*o,I=P*t,T=0;T<t;T++){var R=I+T<<2,F=e[B+(T>>3)]>>7-((7&T)<<0)&1,O=3*F;s[R]=E[O],s[R+1]=E[O+1],s[R+2]=E[O+2],s[R+3]=F<S?C[F]:255}if(2===u)for(var G=0;G<n;G++)for(var Z=G*o,Q=G*t,L=0;L<t;L++){var z=Q+L<<2,H=e[Z+(L>>2)]>>6-((3&L)<<1)&3,V=3*H;s[z]=E[V],s[z+1]=E[V+1],s[z+2]=E[V+2],s[z+3]=H<S?C[H]:255}if(4===u)for(var U=0;U<n;U++)for(var W=U*o,Y=U*t,J=0;J<t;J++){var q=Y+J<<2,K=e[W+(J>>1)]>>4-((1&J)<<2)&15,X=3*K;s[q]=E[X],s[q+1]=E[X+1],s[q+2]=E[X+2],s[q+3]=K<S?C[K]:255}if(8===u)for(var $=0;$<i;$++){var ee=$<<2,te=e[$],ne=3*te;s[ee]=E[ne],s[ee+1]=E[ne+1],s[ee+2]=E[ne+2],s[ee+3]=te<S?C[te]:255}}else if(4===l){if(8===u)for(var re=0;re<i;re++){var ie=re<<2,ae=re<<1,oe=e[ae];s[ie]=oe,s[ie+1]=oe,s[ie+2]=oe,s[ie+3]=e[ae+1]}if(16===u)for(var se=0;se<i;se++){var ce=se<<2,le=se<<2,ue=e[le];s[ce]=ue,s[ce+1]=ue,s[ce+2]=ue,s[ce+3]=e[le+2]}}else if(0===l)for(var de=r.tabs.tRNS?r.tabs.tRNS:-1,me=0;me<n;me++){var fe=me*o,ge=me*t;if(1===u)for(var pe=0;pe<t;pe++){var he=255*(e[fe+(pe>>>3)]>>>7-(7&pe)&1),ve=he===255*de?0:255;c[ge+pe]=ve<<24|he<<16|he<<8|he}else if(2===u)for(var xe=0;xe<t;xe++){var ye=85*(e[fe+(xe>>>2)]>>>6-((3&xe)<<1)&3),Ae=ye===85*de?0:255;c[ge+xe]=Ae<<24|ye<<16|ye<<8|ye}else if(4===u)for(var we=0;we<t;we++){var je=17*(e[fe+(we>>>1)]>>>4-((1&we)<<2)&15),be=je===17*de?0:255;c[ge+we]=be<<24|je<<16|je<<8|je}else if(8===u)for(var _e=0;_e<t;_e++){var De=e[fe+_e],Me=De===de?0:255;c[ge+_e]=Me<<24|De<<16|De<<8|De}else if(16===u)for(var ke=0;ke<t;ke++){var Ne=e[fe+(ke<<1)],Ee=d(e,fe+(ke<<1))===de?0:255;c[ge+ke]=Ee<<24|Ne<<16|Ne<<8|Ne}}return s},zd.decode=function(e){for(var t,n=new Uint8Array(e),r=8,i=zd._bin,a=i.readUshort,o=i.readUint,s={tabs:{},frames:[]},c=new Uint8Array(n.length),l=0,u=0,d=[137,80,78,71,13,10,26,10],m=0;m<8;m++)if(n[m]!==d[m])throw"The input is not a PNG file!";for(;r<n.length;){var f=i.readUint(n,r);r+=4;var g=i.readASCII(n,r,4);if(r+=4,"IHDR"===g)zd.decode._IHDR(n,r,s);else if("CgBI"===g)s.tabs[g]=n.slice(r,r+4);else if("IDAT"===g){for(var p=0;p<f;p++)c[l+p]=n[r+p];l+=f}else if("acTL"===g)s.tabs[g]={num_frames:o(n,r),num_plays:o(n,r+4)},t=new Uint8Array(n.length);else if("fcTL"===g){if(0!==u){var h=s.frames[s.frames.length-1];h.data=zd.decode._decompress(s,t.slice(0,u),h.rect.width,h.rect.height),u=0}var v={x:o(n,r+12),y:o(n,r+16),width:o(n,r+4),height:o(n,r+8)},x=a(n,r+22);x=a(n,r+20)/(0===x?100:x);var y={rect:v,delay:Math.round(1e3*x),dispose:n[r+24],blend:n[r+25]};s.frames.push(y)}else if("fdAT"===g){for(var A=0;A<f-4;A++)t[u+A]=n[r+A+4];u+=f-4}else if("pHYs"===g)s.tabs[g]=[i.readUint(n,r),i.readUint(n,r+4),n[r+8]];else if("cHRM"===g){s.tabs[g]=[];for(var w=0;w<8;w++)s.tabs[g].push(i.readUint(n,r+4*w))}else if("tEXt"===g||"zTXt"===g){null===s.tabs[g]&&(s.tabs[g]={});var j=i.nextZero(n,r),b=i.readASCII(n,r,j-r),_=void 0,D=r+f-j-1;if("tEXt"===g)_=i.readASCII(n,j+1,D);else{var M=zd.decode._inflate(n.slice(j+2,j+2+D));_=i.readUTF8(M,0,M.length)}s.tabs[g][b]=_}else if("iTXt"===g){null==s.tabs[g]&&(s.tabs[g]={});var k=0,N=r;k=i.nextZero(n,N);var E=i.readASCII(n,N,k-N),C=n[N=k+1];N+=2,N=(k=i.nextZero(n,N))+1;var S=void 0,P=f-((N=(k=i.nextZero(n,N))+1)-r);if(0===C)S=i.readUTF8(n,N,P);else{var B=zd.decode._inflate(n.slice(N,N+P));S=i.readUTF8(B,0,B.length)}s.tabs[g][E]=S}else if("PLTE"===g)s.tabs[g]=i.readBytes(n,r,f);else if("hIST"===g){var I=s.tabs.PLTE.length/3;s.tabs[g]=[];for(var T=0;T<I;T++)s.tabs[g].push(a(n,r+2*T))}else if("tRNS"===g)3===s.ctype?s.tabs[g]=i.readBytes(n,r,f):0===s.ctype?s.tabs[g]=a(n,r):2===s.ctype&&(s.tabs[g]=[a(n,r),a(n,r+2),a(n,r+4)]);else if("gAMA"===g)s.tabs[g]=i.readUint(n,r)/1e5;else if("sRGB"===g)s.tabs[g]=n[r];else if("bKGD"===g)0===s.ctype||4===s.ctype?s.tabs[g]=[a(n,r)]:2===s.ctype||6===s.ctype?s.tabs[g]=[a(n,r),a(n,r+2),a(n,r+4)]:3===s.ctype&&(s.tabs[g]=n[r]);else if("IEND"===g)break;r+=f,r+=4}if(0!==u){var R=s.frames[s.frames.length-1];R.data=zd.decode._decompress(s,t.slice(0,u),R.rect.width,R.rect.height),u=0}return s.data=zd.decode._decompress(s,c,s.width,s.height),delete s.compress,delete s.interlace,delete s.filter,s},zd.decode._decompress=function(e,t,n,r){var i=zd.decode._getBPP(e),a=Math.ceil(n*i/8),o=new Uint8Array((a+1+e.interlace)*r);return t=e.tabs.CgBI?zd.inflateRaw(t,o):zd.decode._inflate(t,o),0===e.interlace?t=zd.decode._filterZero(t,e,0,n,r):1===e.interlace&&(t=zd.decode._readInterlace(t,e)),t},zd.decode._inflate=function(e,t){return zd.inflateRaw(new Uint8Array(e.buffer,2,e.length-6),t)},zd.inflateRaw=((Td={}).H={},Td.H.N=function(e,t){var n,r,i=Uint8Array,a=0,o=0,s=0,c=0,l=0,u=0,d=0,m=0,f=0;if(3===e[0]&&0===e[1])return t||new i(0);var g=Td.H,p=g.b,h=g.e,v=g.R,x=g.n,y=g.A,A=g.Z,w=g.m,j=null===t;for(j&&(t=new i(e.length>>>2<<3));0===a;)if(a=p(e,f,1),o=p(e,f+1,2),f+=3,0!==o){if(j&&(t=Td.H.W(t,m+(1<<17))),1===o&&(n=w.J,r=w.h,u=511,d=31),2===o){s=h(e,f,5)+257,c=h(e,f+5,5)+1,l=h(e,f+10,4)+4,f+=14;for(var b=1,_=0;_<38;_+=2)w.Q[_]=0,w.Q[_+1]=0;for(var D=0;D<l;D++){var M=h(e,f+3*D,3);w.Q[1+(w.X[D]<<1)]=M,M>b&&(b=M)}f+=3*l,x(w.Q,b),y(w.Q,b,w.u),n=w.w,r=w.d,f=v(w.u,(1<<b)-1,s+c,e,f,w.v);var k=g.V(w.v,0,s,w.C);u=(1<<k)-1;var N=g.V(w.v,s,c,w.D);d=(1<<N)-1,x(w.C,k),y(w.C,k,n),x(w.D,N),y(w.D,N,r)}for(;;){var E=n[A(e,f)&u];f+=15&E;var C=E>>>4;if(C>>>8==0)t[m++]=C;else{if(256===C)break;var S=m+C-254;if(C>264){var P=w.q[C-257];S=m+(P>>>3)+h(e,f,7&P),f+=7&P}var B=r[A(e,f)&d];f+=15&B;var I=B>>>4,T=w.c[I],R=(T>>>4)+p(e,f,15&T);for(f+=15&T;m<S;)t[m]=t[m++-R],t[m]=t[m++-R],t[m]=t[m++-R],t[m]=t[m++-R];m=S}}}else{0!=(7&f)&&(f+=8-(7&f));var F=4+(f>>>3),O=e[F-4]|e[F-3]<<8;j&&(t=Td.H.W(t,m+O)),t.set(new i(e.buffer,e.byteOffset+F,O),m),f=F+O<<3,m+=O}return t.length===m?t:t.slice(0,m)},Td.H.W=function(e,t){var n=e.length;if(t<=n)return e;var r=new Uint8Array(n<<1);return r.set(e,0),r},Td.H.R=function(e,t,n,r,i,a){for(var o=Td.H.e,s=Td.H.Z,c=0;c<n;){var l=e[s(r,i)&t];i+=15&l;var u=l>>>4;if(u<=15)a[c]=u,c++;else{var d=0,m=0;16===u?(m=3+o(r,i,2),i+=2,d=a[c-1]):17===u?(m=3+o(r,i,3),i+=3):18===u&&(m=11+o(r,i,7),i+=7);for(var f=c+m;c<f;)a[c]=d,c++}}return i},Td.H.V=function(e,t,n,r){for(var i=0,a=0,o=r.length>>>1;a<n;){var s=e[a+t];r[a<<1]=0,r[1+(a<<1)]=s,s>i&&(i=s),a++}for(;a<o;)r[a<<1]=0,r[1+(a<<1)]=0,a++;return i},Td.H.n=function(e,t){for(var n,r,i,a,o,s=Td.H.m,c=e.length,l=s.j,u=0;u<=t;u++)l[u]=0;for(a=1;a<c;a+=2)l[e[a]]++;var d=s.K;for(n=0,l[0]=0,r=1;r<=t;r++)n=n+l[r-1]<<1,d[r]=n;for(i=0;i<c;i+=2)0!==(o=e[i+1])&&(e[i]=d[o],d[o]++)},Td.H.A=function(e,t,n){for(var r=e.length,i=Td.H.m.r,a=0;a<r;a+=2)if(0!==e[a+1])for(var o=a>>1,s=e[a+1],c=o<<4|s,l=t-s,u=e[a]<<l,d=u+(1<<l);u!==d;)n[i[u]>>>15-t]=c,u++},Td.H.l=function(e,t){for(var n=Td.H.m.r,r=15-t,i=0;i<e.length;i+=2){var a=e[i]<<t-e[i+1];e[i]=n[a]>>>r}},Td.H.M=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8},Td.H.I=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8,e[r+2]|=n>>>16},Td.H.e=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<n)-1},Td.H.b=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)&(1<<n)-1},Td.H.Z=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},Td.H.i=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16|e[3+(t>>>3)]<<24)>>>(7&t)},Td.H.m=(Bd=Uint16Array,Id=Uint32Array,{K:new Bd(16),j:new Bd(16),X:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],S:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],T:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],q:new Bd(32),p:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],z:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],c:new Id(32),J:new Bd(512),_:[],h:new Bd(32),$:[],w:new Bd(32768),C:[],v:[],d:new Bd(32768),D:[],u:new Bd(512),Q:[],r:new Bd(32768),s:new Id(286),Y:new Id(30),a:new Id(19),t:new Id(15e3),k:new Bd(65536),g:new Bd(32768)}),function(){for(var e=Td.H.m,t=0;t<32768;t++){var n=t;n=(4278255360&(n=(4042322160&(n=(3435973836&(n=(2863311530&n)>>>1|(1431655765&n)<<1))>>>2|(858993459&n)<<2))>>>4|(252645135&n)<<4))>>>8|(16711935&n)<<8,e.r[t]=(n>>>16|n<<16)>>>17}function r(e,t,n){for(;0!=t--;)e.push(0,n)}for(var i=0;i<32;i++)e.q[i]=e.S[i]<<3|e.T[i],e.c[i]=e.p[i]<<4|e.z[i];r(e._,144,8),r(e._,112,9),r(e._,24,7),r(e._,8,8),Td.H.n(e._,9),Td.H.A(e._,9,e.J),Td.H.l(e._,9),r(e.$,32,5),Td.H.n(e.$,5),Td.H.A(e.$,5,e.h),Td.H.l(e.$,5),r(e.Q,19,0),r(e.C,286,0),r(e.D,30,0),r(e.v,320,0)}(),Td.H.N),zd.decode._readInterlace=function(e,t){for(var n=t.width,r=t.height,i=zd.decode._getBPP(t),a=i>>3,o=Math.ceil(n*i/8),s=new Uint8Array(r*o),c=0,l=[0,0,4,0,2,0,1],u=[0,4,0,2,0,1,0],d=[8,8,8,4,4,2,2],m=[8,8,4,4,2,2,1],f=0;f<7;){for(var g=d[f],p=m[f],h=0,v=0,x=l[f];x<r;)x+=g,v++;for(var y=u[f];y<n;)y+=p,h++;var A=Math.ceil(h*i/8);zd.decode._filterZero(e,t,c,h,v);for(var w=0,j=l[f];j<r;){for(var b=u[f],_=c+w*A<<3;b<n;){if(1===i){var D=e[_>>3];D=D>>7-(7&_)&1,s[j*o+(b>>3)]|=D<<7-((7&b)<<0)}if(2===i){var M=e[_>>3];M=M>>6-(7&_)&3,s[j*o+(b>>2)]|=M<<6-((3&b)<<1)}if(4===i){var k=e[_>>3];k=k>>4-(7&_)&15,s[j*o+(b>>1)]|=k<<4-((1&b)<<2)}if(i>=8)for(var N=j*o+b*a,E=0;E<a;E++)s[N+E]=e[(_>>3)+E];_+=i,b+=p}w++,j+=g}h*v!=0&&(c+=v*(1+A)),f+=1}return s},zd.decode._getBPP=function(e){return[1,null,3,1,2,null,4][e.ctype]*e.depth},zd.decode._filterZero=function(e,t,n,r,i){var a=zd.decode._getBPP(t),o=Math.ceil(r*a/8),s=zd.decode._paeth;a=Math.ceil(a/8);var c=0,l=1,u=e[n],d=0;if(u>1&&(e[n]=[0,0,1][u-2]),3===u)for(d=a;d<o;d++)e[d+1]=e[d+1]+(e[d+1-a]>>>1)&255;for(var m=0;m<i;m++)if(d=0,0===(u=e[(l=(c=n+m*o)+m+1)-1]))for(;d<o;d++)e[c+d]=e[l+d];else if(1===u){for(;d<a;d++)e[c+d]=e[l+d];for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-a]}else if(2===u)for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-o];else if(3===u){for(;d<a;d++)e[c+d]=e[l+d]+(e[c+d-o]>>>1);for(;d<o;d++)e[c+d]=e[l+d]+(e[c+d-o]+e[c+d-a]>>>1)}else{for(;d<a;d++)e[c+d]=e[l+d]+s(0,e[c+d-o],0);for(;d<o;d++)e[c+d]=e[l+d]+s(e[c+d-a],e[c+d-o],e[c+d-a-o])}return e},zd.decode._paeth=function(e,t,n){var r=e+t-n,i=r-e,a=r-t,o=r-n;return i*i<=a*a&&i*i<=o*o?e:a*a<=o*o?t:n},zd.decode._IHDR=function(e,t,n){var r=zd._bin;n.width=r.readUint(e,t),t+=4,n.height=r.readUint(e,t),t+=4,n.depth=e[t],t++,n.ctype=e[t],t++,n.compress=e[t],t++,n.filter=e[t],t++,n.interlace=e[t],t++},zd._bin={nextZero:function(e,t){for(;0!==e[t];)t++;return t},readUshort:function(e,t){return e[t]<<8|e[t+1]},writeUshort:function(e,t,n){e[t]=n>>8&255,e[t+1]=255&n},readUint:function(e,t){return 16777216*e[t]+(e[t+1]<<16|e[t+2]<<8|e[t+3])},writeUint:function(e,t,n){e[t]=n>>24&255,e[t+1]=n>>16&255,e[t+2]=n>>8&255,e[t+3]=255&n},readASCII:function(e,t,n){for(var r="",i=0;i<n;i++)r+=String.fromCharCode(e[t+i]);return r},writeASCII:function(e,t,n){for(var r=0;r<n.length;r++)e[t+r]=n.charCodeAt(r)},readBytes:function(e,t,n){for(var r=[],i=0;i<n;i++)r.push(e[t+i]);return r},pad:function(e){return e.length<2?"0"+e:e},readUTF8:function(e,t,n){for(var r,i="",a=0;a<n;a++)i+="%"+zd._bin.pad(e[t+a].toString(16));try{r=decodeURIComponent(i)}catch(r){return zd._bin.readASCII(e,t,n)}return r}},zd._copyTile=function(e,t,n,r,i,a,o,s,c){for(var l=Math.min(t,i),u=Math.min(n,a),d=0,m=0,f=0;f<u;f++)for(var g=0;g<l;g++)if(o>=0&&s>=0?(d=f*t+g<<2,m=(s+f)*i+o+g<<2):(d=(-s+f)*t-o+g<<2,m=f*i+g<<2),0===c)r[m]=e[d],r[m+1]=e[d+1],r[m+2]=e[d+2],r[m+3]=e[d+3];else if(1===c){var p=e[d+3]*(1/255),h=e[d]*p,v=e[d+1]*p,x=e[d+2]*p,y=r[m+3]*(1/255),A=r[m]*y,w=r[m+1]*y,j=r[m+2]*y,b=1-p,_=p+y*b,D=0===_?0:1/_;r[m+3]=255*_,r[m+0]=(h+A*b)*D,r[m+1]=(v+w*b)*D,r[m+2]=(x+j*b)*D}else if(2===c){var M=e[d+3],k=e[d],N=e[d+1],E=e[d+2],C=r[m+3],S=r[m],P=r[m+1],B=r[m+2];M===C&&k===S&&N===P&&E===B?(r[m]=0,r[m+1]=0,r[m+2]=0,r[m+3]=0):(r[m]=k,r[m+1]=N,r[m+2]=E,r[m+3]=M)}else if(3===c){var I=e[d+3],T=e[d],R=e[d+1],F=e[d+2],O=r[m+3],G=r[m],Z=r[m+1],Q=r[m+2];if(I===O&&T===G&&R===Z&&F===Q)continue;if(I<220&&O>20)return!1}return!0},zd.encode=function(e,t,n,r,i,a,o){null===r&&(r=0),null===o&&(o=!1);var s=zd.encode.compress(e,t,n,r,[!1,!1,!1,0,o]);return zd.encode.compressPNG(s,-1),zd.encode._main(s,t,n,i,a)},zd.encodeLL=function(e,t,n,r,i,a,o,s){for(var c={ctype:0+(1===r?0:2)+(0===i?0:4),depth:a,frames:[]},l=(r+i)*a,u=l*t,d=0;d<e.length;d++)c.frames.push({rect:{x:0,y:0,width:t,height:n},img:new Uint8Array(e[d]),blend:0,dispose:1,bpp:Math.ceil(l/8),bpl:Math.ceil(u/8)});return zd.encode.compressPNG(c,0,!0),zd.encode._main(c,t,n,o,s)},zd.encode._main=function(e,t,n,r,i){i||(i={});var a=zd.crc.crc,o=zd._bin.writeUint,s=zd._bin.writeUshort,c=zd._bin.writeASCII,l=8,u=e.frames.length>1,d=!1,m=33+(u?20:0);if(null!==i.sRGB&&void 0!==i.sRGB&&(m+=13),null!==i.pHYs&&void 0!==i.pHYs&&(m+=21),3===e.ctype){for(var f=e.plte.length,g=0;g<f;g++)e.plte[g]>>>24!=255&&(d=!0);m+=8+3*f+4+(d?8+1*f+4:0)}for(var p=0;p<e.frames.length;p++){u&&(m+=38),m+=e.frames[p].cimg.length+12,0!==p&&(m+=4)}m+=12;for(var h=new Uint8Array(m),v=[137,80,78,71,13,10,26,10],x=0;x<8;x++)h[x]=v[x];if(o(h,l,13),c(h,l+=4,"IHDR"),o(h,l+=4,t),o(h,l+=4,n),h[l+=4]=e.depth,h[++l]=e.ctype,h[++l]=0,h[++l]=0,h[++l]=0,o(h,++l,a(h,l-17,17)),l+=4,null!==i.sRGB&&void 0!==i.sRGB&&(o(h,l,1),c(h,l+=4,"sRGB"),h[l+=4]=i.sRGB,o(h,++l,a(h,l-5,5)),l+=4),null!==i.pHYs&&void 0!==i.pHYs&&(o(h,l,9),c(h,l+=4,"pHYs"),o(h,l+=4,i.pHYs[0]),o(h,l+=4,i.pHYs[1]),h[l+=4]=i.pHYs[2],o(h,++l,a(h,l-13,13)),l+=4),u&&(o(h,l,8),c(h,l+=4,"acTL"),o(h,l+=4,e.frames.length),o(h,l+=4,null!=i.loop?i.loop:0),o(h,l+=4,a(h,l-12,12)),l+=4),3===e.ctype){var y=e.plte.length;o(h,l,3*y),c(h,l+=4,"PLTE"),l+=4;for(var A=0;A<y;A++){var w=3*A,j=e.plte[A],b=255&j,_=j>>>8&255,D=j>>>16&255;h[l+w+0]=b,h[l+w+1]=_,h[l+w+2]=D}if(o(h,l+=3*y,a(h,l-3*y-4,3*y+4)),l+=4,d){o(h,l,y),c(h,l+=4,"tRNS"),l+=4;for(var M=0;M<y;M++)h[l+M]=e.plte[M]>>>24&255;o(h,l+=y,a(h,l-y-4,y+4)),l+=4}}for(var k=0,N=0;N<e.frames.length;N++){var E=e.frames[N];u&&(o(h,l,26),c(h,l+=4,"fcTL"),o(h,l+=4,k++),o(h,l+=4,E.rect.width),o(h,l+=4,E.rect.height),o(h,l+=4,E.rect.x),o(h,l+=4,E.rect.y),s(h,l+=4,r[N]),s(h,l+=2,1e3),h[l+=2]=E.dispose,h[++l]=E.blend,o(h,++l,a(h,l-30,30)),l+=4);var C=E.cimg,S=C.length;o(h,l,S+(0===N?0:4));var P=l+=4;c(h,l,0===N?"IDAT":"fdAT"),l+=4,0!==N&&(o(h,l,k++),l+=4),h.set(C,l),o(h,l+=S,a(h,P,l-P)),l+=4}return o(h,l,0),c(h,l+=4,"IEND"),o(h,l+=4,a(h,l-4,4)),l+=4,h.buffer},zd.encode.compressPNG=function(e,t,n){for(var r=0;r<e.frames.length;r++){var i=e.frames[r],a=i.rect.height,o=new Uint8Array(a*i.bpl+a);i.cimg=zd.encode._filterZero(i.img,a,i.bpp,i.bpl,o,t,n)}},zd.encode.compress=function(e,t,n,r,i){for(var a=i[0],o=i[1],s=i[2],c=i[3],l=i[4],u=6,d=8,m=255,f=0;f<e.length;f++)for(var g=new Uint8Array(e[f]),p=g.length,h=0;h<p;h+=4)m&=g[h+3];var v=255!==m,x=zd.encode.framize(e,t,n,a,o,s),y={},A=[],w=[];if(0!==r){for(var j=[],b=0;b<x.length;b++)j.push(x[b].img.buffer);for(var _=zd.encode.concatRGBA(j),D=zd.quantize(_,r),M=0,k=new Uint8Array(D.abuf),N=0;N<x.length;N++){var E=x[N].img,C=E.length;w.push(new Uint8Array(D.inds.buffer,M>>2,C>>2));for(var S=0;S<C;S+=4)E[S]=k[M+S],E[S+1]=k[M+S+1],E[S+2]=k[M+S+2],E[S+3]=k[M+S+3];M+=C}for(var P=0;P<D.plte.length;P++)A.push(D.plte[P].est.rgba)}else for(var B=0;B<x.length;B++){var I=x[B],T=new Uint32Array(I.img.buffer),R=I.rect.width,F=T.length,O=new Uint8Array(F);w.push(O);for(var G=0;G<F;G++){var Z=T[G];if(0!==G&&Z===T[G-1])O[G]=O[G-1];else if(G>R&&Z===T[G-R])O[G]=O[G-R];else{var Q=y[Z];if(null===Q&&(y[Z]=Q=A.length,A.push(Z),A.length>=300))break;O[G]=Q}}}var L=A.length;L<=256&&!1===l&&(d=L<=2?1:L<=4?2:L<=16?4:8,d=Math.max(d,c));for(var z=0;z<x.length;z++){var H=x[z],V=H.rect.width,U=H.rect.height,W=H.img,Y=4*V,J=4;if(L<=256&&!1===l){Y=Math.ceil(d*V/8);for(var q=new Uint8Array(Y*U),K=w[z],X=0;X<U;X++){var $=X*Y,ee=X*V;if(8===d)for(var te=0;te<V;te++)q[$+te]=K[ee+te];else if(4===d)for(var ne=0;ne<V;ne++)q[$+(ne>>1)]|=K[ee+ne]<<4-4*(1&ne);else if(2===d)for(var re=0;re<V;re++)q[$+(re>>2)]|=K[ee+re]<<6-2*(3&re);else if(1===d)for(var ie=0;ie<V;ie++)q[$+(ie>>3)]|=K[ee+ie]<<7-1*(7&ie)}W=q,u=3,J=1}else if(!1===v&&1===x.length){for(var ae=new Uint8Array(V*U*3),oe=V*U,se=0;se<oe;se++){var ce=3*se,le=4*se;ae[ce]=W[le],ae[ce+1]=W[le+1],ae[ce+2]=W[le+2]}W=ae,u=2,J=3,Y=3*V}H.img=W,H.bpl=Y,H.bpp=J}return{ctype:u,depth:d,plte:A,frames:x}},zd.encode.framize=function(e,t,n,r,i,a){for(var o=[],s=0;s<e.length;s++){var c=new Uint8Array(e[s]),l=new Uint32Array(c.buffer),u=void 0,d=0,m=0,f=t,g=n,p=r?1:0;if(0!==s){for(var h=a||r||1===s||0!==o[s-2].dispose?1:2,v=0,x=1e9,y=0;y<h;y++){for(var A=new Uint32Array(e[s-1-y]),w=t,j=n,b=-1,_=-1,D=0;D<n;D++)for(var M=0;M<t;M++){var k=D*t+M;l[k]!==A[k]&&(M<w&&(w=M),M>b&&(b=M),D<j&&(j=D),D>_&&(_=D))}-1===b&&(w=j=b=_=0),i&&(1==(1&w)&&w--,1==(1&j)&&j--);var N=(b-w+1)*(_-j+1);N<x&&(x=N,v=y,d=w,m=j,f=b-w+1,g=_-j+1)}var E=new Uint8Array(e[s-1-v]);1===v&&(o[s-1].dispose=2),u=new Uint8Array(f*g*4),zd._copyTile(E,t,n,u,f,g,-d,-m,0),1===(p=zd._copyTile(c,t,n,u,f,g,-d,-m,3)?1:0)?zd.encode._prepareDiff(c,t,n,u,{x:d,y:m,width:f,height:g}):zd._copyTile(c,t,n,u,f,g,-d,-m,0)}else u=c.slice(0);o.push({rect:{x:d,y:m,width:f,height:g},img:u,blend:p,dispose:0})}if(r)for(var C=0;C<o.length;C++){var S=o[C];if(1!==S.blend){var P=S.rect,B=o[C-1].rect,I=Math.min(P.x,B.x),T=Math.min(P.y,B.y),R={x:I,y:T,width:Math.max(P.x+P.width,B.x+B.width)-I,height:Math.max(P.y+P.height,B.y+B.height)-T};o[C-1].dispose=1,C-1!=0&&zd.encode._updateFrame(e,t,n,o,C-1,R,i),zd.encode._updateFrame(e,t,n,o,C,R,i)}}return o},zd.encode._updateFrame=function(e,t,n,r,i,a,o){for(var s=Uint8Array,c=Uint32Array,l=new s(e[i-1]),u=new c(e[i-1]),d=i+1<e.length?new s(e[i+1]):null,m=new s(e[i]),f=new c(m.buffer),g=t,p=n,h=-1,v=-1,x=0;x<a.height;x++)for(var y=0;y<a.width;y++){var A=a.x+y,w=a.y+x,j=w*t+A,b=f[j];0!==b&&(0!==r[i-1].dispose||u[j]!==b||null!==d&&0===d[4*j+3])&&(A<g&&(g=A),A>h&&(h=A),w<p&&(p=w),w>v&&(v=w))}-1===h&&(g=p=h=v=0),o&&(1==(1&g)&&g--,1==(1&p)&&p--),a={x:g,y:p,width:h-g+1,height:v-p+1};var _=r[i];_.rect=a,_.blend=1,_.img=new Uint8Array(a.width*a.height*4),0===r[i-1].dispose?(zd._copyTile(l,t,n,_.img,a.width,a.height,-a.x,-a.y,0),zd.encode._prepareDiff(m,t,n,_.img,a)):zd._copyTile(m,t,n,_.img,a.width,a.height,-a.x,-a.y,0)},zd.encode._prepareDiff=function(e,t,n,r,i){zd._copyTile(e,t,n,r,i.width,i.height,-i.x,-i.y,2)},zd.encode._filterZero=function(e,t,n,r,i,a,o){var s,c=[],l=[0,1,2,3,4];-1!==a?l=[a]:(t*r>5e5||1===n)&&(l=[0]),o&&(s={level:0});for(var u,d=i.length>1e7&&null!=Qd()?Qd():Ld.ZP,m=0;m<l.length;m++){for(var f=0;f<t;f++)zd.encode._filterLine(i,e,f,r,n,l[m]);c.push(d.deflate(i,s))}for(var g=1e9,p=0;p<c.length;p++)c[p].length<g&&(u=p,g=c[p].length);return c[u]},zd.encode._filterLine=function(e,t,n,r,i,a){var o=n*r,s=o+n,c=zd.decode._paeth;if(e[s]=a,s++,0===a)if(r<500)for(var l=0;l<r;l++)e[s+l]=t[o+l];else e.set(new Uint8Array(t.buffer,o,r),s);else if(1===a){for(var u=0;u<i;u++)e[s+u]=t[o+u];for(var d=i;d<r;d++)e[s+d]=t[o+d]-t[o+d-i]+256&255}else if(0===n){for(var m=0;m<i;m++)e[s+m]=t[o+m];if(2===a)for(var f=i;f<r;f++)e[s+f]=t[o+f];if(3===a)for(var g=i;g<r;g++)e[s+g]=t[o+g]-(t[o+g-i]>>1)+256&255;if(4===a)for(var p=i;p<r;p++)e[s+p]=t[o+p]-c(t[o+p-i],0,0)+256&255}else{if(2===a)for(var h=0;h<r;h++)e[s+h]=t[o+h]+256-t[o+h-r]&255;if(3===a){for(var v=0;v<i;v++)e[s+v]=t[o+v]+256-(t[o+v-r]>>1)&255;for(var x=i;x<r;x++)e[s+x]=t[o+x]+256-(t[o+x-r]+t[o+x-i]>>1)&255}if(4===a){for(var y=0;y<i;y++)e[s+y]=t[o+y]+256-c(0,t[o+y-r],0)&255;for(var A=i;A<r;A++)e[s+A]=t[o+A]+256-c(t[o+A-i],t[o+A-r],t[o+A-i-r])&255}}},zd.crc={table:function(){for(var e=new Uint32Array(256),t=0;t<256;t++){for(var n=t,r=0;r<8;r++)1&n?n=3988292384^n>>>1:n>>>=1;e[t]=n}return e}(),update:function(e,t,n,r){for(var i=0;i<r;i++)e=zd.crc.table[255&(e^t[n+i])]^e>>>8;return e},crc:function(e,t,n){return 4294967295^zd.crc.update(4294967295,e,t,n)}},zd.quantize=function(e,t){var n,r=new Uint8Array(e),i=r.slice(0),a=new Uint32Array(i.buffer),o=zd.quantize.getKDtree(i,t),s=o[0],c=o[1],l=zd.quantize.planeDst,u=r,d=a,m=u.length,f=new Uint8Array(r.length>>2);if(r.length<2e7)for(var g=0;g<m;g+=4){var p=u[g]*(1/255),h=u[g+1]*(1/255),v=u[g+2]*(1/255),x=u[g+3]*(1/255);n=zd.quantize.getNearest(s,p,h,v,x),f[g>>2]=n.ind,d[g>>2]=n.est.rgba}else for(var y=0;y<m;y+=4){var A=u[y]*(1/255),w=u[y+1]*(1/255),j=u[y+2]*(1/255),b=u[y+3]*(1/255);for(n=s;n.left;)n=l(n.est,A,w,j,b)<=0?n.left:n.right;f[y>>2]=n.ind,d[y>>2]=n.est.rgba}return{abuf:i.buffer,inds:f,plte:c}},zd.quantize.getKDtree=function(e,t,n){null===n&&(n=1e-4);var r=new Uint32Array(e.buffer),i={i0:0,i1:e.length,bst:null,est:null,tdst:0,left:null,right:null};i.bst=zd.quantize.stats(e,i.i0,i.i1),i.est=zd.quantize.estats(i.bst);for(var a=[i];a.length<t;){for(var o=0,s=0,c=0;c<a.length;c++)a[c].est.L>o&&(o=a[c].est.L,s=c);if(o<n)break;var l=a[s],u=zd.quantize.splitPixels(e,r,l.i0,l.i1,l.est.e,l.est.eMq255);if(l.i0>=u||l.i1<=u)l.est.L=0;else{var d={i0:l.i0,i1:u,bst:null,est:null,tdst:0,left:null,right:null};d.bst=zd.quantize.stats(e,d.i0,d.i1),d.est=zd.quantize.estats(d.bst);var m={i0:u,i1:l.i1,bst:null,est:null,tdst:0,left:null,right:null};m.bst={R:[],m:[],N:l.bst.N-d.bst.N};for(var f=0;f<16;f++)m.bst.R[f]=l.bst.R[f]-d.bst.R[f];for(var g=0;g<4;g++)m.bst.m[g]=l.bst.m[g]-d.bst.m[g];m.est=zd.quantize.estats(m.bst),l.left=d,l.right=m,a[s]=d,a.push(m)}}a.sort((function(e,t){return t.bst.N-e.bst.N}));for(var p=0;p<a.length;p++)a[p].ind=p;return[i,a]},zd.quantize.getNearest=function(e,t,n,r,i){if(null==e.left)return e.tdst=zd.quantize.dist(e.est.q,t,n,r,i),e;var a=zd.quantize.planeDst(e.est,t,n,r,i),o=e.left,s=e.right;a>0&&(o=e.right,s=e.left);var c=zd.quantize.getNearest(o,t,n,r,i);if(c.tdst<=a*a)return c;var l=zd.quantize.getNearest(s,t,n,r,i);return l.tdst<c.tdst?l:c},zd.quantize.planeDst=function(e,t,n,r,i){var a=e.e;return a[0]*t+a[1]*n+a[2]*r+a[3]*i-e.eMq},zd.quantize.dist=function(e,t,n,r,i){var a=t-e[0],o=n-e[1],s=r-e[2],c=i-e[3];return a*a+o*o+s*s+c*c},zd.quantize.splitPixels=function(e,t,n,r,i,a){var o=zd.quantize.vecDot;for(r-=4;n<r;){for(;o(e,n,i)<=a;)n+=4;for(;o(e,r,i)>a;)r-=4;if(n>=r)break;var s=t[n>>2];t[n>>2]=t[r>>2],t[r>>2]=s,n+=4,r-=4}for(;o(e,n,i)>a;)n-=4;return n+4},zd.quantize.vecDot=function(e,t,n){return e[t]*n[0]+e[t+1]*n[1]+e[t+2]*n[2]+e[t+3]*n[3]},zd.quantize.stats=function(e,t,n){for(var r=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],i=[0,0,0,0],a=n-t>>2,o=t;o<n;o+=4){var s=e[o]*(1/255),c=e[o+1]*(1/255),l=e[o+2]*(1/255),u=e[o+3]*(1/255);i[0]+=s,i[1]+=c,i[2]+=l,i[3]+=u,r[0]+=s*s,r[1]+=s*c,r[2]+=s*l,r[3]+=s*u,r[5]+=c*c,r[6]+=c*l,r[7]+=c*u,r[10]+=l*l,r[11]+=l*u,r[15]+=u*u}return r[4]=r[1],r[8]=r[2],r[9]=r[6],r[12]=r[3],r[13]=r[7],r[14]=r[11],{R:r,m:i,N:a}},zd.quantize.estats=function(e){var t=e.R,n=e.m,r=e.N,i=n[0],a=n[1],o=n[2],s=n[3],c=0===r?0:1/r,l=[t[0]-i*i*c,t[1]-i*a*c,t[2]-i*o*c,t[3]-i*s*c,t[4]-a*i*c,t[5]-a*a*c,t[6]-a*o*c,t[7]-a*s*c,t[8]-o*i*c,t[9]-o*a*c,t[10]-o*o*c,t[11]-o*s*c,t[12]-s*i*c,t[13]-s*a*c,t[14]-s*o*c,t[15]-s*s*c],u=l,d=zd.M4,m=[Math.random(),Math.random(),Math.random(),Math.random()],f=0,g=0;if(0!==r)for(var p=0;p<16&&(m=d.multVec(u,m),g=Math.sqrt(d.dot(m,m)),m=d.sml(1/g,m),!(0!==p&&Math.abs(g-f)<1e-9));p++)f=g;var h=[i*c,a*c,o*c,s*c];return{Cov:l,q:h,e:m,L:f,eMq255:d.dot(d.sml(255,h),m),eMq:d.dot(m,h),rgba:(Math.round(255*h[3])<<24|Math.round(255*h[2])<<16|Math.round(255*h[1])<<8|Math.round(255*h[0])<<0)>>>0}},zd.M4={multVec:function(e,t){return[e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3],e[4]*t[0]+e[5]*t[1]+e[6]*t[2]+e[7]*t[3],e[8]*t[0]+e[9]*t[1]+e[10]*t[2]+e[11]*t[3],e[12]*t[0]+e[13]*t[1]+e[14]*t[2]+e[15]*t[3]]},dot:function(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3]},sml:function(e,t){return[e*t[0],e*t[1],e*t[2],e*t[3]]}},zd.encode.concatRGBA=function(e){for(var t=0,n=0;n<e.length;n++)t+=e[n].byteLength;for(var r=new Uint8Array(t),i=0,a=0;a<e.length;a++){for(var o=new Uint8Array(e[a]),s=o.length,c=0;c<s;c+=4){var l=o[c],u=o[c+1],d=o[c+2],m=o[c+3];0===m&&(l=u=d=0),r[i+c]=l,r[i+c+1]=u,r[i+c+2]=d,r[i+c+3]=m}i+=s}return r.buffer};var Hd,Vd=zd,Ud=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[4*(a*n+n-o-1)],i[s+1]=t[4*(a*n+n-o-1)+1],i[s+2]=t[4*(a*n+n-o-1)+2],i[s+3]=t[4*(a*n+n-o-1)+3]}return new ImageData(i,n,r)}return null},Wd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[4*((r-a-1)*n+o)],i[s+1]=t[4*((r-a-1)*n+o)+1],i[s+2]=t[4*((r-a-1)*n+o)+2],i[s+3]=t[4*((r-a-1)*n+o)+3]}return new ImageData(i,n,r)}return null},Yd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<n;a++)for(var o=0;o<r;o++){var s=4*(a*r+o);i[s]=t[4*(o*n+n-a-1)],i[s+1]=t[4*(o*n+n-a-1)+1],i[s+2]=t[4*(o*n+n-a-1)+2],i[s+3]=t[4*(o*n+n-a-1)+3]}return new ImageData(i,r,n)}return null},Jd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<n;a++)for(var o=0;o<r;o++){var s=4*(a*r+o);i[s]=t[4*((r-o-1)*n+a)],i[s+1]=t[4*((r-o-1)*n+a)+1],i[s+2]=t[4*((r-o-1)*n+a)+2],i[s+3]=t[4*((r-o-1)*n+a)+3]}return new ImageData(i,r,n)}return null},qd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1]+t[s+2])/3;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Kd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1]+t[s+2])/3>127?255:0;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Xd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=255-t[s],i[s+1]=255-t[s+1],i[s+2]=255-t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},$d=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},em=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},tm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=0,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},nm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},rm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},im=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},am=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s+1]+t[s+2])/2;i[s]=t[s],i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},om=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+2])/2;i[s]=c,i[s+1]=t[s+1],i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},sm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1])/2;i[s]=c,i[s+1]=c,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},cm=function(e){if(e){return hm(e,[-1,-1,-1,-1,9,-1,-1,-1,-1])}return null},lm=function(e){if(e){return hm(e,[-1,-1,-1,-1,8,-1,-1,-1,-1])}return null},um=function(e){if(e){var t,n,r,i,a,o,s,c,l,u,d=e.data,m=e.width,f=e.height,g=[],p=0,h=10;for(o=1/(5*Math.sqrt(2*Math.PI)),a=-.02,s=0,t=-10;t<=h;t++,s++)i=o*Math.exp(a*t*t),g[s]=i,p+=i;for(s=0,u=g.length;s<u;s++)g[s]/=p;for(n=0;n<f;n++)for(t=0;t<m;t++){for(r=i=a=o=0,p=0,c=-10;c<=h;c++)(l=t+c)>=0&&l<m&&(r+=d[s=4*(n*m+l)]*g[c+h],i+=d[s+1]*g[c+h],a+=d[s+2]*g[c+h],p+=g[c+h]);d[s=4*(n*m+t)]=r/p,d[s+1]=i/p,d[s+2]=a/p}for(t=0;t<m;t++)for(n=0;n<f;n++){for(r=i=a=o=0,p=0,c=-10;c<=h;c++)(l=n+c)>=0&&l<f&&(r+=d[s=4*(l*m+t)]*g[c+h],i+=d[s+1]*g[c+h],a+=d[s+2]*g[c+h],p+=g[c+h]);d[s=4*(n*m+t)]=r/p,d[s+1]=i/p,d[s+2]=a/p}return e}return null},dm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=t[s+2],i[s+3]=255}return new ImageData(i,n,r)}return null},mm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);if(0===t[s+3])i[s]=255,i[s+1]=255,i[s+2]=255,i[s+3]=255;else{var c=vm([t[s],t[s+1],t[s+2],t[s+3]],[255,255,255,255]);i[s]=c[0],i[s+1]=c[1],i[s+2]=c[2],i[s+3]=c[3]}}return new ImageData(i,n,r)}return null},fm=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4;if(e){var o=new Image,s=null;if(s="string"==typeof e?e:El(e)){o.src=s;var c=document.createElement("canvas"),l=c.getContext("2d");c.width=a,c.height=a,l.drawImage(o,0,0,t,n,0,0,r,i);var u=l.getImageData(0,0,r,i);return u}}return null},gm=function(){var e=(0,nl.Z)(il().mark((function e(t,n,r,i,a,o){var s,c,l,u,d,m,f;return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t&&i?(s=a/100,["JPG","JPEG"].includes(i.toUpperCase())?((c=new Image).src=t,l=document.createElement("canvas"),u=l.getContext("2d"),l.width=n,l.height=r,u.drawImage(c,0,0,n,r),l.toBlob((function(e){o&&o(e)}),"image/".concat(i.toLowerCase()),s)):(d=Math.floor(256*s),m=Vd.encode([t.data.buffer],n,r,d),f=new Blob([m]),o&&o(f))):o&&o(null);case 1:case"end":return e.stop()}}),e)})));return function(t,n,r,i,a,o){return e.apply(this,arguments)}}(),pm=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{backgroundColor:{r:0,g:0,b:0,a:255},changeIntoColor:{r:0,g:0,b:0,a:0}};if(e){if(t&&n){for(var r=e.data,i=e.width,a=e.height,o=t.data,s=new Uint8ClampedArray(r.length),c=n.backgroundColor,l=n.changeIntoColor,u=0;u<a;u++)for(var d=0;d<i;d++){var m=4*(u*i+d),f=o[m],g=o[m+1],p=o[m+2],h=o[m+3];f===c.r&&g===c.g&&p===c.b&&h===c.a&&0!==l.a?(s[m]=l.r,s[m+1]=l.g,s[m+2]=l.b,s[m+3]=l.a):(s[m]=r[m],s[m+1]=r[m+1],s[m+2]=r[m+2],s[m+3]=r[m+3])}var v=new ImageData(s,i,a);return v}return e}return null},hm=function(e,t){if(e){for(var n=e.data,r=e.width,i=e.height,a=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<r;s++){for(var c=4*(o*r+s),l=0;l<3;l++){var u=c+l;a[u]=0===s||s===r-1||0===o||o===i-1?n[u]:t[0]*n[u-4*r-4]+t[1]*n[u-4*r]+t[2]*n[u-4*r+4]+t[3]*n[u-4]+t[4]*n[u]+t[5]*n[u+4]+t[6]*n[u+4*r-4]+t[7]*n[u+4*r]+t[8]*n[u+4*r+4]}a[c+3]=n[c+3]}return new ImageData(a,r,i)}return null},vm=function(e,t){if(e&&4===e.length&&t&&4===t.length){var n=e[3],r=t[3];if(255===n||0===r)return e;if(0===n)return t;var i=n/255,a=r/255;return[Math.max(Math.min(Math.floor(e[0]*i+t[0]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(e[1]*i+t[1]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(e[2]*i+t[2]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(255*(i+a*(1-i))),255),0)]}return[255,255,255,255]},xm="TakeIDPhotos_container__9YE8N",ym="TakeIDPhotos_title__i5kFN",Am="TakeIDPhotos_content__+fix-",wm="TakeIDPhotos_videoBox__9t7RI",jm="TakeIDPhotos_recordVideo__fGXpo",bm="TakeIDPhotos_btns__n-Nxn",_m="TakeIDPhotos_label__WpbM+";!function(e){e[e.noInit=0]="noInit",e[e.loading=1]="loading",e[e.ready=2]="ready",e[e.inRecording=3]="inRecording"}(Hd||(Hd={}));var Dm={1:{width:295,height:413},2:{width:413,height:579}},Mm={transparency:{r:0,g:0,b:0,a:0},red:{r:255,g:0,b:0,a:255},blue:{r:67,g:142,b:219,a:255},white:{r:255,g:255,b:255,a:255}},km=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)("1"),c=(0,o.Z)(a,2),l=c[0],u=c[1],d=(0,r.useRef)("1"),m=(0,r.useRef)(null),f=(0,r.useState)(""),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=(0,r.useState)(""),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(Hd.noInit),b=(0,o.Z)(j,2),_=b[0],D=b[1],M=(0,r.useRef)(Hd.noInit),k=(0,r.useState)("transparency"),N=(0,o.Z)(k,2),E=N[0],C=N[1],S=(0,r.useRef)("transparency"),P=(0,r.useRef)(null),B=(0,r.useRef)(0),I=function(){var e=(0,nl.Z)(il().mark((function e(){var n,r,a,o,s,c,l,u,m,f;return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(M.current===Hd.inRecording){e.next=2;break}return e.abrupt("return");case 2:if(!t.current||!i.current){e.next=22;break}if(n=Dm[d.current],r=n.width,a=n.height,!(o=Sl(t.current,r,a))){e.next=22;break}if("transparency"===S.current){e.next=20;break}return s={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=10,P.current.segmentPeople(o,s);case 10:return c=e.sent,l={r:255,g:255,b:255,a:255},u={r:0,g:0,b:0,a:255},e.next=15,Gd.wX(c,l,u,false,.3);case 15:m=e.sent,(f=pm(o,m,{backgroundColor:u,changeIntoColor:Mm[S.current]}))?i.current.putImageData(f,0,0):i.current.putImageData(o,0,0),e.next=21;break;case 20:i.current.putImageData(o,0,0);case 21:B.current=window.requestAnimationFrame(I);case 22:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),T=function(){var r=(0,nl.Z)(il().mark((function r(){var a,o,s,c,u,d,f,g;return il().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return D(Hd.loading),o=(a=Dm[l]).width,s=a.height,n.current&&(n.current.width=o,n.current.height=s,c=n.current.getContext("2d"),i.current=c),u=Gd.oV.MediaPipeSelfieSegmentation,d={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},sl.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})),r.next=8,Gd.N7(u,d);case 8:f=r.sent,P.current=f,g={video:{width:Dm[l].width,height:Dm[l].height,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(g).then((function(e){t.current&&e&&(m.current=e),t.current&&m.current&&(t.current.srcObject=m.current),M.current=Hd.inRecording,D(Hd.inRecording),I()})).catch((function(t){t.message&&t.message.includes("not found")?sl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):sl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):sl.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}));case 12:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),R=function(){var r=(0,nl.Z)(il().mark((function r(){var i;return il().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:_===Hd.noInit?T():_===Hd.loading?sl.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})):_===Hd.inRecording?(t.current&&n.current&&(t.current.srcObject=null,B.current&&window.cancelAnimationFrame(B.current),i=n.current.toDataURL("image/jpeg"),w("".concat((new Date).getTime(),".jpeg")),v(i)),M.current=Hd.ready,D(Hd.ready)):(h&&(window.URL.revokeObjectURL(h),w(""),v("")),t.current&&m.current&&(t.current.srcObject=m.current,M.current=Hd.inRecording,D(Hd.inRecording),I()));case 1:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}();return(0,r.useEffect)((function(){return function(){h&&window.URL.revokeObjectURL(h)}}),[]),(0,s.jsxs)("div",{className:xm,children:[(0,s.jsx)("div",{className:ym,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.takeIDPhotos"})}),(0,s.jsxs)("div",{className:Am,children:[(0,s.jsxs)("div",{className:wm,style:{width:"".concat(Dm[l].width,"px"),height:"".concat(Dm[l].height,"px")},children:[(0,s.jsx)("video",{className:jm,style:{width:"".concat(Dm[l].width,"px"),height:"".concat(Dm[l].height,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})]}),(0,s.jsxs)("div",{className:bm,children:[(0,s.jsxs)("div",{className:_m,children:[e.formatMessage({id:"common.dimension"}),"："]}),(0,s.jsx)(al.Z,{value:l,style:{width:"90px",marginRight:"16px"},onChange:function(e){if(n.current){var t=Dm[e],r=t.width,i=t.height;n.current.width=r,n.current.height=i}d.current=e,u(e)},options:[{value:"1",label:e.formatMessage({id:"page.htmlVision.utilitarianFunction.oneInch"})},{value:"2",label:e.formatMessage({id:"page.htmlVision.utilitarianFunction.twoInch"})}]}),(0,s.jsxs)("div",{className:_m,children:[e.formatMessage({id:"common.backgroundColor"}),"："]}),(0,s.jsx)(al.Z,{value:E,style:{width:"130px",marginRight:"16px"},onChange:function(e){S.current=e,C(e)},options:[{value:"transparency",label:e.formatMessage({id:"common.transparency"})},{value:"red",label:e.formatMessage({id:"common.red"})},{value:"blue",label:e.formatMessage({id:"common.blue"})},{value:"white",label:e.formatMessage({id:"common.white"})}]}),(0,s.jsx)(oe.Z,{type:"primary",onClick:R,children:_===Hd.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.clickToTakeAPhoto"}):h?e.formatMessage({id:"page.htmlVision.utilitarianFunction.backPhoto"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.readyToTakeAPhoto"})}),h&&(0,s.jsx)("a",{download:A,href:h,children:e.formatMessage({id:"common.download"})})]})]})]})},Nm="UtilitarianFunction_container__nbWbY",Em="UtilitarianFunction_box__xBne9",Cm=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:Nm,children:[(0,s.jsx)("div",{className:Em,children:(0,s.jsx)(ld,{})}),(0,s.jsx)("div",{className:Em,children:(0,s.jsx)(gd,{})}),(0,s.jsx)("div",{className:Em,children:(0,s.jsx)(Dd,{})}),(0,s.jsx)("div",{className:Em,children:(0,s.jsx)(Hr,{data:zr[2]})}),(0,s.jsx)("div",{className:Em,children:(0,s.jsx)(Od,{})}),(0,s.jsx)("div",{className:Em,children:(0,s.jsx)(km,{})})]})},Sm=n(2076),Pm="TiltButton_container__794Op",Bm="TiltButton_buttonWrapper__qprX4",Im="TiltButton_symbol__8btRZ",Tm="TiltButton_baseSvg__VopDS";function Rm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Fm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Rm(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Rm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Om=function(e,t){var n=e.children,i=e.color,a=void 0===i?"#355DFF":i,o=e.buttonstyle,c=void 0===o?{}:o,l=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(function(){return l}));var u=(0,r.useRef)(null),d=(0,r.useCallback)((function(e,t){return Math.floor(Math.random()*(t+1))+e}),[]),m=Object.assign({backgroundColor:a,boxShadow:"0 10px 20px -10px ".concat(a)},c),f=(0,r.useCallback)((function(e,t){var n="http://www.w3.org/1999/xlink",r=document.createElementNS("http://www.w3.org/2000/svg",e);for(var i in"svg"===e&&r.setAttribute("xmlns:xlink",n),t)"xlink:href"===i?r.setAttributeNS(n,i,t[i]):r.setAttribute(i,t[i]);return r}),[]);return(0,s.jsxs)("div",Fm(Fm({},e),{},{className:"".concat(Pm," ").concat(e.className||""),children:[(0,s.jsx)(Sm.Z,{className:"Tilt",options:{max:30,scale:1.1},children:(0,s.jsx)("div",{className:Bm,ref:u,children:(0,s.jsx)("button",{style:m,onClick:function(){if(u.current){var e=["#donut","#circle","#tri_hollow","#triangle","#square","#squ_hollow"],t=u.current.children.length;if(t>1)for(var n=t-1;n>=0;n--){var r=u.current.children[n];"BUTTON"!==r.nodeName&&u.current.removeChild(r)}var i=u.current.getBoundingClientRect(),o=i.width,s=i.height;for(n=0;n<10;n++){var c=Math.floor(Math.random()*e.length),l=o/2+d(50,100)*Math.cos(2*Math.PI*n/d(0,20)),m=s/2+d(50,100)*Math.sin(2*Math.PI*n/d(0,20)),g=d(0,360)+"deg",p=d(.5,1),h=f("svg",{class:Im,style:"top: ".concat(m,"px;left: ").concat(l,"px;transform: scale(").concat(p,") rotate(").concat(g,")"),fill:a}),v=f("use",{"xlink:href":e[c]});h.appendChild(v),u.current.prepend(h)}}},ref:l,children:n})})}),(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",className:Tm,children:[(0,s.jsx)("symbol",{id:"donut",viewBox:"0 0 14 14",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M7 12c2.76 0 5-2.24 5-5S9.76 2 7 2 2 4.24 2 7s2.24 5 5 5zm0 2c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"})}),(0,s.jsx)("symbol",{id:"circle",viewBox:"0 0 10 10",children:(0,s.jsx)("circle",{cx:"5",cy:"5",r:"5",fillRule:"evenodd"})}),(0,s.jsx)("symbol",{id:"tri_hollow",viewBox:"0 0 12 11",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M3.4 8.96h5.2L6 4.2 3.4 8.95zM6 0l6 11H0L6 0z"})}),(0,s.jsx)("symbol",{id:"triangle",viewBox:"0 0 10 9",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5 0l5 9H0"})}),(0,s.jsx)("symbol",{id:"square",viewBox:"0 0 8 8",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M0 0h8v8H0z"})}),(0,s.jsx)("symbol",{id:"squ_hollow",viewBox:"0 0 8 8",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M1.5 1.5v5h5v-5h-5zM0 0h8v8H0V0z"})})]})]}))},Gm=r.forwardRef(Om),Zm="RotateBgButton_container__+oxiM",Qm=.01,Lm=.5,zm=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(0),n=function n(){if(e.current){var r=Y.findDOMNode(e.current);if(r){var i=r.style.backgroundPosition;if(i){var a=i.split(" "),o=Number(a[0].substring(0,a[0].length-1))/100-Lm,s=Number(a[1].substring(0,a[1].length-1))/100-Lm;o=o*Math.cos(Qm)-s*Math.sin(Qm),s=s*Math.cos(Qm)+o*Math.sin(Qm),r.style.backgroundPosition="".concat(100*(o+Lm),"% ").concat(100*(s+Lm),"%")}else r.style.backgroundPosition="0% 50%";t.current=requestAnimationFrame(n)}}};return(0,r.useEffect)((function(){return e.current&&(t.current=requestAnimationFrame(n)),function(){t.current&&cancelAnimationFrame(t.current)}}),[]),(0,s.jsx)("div",{className:Zm,ref:e,children:"Button"})};function Hm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Vm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Hm(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Hm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Um,Wm=function(e){return(0,s.jsx)("svg",Vm(Vm({width:"1em",height:"1em",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsx)("path",{d:"m7.087 16.686.292-4.406 8-7.208c.354-.323-.073-.48-.542-.198l-9.875 6.24-4.27-1.355c-.918-.26-.928-.895.207-1.354L17.535 1.99c.76-.344 1.49.187 1.198 1.354l-2.834 13.343c-.198.948-.77 1.178-1.562.74l-4.313-3.187-2.073 2.01c-.24.24-.437.437-.864.437Z",fill:"#808191",fillRule:"nonzero"})}))},Ym="IconMoveButton_container__jbUL6",Jm=function(){return(0,s.jsx)("div",{className:Ym,children:(0,s.jsxs)("button",{children:[(0,s.jsx)(Wm,{}),"Button"]})})},qm="NeonButton_container__UJhO5",Km=function(){return(0,s.jsx)("div",{className:qm,children:(0,s.jsx)("button",{children:"Button"})})},Xm="BorderAnimationButton_container__++2oE",$m=function(){return(0,s.jsx)("div",{className:Xm,children:(0,s.jsx)("button",{children:"Button"})})},ef="BorderAnimationButton2_container__friIP",tf=function(){return(0,s.jsx)("div",{className:ef,children:(0,s.jsx)("button",{children:"Button"})})},nf="TranslateBgButton_container__L5LWZ",rf=function(){return(0,s.jsx)("div",{className:nf,children:(0,s.jsx)("button",{children:"Button"})})},af="RoundedGradientButton_container__AMSMu",of=function(){return(0,s.jsx)("div",{className:af,children:(0,s.jsx)("button",{children:"Button"})})},sf="MirrorSideButton_container__sB1Ij",cf=function(){return(0,s.jsx)("div",{className:sf,children:(0,s.jsx)("button",{children:"Button"})})},lf="ShakeButton_container__g6kIG",uf=function(){return(0,s.jsx)("div",{className:lf,children:(0,s.jsx)("button",{children:"Button"})})},df="Skew3DButton_container__1NY5X",mf=function(){return(0,s.jsx)("div",{className:df,children:(0,s.jsx)("button",{children:"Button"})})},ff="HoverCircleButton_container__PuMuD",gf=function(){var e=(0,r.useRef)(null),t=function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px"))}};return(0,s.jsx)("div",{className:ff,children:(0,s.jsx)("button",{onMouseOver:t,onMouseLeave:t,ref:e,children:(0,s.jsx)("span",{children:"Button"})})})},pf="PunkEffectButton_container__RO8q0",hf=function(){return(0,s.jsx)("div",{className:pf,children:(0,s.jsx)("button",{children:"Button"})})},vf="PunkEffectButton2_container__KUiXn",xf=function(){return(0,s.jsx)("div",{className:vf,children:(0,s.jsx)("button",{children:"Button"})})},yf="BirdButton_container__7qoN9",Af="BirdButton_content__kmjN7",wf="BirdButton_buttonWrapper__LV-bE",jf="BirdButton_birdBox__RbQ6O",bf="BirdButton_bird__iLhzs",_f="BirdButton_birdFace__vJMFt",Df="BirdButton_wakeup__Igq0s",Mf=function(){return(0,s.jsx)("div",{className:yf,children:(0,s.jsxs)("div",{className:Af,children:[(0,s.jsx)("div",{className:wf,children:(0,s.jsx)("span",{children:"Button"})}),(0,s.jsxs)("div",{className:jf,children:[(0,s.jsx)("div",{className:"".concat(bf," ").concat(Df),children:(0,s.jsx)("div",{className:_f})}),(0,s.jsx)("div",{className:"".concat(bf," ").concat(Df),children:(0,s.jsx)("div",{className:_f})}),(0,s.jsx)("div",{className:bf,children:(0,s.jsx)("div",{className:_f})})]})]})})},kf="ObliqueLineButton_container__1jrJm",Nf=function(){return(0,s.jsx)("div",{className:kf,children:(0,s.jsxs)("button",{children:["Button",(0,s.jsx)("span",{})]})})},Ef="LightningBorderButton_container__ekKDU",Cf="LightningBorderButton_buttonBox__o0z+d",Sf="LightningBorderButton_line1__Njvnt",Pf="LightningBorderButton_line2__hEdBj",Bf=function(){return(0,s.jsx)("div",{className:Ef,children:(0,s.jsxs)("div",{className:Cf,children:[(0,s.jsx)("button",{children:"Button"}),(0,s.jsxs)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 234.6 61.3",preserveAspectRatio:"none",xmlSpace:"preserve",children:[(0,s.jsxs)("filter",{id:"glow",children:[(0,s.jsx)("feGaussianBlur",{className:"blur",result:"coloredBlur",stdDeviation:"2"}),(0,s.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.075",numOctaves:"0.3",result:"turbulence"}),(0,s.jsx)("feDisplacementMap",{in:"SourceGraphic",in2:"turbulence",scale:"30",xChannelSelector:"R",yChannelSelector:"G",result:"displace"}),(0,s.jsxs)("feMerge",{children:[(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"displace"}),(0,s.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),(0,s.jsx)("path",{className:Sf,d:"m216.3 51.2c-3.7 0-3.7-1.1-7.3-1.1-3.7 0-3.7 6.8-7.3 6.8-3.7 0-3.7-4.6-7.3-4.6-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-0.9-7.3-0.9-3.7 0-3.7-2.7-7.3-2.7-3.7 0-3.7 7.8-7.3 7.8-3.7 0-3.7-4.9-7.3-4.9-3.7 0-3.7-7.8-7.3-7.8-3.7 0-3.7-1.1-7.3-1.1-3.7 0-3.7 3.1-7.3 3.1-3.7 0-3.7 10.9-7.3 10.9-3.7 0-3.7-12.5-7.3-12.5-3.7 0-3.7 4.6-7.3 4.6-3.7 0-3.7 4.5-7.3 4.5-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-10-7.3-10-3.7 0-3.7-0.4-7.3-0.4-3.7 0-3.7 2.3-7.3 2.3-3.7 0-3.7 7.1-7.3 7.1-3.7 0-3.7-11.2-7.3-11.2-3.7 0-3.7 3.5-7.3 3.5-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-2.9-7.3-2.9-3.7 0-3.7 8.4-7.3 8.4-3.7 0-3.7-14.6-7.3-14.6-3.7 0-3.7 5.8-7.3 5.8-2.2 0-3.8-0.4-5.5-1.5-1.8-1.1-1.8-2.9-2.9-4.8-1-1.8 1.9-2.7 1.9-4.8 0-3.4-2.1-3.4-2.1-6.8s-9.9-3.4-9.9-6.8 8-3.4 8-6.8c0-2.2 2.1-2.4 3.1-4.2 1.1-1.8 0.2-3.9 2-5 1.8-1 3.1-7.9 5.3-7.9 3.7 0 3.7 0.9 7.3 0.9 3.7 0 3.7 6.7 7.3 6.7 3.7 0 3.7-1.8 7.3-1.8 3.7 0 3.7-0.6 7.3-0.6 3.7 0 3.7-7.8 7.3-7.8h7.3c3.7 0 3.7 4.7 7.3 4.7 3.7 0 3.7-1.1 7.3-1.1 3.7 0 3.7 11.6 7.3 11.6 3.7 0 3.7-2.6 7.3-2.6 3.7 0 3.7-12.9 7.3-12.9 3.7 0 3.7 10.9 7.3 10.9 3.7 0 3.7 1.3 7.3 1.3 3.7 0 3.7-8.7 7.3-8.7 3.7 0 3.7 11.5 7.3 11.5 3.7 0 3.7-1.4 7.3-1.4 3.7 0 3.7-2.6 7.3-2.6 3.7 0 3.7-5.8 7.3-5.8 3.7 0 3.7-1.3 7.3-1.3 3.7 0 3.7 6.6 7.3 6.6s3.7-9.3 7.3-9.3c3.7 0 3.7 0.2 7.3 0.2 3.7 0 3.7 8.5 7.3 8.5 3.7 0 3.7 0.2 7.3 0.2 3.7 0 3.7-1.5 7.3-1.5 3.7 0 3.7 1.6 7.3 1.6s3.7-5.1 7.3-5.1c2.2 0 0.6 9.6 2.4 10.7s4.1-2 5.1-0.1c1 1.8 10.3 2.2 10.3 4.3 0 3.4-10.7 3.4-10.7 6.8s1.2 3.4 1.2 6.8 1.9 3.4 1.9 6.8c0 2.2 7.2 7.7 6.2 9.5-1.1 1.8-12.3-6.5-14.1-5.5-1.7 0.9-0.1 6.2-2.2 6.2z",fill:"transparent",stroke:"#fff"}),(0,s.jsx)("path",{className:Pf,d:"m216.3 52.1c-3 0-3-0.5-6-0.5s-3 3-6 3-3-2-6-2-3 1.6-6 1.6-3-0.4-6-0.4-3-1.2-6-1.2-3 3.4-6 3.4-3-2.2-6-2.2-3-3.4-6-3.4-3-0.5-6-0.5-3 1.4-6 1.4-3 4.8-6 4.8-3-5.5-6-5.5-3 2-6 2-3 2-6 2-3 1.6-6 1.6-3-4.4-6-4.4-3-0.2-6-0.2-3 1-6 1-3 3.1-6 3.1-3-4.9-6-4.9-3 1.5-6 1.5-3 1.6-6 1.6-3-1.3-6-1.3-3 3.7-6 3.7-3-6.4-6-6.4-3 2.5-6 2.5h-6c-3 0-3-0.6-6-0.6s-3-1.4-6-1.4-3 0.9-6 0.9-3 4.3-6 4.3-3-3.5-6-3.5c-2.2 0-3.4-1.3-5.2-2.3-1.8-1.1-3.6-1.5-4.6-3.3s-4.4-3.5-4.4-5.7c0-3.4 0.4-3.4 0.4-6.8s2.9-3.4 2.9-6.8-0.8-3.4-0.8-6.8c0-2.2 0.3-4.2 1.3-5.9 1.1-1.8 0.8-6.2 2.6-7.3 1.8-1 5.5-2 7.7-2 3 0 3 2 6 2s3-0.5 6-0.5 3 5.1 6 5.1 3-1.1 6-1.1 3-5.6 6-5.6 3 4.8 6 4.8 3 0.6 6 0.6 3-3.8 6-3.8 3 5.1 6 5.1 3-0.6 6-0.6 3-1.2 6-1.2 3-2.6 6-2.6 3-0.6 6-0.6 3 2.9 6 2.9 3-4.1 6-4.1 3 0.1 6 0.1 3 3.7 6 3.7 3 0.1 6 0.1 3-0.6 6-0.6 3 0.7 6 0.7 3-2.2 6-2.2 3 4.4 6 4.4 3-1.7 6-1.7 3-4 6-4 3 4.7 6 4.7 3-0.5 6-0.5 3-0.8 6-0.8 3-3.8 6-3.8 3 6.3 6 6.3 3-4.8 6-4.8 3 1.9 6 1.9 3-1.9 6-1.9 3 1.3 6 1.3c2.2 0 5-0.5 6.7 0.5 1.8 1.1 2.4 4 3.5 5.8 1 1.8 0.3 3.7 0.3 5.9 0 3.4 3.4 3.4 3.4 6.8s-3.3 3.4-3.3 6.8 4 3.4 4 6.8c0 2.2-6 2.7-7 4.4-1.1 1.8 1.1 6.7-0.7 7.7-1.6 0.8-4.7-1.1-6.8-1.1z",fill:"transparent",stroke:"#fff"})]})]})})},If="DynamicButtons_container__onlah",Tf="DynamicButtons_box__HDepH",Rf="DynamicButtons_box1__eXXBp",Ff="DynamicButtons_btn__v5GiZ",Of="DynamicButtons_btnText__a2SkT",Gf=be.GridBox,Zf=[{element:(0,s.jsx)(Gm,{className:Ff,color:"#4E90FE",children:(0,s.jsx)("span",{className:Of,children:"Button"})}),className:Rf},{element:(0,s.jsx)(zm,{})},{element:(0,s.jsx)(Jm,{})},{element:(0,s.jsx)(Km,{})},{element:(0,s.jsx)($m,{})},{element:(0,s.jsx)(tf,{})},{element:(0,s.jsx)(rf,{})},{element:(0,s.jsx)(of,{})},{element:(0,s.jsx)(cf,{})},{element:(0,s.jsx)(uf,{})},{element:(0,s.jsx)(mf,{})},{element:(0,s.jsx)(gf,{})},{element:(0,s.jsx)(hf,{})},{element:(0,s.jsx)(xf,{})},{element:(0,s.jsx)(Mf,{})},{element:(0,s.jsx)(Nf,{})},{element:(0,s.jsx)(Bf,{})}],Qf=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:If,children:(0,s.jsx)(be,{differentScreenCols:[8,7,6,5,4],rowSpace:4,colSpace:4,children:Zf.map((function(e,t){return(0,s.jsx)(Gf,{children:(0,s.jsx)("div",{className:e.className?"".concat(Tf," ").concat(e.className):Tf,children:e.element})},t)}))})})},Lf="DynamicTime_container__gWj7z",zf="DynamicTime_circle__KgCyy",Hf="DynamicTime_hour__QRch1",Vf="DynamicTime_minutes__CiztT",Uf="DynamicTime_seconds__HIQzF",Wf="DynamicTime_text__tg+1p",Yf="DynamicTime_ap__-R5C5",Jf=75,qf=471;!function(e){e[e.AM=0]="AM",e[e.PM=1]="PM"}(Um||(Um={}));var Kf=function(){var e=function(){var e=new Date,t=e.getHours();return{h:t%12,m:e.getMinutes(),s:e.getSeconds(),ap:t>=12?Um.PM:Um.AM}},t=(0,r.useMemo)((function(){return e()}),[]),n=(0,r.useRef)(t.h),i=(0,r.useRef)(t.m),a=(0,r.useRef)(t.ap),c=(0,r.useState)(t.s),l=(0,o.Z)(c,2),u=l[0],d=l[1];return(0,r.useEffect)((function(){var t=setInterval((function(){var t=e(),r=t.h,o=t.m,s=t.s,c=t.ap;n.current=r,i.current=o,a.current=c,s!==u&&d(s)}),1e3);return function(){t&&clearInterval(t)}}),[]),(0,s.jsxs)("div",{className:Lf,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.SVGCircularClock"}),(0,s.jsxs)("div",{className:"".concat(zf," ").concat(Hf),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Jf,cy:Jf,r:Jf,style:{strokeDashoffset:qf-qf*n.current/12}})}),n.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Wf,children:"HOURS"})]}),(0,s.jsxs)("div",{className:"".concat(zf," ").concat(Vf),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Jf,cy:Jf,r:Jf,style:{strokeDashoffset:qf-qf*i.current/60}})}),i.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Wf,children:"MINUTES"})]}),(0,s.jsxs)("div",{className:"".concat(zf," ").concat(Uf),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Jf,cy:Jf,r:Jf,style:{strokeDashoffset:qf-qf*u/60}})}),u.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Wf,children:"SECONDS"})]}),(0,s.jsx)("div",{className:Yf,children:Um[a.current]})]})},Xf=n(15671),$f=n(43144),eg={container:"FlopTime_container__FCqPp",content:"FlopTime_content__hgESz",flip:"FlopTime_flip__uaSUO",digital:"FlopTime_digital__qpGvE",front:"FlopTime_front__uSPIf",back:"FlopTime_back__pv1UY",number0:"FlopTime_number0__ZTJin",number1:"FlopTime_number1__eLA3v",number2:"FlopTime_number2__1Ac8e",number3:"FlopTime_number3__0vQ0q",number4:"FlopTime_number4__dEd0i",number5:"FlopTime_number5__a-zf8",number6:"FlopTime_number6__2oi9K",number7:"FlopTime_number7__r4N7o",number8:"FlopTime_number8__HcY+F",number9:"FlopTime_number9__Ga-a0",down:"FlopTime_down__RmRNR",go:"FlopTime_go__-zVpA",frontFlipDown:"FlopTime_frontFlipDown__GMZfH",backFlipDown:"FlopTime_backFlipDown__d92sS",dot:"FlopTime_dot__FWyVP"},tg=function(){function e(t){(0,Xf.Z)(this,e),this.config={node:null,frontNum:0,backNum:1,frontText:eg.number0,backText:eg.number1,duration:600},Object.assign(this.config,t),this.nodeClass={flip:eg.flip,front:"".concat(eg.digital," ").concat(eg.front),back:"".concat(eg.digital," ").concat(eg.back)},this.frontNode=this.config.node.children[0],this.backNode=this.config.node.children[1],this.isFlipping=!1,this.allNumberClass=[],this._init()}return(0,$f.Z)(e,[{key:"_init",value:function(){for(var e=0;e<10;e++)this.allNumberClass.push(eg["number".concat(e)]);var t=this.config,n=t.frontNum,r=t.frontText,i=t.backNum,a=t.backText;this._setFront(n,r),this._setBack(i,a)}},{key:"_setFront",value:function(e,t){var n=this;this.allNumberClass.forEach((function(e){Array.prototype.includes.call(n.frontNode.classList,e)&&n.frontNode.classList.remove(e)})),this.config.frontNum=e,this.config.frontText=eg["number".concat(e)],this.frontNode.classList.add(t)}},{key:"_setBack",value:function(e,t){var n=this;this.allNumberClass.forEach((function(e){Array.prototype.includes.call(n.backNode.classList,e)&&n.backNode.classList.remove(e)})),this.config.backNum=e,this.config.backText=eg["number".concat(e)],this.backNode.classList.add(t)}},{key:"_flip",value:function(e,t,n,r,i){var a=this;if(this.isFlipping)return!1;this.isFlipping=!0,this._setFront(t,n),this._setBack(r,i);var o=eg.down;"up"===e&&(o=eg.up),this.config.node.classList.add(o,eg.go),setTimeout((function(){a.config.node.classList.remove(eg.go),a.isFlipping=!1,a._setFront(r,i);var e=r>=9?0:r+1;a._setBack(e,eg["number".concat(e)])}),this.config.duration)}},{key:"flipDown",value:function(e,t,n,r){this._flip("down",e,t,n,r)}}]),e}(),ng=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)([]);return(0,r.useEffect)((function(){if(e.current){var n=e.current.children;n=Array.prototype.filter.call(n,(function(e){return!!e.className.includes(eg.flip)}));for(var r=new Date,i=(0,kr.Z)(r,"hhmmss"),a=(0,kr.Z)(new Date(r.getTime()+1e3),"hhmmss"),o=0;o<n.length;o++)t.current.push(new tg({node:n[o],frontText:eg["number".concat(i[o])],backText:eg["number".concat(a[o])]}))}var s=window.setInterval((function(){for(var e=new Date,n=(0,kr.Z)(e,"hhmmss"),r=(0,kr.Z)(new Date(e.getTime()+1e3),"hhmmss"),i=0;i<t.current.length;i++)n[i]!==r[i]&&t.current[i].flipDown(Number(n[i]),eg["number".concat(n[i])],Number(r[i]),eg["number".concat(r[i])])}),1e3);return function(){s&&window.clearInterval(s)}}),[]),(0,s.jsxs)("div",{className:eg.container,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.upAndDownCard"}),(0,s.jsxs)("div",{className:eg.content,ref:e,children:[(0,s.jsxs)("div",{className:"".concat(eg.flip," ").concat(eg.down),children:[(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.front)}),(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.back)})]}),(0,s.jsxs)("div",{className:"".concat(eg.flip," ").concat(eg.down),children:[(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.front)}),(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.back)})]}),(0,s.jsx)("div",{className:eg.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(eg.flip," ").concat(eg.down),children:[(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.front)}),(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.back)})]}),(0,s.jsxs)("div",{className:"".concat(eg.flip," ").concat(eg.down),children:[(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.front)}),(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.back)})]}),(0,s.jsx)("div",{className:eg.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(eg.flip," ").concat(eg.down),children:[(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.front)}),(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.back)})]}),(0,s.jsxs)("div",{className:"".concat(eg.flip," ").concat(eg.down),children:[(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.front)}),(0,s.jsx)("div",{className:"".concat(eg.digital," ").concat(eg.back)})]})]})]})},rg="ChargingAnimation_container__v9+1B",ig="ChargingAnimation_number__p2igZ",ag="ChargingAnimation_contrast__WE8Kt",og="ChargingAnimation_circle__ulvus",sg="ChargingAnimation_bubbles__YjX2d",cg=new Array(15).fill(0),lg=function(){return(0,r.useLayoutEffect)((function(){document.styleSheets[0].insertRule("@keyframes bubbleMoveToTop{ 90% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0.1;\n      transform: translate(-50%, -260px);\n    }}")}),[]),(0,s.jsxs)("div",{className:rg,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.charging"}),(0,s.jsx)("div",{className:ig,children:"30.02%"}),(0,s.jsxs)("div",{className:ag,children:[(0,s.jsx)("div",{className:og}),(0,s.jsx)("ul",{className:sg,children:cg.map((function(e,t){var n="".concat(15*Math.random()+15,"px"),r="".concat(70*Math.random()+15,"px"),i="".concat(5*Math.random()+2,"s"),a="-".concat(5e3*Math.random()/1e3,"s"),o="bubbleMoveToTop ".concat(i," ease-in-out ").concat(a," infinite");return(0,s.jsx)("li",{style:{width:n,height:n,left:r,animation:o}},t)}))})]})]})};function ug(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ug(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ug(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var mg=function(e){return(0,s.jsxs)("svg",dg(dg({className:"StickyRice_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M64 880a448 80 0 1 0 896 0 448 80 0 1 0-896 0Z",fill:"#E8DABF",opacity:.3}),(0,s.jsx)("path",{d:"M87.215 846.713c-63.335-109.7 283.05-735.385 424.574-735.385S999.61 738.401 936.363 846.713s-785.813 109.7-849.148 0z",fill:"#FAEBD2"}),(0,s.jsx)("path",{d:"M455.995 219.992c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S444.002 208 448 208s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S476.002 208 480 208s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S540.002 208 544 208s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S572.002 208 576 208s7.995 7.577 7.995 11.992zm-64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S508.002 208 512 208c3.997 0 7.995 7.577 7.995 11.992zm-80 32c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S428.002 240 432 240s7.995 7.577 7.995 11.992zm-32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S396.002 240 400 240s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S460.002 240 464 240s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S524.002 240 528 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S556.002 240 560 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S588.002 240 592 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S620.002 240 624 240s7.995 7.577 7.995 11.992zm-128 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S492.002 240 496 240s7.995 7.577 7.995 11.992zM775.345 440.438c6.115-.504 2.035 2.249 3.301 5.954.291 3.705-1.4 8.362 3.258 11.666-8.169 4.275-6.282 6.521 3.215 8.77 10.327 2.249-3.048 4.501 3.17 8.79-7.376 1.905 1.646 5.43 3.123 8.9 2.359 3.47 7.921 6.886 3.075 8.573-9.172-.258-2.604 3.793 3.026 8.052 15.128 4.26 5.026 8.729 2.976 9.306-12.033 2.457 8.296 3.061 2.924 4.901-9.272 1.84.532 4.915 2.871 12.315-7.209-4.449 4.727-6.768 2.351-5.038-8.02 1.73-4.154 7.509 2.312 19.255 10.479 2.85 7.181 5.826 2.272 8.362 2.367 2.536 14.417 4.631 2.232 5.72.489 8.023 3.272 8.451 2.191 8.369 2.156-.082 2.739-.673 2.149 5.309 6.227.962 5.665 3.077 2.106 5.646-8.672 2.569-11.048 5.593 2.063 8.372.484 2.791-1.853-7.046 3.993 2.32 4.069 4.468 5.724 6.451 1.928 9.406 6.942 2.955 1.821 6.882 1.881 15.238-4.269.327 4.781 3.252 1.834 6.473-2.521 3.222-.062 6.74 1.786 8.252.93 4.846 4.093 9.135 3.424 11.379 4.254 4.314 6.785 12.042 3.222 9.515 7.65.479 5.501 2.125 1.533 4.778-2.137 2.653.389 6.314 1.48 10.821 5.52-4.253 5.635-3.57 1.427-1.098.458 2.472 2.397 6.733 1.372 9.635 4.945-5.443-1.133 5.655 1.317 6.148 7.645-1.499 6.176-3.465 1.261 9.311-1.044-1.224 1.153 3.168.609 6.892 3.205 3.725-8.203 6.782.595 2.89-7.048 1.751 3.658-8.565 1.146 4.247-2.301 6.198-4.38 5.473 1.088 9.861-6.175 6.702 5.253 11.046.522 11.399 4.763.353 3.857-3.283.507-12.541 4.14-.671 7.245 8.582.969 7.898-4.846 2.25 1.32 7.335.462 10.005 3.145 2.67 10.494 2.925.446-4.486-4.938-.376-10.418-2.474.431-8.347-.33 2.606-4.06 1.688.416 7.392-8.397-5.947 2.539-8.485.4-1.185.769-.613-6.446 15.872.384 10.095 6.124-2.642 16.23-2.913.721-.891-9.928 2.022 2.137 6.337.657 12.867 8.012-1.93 3.119 11.247 1.119 7.89-4.177 10.634 6.907 8.769.461 5.883 9.31-2.886.244-6.793.394-.244.495-3.987-6.03-3.428.171 6.772-9.743 9.614-1.644 7.542.154 4.16 7.839 6.146 5.388-1.372.257 1.662-.977 5.999 2.145-9.593.188-5.785-3.549-1.61.632.145.068 3.207.688 3.061 2.394 7.428.05 11.041-11.782 5.89.19 9.829.046 11.327 8.012 1.498-5.24.555-.025-3.321-3.097-6.344 1.874 10.268-.269 2.894 11.751-5.18-2.069-4.017-.246-.68 5.299 3.337-.201 8.848-.321 12.363-.119 1.52-.251 7.353-.396 8.282-.145 1.512-.302 8.374-.473.633-.341 6.682-.733 2.845-1.178 3.641-.89 7.333-1.991-8.506-3.31 10.406-.807 10.085-1.747-3.544-2.814 4.667-1.067 7.814-2.262 2.26-3.581 6.35-1.319 10.024-2.761 9.864-4.323 6.708-1.562 4.784-3.243 3.198-5.04 3.605-1.797-1.216-3.709-8.021-5.732 2.172-2.023 7.898-4.158.643-6.399 7.435-2.242 5.191-4.59 11.749-7.042 5.977-2.452-5.879-5.007 7.787-7.66 2.924-2.654 6.301-5.406 5.755-8.253 3.105-2.847-2.562-5.789-1.824-8.821 5.088-3.032 2.617-6.155 2.006-9.365 4.028-3.209.424-6.505 11.614-9.883 3.457-3.378 11.137-6.839 4.589-10.377 5.368-3.539-.628-7.155-8.95-10.846 1.408-6.04 13.337-12.277 4.26-18.695 5.017-6.418 3.014-13.016 11.167-19.776 4.541-6.76-1.418-13.682-10.144-20.748 4.065-7.066 6.438-14.276-.847-21.611 3.589-7.335-7.749-14.797 7.38-22.365 3.112-7.569-6.077-15.245 6.834-23.011 2.634-7.766 5.918-15.621-.398-23.548 2.156-7.927-6.213-15.925 7.261-23.977 1.678-8.052 14.37-16.156-8.354-24.296 1.199-8.14-4.045-16.315 5.313-24.507.72-8.192 5.977-16.401 2.026-24.609.24v1.206c7.933.148 15.852 1.825 23.746-.511 7.893 6.51 15.761 5.45 23.593-.778 7.832-13.235 15.627.2 23.374-1.045 7.748-8.826 15.448 4.154 23.09-1.312 7.642-10.069 15.226-8.128 22.741-1.579 7.515 1.232 14.96-13.071 22.326-1.846 7.365-1.077 14.651-3.437 21.845-2.112 7.194-9.605 14.297-5.486 21.298-2.378 7.001-8.46 13.9 8.32 20.686-2.644 6.786-9.953 13.459-3.337 20.009-2.91 6.549-4.958 12.975-5.612 19.265-3.176 4.325 4.107 8.586-1.967 12.78-2.337 4.194 3.386 8.32 3.274 12.376-2.463 4.056.418 8.041 10.262 11.951-1.138 3.911-1.155 7.747 5.839 11.505-4.164 3.758 5.875 7.439-3.256 11.037-5.567 3.599 4.841 7.116-4.089 10.549-.234 3.432-.472 6.78 1.161 10.038-3.31 3.259.518 6.429-3.21 9.507-2.992 3.078-9.286 6.064-8.46 8.954-5.961 2.89 1.432 5.685-11.631 8.38-.84 2.695-2.291 5.291 3.583 7.784-2.516 2.493-1.39 4.884 6.451 7.168-4.785 2.284-1.168 4.462 4.094 6.53-4.34 2.068-.067 4.026-10.814 5.87-3.459 1.844-3.772 3.576-14.484 5.19-9.13 1.614-10.135 3.111-3.577 4.488.833 2.753 4.679 5.024-.194 6.784-8.794.511 2.867.995 4.044 1.453 3.006s.889-4.289 1.294-10.276c.811 2.808 1.517-.439 2.121-4.815.605 2.149 1.107 6.75 1.511-7.597.404 6.246 1.897-11.725.917-7.505.361-4.346 10.857-12.046.24-10.4 9.433-.227.293-4.471.097 2.555 6.523-7.804-6.694-6.103-.044-4.557-1.258 1.546-4.622 2.938-.183-5.486 1.944-6.188-8.249-14.074-.32-10.921-.404-6.319 6.552-10.136-.211-10.592 3.129-.456-8.232 2.449-.244 9.572-18.587.492-6.796-3.876-.588-7.245 6.263-3.369 2.361-5.74-.719-1.256.164-7.81 2.438 2.701-1.824-10.578 1.12 6.423 13.204 4.838-1.101 2.795-.013-1.094-9.198-7.844-.597-12.818-10.651-4.974-4.457-8.172-.628-2.162 11.367-7.964.889-11.437-1.113-9.645.338 3.859 5.592-9.962-1.196-.13 6.184 4.612 2.554 2.165-1.279-1.561-15.558-3.726 3.72-8.732-1.359-9.239 1.376-2.409 7.481-14.768-2.958-9.968 1.931-7.286-5.878-5.991-1.596-5.013 12.537.978-.968 1.64-1.672-6.911 3.35-9.013 1.114-9.073-1.748-6.58-6.06 1.911-2.64-3.474-1.822-6.353-6.857 3.202-1.17-10.577-3.862-10.143 2.182-6.161-3.083-8.589-2.038-9.783 1.917-1.194-2.247-1.156-2.108-2.386 1.029.101.304-3.36-2.176-6.611 2.086-3.251.296-6.29-2.244-5.345 8.665-2.409 1.316-4.83-2.31-7.187-11.041-2.357 7.203-4.65-2.375-6.803-4.979-6.512-.945-7.99-4.942-11.049-4.987.782-4.913-2.262-5.189-7.207-5.878-2.472 5.256-5.42-2.685-8.602-1.93-3.182-4.832-6.599-2.743-10.01-13.344.003-5.803-8.628-5.657-8.894-3.908-5.741-3.353-5.33-2.912-5.886 11.301-.556 4.618-2.078-2.966-11.685 7.9-.238-7.1-3.077-3.019-6.302-4.414-3.225.931-6.838-3.071-8.624-1.794-7.073-5.786-8.407-3.121-8.812.873-.405 3.632.118-3.171-3.239-.107-6.551 7.422-6.72-3.219-6.871 7.515-.151-6.404-.286-3.266-6.768-6.025-6.91-6.301-11.368-3.313-13.584-5.699-2.216 6.067-2.19-3.357-.133-6.807.382-9.151-1.648-4.087-4.825 6.383-3.177-.74-7.503-4.148-11.713-5.8-2.571-11.938-5.728-4.207-8.738-4.086-3.01-6.844-5.874-4.265-7.859-3.109-6.14-12.035-10.321-4.32-12.954-.975-2.633 6.391-3.72-4.374-3.673 6.577.889 1.602-2.293-4.425-6.184-4.759-3.892-3.924-8.493-4.475-10.443-5.601-3.404-6.274-7.316-4.522-10.496-6.921-3.176 4.486-5.624-4.565-6.099z",fill:"#E8DABF"})]}))};function fg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var pg=function(e){return(0,s.jsxs)("svg",gg(gg({className:"RedDates_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M472.5 427.8s48.6-66.4 203.2-16.6 241.9 192.1 240.2 224.9c3.4 42.5 17.9 178.9-163.5 227.4S438 738.3 398.4 647.6s74.1-219.8 74.1-219.8z",fill:"#BC2B2B"}),(0,s.jsx)("path",{d:"M689.8 883.9c-22.5 0-44.9-3.1-66.9-9.3-37.3-10.5-73.6-29.8-108.1-57.4-62.8-50.2-107-118.1-127.4-164.8-10-23-12-49.9-5.9-79.8 4.7-23.1 14.3-48.2 28.5-74.6 22.9-42.5 50-74.1 53.2-77.8 5.6-7.1 60.6-70.5 216.1-20.4 88 28.3 147.7 79.7 182.3 117.7 37.9 41.7 64.5 89.1 66.2 117.9.1 1.6.2 3.3.3 5.1 1.6 24.9 4.5 71.4-16.2 117.6-25.3 56.6-78 95.9-156.5 117-21.9 5.9-43.8 8.8-65.6 8.8zM481.5 435.8c-1.1 1.2-108.2 124.4-72.1 207 30.4 69.7 158.2 257.7 339.8 209.1 165.4-44.3 158.1-160.3 155-209.9-.1-1.9-.2-3.6-.3-5.2-1.1-19.7-22.1-61.5-60-103.1-32.7-35.9-89-84.3-171.9-111-75.3-24.3-123.2-19.4-150-11.1-27.5 8.6-39.1 22.5-39.8 23.4-.2.3-.4.5-.7.8zm-9-8z"}),(0,s.jsx)("path",{d:"M540.7 190.3s-85-64.2-242.8 45.9c-26.8 21-166.5 195.5-186.8 341.7S185 848.7 338.5 870.4s280.9-199.8 280.9-199.8 162.2-212.9 60.8-359.1c-15.9-16.9-90.3-94.6-139.5-121.2z",fill:"#FFF"}),(0,s.jsx)("path",{d:"M556.6 220.5s-58.5-37.5-164.2 5.3c-48.8 19.8-91.6 51.6-125.3 91.8-54.7 65.3-138 184.7-152.8 290.2C94 753 185 848.9 338.5 870.5s280.9-198.4 280.9-198.4 149.4-189.4 74.3-326.8c-15.9-16.8-79.4-97.3-137.1-124.8z",fill:"#C12F2F"}),(0,s.jsx)("path",{d:"M359.7 883.9c-7.7 0-15.4-.5-23-1.6-77-10.9-143.3-47.9-186.7-104.1-43-55.9-61.1-127.6-50.8-201.9 7.1-51.6 29-110.7 64.9-175.7 36.5-66 76-117 91.3-135.8 3.6-4.4 7.4-8.7 11.3-12.8 10.7-11.1 19.3-18.8 30.8-27.6 24.6-18.8 51-34 78.3-45 104.1-41.9 163.2-4.8 171.2.7 40 21.9 95.1 75.1 124.4 105 25.2 25.7 42.3 57.5 49.4 92 6.7 32.7 6 69-2.2 107.9-6.5 30.7-17.6 63.1-33.1 96.2-24.7 53.1-52.2 90.6-56.3 96-4 6.8-35.2 59.1-84.3 109.8-30.5 31.5-61.6 55.7-92.4 72-31.2 16.6-62.4 24.9-92.8 24.9zm109.2-700.1c-21.8 0-50.1 4.2-84.1 17.9-25.3 10.2-49.7 24.2-72.7 41.8-10.4 8-18.3 15-28.1 25.2-3.5 3.6-6.8 7.4-10 11.2-60.8 75-137 198.5-151 299.7-19.6 141.1 71.8 258.4 217.1 279 6.6.9 13.1 1.4 19.6 1.4C495 860 607.8 666.7 609 664.6c.3-.4.5-.9.9-1.3.3-.4 29.2-38.6 54.3-92.7 22.8-49.1 47.1-121.6 33.3-188.7-6.2-29.9-21.1-57.6-43.1-80-28.6-29.1-82.1-81-119.4-101.1l-1.5-.9c-.4-.3-13.3-9.5-37.6-13.9-7.4-1.2-16.4-2.2-27-2.2z"}),(0,s.jsx)("path",{d:"M560 301.2c-1.4 0-2.7-.3-4-.9-5.1-2.2-7.3-8.1-5.1-13.2 12-27.2 35.6-46.4 68.2-55.6 24-6.8 44.4-5.8 45.2-5.7 5.5.3 9.7 5 9.4 10.5-.3 5.5-5 9.7-10.5 9.4-.7 0-70.9-3-94.1 49.5-1.6 3.8-5.2 6-9.1 6z"}),(0,s.jsx)("path",{d:"M577.9 341.2c-2.9 0-5.8-.3-8.8-.8-12.7-2.3-25.6-9.2-36.3-19.5-10.7-10.3-18.2-22.8-21.1-35.4-3.1-13.9-.3-26.7 7.9-35.2 3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1c-4.7 4.9-3.8 12.8-2.9 17 2 8.7 7.6 17.9 15.4 25.4 7.8 7.5 17.3 12.7 26 14.3 4.3.8 12.1 1.3 16.8-3.6 3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1c-6.1 6.7-15.3 10.2-25.8 10.2zm237 439.7c-1.4 0-2.9-.1-4.5-.4-5.4-1-9-6.2-8-11.6 1-5.4 6.2-9 11.6-8 .9.2 2 .4 3.8-2 1.5-2 2.4-4.6 2.6-5.4 1.3-5.4 6.8-8.6 12.1-7.2 5.4 1.3 8.6 6.8 7.3 12.2-2.9 11.2-11.7 22.4-24.9 22.4zM331 820.7c-15.3 0-32.9-13.5-37.8-18.7-3.8-4-3.6-10.3.4-14.1 4-3.8 10.3-3.6 14.1.4 4.3 4.5 17.6 12.9 23.6 12.4 5.5-.4 10.3 3.7 10.8 9.2s-3.7 10.3-9.2 10.8H331zm37.9 3.1h-2.5c-5.5-.1-9.9-4.7-9.8-10.2.1-5.5 4.7-9.9 10.2-9.8h2.1c61.7 0 116.4-64.4 117-65.1 3.5-4.2 9.9-4.8 14.1-1.2 4.2 3.5 4.8 9.9 1.2 14.1-2.5 2.9-61.4 72.2-132.3 72.2z"})]}))};function hg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?hg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):hg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var xg=function(e){return(0,s.jsxs)("svg",vg(vg({className:"ReedLeaves_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M352.764 725.16c.119 156.85-155.595 203.778-155.56 250.833-.036-47.055-155.821-94.237-155.94-251.087C40.991 364.15 196.539 97.632 196.539 97.632S352.491 364.405 352.764 725.16z",fill:"#419646"}),(0,s.jsx)("path",{d:"M362.028 725.167c.035 46.247-12.861 87.195-39.424 125.182-22.557 32.258-51.131 56.645-74.09 76.239-23.496 20.053-42.056 35.892-42.045 49.412l-18.528-.015c-.01-13.519-18.594-29.389-42.12-49.481-22.989-19.632-51.6-44.065-74.206-76.36C44.993 812.113 32.035 771.145 32 724.898c-.063-82.694 8.1-167.285 24.262-251.425 12.927-67.3 30.973-134.468 53.636-199.639 38.626-111.07 77.912-178.903 78.304-179.575L196.525 80l8.343 14.272c.393.673 39.782 68.571 78.577 179.704 22.762 65.207 40.91 132.405 53.939 199.727 16.29 84.166 24.581 168.77 24.644 251.464zM197.187 952.465c8.563-11.478 22.322-23.22 38.049-36.641 45.721-39.021 108.339-92.463 108.265-190.672-.14-185.279-42.338-345.083-77.714-446.517-27.733-79.524-55.714-136.569-69.234-162.321-13.481 25.73-41.375 82.729-68.988 162.208-35.222 101.376-77.177 261.111-77.037 446.39.074 98.209 62.774 151.753 108.554 190.849 15.747 13.448 29.524 25.212 38.105 36.704z",fill:"#286432"}),(0,s.jsx)("path",{d:"M248.718 877.34c8.347-16.661 15.417-33.789 20.853-51.278a321.004 321.004 0 0 0 11.74-53.239c2.413-17.938 3.343-36.02 3.074-54.036l-.269-27-.61-26.996a2590.894 2590.894 0 0 0-5.264-107.904 2612.711 2612.711 0 0 0-23.99-215.021c-2.791-17.849-5.681-35.687-8.861-53.49a2181.856 2181.856 0 0 0-10.063-53.342c-3.568-17.752-7.351-35.475-11.411-53.154-4.078-17.675-8.333-35.326-13.196-52.866 4.77 17.556 8.931 35.221 12.916 52.909 3.967 17.692 7.655 35.425 11.129 53.187 3.48 17.761 6.747 35.55 9.779 53.367 3.085 17.81 5.88 35.654 8.576 53.507 10.588 71.431 18.218 143.157 22.844 215.007a2589.23 2589.23 0 0 1 4.691 107.846l.467 26.975.126 26.977c.171 17.964-.856 35.896-3.35 53.706a318.828 318.828 0 0 1-11.94 52.776c-5.486 17.32-12.587 34.268-20.961 50.769-8.333 16.527-18.091 32.518-27.85 48.578-2.91 4.845-5.826 9.701-8.582 14.639 1.329-3.937 2.707-7.87 4.072-11.81 5.643-16.098 11.003-32.335 15.228-48.786 8.538-32.893 12.925-66.487 13.866-100.086.54-16.815.025-33.586-.112-50.363l-.337-25.165-.712-25.159-.712-25.159-1.042-25.151-1.074-25.149c-.329-8.384-.894-16.76-1.33-25.14-3.62-67.038-8.819-134.013-15.289-200.898-3.187-33.446-6.831-66.862-10.705-100.257-3.896-33.394-8.127-66.762-12.937-100.074 4.628 33.329 8.675 66.711 12.388 100.117 3.691 33.407 7.151 66.832 10.154 100.285 6.103 66.899 10.933 133.877 14.184 200.904.389 8.379.909 16.754 1.191 25.135l.936 25.142.904 25.142.574 25.148.574 25.147.198 25.15c.046 16.765.472 33.545-.181 50.263-1.155 33.451-5.736 66.821-14.428 99.457-4.305 16.329-9.729 32.426-15.473 48.488-2.339 6.617-4.711 13.24-6.851 19.947L196.55 113.38l-.301 65.188c-4.612 32.47-8.688 64.994-12.438 97.542-3.823 33.389-7.416 66.799-10.553 100.24-6.369 66.875-11.466 133.841-14.984 200.874-.423 8.38-.976 16.755-1.291 25.138l-1.036 25.147-1.004 25.149-.674 25.158-.674 25.158-.298 25.164c-.112 16.776-.601 33.546-.036 50.363.992 33.6 5.43 67.201 14.018 100.109 4.25 16.458 9.634 32.704 15.301 48.811 1.371 3.942 2.755 7.878 4.09 11.817-2.773-4.959-5.706-9.836-8.634-14.702-9.793-16.092-19.584-32.116-27.944-48.675-8.404-16.532-15.526-33.512-21.038-50.86a319.683 319.683 0 0 1-12-52.854c-2.513-17.834-3.555-35.785-3.4-53.769l.087-27.004.421-27.002c.754-36 2.249-71.991 4.485-107.949 4.47-71.918 11.903-143.71 22.248-215.21 2.638-17.87 5.367-35.731 8.386-53.56a2207.575 2207.575 0 0 1 9.57-53.422c3.401-17.78 7.012-35.534 10.897-53.246 3.902-17.709 7.979-35.394 12.654-52.975-4.768 17.563-8.938 35.235-12.934 52.931-3.979 17.7-7.684 35.442-11.179 53.213a2207.717 2207.717 0 0 0-9.853 53.398c-3.114 17.821-5.938 35.677-8.671 53.543-10.726 71.484-18.541 143.279-23.393 215.223a2626.432 2626.432 0 0 0-5.057 108.006l-.563 27.022-.229 27.026c-.253 18.033.692 36.135 3.124 54.096a321.675 321.675 0 0 0 11.8 53.317c5.462 17.516 12.553 34.677 20.931 51.37 8.33 16.716 18.104 32.891 27.788 48.989 3.925 6.597 7.84 13.193 11.312 19.903-4.823-6.139-10.077-11.976-15.357-17.762-12.998-14.117-26.21-28.003-38.146-42.641-11.979-14.597-22.742-29.883-31.643-45.907-8.915-16.013-15.892-32.766-20.747-49.942-4.821-17.184-7.519-34.773-8.229-52.418-.37-8.81-.126-17.691-.122-26.55l.076-13.294.31-13.291a1723.85 1723.85 0 0 1 5.621-106.237 1711.161 1711.161 0 0 1 31.083-211.039 1556.332 1556.332 0 0 1 25.734-104.168c4.902-17.251 10.133-34.439 15.78-51.533 5.677-17.085 11.608-34.12 18.433-50.915-6.914 16.77-12.938 33.785-18.708 50.852-5.74 17.075-11.065 34.247-16.061 51.485a1559.335 1559.335 0 0 0-26.304 104.111A1713.715 1713.715 0 0 0 74.96 577.865a1727.068 1727.068 0 0 0-6.198 106.324l-.381 13.305-.147 13.309c-.052 8.875-.344 17.733-.022 26.652.617 17.807 3.241 35.588 8.019 52.982 4.811 17.386 11.776 34.365 20.702 50.594 8.91 16.24 19.706 31.731 31.7 46.493 11.947 14.799 25.166 28.824 38.034 42.936 6.396 7.073 12.724 14.187 18.148 21.676 2.712 3.74 5.12 7.604 7.002 11.59.28.628.547 1.26.805 1.893l-.048 10.37 2.316.002.885.001 3.747.003.885.001 1.431.001-.049-8.021c.472-1.427 1.05-2.84 1.674-4.242 1.875-3.984 4.278-7.845 6.986-11.581 5.414-7.481 11.733-14.586 18.119-21.65 12.849-14.094 26.049-28.099 37.975-42.882 11.974-14.745 22.746-30.223 31.631-46.451 8.901-16.218 15.84-33.189 20.622-50.571 4.75-17.39 7.344-35.17 7.931-52.979.307-8.921 0-17.78-.066-26.657l-.169-13.312-.406-13.308a1712.147 1712.147 0 0 0-6.418-106.35 1701.682 1701.682 0 0 0-32.851-211.124 1550.31 1550.31 0 0 0-26.693-104.132c-5.066-17.24-10.462-34.414-16.277-51.491-5.847-17.066-11.947-34.082-18.943-50.851 6.906 16.794 12.914 33.83 18.666 50.915 5.721 17.095 11.025 34.284 15.996 51.538a1547.891 1547.891 0 0 1 26.124 104.189 1699.492 1699.492 0 0 1 31.696 211.094 1710.304 1710.304 0 0 1 5.841 106.261l.334 13.294.097 13.296c.018 8.86.277 17.743-.078 26.555-.68 17.647-3.349 35.235-8.142 52.414-4.826 17.172-11.777 33.917-20.667 49.919-8.876 16.013-19.616 31.285-31.575 45.865-11.915 14.621-25.108 28.489-38.086 42.587-5.274 5.78-10.522 11.611-15.337 17.745 3.453-6.687 7.348-13.262 11.253-19.836 9.649-16.066 19.389-32.208 27.692-48.891zm-62.005 49.079c-5.768-16.072-11.216-32.177-15.546-48.514-8.742-32.65-13.374-66.027-14.579-99.481-.679-16.719-.278-33.498-.258-50.263l.16-25.15.536-25.147.536-25.147.866-25.141.898-25.141c.27-8.381.777-16.755 1.153-25.133 3.15-67.021 7.879-133.991 13.88-200.881 2.953-33.448 6.362-66.867 10.002-100.268 3.566-32.525 7.46-65.026 11.888-97.478l-3.528 764.994c-1.913-5.787-3.976-11.52-6.008-17.25z",fill:"#C8E678"}),(0,s.jsx)("path",{d:"M467.935 785.26c-67.683 158.396-251.27 136.047-271.575 183.566 20.305-47.519-122.672-164.906-54.988-323.302C297.043 281.212 575.386 81.806 575.386 81.806s48.22 339.142-107.451 703.454z",fill:"#419646"}),(0,s.jsx)("path",{d:"M477.647 789.416c-19.956 46.703-51.182 82.266-95.462 108.721-37.602 22.465-78.11 34.289-110.658 43.79-33.31 9.723-59.621 17.403-65.455 31.056l-19.424-8.311c5.834-13.653-6.794-37.995-22.781-68.812-15.622-30.113-35.063-67.589-44.809-110.314-11.476-50.313-7.354-97.473 12.602-144.177 35.684-83.51 80.814-165.251 134.138-242.955 42.651-62.152 90.614-121.88 142.555-177.523 88.524-94.832 159.049-145.72 159.751-146.223L582.995 64l2.58 18.144c.122.855 12.076 87.037 4.716 216.598-4.319 76.02-14.337 151.984-29.777 225.78-19.303 92.262-47.183 181.384-82.867 264.894zM206.513 945.067c13.942-7.753 33.448-13.446 55.742-19.953 64.818-18.92 153.589-44.832 195.968-144.01 79.951-187.106 104.782-367.326 111.535-485.565 5.295-92.699.612-162.816-2.433-194.866-25.26 19.938-79.155 64.99-142.472 132.861-80.763 86.57-193.817 229.039-273.768 416.145-42.379 99.178.227 181.306 31.336 241.273 10.699 20.626 20.062 38.671 24.092 54.115z",fill:"#286432"}),(0,s.jsx)("path",{d:"M293.032 892.3c15.957-13.082 30.776-27.208 44.036-42.429a341.611 341.611 0 0 0 35.328-48.489c10.285-17.029 19.077-34.866 26.583-53.174l11.39-27.377 11.03-27.526a2741.694 2741.694 0 0 0 41.128-111.288c25.82-74.804 48.427-150.804 67.798-227.81 4.789-19.268 9.47-38.57 13.832-57.967a2311.034 2311.034 0 0 0 12.507-58.356c3.932-19.519 7.628-39.104 11.012-58.77 3.364-19.67 6.533-39.394 9.016-59.277-2.588 19.859-5.86 39.556-9.328 59.196-3.489 19.636-7.287 39.19-11.323 58.676a2314.418 2314.418 0 0 1-12.815 58.254c-4.464 19.361-9.247 38.626-14.137 57.856-19.776 76.852-42.783 152.677-68.993 227.283a2736.39 2736.39 0 0 1-41.704 110.973l-11.172 27.441-11.53 27.29c-7.586 18.212-16.416 35.854-26.731 52.718a339.434 339.434 0 0 1-35.337 47.932c-13.241 15.029-28.014 28.958-43.93 41.866-15.884 12.953-33.03 24.727-50.207 36.571-5.147 3.588-10.303 7.185-15.328 10.935 3.096-3.379 6.241-6.733 9.376-10.099 12.877-13.724 25.517-27.716 37.06-42.432 23.174-29.383 42.298-61.333 57.81-94.83 7.836-16.734 14.546-33.894 21.655-50.892l10.526-25.555 10.13-25.718 10.129-25.717 9.78-25.857 9.746-25.869c3.28-8.611 6.308-17.32 9.474-25.975 25.185-69.297 48.687-139.237 70.817-209.657 11.117-35.192 21.742-70.557 32.116-106.005 10.35-35.456 20.339-71.037 29.695-106.82-9.555 35.719-19.742 71.231-30.29 106.617-10.572 35.378-21.393 70.67-32.705 105.786-22.521 70.268-46.411 140.047-71.977 209.167-3.214 8.633-6.29 17.32-9.617 25.908l-9.888 25.801-9.921 25.787-10.27 25.645-10.269 25.644-10.665 25.479c-7.2 16.945-14.007 34.076-21.919 50.66-15.672 33.253-34.903 64.889-58.127 93.943-11.574 14.557-24.221 28.379-37.189 42.022-5.313 5.633-10.664 11.257-15.808 17.07l354.763-843.22-28.497 65.674c-18.874 30.714-37.209 61.722-55.212 92.902-18.444 31.995-36.655 64.114-54.402 96.469-35.59 64.66-69.885 129.981-102.554 196.076-4.066 8.27-8.266 16.478-12.222 24.799l-11.958 24.923-11.925 24.939-11.583 25.095-11.583 25.096-11.192 25.27c-7.37 16.886-15.133 33.596-21.81 50.826-13.485 34.364-23.357 70.273-28.577 107.339-2.658 18.518-4.035 37.329-5.055 56.127-.266 4.594-.517 9.187-.819 13.761-.764-6.247-1.732-12.484-2.699-18.708-3.313-20.63-6.654-41.19-8.263-61.651-1.667-20.453-1.794-40.783-.076-60.765a339.772 339.772 0 0 1 10.265-58.73c5.074-19.129 11.742-37.718 19.679-55.803l11.765-27.222 12.114-27.071a2777.305 2777.305 0 0 1 51.371-106.969c35.779-70.601 74.61-139.748 116.37-207.297 10.492-16.859 21.076-33.668 31.949-50.314a2344.887 2344.887 0 0 1 33.131-49.646c11.253-16.427 22.715-32.732 34.447-48.873 11.748-16.13 23.669-32.159 36.172-47.813-12.593 15.595-24.606 31.568-36.447 47.643-11.824 16.087-23.38 32.339-34.729 48.714a2350.922 2350.922 0 0 0-33.418 49.494c-10.97 16.597-21.651 33.358-32.241 50.17-42.152 67.362-81.385 136.341-117.576 206.797a2779.887 2779.887 0 0 0-51.995 106.769l-12.273 27.027-11.924 27.181c-8.061 18.091-14.896 36.789-20.11 56.01a341.963 341.963 0 0 0-10.675 59.108c-1.844 20.129-1.826 40.628-.257 61.231 1.51 20.605 4.766 41.31 7.963 61.898 1.265 8.417 2.518 16.83 3.259 25.157-2.404-8.357-5.39-16.602-8.427-24.807-7.528-20.071-15.38-40.006-21.569-60.128-6.252-20.1-10.932-40.351-13.339-60.513-2.427-20.158-2.501-40.194-.167-59.708 2.373-19.506 7.148-38.47 14.031-56.602 3.421-9.06 7.516-17.916 11.35-26.857l5.826-13.386 6.071-13.279A1824.806 1824.806 0 0 1 242.6 513.333a1815.415 1815.415 0 0 1 123.831-199.131 1658.29 1658.29 0 0 1 72.021-93.637c12.599-15.221 25.516-30.23 38.827-44.957 13.34-14.705 26.924-29.247 41.342-43.146-14.501 13.833-28.174 28.314-41.603 42.959-13.401 14.668-26.409 29.619-39.101 44.784a1660.753 1660.753 0 0 0-72.593 93.324 1818.312 1818.312 0 0 0-125.055 198.642 1827.277 1827.277 0 0 0-52.465 104.561l-6.152 13.261-5.908 13.37c-3.891 8.937-8.027 17.748-11.545 26.896-7.051 18.253-11.986 37.378-14.495 57.077-2.47 19.706-2.506 39.965-.161 60.345 2.324 20.384 6.948 40.857 13.145 61.13 6.132 20.289 13.931 40.367 21.325 60.375 3.649 10.004 7.211 20.019 9.661 30.008 1.228 4.99 2.083 9.969 2.332 14.836.022.76.029 1.517.026 2.271l-4.533 10.448 2.428 1.039.928.397 3.928 1.681.928.397 1.5.642 3.416-8.12c1.112-1.229 2.329-2.397 3.589-3.532 3.689-3.182 7.878-6.004 12.332-8.563 8.912-5.129 18.61-9.471 28.361-13.743 19.567-8.475 39.465-16.703 58.362-26.286 18.931-9.524 36.92-20.325 53.253-32.73 16.346-12.387 30.959-26.413 43.488-41.819 12.499-15.428 22.906-32.216 31.221-49.932 4.178-8.868 7.686-17.949 11.455-26.94l5.578-13.514 5.328-13.617a1811.819 1811.819 0 0 0 39.246-110.236 1804.171 1804.171 0 0 0 56.82-227.844 1650.82 1650.82 0 0 0 17.024-117.076c2.141-19.673 3.906-39.427 5.19-59.269 1.249-19.847 2.208-39.756 2.12-59.817-.018 20.046-1.082 39.934-2.436 59.758-1.39 19.819-3.26 39.547-5.505 59.192a1646.7 1646.7 0 0 1-17.645 116.878 1801.343 1801.343 0 0 1-58.018 227.296 1809.338 1809.338 0 0 1-39.812 109.888l-5.397 13.57-5.646 13.466c-3.811 8.952-7.38 18.036-11.561 26.773-8.343 17.51-18.744 34.071-31.198 49.268-12.485 15.175-27.013 28.967-43.255 41.14-16.231 12.191-34.096 22.799-52.941 32.163-18.816 9.425-38.647 17.517-58.352 25.938-8.03 3.474-16.054 7.01-23.755 11.046 6.512-5.205 13.439-10.098 20.377-14.986 17.07-11.898 34.262-23.833 50.182-36.957zm-86.243 21.783c.899-18.807 2.148-37.506 4.669-55.937 4.947-36.875 14.519-72.644 27.717-106.956 6.516-17.182 14.19-33.942 21.459-50.857l11.041-25.317 11.433-25.146 11.434-25.147 11.777-24.992 11.81-24.978c3.906-8.34 8.058-16.567 12.075-24.856 32.277-66.249 66.188-131.739 101.399-196.578 17.557-32.444 35.579-64.655 53.836-96.744 17.801-31.237 35.935-62.305 54.608-93.083L205.633 934.189c.495-6.7.811-13.411 1.156-20.106z",fill:"#C8E678"}),(0,s.jsx)("path",{d:"M556.519 887.273c-141.329 141.396-329.452 38.022-371.851 80.441 42.399-42.419-60.926-230.631 80.403-372.027 325.058-325.212 711.042-419.793 711.042-419.793s-94.537 386.168-419.594 711.379z",fill:"#419646"}),(0,s.jsx)("path",{d:"M565.186 895.945c-41.671 41.691-90.671 66.513-149.799 75.885-50.211 7.958-98.957 3.199-138.125-.626-40.084-3.914-71.746-7.005-83.927 5.182L176 959.043c12.182-12.187 9.092-43.864 5.179-83.967-3.823-39.186-8.58-87.955-.626-138.19 9.368-59.156 34.178-108.179 75.849-149.87 74.512-74.547 158.436-143.109 249.443-203.782 72.793-48.53 150.26-92.154 230.249-129.66 136.326-63.92 234.281-88.277 235.255-88.515L992 160l-5.057 20.66c-.238.974-24.584 98.976-88.473 235.366-37.488 80.027-81.091 157.53-129.598 230.358-60.645 91.051-129.174 175.014-203.686 249.561zm-359.319 50.56c18.369-2.33 41.84-.037 68.668 2.583 78 7.615 184.824 18.047 273.315-70.487 166.945-167.024 271.538-350.44 329.882-474.895 45.743-97.572 70.983-175.128 81.546-210.97-35.825 10.568-113.344 35.82-210.87 81.584-124.396 58.372-307.725 163.013-474.67 330.038-88.491 88.533-78.065 195.408-70.453 273.445 2.619 26.842 4.911 50.325 2.582 68.702z",fill:"#286432"}),(0,s.jsx)("path",{d:"M321.864 927.034c22.84-7.2 44.906-16.016 65.766-26.685a396.447 396.447 0 0 0 59.002-36.975c18.435-13.901 35.611-29.319 51.605-45.799l24.095-24.572 23.772-24.888a3178.814 3178.814 0 0 0 92.374-102.12c60.125-69.429 117.306-141.535 171.434-216.122 13.482-18.688 26.861-37.459 39.938-56.47a2683.765 2683.765 0 0 0 38.679-57.461c12.667-19.328 25.107-38.83 37.247-58.552 12.12-19.736 24.053-39.615 35.316-59.962-11.365 20.275-23.398 40.08-35.618 59.739-12.24 19.646-24.778 39.07-37.541 58.318a2683.31 2683.31 0 0 1-38.967 57.218c-13.172 18.929-26.645 37.616-40.219 56.219-54.499 74.246-112.034 145.99-172.494 215.038a3177.943 3177.943 0 0 1-92.858 101.531l-23.888 24.736-24.207 24.417c-16.039 16.341-33.171 31.533-51.567 45.244a393.86 393.86 0 0 1-58.771 36.37c-20.756 10.47-42.687 19.095-65.408 26.125-22.707 7.093-46.264 12.37-69.883 17.709-7.094 1.642-14.203 3.289-21.236 5.159 4.794-2.303 9.632-4.557 14.463-6.829 19.8-9.222 39.461-18.835 58.252-29.702 37.657-21.643 72.058-47.8 103.237-77.184 15.669-14.642 30.31-30.229 45.31-45.47l22.377-22.983 22.021-23.329 22.02-23.328 21.704-23.63 21.673-23.658c7.253-7.859 14.276-15.933 21.425-23.889 57.063-63.772 112.59-128.962 166.846-195.262 27.176-33.109 53.897-66.616 80.384-100.321 26.465-33.724 52.594-67.738 78.129-102.244-25.721 34.351-52.034 68.206-78.681 101.769-26.669 33.544-53.57 66.888-80.924 99.831-54.613 65.968-110.487 130.818-167.885 194.234-7.191 7.911-14.257 15.941-21.551 23.755l-21.796 23.523-21.826 23.493-22.14 23.19-22.139 23.189-22.494 22.84c-15.075 15.144-29.808 30.658-45.495 45.105-31.246 29.052-65.628 54.825-103.196 76.092-18.756 10.682-38.351 20.109-58.213 29.204-8.157 3.773-16.35 7.52-24.402 11.56L961.923 190.09l-59.065 58.438c-33.599 24.934-66.744 50.418-99.606 76.23-33.689 26.5-67.181 53.233-100.274 80.422-66.269 54.282-131.429 109.835-195.17 166.925-7.952 7.153-16.022 14.18-23.878 21.436l-23.647 21.683-23.619 21.714-23.317 22.03L390.03 681l-22.972 22.388c-15.233 15.007-30.814 29.655-45.448 45.332-29.37 31.194-55.515 65.612-77.148 103.286-10.862 18.8-20.47 38.47-29.688 58.279-2.271 4.833-4.525 9.673-6.826 14.47 1.875-7.06 3.527-14.197 5.173-21.318 5.342-23.655 10.623-47.246 17.727-69.982 7.039-22.753 15.682-44.708 26.164-65.491a394.22 394.22 0 0 1 36.425-58.832c13.729-18.415 28.941-35.56 45.302-51.613l24.432-24.243 24.743-23.929a3224.255 3224.255 0 0 1 101.543-93.043c69.038-60.6 140.737-118.315 214.9-173.044 18.584-13.629 37.247-27.165 56.151-40.401a2719.241 2719.241 0 0 1 57.135-39.17c19.218-12.835 38.609-25.449 58.219-37.77 19.623-12.301 39.389-24.419 59.619-35.882-20.302 11.361-40.143 23.379-59.842 35.581-19.686 12.222-39.155 24.738-58.453 37.476a2723.462 2723.462 0 0 0-57.378 38.883c-18.987 13.14-37.733 26.583-56.402 40.119-74.505 54.358-146.564 111.719-215.984 171.985a3224.833 3224.833 0 0 0-102.13 92.558l-24.895 23.813-24.586 24.13c-16.498 16.007-31.937 33.197-45.856 51.65a396.806 396.806 0 0 0-37.03 59.063c-10.681 20.887-19.516 42.977-26.724 65.849-7.273 22.848-12.708 46.56-18.157 70.118-2.273 9.614-4.556 19.217-7.355 28.508 1.02-10.041 1.364-20.212 1.637-30.363.559-24.873.711-49.739 2.734-74.089 1.946-24.353 5.652-48.189 11.767-70.949 6.092-22.763 14.666-44.379 25.609-64.392 10.982-19.988 24.316-38.354 39.563-54.913 7.598-8.282 15.835-16.054 23.828-24.029l12.058-11.904 12.275-11.682a2118.691 2118.691 0 0 1 101.063-90.437 2106.888 2106.888 0 0 1 219.411-161.024 1924.273 1924.273 0 0 1 118.031-69.761c20.147-10.954 40.544-21.544 61.246-31.659 20.722-10.079 41.638-19.876 63.173-28.622-21.597 8.638-42.581 18.332-63.373 28.307-20.772 10.012-41.243 20.5-61.466 31.354a1928.353 1928.353 0 0 0-118.513 69.177 2110.362 2110.362 0 0 0-220.518 159.969 2120.84 2120.84 0 0 0-101.682 89.976l-12.355 11.628-12.139 11.85c-8.052 7.946-16.313 15.651-24.054 23.987-15.48 16.617-29.057 35.088-40.268 55.225-11.173 20.161-19.962 41.97-26.238 64.937-6.301 22.962-10.162 47.014-12.243 71.53-2.158 24.505-2.427 49.502-3.104 74.25-.389 12.353-.878 24.68-2.553 36.499-.833 5.906-2.063 11.639-3.896 16.989a79.634 79.634 0 0 1-.953 2.458l-9.396 9.297 2.167 2.168.828.828 3.506 3.508.828.828 1.339 1.34 7.187-7.271c1.729-.844 3.544-1.576 5.392-2.255 5.349-1.834 11.08-3.065 16.984-3.898 11.816-1.675 24.14-2.164 36.489-2.554 24.74-.677 49.73-.947 74.227-3.107 24.508-2.083 48.552-5.948 71.506-12.256 22.959-6.283 44.76-15.08 64.912-26.264 20.129-11.222 38.591-24.811 55.2-40.303 8.332-7.748 16.033-16.016 23.976-24.073l11.846-12.148 11.621-12.367a2102.378 2102.378 0 0 0 89.892-101.799 2093.882 2093.882 0 0 0 159.623-220.9 1915.097 1915.097 0 0 0 68.907-118.766c10.803-20.268 21.237-40.785 31.191-61.605 9.918-20.84 19.551-41.873 28.121-63.521-8.677 21.586-18.415 42.552-28.436 63.322-10.058 20.75-20.593 41.194-31.497 61.386a1911.508 1911.508 0 0 1-69.491 118.284 2090.527 2090.527 0 0 1-160.677 219.793 2099.703 2099.703 0 0 1-90.352 101.18l-11.675 12.287-11.899 12.067c-7.972 7.998-15.741 16.242-24.019 23.847-16.551 15.26-34.909 28.606-54.889 39.597-20.004 10.954-41.612 19.536-64.367 25.634-22.751 6.122-46.579 9.832-70.925 11.78-24.341 2.026-49.2 2.177-74.066 2.737-10.151.273-20.322.617-30.362 1.638 9.264-2.793 18.839-5.073 28.424-7.342 23.525-5.448 47.202-10.878 70.02-18.14zm-102.317-13.786c9.092-19.872 18.514-39.475 29.191-58.24 21.257-37.587 47.018-71.984 76.056-103.245 14.441-15.695 29.947-30.434 45.084-45.516l22.829-22.504 23.178-22.15 23.179-22.15 23.482-21.836 23.511-21.806c7.811-7.297 15.836-14.366 23.744-21.561 63.386-57.424 128.205-113.326 194.142-167.964 32.927-27.367 66.255-54.281 99.783-80.963 32.669-25.961 65.623-51.596 99.033-76.685L209.617 934.407c3.428-7.004 6.666-14.097 9.93-21.159z",fill:"#C8E678"})]}))};function yg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ag(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var wg=function(e){return(0,s.jsxs)("svg",Ag(Ag({className:"Zongzi_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M64 880a448 80 0 1 0 896 0 448 80 0 1 0-896 0Z",fill:"#286432",opacity:.5}),(0,s.jsx)("path",{d:"M512.789 111.328c-66.491 0-178.201 138.109-271.396 295.93 55.644 57.763 159.079 127.76 272.859 189.618 114.274-58.817 218.107-125.695 274.328-181.582-94.05-161.114-208.243-303.966-275.791-303.966z",fill:"#FFB90F"}),(0,s.jsx)("path",{d:"M788.58 415.295c-56.221 55.887-160.055 122.765-274.328 181.582 152.444 82.878 323.46 151.147 423.003 155.8-20.428-88.75-79.029-218.073-148.675-337.382z",fill:"#419646"}),(0,s.jsx)("path",{d:"M241.393 407.259C136.225 585.355 54.635 788.552 88.215 846.713c63.335 109.7 785.902 108.312 849.149 0 10.706-18.334 9.674-51.533-.109-94.036-173.841-8.127-565.666-210.263-695.862-345.418z",fill:"#419646"}),(0,s.jsx)("path",{d:"m947.276 761.154.141.007-2.366-10.278-1.36-5.914-.047-.002c-20.982-86.058-76.02-210.131-148.155-333.705l-5.214-8.932-7.335 7.291c-52.428 52.117-150.18 116.954-268.588 178.199-116.026-63.396-215.222-132.157-267.197-186.112l-7.3-7.578-5.351 9.061c-54.216 91.812-100.115 186.288-129.244 266.025-15.37 42.075-25.455 78.457-29.975 108.136-5.035 33.061-3.016 57.743 6.002 73.361 36.146 62.609 251.218 85.322 424.409 85.749 1.771.004 3.524.006 5.293.006 101.358 0 198.649-7.174 274.463-20.261 88.991-15.361 142.426-37.386 158.819-65.46 10.467-17.923 11.465-48.04 3.005-89.593zm-71.489-158.756a141.068 141.068 0 0 1-4.046 5.346 189.705 189.705 0 0 1-13.483 15.125l-3.565 3.595-3.641 3.518c-2.446 2.326-4.891 4.637-7.406 6.88a293.074 293.074 0 0 1-7.528 6.705c-2.508 2.224-5.081 4.379-7.661 6.508-5.133 4.295-10.907 7.865-16.507 11.447a99.84 99.84 0 0 0-8.01 5.741 104.502 104.502 0 0 0-3.699 3.187 141.123 141.123 0 0 0-3.521 3.398 226.52 226.52 0 0 0-13.332 14.823l-3.244 4.025-3.266 4.182c-1.081 1.479-2.203 2.874-3.321 4.422l-1.709 2.317c-.261.385-.532.757-.803 1.135-46.834-16.642-97.977-37.953-150.837-62.977.488-.055.974-.112 1.465-.163 3.234-.338 6.42-.833 9.591-1.397 12.709-2.214 25.032-5.786 36.949-10.238l4.449-1.722c1.476-.588 2.916-1.248 4.377-1.87 2.902-1.28 5.792-2.594 8.597-4.064 5.657-2.855 11.107-6.099 16.437-9.525 10.633-6.913 20.794-14.488 31.119-21.698 20.607-14.483 40.28-30.363 58.054-48.33 2.21-2.257 4.371-4.57 6.551-6.846 2.151-2.314 4.238-4.698 6.35-7.037 2.073-2.387 4.083-4.839 6.116-7.247a348.274 348.274 0 0 0 5.798-7.517l2.735-3.891c.9-1.304 1.844-2.56 2.672-3.924 1.482-2.384 3.037-4.688 4.409-7.132 18.564 35.437 35.342 70.163 49.91 103.224zm-90.351 107.369c.34-.032.678-.058 1.021-.09.981-.118 1.94-.292 2.919-.441 1.967-.298 3.852-.743 5.74-1.21 7.524-1.936 14.507-4.981 20.957-8.694a59.052 59.052 0 0 0 4.694-2.978 53.147 53.147 0 0 0 4.389-3.35c2.821-2.359 5.392-4.988 7.802-7.77 4.792-5.599 9.084-11.577 13.694-17.15 2.285-2.809 4.543-5.63 6.724-8.514 1.1-1.432 2.17-2.889 3.22-4.361 1.053-1.469 2.121-2.92 3.138-4.417a278.756 278.756 0 0 0 5.928-9.081l2.793-4.652 2.693-4.711c3.4-6.311 6.612-12.726 9.223-19.43 20.974 48.662 36.964 93.408 46.535 131.03-37.483-3.355-86.154-15.308-141.47-34.181zm-254.08-112.759c110.186-57.722 202.002-118.424 255.438-168.853a1995.781 1995.781 0 0 1 35.58 64.355l-1.534 1.839c-1.848 2.36-3.984 4.529-5.986 6.761-.985 1.127-2.099 2.164-3.157 3.235l-3.197 3.185c-8.696 8.343-18.034 16.013-27.756 23.165l-7.324 5.317-7.453 5.141-7.545 5.006c-2.526 1.65-5.099 3.241-7.64 4.861-5.106 3.218-10.248 6.373-15.463 9.413l-3.89 2.307-3.933 2.241c-2.618 1.497-5.233 2.994-7.893 4.421-10.548 5.849-21.626 10.757-32.654 15.557a384.793 384.793 0 0 0-16.297 7.576c-2.666 1.355-5.333 2.69-7.969 4.095l-7.874 4.289a1427.938 1427.938 0 0 0-31.267 18.04l-15.748 9.436c-2.245 1.423-4.52 2.749-6.801 4.156a1981.021 1981.021 0 0 1-11.938-5.855l-.166-.082c-2.142-1.06-4.287-2.127-6.433-3.199-.942-.47-1.885-.944-2.828-1.417-1.329-.666-2.659-1.333-3.989-2.003-1.105-.557-2.207-1.115-3.31-1.673-1.195-.605-2.39-1.21-3.585-1.818l-3.28-1.673a2301.628 2301.628 0 0 1-6.713-3.444c-1.464-.754-2.928-1.511-4.392-2.271l-2.289-1.188a2326.692 2326.692 0 0 1-6.674-3.486 2126.572 2126.572 0 0 1-14.04-7.434zm-25.62 323.454c-215.629-.531-384.471-32.502-410.593-77.749-14.31-24.784-5.38-84.45 25.145-168.006.823-2.253 1.662-4.52 2.512-6.797 3.143 7.763 6.72 15.38 10.777 22.727 1.617 2.949 3.208 5.936 4.903 8.851 1.752 2.87 3.557 5.712 5.342 8.579l2.703 4.291c.889 1.444 1.912 2.772 2.863 4.166 1.941 2.754 3.867 5.531 5.853 8.266 1.932 2.786 4.044 5.405 6.122 8.066l6.324 7.922c2.129 2.627 4.38 5.131 6.609 7.667l6.729 7.583c2.314 2.452 4.68 4.854 7.031 7.276l3.534 3.63c1.179 1.21 2.347 2.435 3.58 3.581l7.373 6.925c2.476 2.289 4.889 4.665 7.456 6.842l7.676 6.58c2.559 2.195 5.142 4.366 7.81 6.415 2.637 2.093 5.326 4.118 7.989 6.178l4.017 3.062c1.352 1.002 2.742 1.947 4.112 2.922 10.949 7.82 22.294 15.051 33.904 21.778l8.767 4.937 4.38 2.465c1.464.814 2.96 1.569 4.442 2.35l8.906 4.644c2.965 1.55 5.924 3.107 8.942 4.55l9.002 4.411c3.002 1.463 5.985 2.962 9.023 4.347l9.072 4.227 4.534 2.111c1.507.712 3.021 1.408 4.558 2.054 6.116 2.653 12.204 5.359 18.334 7.959l18.521 7.467 18.707 6.943c6.271 2.209 12.584 4.297 18.868 6.447a755.278 755.278 0 0 0 76.949 20.286 737.954 737.954 0 0 0 21.51 4.034 2083.8 2083.8 0 0 1-14.286.013zm276.994-20.021c-56.093 9.682-124.146 16.089-196.959 18.7-28.225-4.405-56.111-10.541-83.488-18.276a736.719 736.719 0 0 1-73.545-24.77c-5.988-2.426-11.997-4.786-17.956-7.259l-17.748-7.72-17.512-8.206c-5.784-2.84-11.518-5.777-17.273-8.656a107.898 107.898 0 0 1-4.27-2.252l-4.241-2.306-8.476-4.607c-2.851-1.484-5.573-3.209-8.348-4.828l-8.288-4.918a731.786 731.786 0 0 1-32.26-20.943c-10.56-7.223-20.976-14.594-31.315-22.039-1.297-.925-2.617-1.82-3.894-2.769l-3.828-2.85c-2.567-1.881-5.107-3.798-7.7-5.646-1.281-.944-2.608-1.833-3.851-2.822l-3.783-2.903-7.616-5.755c-2.597-1.854-5.027-3.894-7.533-5.855l-7.487-5.927c-4.974-3.97-9.759-8.151-14.723-12.167l-14.358-12.619-6.997-6.519c-2.356-2.159-4.759-4.288-6.976-6.573-4.499-4.516-9.255-8.87-13.584-13.579l-6.695-6.948c-2.206-2.343-4.285-4.785-6.464-7.171l-3.267-3.591-1.638-1.801-1.554-1.857c-2.082-2.474-4.151-4.971-6.285-7.445-1.045-1.25-2.16-2.465-3.153-3.752l-3.021-3.854c-.19-.234-.378-.472-.567-.707 15.389-40.151 34.772-83.666 57.11-128.42a149.938 149.938 0 0 0 2.909 7.859l2.703 6.323c.969 2.073 2.004 4.108 3.009 6.172.511 1.026 1.003 2.069 1.543 3.079l1.668 2.995c1.124 1.991 2.211 4.022 3.378 5.992 9.424 15.703 20.543 30.328 32.592 43.983l4.583 5.059c1.526 1.692 3.055 3.384 4.635 5.013 3.152 3.27 6.283 6.587 9.538 9.743 3.229 3.192 6.443 6.414 9.795 9.462l4.981 4.639 5.058 4.54 5.082 4.518 5.179 4.388 5.186 4.386 5.255 4.288 5.285 4.255 5.355 4.151 5.358 4.152 5.418 4.061c28.988 21.549 59.723 40.495 91.567 57.11 31.887 16.552 64.426 31.608 97.274 45.792a1404.703 1404.703 0 0 0 49.656 20.314 1318.39 1318.39 0 0 0 50.413 18.273c33.89 11.366 68.261 21.295 103.066 29.413 17.414 4.009 34.935 7.559 52.556 10.533 17.622 2.959 35.339 5.401 53.147 6.96 17.802 1.575 35.681 2.395 53.549 2.11 11.629-.222 23.254-.914 34.803-2.202-25.873 12.568-64.943 23.609-114.998 32.249zm147.725-57.762c-4.154 7.114-11.997 13.979-23.235 20.487-14.713 1.103-29.479 1.153-44.19.443-17.569-.808-35.077-2.671-52.462-5.288-34.779-5.243-69.102-13.25-102.876-23.024-33.806-9.677-67.102-21.114-99.833-33.932a1294.756 1294.756 0 0 1-48.785-19.96c-16.114-7-32.088-14.307-47.91-21.911-3.941-1.934-7.905-3.816-11.823-5.791l-11.764-5.902c-3.904-1.999-7.776-4.064-11.663-6.094-3.881-2.042-7.724-4.156-11.586-6.229a1247.516 1247.516 0 0 1-45.588-26.129l-11.257-6.726c-3.729-2.277-7.437-4.587-11.181-6.834l-11.144-6.872-11.103-6.919c-14.774-9.259-29.448-18.637-43.927-28.276-28.941-19.281-57.095-39.7-83.136-62.476-13.006-11.397-25.339-23.492-36.692-36.506-1.418-1.627-2.754-3.308-4.141-4.965l-2.068-2.5-1.967-2.562c-1.303-1.716-2.647-3.419-3.929-5.161l-3.712-5.316a195.264 195.264 0 0 1-7.189-11.578c17.086-33.8 35.805-68.227 55.732-102.378 53.096 52.266 146.048 116.522 254.186 176.37l-.067.035 13.284 7.222.648.349c4.622 2.512 9.269 5.015 13.94 7.508l.641.341c4.436 2.365 8.894 4.72 13.37 7.065l2.244 1.173c3.833 2.002 7.68 3.996 11.54 5.982 1.179.607 2.357 1.214 3.535 1.818a2128.78 2128.78 0 0 0 10.01 5.09c48.327 24.44 96.445 46.416 142.401 65.035 1.013.41 2.028.826 3.038 1.233 2.79 1.124 5.566 2.228 8.338 3.326a1413.87 1413.87 0 0 0 12.238 4.789c2.272.877 4.532 1.742 6.788 2.6 1.199.456 2.411.931 3.606 1.382 1.171.442 2.331.871 3.497 1.307.646.242 1.292.484 1.937.724a1326.6 1326.6 0 0 0 10.111 3.72c.93.338 1.851.667 2.777 1.001 2.429.875 4.845 1.738 7.249 2.587.832.294 1.678.604 2.507.895 64.508 22.659 118.261 35.59 159.915 38.48 10.596 49.24 5.777 71.952-.304 82.367z",fill:"#286432"}),(0,s.jsx)("path",{d:"M455.995 203.992c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S444.002 192 448 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S476.002 192 480 192s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S540.002 192 544 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S572.002 192 576 192s7.995 7.577 7.995 11.992zm-64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S508.002 192 512 192c3.997 0 7.995 7.577 7.995 11.992zm-80 32c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S428.002 224 432 224s7.995 7.577 7.995 11.992zm-32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S396.002 224 400 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S460.002 224 464 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S524.002 224 528 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S556.002 224 560 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S588.002 224 592 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S620.002 224 624 224s7.995 7.577 7.995 11.992zm-128 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S492.002 224 496 224s7.995 7.577 7.995 11.992z",fill:"#FFF",opacity:.5}),(0,s.jsx)("path",{d:"M288 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0ZM672 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0Z",fill:"#E6413C"}),(0,s.jsx)("path",{d:"M545 489c0-18.748-15.252-34-34-34a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c18.748 0 34-15.252 34-34 0-10.419-4.711-19.758-12.114-26 7.403-6.242 12.114-15.581 12.114-26zm-87.343-84.97-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0 0-11.313 8.003 8.003 0 0 0-11.315.001zm267.313 0a8 8 0 0 0-11.313 0l-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0-.002-11.312z",fill:"#5A1E14"})]}))},jg="ZongziLoading_container__CdgrF",bg="ZongziLoading_content__9NHwh",_g="ZongziLoading_loadingItem1__8JdRq",Dg="ZongziLoading_loadingItem2__4IjE5",Mg="ZongziLoading_loadingItem3__1403l",kg="ZongziLoading_loadingResult__WyYl2",Ng=function(){return(0,s.jsxs)("div",{className:jg,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.zongziLoading"}),(0,s.jsxs)("div",{className:bg,children:[(0,s.jsx)("div",{className:_g,children:(0,s.jsx)(mg,{})}),(0,s.jsx)("div",{className:Dg,children:(0,s.jsx)(pg,{})}),(0,s.jsx)("div",{className:Mg,children:(0,s.jsx)(xg,{})}),(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"mix",children:[(0,s.jsx)("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"10",result:"blur"}),(0,s.jsx)("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 21 -7"})]})})})]}),(0,s.jsx)("div",{className:kg,children:(0,s.jsx)(wg,{})})]})},Eg="BoxReflect_container__tvM++",Cg="BoxReflect_content__EsvIF",Sg="BoxReflect_btn1__o02O4",Pg="BoxReflect_btn2__lOp24",Bg=function(){return(0,s.jsxs)("div",{className:Eg,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.borderRotation"}),(0,s.jsxs)("div",{className:Cg,children:[(0,s.jsx)("div",{className:Sg,children:"Reflect"}),(0,s.jsx)("div",{className:Pg,children:"Reflect"})]})]})},Ig="TextAnimation_container__8odlg",Tg=function(){return(0,s.jsxs)("div",{className:Ig,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.luminousText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},Rg="TextSearchlight_container__r14vK",Fg=function(){return(0,s.jsxs)("div",{className:Rg,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.searchlightText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},Og="DisplayTextInSmoke_container__KVlpC",Gg="DisplayTextInSmoke_span1__fItNw",Zg="DisplayTextInSmoke_span2__GUMXn",Qg="DisplayTextInSmoke_btn__CvDup",Lg=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Og,children:[(0,s.jsx)("video",{muted:!0,autoPlay:!0,preload:"true","x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",ref:e,children:(0,s.jsx)("source",{src:"public/smoke.mp4"})}),(0,s.jsxs)("p",{ref:t,children:[(0,s.jsx)("span",{className:Gg,children:"H"}),(0,s.jsx)("span",{className:Gg,children:"E"}),(0,s.jsx)("span",{className:Gg,children:"L"}),(0,s.jsx)("span",{className:Gg,children:"L"}),(0,s.jsx)("span",{className:Gg,children:"O"}),(0,s.jsx)("span",{className:Gg,children:"W"}),(0,s.jsx)("span",{className:Gg,children:"O"}),(0,s.jsx)("span",{className:Gg,children:"R"}),(0,s.jsx)("span",{className:Gg,children:"L"}),(0,s.jsx)("span",{className:Gg,children:"D"})]}),(0,s.jsx)(oe.Z,{type:"primary",className:Qg,onClick:function(){var n;t.current&&Array.prototype.forEach.call(t.current.children,(function(e){var t=Gg;e.className===Gg&&(t=Zg),e.className=t})),null===(n=e.current)||void 0===n||n.load()},children:"Once Again"})]})},zg="PlayVideoInText_container__+hh77",Hg=function(){return(0,s.jsxs)("div",{className:zg,children:[(0,s.jsx)("video",{muted:!0,autoPlay:!0,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",children:(0,s.jsx)("source",{src:"public/vista.mp4"})}),(0,s.jsx)("p",{children:"River"})]})},Vg="WaveFont_container__ccIq3",Ug="WaveFont_firstText__Obiyz",Wg="WaveFont_lastText__7tpdD",Yg=function(){return(0,s.jsxs)("div",{className:Vg,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.wavyText"}),(0,s.jsx)("h2",{className:Ug,children:"River"}),(0,s.jsx)("h2",{className:Wg,children:"River"})]})};function Jg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function qg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Kg=function(e){return(0,s.jsxs)("svg",qg(qg({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 188 70",fill:"none",role:"img"},e),{},{children:[(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"M21.64 67.18c-1.76-.41-3.48-1-5.17-1.78-1.66-.76-3.25-1.68-4.76-2.77a29.028 29.028 0 0 1-4.13-3.62l-.77-.8L0 66.13l.63.66c1.63 1.71 3.41 3.25 5.34 4.6 1.96 1.38 4.04 2.55 6.24 3.5 2.26.98 4.6 1.73 7.03 2.23 2.51.52 5.08.78 7.71.78 3.85 0 7.41-.56 10.67-1.67 3.14-1.08 5.86-2.62 8.17-4.62 2.27-1.98 4.02-4.3 5.23-6.95 1.22-2.67 1.83-5.52 1.83-8.56 0-2.75-.41-5.25-1.23-7.48-.76-2.09-1.89-3.99-3.38-5.68-1.34-1.52-3.01-2.92-5.01-4.19-1.69-1.08-3.71-2.14-6.08-3.17l-10.4-4.5h-.02v-.01h-.02l-.01-.01h-.02v-.01h-.01l-.02-.01c-.95-.4-1.66-.7-2.14-.91-.78-.35-1.48-.67-2.09-.98-1.51-.75-2.74-1.52-3.72-2.31-1.14-.92-1.99-1.92-2.57-3.01-.66-1.22-.98-2.6-.98-4.13 0-1.45.29-2.77.87-3.96.57-1.16 1.39-2.15 2.48-2.98 1.1-.86 2.43-1.51 3.99-1.96 1.61-.47 3.4-.7 5.36-.7 3.14 0 6.08.58 8.82 1.75 2.53 1.07 4.93 2.67 7.2 4.78l.78.73 6.03-7.42-.61-.63a29.29 29.29 0 0 0-4.44-3.77 30.945 30.945 0 0 0-5.28-2.94c-1.93-.84-3.92-1.48-5.98-1.92C32.22.23 30.05 0 27.85 0c-3.39 0-6.57.5-9.54 1.49-2.91.98-5.46 2.38-7.64 4.21-2.2 1.84-3.9 3.99-5.08 6.47-1.23 2.55-1.84 5.3-1.84 8.23 0 5.08 1.72 9.41 5.18 13.02 1.38 1.44 3.05 2.77 5 3.97 1.56.97 3.34 1.88 5.33 2.73l10.49 4.6c1.11.49 1.95.87 2.52 1.13.88.41 1.64.78 2.29 1.12 1.54.81 2.78 1.63 3.7 2.44 1.05.92 1.83 1.95 2.34 3.08.57 1.26.85 2.73.85 4.41 0 1.62-.32 3.1-.95 4.43-.62 1.31-1.53 2.45-2.73 3.4-1.24.98-2.74 1.73-4.51 2.25-1.85.55-3.92.82-6.21.82-1.8 0-3.6-.21-5.41-.62ZM6.85 59.7l-.66.76-4.84 5.64c6.3 6.6 15.2 10.8 25.6 10.8 15.3 0 24.9-9.2 24.9-20.8 0-10.9-6.6-15.9-15.1-19.6L26.35 32c-5.7-2.4-12.2-5.1-12.2-12.3 0-6.5 5.4-10.6 13.7-10.6 6.43 0 11.61 2.32 15.96 6.13.25.22.49.44.74.67l.63-.78L49.35 10c-5.1-5.3-12.8-9-21.5-9-13.3 0-23.1 8.1-23.1 19.4 0 10.7 8.1 15.9 14.9 18.8l10.5 4.6c7 3.1 12.3 5.5 12.3 13.1 0 7.1-5.7 11.9-15.4 11.9-7.27 0-14.35-3.29-19.5-8.38-.24-.24-.47-.48-.7-.72Z"}),(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"m1.37 1 .32 1 23.08 72.3h10.7L58.45 2l.32-1h-9.4l-11.8 39.7c-2.4 8.26-4.16 15.04-6.77 23.18-.1.29-.19.59-.29.88-.01.05-.03.09-.04.14h-.4c-.02-.05-.03-.1-.05-.14-.09-.3-.18-.59-.27-.88-2.53-8.14-4.38-14.92-6.78-23.18L11.07 1h-9.7Zm10.44-1H0l24.04 75.3H36.2L60.14 0H48.62L36.61 40.42c-.52 1.79-1.25 4.36-2.19 7.69a805.23 805.23 0 0 1-2.31 8.07c-.61 2.1-1.22 4.11-1.83 6.03-.61-1.99-1.24-4.07-1.87-6.24-.55-1.85-1.34-4.62-2.39-8.29-.91-3.15-1.6-5.57-2.09-7.26L11.81 0Z"}),(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"M33.6 0C14.2 0 0 14.3 0 38c0 23.8 13.8 37.9 33.1 37.9 9.8 0 17.9-3.6 22.6-8.5V36.6H31.6v7.7h15.6v19.2c-2.9 2.7-8 4.3-13.2 4.3-15.7 0-24.5-11.6-24.5-30.1 0-18.3 9.6-29.6 24.4-29.6 7.3 0 12.1 3.1 15.8 6.9l5-6c-4.2-4.4-10.9-9-21.1-9Z"})]}))},Xg="TextOutlineAnimation1_container__LXia5",$g="TextOutlineAnimation1_content__0SfPo",ep=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Xg,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineDisplay"}),(0,s.jsx)("div",{className:$g,ref:e,children:(0,s.jsx)(Kg,{})})]})},tp="TextOutlineAnimation2_container__3DnKq",np="TextOutlineAnimation2_content__xpQH3",rp="TextOutlineAnimation2_text__VwJlP",ip=function(){return(0,s.jsxs)("div",{className:tp,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineLoop"}),(0,s.jsx)("div",{className:np,children:(0,s.jsxs)("svg",{children:[(0,s.jsx)("symbol",{id:"text",children:(0,s.jsx)("text",{textAnchor:"middle",x:"50%",y:"80%",children:"SVG"})}),(0,s.jsx)("use",{xlinkHref:"#text",className:rp}),(0,s.jsx)("use",{xlinkHref:"#text",className:rp}),(0,s.jsx)("use",{xlinkHref:"#text",className:rp}),(0,s.jsx)("use",{xlinkHref:"#text",className:rp}),(0,s.jsx)("use",{xlinkHref:"#text",className:rp})]})})]})},ap={container:"MobiusBand1_container__2Mp+7",content:"MobiusBand1_content__yJ9nb",roll:"MobiusBand1_roll__HjwWS",leftBottom:"MobiusBand1_leftBottom__hBdke",rightTop:"MobiusBand1_rightTop__kr3vO",rightBottom:"MobiusBand1_rightBottom__EmzfR"},op=function(){return(0,s.jsxs)("div",{className:ap.container,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar"}),(0,s.jsxs)("div",{className:ap.content,children:[(0,s.jsx)("div",{className:ap.leftTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:ap.leftBottom,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:ap.rightTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:ap.rightBottom,children:(0,s.jsx)("div",{})})]})]})},sp={container:"MobiusBand2_container__8f4BB",content:"MobiusBand2_content__nNOHn",changeColor:"MobiusBand2_changeColor__Mykzf",circle:"MobiusBand2_circle__jpMzE",span0:"MobiusBand2_span0__voOYX",animate:"MobiusBand2_animate__Wogmo",span1:"MobiusBand2_span1__vuoU-",span2:"MobiusBand2_span2__nG6rW",span3:"MobiusBand2_span3__-dsS9",span4:"MobiusBand2_span4__j83QL",span5:"MobiusBand2_span5__WB4+J",span6:"MobiusBand2_span6__Gwjmh",span7:"MobiusBand2_span7__xzB3C",span8:"MobiusBand2_span8__GWlgT",span9:"MobiusBand2_span9__yo7Mb",span10:"MobiusBand2_span10__6RIFq",span11:"MobiusBand2_span11__60Mpf",span12:"MobiusBand2_span12__GLJMi",span13:"MobiusBand2_span13__j6mqa",span14:"MobiusBand2_span14__J-WJ9",span15:"MobiusBand2_span15__11fjh",span16:"MobiusBand2_span16__DdXWO",span17:"MobiusBand2_span17__e9oID",span18:"MobiusBand2_span18__wufSN",span19:"MobiusBand2_span19__qXh0M"},cp=new Array(20).fill(0),lp=function(){return(0,s.jsxs)("div",{className:sp.container,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots"}),(0,s.jsxs)("div",{className:sp.content,children:[(0,s.jsx)("div",{className:sp.circle,children:cp.map((function(e,t){return(0,s.jsx)("span",{className:sp["span".concat(t)]},t)}))}),(0,s.jsx)("div",{className:sp.circle,children:cp.map((function(e,t){return(0,s.jsx)("span",{className:sp["span".concat(t)]},t)}))})]})]})},up="TankShaking_container__Yt0wf",dp="TankShaking_content__eoRFC",mp="TankShaking_bottle__mqc+0",fp="TankShaking_water__5TJXp",gp="TankShaking_bottleBottom__gAvg8",pp=function(){return(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)(Ur,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.tankShaking"}),(0,s.jsxs)("div",{className:dp,children:[(0,s.jsx)("div",{className:mp,children:(0,s.jsx)("div",{className:fp})}),(0,s.jsx)("div",{className:gp})]})]})},hp="RichDynamicEffect_container__4zkQ2",vp="RichDynamicEffect_box__0T4jz",xp="RichDynamicEffect_multipleColumnsBox__Mp4HK",yp=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:hp,children:[(0,s.jsxs)("div",{className:xp,children:[(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Kf,{})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(ng,{})})]}),(0,s.jsxs)("div",{className:xp,children:[(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(lg,{})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Ng,{})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Bg,{})})]}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Tg,{})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Fg,{})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Lg,{})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Hr,{data:zr[3]})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Hg,{})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Yg,{})}),(0,s.jsxs)("div",{className:xp,children:[(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(ep,{})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(ip,{})})]}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(Hr,{data:zr[4]})}),(0,s.jsxs)("div",{className:xp,children:[(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(op,{})}),(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(lp,{})})]}),(0,s.jsx)("div",{className:xp,children:(0,s.jsx)("div",{className:vp,children:(0,s.jsx)(pp,{})})})]})},Ap=n(27892),wp=n(35697),jp="GenerateRegularPolygon_container__kR2Bt",bp="GenerateRegularPolygon_content__K97IB",_p="GenerateRegularPolygon_box__8cyD7",Dp="GenerateRegularPolygon_graph__hpKYh",Mp="GenerateRegularPolygon_bottom__DyaAC",kp="GenerateRegularPolygon_row__bg92v",Np="GenerateRegularPolygon_label__Y0wuX",Ep="GenerateRegularPolygon_codeBox__-P4RP",Cp=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(3),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useState)(0),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=function(e){c(e||3)},y=function(e){m(e||0)};return(0,r.useEffect)((function(){if(t.current){for(var e="",n=0;n<a;n++){var r=d/180*Math.PI,i=(50+50*Math.cos(2*Math.PI*n/a+r)).toFixed(2),o=(50+50*Math.sin(2*Math.PI*n/a+r)).toFixed(2);e+="".concat(i,"% ").concat(o,"%, ")}e=e.slice(0,-2),t.current.style.setProperty("--points",e),v(e)}}),[a,d]),(0,s.jsx)("div",{className:jp,children:(0,s.jsxs)("div",{className:bp,children:[(0,s.jsx)("div",{className:_p,children:(0,s.jsx)("div",{className:Dp,ref:t})}),(0,s.jsxs)("div",{className:Mp,children:[(0,s.jsxs)("div",{className:kp,children:[(0,s.jsxs)("span",{className:Np,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.numberOfSides"}),":"]}),(0,s.jsx)(Ap.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:3,max:20,step:1,value:a,onChange:x}),(0,s.jsx)(wp.Z,{style:{width:"80px"},min:3,max:20,precision:0,value:a,onChange:x})]}),(0,s.jsxs)("div",{className:kp,children:[(0,s.jsxs)("span",{className:Np,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.rotation"}),":"]}),(0,s.jsx)(Ap.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:0,max:360,step:1,value:d,onChange:y}),(0,s.jsx)(wp.Z,{style:{width:"80px"},min:0,max:360,precision:0,value:d,onChange:y})]}),(0,s.jsxs)("div",{className:Ep,children:[(0,s.jsx)("span",{children:".box {"}),(0,s.jsxs)("span",{children:["    width:"," ",t.current?t.current.clientWidth:0,"px;"]}),(0,s.jsxs)("span",{children:["    height:"," ",t.current?t.current.clientWidth:0,"px;"]}),(0,s.jsx)("span",{children:"    background: linear-gradient(135deg, #112437, #1d3450, #29588a, #116d6e, #5c8984, #47a992) fixed;"}),(0,s.jsxs)("span",{children:["    clip-path: polygon(",h,");"]}),(0,s.jsx)("span",{children:"}"})]})]})]})})},Sp=n(10737),Pp=n.n(Sp);function Bp(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Ip(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ip(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function Ip(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Tp,Rp,Fp=200,Op=260,Gp=16,Zp=!1,Qp=Math.floor(100),Lp=[{id:"sphereCollisionExample1",globuleList:[{initX:Qp,initY:Gp,vx:0,vy:2,radius:Gp,perfectlyElasticCollision:Zp},{initX:Qp,initY:80,vx:0,vy:1,radius:Gp,perfectlyElasticCollision:Zp}]},{id:"sphereCollisionExample2",globuleList:[{initX:Qp,initY:Gp,vx:0,vy:2,radius:Gp,perfectlyElasticCollision:Zp},{initX:Qp,initY:244,vx:0,vy:-2,radius:Gp,perfectlyElasticCollision:Zp}]},{id:"sphereCollisionExample3",globuleList:[{initX:Math.floor(Qp-8),initY:Gp,vx:0,vy:2,radius:Gp,perfectlyElasticCollision:Zp},{initX:Math.floor(Qp+8),initY:80,vx:0,vy:1,radius:Gp,perfectlyElasticCollision:Zp}]},{id:"sphereCollisionExample4",globuleList:[{initX:Math.floor(Qp-8),initY:Gp,vx:0,vy:2,radius:Gp,perfectlyElasticCollision:Zp},{initX:Math.floor(Qp+8),initY:244,vx:0,vy:-2,radius:Gp,perfectlyElasticCollision:Zp}]},{id:"sphereCollisionExample5",globuleList:[{initX:Math.floor(Qp-Gp),initY:Gp,vx:0,vy:2,radius:Gp,perfectlyElasticCollision:Zp},{initX:Math.floor(Qp-Gp)+32,initY:Gp,vx:0,vy:2,radius:Gp,perfectlyElasticCollision:Zp}]},{id:"sphereCollisionExample6",globuleList:[{initX:Math.floor(Qp-Gp),initY:Gp,vx:0,vy:2,radius:Gp,perfectlyElasticCollision:Zp},{initX:Math.floor(Qp-Gp)+32,initY:Gp,vx:0,vy:1,radius:Gp,perfectlyElasticCollision:Zp}]},{id:"sphereCollisionExample7",globuleList:[{initX:32,initY:Gp,vx:1.6,vy:3.2,radius:Gp,perfectlyElasticCollision:Zp},{initX:80,initY:64,vx:1,vy:2,radius:Gp,perfectlyElasticCollision:Zp}]},{id:"sphereCollisionExample8",globuleList:[{initX:Gp,initY:Gp,vx:1,vy:2,radius:Gp,perfectlyElasticCollision:Zp},{initX:128,initY:304,vx:-1,vy:-2,radius:Gp,perfectlyElasticCollision:Zp}]},{id:"sphereCollisionExample9",globuleList:[{initX:Gp,initY:Gp,vx:1,vy:2,radius:Gp,perfectlyElasticCollision:Zp},{initX:160,initY:320,vx:-1,vy:-2,radius:Gp,perfectlyElasticCollision:Zp}]},{id:"sphereCollisionExample10",globuleList:[{initX:Qp,initY:Gp,vx:0,vy:2,radius:Gp,perfectlyElasticCollision:Zp},{initX:Qp,initY:150,vx:0,vy:0,radius:Gp,perfectlyElasticCollision:Zp}]}],zp=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useRef)([]),u=function(e){var t=e.ctx;t.clearRect(0,0,Fp,Op),t.beginPath(),t.fillStyle="#111",t.fillRect(0,0,Fp,Op)};return(0,r.useEffect)((function(){return a&&(l.current=Lp.map((function(e){var t=document.getElementById(e.id);if(t){t.width=Fp,t.height=Op;var n=t.getContext("2d"),r=new(Pp())(n,t,e.globuleList,{beforeDrawGlobules:u});return r.start(),r}return null}))),function(){if(l.current&&l.current.length>0){var e,t=Bp(l.current);try{for(t.s();!(e=t.n()).done;){var n=e.value;n&&n.stop()}}catch(e){t.e(e)}finally{t.f()}}}}),[a]),(0,r.useEffect)((function(){c(!0)}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",minWidth:"1200px",minHeight:"550px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},ref:t,children:[(0,s.jsx)(Ur,{intlTitle:"page.canvasDynamicEffect.sphereCollisionExample"}),a&&Lp.map((function(n,r){if(!t.current)return null;var i,a=Math.ceil(Lp.length/5),o=Math.floor(r/5),c=r%5,l=0,u=t.current,d=u.clientWidth,m=u.clientHeight,f=Math.floor((m-30-a*Op)/(a+1));if(o>=a-1){var g=Lp.length%5;0===g&&(g=5);var p=Math.floor((d-g*Fp)/(g+1));l=p+(Fp+p)*c}else{var h=Math.floor((d-1e3)/6);l=h+(Fp+h)*c}return i=30+f+(Op+f)*o,(0,s.jsx)("canvas",{id:n.id,style:{position:"absolute",top:"".concat(i,"px"),left:"".concat(l,"px")},children:e.formatMessage({id:"common.browserTooLow"})},n.id)}))]})},Hp=400,Vp=200,Up=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=function(e){e.clearRect(0,0,Hp,Hp);var t=new Date,n=t.getHours(),r=t.getMinutes(),i=t.getSeconds();!function(e){e.save(),e.translate(Vp,Vp),e.lineWidth=20,e.beginPath(),e.arc(0,0,Vp-e.lineWidth/2,0,2*Math.PI),e.stroke(),e.beginPath(),e.arc(0,0,Vp-e.lineWidth,0,2*Math.PI),e.fillStyle="#ffffff",e.fill(),e.font="36px Arial",e.textAlign="center",e.textBaseline="middle",[3,4,5,6,7,8,9,10,11,12,1,2].forEach((function(t,n){var r=2*Math.PI/12*n,i=140*Math.cos(r),a=140*Math.sin(r);e.fillStyle="#000000",e.fillText(t.toString(),i,a)}));for(var t=0;t<60;t++){var n=2*Math.PI/60*t,r=164*Math.cos(n),i=164*Math.sin(n);e.beginPath(),e.fillStyle=t%5==0?"#000":"#ccc",e.arc(r,i,4,0,2*Math.PI),e.fill()}}(e),function(e,t,n){e.save(),e.beginPath();var r=2*Math.PI/12*t,i=2*Math.PI/12/60*n;e.rotate(r+i),e.lineWidth=12,e.lineCap="round",e.moveTo(0,20),e.lineTo(0,-100),e.stroke(),e.restore()}(e,n,r),function(e,t){e.save();var n=2*Math.PI/60*t;e.rotate(n),e.lineWidth=6,e.lineCap="round",e.beginPath(),e.moveTo(0,20),e.lineTo(0,-140),e.stroke(),e.restore()}(e,r),function(e,t){e.save();var n=2*Math.PI/60*t;e.rotate(n),e.fillStyle="#c14543",e.beginPath(),e.moveTo(-4,40),e.lineTo(4,40),e.lineTo(1,-164),e.lineTo(-1,-164),e.fill(),e.restore()}(e,i),function(e){e.fillStyle="#fff",e.beginPath(),e.arc(0,0,6,0,2*Math.PI),e.fill()}(e),e.restore()};return(0,r.useEffect)((function(){var e=0;if(t.current){var r=t.current;r.width=Hp,r.height=400;var i=r.getContext("2d");n(i),e=window.setInterval((function(){n(i)}),1e3)}return function(){e&&clearInterval(e)}}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},children:[(0,s.jsx)(Ur,{intlTitle:"page.canvasDynamicEffect.dynamicClock"}),(0,s.jsx)("canvas",{ref:t,children:e.formatMessage({id:"common.browserTooLow"})})]})},Wp=504,Yp=540,Jp=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,Wp,Yp),t.beginPath(),t.fillStyle="black",t.fillRect(0,0,Wp,Yp)},a=function(e){var t=e.ctx,n=e.x,r=e.y,i=e.radius;t.save(),t.beginPath(),t.arc(n,r,i,0,2*Math.PI),t.fillStyle="#fff",t.fill(),t.clip(),t.font="bold 150px Arial",t.textAlign="center",t.textBaseline="middle",t.fillStyle="#058",t.fillText("CANVAS",252,135),t.fillText("CANVAS",252,270),t.fillText("CANVAS",252,405),t.restore()};return(0,r.useEffect)((function(){var e=document.getElementById("searchlightCanvas");if(e){e.width=Wp,e.height=Yp;var r=e.getContext("2d"),o=new(Pp())(r,e,[{initX:400,initY:400,vx:6,vy:3,radius:80,afterDrawGlobule:a}],{beforeDrawGlobules:i});t.current=o,o.start()}var s=document.getElementById("searchlightCanvas2");if(s){s.width=Wp,s.height=Yp;var c=s.getContext("2d"),l=new(Pp())(c,s,[{initX:180,initY:450,vx:-3,vy:-2,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:a},{initX:420,initY:150,vx:2,vy:4,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:a}],{beforeDrawGlobules:i});n.current=l,l.start()}return function(){var e,r;null===(e=t.current)||void 0===e||e.stop(),null===(r=n.current)||void 0===r||r.stop()}}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",minWidth:"1200px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},children:[(0,s.jsx)(Ur,{intlTitle:"page.canvasDynamicEffect.searchlight"}),(0,s.jsx)("canvas",{id:"searchlightCanvas",style:{marginTop:"".concat(30,"px")},children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("canvas",{id:"searchlightCanvas2",style:{marginLeft:"50px",marginTop:"".concat(30,"px")},children:e.formatMessage({id:"common.browserTooLow"})})]})},qp=n.p+"images/ae67d7f8.png",Kp=0,Xp=0,$p=80,eh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,Kp,Xp),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,Kp,Xp)},a=function(e){var t=e.ctx,n=e.id,r=e.x,i=e.y;t.font="bold ".concat(40,"px Georgia"),t.fillStyle="#E76F5A",t.fillText(n,r-20+8,i+20-10)};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;Kp=r,Xp=o}else Kp=600,Xp=600;return function(){var e=document.getElementById("globuleInteractionCanvas");if(e){e.width=Kp,e.height=Xp;for(var t=e.getContext("2d"),r=[],o=Math.ceil(2),s=(Kp-640-102)/2+$p,c=s,l=(Xp-2*o*$p-50*(o-1))/2+$p,u=0;u<8;u++){var d={id:(u+1).toString(),initX:c,initY:l,radius:$p,color:"transparent",isPureColor:!0,bgImg:qp,moveLossV:.02,gDirection:"toInit",gCoefficient:.002,requiredMouseInteraction:!0,maxMouseOutForce:25,maxMoveV:null,afterDrawGlobule:a};r.push(d),(u+1)%4==0?(c=s,l+=210):c+=194}var m=new(Pp())(t,e,r,{monitorMousePos:!0,beforeDrawGlobules:i});n.current=m,m.start()}}(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"globuleInteractionCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},th=n(71002),nh={container:"KillPlanetGame_container__vvfOM",startBtn:"KillPlanetGame_startBtn__FPFMD",continueBtn:"KillPlanetGame_continueBtn__5B77g",restartBtn:"KillPlanetGame_restartBtn__fkzEb",gamepause:"KillPlanetGame_gamepause__zAhE9",gameover:"KillPlanetGame_gameover__UP574",scoreBox:"KillPlanetGame_scoreBox__6Sndm",pauseBtn:"KillPlanetGame_pauseBtn__WWb15"},rh=2.5,ih=0,ah=0,oh=0,sh=0;!function(e){e[e.toPlay=0]="toPlay",e[e.playing=1]="playing",e[e.pause=2]="pause",e[e.gameover=3]="gameover"}(Tp||(Tp={})),function(e){e[e.player=0]="player",e[e.bullet=1]="bullet",e[e.planet=2]="planet",e[e.particle=3]="particle"}(Rp||(Rp={}));var ch=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useState)(Tp.toPlay),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(Tp.toPlay),f=(0,r.useState)(0),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=function(e){e.fillStyle="rgba(0, 0, 0, .2)",e.fillRect(0,0,ih,ah)},y=function(e){var t=e.ctx;x(t)},A=function(e){var t=e.globuleList.filter((function(e){var t=e.id,n=e.alpha,r=e.x,i=e.y,a=e.radius;return(t.role!==Rp.particle||0!==n)&&(t.role!==Rp.bullet||!(r<-a||i<-a||r>ih+a||i>ah+a))}));e.updateGlobuleList(t)},w=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(t)for(var i=0,a=r.length;i<a;i++){var o;if(r[i].id.role===Rp.planet)return null===(o=n.current)||void 0===o||o.stop(),d(Tp.gameover),void(m.current=Tp.gameover)}},j=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(n.current&&t)for(var i=function(t,i){var a=r[t],o=a.id,s=a.x,c=a.y,l=a.vx,u=a.vy,d=a.radius,m=a.color;if(o.role===Rp.planet){var f=!1;d-16>10?(f=!0,v(h+100)):v(h+250);var g=n.current.globuleList.filter((function(t){return t!==e&&t!==a}));if(f){var p=n.current.createGlobule({id:{role:Rp.planet},initX:s,initY:c,radius:d-16,color:m,vx:l,vy:u,receiveOutForce:!1,receiveWallForce:!1});g.unshift(p)}for(var x=0;x<8*d;x++){var y=(Math.random()-.5)*(8*Math.random()),A=(Math.random()-.5)*(8*Math.random()),w=n.current.createGlobule({id:{role:Rp.particle},initX:s,initY:c,radius:4*Math.random(),color:m,alphaChangeV:-.02,vx:y,vy:A,moveLossV:.03,receiveOutForce:!1,receiveWallForce:!1});g.unshift(w)}return n.current.updateGlobuleList(g),{v:void 0}}},a=0,o=r.length;a<o;a++){var s=i(a);if("object"===(0,th.Z)(s))return s.v}},b=function(){ih=0,ah=0,oh=0,sh=0;var e=document.getElementById("myCanvas2");if(e){if(0!==h&&v(0),rh=2.5,!t.current)return;var r=t.current,i=r.offsetWidth,a=r.offsetHeight,o=r.offsetLeft,s=r.offsetTop;ih=i,ah=a,oh=o,sh=s,e.width=ih,e.height=ah;var c=e.getContext("2d");x(c);var l=new(Pp())(c,e,[{id:{role:Rp.player},initX:ih/2,initY:ah/2,radius:20,color:"#ffffff",fixedPos:!0,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:w}],{beforeDrawGlobules:y,afterDrawGlobules:A});n.current=l}};(0,r.useEffect)((function(){return b(),function(){var e;null===(e=n.current)||void 0===e||e.stop(),i.current&&clearInterval(i.current),a.current&&clearInterval(a.current)}}),[]);return(0,s.jsxs)("div",{className:nh.container,ref:t,onMouseDown:function(e){if(u===Tp.playing&&n.current){var t=Math.atan2(e.clientY-sh-ah/2,e.clientX-oh-ih/2),r=5*Math.cos(t),i=5*Math.sin(t),a=n.current.createGlobule({id:{role:Rp.bullet},initX:ih/2,initY:ah/2,radius:5,color:"#ffffff",vx:r,vy:i,receiveWallForce:!1,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:j});n.current.globuleList.unshift(a)}},style:{backgroundColor:[Tp.toPlay].includes(u)?"#000":"transparent"},children:[(0,s.jsx)("canvas",{id:"myCanvas2",children:e.formatMessage({id:"common.browserTooLow"})}),u===Tp.toPlay&&(0,s.jsx)("button",{className:nh.startBtn,onClick:function(){d(Tp.playing),m.current=Tp.playing,n.current&&(n.current.start(),i.current&&(clearInterval(i.current),i.current=0),i.current=window.setInterval((function(){if(m.current===Tp.playing&&n.current){var e,t,r=20*Math.random()+15,i="hsl(".concat(360*Math.random(),", 50%, 50%)");Math.random()<.5?(e=Math.random()<.5?0-r:ih+r,t=Math.random()*ah+r):(e=Math.random()*ih+r,t=Math.random()<.5?0-r:ah+r);var a=Math.atan2(ah/2-t,ih/2-e),o=Math.cos(a)*rh,s=Math.sin(a)*rh,c=n.current.createGlobule({id:{role:Rp.planet},initX:e,initY:t,radius:r,color:i,vx:o,vy:s,receiveOutForce:!1,receiveWallForce:!1});n.current.globuleList.unshift(c)}}),1500),a.current&&(clearInterval(a.current),a.current=0),a.current=window.setInterval((function(){rh+=1}),2e4))},children:e.formatMessage({id:"page.canvasDynamicEffect.startGame"})}),u!==Tp.toPlay&&(0,s.jsxs)("div",{className:nh.scoreBox,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"："]}),(0,s.jsx)("span",{className:nh.score,children:h})]}),[Tp.playing,Tp.pause].includes(u)&&(0,s.jsx)("div",{className:nh.pauseBtn,onClick:function(){var e;u===Tp.playing&&(d(Tp.pause),m.current=Tp.pause,null===(e=n.current)||void 0===e||e.stop())},children:e.formatMessage({id:"page.canvasDynamicEffect.pause"})}),u===Tp.pause&&(0,s.jsxs)("div",{className:nh.gamepause,children:[(0,s.jsx)("h1",{children:e.formatMessage({id:"page.canvasDynamicEffect.gameHasPaused"})}),(0,s.jsx)("button",{className:nh.continueBtn,onClick:function(){var e;d(Tp.playing),m.current=Tp.playing,null===(e=n.current)||void 0===e||e.start()},children:e.formatMessage({id:"page.canvasDynamicEffect.continueTheGame"})})]}),u===Tp.gameover&&(0,s.jsxs)("div",{className:nh.gameover,children:[(0,s.jsxs)("h1",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"：",(0,s.jsx)("span",{className:nh.finallyScore,children:h})]}),(0,s.jsx)("button",{className:nh.restartBtn,onClick:function(){d(Tp.toPlay),m.current=Tp.toPlay,b()},children:e.formatMessage({id:"page.canvasDynamicEffect.restart"})})]})]})},lh=n.p+"images/c00b0a45.png",uh=n.p+"images/70820c21.png",dh=n.p+"images/99bcc282.png",mh=n.p+"images/f82dcd2c.png",fh=0,gh=0,ph=[{radius:14,gDirection:"toBottom",gCoefficient:.2,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:mh},{radius:26,gDirection:"toBottom",gCoefficient:.3,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:dh},{radius:60,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:lh},{radius:54,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:uh}],hh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,fh,gh),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,fh,gh)},a=function(e,t){var n=t.mouseDownPos,r=t.globuleList;if(!(t.mouseInGlobuleList.length>0)){var i=Math.floor(Math.random()*ph.length),a=Object.assign({},ph[i],{initX:n.mouseX,initY:n.mouseY}),o=t.createGlobule(a),s=[].concat((0,tl.Z)(r),[o]);t.updateGlobuleList(s)}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;fh=r,gh=o}else fh=600,gh=600;return function(){var e=document.getElementById("myCanvas");if(e){e.width=fh,e.height=gh;var t=e.getContext("2d"),r=new(Pp())(t,e,[],{monitorMousePos:!0,beforeDrawGlobules:i,onMouseDownCanvas:a});n.current=r,r.start()}}(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},vh=[[[0,0,1,1,1,0,0],[0,1,1,0,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,0,1,1,0],[0,0,1,1,1,0,0]],[[0,0,0,1,1,0,0],[0,1,1,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[1,1,1,1,1,1,1]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,0,0,1,1],[1,1,1,1,1,1,1]],[[1,1,1,1,1,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,1,0,0],[0,0,0,0,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,0,1,1,1,0],[0,0,1,1,1,1,0],[0,1,1,0,1,1,0],[1,1,0,0,1,1,0],[1,1,1,1,1,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,1,1]],[[1,1,1,1,1,1,1],[1,1,0,0,0,0,0],[1,1,0,0,0,0,0],[1,1,1,1,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[1,1,1,1,1,1,1],[1,1,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,1,1,0,0,0,0]],[[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0]]],xh=0,yh=0,Ah=8,wh=60,jh=30,bh=0,_h=0,Dh=0,Mh=0,kh=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"],Nh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=new Date;i.setTime(i.getTime()+36e5);var a=(0,r.useRef)(i),o=function(){var e,t=new Date,n=Math.round(((null===(e=a.current)||void 0===e?void 0:e.getTime())-t.getTime())/1e3);return n>=0?n:0},c=function(e,t,n){for(var r=[],i=0,a=vh[n].length;i<a;i++)for(var o=0,s=vh[n][i].length;o<s;o++){var c={initX:e+2*o*(Ah+1)+(Ah+1),initY:t+2*i*(Ah+1)+(Ah+1),radius:Ah,color:"rgb(0,102,153)",isPureColor:!0,alpha:vh[n][i][o],fixedPos:!0,receiveOutForce:!1};r.push(c)}return r},l=function(e,t){if(n.current)for(var r=n.current.globuleList,i=e,a=0,o=vh[t].length;a<o;a++)for(var s=0,c=vh[t][a].length;s<c;s++)r[i].alpha=vh[t][a][s],i++},u=function(e,t,r){if(n.current)for(var i=n.current.globuleList,a=0,o=vh[r].length;a<o;a++)for(var s=0,c=vh[r][a].length;s<c;s++)if(1===vh[r][a][s]){var l={id:{hadCollisionWall:!1,vx:0},initX:e+2*s*(Ah+1)+(Ah+1),initY:t+2*a*(Ah+1)+(Ah+1),vx:0,vy:-2,radius:Ah,color:kh[Math.floor(Math.random()*kh.length)],receiveOutForce:!1,resistanceWallDirection:["bottom","top"],gDirection:"toBottom",gCoefficient:.3+.02*Math.random(),collisionLossV:5,moveLossV:.08},u=n.current.createGlobule(l);i.push(u)}},d=function(e){var t=e.ctx;t.clearRect(0,0,xh,yh),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,xh,yh),function(){var e=o(),t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),r=e%60,i=Math.floor(bh/3600),a=Math.floor((bh-3600*i)/60),s=bh%60;if(r!=s){var c=0,d=Math.floor(t/10);Math.floor(i/10)!=Math.floor(t/10)&&(l(c,d),u(jh,wh,d)),c+=_h;var m=Math.floor(t%10);Math.floor(i%10)!=m&&(l(c,m),u(jh+15*(Ah+1),wh,m)),c+=_h+Dh;var f=Math.floor(n/10);Math.floor(a/10)!=f&&(l(c,f),u(jh+39*(Ah+1),wh,f)),c+=_h;var g=Math.floor(n%10);Math.floor(a%10)!=g&&(l(c,g),u(jh+54*(Ah+1),wh,g)),c+=_h+Dh;var p=Math.floor(r/10);Math.floor(s/10)!=p&&(l(c,p),u(jh+78*(Ah+1),wh,p)),c+=_h;var h=Math.floor(r%10);Math.floor(s%10)!=h&&(l(c,h),u(jh+93*(Ah+1),wh,h)),bh=e}}()},m=function(e){var t=e.globuleList.filter((function(e,t){var n=e.id,r=e.x,i=e.radius,a=e.inCollisionWall;if(t>=Mh){if(!a||null!=n&&n.hadCollisionWall)null!=n&&n.vx&&(e.vx=n.vx);else{var o=1.5*Math.pow(-1,Math.ceil(10*Math.random()));e.vx=o,e.id={hadCollisionWall:!0,vx:o}}if(r<=-i||r>=xh+i)return!1}return!0}));e.updateGlobuleList(t)},f=function(){var e=document.getElementById("myCanvas");if(e){e.width=xh,e.height=yh;var t=e.getContext("2d");bh=o();var r=function(){var e=[],t=Math.floor(bh/3600),n=Math.floor((bh-3600*t)/60),r=bh%60,i=c(jh,wh,Math.floor(t/10));e=e.concat(i),_h=i.length;var a=c(jh+15*(Ah+1),wh,Math.floor(t%10));e=e.concat(a);var o=c(jh+30*(Ah+1),wh,10);e=e.concat(o),Dh=o.length;var s=c(jh+39*(Ah+1),wh,Math.floor(n/10));e=e.concat(s);var l=c(jh+54*(Ah+1),wh,Math.floor(n%10));e=e.concat(l);var u=c(jh+69*(Ah+1),wh,10);e=e.concat(u);var d=c(jh+78*(Ah+1),wh,Math.floor(r/10));e=e.concat(d);var m=c(jh+93*(Ah+1),wh,Math.floor(r%10));return e=e.concat(m),Mh=e.length,e}(),i=new(Pp())(t,e,r,{beforeDrawGlobules:d,afterDrawGlobules:m});n.current=i,i.start()}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;xh=r,yh=i}else xh=600,yh=600;return jh=Math.round(xh/5),Ah=Math.round(3*xh/5/108)-1,wh=Math.round(yh/8),f(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},Eh=(n(87388),{particles:{number:{value:160,density:{enable:!0,value_area:800}},color:{value:"#00aeff"},shape:{type:"circle",stroke:{width:0,color:"#362cff"},polygon:{nb_sides:5},image:{src:"img/github.svg",width:100,height:100}},opacity:{value:1,random:!0,anim:{enable:!0,speed:1,opacity_min:0,sync:!0}},size:{value:3,random:!0,anim:{enable:!1,speed:4,size_min:.3,sync:!1}},line_linked:{enable:!1,distance:150,color:"#ffffff",opacity:.4,width:1},move:{enable:!0,speed:1,direction:"none",random:!0,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:600,rotateY:600}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"bubble"},onclick:{enable:!1,mode:"repulse"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:.8}},bubble:{distance:250,size:4,duration:2,opacity:1,speed:3},repulse:{distance:400,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!0}),Ch=function(e){return(0,r.useEffect)((function(){particlesJS("particles-js",Eh)}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"#000000"},id:"particles-js",children:e.children})},Sh=n.p+"images/a6f77ec2.png",Ph=function(){function e(t){(0,Xf.Z)(this,e),this.init(t)}return(0,$f.Z)(e,[{key:"init",value:function(e){this.boxRef=e.boxRef,this.canvas=e.canvas,this.ctx=this.canvas.getContext("2d",{willReadFrequently:!0}),this.width=this.canvas.width,this.height=this.canvas.height,this.max_amplitude=1024,this.amplitude=e.amplitude||512,this.background=e.background,this.load=!1,this.img_data=null,this.new_img_data=null,this.animation_idx=null,this.mousemove_interval=e.mousemove_interval||50,this.animation_interval=e.animation_interval||20,this.ripple_radius=e.ripple_radius||3,this.bridge=new Image,this.bridge.src=Sh,e.resize&&this.setResize()}},{key:"drawBackground",value:function(){var e=this;this.background.complete&&(this.ctx.drawImage(this.background,0,0,this.width,this.height),this.img_data=this.ctx.getImageData(0,0,this.width,this.height),this.new_img_data=this.ctx.getImageData(0,0,this.width,this.height),this.buffer_1=new Array(this.width).fill(0).map((function(){return new Array(e.height).fill(0)})),this.buffer_2=new Array(this.width).fill(0).map((function(){return new Array(e.height).fill(0)})),this.load=!0)}},{key:"render",value:function(){if(this.load){for(var e=this.width,t=this.height,n=e>>1,r=t>>1,i=this.new_img_data.data.length,a=0;a<i;a+=4){var o=a>>2,s=o%e,c=(o-s)/e,l=Math.max(s-1,0),u=Math.min(s+1,e-1),d=Math.min(c+1,t-1),m=Math.max(c-1,0),f=this.buffer_1[s][d]+this.buffer_1[s][m]+this.buffer_1[u][c]+this.buffer_1[l][c];f>>=1,f-=this.buffer_2[s][c],f-=f>>5,this.buffer_2[s][c]=f;var g=(this.max_amplitude-f)/this.max_amplitude;if(0!==f){var p=((s-n)*g<<0)+n,h=((c-r)*g<<0)+r;p=Math.min(p,e-1),p=Math.max(p,0),h=Math.max(h,0);var v=(h=Math.min(h,t-1))*e+p<<2,x=this.img_data.data[v],y=this.img_data.data[v+1],A=this.img_data.data[v+2];this.new_img_data.data[a]=x,this.new_img_data.data[a+1]=y,this.new_img_data.data[a+2]=A}}this.ctx.putImageData(this.new_img_data,0,0),this.ctx.drawImage(this.bridge,0,.35*this.height,this.width,.65*this.height);var w=this.buffer_2;this.buffer_2=this.buffer_1,this.buffer_1=w}else this.drawBackground()}},{key:"animate",value:function(){var e=this,t=(new Date).getTime();!function n(){var r=(new Date).getTime();r-t>e.animation_interval&&(e.render(),t=r),e.animation_idx=requestAnimationFrame(n)}()}},{key:"throttle",value:function(e,t){var n=(new Date).getTime();return function(){var r=(new Date).getTime();r-n>=t&&(n=r,e.apply(this,arguments))}}},{key:"ripple",value:function(e,t){if(this.load)for(var n=Math.max(e-this.ripple_radius,0),r=Math.min(e+this.ripple_radius,this.buffer_1.length-1),i=Math.max(t-this.ripple_radius,0),a=Math.min(t+this.ripple_radius,this.buffer_1[0].length-1),o=n;o<r;o++)for(var s=i;s<a;s++)this.buffer_1[o][s]=this.amplitude}},{key:"addMousemove",value:function(){var e=this;this.canvas.addEventListener("mousemove",this.throttle((function(t){var n=e.canvas.getBoundingClientRect(),r=n.top,i=n.left;e.ripple(Math.floor(t.clientX-i),Math.floor(t.clientY-r))}),this.mousemove_interval))}},{key:"setResize",value:function(){var e=this;window.addEventListener("resize",(function(){var t=e.boxRef.current,n=t.offsetWidth,r=t.offsetHeight;e.canvas.width=n,e.canvas.height=r,e.width=e.canvas.width,e.height=e.canvas.height,e.load=!1}))}},{key:"stop",value:function(){cancelAnimationFrame(this.animation_idx)}},{key:"resume",value:function(){this.animate()}}]),e}(),Bh=Ph,Ih=n.p+"images/cf5db1b1.png",Th=600,Rh=600,Fh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null);return(0,r.useEffect)((function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;Th=r,Rh=o,n.current.width=Th,n.current.height=Rh;var s=new Image;s.src=Ih;var c=new Bh({canvas:n.current,background:s,boxRef:t});i.current=c,c.animate(),a.current=window.setInterval((function(){var e=Math.floor(Th*Math.random()),t=Math.floor(Rh*Math.random());c.ripple(e,t)}),1e3),c.addMousemove()}return function(){var e;a.current&&clearInterval(a.current),null===(e=i.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Oh=600,Gh=600,Zh=0,Qh={x:0,y:0},Lh=function(){function e(){(0,Xf.Z)(this,e),this.x=0,this.y=0,this.angle=0;var t=Math.random();this.dAngle=Math.random()>.5?t:-t,this.radius=20*Math.random()+5,this.color="hsl(".concat(Math.floor(360*Math.random()),", 70%, 60%)"),this.stop=!1}return(0,$f.Z)(e,[{key:"reset",value:function(e,t,n){this.x=e,this.y=t,this.angle=n}},{key:"draw",value:function(e){this.stop||(this.x+=Math.cos(this.angle)*this.radius,this.y+=Math.sin(this.angle)*this.radius,e.beginPath(),e.fillStyle=this.color,e.arc(this.x,this.y,.5*this.radius,0,2*Math.PI),e.fill(),e.stroke(),this.angle+=this.dAngle,this.radius-=.4,this.radius<=0&&(this.stop=!0))}}]),e}(),zh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(0),o=(0,r.useRef)(Qh),c=(0,r.useRef)([]),l=function e(){if(i.current){for(var t=0,n=c.current.length;t<n;t++){c.current[t].draw(i.current)}a.current=window.requestAnimationFrame(e)}},u=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;Oh=r,Gh=i,n.current.width=Oh,n.current.height=Gh}},d=(0,r.useCallback)((function(e){if(n.current){var r=o.current.x,a=o.current.y,s=n.current.getBoundingClientRect(),l=s.top,u=s.left,d=e.clientX-u,m=e.clientY-l;o.current.x=d,o.current.y=m;var f=new Lh,g=Math.atan2(m-a,d-r);if(f.reset(d,m,g),c.current.push(f),c.current.length>200&&c.current.shift(),Zh+=1,t.current&&Zh>140)"rgb(11, 11, 11)"===(t.current.style||{}).backgroundColor&&(t.current.style.backgroundColor="transparent");i.current&&Zh%3==0&&(i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,Oh,Gh))}}),[]);return(0,r.useEffect)((function(){return function(){if(Zh=0,t.current&&n.current){t.current.style.backgroundColor="rgb(11, 11, 11)",u();var e=n.current.getContext("2d");i.current=e,i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,Oh,Gh)}}(),n.current&&n.current.addEventListener("mousemove",d),l(),function(){a.current&&cancelAnimationFrame(a.current),n.current&&n.current.removeEventListener("mousemove",d)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",u),function(){window.removeEventListener("resize",u)}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Hh=600,Vh=600,Uh="abcdefghijklmnopqrstuvwxyz",Wh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(0),o=(0,r.useRef)({}),c=(0,r.useRef)({}),l=(0,r.useRef)({}),u=(0,r.useRef)({}),d=function e(){if(i.current){i.current.clearRect(0,0,Hh,Vh);for(var t=0;t<Hh;t+=26){i.current.beginPath();var n=i.current.createLinearGradient(0,0,0,Vh),r=.2*Math.random(),s=.8*Math.random()+.2,d=.02*Math.random(),m=o.current,f=c.current,g=l.current,p=u.current;f[t]=f[t]||-r,g[t]=g[t]||0,m[t]=m[t]||-s,n.addColorStop(0,"#000000"),n.addColorStop(m[t]<0?0:m[t],"#000000"),n.addColorStop(f[t]<0?0:f[t],"#0ee30e"),n.addColorStop(g[t],"#000000"),n.addColorStop(1,"#000000"),i.current.fillStyle=n;for(var h=0;h<Vh;h+=26)p[t+"-"+h]=p[t+"-"+h]||Uh[Math.floor(Math.random()*Uh.length)],i.current.fillText(p[t+"-"+h],t,h);f[t]+=d,g[t]+=d,m[t]+=d,m[t]>1&&(m[t]=-s),f[t]>1&&(m[t]===-s?f[t]=-r:f[t]=1),g[t]>1&&(f[t]===-r&&m[t]===-s?g[t]=d:g[t]=1)}a.current=window.requestAnimationFrame(e)}},m=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;Hh=r,Vh=i,n.current.width=Hh,n.current.height=Vh}};return(0,r.useEffect)((function(){return function(){if(t.current&&n.current){m();var e=n.current.getContext("2d");e.font="14px SourceHanSansCN-Regular",i.current=e}}(),d(),function(){a.current&&cancelAnimationFrame(a.current)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",m),function(){window.removeEventListener("resize",m)}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",backgroundColor:"#000"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Yh="WordDance_container__SiRI2",Jh="WordDance_tip__Sm3-V",qh=324,Kh=570,Xh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(0),c=function e(){if(t.current&&a.current){a.current.drawImage(t.current,0,0,qh,Kh);var n=a.current.getImageData(0,0,qh,Kh);a.current.clearRect(0,0,qh,Kh);for(var r=n.data,i=n.width,s=n.height,c=0;c<s;c++)for(var l=0;l<i;l++){var u=4*(c*i+l);if(l%6==0&&c%6==0){var d=(r[u]+r[u+1]+r[u+2])/3;a.current.fillStyle="rgb(".concat(d,", ").concat(d,", ").concat(d,")"),a.current.font="10px Arial",a.current.fillText("8",l,c)}}o.current=window.requestAnimationFrame(e)}};return(0,r.useEffect)((function(){return function(){if(n.current&&t.current&&i.current){i.current.width=qh,i.current.height=Kh;var e=i.current.getContext("2d",{willReadFrequently:!0});a.current=e,t.current.crossOrigin="anonymous"}}(),c(),function(){o.current&&cancelAnimationFrame(o.current)}}),[]),(0,s.jsxs)("div",{className:Yh,ref:n,children:[(0,s.jsx)("video",{muted:!1,autoPlay:!0,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t,children:(0,s.jsx)("source",{src:"public/dance.mp4"})}),(0,s.jsx)("canvas",{ref:i,children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Jh,children:e.formatMessage({id:"page.canvasDynamicEffect.videoIsSlowToLoad"})})]})},$h="Scratch_container__4Y8FX",ev="Scratch_bottomText__kdpMZ",tv=function(){var e=(0,p.Z)(),t=d(),n=t.headHeight,i=t.menuWidth,a=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(!1);return(0,r.useEffect)((function(){if(a.current&&o.current){var e=a.current,t=e.clientWidth,n=e.clientHeight;o.current.width=t,o.current.height=n,c.current=o.current.getContext("2d"),c.current&&(c.current.fillStyle="darkgray",c.current.fillRect(0,0,t,n))}}),[i]),(0,s.jsxs)("div",{className:$h,ref:a,children:[(0,s.jsx)("div",{className:ev,children:"Visualization Collection"}),(0,s.jsx)("canvas",{onMouseDown:function(e){u.current=!0;var t=e.pageX-i,r=e.pageY-n;l.current={x:t,y:r}},onMouseMove:function(e){if(u.current&&c.current&&l.current){var t=e.pageX-i,r=e.pageY-n;c.current.beginPath(),c.current.globalCompositeOperation="destination-out",c.current.lineCap="round",c.current.moveTo(l.current.x,l.current.y),c.current.lineTo(t,r),c.current.lineWidth=60,c.current.stroke(),c.current.closePath(),l.current={x:t,y:r}}},onMouseUp:function(){u.current=!1,l.current=null},ref:o,children:e.formatMessage({id:"common.browserTooLow"})})]})},nv="MatchLine_container__qMLJ5",rv="MatchLine_content__Whs0H",iv="MatchLine_tools__LT5fu",av="MatchLine_btn__r-aM+",ov="MatchLine_bottom__pQ5Pk",sv="MatchLine_box__2wo49",cv="MatchLine_options__yZR5i",lv="MatchLine_option__YXDOq",uv="MatchLine_active__wPYWy",dv={fruit:"🍌",animal:"🐒",car:"🚗",vegetable:"🥕"},mv=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),d=(0,r.useRef)(null),m=(0,r.useRef)({x:0,y:0}),f=(0,r.useRef)({x:0,y:0}),g=(0,r.useRef)(!1),h=(0,r.useRef)([]),v=(0,r.useRef)({}),x=(0,r.useRef)(Object.values(dv).sort((function(){return Math.random()-.5}))),y=(0,r.useRef)(!1),A=function(e){i.current&&o.current&&(o.current.clearRect(0,0,i.current.width,i.current.height),e.forEach((function(e){var t=e.point,n=t.x1,r=t.y1,i=t.x2,a=t.y2,s=e.isOk;o.current&&(o.current.strokeStyle="boolean"==typeof s?s?"#3CB371":"#DC143C":"#6495ED",o.current.beginPath(),o.current.moveTo(n,r),o.current.lineTo(i,a),o.current.closePath(),o.current.stroke())})))},w=(0,r.useCallback)((function(t){t.stopPropagation(),t.preventDefault(),y.current?sl.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"})):(t.target.classList.add(uv),u.current=t.target,u.current.dataset.checked="1",d.current=null,m.current.x=Number(t.target.dataset.anchorX),m.current.y=Number(t.target.dataset.anchorY),g.current=!0)}),[]),j=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current&&n.current&&a.current){var t=e.clientX,r=e.clientY,i=n.current.getBoundingClientRect(),o=i.left,s=i.top;f.current={x:t-o,y:r-s},a.current.clearRect(0,0,n.current.width,n.current.height),a.current.beginPath(),a.current.moveTo(m.current.x,m.current.y),a.current.lineTo(f.current.x,f.current.y),a.current.closePath(),a.current.stroke();var c=document.elementFromPoint(t,r);if(c){if(u.current){var l=u.current.dataset.ownership;if(c===d.current)return;var p=c.dataset.ownership,h=c.dataset.ownership!==l,v="1"!==c.dataset.checked;p&&h&&v?(d.current=c,d.current.classList.add(uv),d.current.dataset.checked="1"):d.current&&(d.current.classList.remove(uv),d.current.dataset.checked="0",d.current=null)}}else d.current&&(d.current.classList.remove(uv),d.current.dataset.checked="0",d.current=null)}}),[]),b=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current){if(u.current&&d.current&&"1"===u.current.dataset.checked&&"1"===d.current.dataset.checked){var t=u.current.dataset,r=t.anchorX,i=t.anchorY,o=t.ownership,s=t.value,c=d.current.dataset,l=c.anchorX,m=c.anchorY,f=c.value,p=Object.keys(v.current),x=Object.values(v.current);if(s&&(p.includes(s)||x.includes(s))){for(var y="",w="",j=0;j<p.length;j++){var b=p[j],_=x[j];if([b,_].includes(s)){y=b,w=b===s?_:b;break}}var D="[data-value=".concat(w,"]"),M=document.querySelector(D);if(M){M.dataset.checked="0",M.classList.remove(uv),delete v.current[y];var k=h.current.findIndex((function(e){return e.key===y}));k>=0&&h.current.splice(k,1)}}var N="L"===o?s:f,E="L"===o?f:s;v.current[N]=E,h.current.push({key:N,point:{x1:r,y1:i,x2:l,y2:m}}),A(h.current)}else if(u.current){var C=function(e){var t=!1;if(e){var n=Object.keys(v.current),r=Object.values(v.current);(n.includes(e)||r.includes(e))&&(t=!0)}return t}(u.current.dataset.value);C||(u.current.dataset.checked="0",u.current.classList.remove(uv))}g.current=!1,u.current=null,d.current=null,n.current&&a.current&&a.current.clearRect(0,0,n.current.width,n.current.height)}}),[]),_=function(e){e&&Array.prototype.forEach.call(e.children,(function(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height,i="L"===e.dataset.ownership?e.offsetLeft+n:e.offsetLeft,a=e.offsetTop+r/2;e.dataset.anchorX=i,e.dataset.anchorY=a,e.dataset.checked="0",e.onmousedown=w}))};(0,r.useEffect)((function(){return function(){if(t.current&&n.current&&i.current){var e=t.current,r=e.clientWidth,s=e.clientHeight;n.current.width=i.current.width=r,n.current.height=i.current.height=s,a.current=n.current.getContext("2d"),o.current=i.current.getContext("2d"),a.current.strokeStyle=o.current.strokeStyle="#6495ED",a.current.lineWidth=o.current.lineWidth=2,_(c.current),_(l.current)}}(),document.addEventListener("mousemove",j),document.addEventListener("mouseup",b),function(){document.removeEventListener("mousemove",j),document.removeEventListener("mousemove",b)}}),[]);return(0,s.jsxs)("div",{className:nv,children:[(0,s.jsx)(Ur,{intlTitle:"page.canvasDynamicEffect.matchLineQuestion"}),(0,s.jsxs)("div",{className:rv,children:[(0,s.jsxs)("div",{className:iv,children:[(0,s.jsx)("div",{className:av,onClick:function(){c.current&&Array.prototype.forEach.call(c.current.children,(function(e){e.dataset.checked="0",e.classList.remove(uv)})),l.current&&Array.prototype.forEach.call(l.current.children,(function(e){e.dataset.checked="0",e.classList.remove(uv)})),h.current=[],v.current={},A(h.current),y.current=!1},children:e.formatMessage({id:"common.reset"})}),(0,s.jsx)("div",{className:av,onClick:function(){if(y.current)sl.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"}));else{var t=h.current.pop();if(t){var n=t.key,r='[data-value="'.concat(n,'"]'),i='[data-value="'.concat(v.current[n],'"]');delete v.current[n];var a=document.querySelector(r),o=document.querySelector(i);a&&o&&(a.dataset.checked=o.dataset.checked="0",a.classList.remove(uv),o.classList.remove(uv),A(h.current))}}},children:e.formatMessage({id:"common.backout"})}),(0,s.jsx)("div",{className:av,onClick:function(){if(!y.current){var t=Object.keys(v.current);if(0!==t.length){var n=[];t.forEach((function(e){var t=v.current[e],r='[data-value="'.concat(e,'"]'),i="[data-value=".concat(t,"]"),a=document.querySelector(r),o=document.querySelector(i);if(a&&o){var s=a.dataset,c=s.anchorX,l=s.anchorY,u=o.dataset,d=u.anchorX,m=u.anchorY,f=dv[e];n.push({isOk:t===f,point:{x1:c?Number(c):0,y1:l?Number(l):0,x2:d?Number(d):0,y2:m?Number(m):0}})}})),A(n),y.current=!0}else sl.ZP.error(e.formatMessage({id:"page.canvasDynamicEffect.noVerifiableAnswer"}))}},children:e.formatMessage({id:"common.checkout"})})]}),(0,s.jsx)("div",{className:ov,children:(0,s.jsxs)("div",{className:sv,ref:t,children:[(0,s.jsx)("div",{className:cv,ref:c,children:Object.keys(dv).map((function(t){return(0,s.jsx)("div",{className:lv,"data-value":t,"data-ownership":"L",children:e.formatMessage({id:"page.canvasDynamicEffect.".concat(t)})})}))}),(0,s.jsx)("div",{className:cv,ref:l,children:x.current.map((function(e){return(0,s.jsx)("div",{className:lv,"data-value":e,"data-ownership":"R",children:e})}))}),(0,s.jsx)("canvas",{ref:n}),(0,s.jsx)("canvas",{ref:i})]})})]})]})},fv=n(99477),gv=n(66358),pv=function(e,t,n,i){var a=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),c=(0,r.useRef)(0),l=function e(){a.current&&o.current&&s.current&&(i&&i(a.current,o.current,s.current),s.current.render(a.current,o.current),c.current=window.requestAnimationFrame(e))},u=function(){if(e.current){var n=e.current,r=n.clientWidth,i=n.clientHeight,c=new fv.xsS;a.current=c;var u=new fv.cPb(75,r/i,.1,1e3);u.position.set(0,0,10),o.current=u;var d=new fv.CP7({antialias:!0});s.current=d,d.setSize(r,i),d.setPixelRatio(window.devicePixelRatio),d.shadowMap.enabled=!0,e.current.append(d.domElement),l(),t&&t(c,u,d)}},d=function(){if(e.current&&a.current&&o.current&&s.current){var t=e.current,r=t.clientWidth,i=t.clientHeight;o.current.aspect=r/i,o.current.updateProjectionMatrix(),s.current.setSize(r,i),s.current.setPixelRatio(window.devicePixelRatio),n&&n(a.current,o.current,s.current)}};return(0,r.useEffect)((function(){return u(),window.addEventListener("resize",d),function(){c.current&&window.cancelAnimationFrame(c.current),window.removeEventListener("resize",d)}}),[]),{scene:a.current,camera:o.current,renderer:s.current,resize:d}},hv=n(3867),vv=new(n(82854)._);vv.setDecoderPath("./public/draco/gltf/"),vv.setDecoderConfig({type:"js"});var xv=function(e){return new Promise((function(t,n){var r=new hv.E;r.setCrossOrigin("anonymous"),r.setDRACOLoader(vv),r.load(e,(function(e){t(e)}),void 0,(function(e){n(e)}))}))},yv=function(e,t,n){var r=t*Math.PI/180,i=n*Math.PI/180;r=-r;var a=e*Math.cos(i)*Math.cos(r),o=e*Math.sin(i),s=e*Math.cos(i)*Math.sin(r);return new fv.Pa4(a,o,s)},Av=function e(t,n){if(t&&n){n.remove(t);var r=t.children;if(!r)return;r.forEach((function(n){var r=n.geometry,i=n.material,a=n.children;null==r||r.dispose(),Array.isArray(i)?i.forEach((function(e){return null==e?void 0:e.dispose()})):null==i||i.dispose(),a.length&&a.forEach((function(n){return e(n,t)}))}))}},wv=n.p+"images/a2edaf85.jpg",jv=n.p+"images/573c0a93.jpg",bv="AppPageFrame_container__HINEU",_v="AppPageFrame_content__jCifX",Dv="AppPageFrame_page__DEPnj",Mv=[0,-1.5,0],kv=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(0),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useRef)([]),m=(0,r.useRef)(0),f=(0,r.useRef)(gv.p8.timeline()),g=(0,r.useRef)(null),p=pv(t,(function(e){if(t.current){var n=t.current.clientHeight;l(n);var r=new fv.Ox3(16777215,1);r.position.set(0,0,1),e.add(r);var i=new fv.Ox3(16777215,.5);i.position.set(0,0,-1),e.add(i);var a=new fv.Ox3(16777215,.5);a.position.set(-1,1,1),e.add(a),xv("./public/model/spaceStation.glb").then((function(t){t.scene.scale.set(.15,.15,.15),t.scene.position.set(5,0,0),e.add(t.scene),u.current.push(t)})),xv("./public/model/spaceStation2.glb").then((function(t){t.scene.scale.set(1,1,1),t.scene.position.set(5,-20,0),t.scene.rotation.set(0,Mv[1],0),e.add(t.scene),u.current.push(t)})),xv("./public/model/spaceStation3.glb").then((function(t){t.scene.scale.set(.18,.18,.18),t.scene.position.set(5,-40,0),e.add(t.scene),u.current.push(t)}));for(var o=0;o<10;o++){for(var s=new fv.xo$(1.5,10,10),c=(new fv.dpR).load(wv),d=(new fv.dpR).load(jv),m=new fv.Wid({map:c,displacementMap:d,displacementScale:.5}),f=new fv.SPe(s,m,100),g=0;g<1e3;g++){var p=1e3*Math.random()-500,h=1e3*Math.random()-500,v=1e3*Math.random()-500,x=new fv.yGw;x.makeTranslation(p,h,v),f.setMatrixAt(g,x);var y=20*Math.random()-8;x.makeScale(y,y,y)}gv.p8.to(f.position,{duration:10*Math.random()+5,ease:"linear",z:-1e3,repeat:-1}),e.add(f)}}}),(function(){if(t.current){var e=t.current.clientHeight;l(e),n.current&&(n.current.style.top="-".concat(m.current*e,"px"))}})),h=p.camera,v=p.resize,x=(0,ae.Z)((function(e){if(h){if(f.current&&f.current.isActive())return;if(e.wheelDelta<0&&m.current<u.current.length-1)m.current=m.current+1,f.current.to(h.position,{duration:.8,y:-20*m.current});else{if(!(e.wheelDelta>0&&m.current>0))return;m.current=m.current-1,f.current.to(h.position,{duration:.8,y:-20*m.current})}}if(t.current&&n.current){var r=t.current.clientHeight;g.current=gv.p8.to(n.current,{duration:.8,top:"-".concat(m.current*r,"px"),onComplete:function(){var e;null===(e=g.current)||void 0===e||e.kill(),g.current=null}})}}),{wait:100});return(0,r.useLayoutEffect)((function(){v()}),[e]),(0,r.useEffect)((function(){return window.addEventListener("mousewheel",x.run),function(){window.removeEventListener("mousewheel",x.run)}}),[]),(0,s.jsx)("div",{className:bv,onMouseMove:function(e){if(t.current){var n=t.current,r=n.clientWidth,i=n.clientHeight,a=e.clientX/r*2-1,o=e.clientY/i*2-1,s=gv.p8.timeline(),c=u.current[m.current];c&&s.to(c.scene.rotation,{duration:.8,x:.5*o,y:.5*a+Mv[m.current]})}},ref:t,children:(0,s.jsxs)("div",{className:_v,ref:n,children:[(0,s.jsx)("div",{className:Dv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page One"})}),(0,s.jsx)("div",{className:Dv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Two"})}),(0,s.jsx)("div",{className:Dv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Three"})})]})})},Nv=n(69365),Ev="CarShow_container__fkyim",Cv="CarShow_content__-vQNL",Sv="CarShow_title__h5POl",Pv="CarShow_itemBox__aPzWS",Bv="CarShow_selectBox__p0bsP",Iv="CarShow_btn__vlWko",Tv="CarShow_textBtn__XA+9q",Rv=["red","blue","green","gray","orange","purple"],Fv=new fv.EJi({color:16711680,metalness:1,roughness:.1}),Ov=new fv.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Gv=new fv.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Zv=new fv.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Qv=new fv.EJi({color:16777215,metalness:0,roughness:0,transparent:!0,transmission:1}),Lv=function(){var e=(0,p.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)({carWheels:[]}),o=[{name:e.formatMessage({id:"page.threeJs3D.abrazine"}),key:"abrazine",clearcoatRoughness:3,roughness:1},{name:e.formatMessage({id:"page.threeJs3D.cryolite"}),key:"cryolite",clearcoatRoughness:.2,roughness:.5}],c=[{name:e.formatMessage({id:"page.threeJs3D.ordinary"}),key:"ordinary",transmission:.9},{name:e.formatMessage({id:"page.threeJs3D.transparent"}),key:"transparent",transmission:1}],l=pv(n,(function(e,t,r){if(n.current){e.background=new fv.Ilk("#ddd"),t.position.set(0,2,4),r.setClearColor("#000");var o=new Nv.z(t,r.domElement);i.current=o,o.autoRotate=!0;var s=new fv.VLJ(15,15);s.material.opacity=.2,s.material.transparent=!0,e.add(s),xv("./public/model/bmw.glb").then((function(t){var n=t.scene;n.traverse((function(e){e.isMesh&&(e.name.includes("前脸")&&(e.material=Ov,a.current.carFront=e),"Mesh002"===e.name&&(e.material=Gv,a.current.carBody=e),e.name.includes("引擎盖_1")&&(e.material=Zv,a.current.carHood=e),e.name.includes("挡风玻璃")&&(e.material=Qv,a.current.carGlass=e),e.name.includes("轮毂")&&(e.material=Fv,a.current.carWheels.push(e)))})),e.add(n)}));var c=new fv.Ox3(16777215,1);c.position.set(0,0,10),e.add(c);var l=new fv.Ox3(16777215,1);l.position.set(0,0,-10),e.add(l);var u=new fv.Ox3(16777215,1);u.position.set(10,0,0),e.add(u);var d=new fv.Ox3(16777215,1);d.position.set(-10,0,0),e.add(d);var m=new fv.Ox3(16777215,1);m.position.set(0,10,0),e.add(m);var f=new fv.Ox3(16777215,.3);f.position.set(5,10,0),e.add(f);var g=new fv.Ox3(16777215,.3);g.position.set(0,10,5),e.add(g);var p=new fv.Ox3(16777215,.3);g.position.set(0,10,-5),e.add(p);var h=new fv.Ox3(16777215,.3);h.position.set(-5,10,0),e.add(h)}}),null,(function(){var e;i.current&&(null===(e=i.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){l()}),[t]),(0,s.jsx)("div",{className:Ev,ref:n,children:(0,s.jsxs)("div",{className:Cv,children:[(0,s.jsx)("div",{className:Sv,children:e.formatMessage({id:"page.threeJs3D.carDisplayAndMatching"})}),(0,s.jsxs)("div",{className:Pv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.bodyColor"})}),(0,s.jsx)("div",{className:Bv,children:Rv.map((function(e){return(0,s.jsx)("div",{className:Iv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Gv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:Pv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.anteriorFaceColor"})}),(0,s.jsx)("div",{className:Bv,children:Rv.map((function(e){return(0,s.jsx)("div",{className:Iv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Ov.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:Pv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hoodColor"})}),(0,s.jsx)("div",{className:Bv,children:Rv.map((function(e){return(0,s.jsx)("div",{className:Iv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Zv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:Pv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hubColor"})}),(0,s.jsx)("div",{className:Bv,children:Rv.map((function(e){return(0,s.jsx)("div",{className:Iv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Fv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:Pv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.filmMaterial"})}),(0,s.jsx)("div",{className:Bv,children:o.map((function(e){return(0,s.jsx)("div",{className:Tv,onClick:function(){return t=e.clearcoatRoughness,n=e.roughness,Ov.clearcoatRoughness=t,Ov.roughness=n,Gv.clearcoatRoughness=t,Gv.roughness=n,Zv.clearcoatRoughness=t,void(Zv.roughness=n);var t,n},children:e.name},e.key)}))})]}),(0,s.jsxs)("div",{className:Pv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.windshieldMaterial"})}),(0,s.jsx)("div",{className:Bv,children:c.map((function(e){return(0,s.jsx)("div",{className:Tv,onClick:function(){return t=e.transmission,void(Qv.transmission=t);var t},children:e.name},e.key)}))})]})]})})},zv=n(88175),Hv=[{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1},{x:-1,y:0,z:1},{x:0,y:0,z:1},{x:1,y:0,z:1},{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1},{x:-1,y:1,z:0},{x:0,y:1,z:0},{x:1,y:1,z:0},{x:-1,y:0,z:0},{x:0,y:0,z:0},{x:1,y:0,z:0},{x:-1,y:-1,z:0},{x:0,y:-1,z:0},{x:1,y:-1,z:0},{x:-1,y:1,z:-1},{x:0,y:1,z:-1},{x:1,y:1,z:-1},{x:-1,y:0,z:-1},{x:0,y:0,z:-1},{x:1,y:0,z:-1},{x:-1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:1,y:-1,z:-1}],Vv={front:[{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1},{x:-1,y:0,z:1},{x:0,y:0,z:1},{x:1,y:0,z:1},{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1}],back:[{x:1,y:1,z:-1},{x:0,y:1,z:-1},{x:-1,y:1,z:-1},{x:1,y:0,z:-1},{x:0,y:0,z:-1},{x:-1,y:0,z:-1},{x:1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:-1,y:-1,z:-1}],top:[{x:-1,y:1,z:-1},{x:0,y:1,z:-1},{x:1,y:1,z:-1},{x:-1,y:1,z:0},{x:0,y:1,z:0},{x:1,y:1,z:0},{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1}],bottom:[{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1},{x:-1,y:-1,z:0},{x:0,y:-1,z:0},{x:1,y:-1,z:0},{x:-1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:1,y:-1,z:-1}],left:[{x:-1,y:1,z:-1},{x:-1,y:1,z:0},{x:-1,y:1,z:1},{x:-1,y:0,z:-1},{x:-1,y:0,z:0},{x:-1,y:0,z:1},{x:-1,y:-1,z:-1},{x:-1,y:-1,z:0},{x:-1,y:-1,z:1}],right:[{x:1,y:1,z:1},{x:1,y:1,z:0},{x:1,y:1,z:-1},{x:1,y:0,z:1},{x:1,y:0,z:0},{x:1,y:0,z:-1},{x:1,y:-1,z:1},{x:1,y:-1,z:0},{x:1,y:-1,z:-1}]},Uv="RubiksCube_container__dFJHD",Wv=10,Yv=20,Jv=50,qv=50,Kv=[{x:100,y:100,z:-100,intensity:1},{x:-100,y:100,z:-100,intensity:1},{x:100,y:-50,z:-100,intensity:1},{x:-100,y:-50,z:-100,intensity:1},{x:50,y:100,z:30,intensity:20},{x:-100,y:100,z:100,intensity:1},{x:100,y:-50,z:100,intensity:1},{x:-100,y:-50,z:100,intensity:1},{x:0,y:50,z:20,intensity:1},{x:0,y:-50,z:20,intensity:1}],Xv=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)([]),a=(0,r.useRef)([]),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(0),m=function(){var e=Math.floor(6*Math.random()),t=Object.keys(Vv)[e];f(t,Math.PI)},f=function(e,t){var n=Vv[e];if(n&&t&&o.current){for(var r=[],i=[],s=[],d=0,f=n.length;d<f;d++)for(var g=n[d],p=g.x,h=g.y,v=g.z,x=0,y=a.current.length;x<y;x++){var A=a.current[x],w=A.position,j=w.x,b=w.y,_=w.z;if(j===10.4*p&&b===10.4*h&&_===10.4*v){r.push(A.clone()),i.push(A),s.push(n[d]);break}}var D="";switch(e){case"front":case"back":D="z";break;case"top":case"bottom":D="y";break;case"left":case"right":D="x"}var M=i[4],k=new fv.ZAu;k.position.set(M.position.x,M.position.y,M.position.z),c.current=k,i.forEach((function(e){var t=e.clone(),n=t.position,r=n.x,i=n.y,a=n.z;t.position.set("x"===D?0:r,"y"===D?0:i,"z"===D?0:a),k.add(t)})),o.current.add(k),i.forEach((function(e){var t;null===(t=o.current)||void 0===t||t.remove(e),a.current=a.current.filter((function(t){return t.id!==e.id}))}));var N={angle:0};l.current=gv.p8.to(N,{angle:t,duration:t/Math.PI*1.5,ease:"power1.inOut",onUpdate:function(){if(D){var e=N.angle;if(c.current){var t=(new fv.yGw)["makeRotation".concat(D.toUpperCase())](e),n=c.current.position,r=n.x,i=n.y,a=n.z;t.multiply((new fv.yGw).makeTranslation(r,i,a)),c.current.matrix=t,c.current.matrix.decompose(c.current.position,c.current.quaternion,c.current.scale)}}},onComplete:function(){c.current&&o.current&&(c.current.children.forEach((function(t){var n,r=t.clone(),i=r.position,s=i.x,c=i.y,l=i.z;r.position.set("x"===D?"left"===e?-10.4:10.4:s,"y"===D?"bottom"===e?-10.4:10.4:c,"z"===D?"back"===e?-10.4:10.4:l),null===(n=o.current)||void 0===n||n.add(r),a.current.push(r)})),o.current.remove(c.current),u.current=window.setTimeout(m,1500))}})}},g=pv(t,(function(e,r,s){if(t.current){e.background=new fv.Ilk("#121212"),r.position.set(Yv,Jv,qv),r.lookAt(0,0,0),s.setClearColor("#121212"),Kv.forEach((function(t){var n=t.x,r=t.y,a=t.z,o=t.intensity,s=new fv.Ox3(15463918,o);s.position.set(n,r,a),s.lookAt(0,0,0),s.shadow.camera.near=10,s.shadow.camera.far=500,s.castShadow=!0,i.current.push(s),e.add(s)}));var c=new Nv.z(r,s.domElement);n.current=c,c.autoRotate=!0,c.autoRotateSpeed=3}var l=new fv.ZAu;l.position.set(0,0,0),o.current=l;for(var d=new zv.k(Wv,Wv,Wv,1,1.6),f=new fv.EJi({color:65793,metalness:.4,roughness:.2,clearcoat:0,clearcoatRoughness:1,reflectivity:.2,specularIntensity:1.2}),g=0,p=Hv.length;g<p;g++){var h=Hv[g],v=h.x,x=h.y,y=h.z,A=new fv.Kj0(d,f);A.position.set(10.4*v,10.4*x,10.4*y),A.receiveShadow=!0,A.castShadow=!0,a.current.push(A),l.add(A)}e.add(l),u.current=window.setTimeout(m,1500)}),null,(function(){var e;n.current&&(null===(e=n.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){g()}),[e]),(0,r.useEffect)((function(){return function(){l.current&&l.current.kill(),u.current&&window.clearTimeout(u.current)}}),[]),(0,s.jsx)("div",{className:Uv,ref:t})},$v=n(33687),ex="ThrowDice_container__YcvTG",tx="ThrowDice_btn__BTDQF",nx="ThrowDice_btn_inner__DObIm",rx="ThrowDice_numBox__VnUMU";function ix(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return ax(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ax(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function ax(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ox=10,sx=0,cx=40,lx=120,ux=function(){var e=(0,p.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(1),u=(0,o.Z)(l,2),m=u[0],f=u[1],g=(0,r.useRef)(1),h=(0,r.useRef)(!1),v=function(e){var t=document.createElement("canvas"),n=500;t.width=n,t.height=n;var r=t.getContext("2d");switch(r.fillStyle="#eeeeee",r.fillRect(0,0,n,n),e){case 1:r.fillStyle="#d30704",r.arc(250,250,100,0,2*Math.PI),r.fill();break;case 2:r.fillStyle="#153f87",r.arc(250,1500/11,60,0,2*Math.PI),r.arc(250,4e3/11,60,0,2*Math.PI),r.fill();break;case 3:r.fillStyle="#153f87",r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.arc(250,250,60,0,2*Math.PI),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.fill();break;case 4:r.fillStyle="#d30704",r.beginPath(),r.arc(1500/11,1500/11,60,0,2*Math.PI),r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.arc(4e3/11,4e3/11,60,0,2*Math.PI),r.fill();break;case 5:r.fillStyle="#153f87",r.beginPath(),r.arc(1500/11,1500/11,60,0,2*Math.PI),r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.arc(4e3/11,4e3/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(250,250,60,0,2*Math.PI),r.fill();break;case 6:r.fillStyle="#153f87",r.beginPath(),r.arc(150,1500/11,50,0,2*Math.PI),r.arc(350,1500/11,50,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(150,250,50,0,2*Math.PI),r.arc(350,250,50,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(150,4e3/11,50,0,2*Math.PI),r.arc(350,4e3/11,50,0,2*Math.PI),r.fill()}return t},x=(0,r.useRef)(new zv.k(ox,ox,ox,1,1.4)),y=(0,r.useRef)([new fv.Wid({map:new fv.ROQ(v(1)),color:"#ffffff"}),new fv.Wid({map:new fv.ROQ(v(6)),color:"#ffffff"}),new fv.Wid({map:new fv.ROQ(v(3)),color:"#ffffff"}),new fv.Wid({map:new fv.ROQ(v(4)),color:"#ffffff"}),new fv.Wid({map:new fv.ROQ(v(5)),color:"#ffffff"}),new fv.Wid({map:new fv.ROQ(v(2)),color:"#ffffff"})]),A=function(){h.current||(g.current?(h.current=!0,a.current.forEach((function(e,t){if(t<=g.current-1){var n=10,r=-Math.floor(t/2)*ox*1.5;(t+1)%2==0&&(n+=15),e.body.position=new $v.AO(n,24,r),e.mesh.position.copy(e.body.position),e.mesh.rotation.set(1*Math.PI*Math.random(),0,2*Math.PI*Math.random()),e.body.quaternion.copy(e.mesh.quaternion);var i=1+5*Math.random();e.body.applyImpulse(new $v.AO(-16,i,-5))}else e.body.position=new $v.AO(0,-55,1e3+ox*t),e.mesh.position.copy(e.body.position),e.mesh.rotation.set(0,0,0),e.body.quaternion.copy(e.mesh.quaternion)})),setTimeout((function(){h.current=!1}),2e3)):sl.ZP.warning(e.formatMessage({id:"page.threeJs3D.enterDiceNum"})))},w=pv(n,(function(e,t,r){if(n.current){e.background=new fv.Ilk("#224141"),t.position.set(sx,cx,lx),t.lookAt(0,0,0),r.setClearColor("#224141");var o=new fv.Mig(16777215,.5);e.add(o);var s=new fv.cek(16777215,1);s.position.set(100,200,-10),s.castShadow=!0,s.shadow.camera.near=5,s.shadow.camera.far=400,e.add(s);var l=new Nv.z(t,r.domElement);l.enableRotate=!1,l.maxDistance=1e3,i.current=l,c.current=new $v.q3({allowSleep:!0,gravity:new $v.AO(0,-300,0)}),c.current.defaultContactMaterial.restitution=.36,function(e){var t,n=new fv.Kj0(new fv._12(300,300),new fv.Tn7({opacity:.1}));n.receiveShadow=!0,n.position.y=-60,n.quaternion.setFromAxisAngle(new fv.Pa4(-1,0,0),.5*Math.PI),e.add(n);var r=new $v.uT({type:$v.uT.STATIC,shape:new $v.JO});r.position.copy(n.position),r.quaternion.copy(n.quaternion),null===(t=c.current)||void 0===t||t.addBody(r)}(e),function(e){for(var t=0;t<10;t++){var n,r=new fv.Kj0(x.current,y.current);r.castShadow=!0,e.add(r);var i=new $v.uT({mass:1,shape:new $v.xu(new $v.AO(5,5,5)),sleepTimeLimit:.1});null===(n=c.current)||void 0===n||n.addBody(i),a.current.push({mesh:r,body:i})}}(e),A()}}),null,(function(){var e;null===(e=c.current)||void 0===e||e.fixedStep();var t,n,r=ix(a.current);try{for(r.s();!(t=r.n()).done;){var o=t.value;o.mesh.position.copy(o.body.position),o.mesh.quaternion.copy(o.body.quaternion)}}catch(e){r.e(e)}finally{r.f()}i.current&&(null===(n=i.current)||void 0===n||n.update())})).resize;return(0,r.useLayoutEffect)((function(){w()}),[t]),(0,r.useEffect)((function(){return function(){var e,t;null===(e=x.current)||void 0===e||e.dispose(),null===(t=y.current)||void 0===t||t.forEach((function(e){e.dispose()}))}}),[]),(0,s.jsxs)("div",{className:ex,ref:n,children:[(0,s.jsx)("div",{className:tx,children:(0,s.jsx)("div",{className:nx,onClick:A,children:"Start"})}),(0,s.jsxs)("div",{className:rx,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.threeJs3D.diceNum"}),"："]}),(0,s.jsx)(wp.Z,{min:1,max:10,precision:0,size:"large",value:m,onChange:function(e){g.current=e,f(e)}})]})]})},dx=n(81706),mx=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",o=(0,r.useRef)(null),s=function(){o.current&&(o.current.invalidate(),o.current.restart(!0))},c=function(){var e;null===(e=o.current)||void 0===e||e.reverse()};return(0,r.useEffect)((function(){if(e&&e.current){var r=e.current,s=r.clientWidth,c=r.clientHeight,l="";switch(t){case"toTop":l="translate(0px, ".concat(c,"px)");break;case"toBottom":l="translate(0px, ".concat(-c,"px)");break;case"toLeft":l="translate(".concat(s,"px), 0px");break;case"toRight":l="translate(".concat(-s,"px), 0px")}o.current=gv.ZP.fromTo(e.current,{opacity:0,transform:"".concat(l," ").concat(a)},{opacity:1,transform:"translate(0px, 0px) ".concat(a),duration:n,delay:i})}return function(){var e;null===(e=o.current)||void 0===e||e.kill()}}),[]),{tweenRef:o,restart:s,reverse:c}},fx="LargeScreenBorder_container__fPZ9L",gx="LargeScreenBorder_content__kwcui";function px(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function hx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?px(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):px(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var vx=10,xx=10,yx=function(e){var t=e.title,n=void 0===t?"":t,i=e.lineWidth,a=void 0===i?1:i,o=e.lineColor,c=void 0===o?"#005A5A":o,l=e.highlightColor,u=void 0===l?"#41B1B4":l,m=e.style,f=void 0===m?{}:m,g=(0,p.Z)(),h=d().menuWidth,v=(0,r.useRef)(null),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useMemo)((function(){return hx(hx({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),j=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,i=n.height,a=1;t.beginPath(),t.moveTo(a,8),a=8,t.lineTo(a,1),a+=40,t.lineTo(a,1),a+=8,t.lineTo(a,8),a=r-16,t.lineTo(a,8),a=r-e,t.lineTo(a,24),t.lineTo(a,i-e),a=16,t.lineTo(a,i-e),a=1,t.lineTo(a,i-16),t.closePath(),t.lineWidth=e}},b=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,i=y.current;i.clearRect(0,0,t,r),i.globalCompositeOperation="source-over";var o=a;if(A.current){j(o+=1),i.fillStyle=A.current?u:c,i.fill(),i.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+vx,m=Math.floor(s/vx),f=Math.floor(l/vx);i.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(i.fillRect(s,l,t-s,vx),l+=vx,s=0):(i.fillRect(s,l,vx,vx),s+=vx)}}i.globalCompositeOperation="source-over",j(o);var g=1;if(i.strokeStyle=A.current?u:c,i.stroke(),i.lineWidth=o+1,i.strokeStyle=u,i.beginPath(),g=12,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g+=4,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g+=4,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-16),i.lineTo(g,r),i.closePath(),i.stroke(),i.beginPath(),i.moveTo(g,r-o),g-=16,i.lineTo(g,r-o),i.closePath(),i.stroke(),n){var p=$e(n,Number.parseInt(w.fontSize),w.fontWeight);i.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),i.fillStyle=w.color,i.fillText(n,(t-p)/2,14+Number.parseInt(w.fontSize));var h=(t-p)/2-42,v=14+Number.parseInt(w.fontSize)/2+2;i.lineWidth=4,i.lineJoin="miter",i.beginPath(),i.moveTo(h,18),i.lineTo(h+xx,v),i.lineTo(h,14+Number.parseInt(w.fontSize)),i.strokeStyle=A.current?w.color:c,i.stroke(),i.beginPath(),i.moveTo(h+xx+6,18),i.lineTo(h+20+6,v),i.lineTo(h+xx+6,14+Number.parseInt(w.fontSize)),i.strokeStyle=w.color,i.stroke(),h=(t+p)/2+16,i.beginPath(),i.moveTo(h+xx,18),i.lineTo(h,14+Number.parseInt(w.fontSize)/2+2),i.lineTo(h+xx,14+Number.parseInt(w.fontSize)),i.strokeStyle=w.color,i.stroke(),i.beginPath(),i.moveTo(h+20+6,18),i.lineTo(h+xx+6,14+Number.parseInt(w.fontSize)/2+2),i.lineTo(h+20+6,14+Number.parseInt(w.fontSize)),i.strokeStyle=A.current?w.color:c,i.stroke()}}};(0,r.useEffect)((function(){if(v.current&&x.current){var e=v.current,t=e.clientWidth,n=e.clientHeight;x.current.width=t,x.current.height=n,y.current=x.current.getContext("2d"),b()}}),[n,h]);return(0,s.jsxs)("div",{className:fx,style:w,onMouseEnter:function(){A.current=!0,b()},onMouseLeave:function(){A.current=!1,b()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:gx,style:{left:"".concat(16,"px"),right:"".concat(8,"px"),top:"".concat(n?8+Number.parseInt(w.fontSize)+6+20:14,"px"),bottom:"".concat(8,"px")},children:e.children})]})},Ax=n.p+"images/adee1274.png",wx=function(){var e=(0,r.useRef)(new fv.Tme),t=(0,r.useRef)(null),n=(0,r.useRef)(null);return(0,r.useEffect)((function(){var r=function(e,n,r){var i=Math.PI/90,a=2*Math.PI-16*i,o=11*a/12/8,s=a/12/8,c=document.createElement("canvas");c.width=2*e,c.height=2*e;var l=c.getContext("2d");l.strokeStyle=r,l.lineWidth=n;for(var u=0,d=o,m=0;m<8;m++)l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+i)+s,l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+i)+o;var f=new fv._12(c.width,c.height),g=new fv.vBJ({map:new fv.ROQ(c),transparent:!0,opacity:1,depthWrite:!1}),p=new fv.Kj0(f,g),h={angle:0};return t.current=gv.p8.to(h,{angle:2*Math.PI,duration:5,ease:"linear",repeat:-1,onUpdate:function(){var e=h.angle;if(p){var t=(new fv.yGw).makeRotationZ(e),n=p.position,r=n.x,i=n.y,a=n.z;t.multiply((new fv.yGw).makeTranslation(r,i,a)),p.matrix=t,p.matrix.decompose(p.position,p.quaternion,p.scale)}},onComplete:function(){}}),p}(180,6,"#ffffff");e.current.add(r);var i=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t;for(var a=0;a<2;a++){var o=a*Math.PI;i.beginPath(),i.arc(e,e,e-t,o,Math.PI/6+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/4+o,Math.PI/2+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,2*Math.PI/3+o,3*Math.PI/4+o),i.stroke()}var s=new fv._12(r.width,r.height),c=new fv.vBJ({map:new fv.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new fv.Kj0(s,c)}(170,8,"#005A5A");i.position.set(0,0,1),e.current.add(i);var a=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t;for(var a=0;a<3;a++){var o=a*(2*Math.PI/3);i.beginPath(),i.arc(e,e,e-t,o,Math.PI/10+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/8+o,Math.PI/6+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/2+o,5*Math.PI/8+o),i.stroke()}var s=new fv._12(r.width,r.height),c=new fv.vBJ({map:new fv.ROQ(r),transparent:!0,opacity:1,depthWrite:!1}),l=new fv.Kj0(s,c),u=new fv._12(r.width+90,r.height+90),d=new fv.vBJ({map:(new fv.dpR).load(Ax),transparent:!0,opacity:1,depthWrite:!1}),m=new fv.Kj0(u,d);return l.add(m),l}(120,8,"#005A5A");a.position.set(0,0,2),e.current.add(a);var o=function(e,t,r){var i=16,a=document.createElement("canvas");a.width=2*e+i,a.height=2*e+i;var o=a.getContext("2d");o.strokeStyle=r,o.lineWidth=t,o.beginPath(),o.arc(e+4.8+t,e+4.8+t,e,0,2*Math.PI),o.stroke(),o.lineWidth=t;for(var s=0;s<120;s++){var c=2*Math.PI/120*s,l=e-11.2,u=l+i,d=Math.cos(c)*u+u+4.8,m=Math.sin(c)*u+u+4.8,f=Math.cos(c)*l+u+4.8,g=Math.sin(c)*l+u+4.8;o.beginPath(),o.moveTo(d,m),o.lineTo(f,g),o.stroke()}var p=new fv._12(a.width,a.height),h=new fv.vBJ({map:new fv.ROQ(a),transparent:!0,opacity:1,depthWrite:!1}),v=new fv.Kj0(p,h),x={angle:0};return n.current=gv.p8.to(x,{angle:2*-Math.PI,duration:12,ease:"linear",repeat:-1,onUpdate:function(){var e=x.angle;if(v){var t=(new fv.yGw).makeRotationZ(e),n=v.position,r=n.x,i=n.y,a=n.z;t.multiply((new fv.yGw).makeTranslation(r,i,a)),v.matrix=t,v.matrix.decompose(v.position,v.quaternion,v.scale)}},onComplete:function(){}}),v}(100,3,"#ADEBF1");o.position.set(0,0,3),e.current.add(o);var s=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t,i.beginPath(),i.arc(e,e,e-t,0,2*Math.PI),i.stroke();var a=new fv._12(r.width,r.height),o=new fv.vBJ({map:new fv.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new fv.Kj0(a,o)}(80,1,"#ADEBF1");s.position.set(0,0,4),e.current.add(s);var c=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t,i.beginPath(),i.arc(e,e,e-t,0,2*Math.PI),i.stroke();var a=new fv._12(r.width,r.height),o=new fv.vBJ({map:new fv.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new fv.Kj0(a,o)}(30,4,"#ADEBF1");return c.position.set(0,0,5),e.current.add(c),function(){var e,r;null===(e=t.current)||void 0===e||e.kill(),null===(r=n.current)||void 0===r||r.kill()}}),[]),e.current},jx=n.p+"images/5f19eee4.png",bx="data:image/png;base64,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",_x="data:image/png;base64,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",Dx="MapDisplay_container__7ObAW",Mx="MapDisplay_switch__z3osn",kx="MapDisplay_topBox__uUgN8",Nx="MapDisplay_topBg__oqsK2",Ex="MapDisplay_shine__zGL21",Cx="MapDisplay_leftLine__yH-vW",Sx="MapDisplay_rightLine__0kyh7",Px="MapDisplay_title__xCrUE",Bx="MapDisplay_leftBox__MfOJf",Ix="MapDisplay_item__6Z5-L",Tx="MapDisplay_rightBox__mgnoV",Rx="MapDisplay_tooltip__+jQqL",Fx=0,Ox=-20,Gx=80,Zx=0,Qx=6,Lx=0,zx="#008170",Hx="#1AACAC",Vx="#005B41",Ux=function(){var e=(0,p.Z)(),t=d(),n=t.menuWidth,i=t.headHeight,a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=(0,r.useRef)(null),h=(0,r.useRef)(null),v=(0,r.useRef)(new fv.iMs),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useState)(!0),w=(0,o.Z)(A,2),j=w[0],b=w[1],_=mx(c,"toBottom",.6),D=_.restart,M=_.reverse,k=mx(l,"toRight",.8,.5),N=k.restart,E=k.reverse,C=mx(u,"toLeft",.8,.5),S=C.restart,P=C.reverse,B=wx(),I=function(e){(new fv.hH6).load("./public/json/ChinaMap.json",(function(t){!function(e,t){var n=new fv.Tme,r=(0,dx.ZP)().center([104,37.5]).scale(80).translate([0,0]);e.features.forEach((function(e){var t=new fv.Tme;e.geometry.coordinates.forEach((function(n){n.forEach((function(n){for(var i=new fv.bnF,a=new fv.u9r,s=[],c=0;c<n.length;c++){var l=r(n[c]),u=(0,o.Z)(l,2),d=u[0],m=u[1];0===c?i.moveTo(d,-m):i.lineTo(d,-m),s.push(new fv.Pa4(d,-m,6))}a.setFromPoints(s);var f={depth:6,bevelEnabled:!1,bevelThickness:1,bevelSize:1,bevelOffset:0,bevelSegments:1},g=new fv.O7d(i,f),p=new fv.vBJ({color:zx,transparent:!0,opacity:.95}),h=new fv.vBJ({color:Hx,transparent:!0,opacity:.95}),v=new fv.Kj0(g,[p,h]),x=new fv.nls({color:"white"}),y=new fv.x12(a,x);t.properties=e.properties,t.add(v),t.add(y)}))})),n.add(t)})),n.position.set(Zx,Qx,Lx),t.add(n),g.current=n}(JSON.parse(t),e),B.scale.set(.32,.32,1),B.position.set(0,0,-8),e.add(B),h.current=B}))},T=(0,r.useCallback)((function(e){if(m.current){x.current||(x.current=new fv.FM8);var t=e.clientX,r=e.clientY;new fv.FM8&&(x.current.x=(t-n)/(window.innerWidth-n)*2-1),x.current.y=-(r-i)/(window.innerHeight-i)*2+1,m.current.style.left="".concat(t-n+4,"px"),m.current.style.top="".concat(r-i+4,"px")}}),[n,i]),R=pv(a,(function(e,t,n){if(a.current){e.background=(new fv.dpR).load(jx),t.position.set(Fx,Ox,Gx);var r=new Nv.z(t,n.domElement);f.current=r,r.enableDamping=!0,r.dampingFactor=.05,I(e)}}),null,(function(e,t){if(g.current&&x.current){var n,r,i;y.current&&(y.current.object.material[0].color.set(zx),y.current.object.material[1].color.set(Hx),m.current&&(m.current.style.visibility="hidden")),y.current=null,v.current.setFromCamera(x.current,t);var a=v.current.intersectObjects(e.children,!0);y.current=a.find((function(e){return e.object.material&&2===e.object.material.length})),y.current&&null!==(n=y.current.object)&&void 0!==n&&null!==(r=n.parent)&&void 0!==r&&null!==(i=r.properties)&&void 0!==i&&i.name&&(y.current.object.material[0].color.set(Vx),y.current.object.material[1].color.set(Vx),function(){if(m.current)if(y.current){var e=y.current.object.parent.properties;m.current.textContent=e.name,m.current.style.visibility="visible"}else m.current.style.visibility="hidden"}())}var o;f.current&&(null===(o=f.current)||void 0===o||o.update())})),F=R.scene,O=R.resize;return(0,r.useLayoutEffect)((function(){O()}),[n]),(0,r.useEffect)((function(){return function(){Av(g.current,F),Av(h.current,F)}}),[]),(0,s.jsxs)("div",{className:Dx,onMouseMove:T,ref:a,children:[(0,s.jsx)("div",{className:Mx,onClick:function(){j?(M(),E(),P()):(D(),N(),S()),b(!j)},children:(0,s.jsx)(_s.Z,{})}),(0,s.jsxs)("div",{className:kx,ref:c,children:[(0,s.jsx)("img",{src:bx,alt:"",className:Nx}),(0,s.jsx)("img",{src:_x,alt:"",className:Ex}),(0,s.jsx)("div",{className:Cx}),(0,s.jsx)("div",{className:Sx}),(0,s.jsx)("div",{className:Px,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:Bx,ref:l,children:[(0,s.jsx)("div",{className:Ix,children:(0,s.jsx)(yx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Ix,children:(0,s.jsx)(yx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:Tx,ref:u,children:[(0,s.jsx)("div",{className:Ix,children:(0,s.jsx)(yx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Ix,children:(0,s.jsx)(yx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsx)("div",{className:Rx,ref:m})]})},Wx=function(){function e(t,n){(0,Xf.Z)(this,e),this.resourceList=t,this.callback=n,this.textures={},this.createLoadingManager(),this.loadResources()}return(0,$f.Z)(e,[{key:"createLoadingManager",value:function(){var e=this;this.manager=new fv.lLk,this.manager.onLoad=function(){e.callback()}}},{key:"loadResources",value:function(){var e=this;this.textureLoader=new fv.dpR(this.manager),this.resourceList.forEach((function(t){var n;null===(n=e.textureLoader)||void 0===n||n.load(t.url,(function(n){n.colorSpace="srgb",e.textures[t.name]=n}))}))}}]),e}(),Yx=Wx;function Jx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function qx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jx(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Kx=12,Xx=10,$x=function(e){var t=e.title,n=void 0===t?"":t,i=e.lineWidth,a=void 0===i?1:i,o=e.lineColor,c=void 0===o?"#005A5A":o,l=e.highlightColor,u=void 0===l?"#41B1B4":l,m=e.style,f=void 0===m?{}:m,g=(0,p.Z)(),h=d().menuWidth,v=(0,r.useRef)(null),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useMemo)((function(){return qx(qx({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),j=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,i=n.height,a=1;t.beginPath(),t.moveTo(a,1),a=180,t.lineTo(a,1),a+=Kx,t.lineTo(a,Kx),a=r-54-54-Kx,t.lineTo(a,Kx),a+=6,t.lineTo(a,6),a+=54,t.lineTo(a,6),a+=6,t.lineTo(a,Kx),a=r-e,t.lineTo(a,Kx),t.lineTo(a,i-10),a-=10,t.lineTo(a,i-e),a=1,t.lineTo(a,i-e),t.closePath(),t.lineWidth=e}},b=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,i=y.current;i.clearRect(0,0,t,r),i.globalCompositeOperation="source-over";var o=a;if(A.current){j(o+=1),i.fillStyle=A.current?u:c,i.fill(),i.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+Xx,m=Math.floor(s/Xx),f=Math.floor(l/Xx);i.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(i.fillRect(s,l,t-s,Xx),l+=Xx,s=0):(i.fillRect(s,l,Xx,Xx),s+=Xx)}}i.globalCompositeOperation="source-over",j(o);var g=1;i.strokeStyle=A.current?u:c,i.stroke(),o=a+1,i.lineWidth=o,i.strokeStyle=u,i.beginPath(),g=1,i.moveTo(g,24),i.lineTo(g,1),g+=108,i.lineTo(g,1),i.stroke(),i.beginPath(),g=t-54-54,i.moveTo(g,Kx),g=t-54-Kx,i.lineTo(g,Kx),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-10-o-4),i.lineTo(g,r-10-o),g-=10,i.lineTo(g,r-o),g-=4,i.lineTo(g,r-o),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-6),g=t-6,i.lineTo(g,r-o),i.stroke(),n&&(i.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),i.fillStyle=w.color,i.fillText(n,18,18+Number.parseInt(w.fontSize)))}};(0,r.useEffect)((function(){if(v.current&&x.current){var e=v.current,t=e.clientWidth,n=e.clientHeight;x.current.width=t,x.current.height=n,y.current=x.current.getContext("2d"),b()}}),[n,h]);return(0,s.jsxs)("div",{className:fx,style:w,onMouseEnter:function(){A.current=!0,b()},onMouseLeave:function(){A.current=!1,b()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:gx,style:{left:"".concat(18,"px"),right:"".concat(Kx,"px"),top:"".concat(n?Kx+Number.parseInt(w.fontSize)+6+20:18,"px"),bottom:"".concat(Kx,"px")},children:e.children})]})},ey=[{start:{name:"杭州",N:30.246026,E:120.210792},endArray:[{name:"曼谷",N:22,E:100.49074172973633},{name:"澳大利亚",N:-23.68477416688374,E:133.857421875},{name:"新疆维吾尔自治区",N:41.748,E:84.9023},{name:"德黑兰",N:35,E:51},{name:"美国",N:34.125447565116126,E:241.7431640625},{name:"英国",N:51.508742458803326,E:359.82421875},{name:"巴西",N:-9.96885060854611,E:668.1445312499999}]},{start:{name:"北京",N:39.89491,E:116.322056},endArray:[{name:"西藏",N:29.660361,E:91.132212},{name:"广西",N:22.830824,E:108.30616},{name:"江西",N:28.676493,E:115.892151},{name:"贵阳",N:26.647661,E:106.630153}]}];function ty(e,t,n,r,i,a){var o,s,c,l,u,d,m,f,g,p,h,v,x,y,A,w=yv(e,t,n),j=new fv.Pa4(w.x,w.y,w.z),b=yv(e,r,i),_=new fv.Pa4(b.x,b.y,b.z),D=(o=j,s=_,c=new fv.Pa4(0,0,0),l=o.clone().sub(c),u=s.clone().sub(c),d=l.clone().cross(u).normalize(),m=new fv.Pa4(0,0,1),f=(new fv._fP).setFromUnitVectors(d,m),g=o.clone().applyQuaternion(f),p=s.clone().applyQuaternion(f),h=g.clone().add(p).multiplyScalar(.5).clone().sub(c).normalize(),v=new fv.Pa4(0,1,0),x=(new fv._fP).setFromUnitVectors(h,v),y=g.clone().applyQuaternion(x),A=p.clone().applyQuaternion(x),{quaternion:f.clone().invert().multiply(x.clone().invert()),startPoint:y,endPoint:A}),M=function(e,t,n,r){var i=(new fv.Pa4).addVectors(t,n).multiplyScalar(.5).clone().normalize(),a=ny(t,n,new fv.Pa4(0,0,0)),o=i.multiplyScalar(e+a*e*.2),s=(f=t,g=n,p=o,h=f.lengthSq(),v=g.lengthSq(),x=p.lengthSq(),y=f.x,A=f.y,w=g.x,j=g.y,b=p.x,_=p.y,D=y*j+w*_+b*A-y*_-w*A-b*j,M=(v*_+h*j+x*A-v*A-x*j-h*_)/D/2,k=(x*w+v*y+h*b-h*w-v*b-x*y)/D/2,new fv.Pa4(M,k,0)),c=Math.abs(s.y-o.y),l=ny(t,new fv.Pa4(0,-1,0),s),u=-Math.PI/2+l,d=Math.PI-u,m=function(e,t,n,r,i,a){var o=new fv.u9r,s=new fv.T__(e,t,n,r,i,!1).getSpacedPoints(80);o.setFromPoints(s);var c=new fv.nls({color:a||13731143});return new fv.x12(o,c)}(s.x,s.y,c,u,d,r.color);var f,g,p,h,v,x,y,A,w,j,b,_,D,M,k;m.center=s,m.topCoord=o;var N=(d-u)/7,E=function(e,t,n,r){var i=new fv.u9r,a=new fv.T__(0,0,e,t,n,!1).getSpacedPoints(100);i.setFromPoints(a);for(var o=[],s=0;s<a.length;s++)o.push(s/a.length);var c=new fv.TlE(new Float32Array(o),1);i.attributes.percent=c;for(var l=[],u=0;u<a.length;u++){var d=new fv.Ilk(r),m=new fv.Ilk(r),f=d.lerp(m,u/a.length);l.push(f.r,f.g,f.b)}i.attributes.color=new fv.TlE(new Float32Array(l),3);var g=new fv.UY4({size:1.3,transparent:!0,depthWrite:!1});g.onBeforeCompile=function(e){e.vertexShader=e.vertexShader.replace("void main() {",["attribute float percent;","void main() {"].join("\n")),e.vertexShader=e.vertexShader.replace("gl_PointSize = size;",["gl_PointSize = percent * size;"].join("\n"))};var p=new fv.woe(i,g);return g.color=new fv.Ilk(r),p.name="飞行线",p}(c,u,u+N,r.arrowColor);return E.position.y=s.y,m.add(E),E.flyEndAngle=d-u-N,E.startAngle=u,E.AngleZ=m.flyEndAngle*Math.random(),m.userData.flyLine=E,m}(e,D.startPoint,D.endPoint,a);return M.quaternion.multiply(D.quaternion),M}function ny(e,t,n){var r=e.clone().sub(n).normalize(),i=t.clone().sub(n).normalize(),a=r.clone().dot(i);return Math.acos(a)}var ry,iy=n.p+"images/2dcea622.jpeg",ay="EarthDisplay_container__4U+r3",oy="EarthDisplay_switch__MeMaf",sy="EarthDisplay_topBox__eXAVn",cy="EarthDisplay_topBg__AEJ4Q",ly="EarthDisplay_shine__nttCS",uy="EarthDisplay_leftLine__xIETp",dy="EarthDisplay_rightLine__-mYRS",my="EarthDisplay_title__LMxWi",fy="EarthDisplay_leftBox__ZIQuQ",gy="EarthDisplay_item__BQN2V",py="EarthDisplay_rightBox__1vsKa",hy=0,vy=20,xy=110,yy=50,Ay=14942335,wy=16777215,jy=15310696,by={color:15969910,arrowColor:16742164,speed:.005},_y={glowColor:{value:new fv.Ilk(4305332)},scale:{type:"f",value:-1},bias:{type:"f",value:1},power:{type:"f",value:3.3},time:{type:"f",value:100},isHover:{value:!1},map:{value:null}},Dy=[{name:"radialGradient",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAuoLY6MTP/O/2ZFXgc0aPr5o3pSgZDC0CTJMAABUlSURBVHja7F2LdqO4EpzED4HjxHEyMf//pxtAj+qXAIONmHtFJjuZ2d1zqlRd3Wpk6c+f/49Vxq1/4tfv8z8CO4wfeNovP/5ZIgL0X7xx/O2e/lv3qx09Gf8WDwR6h9oYiRsvh38GvZ/xML7a56v71Y3+h+4vkIntkxCxh0lPmNvxwf7p2RAkbB49IP9oHxxv5KeWiw8visTCBkkI4Mm0I+o3MQgVKIYNcoDww7xH7MODstBKoUsRW6HAo09TL5CfzPF24iwkJfxsgwMx9wiewX1vn/7r96FMYFQgB4VTECc/gWfYW7y5AUygFLYhgyR9il6D/vr+iuO9/dJ4iBx8BRKKpUDAV8G/MuRyJCJINFAZlEcBwv8g8CN4hH55vVy6b2G89g9n4QQsBBmUSAGEfkSPUx+wI+TL5ar+kGiILNBYKI8CdD4i/aB6iv16uZoDSAksUA4gFFoKinH+NPsUfVB8wJ7G9/U7jvYHQgPhQKcgqKAU+H/T7Iu5J+ARuDoYC0BC4AApWDsOvPrZ7HPwAXscn9+fyvj9Y8YCkhA5CIZYQhwQ70P07xE9w/6pjheVhz4uEgfFURCD/4PBj5OP4BNaewATKAUqAxIIK1oBUT8X/4XBV7Ef+qf9xolAEqQMEgUrigC938OPsx/QI/iXTwSujhekQuXg1aDg+Qx488fgF5OP6C3kR/iORJCICBx0RYJGwfNFIOGfAD5BL7D/oj3q43BEKjwNSQgoA0/BWiIA/DT2EX6aeph4iXqnEhFI0DlQKOhF8Dz5B/MX6kf4YfL9xHPgOzIoE4wDGgk9BSoDt1Xkn4N/YPA5bjGQCKGDAQqewkDAb8Nn0k/Y0zi3T//lv3WPQgPXgaCAMfDwMCDyT+ZHZx+Vz+e9RZwbwAONBknBK6UgeOHz5h/hX/jsg+Ul8HTs4dFJ8EKArOApSG5IRPBwI+Duj9Nvzj6f+A6xPggTVAdcBVIETzAChp9Ef4IvwO8A+qiR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"},{name:"earth",url:iy},{name:"glow",url:Ax},{name:"aperture",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMATYAwKw0fNEZCFxEJBSNSPjomG1Z+FNVKendqYlllqXBfXM7BnJD1xZfu6OWuiN27n6FhHfh+AAANhUlEQVR42uxa2XabMBSUIyH2HQNe66RplqZNt///t54DInAHmdrGxt3mqWlThHRn5o4k2H/8S/A9w3VSGQQydVzD89mfBs9JzMi2yhmgtOzITByP/QFwpYhhAn2UsZAu+23hS27PjoDN5W9INi+IZycgDn4rnrlBNNPCsqPY5EJwM45sa6ZFFPwmLMtFpGFNkCuXAhfLAw3/IpGzK8NLbHwpHri/riCPcOrJNTlmCEKXkkv3GH/jJaGhMNh1YIiSvEd+Ai3JSpRXmYrLu8QQ+ekS65KTTy38nHdUkYwc3U06iuFT6t4x24FN5/d84gHwOKzf2WvMJ3EwaQOjL6A6W7JLw+PHeIxvOFLwOOZCOoZ/iA9OVRRpvbnt0Ei+w6277W5xQ7DYbe8s7gxNyBNvA1yyKMabJPf3YUfY2epmEKvMFs7+rPAm+ot1lcBqhnD3FCIJbw5GmPh7tGI2RQnYJWD84vm+COc3R2EeCn9gxS5UlBQejtwOF733XO5W29ssLG27DLPb7Wq37M10EQpvcNFSdmYkQ8aYzpYwh7XFc323sNYwm+UsHTL5hJ0VYsAVUyqM7cxM/UFPTs3ZlsolHfB5wc4IVelIM6AMu5XY6HxAr+hNtzKh1CxQpLjMzgb1RO73ZZl1+J4dp03DzDq6yoJ+6bhav3M1c2tfjZOsZXrIjROckIeturJkH6Mt7ywRaJ/qnM1Ng11knOzq0e6mwcbZ5zHuGWxXPUoyQPzGi1XssxHw49UbO2MGkGr40TYcqISY4wB3zeBrzkaDr28U7iQatsqRI7u83ENSu7GcW3Emf79tjM/eI9FRITLX20awbqaR/EIAktvh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"},{name:"lightColumn",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAD/CAMAAABb2Q/2AAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAO3RSTlMABQoPExgdISgxJTYsQDtTRUr+9vpOWXJdaWVhgIx2om2n6oiWmYTKr5G68J22eqvBfeHZ5c++1LPdxUM4ZWUAAAZvSURBVGjerdrZdpswFAXQmnk0EMB4Ajwbz2Mc1///Yb0SuLg1km66mtfsdRBXRyIP+fH205IURZZa7794h7KqKZKEkrqFCgVpOSpOKoaJljZWOm1VwUnTRUv7/0sbvc62r2FlgJOy0o6x0kVL30NJiUh0ZkfHZuLXGWj/PTNArzPu68hMr4/MVEGqMlJaWNkDKWGukM4IK70uTipq3NVBthASMoWb1CJS644cIoG2OJDIQUYlm4KDH7mWxDJoKfX+3iSyooxEMqRSyhVlJFJp9YY2SGZoiyGZkMh+YtPRN4eWDqQCckSl1CoxIxKkQTMVSWp+pyeUQY4WbSqftuG9S+kkqWupitwkgdZSe5VSo5SeMgOpiaWqmfuVb1BZUUbkU6pyHdokJSJPs0AoZcjU7WRBMhWgQjnkSqmW2dB3ailx5HAW1FJqzJRLOd3Gjo6R7cVTym+y9aecbr1KCjLdae7hMt0090yupBAq/yLld1lHapa7WMVEElqNnimnr1JiS3+Rxqal8aVCZZp3+FJ+ylnRBalSyperA1IGM7ScFwNbIJXvSSOY3/u2QaTSIKVXudp2uVIupW7Eq3kHLetMmSu3RQ8p8/XoVQJtGieVu55A0lfXHY9m6iqhQpkg5fhNtljySKSGkPNxry2SKpGdec6VciUtIvtIOV5nbQekypLKUx4ep1rKHNk9PPZIWdRSEcmTi5KDYjl0HatZSn/IO1Kag/E9E0m1kkVSSlUg++Mic02UvD8WCKkbZn/3ORVLrZSLb0kdIdf06brGkspT9tZf6T9KiSmL25Aj5Ve5Bml8VyqNUn2u8zP1cfJ2mQmlRuToeJnRp2v/TdpE+jaVKk86IH8iZfJAy/UjRcrdkUhLIC0iH1j5uMwDnFyec7TcBrYjkDrIrJI6RuYYaYK8YqRh2vvP61gkNSpPy69t0EbI9pDK+iDx5GUbU6kJ5OIyKQKc/LnZ4TKnZ5R0zHZ63qxxmatreItdkbQM011NwqPHk1WVcJIWxJ2dJzuQDl5aukjOr5O159oYOYmWT6ny5Sb6xMktSkI9fSp9jMw30VcHpCGW4QeRpki2vyM34bITtHmSFqSSPkaO8TKMvujT4WZiSZ3IYBx+XLoI6WKljZVOJQccqbxJhyeNSv4cBLRMfBnDPD8HMVIuqTQwmRjpx7BHF5GkVYoP8EZ9DyG9UkJBOdJ6le3/JB2okleA7OFlWVBmQ0C6IDfhF5UOS2oaLUjnXkqXJ+kWUTnCyTA6j7qwSSxJBw+yew8/zgmVhqaxpe91d7XUEXIQ+zRTZUnYokEpq41XBPKaVZKb2aeSbDxb0hukAzK8iCSMs5J72CS+hMzeGuSJSJsnYfAgP64nsp0Mqfwhh1Q6fDkqZTcWy1v4McHIAZWLpC5Tk4QqeThJNzP5jgzPC6iISPaTI8gpXxovstx4kYR1iiUUJDtGONnLHiDTPU/qpdx/W9KCsiQUuTuicnXqieWJyqFIxiCXYXRd0YIypUPlcBmGRMJHli+TWvIzB8liCeucLWiV2dKv5Ga2SKjUm6RGpFfJOZRJIPsZXk5LmdF7kSVJ6fbTz0p6bGnWcgu140lakPQzjCbbVCxPIEOBtF5kXhaUKeH2HA1XX7DOfLXvYeWJL6EgtewEzVKt5GJG5LiqcrM0XuWsklqjpKWjMgQ5EshsSjMPAul7IOdfUbQ5zKHKIC2uvEThBGTCl1C6LchNQWTMlynIj7DYTkG6PLmv5YAre/vVU2YCeVrlP4nMsfKep3A8GFIH2flL2oxMUuThbFzJfZ8ldQfkiMpos8tXWDkm0ufJxfwpT0J5OMM61wcoPUiDKRMiP4ic8WU3mW6pvEFBhbI4RyALjLxSOYfSs2VM5P0KTz9CQblykKQ5kdHxLpIZkVEUVrLNkC6VOyIf9y3IgCHNV7mD0nPlfjXekXUudzkcJLb0+iDXE5ycVXItkqdapgypUNk7zQ63/y2Hv+U4zVjSKmVxm8A8P29COS+Ov+WgUcog/VouK+nwJawTl0nlmitdpNRrWc8TLW2OpJOvukROh6pITZ33+q8STodpNUgFZFz2k3SenCPPfZctkOT+pKeDyCO5Q0CW/3vyJu3qZgC5Jrdi7Dram6xGT+9kuEOie135Ur4dOfLlOoOsLjCr/rzXki6U/nVBvkf0c1Qu809Z9w4+8GeYUnrqkWm+LvMXnJRTlwruvBIAAAAASUVORK5CYII="}],My=function(){var e=(0,p.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)([]),g=(0,r.useRef)([]),h=(0,r.useState)(!0),v=(0,o.Z)(h,2),x=v[0],y=v[1],A=mx(i,"toBottom",.6),w=A.restart,j=A.reverse,b=mx(a,"toRight",.8,.5),_=b.restart,D=b.reverse,M=mx(c,"toLeft",.8,.5),k=M.restart,N=M.reverse,E=function(e,t){var n,r,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=new fv.Tme,o=new fv._12(1,1),s=new fv.vBJ({color:16711680,map:null===(n=u.current)||void 0===n?void 0:n.textures.aperture,transparent:!0,opacity:1,depthWrite:!1}),c=new fv.Kj0(o,s),l=yv(50.05,e,t),d=2.5;c.scale.set(d,d,d),c.position.set(l.x,l.y,l.z);var m=l.clone().normalize();c.quaternion.setFromUnitVectors(new fv.Pa4(0,0,1),m),a.add(c);var g=s.clone();g.color=new fv.Ilk(jy);var p=new fv.Kj0(o,g);p.scale.set(6,6,6),p.userData={size:6,scale:1*Math.random()},p.position.set(l.x,l.y,l.z),p.position.copy(c.position),p.quaternion.copy(c.quaternion),a.add(p),f.current.push(p);var h=new fv.Tme,v=12.5,x=new fv._12(2.5,v);x.rotateX(Math.PI/2),x.translate(0,0,v/2);var y=new fv.vBJ({map:null===(r=u.current)||void 0===r?void 0:r.textures.lightColumn,color:i?Ay:wy,side:fv.ehD,depthWrite:!1}),A=new fv.Kj0(x,y);h.add(A,A.clone().rotateZ(Math.PI/2));var w=yv(yy,e,t);return h.position.set(w.x,w.y,w.z),h.quaternion.setFromUnitVectors(new fv.Pa4(0,0,1),w.clone().normalize()),a.add(h),a},C=function(e,t,n){var r=document.createElement("canvas"),i=$e(n,20,500);r.width=i+32,r.height=36;var a=r.getContext("2d");a.fillStyle="#41B1B460",a.fillRect(0,0,r.width,r.height),a.font="".concat(500," ").concat(20,"px SourceHanSansCN-Bold"),a.strokeStyle="#ffffff",a.strokeText(n,16,26);var o=new fv.xeV({map:new fv.ROQ(r),transparent:!0}),s=new fv.jyi(o);s.scale.set(.1*r.width,.1*r.height,1);var c=yv(50.05,e,t);return s.position.set(1.1*c.x,1.1*c.y,1.1*c.z),s},S=pv(n,(function(e,t,r){n.current&&(u.current=new Yx(Dy,(function(){e.background=(new fv.dpR).load(jx),t.position.set(hy,vy,xy),function(e){for(var t,n=[],r=0;r<500;r++){var i=800*Math.random()-300,a=800*Math.random()-300,o=800*Math.random()-300;n.push(i,a,o)}var s=new fv.u9r;s.setAttribute("position",new fv.TlE(new Float32Array(n),3));var c=new fv.UY4({size:2,sizeAttenuation:!0,color:4305332,transparent:!0,opacity:1,map:null===(t=u.current)||void 0===t?void 0:t.textures.radialGradient}),l=new fv.woe(s,c);e.add(l)}(e),function(e){var t,n,r,i=new fv.Tme,a=new fv.xo$(yy,50,50);null!==(t=u.current)&&void 0!==t&&null!==(n=t.textures)&&void 0!==n&&n.earth&&(_y.map.value=u.current.textures.earth);var o=new fv.jyz({uniforms:_y,vertexShader:"varying vec2 vUv;\r\nvarying vec3 vNormal;\r\nvarying vec3 vp;\r\nvarying vec3 vPositionNormal;\r\nvoid main(void){\r\n  vUv = uv;\r\n  vNormal = normalize( normalMatrix * normal ); // 转换到视图空间\r\n  vp = position;\r\n  vPositionNormal = normalize(( modelViewMatrix * vec4(position, 1.0) ).xyz);\r\n  gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\r\n}",fragmentShader:"uniform vec3 glowColor;\r\nuniform float bias;\r\nuniform float power;\r\nuniform float time;\r\nvarying vec3 vp;\r\nvarying vec3 vNormal;\r\nvarying vec3 vPositionNormal;\r\nuniform float scale;\r\n// 获取纹理\r\nuniform sampler2D map;\r\n// 纹理坐标\r\nvarying vec2 vUv;\r\n\r\nvoid main(void){\r\n  float a = pow( bias + scale * abs(dot(vNormal, vPositionNormal)), power );\r\n  if(vp.y > time && vp.y < time + 20.0) {\r\n    float t =  smoothstep(0.0, 0.8,  (1.0 - abs(0.5 - (vp.y - time) / 20.0)) / 3.0  );\r\n    gl_FragColor = mix(gl_FragColor, vec4(glowColor, 1.0), t * t );\r\n  }\r\n  gl_FragColor = mix(gl_FragColor, vec4( glowColor, 1.0 ), a) + texture2D( map, vUv );\r\n}"});o.needsUpdate=!0;var s=new fv.Kj0(a,o);s.name="earth",i.add(s);var c=new fv.xo$(60,60,60),l=new fv.UY4({color:8519679,transparent:!0,sizeAttenuation:!0,opacity:.1,vertexColors:!1,size:.01}),d=new fv.woe(c,l);i.add(d);var f=new fv.xeV({map:null===(r=u.current)||void 0===r?void 0:r.textures.glow}),g=new fv.jyi(f);g.scale.set(150,150,1),i.add(g),e.add(i),m.current=i}(e),ey.forEach((function(e){var t,n,r=E(e.start.E,e.start.N,!0);null===(t=m.current)||void 0===t||t.add(r);var i=C(e.start.E,e.start.N,e.start.name);null===(n=m.current)||void 0===n||n.add(i),e.endArray.forEach((function(e){var t,n,r=E(e.E,e.N);null===(t=m.current)||void 0===t||t.add(r);var i=C(e.E,e.N,e.name);null===(n=m.current)||void 0===n||n.add(i)}))})),ey.forEach((function(e){e.endArray.forEach((function(t){var n,r=ty(yy,e.start.E,e.start.N,t.E,t.N,by);null===(n=m.current)||void 0===n||n.add(r),g.current.push(r.userData.flyLine)}))}));var n=new Nv.z(t,r.domElement);l.current=n,n.autoRotate=!0,n.autoRotateSpeed=1,n.enableDamping=!0,n.dampingFactor=.1})))}),null,(function(){var e;(f.current.forEach((function(e){e.userData.scale=e.userData.scale+.01;var t=e.userData.size*e.userData.scale;e.scale.set(t,t,t),t<=9?e.material.opacity=Math.max((t-6)/6*.5,1):t>9&&t<=12?e.material.opacity=Math.min(1-(t-6)/6*.3,0):e.userData.scale=1})),g.current.forEach((function(e){e.rotation.z+=by.speed,e.rotation.z>=e.flyEndAngle&&(e.rotation.z=0)})),_y.time.value=_y.time.value<-100?100:_y.time.value-1,l.current)&&(null===(e=l.current)||void 0===e||e.update())})),P=S.scene,B=S.resize;return(0,r.useLayoutEffect)((function(){B()}),[t]),(0,r.useEffect)((function(){return function(){Av(m.current,P)}}),[]),(0,s.jsxs)("div",{className:ay,ref:n,children:[(0,s.jsx)("div",{className:oy,onClick:function(){x?(j(),D(),N()):(w(),_(),k()),y(!x)},children:(0,s.jsx)(_s.Z,{})}),(0,s.jsxs)("div",{className:sy,ref:i,children:[(0,s.jsx)("img",{src:bx,alt:"",className:cy}),(0,s.jsx)("img",{src:_x,alt:"",className:ly}),(0,s.jsx)("div",{className:uy}),(0,s.jsx)("div",{className:dy}),(0,s.jsx)("div",{className:my,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:fy,ref:a,children:[(0,s.jsx)("div",{className:gy,children:(0,s.jsx)($x,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:gy,children:(0,s.jsx)($x,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:py,ref:c,children:[(0,s.jsx)("div",{className:gy,children:(0,s.jsx)($x,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:gy,children:(0,s.jsx)($x,{children:e.formatMessage({id:"common.customizeContent"})})})]})]})},ky=n(96064),Ny="HumanPostureDetection_container__lUe7Z",Ey="HumanPostureDetection_content__LwYrZ";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(ry||(ry={}));var Cy,Sy=Math.floor(.55*window.screen.width),Py=Math.floor(.55*window.screen.height),By=Sy%2==0?Sy:Sy+1,Iy=Py%2==0?Py:Py+1,Ty=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)(ry.ready),c=(0,o.Z)(a,2),l=c[0],u=c[1],d=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=function(e,t,n,r,i){i.beginPath(),i.arc(e,t,n,0,2*Math.PI),i.fillStyle=r,i.fill()},h=function(){var e=(0,nl.Z)(il().mark((function e(){var r,i,a,s;return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n.current&&t.current&&m.current)){e.next=13;break}if(t.current.srcObject){e.next=3;break}return e.abrupt("return");case 3:return m.current.drawImage(t.current,0,0,By,Iy),i=m.current.getImageData(0,0,By,Iy),e.next=7,n.current.estimatePoses(i,{flipHorizontal:!1,maxPoses:1,scoreThreshold:.5,nmsRadius:20});case 7:a=e.sent,(s=(null===(r=a[0])||void 0===r?void 0:r.keypoints)||[]).forEach((function(e){var t=e.x,n=e.y;e.score>.5&&g(t,n,6,"#f00000",m.current)})),ky.D5.getAdjacentPairs(ky.oV.PoseNet).forEach((function(e){var t,n,r,i,a,c,l,u,d,f,g,p=(0,o.Z)(e,2),h=p[0],v=p[1];if(s&&s.length>=2){var x=s[h],y=s[v],A=null!=x.score?x.score:0,w=null!=y.score?y.score:0;A>=.5&&w>=.5&&(t=[x.x,x.y],n=[y.x,y.y],r="aqua",i=1,a=m.current,c=(0,o.Z)(t,2),l=c[0],u=c[1],d=(0,o.Z)(n,2),f=d[0],g=d[1],a.beginPath(),a.moveTo(l*i,u*i),a.lineTo(f*i,g*i),a.lineWidth=4,a.strokeStyle=r,a.stroke())}})),f.current=window.setTimeout((function(){h()}),50);case 13:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),v=function(){var r=(0,nl.Z)(il().mark((function r(){var a;return il().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:i.current&&n.current?l===ry.inRecording?(t.current&&(t.current.srcObject=null),f.current&&(window.clearTimeout(f.current),f.current=null),u(ry.ready),setTimeout((function(){var e;m.current&&(null===(e=m.current)||void 0===e||e.clearRect(0,0,By,Iy))}),50)):(t.current&&(t.current.srcObject=i.current,h()),u(ry.inRecording)):t.current&&(a={audio:!1,video:{width:By,height:Iy,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(a).then(function(){var e=(0,nl.Z)(il().mark((function e(r){var a,o;return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.current&&r&&(i.current=r),!t.current||!i.current){e.next=9;break}return t.current.srcObject=i.current,a=ky.oV.PoseNet,e.next=6,ky.cH(a,{modelType:"full"});case 6:o=e.sent,n.current=o,h();case 9:u(ry.inRecording);case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(t){t.message&&t.message.includes("not found")?sl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):t.message&&t.message.includes("Invalid architecture full")?sl.ZP.error(t.message):sl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):sl.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"})));case 1:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}();return(0,r.useEffect)((function(){!function(){if(d.current){d.current.width=By,d.current.height=Iy;var e=d.current.getContext("2d");m.current=e}}()}),[]),(0,s.jsxs)("div",{className:Ny,children:[(0,s.jsx)(Ur,{intlTitle:"page.AIApplication.humanPostureDetection"}),(0,s.jsxs)("div",{className:Ey,style:{width:"".concat(By,"px"),height:"".concat(Iy,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(By,"px"),height:"".concat(Iy,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)("canvas",{ref:d,children:e.formatMessage({id:"common.browserTooLow"})})]}),(0,s.jsx)(oe.Z,{type:"primary",onClick:v,children:l===ry.inRecording?e.formatMessage({id:"common.end"}):e.formatMessage({id:"common.start"})})]})},Ry="NotBlockPeopleBarrage_container__SwTln",Fy="NotBlockPeopleBarrage_content__NbVjJ",Oy="NotBlockPeopleBarrage_barrageBox__wNLFF",Gy="NotBlockPeopleBarrage_bottomBox__C90UC";!function(e){e[e.ready=0]="ready",e[e.playing=1]="playing",e[e.pause=2]="pause"}(Cy||(Cy={}));var Zy,Qy=324,Ly=576,zy=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(""),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useState)(Cy.ready),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useRef)(null),h=(0,r.useRef)(null),v=function(){var e=(0,nl.Z)(il().mark((function e(){var r,i,a,o,s,c,l,u;return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.current||!n.current){e.next=18;break}if(!(r=Sl(t.current,Qy,Ly))){e.next=18;break}return i={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=6,g.current.segmentPeople(r,i);case 6:return a=e.sent,o={r:0,g:0,b:0,a:0},s={r:0,g:0,b:0,a:255},e.next=11,Gd.wX(a,o,s,false,.3);case 11:c=e.sent,l=El(c),n.current.style["-webkit-mask-image"]="url(".concat(l,")"),n.current.style["-webkit-mask-size"]="".concat(Qy,"px ").concat(Ly,"px"),(u=n.current.children)&&u.length>0&&Array.prototype.forEach.call(u,(function(e){if(e.style.left<-324){var t;null===(t=n.current)||void 0===t||t.removeChild(e)}else{var r=e.style.left;e.style.left="".concat(Number(r.substring(0,r.length-2))-2,"px")}})),h.current=window.requestAnimationFrame(v);case 18:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),x=function(){if(c){if(n.current){var t=document.createElement("span");t.innerText=c,t.style.fontSize="".concat(20,"px"),t.style.fontWeight="500",t.style.color="#fff",t.style.whiteSpace="nowrap",t.style.position="absolute";var r=24*Math.floor(10*Math.random())+20;t.style.top="".concat(r,"px"),t.style.left="".concat(Qy,"px"),n.current.appendChild(t)}else sl.ZP.warning(e.formatMessage({id:"common.tryingToLoad"}));l("")}},y=function(){var e=(0,nl.Z)(il().mark((function e(){var n,r,i;return il().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.current){e.next=9;break}return t.current.oncanplay=function(){var e;t.current&&(null===(e=t.current)||void 0===e?void 0:e.readyState)===t.current.HAVE_ENOUGH_DATA&&g.current&&(f(Cy.playing),t.current.play(),v())},n=Gd.oV.MediaPipeSelfieSegmentation,r={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},e.next=6,Gd.N7(n,r);case 6:i=e.sent,g.current=i,m===Cy.ready&&(f(Cy.playing),t.current.play(),v());case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,r.useEffect)((function(){return y(),function(){h.current&&cancelAnimationFrame(h.current)}}),[]),(0,s.jsxs)("div",{className:Ry,children:[(0,s.jsxs)("div",{className:Fy,style:{width:"".concat(Qy,"px"),height:"".concat(Ly,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(Qy,"px"),height:"".concat(Ly,"px")},muted:!1,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t,children:(0,s.jsx)("source",{src:"public/dance.mp4"})}),(0,s.jsx)("div",{className:Oy,ref:n}),m!==Cy.ready&&(0,s.jsx)(oe.Z,{type:"primary",ghost:!0,onClick:function(){t.current&&(m===Cy.playing?(f(Cy.pause),t.current.pause()):(f(Cy.playing),t.current.play()))},children:m===Cy.playing?e.formatMessage({id:"common.pause"}):e.formatMessage({id:"common.play"})})]}),(0,s.jsxs)("div",{className:Gy,children:[(0,s.jsx)(Wu.Z,{placeholder:e.formatMessage({id:"page.AIApplication.sendBarrage"}),value:c,maxLength:20,onChange:function(e){return l(e.target.value||"")},onKeyDown:function(e){"Enter"===(null==e?void 0:e.key)&&x()}}),(0,s.jsx)(oe.Z,{type:"primary",onClick:x,children:e.formatMessage({id:"page.AIApplication.send"})})]})]})},Hy="Tabs_container__19GNQ",Vy=function(e){var t=e.data,n=void 0===t?[]:t,r=e.selectedTabId,i=e.onChange,a=e.className;return(0,s.jsx)("div",{className:"".concat(Hy).concat(a?" ".concat(a):""),children:n.map((function(e){return(0,s.jsx)("div",{className:"tabs-tabItem ".concat(r===e.id?"active":""),onClick:function(){i&&i(e.id)},children:e.label},e.id)}))})},Uy="ImageProcessingTool_container__WAkOX",Wy="ImageProcessingTool_content__nCEwY",Yy="ImageProcessingTool_tabs__lU6sy",Jy="ImageProcessingTool_imgBox__xANeR",qy="ImageProcessingTool_fileBox__Evibs",Ky="ImageProcessingTool_fileInfo__zFv8M",Xy="ImageProcessingTool_item__FSSP-",$y="ImageProcessingTool_emptyBox__GhkSM",eA="ImageProcessingTool_uploadBtn__jbITo",tA="ImageProcessingTool_text__NoL1R",nA="ImageProcessingTool_tips__7DkHP",rA="ImageProcessingTool_tip__dYcLC",iA="ImageProcessingTool_operationBtns__uCE1C",aA="ImageProcessingTool_left__ohBzm",oA="ImageProcessingTool_operationBtn__+5IT6",sA="ImageProcessingTool_right__UDKib",cA=function(e){var t=e.imgInfo,n=e.imgDragOver,r=e.onDragOver,i=e.onDragLeave,a=e.onDrop,o=(0,p.Z)();return(0,s.jsx)("div",{className:Jy,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:i,onDrop:a,children:(0,s.jsxs)("div",{className:qy,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsxs)("div",{className:Xy,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:Xy,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:Xy,children:[o.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):o.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:Xy,children:[o.formatMessage({id:"common.size"}),"：",_l(t.size)]})]})]})})},lA={flipSideToSideStatus:{doing:!1,imageData:null},flipUpsideDownStatus:{doing:!1,imageData:null},leftRotateStatus:{doing:!1,imageData:null},rightRotateStatus:{doing:!1,imageData:null},toGreyStatus:{doing:!1,imageData:null},toBlackAndWhiteStatus:{doing:!1,imageData:null},sharpenStatus:{doing:!1,imageData:null},marginSharpenStatus:{doing:!1,imageData:null},toOppositeStatus:{doing:!1,imageData:null},toRedStatus:{doing:!1,imageData:null},toGreenStatus:{doing:!1,imageData:null},toBlueStatus:{doing:!1,imageData:null},toRedAndGreenStatus:{doing:!1,imageData:null},toRedAndBlueStatus:{doing:!1,imageData:null},toBlueAndGreenStatus:{doing:!1,imageData:null},toRedAndGreyStatus:{doing:!1,imageData:null},toGreenAndGreyStatus:{doing:!1,imageData:null},toBlueAndGreyStatus:{doing:!1,imageData:null},toGaussianBlurStatus:{doing:!1,imageData:null},jpgToPngStatus:{doing:!1,imageData:null},pngToJpgStatus:{doing:!1,imageData:null}},uA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,o=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,p.Z)(),d=(0,r.useRef)((0,bl.Z)(lA)),m=function(e,r,i){if(e&&e.imageData)n(e.imageData);else{if(e.doing)return void sl.ZP.warning(u.formatMessage({id:"common.workHard"}));if(null!=t&&t.imageData){e.doing=!0;var a=t.imageData;r===um&&(a=(0,bl.Z)(a));var o=r(a);o?(e.imageData=o,n(o,i)):sl.ZP.error(u.formatMessage({id:"common.operationFailure"})),e.doing=!1}}};return(0,r.useEffect)((function(){d.current=(0,bl.Z)(lA)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(cA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:o,onDrop:c}),(0,s.jsxs)("div",{className:iA,children:[(0,s.jsxs)("div",{className:aA,children:[(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.flipSideToSideStatus,Ud)},children:u.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.flipUpsideDownStatus,Wd)},children:u.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.leftRotateStatus,Yd)},children:u.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.rightRotateStatus,Jd)},children:u.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toGreyStatus,qd)},children:u.formatMessage({id:"common.graying"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toBlackAndWhiteStatus,Kd)},children:u.formatMessage({id:"common.vampix"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.sharpenStatus,cm)},children:u.formatMessage({id:"page.imageProcessingTool.shmpch"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.marginSharpenStatus,lm)},children:u.formatMessage({id:"page.imageProcessingTool.edgeSharpening"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toOppositeStatus,Xd)},children:u.formatMessage({id:"page.imageProcessingTool.filterContrast"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toRedStatus,$d)},children:u.formatMessage({id:"page.imageProcessingTool.redFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toGreenStatus,em)},children:u.formatMessage({id:"page.imageProcessingTool.greenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toBlueStatus,tm)},children:u.formatMessage({id:"page.imageProcessingTool.blueFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toRedAndGreenStatus,nm)},children:u.formatMessage({id:"page.imageProcessingTool.redGreenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toRedAndBlueStatus,rm)},children:u.formatMessage({id:"page.imageProcessingTool.redBlueFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toBlueAndGreenStatus,im)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toRedAndGreyStatus,am)},children:u.formatMessage({id:"page.imageProcessingTool.redGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toGreenAndGreyStatus,om)},children:u.formatMessage({id:"page.imageProcessingTool.greenGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toBlueAndGreyStatus,sm)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.toGaussianBlurStatus,um)},children:u.formatMessage({id:"page.imageProcessingTool.gaussianBlur"})}),["JPG","JPEG"].includes(t.fileType)&&(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.jpgToPngStatus,dm,"PNG")},children:u.formatMessage({id:"page.imageProcessingTool.jpgToPng"})}),"PNG"===t.fileType&&(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){return m(d.current.pngToJpgStatus,mm,"JPEG")},children:u.formatMessage({id:"page.imageProcessingTool.pngToJpg"})})]}),(0,s.jsx)(oe.Z,{className:sA,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})},dA=n(62327),mA="RectSelect_container__NRGSf",fA="RectSelect_imgBox__Eht8b",gA="RectSelect_content__Oqfay",pA="RectSelect_leftBox__fnaRf",hA="RectSelect_img1__uK-Ip",vA="RectSelect_img2__gx56-",xA="RectSelect_mask__dh-Ij",yA="RectSelect_clipBox__jD4yw",AA="RectSelect_dot__wL+4K",wA="RectSelect_leftUp__UPsGg",jA="RectSelect_up__iPqcg",bA="RectSelect_rightUp__fbUgr",_A="RectSelect_right__HXwDY",DA="RectSelect_rightDown__vHPOv",MA="RectSelect_down__x6Tgo",kA="RectSelect_leftDown__JVMR9",NA="RectSelect_left__frsug",EA="RectSelect_operationBtns__b-UEE",CA="RectSelect_operationBtn__tFBfu";!function(e){e[e.leftUp=0]="leftUp",e[e.up=1]="up",e[e.rightUp=2]="rightUp",e[e.right=3]="right",e[e.rightDown=4]="rightDown",e[e.down=5]="down",e[e.leftDown=6]="leftDown",e[e.left=7]="left"}(Zy||(Zy={}));var SA=10,PA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,m=e.type,f=(0,p.Z)(),g=d(),h=g.scrollTop,v=g.locale,x=(0,r.useState)(!1),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(!1),b=(0,o.Z)(j,2),_=b[0],D=b[1],M=(0,r.useState)(10),k=(0,o.Z)(M,2),N=k[0],E=k[1],C=(0,r.useRef)(!1),S=(0,r.useRef)(null),P=Math.max(Math.floor(t.width/2),SA),B=Math.max(Math.floor(t.height/2),SA),I=(0,r.useState)(P),T=(0,o.Z)(I,2),R=T[0],F=T[1],O=(0,r.useState)(B),G=(0,o.Z)(O,2),Z=G[0],Q=G[1],L=(0,r.useState)(0),z=(0,o.Z)(L,2),H=z[0],V=z[1],U=(0,r.useState)(0),W=(0,o.Z)(U,2),J=W[0],q=W[1],K=(0,r.useRef)(!1),X=(0,r.useRef)(!1),$=(0,r.useRef)(null),ee=(0,r.useRef)(null),te=(0,r.useRef)(0),ne=(0,r.useRef)(0),re=(0,r.useRef)(0),ie=(0,r.useRef)(0),ae=(0,r.useRef)(0),se=(0,r.useRef)(0),ce=(0,r.useRef)(),le=function(e){for(var t=e.offsetLeft,n=e.offsetTop,r=e.offsetParent;null!=r;)t+=r.offsetLeft,n+=r.offsetTop,r=r.offsetParent;return{left:t,top:n}},ue=function(e){var t=e.clientX,n=Y.findDOMNode(ee.current),r=le(n).left,i=r+te.current;t>i?t=i:t<r&&(t=r);var a=Y.findDOMNode(S.current),o=R-2,s=t-o-le(a).left;F(Math.max(Math.floor(o+s),SA))},de=function(e){var t=e.clientY+h,n=Y.findDOMNode(ee.current),r=le(n).top,i=Y.findDOMNode(S.current),a=le(i).top,o=a+i.offsetHeight;t<r?t=r:t>o&&(t=o),V(Math.min(Math.floor(H+t-a),ne.current-SA));var s=Z;Q(Math.max(Math.floor(s+a-t),SA))},me=function(e){var t=e.clientX,n=Y.findDOMNode(ee.current),r=le(n).left,i=Y.findDOMNode(S.current),a=le(i).left,o=a+i.offsetWidth;t<r?t=r:t>o&&(t=o),q(Math.min(Math.floor(J+t-a),te.current-SA));var s=R;F(Math.max(Math.floor(s+a-t),SA))},fe=function(e){var t=e.clientY+h,n=Y.findDOMNode(ee.current),r=le(n).top,i=r+ne.current;t<r?t=r:t>i&&(t=i);var a=Y.findDOMNode(S.current),o=Z-2,s=t-o-le(a).top;Q(Math.max(Math.floor(o+s),SA))},ge=function(e,t){e.stopPropagation(),e.target.style.backgroundColor="#DC0000",K.current=!0,ce.current=t},pe=function(){K.current=!1,X.current=!1,S.current&&Array.prototype.forEach.call(S.current.children,(function(e){e.style.backgroundColor="#FF8E9E"}))};(0,r.useEffect)((function(){var e=t.width,n=t.height;if(e<20||n<20)return sl.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void w(!1);if(e>1350||n>1350)return sl.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void w(!1);var r=Math.max(Math.floor(t.width/2),SA),i=Math.max(Math.floor(t.height/2),SA);if(F(r),Q(i),q(0),V(0),A){if(ee.current){var a=Y.findDOMNode(ee.current),o=a.offsetWidth,s=a.offsetHeight;te.current=o,ne.current=s}}else w(!0);"clip"===m&&D(!1)}),[t]),(0,r.useEffect)((function(){if(A&&ee.current){var e=Y.findDOMNode(ee.current),t=e.offsetWidth,n=e.offsetHeight;te.current=t,ne.current=n}}),[A]);return(0,s.jsxs)("div",{className:mA,children:[(0,s.jsx)("div",{className:fA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:a,onDragLeave:c,onDrop:l,children:A&&(0,s.jsx)("div",{className:gA,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(X.current){var t=Y.findDOMNode(S.current),n=t.offsetWidth,r=t.offsetHeight,i=e.clientX-re.current,a=e.clientY-ie.current,o=Math.floor(se.current+a),s=Math.floor(ae.current+i);o<0?V(0):o>ne.current-r-2?V(Math.max(ne.current-r-2,0)):V(o),s<0?q(0):s>te.current-n-2?q(Math.max(te.current-n-2,0)):q(s)}if(K.current)switch(ce.current){case Zy.right:ue(e);break;case Zy.up:de(e);break;case Zy.left:me(e);break;case Zy.down:fe(e);break;case Zy.leftUp:me(e),de(e);break;case Zy.leftDown:me(e),fe(e);break;case Zy.rightUp:ue(e),de(e);break;case Zy.rightDown:ue(e),fe(e)}},onMouseUp:pe,onMouseLeave:pe,ref:$,children:(0,s.jsxs)("div",{className:pA,ref:ee,children:[(0,s.jsx)("img",{src:t.imgUrl,className:hA}),(0,s.jsx)("div",{className:xA}),(0,s.jsx)("img",{src:t.imgUrl,className:vA,style:{clip:"rect(".concat(H,"px, ").concat(J+R,"px, ").concat(H+Z,"px, ").concat(J,"px)")}}),(0,s.jsxs)("div",{className:yA,style:{position:"absolute",width:"".concat(R,"px"),height:"".concat(Z,"px"),top:"".concat(H,"px"),left:"".concat(J,"px")},onMouseDown:function(e){re.current=e.clientX,ie.current=e.clientY;var t=Y.findDOMNode(S.current);se.current=t.offsetTop,ae.current=t.offsetLeft,X.current=!0},ref:S,children:[(0,s.jsx)("div",{className:"".concat(AA," ").concat(wA),onMouseDown:function(e){return ge(e,Zy.leftUp)}}),(0,s.jsx)("div",{className:"".concat(AA," ").concat(jA),onMouseDown:function(e){return ge(e,Zy.up)}}),(0,s.jsx)("div",{className:"".concat(AA," ").concat(bA),onMouseDown:function(e){return ge(e,Zy.rightUp)}}),(0,s.jsx)("div",{className:"".concat(AA," ").concat(_A),onMouseDown:function(e){return ge(e,Zy.right)}}),(0,s.jsx)("div",{className:"".concat(AA," ").concat(DA),onMouseDown:function(e){return ge(e,Zy.rightDown)}}),(0,s.jsx)("div",{className:"".concat(AA," ").concat(MA),onMouseDown:function(e){return ge(e,Zy.down)}}),(0,s.jsx)("div",{className:"".concat(AA," ").concat(kA),onMouseDown:function(e){return ge(e,Zy.leftDown)}}),(0,s.jsx)("div",{className:"".concat(AA," ").concat(NA),onMouseDown:function(e){return ge(e,Zy.left)}})]})]})})}),A&&(0,s.jsxs)("div",{className:EA,children:[(0,s.jsxs)("div",{className:NA,children:["clip"===m&&(0,s.jsx)(dA.Z,{className:CA,checked:_,onChange:function(e){D(e.target.checked)},children:f.formatMessage({id:"page.imageProcessingTool.WhetherRetainOriginalDimension"})}),(0,s.jsx)(wp.Z,{className:CA,style:{width:"zh-cn"===v?"160px":"200px"},min:SA,max:t.width,precision:0,value:R,addonBefore:f.formatMessage({id:"common.clippingWidth"}),onChange:function(e){var n=t.width;e&&e+J>n&&q(n-e),F(e||0)}}),(0,s.jsx)(wp.Z,{className:CA,style:{width:"zh-cn"===v?"160px":"200px"},min:SA,max:t.height,precision:0,value:Z,addonBefore:f.formatMessage({id:"common.clippingHeight"}),onChange:function(e){var n=t.height;e&&e+H>n&&V(n-e),Q(e||0)}}),(0,s.jsx)(wp.Z,{className:CA,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.width-SA,precision:0,value:J,addonBefore:f.formatMessage({id:"common.distanceLeft"}),onChange:function(e){q(e||0);var n=t.width;e&&e+R>n&&F(n-e)}}),(0,s.jsx)(wp.Z,{className:CA,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.height-SA,precision:0,value:H,addonBefore:f.formatMessage({id:"common.distanceTop"}),onChange:function(e){V(e||0);var n=t.height;e&&e+Z>n&&Q(n-e)}}),"mosaic"===m&&(0,s.jsx)(wp.Z,{className:CA,style:{width:"zh-cn"===v?"200px":"220px"},min:2,max:40,precision:0,value:N,addonBefore:f.formatMessage({id:"common.mosaicGrainSize"}),onChange:function(e){E(e||0)}}),(0,s.jsx)(oe.Z,{type:"primary",className:CA,onClick:function(){if(C.current)sl.ZP.warning(f.formatMessage({id:"common.workHard"}));else{C.current=!0;var e=null;"clip"===m?e=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]&&arguments[5],o=arguments.length>6?arguments[6]:void 0;if(e){var s=e.data,c=e.width,l=e.height,u=i,d=r,m=t,f=n;if(u<0?u=0:u>c&&(u=c),d<0?d=0:d>l&&(d=l),m<1?m=1:m>c&&(m=c),f<1?f=1:f>l&&(f=l),u+m>c&&(m=c-u),d+f>l&&(f=l-d),a){for(var g=new Uint8ClampedArray(s.length),p=0;p<l;p++)for(var h=0;h<c;h++){var v=4*(p*c+h);h>=u&&h<=u+m&&p>=d&&p<=d+f?(g[v]=s[v],g[v+1]=s[v+1],g[v+2]=s[v+2],g[v+3]=s[v+3]):(g[v]=255,g[v+1]=255,g[v+2]=255,g[v+3]=o&&["JPG","JPEG"].includes(o.toUpperCase())?255:0)}return new ImageData(g,c,l)}for(var x=new Uint8ClampedArray(m*f*4),y=d;y<=d+f;y++)for(var A=u;A<=u+m;A++){var w=4*((y-d)*m+A-u),j=4*(y*c+A);x[w]=s[j],x[w+1]=s[j+1],x[w+2]=s[j+2],x[w+3]=s[j+3]}return new ImageData(x,m,f)}return null}(t.imageData,R,Z,H,J,_,t.fileType):"mosaic"===m&&(e=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:10;if(e){var o=e.data,s=e.width,c=e.height,l=i,u=r,d=t,m=n;l<0?l=0:l>s&&(l=s),u<0?u=0:u>c&&(u=c),d<1?d=1:d>s&&(d=s),m<1?m=1:m>c&&(m=c),l+d>s&&(d=s-l),u+m>c&&(m=c-u);for(var f=new Uint8ClampedArray(o.length),g=0;g<c;g++)for(var p=0;p<s;p++){var h=4*(g*s+p);if(p>=l&&p<=l+d&&g>=u&&g<=u+m){var v=Math.floor((p-l)/a),x=Math.floor((g-u)/a),y=Math.floor(a*(v+1)-a/2+l),A=Math.floor(a*(x+1)-a/2+u);y>s-1&&(y=s-1),A>c-1&&(A=c-1);var w=4*(A*s+y);f[h]=o[w],f[h+1]=o[w+1],f[h+2]=o[w+2],f[h+3]=o[w+3]}else f[h]=o[h],f[h+1]=o[h+1],f[h+2]=o[h+2],f[h+3]=o[h+3]}return new ImageData(f,s,c)}return null}(t.imageData,R,Z,H,J,N)),e?n(e):sl.ZP.error(f.formatMessage({id:"common.operationFailure"})),C.current=!1}},disabled:!A,children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:_A,ghost:!0,type:"primary",onClick:u,children:f.formatMessage({id:"common.clear"})})]})]})};function BA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function IA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?BA(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):BA(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var TA=function(e){return(0,s.jsx)(PA,IA(IA({},e),{},{type:"clip"}))},RA={container:"RadiusClip_container__bZNss",imgBox:"RadiusClip_imgBox__SFDg7",content:"RadiusClip_content__iPE9l",operationBtns:"RadiusClip_operationBtns__Ie5iK",left:"RadiusClip_left__cn1dW",operationBtn:"RadiusClip_operationBtn__8mksR",right:"RadiusClip_right__bHjkd"},FA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useRef)(!1),x=(0,r.useState)(!1),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(4),b=(0,o.Z)(j,2),_=b[0],D=b[1];(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<20||n<20?(sl.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void h(!1)):e>1350||n>1350?(sl.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void h(!1)):(h(!0),w(!1),void D(4))}),[t]);return(0,s.jsxs)("div",{className:RA.container,children:[(0,s.jsx)("div",{className:RA.imgBox,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:a,onDragLeave:c,onDrop:l,children:g&&(0,s.jsx)("div",{className:RA.content,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px"),borderRadius:"".concat(_,"px")},children:(0,s.jsx)("img",{src:t.imgUrl,className:RA.img})})}),g&&(0,s.jsxs)("div",{className:RA.operationBtns,children:[(0,s.jsxs)("div",{className:RA.left,children:["PNG"!==t.fileType&&(0,s.jsx)(dA.Z,{className:RA.operationBtn,checked:A,onChange:function(e){w(e.target.checked)},children:d.formatMessage({id:"page.imageProcessingTool.clippedAndConvertedToPng"})}),(0,s.jsx)(wp.Z,{className:RA.operationBtn,style:{width:"180px"},min:0,max:Math.min(Math.floor(t.width/2),Math.floor(t.height/2)),precision:0,value:_,addonBefore:d.formatMessage({id:"page.imageProcessingTool.filletRadius"}),onChange:function(e){D(e)}}),(0,s.jsx)(oe.Z,{type:"primary",className:RA.operationBtn,onClick:function(){if(v.current)sl.ZP.warning(d.formatMessage({id:"common.workHard"}));else if(_){v.current=!0;var e=function(e,t,n,r){if(e){var i=e.data,a=e.width,o=e.height,s=t;s>Math.floor(a/2)&&(s=Math.floor(a/2)),s>Math.floor(o/2)&&(s=Math.floor(o/2)),s<0&&(s=0);for(var c=new Uint8ClampedArray(i.length),l=0;l<o;l++)for(var u=0;u<a;u++){var d=4*(l*a+u),m=-1;u<s?l<s?m=Math.sqrt(Math.pow(s-u-1,2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(s-u-1,2)+Math.pow(l-(o-s),2))):u>a-s-1&&(l<s?m=Math.sqrt(Math.pow(u-(a-s),2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(u-(a-s),2)+Math.pow(l-(o-s),2)))),Math.round(m)>s?(c[d]=255,c[d+1]=255,c[d+2]=255,c[d+3]=r||"PNG"===n.toUpperCase()?0:255):(c[d]=i[d],c[d+1]=i[d+1],c[d+2]=i[d+2],c[d+3]=r||"PNG"===n.toUpperCase()?i[d+3]:255)}return new ImageData(c,a,o)}return null}(t.imageData,_,t.fileType,A);e?n(e,A?"PNG":t.fileType):sl.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else sl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterFilletRadius"}))},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:RA.right,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},OA=1e4,GA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(!0),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useState)(t.width),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(t.height),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1);return(0,r.useEffect)((function(){A(t.width),_(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(cA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:iA,children:[(0,s.jsxs)("div",{className:aA,children:[(0,s.jsx)(dA.Z,{className:oA,checked:g,onChange:function(e){h(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(y&&b)A(null),_(null);else if(y){var i=Math.floor(y*r/n);_(i)}else if(b){var a=Math.floor(b*n/r);A(a)}}else y||b||(A(n),_(r))},children:d.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(wp.Z,{className:oA,style:{width:"160px"},min:1,max:OA,precision:0,value:y,addonBefore:d.formatMessage({id:"common.width"}),onChange:function(e){if(A(e),g&&e){var n=t.width,r=t.height,i=Math.floor(e*r/n);_(i)}}}),(0,s.jsx)(wp.Z,{className:oA,style:{width:"160px"},min:1,max:OA,precision:0,value:b,addonBefore:d.formatMessage({id:"common.height"}),onChange:function(e){if(_(e),g&&e){var n=t.width,r=t.height,i=Math.floor(e*n/r);A(i)}}}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){if(D.current)sl.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imgUrl,r=t.width,i=t.height;if(y&&b){D.current=!0;var a=fm(e,r,i,y,b,OA);a?n(a):sl.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else sl.ZP.warning(d.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:sA,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},ZA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(0),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useRef)(!1),x=function(e){h(e)};return(0,r.useEffect)((function(){h(0)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(cA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:iA,children:[(0,s.jsxs)("div",{className:aA,children:[(0,s.jsxs)("div",{className:oA,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.darken"})}),(0,s.jsx)(Ap.Z,{min:-255,max:255,marks:{0:"0"},value:"number"==typeof g?g:0,onChange:x}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.lighten"})}),(0,s.jsx)(wp.Z,{style:{margin:"0 16px"},min:-255,max:255,precision:0,value:g,onChange:x})]}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){if(v.current)sl.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imageData;if(g){v.current=!0;var r=function(e,t){if(e){for(var n=e.data,r=e.width,i=e.height,a=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<r;s++){var c=4*(o*r+s);a[c]=Math.max(Math.min(n[c]+t,255),0),a[c+1]=Math.max(Math.min(n[c+1]+t,255),0),a[c+2]=Math.max(Math.min(n[c+2]+t,255),0),a[c+3]=n[c+3]}return new ImageData(a,r,i)}return null}(e,g);r?n(r):sl.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else sl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterBrightness"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:sA,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},QA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useState)(!1),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(0),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1),M=function(e){_(e)};return(0,r.useEffect)((function(){"PNG"!==t.fileType?(sl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseUploadPng"})),h(!1)):h(!0),_(0),A(!1)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(cA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),g&&(0,s.jsxs)("div",{className:iA,children:[(0,s.jsxs)("div",{className:aA,children:[(0,s.jsx)(dA.Z,{className:oA,checked:y,onChange:function(e){A(e.target.checked),e.target.checked&&_(1)},children:d.formatMessage({id:"page.imageProcessingTool.whetherValueFixed"})}),!y&&(0,s.jsxs)("div",{className:oA,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeTransparent"})}),(0,s.jsx)(Ap.Z,{min:-1,max:1,step:.1,marks:{0:"0"},value:"number"==typeof b?b:0,onChange:M}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeOpaque"})})]}),(0,s.jsx)("div",{className:oA,children:(0,s.jsx)(wp.Z,{min:y?0:-1,max:1,step:.1,precision:1,value:b,onChange:M})}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){if(D.current)sl.ZP.warning(d.formatMessage({id:"common.workHard"}));else if("number"==typeof b){D.current=!0;var e=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(e){for(var r=e.data,i=e.width,a=e.height,o=new Uint8ClampedArray(r.length),s=0;s<a;s++)for(var c=0;c<i;c++){var l=4*(s*i+c);0===r[l+3]?(o[l]=255,o[l+1]=255,o[l+2]=255):(o[l]=r[l],o[l+1]=r[l+1],o[l+2]=r[l+2]);var u=r[l+3];u=n?Math.max(Math.min(Math.floor(255*t),255),0):Math.max(Math.min(Math.floor(u+255*t),255),0),o[l+3]=u}return new ImageData(o,i,a)}return null}(t.imageData,b,y);e?n(e):sl.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else sl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterDiaphaneity"}))},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:sA,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},LA="AddWatermark_container__eVhbf",zA="AddWatermark_imgBox__ZRRUr",HA="AddWatermark_content__q-ZzY",VA="AddWatermark_leftBox__S-y1M",UA="AddWatermark_img1__s1l8c",WA="AddWatermark_clipBox__EW8Jl",YA="AddWatermark_operationBtns__Sua9p",JA="AddWatermark_left__hmpKc",qA="AddWatermark_box__X5Tyg",KA="AddWatermark_top__MW-nl",XA="AddWatermark_uploadBtn__TXNYs",$A="AddWatermark_bottom__EipS9",ew="AddWatermark_operationBtn__-tdIk",tw="AddWatermark_right__KM8W0",nw=20,rw=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useState)(null),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useRef)(!1),j=(0,r.useRef)(null),b=Math.max(Math.floor(t.width/2),nw),_=Math.max(Math.floor(t.height/2),nw),D=(0,r.useState)(b),M=(0,o.Z)(D,2),k=M[0],N=M[1],E=(0,r.useState)(_),C=(0,o.Z)(E,2),S=C[0],P=C[1],B=(0,r.useState)(0),I=(0,o.Z)(B,2),T=I[0],R=I[1],F=(0,r.useState)(0),O=(0,o.Z)(F,2),G=O[0],Z=O[1],Q=(0,r.useRef)(!1),L=(0,r.useRef)(null),z=(0,r.useRef)(null),H=(0,r.useRef)(0),V=(0,r.useRef)(0),U=(0,r.useRef)(0),W=(0,r.useRef)(0),J=(0,r.useRef)(0),q=(0,r.useRef)(0),K=function(){var e=Math.max(Math.floor(t.width/2),nw),n=Math.max(Math.floor(t.height/2),nw);N(e),P(n),Z(0),R(0)},X=function(){Q.current=!1};(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<nw||n<nw?(sl.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void h(!1)):e>=1350||n>=1350?(sl.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void h(!1)):(h(!0),void A(null))}),[t]),(0,r.useEffect)((function(){if(g&&y&&z.current){var e=Y.findDOMNode(z.current),t=e.offsetWidth,n=e.offsetHeight;H.current=t,V.current=n}}),[g,y]);return(0,s.jsxs)("div",{className:LA,children:[(0,s.jsx)("div",{className:zA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:function(e){y?(e.stopPropagation(),e.preventDefault()):a(e)},onDragLeave:function(e){y?(e.stopPropagation(),e.preventDefault()):c(e)},onDrop:function(e){y?(e.stopPropagation(),e.preventDefault()):l(e)},children:g&&(0,s.jsx)("div",{className:HA,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(Q.current&&j.current){var t=Y.findDOMNode(j.current),n=t.offsetWidth,r=t.offsetHeight,i=e.clientX-U.current,a=e.clientY-W.current,o=Math.floor(q.current+a),s=Math.floor(J.current+i);o<0?R(0):o>V.current-r-2?R(Math.max(V.current-r-2,0)):R(o),s<0?Z(0):s>H.current-n-2?Z(Math.max(H.current-n-2,0)):Z(s)}},onMouseUp:X,onMouseLeave:X,ref:L,children:(0,s.jsxs)("div",{className:VA,ref:z,children:[(0,s.jsx)("img",{src:t.imgUrl,className:UA}),y&&(0,s.jsx)("div",{className:WA,style:{position:"absolute",width:"".concat(k,"px"),height:"".concat(S,"px"),top:"".concat(T,"px"),left:"".concat(G,"px")},onMouseDown:function(e){U.current=e.clientX,W.current=e.clientY;var t=Y.findDOMNode(j.current);q.current=t.offsetTop,J.current=t.offsetLeft,Q.current=!0},ref:j,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})})]})})}),g&&(0,s.jsxs)("div",{className:YA,children:[(0,s.jsx)("div",{className:JA,children:(0,s.jsxs)("div",{className:qA,children:[(0,s.jsxs)("div",{className:KA,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:XA,children:[(0,s.jsx)(Yu.Z,{}),d.formatMessage({id:"common.uploadWatermark"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var n=e.target.files;n&&0!==n.length&&Ml(n[0],(function(e){if(e){var n=e.width,r=e.height;if(n<=20||r<=20)return A(null),K(),void sl.ZP.error(d.formatMessage({id:"common.watermarkSizeLimit"}));if(n>t.width||r>t.height)return A(null),K(),void sl.ZP.error(d.formatMessage({id:"common.watermarkSizeTooLarge"}));A(e),N(n),P(r),Z(0),R(0)}else A(null),K(),sl.ZP.error(d.formatMessage({id:"common.parsingDataFailure"}))}))}})]}),y?y.name:d.formatMessage({id:"common.noData"})]}),y&&(0,s.jsxs)("div",{className:$A,children:[(0,s.jsx)(wp.Z,{className:ew,style:{width:"160px"},min:0,max:t.width-nw,precision:0,value:G,addonBefore:d.formatMessage({id:"common.distanceLeft"}),onChange:function(e){Z(e||0);var n=t.width;e&&e+k>n&&N(n-e)}}),(0,s.jsx)(wp.Z,{className:ew,style:{width:"160px"},min:0,max:t.height-nw,precision:0,value:T,addonBefore:d.formatMessage({id:"common.distanceTop"}),onChange:function(e){R(e||0);var n=t.height;e&&e+S>n&&P(n-e)}}),(0,s.jsx)(oe.Z,{type:"primary",className:ew,onClick:function(){if(w.current)sl.ZP.warning(d.formatMessage({id:"common.workHard"}));else{if(y){w.current=!0;var e=function(e,t,n,r){if(e&&t){var i=e.data,a=e.width,o=e.height,s=t.data,c=t.width,l=t.height,u=n,d=r;n+l>o&&(u=o-l),r+c>a&&(d=a-c);for(var m=new Uint8ClampedArray(i.length),f=0;f<o;f++)for(var g=0;g<a;g++){var p=4*(f*a+g);if(g<d||g>d+c||f<=u||f>=u+l)m[p]=i[p],m[p+1]=i[p+1],m[p+2]=i[p+2],m[p+3]=i[p+3];else{var h=4*(f*a+g-((u+1)*a+(f-(u+1))*(a-c))+c-d-1),v=[s[h],s[h+1],s[h+2],s[h+3]],x=[i[p],i[p+1],i[p+2],i[p+3]],y=vm(v,x);m[p]=y[0],m[p+1]=y[1],m[p+2]=y[2],m[p+3]=y[3]}}return new ImageData(m,a,o)}return null}(t.imageData,y.imageData,T,G);e?n(e):sl.ZP.error(d.formatMessage({id:"common.operationFailure"}))}w.current=!1}},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]})]})}),(0,s.jsx)(oe.Z,{className:tw,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})};function iw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function aw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?iw(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):iw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ow,sw=function(e){return(0,s.jsx)(PA,aw(aw({},e),{},{type:"mosaic"}))},cw=function(e){var t=e.imgInfo,n=e.imgDragOver,i=e.onDragOver,a=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,p.Z)(),m=d().locale,f=(0,r.useState)(70),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=(0,r.useRef)(!1),y=function(e){if(e){var n="image";if(t&&t.name){var r=t.name.split(".");r.length>1?(r.splice(r.length-1,1,t.fileType.toLowerCase()),n=r.join(".")):(r.push(t.fileType.toLowerCase()),n=r.join("."))}Pl(e,n)}};return(0,r.useEffect)((function(){v(70)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(cA,{imgInfo:t,imgDragOver:n,onDragOver:i,onDragLeave:a,onDrop:c}),(0,s.jsxs)("div",{className:iA,children:[(0,s.jsxs)("div",{className:aA,children:[(0,s.jsx)(wp.Z,{className:oA,style:{width:"zh-cn"===m?"200px":"240px"},min:10,max:90,precision:0,value:h,addonBefore:u.formatMessage({id:"page.imageProcessingTool.compressibility"}),addonAfter:"%",onChange:function(e){v(e||10)}}),(0,s.jsx)(oe.Z,{type:"primary",className:oA,onClick:function(){if(x.current)sl.ZP.warning(u.formatMessage({id:"common.workHard"}));else{var e=t.imageData,n=t.imgUrl,r=t.width,i=t.height,a=t.fileType;x.current=!0,["JPG","JPEG"].includes(a)?gm(n,r,i,a,h,(function(e){e?y(e):sl.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1})):gm(e,r,i,a,h,(function(e){e?y(e):sl.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1}))}},children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:sA,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})};function lw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function uw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lw(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e[e.basicOperation=0]="basicOperation",e[e.rectClip=1]="rectClip",e[e.radiusClip=2]="radiusClip",e[e.changeSize=3]="changeSize",e[e.changeBrightness=4]="changeBrightness",e[e.changeDiaphaneity=5]="changeDiaphaneity",e[e.addWatermark=6]="addWatermark",e[e.coverWithMosaic=7]="coverWithMosaic",e[e.photoCompression=8]="photoCompression"}(ow||(ow={}));var dw,mw=function(){var e=(0,p.Z)(),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(null),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=function(t){t&&0!==t.length&&Ml(t[0],(function(t){d(t),t||sl.ZP.error(e.formatMessage({id:"common.parsingDataFailure"}))}))},f=function(e){e.stopPropagation(),e.preventDefault(),i||a(!0)},g=function(e){e.stopPropagation(),e.preventDefault(),i&&a(!1)},h=function(e){e.stopPropagation(),e.preventDefault(),i&&a(!1);var t=e.dataTransfer.files;m(t)},v={imgInfo:u,exportImage:function(e,t){if(e&&u){var n=t?t.toLowerCase():u.fileType.toLowerCase();!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"png",n=arguments.length>2?arguments[2]:void 0;if(e){var r=e.width,i=e.height,a=document.createElement("canvas"),o=a.getContext("2d");a.width=r,a.height=i,o.putImageData(e,0,0,0,0,r,i);var s="image/".concat(t?t.toLowerCase():"png");a.toBlob((function(e){n(e)}),s,1)}else n(null)}(e,n,(function(e){if(e){var t="image";if(u&&u.name){var r=u.name.split(".");r.length>1?r.splice(r.length-1,1,n):r.push(n),t=r.join(".")}Pl(e,t)}}))}},imgDragOver:i,onDragOver:f,onDragLeave:g,onDrop:h,onClear:function(){d(null)}},x=[{id:ow.basicOperation,label:e.formatMessage({id:"menu.imageProcessingTool.basicOperation"}),element:(0,s.jsx)(uA,uw({},v))},{id:ow.rectClip,label:e.formatMessage({id:"menu.imageProcessingTool.rectangularClipping"}),element:(0,s.jsx)(TA,uw({},v))},{id:ow.radiusClip,label:e.formatMessage({id:"menu.imageProcessingTool.roundedCornerClipping"}),element:(0,s.jsx)(FA,uw({},v))},{id:ow.changeSize,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTheSize"}),element:(0,s.jsx)(GA,uw({},v))},{id:ow.changeBrightness,label:e.formatMessage({id:"menu.imageProcessingTool.modifyBrightness"}),element:(0,s.jsx)(ZA,uw({},v))},{id:ow.changeDiaphaneity,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTransparency"}),element:(0,s.jsx)(QA,uw({},v))},{id:ow.addWatermark,label:e.formatMessage({id:"menu.imageProcessingTool.addWatermark"}),element:(0,s.jsx)(rw,uw({},v))},{id:ow.coverWithMosaic,label:e.formatMessage({id:"menu.imageProcessingTool.coverWithMosaics"}),element:(0,s.jsx)(sw,uw({},v))},{id:ow.photoCompression,label:e.formatMessage({id:"menu.imageProcessingTool.imageCompression"}),element:(0,s.jsx)(cw,uw({},v))}],y=(0,r.useState)(x[0].id),A=(0,o.Z)(y,2),w=A[0],j=A[1];return(0,s.jsx)("div",{className:Uy,children:(0,s.jsxs)("div",{className:Wy,children:[(0,s.jsx)(Vy,{className:Yy,data:x,selectedTabId:w,onChange:function(e){j(e)}}),!u&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:Jy,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:f,onDragLeave:g,onDrop:h,children:(0,s.jsxs)("div",{className:$y,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:eA,children:[(0,s.jsx)(Yu.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;m(t)}})]}),(0,s.jsx)("p",{className:tA,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:nA,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:rA,children:[e.formatMessage({id:"page.imageProcessingTool.extensionTipFront"}),(0,s.jsx)("span",{onClick:function(){window.open("https://github.com/hepengwei/processing-image-tool")},children:" processing-image-tool "}),e.formatMessage({id:"page.imageProcessingTool.extensionTipBehind"})]})]}),u&&x.filter((function(e){return e.id===w}))[0].element]})})},fw=n(36646),gw=function(e,t,n){var r=[];if(e&&e.length>0){var i=e.length;!function a(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;Promise.resolve().then((function(){var s=t(e[o]);s&&r.push(s),o<i?a(o+1):n(r)}))}()}else n(r)},pw=function(e,t){gw(e,Ud,t)},hw=function(e,t){gw(e,Wd,t)},vw=function(e,t){gw(e,Yd,t)},xw=function(e,t){gw(e,Jd,t)},yw=function(e,t){gw(e,qd,t)},Aw=function(e,t){gw(e,Kd,t)},ww="VideoProcessingTool_container__BB0WX",jw="VideoProcessingTool_content__vEAlV",bw="VideoProcessingTool_tabs__IOPiv",_w="VideoProcessingTool_videoBox__VaAOO",Dw="VideoProcessingTool_fileBox__-EqQu",Mw="VideoProcessingTool_fileInfo__jcnht",kw="VideoProcessingTool_item__OfC05",Nw="VideoProcessingTool_emptyBox__iij8A",Ew="VideoProcessingTool_uploadBtn__dud8d",Cw="VideoProcessingTool_text__HgRiy",Sw="VideoProcessingTool_tips__owSoa",Pw="VideoProcessingTool_tip__BWFDX",Bw="VideoProcessingTool_operationBtns__ggNb4",Iw="VideoProcessingTool_left__TwGNr",Tw="VideoProcessingTool_operationBtn__VQXVB",Rw="VideoProcessingTool_right__OL-TL",Fw=function(e){var t=e.videoInfo,n=e.videoDragOver,r=e.onDragOver,i=e.onDragLeave,a=e.onDrop,o=(0,p.Z)();return(0,s.jsx)("div",{className:_w,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:i,onDrop:a,children:(0,s.jsxs)("div",{className:Dw,children:[(0,s.jsx)("img",{src:t.firstImgUrl,alt:""}),(0,s.jsxs)("div",{className:Mw,children:[(0,s.jsxs)("div",{className:kw,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:kw,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:kw,children:[o.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):o.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:kw,children:[o.formatMessage({id:"common.size"}),"：",_l(t.size)]}),(0,s.jsxs)("div",{className:kw,children:[o.formatMessage({id:"common.duration"}),"：",Dl(t.duration)]})]})]})})},Ow={flipSideToSideStatus:{doing:!1,videoChunks:null},flipUpsideDownStatus:{doing:!1,videoChunks:null},leftRotateStatus:{doing:!1,videoChunks:null},rightRotateStatus:{doing:!1,videoChunks:null},toGreyStatus:{doing:!1,videoChunks:null},toBlackAndWhiteStatus:{doing:!1,videoChunks:null}},Gw=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,i=e.imgDataListToChunks,a=e.videoDragOver,o=e.generatingVideoRef,c=e.onDragOver,l=e.onDragLeave,u=e.onDrop,d=e.onClear,m=(0,p.Z)(),f=(0,r.useRef)((0,bl.Z)(Ow)),g=function(e,r){e&&e.videoChunks?Bl(e.videoChunks,t.name):t.imageDataList&&t.imageDataList.length>0&&n((function(){setTimeout((function(){r(t.imageDataList,(function(n){o.current&&i(n,(function(n){Bl(n,t.name),e.videoChunks=n}))}))}),100)}))};return(0,s.jsxs)("div",{children:[(0,s.jsx)(Fw,{videoInfo:t,videoDragOver:a,onDragOver:c,onDragLeave:l,onDrop:u}),(0,s.jsxs)("div",{className:Bw,children:[(0,s.jsxs)("div",{className:Iw,children:[(0,s.jsx)(oe.Z,{type:"primary",className:Tw,onClick:function(){return g(f.current.flipSideToSideStatus,pw)},children:m.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Tw,onClick:function(){return g(f.current.flipUpsideDownStatus,hw)},children:m.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Tw,onClick:function(){return g(f.current.leftRotateStatus,vw)},children:m.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Tw,onClick:function(){return g(f.current.rightRotateStatus,xw)},children:m.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Tw,onClick:function(){return g(f.current.toGreyStatus,yw)},children:m.formatMessage({id:"common.graying"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Tw,onClick:function(){return g(f.current.toBlackAndWhiteStatus,Aw)},children:m.formatMessage({id:"common.vampix"})})]}),(0,s.jsx)(oe.Z,{className:Rw,ghost:!0,type:"primary",onClick:d,children:m.formatMessage({id:"common.clear"})})]})]})},Zw=1e4,Qw=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,i=e.imgDataListToChunks,a=e.videoDragOver,c=e.generatingVideoRef,l=e.onDragOver,u=e.onDragLeave,d=e.onDrop,m=e.onClear,f=(0,p.Z)(),g=(0,r.useState)(!0),h=(0,o.Z)(g,2),v=h[0],x=h[1],y=(0,r.useState)(t.width),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useState)(t.height),_=(0,o.Z)(b,2),D=_[0],M=_[1];(0,r.useRef)(!1);return(0,r.useEffect)((function(){j(t.width),M(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Fw,{videoInfo:t,videoDragOver:a,onDragOver:l,onDragLeave:u,onDrop:d}),(0,s.jsxs)("div",{className:Bw,children:[(0,s.jsxs)("div",{className:Iw,children:[(0,s.jsx)(dA.Z,{className:Tw,checked:v,onChange:function(e){x(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(w&&D)j(null),M(null);else if(w){var i=Math.floor(w*r/n);M(i)}else if(D){var a=Math.floor(D*n/r);j(a)}}else w||D||(j(n),M(r))},children:f.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(wp.Z,{className:Tw,style:{width:"160px"},min:1,max:Zw,precision:0,value:w,addonBefore:f.formatMessage({id:"common.width"}),onChange:function(e){if(j(e),v&&e){var n=t.width,r=t.height,i=Math.floor(e*r/n);M(i)}}}),(0,s.jsx)(wp.Z,{className:Tw,style:{width:"160px"},min:1,max:Zw,precision:0,value:D,addonBefore:f.formatMessage({id:"common.height"}),onChange:function(e){if(M(e),v&&e){var n=t.width,r=t.height,i=Math.floor(e*n/r);j(i)}}}),(0,s.jsx)(oe.Z,{type:"primary",className:Tw,onClick:function(){w&&D?n((function(){setTimeout((function(){!function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4,o=arguments.length>6?arguments[6]:void 0,s=[];if(e&&e.length>0){var c=e.length,l=function l(){var u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;Promise.resolve().then((function(){var d=fm(e[u],t,n,r,i,a);d&&s.push(d),u<c?l(u+1):o(s)}))};l()}else o(s)}(t.imageDataList,t.width,t.height,w,D,Zw,(function(e){c.current&&i(e,(function(e){Bl(e,t.name)}))}))}),100)})):sl.ZP.warning(f.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))},children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:Rw,ghost:!0,type:"primary",onClick:m,children:f.formatMessage({id:"common.clear"})})]})]})},Lw=function(){var e=(0,p.Z)();return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",minHeight:"320px",color:"#ffffff",fontSize:"24px",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,display:"flex",justifyContent:"center",alignItems:"center",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)"},children:e.formatMessage({id:"common.comingSoon.text"})})},zw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Lw,{})})},Hw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Lw,{})})},Vw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Lw,{})})},Uw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Lw,{})})},Ww=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Lw,{})})},Yw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Lw,{})})},Jw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Lw,{})})};function qw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Kw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qw(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e[e.basicOperation=0]="basicOperation",e[e.changeSize=1]="changeSize",e[e.clipping=2]="clipping",e[e.combine=3]="combine",e[e.varyingVelocity=4]="varyingVelocity",e[e.addWatermark=5]="addWatermark",e[e.generateGIF=6]="generateGIF",e[e.AIGenerateSubtitles=7]="AIGenerateSubtitles",e[e.addAudio=8]="addAudio"}(dw||(dw={}));var Xw=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useState)(!1),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useRef)(!1),g=(0,r.useState)(!1),h=(0,o.Z)(g,2),x=h[0],y=h[1],A=(0,r.useRef)(!1),w=(0,r.useState)(null),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(null),M=(0,r.useRef)(null),k=(0,r.useRef)(null),N=(0,r.useRef)(null),E=(0,r.useRef)(0),C=(0,r.useRef)([]),S=function e(){if(f.current&&t.current&&k.current){var n=t.current,r=n.videoWidth,i=n.videoHeight;k.current.drawImage(t.current,0,0,r,i);var a=k.current.getImageData(0,0,r,i);C.current.push(a),E.current=window.requestAnimationFrame(e)}},P=function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;!A.current||r>=t.length?(null===(n=N.current)||void 0===n||n.stop(),A.current&&(A.current=!1,y(!1))):k.current&&(k.current.putImageData(t[r],0,0,0,0,t[0].width,t[0].height),E.current=window.requestAnimationFrame(e.bind(null,t,r+1)))},B=function(n){if(n&&0!==n.length){var r=n[0],i=r.type.split("/");if("video"===i[0]){f.current=!0,m(!0);var a=i[1].toUpperCase(),o=t.current,s=URL.createObjectURL(r);o.onloadeddata=function(){var e=o.videoWidth,t=o.videoHeight,n=o.duration,i=document.createElement("canvas");i.width=e,i.height=t;var c=i.getContext("2d");M.current=i,k.current=c,c.drawImage(o,0,0,e,t);var l=M.current.toDataURL("image/png"),u={name:r.name,fileType:a,size:r.size,width:e,height:t,duration:n,videoUrl:s,firstImgUrl:l,imageDataList:C.current};D.current=u,_(u),C.current.splice(0,C.current.length),S()},o.onended=function(){var e;null===(e=N.current)||void 0===e||e.stop(),f.current=!1,m(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)},o.onerror=function(){sl.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),D.current=null,_(null)},o.src=s}}},I=function(e){e.stopPropagation(),e.preventDefault(),a||c(!0)},T=function(e){e.stopPropagation(),e.preventDefault(),a&&c(!1)},R=function(e){e.stopPropagation(),e.preventDefault(),a&&c(!1);var t=e.dataTransfer.files;B(t)},F=function(){D.current=null,_(null),f.current=!1,m(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)};(0,r.useEffect)((function(){return F}),[]);var O={videoInfo:b,startgeneratingVideo:function(e){A.current=!0,y(!0),e()},imgDataListToChunks:function(e,t){if(e&&e.length>0&&M.current&&k.current){k.current.clearRect(0,0,M.current.width,M.current.height),M.current.width=e[0].width,M.current.height=e[0].height;var n=M.current.captureStream(),r=MediaRecorder.isTypeSupported("video/webm;codecs=vp9")?"video/webm;codecs=vp9":"video/webm",i=new MediaRecorder(n,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:r});i.ondataavailable=function(e){if(e.data&&e.data.size>0&&D.current){var n=[e.data];t(n)}},N.current=i,i.start(),P(e)}else t([])},videoDragOver:a,generatingVideoRef:A,onDragOver:I,onDragLeave:T,onDrop:R,onClear:function(){D.current=null,_(null)}},G=[{id:dw.basicOperation,label:e.formatMessage({id:"menu.videoProcessingTool.basicOperation"}),element:(0,s.jsx)(Gw,Kw({},O))},{id:dw.changeSize,label:e.formatMessage({id:"menu.videoProcessingTool.modifyTheSize"}),element:(0,s.jsx)(Qw,Kw({},O))},{id:dw.clipping,label:e.formatMessage({id:"menu.videoProcessingTool.clipping"}),element:(0,s.jsx)(zw,Kw({},O))},{id:dw.combine,label:e.formatMessage({id:"menu.videoProcessingTool.combine"}),element:(0,s.jsx)(Hw,Kw({},O))},{id:dw.varyingVelocity,label:e.formatMessage({id:"menu.videoProcessingTool.varyingVelocity"}),element:(0,s.jsx)(Vw,Kw({},O))},{id:dw.addWatermark,label:e.formatMessage({id:"menu.videoProcessingTool.addWatermark"}),element:(0,s.jsx)(Uw,Kw({},O))},{id:dw.generateGIF,label:e.formatMessage({id:"menu.videoProcessingTool.generateGIF"}),element:(0,s.jsx)(Ww,Kw({},O))},{id:dw.AIGenerateSubtitles,label:e.formatMessage({id:"menu.videoProcessingTool.AIGenerateSubtitles"}),element:(0,s.jsx)(Yw,Kw({},O))},{id:dw.addAudio,label:e.formatMessage({id:"menu.videoProcessingTool.addAudio"}),element:(0,s.jsx)(Jw,Kw({},O))}],Z=(0,r.useState)(G[0].id),Q=(0,o.Z)(Z,2),L=Q[0],z=Q[1];return(0,s.jsxs)("div",{className:ww,children:[(0,s.jsxs)("div",{className:jw,children:[(0,s.jsx)(Vy,{className:bw,data:G,selectedTabId:L,onChange:function(e){z(e)}}),!b&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:_w,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:I,onDragLeave:T,onDrop:R,children:(0,s.jsxs)("div",{className:Nw,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:Ew,children:[(0,s.jsx)(Yu.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;B(t)}})]}),(0,s.jsx)("p",{className:Cw,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Sw,children:e.formatMessage({id:"common.supportedVideoType"})})]})}),(0,s.jsx)("div",{className:Pw,children:e.formatMessage({id:"page.videoProcessingTool.tip"})})]}),b&&G.filter((function(e){return e.id===L}))[0].element]}),(0,s.jsx)("video",{style:{width:"".concat(null==b?void 0:b.width,"px"),height:"".concat(null==b?void 0:b.height,"px"),visibility:"hidden"},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)(v.Z,{open:d,closeIcon:null,footer:null,centered:!0,keyboard:!1,width:400,children:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,s.jsx)(fw.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"common.parsingData"})}),(0,s.jsx)(oe.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:F,children:e.formatMessage({id:"common.cancel"})})]})}),(0,s.jsx)(v.Z,{open:x,closeIcon:null,footer:null,centered:!0,keyboard:!1,width:400,children:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,s.jsx)(fw.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"page.videoProcessingTool.generatingVideo"})}),(0,s.jsx)(oe.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:function(){A.current=!1,y(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)},children:e.formatMessage({id:"common.cancel"})})]})})]})},$w=n(32370),ej=n(68023),tj=n(95131),nj=n(27240),rj=n(60532),ij=n(94432),aj=n(82658),oj=n(93450),sj=n(8690),cj=n(37744),lj=n(17813),uj=n(3174),dj=n(5931),mj=n(71257),fj=n(17274),gj=n(87164),pj=n(61972),hj=n(6267);ej.D([nj.N,rj.N,ij.N,aj.N,oj.N,sj.N,cj.N,lj.N,dj.N,mj.N,fj.N,gj.T,pj.z,hj.N,uj.N]);var vj=tj,xj=n(70794),yj=n(45969),Aj=1e4,wj=1e3,jj=1e12,bj=1e9,_j=1e6,Dj=1e3,Mj=Object.freeze({thousand:"K",million:"M",billion:"B",trillion:"T"}),kj=/([0])\1{2}/,Nj=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e.isZero()&&!t)return"N/A";if(e.isZero()&&t)return"0";if(e.gte(jj)||e.isEqualTo(jj))return e.div(jj).toFormat(1)+Mj.trillion;if((e.gte(bj)||e.isEqualTo(bj))&&e.lte(jj))return e.div(bj).toFormat(1)+Mj.billion;if((e.gte(_j)||e.isEqualTo(_j))&&e.lte(jj)&&e.lte(bj))return e.div(_j).toFormat(1)+Mj.million;if(e.gte(Aj))return e.div(Dj).toFormat(1)+Mj.thousand;if(e.gte(wj)&&e.lte(Aj))return e.div(Dj).toFormat(2)+Mj.thousand;var n=e.toFixed().split(".")[1];return e.lte(wj)&&!kj.test(n)?0===e.dp()?e.toFormat(0):e.dp(4).toNumber():e.lte(wj)&&kj.test(n)?"".concat(e.integerValue(xj.Z.ROUND_DOWN),".").concat(Ej(n)):"N/A"},Ej=function(e){for(var t=e.toString().split(""),n=[],r=1;r<=t.length&&new xj.Z(t[r]).isEqualTo(new xj.Z(t[r-1]));r++)new xj.Z(+t[r]).isZero()&&n.push(t[r]);return n.length<=1?t.splice(0,4).join(""):"0{".concat(n.length+1,"}").concat(t.splice(n.length+1,4).join(""))},Cj=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,yj.xbD)(e)||(0,yj.kKJ)(e))return"N/A";var n=new xj.Z(e),r=n.isNegative();if(r){var i=Nj(n.absoluteValue(),t);return"N/A"===i||"0"===i?i:"-".concat(i)}return Nj(n,t)},Sj=function(e,t){var n=e.options,i=void 0===n?{}:n,a=e.renderType,o=void 0===a?"canvas":a,c=e.style,l=void 0===c?{width:"100%",height:"100%"}:c,u=e.onHoverChange,d=e.onClickChange,m=e.legendSelectChanged,f=e.onGlobalout,g=(0,r.useRef)(null),p=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(function(){return p}),[]);var h=(0,r.useCallback)((function(){if(g.current){var e,t,n,r,a,s,c=null==vj?void 0:vj.getInstanceByDom(g.current);if(p.current=c||(null==vj?void 0:vj.init(g.current,void 0,{renderer:o})),d&&(null===(e=p.current)||void 0===e||e.on("click",(function(e){d(e)}))),u&&(null===(t=p.current)||void 0===t||t.on("mousemove",(function(e){u(e)}))),m&&(null===(n=p.current)||void 0===n||n.on("legendselectchanged",(function(e){m(e)}))),"pie"===(i.series&&(null!==(r=null===(a=i.series[0])||void 0===a?void 0:a.type)&&void 0!==r?r:"")))(null==i?void 0:i.series)[0].labelLayout=function(e){return function(e,t){var n=e.labelRect.x<t.getWidth()/2,r=e.labelLinePoints;return r?(r[2][0]=n?e.labelRect.x:e.labelRect.x+e.labelRect.width,{labelLinePoints:r}):{}}(e,p.current)};f&&(null===(s=p.current)||void 0===s||s.on("globalout",f)),p.current.setOption(i)}}),[i,o]);return(0,r.useEffect)((function(){var e=function(){var e=null==p?void 0:p.current;e&&e.resize()};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),(0,r.useEffect)((function(){return h(),function(){var e=p.current;e&&e.dispose()}}),[i]),(0,s.jsx)("div",{ref:g,style:l})},Pj=r.forwardRef(Sj,{}),Bj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{show:!0,trigger:"axis",enterable:!0,axisPointer:{type:"cross",crossStyle:{color:"#999"}},formatter:function(e){if(e){var t=e[0].value;if(t&&t.length>=2)return'<span><span style="margin-right:20px">'.concat((0,kr.Z)(t[0],"MM-dd"),"</span>$").concat(Cj(t[1],!0),"</span>")}return""}},grid:{left:14,right:14,top:40,bottom:16,containLabel:!0},xAxis:{type:"time",axisPointer:{show:!0,type:"shadow",label:{show:!1}},axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,formatter:"{MM}-{dd}",rotate:45},axisLine:{show:!0}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}},axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},series:[{type:"bar",barWidth:6,label:{show:!1,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,position:"top"},itemStyle:{normal:{color:function(e){return e.data&&e.data[1]<0&&e.data[1]<0?"#EB5454":"#47b262"}}}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(Pj,{options:o,style:n,onClickChange:a,onHoverChange:i})},Ij="Bar_container__hb+LN",Tj="Bar_box__JphSL",Rj="Bar_echart__tCYPn",Fj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<60;t++){var n=new Date,r=(0,$w.Z)(n,60-t).valueOf(),a=8e3*(Math.random()-.5);e.push([r,a])}i(e)}()}),[]),(0,s.jsx)("div",{className:Rj,children:(0,s.jsx)(Bj,{data:{dataSource:n}})})},Oj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e,n=(e=null==t?void 0:t.legendData,{graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],color:b,legend:{show:!0,data:e,textStyle:{overflow:"truncate",fontSize:13,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},tooltip:{trigger:"axis",axisPointer:{type:"cross",crossStyle:{color:"#999"}},textStyle:{fontWeight:400}},grid:{left:60,right:20,top:40,bottom:60},xAxis:[{type:"category",axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,rotate:45}}],yAxis:[{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}},axisLabel:{show:!0,color:"#808191",fontSize:12,formatter:function(e){return Cj(e,!0)}}}],series:[{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(Cj(e,!0))}}},{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(Cj(+e,!0))}}},{type:"line",yAxisIndex:0,tooltip:{valueFormatter:function(e){return"$".concat(Cj(e,!0))}}}],dataset:{source:[]}}),r=t.dataSource;return r?(n.dataset={source:r},n):n}),[t]);return(0,s.jsx)(Pj,{options:o,style:n,onClickChange:a,onHoverChange:i})},Gj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[["project","increase","decrease","sum"]],t=0;t<20;t++){var n="name".concat(t+1),r=8e3*Math.random(),a=8e3*-Math.random(),o=r+a;e.push([n,r,a,o])}i(e)}()}),[]),(0,s.jsx)("div",{className:Rj,children:(0,s.jsx)(Oj,{data:{dataSource:n,legendData:[{name:"increase",icon:"rect"},{name:"decrease",icon:"rect"},{name:"sum"}]}})})},Zj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useRef)(null),c=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{show:!0,trigger:"item",borderColor:"transparent",enterable:!0,showDelay:10,hideDelay:150},legend:{top:10,type:"scroll",icon:"circle",itemWidth:12,itemGap:22,textStyle:{overflow:"truncate",fontSize:13,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},grid:{top:50,left:30,right:26,bottom:20,containLabel:!0},xAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}}},yAxis:{type:"category",axisPointer:{show:!0,type:"shadow",label:{show:!1}},axisLabel:{color:"#808191",fontSize:13}},series:[{type:"bar",stack:"total",barWidth:36,label:{show:!1},emphasis:{focus:"series",blurScope:"global"},selectedMode:"single",select:{disabled:!1,itemStyle:{borderWidth:1,borderColor:"#1D212A"}}}],dataset:{source:[]}},n=t.yAxisTransform,r=t.dataSource;if(!r||"{}"===JSON.stringify(r))return e;for(var i=Object.keys(r),a=[],o=["product"],s=0,c=function(e){var t=i[e],c=r[t],l=Object.keys(c);e===i.length-1&&(o=o.concat(l),a.push(o),s=l.length);var u=[];n&&n[t]?u.push(n[t]):u.push(t),l.forEach((function(e){var t=c[e];u.push(t.length)})),a.push(u)},l=i.length-1;l>=0;l--)c(l);if(e.dataset.source=a,s>1)for(var u=e.series.shift(),d=s-1;d>=0;d--){var m=(0,bl.Z)(u);e.series.push(m)}return e.tooltip.formatter=function(e,t){if(t.startsWith("item")){var i,a=e.name,o=e.seriesName,s=e.color,c=a;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===a){c=d;break}}var m=null!==(i=r[c][o])&&void 0!==i?i:[],f="<div style='max-height:540px;overflow-y:auto;user-select:text;font-size:12px;' class='echart-scrollbar-style'>\n        <div style='margin-bottom:4px;color:#999999'>".concat(c,"</div>\n        <div style='margin-bottom:3px;display:flex;justify-content:space-between;align-items:center'><div style='display:flex;align-items:center'>\n        <div style='width:10px;line-height:10px;heigth:10px;min-height:10px;max-height:10px;border-radius:5px;background-color:").concat(s,"'></div>\n        <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(o,"</div></div>\n        <div style='color:#222222'>").concat(m.length,"</div></div>");return m.forEach((function(e){f+="<div style='width:180px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;margin:4px 0'>".concat(e,"</div>")})),f+="</div>"}var g="";return e.forEach((function(e,t){var r=e.name,i=e.seriesName,a=e.color,o=e.seriesIndex,s=e.data;if(0===t){var c=r;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===r){c=d;break}}g+="<div style='max-height:510px;overflow-y:auto;user-select:text;font-size:12px;' class='echart-scrollbar-style'><div style='margin-bottom:4px;color:#999999'>".concat(c,"</div>")}g+="<div style='margin:3px;display:flex;justify-content:space-between;align-items:center;font-size:12px;'><div style='display:flex;align-items:center;'>\n          <div style='width:10px;line-height:10px;heigth:10px;min-height:10px;max-height:10px;border-radius:5px;background-color:".concat(a,"'></div>\n          <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(i,"</div></div>\n          <div style='color:#222222;margin-left:4px'>").concat(s[o+1],"</div></div>")})),g+="</div>"},e}),[t]),l=(0,r.useCallback)((function(){var e=o.current;if(null!=e&&e.current){var t=[],n=c.series.length;if(n)for(var r=0;r<n;r++)t.push(r);e.current.dispatchAction({type:"unselect",dataIndex:t})}}),[c]);return(0,s.jsx)(Pj,{options:c,style:n,onClickChange:a,onHoverChange:i,onGlobalout:l,ref:o})},Qj=function(){var e=(0,r.useState)({}),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){i({"first party":{Live:["绝地求生","无限法则","重生边缘"],Development:["新天龙部","魔域","战神觉醒","热血合击","神戒","原神","神武4"],Legacy:["贪玩蓝月","赤月传说2","超激斗梦境","仙侠世界2"],"Pre-planned":["裁决战歌","绿茵信仰"],Canceled:["流放之路","战","大皇帝传奇世界","生死狙击2"],Finished:["王者荣耀","英雄联盟"]},"second party":{Live:["我的世界"],Development:["最终幻想14","守望先锋","DOTA2","激战2","魔域永恒","武动苍穹","鬼谷无双新版","永劫无间"],Legacy:["古剑奇谭网络版","火影忍者","斗罗大陆"],"Pre-planned":["剑灵","热血传奇神武4","暗黑大天使"],Canceled:["地下城与勇士","剑网3重制版","全面战争竞技场","艾兰岛"],Finished:["天涯明月刀","热血合击"]},"third party":{Live:["英雄联盟","穿越火线","天涯明月刀","生死狙击","龙武","战意"],Development:["逆水寒33333333333333333333333333333333333333333333333","魔力宝贝","奇迹MU","莽荒纪2","热血国2","领地人生"],Legacy:["魔兽世界","诛仙3","传奇霸业","泰亚史诗"],"Pre-planned":["龙武2","梦幻西游","剑网3","蓝月传奇","神座","热血战歌","龙神契约","堡垒之夜","天龙部归来","穿越火线HD"],Canceled:["炉石传说","攻城掠地","万智牌竞技场"],Finished:["传奇霸业","龙武"]}})}),[]),(0,s.jsx)("div",{className:Rj,children:(0,s.jsx)(Zj,{data:{dataSource:n}})})},Lj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],color:["#F76F69","#7C51ED"],legend:{show:!1},tooltip:{trigger:"axis",textStyle:{fontWeight:400}},grid:{left:20,right:20,top:20,bottom:60},xAxis:[{type:"category",axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,margin:30},axisLine:{show:!1},axisTick:{show:!1}}],yAxis:[{type:"value",show:!1}],series:[{type:"bar",barWidth:18,tooltip:{valueFormatter:function(e){return"$".concat(Cj(e,!0))}},itemStyle:{borderRadius:9}},{type:"line",smooth:!0,symbol:"none",tooltip:{valueFormatter:function(e){return"$".concat(Cj(e,!0))}},lineStyle:{width:4},areaStyle:{color:"rgba(124,81,237,0.1)"}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(Pj,{options:o,style:n,onClickChange:a,onHoverChange:i})},zj=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],Hj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){var e=[["project","type1","type2"]];zj.forEach((function(t){var n=8e3*Math.random()+1e3,r=n+1e3*Math.random()+1e3;e.push([t,n,r])})),i(e)}()}),[]),(0,s.jsx)("div",{className:Rj,children:(0,s.jsx)(Lj,{data:{dataSource:n}})})},Vj=be.GridBox,Uj=[{element:(0,s.jsx)(Fj,{})},{element:(0,s.jsx)(Gj,{})},{element:(0,s.jsx)(Qj,{})},{element:(0,s.jsx)(Hj,{})}],Wj=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Ij,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Uj.map((function(e,t){return(0,s.jsx)(Vj,{children:(0,s.jsx)("div",{className:Tj,children:e.element})},t)}))})})},Yj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],legend:{type:"scroll",height:"88%",right:12,top:"middle",icon:"rect",align:"left",orient:"vertical",itemWidth:20,itemHeight:8,itemGap:12,textStyle:{width:120,overflow:"truncate",color:"#808191",fontSize:14,fontFamily:"SourceHanSansCN-Medium",fontWeight:500},selectedMode:!0,pageTextStyle:{color:"#808191"}},tooltip:{show:!0,valueFormatter:function(e){return Cj(e,!0)}},series:[{name:"Price",type:"pie",radius:["52%","68%"],avoidLabelOverlap:!1,label:{show:!1,position:"center",fontSize:26,formatter:function(e){return e&&e.value?"{value|".concat(Cj(e.value[1],!0),"}\n\n").concat(e.name):""},rich:{value:{color:"#fff",fontFamily:"SourceHanSansCN-Bold",fontWeight:"bold",fontSize:28}}},emphasis:{label:{show:!0,fontSize:20,color:"#ccc",fontWeight:"normal"}},labelLine:{show:!1}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(Pj,{options:o,style:n,onClickChange:a,onHoverChange:i})},Jj="Pie_container__7WS5q",qj="Pie_box__iB+Jb",Kj="Pie_echart__9ruPj",Xj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n="name".concat(t+1),r=8e3*Math.random();e.push([n,r])}i(e)}()}),[]),(0,s.jsx)("div",{className:Kj,children:(0,s.jsx)(Yj,{data:{dataSource:n}})})},$j="Pie2_container__1kWGu",eb="Pie2_chartBox__WFi8U",tb="Pie2_rightBox__qDUHz",nb="Pie2_item__gvlG9",rb="Pie2_rect__cmCdf",ib="Pie2_name__MCsdh",ab="Pie2_value__lMuMg",ob=function(e){var t,n=e.data,i=e.style,a=e.onHoverChange,o=e.onClickChange,c=(0,r.useRef)(null),l=(0,r.useRef)(0),u=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{trigger:"item",formatter:function(e){var t=e.value;return"".concat(t[0]," : $").concat(Cj(t[1],!0))}},series:[{name:"Price",type:"pie",radius:["53%","68%"],left:"10%",emphasis:{label:{show:!0,fontSize:20,color:"#ffffff",width:150,lineHeight:20,overflow:"truncate",formatter:function(e){var t=e.value;return"".concat(t[0]," \n $").concat(Cj(t[1],!0))}}},avoidLabelOverlap:!1,label:{show:!1,position:"center"},labelLine:{show:!1}}],dataset:{source:[]}},t=n.dataSource;return t?(e.dataset={source:t},e):e}),[n]);return(0,s.jsxs)("div",{className:$j,children:[(0,s.jsx)("div",{className:eb,children:(0,s.jsx)(Pj,{options:u,style:i,onClickChange:o,onHoverChange:function(e){!function(e){var t,n=e.dataIndex;null!==(t=c.current)&&void 0!==t&&t.current&&"series"===e.componentType&&n!==l.current&&(c.current.current.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:l.current}),c.current.current.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:n}),l.current=n)}(e),a&&a(e)},ref:c})}),(0,s.jsx)("div",{className:tb,children:null==n||null===(t=n.dataSource)||void 0===t?void 0:t.map((function(e,t){return(0,s.jsxs)("div",{className:nb,onMouseMove:function(){return function(e){var t;null!==(t=c.current)&&void 0!==t&&t.current&&e!==l.current&&(c.current.current.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:l.current}),c.current.current.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:e}),l.current=e)}(t)},children:[(0,s.jsx)("div",{className:rb,style:{backgroundColor:b[t]}}),(0,s.jsx)("div",{className:ib,children:e[0]}),(0,s.jsx)("div",{className:ab,children:"$".concat(e[1])})]},t)}))})]})},sb=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n=Math.ceil(4*Math.random()+1),r="".concat("name".repeat(n)).concat(t+1),a=8e3*Math.random();e.push([r,a])}i(e)}()}),[]),(0,s.jsx)("div",{className:Kj,children:(0,s.jsx)(ob,{data:{dataSource:n}})})},cb=be.GridBox,lb=[{element:(0,s.jsx)(Xj,{})},{element:(0,s.jsx)(sb,{})}],ub=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Jj,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:lb.map((function(e,t){return(0,s.jsx)(cb,{children:(0,s.jsx)("div",{className:qj,children:e.element})},t)}))})})},db=n(61192),mb="Tree_container__aIZ1p",fb="Tree_box__r2FXq",gb="Tree_echart__AMoeM";db.ZP.registerNode("custom-node",{drawShape:function(e,t){if(e&&t){var n="#fff",r="#0d1b3f",i="#6e768c";switch(e.level){case 1:n="#3b4fcc",r="#fff",i="#fff";break;case 2:n="#86B6F6"}var a=t.addShape("rect",{attrs:{fill:n,stroke:n,radius:6},name:"box-shape"}),o=function(e,t){var n=0,r="";if(!e||t<=0)return e;var i,a=Ke(e);try{for(a.s();!(i=a.n()).done;){var o=i.value;n>=t?(r+="".concat(o,"\n"),n=0):(r+=o,n++)}}catch(e){a.e(e)}finally{a.f()}return r.endsWith("\n")&&(r=r.substring(0,r.length-1)),r}("【第".concat(e.level,"层】").concat(e.title),20),s=t.addShape("text",{attrs:{text:o,fontSize:6,lineHeight:9,fontWeight:500,textAlign:"left",textBaseline:"middle",fill:r},capture:!1,name:"title-shape"}),c=s.getBBox();s.attr({x:-c.width/2,y:0});var l=Math.floor((c.height-6)/9)+1,u=c.height;l<=1?u+=4:u-=Math.ceil(4*(l-2));var d,m=t.addShape("text",{attrs:{text:e.code,x:-c.width/2,y:u,fontSize:6,lineHeight:9,textAlign:"left",textBaseline:"middle",fill:i},capture:!1,name:"code-shape"}).getBBox();if(a.attr({x:-c.width/2-6,y:-c.height/2-6,width:c.width+12,height:Math.ceil(c.height+m.height+12+l)}),e.level>1&&e.children&&e.children.length>0)if(t.addShape("circle",{attrs:{x:0,y:u+10,r:6,fill:"#fff",stroke:"#cfd1d9",lineWidth:.5,cursor:"pointer"},name:"collapse-icon"}),null!==(d=t.cfg)&&void 0!==d&&d.item){var f=t.cfg.item.getModel().collapsed;t.addShape("marker",{attrs:{x:0,y:u+10,r:2,fill:"#fff",stroke:"#0d1b3f",cursor:"pointer",symbol:function(e,t,n){return[["M",e-n,t+n/2],["L",e,t-n/2],["L",e+n,t+n/2]]}},visible:!f,capture:!1,name:"collapse-marker"}),t.addShape("text",{attrs:{text:e.children.length,x:0,y:u+10.5,fontSize:6,lineHeight:9,textAlign:"center",textBaseline:"middle",fill:"#0d1b3f",cursor:"pointer"},visible:!!f,capture:!1,name:"num-text"})}return a}return null},setState:function(e,t,n){if("collapsed"===e){var r=null==n?void 0:n.getContainer();if(r){var i=r.find((function(e){return"collapse-marker"===e.get("name")}));null==i||i.set("visible",!t);var a=r.find((function(e){return"num-text"===e.get("name")}));null==a||a.set("visible",t)}}}},"single-node");var pb=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){!function(){if(e.current){var n=e.current.clientWidth||500,r=e.current.clientHeight||300;t.current||(t.current=new db.ZP.TreeGraph({container:e.current,width:n,height:r,fitView:!0,fitViewPadding:80,modes:{default:["drag-canvas","zoom-canvas","drag-node"]},defaultNode:{type:"custom-node"},defaultEdge:{type:"cubic-vertical",style:{stroke:"#cfd1d9",lineWidth:1,endArrow:{path:db.ZP.Arrow.circle(2,0),d:0,fill:"#cfd1d9"}}},layout:{type:"compactBox",direction:"TB",getId:function(e){return e.id},getVGap:function(){return 22},getHGap:function(){return 60}}}))}}(),t.current&&(t.current.data({id:"ID1",level:1,title:"这是标题这是标题这是标题这是标题这是标题",code:"1004353453453425",children:[{id:"ID11",level:2,title:"这是标题这是标题这是标题这是标题这是标题",code:"10056575674576576",children:[{id:"ID111",level:3,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1111",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1112",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]},{id:"ID112",level:3,title:"这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1121",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1122",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1123",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]},{id:"ID113",level:3,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1131",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]}]}]}),t.current.off("node:click").on("node:click",(function(e){"collapse-icon"===e.target.get("name")&&(e.item.getModel().collapsed=!e.item.getModel().collapsed,t.current.setItemState(e.item,"collapsed",e.item.getModel().collapsed),t.current.layout())})),t.current.render())}),[]),(0,r.useEffect)((function(){var n=function(){t.current&&!t.current.get("destroyed")&&e.current&&(t.current.changeSize(e.current.clientWidth,e.current.clientHeight),t.current.fitView())};return window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}),[]),(0,s.jsx)("div",{className:gb,ref:e})},hb=[{element:(0,s.jsx)(pb,{})}],vb=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:mb,children:hb.map((function(e,t){return(0,s.jsx)("div",{className:fb,children:e.element},t)}))})},xb=[{path:"/html",children:[{path:"/html/visualDesign",element:(0,s.jsx)(Lr,{})},{path:"/html/interactiveDesign",element:(0,s.jsx)(Zc,{})},{path:"/html/backgroundEffect",element:(0,s.jsx)(Hc,{})},{path:"/html/complexLayout",element:(0,s.jsx)(xu,{})},{path:"/html/appPageFrame",element:(0,s.jsx)(Uu,{})},{path:"/html/utilitarianFunction",element:(0,s.jsx)(Cm,{})}]},{path:"/css",children:[{path:"/css/dynamicButtons",element:(0,s.jsx)(Qf,{})},{path:"/css/richDynamicEffect",element:(0,s.jsx)(yp,{})},{path:"/css/generateRegularPolygon",element:(0,s.jsx)(Cp,{})}]},{path:"/canvas",children:[{path:"/canvas/sphereCollisionExample",element:(0,s.jsx)(zp,{})},{path:"/canvas/dynamicClock",element:(0,s.jsx)(Up,{})},{path:"/canvas/searchlight",element:(0,s.jsx)(Jp,{})},{path:"/canvas/globuleInteraction",element:(0,s.jsx)(eh,{})},{path:"/canvas/killPlanetGame",element:(0,s.jsx)(ch,{})},{path:"/canvas/freeFallingBody",element:(0,s.jsx)(hh,{})},{path:"/canvas/countDown",element:(0,s.jsx)(Nh,{})},{path:"/canvas/particlesBg",element:(0,s.jsx)(Ch,{})},{path:"/canvas/rippleFloatOnTheWater",element:(0,s.jsx)(Fh,{})},{path:"/canvas/flowerBloom",element:(0,s.jsx)(zh,{})},{path:"/canvas/codeBgWall",element:(0,s.jsx)(Wh,{})},{path:"/canvas/wordDance",element:(0,s.jsx)(Xh,{})},{path:"/canvas/scratch",element:(0,s.jsx)(tv,{})},{path:"/canvas/matchLine",element:(0,s.jsx)(mv,{})}]},{path:"/echarts",children:[{path:"/echarts/bar",element:(0,s.jsx)(Wj,{})},{path:"/echarts/pie",element:(0,s.jsx)(ub,{})},{path:"/echarts/tree",element:(0,s.jsx)(vb,{})}]},{path:"/threejs",children:[{path:"/threejs/threejsAppPageFrame",element:(0,s.jsx)(kv,{})},{path:"/threejs/carShow",element:(0,s.jsx)(Lv,{})},{path:"/threejs/rubiksCube",element:(0,s.jsx)(Xv,{})},{path:"/threejs/throwDice",element:(0,s.jsx)(ux,{})},{path:"/threejs/mapDisplay",element:(0,s.jsx)(Ux,{})},{path:"/threejs/earthDisplay",element:(0,s.jsx)(My,{})}]},{path:"/AIApplication",children:[{path:"/AIApplication/humanPostureDetection",element:(0,s.jsx)(Ty,{})},{path:"/AIApplication/notBlockPeopleBarrage",element:(0,s.jsx)(zy,{})}]},{path:"/imageProcessingTool",element:(0,s.jsx)(mw,{})},{path:"/videoProcessingTool",element:(0,s.jsx)(Xw,{})}],yb=[{path:"/*",element:(0,s.jsx)(xe,{})}],Ab=n(29558),wb={"zh-cn":{"common.logoName":"视觉效果集合","common.reward":"打赏","common.reward.tip":"如果觉得网站不错，内容对你有所帮助，再打赏也不迟","common.LanguageSwitch":"中英文切换","common.keepUpdating":"持续更新, 敬请期待","common.comingSoon":"敬请期待","common.comingSoon.text":"该项目持续更新，敬请期待！！！","common.workHard":"正在努力工作，请稍后","common.tryingToLoad":"努力加载中，请稍等","common.start":"开始","common.end":"结束","common.operationFailure":"操作失败","common.noData":"暂无","common.unknown":"未知","common.confirm":"确定","common.cancel":"取消","common.clear":"清空","common.play":"播放","common.pause":"暂停","common.download":"下载","common.get":"获取","common.failedToObtain":"获取失败","common.failedToObtain2":"获取失败，浏览器不支持","common.pleaseEnterText":"请输入文本","common.getText":"获取文本","common.save":"保存","common.saveSuccessfully":"保存成功","common.saveFailed":"保存失败，浏览器不支持","common.parsingDataFailure":"解析数据失败，请更换其他文件","common.uploadFile":"上传文件","common.dragTheFileHere":"或将文件拖到此处","common.supportedImageType":"支持jpg、jpeg、png格式","common.supportedVideoType":"支持webm、mp4格式","common.pleaseUploadPicture":"请先上传图片","common.deviceNotFound":"请求的设备未找到","common.impowerOpenMicrophone":"授权失败，请点击设置->隐私设置和安全->网站设置->麦克风，打开允许使用","common.impowerOpenCamera":"授权失败，请点击设置->隐私设置和安全->网站设置->摄像头，打开允许使用","common.notSupportGetUserMedia":"浏览器不支持getUserMedia","common.notSupportGetDisplayMedia":"浏览器不支持getDisplayMedia","common.browserTooLow":"您的浏览器版本过低，请更新浏览器","common.backgroundColor":"背景色","common.filename":"文件名","common.format":"格式","common.dimension":"尺寸","common.size":"大小","common.width":"宽度","common.height":"高度","common.duration":"时长","common.transparency":"透明色","common.red":"红色","common.blue":"蓝色","common.white":"白色","common.watermarkSizeLimit":"请选择20x20以上尺寸的水印图片","common.watermarkSizeTooLarge":"请选择小于目标图片尺寸的水印图片","common.uploadWatermark":"上传水印","common.distanceLeft":"距离左侧","common.distanceTop":"距离顶部","common.clippingWidth":"裁剪宽度","common.clippingHeight":"裁剪高度","common.flipSideToSide":"左右翻转","common.flipTopToBottom":"上下翻转","common.rotateLeft":"左旋转","common.rotateRight":"右旋转","common.graying":"灰化","common.vampix":"黑白化","common.mosaicGrainSize":"马赛克颗粒大小","common.parsingData":"解析数据中","common.whetherMaintainOriginalProportion":"是否保持原比例","common.pleaseEnterWidthOrHeight":"请输入宽度或高度","common.reset":"重置","common.backout":"撤销","common.delete":"删除","common.inquire":"查询","common.checkout":"校验","common.moduleTitle":"模块标题","common.customizeContent":"自定义内容","common.ad.btnText":"马上体验","menu.htmlVision":"Html视觉","menu.htmlVision.visualDesign":"视觉设计","menu.htmlVision.interactiveDesign":"交互设计","menu.htmlVision.backgroundPattern":"背景图案","menu.htmlVision.complexLayout":"复杂布局","menu.htmlVision.applicationPageFrame":"应用页面框架","menu.htmlVision.utilitarianFunction":"实用功能","menu.cssDynamicEffect":"Css动效","menu.cssDynamicEffect.dynamicEffectButton":"动效按钮","menu.cssDynamicEffect.richDynamicEffect":"丰富动效","menu.cssDynamicEffect.generateRegularPolygon":"生成正多边形","menu.cssDynamicEffect.musicVisualization":"音乐可视化","menu.canvasDynamicEffect":"Canvas动效","menu.canvasDynamicEffect.sphereCollisionExample":"sphere-collision库示例","menu.canvasDynamicEffect.dynamicClock":"动态时钟","menu.canvasDynamicEffect.searchlightEffect":"探照灯效果","menu.canvasDynamicEffect.sphereCollisionInteraction":"球体碰撞交互","menu.canvasDynamicEffect.destroyThePlanetGame":"消灭行星小游戏","menu.canvasDynamicEffect.sphereFreeFallInteraction":"球体自由落体交互","menu.canvasDynamicEffect.coolCountdownAnimation":"炫酷倒计时动画","menu.canvasDynamicEffect.dynamicParticleBackground":"动态粒子背景","menu.canvasDynamicEffect.rippleEffect":"水波荡漾效果","menu.canvasDynamicEffect.flowerBloomingAnimation":"花卉绽放动画","menu.canvasDynamicEffect.codeBackgroundWall":"代码背景墙","menu.canvasDynamicEffect.wordDance":"文字跳舞","menu.canvasDynamicEffect.scratch":"刮刮乐","menu.canvasDynamicEffect.matchLine":"连接线","menu.echartsInteraction":"Echarts交互","menu.echartsInteraction.barCharts":"柱状图","menu.echartsInteraction.pieCharts":"饼图","menu.echartsInteraction.treeCharts":"树状图","menu.threeJs3D":"Three.js3D","menu.threeJs3D.appPageFrame":"炫酷3D应用页面","menu.threeJs3D.carShow":"汽车展览","menu.threeJs3D.rubiksCube":"3阶魔方","menu.threeJs3D.throwDice":"投骰子","menu.threeJs3D.mapDisplay":"地图展示","menu.threeJs3D.earthDisplay":"地球展示","menu.AIApplication":"人工智能应用","menu.AIApplication.humanPostureDetection":"人体姿态检测","menu.AIApplication.notBlockPeopleBarrage":"不挡人像的弹幕","menu.imageProcessingTool":"图片处理工具","menu.imageProcessingTool.basicOperation":"基础操作","menu.imageProcessingTool.rectangularClipping":"矩形裁剪","menu.imageProcessingTool.roundedCornerClipping":"圆角裁剪","menu.imageProcessingTool.modifyTheSize":"修改尺寸","menu.imageProcessingTool.modifyBrightness":"修改亮度","menu.imageProcessingTool.modifyTransparency":"修改透明度","menu.imageProcessingTool.addWatermark":"添加水印","menu.imageProcessingTool.coverWithMosaics":"打马赛克","menu.imageProcessingTool.imageCompression":"图片压缩","menu.videoProcessingTool":"视频处理工具","menu.videoProcessingTool.basicOperation":"基础操作","menu.videoProcessingTool.modifyTheSize":"修改尺寸","menu.videoProcessingTool.clipping":"裁剪","menu.videoProcessingTool.combine":"合并","menu.videoProcessingTool.varyingVelocity":"变速","menu.videoProcessingTool.addWatermark":"添加水印","menu.videoProcessingTool.generateGIF":"生成GIF图","menu.videoProcessingTool.AIGenerateSubtitles":"AI生成字幕","menu.videoProcessingTool.addAudio":"添加音频","page.htmlVision.visualDesign.displaysCustomRows":"该组件为超出时显示省略号的文本组件, 还可动态获取文字是否超出。","page.htmlVision.visualDesign.displaysCustomRows2":"该组件为可显示自定义行数，超出时显示省略号的文本组件，还支持在最后面出现省略号时显示自定义的文字按钮。","page.htmlVision.visualDesign.thisIsText":"这是文字。","page.htmlVision.visualDesign.quantumEntanglementTip":"该站中有隐藏款量子纠缠效果等待你发现哦。","page.htmlVision.visualDesign.brighten":"变亮","page.htmlVision.visualDesign.grayed":"变灰","page.htmlVision.visualDesign.textShadow":"文字阴影","page.htmlVision.interactiveDesign.magnifyingGlass":"放大镜交互效果","page.htmlVision.interactiveDesign.dragAndDropClipBox":"可拖拽裁剪框交互效果","page.htmlVision.interactiveDesign.dragAndDropShopping":"拖拽式购物交互效果","page.htmlVision.interactiveDesign.swipeTab":"左右滑动Tab切换交互效果","page.htmlVision.interactiveDesign.flipBoook":"翻书交互效果","page.htmlVision.interactiveDesign.switchButton":"左右滑动开关按钮","page.htmlVision.interactiveDesign.pseudo3DRubikCube":"伪3D魔方交互效果","page.htmlVision.interactiveDesign.3DRubikCube":"3D魔方交互效果","page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection":"自动辨别鼠标方向交互效果","page.htmlVision.interactiveDesign.wipeTheEffect":"擦除切换页面效果","page.htmlVision.interactiveDesign.title":"书名","page.htmlVision.interactiveDesign.price":"价格","page.htmlVision.interactiveDesign.count":"数量","page.htmlVision.interactiveDesign.total":"总计","page.htmlVision.interactiveDesign.addingToCart":"放开添加到购物车","page.htmlVision.interactiveDesign.dragToThisToBuy":"拖拽到此区域进行购买","page.htmlVision.interactiveDesign.previousPage":"前一页","page.htmlVision.interactiveDesign.nextPage":"后一页","page.htmlVision.interactiveDesign.personalArticle":"个人文章","page.htmlVision.interactiveDesign.autoCompletePunctuation":"自动补全标点输入框","page.htmlVision.interactiveDesign.stackedImages":"堆叠图片的悬停效果","page.htmlVision.utilitarianFunction.operatingShears":"操作剪切板","page.htmlVision.utilitarianFunction.saveTextToClipboard":"保存文本到剪切板","page.htmlVision.utilitarianFunction.pleaseEnterText":"请先输入文本","page.htmlVision.utilitarianFunction.getsTextFromClipboard":"从剪切板获取文本","page.htmlVision.utilitarianFunction.saveImageToClipboard":"保存图片到剪切板","page.htmlVision.utilitarianFunction.getImageFromClipboard":"从剪切板获取图片","page.htmlVision.utilitarianFunction.pasteTheImage":"Ctrl+V粘贴图片","page.htmlVision.utilitarianFunction.recordAudio":"录制音频","page.htmlVision.utilitarianFunction.startRecording":"开始录制","page.htmlVision.utilitarianFunction.whileRecording":"录制中，点击结束","page.htmlVision.utilitarianFunction.rerecord":"重新录制","page.htmlVision.utilitarianFunction.recordScreen":"录制屏幕","page.htmlVision.utilitarianFunction.recordVideo":"录制视频","page.htmlVision.utilitarianFunction.takeIDPhotos":"拍证件照","page.htmlVision.utilitarianFunction.clickToTakeAPhoto":"点击拍照","page.htmlVision.utilitarianFunction.readyToTakeAPhoto":"准备拍照","page.htmlVision.utilitarianFunction.backPhoto":"重新拍照","page.htmlVision.utilitarianFunction.oneInch":"1寸","page.htmlVision.utilitarianFunction.twoInch":"2寸","page.cssDynamicEffect.richDynamicEffect.SVGCircularClock":"SVG圆形时钟动效","page.cssDynamicEffect.richDynamicEffect.upAndDownCard":"上下翻转卡片时钟动效","page.cssDynamicEffect.richDynamicEffect.charging":"充电动效","page.cssDynamicEffect.richDynamicEffect.zongziLoading":"粽子Loading动效","page.cssDynamicEffect.richDynamicEffect.borderRotation":"边框旋转动效","page.cssDynamicEffect.richDynamicEffect.luminousText":"发光文字动效","page.cssDynamicEffect.richDynamicEffect.searchlightText":"探照灯文字动效","page.cssDynamicEffect.richDynamicEffect.wavyText":"波浪文字动效","page.cssDynamicEffect.richDynamicEffect.textLineDisplay":"文字线条显示动效","page.cssDynamicEffect.richDynamicEffect.textLineLoop":"文字线条循环动效","page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar":"莫比乌斯环循环条动效","page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots":"莫比乌斯环循环圆点动效","page.cssDynamicEffect.richDynamicEffect.tankShaking":"水罐摇晃动效","page.cssDynamicEffect.generateRegularPolygon.numberOfSides":"边数","page.cssDynamicEffect.generateRegularPolygon.rotation":"旋转","page.canvasDynamicEffect.sphereCollisionExample":"sphere-collision库示例","page.canvasDynamicEffect.dynamicClock":"动态时钟效果","page.canvasDynamicEffect.searchlight":"探照灯效果","page.canvasDynamicEffect.startGame":"开 始 游 戏","page.canvasDynamicEffect.continueTheGame":"继 续 游 戏","page.canvasDynamicEffect.restart":"重 新 开 始","page.canvasDynamicEffect.pause":"暂停","page.canvasDynamicEffect.gameHasPaused":"游戏已暂停","page.canvasDynamicEffect.score":"分数","page.canvasDynamicEffect.videoIsSlowToLoad":"视频加载比较慢，请耐心等待","page.canvasDynamicEffect.matchLineQuestion":"连线题","page.canvasDynamicEffect.fruit":"水果","page.canvasDynamicEffect.animal":"动物","page.canvasDynamicEffect.car":"汽车","page.canvasDynamicEffect.vegetable":"蔬菜","page.canvasDynamicEffect.pleaseReset":"当前已校验，请重置","page.canvasDynamicEffect.noVerifiableAnswer":"没有可校验的答案","page.threeJs3D.abrazine":"磨砂","page.threeJs3D.cryolite":"冰晶","page.threeJs3D.ordinary":"普通","page.threeJs3D.transparent":"透亮","page.threeJs3D.carDisplayAndMatching":"汽车展示与选配","page.threeJs3D.bodyColor":"车身颜色","page.threeJs3D.anteriorFaceColor":"前脸颜色","page.threeJs3D.hoodColor":"引擎盖颜色","page.threeJs3D.hubColor":"轮毂颜色","page.threeJs3D.filmMaterial":"贴膜材质","page.threeJs3D.windshieldMaterial":"挡风玻璃材质","page.threeJs3D.diceNum":"骰子数量","page.threeJs3D.enterDiceNum":"请先输入骰子数量","page.threeJs3D.visualizationPlatform":"大屏可视化平台","page.AIApplication.humanPostureDetection":"实时人体姿势检测(必须要有摄像头)","page.AIApplication.send":"发送","page.AIApplication.sendBarrage":"发送弹幕","page.imageProcessingTool.extensionTipFront":"如果你想在离线时也使用该工具，或者是你有大于1350x1350尺寸的图片需要处理，那么推荐你使用","page.imageProcessingTool.extensionTipBehind":"浏览器插件，将该项目中的extension文件夹加载到浏览器中即可使用。","page.imageProcessingTool.imageTooSmall":"请选择20x20以上尺寸的图片","page.imageProcessingTool.imageTooLarge":"请选择1350x1350以下尺寸的图片","page.imageProcessingTool.shmpch":"锐化","page.imageProcessingTool.edgeSharpening":"边缘锐化","page.imageProcessingTool.filterContrast":"反色滤镜","page.imageProcessingTool.redFilter":"红色滤镜","page.imageProcessingTool.greenFilter":"绿色滤镜","page.imageProcessingTool.blueFilter":"蓝色滤镜","page.imageProcessingTool.redGreenFilter":"红绿色滤镜","page.imageProcessingTool.redBlueFilter":"红蓝色滤镜","page.imageProcessingTool.blueGreenFilter":"蓝绿色滤镜","page.imageProcessingTool.redGreyFilter":"红灰色滤镜","page.imageProcessingTool.greenGreyFilter":"绿灰色滤镜","page.imageProcessingTool.blueGreyFilter":"蓝灰色滤镜","page.imageProcessingTool.gaussianBlur":"高斯模糊","page.imageProcessingTool.jpgToPng":"JPG转PNG","page.imageProcessingTool.pngToJpg":"PNG转JPG","page.imageProcessingTool.pleaseEnterBrightness":"请输入亮度值","page.imageProcessingTool.darken":"变暗","page.imageProcessingTool.lighten":"变亮","page.imageProcessingTool.pleaseEnterDiaphaneity":"请输入透明度值","page.imageProcessingTool.pleaseUploadPng":"请上传PNG格式的图片","page.imageProcessingTool.whetherValueFixed":"是否统一为固定值","page.imageProcessingTool.becomeTransparent":"变透明","page.imageProcessingTool.becomeOpaque":"变不透","page.imageProcessingTool.compressibility":"压缩率","page.imageProcessingTool.pleaseEnterFilletRadius":"请输入圆角半径","page.imageProcessingTool.filletRadius":"圆角半径","page.imageProcessingTool.clippedAndConvertedToPng":"裁剪后转成PNG格式","page.imageProcessingTool.WhetherRetainOriginalDimension":"是否保留原尺寸","page.videoProcessingTool.tip":"该工具处理视频会非常慢，因为是纯前端实现的，正确做法还是将文件上传到后台进行处理，这里只是提供一种纯前端实现视频处理的解决方案。","page.videoProcessingTool.generatingVideo":"努力生成视频中","page.htmlVision.applicationPageFrame.secondPage":"第二页","page.htmlVision.applicationPageFrame.thirdPage":"第三页","page.htmlVision.applicationPageFrame.lastPage":"最后一页","page.htmlVision.applicationPageFrame.title":"两个跨域页面进行跳转传参的终极方案","page.htmlVision.applicationPageFrame.author":"作者","page.htmlVision.applicationPageFrame.pageA":"A页面","page.htmlVision.applicationPageFrame.pageB":"B页面","page.htmlVision.applicationPageFrame.appoint":"本文约定","page.htmlVision.applicationPageFrame.appointText1":"A页面：跳转前的原来页面，假设为a.com","page.htmlVision.applicationPageFrame.appointText2":"B页面：将要跳转的目标页面，假设为b.com","page.htmlVision.applicationPageFrame.subTitle1":"一、简单方案","page.htmlVision.applicationPageFrame.des1":"说到页面跳转，首先想到的就是用a标签","page.htmlVision.applicationPageFrame.codeBox1.text":"在A页面点击链接，并将参数data传到B页面","page.htmlVision.applicationPageFrame.codeBox2.text":"在B页面接收A页面传过来的参数","page.htmlVision.applicationPageFrame.des2":"还可以使用window.open方法跳转页面","page.htmlVision.applicationPageFrame.des3":"弊端：通过URL的方式传参是有字符数量限制的，只能传递较少的数据。","page.htmlVision.applicationPageFrame.subTitle2":"二、传递长数据方案","page.htmlVision.applicationPageFrame.des4":"想要传递大量数据就不能使用将数据放在URL中这种方式进行传递，这里我使用了HTML5中新引入的window.postMessage方法进行数据传递。","page.htmlVision.applicationPageFrame.des5":"如果是在A页面中使用iframe标签嵌入B页面的情况下，方法如下：","page.htmlVision.applicationPageFrame.des6":"弊端","page.htmlVision.applicationPageFrame.des7":"1. 使用postMessage发送消息时要保证B页面已加载，由于A和B两个页面是跨域的，所以使用popup.onload是无效的，只能使用setTimeout延迟发送，这种做法比较low，不能保证稳定性。","page.htmlVision.applicationPageFrame.des8":"2. 使用iframe标签只能嵌入页面，不能打开新窗口，使用window.open可以打开新窗口，但是，当B页面刚被加载时是没有数据传递的，数据是在窗口打开后才被发送，所以B页面会有延迟。","page.htmlVision.applicationPageFrame.subTitle3":"三、终极方案：iframe+postMessage+localStorage","page.htmlVision.applicationPageFrame.des9":"在A页面中使用iframe标签加载B页面并隐藏，当点击跳转时，使用postMessage发送消息给B页面，在B页面中监听A页面发过来的数据，然后保存到localStorage中，然后当A页面使用window.open打开B页面时，B页面直接去localStorage中取数据，这样就完成了页面跳转并传参","page.htmlVision.applicationPageFrame.codeBox3.text":"当能获取到数据时就说明是从A页面跳转过来的","page.htmlVision.applicationPageFrame.des10":"总结","page.htmlVision.applicationPageFrame.des11":"1. iframe和postMessage都是可以跨域的，而localStorage是不能跨域共享数据的。","page.htmlVision.applicationPageFrame.des12":"2. window.postMessage中的window始终是指将要跳转的目标页面的window对象。"},"en-us":{"common.logoName":"Visualization Collection","common.reward":"Reward","common.reward.tip":"If you find the site good and the content helpful, it's not too late to reward","common.LanguageSwitch":"Chinese-English Switch","common.keepUpdating":"Keep updating, stay tuned","common.comingSoon":"Coming soon","common.comingSoon.text":"The project is continuously updated, coming soon！！！","common.workHard":"Hard at work, please hold on","common.tryingToLoad":"Trying to load, please hold on","common.start":"Start","common.end":"End","common.operationFailure":"Operation failure","common.noData":"No data","common.unknown":"Unknown","common.confirm":"Confirm","common.cancel":"Cancel","common.clear":"Clear","common.play":"Play","common.pause":"Pause","common.download":"Download","common.get":"Get","common.failedToObtain":"Failed to obtain","common.failedToObtain2":"Failed to obtain, the browser does not support","common.pleaseEnterText":"Please enter text","common.getText":"Get text","common.save":"Save","common.saveSuccessfully":"Save successfully","common.saveFailed":"Failed to save, the browser does not support","common.parsingDataFailure":"Data parsing failed. Please replace it with another file","common.uploadFile":"Upload File","common.dragTheFileHere":"Or drag the file here","common.supportedImageType":"jpg, jpeg, and png are supported","common.supportedVideoType":"webm and mp4 are supported","common.pleaseUploadPicture":"Please upload the picture first","common.deviceNotFound":"Requested device not found","common.impowerOpenMicrophone":"Authorization failed, please click Settings -> Privacy Settings and Security -> Website Settings -> Microphone to open Allow use","common.impowerOpenCamera":"Authorization failed, please click Settings -> Privacy Settings and Security -> Website Settings -> Camera to open Allow use","common.notSupportGetUserMedia":"Browsers do not support getUserMedia","common.notSupportGetDisplayMedia":"Browsers do not support getDisplayMedia","common.browserTooLow":"Your browser version is too low, please update your browser","common.backgroundColor":"Background Color","common.filename":"Filename","common.format":"Format","common.dimension":"Dimension","common.size":"Size","common.width":"Width","common.height":"Height","common.duration":"Duration","common.transparency":"Transparency","common.red":"Red","common.blue":"Blue","common.white":"White","common.watermarkSizeLimit":"Please select watermark images of 20x20 and above","common.watermarkSizeTooLarge":"Please select a watermark image that is smaller than the size of the target image","common.uploadWatermark":"Upload watermark","common.distanceLeft":"Distance left","common.distanceTop":"Distance Top","common.clippingWidth":"Clipping width","common.clippingHeight":"Clipping height","common.flipSideToSide":"Flip Side To Side","common.flipTopToBottom":"Flip Top To Bottom","common.rotateLeft":"Rotate Left","common.rotateRight":"Rotate Right","common.graying":"Graying","common.vampix":"Vampix","common.mosaicGrainSize":"Mosaic grain size","common.parsingData":"Parsing data","common.whetherMaintainOriginalProportion":"Whether to maintain the original proportion","common.pleaseEnterWidthOrHeight":"Please enter width or height","common.reset":"Reset","common.backout":"Backout","common.delete":"Delete","common.inquire":"Inquire","common.checkout":"Checkout","common.moduleTitle":"Module Title","common.customizeContent":"Customize content","common.ad.btnText":"Experience right away","menu.htmlVision":"Html Vision","menu.htmlVision.visualDesign":"Visual Design","menu.htmlVision.interactiveDesign":"Interactive Design","menu.htmlVision.backgroundPattern":"Background Pattern","menu.htmlVision.complexLayout":"Complex Layout","menu.htmlVision.applicationPageFrame":"Application Page Frame","menu.htmlVision.utilitarianFunction":"Utilitarian Function","menu.cssDynamicEffect":"Css Dynamic Effect","menu.cssDynamicEffect.dynamicEffectButton":"Dynamic Effect Button","menu.cssDynamicEffect.richDynamicEffect":"Rich Dynamic Effect","menu.cssDynamicEffect.generateRegularPolygon":"Generate Regular Polygon","menu.cssDynamicEffect.musicVisualization":"Music Visualization","menu.canvasDynamicEffect":"Canvas Dynamic Effect","menu.canvasDynamicEffect.sphereCollisionExample":"sphere-collision Example","menu.canvasDynamicEffect.dynamicClock":"Dynamic Clock","menu.canvasDynamicEffect.searchlightEffect":"Searchlight Effect","menu.canvasDynamicEffect.sphereCollisionInteraction":"Sphere Collision Interaction","menu.canvasDynamicEffect.destroyThePlanetGame":"Destroy The Planet Game","menu.canvasDynamicEffect.sphereFreeFallInteraction":"Sphere Free Fall Interaction","menu.canvasDynamicEffect.coolCountdownAnimation":"Cool Countdown Animation","menu.canvasDynamicEffect.dynamicParticleBackground":"Dynamic Particle Background","menu.canvasDynamicEffect.rippleEffect":"Ripple Effect","menu.canvasDynamicEffect.flowerBloomingAnimation":"Flower Blooming Animation","menu.canvasDynamicEffect.codeBackgroundWall":"Code Background Wall","menu.canvasDynamicEffect.wordDance":"Word Dance","menu.canvasDynamicEffect.scratch":"Scratch","menu.canvasDynamicEffect.matchLine":"Match Line","menu.echartsInteraction":"Echarts Interaction","menu.echartsInteraction.barCharts":"Bar Charts","menu.echartsInteraction.pieCharts":"Pie Charts","menu.echartsInteraction.treeCharts":"Tree Charts","menu.threeJs3D":"Three.js3D","menu.threeJs3D.appPageFrame":"Cool 3D Application page","menu.threeJs3D.carShow":"Car Show","menu.threeJs3D.rubiksCube":"Level 3 Rubik's Cube","menu.threeJs3D.throwDice":"Throw Dice","menu.threeJs3D.mapDisplay":"Map Display","menu.threeJs3D.earthDisplay":"Earth Display","menu.AIApplication":"AI Application","menu.AIApplication.humanPostureDetection":"Human Posture Detection","menu.AIApplication.notBlockPeopleBarrage":"Not Block The People Of The Barrage","menu.imageProcessingTool":"Image Processing Tool","menu.imageProcessingTool.basicOperation":"Basic Operation","menu.imageProcessingTool.rectangularClipping":"Rectangular Clipping","menu.imageProcessingTool.roundedCornerClipping":"Rounded Corner Clipping","menu.imageProcessingTool.modifyTheSize":"Modify The Size","menu.imageProcessingTool.modifyBrightness":"Modify Brightness","menu.imageProcessingTool.modifyTransparency":"Modify Transparency","menu.imageProcessingTool.addWatermark":"Add Watermark","menu.imageProcessingTool.coverWithMosaics":"Cover With Mosaics","menu.imageProcessingTool.imageCompression":"Image Compression","menu.videoProcessingTool":"Video Processing Tool","menu.videoProcessingTool.basicOperation":"Basic Operation","menu.videoProcessingTool.modifyTheSize":"Modify The Size","menu.videoProcessingTool.clipping":"Clipping","menu.videoProcessingTool.combine":"Combine","menu.videoProcessingTool.varyingVelocity":"Varying Velocity","menu.videoProcessingTool.addWatermark":"Add Watermark","menu.videoProcessingTool.generateGIF":"Generate GIF","menu.videoProcessingTool.AIGenerateSubtitles":"AI Generated Subtitles","menu.videoProcessingTool.addAudio":"Add Audio","page.htmlVision.visualDesign.displaysCustomRows":"This component is a text component that displays ellipses when exceeded, and can also dynamically obtain whether text is exceeded.","page.htmlVision.visualDesign.displaysCustomRows2":"This component is a text component that displays the number of user-defined lines, and displays ellipses when the number exceeds. It also supports the display of user-defined text buttons when ellipses appear at the end.","page.htmlVision.visualDesign.thisIsText":"This is the text.","page.htmlVision.visualDesign.quantumEntanglementTip":"There are hidden quantum entanglement effects in this station waiting for you to discover oh.","page.htmlVision.visualDesign.brighten":"Brighten","page.htmlVision.visualDesign.grayed":"Grayed","page.htmlVision.visualDesign.textShadow":"Text Shadow","page.htmlVision.interactiveDesign.magnifyingGlass":"Magnifying glass interaction effect","page.htmlVision.interactiveDesign.dragAndDropClipBox":"Drag-and-drop clip-box interaction effect","page.htmlVision.interactiveDesign.dragAndDropShopping":"Drag-and-drop shopping interaction effect","page.htmlVision.interactiveDesign.swipeTab":"Swipe Tab left and right to change the interaction","page.htmlVision.interactiveDesign.flipBoook":"Flip the book interactive effect","page.htmlVision.interactiveDesign.switchButton":"Slide the switch button left and right","page.htmlVision.interactiveDesign.pseudo3DRubikCube":"Pseudo 3D Rubik's Cube interaction effect","page.htmlVision.interactiveDesign.3DRubikCube":"3D Rubik's Cube interaction effect","page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection":"Automatic identification of mouse direction interaction effect","page.htmlVision.interactiveDesign.wipeTheEffect":"Wipe the effect of switching pages","page.htmlVision.interactiveDesign.title":"Title","page.htmlVision.interactiveDesign.price":"Price","page.htmlVision.interactiveDesign.count":"Count","page.htmlVision.interactiveDesign.total":"Total","page.htmlVision.interactiveDesign.addingToCart":"Let go of adding to cart","page.htmlVision.interactiveDesign.dragToThisToBuy":"Drag to this area to buy","page.htmlVision.interactiveDesign.previousPage":"Previous Page","page.htmlVision.interactiveDesign.nextPage":"Next Page","page.htmlVision.interactiveDesign.personalArticle":"Personal Article","page.htmlVision.interactiveDesign.autoCompletePunctuation":"Automatically complete the punctuation input box","page.htmlVision.interactiveDesign.stackedImages":"Hover effect for stacked images","page.htmlVision.utilitarianFunction.operatingShears":"Operating Shears","page.htmlVision.utilitarianFunction.saveTextToClipboard":"Save the text to the clipboard","page.htmlVision.utilitarianFunction.pleaseEnterText":"Please enter text first","page.htmlVision.utilitarianFunction.getsTextFromClipboard":"Gets text from the clipboard","page.htmlVision.utilitarianFunction.saveImageToClipboard":"Save the image to the clipboard","page.htmlVision.utilitarianFunction.getImageFromClipboard":"Get the image from the clipboard","page.htmlVision.utilitarianFunction.pasteTheImage":"Ctrl+V Paste the image","page.htmlVision.utilitarianFunction.recordAudio":"Record Audio","page.htmlVision.utilitarianFunction.startRecording":"Start Recording","page.htmlVision.utilitarianFunction.whileRecording":"While recording, click End","page.htmlVision.utilitarianFunction.rerecord":"Rerecord","page.htmlVision.utilitarianFunction.recordScreen":"Record Screen","page.htmlVision.utilitarianFunction.recordVideo":"Record Video","page.htmlVision.utilitarianFunction.takeIDPhotos":"Take ID Photos","page.htmlVision.utilitarianFunction.clickToTakeAPhoto":"Click To Take a Photo","page.htmlVision.utilitarianFunction.readyToTakeAPhoto":"Ready To take a Photo","page.htmlVision.utilitarianFunction.backPhoto":"Back Photo","page.htmlVision.utilitarianFunction.oneInch":"1 inch","page.htmlVision.utilitarianFunction.twoInch":"2 inch","page.cssDynamicEffect.richDynamicEffect.SVGCircularClock":"SVG Circular clock dynamic effect","page.cssDynamicEffect.richDynamicEffect.upAndDownCard":"Up-and-down card dynamic effect","page.cssDynamicEffect.richDynamicEffect.charging":"Charging dynamic effect","page.cssDynamicEffect.richDynamicEffect.zongziLoading":"Zongzi loading dynamic effect","page.cssDynamicEffect.richDynamicEffect.borderRotation":"Border rotation dynamic effect","page.cssDynamicEffect.richDynamicEffect.luminousText":"Luminous text dynamic effect","page.cssDynamicEffect.richDynamicEffect.searchlightText":"Searchlight text dynamic effect","page.cssDynamicEffect.richDynamicEffect.wavyText":"Wavy text dynamic effect","page.cssDynamicEffect.richDynamicEffect.textLineDisplay":"Text line display dynamic effect","page.cssDynamicEffect.richDynamicEffect.textLineLoop":"Text line loop dynamic effect","page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar":"Mobius loop bar dynamic effect","page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots":"Mobius loop circle dots dynamic effect","page.cssDynamicEffect.richDynamicEffect.tankShaking":"Tank shaking dynamic effect","page.cssDynamicEffect.generateRegularPolygon.numberOfSides":"Number of sides","page.cssDynamicEffect.generateRegularPolygon.rotation":"Rotation","page.canvasDynamicEffect.sphereCollisionExample":"sphere-collision example","page.canvasDynamicEffect.dynamicClock":"Dynamic clock effect","page.canvasDynamicEffect.searchlight":"Searchlight effect","page.canvasDynamicEffect.startGame":"Start Game","page.canvasDynamicEffect.continueTheGame":"Continue The Game","page.canvasDynamicEffect.restart":"Restart","page.canvasDynamicEffect.pause":"Pause","page.canvasDynamicEffect.gameHasPaused":"The game has been paused","page.canvasDynamicEffect.score":"Score","page.canvasDynamicEffect.videoIsSlowToLoad":"The video is slow to load, please wait patiently","page.canvasDynamicEffect.matchLineQuestion":"Match line question","page.canvasDynamicEffect.fruit":"Fruit","page.canvasDynamicEffect.animal":"Animal","page.canvasDynamicEffect.car":"Car","page.canvasDynamicEffect.vegetable":"Vegetable","page.canvasDynamicEffect.pleaseReset":"Currently verified, please reset","page.canvasDynamicEffect.noVerifiableAnswer":"There is no verifiable answer","page.threeJs3D.abrazine":"Abrazine","page.threeJs3D.cryolite":"Cryolite","page.threeJs3D.ordinary":"Ordinary","page.threeJs3D.transparent":"Transparent","page.threeJs3D.carDisplayAndMatching":"Car display and matching","page.threeJs3D.bodyColor":"Body Color","page.threeJs3D.anteriorFaceColor":"Anterior Face Color","page.threeJs3D.hoodColor":"Hood Color","page.threeJs3D.hubColor":"Hub Color","page.threeJs3D.filmMaterial":"Film Material","page.threeJs3D.windshieldMaterial":"Windshield Material","page.threeJs3D.diceNum":"Number of dice","page.threeJs3D.enterDiceNum":"Please enter the number of dice first","page.threeJs3D.visualizationPlatform":"Large screen visualization platform","page.AIApplication.humanPostureDetection":"Real-time human posture detection (Camera required)","page.AIApplication.send":"Send","page.AIApplication.sendBarrage":"Send barrage","page.imageProcessingTool.extensionTipFront":"If you want to use this tool offline, or if you have images larger than 1350x1350 that need to be processed, it is recommended that you use the","page.imageProcessingTool.extensionTipBehind":"browser extension, will be the extension of the project folder is loaded into the browser can be used.","page.imageProcessingTool.imageTooSmall":"Please select the size above 20x20","page.imageProcessingTool.imageTooLarge":"Please select the size below 1350x1350","page.imageProcessingTool.shmpch":"Shmpch","page.imageProcessingTool.edgeSharpening":"Edge Sharpening","page.imageProcessingTool.filterContrast":"Filter Contrast","page.imageProcessingTool.redFilter":"Red Filter","page.imageProcessingTool.greenFilter":"Green Filter","page.imageProcessingTool.blueFilter":"Blue Filter","page.imageProcessingTool.redGreenFilter":"Red-green Filter","page.imageProcessingTool.redBlueFilter":"Red-blue Filter","page.imageProcessingTool.blueGreenFilter":"Blue-green Filter","page.imageProcessingTool.redGreyFilter":"Red-grey Filter","page.imageProcessingTool.greenGreyFilter":"Green-grey Filter","page.imageProcessingTool.blueGreyFilter":"Blue-grey Filter","page.imageProcessingTool.gaussianBlur":"Gaussian Blur","page.imageProcessingTool.jpgToPng":"JPG To PNG","page.imageProcessingTool.pngToJpg":"PNG To JPG","page.imageProcessingTool.pleaseEnterBrightness":"Please enter the brightness value","page.imageProcessingTool.darken":"Darken","page.imageProcessingTool.lighten":"Lighten","page.imageProcessingTool.pleaseEnterDiaphaneity":"Please enter a transparency value","page.imageProcessingTool.pleaseUploadPng":"Please upload the image in png format","page.imageProcessingTool.whetherValueFixed":"Whether the value is fixed","page.imageProcessingTool.becomeTransparent":"Become transparent","page.imageProcessingTool.becomeOpaque":"Become opaque","page.imageProcessingTool.compressibility":"Compressibility","page.imageProcessingTool.pleaseEnterFilletRadius":"Please enter the fillet radius","page.imageProcessingTool.filletRadius":"Fillet radius","page.imageProcessingTool.clippedAndConvertedToPng":"Clipped and converted to PNG format","page.imageProcessingTool.WhetherRetainOriginalDimension":"Whether to retain the original dimension","page.videoProcessingTool.tip":"The tool processing video will be very slow, because it is a pure front-end implementation, the correct approach is to upload the file to the background for processing, here is only to provide a pure front-end video processing solution.","page.videoProcessingTool.generatingVideo":"Work hard at generating video","page.htmlVision.applicationPageFrame.secondPage":"Second Page","page.htmlVision.applicationPageFrame.thirdPage":"Third Page","page.htmlVision.applicationPageFrame.lastPage":"Last Page","page.htmlVision.applicationPageFrame.title":"The ultimate solution for two cross-domain pages to jump and pass parameters","page.htmlVision.applicationPageFrame.author":"Author","page.htmlVision.applicationPageFrame.pageA":"Page A","page.htmlVision.applicationPageFrame.pageB":"Page B","page.htmlVision.applicationPageFrame.appoint":"Article convention","page.htmlVision.applicationPageFrame.appointText1":"Page A: The original page before the jump. Assume that the page is a.com","page.htmlVision.applicationPageFrame.appointText2":"Page B: The target page to jump to. Assume that the page is b.com","page.htmlVision.applicationPageFrame.subTitle1":"First, simple scheme","page.htmlVision.applicationPageFrame.des1":"When it comes to page hopping, the first thing that comes to mind is using the a tag","page.htmlVision.applicationPageFrame.codeBox1.text":"Click the link on page A and transfer the parameter data to page B","page.htmlVision.applicationPageFrame.codeBox2.text":"The parameters sent from page A are received on page B","page.htmlVision.applicationPageFrame.des2":"You can also use the window.open method to jump to the page","page.htmlVision.applicationPageFrame.des3":"Disadvantages: Parameter passing by URL is limited by the number of characters and can only pass a small amount of data.","page.htmlVision.applicationPageFrame.subTitle2":"Second, pass long data scheme","page.htmlVision.applicationPageFrame.des4":"If you want to transfer a large amount of data, you can't use the method of putting data in the URL. Here I use the window.postMessage method introduced in HTML5 for data transfer.","page.htmlVision.applicationPageFrame.des5":"If the iframe tag is used to embed page B in page A, the method is as follows:","page.htmlVision.applicationPageFrame.des6":"Abuse","page.htmlVision.applicationPageFrame.des7":"1. When sending messages using postMessage, ensure that page B has been loaded. Since pages A and B are cross-domain, popup.onload is invalid, and only setTimeout can be used to delay sending.","page.htmlVision.applicationPageFrame.des8":"2. If you use the iframe tag, you can only embed the page and not open a new window. If you use window.open, you can open a new window. However, no data is passed when the B page is first loaded. The data is sent after the window opens, so there is a delay on page B.","page.htmlVision.applicationPageFrame.subTitle3":"Third, ultimate solution: iframe+postMessage+localStorage","page.htmlVision.applicationPageFrame.des9":"On page A, use iframe tag to load page B and hide it. When click Jump, use postMessage to send message to page B, monitor the data sent from page A on page B, and then save it to localStorage. Then, when page A uses window.open to open page B, Page B directly goes to localStorage to get data, so that the page jump and parameter pass is completed","page.htmlVision.applicationPageFrame.codeBox3.text":"When the data can be obtained, it means that it is from page A","page.htmlVision.applicationPageFrame.des10":"Summarize","page.htmlVision.applicationPageFrame.des11":"1. Both iframe and postMessage can be cross-domain, while localStorage cannot share data across domains.","page.htmlVision.applicationPageFrame.des12":"2. Window in window.postMessage always refers to the window object of the target page to be jumped to."}},jb=function(){var e=d().locale,t=(0,m.V$)(yb);return(0,s.jsx)("div",{className:"app_container",translate:"no",children:(0,s.jsx)(Ab.Z,{locale:e||"en-us",messages:wb[e||"en-us"],children:t})})},bb=document.getElementById("root");bb&&(0,i.s)(bb).render((0,s.jsx)(u,{children:(0,s.jsx)(a.UT,{children:(0,s.jsx)(jb,{})})}))},75410:function(){},48628:function(){},75042:function(){}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={id:e,loaded:!1,exports:{}};return r[e].call(n.exports,n,n.exports,a),n.loaded=!0,n.exports}a.m=r,a.amdD=function(){throw new Error("define cannot be used indirect")},a.amdO={},e=[],a.O=function(t,n,r,i){if(!n){var o=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],i=e[u][2];for(var s=!0,c=0;c<n.length;c++)(!1&i||o>=i)&&Object.keys(a.O).every((function(e){return a.O[e](n[c])}))?n.splice(c--,1):(s=!1,i<o&&(o=i));if(s){e.splice(u--,1);var l=r();void 0!==l&&(t=l)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[n,r,i]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},a.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var i=Object.create(null);a.r(i);var o={};t=t||[null,n({}),n([]),n(n)];for(var s=2&r&&e;"object"==typeof s&&!~t.indexOf(s);s=n(s))Object.getOwnPropertyNames(s).forEach((function(t){o[t]=function(){return e[t]}}));return o.default=function(){return e},a.d(i,o),i},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},function(){var e;a.g.importScripts&&(e=a.g.location+"");var t=a.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");n.length&&(e=n[n.length-1].src)}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e}(),function(){var e={179:0};a.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,i,o=n[0],s=n[1],c=n[2],l=0;if(o.some((function(t){return 0!==e[t]}))){for(r in s)a.o(s,r)&&(a.m[r]=s[r]);if(c)var u=c(a)}for(t&&t(n);l<o.length;l++)i=o[l],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return a.O(u)},n=self.webpackChunkvisualization_collection=self.webpackChunkvisualization_collection||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var o=a.O(void 0,[845,61,294,24,968,117],(function(){return a(82900)}));o=a.O(o)}();
\ No newline at end of file
diff --git a/docs/styles/main.css b/docs/styles/main.css
index dc02b75..bc8db72 100644
--- a/docs/styles/main.css
+++ b/docs/styles/main.css
@@ -1 +1 @@
-.InteractionEyes_container__nC6-d{box-sizing:border-box;display:flex;height:28px;justify-content:space-between;position:relative;width:60px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I{align-items:center;border:1px solid #fff;border-radius:50%;box-sizing:border-box;display:flex;height:28px;justify-content:center;width:28px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I .InteractionEyes_heart__G9lnP{-webkit-animation:InteractionEyes_beat__McCO0 .5s infinite;animation:InteractionEyes_beat__McCO0 .5s infinite;background-color:red;height:8px;position:relative;-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1);transition:all;width:8px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I .InteractionEyes_heart__G9lnP:before{background-color:red;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:-4px;width:8px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I .InteractionEyes_heart__G9lnP:after{background-color:red;border-radius:50%;content:"";height:8px;position:absolute;right:-4px;top:0;width:8px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I .InteractionEyes_eyeball__hK-\+b{background-color:#fff;border-radius:50%;box-sizing:border-box;height:10px;width:10px}.InteractionEyes_container__nC6-d iframe{height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes InteractionEyes_beat__McCO0{0%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}20%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1.22);transform:translateY(1px) rotate(-45deg) scale(1.22)}50%{-webkit-transform:translateY(1px) rotate(-45deg) scale(.84);transform:translateY(1px) rotate(-45deg) scale(.84)}80%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}to{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}}@keyframes InteractionEyes_beat__McCO0{0%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}20%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1.22);transform:translateY(1px) rotate(-45deg) scale(1.22)}50%{-webkit-transform:translateY(1px) rotate(-45deg) scale(.84);transform:translateY(1px) rotate(-45deg) scale(.84)}80%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}to{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}}.Header_container__4tC\+Z{background-color:#001529;border-bottom:1px solid #222;box-sizing:border-box;color:#fff;height:60px;justify-content:space-between}.Header_container__4tC\+Z,.Header_container__4tC\+Z .Header_left__7u7-T{align-items:center;display:flex}.Header_container__4tC\+Z .Header_left__7u7-T .Header_title__T9B5R{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#d628fe,#35a2fd);color:transparent;cursor:pointer;font-family:Poppins,Poppins-Medium;font-size:24px;font-weight:600;margin-left:16px;margin-right:20px}.Header_container__4tC\+Z .Header_right__qQAPq{align-items:center;display:flex;justify-content:flex-end;margin-right:16px}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:42px;justify-content:center;margin-left:10px;width:42px}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4 svg{height:22px;width:22px}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4 svg path{stroke:#fff}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4:hover{background-color:rgba(0,0,0,.6)}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4:hover svg path{stroke:#4c78fc}.Header_rewardModal__LMM8K .ant-modal-content{position:relative}.Header_rewardModal__LMM8K .ant-modal-content .ant-modal-body{align-items:center;display:flex;flex-direction:column}.Header_rewardModal__LMM8K .ant-modal-content .ant-modal-body p{color:#666;margin-top:10px}.Header_rewardModal__LMM8K .Header_closeBtn__p4OnE{cursor:pointer;position:absolute;right:20px;top:20px}.Header_rewardModal__LMM8K .Header_closeBtn__p4OnE svg{height:22px;width:22px}.Menus_container__dz5ma{background-image:linear-gradient(180deg,rgba(0,21,41,.933),#001529);box-sizing:border-box;justify-content:space-between;min-height:100%;overflow-x:hidden;overflow-y:auto}.Menus_container__dz5ma,.Menus_container__dz5ma .Menus_topBox__EoJUd{display:flex;flex-direction:column}.Menus_container__dz5ma .Menus_topBox__EoJUd .Menus_top__a7CPT{align-items:center;display:flex;height:60px;padding:0 8px}.Menus_container__dz5ma .Menus_topBox__EoJUd .Menus_top__a7CPT button{margin-bottom:0!important}.Menus_container__dz5ma .Menus_topBox__EoJUd .Menus_menuLabel__eOdiw{margin-bottom:0;width:170px}.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu .ant-menu-item,.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu .ant-menu-submenu-title{border-radius:0!important;padding-left:12px!important}.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu .ant-menu-sub .ant-menu-item{border-radius:0!important;padding-left:32px!important}.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu-inline{width:auto!important}.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu-inline-collapsed{width:68px!important}.Menus_container__dz5ma::-webkit-scrollbar{background-color:#444;border-radius:4px;width:8px}.Menus_container__dz5ma::-webkit-scrollbar-thumb{background-color:#999;border-radius:4px;width:8px}.Menus_container__dz5ma .Menus_bottom__dStLR{align-items:center;color:#a84448;display:flex;flex-direction:column;font-size:14px;font-weight:400;margin-bottom:20px;margin-top:10px}.Home_container__RMLhs{height:100%;width:100%}.Home_container__RMLhs .Home_container_body__-OVNZ{display:flex;height:calc(100% - 60px)}.Home_container__RMLhs .Home_container_body__-OVNZ .Home_container_content__q7A-W{min-height:100%;min-width:1000px!important;overflow-y:auto;width:100%}.Home_container__RMLhs .Home_container_body__-OVNZ .Home_container_content__q7A-W::-webkit-scrollbar{display:none}.GridContent_container__NO4Vk{box-sizing:border-box;width:100%}@media screen and (min-width:2000px){.GridContent_gt2000-10__RE2uy .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_gt2000-9__VwNg6 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_gt2000-8__aZHuR .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_gt2000-7__4aOmt .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_gt2000-6__MehF3 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_gt2000-5__omS8h .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_gt2000-4__0cmEO .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_gt2000-3__80YFg .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_gt2000-2__hUksd .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_gt2000-1__JdP9G .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (min-width:1700px)and (max-width:2000px){.GridContent_eq1700_2000-10__v-j8J .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_eq1700_2000-9__bxTIf .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_eq1700_2000-8__1e7ek .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_eq1700_2000-7__1mKDg .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_eq1700_2000-6__8I1De .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_eq1700_2000-5__aZuE\+ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_eq1700_2000-4__2XNj\+ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_eq1700_2000-3__Xd2vl .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_eq1700_2000-2__eoPvO .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_eq1700_2000-1__RvrMQ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (min-width:1400px)and (max-width:1700px){.GridContent_eq1400_1700-10__XQV\+M .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_eq1400_1700-9__uLvev .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_eq1400_1700-8__Rw4q0 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_eq1400_1700-7__EoYy7 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_eq1400_1700-6__Avlp5 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_eq1400_1700-5__yFmoN .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_eq1400_1700-4__jEXj\+ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_eq1400_1700-3__r3QBa .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_eq1400_1700-2__ayZbL .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_eq1400_1700-1__26hdp .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (min-width:1200px)and (max-width:1400px){.GridContent_eq1200_1400-10__OBpag .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_eq1200_1400-9__9dEMp .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_eq1200_1400-8__d5kk8 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_eq1200_1400-7__qwN-x .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_eq1200_1400-6__ol1NV .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.6%);grid-template-rows:auto}.GridContent_eq1200_1400-5__B5RI8 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_eq1200_1400-4__\+SHwZ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_eq1200_1400-3__pjJ9a .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_eq1200_1400-2__xdmba .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_eq1200_1400-1__6n2l7 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (min-width:500px)and (max-width:1200px){.GridContent_eq500_1200-10__EhvGm .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_eq500_1200-9__Yvosl .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_eq500_1200-8__Hs4PY .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_eq500_1200-7__p1yUT .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_eq500_1200-6__N0\+SP .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_eq500_1200-5__73c-5 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_eq500_1200-4__SwI71 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_eq500_1200-3__\+b39n .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_eq500_1200-2__RowGZ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_eq500_1200-1__dK0BP .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (max-width:500px){.GridContent_lt500-10__KVc6r .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_lt500-9__EdDXq .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_lt500-8__wqwWv .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_lt500-7__GiMWq .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_lt500-6__sHgte .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_lt500-5__WBqou .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_lt500-4__ucReZ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_lt500-3__Ax3Zt .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_lt500-2__\+Pq9U .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_lt500-1__T7m7X .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}.GlassMimicry1_container__3KhAO{background:radial-gradient(circle at 60% 90%,#2e67a1,transparent 60%),radial-gradient(circle at 20px 20px,rgba(46,103,161,.8),transparent 25%),#182336;height:560px;position:relative;width:100%}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-image:linear-gradient(to top right,rgba(90,149,207,.5),rgba(58,76,99,.8));border-bottom:1px solid hsla(0,0%,100%,.4);border-left:1px solid hsla(0,0%,100%,.4);border-radius:20px;bottom:0;box-shadow:10px -10px 20px rgba(0,0,0,.2),-10px 10px 20px hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);height:400px;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:260px;z-index:10}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h1{margin-top:50px}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h2{margin-top:160px}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h3,.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h4{padding-left:60px;text-align:left}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h3{margin-top:20px;text-transform:uppercase}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h4{margin-top:10px}.GlassMimicry1_container__3KhAO .GlassMimicry1_circle__DoolB{background-image:linear-gradient(to top left,#8774f9,#4ba2ed);border-radius:80px;bottom:20px;height:160px;position:absolute;right:50%;width:160px}.GlassMimicry1_container__3KhAO .GlassMimicry1_rect__Or-6t{background-image:linear-gradient(to top left,rgba(135,116,249,.9),rgba(75,162,237,.9));border-radius:20px;height:160px;left:50%;position:absolute;top:20px;width:160px}.GlassMimicry2_container__S445M{background:radial-gradient(circle at 60% 90%,#2e67a1,transparent 60%),radial-gradient(circle at 20px 20px,rgba(46,103,161,.8),transparent 25%),#182336;height:560px;position:relative;width:100%}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng{border-bottom:1px solid hsla(0,0%,100%,.4);border-radius:20px;border-right:1px solid hsla(0,0%,100%,.4);bottom:0;box-shadow:-10px -10px 20px rgba(0,0,0,.2),10px 10px 20px hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);height:400px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;text-align:center;top:0;-webkit-transform:rotate(20deg);transform:rotate(20deg);width:260px;z-index:10}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng:after{background-image:linear-gradient(to top left,rgba(90,149,207,.7),rgba(58,76,99,.9));border-radius:20px;bottom:0;content:"";-webkit-filter:blur(10px);filter:blur(10px);left:0;margin:-20px;position:absolute;right:0;top:0;z-index:-1}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h1{margin-top:50px}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h2{margin-top:160px}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h3,.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h4{padding-left:60px;text-align:left}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h3{margin-top:20px;text-transform:uppercase}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h4{margin-top:10px}.GlassMimicry2_container__S445M .GlassMimicry2_circle__VaL67{background-image:linear-gradient(to top left,#8774f9,#4ba2ed);border-radius:80px;bottom:20px;height:160px;left:50%;position:absolute;width:160px}.GlassMimicry2_container__S445M .GlassMimicry2_rect__qdTWE{background-image:linear-gradient(to top left,rgba(135,116,249,.9),rgba(75,162,237,.9));border-radius:20px;height:160px;position:absolute;right:50%;top:20px;width:160px}.MixBlendMode_container__Fh1Tw{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.MixBlendMode_container__Fh1Tw .MixBlendMode_content__0uwYQ{background-image:linear-gradient(45deg,#000,#000 50%,#fff 0);height:160px;position:relative;width:600px}.MixBlendMode_container__Fh1Tw .MixBlendMode_content__0uwYQ:after{-webkit-animation:MixBlendMode_move__f1PS7 5s linear infinite;animation:MixBlendMode_move__f1PS7 5s linear infinite;color:#fff;content:"Hello World";font-size:56px;left:50%;mix-blend-mode:difference;position:absolute;top:50%;-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%);white-space:nowrap}@-webkit-keyframes MixBlendMode_move__f1PS7{0%{-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%)}50%{-webkit-transform:translate(-86%,-50%);transform:translate(-86%,-50%)}to{-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%)}}@keyframes MixBlendMode_move__f1PS7{0%{-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%)}50%{-webkit-transform:translate(-86%,-50%);transform:translate(-86%,-50%)}to{-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%)}}.SwitchingText_container__9ICqS{align-items:center;display:flex;flex-direction:column;height:360px;justify-content:center;width:100%}.SwitchingText_container__9ICqS .SwitchingText_content__6PttP span{font-size:50px;font-weight:700}.SwitchingText_container__9ICqS .SwitchingText_btn__9UW9Y{margin-top:40px}.Typed1_container__2a\+Le{align-items:center;display:flex;flex-direction:column;height:360px;justify-content:center;width:100%}.Typed1_container__2a\+Le p{font-size:44px;font-weight:500;height:54px;line-height:48px;text-align:center;white-space:nowrap}.Typed1_container__2a\+Le .Typed1_btn__5\+jTK{margin-top:80px}.Typed2_container__XvJpL{align-items:center;display:flex;flex-direction:column;height:360px;justify-content:center;width:100%}.Typed2_container__XvJpL p{font-size:44px;font-weight:500;height:54px;line-height:48px;text-align:left;white-space:nowrap;width:364px}.Typed2_container__XvJpL .Typed2_btn__lqx2D{margin-top:80px}.AutoEllipsisText_container__2dFtS{display:flex;flex-direction:column;height:360px;justify-content:center;padding:10px;width:100%}.FilterCSS_container__HnHaW{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.FilterCSS_container__HnHaW .FilterCSS_left__dim3U{align-items:center;display:flex;flex-direction:column;font-size:16px}.FilterCSS_container__HnHaW .FilterCSS_left__dim3U img{height:260px;margin-top:10px;width:260px}.FilterCSS_container__HnHaW .FilterCSS_left__dim3U:hover{-webkit-filter:brightness(1.1) contrast(110%);filter:brightness(1.1) contrast(110%)}.FilterCSS_container__HnHaW .FilterCSS_right__MsfmE{align-items:center;display:flex;flex-direction:column;font-size:16px;margin-left:40px}.FilterCSS_container__HnHaW .FilterCSS_right__MsfmE img{height:260px;margin-top:10px;width:260px}.FilterCSS_container__HnHaW .FilterCSS_right__MsfmE:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.BgFusion_container__VJAbX{align-items:center;background-color:#000;display:flex;-webkit-filter:contrast(10);filter:contrast(10);flex:1;height:360px;justify-content:center;position:relative;width:100%}.BgFusion_container__VJAbX:before{-webkit-animation:BgFusion_moveToRight__jm6oW 5s linear infinite;animation:BgFusion_moveToRight__jm6oW 5s linear infinite;background-color:#ff0;height:130px;left:50%;margin-left:-150px;margin-top:-65px;width:130px}.BgFusion_container__VJAbX:after,.BgFusion_container__VJAbX:before{border-radius:50%;content:"";-webkit-filter:blur(5px);filter:blur(5px);position:absolute;top:50%}.BgFusion_container__VJAbX:after{-webkit-animation:BgFusion_moveToLeft__jbPEU 5s linear infinite;animation:BgFusion_moveToLeft__jbPEU 5s linear infinite;background-color:red;height:90px;margin-right:-110px;margin-top:-45px;right:50%;width:90px}@-webkit-keyframes BgFusion_moveToRight__jm6oW{50%{margin-left:0}}@keyframes BgFusion_moveToRight__jm6oW{50%{margin-left:0}}@-webkit-keyframes BgFusion_moveToLeft__jbPEU{50%{margin-right:0}}@keyframes BgFusion_moveToLeft__jbPEU{50%{margin-right:0}}.MyLogo_container__KNKdW{align-items:center;background-color:#000;display:flex;flex:1;height:360px;justify-content:center;width:100%}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6{height:100px;position:relative;width:100px}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6 .MyLogo_leftTopRect__rrMK9{background-color:#10a19d;content:"";height:50px;left:0;position:absolute;top:0;width:50px;z-index:1}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6 .MyLogo_circle__g\+xkt{background-color:#10a19d;border-radius:50%;content:"";height:100px;left:0;position:absolute;top:0;width:100px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6 .MyLogo_middleRect__c5wUq{background-color:#000;border-radius:50%;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;top:20%;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6 .MyLogo_bottomRect__VJqty{background-color:#000;border-radius:4px;bottom:0;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg{height:100px;margin-left:50px;position:relative;width:100px}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg .MyLogo_leftTopRect__rrMK9{background-color:#d23369;content:"";height:50px;left:0;position:absolute;top:0;width:50px;z-index:1}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg .MyLogo_circle__g\+xkt{background-color:#d23369;border-radius:50%;content:"";height:100px;left:0;position:absolute;top:0;width:100px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg .MyLogo_middleRect__c5wUq{background-color:#000;border-radius:50%;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;top:20%;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg .MyLogo_bottomRect__VJqty{background-color:#000;border-radius:4px;bottom:0;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I{height:100px;margin-left:50px;position:relative;width:100px}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I .MyLogo_leftTopRect__rrMK9{background-color:#393e46;content:"";height:50px;left:0;position:absolute;top:0;width:50px;z-index:1}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I .MyLogo_circle__g\+xkt{background-color:#393e46;border-radius:50%;content:"";height:100px;left:0;position:absolute;top:0;width:100px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I .MyLogo_middleRect__c5wUq{background-color:#000;border-radius:50%;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;top:20%;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I .MyLogo_bottomRect__VJqty{background-color:#000;border-radius:4px;bottom:0;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;width:33.3333333333px;z-index:2}.ShearAngle_container__tRA3S{align-items:center;display:flex;flex:1;height:360px;justify-content:center;width:100%}.ShearAngle_container__tRA3S .ShearAngle_box1__5M-bD{background-image:linear-gradient(135deg,#6a0155,#cc4855);height:130px;-webkit-mask:radial-gradient(circle 20px at top left,transparent 98%,#000) top left,radial-gradient(circle 20px at top right,transparent 98%,#000) top right,radial-gradient(circle 20px at bottom left,transparent 98%,#000) bottom left,radial-gradient(circle 20px at bottom right,transparent 98%,#000) bottom right;-webkit-mask-repeat:no-repeat;-webkit-mask-size:51% 51%;width:200px}.ShearAngle_container__tRA3S .ShearAngle_box1__5M-bD:not(:first-child){margin-left:36px}.ShearAngle_container__tRA3S .ShearAngle_box2__n9GvI{--g:transparent calc(98% - 10px),#000 calc(100% - 10px) 98%,transparent;--mask:radial-gradient(farthest-side at 0 0,var(--g)) 0 0/40px 40px no-repeat,conic-gradient(from 180deg at right 10px top 10px,transparent 0,transparent 90deg,#000 0) 100% 0 /calc(100% - 30px) calc(100% - 30px) no-repeat,radial-gradient(farthest-side at 100% 100%,var(--g)) 100% 100%/40px 40px no-repeat,conic-gradient(from 0deg at left 10px bottom 10px,transparent 0,transparent 90deg,#000 0) 0 100% /calc(100% - 30px) calc(100% - 30px) no-repeat;background-image:linear-gradient(135deg,#6a0155,#cc4855);height:130px;-webkit-mask:var(--mask);width:200px}@supports (background:conic-gradient(red 0deg,red 0deg 1deg,red 2deg)){.ShearAngle_container__tRA3S .ShearAngle_box2__n9GvI{--mask:radial-gradient(farthest-side at 0 0,var(--g)) 0 0/40px 40px no-repeat,conic-gradient(from 180deg at right 10px top 10px,transparent 0 90deg,#000 0) 100% 0 /calc(100% - 30px) calc(100% - 30px) no-repeat,radial-gradient(farthest-side at 100% 100%,var(--g)) 100% 100%/40px 40px no-repeat,conic-gradient(from 0deg at left 10px bottom 10px,transparent 0 90deg,#000 0) 0 100% /calc(100% - 30px) calc(100% - 30px) no-repeat}}.ShearAngle_container__tRA3S .ShearAngle_box2__n9GvI:not(:first-child){margin-left:36px}.ShearAngle_container__tRA3S .ShearAngle_box3__uaxeG{--angle:130deg;--g:transparent var(--angle),#000 0;background-image:linear-gradient(135deg,#6a0155,#cc4855);height:130px;-webkit-mask:conic-gradient(from calc(var(--angle)/-2 - 45deg) at top 20px left 20px,var(--g)) top left,conic-gradient(from calc(var(--angle)/-2 + 45deg) at top 20px right 20px,var(--g)) top right,conic-gradient(from calc(var(--angle)/-2 - 135deg) at bottom 20px left 20px,var(--g)) bottom left,conic-gradient(from calc(var(--angle)/-2 + 135deg) at bottom 20px right 20px,var(--g)) bottom right;-webkit-mask-repeat:no-repeat;-webkit-mask-size:51% 51%;width:200px}.ShearAngle_container__tRA3S .ShearAngle_box3__uaxeG:not(:first-child){margin-left:36px}.AnnulusLoading_container__r9c4O{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje{cursor:pointer;height:100px;margin-top:-100px;position:relative;width:200px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item1__kaRKn,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item2__29w\+l,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item3__sTLBN,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item4__C2KqR,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item5__PkkRq,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item6__\+tYBR,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item7__AQC4n,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item__8pAHU{-webkit-animation:AnnulusLoading_rotate__7pxdp 2s cubic-bezier(.11,.85,.22,1.3) infinite;animation:AnnulusLoading_rotate__7pxdp 2s cubic-bezier(.11,.85,.22,1.3) infinite;border:5px solid;border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;bottom:0;position:absolute;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:all .5s}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item1__kaRKn{border-color:#e94545;height:100px;left:calc(50% - 100px);width:200px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item2__29w\+l{-webkit-animation-delay:-60ms;animation-delay:-60ms;border-color:#eb8f34;height:85px;left:calc(50% - 85px);width:170px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item3__sTLBN{-webkit-animation-delay:-.12s;animation-delay:-.12s;border-color:#eecf69;height:70px;left:calc(50% - 70px);width:140px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item4__C2KqR{-webkit-animation-delay:-.18s;animation-delay:-.18s;border-color:#215221;height:55px;left:calc(50% - 55px);width:110px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item5__PkkRq{-webkit-animation-delay:-.24s;animation-delay:-.24s;border-color:#87bb80;height:40px;left:calc(50% - 40px);width:80px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item6__\+tYBR{-webkit-animation-delay:-.3s;animation-delay:-.3s;border-color:skyblue;height:25px;left:calc(50% - 25px);width:50px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item7__AQC4n{-webkit-animation-delay:-.36s;animation-delay:-.36s;border-color:#c393eb;height:10px;left:calc(50% - 10px);width:20px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item1__kaRKn,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item2__29w\+l,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item3__sTLBN,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item4__C2KqR,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item5__PkkRq,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item6__\+tYBR,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item7__AQC4n,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item__8pAHU{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-filter:brightness(1.5);filter:brightness(1.5)}@-webkit-keyframes AnnulusLoading_rotate__7pxdp{0%,25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes AnnulusLoading_rotate__7pxdp{0%,25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Honeycomb_container__gPdSS{align-items:center;display:flex;flex-direction:column;height:500px;justify-content:center;width:100%}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz{--s:130px;--g:10px;display:grid;margin:calc(var(--s) + var(--g))}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img{aspect-ratio:.866;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);cursor:pointer;-webkit-filter:grayscale(80%);filter:grayscale(80%);grid-area:1/1;object-fit:cover;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1);-webkit-transform:translate(var(--x,0),var(--y,0)) scale(var(--t,1));transform:translate(var(--x,0),var(--y,0)) scale(var(--t,1));transition:.2s linear;width:var(--s)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:first-child{--x:calc(-100% - var(--g))}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(7){--x:calc(100% + var(--g))}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(3),.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(5){--y:calc(-75% - var(--g)*0.87)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(4),.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(6){--y:calc(75% + var(--g)*0.87)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(3),.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(4){--x:calc(-50% - var(--g)*0.5)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(5),.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(6){--x:calc(50% + var(--g)*0.5)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:hover{--t:1.2;-webkit-filter:grayscale(0);filter:grayscale(0);z-index:1}.PizzaPie_container__\+jqg8{align-items:center;display:flex;flex-direction:column;height:500px;justify-content:center;width:100%}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j{grid-gap:10px;align-items:center;border-radius:50%;display:grid;gap:10px;grid-template-columns:auto 0 auto;justify-items:center;overflow:hidden;place-items:center}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img{aspect-ratio:1;cursor:pointer;-webkit-filter:grayscale(1);filter:grayscale(1);object-fit:cover;transition:.35s;width:200px}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:first-child{-webkit-clip-path:polygon(0 0,50% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 0,100% 100%,0 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(2){-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(3){-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 0,100% 100%,0 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(4){-webkit-clip-path:polygon(0 0,100% 0,50% 100%,0 100%);clip-path:polygon(0 0,100% 0,50% 100%,0 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(5){-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(6){-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.AnnulusProgressBar_container__t7uE8{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG{align-items:center;background-color:#edf1f5;border:1px solid #fff;border-radius:20px;box-shadow:0 20px 30px rgba(100,131,177,.2);display:flex;height:230px;justify-content:center;width:230px}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L-{height:200px;position:relative;width:200px}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- .AnnulusProgressBar_circleOuter__OmSUl{background:#edf1f5;border-radius:50%;box-shadow:6px 6px 8px #c5ccda,-6px -6px 8px #fff;height:100%;position:relative;width:100%}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- .AnnulusProgressBar_circleOuter__OmSUl:before{background:#edf1f5;border-radius:50%;box-shadow:inset 8px 8px 10px #c5ccda,inset -4px -4px 8px #fff;content:"";height:170px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:170px}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- .AnnulusProgressBar_circleOuter__OmSUl:after{background:#edf1f5;border-radius:50%;box-shadow:6px 6px 8px #c5ccda,-2px -2px 8px #fff;content:"";height:130px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:130px}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- svg{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:100%;z-index:1}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- svg circle{cy:75px;cx:75px;r:75px;fill:none;stroke-linecap:round;stroke-dasharray:471px;stroke-dashoffset:471px;stroke-width:20px;position:absolute;-webkit-transform:translate(25px,25px);transform:translate(25px,25px)}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- .AnnulusProgressBar_num__CAG59{color:#497241;font-size:30px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.AudioLoading_container__LkPXP{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G{align-items:center;display:flex;height:80px;position:relative}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span0__e1joN{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1.4s;animation-delay:1.4s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span0__e1joN:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span1__KLPUt{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span1__KLPUt:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span2__gOuZh{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span2__gOuZh:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span3__HO3on{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span3__HO3on:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span4__rFl95{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span4__rFl95:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span5__Y6BnT{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.4s;animation-delay:.4s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span5__Y6BnT:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span6__jIPUG{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span6__jIPUG:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span7__LmzsW{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span7__LmzsW:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span8__gZg1m{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span8__gZg1m:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span9__BzF4d{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span9__BzF4d:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span10__-p-zh{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.4s;animation-delay:.4s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span10__-p-zh:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span11__Zse6t{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span11__Zse6t:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span12__Rxrq8{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span12__Rxrq8:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span13__21nbh{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span13__21nbh:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span14__KHro-{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span14__KHro-:not(:first-child){margin-left:4px}@-webkit-keyframes AudioLoading_loading__Nvgnt{0%{background-image:linear-gradient(90deg,#fa709a 0,#fee140);border-radius:8px;height:20%}50%{background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:40px;height:100%}to{background-image:linear-gradient(0deg,#a8edea 0,#fed6e3);border-radius:8px;height:20%}}@keyframes AudioLoading_loading__Nvgnt{0%{background-image:linear-gradient(90deg,#fa709a 0,#fee140);border-radius:8px;height:20%}50%{background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:40px;height:100%}to{background-image:linear-gradient(0deg,#a8edea 0,#fed6e3);border-radius:8px;height:20%}}.SudokuImageAnimation_container__66i30{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn{grid-gap:10px;align-content:center;display:grid;gap:10px;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);height:260px;justify-content:center;place-content:center;transition:all .3s;width:260px}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item0__rk5Me,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item1__W23ZS,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item2__yf6pT,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item3__HiACA,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item4__uHQZd,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item5__wz8hO,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item6__YU2jR,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item7__QNe8D,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item8__WsYmu,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item__XGZRs{background-image:url(../images/c5e4532e.jpg);background-size:240px 240px;border:1px solid;border-image:linear-gradient(45deg,#293a53,#7cb1c5) 1;height:80px;width:80px}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item0__rk5Me{background-position:0 0}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item1__W23ZS{background-position:-100% 0}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item2__yf6pT{background-position:-200% 0}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item3__HiACA{background-position:0 -100%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item4__uHQZd{background-position:-100% -100%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item5__wz8hO{background-position:-200% -100%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item6__YU2jR{background-position:0 -200%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item7__QNe8D{background-position:-100% -200%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item8__WsYmu{background-position:-200% -200%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover{-webkit-filter:drop-shadow(0 0 12px hsla(0,0%,100%,.6));filter:drop-shadow(0 0 12px rgba(255,255,255,.6));gap:0}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item0__rk5Me,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item1__W23ZS,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item2__yf6pT,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item3__HiACA,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item4__uHQZd,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item5__wz8hO,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item6__YU2jR,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item7__QNe8D,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item8__WsYmu,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item__XGZRs{border:none}.TextWrap_container__vVl1N{--poly-from:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);--poly-to:polygon(50% 30%,100% 0%,70% 50%,100% 100%,50% 70%,0% 100%,30% 50%,0% 0%);font-size:16px;height:360px;padding:6px 10px;width:100%}.TextWrap_container__vVl1N .TextWrap_topText__eHwkJ{height:44px;overflow:hidden}.TextWrap_container__vVl1N .TextWrap_poly__EwnPy{-webkit-animation:TextWrap_poly__EwnPy 3s ease-in-out infinite alternate;animation:TextWrap_poly__EwnPy 3s ease-in-out infinite alternate;background-image:repeating-linear-gradient(blue,orange 50px);-webkit-clip-path:var(var(--poly-from));clip-path:var(var(--poly-from));height:260px;width:260px}.TextWrap_container__vVl1N .TextWrap_leftFloat__Uo9rJ{float:left}.TextWrap_container__vVl1N .TextWrap_rightFloat__ezXwd{float:right}.TextWrap_container__vVl1N span{word-break:break-all}@-webkit-keyframes TextWrap_poly__EwnPy{0%{-webkit-clip-path:var(--poly-from);clip-path:var(--poly-from);shape-outside:var(--poly-from)}to{-webkit-clip-path:var(--poly-to);clip-path:var(--poly-to);shape-outside:var(--poly-to)}}@keyframes TextWrap_poly__EwnPy{0%{-webkit-clip-path:var(--poly-from);clip-path:var(--poly-from);shape-outside:var(--poly-from)}to{-webkit-clip-path:var(--poly-to);clip-path:var(--poly-to);shape-outside:var(--poly-to)}}.WaterDropLogin_container__d6dk7{align-items:center;background-color:#eff0f4;display:flex;height:450px;justify-content:center;width:100%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV{align-items:center;display:flex;justify-content:center;position:relative}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB{align-items:center;border-radius:52% 48% 33% 67%/38% 45% 55% 62%;box-shadow:inset 20px 20px 20px rgba(0,0,0,.05),25px 35px 20px rgba(0,0,0,.05),25px 30px 30px rgba(0,0,0,.05),inset -20px -20px 25px hsla(0,0%,100%,.9);display:flex;height:350px;justify-content:center;position:relative;transition:.5s;width:350px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px;text-align:center}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua h2{color:#333;gap:20px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form{align-items:center;display:flex;flex-direction:column;gap:20px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0{border-radius:25px;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),inset -2px -5px 10px #fff,15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025);position:relative;width:225px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0 input{background-color:transparent;border:none;font-size:1em;outline:none;padding:10px 15px;width:100%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0:before{background-color:hsla(0,0%,100%,.5);border-radius:5px;content:"";height:5px;left:50%;position:absolute;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:65%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0:last-child{background-color:#ff0f5b;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025);transition:.6s;width:120px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0:last-child input{color:#fff;cursor:pointer;font-size:1em;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0:last-child:hover{width:150px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB:hover{border-radius:50%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB:before{background-color:#fff;border-radius:50%;content:"";height:35px;left:85px;opacity:.9;position:absolute;top:50px;width:35px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB:after{background-color:#fff;border-radius:50%;content:"";height:15px;left:110px;opacity:.9;position:absolute;top:90px;width:15px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_btns__Sil7M{align-items:center;background-color:#c61dff;border-radius:44% 56% 65% 35%/57% 58% 42% 43%;bottom:0;box-shadow:inset 10px 10px 10px rgba(190,1,254,.05),25px 35px 20px rgba(190,1,254,.1),25px 30px 30px rgba(190,1,254,.1),inset -10px -10px 15px hsla(0,0%,100%,.5);color:#fff;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;font-size:.8em;height:120px;justify-content:center;letter-spacing:.1em;line-height:1.2em;position:absolute;right:-120px;text-align:center;text-decoration:none;transition:.25s;-webkit-user-select:none;user-select:none;width:120px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_btns__Sil7M:hover{border-radius:50%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_btns__Sil7M:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:30px;opacity:.45;position:absolute;top:15px;width:20px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_signup__h0wNv{background-color:#01b4ff;border-radius:49% 51% 52% 48%/63% 59% 41% 37%;bottom:150px;box-shadow:inset 10px 10px 10px rgba(1,180,255,.05),25px 35px 20px rgba(1,180,255,.1),25px 30px 30px rgba(1,180,255,.1),inset -10px -10px 15px hsla(0,0%,100%,.5);height:80px;right:-120px;width:80px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_signup__h0wNv:before{height:15px;left:20px;width:15xpx}.TextShadow_container__3\+vOx{align-items:center;background-color:#eff0f4;display:flex;height:450px;justify-content:center;width:100%}.TextShadow_container__3\+vOx .TextShadow_content__ngpOP{color:#2e5c76;font-family:SourceHanSansCN-Bold!important;font-size:80px;font-weight:600;position:relative;z-index:2}.TextShadow_container__3\+vOx .TextShadow_content__ngpOP:after{bottom:0;color:#000;content:attr(data-text);-webkit-filter:blur(3px);filter:blur(3px);left:0;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000);position:absolute;-webkit-transform:translate(-26px,16px) skew(50deg) scaleY(.6);transform:translate(-26px,16px) skew(50deg) scaleY(.6);z-index:1}.HorseRacelamp_container__bVbh9{background-color:#111;height:450px;overflow:hidden;position:relative;width:100%}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6{box-shadow:0 15px 10px rgba(0,0,0,.5);display:flex;left:-400px;width:calc(100% + 400px)}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6 span{-webkit-animation:HorseRacelamp_move__1BrwC 60s linear infinite;animation:HorseRacelamp_move__1BrwC 60s linear infinite;-webkit-animation-delay:-60s;animation-delay:-60s;background-color:#e9c804;color:#1d1104;font-family:SourceHanSansCN-Bold!important;font-size:26px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6 span:nth-child(2){-webkit-animation:HorseRacelamp_move2__skpp7 60s linear infinite;animation:HorseRacelamp_move2__skpp7 60s linear infinite;-webkit-animation-delay:-30s;animation-delay:-30s}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6:first-of-type{-webkit-transform:rotate(25deg) translateY(180px);transform:rotate(25deg) translateY(180px)}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6:nth-of-type(2){-webkit-transform:rotate(-20deg) translateY(160px);transform:rotate(-20deg) translateY(160px)}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6:nth-of-type(3){-webkit-transform:rotate(-15deg) translateY(-60px);transform:rotate(-15deg) translateY(-60px)}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6:nth-of-type(4){-webkit-transform:rotate(30deg) translateY(250px);transform:rotate(30deg) translateY(250px)}.HorseRacelamp_container__bVbh9:before{background-image:radial-gradient(transparent,transparent,rgba(0,0,0,.333),rgba(0,0,0,.267));content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}@-webkit-keyframes HorseRacelamp_move__1BrwC{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes HorseRacelamp_move__1BrwC{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes HorseRacelamp_move2__skpp7{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@keyframes HorseRacelamp_move2__skpp7{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}.HarmonyLogo_container__uTwnw{background-color:#111;display:flex;flex-direction:column;height:450px;overflow:hidden;width:100%}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3{height:100%;position:relative;width:100%}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_top__zSfqW{height:50%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_top__zSfqW:before{background-color:#111;border:25px solid #fff;border-radius:50%;bottom:0;box-shadow:0 0 4px 1px hsla(0,0%,100%,.8),0 0 8px 2px hsla(0,0%,100%,.6);box-sizing:border-box;content:"";height:200px;left:50%;position:absolute;-webkit-transform:translate(-50%,100px);transform:translate(-50%,100px);width:200px;z-index:1}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_top__zSfqW:after{background:repeating-radial-gradient(circle at 50% 100%,transparent,transparent 5px,#3a77f6 5.2px,#3a77f6 6.2px,transparent 6.5px);bottom:0;content:"";left:0;-webkit-mask:radial-gradient(circle at 50% 100%,#fff,transparent 25%,transparent);mask:radial-gradient(circle at 50% 100%,#fff,transparent 25%,transparent);position:absolute;right:0;top:0;z-index:0}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_top__zSfqW .HarmonyLogo_line__6yj7q{background:rgba(46,107,232,.8);border-radius:50%;bottom:-8px;box-shadow:0 0 5px rgba(46,107,232,.7);-webkit-filter:blur(5px) contrast(1.2) brightness(1.2);filter:blur(5px) contrast(1.2) brightness(1.2);height:6px;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:96%;z-index:10}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_bottom__4ZSOr{-webkit-filter:url(#fractal);filter:url(#fractal);height:50%;left:0;overflow:hidden;position:absolute;top:50%;width:100%}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_bottom__4ZSOr:before{background-color:#111;border:25px solid #fff;border-radius:50%;box-shadow:0 0 4px hsla(0,0%,100%,.8),0 0 8px hsla(0,0%,100%,.7),0 0 20px hsla(0,0%,100%,.6);box-sizing:border-box;content:"";-webkit-filter:blur(4px);filter:blur(4px);height:200px;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%,-100px);transform:translate(-50%,-100px);width:200px;z-index:3}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_bottom__4ZSOr:after{background:repeating-radial-gradient(circle at 50% 0,transparent,transparent 5px,#3a77f6 5.1px,#3a77f6 6.4px,transparent 6.5px);bottom:0;content:"";left:0;-webkit-mask:radial-gradient(circle at 50% 0,hsla(0,0%,100%,.6),transparent 25%,transparent);mask:radial-gradient(circle at 50% 0,hsla(0,0%,100%,.6),transparent 25%,transparent);position:absolute;right:0;top:0;z-index:2}.HarmonyLogo_container__uTwnw svg{position:absolute}.Preserve3D_container__EZ7l0{align-items:center;display:flex;height:450px;justify-content:center;width:100%}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy{position:relative}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM{-webkit-animation:Preserve3D_innerLoop__-DQqD 4s ease-in-out infinite;animation:Preserve3D_innerLoop__-DQqD 4s ease-in-out infinite;height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:60px}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM div{border:1px solid #fff;height:100%;left:0;position:absolute;top:0;width:100%}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_top__6op2D{-webkit-transform:rotateX(90deg) translateZ(30px);transform:rotateX(90deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_bottom__Rmjl\+{-webkit-transform:rotateX(-90deg) translateZ(30px);transform:rotateX(-90deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_front__\+CRYT{-webkit-transform:rotateX(0deg) translateZ(30px);transform:rotateX(0deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_back__-ZjU\+{-webkit-transform:rotateX(-180deg) translateZ(30px);transform:rotateX(-180deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_left__YYWAD{-webkit-transform:rotateY(-90deg) translateZ(30px);transform:rotateY(-90deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_right__R5Aqm{-webkit-transform:rotateY(90deg) translateZ(30px);transform:rotateY(90deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM div{background-color:#175d96}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS{-webkit-animation:Preserve3D_outerLoop__kghXU 4s ease-in-out infinite;animation:Preserve3D_outerLoop__kghXU 4s ease-in-out infinite;height:120px;left:50%;margin:-60px 0 0 -60px;position:absolute;top:50%;-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:120px}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS div{border:1px solid #fff;height:100%;left:0;position:absolute;top:0;width:100%}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_top__6op2D{-webkit-transform:rotateX(90deg) translateZ(60px);transform:rotateX(90deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_bottom__Rmjl\+{-webkit-transform:rotateX(-90deg) translateZ(60px);transform:rotateX(-90deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_front__\+CRYT{-webkit-transform:rotateX(0deg) translateZ(60px);transform:rotateX(0deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_back__-ZjU\+{-webkit-transform:rotateX(-180deg) translateZ(60px);transform:rotateX(-180deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_left__YYWAD{-webkit-transform:rotateY(-90deg) translateZ(60px);transform:rotateY(-90deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_right__R5Aqm{-webkit-transform:rotateY(90deg) translateZ(60px);transform:rotateY(90deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS div{background-color:rgba(141,214,249,.5)}@-webkit-keyframes Preserve3D_outerLoop__kghXU{0%{-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg)}50%,to{-webkit-transform:rotateX(-35.5deg) rotateY(405deg);transform:rotateX(-35.5deg) rotateY(405deg)}}@keyframes Preserve3D_outerLoop__kghXU{0%{-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg)}50%,to{-webkit-transform:rotateX(-35.5deg) rotateY(405deg);transform:rotateX(-35.5deg) rotateY(405deg)}}@-webkit-keyframes Preserve3D_innerLoop__-DQqD{0%{-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg)}50%,to{-webkit-transform:rotateX(-35.5deg) rotateY(-315deg);transform:rotateX(-35.5deg) rotateY(-315deg)}}@keyframes Preserve3D_innerLoop__-DQqD{0%{-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg)}50%,to{-webkit-transform:rotateX(-35.5deg) rotateY(-315deg);transform:rotateX(-35.5deg) rotateY(-315deg)}}.RotateAndBgFixed_container__Kc-WW{display:flex;height:450px;position:relative;width:100%}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP{grid-gap:6px;--rotation:360deg;--scale:1.1;-webkit-animation:RotateAndBgFixed_scale-up__cNw-D 8s ease-in-out infinite alternate both;animation:RotateAndBgFixed_scale-up__cNw-D 8s ease-in-out infinite alternate both;display:grid;gap:6px;grid-template-areas:"E B B" "E A C" "D D C";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:300px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_a__Yi0br{grid-area:A;-ms-grid-column:3;-ms-grid-row:3}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_b__Vv6J0{-ms-grid-column-span:3;grid-area:B;-ms-grid-column:3;-ms-grid-row:1}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_c__xgerx{-ms-grid-row-span:3;grid-area:C;-ms-grid-column:5;-ms-grid-row:3}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_d__d9aYT{-ms-grid-column-span:3;grid-area:D;-ms-grid-column:1;-ms-grid-row:5}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_e__V1OJc{-ms-grid-row-span:3;grid-area:E;-ms-grid-column:1;-ms-grid-row:1}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP div{border:2px solid #aaa;border-radius:5px;overflow:hidden;position:relative}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP div img{--rotation:-360deg;--scale:1;-webkit-animation:RotateAndBgFixed_scale-up__cNw-D 8s ease-in-out infinite alternate both;animation:RotateAndBgFixed_scale-up__cNw-D 8s ease-in-out infinite alternate both;height:260%;left:50%;object-fit:cover;object-position:center;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:260%}@-webkit-keyframes RotateAndBgFixed_scale-up__cNw-D{0%{-webkit-transform:translate(-50%,-50%) scale(var(--scale)) rotate(0deg);transform:translate(-50%,-50%) scale(var(--scale)) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) scale(.8) rotate(var(--rotation));transform:translate(-50%,-50%) scale(.8) rotate(var(--rotation))}}@keyframes RotateAndBgFixed_scale-up__cNw-D{0%{-webkit-transform:translate(-50%,-50%) scale(var(--scale)) rotate(0deg);transform:translate(-50%,-50%) scale(var(--scale)) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) scale(.8) rotate(var(--rotation));transform:translate(-50%,-50%) scale(.8) rotate(var(--rotation))}}.HexagonalMesh_container__mdJJ9{background:#000;flex:1 0 120%;font-size:0;height:500px;margin-bottom:-25px;overflow:hidden;position:relative;-webkit-transform:translate(-10%,-25px);transform:translate(-10%,-25px)}.HexagonalMesh_container__mdJJ9:before{content:"";float:left;height:100%;shape-outside:repeating-linear-gradient(transparent,transparent 80px,#000 0,#000 101.6px);width:27px}.HexagonalMesh_container__mdJJ9:after{-webkit-animation:HexagonalMesh_change__JIsuQ 10s linear infinite;animation:HexagonalMesh_change__JIsuQ 10s linear infinite;background:linear-gradient(45deg,#f44336,#ff9800,#ffe607,#09d7c4,#1cbed3,#1d8ae2,#bc24d6);bottom:0;content:"";left:0;mix-blend-mode:darken;position:absolute;right:0;top:0;z-index:1}.HexagonalMesh_container__mdJJ9 .HexagonalMesh_item__hVzAo{background:#fff;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);display:inline-block;height:57.735px;margin:4px 4px -10.425px;width:50px}@-webkit-keyframes HexagonalMesh_change__JIsuQ{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes HexagonalMesh_change__JIsuQ{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.HexagonalRadar_container__hFck5{align-items:center;display:flex;flex-shrink:0;height:476px;justify-content:center;overflow:hidden;position:relative;width:100%}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h{bottom:0;height:346.41px;left:0;margin:auto;position:absolute;right:0;top:0;width:300px}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h:before{background:linear-gradient(90deg,transparent,transparent calc(50% - .5px),#ccc calc(50% - .5px),#ccc calc(50% + .5px),transparent calc(50% + .5px),transparent),linear-gradient(150deg,transparent,transparent calc(50% - .5px),#ccc calc(50% - .5px),#ccc calc(50% + .5px),transparent calc(50% + .5px),transparent),linear-gradient(210deg,transparent,transparent calc(50% - .5px),#ccc calc(50% - .5px),#ccc calc(50% + .5px),transparent calc(50% + .5px),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:6}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR{background:#ccc;bottom:0;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);left:0;margin:auto;position:absolute;right:0;top:0}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:after{background-color:#000c17;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);content:"";height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px)}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:first-child{height:277.128px;width:240px;z-index:1}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:nth-child(2){height:207.846px;width:180px;z-index:2}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:nth-child(3){height:138.564px;width:120px;z-index:3}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:nth-child(4){height:69.282px;width:60px;z-index:4}.HexagonalRadar_container__hFck5 .HexagonalRadar_maskBox__SqK8S{--angle:360deg;bottom:0;cursor:pointer;height:346.41px;left:0;margin:auto;-webkit-mask:conic-gradient(#000,#000 var(--angle),transparent var(--angle),transparent 1turn);mask:conic-gradient(#000,#000 var(--angle),transparent var(--angle),transparent 1turn);position:absolute;right:0;top:0;width:300px;z-index:7}.HexagonalRadar_container__hFck5 .HexagonalRadar_maskBox__SqK8S:hover{-webkit-animation:HexagonalRadar_spin__Iyc-P .6s ease-in-out;animation:HexagonalRadar_spin__Iyc-P .6s ease-in-out}.HexagonalRadar_container__hFck5 .HexagonalRadar_maskBox__SqK8S:before{background:linear-gradient(rgba(241,94,174,.8),rgba(255,152,0,.8));-webkit-clip-path:polygon(6% 28%,50% 10%,66% 42%,91% 71%,50% 80%,3% 74%);clip-path:polygon(6% 28%,50% 10%,66% 42%,91% 71%,50% 80%,3% 74%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes HexagonalRadar_spin__Iyc-P{0%{--angle:0deg}5%{--angle:18deg}10%{--angle:36deg}15%{--angle:54deg}20%{--angle:72deg}25%{--angle:90deg}30%{--angle:108deg}35%{--angle:126deg}40%{--angle:144deg}45%{--angle:162deg}50%{--angle:180deg}55%{--angle:198deg}60%{--angle:216deg}65%{--angle:234deg}70%{--angle:252deg}75%{--angle:270deg}80%{--angle:288deg}85%{--angle:306deg}90%{--angle:324deg}95%{--angle:342deg}to{--angle:360deg}}@keyframes HexagonalRadar_spin__Iyc-P{0%{--angle:0deg}5%{--angle:18deg}10%{--angle:36deg}15%{--angle:54deg}20%{--angle:72deg}25%{--angle:90deg}30%{--angle:108deg}35%{--angle:126deg}40%{--angle:144deg}45%{--angle:162deg}50%{--angle:180deg}55%{--angle:198deg}60%{--angle:216deg}65%{--angle:234deg}70%{--angle:252deg}75%{--angle:270deg}80%{--angle:288deg}85%{--angle:306deg}90%{--angle:324deg}95%{--angle:342deg}to{--angle:360deg}}.HoverEnlargement_container__t9rVI{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);display:flex;height:450px;justify-content:center;width:100%}.HoverEnlargement_container__t9rVI img{--f:1;aspect-ratio:1;background:radial-gradient(circle closest-side,#ecd078 calc(99% - 5px),#c02942 calc(100% - 5px) 99%,transparent) 50%/calc(100%/var(--f)) 100% no-repeat content-box;border-radius:0 0 140px 140px;cursor:pointer;-webkit-mask:linear-gradient(#000 0,#000 0) no-repeat 50% calc((1/var(--f) - 1)*280px/2*-1 - -5px)/calc(100%/var(--f) - 10px) 50%,radial-gradient(circle closest-side,#000 99%,transparent) 50%/calc(100%/var(--f)) 100% no-repeat content-box;-webkit-mask:linear-gradient(#000 0 0) no-repeat 50% calc((1/var(--f) - 1)*280px/2*-1 - -5px)/calc(100%/var(--f) - 10px) 50%,radial-gradient(circle closest-side,#000 99%,transparent) 50%/calc(100%/var(--f)) 100% no-repeat content-box;outline:5px solid #c02942;outline-offset:calc((1/var(--f) - 1)*280px/2 - 5px);padding-top:56px;-webkit-transform:scale(var(--f));transform:scale(var(--f));transition:.5s;width:280px}.HoverEnlargement_container__t9rVI img:hover{--f:1.3}.ActivityCountDown_container__z9J8Y{align-items:center;color:#fff;display:flex;font-size:46px}.ActivityCountDown_container__z9J8Y .ActivityCountDown_num__F1ysh{align-items:center;background:#425684;border-radius:3px;display:flex;font-size:32px;font-weight:500;height:46px;justify-content:center;margin:0 4px;width:46px}.ActivityCountDown_container__z9J8Y .ActivityCountDown_unit__X1r8-{margin:0 4px}.ActivityCountDown_container__Nw3or{align-items:center;display:flex;flex-direction:column;height:450px;justify-content:center;width:100%}.ActivityCountDown_container__Nw3or .ActivityCountDown_title__5HUMy{color:#ccc;font-size:24px;font-weight:500;text-align:center}.GlassDesign1_container__jIg8H{height:400px;position:relative;width:100%}.GlassDesign1_container__jIg8H img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%;z-index:1}.GlassDesign1_container__jIg8H .GlassDesign1_glass__x\+jsp{-webkit-backdrop-filter:blur(2px) url(#glassFilter1);backdrop-filter:blur(2px) url(#glassFilter1);bottom:0;height:330px;left:0;margin:auto;position:absolute;right:0;top:0;width:517px;z-index:2}.GlassDesign1_container__jIg8H:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.GlassDesign2_container__BLEzA{height:400px;position:relative;width:100%}.GlassDesign2_container__BLEzA img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%;z-index:1}.GlassDesign2_container__BLEzA .GlassDesign2_glass__UZeM9{-webkit-backdrop-filter:blur(2px) url(#glassFilter2);backdrop-filter:blur(2px) url(#glassFilter2);bottom:0;height:330px;left:0;margin:auto;position:absolute;right:0;top:0;width:517px;z-index:2}.GlassDesign2_container__BLEzA:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.Ribbon_container__ZOkiq{align-items:center;display:flex;flex:1;flex-direction:column;height:420px;justify-content:center;width:100%}.Ribbon_container__ZOkiq .Ribbon_ribbon__wI2K8{--fontSize:24px;--background:#d81a14;background-image:linear-gradient(var(--background) 70%,transparent 0),linear-gradient(to bottom left,transparent 50%,color-mix(in srgb,var(--background),#000 40%) 51%,color-mix(in srgb,var(--background),#000 40%) 84%,transparent 85%);background-image:linear-gradient(var(--background) 70%,transparent 0),linear-gradient(to bottom left,transparent 50%,color-mix(in srgb,var(--background),#000 40%) 51% 84%,transparent 85%);background-position:0 .15lh;background-size:100% 1lh;-webkit-clip-path:polygon(0 .15lh,100% .15lh,calc(100% - var(--fontSize) / 2) .5lh,100% .85lh,100% calc(100% - .15lh),0 calc(100% - .15lh),calc(var(--fontSize) / 2) calc(100% - .5lh),0 calc(100% - .85lh));clip-path:polygon(0 .15lh,100% .15lh,calc(100% - var(--fontSize) / 2) .5lh,100% .85lh,100% calc(100% - .15lh),0 calc(100% - .15lh),calc(var(--fontSize) / 2) calc(100% - .5lh),0 calc(100% - .85lh));color:#fff;font-size:var(--fontSize);line-height:2;margin:10px 0;padding:0 var(--fontSize);text-align:center}.VisualDesign_container__oN2JR{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;min-height:100%;padding:4px;width:100%}.VisualDesign_container__oN2JR .VisualDesign_box__-TYNG{background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;display:flex;margin:4px 2px;overflow:hidden}.ModuleTitle_container__7ZCMv{font-family:SourceHanSansCN-Bold!important;font-size:24px;left:50%;position:absolute;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:11}.MagnifyingGlass_container__z7\+HK{align-items:center;display:flex;flex-direction:column;height:520px;width:100%}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU{display:flex;flex:1;justify-content:center;padding-top:100px;width:100%}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_smallBox__1rC23{height:280px;position:relative;width:400px;z-index:1}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_smallBox__1rC23 .MagnifyingGlass_mask__kbQ6H{cursor:move;display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_smallBox__1rC23 .MagnifyingGlass_floatBox__Msmv9{background-color:rgba(255,255,204,.314);border:1px solid #ccc;cursor:move;height:120px;position:absolute;width:160px}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_smallBox__1rC23 img{width:100%}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_bigBox__dtenq{height:360px;margin-left:40px;overflow:hidden;position:relative;width:480px;z-index:1}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_bigBox__dtenq img{height:700px;left:0;position:absolute;top:0;width:1000px;z-index:5}.CropImage_container__agQZ5{align-items:center;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K{border:1px solid #000;height:400px;position:relative;width:400px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_img1__vvyEU{-webkit-user-drag:none!important;height:100%;left:0;opacity:.5;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_img2__CuOAQ{-webkit-user-drag:none!important;clip:rect(0,150px,150px,0);height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb{border:1px solid #fff;cursor:all-scroll;height:150px;left:0;position:absolute;top:0;width:150px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_dot__TnuYQ{background-color:#fff;height:6px;position:absolute;width:6px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_leftUp__RO\+TV{cursor:nw-resize;left:-3px;top:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_up__fR18N{cursor:n-resize;left:50%;margin-left:-3px;top:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_rightUp__5Btk7{cursor:ne-resize;right:-3px;top:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_right__nbAwk{cursor:e-resize;margin-top:-3px;right:-3px;top:50%}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_rightDown__8vsgu{bottom:-3px;cursor:se-resize;right:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_down__0RD60{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_leftDown__Ssc21{bottom:-3px;cursor:sw-resize;left:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_left__qEy8B{cursor:w-resize;left:-3px;margin-top:-3px;top:50%}.CropImage_container__agQZ5 .CropImage_rightBox__tH7SB{height:400px;margin-left:50px;position:relative;width:400px}.CropImage_container__agQZ5 .CropImage_rightBox__tH7SB img{-webkit-user-drag:none!important;clip:rect(0,150px,150px,0);height:100%;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.DragShopping_container__IbTIV{align-items:center;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY{display:flex;flex-direction:column;width:80%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_bookBox__SDdDi{background-color:#111;border:1px solid #666;cursor:pointer;display:flex;flex-direction:column;padding:10px;width:100%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_bookBox__SDdDi img{height:180px;margin:0 auto 10px;width:150px}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_bookBox__SDdDi p{margin-top:6px}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv{border:1px solid #666;height:500px;margin-top:40px;width:100%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tableHead__lYIfd{background-color:#333;display:flex;height:40px;pointer-events:none;width:100%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tableHead__lYIfd .DragShopping_tableCell__6tWCA{align-items:center;display:flex;flex:1;padding-left:4px}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tableRow__6Qo3x{border-bottom:1px solid #333;display:flex;pointer-events:none}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tableRow__6Qo3x .DragShopping_tableCell__6tWCA{align-items:center;display:flex;flex:1;padding:4px}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_total__\+sd3-{display:flex;justify-content:flex-end;padding:4px 8px;pointer-events:none}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tip__vp\+8T{color:#999;display:flex;font-size:20px;justify-content:center;margin-top:40px;pointer-events:none;width:100%}.MouseHover_container__QIdL2{align-items:center;color:#fff;display:flex;height:800px;justify-content:center;position:relative;width:100%}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm{align-items:center;display:flex;flex-direction:column}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_title__617kC{cursor:default;font-size:40px;font-weight:500}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr{display:flex;margin-top:120px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr img{width:500px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr .MouseHover_right__Aviwn{align-items:flex-start;display:flex;flex-direction:column;margin-left:80px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr .MouseHover_right__Aviwn a{color:#fff;font-size:22px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr .MouseHover_right__Aviwn a:not(:first-child){margin-top:44px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr .MouseHover_right__Aviwn a:hover{color:#5f82fd}.MouseHover_container__QIdL2 .MouseHover_cursor__IcpdN{background-color:#fff;border-radius:50%;mix-blend-mode:difference;pointer-events:none;position:absolute;-webkit-transform-origin:50% 50% 0;transform-origin:initial;transition:width .4s,height .4s}.SlideButtonTab_container__eT4SM{align-items:center;display:flex;height:300px;justify-content:center;-webkit-perspective:500px;perspective:500px;position:relative;width:100%}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs{background-color:#e2e6eb;border-radius:12px;box-shadow:-10px -10px 15px #343f49,10px 10px 15px #212d38;display:flex;height:80px;justify-content:space-between;overflow:hidden;padding:20px 16px;position:relative;-webkit-transform:rotateY(var(--wraper-rotate));transform:rotateY(var(--wraper-rotate));-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform .4s cubic-bezier(0,0,.48,1);transition:transform .4s cubic-bezier(0,0,.48,1);transition:transform .4s cubic-bezier(0,0,.48,1),-webkit-transform .4s cubic-bezier(0,0,.48,1);width:600px}@property --groove-left{.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs{syntax:"<length>";initial-value:16px;inherits:false}}@property --wraper-rotate{.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs{syntax:"<angle>";initial-value:0deg;inherits:false}}@property --btnWidth{.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs{syntax:"<length>";initial-value:0;inherits:false}}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs:before{border-radius:12px;box-shadow:inset 8px 8px 6px #d9dce6,inset -5px -5px 15px #f5f9fd,inset -5px -5px 15px #f5f9fd,inset 7px 7px 6px #d9dce6;content:"";height:calc(100% - 40px);left:16px;left:var(--groove-left,16px);position:absolute;top:20px;transition:left .8s cubic-bezier(.82,.12,.18,.88);width:var(--btnWidth)}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs .SlideButtonTab_btn__tD8IC{align-items:center;-webkit-animation:SlideButtonTab_txtOutScale__5pmWX .6s linear;animation:SlideButtonTab_txtOutScale__5pmWX .6s linear;color:#444;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;transition:color 1.2s linear .4s;-webkit-user-select:none;user-select:none;width:var(--btnWidth)}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs .SlideButtonTab_btn__tD8IC:not(:first-child){margin-left:8px}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs .SlideButtonTab_btn__tD8IC:not(:last-child){margin-right:8px}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs .SlideButtonTab_actived__RWXqG{-webkit-animation:SlideButtonTab_txtEnterScale__YsI0b 1s linear;animation:SlideButtonTab_txtEnterScale__YsI0b 1s linear;color:#111!important;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes SlideButtonTab_txtEnterScale__YsI0b{0%,30%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes SlideButtonTab_txtEnterScale__YsI0b{0%,30%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes SlideButtonTab_txtOutScale__5pmWX{0%,30%{-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes SlideButtonTab_txtOutScale__5pmWX{0%,30%{-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}.FlipBook_container__bOMio{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4{display:flex;height:500px;position:relative;width:706px}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0{display:flex;height:500px;left:353px;position:absolute;top:0;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:353px}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0[data-left],.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0[data-right]{z-index:4}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0[data-right]+.FlipBook_paper__qnIh0{z-index:3}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_page__5K\+Jz{height:100%;overflow:hidden;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;width:100%}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_page__5K\+Jz img{height:100%;object-fit:cover;width:100%}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_left-show-front-page__I3ToF,.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_right-show-back-page__crJO-{-webkit-transform:scaleX(-1) translateZ(3px);transform:scaleX(-1) translateZ(3px);z-index:3}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_left-show-back-page__yRt8k,.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_right-show-front-page__pTHC0{-webkit-transform:translateZ(4px);transform:translateZ(4px);z-index:4}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_left-hide-front-page__kQs3M{-webkit-transform:scaleX(-1);transform:scaleX(-1);z-index:2}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_left-hide-back-page__lMGif{z-index:1}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_right-hide-front-page__8XaW9{z-index:2}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_right-hide-back-page__56D1v{-webkit-transform:scaleX(-1);transform:scaleX(-1);z-index:1}.FlipBook_container__bOMio .FlipBook_btns__9Cs\+L{display:flex;margin-top:50px}.FlipBook_container__bOMio .FlipBook_btns__9Cs\+L .FlipBook_btn__QmvzH:not(:first-child){margin-left:50px}.switch_container__i9Gh6{align-items:center;cursor:pointer;display:flex;position:relative}.switch_container__i9Gh6 .switch_box__M6wl2{background-color:#355dff;overflow:hidden;position:absolute;transition:all .4s}.switch_container__i9Gh6 .switch_icon__AQIrn{position:absolute;transition:all .4s}.Switchs_container__pX5RV{align-items:center;display:flex;justify-content:center;padding:110px 0 60px;position:relative;width:100%}.animation_container__bfyEi{-webkit-user-drag:none;height:920px;pointer-events:all;position:relative;-webkit-user-select:none;user-select:none;width:490px}.animation_container__bfyEi .animation_content__H8vdL{left:0;position:absolute;top:0}.animation_container__bfyEi .animation_content__H8vdL .animation_people__3G2ps{-webkit-user-drag:none;margin-top:40px;-webkit-user-select:none;user-select:none;width:420px}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv{cursor:pointer;height:32%;left:212px;position:absolute;top:480px;width:36%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_coin__9Ei6m{-webkit-user-drag:none;height:30%;left:0;opacity:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:30%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_gift__fEEYc{-webkit-user-drag:none;height:100%;-webkit-user-select:none;user-select:none;width:100%}@media screen and (min-width:1800px)and (max-width:2300px){.animation_container__bfyEi{height:800px;width:420px}.animation_container__bfyEi .animation_content__H8vdL .animation_people__3G2ps{width:360px}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv{height:30%;left:185px;top:418px;width:34%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_coin__9Ei6m{height:27%;width:27%}}@media screen and (min-width:1200px)and (max-width:1800px){.animation_container__bfyEi{height:650px;width:380px}.animation_container__bfyEi .animation_content__H8vdL .animation_people__3G2ps{width:300px}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv{height:27%;left:156px;top:358px;width:32%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_coin__9Ei6m{height:26%;width:26%}}@media screen and (max-width:1200px){.animation_container__bfyEi{height:620px;width:340px}.animation_container__bfyEi .animation_content__H8vdL .animation_people__3G2ps{width:270px}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv{height:28%;left:140px;top:322px;width:32%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_coin__9Ei6m{height:28%;width:28%}}.PeopleAnimation_container__P9IRI{align-items:center;display:flex;height:900px;justify-content:center;width:100%}.TweakCube_container__chHsQ{height:580px;padding:90px 0 60px;position:relative;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM{align-items:center;display:flex;justify-content:center;position:relative;top:35%;-webkit-transform:skewY(-20deg);transform:skewY(-20deg)}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo{-webkit-animation:TweakCube_changeColor__SsQtL 8s linear infinite;animation:TweakCube_changeColor__SsQtL 8s linear infinite;position:relative;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL{display:flex;flex-direction:column;gap:30px;left:0;position:absolute;top:0;translate:-70px 0;z-index:3}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:0;z-index:3}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:1;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:2;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi{display:flex;flex-direction:column;gap:30px;left:0;position:absolute;top:0;translate:0 0;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:0;z-index:3}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:1;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:2;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC{display:flex;flex-direction:column;gap:30px;left:0;position:absolute;top:0;translate:70px 0;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:0;z-index:3}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:1;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:2;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo:nth-child(2){translate:-60px -60px;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo:nth-child(3){translate:60px 60px;z-index:3}@-webkit-keyframes TweakCube_changeColor__SsQtL{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes TweakCube_changeColor__SsQtL{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.Preserve3dBox_container__S8Nkn{display:flex;height:580px;justify-content:center;position:relative;width:100%}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD{display:flex;height:400px;justify-content:center;margin-top:80px;width:100%}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG{-webkit-animation:Preserve3dBox_preserve3dRotate__jcPnu 10s linear infinite;animation:Preserve3dBox_preserve3dRotate__jcPnu 10s linear infinite;height:260px;margin-top:100px;position:relative;-webkit-transform:rotate3d(1,1,1,0deg);transform:rotate3d(1,1,1,0deg);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side1__OlfJ5{background-image:url(../images/7380e6f7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translateZ(130px);transform:translateZ(130px);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side2__N20GX{background-image:url(../images/ba36f098.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translateZ(-130px) rotateY(180deg);transform:translateZ(-130px) rotateY(180deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side3__t1Hxo{background-image:url(../images/e7c8df7d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translate3d(0,-130px,0) rotateX(90deg);transform:translate3d(0,-130px,0) rotateX(90deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side4__7YzMw{background-image:url(../images/06a46209.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translate3d(0,130px,0) rotateX(90deg) rotateY(180deg);transform:translate3d(0,130px,0) rotateX(90deg) rotateY(180deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side5__38WMJ{background-image:url(../images/ed6d9a11.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translate3d(-130px,0,0) rotateY(90deg);transform:translate3d(-130px,0,0) rotateY(90deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side6__pWRYS{background-image:url(../images/271a66ed.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translate3d(130px,0,0) rotateY(90deg) rotateY(180deg);transform:translate3d(130px,0,0) rotateY(90deg) rotateY(180deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_light__8ms1v{-webkit-animation:Preserve3dBox_light__8ms1v 1s infinite;animation:Preserve3dBox_light__8ms1v 1s infinite}@-webkit-keyframes Preserve3dBox_preserve3dRotate__jcPnu{to{-webkit-transform:rotate3d(1,1,1,1turn);transform:rotate3d(1,1,1,1turn)}}@keyframes Preserve3dBox_preserve3dRotate__jcPnu{to{-webkit-transform:rotate3d(1,1,1,1turn);transform:rotate3d(1,1,1,1turn)}}@-webkit-keyframes Preserve3dBox_light__8ms1v{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 16px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}@keyframes Preserve3dBox_light__8ms1v{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 16px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.OrientationSenseCard_container__wM4Og{align-items:center;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN{align-items:center;display:flex;justify-content:center;-webkit-perspective:900px;perspective:900px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN .OrientationSenseCard_card__kb1rR{border:5px solid #fff;border-radius:6px;cursor:pointer;height:208px;margin:20px;position:relative;-webkit-transform:rotateY(0);transform:rotateY(0);transition:.3s;width:150px}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN .OrientationSenseCard_card__kb1rR img{object-fit:cover;width:100%}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN .OrientationSenseCard_card__kb1rR:hover{box-shadow:0 10px 20px hsla(0,0%,100%,.6);-webkit-transform:rotateY(0) scale(1.25)!important;transform:rotateY(0) scale(1.25)!important}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN .OrientationSenseCard_card__kb1rR:hover~.OrientationSenseCard_card__kb1rR{-webkit-transform:rotateY(-25deg);transform:rotateY(-25deg)}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN:hover .OrientationSenseCard_card__kb1rR{-webkit-transform:rotateY(25deg);transform:rotateY(25deg)}.HexagonalMesh1_container__4Mauo{background:radial-gradient(circle at var(--xPos) var(--yPos),transparent 0,transparent 50px,#000 150px,#000 1000px);cursor:pointer;flex:0 0 120%;font-size:0;height:580px;margin-bottom:-25px;overflow:hidden;position:relative;-webkit-transform:translate(-10%,-25px);transform:translate(-10%,-25px)}.HexagonalMesh1_container__4Mauo:before{content:"";float:left;height:100%;shape-outside:repeating-linear-gradient(transparent,transparent 80px,#000 0,#000 89.6px);width:25.5px}.HexagonalMesh1_container__4Mauo:after{-webkit-animation:HexagonalMesh1_change__31Nqy 8s linear infinite;animation:HexagonalMesh1_change__31Nqy 8s linear infinite;background:linear-gradient(45deg,#f44336,#ff9800,#ffe607,#09d7c4,#1cbed3,#1d8ae2,#bc24d6);bottom:0;content:"";left:0;-webkit-mask:radial-gradient(circle at var(--xPos) var(--yPos),#000 0,#000 50px,transparent 150px,transparent 150px);mask:radial-gradient(circle at var(--xPos) var(--yPos),#000 0,#000 50px,transparent 150px,transparent 150px);mix-blend-mode:darken;position:absolute;right:0;top:0;z-index:1}.HexagonalMesh1_container__4Mauo .HexagonalMesh1_item__uupv2{background:#000;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);display:inline-block;flex:0 0 auto;height:57.735px;margin:1px 1px -13.425px;width:50px;z-index:2}@-webkit-keyframes HexagonalMesh1_change__31Nqy{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes HexagonalMesh1_change__31Nqy{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.HexagonalMesh2_container__7Eq5-{cursor:pointer;flex:0 0 120%;font-size:0;height:580px;margin-bottom:-25px;overflow:hidden;position:relative;-webkit-transform:translate(-10%,-25px);transform:translate(-10%,-25px)}.HexagonalMesh2_container__7Eq5-:before{content:"";float:left;height:100%;shape-outside:repeating-linear-gradient(transparent,transparent 80px,#000 0,#000 89.6px);width:25.5px}.HexagonalMesh2_container__7Eq5-:after{-webkit-animation:HexagonalMesh2_change__unRwF 8s linear infinite;animation:HexagonalMesh2_change__unRwF 8s linear infinite;background:linear-gradient(45deg,#f44336,#ff9800,#ffe607,#09d7c4,#1cbed3,#1d8ae2,#bc24d6);bottom:0;content:"";left:0;-webkit-mask:radial-gradient(circle at var(--xPos) var(--yPos),#000 0,#000 50px,transparent 150px,transparent 150px);mask:radial-gradient(circle at var(--xPos) var(--yPos),#000 0,#000 50px,transparent 150px,transparent 150px);mix-blend-mode:darken;position:absolute;right:0;top:0;z-index:1}.HexagonalMesh2_container__7Eq5- .HexagonalMesh2_item__RBkZx{background:#000;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);display:inline-block;flex:0 0 auto;height:57.735px;margin:1px 1px -13.425px;width:50px;z-index:2}@-webkit-keyframes HexagonalMesh2_change__unRwF{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes HexagonalMesh2_change__unRwF{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.HexagonalMesh3_container__7cOnb{cursor:pointer;flex:0 0 120%;font-size:0;height:580px;margin-bottom:-25px;overflow:hidden;position:relative;-webkit-transform:translate(-10%,-25px);transform:translate(-10%,-25px)}.HexagonalMesh3_container__7cOnb:before{content:"";float:left;height:100%;shape-outside:repeating-linear-gradient(transparent,transparent 80px,#000 0,#000 89.6px);width:25.5px}.HexagonalMesh3_container__7cOnb:after{-webkit-animation:HexagonalMesh3_change__cxOZy 8s linear infinite;animation:HexagonalMesh3_change__cxOZy 8s linear infinite;background:linear-gradient(45deg,#f44336,#ff9800,#ffe607,#09d7c4,#1cbed3,#1d8ae2,#bc24d6);bottom:0;content:"";left:0;mix-blend-mode:darken;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.HexagonalMesh3_container__7cOnb .HexagonalMesh3_item__JnppT{background:#000;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);display:inline-block;flex:0 0 auto;height:57.735px;margin:1px 1px -13.425px;transition:.6s;width:50px;z-index:2}.HexagonalMesh3_container__7cOnb .HexagonalMesh3_item__JnppT:hover{background:#fff;transition:0s}@-webkit-keyframes HexagonalMesh3_change__cxOZy{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes HexagonalMesh3_change__cxOZy{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.IconScroll_container__pHJbN{display:flex;flex-direction:column;height:500px;width:100%}.IconScroll_container__pHJbN .IconScroll_row__ueyux{display:flex;font-size:42px;position:relative;-webkit-transform:rotate(-30deg) translate(-560px,-560px);transform:rotate(-30deg) translate(-560px,-560px);white-space:nowrap;width:100%}.IconScroll_container__pHJbN .IconScroll_row__ueyux div{-webkit-animation:IconScroll_animate1__nWCc8 150s linear infinite;animation:IconScroll_animate1__nWCc8 150s linear infinite;-webkit-animation-delay:-150s;animation-delay:-150s}.IconScroll_container__pHJbN .IconScroll_row__ueyux div:nth-child(2){-webkit-animation:IconScroll_animate2__M45\+C 150s linear infinite;animation:IconScroll_animate2__M45\+C 150s linear infinite;-webkit-animation-delay:-75s;animation-delay:-75s}.IconScroll_container__pHJbN .IconScroll_row__ueyux div svg{cursor:default;padding:0 5px;transition:1.5s;-webkit-user-select:none;user-select:none}.IconScroll_container__pHJbN .IconScroll_row__ueyux div svg path{fill:rgba(0,0,0,.5)}.IconScroll_container__pHJbN .IconScroll_row__ueyux div svg:hover{-webkit-filter:drop-shadow(0 0 20px #0f0);filter:drop-shadow(0 0 20px #0f0);transition:0s}.IconScroll_container__pHJbN .IconScroll_row__ueyux div svg:hover path{fill:lime}.IconScroll_container__pHJbN .IconScroll_row__ueyux:nth-child(2n) div{-webkit-animation:IconScroll_animate3__CVZU5 150s linear infinite;animation:IconScroll_animate3__CVZU5 150s linear infinite;-webkit-animation-delay:-150s;animation-delay:-150s;font-size:1em;white-space:nowrap}.IconScroll_container__pHJbN .IconScroll_row__ueyux:nth-child(2n) div:nth-child(2){-webkit-animation:IconScroll_animate4__csJ4n 150s linear infinite;animation:IconScroll_animate4__csJ4n 150s linear infinite;-webkit-animation-delay:-75s;animation-delay:-75s}@-webkit-keyframes IconScroll_animate1__nWCc8{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes IconScroll_animate1__nWCc8{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes IconScroll_animate2__M45\+C{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@keyframes IconScroll_animate2__M45\+C{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@-webkit-keyframes IconScroll_animate3__CVZU5{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes IconScroll_animate3__CVZU5{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes IconScroll_animate4__csJ4n{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes IconScroll_animate4__csJ4n{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.WipeSwitchover_container__zA\+wD{height:600px;position:relative;width:100%}.WipeSwitchover_container__zA\+wD svg{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:.5;stroke-dasharray:8 8;stroke-dashoffset:0px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask1__efwWk path{-webkit-transform:translate(46%,40%) scale(1500);transform:translate(46%,40%) scale(1500)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask2__bTFbb path{-webkit-transform:translate(10%) scale(1500);transform:translate(10%) scale(1500)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask3__Gaobg path{-webkit-transform:translate(8%,10%) scale(2200);transform:translate(8%,10%) scale(2200)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask4__ZERnA path{stroke-dasharray:7 11;-webkit-transform:translate(10%,46%) scale(2500);transform:translate(10%,46%) scale(2500)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask5__MkpDg path{stroke-width:1;stroke-dasharray:30 29;-webkit-transform:translate(46%,32%) scale(710);transform:translate(46%,32%) scale(710)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page1__ex092{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page1__ex092 rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page1__ex092 image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page1__ex092 text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page2__S7sFb{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page2__S7sFb rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page2__S7sFb image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page2__S7sFb text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page3__JtV7t{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page3__JtV7t rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page3__JtV7t image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page3__JtV7t text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page4__9G6Y9{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page4__9G6Y9 rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page4__9G6Y9 image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page4__9G6Y9 text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page5__uBeX2{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page5__uBeX2 rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page5__uBeX2 image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page5__uBeX2 text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q{align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:40px;bottom:0;cursor:pointer;display:flex;flex:1;height:200px;justify-content:flex-end;left:-100px;margin:auto 0;position:absolute;top:0;-webkit-transform:translateX(-100px);transform:translateX(-100px);transition:.6s;width:200px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q .WipeSwitchover_icon__Z3ryB{height:60px;margin-right:20px;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q .WipeSwitchover_icon__Z3ryB .anticon{height:60px;position:relative;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q .WipeSwitchover_icon__Z3ryB .anticon svg{height:60px;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q .WipeSwitchover_icon__Z3ryB .anticon svg path{fill:#fff}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG{align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:40px;bottom:0;cursor:pointer;display:flex;flex:1;height:200px;margin:auto 0;position:absolute;right:-100px;top:0;-webkit-transform:translateX(100px);transform:translateX(100px);transition:.6s;width:200px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG .WipeSwitchover_icon__Z3ryB{font-size:20px;height:60px;margin-left:20px;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG .WipeSwitchover_icon__Z3ryB .anticon{height:60px;position:relative;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG .WipeSwitchover_icon__Z3ryB .anticon svg{height:60px;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG .WipeSwitchover_icon__Z3ryB .anticon svg path{fill:#fff}.WipeSwitchover_container__zA\+wD:hover .WipeSwitchover_nextBtn__sVZkG,.WipeSwitchover_container__zA\+wD:hover .WipeSwitchover_prevBtn__6vW6Q{-webkit-transform:translateX(0);transform:translateX(0)}.AutoCompletePunctuation_container__EjYmN{align-items:center;display:flex;height:300px;justify-content:center;position:relative;width:100%}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh{align-items:center;display:flex;justify-content:space-between;padding-top:50px;width:940px}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh textarea{border:2px solid #333;box-sizing:border-box;display:flex;font-family:SourceHanSansCN-Regular!important;font-size:14px;line-height:22px;padding:10px;width:440px}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh textarea:active,.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh textarea:focus{border:2px solid #4c78fc;outline:2px #4c78fc}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh div{background-color:#fff;border:2px solid #333;box-sizing:border-box;color:#222;display:flex;font-size:14px;height:130px;line-height:22px;padding:10px;width:440px}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh div:active,.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh div:focus{border:2px solid #4c78fc;outline:2px #4c78fc}.StackedImages_container__Hnz74{align-content:center;align-items:center;display:flex;display:grid;flex-direction:column;height:440px;justify-content:center;place-content:center;position:relative;width:100%}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4{--img-width:150px;--border-width:1px;align-items:flex-end;display:flex;-webkit-filter:drop-shadow(0 0 var(--border-width) #fff) drop-shadow(0 0 var(--border-width) #fff) drop-shadow(0 0 #fff) drop-shadow(0 0 #fff);filter:drop-shadow(0 0 var(--border-width) #fff) drop-shadow(0 0 var(--border-width) #fff) drop-shadow(0 0 #fff) drop-shadow(0 0 #fff);gap:12px;height:calc(var(--img-width)*1.7 + var(--border-width)*4);overflow:hidden;padding:calc(var(--border-width)*2);width:calc(100% + var(--border-width)*4)}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img{--h:0px;--t:0px;aspect-ratio:1;border-bottom:calc(var(--img-width)) solid #fff;border-radius:50%;border-top:calc(var(--img-width)) solid #fff;cursor:pointer;height:var(--img-width);margin-bottom:calc(var(--img-width)*-1);margin-top:calc(var(--img-width)*-1);-webkit-mask:radial-gradient(0 0 at 0 0,transparent 0,#000 0) padding-box;translate:0 var(--t)}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img:not(:last-child){margin-right:-30px;-webkit-mask:radial-gradient(50% 50% at calc(150% - 18px) calc(50% - var(--h)),transparent calc(100% + 12px),#000 calc(101% + 12px)) padding-box}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img:hover{--h:calc(var(--img-width)*-0.7);--t:calc(var(--img-width)*-0.7)}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img[\:has\(\%2Bimg\:hover\)]{--h:calc(var(--img-width)*0.7)}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img:has(+img:hover){--h:calc(var(--img-width)*0.7)}.InteractiveDesign_container__oK3No{align-items:center;background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-direction:column;flex-wrap:wrap;min-height:100%;padding:4px 0;width:100%}.InteractiveDesign_container__oK3No .InteractiveDesign_box__\+Trza{background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;box-sizing:border-box;display:flex;margin:4px 2px;overflow:hidden;width:calc(100% - 8px)}.BackgroundEffect_container__u\+IDp{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;min-height:100%;padding:2px 6px 4px;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_box__k\+mFh{align-items:center;border:3px solid rgba(53,162,253,.267);display:flex;height:420px;justify-content:center;overflow:hidden}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg1__klRoc{background-image:repeating-linear-gradient(107deg,hsla(0,0%,5%,.15),hsla(0,0%,5%,.15) 0,transparent 0,transparent 1px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 3px,transparent 0,transparent 4px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 7px),repeating-linear-gradient(191deg,hsla(0,0%,5%,.15),hsla(0,0%,5%,.15) 0,transparent 0,transparent 1px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 3px,transparent 0,transparent 4px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 7px),repeating-linear-gradient(0deg,hsla(0,0%,5%,.15),hsla(0,0%,5%,.15) 0,transparent 0,transparent 1px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 3px,transparent 0,transparent 4px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 7px),repeating-linear-gradient(90deg,hsla(0,0%,5%,.15),hsla(0,0%,5%,.15) 0,transparent 0,transparent 1px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 3px,transparent 0,transparent 4px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 7px),linear-gradient(90deg,#2d2d2d,#2d2d2d);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg2__kPZ6M{background-color:#fff;background-image:linear-gradient(90deg,rgba(66,66,66,.5) 50%,transparent 0);background-size:50px 100%;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg3__82UV-{background-color:#fff;background-image:linear-gradient(rgba(66,66,66,.5) 50%,transparent 0),linear-gradient(90deg,rgba(66,66,66,.5) 50%,transparent 0);background-size:50px 50px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg4__z430k{background-color:#fff;background-image:repeating-linear-gradient(60deg,rgba(66,66,66,.5) 5%,transparent 0,transparent 10%,rgba(66,66,66,.5) 0,rgba(66,66,66,.5) 15%);background-image:repeating-linear-gradient(60deg,rgba(66,66,66,.5) 5%,transparent 0 10%,rgba(66,66,66,.5) 0 15%);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg5__YkL6Y{background-color:#fff;background-image:repeating-linear-gradient(60deg,rgba(66,66,66,.5) 5%,transparent 10%,rgba(66,66,66,.5) 15%);background-size:50px 50px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg6__zUQqR{background-color:#55f;background-image:linear-gradient(#fff 2px,transparent 0),linear-gradient(90deg,#fff 2px,transparent 0),linear-gradient(hsla(0,0%,100%,.3) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.3) 1px,transparent 0);background-size:60px 60px,60px 60px,20px 20px,20px 20px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg7__thgM1{background:repeating-linear-gradient(-45deg,transparent,transparent 25%,#f55 0,#f55 50%),repeating-linear-gradient(45deg,transparent,transparent 25%,#55f 0,#55f 50%),#efb;background-blend-mode:multiply;background-size:200px 200px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg8__YdGMF{background-image:repeating-conic-gradient(#000 0,#000 5%,#fff 5%,#fff 10%);background-image:repeating-conic-gradient(#000 0 5%,#fff 5% 10%);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg9__19R3E{background-color:#fff;background-image:repeating-conic-gradient(#000 0,#000 1%,transparent 0,transparent 2%);background-image:repeating-conic-gradient(#000 0 1%,transparent 0 2%);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg10__htocf{background-image:repeating-conic-gradient(red 0deg,red 30deg,#ff0 30deg,#ff0 60deg,blue 60deg,blue 90deg);background-image:repeating-conic-gradient(red 0deg 30deg,#ff0 30deg 60deg,blue 60deg 90deg);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg11__CcLwl{background:repeating-radial-gradient(#000 0,#000 .0001%,#fff 0,#fff .0002%) 60% 60%/1000px 1000px,repeating-conic-gradient(#000 0,#000 .0001%,#fff 0,#fff .0002%) 40% 40%/1000px 1000px;background:repeating-radial-gradient(#000 0 .0001%,#fff 0 .0002%) 60% 60%/1000px 1000px,repeating-conic-gradient(#000 0 .0001%,#fff 0 .0002%) 40% 40%/1000px 1000px;background-blend-mode:difference;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg12__eJxJM{background:repeating-conic-gradient(#bf4d28 0,#bf4d28 .00005%,#e1f5c4 0,#e1f5c4 .00017%) 0 0/5000px 4000px;background:repeating-conic-gradient(#bf4d28 0 .00005%,#e1f5c4 0 .00017%) 0 0/5000px 4000px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg13__mpoDJ{background:linear-gradient(90deg,transparent 59px,#aec8ee 0),linear-gradient(180deg,transparent 59px,#aec8ee 0),conic-gradient(from 270deg at 5px 20px,#31c2ec 90deg,transparent 0deg),conic-gradient(from 270deg at 20px 5px,#31c2ec 90deg,transparent 0deg),#0e284d;background-position:0 0,0 0,-2.5px -10px,-10px -2.5px;background-size:60px 100%,100% 60px,60px 60px,60px 60px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg14__xnExu{background:linear-gradient(90deg,transparent 59px,#aec8ee 0),linear-gradient(180deg,transparent 59px,#aec8ee 0),radial-gradient(closest-side at 7px 7px,#31c2ec 0,#31c2ec 7px,transparent 0,transparent 100%),#0e284d;background-position:0 0,0 0,-8px -8px;background-size:60px 100%,100% 60px,60px 60px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg15__F3Wrj{background:linear-gradient(transparent 50%,rgba(0,0,0,.267) 0),conic-gradient(from -30deg at 90%,#fff 240deg,transparent 0),conic-gradient(from -30deg at 75%,#71e9a0 240deg,transparent 0),conic-gradient(from -30deg at 25%,transparent 240deg,#fff 0),conic-gradient(from -30deg at 40%,#fff 240deg,#2a6a9b 0);background-size:126px 84px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg16__OBNeN{background:linear-gradient(-45deg,transparent 75%,#f67280 0),linear-gradient(45deg,transparent 75%,#f67280 0) 0 35px #355c7d;background-size:70px 70px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg17__pb8bY{background:linear-gradient(225deg,transparent 3.125%,#987f69 0,#987f69 9.375%,transparent 0,transparent 78.125%,#987f69 0,#987f69 84.375%,transparent 0) 0 6px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 0 12px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) -6px -6px,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 12px 0,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 6px 12px,repeating-linear-gradient(-45deg,#fdf1cc -3.125%,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%);background:linear-gradient(225deg,transparent 3.125%,#987f69 0 9.375%,transparent 0 78.125%,#987f69 0 84.375%,transparent 0) 0 6px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 0 12px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) -6px -6px,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 12px 0,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 6px 12px,repeating-linear-gradient(-45deg,#fdf1cc -3.125% 3.125%,#987f69 0 9.375%);background-size:24px 24px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg18__UKapy{background:repeating-linear-gradient(60deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2) 2px,#000 0,#000 3px,transparent 0,transparent 20px),repeating-linear-gradient(300deg,#000,#000 1px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 3px,transparent 0,transparent 20px),linear-gradient(45deg,rgba(0,0,0,.2),rgba(64,64,64,.2) 15%,rgba(77,77,77,.2) 40%,rgba(38,38,38,.2) 60%,rgba(26,26,26,.2) 80%,rgba(3,3,3,.2)),linear-gradient(180deg,#324d67,#1c2b4a 35%,#151837 65%,#060d13);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg19__obRK1{background:repeating-linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.2) 2px,rgba(0,0,0,.2) 0,rgba(0,0,0,.5) 10px,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.3) 0,transparent 11px,transparent 25px),linear-gradient(135deg,rgba(76,94,103,.25),rgba(143,151,163,.25) 15%,rgba(135,176,197,.25) 40%,hsla(0,0%,50%,.25) 60%,hsla(205,5%,45%,.25) 80%,rgba(64,106,119,.25)),linear-gradient(135deg,rgba(38,40,36,.5),rgba(51,64,38,.5) 0,rgba(109,126,103,.5) 30%,rgba(85,98,80,.5) 50%,hsla(95,5%,45%,.5) 70%,rgba(77,88,65,.5)),linear-gradient(180deg,#3a5978,#23365c 35%,#1c204a 65%,#0d1a26);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg20__mnQic{background:repeating-linear-gradient(-1deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 2px,transparent 0,transparent 10px),repeating-linear-gradient(1deg,transparent,transparent 7px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 8px),repeating-linear-gradient(0deg,transparent,transparent 12px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.1) 13px),repeating-linear-gradient(0deg,transparent,transparent 17px,rgba(0,0,0,.4) 0,rgba(0,0,0,.4) 18px),linear-gradient(135deg,rgba(29,41,48,.5),rgba(28,59,74,.5) 0,rgba(80,109,149,.5) 30%,rgba(62,85,116,.5) 50%,rgba(86,120,143,.5) 70%,rgba(50,85,103,.5)),linear-gradient(180deg,#55585e,#363949 35%,#2d2b3b 65%,#14181f);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg21__qF-7f{background:repeating-linear-gradient(-1deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 2px,transparent 0,transparent 10px),repeating-linear-gradient(1deg,transparent,transparent 7px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 8px),repeating-linear-gradient(0deg,transparent,transparent 12px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.1) 13px),repeating-linear-gradient(0deg,transparent,transparent 17px,rgba(0,0,0,.4) 0,rgba(0,0,0,.4) 18px),linear-gradient(135deg,#315981,#1f5093 0,#3473b2 25%,#385e94 50%,#24628f 75%,#2a4d6f);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg22__Fcy\+J{background:radial-gradient(circle farthest-side at 50% 50%,#2c2c21 0,#2c2c21 15%,transparent 0,transparent 100%),radial-gradient(circle farthest-side at 50% 50%,#2c2c21 0,#2c2c21 15%,transparent 0,transparent 100%),radial-gradient(circle farthest-side at 50% 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 15%,transparent 0,transparent 100%),radial-gradient(circle farthest-side at 50% 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 15%,transparent 0,transparent 100%),linear-gradient(145deg,rgba(44,44,33,.5),rgba(107,112,92,.5) 15%,rgba(155,155,75,.5) 40%,rgba(77,77,77,.5) 60%,rgba(66,67,61,.5) 80%,rgba(53,51,29,.5)),linear-gradient(50deg,#2c2c21,#3e4026 10%,#575c3d 25%,#30301d 40%,#565841 60%,#2d301d 70%,#404224 90%,#363617);background-position:0 0,20px 20px,0 -2px,20px 22px,0 0,0 0;background-size:40px 40px,40px 40px,40px 40px,40px 40px,100% 100%,100% 100%;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg23__HJ4I5{background:linear-gradient(120deg,rgba(92,10,10,.5),rgba(153,13,0,.5) 15%,rgba(179,30,0,.5) 25%,rgba(255,64,0,.5) 35%,rgba(199,70,5,.5) 40%,rgba(165,39,13,.5) 50%,rgba(142,22,11,.5) 65%,rgba(142,22,11,.5) 70%,rgba(124,3,3,.5) 85%,rgba(102,0,0,.5)),linear-gradient(60deg,rgba(22,4,4,.5),rgba(46,9,5,.5) 10%,rgba(89,25,13,.5) 25%,rgba(23,3,3,.5) 40%,rgba(87,21,15,.5) 60%,rgba(23,6,3,.5) 70%,rgba(47,7,4,.5) 90%,rgba(25,1,1,.5)),linear-gradient(120deg,#333,#18191b 35%,#0c0c0d 65%,#000);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg24__qQdYv{background:radial-gradient(ellipse 150% 150% at 80% 80%,transparent 40%,hsla(0,0%,100%,.25) 60%,transparent 100%),radial-gradient(ellipse 150% 150% at 20% 20%,transparent 40%,rgba(0,0,0,.25) 60%,transparent 100%),radial-gradient(ellipse 100% 100% at 50% 50%,transparent 25%,rgba(0,0,0,.5) 75%),linear-gradient(100deg,rgba(96,32,32,.25),rgba(156,33,22,.25) 15%,rgba(179,51,26,.25) 25%,rgba(226,97,54,.25) 35%,rgba(189,90,40,.25) 40%,rgba(158,65,46,.25) 50%,rgba(138,48,40,.25) 65%,rgba(138,48,40,.25) 70%,rgba(126,27,27,.25) 85%,rgba(112,16,16,.25)),linear-gradient(180deg,rgba(43,51,59,.5),rgba(19,23,32,.5) 35%,rgba(10,10,16,.5) 65%,rgba(0,0,0,.5)),linear-gradient(180deg,#0f618a,#229bc3 7%,#75f0f0 25%,#3ff 35%,#3cc2dd 55%,#0086b3 75%,#0a5276);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg25__h4HDo{background:radial-gradient(farthest-side at -33.33% 50%,transparent 52%,#170409 54%,#170409 57%,transparent 59%) 0 50px,radial-gradient(farthest-side at 50% 133.33%,transparent 52%,#170409 54%,#170409 57%,transparent 59%) 50px 0,radial-gradient(farthest-side at 133.33% 50%,transparent 52%,#170409 54%,#170409 57%,transparent 59%),radial-gradient(farthest-side at 50% -33.33%,transparent 52%,#170409 54%,#170409 57%,transparent 59%),#67917a;background:radial-gradient(farthest-side at -33.33% 50%,transparent 52%,#170409 54% 57%,transparent 59%) 0 50px,radial-gradient(farthest-side at 50% 133.33%,transparent 52%,#170409 54% 57%,transparent 59%) 50px 0,radial-gradient(farthest-side at 133.33% 50%,transparent 52%,#170409 54% 57%,transparent 59%),radial-gradient(farthest-side at 50% -33.33%,transparent 52%,#170409 54% 57%,transparent 59%),#67917a;background-size:21.4270409256px 100px,100px 21.4270409256px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg26__PsQZC{background:conic-gradient(at 20px calc(100% - 20px),transparent 270deg,#c02942 0) 35px 0,linear-gradient(#53777a 20px,transparent 0) 0 15px,conic-gradient(at 20px calc(100% - 20px),transparent 90deg,#53777a 0,#53777a 180deg,#c02942 0),#ecd078;background:conic-gradient(at 20px calc(100% - 20px),transparent 270deg,#c02942 0) 35px 0,linear-gradient(#53777a 20px,transparent 0) 0 15px,conic-gradient(at 20px calc(100% - 20px),transparent 90deg,#53777a 0 180deg,#c02942 0),#ecd078;background-size:70px 70px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg27__U89Ls{background:conic-gradient(at 62.5% 12.5%,#72e21f 25%,transparent 0) -5px 20px,conic-gradient(at 62.5% 12.5%,#72e21f 25%,transparent 0) -15px 10px,conic-gradient(at 87.5% 62.5%,#72e21f 25%,transparent 0) 15px 10px,conic-gradient(at 87.5% 62.5%,#72e21f 25%,transparent 0) -5px 0,conic-gradient(at 25% 12.5%,#72e21f 25%,transparent 0) 0 -10px,conic-gradient(at 25% 12.5%,#72e21f 25%,transparent 0) -10px 0,conic-gradient(at 87.5% 87.5%,#72e21f 25%,transparent 0) 5px 0 #044012;background-size:40px 40px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg28__2fShs{background:radial-gradient(27% 29% at right,transparent 83%,#b09f79 85%,#b09f79 99%,transparent 101%) 10px 20px,radial-gradient(27% 29% at left,transparent 83%,#b09f79 85%,#b09f79 99%,transparent 101%) -10px 20px,radial-gradient(29% 27% at top,transparent 83%,#b09f79 85%,#b09f79 99%,transparent 101%) 0 10px,radial-gradient(29% 27% at bottom,transparent 83%,#b09f79 85%,#b09f79 99%,transparent 101%) 0 -10px #476074;background:radial-gradient(27% 29% at right,transparent 83%,#b09f79 85% 99%,transparent 101%) 10px 20px,radial-gradient(27% 29% at left,transparent 83%,#b09f79 85% 99%,transparent 101%) -10px 20px,radial-gradient(29% 27% at top,transparent 83%,#b09f79 85% 99%,transparent 101%) 0 10px,radial-gradient(29% 27% at bottom,transparent 83%,#b09f79 85% 99%,transparent 101%) 0 -10px #476074;background-size:40px 40px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg29__hiev7{background:radial-gradient(28.968px at 0 0,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 28.968px 28.968px,radial-gradient(12px at 0 0,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 16.968px 16.968px,radial-gradient(28.968px at 0 100%,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 0 16.968px,radial-gradient(12px at 0 100%,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) -12px 28.968px,radial-gradient(28.968px at 100% 0,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 16.968px 0,radial-gradient(12px at 100% 0,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 28.968px -12px,radial-gradient(28.968px at 100% 100%,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) -12px -12px,radial-gradient(12px at 100% 100%,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) #8eb2c5;background-size:57.936px 57.936px;height:100%;width:100%}.LineCombination_container__toPmq{align-items:center;border-radius:10px;box-sizing:border-box;display:flex;height:240px;overflow:hidden;width:100%}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8{-webkit-animation:LineCombination_entrance_totop__X8xN- .6s 0s 1 alternate forwards;animation:LineCombination_entrance_totop__X8xN- .6s 0s 1 alternate forwards;background-color:transparent;border-bottom:1px solid rgba(187,61,254,.314);border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:114px;margin:0 -1px -8px;position:relative;-webkit-transform:translateY(200px);transform:translateY(200px);width:42px}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8 .LineCombination_blackBoxPoint__87aDR{background-color:#fff;bottom:-1px;box-shadow:0 0 10px 3px #fff;height:1px;left:8px;position:absolute;visibility:hidden;width:8px}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8:first-child{border-bottom-left-radius:0;display:flex;flex:1}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8:first-child .LineCombination_blackBoxPoint__87aDR{visibility:hidden}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8:last-child{border-bottom-right-radius:0;display:flex;flex:1}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi{align-items:center;-webkit-animation:LineCombination_entrance_totop__X8xN- .6s 0s 1 alternate forwards;animation:LineCombination_entrance_totop__X8xN- .6s 0s 1 alternate forwards;background:linear-gradient(180deg,rgba(63,154,253,.188) 10%,rgba(187,61,254,.063) 70%,transparent);border-image:linear-gradient(#3f9afd,rgba(187,61,254,.314)) 2;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid #3f9afd;-webkit-clip-path:inset(0 round 8px);clip-path:inset(0 round 8px);color:#fff;display:flex;flex-direction:column;height:120px;justify-content:center;pointer-events:all;position:relative;-webkit-transform:translateY(200px);transform:translateY(200px);width:200px}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi .LineCombination_whiteBoxPoint__Tz8Uh{background-color:#fff;bottom:8px;box-shadow:0 0 10px 5px #fff;height:8px;left:-1px;position:absolute;visibility:hidden;width:1px}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi:before{border-bottom:1px solid #3f9afd;border-right:1px solid #3f9afd;border-color:#3f9afd transparent transparent #3f9afd;border-style:solid;border-top-left-radius:8px;border-width:1px;content:"";height:8px;left:0;margin:-1px;position:absolute;top:0;width:8px}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi:after{border-bottom:1px solid #3f9afd;border-left:1px solid #3f9afd;border-color:#3f9afd #3f9afd transparent transparent;border-style:solid;border-top-right-radius:8px;border-width:1px;content:"";height:8px;margin:-1px;position:absolute;right:0;top:0;width:8px}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi .LineCombination_name__E7QvH{align-items:center;-webkit-animation:LineCombination_entrance_totop__X8xN- 1.6s 0s 1 alternate forwards;animation:LineCombination_entrance_totop__X8xN- 1.6s 0s 1 alternate forwards;display:flex;font-size:15px;height:36px;margin-bottom:14px;min-height:36px;text-align:center;-webkit-transform:translateY(100px);transform:translateY(100px)}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi .LineCombination_value__5BYd0{-webkit-animation:LineCombination_entrance_totop__X8xN- 1.6s .3s 1 alternate forwards;animation:LineCombination_entrance_totop__X8xN- 1.6s .3s 1 alternate forwards;font-size:32px;font-weight:500;-webkit-transform:translateY(200px);transform:translateY(200px)}@-webkit-keyframes LineCombination_entrance_totop__X8xN-{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes LineCombination_entrance_totop__X8xN-{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.FileView_container__SyQN4{height:100vh;min-height:900px;padding-top:20px;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq{display:flex;justify-content:center;position:relative;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq td{height:100%;vertical-align:top}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6{border:1px solid #eee;box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_progress__GtmqC{align-items:center;border:1px solid #979797;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:1}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_progress__GtmqC .ant-progress .ant-progress-inner{background-color:#ddd}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj{border:1px solid #979797;height:100%;overflow:auto;position:relative;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj::-webkit-scrollbar{display:none}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_downLoadTip__FIvRY{color:gray;position:absolute;text-align:center;top:46%;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_emptyTip__OW2E4{bottom:0;display:flex;flex-direction:column;height:70px;justify-content:space-between;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;width:80%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_arrowIcon__2JeuW{align-self:center;border-radius:50%;cursor:pointer;display:inline-block;height:34px;line-height:34px;position:absolute;text-align:center;top:50%;vertical-align:middle;width:34px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_leftArrow__IeXsk{left:10px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_rightArrow__HPiMt{padding-right:1px;right:10px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgInfo__Z2qPj{background-color:rgba(0,0,0,.6);bottom:36px;box-sizing:border-box;color:#fff;height:60px;justify-content:space-between;line-height:23px;padding:10px 13px;position:absolute;text-align:left;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp{background-color:#000;bottom:0;display:flex;height:36px;justify-content:space-between;opacity:.6;position:absolute;text-align:center;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_iconDiv__GUb18{align-items:center;display:flex;height:100%;justify-content:center;line-height:100%;margin-right:5px;width:30px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_iconDiv__GUb18:hover{background-color:hsla(0,0%,67%,.8);cursor:pointer}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_iconDiv__GUb18 svg{color:#fff}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_left__Erhr-{align-items:center;display:flex;margin-left:12px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_left__Erhr- .FileView_xiangXia__cm3bW{align-self:center;background-color:hsla(0,0%,100%,.3);border-radius:50%;height:20px;margin-left:10px;vertical-align:middle;width:20px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_left__Erhr- .FileView_xiangShang__2ATuW{align-self:center;background-color:hsla(0,0%,100%,.3);border-radius:50%;height:20px;vertical-align:middle;width:20px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb{display:flex;height:7vh;margin-top:10px;min-height:70px;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g{height:100%;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .ant-upload-drag{background-color:#fff;border-radius:0!important}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .ant-upload-drag .ant-upload-btn{padding:0!important}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBoxHover__6Z8I-{background-color:#ecf0ff;border:1px solid #4c78fc}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_firstLine__5trSy{align-items:center;color:#333;display:flex;font-size:14px;line-height:16px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_firstLine__5trSy svg{color:#ababab!important;margin-right:8px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_firstLine__5trSy .FileView_linkBtn__n-sJb{color:#4c78fc;cursor:pointer;margin-left:4px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_firstLine__5trSy .FileView_linkBtn__n-sJb:hover{color:#35a2fd}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_secondLine__9YFcw{color:gray;font-size:12px;line-height:14px;margin-top:8px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_uploadDisable__CX3si{cursor:not-allowed;opacity:.8}.FileView_moreOperate__e\+uIL{align-items:center;display:flex;flex-direction:column;justify-content:center;width:120px}.FileView_moreOperate__e\+uIL .FileView_poperSpan__8roYR{height:40px;margin:1px 0;text-align:center;width:100%}.FileView_moreOperate__e\+uIL .FileView_poperSpan__8roYR:hover{color:#4c78fc;cursor:pointer}.ComplexLayout_container__xqRV5{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;min-height:100%;overflow-y:auto;padding:6px 4px;width:100%}.ComplexLayout_container__xqRV5 .ComplexLayout_box__Hjeq7{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;color:#fff;display:flex;justify-content:center;width:100%}.Page1_container__8IHn6{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.Page1_container__8IHn6 .Page1_content__zgPdQ{font-size:14px;width:950px}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_top__Tik59 .Page1_title__qIkYy{font-family:SourceHanSansCN-Bold!important;font-size:24px;text-align:center}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_top__Tik59 .Page1_author__EVTso{font-size:14px;text-align:center}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_appoint__gEum0{margin:10px 0}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_articleContent__STpiB{color:#ddd}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_articleContent__STpiB .Page1_subTitle__g0Ill{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_articleContent__STpiB .Page1_codeBox__hf4Aw{background-color:#222;font-size:12px;line-height:20px;margin:10px 0;padding:10px}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_articleContent__STpiB .Page1_strong__Um16S{color:#fff;font-size:16px;font-weight:500}.AppPageFrame_container__pjrxk{background-color:#000013;box-sizing:border-box;height:100%;overflow-y:auto;position:relative;width:100%}.AppPageFrame_container__pjrxk::-webkit-scrollbar{display:none}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo{display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%;z-index:1}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo::-webkit-scrollbar{display:none}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .AppPageFrame_firstPage__vOVdI{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;height:100vh;position:-webkit-sticky;position:sticky;top:0}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .swiper{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;height:calc(100vh - 60px);overflow:hidden;position:-webkit-sticky;position:sticky;top:100px;width:100%}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .swiper::-webkit-scrollbar{display:none}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .swiper .swiper-wrapper{width:100%}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .swiper .swiper-wrapper .swiper-slide{align-items:center;border-top:1px solid #999;box-sizing:border-box;display:flex;height:calc(100vh - 60px);overflow:hidden;width:100%}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM{background-color:transparent;box-sizing:border-box;display:flex;height:100px;justify-content:space-between;padding:13px 30px 0;pointer-events:none;position:fixed;top:60px;z-index:101}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_bgBox__K-wJj{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:100}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_bgBox__K-wJj .AppPageFrame_bg__XwgdA{display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;width:100%;z-index:100}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_bgBox__K-wJj .AppPageFrame_bg__XwgdA p{font-family:Net-Azonix!important;font-size:34px;height:28px;line-height:34px}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_left__Efl5l{display:flex;font-size:22px;font-weight:500}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_left__Efl5l .AppPageFrame_logo__8Jwal{align-items:center;background-color:#666;border-radius:4px;display:flex;height:32px;justify-content:center;width:32px}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_left__Efl5l .AppPageFrame_appName__0-Afb{display:inline-block;font-size:24px;font-weight:500;height:32px;line-height:24px;margin-left:8px}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_right__gUcB6{display:flex}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_right__gUcB6 .AppPageFrame_btn__BkWG7{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;margin-left:8px;padding:0 8px;pointer-events:all}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_right__gUcB6 .AppPageFrame_btn__BkWG7:hover{background-image:linear-gradient(132deg,#d628fe 1%,#35a2fd 95%);border-radius:1px}.ShearPlate_container__A3IuO{padding:16px 24px;width:100%}.ShearPlate_container__A3IuO .ShearPlate_title__gxJOo{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw{display:flex;flex:1;width:100%}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM{display:flex;flex-direction:column;margin-bottom:20px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM textarea{background-color:#eee;color:#333}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_text__0QXK\+{display:inline-block;margin-bottom:8px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8{align-items:center;background-color:#eee;border:1px solid;border-radius:8px;display:flex;height:186px;justify-content:center;position:relative;width:100%}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_textArea__vjqXI{border-radius:8px;height:100%;width:100%;z-index:1}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_imgBox__ctB7Q{border:1px solid #aaa;bottom:0;height:164px;left:0;margin:auto;position:absolute;right:0;top:0;width:164px;z-index:2}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_imgBox__ctB7Q img{height:100%;object-fit:cover;width:100%}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz{align-items:center;display:flex;flex-direction:column;margin:auto}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_uploadBtn__hhEOk{cursor:pointer;font-family:SourceHanSansCN-Medium!important;font-size:14px;height:46px;line-height:46px;position:relative;width:160px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_uploadBtn__hhEOk svg{height:16px;width:16px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_uploadBtn__hhEOk input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ant-btn{padding:0}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_text__0QXK\+{color:#333;font-family:SourceHanSansCN-Medium!important;font-size:14px;font-weight:500;margin:8px 0}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_tips__5RqZh{color:#777;font-size:12px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_btns__QrNT6{display:flex;justify-content:space-between}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_btns__QrNT6 button{width:100px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_box__dsVRR{background-color:hsla(0,0%,100%,.2);border:1px solid #aaa;border-radius:8px;display:flex;flex:1;flex-direction:column;padding:10px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_box__dsVRR:first-of-type{margin-right:12px}.RecordedAudio_container__RaqtU{align-items:center;display:flex;flex-direction:column;height:200px;padding:20px;width:100%}.RecordedAudio_container__RaqtU .RecordedAudio_title__PkAAx{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.RecordedAudio_container__RaqtU .RecordedAudio_content__vaNK8{align-items:center;display:flex;width:500px}.RecordedAudio_container__RaqtU .RecordedAudio_content__vaNK8 .RecordedAudio_audio__It4po{height:50px;width:340px}.RecordedAudio_container__RaqtU .RecordedAudio_content__vaNK8 button{margin:0 10px}.RecordedVideo_container__NkqWY{padding:20px;width:100%}.RecordedVideo_container__NkqWY .RecordedVideo_title__fUoXJ{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1{align-items:center;display:flex;flex-direction:column}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_videoBox__18hnw{border:1px solid #aaa;box-sizing:border-box;position:relative}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_videoBox__18hnw video{left:0;position:absolute;top:0}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_videoBox__18hnw .RecordedVideo_recordVideo__0UQPG{z-index:1}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_videoBox__18hnw .RecordedVideo_playVideo__cxP10{z-index:2}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_btns__NAtxU{align-items:center;display:flex;margin-top:20px}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_btns__NAtxU button{margin:0 20px}.RecordedScreen_container__ocp0M{padding:20px;width:100%}.RecordedScreen_container__ocp0M .RecordedScreen_title__W0vMd{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk{align-items:center;display:flex;flex-direction:column}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_videoBox__h9jea{border:1px solid #aaa;box-sizing:border-box;position:relative}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_videoBox__h9jea video{left:0;position:absolute;top:0}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_videoBox__h9jea .RecordedScreen_recordVideo__RxPmj{z-index:1}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_videoBox__h9jea .RecordedScreen_playVideo__omjcA{z-index:2}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_btns__TSHxB{align-items:center;display:flex;margin-top:20px}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_btns__TSHxB button{margin:0 20px}.TakeIDPhotos_container__9YE8N{padding:20px;width:100%}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_title__i5kFN{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix-{align-items:center;display:flex;flex-direction:column}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_videoBox__9t7RI{border:1px solid #aaa;box-sizing:border-box;position:relative}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_videoBox__9t7RI .TakeIDPhotos_recordVideo__fGXpo{left:0;position:absolute;top:0;visibility:hidden;z-index:1}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_videoBox__9t7RI canvas{z-index:2}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_btns__n-Nxn{align-items:center;display:flex;margin-top:20px}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_btns__n-Nxn .ant-select-selector{background-color:transparent!important;color:#fff}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_btns__n-Nxn .TakeIDPhotos_label__WpbM\+{margin-left:16px}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_btns__n-Nxn button{margin:0 20px}.UtilitarianFunction_container__nbWbY{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;min-height:100%;overflow-y:auto;padding:4px 2px;width:100%}.UtilitarianFunction_container__nbWbY .UtilitarianFunction_box__xBne9{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;color:#fff;display:flex;flex:1;flex-direction:column;margin:8px 2px;overflow:hidden;position:relative}.TiltButton_container__794Op{pointer-events:all;width:160px}.TiltButton_container__794Op .TiltButton_buttonWrapper__qprX4{position:relative}.TiltButton_container__794Op .TiltButton_buttonWrapper__qprX4 button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Gilroy ExtraBold,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:16px;height:48px;justify-content:center;letter-spacing:2px;outline:none;padding:0 10px;position:relative;text-align:center;-webkit-transform:perspective(250px) scaleX(1);transform:perspective(250px) scaleX(1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 1s cubic-bezier(.03,.98,.52,.99);-webkit-user-select:none;user-select:none;width:160px;will-change:transform,box-shadow,background-color;z-index:2}.TiltButton_container__794Op .TiltButton_buttonWrapper__qprX4 button:active{-webkit-transform:perspective(250px) scaleX(1) translateY(5%)!important;transform:perspective(250px) scaleX(1) translateY(5%)!important}.TiltButton_container__794Op .TiltButton_buttonWrapper__qprX4 .TiltButton_symbol__8btRZ{animation:TiltButton_explode__V1EbE .8s ease-in reverse forwards;height:10px;position:absolute;width:10px;z-index:1}@-webkit-keyframes TiltButton_explode__V1EbE{0%{opacity:0}to{left:50%;opacity:1;top:50%}}@keyframes TiltButton_explode__V1EbE{0%{opacity:0}to{left:50%;opacity:1;top:50%}}.TiltButton_container__794Op .TiltButton_baseSvg__VopDS{display:none}.RotateBgButton_container__\+oxiM{background-image:radial-gradient(closest-side,#d628fe 6%,#35a2fd 50%,#d628fe 100%);background-position:0 50%;background-size:200% 600%;border-radius:6px}.IconMoveButton_container__jbUL6 button,.RotateBgButton_container__\+oxiM{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;width:160px}.IconMoveButton_container__jbUL6 button{background:#35a2fd;border:0;border-radius:6px}.IconMoveButton_container__jbUL6 button svg{margin-right:10px}.IconMoveButton_container__jbUL6 button svg path{fill:#8367fe}.IconMoveButton_container__jbUL6 button:hover svg{-webkit-animation:IconMoveButton_fly__AkKzk 2s ease 1;animation:IconMoveButton_fly__AkKzk 2s ease 1}@-webkit-keyframes IconMoveButton_fly__AkKzk{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(460%);transform:translateX(460%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes IconMoveButton_fly__AkKzk{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(460%);transform:translateX(460%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.NeonButton_container__UJhO5 button{align-items:center;background-color:transparent;border:1px solid #4cc9f0;color:#4cc9f0;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;width:160px}.NeonButton_container__UJhO5 button:hover{background-color:#4cc9f0;border:0;box-shadow:10px 10px 99px 6px #4cc9f0;color:#fff!important}.BorderAnimationButton_container__\+\+2oE button{align-items:center;background-color:transparent;border:2px solid transparent;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.BorderAnimationButton_container__\+\+2oE button:after,.BorderAnimationButton_container__\+\+2oE button:before{border:2px solid transparent;box-sizing:border-box;content:"";height:0;position:absolute;width:0}.BorderAnimationButton_container__\+\+2oE button:before{left:0;top:0}.BorderAnimationButton_container__\+\+2oE button:after{bottom:0;right:0}.BorderAnimationButton_container__\+\+2oE button:hover:before{border-right-color:#35a2fd;border-top-color:#35a2fd;height:100%;transition:width .1s ease-out,height .1s ease-out .1s;width:100%}.BorderAnimationButton_container__\+\+2oE button:hover:after{border-bottom-color:#35a2fd;border-left-color:#35a2fd;height:100%;transition:border-color 0s ease-out .2s,width .1s ease-out .2s,height .1s ease-out .3s;width:100%}.BorderAnimationButton2_container__friIP button{align-items:center;background-color:transparent;border:none;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.BorderAnimationButton2_container__friIP button:after,.BorderAnimationButton2_container__friIP button:before{border:2px solid transparent;box-sizing:border-box;content:"";height:0;position:absolute;width:0}.BorderAnimationButton2_container__friIP button:before{left:0;top:0}.BorderAnimationButton2_container__friIP button:after{bottom:0;right:0}.BorderAnimationButton2_container__friIP button:hover:before{border-right-color:#35a2fd;border-top-color:#35a2fd;height:100%;transition:width .2s ease-out,height .2s ease-out .2s;width:100%}.BorderAnimationButton2_container__friIP button:hover:after{border-bottom-color:#35a2fd;border-left-color:#35a2fd;height:100%;transition:width .2s ease-out,height .2s ease-out .2s;width:100%}.TranslateBgButton_container__L5LWZ button{align-items:center;background:linear-gradient(90deg,#c635fe 50%,#35a2fd 0);background-position:100% 0;background-size:200% 100%;border:0;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:all .5s ease;width:160px}.TranslateBgButton_container__L5LWZ button:hover{background-position:0 0}.RoundedGradientButton_container__AMSMu button{align-items:center;background-color:#35a2fd;border:0!important;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:border-radius 1s;-webkit-transition:border-radius 1s;width:160px}.RoundedGradientButton_container__AMSMu button:hover{border-bottom-right-radius:50px;border-top-left-radius:50px}.MirrorSideButton_container__sB1Ij button{background-color:transparent;border:2px solid #35a2fd;color:#35a2fd;cursor:pointer;font-size:24px;height:48px;overflow:hidden;position:relative;width:160px}.MirrorSideButton_container__sB1Ij button:after{background-color:hsla(0,0%,100%,.314);content:"";display:block;height:80px;left:-50px;position:absolute;top:-20px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:20px}.MirrorSideButton_container__sB1Ij button:hover:after{left:120%;transition:all .8s cubic-bezier(.3,1,.2,1);-webkit-transition:all .8s cubic-bezier(.3,1,.2,1)}.MirrorSideButton_container__sB1Ij button:active{border:2px solid rgba(53,162,253,.267);color:rgba(53,162,253,.267)}.ShakeButton_container__g6kIG button{align-items:center;-webkit-animation:ShakeButton_show__D7gW9 .2s ease 0s 1 normal none running,ShakeButton_shake__Ues7G 1.2s ease 1s infinite normal none running;animation:ShakeButton_show__D7gW9 .2s ease 0s 1 normal none running,ShakeButton_shake__Ues7G 1.2s ease 1s infinite normal none running;background:#35a2fd;border:0;border-radius:6px;box-shadow:0 10px 20px -10px #35a2fd;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;width:160px}.ShakeButton_container__g6kIG button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes ShakeButton_show__D7gW9{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}80%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ShakeButton_show__D7gW9{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}80%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ShakeButton_shake__Ues7G{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}10%{-webkit-transform:translate3d(-3%,0,0) rotate(-5deg);transform:translate3d(-3%,0,0) rotate(-5deg)}20%{-webkit-transform:translate3d(2%,0,0) rotate(3deg);transform:translate3d(2%,0,0) rotate(3deg)}30%{-webkit-transform:translate3d(-1%,0,0) rotate(-3deg);transform:translate3d(-1%,0,0) rotate(-3deg)}40%{-webkit-transform:translate3d(1%,0,0) rotate(2deg);transform:translate3d(1%,0,0) rotate(2deg)}50%{-webkit-transform:translate3d(-1%,0,0) rotate(-1deg);transform:translate3d(-1%,0,0) rotate(-1deg)}60%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes ShakeButton_shake__Ues7G{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}10%{-webkit-transform:translate3d(-3%,0,0) rotate(-5deg);transform:translate3d(-3%,0,0) rotate(-5deg)}20%{-webkit-transform:translate3d(2%,0,0) rotate(3deg);transform:translate3d(2%,0,0) rotate(3deg)}30%{-webkit-transform:translate3d(-1%,0,0) rotate(-3deg);transform:translate3d(-1%,0,0) rotate(-3deg)}40%{-webkit-transform:translate3d(1%,0,0) rotate(2deg);transform:translate3d(1%,0,0) rotate(2deg)}50%{-webkit-transform:translate3d(-1%,0,0) rotate(-1deg);transform:translate3d(-1%,0,0) rotate(-1deg)}60%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.Skew3DButton_container__1NY5X button{align-items:center;background:#35a2fd;border:0;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.Skew3DButton_container__1NY5X button:before{background-color:rgba(35,162,253,.4);content:"";height:100%;left:-10px;position:absolute;top:5px;-webkit-transform:skewY(-45deg);transform:skewY(-45deg);transition:all 3s ease-in-out;width:10px}.Skew3DButton_container__1NY5X button:after{background-color:rgba(35,162,253,.4);bottom:-10px;content:"";height:10px;left:-5px;position:absolute;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);width:100%}.Skew3DButton_container__1NY5X button:hover{box-shadow:-20px 20px 20px rgba(35,162,253,.4);-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}.HoverCircleButton_container__PuMuD button{align-items:center;background:#35a2fd;border:0;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;overflow:hidden;position:relative;transition:.3s;width:160px}.HoverCircleButton_container__PuMuD button span{z-index:2}.HoverCircleButton_container__PuMuD button:before{background-color:#fff;border-radius:50%;content:"";height:2px;left:var(--xPos);position:absolute;top:var(--yPos);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center;transition:width .4s,height .4s;width:2px;z-index:1}.HoverCircleButton_container__PuMuD button:hover:before{height:400px;width:400px}.HoverCircleButton_container__PuMuD button:hover span{color:#666}.PunkEffectButton_container__RO8q0 button{align-items:center;background:linear-gradient(30deg,transparent 10%,#f80 0,#f80 95%,#00ff95 0);background:linear-gradient(30deg,transparent 10%,#f80 10% 95%,#00ff95 95%);border:0!important;box-shadow:5px 0 0 #0cf;color:#fffbfb;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.PunkEffectButton_container__RO8q0 button:after{align-items:center;background:linear-gradient(30deg,transparent 10%,#f80 0,#f80 95%,#00ff95 0);background:linear-gradient(30deg,transparent 10%,#f80 10% 95%,#00ff95 95%);border:0!important;box-shadow:5px 0 0 #0cf;color:#fffbfb;content:"Button";cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;left:0;position:absolute;text-shadow:-5px -2px 0 #00b7ff,5px 2px 0 #00ff73;top:0;visibility:hidden;width:160px}.PunkEffectButton_container__RO8q0 button:hover:after{-webkit-animation:PunkEffectButton_san__RXb6B 1s;animation:PunkEffectButton_san__RXb6B 1s;-webkit-animation-timing-function:step-end;animation-timing-function:step-end}@-webkit-keyframes PunkEffectButton_san__RXb6B{0%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(-6px,5px);transform:translate(-6px,5px);visibility:visible}10%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(6px,-5px);transform:translate(6px,-5px)}20%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(5px);transform:translate(5px)}30%{-webkit-clip-path:inset(80% -5px 5% 0);clip-path:inset(80% -5px 5% 0);-webkit-transform:translate(-8px,5px);transform:translate(-8px,5px)}40%{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(-4px,-3px);transform:translate(-4px,-3px)}50%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(-6px,-5px);transform:translate(-6px,-5px)}60%{-webkit-clip-path:inset(80% -5px 5% 0);clip-path:inset(80% -5px 5% 0);-webkit-transform:translate(-7px,5px);transform:translate(-7px,5px)}70%{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}80%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}90%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(6px,-5px);transform:translate(6px,-5px)}to{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(1px,5px);transform:translate(1px,5px)}}@keyframes PunkEffectButton_san__RXb6B{0%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(-6px,5px);transform:translate(-6px,5px);visibility:visible}10%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(6px,-5px);transform:translate(6px,-5px)}20%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(5px);transform:translate(5px)}30%{-webkit-clip-path:inset(80% -5px 5% 0);clip-path:inset(80% -5px 5% 0);-webkit-transform:translate(-8px,5px);transform:translate(-8px,5px)}40%{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(-4px,-3px);transform:translate(-4px,-3px)}50%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(-6px,-5px);transform:translate(-6px,-5px)}60%{-webkit-clip-path:inset(80% -5px 5% 0);clip-path:inset(80% -5px 5% 0);-webkit-transform:translate(-7px,5px);transform:translate(-7px,5px)}70%{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}80%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}90%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(6px,-5px);transform:translate(6px,-5px)}to{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(1px,5px);transform:translate(1px,5px)}}.PunkEffectButton2_container__KUiXn button{align-items:center;background-color:transparent;border:0;border-radius:6px;box-sizing:border-box;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.PunkEffectButton2_container__KUiXn button:after{background-color:transparent;box-sizing:border-box;-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);content:"Button";font-size:24px;height:100%;left:0;position:absolute;top:0;width:100%}.PunkEffectButton2_container__KUiXn button:hover{border:1px solid #35a2fd;box-shadow:0 10px 10px -10px #35a2fd}.PunkEffectButton2_container__KUiXn button:hover:after{-webkit-animation:PunkEffectButton2_glitch__KUNtR 1s;animation:PunkEffectButton2_glitch__KUNtR 1s;-webkit-animation-timing-function:steps(2);animation-timing-function:steps(2);background-color:transparent;border:3px solid #35a2fd;text-shadow:10 10px 10px #000;text-shadow:-3px -3px 0 #35a2fd,3px 3px 0 #e94be8}@-webkit-keyframes PunkEffectButton2_glitch__KUNtR{0%{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translateY(-10px);transform:translateY(-10px)}10%{-webkit-clip-path:inset(31% 0 40% 0);clip-path:inset(31% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}20%{-webkit-clip-path:inset(39% 0 15% 0);clip-path:inset(39% 0 15% 0);-webkit-transform:translate(10px);transform:translate(10px)}30%{-webkit-clip-path:inset(45% 0 40% 0);clip-path:inset(45% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}40%{-webkit-clip-path:inset(45% 0 6% 0);clip-path:inset(45% 0 6% 0);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}50%{-webkit-clip-path:inset(14% 0 61% 0);clip-path:inset(14% 0 61% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}60%{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}70%{-webkit-clip-path:inset(39% 0 15% 0);clip-path:inset(39% 0 15% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:inset(31% 0 40% 0);clip-path:inset(31% 0 40% 0);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}90%{-webkit-clip-path:inset(45% 0 40% 0);clip-path:inset(45% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}to{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translate(0);transform:translate(0)}}@keyframes PunkEffectButton2_glitch__KUNtR{0%{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translateY(-10px);transform:translateY(-10px)}10%{-webkit-clip-path:inset(31% 0 40% 0);clip-path:inset(31% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}20%{-webkit-clip-path:inset(39% 0 15% 0);clip-path:inset(39% 0 15% 0);-webkit-transform:translate(10px);transform:translate(10px)}30%{-webkit-clip-path:inset(45% 0 40% 0);clip-path:inset(45% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}40%{-webkit-clip-path:inset(45% 0 6% 0);clip-path:inset(45% 0 6% 0);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}50%{-webkit-clip-path:inset(14% 0 61% 0);clip-path:inset(14% 0 61% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}60%{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}70%{-webkit-clip-path:inset(39% 0 15% 0);clip-path:inset(39% 0 15% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:inset(31% 0 40% 0);clip-path:inset(31% 0 40% 0);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}90%{-webkit-clip-path:inset(45% 0 40% 0);clip-path:inset(45% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}to{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translate(0);transform:translate(0)}}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7{--border-radius1:60px 60px 40px 40px/48px 48px 30px 30px;--border-radius2:70px 70px 40px 40px/48px 48px 30px 30px;--border-radius3:40px 40px 40px 40px/48px 48px 30px 30px;align-items:center;background-color:#f4cf47;border:3px solid #000;border-radius:30px;box-sizing:border-box;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;width:200px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE{align-items:center;border-radius:30px;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE span{color:#000;font-size:24px;letter-spacing:2px;transition:all .3s ease;z-index:2}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE:after,.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE:before{background-color:#f4e19c;bottom:0;-webkit-clip-path:path("M13.77,37.35L.25,16.6c-.87-1.33,.69-2.91,2-2.02l12.67,8.59c.81,.55,1.91,.14,2.18-.81l2.62-9.33c.39-1.4,2.34-1.42,2.76-.02l3.6,11.99c.33,1.11,1.74,1.4,2.47,.52L49.38,.52c.87-1.04,2.53-.42,2.53,.95V23.7c0,1.13,1.2,1.83,2.16,1.26l12.75-7.51c.85-.5,1.94,0,2.13,.98l1.5,7.6c.2,1.03,1.37,1.51,2.22,.92l17.74-12.3c1.09-.75,2.52,.25,2.21,1.55l-2.44,10.2c-.26,1.09,.74,2.06,1.8,1.75l30.8-9.04c1.37-.4,2.42,1.26,1.49,2.36l-9.07,10.66c-.83,.98-.1,2.49,1.17,2.42l12.12-.68c1.6-.09,2.12,2.15,.65,2.8l-2.73,1.21c-.18,.08-.38,.12-.58,.12H14.97c-.48,0-.93-.25-1.2-.65Z");clip-path:path("M13.77,37.35L.25,16.6c-.87-1.33,.69-2.91,2-2.02l12.67,8.59c.81,.55,1.91,.14,2.18-.81l2.62-9.33c.39-1.4,2.34-1.42,2.76-.02l3.6,11.99c.33,1.11,1.74,1.4,2.47,.52L49.38,.52c.87-1.04,2.53-.42,2.53,.95V23.7c0,1.13,1.2,1.83,2.16,1.26l12.75-7.51c.85-.5,1.94,0,2.13,.98l1.5,7.6c.2,1.03,1.37,1.51,2.22,.92l17.74-12.3c1.09-.75,2.52,.25,2.21,1.55l-2.44,10.2c-.26,1.09,.74,2.06,1.8,1.75l30.8-9.04c1.37-.4,2.42,1.26,1.49,2.36l-9.07,10.66c-.83,.98-.1,2.49,1.17,2.42l12.12-.68c1.6-.09,2.12,2.15,.65,2.8l-2.73,1.21c-.18,.08-.38,.12-.58,.12H14.97c-.48,0-.93-.25-1.2-.65Z");content:"";height:30px;position:absolute;transition:all .5s ease;width:90px;z-index:0}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE:before{left:0}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE:after{right:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O{align-items:flex-end;display:flex;height:56px;justify-content:space-between;position:absolute;top:-54px;width:136px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs{-webkit-animation:BirdButton_sleep__R92R\+ 1s ease infinite alternate;animation:BirdButton_sleep__R92R\+ 1s ease infinite alternate;background-color:#f4cf47;border:2px solid #000;border-radius:var(--border-radius1);box-sizing:border-box;display:flex;height:28px;justify-content:center;position:relative;width:42px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt{background-color:#ff8108;border-radius:50% 50% 50% 50%/78% 78% 22% 22%;height:6px;position:absolute;top:15px;width:12px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt:after,.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt:before{background:#000;border-radius:4px;content:"";height:2px;position:absolute;top:-4px;width:8px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt:before{left:-5px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt:after{right:-5px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs:before{background:#000;-webkit-clip-path:path("M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z");clip-path:path("M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z");content:"";height:12px;left:16px;position:absolute;top:-12px;width:12px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:before{background-color:#000;-webkit-clip-path:path("M24,12.02c0-1.09-.75-1.71-.81-1.77L11.17,.45c-.91-.74-2.21-.56-2.91,.42-.69,.97-.52,2.37,.39,3.11l7.12,5.81-13.7-.02h0C.93,9.77,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l13.7,.02-7.13,5.78c-.91,.74-1.09,2.13-.4,3.11,.41,.58,1.03,.88,1.65,.88,.44,0,.88-.15,1.25-.45l12.04-9.76c.07-.06,.82-.67,.82-1.77Z");clip-path:path("M24,12.02c0-1.09-.75-1.71-.81-1.77L11.17,.45c-.91-.74-2.21-.56-2.91,.42-.69,.97-.52,2.37,.39,3.11l7.12,5.81-13.7-.02h0C.93,9.77,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l13.7,.02-7.13,5.78c-.91,.74-1.09,2.13-.4,3.11,.41,.58,1.03,.88,1.65,.88,.44,0,.88-.15,1.25-.45l12.04-9.76c.07-.06,.82-.67,.82-1.77Z");content:"";height:24px;margin:auto 0;position:absolute;right:20px;transition:all .2s ease;width:24px;z-index:3}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_buttonWrapper__LV-bE span{letter-spacing:4px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_buttonWrapper__LV-bE:before{-webkit-transform:translateX(-12px);transform:translateX(-12px)}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_buttonWrapper__LV-bE:after{-webkit-transform:translateX(12px) rotateY(180deg);transform:translateX(12px) rotateY(180deg)}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover:before{right:14px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s{-webkit-animation:BirdButton_wakeup__Igq0s .2s ease forwards;animation:BirdButton_wakeup__Igq0s .2s ease forwards}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s .BirdButton_birdFace__vJMFt:after,.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s .BirdButton_birdFace__vJMFt:before{-webkit-animation:BirdButton_eye__pVgna 5s linear infinite;animation:BirdButton_eye__pVgna 5s linear infinite;height:6px;width:6px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s:nth-child(2) .BirdButton_birdFace__vJMFt:after,.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s:nth-child(2) .BirdButton_birdFace__vJMFt:before{-webkit-animation:BirdButton_eye2__uHLm4 5s linear infinite;animation:BirdButton_eye2__uHLm4 5s linear infinite;height:6px;width:6px}@-webkit-keyframes BirdButton_wakeup__Igq0s{0%{border-radius:var(--border-radius2);height:28px}to{border-radius:var(--border-radius3);height:40px}}@keyframes BirdButton_wakeup__Igq0s{0%{border-radius:var(--border-radius2);height:28px}to{border-radius:var(--border-radius3);height:40px}}@-webkit-keyframes BirdButton_eye__pVgna{0%{height:6px;top:-6px;width:6px}30%{height:6px;top:-6px;width:6px}32%{height:2px;top:-4px;width:8px}34%{height:6px;top:-6px;width:6px}70%{height:6px;top:-6px;width:6px}72%{height:2px;top:-4px;width:8px}74%{height:6px;top:-6px;width:6px}76%{height:2px;top:-4px;width:8px}78%{height:6px;top:-6px;width:6px}to{height:6px;top:-6px;width:6px}}@keyframes BirdButton_eye__pVgna{0%{height:6px;top:-6px;width:6px}30%{height:6px;top:-6px;width:6px}32%{height:2px;top:-4px;width:8px}34%{height:6px;top:-6px;width:6px}70%{height:6px;top:-6px;width:6px}72%{height:2px;top:-4px;width:8px}74%{height:6px;top:-6px;width:6px}76%{height:2px;top:-4px;width:8px}78%{height:6px;top:-6px;width:6px}to{height:6px;top:-6px;width:6px}}@-webkit-keyframes BirdButton_eye2__uHLm4{0%{height:6px;top:-6px;width:6px}10%{-webkit-transform:translateX(0);transform:translateX(0)}12%{-webkit-transform:translateX(3px);transform:translateX(3px)}20%{height:6px;top:-6px;width:6px}22%{height:2px;top:-4px;width:8px}24%{height:6px;top:-6px;width:6px}25%{-webkit-transform:translateX(3px);transform:translateX(3px)}27%{-webkit-transform:translateX(0);transform:translateX(0)}74%{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}76%{height:2px;top:-4px;-webkit-transform:translateX(3px);transform:translateX(3px);width:8px}78%{height:6px;top:-6px;width:6px}80%{height:2px;top:-4px;width:8px}82%{height:6px;top:-6px;width:6px}85%{-webkit-transform:translateX(3px);transform:translateX(3px)}87%{-webkit-transform:translateX(0);transform:translateX(0)}to{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}}@keyframes BirdButton_eye2__uHLm4{0%{height:6px;top:-6px;width:6px}10%{-webkit-transform:translateX(0);transform:translateX(0)}12%{-webkit-transform:translateX(3px);transform:translateX(3px)}20%{height:6px;top:-6px;width:6px}22%{height:2px;top:-4px;width:8px}24%{height:6px;top:-6px;width:6px}25%{-webkit-transform:translateX(3px);transform:translateX(3px)}27%{-webkit-transform:translateX(0);transform:translateX(0)}74%{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}76%{height:2px;top:-4px;-webkit-transform:translateX(3px);transform:translateX(3px);width:8px}78%{height:6px;top:-6px;width:6px}80%{height:2px;top:-4px;width:8px}82%{height:6px;top:-6px;width:6px}85%{-webkit-transform:translateX(3px);transform:translateX(3px)}87%{-webkit-transform:translateX(0);transform:translateX(0)}to{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}}@-webkit-keyframes BirdButton_sleep__R92R\+{0%{border-radius:var(--border-radius1);height:30px}to{border-radius:var(--border-radius2);height:26px}}@keyframes BirdButton_sleep__R92R\+{0%{border-radius:var(--border-radius1);height:30px}to{border-radius:var(--border-radius2);height:26px}}.ObliqueLineButton_container__1jrJm button{align-items:center;background-color:transparent;border:0!important;box-sizing:border-box;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;line-height:24px;overflow:hidden;position:relative;width:160px;z-index:1}.ObliqueLineButton_container__1jrJm button span{border:4px solid #35a2fd;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.ObliqueLineButton_container__1jrJm button span:after{background-color:#04111b;content:"";height:400%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-60deg);transform:translate(-50%,-50%) rotate(-60deg);transition:all .3s;width:8%}.ObliqueLineButton_container__1jrJm button:hover{color:#fff}.ObliqueLineButton_container__1jrJm button:hover span:after{background-color:#35a2fd;width:100%}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d{cursor:pointer;height:48px;position:relative;width:160px}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d button{align-items:center;background-color:transparent;border:2px solid #35a2fd;border-radius:6px;box-sizing:border-box;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d svg{height:calc(100% + 20px);left:-10px;opacity:0;pointer-events:none;position:absolute;top:-10px;width:calc(100% + 20px)}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d svg .LightningBorderButton_line1__Njvnt{stroke-dasharray:100;stroke:#f6de8d;stroke-dashoffset:0;-webkit-filter:url(#glow);filter:url(#glow)}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d svg .LightningBorderButton_line2__hEdBj{stroke-dasharray:100;stroke:#6bfeff;stroke-dashoffset:500;-webkit-filter:url(#glow);filter:url(#glow)}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d:hover svg{opacity:1;transition:opacity .4s;transition-delay:.1s}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d:hover svg .LightningBorderButton_line1__Njvnt{-webkit-animation:LightningBorderButton_spark1__kSD1n 3s linear infinite;animation:LightningBorderButton_spark1__kSD1n 3s linear infinite}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d:hover svg .LightningBorderButton_line2__hEdBj{-webkit-animation:LightningBorderButton_spark2__jRGrn 3s linear infinite;animation:LightningBorderButton_spark2__jRGrn 3s linear infinite}@-webkit-keyframes LightningBorderButton_spark1__kSD1n{to{stroke-dashoffset:-1000}}@keyframes LightningBorderButton_spark1__kSD1n{to{stroke-dashoffset:-1000}}@-webkit-keyframes LightningBorderButton_spark2__jRGrn{to{stroke-dashoffset:-500}}@keyframes LightningBorderButton_spark2__jRGrn{to{stroke-dashoffset:-500}}.DynamicButtons_container__onlah{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;min-height:100%;padding:2px 4px 4px;width:100%}.DynamicButtons_container__onlah .DynamicButtons_box__HDepH{align-items:center;background-color:rgba(0,12,23,.867);border:3px solid rgba(53,162,253,.267);border-radius:10px;display:flex;height:220px;justify-content:center;overflow:hidden}.DynamicButtons_container__onlah .DynamicButtons_box1__eXXBp .DynamicButtons_btn__v5GiZ{height:48px;margin:20px;width:160px}.DynamicButtons_container__onlah .DynamicButtons_box1__eXXBp .DynamicButtons_btn__v5GiZ button .DynamicButtons_btnText__a2SkT{font-size:22px;font-weight:400!important}.DynamicTime_container__gWj7z{display:flex;height:314px;padding-top:100px;position:relative}.DynamicTime_container__gWj7z .DynamicTime_circle__KgCyy{align-items:center;border:6px solid #191919;border-radius:50%;box-sizing:border-box;display:flex;font-size:40px;font-weight:500;height:150px;justify-content:center;margin-right:30px;position:relative;-webkit-user-select:none;user-select:none;width:150px}.DynamicTime_container__gWj7z .DynamicTime_circle__KgCyy svg{border-radius:50%;height:150px;left:-6px;position:absolute;top:-6px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:150px}.DynamicTime_container__gWj7z .DynamicTime_circle__KgCyy svg circle{fill:transparent;stroke-width:6px;stroke-dasharray:471;height:100%;width:100%}.DynamicTime_container__gWj7z .DynamicTime_hour__QRch1 svg circle{stroke:#ff2972}.DynamicTime_container__gWj7z .DynamicTime_minutes__CiztT svg circle{stroke:#fee800}.DynamicTime_container__gWj7z .DynamicTime_seconds__HIQzF svg circle{stroke:#04fc43}.DynamicTime_container__gWj7z .DynamicTime_text__tg\+1p{bottom:22px;color:#ccc;font-size:12px;font-weight:400;left:0;margin:0 auto;position:absolute;right:0;text-align:center;width:66px}.DynamicTime_container__gWj7z .DynamicTime_ap__-R5C5{font-size:20px;font-weight:500;height:150px}.FlopTime_container__FCqPp{display:flex;height:314px;padding-top:126px;position:relative}.FlopTime_container__FCqPp .FlopTime_content__hgESz{display:flex}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO{background-color:#000;border:1px solid #000;border-radius:10px;box-shadow:0 0 6px rgba(0,0,0,.5);color:#fff;font-size:66px;height:100px;line-height:100px;margin:0 4px;position:relative;text-align:center;width:60px}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_digital__qpGvE:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_digital__qpGvE:before{background-color:#000;box-sizing:border-box;color:#fff;content:"";left:0;overflow:hidden;position:absolute;right:0}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_digital__qpGvE:before{border-bottom:1px solid #333;border-radius:10px 10px 0 0;bottom:50%;top:0}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_digital__qpGvE:after{border-radius:0 0 10px 10px;bottom:0;line-height:0;top:50%}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_front__uSPIf:before{z-index:3}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_back__pv1UY:before,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_front__uSPIf:after{z-index:1}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_back__pv1UY:after{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;z-index:2}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number0__ZTJin:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number0__ZTJin:before{content:"0"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number1__eLA3v:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number1__eLA3v:before{content:"1"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number2__1Ac8e:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number2__1Ac8e:before{content:"2"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number3__0vQ0q:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number3__0vQ0q:before{content:"3"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number4__dEd0i:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number4__dEd0i:before{content:"4"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number5__a-zf8:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number5__a-zf8:before{content:"5"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number6__2oi9K:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number6__2oi9K:before{content:"6"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number7__r4N7o:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number7__r4N7o:before{content:"7"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number8__HcY\+F:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number8__HcY\+F:before{content:"8"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number9__Ga-a0:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number9__Ga-a0:before{content:"9"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_down__RmRNR.FlopTime_go__-zVpA .FlopTime_front__uSPIf:before{-webkit-animation:FlopTime_frontFlipDown__GMZfH .6s ease-in-out both;animation:FlopTime_frontFlipDown__GMZfH .6s ease-in-out both;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 -2px 6px hsla(0,0%,100%,.3);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_down__RmRNR.FlopTime_go__-zVpA .FlopTime_back__pv1UY:after{-webkit-animation:FlopTime_backFlipDown__d92sS .6s ease-in-out both;animation:FlopTime_backFlipDown__d92sS .6s ease-in-out both}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_dot__FWyVP{font-size:24px;height:100px;line-height:100px;margin:0 10px}@-webkit-keyframes FlopTime_frontFlipDown__GMZfH{0%{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}to{-webkit-transform:perspective(160px) rotateX(-180deg);transform:perspective(160px) rotateX(-180deg)}}@keyframes FlopTime_frontFlipDown__GMZfH{0%{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}to{-webkit-transform:perspective(160px) rotateX(-180deg);transform:perspective(160px) rotateX(-180deg)}}@-webkit-keyframes FlopTime_backFlipDown__d92sS{0%{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg)}to{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}}@keyframes FlopTime_backFlipDown__d92sS{0%{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg)}to{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}}.ChargingAnimation_container__v9\+1B{background-color:#000;display:flex;flex:1;height:600px;justify-content:center;padding-top:100px;position:relative}.ChargingAnimation_container__v9\+1B .ChargingAnimation_number__p2igZ{color:#fff;font-size:32px;position:absolute;text-align:center;top:32%;width:300px;z-index:10}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt{-webkit-animation:ChargingAnimation_hueRotate__opiYF 10s linear infinite;animation:ChargingAnimation_hueRotate__opiYF 10s linear infinite;background-color:#000;-webkit-filter:contrast(10) hue-rotate(0);filter:contrast(10) hue-rotate(0);height:500px;overflow:hidden;width:300px}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_circle__ulvus{border:1px solid red;box-sizing:border-box;-webkit-filter:blur(8px);filter:blur(8px);height:300px;position:relative;width:300px}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_circle__ulvus:before{-webkit-animation:ChargingAnimation_rotate__I5Sov 10s linear infinite;animation:ChargingAnimation_rotate__I5Sov 10s linear infinite;background-color:#00ff6f;border-radius:42% 38% 62% 49%/45%;content:"";height:200px;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);width:200px}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_circle__ulvus:after{background-color:#000;border-radius:50%;content:"";height:176px;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:176px;z-index:10}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_bubbles__YjX2d{background-color:#00ff6f;border-radius:100px 100px 0 0;bottom:0;-webkit-filter:blur(5px);filter:blur(5px);height:40px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:100px}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_bubbles__YjX2d li{background-color:#00ff6f;border-radius:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes ChargingAnimation_rotate__I5Sov{50%{border-radius:45%/42% 38% 58% 49%}to{-webkit-transform:translate(-50%,-50%) rotate(2turn);transform:translate(-50%,-50%) rotate(2turn)}}@keyframes ChargingAnimation_rotate__I5Sov{50%{border-radius:45%/42% 38% 58% 49%}to{-webkit-transform:translate(-50%,-50%) rotate(2turn);transform:translate(-50%,-50%) rotate(2turn)}}@-webkit-keyframes ChargingAnimation_hueRotate__opiYF{to{-webkit-filter:contrast(15) hue-rotate(1turn);filter:contrast(15) hue-rotate(1turn)}}@keyframes ChargingAnimation_hueRotate__opiYF{to{-webkit-filter:contrast(15) hue-rotate(1turn);filter:contrast(15) hue-rotate(1turn)}}.ZongziLoading_container__CdgrF{background-color:#000;display:flex;flex:1;height:600px;justify-content:center;padding-top:180px;position:relative}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh{-webkit-animation:ZongziLoading_rotate__3922I 4.2s -2s infinite,ZongziLoading_mix__jRfs\+ 4.2s -2s infinite;animation:ZongziLoading_rotate__3922I 4.2s -2s infinite,ZongziLoading_mix__jRfs\+ 4.2s -2s infinite;height:230px;position:relative;width:230px}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem1__8JdRq{-webkit-animation:ZongziLoading_itemMove1__qKZLB 4.2s -2s infinite;animation:ZongziLoading_itemMove1__qKZLB 4.2s -2s infinite;border-radius:50%;-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.8));filter:drop-shadow(0 0 8px rgba(252,233,124,.8));height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;width:60px}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem1__8JdRq svg{height:100%;width:100%}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem2__4IjE5{-webkit-animation:ZongziLoading_itemMove2__l0pK4 4.2s -2s infinite;animation:ZongziLoading_itemMove2__l0pK4 4.2s -2s infinite;border-radius:50%;-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.8));filter:drop-shadow(0 0 8px rgba(252,233,124,.8));height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;width:60px}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem2__4IjE5 svg{height:100%;width:100%}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem3__1403l{-webkit-animation:ZongziLoading_itemMove3__ZSMV5 4.2s -2s infinite;animation:ZongziLoading_itemMove3__ZSMV5 4.2s -2s infinite;border-radius:50%;-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.8));filter:drop-shadow(0 0 8px rgba(252,233,124,.8));height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;width:60px}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem3__1403l svg{height:100%;width:100%}@-webkit-keyframes ZongziLoading_itemMove1__qKZLB{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translateY(-18px) scale(.7);transform:translateY(-18px) scale(.7)}60%{-webkit-transform:translateY(-85px) scale(.7);transform:translateY(-85px) scale(.7)}80%{-webkit-transform:translateY(-85px) scale(.7);transform:translateY(-85px) scale(.7)}}@keyframes ZongziLoading_itemMove1__qKZLB{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translateY(-18px) scale(.7);transform:translateY(-18px) scale(.7)}60%{-webkit-transform:translateY(-85px) scale(.7);transform:translateY(-85px) scale(.7)}80%{-webkit-transform:translateY(-85px) scale(.7);transform:translateY(-85px) scale(.7)}}@-webkit-keyframes ZongziLoading_itemMove2__l0pK4{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translate(-16px,12px) scale(.7);transform:translate(-16px,12px) scale(.7)}60%{-webkit-transform:translate(-90px,65px) scale(.7);transform:translate(-90px,65px) scale(.7)}80%{-webkit-transform:translate(-90px,65px) scale(.7);transform:translate(-90px,65px) scale(.7)}}@keyframes ZongziLoading_itemMove2__l0pK4{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translate(-16px,12px) scale(.7);transform:translate(-16px,12px) scale(.7)}60%{-webkit-transform:translate(-90px,65px) scale(.7);transform:translate(-90px,65px) scale(.7)}80%{-webkit-transform:translate(-90px,65px) scale(.7);transform:translate(-90px,65px) scale(.7)}}@-webkit-keyframes ZongziLoading_itemMove3__ZSMV5{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translate(16px,12px) scale(.7);transform:translate(16px,12px) scale(.7)}60%{-webkit-transform:translate(90px,65px) scale(.7);transform:translate(90px,65px) scale(.7)}80%{-webkit-transform:translate(90px,65px) scale(.7);transform:translate(90px,65px) scale(.7)}}@keyframes ZongziLoading_itemMove3__ZSMV5{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translate(16px,12px) scale(.7);transform:translate(16px,12px) scale(.7)}60%{-webkit-transform:translate(90px,65px) scale(.7);transform:translate(90px,65px) scale(.7)}80%{-webkit-transform:translate(90px,65px) scale(.7);transform:translate(90px,65px) scale(.7)}}@-webkit-keyframes ZongziLoading_rotate__3922I{0%,60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ZongziLoading_rotate__3922I{0%,60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ZongziLoading_mix__jRfs\+{0%,40%{-webkit-filter:url(#mix);filter:url(#mix);opacity:1}36%,8%{opacity:0}48%,80%{-webkit-filter:none;filter:none;opacity:1}to{-webkit-filter:url(#mix);filter:url(#mix);opacity:1}}@keyframes ZongziLoading_mix__jRfs\+{0%,40%{-webkit-filter:url(#mix);filter:url(#mix);opacity:1}36%,8%{opacity:0}48%,80%{-webkit-filter:none;filter:none;opacity:1}to{-webkit-filter:url(#mix);filter:url(#mix);opacity:1}}.ZongziLoading_container__CdgrF .ZongziLoading_loadingResult__WyYl2{-webkit-animation:ZongziLoading_show__-WI1U 4.2s -2s infinite;animation:ZongziLoading_show__-WI1U 4.2s -2s infinite;border-radius:50%;-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.8));filter:drop-shadow(0 0 8px rgba(252,233,124,.8));-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.5));filter:drop-shadow(0 0 8px rgba(252,233,124,.5));height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;width:60px}.ZongziLoading_container__CdgrF .ZongziLoading_loadingResult__WyYl2 svg{height:100%;width:100%}@-webkit-keyframes ZongziLoading_show__-WI1U{0%,48%,to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}36%,8%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes ZongziLoading_show__-WI1U{0%,48%,to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}36%,8%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}}.BoxReflect_container__tvM\+\+{background-color:#000;display:flex;flex:1;height:600px;justify-content:center;position:relative}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF{align-items:center;display:flex;justify-content:space-between;width:400px}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4{-webkit-box-reflect:below 10px linear-gradient(transparent,rgba(0,0,0,.4));border-radius:10px;color:#0ebeff;cursor:pointer;font-size:24px;height:80px;line-height:80px;margin:auto;overflow:hidden;position:relative;text-align:center;-webkit-transform:translateY(-40px);transform:translateY(-40px);transition:.3s;width:160px;z-index:0}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:hover{box-shadow:0 0 5px #0ebeff,0 0 25px #0ebeff;color:#fff}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:hover:after,.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:hover:before{background-color:#0ebeff;transition:.3s}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:before{-webkit-animation:BoxReflect_rotate__6rJim 2s linear infinite;animation:BoxReflect_rotate__6rJim 2s linear infinite;background-color:#000;background-image:conic-gradient(#0ebeff,#0ebeff);background-position:0 0;background-repeat:no-repeat;background-size:50% 50%;box-sizing:border-box;content:"";height:300%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:150%;z-index:-2}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:after{background-color:#000;border-radius:10px;box-sizing:border-box;content:"";height:calc(100% - 4px);left:2px;position:absolute;top:2px;width:calc(100% - 4px);z-index:-1}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24{-webkit-box-reflect:below 10px linear-gradient(transparent,rgba(0,0,0,.4));border-radius:10px;color:#0ebeff;cursor:pointer;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg);font-size:24px;height:80px;line-height:80px;margin:auto;overflow:hidden;position:relative;text-align:center;-webkit-transform:translateY(-40px);transform:translateY(-40px);transition:.3s;width:160px;z-index:0}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24:hover{box-shadow:0 0 5px #0ebeff,0 0 25px #0ebeff;color:#fff}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24:hover:after,.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24:hover:before{background-color:#0ebeff;transition:.3s}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24:before{-webkit-animation:BoxReflect_rotate__6rJim 2s linear infinite;animation:BoxReflect_rotate__6rJim 2s linear infinite;background-color:#000;background-image:conic-gradient(#0ebeff,#0ebeff);background-position:0 0;background-repeat:no-repeat;background-size:50% 50%;box-sizing:border-box;content:"";height:300%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:150%;z-index:-2}@-webkit-keyframes BoxReflect_rotate__6rJim{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes BoxReflect_rotate__6rJim{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.TextAnimation_container__8odlg{background-color:#000;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.TextAnimation_container__8odlg p{color:#222;font-size:64px;font-weight:500;position:relative}.TextAnimation_container__8odlg p:before{-webkit-animation:TextAnimation_move__mKq-6 8s linear infinite;animation:TextAnimation_move__mKq-6 8s linear infinite;border-right:4px solid #fff;color:#fff;content:attr(data-text);-webkit-filter:drop-shadow(0 0 20px #fff) drop-shadow(0 0 50px #fff);filter:drop-shadow(0 0 20px #fff) drop-shadow(0 0 50px #fff);overflow:hidden;position:absolute;white-space:nowrap}@-webkit-keyframes TextAnimation_move__mKq-6{0%,10%,to{width:0}70%,90%{width:100%}}@keyframes TextAnimation_move__mKq-6{0%,10%,to{width:0}70%,90%{width:100%}}.TextSearchlight_container__r14vK{background-color:#000;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.TextSearchlight_container__r14vK p{color:#222;font-family:SourceHanSansCN-Bold!important;font-size:64px;font-weight:700;position:relative}.TextSearchlight_container__r14vK p:after{-webkit-animation:TextSearchlight_move__qAFwU 8s ease-in-out infinite;animation:TextSearchlight_move__qAFwU 8s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#ec4899,#ef4444,#eab308);-webkit-clip-path:ellipse(60px 60px at 0 50%);clip-path:ellipse(60px 60px at 0 50%);color:transparent;content:attr(data-text);left:0;position:absolute;top:0}@-webkit-keyframes TextSearchlight_move__qAFwU{50%{-webkit-clip-path:ellipse(60px 60px at 100% 50%);clip-path:ellipse(60px 60px at 100% 50%)}to{-webkit-clip-path:ellipse(60px 60px at 0 50%);clip-path:ellipse(60px 60px at 0 50%)}}@keyframes TextSearchlight_move__qAFwU{50%{-webkit-clip-path:ellipse(60px 60px at 100% 50%);clip-path:ellipse(60px 60px at 100% 50%)}to{-webkit-clip-path:ellipse(60px 60px at 0 50%);clip-path:ellipse(60px 60px at 0 50%)}}.DisplayTextInSmoke_container__KVlpC{align-items:center;background-color:#000;display:flex;flex:1;height:500px;justify-content:center;position:relative}.DisplayTextInSmoke_container__KVlpC:before{background-image:linear-gradient(90deg,red,red,#0f0,#0ff,#ff0,#0ff);content:"";height:100%;left:0;mix-blend-mode:color;pointer-events:none;position:absolute;top:0;width:100%}.DisplayTextInSmoke_container__KVlpC video{height:auto;object-fit:cover;width:100%}.DisplayTextInSmoke_container__KVlpC p{color:#ddd;font-size:80px;font-weight:500;letter-spacing:.2em;margin:0;padding:0;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw{-webkit-animation:DisplayTextInSmoke_textAnimation1__Ti9qd 1s linear forwards;animation:DisplayTextInSmoke_textAnimation1__Ti9qd 1s linear forwards;display:inline-block;opacity:0}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:first-child{-webkit-animation-delay:1s;animation-delay:1s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(3){-webkit-animation-delay:2.5s;animation-delay:2.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(4){-webkit-animation-delay:3s;animation-delay:3s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(5){-webkit-animation-delay:3.5s;animation-delay:3.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(6){-webkit-animation-delay:3.75s;animation-delay:3.75s;margin-left:50px}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(7){-webkit-animation-delay:4s;animation-delay:4s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(8){-webkit-animation-delay:4.5s;animation-delay:4.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(9){-webkit-animation-delay:5s;animation-delay:5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(10){-webkit-animation-delay:5.5s;animation-delay:5.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn{-webkit-animation:DisplayTextInSmoke_textAnimation2__GZIgV 1s linear forwards;animation:DisplayTextInSmoke_textAnimation2__GZIgV 1s linear forwards;display:inline-block;opacity:0}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:first-child{-webkit-animation-delay:1s;animation-delay:1s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(3){-webkit-animation-delay:2.5s;animation-delay:2.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(4){-webkit-animation-delay:3s;animation-delay:3s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(5){-webkit-animation-delay:3.5s;animation-delay:3.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(6){-webkit-animation-delay:3.75s;animation-delay:3.75s;margin-left:50px}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(7){-webkit-animation-delay:4s;animation-delay:4s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(8){-webkit-animation-delay:4.5s;animation-delay:4.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(9){-webkit-animation-delay:5s;animation-delay:5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(10){-webkit-animation-delay:5.5s;animation-delay:5.5s}@-webkit-keyframes DisplayTextInSmoke_textAnimation1__Ti9qd{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes DisplayTextInSmoke_textAnimation1__Ti9qd{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes DisplayTextInSmoke_textAnimation2__GZIgV{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes DisplayTextInSmoke_textAnimation2__GZIgV{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.DisplayTextInSmoke_container__KVlpC .DisplayTextInSmoke_btn__CvDup{bottom:10px;left:0;margin:0 auto;position:absolute;right:0;width:100px}.PlayVideoInText_container__\+hh77{align-items:center;display:flex;flex:1;height:600px;justify-content:center;position:relative}.PlayVideoInText_container__\+hh77 video{height:auto;object-fit:cover;width:100%}.PlayVideoInText_container__\+hh77 p{background-color:#fff;color:#000;font-size:22vw;font-weight:600;height:600px;left:0;line-height:600px;mix-blend-mode:screen;position:absolute;text-align:center;top:0;width:100%}.WaveFont_container__ccIq3{display:flex;flex:1;height:500px;position:relative}.WaveFont_container__ccIq3 .WaveFont_firstText__Obiyz{-webkit-text-stroke:1px #03a9f4;color:transparent}.WaveFont_container__ccIq3 .WaveFont_firstText__Obiyz,.WaveFont_container__ccIq3 .WaveFont_lastText__7tpdD{font-size:22vw;font-weight:600;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.WaveFont_container__ccIq3 .WaveFont_lastText__7tpdD{-webkit-animation:WaveFont_wave__fkaZX 3s ease-in-out infinite;animation:WaveFont_wave__fkaZX 3s ease-in-out infinite;color:#03a9f4}@-webkit-keyframes WaveFont_wave__fkaZX{0%,to{-webkit-clip-path:polygon(0 47%,10% 48%,28% 54%,54% 50%,50% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 47%,10% 48%,28% 54%,54% 50%,50% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}@keyframes WaveFont_wave__fkaZX{0%,to{-webkit-clip-path:polygon(0 47%,10% 48%,28% 54%,54% 50%,50% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 47%,10% 48%,28% 54%,54% 50%,50% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}.TextOutlineAnimation1_container__LXia5{display:flex;height:380px;justify-content:center;padding-top:60px;position:relative;width:100%}.TextOutlineAnimation1_container__LXia5 .TextOutlineAnimation1_content__0SfPo svg{-webkit-animation:TextOutlineAnimation1_fill-anm__Nkn71 6s ease infinite forwards;animation:TextOutlineAnimation1_fill-anm__Nkn71 6s ease infinite forwards;height:260px;width:400px}.TextOutlineAnimation1_container__LXia5 .TextOutlineAnimation1_content__0SfPo svg path:first-child{stroke-dasharray:676!important;stroke-dashoffset:676;-webkit-animation:TextOutlineAnimation1_line-anm1__RedEs 6s ease-in-out infinite;animation:TextOutlineAnimation1_line-anm1__RedEs 6s ease-in-out infinite}.TextOutlineAnimation1_container__LXia5 .TextOutlineAnimation1_content__0SfPo svg path:nth-child(2){stroke-dasharray:640!important;stroke-dashoffset:640;-webkit-animation:TextOutlineAnimation1_line-anm2__VcFqi 6s ease-in-out .1s infinite;animation:TextOutlineAnimation1_line-anm2__VcFqi 6s ease-in-out .1s infinite;-webkit-transform:translateX(60px);transform:translateX(60px)}.TextOutlineAnimation1_container__LXia5 .TextOutlineAnimation1_content__0SfPo svg path:nth-child(3){stroke-dasharray:387!important;stroke-dashoffset:387;-webkit-animation:TextOutlineAnimation1_line-anm3__1W44s 6s ease-in-out .2s infinite;animation:TextOutlineAnimation1_line-anm3__1W44s 6s ease-in-out .2s infinite;-webkit-transform:translateX(126px);transform:translateX(126px)}@-webkit-keyframes TextOutlineAnimation1_line-anm1__RedEs{0%,5%{stroke-dashoffset:676}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}60%{stroke-dashoffset:0}95%,to{stroke-dashoffset:676}}@keyframes TextOutlineAnimation1_line-anm1__RedEs{0%,5%{stroke-dashoffset:676}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}60%{stroke-dashoffset:0}95%,to{stroke-dashoffset:676}}@-webkit-keyframes TextOutlineAnimation1_line-anm2__VcFqi{0%,5%{stroke-dashoffset:640}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}65%{stroke-dashoffset:0}95%,to{stroke-dashoffset:640}}@keyframes TextOutlineAnimation1_line-anm2__VcFqi{0%,5%{stroke-dashoffset:640}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}65%{stroke-dashoffset:0}95%,to{stroke-dashoffset:640}}@-webkit-keyframes TextOutlineAnimation1_line-anm3__1W44s{0%,5%{stroke-dashoffset:387}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}65%{stroke-dashoffset:0}95%,to{stroke-dashoffset:387}}@keyframes TextOutlineAnimation1_line-anm3__1W44s{0%,5%{stroke-dashoffset:387}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}65%{stroke-dashoffset:0}95%,to{stroke-dashoffset:387}}@-webkit-keyframes TextOutlineAnimation1_fill-anm__Nkn71{0%{fill:transparent}35%{fill:transparent}50%{fill:#fff}65%{fill:transparent}to{fill:transparent}}@keyframes TextOutlineAnimation1_fill-anm__Nkn71{0%{fill:transparent}35%{fill:transparent}50%{fill:#fff}65%{fill:transparent}to{fill:transparent}}.TextOutlineAnimation2_container__3DnKq{display:flex;height:380px;justify-content:center;position:relative;width:100%}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3{align-items:center;display:flex;font-size:210px;justify-content:center}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg{align-items:center;display:flex;height:260px;justify-content:center;width:400px}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP{fill:none;stroke:#fff;stroke-width:4px;stroke-dasharray:60 300;-webkit-animation:TextOutlineAnimation2_stroke__916mj 6s linear infinite;animation:TextOutlineAnimation2_stroke__916mj 6s linear infinite}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:first-of-type{stroke:#b80c09}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:nth-of-type(2){stroke:#fffc31;-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:nth-of-type(3){stroke:#d5f2e3;-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:nth-of-type(4){stroke:#03f7eb;-webkit-animation-delay:-3.6s;animation-delay:-3.6s}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:nth-of-type(5){stroke:#b91372;-webkit-animation-delay:-4.8s;animation-delay:-4.8s}@-webkit-keyframes TextOutlineAnimation2_stroke__916mj{to{stroke-dashoffset:360}}@keyframes TextOutlineAnimation2_stroke__916mj{to{stroke-dashoffset:360}}.MobiusBand1_container__2Mp\+7{display:flex;height:360px;justify-content:center;padding-top:50px;position:relative;width:100%}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb{align-items:center;display:flex;justify-content:center;position:relative}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb:after,.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb:before{border:16px solid #57606f;border-radius:50%;box-sizing:border-box;content:"";height:154px;position:relative;width:154px;z-index:1}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb:after{left:-16px}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb div{-webkit-clip-path:polygon(0 0,100% 0,100% 50%,0 50%);clip-path:polygon(0 0,100% 0,100% 50%,0 50%);height:154px;left:0;position:absolute;width:154px;z-index:2}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb div div{-webkit-animation:MobiusBand1_roll__HjwWS 4s linear infinite;animation:MobiusBand1_roll__HjwWS 4s linear infinite;border-color:#ff6b81 #ff6b81 transparent transparent;border-radius:50%;border-style:solid;border-width:16px;box-sizing:border-box;height:154px;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:154px}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_leftBottom__hBdke{-webkit-transform:scale(-1);transform:scale(-1)}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_leftBottom__hBdke div{-webkit-animation-delay:3s;animation-delay:3s}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_rightTop__kr3vO{-webkit-transform:translateX(calc(100% - 16px)) scaleX(-1);transform:translateX(calc(100% - 16px)) scaleX(-1)}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_rightTop__kr3vO div{-webkit-animation-delay:2s;animation-delay:2s}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_rightBottom__EmzfR{-webkit-transform:translateX(calc(100% - 16px)) scaleY(-1);transform:translateX(calc(100% - 16px)) scaleY(-1)}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_rightBottom__EmzfR div{-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes MobiusBand1_roll__HjwWS{50%,to{-webkit-transform:rotate(495deg);transform:rotate(495deg)}}@keyframes MobiusBand1_roll__HjwWS{50%,to{-webkit-transform:rotate(495deg);transform:rotate(495deg)}}.MobiusBand2_container__8f4BB{display:flex;height:360px;justify-content:center;padding-top:50px;position:relative;width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn{align-items:center;-webkit-animation:MobiusBand2_changeColor__Mykzf 8s linear infinite;animation:MobiusBand2_changeColor__Mykzf 8s linear infinite;display:flex;justify-content:center;position:relative}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE{background-color:transparent;height:154px;margin:0 -8px;position:relative;width:154px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span0__voOYX{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span0__voOYX:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span1__vuoU-{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(18deg);transform:rotate(18deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span1__vuoU-:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.1s;animation-delay:.1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span2__nG6rW{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(36deg);transform:rotate(36deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span2__nG6rW:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span3__-dsS9{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(54deg);transform:rotate(54deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span3__-dsS9:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.3s;animation-delay:.3s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span4__j83QL{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(72deg);transform:rotate(72deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span4__j83QL:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.4s;animation-delay:.4s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span5__WB4\+J{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span5__WB4\+J:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span6__Gwjmh{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(108deg);transform:rotate(108deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span6__Gwjmh:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span7__xzB3C{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(126deg);transform:rotate(126deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span7__xzB3C:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.7s;animation-delay:.7s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span8__GWlgT{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(144deg);transform:rotate(144deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span8__GWlgT:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span9__yo7Mb{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(162deg);transform:rotate(162deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span9__yo7Mb:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.9s;animation-delay:.9s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span10__6RIFq{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span10__6RIFq:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span11__60Mpf{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(198deg);transform:rotate(198deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span11__60Mpf:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.1s;animation-delay:1.1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span12__GLJMi{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(216deg);transform:rotate(216deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span12__GLJMi:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span13__j6mqa{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(234deg);transform:rotate(234deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span13__j6mqa:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.3s;animation-delay:1.3s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span14__J-WJ9{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(252deg);transform:rotate(252deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span14__J-WJ9:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.4s;animation-delay:1.4s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span15__11fjh{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span15__11fjh:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span16__DdXWO{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(288deg);transform:rotate(288deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span16__DdXWO:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.6s;animation-delay:1.6s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span17__e9oID{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(306deg);transform:rotate(306deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span17__e9oID:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.7s;animation-delay:1.7s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span18__wufSN{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(324deg);transform:rotate(324deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span18__wufSN:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.8s;animation-delay:1.8s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span19__qXh0M{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(342deg);transform:rotate(342deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span19__qXh0M:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.9s;animation-delay:1.9s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2){-webkit-transform:rotate(198deg);transform:rotate(198deg)}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span0__voOYX{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span0__voOYX:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span1__vuoU-{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(18deg);transform:rotate(18deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span1__vuoU-:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-delay:-.1s;animation-delay:-.1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span2__nG6rW{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(36deg);transform:rotate(36deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span2__nG6rW:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-delay:-.2s;animation-delay:-.2s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span3__-dsS9{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(54deg);transform:rotate(54deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span3__-dsS9:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-delay:-.3s;animation-delay:-.3s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span4__j83QL{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(72deg);transform:rotate(72deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span4__j83QL:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-delay:-.4s;animation-delay:-.4s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span5__WB4\+J{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span5__WB4\+J:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-delay:-.5s;animation-delay:-.5s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span6__Gwjmh{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(108deg);transform:rotate(108deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span6__Gwjmh:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-delay:-.6s;animation-delay:-.6s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span7__xzB3C{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(126deg);transform:rotate(126deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span7__xzB3C:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-delay:-.7s;animation-delay:-.7s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span8__GWlgT{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(144deg);transform:rotate(144deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span8__GWlgT:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-delay:-.8s;animation-delay:-.8s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span9__yo7Mb{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(162deg);transform:rotate(162deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span9__yo7Mb:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-delay:-.9s;animation-delay:-.9s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span10__6RIFq{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span10__6RIFq:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:-1s;animation-delay:-1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span11__60Mpf{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(198deg);transform:rotate(198deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span11__60Mpf:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-delay:-1.1s;animation-delay:-1.1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span12__GLJMi{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(216deg);transform:rotate(216deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span12__GLJMi:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-delay:-1.2s;animation-delay:-1.2s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span13__j6mqa{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(234deg);transform:rotate(234deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span13__j6mqa:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-delay:-1.3s;animation-delay:-1.3s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span14__J-WJ9{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(252deg);transform:rotate(252deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span14__J-WJ9:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-delay:-1.4s;animation-delay:-1.4s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span15__11fjh{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span15__11fjh:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span16__DdXWO{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(288deg);transform:rotate(288deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span16__DdXWO:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.6s;animation-delay:1.6s;-webkit-animation-delay:-1.6s;animation-delay:-1.6s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span17__e9oID{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(306deg);transform:rotate(306deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span17__e9oID:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.7s;animation-delay:1.7s;-webkit-animation-delay:-1.7s;animation-delay:-1.7s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span18__wufSN{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(324deg);transform:rotate(324deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span18__wufSN:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.8s;animation-delay:1.8s;-webkit-animation-delay:-1.8s;animation-delay:-1.8s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span19__qXh0M{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(342deg);transform:rotate(342deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span19__qXh0M:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.9s;animation-delay:1.9s;-webkit-animation-delay:-1.9s;animation-delay:-1.9s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}@-webkit-keyframes MobiusBand2_animate__Wogmo{0%{-webkit-transform:scale(1);transform:scale(1)}50%,to{-webkit-transform:scale(.1);transform:scale(.1)}}@keyframes MobiusBand2_animate__Wogmo{0%{-webkit-transform:scale(1);transform:scale(1)}50%,to{-webkit-transform:scale(.1);transform:scale(.1)}}@-webkit-keyframes MobiusBand2_changeColor__Mykzf{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes MobiusBand2_changeColor__Mykzf{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.TankShaking_container__Yt0wf{display:flex;height:380px;justify-content:center;padding-top:120px;position:relative;width:100%}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC{display:flex;flex-direction:column;position:relative}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottle__mqc\+0{-webkit-animation:TankShaking_animate__s7STs 2s linear infinite;animation:TankShaking_animate__s7STs 2s linear infinite;background-color:hsla(0,0%,100%,.102);border-radius:50%;height:200px;position:relative;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:200px;z-index:2}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottle__mqc\+0:before{background-color:#505250;border-radius:50%;box-shadow:0 6.6666666667px 5px #000;content:"";height:40px;left:50%;position:absolute;top:-5px;-webkit-transform:translate(-50%);transform:translate(-50%);width:100px}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottle__mqc\+0 .TankShaking_water__5TJXp{-webkit-animation:TankShaking_animate2__M8tPD 2s linear infinite;animation:TankShaking_animate2__M8tPD 2s linear infinite;background-color:#41c1fb;border-bottom-left-radius:100px;border-bottom-right-radius:100px;bottom:10px;left:10px;position:absolute;right:10px;top:50%;-webkit-transform-origin:top center;transform-origin:top center}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottle__mqc\+0 .TankShaking_water__5TJXp:before{background-color:#0da2e7;border-radius:50%;content:"";height:20px;left:0;position:absolute;top:-10px;width:100%}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottleBottom__gAvg8{-webkit-animation:TankShaking_move__yUHoY 2s linear infinite;animation:TankShaking_move__yUHoY 2s linear infinite;background-color:rgba(0,0,0,.5);border-radius:50%;height:30px;left:50%;position:absolute;top:calc(100% - 66px);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200px}@-webkit-keyframes TankShaking_animate__s7STs{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes TankShaking_animate__s7STs{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes TankShaking_animate2__M8tPD{0%{-webkit-filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(0deg);filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(0deg);-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(1turn);filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(1turn);-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes TankShaking_animate2__M8tPD{0%{-webkit-filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(0deg);filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(0deg);-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(1turn);filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(1turn);-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes TankShaking_move__yUHoY{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}25%{-webkit-transform:translateX(calc(-50% + 20px));transform:translateX(calc(-50% + 20px))}50%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}75%{-webkit-transform:translateX(calc(-50% - 20px));transform:translateX(calc(-50% - 20px))}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes TankShaking_move__yUHoY{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}25%{-webkit-transform:translateX(calc(-50% + 20px));transform:translateX(calc(-50% + 20px))}50%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}75%{-webkit-transform:translateX(calc(-50% - 20px));transform:translateX(calc(-50% - 20px))}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.RichDynamicEffect_container__4zkQ2{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;min-height:100%;overflow-y:auto;padding:4px 2px;width:100%}.RichDynamicEffect_container__4zkQ2 .RichDynamicEffect_box__0T4jz{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;box-sizing:border-box;color:#fff;display:flex;flex:1;justify-content:center;margin:8px 2px;overflow:hidden;position:relative}.RichDynamicEffect_container__4zkQ2 .RichDynamicEffect_multipleColumnsBox__Mp4HK{display:flex}.RichDynamicEffect_container__4zkQ2 .RichDynamicEffect_multipleColumnsBox__Mp4HK .RichDynamicEffect_box__0T4jz{margin:2px!important}.GenerateRegularPolygon_container__kR2Bt{align-items:center;display:flex;justify-content:center;overflow-y:auto;padding-bottom:20px;padding-top:30px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB{display:flex;flex-direction:column}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_box__8cyD7{border:2px dashed #73828c;box-sizing:border-box;height:472px;padding:16px;width:472px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_box__8cyD7 .GenerateRegularPolygon_graph__hpKYh{background:linear-gradient(135deg,#112437,#1d3450,#29588a,#116d6e,#5c8984,#47a992) fixed;box-sizing:border-box;-webkit-clip-path:polygon(var(--points));clip-path:polygon(var(--points));height:440px;width:440px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_bottom__DyaAC{display:flex;flex-direction:column;margin-top:20px;width:472px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_bottom__DyaAC .GenerateRegularPolygon_row__bg92v{align-items:center;display:flex;margin-bottom:20px;width:100%}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_bottom__DyaAC .GenerateRegularPolygon_row__bg92v .GenerateRegularPolygon_label__Y0wuX{color:#444;color:#666;font-size:15px;margin-right:6px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_bottom__DyaAC .GenerateRegularPolygon_codeBox__-P4RP{background-color:#8bacaa;color:#222;display:flex;flex-direction:column;max-width:100%;overflow-x:auto;padding:10px;width:100%}.KillPlanetGame_container__vvfOM{box-sizing:border-box;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.KillPlanetGame_container__vvfOM .KillPlanetGame_continueBtn__5B77g,.KillPlanetGame_container__vvfOM .KillPlanetGame_restartBtn__fkzEb,.KillPlanetGame_container__vvfOM .KillPlanetGame_startBtn__FPFMD{background-color:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:25px;height:60px;left:50%;min-width:200px;outline:none;padding:0 10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s linear}.KillPlanetGame_container__vvfOM .KillPlanetGame_startBtn__FPFMD{background-color:#fff;color:#000}.KillPlanetGame_container__vvfOM .KillPlanetGame_continueBtn__5B77g,.KillPlanetGame_container__vvfOM .KillPlanetGame_restartBtn__fkzEb{margin-top:50px}.KillPlanetGame_container__vvfOM .KillPlanetGame_gameover__UP574,.KillPlanetGame_container__vvfOM .KillPlanetGame_gamepause__zAhE9{background-color:#fff;border-radius:20px;height:300px;left:50%;padding:50px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.KillPlanetGame_container__vvfOM .KillPlanetGame_gameover__UP574 h1,.KillPlanetGame_container__vvfOM .KillPlanetGame_gamepause__zAhE9 h1{color:#000}.KillPlanetGame_container__vvfOM .KillPlanetGame_scoreBox__6Sndm{color:#fff;font-size:30px;left:10px;position:absolute;top:10px}.KillPlanetGame_container__vvfOM .KillPlanetGame_pauseBtn__WWb15{color:#fff;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px}.WordDance_container__SiRI2{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.WordDance_container__SiRI2 video{bottom:0;height:570px;left:0;margin:auto;position:absolute;right:0;top:0;visibility:hidden;width:324px}.WordDance_container__SiRI2 .WordDance_tip__Sm3-V{color:#666;margin-top:20px}.Scratch_container__4Y8FX{background:linear-gradient(225deg,transparent 3.125%,#987f69 0,#987f69 9.375%,transparent 0,transparent 78.125%,#987f69 0,#987f69 84.375%,transparent 0) 0 6px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 0 12px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) -6px -6px,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 12px 0,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 6px 12px,repeating-linear-gradient(-45deg,#fdf1cc -3.125%,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%);background:linear-gradient(225deg,transparent 3.125%,#987f69 0 9.375%,transparent 0 78.125%,#987f69 0 84.375%,transparent 0) 0 6px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 0 12px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) -6px -6px,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 12px 0,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 6px 12px,repeating-linear-gradient(-45deg,#fdf1cc -3.125% 3.125%,#987f69 0 9.375%);background-size:24px 24px;box-sizing:border-box;height:100%;position:relative;width:100%}.Scratch_container__4Y8FX .Scratch_bottomText__kdpMZ{align-items:center;color:#fff;display:flex;font-family:SourceHanSansCN-Bold!important;font-size:120px;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:1}.Scratch_container__4Y8FX canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.MatchLine_container__qMLJ5{align-items:center;background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H{border:1px solid #fff;border-radius:4px;height:auto;width:800px}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_tools__LT5fu{align-items:center;border-bottom:1px dashed gray;color:#ddd;display:flex;font-size:18px;height:60px;justify-content:flex-end;padding:0 35px;width:100%}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_tools__LT5fu .MatchLine_btn__r-aM\+{cursor:pointer}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_tools__LT5fu .MatchLine_btn__r-aM\+:hover{color:#1e90ff}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_tools__LT5fu .MatchLine_btn__r-aM\+:not(:first-child){margin-left:16px}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk{padding:35px;width:100%}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49{display:flex;flex:1;justify-content:space-between;position:relative}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 .MatchLine_options__yZR5i{display:flex;flex-direction:column}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 .MatchLine_options__yZR5i .MatchLine_option__YXDOq{align-items:center;background-color:#fff;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:22px;height:56px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:130px;z-index:1}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 .MatchLine_options__yZR5i .MatchLine_option__YXDOq:not(:last-child){margin-bottom:24px}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 .MatchLine_options__yZR5i .MatchLine_active__wPYWy{background:#6495ed;color:#fff}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 canvas{height:100%;left:0;position:absolute;top:0;width:100%}.AppPageFrame_container__HINEU{background-color:#000;height:100%;overflow:hidden;position:relative;width:100%}.AppPageFrame_container__HINEU .AppPageFrame_content__jCifX{height:300%;left:0;position:absolute;top:0;width:100%;z-index:2}.AppPageFrame_container__HINEU .AppPageFrame_content__jCifX .AppPageFrame_page__DEPnj{align-items:center;display:flex;justify-content:center;width:100%}.AppPageFrame_container__HINEU .AppPageFrame_content__jCifX .AppPageFrame_page__DEPnj p{word-wrap:break-word;color:#fff;font-size:50px;font-weight:600;margin-right:35%;text-align:center;width:400px}.AppPageFrame_container__HINEU canvas{height:100%;left:0;position:absolute;top:0;width:100%}.CarShow_container__fkyim{background-color:#ddd;height:100%;overflow:hidden;position:relative;width:100%}.CarShow_container__fkyim .CarShow_content__-vQNL{height:100%;padding:20px;position:absolute;right:0;top:0;z-index:2}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_title__h5POl{color:#111;font-size:24px;font-weight:600}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS{display:flex;flex-direction:column;margin:12px 0}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS p{color:#111;font-size:16px;font-weight:600}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP{display:flex;margin-top:6px}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP .CarShow_btn__vlWko{align-items:center;background-color:#eee;border:1px solid #999;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP .CarShow_btn__vlWko:not(:last-child){margin-right:10px}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP .CarShow_textBtn__XA\+9q{align-items:center;background-color:#eee;border:1px solid #999;border-radius:6px;color:#444;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 10px}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP .CarShow_textBtn__XA\+9q:not(:last-child){margin-right:10px}.CarShow_container__fkyim .CarShow_content__-vQNL:hover{background-color:hsla(0,0%,60%,.314)}.CarShow_container__fkyim canvas{height:100%;left:0;position:absolute;top:0;width:100%}.RubiksCube_container__dFJHD{background-color:#121212;height:100%;overflow:hidden;position:relative;width:100%}.RubiksCube_container__dFJHD canvas{height:100%;left:0;position:absolute;top:0;width:100%}.ThrowDice_container__YcvTG{background-color:#224141;height:100%;overflow:hidden;position:relative;width:100%}.ThrowDice_container__YcvTG canvas{height:100%;left:0;position:absolute;top:0;width:100%}.ThrowDice_container__YcvTG .ThrowDice_btn__BTDQF{align-items:center;background-color:#bbb;border-radius:50%;display:flex;height:120px;justify-content:center;left:0;margin:0 auto;padding:10px;position:absolute;right:0;top:60px;width:120px;z-index:1}.ThrowDice_container__YcvTG .ThrowDice_btn__BTDQF .ThrowDice_btn_inner__DObIm{align-items:center;background-color:#1a6840;border-radius:50%;cursor:pointer;display:flex;flex:1;font-size:18px;font-weight:600;height:100%;justify-content:center}.ThrowDice_container__YcvTG .ThrowDice_btn__BTDQF .ThrowDice_btn_inner__DObIm:active{background-color:#6a9c89}.ThrowDice_container__YcvTG .ThrowDice_numBox__VnUMU{align-items:center;display:flex;font-size:18px;position:absolute;right:50px;top:60px;z-index:1}.ThrowDice_container__YcvTG .ThrowDice_numBox__VnUMU .ant-input-number,.ThrowDice_container__YcvTG .ThrowDice_numBox__VnUMU .ant-input-number input{height:45px;width:120px}.LargeScreenBorder_container__fPZ9L{box-sizing:border-box;height:100%;position:relative;width:100%}.LargeScreenBorder_container__fPZ9L .LargeScreenBorder_content__kwcui{position:absolute;z-index:1}.MapDisplay_container__7ObAW{background-color:#000808;height:100%;overflow:hidden;position:relative;width:100%}.MapDisplay_container__7ObAW .MapDisplay_switch__z3osn{cursor:pointer;position:absolute;right:20px;top:40px;z-index:2}.MapDisplay_container__7ObAW .MapDisplay_switch__z3osn svg{height:32px;width:32px}.MapDisplay_container__7ObAW .MapDisplay_switch__z3osn svg path{fill:#00c6c6}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8{height:80px;position:absolute;top:0;-webkit-transform:translateY(-80px);transform:translateY(-80px);width:100%;z-index:1}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 img{height:61px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_topBg__oqsK2{height:61px;left:0;position:absolute;right:0;top:20px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_shine__zGL21{height:55px;left:0;margin:0 auto;position:absolute;right:0;top:51px;width:808px}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_leftLine__yH-vW{background-image:linear-gradient(270deg,#b5eff6,#008f8f,#003d3d);border-radius:2px;height:4px;left:4%;position:absolute;top:18px;width:120px}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_rightLine__0kyh7{background-image:linear-gradient(90deg,#b5eff6,#008f8f,#003d3d);border-radius:2px;height:4px;position:absolute;right:4%;top:19px;width:120px}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_title__xCrUE{align-items:center;display:flex;justify-content:center;left:0;position:absolute;right:0;top:16px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_title__xCrUE span{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#003d3d,#008f8f,#00cfcf,#008f8f,#003d3d);color:transparent;font-family:SourceHanSansCN-Bold!important;font-size:32px;font-weight:600;text-align:center}.MapDisplay_container__7ObAW .MapDisplay_leftBox__MfOJf{height:calc(100% - 80px);left:0;position:absolute;top:80px;-webkit-transform:translate(-30%);transform:translate(-30%);width:30%;z-index:1}.MapDisplay_container__7ObAW .MapDisplay_leftBox__MfOJf .MapDisplay_item__6Z5-L{height:40%;padding:20px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_leftBox__MfOJf .MapDisplay_item__6Z5-L:last-child{height:60%}.MapDisplay_container__7ObAW .MapDisplay_rightBox__mgnoV{height:calc(100% - 80px);position:absolute;right:0;top:80px;-webkit-transform:translate(30%);transform:translate(30%);width:30%;z-index:1}.MapDisplay_container__7ObAW .MapDisplay_rightBox__mgnoV .MapDisplay_item__6Z5-L{height:40%;padding:14px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_rightBox__mgnoV .MapDisplay_item__6Z5-L:last-child{height:60%}.MapDisplay_container__7ObAW .MapDisplay_tooltip__\+jQqL{background-color:#fff;border-radius:4px;color:#000;font-size:16px;font-weight:600;padding:10px 20px;position:absolute;visibility:hidden;z-index:10}.EarthDisplay_container__4U\+r3{background-color:#000808;height:100%;overflow:hidden;position:relative;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_switch__MeMaf{cursor:pointer;position:absolute;right:20px;top:40px;z-index:2}.EarthDisplay_container__4U\+r3 .EarthDisplay_switch__MeMaf svg{height:32px;width:32px}.EarthDisplay_container__4U\+r3 .EarthDisplay_switch__MeMaf svg path{fill:#00c6c6}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn{height:80px;position:absolute;top:0;-webkit-transform:translateY(-80px);transform:translateY(-80px);width:100%;z-index:1}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn img{height:61px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_topBg__AEJ4Q{height:61px;left:0;position:absolute;right:0;top:20px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_shine__nttCS{height:55px;left:0;margin:0 auto;position:absolute;right:0;top:51px;width:808px}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_leftLine__xIETp{background-image:linear-gradient(270deg,#b5eff6,#008f8f,#003d3d);border-radius:2px;height:4px;left:4%;position:absolute;top:18px;width:120px}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_rightLine__-mYRS{background-image:linear-gradient(90deg,#b5eff6,#008f8f,#003d3d);border-radius:2px;height:4px;position:absolute;right:4%;top:19px;width:120px}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_title__LMxWi{align-items:center;display:flex;justify-content:center;left:0;position:absolute;right:0;top:16px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_title__LMxWi span{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#003d3d,#008f8f,#00cfcf,#008f8f,#003d3d);color:transparent;font-family:SourceHanSansCN-Bold!important;font-size:32px;font-weight:600;text-align:center}.EarthDisplay_container__4U\+r3 .EarthDisplay_leftBox__ZIQuQ{height:calc(100% - 80px);left:0;position:absolute;top:80px;-webkit-transform:translate(-30%);transform:translate(-30%);width:30%;z-index:1}.EarthDisplay_container__4U\+r3 .EarthDisplay_leftBox__ZIQuQ .EarthDisplay_item__BQN2V{height:40%;padding:20px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_leftBox__ZIQuQ .EarthDisplay_item__BQN2V:last-child{height:60%}.EarthDisplay_container__4U\+r3 .EarthDisplay_rightBox__1vsKa{height:calc(100% - 80px);position:absolute;right:0;top:80px;-webkit-transform:translate(30%);transform:translate(30%);width:30%;z-index:1}.EarthDisplay_container__4U\+r3 .EarthDisplay_rightBox__1vsKa .EarthDisplay_item__BQN2V{height:40%;padding:14px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_rightBox__1vsKa .EarthDisplay_item__BQN2V:last-child{height:60%}.EarthDisplay_container__4U\+r3 .EarthDisplay_tooltip__I1x0x{background-color:#fff;border-radius:4px;color:#000;font-size:16px;font-weight:600;padding:10px 20px;position:absolute;visibility:hidden;z-index:10}.HumanPostureDetection_container__lUe7Z{align-items:center;background-image:linear-gradient(135deg,#224141,#162a2a);display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.HumanPostureDetection_container__lUe7Z .HumanPostureDetection_content__LwYrZ{border:1px solid #aaa;margin-top:50px;position:relative}.HumanPostureDetection_container__lUe7Z .HumanPostureDetection_content__LwYrZ video{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;visibility:hidden;z-index:1}.HumanPostureDetection_container__lUe7Z .HumanPostureDetection_content__LwYrZ canvas{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:2}.HumanPostureDetection_container__lUe7Z button{margin-top:20px}.NotBlockPeopleBarrage_container__SwTln{align-items:center;background-image:linear-gradient(135deg,#224141,#162a2a);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_content__NbVjJ{border:1px solid #aaa;box-sizing:border-box;position:relative}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_content__NbVjJ video{object-fit:cover;z-index:1}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_content__NbVjJ .NotBlockPeopleBarrage_barrageBox__wNLFF{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:2}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_content__NbVjJ button{bottom:0;position:absolute;right:-80px}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_bottomBox__C90UC{display:flex;margin-top:10px}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_bottomBox__C90UC input{width:520px}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_bottomBox__C90UC button{margin-left:12px}.Tabs_container__19GNQ{align-items:center;display:flex;height:44px;width:100%}.Tabs_container__19GNQ .tabs-tabItem{align-items:center;background-color:#a3d5f3;color:#333;cursor:pointer;display:flex;font-family:SourceHanSansCN-Medium!important;font-size:15px;font-weight:500;height:100%;justify-content:center;line-height:16px;padding:0 20px;text-align:center}.Tabs_container__19GNQ .active{background-color:#2320e5;color:#fff}.ImageProcessingTool_container__WAkOX{align-items:center;background-color:#eff5f5;box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;padding:40px 20px;width:100%}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY{display:flex;flex-direction:column;max-width:1350px;min-width:1160px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_tabs__lU6sy .tabs-tabItem{background-color:#3a8891!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_tabs__lU6sy .active{background-color:#0e5e6f!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;margin-top:20px;min-height:320px;width:100%}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_fileBox__Evibs{align-items:center;border:1px solid #3a8891;display:flex;height:240px;margin:auto;padding:20px;width:500px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_fileBox__Evibs img{height:200px;object-fit:cover;text-align:center;width:200px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_fileBox__Evibs .ImageProcessingTool_fileInfo__zFv8M{display:flex;flex-direction:column;height:160px;justify-content:space-around;margin-left:16px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_fileBox__Evibs .ImageProcessingTool_fileInfo__zFv8M .ImageProcessingTool_item__FSSP-{color:#333;font-size:14px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM{align-items:center;display:flex;flex-direction:column;margin:auto}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_uploadBtn__jbITo{background-color:#0e5e6f!important;cursor:pointer;font-family:SourceHanSansCN-Medium!important;font-size:14px;height:52px;line-height:52px;position:relative;width:200px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_uploadBtn__jbITo svg{height:16px;width:16px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_uploadBtn__jbITo input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ant-btn{padding:0}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_text__NoL1R{color:#333;font-family:SourceHanSansCN-Medium!important;font-size:14px;font-weight:500;margin:8px 0}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_tips__7DkHP{color:#777;font-size:12px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_tip__dYcLC{color:#666;font-size:13px;line-height:22px;margin-top:16px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_tip__dYcLC span{color:#0e5e6f;cursor:pointer;text-decoration:underline}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C{display:flex;justify-content:space-between;margin-top:10px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm{align-items:center;display:flex;flex-wrap:wrap;width:1160px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ImageProcessingTool_operationBtn__\+5IT6{align-items:center;border-radius:4px;display:flex;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-checkbox{top:0}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-btn{background-color:#3a8891!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number-wrapper{height:36px!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-slider{margin-bottom:12px;width:400px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number{height:36px!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number .ant-input-number-input-wrap,.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_right__UDKib{border:1px solid #3a8891!important;margin-top:10px;width:64px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_right__UDKib span{color:#3a8891!important}.RectSelect_container__NRGSf{display:flex;flex-direction:column;max-width:1350px;min-width:1000px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;min-height:320px;width:100%}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay{display:flex}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf{-webkit-user-drag:none;border:1px solid #111;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_img1__uK-Ip,.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_img2__gx56-,.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_mask__dh-Ij{-webkit-user-drag:none!important;height:100%;left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_mask__dh-Ij{background-color:rgba(0,0,0,.5);z-index:1}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_img2__gx56-{z-index:2}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw{-webkit-user-drag:auto!important;border:1px solid #ff8e9e;cursor:all-scroll;z-index:3}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_dot__wL\+4K{background-color:#ff8e9e;height:6px;position:absolute;width:6px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_leftUp__UPsGg{cursor:nw-resize;left:-3px;top:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_up__iPqcg{cursor:n-resize;left:50%;margin-left:-3px;top:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_rightUp__fbUgr{cursor:ne-resize;right:-3px;top:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_right__HXwDY{cursor:e-resize;margin-top:-3px;right:-3px;top:50%}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_rightDown__vHPOv{bottom:-3px;cursor:se-resize;right:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_down__x6Tgo{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_leftDown__JVMR9{bottom:-3px;cursor:sw-resize;left:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_left__frsug{cursor:w-resize;left:-3px;margin-top:-3px;top:50%}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE{display:flex;justify-content:space-between;margin-top:10px}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug{align-items:center;display:flex;flex-wrap:wrap;width:1160px}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .RectSelect_operationBtn__tFBfu{border-radius:4px;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-btn{background-color:#3a8891!important}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-input-number-wrapper{height:34px!important}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_right__HXwDY{border:1px solid #3a8891!important;margin-top:10px;width:64px}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_right__HXwDY span{color:#3a8891!important}.RadiusClip_container__bZNss{display:flex;flex-direction:column;max-width:1350px;min-width:1000px}.RadiusClip_container__bZNss .RadiusClip_imgBox__SFDg7{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;min-height:320px;width:100%}.RadiusClip_container__bZNss .RadiusClip_imgBox__SFDg7 .RadiusClip_content__iPE9l{border:1px solid #111;display:flex;overflow:hidden}.RadiusClip_container__bZNss .RadiusClip_imgBox__SFDg7 .RadiusClip_content__iPE9l img{-webkit-user-drag:none!important;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK{display:flex;justify-content:space-between;margin-top:10px}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW{align-items:center;display:flex;flex-wrap:wrap;width:1014px}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .RadiusClip_operationBtn__8mksR{border-radius:4px;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-btn{background-color:#3a8891!important}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-input-number-wrapper{height:34px!important}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_right__bHjkd{border:1px solid #3a8891!important;margin-top:10px;width:64px}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_right__bHjkd span{color:#3a8891!important}.AddWatermark_container__eVhbf{display:flex;flex-direction:column;max-width:1350px;min-width:1000px}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;min-height:320px;width:100%}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY{display:flex}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY .AddWatermark_leftBox__S-y1M{-webkit-user-drag:none;border:1px solid #111;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY .AddWatermark_leftBox__S-y1M .AddWatermark_img1__s1l8c{-webkit-user-drag:none!important;height:100%;left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY .AddWatermark_leftBox__S-y1M .AddWatermark_clipBox__EW8Jl{-webkit-user-drag:auto!important;border:1px solid #ff8e9e;cursor:all-scroll;-webkit-user-select:none!important;user-select:none!important;z-index:3}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY .AddWatermark_leftBox__S-y1M .AddWatermark_clipBox__EW8Jl img{-webkit-user-drag:auto!important;pointer-events:none;-webkit-user-select:none!important;user-select:none!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p{display:flex;justify-content:space-between;margin-top:10px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc{align-items:center;display:flex;flex-wrap:wrap;width:1014px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg{display:flex;flex-direction:column}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_top__MW-nl{align-items:center;color:#333;display:flex}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_top__MW-nl .AddWatermark_uploadBtn__TXNYs{align-items:center;background:none!important;border:1px solid #3a8891;color:#3a8891;cursor:pointer;display:flex;font-family:SourceHanSansCN-Medium!important;font-size:14px;height:44px!important;justify-content:center;margin-right:10px;min-width:140px;position:relative}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_top__MW-nl .AddWatermark_uploadBtn__TXNYs svg{height:16px;width:16px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_top__MW-nl .AddWatermark_uploadBtn__TXNYs input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_bottom__EipS9{align-items:center;display:flex;margin-top:10px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_operationBtn__-tdIk{border-radius:4px;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-btn{background-color:#3a8891!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-input-number-wrapper{height:34px!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_right__KM8W0{border:1px solid #3a8891!important;margin-top:10px;width:64px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_right__KM8W0 span{color:#3a8891!important}.VideoProcessingTool_container__BB0WX{align-items:center;background-color:#eff5f5;box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;padding:40px 20px;width:100%}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV{display:flex;flex-direction:column;max-width:1350px;min-width:1160px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_tabs__IOPiv .tabs-tabItem{background-color:#3a8891!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_tabs__IOPiv .active{background-color:#0e5e6f!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;margin-top:20px;min-height:320px;width:100%}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_fileBox__-EqQu{align-items:center;border:1px solid #3a8891;display:flex;height:240px;margin:auto;padding:20px;width:500px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_fileBox__-EqQu img{height:200px;object-fit:cover;text-align:center;width:200px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_fileBox__-EqQu .VideoProcessingTool_fileInfo__jcnht{display:flex;flex-direction:column;height:160px;justify-content:space-around;margin-left:16px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_fileBox__-EqQu .VideoProcessingTool_fileInfo__jcnht .VideoProcessingTool_item__OfC05{color:#333;font-size:14px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A{align-items:center;display:flex;flex-direction:column;margin:auto}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_uploadBtn__dud8d{background-color:#0e5e6f!important;cursor:pointer;font-family:SourceHanSansCN-Medium!important;font-size:14px;height:52px;line-height:52px;position:relative;width:200px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_uploadBtn__dud8d svg{height:16px;width:16px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_uploadBtn__dud8d input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .ant-btn{padding:0}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_text__HgRiy{color:#333;font-family:SourceHanSansCN-Medium!important;font-size:14px;font-weight:500;margin:8px 0}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_tips__owSoa{color:#777;font-size:12px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_tip__BWFDX{color:#666;font-size:13px;line-height:22px;margin-top:16px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_tip__BWFDX span{color:#0e5e6f;cursor:pointer;text-decoration:underline}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4{display:flex;justify-content:space-between;margin-top:10px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr{align-items:center;display:flex;flex-wrap:wrap;width:1160px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .VideoProcessingTool_operationBtn__VQXVB{align-items:center;border-radius:4px;display:flex;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-checkbox{top:0}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-btn{background-color:#3a8891!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number-wrapper{height:36px!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-slider{margin-bottom:12px;width:400px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number{height:36px!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number .ant-input-number-input-wrap,.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_right__OL-TL{border:1px solid #3a8891!important;margin-top:10px;width:64px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_right__OL-TL span{color:#3a8891!important}.ant-modal-root .ant-modal-content .ant-modal-close{display:none!important}.Bar_container__hb\+LN{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;min-height:100%;padding:0 2px 4px;width:100%}.Bar_container__hb\+LN .Bar_box__JphSL{background-color:rgba(0,12,23,.867);border:3px solid rgba(53,162,253,.267);border-radius:10px;margin:4px 2px;overflow:hidden}.Bar_container__hb\+LN .Bar_box__JphSL .Bar_echart__tCYPn{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);display:flex;height:520px;justify-content:center;padding:10px;width:100%}.Pie_container__7WS5q{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;min-height:100%;padding:0 2px 4px;width:100%}.Pie_container__7WS5q .Pie_box__iB\+Jb{background-color:rgba(0,12,23,.867);border:3px solid rgba(53,162,253,.267);border-radius:10px;margin:4px 2px;overflow:hidden}.Pie_container__7WS5q .Pie_box__iB\+Jb .Pie_echart__9ruPj{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);display:flex;height:520px;justify-content:center;padding:10px;width:100%}.Pie2_container__1kWGu{align-items:center;display:flex;flex:1}.Pie2_container__1kWGu .Pie2_chartBox__WFi8U{display:flex;flex:1;height:480px;width:480px}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz{display:flex;flex:1;flex-direction:column;justify-content:center;margin-right:16px}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz .Pie2_item__gvlG9{align-items:center;cursor:pointer;display:flex;font-size:12px;margin:4px 0}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz .Pie2_item__gvlG9 .Pie2_rect__cmCdf{height:16px;margin-right:8px;width:16px}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz .Pie2_item__gvlG9 .Pie2_name__MCsdh{background-color:var(--dprism-background-e4e4e4-2e2f37);border-radius:2px;font-size:16px;height:20px;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:120px}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz .Pie2_item__gvlG9 .Pie2_value__lMuMg{font-size:16px;margin-left:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px}.Tree_container__aIZ1p{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;min-height:100%;padding:0 2px 4px;width:100%}.Tree_container__aIZ1p .Tree_box__r2FXq{background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;height:900px;margin:4px 2px;overflow:hidden;width:100%}.Tree_container__aIZ1p .Tree_box__r2FXq .Tree_echart__AMoeM{height:100%;width:100%}*{margin:0;padding:0}body,html{color:#fff;font-family:SourceHanSansCN-Regular}body,body #root,html,html #root{height:100%;overflow:hidden;width:100%}p{margin-bottom:0}div{box-sizing:border-box}.app_container{height:100%;overflow:hidden;width:100%}@font-face{font-family:SourceHanSansCN-Regular;src:url(../be37d606385ec5a4ff63.otf)}@font-face{font-family:SourceHanSansCN-Medium;src:url(../b1630234eb3d946b86e8.otf)}@font-face{font-family:SourceHanSansCN-Bold;src:url(../5b6413e1fb2b73b83c8d.otf)}
\ No newline at end of file
+.InteractionEyes_container__nC6-d{box-sizing:border-box;display:flex;height:28px;justify-content:space-between;position:relative;width:60px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I{align-items:center;border:1px solid #fff;border-radius:50%;box-sizing:border-box;display:flex;height:28px;justify-content:center;width:28px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I .InteractionEyes_heart__G9lnP{-webkit-animation:InteractionEyes_beat__McCO0 .5s infinite;animation:InteractionEyes_beat__McCO0 .5s infinite;background-color:red;height:8px;position:relative;-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1);transition:all;width:8px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I .InteractionEyes_heart__G9lnP:before{background-color:red;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:-4px;width:8px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I .InteractionEyes_heart__G9lnP:after{background-color:red;border-radius:50%;content:"";height:8px;position:absolute;right:-4px;top:0;width:8px}.InteractionEyes_container__nC6-d .InteractionEyes_eye__zDx2I .InteractionEyes_eyeball__hK-\+b{background-color:#fff;border-radius:50%;box-sizing:border-box;height:10px;width:10px}.InteractionEyes_container__nC6-d iframe{height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes InteractionEyes_beat__McCO0{0%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}20%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1.22);transform:translateY(1px) rotate(-45deg) scale(1.22)}50%{-webkit-transform:translateY(1px) rotate(-45deg) scale(.84);transform:translateY(1px) rotate(-45deg) scale(.84)}80%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}to{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}}@keyframes InteractionEyes_beat__McCO0{0%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}20%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1.22);transform:translateY(1px) rotate(-45deg) scale(1.22)}50%{-webkit-transform:translateY(1px) rotate(-45deg) scale(.84);transform:translateY(1px) rotate(-45deg) scale(.84)}80%{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}to{-webkit-transform:translateY(1px) rotate(-45deg) scale(1);transform:translateY(1px) rotate(-45deg) scale(1)}}.Header_container__4tC\+Z{background-color:#001529;border-bottom:1px solid #222;box-sizing:border-box;color:#fff;height:60px;justify-content:space-between}.Header_container__4tC\+Z,.Header_container__4tC\+Z .Header_left__7u7-T{align-items:center;display:flex}.Header_container__4tC\+Z .Header_left__7u7-T .Header_title__T9B5R{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#d628fe,#35a2fd);color:transparent;cursor:pointer;font-family:Poppins,Poppins-Medium;font-size:24px;font-weight:600;margin-left:16px;margin-right:20px}.Header_container__4tC\+Z .Header_right__qQAPq{align-items:center;display:flex;justify-content:flex-end;margin-right:16px}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:42px;justify-content:center;margin-left:10px;width:42px}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4 svg{height:22px;width:22px}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4 svg path{stroke:#fff}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4:hover{background-color:rgba(0,0,0,.6)}.Header_container__4tC\+Z .Header_right__qQAPq .Header_btn__osEo4:hover svg path{stroke:#4c78fc}.Header_rewardModal__LMM8K .ant-modal-content{position:relative}.Header_rewardModal__LMM8K .ant-modal-content .ant-modal-body{align-items:center;display:flex;flex-direction:column}.Header_rewardModal__LMM8K .ant-modal-content .ant-modal-body p{color:#666;margin-top:10px}.Header_rewardModal__LMM8K .Header_closeBtn__p4OnE{cursor:pointer;position:absolute;right:20px;top:20px}.Header_rewardModal__LMM8K .Header_closeBtn__p4OnE svg{height:22px;width:22px}.Menus_container__dz5ma{background-image:linear-gradient(180deg,rgba(0,21,41,.933),#001529);box-sizing:border-box;justify-content:space-between;min-height:100%;overflow-x:hidden;overflow-y:auto}.Menus_container__dz5ma,.Menus_container__dz5ma .Menus_topBox__EoJUd{display:flex;flex-direction:column}.Menus_container__dz5ma .Menus_topBox__EoJUd .Menus_top__a7CPT{align-items:center;display:flex;height:60px;padding:0 8px}.Menus_container__dz5ma .Menus_topBox__EoJUd .Menus_top__a7CPT button{margin-bottom:0!important}.Menus_container__dz5ma .Menus_topBox__EoJUd .Menus_menuLabel__eOdiw{margin-bottom:0;width:170px}.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu .ant-menu-item,.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu .ant-menu-submenu-title{border-radius:0!important;padding-left:12px!important}.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu .ant-menu-sub .ant-menu-item{border-radius:0!important;padding-left:32px!important}.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu-inline{width:auto!important}.Menus_container__dz5ma .Menus_topBox__EoJUd .ant-menu-inline-collapsed{width:68px!important}.Menus_container__dz5ma::-webkit-scrollbar{background-color:#444;border-radius:4px;width:8px}.Menus_container__dz5ma::-webkit-scrollbar-thumb{background-color:#999;border-radius:4px;width:8px}.Menus_container__dz5ma .Menus_bottom__dStLR{align-items:center;color:#a84448;display:flex;flex-direction:column;font-size:14px;font-weight:400;margin-bottom:20px;margin-top:10px}.Home_container__RMLhs{height:100%;width:100%}.Home_container__RMLhs .Home_container_body__-OVNZ{display:flex;height:calc(100% - 60px)}.Home_container__RMLhs .Home_container_body__-OVNZ .Home_container_content__q7A-W{min-height:100%;min-width:1000px!important;overflow-y:auto;width:100%}.Home_container__RMLhs .Home_container_body__-OVNZ .Home_container_content__q7A-W::-webkit-scrollbar{display:none}.GridContent_container__NO4Vk{box-sizing:border-box;width:100%}@media screen and (min-width:2000px){.GridContent_gt2000-10__RE2uy .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_gt2000-9__VwNg6 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_gt2000-8__aZHuR .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_gt2000-7__4aOmt .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_gt2000-6__MehF3 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_gt2000-5__omS8h .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_gt2000-4__0cmEO .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_gt2000-3__80YFg .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_gt2000-2__hUksd .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_gt2000-1__JdP9G .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (min-width:1700px)and (max-width:2000px){.GridContent_eq1700_2000-10__v-j8J .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_eq1700_2000-9__bxTIf .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_eq1700_2000-8__1e7ek .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_eq1700_2000-7__1mKDg .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_eq1700_2000-6__8I1De .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_eq1700_2000-5__aZuE\+ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_eq1700_2000-4__2XNj\+ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_eq1700_2000-3__Xd2vl .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_eq1700_2000-2__eoPvO .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_eq1700_2000-1__RvrMQ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (min-width:1400px)and (max-width:1700px){.GridContent_eq1400_1700-10__XQV\+M .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_eq1400_1700-9__uLvev .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_eq1400_1700-8__Rw4q0 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_eq1400_1700-7__EoYy7 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_eq1400_1700-6__Avlp5 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_eq1400_1700-5__yFmoN .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_eq1400_1700-4__jEXj\+ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_eq1400_1700-3__r3QBa .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_eq1400_1700-2__ayZbL .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_eq1400_1700-1__26hdp .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (min-width:1200px)and (max-width:1400px){.GridContent_eq1200_1400-10__OBpag .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_eq1200_1400-9__9dEMp .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_eq1200_1400-8__d5kk8 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_eq1200_1400-7__qwN-x .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_eq1200_1400-6__ol1NV .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.6%);grid-template-rows:auto}.GridContent_eq1200_1400-5__B5RI8 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_eq1200_1400-4__\+SHwZ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_eq1200_1400-3__pjJ9a .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_eq1200_1400-2__xdmba .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_eq1200_1400-1__6n2l7 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (min-width:500px)and (max-width:1200px){.GridContent_eq500_1200-10__EhvGm .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_eq500_1200-9__Yvosl .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_eq500_1200-8__Hs4PY .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_eq500_1200-7__p1yUT .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_eq500_1200-6__N0\+SP .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_eq500_1200-5__73c-5 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_eq500_1200-4__SwI71 .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_eq500_1200-3__\+b39n .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_eq500_1200-2__RowGZ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_eq500_1200-1__dK0BP .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}@media screen and (max-width:500px){.GridContent_lt500-10__KVc6r .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:auto}.GridContent_lt500-9__EdDXq .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,11.11%);grid-template-rows:auto}.GridContent_lt500-8__wqwWv .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,12.5%);grid-template-rows:auto}.GridContent_lt500-7__GiMWq .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,14.28%);grid-template-rows:auto}.GridContent_lt500-6__sHgte .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,16.66%);grid-template-rows:auto}.GridContent_lt500-5__WBqou .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:auto}.GridContent_lt500-4__ucReZ .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,25%);grid-template-rows:auto}.GridContent_lt500-3__Ax3Zt .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,33.33%);grid-template-rows:auto}.GridContent_lt500-2__\+Pq9U .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:auto}.GridContent_lt500-1__T7m7X .GridContent_content__69gKN{box-sizing:border-box;display:inline-grid;grid-template-columns:repeat(auto-fill,100%);grid-template-rows:auto}}.GlassMimicry1_container__3KhAO{background:radial-gradient(circle at 60% 90%,#2e67a1,transparent 60%),radial-gradient(circle at 20px 20px,rgba(46,103,161,.8),transparent 25%),#182336;height:560px;position:relative;width:100%}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-image:linear-gradient(to top right,rgba(90,149,207,.5),rgba(58,76,99,.8));border-bottom:1px solid hsla(0,0%,100%,.4);border-left:1px solid hsla(0,0%,100%,.4);border-radius:20px;bottom:0;box-shadow:10px -10px 20px rgba(0,0,0,.2),-10px 10px 20px hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);height:400px;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:260px;z-index:10}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h1{margin-top:50px}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h2{margin-top:160px}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h3,.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h4{padding-left:60px;text-align:left}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h3{margin-top:20px;text-transform:uppercase}.GlassMimicry1_container__3KhAO .GlassMimicry1_card__WwxgS h4{margin-top:10px}.GlassMimicry1_container__3KhAO .GlassMimicry1_circle__DoolB{background-image:linear-gradient(to top left,#8774f9,#4ba2ed);border-radius:80px;bottom:20px;height:160px;position:absolute;right:50%;width:160px}.GlassMimicry1_container__3KhAO .GlassMimicry1_rect__Or-6t{background-image:linear-gradient(to top left,rgba(135,116,249,.9),rgba(75,162,237,.9));border-radius:20px;height:160px;left:50%;position:absolute;top:20px;width:160px}.GlassMimicry2_container__S445M{background:radial-gradient(circle at 60% 90%,#2e67a1,transparent 60%),radial-gradient(circle at 20px 20px,rgba(46,103,161,.8),transparent 25%),#182336;height:560px;position:relative;width:100%}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng{border-bottom:1px solid hsla(0,0%,100%,.4);border-radius:20px;border-right:1px solid hsla(0,0%,100%,.4);bottom:0;box-shadow:-10px -10px 20px rgba(0,0,0,.2),10px 10px 20px hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);height:400px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;text-align:center;top:0;-webkit-transform:rotate(20deg);transform:rotate(20deg);width:260px;z-index:10}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng:after{background-image:linear-gradient(to top left,rgba(90,149,207,.7),rgba(58,76,99,.9));border-radius:20px;bottom:0;content:"";-webkit-filter:blur(10px);filter:blur(10px);left:0;margin:-20px;position:absolute;right:0;top:0;z-index:-1}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h1{margin-top:50px}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h2{margin-top:160px}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h3,.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h4{padding-left:60px;text-align:left}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h3{margin-top:20px;text-transform:uppercase}.GlassMimicry2_container__S445M .GlassMimicry2_card__3l4Ng h4{margin-top:10px}.GlassMimicry2_container__S445M .GlassMimicry2_circle__VaL67{background-image:linear-gradient(to top left,#8774f9,#4ba2ed);border-radius:80px;bottom:20px;height:160px;left:50%;position:absolute;width:160px}.GlassMimicry2_container__S445M .GlassMimicry2_rect__qdTWE{background-image:linear-gradient(to top left,rgba(135,116,249,.9),rgba(75,162,237,.9));border-radius:20px;height:160px;position:absolute;right:50%;top:20px;width:160px}.MixBlendMode_container__Fh1Tw{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.MixBlendMode_container__Fh1Tw .MixBlendMode_content__0uwYQ{background-image:linear-gradient(45deg,#000,#000 50%,#fff 0);height:160px;position:relative;width:600px}.MixBlendMode_container__Fh1Tw .MixBlendMode_content__0uwYQ:after{-webkit-animation:MixBlendMode_move__f1PS7 5s linear infinite;animation:MixBlendMode_move__f1PS7 5s linear infinite;color:#fff;content:"Hello World";font-size:56px;left:50%;mix-blend-mode:difference;position:absolute;top:50%;-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%);white-space:nowrap}@-webkit-keyframes MixBlendMode_move__f1PS7{0%{-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%)}50%{-webkit-transform:translate(-86%,-50%);transform:translate(-86%,-50%)}to{-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%)}}@keyframes MixBlendMode_move__f1PS7{0%{-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%)}50%{-webkit-transform:translate(-86%,-50%);transform:translate(-86%,-50%)}to{-webkit-transform:translate(-14%,-50%);transform:translate(-14%,-50%)}}.SwitchingText_container__9ICqS{align-items:center;display:flex;flex-direction:column;height:360px;justify-content:center;width:100%}.SwitchingText_container__9ICqS .SwitchingText_content__6PttP span{font-size:50px;font-weight:700}.SwitchingText_container__9ICqS .SwitchingText_btn__9UW9Y{margin-top:40px}.Typed1_container__2a\+Le{align-items:center;display:flex;flex-direction:column;height:360px;justify-content:center;width:100%}.Typed1_container__2a\+Le p{font-size:44px;font-weight:500;height:54px;line-height:48px;text-align:center;white-space:nowrap}.Typed1_container__2a\+Le .Typed1_btn__5\+jTK{margin-top:80px}.Typed2_container__XvJpL{align-items:center;display:flex;flex-direction:column;height:360px;justify-content:center;width:100%}.Typed2_container__XvJpL p{font-size:44px;font-weight:500;height:54px;line-height:48px;text-align:left;white-space:nowrap;width:364px}.Typed2_container__XvJpL .Typed2_btn__lqx2D{margin-top:80px}.AutoEllipsisText_container__2dFtS{display:flex;flex-direction:column;height:360px;justify-content:center;padding:10px;width:100%}.FilterCSS_container__HnHaW{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.FilterCSS_container__HnHaW .FilterCSS_left__dim3U{align-items:center;display:flex;flex-direction:column;font-size:16px}.FilterCSS_container__HnHaW .FilterCSS_left__dim3U img{height:260px;margin-top:10px;width:260px}.FilterCSS_container__HnHaW .FilterCSS_left__dim3U:hover{-webkit-filter:brightness(1.1) contrast(110%);filter:brightness(1.1) contrast(110%)}.FilterCSS_container__HnHaW .FilterCSS_right__MsfmE{align-items:center;display:flex;flex-direction:column;font-size:16px;margin-left:40px}.FilterCSS_container__HnHaW .FilterCSS_right__MsfmE img{height:260px;margin-top:10px;width:260px}.FilterCSS_container__HnHaW .FilterCSS_right__MsfmE:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.BgFusion_container__VJAbX{align-items:center;background-color:#000;display:flex;-webkit-filter:contrast(10);filter:contrast(10);flex:1;height:360px;justify-content:center;position:relative;width:100%}.BgFusion_container__VJAbX:before{-webkit-animation:BgFusion_moveToRight__jm6oW 5s linear infinite;animation:BgFusion_moveToRight__jm6oW 5s linear infinite;background-color:#ff0;height:130px;left:50%;margin-left:-150px;margin-top:-65px;width:130px}.BgFusion_container__VJAbX:after,.BgFusion_container__VJAbX:before{border-radius:50%;content:"";-webkit-filter:blur(5px);filter:blur(5px);position:absolute;top:50%}.BgFusion_container__VJAbX:after{-webkit-animation:BgFusion_moveToLeft__jbPEU 5s linear infinite;animation:BgFusion_moveToLeft__jbPEU 5s linear infinite;background-color:red;height:90px;margin-right:-110px;margin-top:-45px;right:50%;width:90px}@-webkit-keyframes BgFusion_moveToRight__jm6oW{50%{margin-left:0}}@keyframes BgFusion_moveToRight__jm6oW{50%{margin-left:0}}@-webkit-keyframes BgFusion_moveToLeft__jbPEU{50%{margin-right:0}}@keyframes BgFusion_moveToLeft__jbPEU{50%{margin-right:0}}.MyLogo_container__KNKdW{align-items:center;background-color:#000;display:flex;flex:1;height:360px;justify-content:center;width:100%}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6{height:100px;position:relative;width:100px}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6 .MyLogo_leftTopRect__rrMK9{background-color:#10a19d;content:"";height:50px;left:0;position:absolute;top:0;width:50px;z-index:1}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6 .MyLogo_circle__g\+xkt{background-color:#10a19d;border-radius:50%;content:"";height:100px;left:0;position:absolute;top:0;width:100px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6 .MyLogo_middleRect__c5wUq{background-color:#000;border-radius:50%;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;top:20%;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box1__XgNc6 .MyLogo_bottomRect__VJqty{background-color:#000;border-radius:4px;bottom:0;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg{height:100px;margin-left:50px;position:relative;width:100px}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg .MyLogo_leftTopRect__rrMK9{background-color:#d23369;content:"";height:50px;left:0;position:absolute;top:0;width:50px;z-index:1}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg .MyLogo_circle__g\+xkt{background-color:#d23369;border-radius:50%;content:"";height:100px;left:0;position:absolute;top:0;width:100px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg .MyLogo_middleRect__c5wUq{background-color:#000;border-radius:50%;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;top:20%;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box2__7wfXg .MyLogo_bottomRect__VJqty{background-color:#000;border-radius:4px;bottom:0;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I{height:100px;margin-left:50px;position:relative;width:100px}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I .MyLogo_leftTopRect__rrMK9{background-color:#393e46;content:"";height:50px;left:0;position:absolute;top:0;width:50px;z-index:1}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I .MyLogo_circle__g\+xkt{background-color:#393e46;border-radius:50%;content:"";height:100px;left:0;position:absolute;top:0;width:100px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I .MyLogo_middleRect__c5wUq{background-color:#000;border-radius:50%;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;top:20%;width:33.3333333333px;z-index:2}.MyLogo_container__KNKdW .MyLogo_box3__d3P-I .MyLogo_bottomRect__VJqty{background-color:#000;border-radius:4px;bottom:0;content:"";height:33.3333333333px;left:0;margin:0 auto;position:absolute;right:0;width:33.3333333333px;z-index:2}.ShearAngle_container__tRA3S{align-items:center;display:flex;flex:1;height:360px;justify-content:center;width:100%}.ShearAngle_container__tRA3S .ShearAngle_box1__5M-bD{background-image:linear-gradient(135deg,#6a0155,#cc4855);height:130px;-webkit-mask:radial-gradient(circle 20px at top left,transparent 98%,#000) top left,radial-gradient(circle 20px at top right,transparent 98%,#000) top right,radial-gradient(circle 20px at bottom left,transparent 98%,#000) bottom left,radial-gradient(circle 20px at bottom right,transparent 98%,#000) bottom right;-webkit-mask-repeat:no-repeat;-webkit-mask-size:51% 51%;width:200px}.ShearAngle_container__tRA3S .ShearAngle_box1__5M-bD:not(:first-child){margin-left:36px}.ShearAngle_container__tRA3S .ShearAngle_box2__n9GvI{--g:transparent calc(98% - 10px),#000 calc(100% - 10px) 98%,transparent;--mask:radial-gradient(farthest-side at 0 0,var(--g)) 0 0/40px 40px no-repeat,conic-gradient(from 180deg at right 10px top 10px,transparent 0,transparent 90deg,#000 0) 100% 0 /calc(100% - 30px) calc(100% - 30px) no-repeat,radial-gradient(farthest-side at 100% 100%,var(--g)) 100% 100%/40px 40px no-repeat,conic-gradient(from 0deg at left 10px bottom 10px,transparent 0,transparent 90deg,#000 0) 0 100% /calc(100% - 30px) calc(100% - 30px) no-repeat;background-image:linear-gradient(135deg,#6a0155,#cc4855);height:130px;-webkit-mask:var(--mask);width:200px}@supports (background:conic-gradient(red 0deg,red 0deg 1deg,red 2deg)){.ShearAngle_container__tRA3S .ShearAngle_box2__n9GvI{--mask:radial-gradient(farthest-side at 0 0,var(--g)) 0 0/40px 40px no-repeat,conic-gradient(from 180deg at right 10px top 10px,transparent 0 90deg,#000 0) 100% 0 /calc(100% - 30px) calc(100% - 30px) no-repeat,radial-gradient(farthest-side at 100% 100%,var(--g)) 100% 100%/40px 40px no-repeat,conic-gradient(from 0deg at left 10px bottom 10px,transparent 0 90deg,#000 0) 0 100% /calc(100% - 30px) calc(100% - 30px) no-repeat}}.ShearAngle_container__tRA3S .ShearAngle_box2__n9GvI:not(:first-child){margin-left:36px}.ShearAngle_container__tRA3S .ShearAngle_box3__uaxeG{--angle:130deg;--g:transparent var(--angle),#000 0;background-image:linear-gradient(135deg,#6a0155,#cc4855);height:130px;-webkit-mask:conic-gradient(from calc(var(--angle)/-2 - 45deg) at top 20px left 20px,var(--g)) top left,conic-gradient(from calc(var(--angle)/-2 + 45deg) at top 20px right 20px,var(--g)) top right,conic-gradient(from calc(var(--angle)/-2 - 135deg) at bottom 20px left 20px,var(--g)) bottom left,conic-gradient(from calc(var(--angle)/-2 + 135deg) at bottom 20px right 20px,var(--g)) bottom right;-webkit-mask-repeat:no-repeat;-webkit-mask-size:51% 51%;width:200px}.ShearAngle_container__tRA3S .ShearAngle_box3__uaxeG:not(:first-child){margin-left:36px}.AnnulusLoading_container__r9c4O{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje{cursor:pointer;height:100px;margin-top:-100px;position:relative;width:200px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item1__kaRKn,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item2__29w\+l,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item3__sTLBN,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item4__C2KqR,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item5__PkkRq,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item6__\+tYBR,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item7__AQC4n,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item__8pAHU{-webkit-animation:AnnulusLoading_rotate__7pxdp 2s cubic-bezier(.11,.85,.22,1.3) infinite;animation:AnnulusLoading_rotate__7pxdp 2s cubic-bezier(.11,.85,.22,1.3) infinite;border:5px solid;border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;bottom:0;position:absolute;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:all .5s}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item1__kaRKn{border-color:#e94545;height:100px;left:calc(50% - 100px);width:200px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item2__29w\+l{-webkit-animation-delay:-60ms;animation-delay:-60ms;border-color:#eb8f34;height:85px;left:calc(50% - 85px);width:170px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item3__sTLBN{-webkit-animation-delay:-.12s;animation-delay:-.12s;border-color:#eecf69;height:70px;left:calc(50% - 70px);width:140px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item4__C2KqR{-webkit-animation-delay:-.18s;animation-delay:-.18s;border-color:#215221;height:55px;left:calc(50% - 55px);width:110px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item5__PkkRq{-webkit-animation-delay:-.24s;animation-delay:-.24s;border-color:#87bb80;height:40px;left:calc(50% - 40px);width:80px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item6__\+tYBR{-webkit-animation-delay:-.3s;animation-delay:-.3s;border-color:skyblue;height:25px;left:calc(50% - 25px);width:50px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje .AnnulusLoading_item7__AQC4n{-webkit-animation-delay:-.36s;animation-delay:-.36s;border-color:#c393eb;height:10px;left:calc(50% - 10px);width:20px}.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item1__kaRKn,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item2__29w\+l,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item3__sTLBN,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item4__C2KqR,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item5__PkkRq,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item6__\+tYBR,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item7__AQC4n,.AnnulusLoading_container__r9c4O .AnnulusLoading_content__3Beje:hover .AnnulusLoading_item__8pAHU{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-filter:brightness(1.5);filter:brightness(1.5)}@-webkit-keyframes AnnulusLoading_rotate__7pxdp{0%,25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes AnnulusLoading_rotate__7pxdp{0%,25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Honeycomb_container__gPdSS{align-items:center;display:flex;flex-direction:column;height:500px;justify-content:center;width:100%}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz{--s:130px;--g:10px;display:grid;margin:calc(var(--s) + var(--g))}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img{aspect-ratio:.866;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);cursor:pointer;-webkit-filter:grayscale(80%);filter:grayscale(80%);grid-area:1/1;object-fit:cover;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1);-webkit-transform:translate(var(--x,0),var(--y,0)) scale(var(--t,1));transform:translate(var(--x,0),var(--y,0)) scale(var(--t,1));transition:.2s linear;width:var(--s)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:first-child{--x:calc(-100% - var(--g))}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(7){--x:calc(100% + var(--g))}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(3),.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(5){--y:calc(-75% - var(--g)*0.87)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(4),.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(6){--y:calc(75% + var(--g)*0.87)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(3),.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(4){--x:calc(-50% - var(--g)*0.5)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(5),.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:nth-child(6){--x:calc(50% + var(--g)*0.5)}.Honeycomb_container__gPdSS .Honeycomb_content__Dufrz img:hover{--t:1.2;-webkit-filter:grayscale(0);filter:grayscale(0);z-index:1}.PizzaPie_container__\+jqg8{align-items:center;display:flex;flex-direction:column;height:500px;justify-content:center;width:100%}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j{grid-gap:10px;align-items:center;border-radius:50%;display:grid;gap:10px;grid-template-columns:auto 0 auto;justify-items:center;overflow:hidden;place-items:center}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img{aspect-ratio:1;cursor:pointer;-webkit-filter:grayscale(1);filter:grayscale(1);object-fit:cover;transition:.35s;width:200px}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:first-child{-webkit-clip-path:polygon(0 0,50% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 0,100% 100%,0 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(2){-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(3){-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 0,100% 100%,0 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(4){-webkit-clip-path:polygon(0 0,100% 0,50% 100%,0 100%);clip-path:polygon(0 0,100% 0,50% 100%,0 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(5){-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:nth-child(6){-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 100%)}.PizzaPie_container__\+jqg8 .PizzaPie_content__nr36j img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.AnnulusProgressBar_container__t7uE8{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG{align-items:center;background-color:#edf1f5;border:1px solid #fff;border-radius:20px;box-shadow:0 20px 30px rgba(100,131,177,.2);display:flex;height:230px;justify-content:center;width:230px}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L-{height:200px;position:relative;width:200px}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- .AnnulusProgressBar_circleOuter__OmSUl{background:#edf1f5;border-radius:50%;box-shadow:6px 6px 8px #c5ccda,-6px -6px 8px #fff;height:100%;position:relative;width:100%}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- .AnnulusProgressBar_circleOuter__OmSUl:before{background:#edf1f5;border-radius:50%;box-shadow:inset 8px 8px 10px #c5ccda,inset -4px -4px 8px #fff;content:"";height:170px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:170px}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- .AnnulusProgressBar_circleOuter__OmSUl:after{background:#edf1f5;border-radius:50%;box-shadow:6px 6px 8px #c5ccda,-2px -2px 8px #fff;content:"";height:130px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:130px}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- svg{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:100%;z-index:1}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- svg circle{cy:75px;cx:75px;r:75px;fill:none;stroke-linecap:round;stroke-dasharray:471px;stroke-dashoffset:471px;stroke-width:20px;position:absolute;-webkit-transform:translate(25px,25px);transform:translate(25px,25px)}.AnnulusProgressBar_container__t7uE8 .AnnulusProgressBar_content__aiBoG .AnnulusProgressBar_box__Wl9L- .AnnulusProgressBar_num__CAG59{color:#497241;font-size:30px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.AudioLoading_container__LkPXP{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G{align-items:center;display:flex;height:80px;position:relative}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span0__e1joN{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1.4s;animation-delay:1.4s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span0__e1joN:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span1__KLPUt{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span1__KLPUt:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span2__gOuZh{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span2__gOuZh:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span3__HO3on{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span3__HO3on:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span4__rFl95{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span4__rFl95:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span5__Y6BnT{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.4s;animation-delay:.4s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span5__Y6BnT:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span6__jIPUG{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span6__jIPUG:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span7__LmzsW{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span7__LmzsW:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span8__gZg1m{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span8__gZg1m:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span9__BzF4d{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span9__BzF4d:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span10__-p-zh{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.4s;animation-delay:.4s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span10__-p-zh:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span11__Zse6t{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span11__Zse6t:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span12__Rxrq8{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span12__Rxrq8:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span13__21nbh{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span13__21nbh:not(:first-child){margin-left:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span14__KHro-{-webkit-animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;animation:AudioLoading_loading__Nvgnt 2.5s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:8px;height:20%;width:4px}.AudioLoading_container__LkPXP .AudioLoading_content__Agk5G .AudioLoading_span14__KHro-:not(:first-child){margin-left:4px}@-webkit-keyframes AudioLoading_loading__Nvgnt{0%{background-image:linear-gradient(90deg,#fa709a 0,#fee140);border-radius:8px;height:20%}50%{background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:40px;height:100%}to{background-image:linear-gradient(0deg,#a8edea 0,#fed6e3);border-radius:8px;height:20%}}@keyframes AudioLoading_loading__Nvgnt{0%{background-image:linear-gradient(90deg,#fa709a 0,#fee140);border-radius:8px;height:20%}50%{background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);border-radius:40px;height:100%}to{background-image:linear-gradient(0deg,#a8edea 0,#fed6e3);border-radius:8px;height:20%}}.SudokuImageAnimation_container__66i30{align-items:center;display:flex;height:360px;justify-content:center;width:100%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn{grid-gap:10px;align-content:center;display:grid;gap:10px;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);height:260px;justify-content:center;place-content:center;transition:all .3s;width:260px}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item0__rk5Me,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item1__W23ZS,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item2__yf6pT,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item3__HiACA,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item4__uHQZd,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item5__wz8hO,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item6__YU2jR,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item7__QNe8D,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item8__WsYmu,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item__XGZRs{background-image:url(../images/c5e4532e.jpg);background-size:240px 240px;border:1px solid;border-image:linear-gradient(45deg,#293a53,#7cb1c5) 1;height:80px;width:80px}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item0__rk5Me{background-position:0 0}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item1__W23ZS{background-position:-100% 0}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item2__yf6pT{background-position:-200% 0}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item3__HiACA{background-position:0 -100%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item4__uHQZd{background-position:-100% -100%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item5__wz8hO{background-position:-200% -100%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item6__YU2jR{background-position:0 -200%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item7__QNe8D{background-position:-100% -200%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn .SudokuImageAnimation_item8__WsYmu{background-position:-200% -200%}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover{-webkit-filter:drop-shadow(0 0 12px hsla(0,0%,100%,.6));filter:drop-shadow(0 0 12px rgba(255,255,255,.6));gap:0}.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item0__rk5Me,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item1__W23ZS,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item2__yf6pT,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item3__HiACA,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item4__uHQZd,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item5__wz8hO,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item6__YU2jR,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item7__QNe8D,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item8__WsYmu,.SudokuImageAnimation_container__66i30 .SudokuImageAnimation_content__bY8Mn:hover .SudokuImageAnimation_item__XGZRs{border:none}.TextWrap_container__vVl1N{--poly-from:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);--poly-to:polygon(50% 30%,100% 0%,70% 50%,100% 100%,50% 70%,0% 100%,30% 50%,0% 0%);font-size:16px;height:360px;padding:6px 10px;width:100%}.TextWrap_container__vVl1N .TextWrap_topText__eHwkJ{height:44px;overflow:hidden}.TextWrap_container__vVl1N .TextWrap_poly__EwnPy{-webkit-animation:TextWrap_poly__EwnPy 3s ease-in-out infinite alternate;animation:TextWrap_poly__EwnPy 3s ease-in-out infinite alternate;background-image:repeating-linear-gradient(blue,orange 50px);-webkit-clip-path:var(var(--poly-from));clip-path:var(var(--poly-from));height:260px;width:260px}.TextWrap_container__vVl1N .TextWrap_leftFloat__Uo9rJ{float:left}.TextWrap_container__vVl1N .TextWrap_rightFloat__ezXwd{float:right}.TextWrap_container__vVl1N span{word-break:break-all}@-webkit-keyframes TextWrap_poly__EwnPy{0%{-webkit-clip-path:var(--poly-from);clip-path:var(--poly-from);shape-outside:var(--poly-from)}to{-webkit-clip-path:var(--poly-to);clip-path:var(--poly-to);shape-outside:var(--poly-to)}}@keyframes TextWrap_poly__EwnPy{0%{-webkit-clip-path:var(--poly-from);clip-path:var(--poly-from);shape-outside:var(--poly-from)}to{-webkit-clip-path:var(--poly-to);clip-path:var(--poly-to);shape-outside:var(--poly-to)}}.WaterDropLogin_container__d6dk7{align-items:center;background-color:#eff0f4;display:flex;height:450px;justify-content:center;width:100%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV{align-items:center;display:flex;justify-content:center;position:relative}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB{align-items:center;border-radius:52% 48% 33% 67%/38% 45% 55% 62%;box-shadow:inset 20px 20px 20px rgba(0,0,0,.05),25px 35px 20px rgba(0,0,0,.05),25px 30px 30px rgba(0,0,0,.05),inset -20px -20px 25px hsla(0,0%,100%,.9);display:flex;height:350px;justify-content:center;position:relative;transition:.5s;width:350px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px;text-align:center}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua h2{color:#333;gap:20px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form{align-items:center;display:flex;flex-direction:column;gap:20px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0{border-radius:25px;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),inset -2px -5px 10px #fff,15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025);position:relative;width:225px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0 input{background-color:transparent;border:none;font-size:1em;outline:none;padding:10px 15px;width:100%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0:before{background-color:hsla(0,0%,100%,.5);border-radius:5px;content:"";height:5px;left:50%;position:absolute;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:65%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0:last-child{background-color:#ff0f5b;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025);transition:.6s;width:120px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0:last-child input{color:#fff;cursor:pointer;font-size:1em;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB .WaterDropLogin_contentBox__nL6ua form .WaterDropLogin_inputBox__2oxY0:last-child:hover{width:150px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB:hover{border-radius:50%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB:before{background-color:#fff;border-radius:50%;content:"";height:35px;left:85px;opacity:.9;position:absolute;top:50px;width:35px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_drop__Nq7iB:after{background-color:#fff;border-radius:50%;content:"";height:15px;left:110px;opacity:.9;position:absolute;top:90px;width:15px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_btns__Sil7M{align-items:center;background-color:#c61dff;border-radius:44% 56% 65% 35%/57% 58% 42% 43%;bottom:0;box-shadow:inset 10px 10px 10px rgba(190,1,254,.05),25px 35px 20px rgba(190,1,254,.1),25px 30px 30px rgba(190,1,254,.1),inset -10px -10px 15px hsla(0,0%,100%,.5);color:#fff;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;font-size:.8em;height:120px;justify-content:center;letter-spacing:.1em;line-height:1.2em;position:absolute;right:-120px;text-align:center;text-decoration:none;transition:.25s;-webkit-user-select:none;user-select:none;width:120px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_btns__Sil7M:hover{border-radius:50%}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_btns__Sil7M:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:30px;opacity:.45;position:absolute;top:15px;width:20px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_signup__h0wNv{background-color:#01b4ff;border-radius:49% 51% 52% 48%/63% 59% 41% 37%;bottom:150px;box-shadow:inset 10px 10px 10px rgba(1,180,255,.05),25px 35px 20px rgba(1,180,255,.1),25px 30px 30px rgba(1,180,255,.1),inset -10px -10px 15px hsla(0,0%,100%,.5);height:80px;right:-120px;width:80px}.WaterDropLogin_container__d6dk7 .WaterDropLogin_content__jiIiV .WaterDropLogin_signup__h0wNv:before{height:15px;left:20px;width:15xpx}.TextShadow_container__3\+vOx{align-items:center;background-color:#eff0f4;display:flex;height:450px;justify-content:center;width:100%}.TextShadow_container__3\+vOx .TextShadow_content__ngpOP{color:#2e5c76;font-family:SourceHanSansCN-Bold!important;font-size:80px;font-weight:600;position:relative;z-index:2}.TextShadow_container__3\+vOx .TextShadow_content__ngpOP:after{bottom:0;color:#000;content:attr(data-text);-webkit-filter:blur(3px);filter:blur(3px);left:0;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000);position:absolute;-webkit-transform:translate(-26px,16px) skew(50deg) scaleY(.6);transform:translate(-26px,16px) skew(50deg) scaleY(.6);z-index:1}.HorseRacelamp_container__bVbh9{background-color:#111;height:450px;overflow:hidden;position:relative;width:100%}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6{box-shadow:0 15px 10px rgba(0,0,0,.5);display:flex;left:-400px;width:calc(100% + 400px)}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6 span{-webkit-animation:HorseRacelamp_move__1BrwC 60s linear infinite;animation:HorseRacelamp_move__1BrwC 60s linear infinite;-webkit-animation-delay:-60s;animation-delay:-60s;background-color:#e9c804;color:#1d1104;font-family:SourceHanSansCN-Bold!important;font-size:26px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6 span:nth-child(2){-webkit-animation:HorseRacelamp_move2__skpp7 60s linear infinite;animation:HorseRacelamp_move2__skpp7 60s linear infinite;-webkit-animation-delay:-30s;animation-delay:-30s}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6:first-of-type{-webkit-transform:rotate(25deg) translateY(180px);transform:rotate(25deg) translateY(180px)}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6:nth-of-type(2){-webkit-transform:rotate(-20deg) translateY(160px);transform:rotate(-20deg) translateY(160px)}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6:nth-of-type(3){-webkit-transform:rotate(-15deg) translateY(-60px);transform:rotate(-15deg) translateY(-60px)}.HorseRacelamp_container__bVbh9 .HorseRacelamp_scroll__kRja6:nth-of-type(4){-webkit-transform:rotate(30deg) translateY(250px);transform:rotate(30deg) translateY(250px)}.HorseRacelamp_container__bVbh9:before{background-image:radial-gradient(transparent,transparent,rgba(0,0,0,.333),rgba(0,0,0,.267));content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}@-webkit-keyframes HorseRacelamp_move__1BrwC{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes HorseRacelamp_move__1BrwC{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes HorseRacelamp_move2__skpp7{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@keyframes HorseRacelamp_move2__skpp7{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}.HarmonyLogo_container__uTwnw{background-color:#111;display:flex;flex-direction:column;height:450px;overflow:hidden;width:100%}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3{height:100%;position:relative;width:100%}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_top__zSfqW{height:50%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_top__zSfqW:before{background-color:#111;border:25px solid #fff;border-radius:50%;bottom:0;box-shadow:0 0 4px 1px hsla(0,0%,100%,.8),0 0 8px 2px hsla(0,0%,100%,.6);box-sizing:border-box;content:"";height:200px;left:50%;position:absolute;-webkit-transform:translate(-50%,100px);transform:translate(-50%,100px);width:200px;z-index:1}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_top__zSfqW:after{background:repeating-radial-gradient(circle at 50% 100%,transparent,transparent 5px,#3a77f6 5.2px,#3a77f6 6.2px,transparent 6.5px);bottom:0;content:"";left:0;-webkit-mask:radial-gradient(circle at 50% 100%,#fff,transparent 25%,transparent);mask:radial-gradient(circle at 50% 100%,#fff,transparent 25%,transparent);position:absolute;right:0;top:0;z-index:0}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_top__zSfqW .HarmonyLogo_line__6yj7q{background:rgba(46,107,232,.8);border-radius:50%;bottom:-8px;box-shadow:0 0 5px rgba(46,107,232,.7);-webkit-filter:blur(5px) contrast(1.2) brightness(1.2);filter:blur(5px) contrast(1.2) brightness(1.2);height:6px;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:96%;z-index:10}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_bottom__4ZSOr{-webkit-filter:url(#fractal);filter:url(#fractal);height:50%;left:0;overflow:hidden;position:absolute;top:50%;width:100%}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_bottom__4ZSOr:before{background-color:#111;border:25px solid #fff;border-radius:50%;box-shadow:0 0 4px hsla(0,0%,100%,.8),0 0 8px hsla(0,0%,100%,.7),0 0 20px hsla(0,0%,100%,.6);box-sizing:border-box;content:"";-webkit-filter:blur(4px);filter:blur(4px);height:200px;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%,-100px);transform:translate(-50%,-100px);width:200px;z-index:3}.HarmonyLogo_container__uTwnw .HarmonyLogo_content__Azar3 .HarmonyLogo_bottom__4ZSOr:after{background:repeating-radial-gradient(circle at 50% 0,transparent,transparent 5px,#3a77f6 5.1px,#3a77f6 6.4px,transparent 6.5px);bottom:0;content:"";left:0;-webkit-mask:radial-gradient(circle at 50% 0,hsla(0,0%,100%,.6),transparent 25%,transparent);mask:radial-gradient(circle at 50% 0,hsla(0,0%,100%,.6),transparent 25%,transparent);position:absolute;right:0;top:0;z-index:2}.HarmonyLogo_container__uTwnw svg{position:absolute}.Preserve3D_container__EZ7l0{align-items:center;display:flex;height:450px;justify-content:center;width:100%}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy{position:relative}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM{-webkit-animation:Preserve3D_innerLoop__-DQqD 4s ease-in-out infinite;animation:Preserve3D_innerLoop__-DQqD 4s ease-in-out infinite;height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:60px}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM div{border:1px solid #fff;height:100%;left:0;position:absolute;top:0;width:100%}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_top__6op2D{-webkit-transform:rotateX(90deg) translateZ(30px);transform:rotateX(90deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_bottom__Rmjl\+{-webkit-transform:rotateX(-90deg) translateZ(30px);transform:rotateX(-90deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_front__\+CRYT{-webkit-transform:rotateX(0deg) translateZ(30px);transform:rotateX(0deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_back__-ZjU\+{-webkit-transform:rotateX(-180deg) translateZ(30px);transform:rotateX(-180deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_left__YYWAD{-webkit-transform:rotateY(-90deg) translateZ(30px);transform:rotateY(-90deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM .Preserve3D_right__R5Aqm{-webkit-transform:rotateY(90deg) translateZ(30px);transform:rotateY(90deg) translateZ(30px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeInner__oYaXM div{background-color:#175d96}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS{-webkit-animation:Preserve3D_outerLoop__kghXU 4s ease-in-out infinite;animation:Preserve3D_outerLoop__kghXU 4s ease-in-out infinite;height:120px;left:50%;margin:-60px 0 0 -60px;position:absolute;top:50%;-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:120px}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS div{border:1px solid #fff;height:100%;left:0;position:absolute;top:0;width:100%}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_top__6op2D{-webkit-transform:rotateX(90deg) translateZ(60px);transform:rotateX(90deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_bottom__Rmjl\+{-webkit-transform:rotateX(-90deg) translateZ(60px);transform:rotateX(-90deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_front__\+CRYT{-webkit-transform:rotateX(0deg) translateZ(60px);transform:rotateX(0deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_back__-ZjU\+{-webkit-transform:rotateX(-180deg) translateZ(60px);transform:rotateX(-180deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_left__YYWAD{-webkit-transform:rotateY(-90deg) translateZ(60px);transform:rotateY(-90deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS .Preserve3D_right__R5Aqm{-webkit-transform:rotateY(90deg) translateZ(60px);transform:rotateY(90deg) translateZ(60px)}.Preserve3D_container__EZ7l0 .Preserve3D_content__yxNQy .Preserve3D_cubeOuter__pwwjS div{background-color:rgba(141,214,249,.5)}@-webkit-keyframes Preserve3D_outerLoop__kghXU{0%{-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg)}50%,to{-webkit-transform:rotateX(-35.5deg) rotateY(405deg);transform:rotateX(-35.5deg) rotateY(405deg)}}@keyframes Preserve3D_outerLoop__kghXU{0%{-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg)}50%,to{-webkit-transform:rotateX(-35.5deg) rotateY(405deg);transform:rotateX(-35.5deg) rotateY(405deg)}}@-webkit-keyframes Preserve3D_innerLoop__-DQqD{0%{-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg)}50%,to{-webkit-transform:rotateX(-35.5deg) rotateY(-315deg);transform:rotateX(-35.5deg) rotateY(-315deg)}}@keyframes Preserve3D_innerLoop__-DQqD{0%{-webkit-transform:rotateX(-35.5deg) rotateY(45deg);transform:rotateX(-35.5deg) rotateY(45deg)}50%,to{-webkit-transform:rotateX(-35.5deg) rotateY(-315deg);transform:rotateX(-35.5deg) rotateY(-315deg)}}.RotateAndBgFixed_container__Kc-WW{display:flex;height:450px;position:relative;width:100%}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP{grid-gap:6px;--rotation:360deg;--scale:1.1;-webkit-animation:RotateAndBgFixed_scale-up__cNw-D 8s ease-in-out infinite alternate both;animation:RotateAndBgFixed_scale-up__cNw-D 8s ease-in-out infinite alternate both;display:grid;gap:6px;grid-template-areas:"E B B" "E A C" "D D C";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:300px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_a__Yi0br{grid-area:A;-ms-grid-column:3;-ms-grid-row:3}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_b__Vv6J0{-ms-grid-column-span:3;grid-area:B;-ms-grid-column:3;-ms-grid-row:1}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_c__xgerx{-ms-grid-row-span:3;grid-area:C;-ms-grid-column:5;-ms-grid-row:3}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_d__d9aYT{-ms-grid-column-span:3;grid-area:D;-ms-grid-column:1;-ms-grid-row:5}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP .RotateAndBgFixed_e__V1OJc{-ms-grid-row-span:3;grid-area:E;-ms-grid-column:1;-ms-grid-row:1}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP div{border:2px solid #aaa;border-radius:5px;overflow:hidden;position:relative}.RotateAndBgFixed_container__Kc-WW .RotateAndBgFixed_box__DkROP div img{--rotation:-360deg;--scale:1;-webkit-animation:RotateAndBgFixed_scale-up__cNw-D 8s ease-in-out infinite alternate both;animation:RotateAndBgFixed_scale-up__cNw-D 8s ease-in-out infinite alternate both;height:260%;left:50%;object-fit:cover;object-position:center;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:260%}@-webkit-keyframes RotateAndBgFixed_scale-up__cNw-D{0%{-webkit-transform:translate(-50%,-50%) scale(var(--scale)) rotate(0deg);transform:translate(-50%,-50%) scale(var(--scale)) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) scale(.8) rotate(var(--rotation));transform:translate(-50%,-50%) scale(.8) rotate(var(--rotation))}}@keyframes RotateAndBgFixed_scale-up__cNw-D{0%{-webkit-transform:translate(-50%,-50%) scale(var(--scale)) rotate(0deg);transform:translate(-50%,-50%) scale(var(--scale)) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) scale(.8) rotate(var(--rotation));transform:translate(-50%,-50%) scale(.8) rotate(var(--rotation))}}.HexagonalMesh_container__mdJJ9{background:#000;flex:1 0 120%;font-size:0;height:500px;margin-bottom:-25px;overflow:hidden;position:relative;-webkit-transform:translate(-10%,-25px);transform:translate(-10%,-25px)}.HexagonalMesh_container__mdJJ9:before{content:"";float:left;height:100%;shape-outside:repeating-linear-gradient(transparent,transparent 80px,#000 0,#000 101.6px);width:27px}.HexagonalMesh_container__mdJJ9:after{-webkit-animation:HexagonalMesh_change__JIsuQ 10s linear infinite;animation:HexagonalMesh_change__JIsuQ 10s linear infinite;background:linear-gradient(45deg,#f44336,#ff9800,#ffe607,#09d7c4,#1cbed3,#1d8ae2,#bc24d6);bottom:0;content:"";left:0;mix-blend-mode:darken;position:absolute;right:0;top:0;z-index:1}.HexagonalMesh_container__mdJJ9 .HexagonalMesh_item__hVzAo{background:#fff;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);display:inline-block;height:57.735px;margin:4px 4px -10.425px;width:50px}@-webkit-keyframes HexagonalMesh_change__JIsuQ{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes HexagonalMesh_change__JIsuQ{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.HexagonalRadar_container__hFck5{align-items:center;display:flex;flex-shrink:0;height:476px;justify-content:center;overflow:hidden;position:relative;width:100%}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h{bottom:0;height:346.41px;left:0;margin:auto;position:absolute;right:0;top:0;width:300px}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h:before{background:linear-gradient(90deg,transparent,transparent calc(50% - .5px),#ccc calc(50% - .5px),#ccc calc(50% + .5px),transparent calc(50% + .5px),transparent),linear-gradient(150deg,transparent,transparent calc(50% - .5px),#ccc calc(50% - .5px),#ccc calc(50% + .5px),transparent calc(50% + .5px),transparent),linear-gradient(210deg,transparent,transparent calc(50% - .5px),#ccc calc(50% - .5px),#ccc calc(50% + .5px),transparent calc(50% + .5px),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:6}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR{background:#ccc;bottom:0;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);left:0;margin:auto;position:absolute;right:0;top:0}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:after{background-color:#000c17;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);content:"";height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px)}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:first-child{height:277.128px;width:240px;z-index:1}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:nth-child(2){height:207.846px;width:180px;z-index:2}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:nth-child(3){height:138.564px;width:120px;z-index:3}.HexagonalRadar_container__hFck5 .HexagonalRadar_content__sj-0h .HexagonalRadar_item__IF\+DR:nth-child(4){height:69.282px;width:60px;z-index:4}.HexagonalRadar_container__hFck5 .HexagonalRadar_maskBox__SqK8S{--angle:360deg;bottom:0;cursor:pointer;height:346.41px;left:0;margin:auto;-webkit-mask:conic-gradient(#000,#000 var(--angle),transparent var(--angle),transparent 1turn);mask:conic-gradient(#000,#000 var(--angle),transparent var(--angle),transparent 1turn);position:absolute;right:0;top:0;width:300px;z-index:7}.HexagonalRadar_container__hFck5 .HexagonalRadar_maskBox__SqK8S:hover{-webkit-animation:HexagonalRadar_spin__Iyc-P .6s ease-in-out;animation:HexagonalRadar_spin__Iyc-P .6s ease-in-out}.HexagonalRadar_container__hFck5 .HexagonalRadar_maskBox__SqK8S:before{background:linear-gradient(rgba(241,94,174,.8),rgba(255,152,0,.8));-webkit-clip-path:polygon(6% 28%,50% 10%,66% 42%,91% 71%,50% 80%,3% 74%);clip-path:polygon(6% 28%,50% 10%,66% 42%,91% 71%,50% 80%,3% 74%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes HexagonalRadar_spin__Iyc-P{0%{--angle:0deg}5%{--angle:18deg}10%{--angle:36deg}15%{--angle:54deg}20%{--angle:72deg}25%{--angle:90deg}30%{--angle:108deg}35%{--angle:126deg}40%{--angle:144deg}45%{--angle:162deg}50%{--angle:180deg}55%{--angle:198deg}60%{--angle:216deg}65%{--angle:234deg}70%{--angle:252deg}75%{--angle:270deg}80%{--angle:288deg}85%{--angle:306deg}90%{--angle:324deg}95%{--angle:342deg}to{--angle:360deg}}@keyframes HexagonalRadar_spin__Iyc-P{0%{--angle:0deg}5%{--angle:18deg}10%{--angle:36deg}15%{--angle:54deg}20%{--angle:72deg}25%{--angle:90deg}30%{--angle:108deg}35%{--angle:126deg}40%{--angle:144deg}45%{--angle:162deg}50%{--angle:180deg}55%{--angle:198deg}60%{--angle:216deg}65%{--angle:234deg}70%{--angle:252deg}75%{--angle:270deg}80%{--angle:288deg}85%{--angle:306deg}90%{--angle:324deg}95%{--angle:342deg}to{--angle:360deg}}.HoverEnlargement_container__t9rVI{align-items:center;display:flex;height:450px;justify-content:center;width:100%}.HoverEnlargement_container__t9rVI img{--f:1;aspect-ratio:1;background:radial-gradient(circle closest-side,#ecd078 calc(99% - 5px),#c02942 calc(100% - 5px) 99%,transparent) 50%/calc(100%/var(--f)) 100% no-repeat content-box;border-radius:0 0 140px 140px;cursor:pointer;-webkit-mask:linear-gradient(#000 0,#000 0) no-repeat 50% calc((1/var(--f) - 1)*280px/2*-1 - -5px)/calc(100%/var(--f) - 10px) 50%,radial-gradient(circle closest-side,#000 99%,transparent) 50%/calc(100%/var(--f)) 100% no-repeat content-box;-webkit-mask:linear-gradient(#000 0 0) no-repeat 50% calc((1/var(--f) - 1)*280px/2*-1 - -5px)/calc(100%/var(--f) - 10px) 50%,radial-gradient(circle closest-side,#000 99%,transparent) 50%/calc(100%/var(--f)) 100% no-repeat content-box;outline:5px solid #c02942;outline-offset:calc((1/var(--f) - 1)*280px/2 - 5px);padding-top:56px;-webkit-transform:scale(var(--f));transform:scale(var(--f));transition:.5s;width:280px}.HoverEnlargement_container__t9rVI img:hover{--f:1.3}.ConicGradientRing_container__CU\+cz{align-items:center;display:flex;height:450px;justify-content:center;width:100%}.ConicGradientRing_container__CU\+cz .ConicGradientRing_box__6P5ea{-webkit-animation:ConicGradientRing_rotate__hmwa- 4s linear infinite;animation:ConicGradientRing_rotate__hmwa- 4s linear infinite;height:300px;position:relative;width:300px}.ConicGradientRing_container__CU\+cz .ConicGradientRing_box__6P5ea .ConicGradientRing_item__jy15e{border-radius:50%;box-sizing:border-box;height:100%;left:0;-webkit-mask:radial-gradient(transparent,transparent 104px,#000c17 105px,#000c17 100%);mask:radial-gradient(transparent,transparent 104px,#000c17 105px,#000c17 100%);position:absolute;top:0;width:100%}.ConicGradientRing_container__CU\+cz .ConicGradientRing_box__6P5ea .ConicGradientRing_item__jy15e .ConicGradientRing_semicircle__-N2Ks{border-bottom-left-radius:23px;border-top-left-radius:23px;box-sizing:border-box;height:46px;left:calc(50% - 22px);position:absolute;top:0;width:23px}.ConicGradientRing_container__CU\+cz .ConicGradientRing_box__6P5ea:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes ConicGradientRing_rotate__hmwa-{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes ConicGradientRing_rotate__hmwa-{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.GlassDesign1_container__jIg8H{height:400px;position:relative;width:100%}.GlassDesign1_container__jIg8H img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%;z-index:1}.GlassDesign1_container__jIg8H .GlassDesign1_glass__x\+jsp{-webkit-backdrop-filter:blur(2px) url(#glassFilter1);backdrop-filter:blur(2px) url(#glassFilter1);bottom:0;height:330px;left:0;margin:auto;position:absolute;right:0;top:0;width:517px;z-index:2}.GlassDesign1_container__jIg8H:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.GlassDesign2_container__BLEzA{height:400px;position:relative;width:100%}.GlassDesign2_container__BLEzA img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%;z-index:1}.GlassDesign2_container__BLEzA .GlassDesign2_glass__UZeM9{-webkit-backdrop-filter:blur(2px) url(#glassFilter2);backdrop-filter:blur(2px) url(#glassFilter2);bottom:0;height:330px;left:0;margin:auto;position:absolute;right:0;top:0;width:517px;z-index:2}.GlassDesign2_container__BLEzA:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.Ribbon_container__ZOkiq{align-items:center;display:flex;flex:1;flex-direction:column;height:420px;justify-content:center;width:100%}.Ribbon_container__ZOkiq .Ribbon_ribbon__wI2K8{--fontSize:24px;--background:#d81a14;background-image:linear-gradient(var(--background) 70%,transparent 0),linear-gradient(to bottom left,transparent 50%,color-mix(in srgb,var(--background),#000 40%) 51%,color-mix(in srgb,var(--background),#000 40%) 84%,transparent 85%);background-image:linear-gradient(var(--background) 70%,transparent 0),linear-gradient(to bottom left,transparent 50%,color-mix(in srgb,var(--background),#000 40%) 51% 84%,transparent 85%);background-position:0 .15lh;background-size:100% 1lh;-webkit-clip-path:polygon(0 .15lh,100% .15lh,calc(100% - var(--fontSize) / 2) .5lh,100% .85lh,100% calc(100% - .15lh),0 calc(100% - .15lh),calc(var(--fontSize) / 2) calc(100% - .5lh),0 calc(100% - .85lh));clip-path:polygon(0 .15lh,100% .15lh,calc(100% - var(--fontSize) / 2) .5lh,100% .85lh,100% calc(100% - .15lh),0 calc(100% - .15lh),calc(var(--fontSize) / 2) calc(100% - .5lh),0 calc(100% - .85lh));color:#fff;font-size:var(--fontSize);line-height:2;margin:10px 0;padding:0 var(--fontSize);text-align:center}.ActivityCountDown_container__z9J8Y{align-items:center;color:#fff;display:flex;font-size:46px}.ActivityCountDown_container__z9J8Y .ActivityCountDown_num__F1ysh{align-items:center;background:#425684;border-radius:3px;display:flex;font-size:32px;font-weight:500;height:46px;justify-content:center;margin:0 4px;width:46px}.ActivityCountDown_container__z9J8Y .ActivityCountDown_unit__X1r8-{margin:0 4px}.ActivityCountDown_container__Nw3or{align-items:center;display:flex;flex-direction:column;height:420px;justify-content:center;width:100%}.ActivityCountDown_container__Nw3or .ActivityCountDown_title__5HUMy{color:#ccc;font-size:24px;font-weight:500;text-align:center}.VisualDesign_container__oN2JR{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;min-height:100%;padding:4px;width:100%}.VisualDesign_container__oN2JR .VisualDesign_box__-TYNG{background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;display:flex;margin:4px 2px;overflow:hidden}.ModuleTitle_container__7ZCMv{font-family:SourceHanSansCN-Bold!important;font-size:24px;left:50%;position:absolute;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:11}.MagnifyingGlass_container__z7\+HK{align-items:center;display:flex;flex-direction:column;height:520px;width:100%}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU{display:flex;flex:1;justify-content:center;padding-top:100px;width:100%}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_smallBox__1rC23{height:280px;position:relative;width:400px;z-index:1}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_smallBox__1rC23 .MagnifyingGlass_mask__kbQ6H{cursor:move;display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_smallBox__1rC23 .MagnifyingGlass_floatBox__Msmv9{background-color:rgba(255,255,204,.314);border:1px solid #ccc;cursor:move;height:120px;position:absolute;width:160px}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_smallBox__1rC23 img{width:100%}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_bigBox__dtenq{height:360px;margin-left:40px;overflow:hidden;position:relative;width:480px;z-index:1}.MagnifyingGlass_container__z7\+HK .MagnifyingGlass_content__csBAU .MagnifyingGlass_bigBox__dtenq img{height:700px;left:0;position:absolute;top:0;width:1000px;z-index:5}.CropImage_container__agQZ5{align-items:center;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K{border:1px solid #000;height:400px;position:relative;width:400px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_img1__vvyEU{-webkit-user-drag:none!important;height:100%;left:0;opacity:.5;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_img2__CuOAQ{-webkit-user-drag:none!important;clip:rect(0,150px,150px,0);height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb{border:1px solid #fff;cursor:all-scroll;height:150px;left:0;position:absolute;top:0;width:150px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_dot__TnuYQ{background-color:#fff;height:6px;position:absolute;width:6px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_leftUp__RO\+TV{cursor:nw-resize;left:-3px;top:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_up__fR18N{cursor:n-resize;left:50%;margin-left:-3px;top:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_rightUp__5Btk7{cursor:ne-resize;right:-3px;top:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_right__nbAwk{cursor:e-resize;margin-top:-3px;right:-3px;top:50%}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_rightDown__8vsgu{bottom:-3px;cursor:se-resize;right:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_down__0RD60{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_leftDown__Ssc21{bottom:-3px;cursor:sw-resize;left:-3px}.CropImage_container__agQZ5 .CropImage_leftBox__rxH\+K .CropImage_cropBox__A4fdb .CropImage_left__qEy8B{cursor:w-resize;left:-3px;margin-top:-3px;top:50%}.CropImage_container__agQZ5 .CropImage_rightBox__tH7SB{height:400px;margin-left:50px;position:relative;width:400px}.CropImage_container__agQZ5 .CropImage_rightBox__tH7SB img{-webkit-user-drag:none!important;clip:rect(0,150px,150px,0);height:100%;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.DragShopping_container__IbTIV{align-items:center;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY{display:flex;flex-direction:column;width:80%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_bookBox__SDdDi{background-color:#111;border:1px solid #666;cursor:pointer;display:flex;flex-direction:column;padding:10px;width:100%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_bookBox__SDdDi img{height:180px;margin:0 auto 10px;width:150px}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_bookBox__SDdDi p{margin-top:6px}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv{border:1px solid #666;height:500px;margin-top:40px;width:100%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tableHead__lYIfd{background-color:#333;display:flex;height:40px;pointer-events:none;width:100%}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tableHead__lYIfd .DragShopping_tableCell__6tWCA{align-items:center;display:flex;flex:1;padding-left:4px}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tableRow__6Qo3x{border-bottom:1px solid #333;display:flex;pointer-events:none}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tableRow__6Qo3x .DragShopping_tableCell__6tWCA{align-items:center;display:flex;flex:1;padding:4px}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_total__\+sd3-{display:flex;justify-content:flex-end;padding:4px 8px;pointer-events:none}.DragShopping_container__IbTIV .DragShopping_content__VVnMY .DragShopping_shoppingBox__3DBFv .DragShopping_tip__vp\+8T{color:#999;display:flex;font-size:20px;justify-content:center;margin-top:40px;pointer-events:none;width:100%}.MouseHover_container__QIdL2{align-items:center;color:#fff;display:flex;height:800px;justify-content:center;position:relative;width:100%}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm{align-items:center;display:flex;flex-direction:column}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_title__617kC{cursor:default;font-size:40px;font-weight:500}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr{display:flex;margin-top:120px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr img{width:500px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr .MouseHover_right__Aviwn{align-items:flex-start;display:flex;flex-direction:column;margin-left:80px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr .MouseHover_right__Aviwn a{color:#fff;font-size:22px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr .MouseHover_right__Aviwn a:not(:first-child){margin-top:44px}.MouseHover_container__QIdL2 .MouseHover_content__L5hzm .MouseHover_bottom__jjGyr .MouseHover_right__Aviwn a:hover{color:#5f82fd}.MouseHover_container__QIdL2 .MouseHover_cursor__IcpdN{background-color:#fff;border-radius:50%;mix-blend-mode:difference;pointer-events:none;position:absolute;-webkit-transform-origin:50% 50% 0;transform-origin:initial;transition:width .4s,height .4s}.SlideButtonTab_container__eT4SM{align-items:center;display:flex;height:300px;justify-content:center;-webkit-perspective:500px;perspective:500px;position:relative;width:100%}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs{background-color:#e2e6eb;border-radius:12px;box-shadow:-10px -10px 15px #343f49,10px 10px 15px #212d38;display:flex;height:80px;justify-content:space-between;overflow:hidden;padding:20px 16px;position:relative;-webkit-transform:rotateY(var(--wraper-rotate));transform:rotateY(var(--wraper-rotate));-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform .4s cubic-bezier(0,0,.48,1);transition:transform .4s cubic-bezier(0,0,.48,1);transition:transform .4s cubic-bezier(0,0,.48,1),-webkit-transform .4s cubic-bezier(0,0,.48,1);width:600px}@property --groove-left{.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs{syntax:"<length>";initial-value:16px;inherits:false}}@property --wraper-rotate{.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs{syntax:"<angle>";initial-value:0deg;inherits:false}}@property --btnWidth{.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs{syntax:"<length>";initial-value:0;inherits:false}}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs:before{border-radius:12px;box-shadow:inset 8px 8px 6px #d9dce6,inset -5px -5px 15px #f5f9fd,inset -5px -5px 15px #f5f9fd,inset 7px 7px 6px #d9dce6;content:"";height:calc(100% - 40px);left:16px;left:var(--groove-left,16px);position:absolute;top:20px;transition:left .8s cubic-bezier(.82,.12,.18,.88);width:var(--btnWidth)}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs .SlideButtonTab_btn__tD8IC{align-items:center;-webkit-animation:SlideButtonTab_txtOutScale__5pmWX .6s linear;animation:SlideButtonTab_txtOutScale__5pmWX .6s linear;color:#444;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;transition:color 1.2s linear .4s;-webkit-user-select:none;user-select:none;width:var(--btnWidth)}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs .SlideButtonTab_btn__tD8IC:not(:first-child){margin-left:8px}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs .SlideButtonTab_btn__tD8IC:not(:last-child){margin-right:8px}.SlideButtonTab_container__eT4SM .SlideButtonTab_content__6sIYs .SlideButtonTab_actived__RWXqG{-webkit-animation:SlideButtonTab_txtEnterScale__YsI0b 1s linear;animation:SlideButtonTab_txtEnterScale__YsI0b 1s linear;color:#111!important;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes SlideButtonTab_txtEnterScale__YsI0b{0%,30%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes SlideButtonTab_txtEnterScale__YsI0b{0%,30%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes SlideButtonTab_txtOutScale__5pmWX{0%,30%{-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes SlideButtonTab_txtOutScale__5pmWX{0%,30%{-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}.FlipBook_container__bOMio{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4{display:flex;height:500px;position:relative;width:706px}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0{display:flex;height:500px;left:353px;position:absolute;top:0;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:353px}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0[data-left],.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0[data-right]{z-index:4}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0[data-right]+.FlipBook_paper__qnIh0{z-index:3}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_page__5K\+Jz{height:100%;overflow:hidden;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;width:100%}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_page__5K\+Jz img{height:100%;object-fit:cover;width:100%}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_left-show-front-page__I3ToF,.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_right-show-back-page__crJO-{-webkit-transform:scaleX(-1) translateZ(3px);transform:scaleX(-1) translateZ(3px);z-index:3}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_left-show-back-page__yRt8k,.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_right-show-front-page__pTHC0{-webkit-transform:translateZ(4px);transform:translateZ(4px);z-index:4}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_left-hide-front-page__kQs3M{-webkit-transform:scaleX(-1);transform:scaleX(-1);z-index:2}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_left-hide-back-page__lMGif{z-index:1}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_right-hide-front-page__8XaW9{z-index:2}.FlipBook_container__bOMio .FlipBook_pages__Ls1i4 .FlipBook_paper__qnIh0 .FlipBook_right-hide-back-page__56D1v{-webkit-transform:scaleX(-1);transform:scaleX(-1);z-index:1}.FlipBook_container__bOMio .FlipBook_btns__9Cs\+L{display:flex;margin-top:50px}.FlipBook_container__bOMio .FlipBook_btns__9Cs\+L .FlipBook_btn__QmvzH:not(:first-child){margin-left:50px}.switch_container__i9Gh6{align-items:center;cursor:pointer;display:flex;position:relative}.switch_container__i9Gh6 .switch_box__M6wl2{background-color:#355dff;overflow:hidden;position:absolute;transition:all .4s}.switch_container__i9Gh6 .switch_icon__AQIrn{position:absolute;transition:all .4s}.Switchs_container__pX5RV{align-items:center;display:flex;justify-content:center;padding:110px 0 60px;position:relative;width:100%}.animation_container__bfyEi{-webkit-user-drag:none;height:920px;pointer-events:all;position:relative;-webkit-user-select:none;user-select:none;width:490px}.animation_container__bfyEi .animation_content__H8vdL{left:0;position:absolute;top:0}.animation_container__bfyEi .animation_content__H8vdL .animation_people__3G2ps{-webkit-user-drag:none;margin-top:40px;-webkit-user-select:none;user-select:none;width:420px}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv{cursor:pointer;height:32%;left:212px;position:absolute;top:480px;width:36%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_coin__9Ei6m{-webkit-user-drag:none;height:30%;left:0;opacity:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:30%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_gift__fEEYc{-webkit-user-drag:none;height:100%;-webkit-user-select:none;user-select:none;width:100%}@media screen and (min-width:1800px)and (max-width:2300px){.animation_container__bfyEi{height:800px;width:420px}.animation_container__bfyEi .animation_content__H8vdL .animation_people__3G2ps{width:360px}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv{height:30%;left:185px;top:418px;width:34%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_coin__9Ei6m{height:27%;width:27%}}@media screen and (min-width:1200px)and (max-width:1800px){.animation_container__bfyEi{height:650px;width:380px}.animation_container__bfyEi .animation_content__H8vdL .animation_people__3G2ps{width:300px}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv{height:27%;left:156px;top:358px;width:32%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_coin__9Ei6m{height:26%;width:26%}}@media screen and (max-width:1200px){.animation_container__bfyEi{height:620px;width:340px}.animation_container__bfyEi .animation_content__H8vdL .animation_people__3G2ps{width:270px}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv{height:28%;left:140px;top:322px;width:32%}.animation_container__bfyEi .animation_content__H8vdL .animation_giftBox__06Ghv .animation_coin__9Ei6m{height:28%;width:28%}}.PeopleAnimation_container__P9IRI{align-items:center;display:flex;height:900px;justify-content:center;width:100%}.TweakCube_container__chHsQ{height:580px;padding:90px 0 60px;position:relative;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM{align-items:center;display:flex;justify-content:center;position:relative;top:35%;-webkit-transform:skewY(-20deg);transform:skewY(-20deg)}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo{-webkit-animation:TweakCube_changeColor__SsQtL 8s linear infinite;animation:TweakCube_changeColor__SsQtL 8s linear infinite;position:relative;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL{display:flex;flex-direction:column;gap:30px;left:0;position:absolute;top:0;translate:-70px 0;z-index:3}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:0;z-index:3}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span0__kaIxY:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:1;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span1__RA\+mL:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:2;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column0__0ANAL .TweakCube_span2__BzTLy:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi{display:flex;flex-direction:column;gap:30px;left:0;position:absolute;top:0;translate:0 0;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:0;z-index:3}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span0__kaIxY:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:1;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span1__RA\+mL:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:2;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column1__9Hhyi .TweakCube_span2__BzTLy:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC{display:flex;flex-direction:column;gap:30px;left:0;position:absolute;top:0;translate:70px 0;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:0;z-index:3}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span0__kaIxY:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:1;z-index:2}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span1__RA\+mL:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy{background-color:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:2;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:before{background-color:#fff;content:"";height:100%;left:-40px;position:absolute;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:1.5s;width:40px}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:after{background-color:#f2f2f2;content:"";height:40px;position:absolute;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:1.5s;width:100%}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:hover{background-color:#ef4149;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:hover:before{background-color:#f75d64;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo .TweakCube_column2__EbxfC .TweakCube_span2__BzTLy:hover:after{background-color:#f14e55;transition:0s}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo:nth-child(2){translate:-60px -60px;z-index:1}.TweakCube_container__chHsQ .TweakCube_content__rXgCM .TweakCube_cube__c9JMo:nth-child(3){translate:60px 60px;z-index:3}@-webkit-keyframes TweakCube_changeColor__SsQtL{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes TweakCube_changeColor__SsQtL{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.Preserve3dBox_container__S8Nkn{display:flex;height:580px;justify-content:center;position:relative;width:100%}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD{display:flex;height:400px;justify-content:center;margin-top:80px;width:100%}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG{-webkit-animation:Preserve3dBox_preserve3dRotate__jcPnu 10s linear infinite;animation:Preserve3dBox_preserve3dRotate__jcPnu 10s linear infinite;height:260px;margin-top:100px;position:relative;-webkit-transform:rotate3d(1,1,1,0deg);transform:rotate3d(1,1,1,0deg);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side1__OlfJ5{background-image:url(../images/7380e6f7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translateZ(130px);transform:translateZ(130px);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side2__N20GX{background-image:url(../images/ba36f098.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translateZ(-130px) rotateY(180deg);transform:translateZ(-130px) rotateY(180deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side3__t1Hxo{background-image:url(../images/e7c8df7d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translate3d(0,-130px,0) rotateX(90deg);transform:translate3d(0,-130px,0) rotateX(90deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side4__7YzMw{background-image:url(../images/06a46209.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translate3d(0,130px,0) rotateX(90deg) rotateY(180deg);transform:translate3d(0,130px,0) rotateX(90deg) rotateY(180deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side5__38WMJ{background-image:url(../images/ed6d9a11.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translate3d(-130px,0,0) rotateY(90deg);transform:translate3d(-130px,0,0) rotateY(90deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_side6__pWRYS{background-image:url(../images/271a66ed.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#eee #ddd;border-style:solid;border-width:10px;box-sizing:border-box;height:260px;position:absolute;-webkit-transform:translate3d(130px,0,0) rotateY(90deg) rotateY(180deg);transform:translate3d(130px,0,0) rotateY(90deg) rotateY(180deg);width:260px}.Preserve3dBox_container__S8Nkn .Preserve3dBox_content__OkpkD .Preserve3dBox_box__xhigG .Preserve3dBox_light__8ms1v{-webkit-animation:Preserve3dBox_light__8ms1v 1s infinite;animation:Preserve3dBox_light__8ms1v 1s infinite}@-webkit-keyframes Preserve3dBox_preserve3dRotate__jcPnu{to{-webkit-transform:rotate3d(1,1,1,1turn);transform:rotate3d(1,1,1,1turn)}}@keyframes Preserve3dBox_preserve3dRotate__jcPnu{to{-webkit-transform:rotate3d(1,1,1,1turn);transform:rotate3d(1,1,1,1turn)}}@-webkit-keyframes Preserve3dBox_light__8ms1v{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 16px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}@keyframes Preserve3dBox_light__8ms1v{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 16px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.OrientationSenseCard_container__wM4Og{align-items:center;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN{align-items:center;display:flex;justify-content:center;-webkit-perspective:900px;perspective:900px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN .OrientationSenseCard_card__kb1rR{border:5px solid #fff;border-radius:6px;cursor:pointer;height:208px;margin:20px;position:relative;-webkit-transform:rotateY(0);transform:rotateY(0);transition:.3s;width:150px}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN .OrientationSenseCard_card__kb1rR img{object-fit:cover;width:100%}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN .OrientationSenseCard_card__kb1rR:hover{box-shadow:0 10px 20px hsla(0,0%,100%,.6);-webkit-transform:rotateY(0) scale(1.25)!important;transform:rotateY(0) scale(1.25)!important}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN .OrientationSenseCard_card__kb1rR:hover~.OrientationSenseCard_card__kb1rR{-webkit-transform:rotateY(-25deg);transform:rotateY(-25deg)}.OrientationSenseCard_container__wM4Og .OrientationSenseCard_content__nHHlN:hover .OrientationSenseCard_card__kb1rR{-webkit-transform:rotateY(25deg);transform:rotateY(25deg)}.HexagonalMesh1_container__4Mauo{background:radial-gradient(circle at var(--xPos) var(--yPos),transparent 0,transparent 50px,#000 150px,#000 1000px);cursor:pointer;flex:0 0 120%;font-size:0;height:580px;margin-bottom:-25px;overflow:hidden;position:relative;-webkit-transform:translate(-10%,-25px);transform:translate(-10%,-25px)}.HexagonalMesh1_container__4Mauo:before{content:"";float:left;height:100%;shape-outside:repeating-linear-gradient(transparent,transparent 80px,#000 0,#000 89.6px);width:25.5px}.HexagonalMesh1_container__4Mauo:after{-webkit-animation:HexagonalMesh1_change__31Nqy 8s linear infinite;animation:HexagonalMesh1_change__31Nqy 8s linear infinite;background:linear-gradient(45deg,#f44336,#ff9800,#ffe607,#09d7c4,#1cbed3,#1d8ae2,#bc24d6);bottom:0;content:"";left:0;-webkit-mask:radial-gradient(circle at var(--xPos) var(--yPos),#000 0,#000 50px,transparent 150px,transparent 150px);mask:radial-gradient(circle at var(--xPos) var(--yPos),#000 0,#000 50px,transparent 150px,transparent 150px);mix-blend-mode:darken;position:absolute;right:0;top:0;z-index:1}.HexagonalMesh1_container__4Mauo .HexagonalMesh1_item__uupv2{background:#000;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);display:inline-block;flex:0 0 auto;height:57.735px;margin:1px 1px -13.425px;width:50px;z-index:2}@-webkit-keyframes HexagonalMesh1_change__31Nqy{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes HexagonalMesh1_change__31Nqy{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.HexagonalMesh2_container__7Eq5-{cursor:pointer;flex:0 0 120%;font-size:0;height:580px;margin-bottom:-25px;overflow:hidden;position:relative;-webkit-transform:translate(-10%,-25px);transform:translate(-10%,-25px)}.HexagonalMesh2_container__7Eq5-:before{content:"";float:left;height:100%;shape-outside:repeating-linear-gradient(transparent,transparent 80px,#000 0,#000 89.6px);width:25.5px}.HexagonalMesh2_container__7Eq5-:after{-webkit-animation:HexagonalMesh2_change__unRwF 8s linear infinite;animation:HexagonalMesh2_change__unRwF 8s linear infinite;background:linear-gradient(45deg,#f44336,#ff9800,#ffe607,#09d7c4,#1cbed3,#1d8ae2,#bc24d6);bottom:0;content:"";left:0;-webkit-mask:radial-gradient(circle at var(--xPos) var(--yPos),#000 0,#000 50px,transparent 150px,transparent 150px);mask:radial-gradient(circle at var(--xPos) var(--yPos),#000 0,#000 50px,transparent 150px,transparent 150px);mix-blend-mode:darken;position:absolute;right:0;top:0;z-index:1}.HexagonalMesh2_container__7Eq5- .HexagonalMesh2_item__RBkZx{background:#000;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);display:inline-block;flex:0 0 auto;height:57.735px;margin:1px 1px -13.425px;width:50px;z-index:2}@-webkit-keyframes HexagonalMesh2_change__unRwF{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes HexagonalMesh2_change__unRwF{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.HexagonalMesh3_container__7cOnb{cursor:pointer;flex:0 0 120%;font-size:0;height:580px;margin-bottom:-25px;overflow:hidden;position:relative;-webkit-transform:translate(-10%,-25px);transform:translate(-10%,-25px)}.HexagonalMesh3_container__7cOnb:before{content:"";float:left;height:100%;shape-outside:repeating-linear-gradient(transparent,transparent 80px,#000 0,#000 89.6px);width:25.5px}.HexagonalMesh3_container__7cOnb:after{-webkit-animation:HexagonalMesh3_change__cxOZy 8s linear infinite;animation:HexagonalMesh3_change__cxOZy 8s linear infinite;background:linear-gradient(45deg,#f44336,#ff9800,#ffe607,#09d7c4,#1cbed3,#1d8ae2,#bc24d6);bottom:0;content:"";left:0;mix-blend-mode:darken;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.HexagonalMesh3_container__7cOnb .HexagonalMesh3_item__JnppT{background:#000;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);display:inline-block;flex:0 0 auto;height:57.735px;margin:1px 1px -13.425px;transition:.6s;width:50px;z-index:2}.HexagonalMesh3_container__7cOnb .HexagonalMesh3_item__JnppT:hover{background:#fff;transition:0s}@-webkit-keyframes HexagonalMesh3_change__cxOZy{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes HexagonalMesh3_change__cxOZy{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.IconScroll_container__pHJbN{display:flex;flex-direction:column;height:500px;width:100%}.IconScroll_container__pHJbN .IconScroll_row__ueyux{display:flex;font-size:42px;position:relative;-webkit-transform:rotate(-30deg) translate(-560px,-560px);transform:rotate(-30deg) translate(-560px,-560px);white-space:nowrap;width:100%}.IconScroll_container__pHJbN .IconScroll_row__ueyux div{-webkit-animation:IconScroll_animate1__nWCc8 150s linear infinite;animation:IconScroll_animate1__nWCc8 150s linear infinite;-webkit-animation-delay:-150s;animation-delay:-150s}.IconScroll_container__pHJbN .IconScroll_row__ueyux div:nth-child(2){-webkit-animation:IconScroll_animate2__M45\+C 150s linear infinite;animation:IconScroll_animate2__M45\+C 150s linear infinite;-webkit-animation-delay:-75s;animation-delay:-75s}.IconScroll_container__pHJbN .IconScroll_row__ueyux div svg{cursor:default;padding:0 5px;transition:1.5s;-webkit-user-select:none;user-select:none}.IconScroll_container__pHJbN .IconScroll_row__ueyux div svg path{fill:rgba(0,0,0,.5)}.IconScroll_container__pHJbN .IconScroll_row__ueyux div svg:hover{-webkit-filter:drop-shadow(0 0 20px #0f0);filter:drop-shadow(0 0 20px #0f0);transition:0s}.IconScroll_container__pHJbN .IconScroll_row__ueyux div svg:hover path{fill:lime}.IconScroll_container__pHJbN .IconScroll_row__ueyux:nth-child(2n) div{-webkit-animation:IconScroll_animate3__CVZU5 150s linear infinite;animation:IconScroll_animate3__CVZU5 150s linear infinite;-webkit-animation-delay:-150s;animation-delay:-150s;font-size:1em;white-space:nowrap}.IconScroll_container__pHJbN .IconScroll_row__ueyux:nth-child(2n) div:nth-child(2){-webkit-animation:IconScroll_animate4__csJ4n 150s linear infinite;animation:IconScroll_animate4__csJ4n 150s linear infinite;-webkit-animation-delay:-75s;animation-delay:-75s}@-webkit-keyframes IconScroll_animate1__nWCc8{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes IconScroll_animate1__nWCc8{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes IconScroll_animate2__M45\+C{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@keyframes IconScroll_animate2__M45\+C{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@-webkit-keyframes IconScroll_animate3__CVZU5{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes IconScroll_animate3__CVZU5{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes IconScroll_animate4__csJ4n{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes IconScroll_animate4__csJ4n{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.WipeSwitchover_container__zA\+wD{height:600px;position:relative;width:100%}.WipeSwitchover_container__zA\+wD svg{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:.5;stroke-dasharray:8 8;stroke-dashoffset:0px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask1__efwWk path{-webkit-transform:translate(46%,40%) scale(1500);transform:translate(46%,40%) scale(1500)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask2__bTFbb path{-webkit-transform:translate(10%) scale(1500);transform:translate(10%) scale(1500)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask3__Gaobg path{-webkit-transform:translate(8%,10%) scale(2200);transform:translate(8%,10%) scale(2200)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask4__ZERnA path{stroke-dasharray:7 11;-webkit-transform:translate(10%,46%) scale(2500);transform:translate(10%,46%) scale(2500)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_mask5__MkpDg path{stroke-width:1;stroke-dasharray:30 29;-webkit-transform:translate(46%,32%) scale(710);transform:translate(46%,32%) scale(710)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page1__ex092{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page1__ex092 rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page1__ex092 image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page1__ex092 text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page2__S7sFb{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page2__S7sFb rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page2__S7sFb image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page2__S7sFb text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page3__JtV7t{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page3__JtV7t rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page3__JtV7t image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page3__JtV7t text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page4__9G6Y9{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page4__9G6Y9 rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page4__9G6Y9 image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page4__9G6Y9 text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page5__uBeX2{display:flex;flex:1;height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page5__uBeX2 rect{height:100%;left:0;position:absolute;top:0;width:100%}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page5__uBeX2 image{height:340px;object-fit:cover;-webkit-transform:translate(28%,16%);transform:translate(28%,16%);width:240px}.WipeSwitchover_container__zA\+wD svg .WipeSwitchover_page5__uBeX2 text{font-size:56px;font-weight:600;letter-spacing:-.005em;line-height:1.07143;-webkit-transform:translate(54%,50%);transform:translate(54%,50%)}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q{align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:40px;bottom:0;cursor:pointer;display:flex;flex:1;height:200px;justify-content:flex-end;left:-100px;margin:auto 0;position:absolute;top:0;-webkit-transform:translateX(-100px);transform:translateX(-100px);transition:.6s;width:200px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q .WipeSwitchover_icon__Z3ryB{height:60px;margin-right:20px;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q .WipeSwitchover_icon__Z3ryB .anticon{height:60px;position:relative;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q .WipeSwitchover_icon__Z3ryB .anticon svg{height:60px;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_prevBtn__6vW6Q .WipeSwitchover_icon__Z3ryB .anticon svg path{fill:#fff}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG{align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:40px;bottom:0;cursor:pointer;display:flex;flex:1;height:200px;margin:auto 0;position:absolute;right:-100px;top:0;-webkit-transform:translateX(100px);transform:translateX(100px);transition:.6s;width:200px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG .WipeSwitchover_icon__Z3ryB{font-size:20px;height:60px;margin-left:20px;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG .WipeSwitchover_icon__Z3ryB .anticon{height:60px;position:relative;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG .WipeSwitchover_icon__Z3ryB .anticon svg{height:60px;width:60px}.WipeSwitchover_container__zA\+wD .WipeSwitchover_nextBtn__sVZkG .WipeSwitchover_icon__Z3ryB .anticon svg path{fill:#fff}.WipeSwitchover_container__zA\+wD:hover .WipeSwitchover_nextBtn__sVZkG,.WipeSwitchover_container__zA\+wD:hover .WipeSwitchover_prevBtn__6vW6Q{-webkit-transform:translateX(0);transform:translateX(0)}.AutoCompletePunctuation_container__EjYmN{align-items:center;display:flex;height:300px;justify-content:center;position:relative;width:100%}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh{align-items:center;display:flex;justify-content:space-between;padding-top:50px;width:940px}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh textarea{border:2px solid #333;box-sizing:border-box;display:flex;font-family:SourceHanSansCN-Regular!important;font-size:14px;line-height:22px;padding:10px;width:440px}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh textarea:active,.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh textarea:focus{border:2px solid #4c78fc;outline:2px #4c78fc}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh div{background-color:#fff;border:2px solid #333;box-sizing:border-box;color:#222;display:flex;font-size:14px;height:130px;line-height:22px;padding:10px;width:440px}.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh div:active,.AutoCompletePunctuation_container__EjYmN .AutoCompletePunctuation_content__PIXsh div:focus{border:2px solid #4c78fc;outline:2px #4c78fc}.StackedImages_container__Hnz74{align-content:center;align-items:center;display:flex;display:grid;flex-direction:column;height:440px;justify-content:center;place-content:center;position:relative;width:100%}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4{--img-width:150px;--border-width:1px;align-items:flex-end;display:flex;-webkit-filter:drop-shadow(0 0 var(--border-width) #fff) drop-shadow(0 0 var(--border-width) #fff) drop-shadow(0 0 #fff) drop-shadow(0 0 #fff);filter:drop-shadow(0 0 var(--border-width) #fff) drop-shadow(0 0 var(--border-width) #fff) drop-shadow(0 0 #fff) drop-shadow(0 0 #fff);gap:12px;height:calc(var(--img-width)*1.7 + var(--border-width)*4);overflow:hidden;padding:calc(var(--border-width)*2);width:calc(100% + var(--border-width)*4)}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img{--h:0px;--t:0px;aspect-ratio:1;border-bottom:calc(var(--img-width)) solid #fff;border-radius:50%;border-top:calc(var(--img-width)) solid #fff;cursor:pointer;height:var(--img-width);margin-bottom:calc(var(--img-width)*-1);margin-top:calc(var(--img-width)*-1);-webkit-mask:radial-gradient(0 0 at 0 0,transparent 0,#000 0) padding-box;translate:0 var(--t)}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img:not(:last-child){margin-right:-30px;-webkit-mask:radial-gradient(50% 50% at calc(150% - 18px) calc(50% - var(--h)),transparent calc(100% + 12px),#000 calc(101% + 12px)) padding-box}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img:hover{--h:calc(var(--img-width)*-0.7);--t:calc(var(--img-width)*-0.7)}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img[\:has\(\%2Bimg\:hover\)]{--h:calc(var(--img-width)*0.7)}.StackedImages_container__Hnz74 .StackedImages_content__bZLt4 img:has(+img:hover){--h:calc(var(--img-width)*0.7)}.InteractiveDesign_container__oK3No{align-items:center;background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-direction:column;flex-wrap:wrap;min-height:100%;padding:4px 0;width:100%}.InteractiveDesign_container__oK3No .InteractiveDesign_box__\+Trza{background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;box-sizing:border-box;display:flex;margin:4px 2px;overflow:hidden;width:calc(100% - 8px)}.BackgroundEffect_container__u\+IDp{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;min-height:100%;padding:2px 6px 4px;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_box__k\+mFh{align-items:center;border:3px solid rgba(53,162,253,.267);display:flex;height:420px;justify-content:center;overflow:hidden}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg1__klRoc{background-image:repeating-linear-gradient(107deg,hsla(0,0%,5%,.15),hsla(0,0%,5%,.15) 0,transparent 0,transparent 1px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 3px,transparent 0,transparent 4px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 7px),repeating-linear-gradient(191deg,hsla(0,0%,5%,.15),hsla(0,0%,5%,.15) 0,transparent 0,transparent 1px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 3px,transparent 0,transparent 4px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 7px),repeating-linear-gradient(0deg,hsla(0,0%,5%,.15),hsla(0,0%,5%,.15) 0,transparent 0,transparent 1px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 3px,transparent 0,transparent 4px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 7px),repeating-linear-gradient(90deg,hsla(0,0%,5%,.15),hsla(0,0%,5%,.15) 0,transparent 0,transparent 1px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 3px,transparent 0,transparent 4px,hsla(0,0%,5%,.15) 0,hsla(0,0%,5%,.15) 7px),linear-gradient(90deg,#2d2d2d,#2d2d2d);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg2__kPZ6M{background-color:#fff;background-image:linear-gradient(90deg,rgba(66,66,66,.5) 50%,transparent 0);background-size:50px 100%;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg3__82UV-{background-color:#fff;background-image:linear-gradient(rgba(66,66,66,.5) 50%,transparent 0),linear-gradient(90deg,rgba(66,66,66,.5) 50%,transparent 0);background-size:50px 50px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg4__z430k{background-color:#fff;background-image:repeating-linear-gradient(60deg,rgba(66,66,66,.5) 5%,transparent 0,transparent 10%,rgba(66,66,66,.5) 0,rgba(66,66,66,.5) 15%);background-image:repeating-linear-gradient(60deg,rgba(66,66,66,.5) 5%,transparent 0 10%,rgba(66,66,66,.5) 0 15%);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg5__YkL6Y{background-color:#fff;background-image:repeating-linear-gradient(60deg,rgba(66,66,66,.5) 5%,transparent 10%,rgba(66,66,66,.5) 15%);background-size:50px 50px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg6__zUQqR{background-color:#55f;background-image:linear-gradient(#fff 2px,transparent 0),linear-gradient(90deg,#fff 2px,transparent 0),linear-gradient(hsla(0,0%,100%,.3) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.3) 1px,transparent 0);background-size:60px 60px,60px 60px,20px 20px,20px 20px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg7__thgM1{background:repeating-linear-gradient(-45deg,transparent,transparent 25%,#f55 0,#f55 50%),repeating-linear-gradient(45deg,transparent,transparent 25%,#55f 0,#55f 50%),#efb;background-blend-mode:multiply;background-size:200px 200px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg8__YdGMF{background-image:repeating-conic-gradient(#000 0,#000 5%,#fff 5%,#fff 10%);background-image:repeating-conic-gradient(#000 0 5%,#fff 5% 10%);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg9__19R3E{background-color:#fff;background-image:repeating-conic-gradient(#000 0,#000 1%,transparent 0,transparent 2%);background-image:repeating-conic-gradient(#000 0 1%,transparent 0 2%);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg10__htocf{background-image:repeating-conic-gradient(red 0deg,red 30deg,#ff0 30deg,#ff0 60deg,blue 60deg,blue 90deg);background-image:repeating-conic-gradient(red 0deg 30deg,#ff0 30deg 60deg,blue 60deg 90deg);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg11__CcLwl{background:repeating-radial-gradient(#000 0,#000 .0001%,#fff 0,#fff .0002%) 60% 60%/1000px 1000px,repeating-conic-gradient(#000 0,#000 .0001%,#fff 0,#fff .0002%) 40% 40%/1000px 1000px;background:repeating-radial-gradient(#000 0 .0001%,#fff 0 .0002%) 60% 60%/1000px 1000px,repeating-conic-gradient(#000 0 .0001%,#fff 0 .0002%) 40% 40%/1000px 1000px;background-blend-mode:difference;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg12__eJxJM{background:repeating-conic-gradient(#bf4d28 0,#bf4d28 .00005%,#e1f5c4 0,#e1f5c4 .00017%) 0 0/5000px 4000px;background:repeating-conic-gradient(#bf4d28 0 .00005%,#e1f5c4 0 .00017%) 0 0/5000px 4000px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg13__mpoDJ{background:linear-gradient(90deg,transparent 59px,#aec8ee 0),linear-gradient(180deg,transparent 59px,#aec8ee 0),conic-gradient(from 270deg at 5px 20px,#31c2ec 90deg,transparent 0deg),conic-gradient(from 270deg at 20px 5px,#31c2ec 90deg,transparent 0deg),#0e284d;background-position:0 0,0 0,-2.5px -10px,-10px -2.5px;background-size:60px 100%,100% 60px,60px 60px,60px 60px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg14__xnExu{background:linear-gradient(90deg,transparent 59px,#aec8ee 0),linear-gradient(180deg,transparent 59px,#aec8ee 0),radial-gradient(closest-side at 7px 7px,#31c2ec 0,#31c2ec 7px,transparent 0,transparent 100%),#0e284d;background-position:0 0,0 0,-8px -8px;background-size:60px 100%,100% 60px,60px 60px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg15__F3Wrj{background:linear-gradient(transparent 50%,rgba(0,0,0,.267) 0),conic-gradient(from -30deg at 90%,#fff 240deg,transparent 0),conic-gradient(from -30deg at 75%,#71e9a0 240deg,transparent 0),conic-gradient(from -30deg at 25%,transparent 240deg,#fff 0),conic-gradient(from -30deg at 40%,#fff 240deg,#2a6a9b 0);background-size:126px 84px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg16__OBNeN{background:linear-gradient(-45deg,transparent 75%,#f67280 0),linear-gradient(45deg,transparent 75%,#f67280 0) 0 35px #355c7d;background-size:70px 70px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg17__pb8bY{background:linear-gradient(225deg,transparent 3.125%,#987f69 0,#987f69 9.375%,transparent 0,transparent 78.125%,#987f69 0,#987f69 84.375%,transparent 0) 0 6px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 0 12px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) -6px -6px,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 12px 0,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 6px 12px,repeating-linear-gradient(-45deg,#fdf1cc -3.125%,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%);background:linear-gradient(225deg,transparent 3.125%,#987f69 0 9.375%,transparent 0 78.125%,#987f69 0 84.375%,transparent 0) 0 6px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 0 12px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) -6px -6px,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 12px 0,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 6px 12px,repeating-linear-gradient(-45deg,#fdf1cc -3.125% 3.125%,#987f69 0 9.375%);background-size:24px 24px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg18__UKapy{background:repeating-linear-gradient(60deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2) 2px,#000 0,#000 3px,transparent 0,transparent 20px),repeating-linear-gradient(300deg,#000,#000 1px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 3px,transparent 0,transparent 20px),linear-gradient(45deg,rgba(0,0,0,.2),rgba(64,64,64,.2) 15%,rgba(77,77,77,.2) 40%,rgba(38,38,38,.2) 60%,rgba(26,26,26,.2) 80%,rgba(3,3,3,.2)),linear-gradient(180deg,#324d67,#1c2b4a 35%,#151837 65%,#060d13);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg19__obRK1{background:repeating-linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.2) 2px,rgba(0,0,0,.2) 0,rgba(0,0,0,.5) 10px,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.3) 0,transparent 11px,transparent 25px),linear-gradient(135deg,rgba(76,94,103,.25),rgba(143,151,163,.25) 15%,rgba(135,176,197,.25) 40%,hsla(0,0%,50%,.25) 60%,hsla(205,5%,45%,.25) 80%,rgba(64,106,119,.25)),linear-gradient(135deg,rgba(38,40,36,.5),rgba(51,64,38,.5) 0,rgba(109,126,103,.5) 30%,rgba(85,98,80,.5) 50%,hsla(95,5%,45%,.5) 70%,rgba(77,88,65,.5)),linear-gradient(180deg,#3a5978,#23365c 35%,#1c204a 65%,#0d1a26);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg20__mnQic{background:repeating-linear-gradient(-1deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 2px,transparent 0,transparent 10px),repeating-linear-gradient(1deg,transparent,transparent 7px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 8px),repeating-linear-gradient(0deg,transparent,transparent 12px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.1) 13px),repeating-linear-gradient(0deg,transparent,transparent 17px,rgba(0,0,0,.4) 0,rgba(0,0,0,.4) 18px),linear-gradient(135deg,rgba(29,41,48,.5),rgba(28,59,74,.5) 0,rgba(80,109,149,.5) 30%,rgba(62,85,116,.5) 50%,rgba(86,120,143,.5) 70%,rgba(50,85,103,.5)),linear-gradient(180deg,#55585e,#363949 35%,#2d2b3b 65%,#14181f);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg21__qF-7f{background:repeating-linear-gradient(-1deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 2px,transparent 0,transparent 10px),repeating-linear-gradient(1deg,transparent,transparent 7px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 8px),repeating-linear-gradient(0deg,transparent,transparent 12px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.1) 13px),repeating-linear-gradient(0deg,transparent,transparent 17px,rgba(0,0,0,.4) 0,rgba(0,0,0,.4) 18px),linear-gradient(135deg,#315981,#1f5093 0,#3473b2 25%,#385e94 50%,#24628f 75%,#2a4d6f);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg22__Fcy\+J{background:radial-gradient(circle farthest-side at 50% 50%,#2c2c21 0,#2c2c21 15%,transparent 0,transparent 100%),radial-gradient(circle farthest-side at 50% 50%,#2c2c21 0,#2c2c21 15%,transparent 0,transparent 100%),radial-gradient(circle farthest-side at 50% 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 15%,transparent 0,transparent 100%),radial-gradient(circle farthest-side at 50% 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 15%,transparent 0,transparent 100%),linear-gradient(145deg,rgba(44,44,33,.5),rgba(107,112,92,.5) 15%,rgba(155,155,75,.5) 40%,rgba(77,77,77,.5) 60%,rgba(66,67,61,.5) 80%,rgba(53,51,29,.5)),linear-gradient(50deg,#2c2c21,#3e4026 10%,#575c3d 25%,#30301d 40%,#565841 60%,#2d301d 70%,#404224 90%,#363617);background-position:0 0,20px 20px,0 -2px,20px 22px,0 0,0 0;background-size:40px 40px,40px 40px,40px 40px,40px 40px,100% 100%,100% 100%;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg23__HJ4I5{background:linear-gradient(120deg,rgba(92,10,10,.5),rgba(153,13,0,.5) 15%,rgba(179,30,0,.5) 25%,rgba(255,64,0,.5) 35%,rgba(199,70,5,.5) 40%,rgba(165,39,13,.5) 50%,rgba(142,22,11,.5) 65%,rgba(142,22,11,.5) 70%,rgba(124,3,3,.5) 85%,rgba(102,0,0,.5)),linear-gradient(60deg,rgba(22,4,4,.5),rgba(46,9,5,.5) 10%,rgba(89,25,13,.5) 25%,rgba(23,3,3,.5) 40%,rgba(87,21,15,.5) 60%,rgba(23,6,3,.5) 70%,rgba(47,7,4,.5) 90%,rgba(25,1,1,.5)),linear-gradient(120deg,#333,#18191b 35%,#0c0c0d 65%,#000);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg24__qQdYv{background:radial-gradient(ellipse 150% 150% at 80% 80%,transparent 40%,hsla(0,0%,100%,.25) 60%,transparent 100%),radial-gradient(ellipse 150% 150% at 20% 20%,transparent 40%,rgba(0,0,0,.25) 60%,transparent 100%),radial-gradient(ellipse 100% 100% at 50% 50%,transparent 25%,rgba(0,0,0,.5) 75%),linear-gradient(100deg,rgba(96,32,32,.25),rgba(156,33,22,.25) 15%,rgba(179,51,26,.25) 25%,rgba(226,97,54,.25) 35%,rgba(189,90,40,.25) 40%,rgba(158,65,46,.25) 50%,rgba(138,48,40,.25) 65%,rgba(138,48,40,.25) 70%,rgba(126,27,27,.25) 85%,rgba(112,16,16,.25)),linear-gradient(180deg,rgba(43,51,59,.5),rgba(19,23,32,.5) 35%,rgba(10,10,16,.5) 65%,rgba(0,0,0,.5)),linear-gradient(180deg,#0f618a,#229bc3 7%,#75f0f0 25%,#3ff 35%,#3cc2dd 55%,#0086b3 75%,#0a5276);height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg25__h4HDo{background:radial-gradient(farthest-side at -33.33% 50%,transparent 52%,#170409 54%,#170409 57%,transparent 59%) 0 50px,radial-gradient(farthest-side at 50% 133.33%,transparent 52%,#170409 54%,#170409 57%,transparent 59%) 50px 0,radial-gradient(farthest-side at 133.33% 50%,transparent 52%,#170409 54%,#170409 57%,transparent 59%),radial-gradient(farthest-side at 50% -33.33%,transparent 52%,#170409 54%,#170409 57%,transparent 59%),#67917a;background:radial-gradient(farthest-side at -33.33% 50%,transparent 52%,#170409 54% 57%,transparent 59%) 0 50px,radial-gradient(farthest-side at 50% 133.33%,transparent 52%,#170409 54% 57%,transparent 59%) 50px 0,radial-gradient(farthest-side at 133.33% 50%,transparent 52%,#170409 54% 57%,transparent 59%),radial-gradient(farthest-side at 50% -33.33%,transparent 52%,#170409 54% 57%,transparent 59%),#67917a;background-size:21.4270409256px 100px,100px 21.4270409256px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg26__PsQZC{background:conic-gradient(at 20px calc(100% - 20px),transparent 270deg,#c02942 0) 35px 0,linear-gradient(#53777a 20px,transparent 0) 0 15px,conic-gradient(at 20px calc(100% - 20px),transparent 90deg,#53777a 0,#53777a 180deg,#c02942 0),#ecd078;background:conic-gradient(at 20px calc(100% - 20px),transparent 270deg,#c02942 0) 35px 0,linear-gradient(#53777a 20px,transparent 0) 0 15px,conic-gradient(at 20px calc(100% - 20px),transparent 90deg,#53777a 0 180deg,#c02942 0),#ecd078;background-size:70px 70px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg27__U89Ls{background:conic-gradient(at 62.5% 12.5%,#72e21f 25%,transparent 0) -5px 20px,conic-gradient(at 62.5% 12.5%,#72e21f 25%,transparent 0) -15px 10px,conic-gradient(at 87.5% 62.5%,#72e21f 25%,transparent 0) 15px 10px,conic-gradient(at 87.5% 62.5%,#72e21f 25%,transparent 0) -5px 0,conic-gradient(at 25% 12.5%,#72e21f 25%,transparent 0) 0 -10px,conic-gradient(at 25% 12.5%,#72e21f 25%,transparent 0) -10px 0,conic-gradient(at 87.5% 87.5%,#72e21f 25%,transparent 0) 5px 0 #044012;background-size:40px 40px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg28__2fShs{background:radial-gradient(27% 29% at right,transparent 83%,#b09f79 85%,#b09f79 99%,transparent 101%) 10px 20px,radial-gradient(27% 29% at left,transparent 83%,#b09f79 85%,#b09f79 99%,transparent 101%) -10px 20px,radial-gradient(29% 27% at top,transparent 83%,#b09f79 85%,#b09f79 99%,transparent 101%) 0 10px,radial-gradient(29% 27% at bottom,transparent 83%,#b09f79 85%,#b09f79 99%,transparent 101%) 0 -10px #476074;background:radial-gradient(27% 29% at right,transparent 83%,#b09f79 85% 99%,transparent 101%) 10px 20px,radial-gradient(27% 29% at left,transparent 83%,#b09f79 85% 99%,transparent 101%) -10px 20px,radial-gradient(29% 27% at top,transparent 83%,#b09f79 85% 99%,transparent 101%) 0 10px,radial-gradient(29% 27% at bottom,transparent 83%,#b09f79 85% 99%,transparent 101%) 0 -10px #476074;background-size:40px 40px;height:100%;width:100%}.BackgroundEffect_container__u\+IDp .BackgroundEffect_bg29__hiev7{background:radial-gradient(28.968px at 0 0,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 28.968px 28.968px,radial-gradient(12px at 0 0,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 16.968px 16.968px,radial-gradient(28.968px at 0 100%,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 0 16.968px,radial-gradient(12px at 0 100%,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) -12px 28.968px,radial-gradient(28.968px at 100% 0,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 16.968px 0,radial-gradient(12px at 100% 0,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) 28.968px -12px,radial-gradient(28.968px at 100% 100%,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) -12px -12px,radial-gradient(12px at 100% 100%,transparent calc(100% - 5px),#615375 calc(100% - 4px) calc(100% - 1px),transparent) #8eb2c5;background-size:57.936px 57.936px;height:100%;width:100%}.LineCombination_container__toPmq{align-items:center;border-radius:10px;box-sizing:border-box;display:flex;height:240px;overflow:hidden;width:100%}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8{-webkit-animation:LineCombination_entrance_totop__X8xN- .6s 0s 1 alternate forwards;animation:LineCombination_entrance_totop__X8xN- .6s 0s 1 alternate forwards;background-color:transparent;border-bottom:1px solid rgba(187,61,254,.314);border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:114px;margin:0 -1px -8px;position:relative;-webkit-transform:translateY(200px);transform:translateY(200px);width:42px}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8 .LineCombination_blackBoxPoint__87aDR{background-color:#fff;bottom:-1px;box-shadow:0 0 10px 3px #fff;height:1px;left:8px;position:absolute;visibility:hidden;width:8px}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8:first-child{border-bottom-left-radius:0;display:flex;flex:1}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8:first-child .LineCombination_blackBoxPoint__87aDR{visibility:hidden}.LineCombination_container__toPmq .LineCombination_blackBox__P5fH8:last-child{border-bottom-right-radius:0;display:flex;flex:1}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi{align-items:center;-webkit-animation:LineCombination_entrance_totop__X8xN- .6s 0s 1 alternate forwards;animation:LineCombination_entrance_totop__X8xN- .6s 0s 1 alternate forwards;background:linear-gradient(180deg,rgba(63,154,253,.188) 10%,rgba(187,61,254,.063) 70%,transparent);border-image:linear-gradient(#3f9afd,rgba(187,61,254,.314)) 2;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid #3f9afd;-webkit-clip-path:inset(0 round 8px);clip-path:inset(0 round 8px);color:#fff;display:flex;flex-direction:column;height:120px;justify-content:center;pointer-events:all;position:relative;-webkit-transform:translateY(200px);transform:translateY(200px);width:200px}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi .LineCombination_whiteBoxPoint__Tz8Uh{background-color:#fff;bottom:8px;box-shadow:0 0 10px 5px #fff;height:8px;left:-1px;position:absolute;visibility:hidden;width:1px}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi:before{border-bottom:1px solid #3f9afd;border-right:1px solid #3f9afd;border-color:#3f9afd transparent transparent #3f9afd;border-style:solid;border-top-left-radius:8px;border-width:1px;content:"";height:8px;left:0;margin:-1px;position:absolute;top:0;width:8px}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi:after{border-bottom:1px solid #3f9afd;border-left:1px solid #3f9afd;border-color:#3f9afd #3f9afd transparent transparent;border-style:solid;border-top-right-radius:8px;border-width:1px;content:"";height:8px;margin:-1px;position:absolute;right:0;top:0;width:8px}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi .LineCombination_name__E7QvH{align-items:center;-webkit-animation:LineCombination_entrance_totop__X8xN- 1.6s 0s 1 alternate forwards;animation:LineCombination_entrance_totop__X8xN- 1.6s 0s 1 alternate forwards;display:flex;font-size:15px;height:36px;margin-bottom:14px;min-height:36px;text-align:center;-webkit-transform:translateY(100px);transform:translateY(100px)}.LineCombination_container__toPmq .LineCombination_whiteBox__-MGXi .LineCombination_value__5BYd0{-webkit-animation:LineCombination_entrance_totop__X8xN- 1.6s .3s 1 alternate forwards;animation:LineCombination_entrance_totop__X8xN- 1.6s .3s 1 alternate forwards;font-size:32px;font-weight:500;-webkit-transform:translateY(200px);transform:translateY(200px)}@-webkit-keyframes LineCombination_entrance_totop__X8xN-{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes LineCombination_entrance_totop__X8xN-{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.FileView_container__SyQN4{height:100vh;min-height:900px;padding-top:20px;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq{display:flex;justify-content:center;position:relative;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq td{height:100%;vertical-align:top}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6{border:1px solid #eee;box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_progress__GtmqC{align-items:center;border:1px solid #979797;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:1}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_progress__GtmqC .ant-progress .ant-progress-inner{background-color:#ddd}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj{border:1px solid #979797;height:100%;overflow:auto;position:relative;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj::-webkit-scrollbar{display:none}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_downLoadTip__FIvRY{color:gray;position:absolute;text-align:center;top:46%;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_emptyTip__OW2E4{bottom:0;display:flex;flex-direction:column;height:70px;justify-content:space-between;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;width:80%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_arrowIcon__2JeuW{align-self:center;border-radius:50%;cursor:pointer;display:inline-block;height:34px;line-height:34px;position:absolute;text-align:center;top:50%;vertical-align:middle;width:34px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_leftArrow__IeXsk{left:10px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgDiv__ErTpj .FileView_rightArrow__HPiMt{padding-right:1px;right:10px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgInfo__Z2qPj{background-color:rgba(0,0,0,.6);bottom:36px;box-sizing:border-box;color:#fff;height:60px;justify-content:space-between;line-height:23px;padding:10px 13px;position:absolute;text-align:left;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp{background-color:#000;bottom:0;display:flex;height:36px;justify-content:space-between;opacity:.6;position:absolute;text-align:center;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_iconDiv__GUb18{align-items:center;display:flex;height:100%;justify-content:center;line-height:100%;margin-right:5px;width:30px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_iconDiv__GUb18:hover{background-color:hsla(0,0%,67%,.8);cursor:pointer}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_iconDiv__GUb18 svg{color:#fff}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_left__Erhr-{align-items:center;display:flex;margin-left:12px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_left__Erhr- .FileView_xiangXia__cm3bW{align-self:center;background-color:hsla(0,0%,100%,.3);border-radius:50%;height:20px;margin-left:10px;vertical-align:middle;width:20px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_viewContainer__n0Kg6 .FileView_imgOperate__h-UFp .FileView_left__Erhr- .FileView_xiangShang__2ATuW{align-self:center;background-color:hsla(0,0%,100%,.3);border-radius:50%;height:20px;vertical-align:middle;width:20px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb{display:flex;height:7vh;margin-top:10px;min-height:70px;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g{height:100%;width:100%}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .ant-upload-drag{background-color:#fff;border-radius:0!important}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .ant-upload-drag .ant-upload-btn{padding:0!important}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBoxHover__6Z8I-{background-color:#ecf0ff;border:1px solid #4c78fc}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_firstLine__5trSy{align-items:center;color:#333;display:flex;font-size:14px;line-height:16px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_firstLine__5trSy svg{color:#ababab!important;margin-right:8px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_firstLine__5trSy .FileView_linkBtn__n-sJb{color:#4c78fc;cursor:pointer;margin-left:4px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_firstLine__5trSy .FileView_linkBtn__n-sJb:hover{color:#35a2fd}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_draggerTextBox__2soxW .FileView_secondLine__9YFcw{color:gray;font-size:12px;line-height:14px;margin-top:8px}.FileView_container__SyQN4 .FileView_tableLy__kaeXq .FileView_fileContainer__rbVnb .FileView_draggerBox__GNF2g .FileView_uploadDisable__CX3si{cursor:not-allowed;opacity:.8}.FileView_moreOperate__e\+uIL{align-items:center;display:flex;flex-direction:column;justify-content:center;width:120px}.FileView_moreOperate__e\+uIL .FileView_poperSpan__8roYR{height:40px;margin:1px 0;text-align:center;width:100%}.FileView_moreOperate__e\+uIL .FileView_poperSpan__8roYR:hover{color:#4c78fc;cursor:pointer}.ComplexLayout_container__xqRV5{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;min-height:100%;overflow-y:auto;padding:6px 4px;width:100%}.ComplexLayout_container__xqRV5 .ComplexLayout_box__Hjeq7{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;color:#fff;display:flex;justify-content:center;width:100%}.Page1_container__8IHn6{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.Page1_container__8IHn6 .Page1_content__zgPdQ{font-size:14px;width:950px}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_top__Tik59 .Page1_title__qIkYy{font-family:SourceHanSansCN-Bold!important;font-size:24px;text-align:center}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_top__Tik59 .Page1_author__EVTso{font-size:14px;text-align:center}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_appoint__gEum0{margin:10px 0}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_articleContent__STpiB{color:#ddd}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_articleContent__STpiB .Page1_subTitle__g0Ill{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_articleContent__STpiB .Page1_codeBox__hf4Aw{background-color:#222;font-size:12px;line-height:20px;margin:10px 0;padding:10px}.Page1_container__8IHn6 .Page1_content__zgPdQ .Page1_articleContent__STpiB .Page1_strong__Um16S{color:#fff;font-size:16px;font-weight:500}.AppPageFrame_container__pjrxk{background-color:#000013;box-sizing:border-box;height:100%;overflow-y:auto;position:relative;width:100%}.AppPageFrame_container__pjrxk::-webkit-scrollbar{display:none}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo{display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%;z-index:1}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo::-webkit-scrollbar{display:none}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .AppPageFrame_firstPage__vOVdI{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;height:100vh;position:-webkit-sticky;position:sticky;top:0}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .swiper{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;height:calc(100vh - 60px);overflow:hidden;position:-webkit-sticky;position:sticky;top:100px;width:100%}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .swiper::-webkit-scrollbar{display:none}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .swiper .swiper-wrapper{width:100%}.AppPageFrame_container__pjrxk .AppPageFrame_content__VqApo .swiper .swiper-wrapper .swiper-slide{align-items:center;border-top:1px solid #999;box-sizing:border-box;display:flex;height:calc(100vh - 60px);overflow:hidden;width:100%}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM{background-color:transparent;box-sizing:border-box;display:flex;height:100px;justify-content:space-between;padding:13px 30px 0;pointer-events:none;position:fixed;top:60px;z-index:101}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_bgBox__K-wJj{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:100}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_bgBox__K-wJj .AppPageFrame_bg__XwgdA{display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;width:100%;z-index:100}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_bgBox__K-wJj .AppPageFrame_bg__XwgdA p{font-family:Net-Azonix!important;font-size:34px;height:28px;line-height:34px}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_left__Efl5l{display:flex;font-size:22px;font-weight:500}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_left__Efl5l .AppPageFrame_logo__8Jwal{align-items:center;background-color:#666;border-radius:4px;display:flex;height:32px;justify-content:center;width:32px}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_left__Efl5l .AppPageFrame_appName__0-Afb{display:inline-block;font-size:24px;font-weight:500;height:32px;line-height:24px;margin-left:8px}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_right__gUcB6{display:flex}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_right__gUcB6 .AppPageFrame_btn__BkWG7{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;margin-left:8px;padding:0 8px;pointer-events:all}.AppPageFrame_container__pjrxk .AppPageFrame_head__gE2DM .AppPageFrame_right__gUcB6 .AppPageFrame_btn__BkWG7:hover{background-image:linear-gradient(132deg,#d628fe 1%,#35a2fd 95%);border-radius:1px}.ShearPlate_container__A3IuO{padding:16px 24px;width:100%}.ShearPlate_container__A3IuO .ShearPlate_title__gxJOo{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw{display:flex;flex:1;width:100%}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM{display:flex;flex-direction:column;margin-bottom:20px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM textarea{background-color:#eee;color:#333}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_text__0QXK\+{display:inline-block;margin-bottom:8px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8{align-items:center;background-color:#eee;border:1px solid;border-radius:8px;display:flex;height:186px;justify-content:center;position:relative;width:100%}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_textArea__vjqXI{border-radius:8px;height:100%;width:100%;z-index:1}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_imgBox__ctB7Q{border:1px solid #aaa;bottom:0;height:164px;left:0;margin:auto;position:absolute;right:0;top:0;width:164px;z-index:2}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_imgBox__ctB7Q img{height:100%;object-fit:cover;width:100%}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz{align-items:center;display:flex;flex-direction:column;margin:auto}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_uploadBtn__hhEOk{cursor:pointer;font-family:SourceHanSansCN-Medium!important;font-size:14px;height:46px;line-height:46px;position:relative;width:160px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_uploadBtn__hhEOk svg{height:16px;width:16px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_uploadBtn__hhEOk input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ant-btn{padding:0}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_text__0QXK\+{color:#333;font-family:SourceHanSansCN-Medium!important;font-size:14px;font-weight:500;margin:8px 0}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_imageBox__-9KO8 .ShearPlate_emptyBox__vVriz .ShearPlate_tips__5RqZh{color:#777;font-size:12px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_btns__QrNT6{display:flex;justify-content:space-between}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_inputBox__W7UHM .ShearPlate_btns__QrNT6 button{width:100px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_box__dsVRR{background-color:hsla(0,0%,100%,.2);border:1px solid #aaa;border-radius:8px;display:flex;flex:1;flex-direction:column;padding:10px}.ShearPlate_container__A3IuO .ShearPlate_content__vJVhw .ShearPlate_box__dsVRR:first-of-type{margin-right:12px}.RecordedAudio_container__RaqtU{align-items:center;display:flex;flex-direction:column;height:200px;padding:20px;width:100%}.RecordedAudio_container__RaqtU .RecordedAudio_title__PkAAx{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.RecordedAudio_container__RaqtU .RecordedAudio_content__vaNK8{align-items:center;display:flex;width:500px}.RecordedAudio_container__RaqtU .RecordedAudio_content__vaNK8 .RecordedAudio_audio__It4po{height:50px;width:340px}.RecordedAudio_container__RaqtU .RecordedAudio_content__vaNK8 button{margin:0 10px}.RecordedVideo_container__NkqWY{padding:20px;width:100%}.RecordedVideo_container__NkqWY .RecordedVideo_title__fUoXJ{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1{align-items:center;display:flex;flex-direction:column}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_videoBox__18hnw{border:1px solid #aaa;box-sizing:border-box;position:relative}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_videoBox__18hnw video{left:0;position:absolute;top:0}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_videoBox__18hnw .RecordedVideo_recordVideo__0UQPG{z-index:1}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_videoBox__18hnw .RecordedVideo_playVideo__cxP10{z-index:2}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_btns__NAtxU{align-items:center;display:flex;margin-top:20px}.RecordedVideo_container__NkqWY .RecordedVideo_content__asWV1 .RecordedVideo_btns__NAtxU button{margin:0 20px}.RecordedScreen_container__ocp0M{padding:20px;width:100%}.RecordedScreen_container__ocp0M .RecordedScreen_title__W0vMd{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk{align-items:center;display:flex;flex-direction:column}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_videoBox__h9jea{border:1px solid #aaa;box-sizing:border-box;position:relative}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_videoBox__h9jea video{left:0;position:absolute;top:0}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_videoBox__h9jea .RecordedScreen_recordVideo__RxPmj{z-index:1}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_videoBox__h9jea .RecordedScreen_playVideo__omjcA{z-index:2}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_btns__TSHxB{align-items:center;display:flex;margin-top:20px}.RecordedScreen_container__ocp0M .RecordedScreen_content__VeJjk .RecordedScreen_btns__TSHxB button{margin:0 20px}.TakeIDPhotos_container__9YE8N{padding:20px;width:100%}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_title__i5kFN{color:#fff;font-family:SourceHanSansCN-Bold!important;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix-{align-items:center;display:flex;flex-direction:column}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_videoBox__9t7RI{border:1px solid #aaa;box-sizing:border-box;position:relative}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_videoBox__9t7RI .TakeIDPhotos_recordVideo__fGXpo{left:0;position:absolute;top:0;visibility:hidden;z-index:1}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_videoBox__9t7RI canvas{z-index:2}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_btns__n-Nxn{align-items:center;display:flex;margin-top:20px}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_btns__n-Nxn .ant-select-selector{background-color:transparent!important;color:#fff}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_btns__n-Nxn .TakeIDPhotos_label__WpbM\+{margin-left:16px}.TakeIDPhotos_container__9YE8N .TakeIDPhotos_content__\+fix- .TakeIDPhotos_btns__n-Nxn button{margin:0 20px}.UtilitarianFunction_container__nbWbY{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;min-height:100%;overflow-y:auto;padding:4px 2px;width:100%}.UtilitarianFunction_container__nbWbY .UtilitarianFunction_box__xBne9{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;color:#fff;display:flex;flex:1;flex-direction:column;margin:8px 2px;overflow:hidden;position:relative}.TiltButton_container__794Op{pointer-events:all;width:160px}.TiltButton_container__794Op .TiltButton_buttonWrapper__qprX4{position:relative}.TiltButton_container__794Op .TiltButton_buttonWrapper__qprX4 button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Gilroy ExtraBold,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:16px;height:48px;justify-content:center;letter-spacing:2px;outline:none;padding:0 10px;position:relative;text-align:center;-webkit-transform:perspective(250px) scaleX(1);transform:perspective(250px) scaleX(1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 1s cubic-bezier(.03,.98,.52,.99);-webkit-user-select:none;user-select:none;width:160px;will-change:transform,box-shadow,background-color;z-index:2}.TiltButton_container__794Op .TiltButton_buttonWrapper__qprX4 button:active{-webkit-transform:perspective(250px) scaleX(1) translateY(5%)!important;transform:perspective(250px) scaleX(1) translateY(5%)!important}.TiltButton_container__794Op .TiltButton_buttonWrapper__qprX4 .TiltButton_symbol__8btRZ{animation:TiltButton_explode__V1EbE .8s ease-in reverse forwards;height:10px;position:absolute;width:10px;z-index:1}@-webkit-keyframes TiltButton_explode__V1EbE{0%{opacity:0}to{left:50%;opacity:1;top:50%}}@keyframes TiltButton_explode__V1EbE{0%{opacity:0}to{left:50%;opacity:1;top:50%}}.TiltButton_container__794Op .TiltButton_baseSvg__VopDS{display:none}.RotateBgButton_container__\+oxiM{background-image:radial-gradient(closest-side,#d628fe 6%,#35a2fd 50%,#d628fe 100%);background-position:0 50%;background-size:200% 600%;border-radius:6px}.IconMoveButton_container__jbUL6 button,.RotateBgButton_container__\+oxiM{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;width:160px}.IconMoveButton_container__jbUL6 button{background:#35a2fd;border:0;border-radius:6px}.IconMoveButton_container__jbUL6 button svg{margin-right:10px}.IconMoveButton_container__jbUL6 button svg path{fill:#8367fe}.IconMoveButton_container__jbUL6 button:hover svg{-webkit-animation:IconMoveButton_fly__AkKzk 2s ease 1;animation:IconMoveButton_fly__AkKzk 2s ease 1}@-webkit-keyframes IconMoveButton_fly__AkKzk{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(460%);transform:translateX(460%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes IconMoveButton_fly__AkKzk{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(460%);transform:translateX(460%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.NeonButton_container__UJhO5 button{align-items:center;background-color:transparent;border:1px solid #4cc9f0;color:#4cc9f0;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;width:160px}.NeonButton_container__UJhO5 button:hover{background-color:#4cc9f0;border:0;box-shadow:10px 10px 99px 6px #4cc9f0;color:#fff!important}.BorderAnimationButton_container__\+\+2oE button{align-items:center;background-color:transparent;border:2px solid transparent;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.BorderAnimationButton_container__\+\+2oE button:after,.BorderAnimationButton_container__\+\+2oE button:before{border:2px solid transparent;box-sizing:border-box;content:"";height:0;position:absolute;width:0}.BorderAnimationButton_container__\+\+2oE button:before{left:0;top:0}.BorderAnimationButton_container__\+\+2oE button:after{bottom:0;right:0}.BorderAnimationButton_container__\+\+2oE button:hover:before{border-right-color:#35a2fd;border-top-color:#35a2fd;height:100%;transition:width .1s ease-out,height .1s ease-out .1s;width:100%}.BorderAnimationButton_container__\+\+2oE button:hover:after{border-bottom-color:#35a2fd;border-left-color:#35a2fd;height:100%;transition:border-color 0s ease-out .2s,width .1s ease-out .2s,height .1s ease-out .3s;width:100%}.BorderAnimationButton2_container__friIP button{align-items:center;background-color:transparent;border:none;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.BorderAnimationButton2_container__friIP button:after,.BorderAnimationButton2_container__friIP button:before{border:2px solid transparent;box-sizing:border-box;content:"";height:0;position:absolute;width:0}.BorderAnimationButton2_container__friIP button:before{left:0;top:0}.BorderAnimationButton2_container__friIP button:after{bottom:0;right:0}.BorderAnimationButton2_container__friIP button:hover:before{border-right-color:#35a2fd;border-top-color:#35a2fd;height:100%;transition:width .2s ease-out,height .2s ease-out .2s;width:100%}.BorderAnimationButton2_container__friIP button:hover:after{border-bottom-color:#35a2fd;border-left-color:#35a2fd;height:100%;transition:width .2s ease-out,height .2s ease-out .2s;width:100%}.TranslateBgButton_container__L5LWZ button{align-items:center;background:linear-gradient(90deg,#c635fe 50%,#35a2fd 0);background-position:100% 0;background-size:200% 100%;border:0;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:all .5s ease;width:160px}.TranslateBgButton_container__L5LWZ button:hover{background-position:0 0}.RoundedGradientButton_container__AMSMu button{align-items:center;background-color:#35a2fd;border:0!important;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:border-radius 1s;-webkit-transition:border-radius 1s;width:160px}.RoundedGradientButton_container__AMSMu button:hover{border-bottom-right-radius:50px;border-top-left-radius:50px}.MirrorSideButton_container__sB1Ij button{background-color:transparent;border:2px solid #35a2fd;color:#35a2fd;cursor:pointer;font-size:24px;height:48px;overflow:hidden;position:relative;width:160px}.MirrorSideButton_container__sB1Ij button:after{background-color:hsla(0,0%,100%,.314);content:"";display:block;height:80px;left:-50px;position:absolute;top:-20px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:20px}.MirrorSideButton_container__sB1Ij button:hover:after{left:120%;transition:all .8s cubic-bezier(.3,1,.2,1);-webkit-transition:all .8s cubic-bezier(.3,1,.2,1)}.MirrorSideButton_container__sB1Ij button:active{border:2px solid rgba(53,162,253,.267);color:rgba(53,162,253,.267)}.ShakeButton_container__g6kIG button{align-items:center;-webkit-animation:ShakeButton_show__D7gW9 .2s ease 0s 1 normal none running,ShakeButton_shake__Ues7G 1.2s ease 1s infinite normal none running;animation:ShakeButton_show__D7gW9 .2s ease 0s 1 normal none running,ShakeButton_shake__Ues7G 1.2s ease 1s infinite normal none running;background:#35a2fd;border:0;border-radius:6px;box-shadow:0 10px 20px -10px #35a2fd;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;width:160px}.ShakeButton_container__g6kIG button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes ShakeButton_show__D7gW9{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}80%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ShakeButton_show__D7gW9{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}80%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ShakeButton_shake__Ues7G{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}10%{-webkit-transform:translate3d(-3%,0,0) rotate(-5deg);transform:translate3d(-3%,0,0) rotate(-5deg)}20%{-webkit-transform:translate3d(2%,0,0) rotate(3deg);transform:translate3d(2%,0,0) rotate(3deg)}30%{-webkit-transform:translate3d(-1%,0,0) rotate(-3deg);transform:translate3d(-1%,0,0) rotate(-3deg)}40%{-webkit-transform:translate3d(1%,0,0) rotate(2deg);transform:translate3d(1%,0,0) rotate(2deg)}50%{-webkit-transform:translate3d(-1%,0,0) rotate(-1deg);transform:translate3d(-1%,0,0) rotate(-1deg)}60%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes ShakeButton_shake__Ues7G{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}10%{-webkit-transform:translate3d(-3%,0,0) rotate(-5deg);transform:translate3d(-3%,0,0) rotate(-5deg)}20%{-webkit-transform:translate3d(2%,0,0) rotate(3deg);transform:translate3d(2%,0,0) rotate(3deg)}30%{-webkit-transform:translate3d(-1%,0,0) rotate(-3deg);transform:translate3d(-1%,0,0) rotate(-3deg)}40%{-webkit-transform:translate3d(1%,0,0) rotate(2deg);transform:translate3d(1%,0,0) rotate(2deg)}50%{-webkit-transform:translate3d(-1%,0,0) rotate(-1deg);transform:translate3d(-1%,0,0) rotate(-1deg)}60%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.Skew3DButton_container__1NY5X button{align-items:center;background:#35a2fd;border:0;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.Skew3DButton_container__1NY5X button:before{background-color:rgba(35,162,253,.4);content:"";height:100%;left:-10px;position:absolute;top:5px;-webkit-transform:skewY(-45deg);transform:skewY(-45deg);transition:all 3s ease-in-out;width:10px}.Skew3DButton_container__1NY5X button:after{background-color:rgba(35,162,253,.4);bottom:-10px;content:"";height:10px;left:-5px;position:absolute;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);width:100%}.Skew3DButton_container__1NY5X button:hover{box-shadow:-20px 20px 20px rgba(35,162,253,.4);-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}.HoverCircleButton_container__PuMuD button{align-items:center;background:#35a2fd;border:0;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;overflow:hidden;position:relative;transition:.3s;width:160px}.HoverCircleButton_container__PuMuD button span{z-index:2}.HoverCircleButton_container__PuMuD button:before{background-color:#fff;border-radius:50%;content:"";height:2px;left:var(--xPos);position:absolute;top:var(--yPos);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center;transition:width .4s,height .4s;width:2px;z-index:1}.HoverCircleButton_container__PuMuD button:hover:before{height:400px;width:400px}.HoverCircleButton_container__PuMuD button:hover span{color:#666}.PunkEffectButton_container__RO8q0 button{align-items:center;background:linear-gradient(30deg,transparent 10%,#f80 0,#f80 95%,#00ff95 0);background:linear-gradient(30deg,transparent 10%,#f80 10% 95%,#00ff95 95%);border:0!important;box-shadow:5px 0 0 #0cf;color:#fffbfb;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.PunkEffectButton_container__RO8q0 button:after{align-items:center;background:linear-gradient(30deg,transparent 10%,#f80 0,#f80 95%,#00ff95 0);background:linear-gradient(30deg,transparent 10%,#f80 10% 95%,#00ff95 95%);border:0!important;box-shadow:5px 0 0 #0cf;color:#fffbfb;content:"Button";cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;left:0;position:absolute;text-shadow:-5px -2px 0 #00b7ff,5px 2px 0 #00ff73;top:0;visibility:hidden;width:160px}.PunkEffectButton_container__RO8q0 button:hover:after{-webkit-animation:PunkEffectButton_san__RXb6B 1s;animation:PunkEffectButton_san__RXb6B 1s;-webkit-animation-timing-function:step-end;animation-timing-function:step-end}@-webkit-keyframes PunkEffectButton_san__RXb6B{0%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(-6px,5px);transform:translate(-6px,5px);visibility:visible}10%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(6px,-5px);transform:translate(6px,-5px)}20%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(5px);transform:translate(5px)}30%{-webkit-clip-path:inset(80% -5px 5% 0);clip-path:inset(80% -5px 5% 0);-webkit-transform:translate(-8px,5px);transform:translate(-8px,5px)}40%{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(-4px,-3px);transform:translate(-4px,-3px)}50%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(-6px,-5px);transform:translate(-6px,-5px)}60%{-webkit-clip-path:inset(80% -5px 5% 0);clip-path:inset(80% -5px 5% 0);-webkit-transform:translate(-7px,5px);transform:translate(-7px,5px)}70%{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}80%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}90%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(6px,-5px);transform:translate(6px,-5px)}to{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(1px,5px);transform:translate(1px,5px)}}@keyframes PunkEffectButton_san__RXb6B{0%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(-6px,5px);transform:translate(-6px,5px);visibility:visible}10%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(6px,-5px);transform:translate(6px,-5px)}20%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(5px);transform:translate(5px)}30%{-webkit-clip-path:inset(80% -5px 5% 0);clip-path:inset(80% -5px 5% 0);-webkit-transform:translate(-8px,5px);transform:translate(-8px,5px)}40%{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(-4px,-3px);transform:translate(-4px,-3px)}50%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(-6px,-5px);transform:translate(-6px,-5px)}60%{-webkit-clip-path:inset(80% -5px 5% 0);clip-path:inset(80% -5px 5% 0);-webkit-transform:translate(-7px,5px);transform:translate(-7px,5px)}70%{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}80%{-webkit-clip-path:inset(50% -5px 30% 0);clip-path:inset(50% -5px 30% 0);-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}90%{-webkit-clip-path:inset(20% -5px 60% 0);clip-path:inset(20% -5px 60% 0);-webkit-transform:translate(6px,-5px);transform:translate(6px,-5px)}to{-webkit-clip-path:inset(0 -5px 80% 0);clip-path:inset(0 -5px 80% 0);-webkit-transform:translate(1px,5px);transform:translate(1px,5px)}}.PunkEffectButton2_container__KUiXn button{align-items:center;background-color:transparent;border:0;border-radius:6px;box-sizing:border-box;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:relative;width:160px}.PunkEffectButton2_container__KUiXn button:after{background-color:transparent;box-sizing:border-box;-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);content:"Button";font-size:24px;height:100%;left:0;position:absolute;top:0;width:100%}.PunkEffectButton2_container__KUiXn button:hover{border:1px solid #35a2fd;box-shadow:0 10px 10px -10px #35a2fd}.PunkEffectButton2_container__KUiXn button:hover:after{-webkit-animation:PunkEffectButton2_glitch__KUNtR 1s;animation:PunkEffectButton2_glitch__KUNtR 1s;-webkit-animation-timing-function:steps(2);animation-timing-function:steps(2);background-color:transparent;border:3px solid #35a2fd;text-shadow:10 10px 10px #000;text-shadow:-3px -3px 0 #35a2fd,3px 3px 0 #e94be8}@-webkit-keyframes PunkEffectButton2_glitch__KUNtR{0%{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translateY(-10px);transform:translateY(-10px)}10%{-webkit-clip-path:inset(31% 0 40% 0);clip-path:inset(31% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}20%{-webkit-clip-path:inset(39% 0 15% 0);clip-path:inset(39% 0 15% 0);-webkit-transform:translate(10px);transform:translate(10px)}30%{-webkit-clip-path:inset(45% 0 40% 0);clip-path:inset(45% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}40%{-webkit-clip-path:inset(45% 0 6% 0);clip-path:inset(45% 0 6% 0);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}50%{-webkit-clip-path:inset(14% 0 61% 0);clip-path:inset(14% 0 61% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}60%{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}70%{-webkit-clip-path:inset(39% 0 15% 0);clip-path:inset(39% 0 15% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:inset(31% 0 40% 0);clip-path:inset(31% 0 40% 0);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}90%{-webkit-clip-path:inset(45% 0 40% 0);clip-path:inset(45% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}to{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translate(0);transform:translate(0)}}@keyframes PunkEffectButton2_glitch__KUNtR{0%{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translateY(-10px);transform:translateY(-10px)}10%{-webkit-clip-path:inset(31% 0 40% 0);clip-path:inset(31% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}20%{-webkit-clip-path:inset(39% 0 15% 0);clip-path:inset(39% 0 15% 0);-webkit-transform:translate(10px);transform:translate(10px)}30%{-webkit-clip-path:inset(45% 0 40% 0);clip-path:inset(45% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}40%{-webkit-clip-path:inset(45% 0 6% 0);clip-path:inset(45% 0 6% 0);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}50%{-webkit-clip-path:inset(14% 0 61% 0);clip-path:inset(14% 0 61% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}60%{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}70%{-webkit-clip-path:inset(39% 0 15% 0);clip-path:inset(39% 0 15% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:inset(31% 0 40% 0);clip-path:inset(31% 0 40% 0);-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}90%{-webkit-clip-path:inset(45% 0 40% 0);clip-path:inset(45% 0 40% 0);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}to{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transform:translate(0);transform:translate(0)}}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7{--border-radius1:60px 60px 40px 40px/48px 48px 30px 30px;--border-radius2:70px 70px 40px 40px/48px 48px 30px 30px;--border-radius3:40px 40px 40px 40px/48px 48px 30px 30px;align-items:center;background-color:#f4cf47;border:3px solid #000;border-radius:30px;box-sizing:border-box;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;width:200px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE{align-items:center;border-radius:30px;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE span{color:#000;font-size:24px;letter-spacing:2px;transition:all .3s ease;z-index:2}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE:after,.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE:before{background-color:#f4e19c;bottom:0;-webkit-clip-path:path("M13.77,37.35L.25,16.6c-.87-1.33,.69-2.91,2-2.02l12.67,8.59c.81,.55,1.91,.14,2.18-.81l2.62-9.33c.39-1.4,2.34-1.42,2.76-.02l3.6,11.99c.33,1.11,1.74,1.4,2.47,.52L49.38,.52c.87-1.04,2.53-.42,2.53,.95V23.7c0,1.13,1.2,1.83,2.16,1.26l12.75-7.51c.85-.5,1.94,0,2.13,.98l1.5,7.6c.2,1.03,1.37,1.51,2.22,.92l17.74-12.3c1.09-.75,2.52,.25,2.21,1.55l-2.44,10.2c-.26,1.09,.74,2.06,1.8,1.75l30.8-9.04c1.37-.4,2.42,1.26,1.49,2.36l-9.07,10.66c-.83,.98-.1,2.49,1.17,2.42l12.12-.68c1.6-.09,2.12,2.15,.65,2.8l-2.73,1.21c-.18,.08-.38,.12-.58,.12H14.97c-.48,0-.93-.25-1.2-.65Z");clip-path:path("M13.77,37.35L.25,16.6c-.87-1.33,.69-2.91,2-2.02l12.67,8.59c.81,.55,1.91,.14,2.18-.81l2.62-9.33c.39-1.4,2.34-1.42,2.76-.02l3.6,11.99c.33,1.11,1.74,1.4,2.47,.52L49.38,.52c.87-1.04,2.53-.42,2.53,.95V23.7c0,1.13,1.2,1.83,2.16,1.26l12.75-7.51c.85-.5,1.94,0,2.13,.98l1.5,7.6c.2,1.03,1.37,1.51,2.22,.92l17.74-12.3c1.09-.75,2.52,.25,2.21,1.55l-2.44,10.2c-.26,1.09,.74,2.06,1.8,1.75l30.8-9.04c1.37-.4,2.42,1.26,1.49,2.36l-9.07,10.66c-.83,.98-.1,2.49,1.17,2.42l12.12-.68c1.6-.09,2.12,2.15,.65,2.8l-2.73,1.21c-.18,.08-.38,.12-.58,.12H14.97c-.48,0-.93-.25-1.2-.65Z");content:"";height:30px;position:absolute;transition:all .5s ease;width:90px;z-index:0}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE:before{left:0}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_buttonWrapper__LV-bE:after{right:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O{align-items:flex-end;display:flex;height:56px;justify-content:space-between;position:absolute;top:-54px;width:136px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs{-webkit-animation:BirdButton_sleep__R92R\+ 1s ease infinite alternate;animation:BirdButton_sleep__R92R\+ 1s ease infinite alternate;background-color:#f4cf47;border:2px solid #000;border-radius:var(--border-radius1);box-sizing:border-box;display:flex;height:28px;justify-content:center;position:relative;width:42px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt{background-color:#ff8108;border-radius:50% 50% 50% 50%/78% 78% 22% 22%;height:6px;position:absolute;top:15px;width:12px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt:after,.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt:before{background:#000;border-radius:4px;content:"";height:2px;position:absolute;top:-4px;width:8px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt:before{left:-5px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs .BirdButton_birdFace__vJMFt:after{right:-5px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7 .BirdButton_birdBox__RbQ6O .BirdButton_bird__iLhzs:before{background:#ff8108;-webkit-clip-path:path("M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z");clip-path:path("M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z");content:"";height:12px;left:16px;position:absolute;top:-12px;width:12px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:before{background-color:#000;-webkit-clip-path:path("M24,12.02c0-1.09-.75-1.71-.81-1.77L11.17,.45c-.91-.74-2.21-.56-2.91,.42-.69,.97-.52,2.37,.39,3.11l7.12,5.81-13.7-.02h0C.93,9.77,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l13.7,.02-7.13,5.78c-.91,.74-1.09,2.13-.4,3.11,.41,.58,1.03,.88,1.65,.88,.44,0,.88-.15,1.25-.45l12.04-9.76c.07-.06,.82-.67,.82-1.77Z");clip-path:path("M24,12.02c0-1.09-.75-1.71-.81-1.77L11.17,.45c-.91-.74-2.21-.56-2.91,.42-.69,.97-.52,2.37,.39,3.11l7.12,5.81-13.7-.02h0C.93,9.77,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l13.7,.02-7.13,5.78c-.91,.74-1.09,2.13-.4,3.11,.41,.58,1.03,.88,1.65,.88,.44,0,.88-.15,1.25-.45l12.04-9.76c.07-.06,.82-.67,.82-1.77Z");content:"";height:24px;margin:auto 0;position:absolute;right:20px;transition:all .2s ease;width:24px;z-index:3}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_buttonWrapper__LV-bE span{letter-spacing:4px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_buttonWrapper__LV-bE:before{-webkit-transform:translateX(-12px);transform:translateX(-12px)}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_buttonWrapper__LV-bE:after{-webkit-transform:translateX(12px) rotateY(180deg);transform:translateX(12px) rotateY(180deg)}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover:before{right:14px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s{-webkit-animation:BirdButton_wakeup__Igq0s .2s ease forwards;animation:BirdButton_wakeup__Igq0s .2s ease forwards}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s .BirdButton_birdFace__vJMFt:after,.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s .BirdButton_birdFace__vJMFt:before{-webkit-animation:BirdButton_eye__pVgna 5s linear infinite;animation:BirdButton_eye__pVgna 5s linear infinite;height:6px;width:6px}.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s:nth-child(2) .BirdButton_birdFace__vJMFt:after,.BirdButton_container__7qoN9 .BirdButton_content__kmjN7:hover .BirdButton_birdBox__RbQ6O .BirdButton_wakeup__Igq0s:nth-child(2) .BirdButton_birdFace__vJMFt:before{-webkit-animation:BirdButton_eye2__uHLm4 5s linear infinite;animation:BirdButton_eye2__uHLm4 5s linear infinite;height:6px;width:6px}@-webkit-keyframes BirdButton_wakeup__Igq0s{0%{border-radius:var(--border-radius2);height:28px}to{border-radius:var(--border-radius3);height:40px}}@keyframes BirdButton_wakeup__Igq0s{0%{border-radius:var(--border-radius2);height:28px}to{border-radius:var(--border-radius3);height:40px}}@-webkit-keyframes BirdButton_eye__pVgna{0%{height:6px;top:-6px;width:6px}30%{height:6px;top:-6px;width:6px}32%{height:2px;top:-4px;width:8px}34%{height:6px;top:-6px;width:6px}70%{height:6px;top:-6px;width:6px}72%{height:2px;top:-4px;width:8px}74%{height:6px;top:-6px;width:6px}76%{height:2px;top:-4px;width:8px}78%{height:6px;top:-6px;width:6px}to{height:6px;top:-6px;width:6px}}@keyframes BirdButton_eye__pVgna{0%{height:6px;top:-6px;width:6px}30%{height:6px;top:-6px;width:6px}32%{height:2px;top:-4px;width:8px}34%{height:6px;top:-6px;width:6px}70%{height:6px;top:-6px;width:6px}72%{height:2px;top:-4px;width:8px}74%{height:6px;top:-6px;width:6px}76%{height:2px;top:-4px;width:8px}78%{height:6px;top:-6px;width:6px}to{height:6px;top:-6px;width:6px}}@-webkit-keyframes BirdButton_eye2__uHLm4{0%{height:6px;top:-6px;width:6px}10%{-webkit-transform:translateX(0);transform:translateX(0)}12%{-webkit-transform:translateX(3px);transform:translateX(3px)}20%{height:6px;top:-6px;width:6px}22%{height:2px;top:-4px;width:8px}24%{height:6px;top:-6px;width:6px}25%{-webkit-transform:translateX(3px);transform:translateX(3px)}27%{-webkit-transform:translateX(0);transform:translateX(0)}74%{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}76%{height:2px;top:-4px;-webkit-transform:translateX(3px);transform:translateX(3px);width:8px}78%{height:6px;top:-6px;width:6px}80%{height:2px;top:-4px;width:8px}82%{height:6px;top:-6px;width:6px}85%{-webkit-transform:translateX(3px);transform:translateX(3px)}87%{-webkit-transform:translateX(0);transform:translateX(0)}to{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}}@keyframes BirdButton_eye2__uHLm4{0%{height:6px;top:-6px;width:6px}10%{-webkit-transform:translateX(0);transform:translateX(0)}12%{-webkit-transform:translateX(3px);transform:translateX(3px)}20%{height:6px;top:-6px;width:6px}22%{height:2px;top:-4px;width:8px}24%{height:6px;top:-6px;width:6px}25%{-webkit-transform:translateX(3px);transform:translateX(3px)}27%{-webkit-transform:translateX(0);transform:translateX(0)}74%{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}76%{height:2px;top:-4px;-webkit-transform:translateX(3px);transform:translateX(3px);width:8px}78%{height:6px;top:-6px;width:6px}80%{height:2px;top:-4px;width:8px}82%{height:6px;top:-6px;width:6px}85%{-webkit-transform:translateX(3px);transform:translateX(3px)}87%{-webkit-transform:translateX(0);transform:translateX(0)}to{height:6px;top:-6px;-webkit-transform:translateX(0);transform:translateX(0);width:6px}}@-webkit-keyframes BirdButton_sleep__R92R\+{0%{border-radius:var(--border-radius1);height:30px}to{border-radius:var(--border-radius2);height:26px}}@keyframes BirdButton_sleep__R92R\+{0%{border-radius:var(--border-radius1);height:30px}to{border-radius:var(--border-radius2);height:26px}}.ObliqueLineButton_container__1jrJm button{align-items:center;background-color:transparent;border:0!important;box-sizing:border-box;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;line-height:24px;overflow:hidden;position:relative;width:160px;z-index:1}.ObliqueLineButton_container__1jrJm button span{border:4px solid #35a2fd;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.ObliqueLineButton_container__1jrJm button span:after{background-color:#04111b;content:"";height:400%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-60deg);transform:translate(-50%,-50%) rotate(-60deg);transition:all .3s;width:8%}.ObliqueLineButton_container__1jrJm button:hover{color:#fff}.ObliqueLineButton_container__1jrJm button:hover span:after{background-color:#35a2fd;width:100%}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d{cursor:pointer;height:48px;position:relative;width:160px}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d button{align-items:center;background-color:transparent;border:2px solid #35a2fd;border-radius:6px;box-sizing:border-box;color:#35a2fd;cursor:pointer;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d svg{height:calc(100% + 20px);left:-10px;opacity:0;pointer-events:none;position:absolute;top:-10px;width:calc(100% + 20px)}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d svg .LightningBorderButton_line1__Njvnt{stroke-dasharray:100;stroke:#f6de8d;stroke-dashoffset:0;-webkit-filter:url(#glow);filter:url(#glow)}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d svg .LightningBorderButton_line2__hEdBj{stroke-dasharray:100;stroke:#6bfeff;stroke-dashoffset:500;-webkit-filter:url(#glow);filter:url(#glow)}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d:hover svg{opacity:1;transition:opacity .4s;transition-delay:.1s}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d:hover svg .LightningBorderButton_line1__Njvnt{-webkit-animation:LightningBorderButton_spark1__kSD1n 3s linear infinite;animation:LightningBorderButton_spark1__kSD1n 3s linear infinite}.LightningBorderButton_container__ekKDU .LightningBorderButton_buttonBox__o0z\+d:hover svg .LightningBorderButton_line2__hEdBj{-webkit-animation:LightningBorderButton_spark2__jRGrn 3s linear infinite;animation:LightningBorderButton_spark2__jRGrn 3s linear infinite}@-webkit-keyframes LightningBorderButton_spark1__kSD1n{to{stroke-dashoffset:-1000}}@keyframes LightningBorderButton_spark1__kSD1n{to{stroke-dashoffset:-1000}}@-webkit-keyframes LightningBorderButton_spark2__jRGrn{to{stroke-dashoffset:-500}}@keyframes LightningBorderButton_spark2__jRGrn{to{stroke-dashoffset:-500}}.DynamicButtons_container__onlah{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;min-height:100%;padding:2px 4px 4px;width:100%}.DynamicButtons_container__onlah .DynamicButtons_box__HDepH{align-items:center;background-color:rgba(0,12,23,.867);border:3px solid rgba(53,162,253,.267);border-radius:10px;display:flex;height:220px;justify-content:center;overflow:hidden}.DynamicButtons_container__onlah .DynamicButtons_box1__eXXBp .DynamicButtons_btn__v5GiZ{height:48px;margin:20px;width:160px}.DynamicButtons_container__onlah .DynamicButtons_box1__eXXBp .DynamicButtons_btn__v5GiZ button .DynamicButtons_btnText__a2SkT{font-size:22px;font-weight:400!important}.DynamicTime_container__gWj7z{display:flex;height:314px;padding-top:100px;position:relative}.DynamicTime_container__gWj7z .DynamicTime_circle__KgCyy{align-items:center;border:6px solid #191919;border-radius:50%;box-sizing:border-box;display:flex;font-size:40px;font-weight:500;height:150px;justify-content:center;margin-right:30px;position:relative;-webkit-user-select:none;user-select:none;width:150px}.DynamicTime_container__gWj7z .DynamicTime_circle__KgCyy svg{border-radius:50%;height:150px;left:-6px;position:absolute;top:-6px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:150px}.DynamicTime_container__gWj7z .DynamicTime_circle__KgCyy svg circle{fill:transparent;stroke-width:6px;stroke-dasharray:471;height:100%;width:100%}.DynamicTime_container__gWj7z .DynamicTime_hour__QRch1 svg circle{stroke:#ff2972}.DynamicTime_container__gWj7z .DynamicTime_minutes__CiztT svg circle{stroke:#fee800}.DynamicTime_container__gWj7z .DynamicTime_seconds__HIQzF svg circle{stroke:#04fc43}.DynamicTime_container__gWj7z .DynamicTime_text__tg\+1p{bottom:22px;color:#ccc;font-size:12px;font-weight:400;left:0;margin:0 auto;position:absolute;right:0;text-align:center;width:66px}.DynamicTime_container__gWj7z .DynamicTime_ap__-R5C5{font-size:20px;font-weight:500;height:150px}.FlopTime_container__FCqPp{display:flex;height:314px;padding-top:126px;position:relative}.FlopTime_container__FCqPp .FlopTime_content__hgESz{display:flex}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO{background-color:#000;border:1px solid #000;border-radius:10px;box-shadow:0 0 6px rgba(0,0,0,.5);color:#fff;font-size:66px;height:100px;line-height:100px;margin:0 4px;position:relative;text-align:center;width:60px}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_digital__qpGvE:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_digital__qpGvE:before{background-color:#000;box-sizing:border-box;color:#fff;content:"";left:0;overflow:hidden;position:absolute;right:0}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_digital__qpGvE:before{border-bottom:1px solid #333;border-radius:10px 10px 0 0;bottom:50%;top:0}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_digital__qpGvE:after{border-radius:0 0 10px 10px;bottom:0;line-height:0;top:50%}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_front__uSPIf:before{z-index:3}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_back__pv1UY:before,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_front__uSPIf:after{z-index:1}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_back__pv1UY:after{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;z-index:2}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number0__ZTJin:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number0__ZTJin:before{content:"0"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number1__eLA3v:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number1__eLA3v:before{content:"1"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number2__1Ac8e:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number2__1Ac8e:before{content:"2"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number3__0vQ0q:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number3__0vQ0q:before{content:"3"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number4__dEd0i:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number4__dEd0i:before{content:"4"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number5__a-zf8:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number5__a-zf8:before{content:"5"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number6__2oi9K:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number6__2oi9K:before{content:"6"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number7__r4N7o:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number7__r4N7o:before{content:"7"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number8__HcY\+F:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number8__HcY\+F:before{content:"8"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number9__Ga-a0:after,.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_flip__uaSUO .FlopTime_number9__Ga-a0:before{content:"9"}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_down__RmRNR.FlopTime_go__-zVpA .FlopTime_front__uSPIf:before{-webkit-animation:FlopTime_frontFlipDown__GMZfH .6s ease-in-out both;animation:FlopTime_frontFlipDown__GMZfH .6s ease-in-out both;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 -2px 6px hsla(0,0%,100%,.3);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_down__RmRNR.FlopTime_go__-zVpA .FlopTime_back__pv1UY:after{-webkit-animation:FlopTime_backFlipDown__d92sS .6s ease-in-out both;animation:FlopTime_backFlipDown__d92sS .6s ease-in-out both}.FlopTime_container__FCqPp .FlopTime_content__hgESz .FlopTime_dot__FWyVP{font-size:24px;height:100px;line-height:100px;margin:0 10px}@-webkit-keyframes FlopTime_frontFlipDown__GMZfH{0%{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}to{-webkit-transform:perspective(160px) rotateX(-180deg);transform:perspective(160px) rotateX(-180deg)}}@keyframes FlopTime_frontFlipDown__GMZfH{0%{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}to{-webkit-transform:perspective(160px) rotateX(-180deg);transform:perspective(160px) rotateX(-180deg)}}@-webkit-keyframes FlopTime_backFlipDown__d92sS{0%{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg)}to{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}}@keyframes FlopTime_backFlipDown__d92sS{0%{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg)}to{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}}.ChargingAnimation_container__v9\+1B{background-color:#000;display:flex;flex:1;height:600px;justify-content:center;padding-top:100px;position:relative}.ChargingAnimation_container__v9\+1B .ChargingAnimation_number__p2igZ{color:#fff;font-size:32px;position:absolute;text-align:center;top:32%;width:300px;z-index:10}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt{-webkit-animation:ChargingAnimation_hueRotate__opiYF 10s linear infinite;animation:ChargingAnimation_hueRotate__opiYF 10s linear infinite;background-color:#000;-webkit-filter:contrast(10) hue-rotate(0);filter:contrast(10) hue-rotate(0);height:500px;overflow:hidden;width:300px}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_circle__ulvus{border:1px solid red;box-sizing:border-box;-webkit-filter:blur(8px);filter:blur(8px);height:300px;position:relative;width:300px}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_circle__ulvus:before{-webkit-animation:ChargingAnimation_rotate__I5Sov 10s linear infinite;animation:ChargingAnimation_rotate__I5Sov 10s linear infinite;background-color:#00ff6f;border-radius:42% 38% 62% 49%/45%;content:"";height:200px;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);width:200px}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_circle__ulvus:after{background-color:#000;border-radius:50%;content:"";height:176px;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:176px;z-index:10}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_bubbles__YjX2d{background-color:#00ff6f;border-radius:100px 100px 0 0;bottom:0;-webkit-filter:blur(5px);filter:blur(5px);height:40px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:100px}.ChargingAnimation_container__v9\+1B .ChargingAnimation_contrast__WE8Kt .ChargingAnimation_bubbles__YjX2d li{background-color:#00ff6f;border-radius:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes ChargingAnimation_rotate__I5Sov{50%{border-radius:45%/42% 38% 58% 49%}to{-webkit-transform:translate(-50%,-50%) rotate(2turn);transform:translate(-50%,-50%) rotate(2turn)}}@keyframes ChargingAnimation_rotate__I5Sov{50%{border-radius:45%/42% 38% 58% 49%}to{-webkit-transform:translate(-50%,-50%) rotate(2turn);transform:translate(-50%,-50%) rotate(2turn)}}@-webkit-keyframes ChargingAnimation_hueRotate__opiYF{to{-webkit-filter:contrast(15) hue-rotate(1turn);filter:contrast(15) hue-rotate(1turn)}}@keyframes ChargingAnimation_hueRotate__opiYF{to{-webkit-filter:contrast(15) hue-rotate(1turn);filter:contrast(15) hue-rotate(1turn)}}.ZongziLoading_container__CdgrF{background-color:#000;display:flex;flex:1;height:600px;justify-content:center;padding-top:180px;position:relative}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh{-webkit-animation:ZongziLoading_rotate__3922I 4.2s -2s infinite,ZongziLoading_mix__jRfs\+ 4.2s -2s infinite;animation:ZongziLoading_rotate__3922I 4.2s -2s infinite,ZongziLoading_mix__jRfs\+ 4.2s -2s infinite;height:230px;position:relative;width:230px}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem1__8JdRq{-webkit-animation:ZongziLoading_itemMove1__qKZLB 4.2s -2s infinite;animation:ZongziLoading_itemMove1__qKZLB 4.2s -2s infinite;border-radius:50%;-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.8));filter:drop-shadow(0 0 8px rgba(252,233,124,.8));height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;width:60px}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem1__8JdRq svg{height:100%;width:100%}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem2__4IjE5{-webkit-animation:ZongziLoading_itemMove2__l0pK4 4.2s -2s infinite;animation:ZongziLoading_itemMove2__l0pK4 4.2s -2s infinite;border-radius:50%;-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.8));filter:drop-shadow(0 0 8px rgba(252,233,124,.8));height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;width:60px}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem2__4IjE5 svg{height:100%;width:100%}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem3__1403l{-webkit-animation:ZongziLoading_itemMove3__ZSMV5 4.2s -2s infinite;animation:ZongziLoading_itemMove3__ZSMV5 4.2s -2s infinite;border-radius:50%;-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.8));filter:drop-shadow(0 0 8px rgba(252,233,124,.8));height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;width:60px}.ZongziLoading_container__CdgrF .ZongziLoading_content__9NHwh .ZongziLoading_loadingItem3__1403l svg{height:100%;width:100%}@-webkit-keyframes ZongziLoading_itemMove1__qKZLB{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translateY(-18px) scale(.7);transform:translateY(-18px) scale(.7)}60%{-webkit-transform:translateY(-85px) scale(.7);transform:translateY(-85px) scale(.7)}80%{-webkit-transform:translateY(-85px) scale(.7);transform:translateY(-85px) scale(.7)}}@keyframes ZongziLoading_itemMove1__qKZLB{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translateY(-18px) scale(.7);transform:translateY(-18px) scale(.7)}60%{-webkit-transform:translateY(-85px) scale(.7);transform:translateY(-85px) scale(.7)}80%{-webkit-transform:translateY(-85px) scale(.7);transform:translateY(-85px) scale(.7)}}@-webkit-keyframes ZongziLoading_itemMove2__l0pK4{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translate(-16px,12px) scale(.7);transform:translate(-16px,12px) scale(.7)}60%{-webkit-transform:translate(-90px,65px) scale(.7);transform:translate(-90px,65px) scale(.7)}80%{-webkit-transform:translate(-90px,65px) scale(.7);transform:translate(-90px,65px) scale(.7)}}@keyframes ZongziLoading_itemMove2__l0pK4{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translate(-16px,12px) scale(.7);transform:translate(-16px,12px) scale(.7)}60%{-webkit-transform:translate(-90px,65px) scale(.7);transform:translate(-90px,65px) scale(.7)}80%{-webkit-transform:translate(-90px,65px) scale(.7);transform:translate(-90px,65px) scale(.7)}}@-webkit-keyframes ZongziLoading_itemMove3__ZSMV5{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translate(16px,12px) scale(.7);transform:translate(16px,12px) scale(.7)}60%{-webkit-transform:translate(90px,65px) scale(.7);transform:translate(90px,65px) scale(.7)}80%{-webkit-transform:translate(90px,65px) scale(.7);transform:translate(90px,65px) scale(.7)}}@keyframes ZongziLoading_itemMove3__ZSMV5{0%,20%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}40%{-webkit-transform:translate(16px,12px) scale(.7);transform:translate(16px,12px) scale(.7)}60%{-webkit-transform:translate(90px,65px) scale(.7);transform:translate(90px,65px) scale(.7)}80%{-webkit-transform:translate(90px,65px) scale(.7);transform:translate(90px,65px) scale(.7)}}@-webkit-keyframes ZongziLoading_rotate__3922I{0%,60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ZongziLoading_rotate__3922I{0%,60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ZongziLoading_mix__jRfs\+{0%,40%{-webkit-filter:url(#mix);filter:url(#mix);opacity:1}36%,8%{opacity:0}48%,80%{-webkit-filter:none;filter:none;opacity:1}to{-webkit-filter:url(#mix);filter:url(#mix);opacity:1}}@keyframes ZongziLoading_mix__jRfs\+{0%,40%{-webkit-filter:url(#mix);filter:url(#mix);opacity:1}36%,8%{opacity:0}48%,80%{-webkit-filter:none;filter:none;opacity:1}to{-webkit-filter:url(#mix);filter:url(#mix);opacity:1}}.ZongziLoading_container__CdgrF .ZongziLoading_loadingResult__WyYl2{-webkit-animation:ZongziLoading_show__-WI1U 4.2s -2s infinite;animation:ZongziLoading_show__-WI1U 4.2s -2s infinite;border-radius:50%;-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.8));filter:drop-shadow(0 0 8px rgba(252,233,124,.8));-webkit-filter:drop-shadow(0 0 8px hsla(51,96%,74%,.5));filter:drop-shadow(0 0 8px rgba(252,233,124,.5));height:60px;left:50%;margin:-30px 0 0 -30px;position:absolute;top:50%;width:60px}.ZongziLoading_container__CdgrF .ZongziLoading_loadingResult__WyYl2 svg{height:100%;width:100%}@-webkit-keyframes ZongziLoading_show__-WI1U{0%,48%,to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}36%,8%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes ZongziLoading_show__-WI1U{0%,48%,to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}36%,8%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}}.BoxReflect_container__tvM\+\+{background-color:#000;display:flex;flex:1;height:600px;justify-content:center;position:relative}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF{align-items:center;display:flex;justify-content:space-between;width:400px}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4{-webkit-box-reflect:below 10px linear-gradient(transparent,rgba(0,0,0,.4));border-radius:10px;color:#0ebeff;cursor:pointer;font-size:24px;height:80px;line-height:80px;margin:auto;overflow:hidden;position:relative;text-align:center;-webkit-transform:translateY(-40px);transform:translateY(-40px);transition:.3s;width:160px;z-index:0}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:hover{box-shadow:0 0 5px #0ebeff,0 0 25px #0ebeff;color:#fff}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:hover:after,.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:hover:before{background-color:#0ebeff;transition:.3s}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:before{-webkit-animation:BoxReflect_rotate__6rJim 2s linear infinite;animation:BoxReflect_rotate__6rJim 2s linear infinite;background-color:#000;background-image:conic-gradient(#0ebeff,#0ebeff);background-position:0 0;background-repeat:no-repeat;background-size:50% 50%;box-sizing:border-box;content:"";height:300%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:150%;z-index:-2}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn1__o02O4:after{background-color:#000;border-radius:10px;box-sizing:border-box;content:"";height:calc(100% - 4px);left:2px;position:absolute;top:2px;width:calc(100% - 4px);z-index:-1}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24{-webkit-box-reflect:below 10px linear-gradient(transparent,rgba(0,0,0,.4));border-radius:10px;color:#0ebeff;cursor:pointer;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg);font-size:24px;height:80px;line-height:80px;margin:auto;overflow:hidden;position:relative;text-align:center;-webkit-transform:translateY(-40px);transform:translateY(-40px);transition:.3s;width:160px;z-index:0}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24:hover{box-shadow:0 0 5px #0ebeff,0 0 25px #0ebeff;color:#fff}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24:hover:after,.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24:hover:before{background-color:#0ebeff;transition:.3s}.BoxReflect_container__tvM\+\+ .BoxReflect_content__EsvIF .BoxReflect_btn2__lOp24:before{-webkit-animation:BoxReflect_rotate__6rJim 2s linear infinite;animation:BoxReflect_rotate__6rJim 2s linear infinite;background-color:#000;background-image:conic-gradient(#0ebeff,#0ebeff);background-position:0 0;background-repeat:no-repeat;background-size:50% 50%;box-sizing:border-box;content:"";height:300%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:150%;z-index:-2}@-webkit-keyframes BoxReflect_rotate__6rJim{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes BoxReflect_rotate__6rJim{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.TextAnimation_container__8odlg{background-color:#000;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.TextAnimation_container__8odlg p{color:#222;font-size:64px;font-weight:500;position:relative}.TextAnimation_container__8odlg p:before{-webkit-animation:TextAnimation_move__mKq-6 8s linear infinite;animation:TextAnimation_move__mKq-6 8s linear infinite;border-right:4px solid #fff;color:#fff;content:attr(data-text);-webkit-filter:drop-shadow(0 0 20px #fff) drop-shadow(0 0 50px #fff);filter:drop-shadow(0 0 20px #fff) drop-shadow(0 0 50px #fff);overflow:hidden;position:absolute;white-space:nowrap}@-webkit-keyframes TextAnimation_move__mKq-6{0%,10%,to{width:0}70%,90%{width:100%}}@keyframes TextAnimation_move__mKq-6{0%,10%,to{width:0}70%,90%{width:100%}}.TextSearchlight_container__r14vK{background-color:#000;display:flex;justify-content:center;padding:100px 0 60px;position:relative;width:100%}.TextSearchlight_container__r14vK p{color:#222;font-family:SourceHanSansCN-Bold!important;font-size:64px;font-weight:700;position:relative}.TextSearchlight_container__r14vK p:after{-webkit-animation:TextSearchlight_move__qAFwU 8s ease-in-out infinite;animation:TextSearchlight_move__qAFwU 8s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#ec4899,#ef4444,#eab308);-webkit-clip-path:ellipse(60px 60px at 0 50%);clip-path:ellipse(60px 60px at 0 50%);color:transparent;content:attr(data-text);left:0;position:absolute;top:0}@-webkit-keyframes TextSearchlight_move__qAFwU{50%{-webkit-clip-path:ellipse(60px 60px at 100% 50%);clip-path:ellipse(60px 60px at 100% 50%)}to{-webkit-clip-path:ellipse(60px 60px at 0 50%);clip-path:ellipse(60px 60px at 0 50%)}}@keyframes TextSearchlight_move__qAFwU{50%{-webkit-clip-path:ellipse(60px 60px at 100% 50%);clip-path:ellipse(60px 60px at 100% 50%)}to{-webkit-clip-path:ellipse(60px 60px at 0 50%);clip-path:ellipse(60px 60px at 0 50%)}}.DisplayTextInSmoke_container__KVlpC{align-items:center;background-color:#000;display:flex;flex:1;height:500px;justify-content:center;position:relative}.DisplayTextInSmoke_container__KVlpC:before{background-image:linear-gradient(90deg,red,red,#0f0,#0ff,#ff0,#0ff);content:"";height:100%;left:0;mix-blend-mode:color;pointer-events:none;position:absolute;top:0;width:100%}.DisplayTextInSmoke_container__KVlpC video{height:auto;object-fit:cover;width:100%}.DisplayTextInSmoke_container__KVlpC p{color:#ddd;font-size:80px;font-weight:500;letter-spacing:.2em;margin:0;padding:0;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw{-webkit-animation:DisplayTextInSmoke_textAnimation1__Ti9qd 1s linear forwards;animation:DisplayTextInSmoke_textAnimation1__Ti9qd 1s linear forwards;display:inline-block;opacity:0}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:first-child{-webkit-animation-delay:1s;animation-delay:1s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(3){-webkit-animation-delay:2.5s;animation-delay:2.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(4){-webkit-animation-delay:3s;animation-delay:3s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(5){-webkit-animation-delay:3.5s;animation-delay:3.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(6){-webkit-animation-delay:3.75s;animation-delay:3.75s;margin-left:50px}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(7){-webkit-animation-delay:4s;animation-delay:4s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(8){-webkit-animation-delay:4.5s;animation-delay:4.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(9){-webkit-animation-delay:5s;animation-delay:5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span1__fItNw:nth-child(10){-webkit-animation-delay:5.5s;animation-delay:5.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn{-webkit-animation:DisplayTextInSmoke_textAnimation2__GZIgV 1s linear forwards;animation:DisplayTextInSmoke_textAnimation2__GZIgV 1s linear forwards;display:inline-block;opacity:0}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:first-child{-webkit-animation-delay:1s;animation-delay:1s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(3){-webkit-animation-delay:2.5s;animation-delay:2.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(4){-webkit-animation-delay:3s;animation-delay:3s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(5){-webkit-animation-delay:3.5s;animation-delay:3.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(6){-webkit-animation-delay:3.75s;animation-delay:3.75s;margin-left:50px}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(7){-webkit-animation-delay:4s;animation-delay:4s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(8){-webkit-animation-delay:4.5s;animation-delay:4.5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(9){-webkit-animation-delay:5s;animation-delay:5s}.DisplayTextInSmoke_container__KVlpC p .DisplayTextInSmoke_span2__GUMXn:nth-child(10){-webkit-animation-delay:5.5s;animation-delay:5.5s}@-webkit-keyframes DisplayTextInSmoke_textAnimation1__Ti9qd{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes DisplayTextInSmoke_textAnimation1__Ti9qd{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes DisplayTextInSmoke_textAnimation2__GZIgV{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes DisplayTextInSmoke_textAnimation2__GZIgV{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.DisplayTextInSmoke_container__KVlpC .DisplayTextInSmoke_btn__CvDup{bottom:10px;left:0;margin:0 auto;position:absolute;right:0;width:100px}.PlayVideoInText_container__\+hh77{align-items:center;display:flex;flex:1;height:600px;justify-content:center;position:relative}.PlayVideoInText_container__\+hh77 video{height:auto;object-fit:cover;width:100%}.PlayVideoInText_container__\+hh77 p{background-color:#fff;color:#000;font-size:22vw;font-weight:600;height:600px;left:0;line-height:600px;mix-blend-mode:screen;position:absolute;text-align:center;top:0;width:100%}.WaveFont_container__ccIq3{display:flex;flex:1;height:500px;position:relative}.WaveFont_container__ccIq3 .WaveFont_firstText__Obiyz{-webkit-text-stroke:1px #03a9f4;color:transparent}.WaveFont_container__ccIq3 .WaveFont_firstText__Obiyz,.WaveFont_container__ccIq3 .WaveFont_lastText__7tpdD{font-size:22vw;font-weight:600;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.WaveFont_container__ccIq3 .WaveFont_lastText__7tpdD{-webkit-animation:WaveFont_wave__fkaZX 3s ease-in-out infinite;animation:WaveFont_wave__fkaZX 3s ease-in-out infinite;color:#03a9f4}@-webkit-keyframes WaveFont_wave__fkaZX{0%,to{-webkit-clip-path:polygon(0 47%,10% 48%,28% 54%,54% 50%,50% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 47%,10% 48%,28% 54%,54% 50%,50% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}@keyframes WaveFont_wave__fkaZX{0%,to{-webkit-clip-path:polygon(0 47%,10% 48%,28% 54%,54% 50%,50% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 47%,10% 48%,28% 54%,54% 50%,50% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}.TextOutlineAnimation1_container__LXia5{display:flex;height:380px;justify-content:center;padding-top:60px;position:relative;width:100%}.TextOutlineAnimation1_container__LXia5 .TextOutlineAnimation1_content__0SfPo svg{-webkit-animation:TextOutlineAnimation1_fill-anm__Nkn71 6s ease infinite forwards;animation:TextOutlineAnimation1_fill-anm__Nkn71 6s ease infinite forwards;height:260px;width:400px}.TextOutlineAnimation1_container__LXia5 .TextOutlineAnimation1_content__0SfPo svg path:first-child{stroke-dasharray:676!important;stroke-dashoffset:676;-webkit-animation:TextOutlineAnimation1_line-anm1__RedEs 6s ease-in-out infinite;animation:TextOutlineAnimation1_line-anm1__RedEs 6s ease-in-out infinite}.TextOutlineAnimation1_container__LXia5 .TextOutlineAnimation1_content__0SfPo svg path:nth-child(2){stroke-dasharray:640!important;stroke-dashoffset:640;-webkit-animation:TextOutlineAnimation1_line-anm2__VcFqi 6s ease-in-out .1s infinite;animation:TextOutlineAnimation1_line-anm2__VcFqi 6s ease-in-out .1s infinite;-webkit-transform:translateX(60px);transform:translateX(60px)}.TextOutlineAnimation1_container__LXia5 .TextOutlineAnimation1_content__0SfPo svg path:nth-child(3){stroke-dasharray:387!important;stroke-dashoffset:387;-webkit-animation:TextOutlineAnimation1_line-anm3__1W44s 6s ease-in-out .2s infinite;animation:TextOutlineAnimation1_line-anm3__1W44s 6s ease-in-out .2s infinite;-webkit-transform:translateX(126px);transform:translateX(126px)}@-webkit-keyframes TextOutlineAnimation1_line-anm1__RedEs{0%,5%{stroke-dashoffset:676}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}60%{stroke-dashoffset:0}95%,to{stroke-dashoffset:676}}@keyframes TextOutlineAnimation1_line-anm1__RedEs{0%,5%{stroke-dashoffset:676}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}60%{stroke-dashoffset:0}95%,to{stroke-dashoffset:676}}@-webkit-keyframes TextOutlineAnimation1_line-anm2__VcFqi{0%,5%{stroke-dashoffset:640}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}65%{stroke-dashoffset:0}95%,to{stroke-dashoffset:640}}@keyframes TextOutlineAnimation1_line-anm2__VcFqi{0%,5%{stroke-dashoffset:640}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}65%{stroke-dashoffset:0}95%,to{stroke-dashoffset:640}}@-webkit-keyframes TextOutlineAnimation1_line-anm3__1W44s{0%,5%{stroke-dashoffset:387}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}65%{stroke-dashoffset:0}95%,to{stroke-dashoffset:387}}@keyframes TextOutlineAnimation1_line-anm3__1W44s{0%,5%{stroke-dashoffset:387}35%{stroke-dashoffset:0}50%{stroke-dashoffset:0}65%{stroke-dashoffset:0}95%,to{stroke-dashoffset:387}}@-webkit-keyframes TextOutlineAnimation1_fill-anm__Nkn71{0%{fill:transparent}35%{fill:transparent}50%{fill:#fff}65%{fill:transparent}to{fill:transparent}}@keyframes TextOutlineAnimation1_fill-anm__Nkn71{0%{fill:transparent}35%{fill:transparent}50%{fill:#fff}65%{fill:transparent}to{fill:transparent}}.TextOutlineAnimation2_container__3DnKq{display:flex;height:380px;justify-content:center;position:relative;width:100%}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3{align-items:center;display:flex;font-size:210px;justify-content:center}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg{align-items:center;display:flex;height:260px;justify-content:center;width:400px}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP{fill:none;stroke:#fff;stroke-width:4px;stroke-dasharray:60 300;-webkit-animation:TextOutlineAnimation2_stroke__916mj 6s linear infinite;animation:TextOutlineAnimation2_stroke__916mj 6s linear infinite}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:first-of-type{stroke:#b80c09}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:nth-of-type(2){stroke:#fffc31;-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:nth-of-type(3){stroke:#d5f2e3;-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:nth-of-type(4){stroke:#03f7eb;-webkit-animation-delay:-3.6s;animation-delay:-3.6s}.TextOutlineAnimation2_container__3DnKq .TextOutlineAnimation2_content__xpQH3 svg .TextOutlineAnimation2_text__VwJlP:nth-of-type(5){stroke:#b91372;-webkit-animation-delay:-4.8s;animation-delay:-4.8s}@-webkit-keyframes TextOutlineAnimation2_stroke__916mj{to{stroke-dashoffset:360}}@keyframes TextOutlineAnimation2_stroke__916mj{to{stroke-dashoffset:360}}.MobiusBand1_container__2Mp\+7{display:flex;height:360px;justify-content:center;padding-top:50px;position:relative;width:100%}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb{align-items:center;display:flex;justify-content:center;position:relative}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb:after,.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb:before{border:16px solid #57606f;border-radius:50%;box-sizing:border-box;content:"";height:154px;position:relative;width:154px;z-index:1}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb:after{left:-16px}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb div{-webkit-clip-path:polygon(0 0,100% 0,100% 50%,0 50%);clip-path:polygon(0 0,100% 0,100% 50%,0 50%);height:154px;left:0;position:absolute;width:154px;z-index:2}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb div div{-webkit-animation:MobiusBand1_roll__HjwWS 4s linear infinite;animation:MobiusBand1_roll__HjwWS 4s linear infinite;border-color:#ff6b81 #ff6b81 transparent transparent;border-radius:50%;border-style:solid;border-width:16px;box-sizing:border-box;height:154px;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:154px}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_leftBottom__hBdke{-webkit-transform:scale(-1);transform:scale(-1)}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_leftBottom__hBdke div{-webkit-animation-delay:3s;animation-delay:3s}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_rightTop__kr3vO{-webkit-transform:translateX(calc(100% - 16px)) scaleX(-1);transform:translateX(calc(100% - 16px)) scaleX(-1)}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_rightTop__kr3vO div{-webkit-animation-delay:2s;animation-delay:2s}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_rightBottom__EmzfR{-webkit-transform:translateX(calc(100% - 16px)) scaleY(-1);transform:translateX(calc(100% - 16px)) scaleY(-1)}.MobiusBand1_container__2Mp\+7 .MobiusBand1_content__yJ9nb .MobiusBand1_rightBottom__EmzfR div{-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes MobiusBand1_roll__HjwWS{50%,to{-webkit-transform:rotate(495deg);transform:rotate(495deg)}}@keyframes MobiusBand1_roll__HjwWS{50%,to{-webkit-transform:rotate(495deg);transform:rotate(495deg)}}.MobiusBand2_container__8f4BB{display:flex;height:360px;justify-content:center;padding-top:50px;position:relative;width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn{align-items:center;-webkit-animation:MobiusBand2_changeColor__Mykzf 8s linear infinite;animation:MobiusBand2_changeColor__Mykzf 8s linear infinite;display:flex;justify-content:center;position:relative}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE{background-color:transparent;height:154px;margin:0 -8px;position:relative;width:154px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span0__voOYX{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span0__voOYX:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span1__vuoU-{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(18deg);transform:rotate(18deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span1__vuoU-:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.1s;animation-delay:.1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span2__nG6rW{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(36deg);transform:rotate(36deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span2__nG6rW:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span3__-dsS9{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(54deg);transform:rotate(54deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span3__-dsS9:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.3s;animation-delay:.3s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span4__j83QL{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(72deg);transform:rotate(72deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span4__j83QL:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.4s;animation-delay:.4s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span5__WB4\+J{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span5__WB4\+J:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span6__Gwjmh{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(108deg);transform:rotate(108deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span6__Gwjmh:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span7__xzB3C{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(126deg);transform:rotate(126deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span7__xzB3C:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.7s;animation-delay:.7s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span8__GWlgT{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(144deg);transform:rotate(144deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span8__GWlgT:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span9__yo7Mb{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(162deg);transform:rotate(162deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span9__yo7Mb:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.9s;animation-delay:.9s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span10__6RIFq{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span10__6RIFq:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span11__60Mpf{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(198deg);transform:rotate(198deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span11__60Mpf:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.1s;animation-delay:1.1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span12__GLJMi{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(216deg);transform:rotate(216deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span12__GLJMi:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span13__j6mqa{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(234deg);transform:rotate(234deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span13__j6mqa:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.3s;animation-delay:1.3s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span14__J-WJ9{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(252deg);transform:rotate(252deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span14__J-WJ9:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.4s;animation-delay:1.4s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span15__11fjh{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span15__11fjh:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span16__DdXWO{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(288deg);transform:rotate(288deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span16__DdXWO:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.6s;animation-delay:1.6s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span17__e9oID{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(306deg);transform:rotate(306deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span17__e9oID:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.7s;animation-delay:1.7s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span18__wufSN{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(324deg);transform:rotate(324deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span18__wufSN:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.8s;animation-delay:1.8s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span19__qXh0M{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(342deg);transform:rotate(342deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:first-child .MobiusBand2_span19__qXh0M:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.9s;animation-delay:1.9s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2){-webkit-transform:rotate(198deg);transform:rotate(198deg)}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span0__voOYX{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span0__voOYX:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span1__vuoU-{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(18deg);transform:rotate(18deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span1__vuoU-:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-delay:-.1s;animation-delay:-.1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span2__nG6rW{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(36deg);transform:rotate(36deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span2__nG6rW:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-delay:-.2s;animation-delay:-.2s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span3__-dsS9{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(54deg);transform:rotate(54deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span3__-dsS9:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-delay:-.3s;animation-delay:-.3s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span4__j83QL{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(72deg);transform:rotate(72deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span4__j83QL:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-delay:-.4s;animation-delay:-.4s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span5__WB4\+J{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span5__WB4\+J:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-delay:-.5s;animation-delay:-.5s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span6__Gwjmh{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(108deg);transform:rotate(108deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span6__Gwjmh:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-delay:-.6s;animation-delay:-.6s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span7__xzB3C{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(126deg);transform:rotate(126deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span7__xzB3C:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-delay:-.7s;animation-delay:-.7s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span8__GWlgT{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(144deg);transform:rotate(144deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span8__GWlgT:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-delay:-.8s;animation-delay:-.8s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span9__yo7Mb{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(162deg);transform:rotate(162deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span9__yo7Mb:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-delay:-.9s;animation-delay:-.9s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span10__6RIFq{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span10__6RIFq:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:-1s;animation-delay:-1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span11__60Mpf{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(198deg);transform:rotate(198deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span11__60Mpf:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-delay:-1.1s;animation-delay:-1.1s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span12__GLJMi{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(216deg);transform:rotate(216deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span12__GLJMi:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-delay:-1.2s;animation-delay:-1.2s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span13__j6mqa{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(234deg);transform:rotate(234deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span13__j6mqa:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-delay:-1.3s;animation-delay:-1.3s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span14__J-WJ9{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(252deg);transform:rotate(252deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span14__J-WJ9:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-delay:-1.4s;animation-delay:-1.4s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span15__11fjh{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span15__11fjh:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span16__DdXWO{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(288deg);transform:rotate(288deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span16__DdXWO:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.6s;animation-delay:1.6s;-webkit-animation-delay:-1.6s;animation-delay:-1.6s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span17__e9oID{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(306deg);transform:rotate(306deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span17__e9oID:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.7s;animation-delay:1.7s;-webkit-animation-delay:-1.7s;animation-delay:-1.7s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span18__wufSN{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(324deg);transform:rotate(324deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span18__wufSN:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.8s;animation-delay:1.8s;-webkit-animation-delay:-1.8s;animation-delay:-1.8s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span19__qXh0M{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(342deg);transform:rotate(342deg);width:100%}.MobiusBand2_container__8f4BB .MobiusBand2_content__nNOHn .MobiusBand2_circle__jpMzE:nth-child(2) .MobiusBand2_span19__qXh0M:after{-webkit-animation:MobiusBand2_animate__Wogmo 4s linear infinite;animation:MobiusBand2_animate__Wogmo 4s linear infinite;-webkit-animation-delay:1.9s;animation-delay:1.9s;-webkit-animation-delay:-1.9s;animation-delay:-1.9s;background-color:#00ff0a;border-radius:50%;box-shadow:0 0 10px #00ff0a,0 0 20px #00ff0a,0 0 40px #00ff0a,0 0 60px #00ff0a,0 0 80px #00ff0a,0 0 100px #00ff0a;content:"";height:16px;position:absolute;right:0;top:calc(50% - 8px);-webkit-transform:scale(.1);transform:scale(.1);width:16px}@-webkit-keyframes MobiusBand2_animate__Wogmo{0%{-webkit-transform:scale(1);transform:scale(1)}50%,to{-webkit-transform:scale(.1);transform:scale(.1)}}@keyframes MobiusBand2_animate__Wogmo{0%{-webkit-transform:scale(1);transform:scale(1)}50%,to{-webkit-transform:scale(.1);transform:scale(.1)}}@-webkit-keyframes MobiusBand2_changeColor__Mykzf{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes MobiusBand2_changeColor__Mykzf{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.TankShaking_container__Yt0wf{display:flex;height:380px;justify-content:center;padding-top:120px;position:relative;width:100%}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC{display:flex;flex-direction:column;position:relative}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottle__mqc\+0{-webkit-animation:TankShaking_animate__s7STs 2s linear infinite;animation:TankShaking_animate__s7STs 2s linear infinite;background-color:hsla(0,0%,100%,.102);border-radius:50%;height:200px;position:relative;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:200px;z-index:2}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottle__mqc\+0:before{background-color:#505250;border-radius:50%;box-shadow:0 6.6666666667px 5px #000;content:"";height:40px;left:50%;position:absolute;top:-5px;-webkit-transform:translate(-50%);transform:translate(-50%);width:100px}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottle__mqc\+0 .TankShaking_water__5TJXp{-webkit-animation:TankShaking_animate2__M8tPD 2s linear infinite;animation:TankShaking_animate2__M8tPD 2s linear infinite;background-color:#41c1fb;border-bottom-left-radius:100px;border-bottom-right-radius:100px;bottom:10px;left:10px;position:absolute;right:10px;top:50%;-webkit-transform-origin:top center;transform-origin:top center}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottle__mqc\+0 .TankShaking_water__5TJXp:before{background-color:#0da2e7;border-radius:50%;content:"";height:20px;left:0;position:absolute;top:-10px;width:100%}.TankShaking_container__Yt0wf .TankShaking_content__eoRFC .TankShaking_bottleBottom__gAvg8{-webkit-animation:TankShaking_move__yUHoY 2s linear infinite;animation:TankShaking_move__yUHoY 2s linear infinite;background-color:rgba(0,0,0,.5);border-radius:50%;height:30px;left:50%;position:absolute;top:calc(100% - 66px);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200px}@-webkit-keyframes TankShaking_animate__s7STs{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes TankShaking_animate__s7STs{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes TankShaking_animate2__M8tPD{0%{-webkit-filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(0deg);filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(0deg);-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(1turn);filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(1turn);-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes TankShaking_animate2__M8tPD{0%{-webkit-filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(0deg);filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(0deg);-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(1turn);filter:drop-shadow(0 0 50px #41c1fb) hue-rotate(1turn);-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes TankShaking_move__yUHoY{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}25%{-webkit-transform:translateX(calc(-50% + 20px));transform:translateX(calc(-50% + 20px))}50%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}75%{-webkit-transform:translateX(calc(-50% - 20px));transform:translateX(calc(-50% - 20px))}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes TankShaking_move__yUHoY{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}25%{-webkit-transform:translateX(calc(-50% + 20px));transform:translateX(calc(-50% + 20px))}50%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}75%{-webkit-transform:translateX(calc(-50% - 20px));transform:translateX(calc(-50% - 20px))}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.RichDynamicEffect_container__4zkQ2{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;min-height:100%;overflow-y:auto;padding:4px 2px;width:100%}.RichDynamicEffect_container__4zkQ2 .RichDynamicEffect_box__0T4jz{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;box-sizing:border-box;color:#fff;display:flex;flex:1;justify-content:center;margin:8px 2px;overflow:hidden;position:relative}.RichDynamicEffect_container__4zkQ2 .RichDynamicEffect_multipleColumnsBox__Mp4HK{display:flex}.RichDynamicEffect_container__4zkQ2 .RichDynamicEffect_multipleColumnsBox__Mp4HK .RichDynamicEffect_box__0T4jz{margin:2px!important}.GenerateRegularPolygon_container__kR2Bt{align-items:center;display:flex;justify-content:center;overflow-y:auto;padding-bottom:20px;padding-top:30px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB{display:flex;flex-direction:column}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_box__8cyD7{border:2px dashed #73828c;box-sizing:border-box;height:472px;padding:16px;width:472px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_box__8cyD7 .GenerateRegularPolygon_graph__hpKYh{background:linear-gradient(135deg,#112437,#1d3450,#29588a,#116d6e,#5c8984,#47a992) fixed;box-sizing:border-box;-webkit-clip-path:polygon(var(--points));clip-path:polygon(var(--points));height:440px;width:440px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_bottom__DyaAC{display:flex;flex-direction:column;margin-top:20px;width:472px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_bottom__DyaAC .GenerateRegularPolygon_row__bg92v{align-items:center;display:flex;margin-bottom:20px;width:100%}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_bottom__DyaAC .GenerateRegularPolygon_row__bg92v .GenerateRegularPolygon_label__Y0wuX{color:#444;color:#666;font-size:15px;margin-right:6px}.GenerateRegularPolygon_container__kR2Bt .GenerateRegularPolygon_content__K97IB .GenerateRegularPolygon_bottom__DyaAC .GenerateRegularPolygon_codeBox__-P4RP{background-color:#8bacaa;color:#222;display:flex;flex-direction:column;max-width:100%;overflow-x:auto;padding:10px;width:100%}.KillPlanetGame_container__vvfOM{box-sizing:border-box;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.KillPlanetGame_container__vvfOM .KillPlanetGame_continueBtn__5B77g,.KillPlanetGame_container__vvfOM .KillPlanetGame_restartBtn__fkzEb,.KillPlanetGame_container__vvfOM .KillPlanetGame_startBtn__FPFMD{background-color:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:25px;height:60px;left:50%;min-width:200px;outline:none;padding:0 10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s linear}.KillPlanetGame_container__vvfOM .KillPlanetGame_startBtn__FPFMD{background-color:#fff;color:#000}.KillPlanetGame_container__vvfOM .KillPlanetGame_continueBtn__5B77g,.KillPlanetGame_container__vvfOM .KillPlanetGame_restartBtn__fkzEb{margin-top:50px}.KillPlanetGame_container__vvfOM .KillPlanetGame_gameover__UP574,.KillPlanetGame_container__vvfOM .KillPlanetGame_gamepause__zAhE9{background-color:#fff;border-radius:20px;height:300px;left:50%;padding:50px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.KillPlanetGame_container__vvfOM .KillPlanetGame_gameover__UP574 h1,.KillPlanetGame_container__vvfOM .KillPlanetGame_gamepause__zAhE9 h1{color:#000}.KillPlanetGame_container__vvfOM .KillPlanetGame_scoreBox__6Sndm{color:#fff;font-size:30px;left:10px;position:absolute;top:10px}.KillPlanetGame_container__vvfOM .KillPlanetGame_pauseBtn__WWb15{color:#fff;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px}.WordDance_container__SiRI2{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.WordDance_container__SiRI2 video{bottom:0;height:570px;left:0;margin:auto;position:absolute;right:0;top:0;visibility:hidden;width:324px}.WordDance_container__SiRI2 .WordDance_tip__Sm3-V{color:#666;margin-top:20px}.Scratch_container__4Y8FX{background:linear-gradient(225deg,transparent 3.125%,#987f69 0,#987f69 9.375%,transparent 0,transparent 78.125%,#987f69 0,#987f69 84.375%,transparent 0) 0 6px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 0 12px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) -6px -6px,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 12px 0,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%,#fdf1cc 0,#fdf1cc 15.625%,#987f69 0,#987f69 21.875%,#fdf1cc 0,#fdf1cc 28.125%,transparent 0) 6px 12px,repeating-linear-gradient(-45deg,#fdf1cc -3.125%,#fdf1cc 3.125%,#987f69 0,#987f69 9.375%);background:linear-gradient(225deg,transparent 3.125%,#987f69 0 9.375%,transparent 0 78.125%,#987f69 0 84.375%,transparent 0) 0 6px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 0 12px,linear-gradient(45deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) -6px -6px,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 12px 0,linear-gradient(225deg,#fdf1cc 3.125%,#987f69 0 9.375%,#fdf1cc 0 15.625%,#987f69 0 21.875%,#fdf1cc 0 28.125%,transparent 0) 6px 12px,repeating-linear-gradient(-45deg,#fdf1cc -3.125% 3.125%,#987f69 0 9.375%);background-size:24px 24px;box-sizing:border-box;height:100%;position:relative;width:100%}.Scratch_container__4Y8FX .Scratch_bottomText__kdpMZ{align-items:center;color:#fff;display:flex;font-family:SourceHanSansCN-Bold!important;font-size:120px;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:1}.Scratch_container__4Y8FX canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.MatchLine_container__qMLJ5{align-items:center;background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H{border:1px solid #fff;border-radius:4px;height:auto;width:800px}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_tools__LT5fu{align-items:center;border-bottom:1px dashed gray;color:#ddd;display:flex;font-size:18px;height:60px;justify-content:flex-end;padding:0 35px;width:100%}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_tools__LT5fu .MatchLine_btn__r-aM\+{cursor:pointer}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_tools__LT5fu .MatchLine_btn__r-aM\+:hover{color:#1e90ff}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_tools__LT5fu .MatchLine_btn__r-aM\+:not(:first-child){margin-left:16px}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk{padding:35px;width:100%}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49{display:flex;flex:1;justify-content:space-between;position:relative}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 .MatchLine_options__yZR5i{display:flex;flex-direction:column}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 .MatchLine_options__yZR5i .MatchLine_option__YXDOq{align-items:center;background-color:#fff;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:22px;height:56px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:130px;z-index:1}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 .MatchLine_options__yZR5i .MatchLine_option__YXDOq:not(:last-child){margin-bottom:24px}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 .MatchLine_options__yZR5i .MatchLine_active__wPYWy{background:#6495ed;color:#fff}.MatchLine_container__qMLJ5 .MatchLine_content__Whs0H .MatchLine_bottom__pQ5Pk .MatchLine_box__2wo49 canvas{height:100%;left:0;position:absolute;top:0;width:100%}.AppPageFrame_container__HINEU{background-color:#000;height:100%;overflow:hidden;position:relative;width:100%}.AppPageFrame_container__HINEU .AppPageFrame_content__jCifX{height:300%;left:0;position:absolute;top:0;width:100%;z-index:2}.AppPageFrame_container__HINEU .AppPageFrame_content__jCifX .AppPageFrame_page__DEPnj{align-items:center;display:flex;justify-content:center;width:100%}.AppPageFrame_container__HINEU .AppPageFrame_content__jCifX .AppPageFrame_page__DEPnj p{word-wrap:break-word;color:#fff;font-size:50px;font-weight:600;margin-right:35%;text-align:center;width:400px}.AppPageFrame_container__HINEU canvas{height:100%;left:0;position:absolute;top:0;width:100%}.CarShow_container__fkyim{background-color:#ddd;height:100%;overflow:hidden;position:relative;width:100%}.CarShow_container__fkyim .CarShow_content__-vQNL{height:100%;padding:20px;position:absolute;right:0;top:0;z-index:2}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_title__h5POl{color:#111;font-size:24px;font-weight:600}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS{display:flex;flex-direction:column;margin:12px 0}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS p{color:#111;font-size:16px;font-weight:600}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP{display:flex;margin-top:6px}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP .CarShow_btn__vlWko{align-items:center;background-color:#eee;border:1px solid #999;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP .CarShow_btn__vlWko:not(:last-child){margin-right:10px}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP .CarShow_textBtn__XA\+9q{align-items:center;background-color:#eee;border:1px solid #999;border-radius:6px;color:#444;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 10px}.CarShow_container__fkyim .CarShow_content__-vQNL .CarShow_itemBox__aPzWS .CarShow_selectBox__p0bsP .CarShow_textBtn__XA\+9q:not(:last-child){margin-right:10px}.CarShow_container__fkyim .CarShow_content__-vQNL:hover{background-color:hsla(0,0%,60%,.314)}.CarShow_container__fkyim canvas{height:100%;left:0;position:absolute;top:0;width:100%}.RubiksCube_container__dFJHD{background-color:#121212;height:100%;overflow:hidden;position:relative;width:100%}.RubiksCube_container__dFJHD canvas{height:100%;left:0;position:absolute;top:0;width:100%}.ThrowDice_container__YcvTG{background-color:#224141;height:100%;overflow:hidden;position:relative;width:100%}.ThrowDice_container__YcvTG canvas{height:100%;left:0;position:absolute;top:0;width:100%}.ThrowDice_container__YcvTG .ThrowDice_btn__BTDQF{align-items:center;background-color:#bbb;border-radius:50%;display:flex;height:120px;justify-content:center;left:0;margin:0 auto;padding:10px;position:absolute;right:0;top:60px;width:120px;z-index:1}.ThrowDice_container__YcvTG .ThrowDice_btn__BTDQF .ThrowDice_btn_inner__DObIm{align-items:center;background-color:#1a6840;border-radius:50%;cursor:pointer;display:flex;flex:1;font-size:18px;font-weight:600;height:100%;justify-content:center}.ThrowDice_container__YcvTG .ThrowDice_btn__BTDQF .ThrowDice_btn_inner__DObIm:active{background-color:#6a9c89}.ThrowDice_container__YcvTG .ThrowDice_numBox__VnUMU{align-items:center;display:flex;font-size:18px;position:absolute;right:50px;top:60px;z-index:1}.ThrowDice_container__YcvTG .ThrowDice_numBox__VnUMU .ant-input-number,.ThrowDice_container__YcvTG .ThrowDice_numBox__VnUMU .ant-input-number input{height:45px;width:120px}.LargeScreenBorder_container__fPZ9L{box-sizing:border-box;height:100%;position:relative;width:100%}.LargeScreenBorder_container__fPZ9L .LargeScreenBorder_content__kwcui{position:absolute;z-index:1}.MapDisplay_container__7ObAW{background-color:#000808;height:100%;overflow:hidden;position:relative;width:100%}.MapDisplay_container__7ObAW .MapDisplay_switch__z3osn{cursor:pointer;position:absolute;right:20px;top:40px;z-index:2}.MapDisplay_container__7ObAW .MapDisplay_switch__z3osn svg{height:32px;width:32px}.MapDisplay_container__7ObAW .MapDisplay_switch__z3osn svg path{fill:#00c6c6}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8{height:80px;position:absolute;top:0;-webkit-transform:translateY(-80px);transform:translateY(-80px);width:100%;z-index:1}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 img{height:61px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_topBg__oqsK2{height:61px;left:0;position:absolute;right:0;top:20px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_shine__zGL21{height:55px;left:0;margin:0 auto;position:absolute;right:0;top:51px;width:808px}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_leftLine__yH-vW{background-image:linear-gradient(270deg,#b5eff6,#008f8f,#003d3d);border-radius:2px;height:4px;left:4%;position:absolute;top:18px;width:120px}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_rightLine__0kyh7{background-image:linear-gradient(90deg,#b5eff6,#008f8f,#003d3d);border-radius:2px;height:4px;position:absolute;right:4%;top:19px;width:120px}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_title__xCrUE{align-items:center;display:flex;justify-content:center;left:0;position:absolute;right:0;top:16px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_topBox__uUgN8 .MapDisplay_title__xCrUE span{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#003d3d,#008f8f,#00cfcf,#008f8f,#003d3d);color:transparent;font-family:SourceHanSansCN-Bold!important;font-size:32px;font-weight:600;text-align:center}.MapDisplay_container__7ObAW .MapDisplay_leftBox__MfOJf{height:calc(100% - 80px);left:0;position:absolute;top:80px;-webkit-transform:translate(-30%);transform:translate(-30%);width:30%;z-index:1}.MapDisplay_container__7ObAW .MapDisplay_leftBox__MfOJf .MapDisplay_item__6Z5-L{height:40%;padding:20px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_leftBox__MfOJf .MapDisplay_item__6Z5-L:last-child{height:60%}.MapDisplay_container__7ObAW .MapDisplay_rightBox__mgnoV{height:calc(100% - 80px);position:absolute;right:0;top:80px;-webkit-transform:translate(30%);transform:translate(30%);width:30%;z-index:1}.MapDisplay_container__7ObAW .MapDisplay_rightBox__mgnoV .MapDisplay_item__6Z5-L{height:40%;padding:14px;width:100%}.MapDisplay_container__7ObAW .MapDisplay_rightBox__mgnoV .MapDisplay_item__6Z5-L:last-child{height:60%}.MapDisplay_container__7ObAW .MapDisplay_tooltip__\+jQqL{background-color:#fff;border-radius:4px;color:#000;font-size:16px;font-weight:600;padding:10px 20px;position:absolute;visibility:hidden;z-index:10}.EarthDisplay_container__4U\+r3{background-color:#000808;height:100%;overflow:hidden;position:relative;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_switch__MeMaf{cursor:pointer;position:absolute;right:20px;top:40px;z-index:2}.EarthDisplay_container__4U\+r3 .EarthDisplay_switch__MeMaf svg{height:32px;width:32px}.EarthDisplay_container__4U\+r3 .EarthDisplay_switch__MeMaf svg path{fill:#00c6c6}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn{height:80px;position:absolute;top:0;-webkit-transform:translateY(-80px);transform:translateY(-80px);width:100%;z-index:1}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn img{height:61px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_topBg__AEJ4Q{height:61px;left:0;position:absolute;right:0;top:20px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_shine__nttCS{height:55px;left:0;margin:0 auto;position:absolute;right:0;top:51px;width:808px}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_leftLine__xIETp{background-image:linear-gradient(270deg,#b5eff6,#008f8f,#003d3d);border-radius:2px;height:4px;left:4%;position:absolute;top:18px;width:120px}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_rightLine__-mYRS{background-image:linear-gradient(90deg,#b5eff6,#008f8f,#003d3d);border-radius:2px;height:4px;position:absolute;right:4%;top:19px;width:120px}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_title__LMxWi{align-items:center;display:flex;justify-content:center;left:0;position:absolute;right:0;top:16px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_topBox__eXAVn .EarthDisplay_title__LMxWi span{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#003d3d,#008f8f,#00cfcf,#008f8f,#003d3d);color:transparent;font-family:SourceHanSansCN-Bold!important;font-size:32px;font-weight:600;text-align:center}.EarthDisplay_container__4U\+r3 .EarthDisplay_leftBox__ZIQuQ{height:calc(100% - 80px);left:0;position:absolute;top:80px;-webkit-transform:translate(-30%);transform:translate(-30%);width:30%;z-index:1}.EarthDisplay_container__4U\+r3 .EarthDisplay_leftBox__ZIQuQ .EarthDisplay_item__BQN2V{height:40%;padding:20px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_leftBox__ZIQuQ .EarthDisplay_item__BQN2V:last-child{height:60%}.EarthDisplay_container__4U\+r3 .EarthDisplay_rightBox__1vsKa{height:calc(100% - 80px);position:absolute;right:0;top:80px;-webkit-transform:translate(30%);transform:translate(30%);width:30%;z-index:1}.EarthDisplay_container__4U\+r3 .EarthDisplay_rightBox__1vsKa .EarthDisplay_item__BQN2V{height:40%;padding:14px;width:100%}.EarthDisplay_container__4U\+r3 .EarthDisplay_rightBox__1vsKa .EarthDisplay_item__BQN2V:last-child{height:60%}.EarthDisplay_container__4U\+r3 .EarthDisplay_tooltip__I1x0x{background-color:#fff;border-radius:4px;color:#000;font-size:16px;font-weight:600;padding:10px 20px;position:absolute;visibility:hidden;z-index:10}.HumanPostureDetection_container__lUe7Z{align-items:center;background-image:linear-gradient(135deg,#224141,#162a2a);display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.HumanPostureDetection_container__lUe7Z .HumanPostureDetection_content__LwYrZ{border:1px solid #aaa;margin-top:50px;position:relative}.HumanPostureDetection_container__lUe7Z .HumanPostureDetection_content__LwYrZ video{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;visibility:hidden;z-index:1}.HumanPostureDetection_container__lUe7Z .HumanPostureDetection_content__LwYrZ canvas{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:2}.HumanPostureDetection_container__lUe7Z button{margin-top:20px}.NotBlockPeopleBarrage_container__SwTln{align-items:center;background-image:linear-gradient(135deg,#224141,#162a2a);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_content__NbVjJ{border:1px solid #aaa;box-sizing:border-box;position:relative}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_content__NbVjJ video{object-fit:cover;z-index:1}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_content__NbVjJ .NotBlockPeopleBarrage_barrageBox__wNLFF{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:2}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_content__NbVjJ button{bottom:0;position:absolute;right:-80px}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_bottomBox__C90UC{display:flex;margin-top:10px}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_bottomBox__C90UC input{width:520px}.NotBlockPeopleBarrage_container__SwTln .NotBlockPeopleBarrage_bottomBox__C90UC button{margin-left:12px}.Tabs_container__19GNQ{align-items:center;display:flex;height:44px;width:100%}.Tabs_container__19GNQ .tabs-tabItem{align-items:center;background-color:#a3d5f3;color:#333;cursor:pointer;display:flex;font-family:SourceHanSansCN-Medium!important;font-size:15px;font-weight:500;height:100%;justify-content:center;line-height:16px;padding:0 20px;text-align:center}.Tabs_container__19GNQ .active{background-color:#2320e5;color:#fff}.ImageProcessingTool_container__WAkOX{align-items:center;background-color:#eff5f5;box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;padding:40px 20px;width:100%}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY{display:flex;flex-direction:column;max-width:1350px;min-width:1160px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_tabs__lU6sy .tabs-tabItem{background-color:#3a8891!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_tabs__lU6sy .active{background-color:#0e5e6f!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;margin-top:20px;min-height:320px;width:100%}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_fileBox__Evibs{align-items:center;border:1px solid #3a8891;display:flex;height:240px;margin:auto;padding:20px;width:500px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_fileBox__Evibs img{height:200px;object-fit:cover;text-align:center;width:200px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_fileBox__Evibs .ImageProcessingTool_fileInfo__zFv8M{display:flex;flex-direction:column;height:160px;justify-content:space-around;margin-left:16px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_fileBox__Evibs .ImageProcessingTool_fileInfo__zFv8M .ImageProcessingTool_item__FSSP-{color:#333;font-size:14px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM{align-items:center;display:flex;flex-direction:column;margin:auto}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_uploadBtn__jbITo{background-color:#0e5e6f!important;cursor:pointer;font-family:SourceHanSansCN-Medium!important;font-size:14px;height:52px;line-height:52px;position:relative;width:200px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_uploadBtn__jbITo svg{height:16px;width:16px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_uploadBtn__jbITo input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ant-btn{padding:0}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_text__NoL1R{color:#333;font-family:SourceHanSansCN-Medium!important;font-size:14px;font-weight:500;margin:8px 0}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_imgBox__xANeR .ImageProcessingTool_emptyBox__GhkSM .ImageProcessingTool_tips__7DkHP{color:#777;font-size:12px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_tip__dYcLC{color:#666;font-size:13px;line-height:22px;margin-top:16px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_tip__dYcLC span{color:#0e5e6f;cursor:pointer;text-decoration:underline}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C{display:flex;justify-content:space-between;margin-top:10px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm{align-items:center;display:flex;flex-wrap:wrap;width:1160px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ImageProcessingTool_operationBtn__\+5IT6{align-items:center;border-radius:4px;display:flex;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-checkbox{top:0}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-btn{background-color:#3a8891!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number-wrapper{height:36px!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-slider{margin-bottom:12px;width:400px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number{height:36px!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number .ant-input-number-input-wrap,.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_left__ohBzm .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_right__UDKib{border:1px solid #3a8891!important;margin-top:10px;width:64px}.ImageProcessingTool_container__WAkOX .ImageProcessingTool_content__nCEwY .ImageProcessingTool_operationBtns__uCE1C .ImageProcessingTool_right__UDKib span{color:#3a8891!important}.RectSelect_container__NRGSf{display:flex;flex-direction:column;max-width:1350px;min-width:1000px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;min-height:320px;width:100%}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay{display:flex}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf{-webkit-user-drag:none;border:1px solid #111;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_img1__uK-Ip,.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_img2__gx56-,.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_mask__dh-Ij{-webkit-user-drag:none!important;height:100%;left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_mask__dh-Ij{background-color:rgba(0,0,0,.5);z-index:1}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_img2__gx56-{z-index:2}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw{-webkit-user-drag:auto!important;border:1px solid #ff8e9e;cursor:all-scroll;z-index:3}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_dot__wL\+4K{background-color:#ff8e9e;height:6px;position:absolute;width:6px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_leftUp__UPsGg{cursor:nw-resize;left:-3px;top:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_up__iPqcg{cursor:n-resize;left:50%;margin-left:-3px;top:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_rightUp__fbUgr{cursor:ne-resize;right:-3px;top:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_right__HXwDY{cursor:e-resize;margin-top:-3px;right:-3px;top:50%}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_rightDown__vHPOv{bottom:-3px;cursor:se-resize;right:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_down__x6Tgo{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_leftDown__JVMR9{bottom:-3px;cursor:sw-resize;left:-3px}.RectSelect_container__NRGSf .RectSelect_imgBox__Eht8b .RectSelect_content__Oqfay .RectSelect_leftBox__fnaRf .RectSelect_clipBox__jD4yw .RectSelect_left__frsug{cursor:w-resize;left:-3px;margin-top:-3px;top:50%}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE{display:flex;justify-content:space-between;margin-top:10px}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug{align-items:center;display:flex;flex-wrap:wrap;width:1160px}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .RectSelect_operationBtn__tFBfu{border-radius:4px;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-btn{background-color:#3a8891!important}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-input-number-wrapper{height:34px!important}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_left__frsug .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_right__HXwDY{border:1px solid #3a8891!important;margin-top:10px;width:64px}.RectSelect_container__NRGSf .RectSelect_operationBtns__b-UEE .RectSelect_right__HXwDY span{color:#3a8891!important}.RadiusClip_container__bZNss{display:flex;flex-direction:column;max-width:1350px;min-width:1000px}.RadiusClip_container__bZNss .RadiusClip_imgBox__SFDg7{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;min-height:320px;width:100%}.RadiusClip_container__bZNss .RadiusClip_imgBox__SFDg7 .RadiusClip_content__iPE9l{border:1px solid #111;display:flex;overflow:hidden}.RadiusClip_container__bZNss .RadiusClip_imgBox__SFDg7 .RadiusClip_content__iPE9l img{-webkit-user-drag:none!important;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK{display:flex;justify-content:space-between;margin-top:10px}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW{align-items:center;display:flex;flex-wrap:wrap;width:1014px}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .RadiusClip_operationBtn__8mksR{border-radius:4px;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-btn{background-color:#3a8891!important}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-input-number-wrapper{height:34px!important}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_left__cn1dW .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_right__bHjkd{border:1px solid #3a8891!important;margin-top:10px;width:64px}.RadiusClip_container__bZNss .RadiusClip_operationBtns__Ie5iK .RadiusClip_right__bHjkd span{color:#3a8891!important}.AddWatermark_container__eVhbf{display:flex;flex-direction:column;max-width:1350px;min-width:1000px}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;min-height:320px;width:100%}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY{display:flex}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY .AddWatermark_leftBox__S-y1M{-webkit-user-drag:none;border:1px solid #111;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY .AddWatermark_leftBox__S-y1M .AddWatermark_img1__s1l8c{-webkit-user-drag:none!important;height:100%;left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY .AddWatermark_leftBox__S-y1M .AddWatermark_clipBox__EW8Jl{-webkit-user-drag:auto!important;border:1px solid #ff8e9e;cursor:all-scroll;-webkit-user-select:none!important;user-select:none!important;z-index:3}.AddWatermark_container__eVhbf .AddWatermark_imgBox__ZRRUr .AddWatermark_content__q-ZzY .AddWatermark_leftBox__S-y1M .AddWatermark_clipBox__EW8Jl img{-webkit-user-drag:auto!important;pointer-events:none;-webkit-user-select:none!important;user-select:none!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p{display:flex;justify-content:space-between;margin-top:10px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc{align-items:center;display:flex;flex-wrap:wrap;width:1014px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg{display:flex;flex-direction:column}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_top__MW-nl{align-items:center;color:#333;display:flex}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_top__MW-nl .AddWatermark_uploadBtn__TXNYs{align-items:center;background:none!important;border:1px solid #3a8891;color:#3a8891;cursor:pointer;display:flex;font-family:SourceHanSansCN-Medium!important;font-size:14px;height:44px!important;justify-content:center;margin-right:10px;min-width:140px;position:relative}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_top__MW-nl .AddWatermark_uploadBtn__TXNYs svg{height:16px;width:16px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_top__MW-nl .AddWatermark_uploadBtn__TXNYs input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_box__X5Tyg .AddWatermark_bottom__EipS9{align-items:center;display:flex;margin-top:10px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .AddWatermark_operationBtn__-tdIk{border-radius:4px;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-btn{background-color:#3a8891!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-input-number-wrapper{height:34px!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_left__hmpKc .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_right__KM8W0{border:1px solid #3a8891!important;margin-top:10px;width:64px}.AddWatermark_container__eVhbf .AddWatermark_operationBtns__Sua9p .AddWatermark_right__KM8W0 span{color:#3a8891!important}.VideoProcessingTool_container__BB0WX{align-items:center;background-color:#eff5f5;box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;padding:40px 20px;width:100%}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV{display:flex;flex-direction:column;max-width:1350px;min-width:1160px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_tabs__IOPiv .tabs-tabItem{background-color:#3a8891!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_tabs__IOPiv .active{background-color:#0e5e6f!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed;border-radius:4px;display:flex;flex-direction:column;margin-top:20px;min-height:320px;width:100%}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_fileBox__-EqQu{align-items:center;border:1px solid #3a8891;display:flex;height:240px;margin:auto;padding:20px;width:500px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_fileBox__-EqQu img{height:200px;object-fit:cover;text-align:center;width:200px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_fileBox__-EqQu .VideoProcessingTool_fileInfo__jcnht{display:flex;flex-direction:column;height:160px;justify-content:space-around;margin-left:16px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_fileBox__-EqQu .VideoProcessingTool_fileInfo__jcnht .VideoProcessingTool_item__OfC05{color:#333;font-size:14px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A{align-items:center;display:flex;flex-direction:column;margin:auto}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_uploadBtn__dud8d{background-color:#0e5e6f!important;cursor:pointer;font-family:SourceHanSansCN-Medium!important;font-size:14px;height:52px;line-height:52px;position:relative;width:200px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_uploadBtn__dud8d svg{height:16px;width:16px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_uploadBtn__dud8d input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .ant-btn{padding:0}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_text__HgRiy{color:#333;font-family:SourceHanSansCN-Medium!important;font-size:14px;font-weight:500;margin:8px 0}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_videoBox__VaAOO .VideoProcessingTool_emptyBox__iij8A .VideoProcessingTool_tips__owSoa{color:#777;font-size:12px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_tip__BWFDX{color:#666;font-size:13px;line-height:22px;margin-top:16px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_tip__BWFDX span{color:#0e5e6f;cursor:pointer;text-decoration:underline}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4{display:flex;justify-content:space-between;margin-top:10px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr{align-items:center;display:flex;flex-wrap:wrap;width:1160px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .VideoProcessingTool_operationBtn__VQXVB{align-items:center;border-radius:4px;display:flex;font-family:SourceHanSansCN-Medium!important;font-weight:500;margin-right:12px;margin-top:10px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-checkbox{top:0}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-btn{background-color:#3a8891!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number-wrapper{height:36px!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number-wrapper .ant-input-number{height:100%!important;margin-top:0!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap,.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number-wrapper .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-slider{margin-bottom:12px;width:400px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number{height:36px!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number .ant-input-number-input-wrap,.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_left__TwGNr .ant-input-number .ant-input-number-input-wrap input{height:100%!important}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_right__OL-TL{border:1px solid #3a8891!important;margin-top:10px;width:64px}.VideoProcessingTool_container__BB0WX .VideoProcessingTool_content__vEAlV .VideoProcessingTool_operationBtns__ggNb4 .VideoProcessingTool_right__OL-TL span{color:#3a8891!important}.ant-modal-root .ant-modal-content .ant-modal-close{display:none!important}.Bar_container__hb\+LN{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;min-height:100%;padding:0 2px 4px;width:100%}.Bar_container__hb\+LN .Bar_box__JphSL{background-color:rgba(0,12,23,.867);border:3px solid rgba(53,162,253,.267);border-radius:10px;margin:4px 2px;overflow:hidden}.Bar_container__hb\+LN .Bar_box__JphSL .Bar_echart__tCYPn{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);display:flex;height:520px;justify-content:center;padding:10px;width:100%}.Pie_container__7WS5q{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;min-height:100%;padding:0 2px 4px;width:100%}.Pie_container__7WS5q .Pie_box__iB\+Jb{background-color:rgba(0,12,23,.867);border:3px solid rgba(53,162,253,.267);border-radius:10px;margin:4px 2px;overflow:hidden}.Pie_container__7WS5q .Pie_box__iB\+Jb .Pie_echart__9ruPj{align-items:center;background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);display:flex;height:520px;justify-content:center;padding:10px;width:100%}.Pie2_container__1kWGu{align-items:center;display:flex;flex:1}.Pie2_container__1kWGu .Pie2_chartBox__WFi8U{display:flex;flex:1;height:480px;width:480px}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz{display:flex;flex:1;flex-direction:column;justify-content:center;margin-right:16px}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz .Pie2_item__gvlG9{align-items:center;cursor:pointer;display:flex;font-size:12px;margin:4px 0}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz .Pie2_item__gvlG9 .Pie2_rect__cmCdf{height:16px;margin-right:8px;width:16px}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz .Pie2_item__gvlG9 .Pie2_name__MCsdh{background-color:var(--dprism-background-e4e4e4-2e2f37);border-radius:2px;font-size:16px;height:20px;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:120px}.Pie2_container__1kWGu .Pie2_rightBox__qDUHz .Pie2_item__gvlG9 .Pie2_value__lMuMg{font-size:16px;margin-left:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px}.Tree_container__aIZ1p{background-image:linear-gradient(135deg,#224141,#162a2a);box-sizing:border-box;display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;min-height:100%;padding:0 2px 4px;width:100%}.Tree_container__aIZ1p .Tree_box__r2FXq{background-image:linear-gradient(90deg,#04182c,#000c17,#04182c);border:3px solid rgba(53,162,253,.267);border-radius:10px;height:900px;margin:4px 2px;overflow:hidden;width:100%}.Tree_container__aIZ1p .Tree_box__r2FXq .Tree_echart__AMoeM{height:100%;width:100%}*{margin:0;padding:0}body,html{color:#fff;font-family:SourceHanSansCN-Regular}body,body #root,html,html #root{height:100%;overflow:hidden;width:100%}p{margin-bottom:0}div{box-sizing:border-box}.app_container{height:100%;overflow:hidden;width:100%}@font-face{font-family:SourceHanSansCN-Regular;src:url(../be37d606385ec5a4ff63.otf)}@font-face{font-family:SourceHanSansCN-Medium;src:url(../b1630234eb3d946b86e8.otf)}@font-face{font-family:SourceHanSansCN-Bold;src:url(../5b6413e1fb2b73b83c8d.otf)}
\ No newline at end of file
diff --git a/src/pages/css/DynamicButtons/components/BirdButton/index.module.scss b/src/pages/css/DynamicButtons/components/BirdButton/index.module.scss
index a96708c..08b3989 100644
--- a/src/pages/css/DynamicButtons/components/BirdButton/index.module.scss
+++ b/src/pages/css/DynamicButtons/components/BirdButton/index.module.scss
@@ -118,7 +118,7 @@
           left: 16px;
           width: 12px;
           height: 12px;
-          background: $border-color;
+          background: #ff8108;
           clip-path: path(
             "M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z"
           );
diff --git a/src/pages/html/VisualDesign/components/ActivityCountDown/index.module.scss b/src/pages/html/VisualDesign/components/ActivityCountDown/index.module.scss
index aa246fd..05e15b3 100644
--- a/src/pages/html/VisualDesign/components/ActivityCountDown/index.module.scss
+++ b/src/pages/html/VisualDesign/components/ActivityCountDown/index.module.scss
@@ -1,6 +1,6 @@
 .container {
   width: 100%;
-  height: 450px;
+  height: 420px;
   display: flex;
   flex-direction: column;
   justify-content: center;
diff --git a/src/pages/html/VisualDesign/components/ConicGradientRing/index.module.scss b/src/pages/html/VisualDesign/components/ConicGradientRing/index.module.scss
new file mode 100644
index 0000000..850221b
--- /dev/null
+++ b/src/pages/html/VisualDesign/components/ConicGradientRing/index.module.scss
@@ -0,0 +1,56 @@
+.container {
+  width: 100%;
+  height: 450px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  $boxSize: 300px;
+  $ringHeight: 46px;
+  .box {
+    width: $boxSize;
+    height: $boxSize;
+    position: relative;
+    animation: rotate 4s linear infinite;
+
+    .item {
+      box-sizing: border-box;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      mask: radial-gradient(
+        transparent,
+        transparent calc($boxSize / 2 - $ringHeight),
+        #000c17 calc($boxSize / 2 - $ringHeight + 1px),
+        #000c17 100%
+      );
+
+      .semicircle {
+        box-sizing: border-box;
+        position: absolute;
+        width: calc($ringHeight / 2);
+        height: $ringHeight;
+        top: 0;
+        left: calc(50% - $ringHeight / 2 + 1px);
+        border-top-left-radius: calc($ringHeight / 2);
+        border-bottom-left-radius: calc($ringHeight / 2);
+      }
+    }
+
+    &:hover {
+      animation-play-state: paused;
+    }
+  }
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(-360deg);
+    }
+  }
+}
diff --git a/src/pages/html/VisualDesign/components/ConicGradientRing/index.tsx b/src/pages/html/VisualDesign/components/ConicGradientRing/index.tsx
new file mode 100644
index 0000000..1b09980
--- /dev/null
+++ b/src/pages/html/VisualDesign/components/ConicGradientRing/index.tsx
@@ -0,0 +1,59 @@
+import React, { useMemo } from "react";
+import { ECHART_COMMON_COLOR } from "constants/common";
+import styles from "./index.module.scss";
+
+const data = [
+  { name: "label1", num: 23 },
+  { name: "label2", num: 12 },
+  { name: "label3", num: 48 },
+  { name: "label4", num: 37 },
+  { name: "label5", num: 18 },
+];
+
+const ConicGradientRing = () => {
+  const dataInfo = useMemo(() => {
+    const sum = data.reduce((num, next) => num + next.num, 0);
+    if (data?.length > 0) {
+      let currentRotate = 0;
+      const result = data.map((item, index) => {
+        const rotate = `${currentRotate}deg`;
+        const degNum = (item.num / sum) * 360;
+        currentRotate += degNum;
+        return {
+          ...item,
+          deg: `${degNum}deg`,
+          rotate,
+          color: ECHART_COMMON_COLOR[index],
+        };
+      });
+      return result;
+    }
+    return [];
+  }, [data]);
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.box}>
+        {dataInfo.map((itemData) => {
+          return (
+            <div
+              className={styles.item}
+              style={{
+                background: `conic-gradient(${itemData.color} 0,transparent ${itemData.deg})`,
+                transform: `rotate(${itemData.rotate})`,
+              }}
+              key={itemData.name}
+            >
+              <div
+                className={styles.semicircle}
+                style={{ backgroundColor: itemData.color }}
+              />
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default ConicGradientRing;
diff --git a/src/pages/html/VisualDesign/components/HoverEnlargement/index.module.scss b/src/pages/html/VisualDesign/components/HoverEnlargement/index.module.scss
index 2fcf6ce..80e8b30 100644
--- a/src/pages/html/VisualDesign/components/HoverEnlargement/index.module.scss
+++ b/src/pages/html/VisualDesign/components/HoverEnlargement/index.module.scss
@@ -4,7 +4,6 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  background-image: linear-gradient(to right, #04182c, #000c17, #04182c);
 
   img {
     $s: 280px; /* image size */
diff --git a/src/pages/html/VisualDesign/index.tsx b/src/pages/html/VisualDesign/index.tsx
index 76e01c9..0663b92 100644
--- a/src/pages/html/VisualDesign/index.tsx
+++ b/src/pages/html/VisualDesign/index.tsx
@@ -32,10 +32,11 @@ import RotateAndBgFixed from "./components/RotateAndBgFixed";
 import HexagonalMesh from "./components/HexagonalMesh";
 import HexagonalRadar from "./components/HexagonalRadar";
 import HoverEnlargement from "./components/HoverEnlargement";
-import ActivityCountDown from "./components/ActivityCountDown";
+import ConicGradientRing from "./components/ConicGradientRing";
 import GlassDesign1 from "./components/GlassDesign1";
 import GlassDesign2 from "./components/GlassDesign2";
 import Ribbon from "./components/Ribbon";
+import ActivityCountDown from "./components/ActivityCountDown";
 import styles from "./index.module.scss";
 
 const { GridBox } = GridContent;
@@ -68,10 +69,11 @@ const gridboxList = [
   { element: <HexagonalMesh /> },
   { element: <HexagonalRadar /> },
   { element: <HoverEnlargement /> },
-  { element: <ActivityCountDown /> },
+  { element: <ConicGradientRing /> },
   { element: <GlassDesign1 /> },
   { element: <GlassDesign2 /> },
   { element: <Ribbon /> },
+  { element: <ActivityCountDown /> },
 ];
 
 const VisualDesign = () => {