diff --git a/docs/main.js b/docs/main.js
index cce4b89..711493c 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -1 +1 @@
-!function(){var e,t,n,r={305:function(e,t,n){"use strict";var r=n(67294),a=n(20745),i=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),a=(0,o.Z)(n,2),i=a[0],u=a[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],b=A[1],j=(0,r.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;b(e),l.current&&l.current.scrollTop!==e&&(l.current.scrollTop=e)}),[]);return(0,s.jsx)(c.Provider,{value:{locale:i,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:j,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(39525),v=n(61032),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),a=function r(){if(t.current){var a=t.current,i=a.screenLeft,o=a.screenTop;if(i!==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(a),function(){n.current&&window.cancelAnimationFrame(n.current)}}),[]),t.current},w=function(e,t,n,a){var i=(0,r.useRef)(Math.random().toString(36).substring(2)),s=(0,r.useState)(null),c=(0,o.Z)(s,2),l=c[0],u=c[1],d=(0,r.useRef)(""),m=(0,r.useRef)(!1),f=(0,r.useRef)(0),g=(0,r.useRef)(0),h=(0,r.useCallback)((function(){if(e&&m.current){var t=document.getElementById(e);if(t){var n,r=0,o=0;if(null!=a&&a.current){var s=a.current.getBoundingClientRect(),c=s.top,l=s.left,u=s.width,d=s.height;r=l+window.screenLeft+u/2,o=c+window.screenTop+d/2}else r=window.innerWidth/2+window.screenLeft,o=window.innerHeight/2+window.screenTop;var f={pageId:i.current,x:r,y:o};null===(n=t.contentWindow)||void 0===n||n.postMessage(JSON.stringify(f),"*")}}}),[]),p=(0,r.useCallback)((function(){if(e&&d.current&&m.current){var t=document.getElementById(e);if(t){var r;f.current=0;var a={pageId:i.current,keepAlive:!0,timestamp:(new Date).getTime()};null===(r=t.contentWindow)||void 0===r||r.postMessage(JSON.stringify(a),"*"),g.current||(g.current=window.setTimeout((function(){g.current=0,window.localStorage.removeItem(n),d.current="",u(null)}),1500))}}}),[]),v=(0,r.useCallback)((function(e){console.log(777,e),e.origin===t&&(e.data?e.data.includes("keepAlive")?window.localStorage.setItem("keepAliveInfo",e.data):window.localStorage.setItem(n,e.data):(window.localStorage.setItem("keepAliveInfo",""),window.localStorage.setItem(n,"")))}),[]),x=(0,r.useCallback)((function(e){if("keepAliveInfo"===e.key){if(e.newValue){var t=JSON.parse(e.newValue);t&&t.pageId===d.current&&g.current&&(window.clearTimeout(g.current),g.current=0)}}else if(e.key===n)if(e.newValue){var r=JSON.parse(e.newValue);r?(d.current=r.pageId,u(r)):(d.current="",u(null))}else d.current="",u(null)}),[]),y=(0,r.useCallback)((function(){h(),function(){var e=window.localStorage.getItem(n);if(e){var t=JSON.parse(e);t?(d.current=t.pageId,u(t)):(d.current="",u(null))}else d.current="",u(null)}()}),[]);return A(y),(0,r.useLayoutEffect)((function(){if(window.addEventListener("message",v,!1),window.self===window.top&&e&&null!=a&&a.current){var n=document.createElement("iframe");n.id=e,n.style.visibility="hidden",console.log(222),n.onload=function(){console.log("iframe ready"),m.current=!0,y(),window.addEventListener("storage",x),window.addEventListener("resize",y),f.current=window.setInterval((function(){p()}),600)},n.src=t,a.current.appendChild(n)}return function(){window.removeEventListener("message",v),window.self===window.top&&(window.removeEventListener("storage",x),window.removeEventListener("resize",y),f.current&&window.clearInterval(f.current),g.current&&window.clearTimeout(g.current))}}),[]),{thatPageInfo:l,resendMessage:y}},b=["#F2BB00","#16BA79","#2454E6","#5470c6","#ea7ccc","#91cc75","#ee6666","#73c0de","#3ba272","#9a60b4"],j="bIframe",_="https://michellez.cn",D="InteractionEyes_container__nC6-d",M="InteractionEyes_eye__zDx2I",E="InteractionEyes_heart__G9lnP",k="InteractionEyes_eyeball__hK-+b",C=function(){var e=d().locale,t=(0,r.useRef)(null),n=w(j,_,"bPageInfo",t),a=n.thatPageInfo,i=n.resendMessage;(0,r.useEffect)((function(){i()}),[e]);var o=(0,r.useMemo)((function(){if(t.current&&a){var e=a.x,n=a.y,r=t.current.getBoundingClientRect(),i=r.top,o=r.left,s=r.width,c=r.height,l=o+window.screenLeft+s/2,u=i+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}),[a]);return(0,s.jsx)("div",{className:D,ref:t,children:o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:M,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:E}):(0,s.jsx)("div",{className:k,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})}),(0,s.jsx)("div",{className:M,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:E}):(0,s.jsx)("div",{className:k,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})})]})})},N=n.p+"images/235f02ed.jpeg",S=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 P(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,S.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 I=function(e){return(0,s.jsx)("svg",P(P({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 T(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 R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=function(e){return(0,s.jsx)("svg",R(R({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"})]})}))},O="Header_container__4tC+Z",G="Header_left__7u7-T",Q="Header_title__T9B5R",Z="Header_right__qQAPq",L="Header_btn__osEo4",z="Header_rewardModal__LMM8K",U="Header_closeBtn__p4OnE",H=function(){var e=(0,h.Z)(),t=d(),n=t.locale,a=t.setLocale,i=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;i(e)}}),[]),(0,s.jsxs)("div",{className:O,ref:c,children:[(0,s.jsxs)("div",{className:G,children:[(0,s.jsx)("div",{className:Q,onClick:function(){var e,t=document.getElementById(j);t&&(null===(e=t.contentWindow)||void 0===e||e.postMessage("autoSavePassword",_));window.open("".concat(_,"/#/main?password=").concat("123456"),"_blank","top=200,left=100")},children:e.formatMessage({id:"common.logoName"})}),(0,s.jsx)(C,{})]}),(0,s.jsxs)("div",{className:Z,children:[(0,s.jsx)(p.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.reward"}),children:(0,s.jsx)("div",{className:L,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:L,onClick:function(){a("zh-cn"===n?"en-us":"zh-cn")},children:"zh-cn"===n?(0,s.jsx)(F,{}):(0,s.jsx)(I,{})})})]}),(0,s.jsxs)(v.Z,{wrapClassName:z,title:e.formatMessage({id:"common.reward"}),open:m,footer:null,maskClosable:!1,width:320,children:[(0,s.jsx)("div",{className:U,onClick:function(){f(!1)},children:(0,s.jsx)(y.Z,{})}),(0,s.jsx)("img",{src:N,alt:""}),(0,s.jsx)("p",{children:e.formatMessage({id:"common.reward.tip"})})]})]})},V=n(73935),W=n(7278),Y=n(93483),J=n(29934),q=n(3682),K=n(50161),X=n(90894),$=n(53587),ee=n(22608),te=n(1351),ne=n(76629),re=n(85191),ae=n(71577),ie=n(7149),oe="Menus_container__dz5ma",se="Menus_topBox__EoJUd",ce="Menus_top__a7CPT",le="Menus_menuLabel__eOdiw",ue="Menus_bottom__dStLR";function de(e,t,n,r,a){return{key:t,icon:n,children:r,label:(0,s.jsx)("p",{className:le,children:e}),type:a}}var me=function(){var e=(0,h.Z)(),t=(0,m.s0)(),n=(0,m.TH)(),a=(0,r.useState)(!1),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=d().setMenuWidth,f=(0,r.useRef)(null),g=[de(e.formatMessage({id:"menu.htmlVision"}),"html",(0,s.jsx)(W.Z,{}),[de(e.formatMessage({id:"menu.htmlVision.visualDesign"}),"visualDesign"),de(e.formatMessage({id:"menu.htmlVision.interactiveDesign"}),"interactiveDesign"),de(e.formatMessage({id:"menu.htmlVision.backgroundPattern"}),"backgroundEffect"),de(e.formatMessage({id:"menu.htmlVision.complexLayout"}),"complexLayout"),de(e.formatMessage({id:"menu.htmlVision.applicationPageFrame"}),"appPageFrame"),de(e.formatMessage({id:"menu.htmlVision.utilitarianFunction"}),"utilitarianFunction")]),de(e.formatMessage({id:"menu.cssDynamicEffect"}),"css",(0,s.jsx)(Y.Z,{}),[de(e.formatMessage({id:"menu.cssDynamicEffect.dynamicEffectButton"}),"dynamicButtons"),de(e.formatMessage({id:"menu.cssDynamicEffect.richDynamicEffect"}),"richDynamicEffect"),de(e.formatMessage({id:"menu.cssDynamicEffect.generateRegularPolygon"}),"generateRegularPolygon")]),de(e.formatMessage({id:"menu.canvasDynamicEffect"}),"canvas",(0,s.jsx)(J.Z,{}),[de(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionExample"}),"sphereCollisionExample"),de(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicClock"}),"dynamicClock"),de(e.formatMessage({id:"menu.canvasDynamicEffect.searchlightEffect"}),"searchlight"),de(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionInteraction"}),"globuleInteraction"),de(e.formatMessage({id:"menu.canvasDynamicEffect.destroyThePlanetGame"}),"killPlanetGame"),de(e.formatMessage({id:"menu.canvasDynamicEffect.sphereFreeFallInteraction"}),"freeFallingBody"),de(e.formatMessage({id:"menu.canvasDynamicEffect.coolCountdownAnimation"}),"countDown"),de(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicParticleBackground"}),"particlesBg"),de(e.formatMessage({id:"menu.canvasDynamicEffect.rippleEffect"}),"rippleFloatOnTheWater"),de(e.formatMessage({id:"menu.canvasDynamicEffect.flowerBloomingAnimation"}),"flowerBloom"),de(e.formatMessage({id:"menu.canvasDynamicEffect.codeBackgroundWall"}),"codeBgWall"),de(e.formatMessage({id:"menu.canvasDynamicEffect.wordDance"}),"wordDance"),de(e.formatMessage({id:"menu.canvasDynamicEffect.scratch"}),"scratch"),de(e.formatMessage({id:"menu.canvasDynamicEffect.matchLine"}),"matchLine")]),de(e.formatMessage({id:"menu.echartsInteraction"}),"echarts",(0,s.jsx)(q.Z,{}),[de(e.formatMessage({id:"menu.echartsInteraction.barCharts"}),"bar"),de(e.formatMessage({id:"menu.echartsInteraction.pieCharts"}),"pie")]),de(e.formatMessage({id:"menu.threeJs3D"}),"threejs",(0,s.jsx)(K.Z,{}),[de(e.formatMessage({id:"menu.threeJs3D.appPageFrame"}),"threejsAppPageFrame"),de(e.formatMessage({id:"menu.threeJs3D.carShow"}),"carShow"),de(e.formatMessage({id:"menu.threeJs3D.rubiksCube"}),"rubiksCube"),de(e.formatMessage({id:"menu.threeJs3D.throwDice"}),"throwDice"),de(e.formatMessage({id:"menu.threeJs3D.mapDisplay"}),"mapDisplay"),de(e.formatMessage({id:"menu.threeJs3D.earthDisplay"}),"earthDisplay")]),de(e.formatMessage({id:"menu.AIApplication"}),"AIApplication",(0,s.jsx)(X.Z,{}),[de(e.formatMessage({id:"menu.AIApplication.humanPostureDetection"}),"humanPostureDetection"),de(e.formatMessage({id:"menu.AIApplication.notBlockPeopleBarrage"}),"notBlockPeopleBarrage")]),de(e.formatMessage({id:"menu.imageProcessingTool"}),"imageProcessingTool",(0,s.jsx)($.Z,{})),de(e.formatMessage({id:"menu.videoProcessingTool"}),"videoProcessingTool",(0,s.jsx)(ee.Z,{}))],p=(0,r.useCallback)((0,re.Z)((function(){var e=V.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("/"),a=r[r.length-1];a&&t.push(a)}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:oe,ref:f,children:[(0,s.jsxs)("div",{className:se,children:[(0,s.jsx)("div",{className:ce,children:(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){l(!c)},style:{marginBottom:16},children:c?(0,s.jsx)(te.Z,{}):(0,s.jsx)(ne.Z,{})})}),(0,s.jsx)(ie.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:ue,children:!c&&(0,s.jsx)("span",{children:e.formatMessage({id:"common.keepUpdating"})})})]})},fe="Home_container__RMLhs",ge="Home_container_body__-OVNZ",he="Home_container_content__q7A-W",pe=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,a=(0,m.V$)(Uw),i=(0,m.TH)(),o=(0,m.s0)(),c=(0,r.useRef)(null);return(0,r.useEffect)((function(){var e=i.pathname;e&&"/"!==e||o("/html/visualDesign")}),[i]),(0,r.useEffect)((function(){n(c)}),[]),(0,s.jsxs)("div",{className:fe,children:[(0,s.jsx)(H,{}),(0,s.jsxs)("div",{className:ge,children:[(0,s.jsx)(me,{}),(0,s.jsx)("div",{className:he,onScroll:function(){var e;t(null===(e=c.current)||void 0===e?void 0:e.scrollTop)},ref:c,children:a})]})]})},ve=n(94184),xe=n.n(ve),ye={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"},Ae=function(e){var t,n=e.differentScreenCols,a=e.rowSpace,i=void 0===a?0:a,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:xe()((t={},(0,S.Z)(t,ye.container,!0),(0,S.Z)(t,ye["gt2000-".concat(m[0])],!0),(0,S.Z)(t,ye["eq1700_2000-".concat(m[1])],!0),(0,S.Z)(t,ye["eq1400_1700-".concat(m[2])],!0),(0,S.Z)(t,ye["eq1200_1400-".concat(m[3])],!0),(0,S.Z)(t,ye["eq500_1200-".concat(m[4])],!0),(0,S.Z)(t,ye["lt500-".concat(m[5])],!!m[5]),t)),children:(0,s.jsx)("div",{className:"".concat(ye.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:i,colSpace:c})})):d||null})})};Ae.GridBox=function(e){var t=e.key,n=e.className,r=e.rowSpace,a=void 0===r?0:r,i=e.colSpace,o=void 0===i?0:i,c=e.children;return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",padding:"".concat(a/2,"px ").concat(o/2,"px")},className:n,children:c},t)};var we=Ae,be="GlassMimicry1_container__3KhAO",je="GlassMimicry1_card__WwxgS",_e="GlassMimicry1_circle__DoolB",De="GlassMimicry1_rect__Or-6t",Me=function(){return(0,s.jsxs)("div",{className:be,children:[(0,s.jsxs)("div",{className:je,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:_e}),(0,s.jsx)("div",{className:De})]})},Ee="GlassMimicry2_container__S445M",ke="GlassMimicry2_card__3l4Ng",Ce="GlassMimicry2_circle__VaL67",Ne="GlassMimicry2_rect__qdTWE",Se=function(){return(0,s.jsxs)("div",{className:Ee,children:[(0,s.jsxs)("div",{className:ke,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:Ce}),(0,s.jsx)("div",{className:Ne})]})},Be="MixBlendMode_container__Fh1Tw",Pe="MixBlendMode_content__0uwYQ",Ie=function(){return(0,s.jsx)("div",{className:Be,children:(0,s.jsx)("div",{className:Pe})})},Te=function(e,t){var n=e.finalText,a=void 0===n?"":n,i=e.textList,c=void 0===i?[]:i,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?a: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),b=(0,r.useRef)(0),j=(0,r.useCallback)((function(){var e=(new Date).getTime();if(e-w.current>=m)y(a),h.current=-1,b.current=e;else if(e-b.current>=u){var t=-1===h.current?0:h.current+1;t>=c.length&&(t=0),y(c[t]),h.current=t,b.current=e}A.current=requestAnimationFrame(j)}),[m]),_=(0,r.useCallback)((function(){var e=(new Date).getTime();w.current=e,b.current=e,A.current=requestAnimationFrame(j)}),[]),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)}))})},Re=r.forwardRef(Te),Fe="SwitchingText_container__9ICqS",Oe="SwitchingText_content__6PttP",Ge="SwitchingText_btn__9UW9Y",Qe=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Fe,children:[(0,s.jsx)(Re,{className:Oe,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)(ae.Z,{type:"primary",className:Ge,onClick:function(){var t;null===(t=e.current)||void 0===t||t.restart()},children:"Once Again"})]})},Ze=n(13614),Le=n.n(Ze),ze="Typed1_container__2a+Le",Ue="Typed1_btn__5+jTK",He=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(Le())(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:ze,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(ae.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"})]})},Ve="Typed2_container__XvJpL",We="Typed2_btn__lqx2D",Ye=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(Le())(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:Ve,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(ae.Z,{type:"primary",className:We,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"})]})},Je=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 a=r.offsetWidth;return document.body.removeChild(r),a},qe=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,a=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],i="",o="",s="";if(!e||t<n||"string"!=typeof e)return i;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,i=s+=m,l.innerText=s;var f=l.offsetWidth;if(f>t){i=a?o+"...":o;break}}return document.body.removeChild(l),i};function Ke(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 Xe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ke(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ke(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var $e=function(e){var t=e.text,n=void 0===t?"":t,a=e.lineNum,i=void 0===a?1:a,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],b=A[1],j=(0,r.useRef)(!1),_=(0,r.useMemo)((function(){var e=n,t=!1,r=Math.max(u,12);if(w)if(qe(n,w*i,p,v).endsWith("...")&&(t=!0),t){var a=Je("...",p,v),o=0;c&&(o=Je(c,r,m)),e=qe(n,w*i-a-o-2,p,v)}else e=n;return t!==j.current&&(j.current=t,h&&h(t)),{textStyle:Xe({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,i,n,c,u,g]),D=(0,r.useCallback)((function(){if(x.current){var e=V.findDOMNode(x.current);b(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})]})},et="AutoEllipsisText_container__2dFtS",tt=function(){var e=(0,h.Z)(),t=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows"}),n=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows2"}),a=(0,r.useState)(!1),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=function(e){l(e)};return(0,s.jsxs)("div",{className:et,children:[c?(0,s.jsx)(p.Z,{placement:"top",title:t,children:(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)($e,{text:t,style:{fontSize:"24px"},onTextOverChange:u})})}):(0,s.jsx)($e,{text:t,style:{fontSize:"24px"},onTextOverChange:u}),(0,s.jsx)($e,{text:n.repeat(4),style:{fontSize:"24px",marginTop:"40px"}}),(0,s.jsx)($e,{text:n.repeat(8),lineNum:2,style:{fontSize:"16px",marginTop:"40px"},buttonText:"More",buttonTextSize:16})]})},nt=n.p+"images/c5e4532e.jpg",rt="FilterCSS_container__HnHaW",at="FilterCSS_left__dim3U",it="FilterCSS_right__MsfmE",ot=function(){var e=(0,h.Z)();return(0,s.jsxs)("div",{className:rt,children:[(0,s.jsxs)("div",{className:at,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.brighten"})}),(0,s.jsx)("img",{src:nt,alt:""})]}),(0,s.jsxs)("div",{className:it,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.grayed"})}),(0,s.jsx)("img",{src:nt,alt:""})]})]})},st="BgFusion_container__VJAbX",ct=function(){return(0,s.jsx)("div",{className:st})},lt={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"},ut=new Array(3).fill(0),dt=function(){return(0,s.jsx)("div",{className:lt.container,children:ut.map((function(e,t){return(0,s.jsxs)("div",{className:lt["box".concat(t+1)],children:[(0,s.jsx)("div",{className:lt.leftTopRect}),(0,s.jsx)("div",{className:lt.circle}),(0,s.jsx)("div",{className:lt.middleRect}),(0,s.jsx)("div",{className:lt.bottomRect})]},t)}))})},mt={container:"ShearAngle_container__tRA3S",box1:"ShearAngle_box1__5M-bD",box2:"ShearAngle_box2__n9GvI",box3:"ShearAngle_box3__uaxeG"},ft=new Array(3).fill(0),gt=function(){return(0,s.jsx)("div",{className:mt.container,children:ft.map((function(e,t){return(0,s.jsx)("div",{className:mt["box".concat(t+1)]},t)}))})},ht="AnnulusLoading_container__r9c4O",pt="AnnulusLoading_content__3Beje",vt="AnnulusLoading_item7__AQC4n",xt="AnnulusLoading_item6__+tYBR",yt="AnnulusLoading_item5__PkkRq",At="AnnulusLoading_item4__C2KqR",wt="AnnulusLoading_item3__sTLBN",bt="AnnulusLoading_item2__29w+l",jt="AnnulusLoading_item1__kaRKn",_t=function(){return(0,s.jsx)("div",{className:ht,children:(0,s.jsxs)("div",{className:pt,children:[(0,s.jsx)("div",{className:jt}),(0,s.jsx)("div",{className:bt}),(0,s.jsx)("div",{className:wt}),(0,s.jsx)("div",{className:At}),(0,s.jsx)("div",{className:yt}),(0,s.jsx)("div",{className:xt}),(0,s.jsx)("div",{className:vt})]})})},Dt=n.p+"images/7380e6f7.jpg",Mt=n.p+"images/ba36f098.jpg",Et=n.p+"images/e7c8df7d.jpg",kt=n.p+"images/06a46209.jpg",Ct=n.p+"images/ed6d9a11.jpg",Nt=n.p+"images/271a66ed.jpg",St=n.p+"images/2506df73.jpg",Bt="Honeycomb_container__gPdSS",Pt="Honeycomb_content__Dufrz",It=function(){return(0,s.jsx)("div",{className:Bt,children:(0,s.jsxs)("div",{className:Pt,children:[(0,s.jsx)("img",{src:Dt,alt:""}),(0,s.jsx)("img",{src:Mt,alt:""}),(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:kt,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:Nt,alt:""}),(0,s.jsx)("img",{src:St,alt:""})]})})},Tt="PizzaPie_container__+jqg8",Rt="PizzaPie_content__nr36j",Ft=function(){return(0,s.jsx)("div",{className:Tt,children:(0,s.jsxs)("div",{className:Rt,children:[(0,s.jsx)("img",{src:Dt,alt:""}),(0,s.jsx)("img",{src:Mt,alt:""}),(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:kt,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:Nt,alt:""})]})})},Ot="AnnulusProgressBar_container__t7uE8",Gt="AnnulusProgressBar_content__aiBoG",Qt="AnnulusProgressBar_box__Wl9L-",Zt="AnnulusProgressBar_circleOuter__OmSUl",Lt="AnnulusProgressBar_num__CAG59",zt=function(){var e=(0,r.useState)(0),t=(0,o.Z)(e,2)[1],n=(0,r.useRef)(0),a=(0,r.useRef)(0),i=function e(){var r=471,i=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),i&&(i.style.strokeDashoffset="".concat(r.toString()));a.current=window.requestAnimationFrame(e)};return(0,r.useEffect)((function(){return i(),function(){a.current&&cancelAnimationFrame(a.current)}}),[]),(0,s.jsx)("div",{className:Ot,children:(0,s.jsx)("div",{className:Gt,children:(0,s.jsxs)("div",{className:Qt,children:[(0,s.jsx)("div",{className:Zt}),(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:Lt,children:"".concat(Math.floor(n.current),"%")})]})})})},Ut={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-"},Ht=new Array(15).fill(0),Vt=function(){return(0,s.jsx)("div",{className:Ut.container,children:(0,s.jsx)("div",{className:Ut.content,children:Ht.map((function(e,t){return(0,s.jsx)("span",{className:Ut["span".concat(t)]},t)}))})})},Wt={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"},Yt=new Array(9).fill(0),Jt=function(){return(0,s.jsx)("div",{className:Wt.container,children:(0,s.jsx)("div",{className:Wt.content,children:Yt.map((function(e,t){return(0,s.jsx)("div",{className:Wt["item".concat(t)]},t)}))})})},qt="TextWrap_container__vVl1N",Kt="TextWrap_topText__eHwkJ",Xt="TextWrap_poly__EwnPy",$t="TextWrap_leftFloat__Uo9rJ",en="TextWrap_rightFloat__ezXwd",tn=function(){var e=(0,h.Z)().formatMessage({id:"page.htmlVision.visualDesign.quantumEntanglementTip"});return(0,s.jsxs)("div",{className:qt,children:[(0,s.jsx)("div",{className:Kt,children:e.repeat(40)}),(0,s.jsx)("div",{className:"".concat(Xt," ").concat($t)}),(0,s.jsx)("div",{className:"".concat(Xt," ").concat(en)}),(0,s.jsx)("span",{children:e.repeat(180)})]})},nn="WaterDropLogin_container__d6dk7",rn="WaterDropLogin_content__jiIiV",an="WaterDropLogin_drop__Nq7iB",on="WaterDropLogin_contentBox__nL6ua",sn="WaterDropLogin_inputBox__2oxY0",cn="WaterDropLogin_btns__Sil7M",ln="WaterDropLogin_signup__h0wNv",un=function(){return(0,s.jsx)("div",{className:nn,children:(0,s.jsxs)("div",{className:rn,children:[(0,s.jsx)("div",{className:an,children:(0,s.jsxs)("div",{className:on,children:[(0,s.jsx)("h2",{children:"Sign in"}),(0,s.jsxs)("form",{children:[(0,s.jsx)("div",{className:sn,children:(0,s.jsx)("input",{type:"text",placeholder:"Username"})}),(0,s.jsx)("div",{className:sn,children:(0,s.jsx)("input",{type:"password",placeholder:"Password"})}),(0,s.jsx)("div",{className:sn,children:(0,s.jsx)("input",{type:"submit",value:"Login"})})]})]})}),(0,s.jsxs)("div",{className:cn,children:[(0,s.jsx)("span",{children:"Forget"}),(0,s.jsx)("span",{children:"Password"})]}),(0,s.jsx)("div",{className:"".concat(cn," ").concat(ln),children:"Signup"})]})})},dn="TextShadow_container__3+vOx",mn="TextShadow_content__ngpOP",fn=function(){var e=(0,h.Z)().formatMessage({id:"page.htmlVision.visualDesign.textShadow"});return(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("div",{className:mn,"data-text":e,children:e})})},gn="HorseRacelamp_container__bVbh9",hn="HorseRacelamp_scroll__kRja6",pn=new Array(4).fill(0),vn=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:gn,children:pn.map((function(t,n){return(0,s.jsxs)("div",{className:hn,children:[e(),e()]},n)}))})},xn="HarmonyLogo_container__uTwnw",yn="HarmonyLogo_content__Azar3",An="HarmonyLogo_top__zSfqW",wn="HarmonyLogo_line__6yj7q",bn="HarmonyLogo_bottom__4ZSOr",jn=function(){return(0,s.jsxs)("div",{className:xn,children:[(0,s.jsxs)("div",{className:yn,children:[(0,s.jsx)("div",{className:An,children:(0,s.jsx)("div",{className:wn})}),(0,s.jsx)("div",{className:bn})]}),(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"})]})})]})},_n="Preserve3D_container__EZ7l0",Dn="Preserve3D_content__yxNQy",Mn="Preserve3D_cubeInner__oYaXM",En="Preserve3D_top__6op2D",kn="Preserve3D_bottom__Rmjl+",Cn="Preserve3D_front__+CRYT",Nn="Preserve3D_back__-ZjU+",Sn="Preserve3D_left__YYWAD",Bn="Preserve3D_right__R5Aqm",Pn="Preserve3D_cubeOuter__pwwjS",In=function(){return(0,s.jsx)("div",{className:_n,children:(0,s.jsxs)("div",{className:Dn,children:[(0,s.jsxs)("div",{className:Mn,children:[(0,s.jsx)("div",{className:En}),(0,s.jsx)("div",{className:kn}),(0,s.jsx)("div",{className:Cn}),(0,s.jsx)("div",{className:Nn}),(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Bn})]}),(0,s.jsxs)("div",{className:Pn,children:[(0,s.jsx)("div",{className:En}),(0,s.jsx)("div",{className:kn}),(0,s.jsx)("div",{className:Cn}),(0,s.jsx)("div",{className:Nn}),(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Bn})]})]})})},Tn="RotateAndBgFixed_container__Kc-WW",Rn="RotateAndBgFixed_box__DkROP",Fn="RotateAndBgFixed_a__Yi0br",On="RotateAndBgFixed_b__Vv6J0",Gn="RotateAndBgFixed_c__xgerx",Qn="RotateAndBgFixed_d__d9aYT",Zn="RotateAndBgFixed_e__V1OJc",Ln=function(){return(0,s.jsx)("div",{className:Tn,children:(0,s.jsxs)("div",{className:Rn,children:[(0,s.jsx)("div",{className:Fn,children:(0,s.jsx)("img",{src:Dt,alt:""})}),(0,s.jsx)("div",{className:On,children:(0,s.jsx)("img",{src:Mt,alt:""})}),(0,s.jsx)("div",{className:Gn,children:(0,s.jsx)("img",{src:Et,alt:""})}),(0,s.jsx)("div",{className:Qn,children:(0,s.jsx)("img",{src:kt,alt:""})}),(0,s.jsx)("div",{className:Zn,children:(0,s.jsx)("img",{src:Ct,alt:""})})]})})},zn="HexagonalMesh_container__mdJJ9",Un="HexagonalMesh_item__hVzAo",Hn=new Array(300).fill(0),Vn=function(){return(0,s.jsx)("div",{className:zn,children:Hn.map((function(e,t){return(0,s.jsx)("div",{className:Un},t)}))})},Wn="HexagonalRadar_container__hFck5",Yn="HexagonalRadar_content__sj-0h",Jn="HexagonalRadar_item__IF+DR",qn="HexagonalRadar_maskBox__SqK8S",Kn=new Array(5).fill(0),Xn=function(){return(0,s.jsxs)("div",{className:Wn,children:[(0,s.jsx)("div",{className:Yn,children:Kn.map((function(e,t){return(0,s.jsx)("div",{className:Jn},t)}))}),(0,s.jsx)("div",{className:qn})]})},$n=n.p+"images/d2fa7cd8.png",er="HoverEnlargement_container__t9rVI",tr=function(){return(0,s.jsx)("div",{className:er,children:(0,s.jsx)("img",{src:$n,alt:""})})},nr=n(78343),rr=n(79501);function ar(e){return e.toString().padStart(2,"0")}var ir,or=function(e){if(e){var t=e.slice(0,19).replace(/-/g,"/");return e.endsWith("+0000 UTC")?(0,rr.Z)((0,nr.Z)(new Date(t),8),"YYYY/MM/DD HH:mm:ss"):t}return""},sr="ActivityCountDown_container__z9J8Y",cr="ActivityCountDown_num__F1ysh",lr="ActivityCountDown_unit__X1r8-",ur=function(e){var t=e.countParams,n=e.overCallback,a=e.style,i=void 0===a?{}:a,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),b=(0,r.useRef)(0),j=function(){if(!w.current){var e=A.current,t=e.d,r=e.h,a=e.m,i=e.s,o=0===r&&0===a&&0===i,s=0===a&&0===i,c=0===i;if(0===t&&0===r&&0===a&&0===i)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:a-1,s:59};A.current=d,y(d)}else{var m={d:t,h:r,m:a,s:i-1};A.current=m,y(m)}}};return(0,r.useEffect)((function(){var e=t.day,r=void 0===e?59:e,a=t.hour,i=void 0===a?59:a,o=t.minute,s=void 0===o?59:o,c=t.seconds,l={d:r,h:i,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(),b.current&&(window.clearInterval(b.current),b.current=0)):w.current&&(w.current=!1,b.current=window.setInterval(j,1e3))}),[t]),(0,r.useEffect)((function(){return function(){b.current&&window.clearInterval(b.current)}}),[]),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:sr,style:i,children:[(0,s.jsx)("div",{className:cr,children:ar(x.d)}),(0,s.jsx)("div",{className:lr,children:"天"}),(0,s.jsx)("div",{className:cr,children:ar(x.h)}),(0,s.jsx)("div",{className:lr,children:"时"}),(0,s.jsx)("div",{className:cr,children:ar(x.m)}),(0,s.jsx)("div",{className:lr,children:"分"}),(0,s.jsx)("div",{className:cr,children:ar(x.s)}),(0,s.jsx)("div",{className:lr,children:"秒"})]})})},dr="ActivityCountDown_container__Nw3or",mr="ActivityCountDown_title__5HUMy",fr=function(){var e=function(e){var t=e.type,n=void 0===t?"ms":t,r=e.startTime,a=void 0===r?"":r,i=e.serverTime,o=void 0===i?0:i,s="s"===n?1e3*Number(o):o;if(!a)return{day:0,hour:0,minute:0,seconds:0,timeRemaining:0};var c="string"==typeof a?or(a):a,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,nr.Z)(new Date,2).getTime(),serverTime:(new Date).getTime()}),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),a=n[0],i=n[1];return(0,s.jsxs)("div",{className:dr,children:[(0,s.jsx)("div",{className:mr,children:a?"活动正在进行中":"距离活动开始剩余："}),!a&&(0,s.jsx)(ur,{countParams:e,overCallback:function(){i(!0)},style:{marginTop:"16px"}})]})},gr="Ribbon_container__ZOkiq",hr="Ribbon_ribbon__wI2K8",pr=function(){return(0,s.jsxs)("div",{className:gr,children:[(0,s.jsx)("div",{className:hr,style:{"--fontSize":"34px",fontWeight:600},children:"Visualization Collection"}),(0,s.jsxs)("div",{className:hr,style:{"--fontSize":"28px","--background":"#8A9B0F",fontWeight:500},children:["Visualization Collection ",(0,s.jsx)("br",{})," Visualization Collection"]}),(0,s.jsxs)("div",{className:hr,style:{"--background":"#45ADA8"},children:["Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection"]})]})},vr="VisualDesign_container__oN2JR",xr="VisualDesign_box__-TYNG",yr=we.GridBox,Ar=[{element:(0,s.jsx)(Me,{})},{element:(0,s.jsx)(Se,{})},{element:(0,s.jsx)(Ie,{})},{element:(0,s.jsx)(Qe,{})},{element:(0,s.jsx)(He,{})},{element:(0,s.jsx)(Ye,{})},{element:(0,s.jsx)(tt,{})},{element:(0,s.jsx)(tn,{})},{element:(0,s.jsx)(ct,{})},{element:(0,s.jsx)(dt,{})},{element:(0,s.jsx)(gt,{})},{element:(0,s.jsx)(_t,{})},{element:(0,s.jsx)(It,{})},{element:(0,s.jsx)(Ft,{})},{element:(0,s.jsx)(zt,{})},{element:(0,s.jsx)(Vt,{})},{element:(0,s.jsx)(ot,{})},{element:(0,s.jsx)(Jt,{})},{element:(0,s.jsx)(un,{})},{element:(0,s.jsx)(fn,{})},{element:(0,s.jsx)(vn,{})},{element:(0,s.jsx)(jn,{})},{element:(0,s.jsx)(In,{})},{element:(0,s.jsx)(Ln,{})},{element:(0,s.jsx)(Vn,{})},{element:(0,s.jsx)(Xn,{})},{element:(0,s.jsx)(tr,{})},{element:(0,s.jsx)(fr,{})},{element:(0,s.jsx)(pr,{})}],wr=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:vr,children:(0,s.jsx)(we,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Ar.map((function(e,t){return(0,s.jsx)(yr,{children:(0,s.jsx)("div",{className:xr,children:e.element})},t)}))})})},br=[],jr=function(e){e.data,(0,h.Z)();return null},_r="ModuleTitle_container__7ZCMv",Dr=function(e){var t=(0,h.Z)(),n=e.intlTitle,r=e.style,a=void 0===r?{}:r;return(0,s.jsx)("div",{className:_r,style:a,children:t.formatMessage({id:n})})},Mr=n.p+"images/6765fa3b.png",Er="MagnifyingGlass_container__z7+HK",kr="MagnifyingGlass_content__csBAU",Cr="MagnifyingGlass_smallBox__1rC23",Nr="MagnifyingGlass_mask__kbQ6H",Sr="MagnifyingGlass_floatBox__Msmv9",Br="MagnifyingGlass_bigBox__dtenq",Pr=function(){var e=d(),t=e.scrollTop,n=e.headHeight,a=(0,r.useRef)(null),i=(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:Er,children:(0,s.jsxs)("div",{className:kr,children:[(0,s.jsxs)("div",{className:Cr,ref:a,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.magnifyingGlass",style:{top:"-80px",left:"114%"}}),(0,s.jsx)("div",{className:Nr,onMouseOver:function(){f(!0)},onMouseMove:function(e){var r=V.findDOMNode(a.current),o=V.findDOMNode(i.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=V.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:Sr,style:{visibility:m?"visible":"hidden"},ref:i}),(0,s.jsx)("img",{src:Mr})]}),(0,s.jsx)("div",{className:Br,ref:c,children:(0,s.jsx)("img",{src:Mr,style:{visibility:m?"visible":"hidden"}})})]})})},Ir="CropImage_container__agQZ5",Tr="CropImage_leftBox__rxH+K",Rr="CropImage_img1__vvyEU",Fr="CropImage_img2__CuOAQ",Or="CropImage_cropBox__A4fdb",Gr="CropImage_dot__TnuYQ",Qr="CropImage_leftUp__RO+TV",Zr="CropImage_up__fR18N",Lr="CropImage_rightUp__5Btk7",zr="CropImage_right__nbAwk",Ur="CropImage_rightDown__8vsgu",Hr="CropImage_down__0RD60",Vr="CropImage_leftDown__Ssc21",Wr="CropImage_left__qEy8B",Yr="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"}(ir||(ir={}));var Jr=function(){var e=d().scrollTop,t=(0,r.useRef)(0),n=(0,r.useRef)(0),a=(0,r.useRef)(!1),i=(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=V.findDOMNode(l.current),a=x(r).left,i=a+t.current-4;n>i?n=i:n<a&&(n=a);var o=V.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=V.findDOMNode(l.current),a=x(r).top,i=V.findDOMNode(m.current),o=x(i).top,s=o+i.offsetHeight-4;n<a?n=a:n>s&&(n=s);var c=i.offsetHeight;i.style.height=c+o-n+"px",i.style.top=i.offsetTop+n-o+"px"},w=function(e){var t=e.clientX,n=V.findDOMNode(l.current),r=x(n).left,a=V.findDOMNode(m.current),i=x(a).left,o=i+a.offsetWidth-4;t<r?t=r:t>o&&(t=o);var s=a.offsetWidth;a.style.width=s+i-t+"px",a.style.left=a.offsetLeft+t-i+"px"},b=function(t){var r=t.clientY+e,a=V.findDOMNode(l.current),i=x(a).top,o=i+n.current-4;r<i?r=i:r>o&&(r=o);var s=V.findDOMNode(m.current),c=s.offsetHeight-2,u=r-c-x(s).top;s.style.height=c+u+"px"},j=function(){var e=V.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,a=e.offsetTop,i=r+t,o=a+n;V.findDOMNode(u.current).style.clip="rect(".concat(a,"px,").concat(i,"px,").concat(o,"px,").concat(r,"px)")},_=function(){var e=V.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,a=e.offsetTop,i=r+t,o=a+n,s=V.findDOMNode(f.current);s.style.top="".concat(-a,"px"),s.style.left="".concat(-r,"px"),s.style.clip="rect(".concat(a,"px,").concat(i,"px,").concat(o,"px,").concat(r,"px)")},D=function(e,t){e.stopPropagation(),a.current=!0,i.current=t},M=function(){a.current=!1,o.current=!1};return(0,r.useEffect)((function(){var e=V.findDOMNode(l.current),r=e.offsetWidth,a=e.offsetHeight;t.current=r,n.current=a}),[]),(0,s.jsxs)("div",{className:Ir,onMouseMove:function(e){if(o.current){var r=V.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"),j(),_()}if(a.current){switch(i.current){case ir.right:y(e);break;case ir.up:A(e);break;case ir.left:w(e);break;case ir.down:b(e);break;case ir.leftUp:w(e),A(e);break;case ir.leftDown:w(e),b(e);break;case ir.rightUp:y(e),A(e);break;case ir.rightDown:y(e),b(e)}j(),_()}},onMouseUp:M,onMouseLeave:M,ref:c,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropClipBox"}),(0,s.jsxs)("div",{className:Tr,ref:l,children:[(0,s.jsx)("img",{src:nt,className:Rr}),(0,s.jsx)("img",{src:nt,className:Fr,ref:u}),(0,s.jsxs)("div",{className:Or,onMouseDown:function(e){g.current=e.clientX,h.current=e.clientY;var t=V.findDOMNode(m.current);v.current=t.offsetTop,p.current=t.offsetLeft,o.current=!0},ref:m,children:[(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Qr),onMouseDown:function(e){return D(e,ir.leftUp)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Zr),onMouseDown:function(e){return D(e,ir.up)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Lr),onMouseDown:function(e){return D(e,ir.rightUp)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(zr),onMouseDown:function(e){return D(e,ir.right)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Ur),onMouseDown:function(e){return D(e,ir.rightDown)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Hr),onMouseDown:function(e){return D(e,ir.down)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Vr),onMouseDown:function(e){return D(e,ir.leftDown)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Wr),onMouseDown:function(e){return D(e,ir.left)}})]})]}),(0,s.jsx)("div",{className:Yr,children:(0,s.jsx)("img",{src:nt,ref:f})})]})},qr=n.p+"images/e55cd06c.jpg",Kr=n.p+"images/f44f33e9.jpg",Xr=n.p+"images/ccd69096.jpg",$r=n.p+"images/dbd623e3.jpg",ea=n.p+"images/d327c52a.jpg",ta=n.p+"images/f160c0ae.jpg",na={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 ra(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 aa(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ra(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ra(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ia=we.GridBox,oa=[{id:"1",name:"一个星期学会吉他弹唱",price:68,imgUrl:qr},{id:"2",name:"柳公权楷书教程入门",price:45,imgUrl:Kr},{id:"3",name:"世说新语",price:52,imgUrl:Xr},{id:"4",name:"名人传",price:124,imgUrl:$r},{id:"5",name:"骆驼祥子",price:168,imgUrl:ea},{id:"6",name:"阅微堂笔记",price:56,imgUrl:ta}],sa=function(){var e=(0,h.Z)(),t=(0,r.useState)([]),n=(0,o.Z)(t,2),a=n[0],i=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:na.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropShopping"}),(0,s.jsxs)("div",{className:na.content,children:[(0,s.jsx)(we,{differentScreenCols:[6,6,3,3,3],rowSpace:0,colSpace:0,children:oa.map((function(e,t){var n=e.id,r=e.name,a=e.price,i=e.imgUrl;return(0,s.jsx)(ia,{children:(0,s.jsxs)("div",{className:na.bookBox,draggable:"true",onDragStart:function(e){return function(e,t){e=e||window.event;var n=oa[t];e.dataTransfer.setData("id",n.id),e.dataTransfer.effectAllowed="copy"}(e,t)},children:[(0,s.jsx)("img",{src:i,draggable:"false"}),(0,s.jsx)("p",{children:r}),(0,s.jsx)("p",{children:"￥".concat(a)})]})},n)}))}),(0,s.jsxs)("div",{className:na.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=a.map((function(e){return e.id===t?(n=!0,r=e.price,aa(aa({},e),{},{num:e.num+1})):e}));if(!n){for(var s,c=oa.length-1;c>=0;c--){var l=oa[c];if(l.id===t){r=l.price,s=l;break}}s&&o.unshift(aa(aa({},s),{},{num:1}))}i(o),d(!1),p(g+r)},children:[(0,s.jsxs)("div",{className:na.tableHead,children:[(0,s.jsx)("div",{className:na.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.title"})}),(0,s.jsx)("div",{className:na.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.price"})}),(0,s.jsx)("div",{className:na.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.count"})})]}),a.map((function(e){var t=e.id,n=e.num,r=e.name,a=e.price;return(0,s.jsxs)("div",{className:na.tableRow,children:[(0,s.jsx)("div",{className:na.tableCell,children:r}),(0,s.jsx)("div",{className:na.tableCell,children:"￥".concat(a)}),(0,s.jsx)("div",{className:na.tableCell,children:n})]},t)})),a.length>0&&(0,s.jsx)("div",{className:na.total,children:(0,s.jsxs)("span",{className:na.totalMoney,children:[e.formatMessage({id:"page.htmlVision.interactiveDesign.total"}),"：￥",(0,s.jsx)("span",{children:g})]})}),(0,s.jsx)("div",{className:na.tip,children:u?e.formatMessage({id:"page.htmlVision.interactiveDesign.addingToCart"}):e.formatMessage({id:"page.htmlVision.interactiveDesign.dragToThisToBuy"})})]})]})]})},ca=n.p+"images/70af4d01.jpg",la="MouseHover_container__QIdL2",ua="MouseHover_content__L5hzm",da="MouseHover_title__617kC",ma="MouseHover_bottom__jjGyr",fa="MouseHover_right__Aviwn",ga="MouseHover_cursor__IcpdN",ha=[{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"}],pa=function(){var e=(0,h.Z)(),t=d().scrollTop,n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useState)(!1),c=(0,o.Z)(i,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 i=10;"big"===g&&(i=40);var o=V.findDOMNode(a.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+i),u=r-(c+i),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:la,onMouseEnter:function(e){var r=e.clientX,i=e.clientY;u(!0);var o=V.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:i-(d-t)};var m=V.findDOMNode(a.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,a=e.clientY,i=V.findDOMNode(n.current),o=i.offsetLeft,s=void 0===o?0:o,c=i.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:a-(l-t)}},onMouseLeave:function(e){var r=e.clientX,a=e.clientY;u(!1);var i=V.findDOMNode(n.current),o=i.offsetLeft,s=void 0===o?0:o,c=i.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:a-(l-t)}},ref:n,children:[(0,s.jsxs)("div",{className:ua,children:[(0,s.jsx)("p",{className:da,onMouseEnter:y,onMouseLeave:A,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.personalArticle"})}),(0,s.jsxs)("div",{className:ma,children:[(0,s.jsx)("img",{src:ca,alt:"",onMouseEnter:y,onMouseLeave:A}),(0,s.jsx)("div",{className:fa,children:ha.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:ga,style:{visibility:l?"visible":"hidden",width:"".concat("big"===g?80:20,"px"),height:"".concat("big"===g?80:20,"px")},ref:a})]})},va="SlideButtonTab_container__eT4SM",xa="SlideButtonTab_content__6sIYs",ya="SlideButtonTab_btn__tD8IC",Aa="SlideButtonTab_actived__RWXqG",wa=new Array(4).fill(0),ba=function(){var e=(0,r.useRef)(null),t=(0,r.useState)(0),n=(0,o.Z)(t,2),a=n[0],i=n[1],c=(0,r.useRef)(0);return(0,r.useEffect)((function(){if(e.current){var t=(e.current.getBoundingClientRect().width-32-8*(2*wa.length-2))/wa.length;e.current.style.setProperty("--btnWidth","".concat(t,"px")),c.current=t}}),[]),(0,s.jsxs)("div",{className:va,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.swipeTab"}),(0,s.jsx)("div",{className:xa,ref:e,children:wa.map((function(t,n){return(0,s.jsxs)("div",{className:"".concat(ya," ").concat(a===n?Aa:""),onClick:function(){return function(t){if(e.current&&a!==t){var n="".concat(16+c.current*t+8*t*2,"px");e.current.style.setProperty("--groove-left",n);var r="0deg";r=t<a?"-8deg":"8deg",e.current.style.setProperty("--wraper-rotate",r),window.setTimeout((function(){e.current&&e.current.style.setProperty("--wraper-rotate","0deg")}),600),i(t)}}(n)},children:["Button",n+1]},n)}))})]})},ja=n.p+"images/a601ac6c.png",_a=n.p+"images/d1a0696c.png",Da=n.p+"images/e430aae1.png",Ma=n.p+"images/b2b0669d.png",Ea=n.p+"images/f354e378.png",ka=n.p+"images/c6c82aab.png",Ca=n.p+"images/7075d257.png",Na=n.p+"images/b637b49e.png",Sa="FlipBook_container__bOMio",Ba="FlipBook_pages__Ls1i4",Pa="FlipBook_paper__qnIh0",Ia="FlipBook_page__5K+Jz",Ta="FlipBook_left-show-front-page__I3ToF",Ra="FlipBook_right-show-back-page__crJO-",Fa="FlipBook_left-show-back-page__yRt8k",Oa="FlipBook_right-show-front-page__pTHC0",Ga="FlipBook_left-hide-front-page__kQs3M",Qa="FlipBook_left-hide-back-page__lMGif",Za="FlipBook_right-hide-front-page__8XaW9",La="FlipBook_btns__9Cs+L",za="FlipBook_btn__QmvzH",Ua=[[ja,_a],[Da,Ma],[Ea,ka],[Ca,Na]],Ha=[Ta,Fa,Oa,Ra,Ga,Qa,Za,"FlipBook_right-hide-back-page__56D1v"],Va=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(0),a=(0,r.useRef)(!1),i=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,a;if(e.attributes.getNamedItem("data-left"))null===(r=e.attributes)||void 0===r||r.removeNamedItem("data-left");if(e.attributes.getNamedItem("data-right"))null===(a=e.attributes)||void 0===a||a.removeNamedItem("data-right")}var i=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=i[0].classList)||void 0===o||o.remove.apply(o,Ha),null===(s=i[0].classList)||void 0===s||s.add(Fa),null===(c=i[1].classList)||void 0===c||c.remove.apply(c,Ha),null===(l=i[1].classList)||void 0===l||l.add(Ta)}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=i[0].classList)||void 0===d||d.remove.apply(d,Ha),null===(m=i[0].classList)||void 0===m||m.add(Oa),null===(f=i[1].classList)||void 0===f||f.remove.apply(f,Ha),null===(g=i[1].classList)||void 0===g||g.add(Ra)}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=i[0].classList)||void 0===p||p.remove.apply(p,Ha),null===(v=i[0].classList)||void 0===v||v.add(Qa),null===(x=i[1].classList)||void 0===x||x.remove.apply(x,Ha),null===(y=i[1].classList)||void 0===y||y.add(Ga)}else{var A,w,b,j;e.style.transform="perspective(1000px) rotateY(0deg)",t===n.current+2?e.style.zIndex="3":e.style.zIndex="2",null===(A=i[0].classList)||void 0===A||A.remove.apply(A,Ha),null===(w=i[0].classList)||void 0===w||w.add(Za),null===(b=i[1].classList)||void 0===b||b.remove.apply(b,Ha),null===(j=i[1].classList)||void 0===j||j.add(Qa)}}))}a.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      }"),a.current=!0,i()}),[]),(0,s.jsxs)("div",{className:Sa,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.flipBoook"}),(0,s.jsx)("div",{className:Ba,ref:t,children:Ua.map((function(e,t){return(0,s.jsxs)("div",{className:Pa,children:[(0,s.jsx)("div",{className:Ia,children:(0,s.jsx)("img",{src:e[0],alt:""})}),(0,s.jsx)("div",{className:Ia,children:(0,s.jsx)("img",{src:e[1],alt:""})})]},t)}))}),(0,s.jsxs)("div",{className:La,children:[(0,s.jsx)(ae.Z,{type:"primary",className:za,onClick:function(){if(!(n.current<=-1||a.current)){if(a.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,i()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.previousPage"})}),(0,s.jsx)(ae.Z,{type:"primary",className:za,onClick:function(){if(!(n.current>=Ua.length-1||a.current)){if(a.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,i()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.nextPage"})})]})]})},Wa="switch_container__i9Gh6",Ya="switch_box__M6wl2",Ja="switch_icon__AQIrn";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,S.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=function(e){var t=e.open,n=e.width,a=void 0===n?90:n,i=e.height,c=void 0===i?40:i,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(Wa," ").concat(h),style:Ka({width:"".concat(a,"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:Ya,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(a-c/2,"px")}}),u&&(0,s.jsx)("div",{className:Ja,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:Ja,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(a-.9*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?1:0,display:"flex",alignItems:"center",justifyContent:"flex-end"},children:l})]})},$a=n.p+"images/16a09882.png",ei=n.p+"images/58bbf8ef.png",ti="Switchs_container__pX5RV",ni=function(){return(0,s.jsxs)("div",{className:ti,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.switchButton"}),(0,s.jsx)(Xa,{width:66,height:30}),(0,s.jsx)(Xa,{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)(Xa,{openIcon:(0,s.jsx)("img",{src:$a,alt:"",width:26,height:26}),closeIcon:(0,s.jsx)("img",{src:ei,alt:"",width:26,height:26})})]})},ri=n.p+"images/0e3fc4a1.png",ai=n.p+"images/036f3b2c.png",ii=n.p+"images/de961e69.png",oi=n.p+"images/77eff419.png",si=n.p+"images/bae3b2af.png",ci=n.p+"images/641be512.png",li=n.p+"images/bb4c7aec.png",ui=n.p+"images/95259d51.png",di=n.p+"images/a3f5bcd3.png",mi="animation_container__bfyEi",fi="animation_content__H8vdL",gi="animation_people__3G2ps",hi="animation_giftBox__06Ghv",pi="animation_coin__9Ei6m",vi="animation_gift__fEEYc",xi=600,yi=80,Ai="CCW",wi=0,bi=0,ji=0,_i=!1,Di=!1,Mi={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}},Ei={icon1:{top:Mi.icon1.top,left:Mi.icon1.left,vx:-4.5,vy:0,g:.2,opacity:0,isMoving:!1},icon2:{top:Mi.icon2.top,left:Mi.icon2.left,vx:-3,vy:0,g:.3,opacity:0,isMoving:!1},icon3:{top:Mi.icon3.top,left:Mi.icon3.left,vx:0,vy:0,g:.2,opacity:0,isMoving:!1},icon4:{top:Mi.icon4.top,left:Mi.icon4.left,vx:1,vy:0,g:.3,opacity:0,isMoving:!1},icon5:{top:Mi.icon5.top,left:Mi.icon5.left,vx:3,vy:0,g:.4,opacity:0,isMoving:!1},icon6:{top:Mi.icon6.top,left:Mi.icon6.left,vx:2,vy:0,g:.5,opacity:0,isMoving:!1},icon7:{top:Mi.icon7.top,left:Mi.icon7.left,vx:5,vy:0,g:.3,opacity:0,isMoving:!1}};function ki(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 Ci,Ni=function(e){var t=e.noDropCoins,n=void 0!==t&&t,a=e.clickNoDropCoins,i=void 0!==a&&a,o=(0,r.useRef)(null),c=(0,r.useRef)(null);return(0,r.useLayoutEffect)((function(){var e=0,t=64,r=ki(yi,40,t);return e=window.requestAnimationFrame((function a(){if(o.current){var i=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,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,i=e,o=t;return 0!==n&&(i=e*Math.cos(n)+t*Math.sin(n)+r,o=-e*Math.sin(n)+t*Math.cos(n)+a),{transitionX:i,transitionY:o}}(t,r,wi,bi,ji),s=i.transitionX,l=i.transitionY,u=V.findDOMNode(o.current);if(!u)return;u.offsetWidth<350?xi=500:u.offsetWidth<400&&(xi=550),u.style.left="".concat(s,"px"),u.style.top="".concat(-l,"px");var d=1.5;t>=yi?("CCW"===Ai?(wi=0,bi=0,ji=0):(wi=120,bi=17,ji=49),n||(_i=!0,Di=!0)):t<=-yi&&(Ai="CCW"===Ai?"CW":"CCW",n||(_i=!0,Di=!0)),Math.abs(t)>16&&(d=1.5*Math.pow(Math.cos(t/yi),2));var m=function(e,t,n,r,a){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=r,s=a;return(o=r>=e?r-i:r<=-e?r+i:"CCW"===n?a>0?r-i:r+i:a<0?r-i:r+i)>e?o=e:o<-e&&(o=-e),(s=ki(e,t,o))>0&&(r>=e?"CCW"!==n&&(s=-s):r<=-e?"CCW"===n&&(s=-s):a<0&&(s=-s)),{nextX:o,nextY:s}}(yi,40,Ai,t,r,d),f=m.nextX,g=m.nextY;t=f,r=g;var h=null;c&&c.current&&(h=V.findDOMNode(c.current));var p=!0;h&&Object.keys(Ei).forEach((function(e,t){var n=h.childNodes[t];if(n){var r=Ei[e],a=r.top,i=r.left,o=r.vx,s=r.vy,c=r.g,l=r.opacity,u=r.isMoving;if(u||_i){var d=Mi[e],m=a+s,f=i+o,g=o;g=Math.abs(o)>.1?o>0?o-.1:o+.1:0;var v=m-d.top,x=xi-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,b=u;0===m?(m=d.top,f=d.left,g=d.vx,b=!0):m>=xi?(m=0,f=0,A=0,g=0,w=0,b=!1):(p=!1,_i&&(b=!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:b})}}})),_i&&(_i=!1),p&&(Di=!1)}e=window.requestAnimationFrame(a)})),function(){e&&window.cancelAnimationFrame(e)}}),[]),(0,s.jsx)("div",{className:mi,children:(0,s.jsxs)("div",{className:fi,ref:o,children:[(0,s.jsx)("img",{src:ri,alt:"",className:gi}),(0,s.jsxs)("div",{className:hi,onClick:function(){i||Di||(_i=!0,Di=!0)},ref:c,children:[(0,s.jsx)("img",{src:ii,alt:"",className:pi}),(0,s.jsx)("img",{src:oi,alt:"",className:pi}),(0,s.jsx)("img",{src:si,alt:"",className:pi}),(0,s.jsx)("img",{src:ci,alt:"",className:pi}),(0,s.jsx)("img",{src:li,alt:"",className:pi}),(0,s.jsx)("img",{src:ui,alt:"",className:pi}),(0,s.jsx)("img",{src:di,alt:"",className:pi}),(0,s.jsx)("img",{src:ai,alt:"",className:vi})]})]})})},Si="PeopleAnimation_container__P9IRI",Bi=function(){return(0,s.jsx)("div",{className:Si,children:(0,s.jsx)(Ni,{})})},Pi={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"},Ii=new Array(3).fill(0),Ti=function(){return(0,s.jsxs)("div",{className:Pi.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.pseudo3DRubikCube"}),(0,s.jsx)("div",{className:Pi.content,children:Ii.map((function(e,t){return(0,s.jsx)("div",{className:Pi.cube,children:Ii.map((function(e,t){return(0,s.jsx)("div",{className:Pi["column".concat(t)],children:Ii.map((function(e,t){return(0,s.jsx)("span",{className:Pi["span".concat(t)]},t)}))},t)}))},t)}))})]})},Ri="Preserve3dBox_container__S8Nkn",Fi="Preserve3dBox_content__OkpkD",Oi="Preserve3dBox_box__xhigG",Gi="Preserve3dBox_side1__OlfJ5",Qi="Preserve3dBox_side2__N20GX",Zi="Preserve3dBox_side3__t1Hxo",Li="Preserve3dBox_side4__7YzMw",zi="Preserve3dBox_side5__38WMJ",Ui="Preserve3dBox_side6__pWRYS",Hi="Preserve3dBox_light__8ms1v",Vi=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=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,Hi)&&e.classList.remove(Hi)})),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"}},i=function(e){null==e||e.classList.add(Hi)};return(0,s.jsxs)("div",{className:Ri,onMouseDown:function(e){var r=e.clientX,a=e.clientY,i=window.getComputedStyle(V.findDOMNode(t.current)).transform;if(i&&"none"!==i){var o=i.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:a,rotateX:c,rotateY:l}}}},onMouseMove:function(e){if(t.current&&n.current){var r=e.clientX,a=e.clientY,i=n.current,o=i.x,s=i.y,c=i.rotateX,l=i.rotateY,u=2*(s-a),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:a,onMouseLeave:a,ref:e,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.3DRubikCube"}),(0,s.jsx)("div",{className:Fi,children:(0,s.jsxs)("div",{className:Oi,ref:t,children:[(0,s.jsx)("div",{className:Gi,onClick:function(e){t.current&&(t.current.style.transform="rotateX(360deg) rotateY(360deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:Qi,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(180deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:Zi,onClick:function(e){t.current&&(t.current.style.transform="rotateX(270deg) rotateY(0deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:Li,onClick:function(e){t.current&&(t.current.style.transform="rotateX(90deg) rotateY(180deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:zi,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(90deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:Ui,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(270deg)",t.current.style.animation="none",i(e.target))}})]})})]})},Wi="OrientationSenseCard_container__wM4Og",Yi="OrientationSenseCard_content__nHHlN",Ji="OrientationSenseCard_card__kb1rR",qi=[Da,Ma,ka,Ca,Na],Ki=function(){return(0,s.jsxs)("div",{className:Wi,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection"}),(0,s.jsx)("div",{className:Yi,children:qi.map((function(e,t){return(0,s.jsx)("div",{className:Ji,children:(0,s.jsx)("img",{src:e,alt:""})},t)}))})]})},Xi="HexagonalMesh1_container__4Mauo",$i="HexagonalMesh1_item__uupv2",eo=new Array(800).fill(0),to=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:Xi,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,a=n.top,i=t.pageX-r,o=t.pageY-a;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(i,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:eo.map((function(e,t){return(0,s.jsx)("div",{className:$i},t)}))})},no="HexagonalMesh2_container__7Eq5-",ro="HexagonalMesh2_item__RBkZx",ao=new Array(800).fill(0),io=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:no,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,a=n.top,i=t.pageX-r,o=t.pageY-a;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(i,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:ao.map((function(e,t){return(0,s.jsx)("div",{className:ro},t)}))})},oo="HexagonalMesh3_container__7cOnb",so="HexagonalMesh3_item__JnppT",co=new Array(800).fill(0),lo=function(){var e=(0,r.useRef)(null);return(0,s.jsx)("div",{className:oo,ref:e,children:co.map((function(e,t){return(0,s.jsx)("div",{className:so},t)}))})},uo=n(34262),mo=n(39464),fo=n(12304),go=n(24406),ho=n(4333),po=n(83428),vo=n(78874),xo=n(59401),yo=n(73566),Ao=n(98059),wo=n(48107),bo=n(5698),jo=n(97998),_o=n(75013),Do=n(14294),Mo=n(18152),Eo=n(36108),ko=n(98522),Co=n(77093),No=n(55017),So=n(67753),Bo=n(26223),Po=n(98261),Io=n(93017),To=n(77125),Ro=n(79728),Fo=n(93366),Oo=n(98587),Go=n(2905),Qo=n(11013),Zo=n(44251),Lo=n(94506),zo=n(49434),Uo=n(38419),Ho=n(1627),Vo=n(20720),Wo=n(6355),Yo=n(892),Jo=n(49688),qo=n(78823),Ko=n(80856),Xo=n(26589),$o=n(7364),es=n(14283),ts=n(54618),ns=n(3248),rs=n(18401),as=n(5405),is=n(82272),os=n(59512),ss=n(62965),cs=n(88630),ls=n(25449),us=n(57551),ds=n(89317),ms=n(72285),fs=n(68479),gs=n(71938),hs=n(2825),ps=n(43926),vs=n(85369),xs=n(53318),ys=n(85008),As=n(45452),ws=n(4334),bs=n(72850),js=n(19671),_s=n(97254),Ds=n(70913),Ms=n(56022),Es=n(16640),ks=n(23375),Cs=n(12854),Ns=n(88485),Ss=n(33040),Bs=n(63392),Ps=n(73888),Is=n(48965),Ts=n(4711),Rs=n(56931),Fs=n(24616),Os=n(51984),Gs="IconScroll_container__pHJbN",Qs="IconScroll_row__ueyux",Zs=new Array(40).fill(0),Ls=function(){var e=function(){return(0,s.jsxs)("div",{children:[(0,s.jsx)(uo.Z,{}),(0,s.jsx)(mo.Z,{}),(0,s.jsx)(fo.Z,{}),(0,s.jsx)(go.Z,{}),(0,s.jsx)(ho.Z,{}),(0,s.jsx)(po.Z,{}),(0,s.jsx)(vo.Z,{}),(0,s.jsx)(xo.Z,{}),(0,s.jsx)(yo.Z,{}),(0,s.jsx)(Ao.Z,{}),(0,s.jsx)(wo.Z,{}),(0,s.jsx)(bo.Z,{}),(0,s.jsx)(jo.Z,{}),(0,s.jsx)(_o.Z,{}),(0,s.jsx)(Do.Z,{}),(0,s.jsx)(Mo.Z,{}),(0,s.jsx)(Eo.Z,{}),(0,s.jsx)(ko.Z,{}),(0,s.jsx)(Co.Z,{}),(0,s.jsx)(No.Z,{}),(0,s.jsx)(So.Z,{}),(0,s.jsx)(Bo.Z,{}),(0,s.jsx)(Po.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)(Qo.Z,{}),(0,s.jsx)(Zo.Z,{}),(0,s.jsx)(Lo.Z,{}),(0,s.jsx)(zo.Z,{}),(0,s.jsx)(Uo.Z,{}),(0,s.jsx)(Ho.Z,{}),(0,s.jsx)(Vo.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)(as.Z,{}),(0,s.jsx)(is.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)(W.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)(bs.Z,{}),(0,s.jsx)(js.Z,{}),(0,s.jsx)(_s.Z,{}),(0,s.jsx)(x.Z,{}),(0,s.jsx)(Ds.Z,{}),(0,s.jsx)(Ms.Z,{}),(0,s.jsx)(Es.Z,{}),(0,s.jsx)(ks.Z,{}),(0,s.jsx)(Cs.Z,{}),(0,s.jsx)(Ns.Z,{}),(0,s.jsx)(Ss.Z,{}),(0,s.jsx)(Bs.Z,{}),(0,s.jsx)(Ps.Z,{}),(0,s.jsx)(Is.Z,{}),(0,s.jsx)(Ts.Z,{}),(0,s.jsx)(Rs.Z,{}),(0,s.jsx)(Fs.Z,{}),(0,s.jsx)(Os.Z,{})]})};return(0,s.jsx)("div",{className:Gs,children:Zs.map((function(t,n){return(0,s.jsxs)("div",{className:Qs,children:[e(),e()]},n)}))})},zs=n(67724),Us=n(8812),Hs="WipeSwitchover_container__zA+wD",Vs="WipeSwitchover_mask1__efwWk",Ws="WipeSwitchover_mask2__bTFbb",Ys="WipeSwitchover_mask3__Gaobg",Js="WipeSwitchover_mask4__ZERnA",qs="WipeSwitchover_mask5__MkpDg",Ks="WipeSwitchover_page1__ex092",Xs="WipeSwitchover_page2__S7sFb",$s="WipeSwitchover_page3__JtV7t",ec="WipeSwitchover_page4__9G6Y9",tc="WipeSwitchover_page5__uBeX2",nc="WipeSwitchover_prevBtn__6vW6Q",rc="WipeSwitchover_icon__Z3ryB",ac="WipeSwitchover_nextBtn__sVZkG",ic=.006,oc=[8,8,8,7,30],sc=[.72,.7,1,1,.32],cc=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useState)(oc.length-1),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=(0,r.useRef)(oc.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,a=0;if(r)if("0"===r)a=Number((oc[u.current]*ic).toFixed(2));else if(r.includes("px")){var i=Number(r.substring(0,r.length-2));if(n<u.current){if(i>=oc[u.current])return d.current=!1,u.current=n,void l(n);a=Number((oc[u.current]*ic+i).toFixed(2))}else if(n>u.current){if(i>=2*oc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);a=Number((oc[n]*ic+i).toFixed(2))}}else{var o=Number(r);if(n<u.current){if(o>=oc[u.current])return d.current=!1,u.current=n,void l(n);a=Number((oc[u.current]*ic+o).toFixed(2))}else if(n>u.current){if(o>=2*oc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);a=Number((oc[n]*ic+o).toFixed(2))}}else a=Number((oc[u.current]*ic).toFixed(2));t.style.strokeDashoffset="".concat(a,"px"),m.current=window.requestAnimationFrame((function(){return e(t,n)}))}},g=function(){if(e.current&&n.current){var r=e.current.clientWidth,a=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 a=n.split(", ");a[0]="".concat(a[0].substring(0,7)).concat(Math.ceil(sc[t]*r)),n=a.join(", ")}e.children[0].style.transform=n})),t.current&&(e.current.style.height="".concat(a,"px"),Array.prototype.forEach.call(t.current.children,(function(e){if("g"===e.tagName){e.style.height="".concat(a,"px"),e.children[0].style.height="".concat(a,"px"),e.children[0].style.transform="".concat(a,"px");var t=Math.floor(r/2-240-40),n=Math.floor((a-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:Hs,ref:e,children:[(0,s.jsx)(Dr,{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:Vs,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:Ws,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:Ys,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:Js,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:qs,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:Ks,mask:"url(#mask1)",children:[(0,s.jsx)("rect",{fill:"#e3e4e5"}),(0,s.jsx)("image",{xlinkHref:ja}),(0,s.jsx)("text",{fill:"#757576",children:"Book5"})]}),(0,s.jsxs)("g",{className:Xs,mask:"url(#mask2)",children:[(0,s.jsx)("rect",{fill:"#7e7f83"}),(0,s.jsx)("image",{xlinkHref:_a}),(0,s.jsx)("text",{fill:"#dedede",children:"Book4"})]}),(0,s.jsxs)("g",{className:$s,mask:"url(#mask3)",children:[(0,s.jsx)("rect",{fill:"#f8d3cc"}),(0,s.jsx)("image",{xlinkHref:Da}),(0,s.jsx)("text",{fill:"#b0304e",children:"Book3"})]}),(0,s.jsxs)("g",{className:ec,mask:"url(#mask4)",children:[(0,s.jsx)("rect",{fill:"#d2e4ce"}),(0,s.jsx)("image",{xlinkHref:Ma}),(0,s.jsx)("text",{fill:"#04756e",children:"Book2"})]}),(0,s.jsxs)("g",{className:tc,mask:"url(#mask5)",children:[(0,s.jsx)("rect",{fill:"#cad9e5"}),(0,s.jsx)("image",{xlinkHref:Ea}),(0,s.jsx)("text",{fill:"#142864",children:"Book1"})]})]}),(0,s.jsx)("div",{className:nc,style:c>=oc.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:rc,children:(0,s.jsx)(zs.Z,{})})}),(0,s.jsx)("div",{className:ac,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:rc,children:(0,s.jsx)(Us.Z,{})})})]})},lc="AutoCompletePunctuation_container__EjYmN",uc="AutoCompletePunctuation_content__PIXsh",dc={"'":"'",'"':'"',"(":")","（":"）","【":"】","[":"]","《":"》","「":"」","『":"』","{":"}","“":"”","‘":"’"},mc=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useCallback)((function(e){var t=dc[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 a=r.getRangeAt(0);a.insertNode(n),a.setEndBefore(n),a.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:lc,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.autoCompletePunctuation"}),(0,s.jsxs)("div",{className:uc,children:[(0,s.jsx)("textarea",{rows:5,placeholder:"maxLength is 100",maxLength:100,ref:e}),(0,s.jsx)("div",{contentEditable:"true",ref:t})]})]})},fc="InteractiveDesign_container__oK3No",gc="InteractiveDesign_box__+Trza",hc=[{element:(0,s.jsx)(Pr,{})},{element:(0,s.jsx)(Jr,{})},{element:(0,s.jsx)(sa,{})},{element:(0,s.jsx)(jr,{data:br[0]})},{element:(0,s.jsx)(pa,{})},{element:(0,s.jsx)(ba,{})},{element:(0,s.jsx)(Va,{})},{element:(0,s.jsx)(ni,{})},{element:(0,s.jsx)(Bi,{})},{element:(0,s.jsx)(Ti,{})},{element:(0,s.jsx)(Vi,{})},{element:(0,s.jsx)(Ki,{})},{element:(0,s.jsx)(to,{})},{element:(0,s.jsx)(io,{})},{element:(0,s.jsx)(lo,{})},{element:(0,s.jsx)(Ls,{})},{element:(0,s.jsx)(jr,{data:br[1]})},{element:(0,s.jsx)(cc,{})},{element:(0,s.jsx)(mc,{})}],pc=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:fc,children:hc.map((function(e,t){return(0,s.jsx)("div",{className:gc,children:e.element},t)}))})},vc={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"},xc=we.GridBox,yc=new Array(29).fill("1"),Ac=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:vc.container,children:(0,s.jsx)(we,{differentScreenCols:[4,3,3,2,2],rowSpace:8,colSpace:8,children:yc.map((function(e,t){return(0,s.jsx)(xc,{children:(0,s.jsx)("div",{className:vc.box,children:(0,s.jsx)("div",{className:vc["bg".concat(t+1)]})})},t)}))})})},wc="LineCombination_container__toPmq",bc="LineCombination_blackBox__P5fH8",jc="LineCombination_blackBoxPoint__87aDR",_c="LineCombination_whiteBox__-MGXi",Dc="LineCombination_whiteBoxPoint__Tz8Uh",Mc="LineCombination_name__E7QvH",Ec="LineCombination_value__5BYd0",kc=0,Cc=0,Nc=function(){var e=(0,r.useRef)(null),t=function t(){if(e.current){var n=V.findDOMNode(e.current);if(n){var r=n.children.length,a=n.children[Cc],i=null==a?void 0:a.children[0],o=a.clientWidth,s=a.clientHeight,c=i.style;if(Cc%2==0){var l=8;c.left&&(l=parseFloat(c.left));var u=l+4;if(u>=o-8-8)if(i.style.visibility="hidden",Cc>=r-1){var d;Cc=0;var m=null===(d=n.children[Cc])||void 0===d?void 0:d.firstChild;m.style.left="".concat(8,"px"),m.style.visibility="visible"}else{var f;Cc+=1;var g=null===(f=n.children[Cc])||void 0===f?void 0:f.firstChild;g.style.left="-1px",g.style.visibility="visible"}else i.style.left="".concat(u,"px"),"visible"!==i.style.visibility&&(i.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;i.style.visibility="hidden",Cc+=1;var y=null===(x=n.children[Cc])||void 0===x?void 0:x.firstChild;y.style.left="".concat(8,"px"),y.style.visibility="visible"}else i.style.bottom="".concat(v,"px")}else if(h<=-1){var A=p+4;A>s-8-8&&(A=s,i.style.width="".concat(8,"px"),i.style.height="1px",i.style.left="".concat(8,"px")),i.style.bottom="".concat(A,"px")}else{var w=h+4;w>o-8-8&&(w=o,i.style.width="1px",i.style.height="".concat(8,"px"),i.style.bottom="".concat(s-8-8)),i.style.left="".concat(w,"px")}}kc=requestAnimationFrame(t)}}};return(0,r.useEffect)((function(){return e.current&&(kc=requestAnimationFrame(t)),function(){kc&&cancelAnimationFrame(kc)}}),[]),(0,s.jsxs)("div",{className:wc,ref:e,children:[(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Price"}),(0,s.jsx)("p",{className:Ec,children:"$656"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Quantity"}),(0,s.jsx)("p",{className:Ec,children:"84351"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Number of partners"}),(0,s.jsx)("p",{className:Ec,children:"64"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Date of establishment"}),(0,s.jsx)("p",{className:Ec,children:"2008-10-01"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Transaction Analyzed"}),(0,s.jsx)("p",{className:Ec,children:"70Bn"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})})]})},Sc="ComplexLayout_container__xqRV5",Bc="ComplexLayout_box__Hjeq7",Pc=[{element:(0,s.jsx)(Nc,{})}],Ic=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Sc,children:Pc.map((function(e,t){return(0,s.jsx)("div",{className:Bc,children:e.element},t)}))})},Tc=n(82029),Rc="Page1_container__8IHn6",Fc="Page1_content__zgPdQ",Oc="Page1_top__Tik59",Gc="Page1_title__qIkYy",Qc="Page1_author__EVTso",Zc="Page1_appoint__gEum0",Lc="Page1_articleContent__STpiB",zc="Page1_subTitle__g0Ill",Uc="Page1_codeBox__hf4Aw",Hc="Page1_strong__Um16S",Vc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsxs)("div",{className:Fc,children:[(0,s.jsxs)("div",{className:Oc,children:[(0,s.jsx)("div",{className:Gc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.title"})}),(0,s.jsx)("div",{className:Qc,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.author"}),": River")})]}),(0,s.jsxs)("div",{className:Zc,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:Lc,children:[(0,s.jsx)("div",{className:zc,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:Uc,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:Uc,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:Uc,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:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des3"})})]})]})})},Wc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc,children:(0,s.jsxs)("div",{className:Lc,children:[(0,s.jsx)("div",{className:zc,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:Uc,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:Uc,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>"})]})]})})})},Yc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc,children:(0,s.jsxs)("div",{className:Lc,children:[(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des5"})}),(0,s.jsxs)("div",{className:Uc,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:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des6"})}),(0,s.jsx)("div",{className:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des7"})}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des8"})})]})})})},Jc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc,children:(0,s.jsxs)("div",{className:Lc,children:[(0,s.jsx)("div",{className:zc,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:Uc,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>"})]})]})})})},qc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc,children:(0,s.jsxs)("div",{className:Lc,children:[(0,s.jsxs)("div",{className:Uc,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:Hc,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des10"}),": ")}),(0,s.jsx)("div",{className:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des11"})}),(0,s.jsx)("div",{className:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des12"})})]})})})},Kc="AppPageFrame_container__pjrxk",Xc="AppPageFrame_content__VqApo",$c="AppPageFrame_firstPage__vOVdI",el="AppPageFrame_head__gE2DM",tl="AppPageFrame_left__Efl5l",nl="AppPageFrame_logo__8Jwal",rl="AppPageFrame_appName__0-Afb",al="AppPageFrame_right__gUcB6",il="AppPageFrame_btn__BkWG7",ol=100;!function(e){e[e.next=0]="next",e[e.prev=1]="prev"}(Ci||(Ci={}));var sl,cl=function(){var e=(0,h.Z)(),t=d(),n=t.menuWidth,a=t.headHeight,i=(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),b=(0,o.Z)(w,2),j=b[0],_=b[1],D=(0,r.useRef)(!1),M=(0,r.useRef)(0),E=(0,r.useRef)(""),k=(0,r.useState)(0),C=(0,o.Z)(k,2),N=C[0],S=C[1],B=(0,r.useState)(0),P=(0,o.Z)(B,2),I=P[0],T=P[1],R=(0,r.useRef)(0),F=function e(){if(i.current){var t=V.findDOMNode(i.current),n=t.scrollTop;if("toTop"===E.current)if(t.scrollTop<m-ol){var r=Math.min(n+25,m-ol);A.current=!0,t.scrollTop=r,_(r),M.current=window.requestAnimationFrame(e)}else E.current="",A.current=!1,D.current=!1;else if("toBottom"===E.current)if(t.scrollTop>0){var a=Math.max(n-25,0);A.current=!0,t.scrollTop=a,_(a),M.current=window.requestAnimationFrame(e)}else E.current="",A.current=!1,D.current=!1}},O=function(){D.current=!0,E.current||(E.current="toTop",S(1),M.current=window.requestAnimationFrame(F))},G=(0,re.Z)((function(e){if(y.current){switch(e){case Ci.next:y.current.slideNext();break;case Ci.prev:y.current.slidePrev()}var t=V.findDOMNode(i.current),n=y.current.realIndex;if(n<=0)t.scrollTop!==m-ol&&(A.current=!0,t.scrollTop=m-ol,_(m-ol));else{var r=(m-ol)*(n+1);t.scrollTop!==r&&(A.current=!0,t.scrollTop=r,_(r))}}}),{wait:100}),Q=(0,re.Z)((function(e){A.current?A.current=!1:D.current||e.target.className===Kc&&(y.current?e.target.scrollTop>m-ol?e.target.scrollTop>j?G.run(Ci.next):e.target.scrollTop<j&&G.run(Ci.prev):e.target.scrollTop>j&&j<m-ol?O():e.target.scrollTop<j&&(D.current=!0,E.current||(E.current="toBottom",S(0),M.current=window.requestAnimationFrame(F))):_(e.target.scrollTop))}),{wait:100});(0,r.useEffect)((function(){if(i.current){var e=document.body.clientHeight-a;f(e),x(5*(e-ol))}}),[I,a]);var Z=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",Z),function(){window.removeEventListener("resize",Z)}}),[]),(0,r.useEffect)((function(){var e=new Tc.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=V.findDOMNode(i.current);switch(e){case"SecondPage":var n=1*(m-ol);y.current&&y.current.activeIndex>0?(A.current=!0,t.scrollTop=n,_(n),y.current.slideTo(0)):j!==n&&O();break;case"ThirdPage":var r,a=2*(m-ol);if(j!==a)A.current=!0,t.scrollTop=a,_(a),null===(r=y.current)||void 0===r||r.slideTo(1);break;case"LastPage":var o,s=4*(m-ol);if(j!==s)A.current=!0,t.scrollTop=s,_(s),null===(o=y.current)||void 0===o||o.slideTo(3)}};return(0,s.jsxs)("div",{className:Kc,onScrollCapture:Q.run,ref:i,children:[(0,s.jsxs)("div",{className:Xc,style:v?{height:"".concat(v,"px")}:{},ref:c,children:[(0,s.jsx)("div",{className:$c,style:m?{height:"".concat(m,"px")}:{},children:(0,s.jsx)(Vc,{showPageIndex:N})}),(0,s.jsx)("div",{className:"swiper",style:m?{height:"".concat(m-ol,"px")}:{},children:(0,s.jsxs)("div",{className:"swiper-wrapper",children:[(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Wc,{showPageIndex:N})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Yc,{showPageIndex:N})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Jc,{showPageIndex:N})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(qc,{showPageIndex:N})})]})})]}),(0,s.jsxs)("div",{className:el,style:j>=m-ol?{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:tl,children:[(0,s.jsx)("div",{className:nl,children:"L"}),(0,s.jsx)("span",{className:rl,children:"App Name"})]}),(0,s.jsxs)("div",{className:al,children:[(0,s.jsx)("div",{className:il,onClick:function(){return L("SecondPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.secondPage"})}),(0,s.jsx)("div",{className:il,onClick:function(){return L("ThirdPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.thirdPage"})}),(0,s.jsx)("div",{className:il,onClick:function(){return L("LastPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.lastPage"})})]})]})]})},ll=n(15861),ul=n(64687),dl=n.n(ul),ml=n(26703),fl=n(32823),gl=n(88528),hl=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,a=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],i=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,i)).toFixed(r))+" "+a[i]},pl=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)},vl=function(e,t){if(e){var n=e.type.split("/");if("image"===n[0]){var r=n[1].toUpperCase(),a=new FileReader;a.onload=function(n){var a=n.target.result,i=xl(a);i&&(r=i);var o=new Blob([a]);yl(o,(function(n){if(n){var a=new Image;a.onload=function(){var i=a.width,s=a.height,c=wl(n,i,s);if(c){var l={name:e.name,fileType:r,size:e.size,width:i,height:s,imgUrl:n,imageData:c,blob:o};t(l)}else t(null)},a.onerror=function(){t(null)},a.src=n}else t(null)}))},a.readAsArrayBuffer(e)}else t(null)}else t(null)},xl=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},yl=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)},Al=function(e){if(!e)return null;var t=e.width,n=e.height,r=document.createElement("canvas"),a=r.getContext("2d");return r.width=t,r.height=n,a.putImageData(e,0,0,0,0,t,n),r.toDataURL("image/png")},wl=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 a=document.createElement("canvas"),i=a.getContext("2d");a.width=t,a.height=n,i.drawImage(r,0,0,t,n);var o=i.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"),a=r.getContext("2d");r.width=t,r.height=n,a.drawImage(e,0,0,t,n);var i=a.getImageData(0,0,t,n);return i}return null},jl=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)}},_l=function(e,t){if(e&&0!==e.length){var n=new Blob(e,{type:"video/webm"}),r="video.webm";if(t){var a=t.split(".");r="".concat(a[0],".webm")}jl(n,r)}},Dl="ShearPlate_container__A3IuO",Ml="ShearPlate_title__gxJOo",El="ShearPlate_content__vJVhw",kl="ShearPlate_inputBox__W7UHM",Cl="ShearPlate_text__0QXK+",Nl="ShearPlate_imageBox__-9KO8",Sl="ShearPlate_textArea__vjqXI",Bl="ShearPlate_imgBox__ctB7Q",Pl="ShearPlate_emptyBox__vVriz",Il="ShearPlate_uploadBtn__hhEOk",Tl="ShearPlate_tips__5RqZh",Rl="ShearPlate_btns__QrNT6",Fl="ShearPlate_box__dsVRR",Ol=ml.Z.TextArea,Gl=function(){var e=(0,h.Z)(),t=(0,r.useState)(""),n=(0,o.Z)(t,2),a=n[0],i=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)(""),b=(0,o.Z)(w,2),j=b[0],_=b[1],D=(0,r.useRef)(null),M=function(t){t&&t.length>0&&vl(t[0],(function(t){t||fl.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),A(t)}))},E=function(){var t=(0,ll.Z)(dl().mark((function t(){var n,r;return dl().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(y){t.next=3;break}return fl.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,S.Z)({},"image/png",r))]);case 8:fl.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:Dl,children:[(0,s.jsx)("div",{className:Ml,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.operatingShears"})}),(0,s.jsxs)("div",{className:El,children:[(0,s.jsxs)("div",{className:Fl,children:[(0,s.jsxs)("div",{className:kl,children:[(0,s.jsx)("div",{className:Cl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveTextToClipboard"})}),(0,s.jsx)(Ol,{rows:8,placeholder:e.formatMessage({id:"common.pleaseEnterText"}),maxLength:300,value:a,onChange:function(e){i(e.target.value)}}),(0,s.jsxs)("div",{className:Rl,children:[(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){if(a){if(navigator.clipboard)navigator.clipboard.writeText(a);else{var t=document.createElement("input");t.setAttribute("value",a),document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}fl.ZP.success(e.formatMessage({id:"common.saveSuccessfully"}))}else fl.ZP.warning(e.formatMessage({id:"page.htmlVision.utilitarianFunction.pleaseEnterText"}))},style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(ae.Z,{ghost:!0,onClick:function(){i(""),d("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:kl,children:[(0,s.jsx)("div",{className:Cl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getsTextFromClipboard"})}),(0,s.jsx)(Ol,{rows:8,placeholder:e.formatMessage({id:"common.getText"}),maxLength:300,disabled:!0,value:u}),(0,s.jsx)("div",{className:Rl,children:(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){navigator.clipboard?navigator.clipboard.readText().then((function(e){d(e)})):fl.ZP.error(e.formatMessage({id:"common.failedToObtain2"}))},style:{marginTop:10},children:e.formatMessage({id:"common.get"})})})]})]}),(0,s.jsxs)("div",{className:Fl,children:[(0,s.jsxs)("div",{className:kl,children:[(0,s.jsx)("div",{className:Cl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveImageToClipboard"})}),(0,s.jsx)("div",{className:Nl,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:Bl,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})}):(0,s.jsxs)("div",{className:Pl,children:[(0,s.jsxs)(ae.Z,{type:"primary",className:Il,children:[(0,s.jsx)(gl.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:Cl,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Tl,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:Rl,children:[(0,s.jsx)(ae.Z,{type:"primary",onClick:E,style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(ae.Z,{ghost:!0,onClick:function(){A(null),_("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:kl,children:[(0,s.jsx)("div",{className:Cl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getImageFromClipboard"})}),(0,s.jsxs)("div",{className:Nl,children:[(0,s.jsx)(Ol,{className:Sl,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 a=0;a<n.length;a++)if(-1!==n[a].type.indexOf("image")){r=n[a].getAsFile();break}r?yl(r,(function(t){t?_(t):(_(""),fl.ZP.error(e.formatMessage({id:"common.failedToObtain"})))})):fl.ZP.error(e.formatMessage({id:"common.failedToObtain"}))}}),j&&(0,s.jsx)("div",{className:Bl,children:(0,s.jsx)("img",{src:j,alt:""})})]})]})]})]})]})},Ql="RecordedAudio_container__RaqtU",Zl="RecordedAudio_title__PkAAx",Ll="RecordedAudio_content__vaNK8";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(sl||(sl={}));var zl,Ul=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)([]),a=(0,r.useState)(""),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=(0,r.useState)(""),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useState)(sl.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:Ql,children:[(0,s.jsx)("div",{className:Zl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordAudio"})}),(0,s.jsxs)("div",{className:Ll,children:[(0,s.jsx)("audio",{controls:!0,src:c}),(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){if(t.current)v===sl.inRecording?(t.current.stop(),x(sl.ready)):(c&&(window.URL.revokeObjectURL(c),f(""),l("")),t.current.start(),x(sl.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(sl.inRecording)})).catch((function(t){t.message&&t.message.includes("not found")?fl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):fl.ZP.error(e.formatMessage({id:"common.impowerOpenMicrophone"}))})):fl.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:v===sl.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"})})]})]})},Hl="RecordedVideo_container__NkqWY",Vl="RecordedVideo_title__fUoXJ",Wl="RecordedVideo_content__asWV1",Yl="RecordedVideo_videoBox__18hnw",Jl="RecordedVideo_recordVideo__0UQPG",ql="RecordedVideo_playVideo__cxP10",Kl="RecordedVideo_btns__NAtxU";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(zl||(zl={}));var Xl,$l=Math.floor(.36*window.screen.width),eu=Math.floor(.36*window.screen.height),tu=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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)(zl.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:Hl,children:[(0,s.jsx)("div",{className:Vl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordVideo"})}),(0,s.jsxs)("div",{className:Wl,children:[(0,s.jsxs)("div",{className:Yl,style:{width:"".concat($l,"px"),height:"".concat(eu,"px")},children:[(0,s.jsx)("video",{className:Jl,style:{width:"".concat($l,"px"),height:"".concat(eu,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===zl.playing&&(0,s.jsx)("video",{className:ql,style:{width:"".concat($l,"px"),height:"".concat(eu,"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:Kl,children:[(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){if(a.current)A===zl.inRecording?(a.current.stop(),w(zl.ready)):d?(window.URL.revokeObjectURL(d),v(""),m(""),t.current&&c.current&&(t.current.srcObject=c.current),w(zl.ready)):(t.current&&c.current&&(t.current.srcObject=c.current),a.current.start(),w(zl.inRecording));else if(t.current){var n={audio:!0,video:{width:$l,height:eu,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&&i.current.push(e.data)},r.onstop=function(e){var t=new Blob(i.current,{type:"video/mp4"});v("".concat((new Date).getTime(),".mp4"));var n=window.URL.createObjectURL(t);m(n),i.current=[]},a.current=r,t.current&&c.current&&(t.current.srcObject=c.current),a.current.start(),w(zl.inRecording)}catch(e){fl.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){t.message&&t.message.includes("not found")?fl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):fl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):fl.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:A===zl.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)(ae.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),w(zl.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:p,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},nu="RecordedScreen_container__ocp0M",ru="RecordedScreen_title__W0vMd",au="RecordedScreen_content__VeJjk",iu="RecordedScreen_videoBox__h9jea",ou="RecordedScreen_recordVideo__RxPmj",su="RecordedScreen_playVideo__omjcA",cu="RecordedScreen_btns__TSHxB";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(Xl||(Xl={}));var lu,uu,du,mu=Math.floor(.36*window.screen.width),fu=Math.floor(.36*window.screen.height),gu=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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)(Xl.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1],b=(0,r.useRef)(Xl.ready);return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:nu,children:[(0,s.jsx)("div",{className:ru,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordScreen"})}),(0,s.jsxs)("div",{className:au,children:[(0,s.jsxs)("div",{className:iu,style:{width:"".concat(mu,"px"),height:"".concat(fu,"px")},children:[(0,s.jsx)("video",{className:ou,style:{width:"".concat(mu,"px"),height:"".concat(fu,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===Xl.playing&&(0,s.jsx)("video",{className:su,style:{width:"".concat(mu,"px"),height:"".concat(fu,"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:cu,children:[(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){a.current?A===Xl.inRecording?(a.current.stop(),b.current=Xl.ready,w(Xl.ready)):d&&(window.URL.revokeObjectURL(d),v(""),m(""),a.current=null,b.current=Xl.ready,w(Xl.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&&i.current.push(e.data)},r.onstop=function(){b.current===Xl.inRecording&&(b.current=Xl.ready,w(Xl.ready));var e=new Blob(i.current,{type:"video/webm"});v("".concat((new Date).getTime(),".webm"));var t=window.URL.createObjectURL(e);m(t),i.current=[]},a.current=r,t.current&&c.current&&(t.current.srcObject=c.current),a.current.start(),b.current=Xl.inRecording,w(Xl.inRecording)}catch(e){fl.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){fl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):fl.ZP.error(e.formatMessage({id:"common.notSupportGetDisplayMedia"})))},children:A===Xl.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)(ae.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),b.current=Xl.playing,w(Xl.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:p,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},hu=n(76755),pu=n(42428),vu=(n(38986),n(22991),n(90322)),xu=n.n(vu),yu=n(27885),Au={};Au.toRGBA8=function(e){var t=e.width,n=e.height;if(null===e.tabs.acTL)return[Au.toRGBA8.decodeImage(e.data,t,n,e).buffer];var r=[];null===e.frames[0].data&&(e.frames[0].data=e.data);for(var a=t*n*4,i=new Uint8Array(a),o=new Uint8Array(a),s=new Uint8Array(a),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=Au.toRGBA8.decodeImage(l.data,m,f,e);if(0!==c)for(var h=0;h<a;h++)s[h]=i[h];if(0===l.blend?Au._copyTile(g,m,f,i,t,n,u,d,0):1===l.blend&&Au._copyTile(g,m,f,i,t,n,u,d,1),r.push(i.buffer.slice(0)),1===l.dispose)Au._copyTile(o,m,f,i,t,n,u,d,0);else if(2===l.dispose)for(var p=0;p<a;p++)i[p]=s[p]}return r},Au.toRGBA8.decodeImage=function(e,t,n,r){var a=t*n,i=Au.decode._getBPP(r),o=Math.ceil(t*i/8),s=new Uint8Array(4*a),c=new Uint32Array(s.buffer),l=r.ctype,u=r.depth,d=Au._bin.readUshort;if(6===l){var m=a<<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<a;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<a;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],b=h[2];if(8===u)for(var j=0;j<a;j++){var _=j<<2,D=3*j;c[j]=255<<24|e[D+2]<<16|e[D+1]<<8|e[D],e[D]===A&&e[D+1]===w&&e[D+2]===b&&(s[_+3]=0)}if(16===u)for(var M=0;M<a;M++){var E=M<<2,k=6*M;c[M]=255<<24|e[k+4]<<16|e[k+2]<<8|e[k],d(e,k)===A&&d(e,k+2)===w&&d(e,k+4)===b&&(s[E+3]=0)}}}else if(3===l){var C=r.tabs.PLTE,N=r.tabs.tRNS,S=N?N.length:0;if(1===u)for(var B=0;B<n;B++)for(var P=B*o,I=B*t,T=0;T<t;T++){var R=I+T<<2,F=e[P+(T>>3)]>>7-((7&T)<<0)&1,O=3*F;s[R]=C[O],s[R+1]=C[O+1],s[R+2]=C[O+2],s[R+3]=F<S?N[F]:255}if(2===u)for(var G=0;G<n;G++)for(var Q=G*o,Z=G*t,L=0;L<t;L++){var z=Z+L<<2,U=e[Q+(L>>2)]>>6-((3&L)<<1)&3,H=3*U;s[z]=C[H],s[z+1]=C[H+1],s[z+2]=C[H+2],s[z+3]=U<S?N[U]:255}if(4===u)for(var V=0;V<n;V++)for(var W=V*o,Y=V*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]=C[X],s[q+1]=C[X+1],s[q+2]=C[X+2],s[q+3]=K<S?N[K]:255}if(8===u)for(var $=0;$<a;$++){var ee=$<<2,te=e[$],ne=3*te;s[ee]=C[ne],s[ee+1]=C[ne+1],s[ee+2]=C[ne+2],s[ee+3]=te<S?N[te]:255}}else if(4===l){if(8===u)for(var re=0;re<a;re++){var ae=re<<2,ie=re<<1,oe=e[ie];s[ae]=oe,s[ae+1]=oe,s[ae+2]=oe,s[ae+3]=e[ie+1]}if(16===u)for(var se=0;se<a;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 be=17*(e[fe+(we>>>1)]>>>4-((1&we)<<2)&15),je=be===17*de?0:255;c[ge+we]=je<<24|be<<16|be<<8|be}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 Ee=0;Ee<t;Ee++){var ke=e[fe+(Ee<<1)],Ce=d(e,fe+(Ee<<1))===de?0:255;c[ge+Ee]=Ce<<24|ke<<16|ke<<8|ke}}return s},Au.decode=function(e){for(var t,n=new Uint8Array(e),r=8,a=Au._bin,i=a.readUshort,o=a.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=a.readUint(n,r);r+=4;var g=a.readASCII(n,r,4);if(r+=4,"IHDR"===g)Au.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=Au.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=i(n,r+22);x=i(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]=[a.readUint(n,r),a.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(a.readUint(n,r+4*w))}else if("tEXt"===g||"zTXt"===g){null===s.tabs[g]&&(s.tabs[g]={});var b=a.nextZero(n,r),j=a.readASCII(n,r,b-r),_=void 0,D=r+f-b-1;if("tEXt"===g)_=a.readASCII(n,b+1,D);else{var M=Au.decode._inflate(n.slice(b+2,b+2+D));_=a.readUTF8(M,0,M.length)}s.tabs[g][j]=_}else if("iTXt"===g){null==s.tabs[g]&&(s.tabs[g]={});var E=0,k=r;E=a.nextZero(n,k);var C=a.readASCII(n,k,E-k),N=n[k=E+1];k+=2,k=(E=a.nextZero(n,k))+1;var S=void 0,B=f-((k=(E=a.nextZero(n,k))+1)-r);if(0===N)S=a.readUTF8(n,k,B);else{var P=Au.decode._inflate(n.slice(k,k+B));S=a.readUTF8(P,0,P.length)}s.tabs[g][C]=S}else if("PLTE"===g)s.tabs[g]=a.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(i(n,r+2*T))}else if("tRNS"===g)3===s.ctype?s.tabs[g]=a.readBytes(n,r,f):0===s.ctype?s.tabs[g]=i(n,r):2===s.ctype&&(s.tabs[g]=[i(n,r),i(n,r+2),i(n,r+4)]);else if("gAMA"===g)s.tabs[g]=a.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]=[i(n,r)]:2===s.ctype||6===s.ctype?s.tabs[g]=[i(n,r),i(n,r+2),i(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=Au.decode._decompress(s,t.slice(0,u),R.rect.width,R.rect.height),u=0}return s.data=Au.decode._decompress(s,c,s.width,s.height),delete s.compress,delete s.interlace,delete s.filter,s},Au.decode._decompress=function(e,t,n,r){var a=Au.decode._getBPP(e),i=Math.ceil(n*a/8),o=new Uint8Array((i+1+e.interlace)*r);return t=e.tabs.CgBI?Au.inflateRaw(t,o):Au.decode._inflate(t,o),0===e.interlace?t=Au.decode._filterZero(t,e,0,n,r):1===e.interlace&&(t=Au.decode._readInterlace(t,e)),t},Au.decode._inflate=function(e,t){return Au.inflateRaw(new Uint8Array(e.buffer,2,e.length-6),t)},Au.inflateRaw=((du={}).H={},du.H.N=function(e,t){var n,r,a=Uint8Array,i=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 a(0);var g=du.H,h=g.b,p=g.e,v=g.R,x=g.n,y=g.A,A=g.Z,w=g.m,b=null===t;for(b&&(t=new a(e.length>>>2<<3));0===i;)if(i=h(e,f,1),o=h(e,f+1,2),f+=3,0!==o){if(b&&(t=du.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 j=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>j&&(j=M)}f+=3*l,x(w.Q,j),y(w.Q,j,w.u),n=w.w,r=w.d,f=v(w.u,(1<<j)-1,s+c,e,f,w.v);var E=g.V(w.v,0,s,w.C);u=(1<<E)-1;var k=g.V(w.v,s,c,w.D);d=(1<<k)-1,x(w.C,E),y(w.C,E,n),x(w.D,k),y(w.D,k,r)}for(;;){var C=n[A(e,f)&u];f+=15&C;var N=C>>>4;if(N>>>8==0)t[m++]=N;else{if(256===N)break;var S=m+N-254;if(N>264){var B=w.q[N-257];S=m+(B>>>3)+p(e,f,7&B),f+=7&B}var P=r[A(e,f)&d];f+=15&P;var I=P>>>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;b&&(t=du.H.W(t,m+O)),t.set(new a(e.buffer,e.byteOffset+F,O),m),f=F+O<<3,m+=O}return t.length===m?t:t.slice(0,m)},du.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},du.H.R=function(e,t,n,r,a,i){for(var o=du.H.e,s=du.H.Z,c=0;c<n;){var l=e[s(r,a)&t];a+=15&l;var u=l>>>4;if(u<=15)i[c]=u,c++;else{var d=0,m=0;16===u?(m=3+o(r,a,2),a+=2,d=i[c-1]):17===u?(m=3+o(r,a,3),a+=3):18===u&&(m=11+o(r,a,7),a+=7);for(var f=c+m;c<f;)i[c]=d,c++}}return a},du.H.V=function(e,t,n,r){for(var a=0,i=0,o=r.length>>>1;i<n;){var s=e[i+t];r[i<<1]=0,r[1+(i<<1)]=s,s>a&&(a=s),i++}for(;i<o;)r[i<<1]=0,r[1+(i<<1)]=0,i++;return a},du.H.n=function(e,t){for(var n,r,a,i,o,s=du.H.m,c=e.length,l=s.j,u=0;u<=t;u++)l[u]=0;for(i=1;i<c;i+=2)l[e[i]]++;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(a=0;a<c;a+=2)0!==(o=e[a+1])&&(e[a]=d[o],d[o]++)},du.H.A=function(e,t,n){for(var r=e.length,a=du.H.m.r,i=0;i<r;i+=2)if(0!==e[i+1])for(var o=i>>1,s=e[i+1],c=o<<4|s,l=t-s,u=e[i]<<l,d=u+(1<<l);u!==d;)n[a[u]>>>15-t]=c,u++},du.H.l=function(e,t){for(var n=du.H.m.r,r=15-t,a=0;a<e.length;a+=2){var i=e[a]<<t-e[a+1];e[a]=n[i]>>>r}},du.H.M=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8},du.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},du.H.e=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<n)-1},du.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},du.H.Z=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},du.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)},du.H.m=(lu=Uint16Array,uu=Uint32Array,{K:new lu(16),j:new lu(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 lu(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 uu(32),J:new lu(512),_:[],h:new lu(32),$:[],w:new lu(32768),C:[],v:[],d:new lu(32768),D:[],u:new lu(512),Q:[],r:new lu(32768),s:new uu(286),Y:new uu(30),a:new uu(19),t:new uu(15e3),k:new lu(65536),g:new lu(32768)}),function(){for(var e=du.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 a=0;a<32;a++)e.q[a]=e.S[a]<<3|e.T[a],e.c[a]=e.p[a]<<4|e.z[a];r(e._,144,8),r(e._,112,9),r(e._,24,7),r(e._,8,8),du.H.n(e._,9),du.H.A(e._,9,e.J),du.H.l(e._,9),r(e.$,32,5),du.H.n(e.$,5),du.H.A(e.$,5,e.h),du.H.l(e.$,5),r(e.Q,19,0),r(e.C,286,0),r(e.D,30,0),r(e.v,320,0)}(),du.H.N),Au.decode._readInterlace=function(e,t){for(var n=t.width,r=t.height,a=Au.decode._getBPP(t),i=a>>3,o=Math.ceil(n*a/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*a/8);Au.decode._filterZero(e,t,c,p,v);for(var w=0,b=l[f];b<r;){for(var j=u[f],_=c+w*A<<3;j<n;){if(1===a){var D=e[_>>3];D=D>>7-(7&_)&1,s[b*o+(j>>3)]|=D<<7-((7&j)<<0)}if(2===a){var M=e[_>>3];M=M>>6-(7&_)&3,s[b*o+(j>>2)]|=M<<6-((3&j)<<1)}if(4===a){var E=e[_>>3];E=E>>4-(7&_)&15,s[b*o+(j>>1)]|=E<<4-((1&j)<<2)}if(a>=8)for(var k=b*o+j*i,C=0;C<i;C++)s[k+C]=e[(_>>3)+C];_+=a,j+=h}w++,b+=g}p*v!=0&&(c+=v*(1+A)),f+=1}return s},Au.decode._getBPP=function(e){return[1,null,3,1,2,null,4][e.ctype]*e.depth},Au.decode._filterZero=function(e,t,n,r,a){var i=Au.decode._getBPP(t),o=Math.ceil(r*i/8),s=Au.decode._paeth;i=Math.ceil(i/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=i;d<o;d++)e[d+1]=e[d+1]+(e[d+1-i]>>>1)&255;for(var m=0;m<a;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<i;d++)e[c+d]=e[l+d];for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-i]}else if(2===u)for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-o];else if(3===u){for(;d<i;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-i]>>>1)}else{for(;d<i;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-i],e[c+d-o],e[c+d-i-o])}return e},Au.decode._paeth=function(e,t,n){var r=e+t-n,a=r-e,i=r-t,o=r-n;return a*a<=i*i&&a*a<=o*o?e:i*i<=o*o?t:n},Au.decode._IHDR=function(e,t,n){var r=Au._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++},Au._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="",a=0;a<n;a++)r+=String.fromCharCode(e[t+a]);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=[],a=0;a<n;a++)r.push(e[t+a]);return r},pad:function(e){return e.length<2?"0"+e:e},readUTF8:function(e,t,n){for(var r,a="",i=0;i<n;i++)a+="%"+Au._bin.pad(e[t+i].toString(16));try{r=decodeURIComponent(a)}catch(r){return Au._bin.readASCII(e,t,n)}return r}},Au._copyTile=function(e,t,n,r,a,i,o,s,c){for(var l=Math.min(t,a),u=Math.min(n,i),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)*a+o+g<<2):(d=(-s+f)*t-o+g<<2,m=f*a+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,b=r[m+2]*y,j=1-h,_=h+y*j,D=0===_?0:1/_;r[m+3]=255*_,r[m+0]=(p+A*j)*D,r[m+1]=(v+w*j)*D,r[m+2]=(x+b*j)*D}else if(2===c){var M=e[d+3],E=e[d],k=e[d+1],C=e[d+2],N=r[m+3],S=r[m],B=r[m+1],P=r[m+2];M===N&&E===S&&k===B&&C===P?(r[m]=0,r[m+1]=0,r[m+2]=0,r[m+3]=0):(r[m]=E,r[m+1]=k,r[m+2]=C,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],Q=r[m+1],Z=r[m+2];if(I===O&&T===G&&R===Q&&F===Z)continue;if(I<220&&O>20)return!1}return!0},Au.encode=function(e,t,n,r,a,i,o){null===r&&(r=0),null===o&&(o=!1);var s=Au.encode.compress(e,t,n,r,[!1,!1,!1,0,o]);return Au.encode.compressPNG(s,-1),Au.encode._main(s,t,n,a,i)},Au.encodeLL=function(e,t,n,r,a,i,o,s){for(var c={ctype:0+(1===r?0:2)+(0===a?0:4),depth:i,frames:[]},l=(r+a)*i,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 Au.encode.compressPNG(c,0,!0),Au.encode._main(c,t,n,o,s)},Au.encode._main=function(e,t,n,r,a){a||(a={});var i=Au.crc.crc,o=Au._bin.writeUint,s=Au._bin.writeUshort,c=Au._bin.writeASCII,l=8,u=e.frames.length>1,d=!1,m=33+(u?20:0);if(null!==a.sRGB&&void 0!==a.sRGB&&(m+=13),null!==a.pHYs&&void 0!==a.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,i(p,l-17,17)),l+=4,null!==a.sRGB&&void 0!==a.sRGB&&(o(p,l,1),c(p,l+=4,"sRGB"),p[l+=4]=a.sRGB,o(p,++l,i(p,l-5,5)),l+=4),null!==a.pHYs&&void 0!==a.pHYs&&(o(p,l,9),c(p,l+=4,"pHYs"),o(p,l+=4,a.pHYs[0]),o(p,l+=4,a.pHYs[1]),p[l+=4]=a.pHYs[2],o(p,++l,i(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!=a.loop?a.loop:0),o(p,l+=4,i(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,b=e.plte[A],j=255&b,_=b>>>8&255,D=b>>>16&255;p[l+w+0]=j,p[l+w+1]=_,p[l+w+2]=D}if(o(p,l+=3*y,i(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,i(p,l-y-4,y+4)),l+=4}}for(var E=0,k=0;k<e.frames.length;k++){var C=e.frames[k];u&&(o(p,l,26),c(p,l+=4,"fcTL"),o(p,l+=4,E++),o(p,l+=4,C.rect.width),o(p,l+=4,C.rect.height),o(p,l+=4,C.rect.x),o(p,l+=4,C.rect.y),s(p,l+=4,r[k]),s(p,l+=2,1e3),p[l+=2]=C.dispose,p[++l]=C.blend,o(p,++l,i(p,l-30,30)),l+=4);var N=C.cimg,S=N.length;o(p,l,S+(0===k?0:4));var B=l+=4;c(p,l,0===k?"IDAT":"fdAT"),l+=4,0!==k&&(o(p,l,E++),l+=4),p.set(N,l),o(p,l+=S,i(p,B,l-B)),l+=4}return o(p,l,0),c(p,l+=4,"IEND"),o(p,l+=4,i(p,l-4,4)),l+=4,p.buffer},Au.encode.compressPNG=function(e,t,n){for(var r=0;r<e.frames.length;r++){var a=e.frames[r],i=a.rect.height,o=new Uint8Array(i*a.bpl+i);a.cimg=Au.encode._filterZero(a.img,i,a.bpp,a.bpl,o,t,n)}},Au.encode.compress=function(e,t,n,r,a){for(var i=a[0],o=a[1],s=a[2],c=a[3],l=a[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=Au.encode.framize(e,t,n,i,o,s),y={},A=[],w=[];if(0!==r){for(var b=[],j=0;j<x.length;j++)b.push(x[j].img.buffer);for(var _=Au.encode.concatRGBA(b),D=Au.quantize(_,r),M=0,E=new Uint8Array(D.abuf),k=0;k<x.length;k++){var C=x[k].img,N=C.length;w.push(new Uint8Array(D.inds.buffer,M>>2,N>>2));for(var S=0;S<N;S+=4)C[S]=E[M+S],C[S+1]=E[M+S+1],C[S+2]=E[M+S+2],C[S+3]=E[M+S+3];M+=N}for(var B=0;B<D.plte.length;B++)A.push(D.plte[B].est.rgba)}else for(var P=0;P<x.length;P++){var I=x[P],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 Q=T[G];if(0!==G&&Q===T[G-1])O[G]=O[G-1];else if(G>R&&Q===T[G-R])O[G]=O[G-R];else{var Z=y[Q];if(null===Z&&(y[Q]=Z=A.length,A.push(Q),A.length>=300))break;O[G]=Z}}}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 U=x[z],H=U.rect.width,V=U.rect.height,W=U.img,Y=4*H,J=4;if(L<=256&&!1===l){Y=Math.ceil(d*H/8);for(var q=new Uint8Array(Y*V),K=w[z],X=0;X<V;X++){var $=X*Y,ee=X*H;if(8===d)for(var te=0;te<H;te++)q[$+te]=K[ee+te];else if(4===d)for(var ne=0;ne<H;ne++)q[$+(ne>>1)]|=K[ee+ne]<<4-4*(1&ne);else if(2===d)for(var re=0;re<H;re++)q[$+(re>>2)]|=K[ee+re]<<6-2*(3&re);else if(1===d)for(var ae=0;ae<H;ae++)q[$+(ae>>3)]|=K[ee+ae]<<7-1*(7&ae)}W=q,u=3,J=1}else if(!1===v&&1===x.length){for(var ie=new Uint8Array(H*V*3),oe=H*V,se=0;se<oe;se++){var ce=3*se,le=4*se;ie[ce]=W[le],ie[ce+1]=W[le+1],ie[ce+2]=W[le+2]}W=ie,u=2,J=3,Y=3*H}U.img=W,U.bpl=Y,U.bpp=J}return{ctype:u,depth:d,plte:A,frames:x}},Au.encode.framize=function(e,t,n,r,a,i){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=i||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,b=n,j=-1,_=-1,D=0;D<n;D++)for(var M=0;M<t;M++){var E=D*t+M;l[E]!==A[E]&&(M<w&&(w=M),M>j&&(j=M),D<b&&(b=D),D>_&&(_=D))}-1===j&&(w=b=j=_=0),a&&(1==(1&w)&&w--,1==(1&b)&&b--);var k=(j-w+1)*(_-b+1);k<x&&(x=k,v=y,d=w,m=b,f=j-w+1,g=_-b+1)}var C=new Uint8Array(e[s-1-v]);1===v&&(o[s-1].dispose=2),u=new Uint8Array(f*g*4),Au._copyTile(C,t,n,u,f,g,-d,-m,0),1===(h=Au._copyTile(c,t,n,u,f,g,-d,-m,3)?1:0)?Au.encode._prepareDiff(c,t,n,u,{x:d,y:m,width:f,height:g}):Au._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 N=0;N<o.length;N++){var S=o[N];if(1!==S.blend){var B=S.rect,P=o[N-1].rect,I=Math.min(B.x,P.x),T=Math.min(B.y,P.y),R={x:I,y:T,width:Math.max(B.x+B.width,P.x+P.width)-I,height:Math.max(B.y+B.height,P.y+P.height)-T};o[N-1].dispose=1,N-1!=0&&Au.encode._updateFrame(e,t,n,o,N-1,R,a),Au.encode._updateFrame(e,t,n,o,N,R,a)}}return o},Au.encode._updateFrame=function(e,t,n,r,a,i,o){for(var s=Uint8Array,c=Uint32Array,l=new s(e[a-1]),u=new c(e[a-1]),d=a+1<e.length?new s(e[a+1]):null,m=new s(e[a]),f=new c(m.buffer),g=t,h=n,p=-1,v=-1,x=0;x<i.height;x++)for(var y=0;y<i.width;y++){var A=i.x+y,w=i.y+x,b=w*t+A,j=f[b];0!==j&&(0!==r[a-1].dispose||u[b]!==j||null!==d&&0===d[4*b+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--),i={x:g,y:h,width:p-g+1,height:v-h+1};var _=r[a];_.rect=i,_.blend=1,_.img=new Uint8Array(i.width*i.height*4),0===r[a-1].dispose?(Au._copyTile(l,t,n,_.img,i.width,i.height,-i.x,-i.y,0),Au.encode._prepareDiff(m,t,n,_.img,i)):Au._copyTile(m,t,n,_.img,i.width,i.height,-i.x,-i.y,0)},Au.encode._prepareDiff=function(e,t,n,r,a){Au._copyTile(e,t,n,r,a.width,a.height,-a.x,-a.y,2)},Au.encode._filterZero=function(e,t,n,r,a,i,o){var s,c=[],l=[0,1,2,3,4];-1!==i?l=[i]:(t*r>5e5||1===n)&&(l=[0]),o&&(s={level:0});for(var u,d=a.length>1e7&&null!=xu()?xu():yu.ZP,m=0;m<l.length;m++){for(var f=0;f<t;f++)Au.encode._filterLine(a,e,f,r,n,l[m]);c.push(d.deflate(a,s))}for(var g=1e9,h=0;h<c.length;h++)c[h].length<g&&(u=h,g=c[h].length);return c[u]},Au.encode._filterLine=function(e,t,n,r,a,i){var o=n*r,s=o+n,c=Au.decode._paeth;if(e[s]=i,s++,0===i)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===i){for(var u=0;u<a;u++)e[s+u]=t[o+u];for(var d=a;d<r;d++)e[s+d]=t[o+d]-t[o+d-a]+256&255}else if(0===n){for(var m=0;m<a;m++)e[s+m]=t[o+m];if(2===i)for(var f=a;f<r;f++)e[s+f]=t[o+f];if(3===i)for(var g=a;g<r;g++)e[s+g]=t[o+g]-(t[o+g-a]>>1)+256&255;if(4===i)for(var h=a;h<r;h++)e[s+h]=t[o+h]-c(t[o+h-a],0,0)+256&255}else{if(2===i)for(var p=0;p<r;p++)e[s+p]=t[o+p]+256-t[o+p-r]&255;if(3===i){for(var v=0;v<a;v++)e[s+v]=t[o+v]+256-(t[o+v-r]>>1)&255;for(var x=a;x<r;x++)e[s+x]=t[o+x]+256-(t[o+x-r]+t[o+x-a]>>1)&255}if(4===i){for(var y=0;y<a;y++)e[s+y]=t[o+y]+256-c(0,t[o+y-r],0)&255;for(var A=a;A<r;A++)e[s+A]=t[o+A]+256-c(t[o+A-a],t[o+A-r],t[o+A-a-r])&255}}},Au.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 a=0;a<r;a++)e=Au.crc.table[255&(e^t[n+a])]^e>>>8;return e},crc:function(e,t,n){return 4294967295^Au.crc.update(4294967295,e,t,n)}},Au.quantize=function(e,t){var n,r=new Uint8Array(e),a=r.slice(0),i=new Uint32Array(a.buffer),o=Au.quantize.getKDtree(a,t),s=o[0],c=o[1],l=Au.quantize.planeDst,u=r,d=i,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=Au.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),b=u[y+2]*(1/255),j=u[y+3]*(1/255);for(n=s;n.left;)n=l(n.est,A,w,b,j)<=0?n.left:n.right;f[y>>2]=n.ind,d[y>>2]=n.est.rgba}return{abuf:a.buffer,inds:f,plte:c}},Au.quantize.getKDtree=function(e,t,n){null===n&&(n=1e-4);var r=new Uint32Array(e.buffer),a={i0:0,i1:e.length,bst:null,est:null,tdst:0,left:null,right:null};a.bst=Au.quantize.stats(e,a.i0,a.i1),a.est=Au.quantize.estats(a.bst);for(var i=[a];i.length<t;){for(var o=0,s=0,c=0;c<i.length;c++)i[c].est.L>o&&(o=i[c].est.L,s=c);if(o<n)break;var l=i[s],u=Au.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=Au.quantize.stats(e,d.i0,d.i1),d.est=Au.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=Au.quantize.estats(m.bst),l.left=d,l.right=m,i[s]=d,i.push(m)}}i.sort((function(e,t){return t.bst.N-e.bst.N}));for(var h=0;h<i.length;h++)i[h].ind=h;return[a,i]},Au.quantize.getNearest=function(e,t,n,r,a){if(null==e.left)return e.tdst=Au.quantize.dist(e.est.q,t,n,r,a),e;var i=Au.quantize.planeDst(e.est,t,n,r,a),o=e.left,s=e.right;i>0&&(o=e.right,s=e.left);var c=Au.quantize.getNearest(o,t,n,r,a);if(c.tdst<=i*i)return c;var l=Au.quantize.getNearest(s,t,n,r,a);return l.tdst<c.tdst?l:c},Au.quantize.planeDst=function(e,t,n,r,a){var i=e.e;return i[0]*t+i[1]*n+i[2]*r+i[3]*a-e.eMq},Au.quantize.dist=function(e,t,n,r,a){var i=t-e[0],o=n-e[1],s=r-e[2],c=a-e[3];return i*i+o*o+s*s+c*c},Au.quantize.splitPixels=function(e,t,n,r,a,i){var o=Au.quantize.vecDot;for(r-=4;n<r;){for(;o(e,n,a)<=i;)n+=4;for(;o(e,r,a)>i;)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,a)>i;)n-=4;return n+4},Au.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]},Au.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],a=[0,0,0,0],i=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);a[0]+=s,a[1]+=c,a[2]+=l,a[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:a,N:i}},Au.quantize.estats=function(e){var t=e.R,n=e.m,r=e.N,a=n[0],i=n[1],o=n[2],s=n[3],c=0===r?0:1/r,l=[t[0]-a*a*c,t[1]-a*i*c,t[2]-a*o*c,t[3]-a*s*c,t[4]-i*a*c,t[5]-i*i*c,t[6]-i*o*c,t[7]-i*s*c,t[8]-o*a*c,t[9]-o*i*c,t[10]-o*o*c,t[11]-o*s*c,t[12]-s*a*c,t[13]-s*i*c,t[14]-s*o*c,t[15]-s*s*c],u=l,d=Au.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=[a*c,i*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}},Au.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]]}},Au.encode.concatRGBA=function(e){for(var t=0,n=0;n<e.length;n++)t+=e[n].byteLength;for(var r=new Uint8Array(t),a=0,i=0;i<e.length;i++){for(var o=new Uint8Array(e[i]),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[a+c]=l,r[a+c+1]=u,r[a+c+2]=d,r[a+c+3]=m}a+=s}return r.buffer};var wu,bu=Au,ju=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[4*(i*n+n-o-1)],a[s+1]=t[4*(i*n+n-o-1)+1],a[s+2]=t[4*(i*n+n-o-1)+2],a[s+3]=t[4*(i*n+n-o-1)+3]}return new ImageData(a,n,r)}return null},_u=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[4*((r-i-1)*n+o)],a[s+1]=t[4*((r-i-1)*n+o)+1],a[s+2]=t[4*((r-i-1)*n+o)+2],a[s+3]=t[4*((r-i-1)*n+o)+3]}return new ImageData(a,n,r)}return null},Du=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<n;i++)for(var o=0;o<r;o++){var s=4*(i*r+o);a[s]=t[4*(o*n+n-i-1)],a[s+1]=t[4*(o*n+n-i-1)+1],a[s+2]=t[4*(o*n+n-i-1)+2],a[s+3]=t[4*(o*n+n-i-1)+3]}return new ImageData(a,r,n)}return null},Mu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<n;i++)for(var o=0;o<r;o++){var s=4*(i*r+o);a[s]=t[4*((r-o-1)*n+i)],a[s+1]=t[4*((r-o-1)*n+i)+1],a[s+2]=t[4*((r-o-1)*n+i)+2],a[s+3]=t[4*((r-o-1)*n+i)+3]}return new ImageData(a,r,n)}return null},Eu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s]+t[s+1]+t[s+2])/3;a[s]=c,a[s+1]=c,a[s+2]=c,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},ku=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s]+t[s+1]+t[s+2])/3>127?255:0;a[s]=c,a[s+1]=c,a[s+2]=c,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Cu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=255-t[s],a[s+1]=255-t[s+1],a[s+2]=255-t[s+2],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Nu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[s],a[s+1]=0,a[s+2]=0,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Su=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=0,a[s+1]=t[s+1],a[s+2]=0,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Bu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=0,a[s+1]=0,a[s+2]=t[s+2],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Pu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[s],a[s+1]=t[s+1],a[s+2]=0,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Iu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[s],a[s+1]=0,a[s+2]=t[s+1],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Tu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=0,a[s+1]=t[s+1],a[s+2]=t[s+1],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Ru=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s+1]+t[s+2])/2;a[s]=t[s],a[s+1]=c,a[s+2]=c,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Fu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s]+t[s+2])/2;a[s]=c,a[s+1]=t[s+1],a[s+2]=c,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Ou=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s]+t[s+1])/2;a[s]=c,a[s+1]=c,a[s+2]=t[s+2],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Gu=function(e){if(e){return Wu(e,[-1,-1,-1,-1,9,-1,-1,-1,-1])}return null},Qu=function(e){if(e){return Wu(e,[-1,-1,-1,-1,8,-1,-1,-1,-1])}return null},Zu=function(e){if(e){var t,n,r,a,i,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)),i=-.02,s=0,t=-10;t<=p;t++,s++)a=o*Math.exp(i*t*t),g[s]=a,h+=a;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=a=i=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],a+=d[s+1]*g[c+p],i+=d[s+2]*g[c+p],h+=g[c+p]);d[s=4*(n*m+t)]=r/h,d[s+1]=a/h,d[s+2]=i/h}for(t=0;t<m;t++)for(n=0;n<f;n++){for(r=a=i=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],a+=d[s+1]*g[c+p],i+=d[s+2]*g[c+p],h+=g[c+p]);d[s=4*(n*m+t)]=r/h,d[s+1]=a/h,d[s+2]=i/h}return e}return null},Lu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[s],a[s+1]=t[s+1],a[s+2]=t[s+2],a[s+3]=255}return new ImageData(a,n,r)}return null},zu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);if(0===t[s+3])a[s]=255,a[s+1]=255,a[s+2]=255,a[s+3]=255;else{var c=Yu([t[s],t[s+1],t[s+2],t[s+3]],[255,255,255,255]);a[s]=c[0],a[s+1]=c[1],a[s+2]=c[2],a[s+3]=c[3]}}return new ImageData(a,n,r)}return null},Uu=function(e,t,n,r,a){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4;if(e){var o=new Image,s=null;if(s="string"==typeof e?e:Al(e)){o.src=s;var c=document.createElement("canvas"),l=c.getContext("2d");c.width=i,c.height=i,l.drawImage(o,0,0,t,n,0,0,r,a);var u=l.getImageData(0,0,r,a);return u}}return null},Hu=function(){var e=(0,ll.Z)(dl().mark((function e(t,n,r,a,i,o){var s,c,l,u,d,m,f;return dl().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t&&a?(s=i/100,["JPG","JPEG"].includes(a.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(a.toLowerCase()),s)):(d=Math.floor(256*s),m=bu.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,a,i,o){return e.apply(this,arguments)}}(),Vu=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,a=e.width,i=e.height,o=t.data,s=new Uint8ClampedArray(r.length),c=n.backgroundColor,l=n.changeIntoColor,u=0;u<i;u++)for(var d=0;d<a;d++){var m=4*(u*a+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,a,i);return v}return e}return null},Wu=function(e,t){if(e){for(var n=e.data,r=e.width,a=e.height,i=new Uint8ClampedArray(n.length),o=0;o<a;o++)for(var s=0;s<r;s++){for(var c=4*(o*r+s),l=0;l<3;l++){var u=c+l;i[u]=0===s||s===r-1||0===o||o===a-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]}i[c+3]=n[c+3]}return new ImageData(i,r,a)}return null},Yu=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 a=n/255,i=r/255;return[Math.max(Math.min(Math.floor(e[0]*a+t[0]*i*(1-a)),255),0),Math.max(Math.min(Math.floor(e[1]*a+t[1]*i*(1-a)),255),0),Math.max(Math.min(Math.floor(e[2]*a+t[2]*i*(1-a)),255),0),Math.max(Math.min(Math.floor(255*(a+i*(1-a))),255),0)]}return[255,255,255,255]},Ju="TakeIDPhotos_container__9YE8N",qu="TakeIDPhotos_title__i5kFN",Ku="TakeIDPhotos_content__+fix-",Xu="TakeIDPhotos_videoBox__9t7RI",$u="TakeIDPhotos_recordVideo__fGXpo",ed="TakeIDPhotos_btns__n-Nxn",td="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"}(wu||(wu={}));var nd={1:{width:295,height:413},2:{width:413,height:579}},rd={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}},ad=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useState)("1"),c=(0,o.Z)(i,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],b=(0,r.useState)(wu.noInit),j=(0,o.Z)(b,2),_=j[0],D=j[1],M=(0,r.useRef)(wu.noInit),E=(0,r.useState)("transparency"),k=(0,o.Z)(E,2),C=k[0],N=k[1],S=(0,r.useRef)("transparency"),B=(0,r.useRef)(null),P=(0,r.useRef)(0),I=function(){var e=(0,ll.Z)(dl().mark((function e(){var n,r,i,o,s,c,l,u,m,f;return dl().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(M.current===wu.inRecording){e.next=2;break}return e.abrupt("return");case 2:if(!t.current||!a.current){e.next=22;break}if(n=nd[d.current],r=n.width,i=n.height,!(o=bl(t.current,r,i))){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,B.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,pu.wX(c,l,u,false,.3);case 15:m=e.sent,(f=Vu(o,m,{backgroundColor:u,changeIntoColor:rd[S.current]}))?a.current.putImageData(f,0,0):a.current.putImageData(o,0,0),e.next=21;break;case 20:a.current.putImageData(o,0,0);case 21:P.current=window.requestAnimationFrame(I);case 22:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),T=function(){var r=(0,ll.Z)(dl().mark((function r(){var i,o,s,c,u,d,f,g;return dl().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return D(wu.loading),o=(i=nd[l]).width,s=i.height,n.current&&(n.current.width=o,n.current.height=s,c=n.current.getContext("2d"),a.current=c),u=pu.oV.MediaPipeSelfieSegmentation,d={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},fl.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})),r.next=8,pu.N7(u,d);case 8:f=r.sent,B.current=f,g={video:{width:nd[l].width,height:nd[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=wu.inRecording,D(wu.inRecording),I()})).catch((function(t){t.message&&t.message.includes("not found")?fl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):fl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):fl.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,ll.Z)(dl().mark((function r(){var a;return dl().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:_===wu.noInit?T():_===wu.loading?fl.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})):_===wu.inRecording?(t.current&&n.current&&(t.current.srcObject=null,P.current&&window.cancelAnimationFrame(P.current),a=n.current.toDataURL("image/jpeg"),w("".concat((new Date).getTime(),".jpeg")),v(a)),M.current=wu.ready,D(wu.ready)):(p&&(window.URL.revokeObjectURL(p),w(""),v("")),t.current&&m.current&&(t.current.srcObject=m.current,M.current=wu.inRecording,D(wu.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:Ju,children:[(0,s.jsx)("div",{className:qu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.takeIDPhotos"})}),(0,s.jsxs)("div",{className:Ku,children:[(0,s.jsxs)("div",{className:Xu,style:{width:"".concat(nd[l].width,"px"),height:"".concat(nd[l].height,"px")},children:[(0,s.jsx)("video",{className:$u,style:{width:"".concat(nd[l].width,"px"),height:"".concat(nd[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:ed,children:[(0,s.jsxs)("div",{className:td,children:[e.formatMessage({id:"common.dimension"}),"："]}),(0,s.jsx)(hu.Z,{value:l,style:{width:"90px",marginRight:"16px"},onChange:function(e){if(n.current){var t=nd[e],r=t.width,a=t.height;n.current.width=r,n.current.height=a}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:td,children:[e.formatMessage({id:"common.backgroundColor"}),"："]}),(0,s.jsx)(hu.Z,{value:C,style:{width:"130px",marginRight:"16px"},onChange:function(e){S.current=e,N(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)(ae.Z,{type:"primary",onClick:R,children:_===wu.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"})})]})]})]})},id="UtilitarianFunction_container__nbWbY",od="UtilitarianFunction_box__xBne9",sd=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:id,children:[(0,s.jsx)("div",{className:od,children:(0,s.jsx)(Gl,{})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(Ul,{})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(tu,{})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(jr,{data:br[2]})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(gu,{})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(ad,{})})]})},cd=n(2076),ld="TiltButton_container__794Op",ud="TiltButton_buttonWrapper__qprX4",dd="TiltButton_symbol__8btRZ",md="TiltButton_baseSvg__VopDS";function fd(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 gd(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fd(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fd(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var hd=function(e,t){var n=e.children,a=e.color,i=void 0===a?"#355DFF":a,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:i,boxShadow:"0 10px 20px -10px ".concat(i)},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 a in"svg"===e&&r.setAttribute("xmlns:xlink",n),t)"xlink:href"===a?r.setAttributeNS(n,a,t[a]):r.setAttribute(a,t[a]);return r}),[]);return(0,s.jsxs)("div",gd(gd({},e),{},{className:"".concat(ld," ").concat(e.className||""),children:[(0,s.jsx)(cd.Z,{className:"Tilt",options:{max:30,scale:1.1},children:(0,s.jsx)("div",{className:ud,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 a=u.current.getBoundingClientRect(),o=a.width,s=a.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:dd,style:"top: ".concat(m,"px;left: ").concat(l,"px;transform: scale(").concat(h,") rotate(").concat(g,")"),fill:i}),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:md,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"})})]})]}))},pd=r.forwardRef(hd),vd="RotateBgButton_container__+oxiM",xd=.01,yd=.5,Ad=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(0),n=function n(){if(e.current){var r=V.findDOMNode(e.current);if(r){var a=r.style.backgroundPosition;if(a){var i=a.split(" "),o=Number(i[0].substring(0,i[0].length-1))/100-yd,s=Number(i[1].substring(0,i[1].length-1))/100-yd;o=o*Math.cos(xd)-s*Math.sin(xd),s=s*Math.cos(xd)+o*Math.sin(xd),r.style.backgroundPosition="".concat(100*(o+yd),"% ").concat(100*(s+yd),"%")}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:vd,ref:e,children:"Button"})};function wd(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 bd(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?wd(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wd(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var jd,_d=function(e){return(0,s.jsx)("svg",bd(bd({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"})}))},Dd="IconMoveButton_container__jbUL6",Md=function(){return(0,s.jsx)("div",{className:Dd,children:(0,s.jsxs)("button",{children:[(0,s.jsx)(_d,{}),"Button"]})})},Ed="NeonButton_container__UJhO5",kd=function(){return(0,s.jsx)("div",{className:Ed,children:(0,s.jsx)("button",{children:"Button"})})},Cd="BorderAnimationButton_container__++2oE",Nd=function(){return(0,s.jsx)("div",{className:Cd,children:(0,s.jsx)("button",{children:"Button"})})},Sd="BorderAnimationButton2_container__friIP",Bd=function(){return(0,s.jsx)("div",{className:Sd,children:(0,s.jsx)("button",{children:"Button"})})},Pd="TranslateBgButton_container__L5LWZ",Id=function(){return(0,s.jsx)("div",{className:Pd,children:(0,s.jsx)("button",{children:"Button"})})},Td="RoundedGradientButton_container__AMSMu",Rd=function(){return(0,s.jsx)("div",{className:Td,children:(0,s.jsx)("button",{children:"Button"})})},Fd="MirrorSideButton_container__sB1Ij",Od=function(){return(0,s.jsx)("div",{className:Fd,children:(0,s.jsx)("button",{children:"Button"})})},Gd="ShakeButton_container__g6kIG",Qd=function(){return(0,s.jsx)("div",{className:Gd,children:(0,s.jsx)("button",{children:"Button"})})},Zd="Skew3DButton_container__1NY5X",Ld=function(){return(0,s.jsx)("div",{className:Zd,children:(0,s.jsx)("button",{children:"Button"})})},zd="HoverCircleButton_container__PuMuD",Ud=function(){var e=(0,r.useRef)(null),t=function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,a=n.top,i=t.pageX-r,o=t.pageY-a;e.current.style.setProperty("--xPos","".concat(i,"px")),e.current.style.setProperty("--yPos","".concat(o,"px"))}};return(0,s.jsx)("div",{className:zd,children:(0,s.jsx)("button",{onMouseOver:t,onMouseLeave:t,ref:e,children:(0,s.jsx)("span",{children:"Button"})})})},Hd="PunkEffectButton_container__RO8q0",Vd=function(){return(0,s.jsx)("div",{className:Hd,children:(0,s.jsx)("button",{children:"Button"})})},Wd="PunkEffectButton2_container__KUiXn",Yd=function(){return(0,s.jsx)("div",{className:Wd,children:(0,s.jsx)("button",{children:"Button"})})},Jd="BirdButton_container__7qoN9",qd="BirdButton_content__kmjN7",Kd="BirdButton_buttonWrapper__LV-bE",Xd="BirdButton_birdBox__RbQ6O",$d="BirdButton_bird__iLhzs",em="BirdButton_birdFace__vJMFt",tm="BirdButton_wakeup__Igq0s",nm=function(){return(0,s.jsx)("div",{className:Jd,children:(0,s.jsxs)("div",{className:qd,children:[(0,s.jsx)("div",{className:Kd,children:(0,s.jsx)("span",{children:"Button"})}),(0,s.jsxs)("div",{className:Xd,children:[(0,s.jsx)("div",{className:"".concat($d," ").concat(tm),children:(0,s.jsx)("div",{className:em})}),(0,s.jsx)("div",{className:"".concat($d," ").concat(tm),children:(0,s.jsx)("div",{className:em})}),(0,s.jsx)("div",{className:$d,children:(0,s.jsx)("div",{className:em})})]})]})})},rm="ObliqueLineButton_container__1jrJm",am=function(){return(0,s.jsx)("div",{className:rm,children:(0,s.jsxs)("button",{children:["Button",(0,s.jsx)("span",{})]})})},im="LightningBorderButton_container__ekKDU",om="LightningBorderButton_buttonBox__o0z+d",sm="LightningBorderButton_line1__Njvnt",cm="LightningBorderButton_line2__hEdBj",lm=function(){return(0,s.jsx)("div",{className:im,children:(0,s.jsxs)("div",{className:om,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:sm,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:cm,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"})]})]})})},um="DynamicButtons_container__onlah",dm="DynamicButtons_box__HDepH",mm="DynamicButtons_box1__eXXBp",fm="DynamicButtons_btn__v5GiZ",gm="DynamicButtons_btnText__a2SkT",hm=we.GridBox,pm=[{element:(0,s.jsx)(pd,{className:fm,color:"#4E90FE",children:(0,s.jsx)("span",{className:gm,children:"Button"})}),className:mm},{element:(0,s.jsx)(Ad,{})},{element:(0,s.jsx)(Md,{})},{element:(0,s.jsx)(kd,{})},{element:(0,s.jsx)(Nd,{})},{element:(0,s.jsx)(Bd,{})},{element:(0,s.jsx)(Id,{})},{element:(0,s.jsx)(Rd,{})},{element:(0,s.jsx)(Od,{})},{element:(0,s.jsx)(Qd,{})},{element:(0,s.jsx)(Ld,{})},{element:(0,s.jsx)(Ud,{})},{element:(0,s.jsx)(Vd,{})},{element:(0,s.jsx)(Yd,{})},{element:(0,s.jsx)(nm,{})},{element:(0,s.jsx)(am,{})},{element:(0,s.jsx)(lm,{})}],vm=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:um,children:(0,s.jsx)(we,{differentScreenCols:[8,7,6,5,4],rowSpace:4,colSpace:4,children:pm.map((function(e,t){return(0,s.jsx)(hm,{children:(0,s.jsx)("div",{className:e.className?"".concat(dm," ").concat(e.className):dm,children:e.element})},t)}))})})},xm="DynamicTime_container__gWj7z",ym="DynamicTime_circle__KgCyy",Am="DynamicTime_hour__QRch1",wm="DynamicTime_minutes__CiztT",bm="DynamicTime_seconds__HIQzF",jm="DynamicTime_text__tg+1p",_m="DynamicTime_ap__-R5C5",Dm=75,Mm=471;!function(e){e[e.AM=0]="AM",e[e.PM=1]="PM"}(jd||(jd={}));var Em=function(){var e=function(){var e=new Date,t=e.getHours();return{h:t%12,m:e.getMinutes(),s:e.getSeconds(),ap:t>=12?jd.PM:jd.AM}},t=(0,r.useMemo)((function(){return e()}),[]),n=(0,r.useRef)(t.h),a=(0,r.useRef)(t.m),i=(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,a.current=o,i.current=c,s!==u&&d(s)}),1e3);return function(){t&&clearInterval(t)}}),[]),(0,s.jsxs)("div",{className:xm,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.SVGCircularClock"}),(0,s.jsxs)("div",{className:"".concat(ym," ").concat(Am),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Dm,cy:Dm,r:Dm,style:{strokeDashoffset:Mm-Mm*n.current/12}})}),n.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:jm,children:"HOURS"})]}),(0,s.jsxs)("div",{className:"".concat(ym," ").concat(wm),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Dm,cy:Dm,r:Dm,style:{strokeDashoffset:Mm-Mm*a.current/60}})}),a.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:jm,children:"MINUTES"})]}),(0,s.jsxs)("div",{className:"".concat(ym," ").concat(bm),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Dm,cy:Dm,r:Dm,style:{strokeDashoffset:Mm-Mm*u/60}})}),u.toString().padStart(2,"00"),(0,s.jsx)("div",{className:jm,children:"SECONDS"})]}),(0,s.jsx)("div",{className:_m,children:jd[i.current]})]})},km=n(15671),Cm=n(43144),Nm={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"},Sm=function(){function e(t){(0,km.Z)(this,e),this.config={node:null,frontNum:0,backNum:1,frontText:Nm.number0,backText:Nm.number1,duration:600},Object.assign(this.config,t),this.nodeClass={flip:Nm.flip,front:"".concat(Nm.digital," ").concat(Nm.front),back:"".concat(Nm.digital," ").concat(Nm.back)},this.frontNode=this.config.node.children[0],this.backNode=this.config.node.children[1],this.isFlipping=!1,this.allNumberClass=[],this._init()}return(0,Cm.Z)(e,[{key:"_init",value:function(){for(var e=0;e<10;e++)this.allNumberClass.push(Nm["number".concat(e)]);var t=this.config,n=t.frontNum,r=t.frontText,a=t.backNum,i=t.backText;this._setFront(n,r),this._setBack(a,i)}},{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=Nm["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=Nm["number".concat(e)],this.backNode.classList.add(t)}},{key:"_flip",value:function(e,t,n,r,a){var i=this;if(this.isFlipping)return!1;this.isFlipping=!0,this._setFront(t,n),this._setBack(r,a);var o=Nm.down;"up"===e&&(o=Nm.up),this.config.node.classList.add(o,Nm.go),setTimeout((function(){i.config.node.classList.remove(Nm.go),i.isFlipping=!1,i._setFront(r,a);var e=r>=9?0:r+1;i._setBack(e,Nm["number".concat(e)])}),this.config.duration)}},{key:"flipDown",value:function(e,t,n,r){this._flip("down",e,t,n,r)}}]),e}(),Bm=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(Nm.flip)}));for(var r=new Date,a=(0,rr.Z)(r,"hhmmss"),i=(0,rr.Z)(new Date(r.getTime()+1e3),"hhmmss"),o=0;o<n.length;o++)t.current.push(new Sm({node:n[o],frontText:Nm["number".concat(a[o])],backText:Nm["number".concat(i[o])]}))}var s=window.setInterval((function(){for(var e=new Date,n=(0,rr.Z)(e,"hhmmss"),r=(0,rr.Z)(new Date(e.getTime()+1e3),"hhmmss"),a=0;a<t.current.length;a++)n[a]!==r[a]&&t.current[a].flipDown(Number(n[a]),Nm["number".concat(n[a])],Number(r[a]),Nm["number".concat(r[a])])}),1e3);return function(){s&&window.clearInterval(s)}}),[]),(0,s.jsxs)("div",{className:Nm.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.upAndDownCard"}),(0,s.jsxs)("div",{className:Nm.content,ref:e,children:[(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsx)("div",{className:Nm.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsx)("div",{className:Nm.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]})]})]})},Pm="ChargingAnimation_container__v9+1B",Im="ChargingAnimation_number__p2igZ",Tm="ChargingAnimation_contrast__WE8Kt",Rm="ChargingAnimation_circle__ulvus",Fm="ChargingAnimation_bubbles__YjX2d",Om=new Array(15).fill(0),Gm=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:Pm,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.charging"}),(0,s.jsx)("div",{className:Im,children:"30.02%"}),(0,s.jsxs)("div",{className:Tm,children:[(0,s.jsx)("div",{className:Rm}),(0,s.jsx)("ul",{className:Fm,children:Om.map((function(e,t){var n="".concat(15*Math.random()+15,"px"),r="".concat(70*Math.random()+15,"px"),a="".concat(5*Math.random()+2,"s"),i="-".concat(5e3*Math.random()/1e3,"s"),o="bubbleMoveToTop ".concat(a," ease-in-out ").concat(i," infinite");return(0,s.jsx)("li",{style:{width:n,height:n,left:r,animation:o}},t)}))})]})]})};function Qm(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 Zm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qm(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Lm=function(e){return(0,s.jsxs)("svg",Zm(Zm({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 zm(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 Um(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?zm(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):zm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Hm=function(e){return(0,s.jsxs)("svg",Um(Um({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 Vm(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 Wm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Vm(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Vm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ym=function(e){return(0,s.jsxs)("svg",Wm(Wm({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 Jm(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 qm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jm(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Km=function(e){return(0,s.jsxs)("svg",qm(qm({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"})]}))},Xm="ZongziLoading_container__CdgrF",$m="ZongziLoading_content__9NHwh",ef="ZongziLoading_loadingItem1__8JdRq",tf="ZongziLoading_loadingItem2__4IjE5",nf="ZongziLoading_loadingItem3__1403l",rf="ZongziLoading_loadingResult__WyYl2",af=function(){return(0,s.jsxs)("div",{className:Xm,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.zongziLoading"}),(0,s.jsxs)("div",{className:$m,children:[(0,s.jsx)("div",{className:ef,children:(0,s.jsx)(Lm,{})}),(0,s.jsx)("div",{className:tf,children:(0,s.jsx)(Hm,{})}),(0,s.jsx)("div",{className:nf,children:(0,s.jsx)(Ym,{})}),(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:rf,children:(0,s.jsx)(Km,{})})]})},of="BoxReflect_container__tvM++",sf="BoxReflect_content__EsvIF",cf="BoxReflect_btn1__o02O4",lf="BoxReflect_btn2__lOp24",uf=function(){return(0,s.jsxs)("div",{className:of,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.borderRotation"}),(0,s.jsxs)("div",{className:sf,children:[(0,s.jsx)("div",{className:cf,children:"Reflect"}),(0,s.jsx)("div",{className:lf,children:"Reflect"})]})]})},df="TextAnimation_container__8odlg",mf=function(){return(0,s.jsxs)("div",{className:df,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.luminousText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},ff="TextSearchlight_container__r14vK",gf=function(){return(0,s.jsxs)("div",{className:ff,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.searchlightText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},hf="DisplayTextInSmoke_container__KVlpC",pf="DisplayTextInSmoke_span1__fItNw",vf="DisplayTextInSmoke_span2__GUMXn",xf="DisplayTextInSmoke_btn__CvDup",yf=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:hf,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:pf,children:"H"}),(0,s.jsx)("span",{className:pf,children:"E"}),(0,s.jsx)("span",{className:pf,children:"L"}),(0,s.jsx)("span",{className:pf,children:"L"}),(0,s.jsx)("span",{className:pf,children:"O"}),(0,s.jsx)("span",{className:pf,children:"W"}),(0,s.jsx)("span",{className:pf,children:"O"}),(0,s.jsx)("span",{className:pf,children:"R"}),(0,s.jsx)("span",{className:pf,children:"L"}),(0,s.jsx)("span",{className:pf,children:"D"})]}),(0,s.jsx)(ae.Z,{type:"primary",className:xf,onClick:function(){var n;t.current&&Array.prototype.forEach.call(t.current.children,(function(e){var t=pf;e.className===pf&&(t=vf),e.className=t})),null===(n=e.current)||void 0===n||n.load()},children:"Once Again"})]})},Af="PlayVideoInText_container__+hh77",wf=function(){return(0,s.jsxs)("div",{className:Af,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"})]})},bf="WaveFont_container__ccIq3",jf="WaveFont_firstText__Obiyz",_f="WaveFont_lastText__7tpdD",Df=function(){return(0,s.jsxs)("div",{className:bf,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.wavyText"}),(0,s.jsx)("h2",{className:jf,children:"River"}),(0,s.jsx)("h2",{className:_f,children:"River"})]})};function Mf(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 Ef(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mf(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mf(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var kf=function(e){return(0,s.jsxs)("svg",Ef(Ef({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"})]}))},Cf="TextOutlineAnimation1_container__LXia5",Nf="TextOutlineAnimation1_content__0SfPo",Sf=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Cf,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineDisplay"}),(0,s.jsx)("div",{className:Nf,ref:e,children:(0,s.jsx)(kf,{})})]})},Bf="TextOutlineAnimation2_container__3DnKq",Pf="TextOutlineAnimation2_content__xpQH3",If="TextOutlineAnimation2_text__VwJlP",Tf=function(){return(0,s.jsxs)("div",{className:Bf,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineLoop"}),(0,s.jsx)("div",{className:Pf,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:If}),(0,s.jsx)("use",{xlinkHref:"#text",className:If}),(0,s.jsx)("use",{xlinkHref:"#text",className:If}),(0,s.jsx)("use",{xlinkHref:"#text",className:If}),(0,s.jsx)("use",{xlinkHref:"#text",className:If})]})})]})},Rf={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"},Ff=function(){return(0,s.jsxs)("div",{className:Rf.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar"}),(0,s.jsxs)("div",{className:Rf.content,children:[(0,s.jsx)("div",{className:Rf.leftTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Rf.leftBottom,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Rf.rightTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Rf.rightBottom,children:(0,s.jsx)("div",{})})]})]})},Of={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"},Gf=new Array(20).fill(0),Qf=function(){return(0,s.jsxs)("div",{className:Of.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots"}),(0,s.jsxs)("div",{className:Of.content,children:[(0,s.jsx)("div",{className:Of.circle,children:Gf.map((function(e,t){return(0,s.jsx)("span",{className:Of["span".concat(t)]},t)}))}),(0,s.jsx)("div",{className:Of.circle,children:Gf.map((function(e,t){return(0,s.jsx)("span",{className:Of["span".concat(t)]},t)}))})]})]})},Zf="TankShaking_container__Yt0wf",Lf="TankShaking_content__eoRFC",zf="TankShaking_bottle__mqc+0",Uf="TankShaking_water__5TJXp",Hf="TankShaking_bottleBottom__gAvg8",Vf=function(){return(0,s.jsxs)("div",{className:Zf,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.tankShaking"}),(0,s.jsxs)("div",{className:Lf,children:[(0,s.jsx)("div",{className:zf,children:(0,s.jsx)("div",{className:Uf})}),(0,s.jsx)("div",{className:Hf})]})]})},Wf="RichDynamicEffect_container__4zkQ2",Yf="RichDynamicEffect_box__0T4jz",Jf="RichDynamicEffect_multipleColumnsBox__Mp4HK",qf=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:Wf,children:[(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Em,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Bm,{})})]}),(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Gm,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(af,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(uf,{})})]}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(mf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(gf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(yf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(jr,{data:br[3]})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(wf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Df,{})}),(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Sf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Tf,{})})]}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(jr,{data:br[4]})}),(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Ff,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Qf,{})})]}),(0,s.jsx)("div",{className:Jf,children:(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Vf,{})})})]})},Kf=n(27892),Xf=n(35697),$f="GenerateRegularPolygon_container__kR2Bt",eg="GenerateRegularPolygon_content__K97IB",tg="GenerateRegularPolygon_box__8cyD7",ng="GenerateRegularPolygon_graph__hpKYh",rg="GenerateRegularPolygon_bottom__DyaAC",ag="GenerateRegularPolygon_row__bg92v",ig="GenerateRegularPolygon_label__Y0wuX",og="GenerateRegularPolygon_codeBox__-P4RP",sg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(3),a=(0,o.Z)(n,2),i=a[0],c=a[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<i;n++){var r=d/180*Math.PI,a=(50+50*Math.cos(2*Math.PI*n/i+r)).toFixed(2),o=(50+50*Math.sin(2*Math.PI*n/i+r)).toFixed(2);e+="".concat(a,"% ").concat(o,"%, ")}e=e.slice(0,-2),t.current.style.setProperty("--points",e),v(e)}}),[i,d]),(0,s.jsx)("div",{className:$f,children:(0,s.jsxs)("div",{className:eg,children:[(0,s.jsx)("div",{className:tg,children:(0,s.jsx)("div",{className:ng,ref:t})}),(0,s.jsxs)("div",{className:rg,children:[(0,s.jsxs)("div",{className:ag,children:[(0,s.jsxs)("span",{className:ig,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.numberOfSides"}),":"]}),(0,s.jsx)(Kf.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:3,max:20,step:1,value:i,onChange:x}),(0,s.jsx)(Xf.Z,{style:{width:"80px"},min:3,max:20,precision:0,value:i,onChange:x})]}),(0,s.jsxs)("div",{className:ag,children:[(0,s.jsxs)("span",{className:ig,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.rotation"}),":"]}),(0,s.jsx)(Kf.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:0,max:360,step:1,value:d,onChange:y}),(0,s.jsx)(Xf.Z,{style:{width:"80px"},min:0,max:360,precision:0,value:d,onChange:y})]}),(0,s.jsxs)("div",{className:og,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:"}"})]})]})]})})},cg=n(10737),lg=n.n(cg);function ug(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 dg(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 dg(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}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 i,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,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw i}}}}function dg(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 mg,fg,gg=200,hg=260,pg=16,vg=!1,xg=Math.floor(100),yg=[{id:"sphereCollisionExample1",globuleList:[{initX:xg,initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:xg,initY:80,vx:0,vy:1,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample2",globuleList:[{initX:xg,initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:xg,initY:244,vx:0,vy:-2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample3",globuleList:[{initX:Math.floor(xg-8),initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:Math.floor(xg+8),initY:80,vx:0,vy:1,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample4",globuleList:[{initX:Math.floor(xg-8),initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:Math.floor(xg+8),initY:244,vx:0,vy:-2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample5",globuleList:[{initX:Math.floor(xg-pg),initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:Math.floor(xg-pg)+32,initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample6",globuleList:[{initX:Math.floor(xg-pg),initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:Math.floor(xg-pg)+32,initY:pg,vx:0,vy:1,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample7",globuleList:[{initX:32,initY:pg,vx:1.6,vy:3.2,radius:pg,perfectlyElasticCollision:vg},{initX:80,initY:64,vx:1,vy:2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample8",globuleList:[{initX:pg,initY:pg,vx:1,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:128,initY:304,vx:-1,vy:-2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample9",globuleList:[{initX:pg,initY:pg,vx:1,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:160,initY:320,vx:-1,vy:-2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample10",globuleList:[{initX:xg,initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:xg,initY:150,vx:0,vy:0,radius:pg,perfectlyElasticCollision:vg}]}],Ag=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),a=(0,o.Z)(n,2),i=a[0],c=a[1],l=(0,r.useRef)([]),u=function(e){var t=e.ctx;t.clearRect(0,0,gg,hg),t.beginPath(),t.fillStyle="#111",t.fillRect(0,0,gg,hg)};return(0,r.useEffect)((function(){return i&&(l.current=yg.map((function(e){var t=document.getElementById(e.id);if(t){t.width=gg,t.height=hg;var n=t.getContext("2d"),r=new(lg())(n,t,e.globuleList,{beforeDrawGlobules:u});return r.start(),r}return null}))),function(){if(l.current&&l.current.length>0){var e,t=ug(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()}}}}),[i]),(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)(Dr,{intlTitle:"page.canvasDynamicEffect.sphereCollisionExample"}),i&&yg.map((function(n,r){if(!t.current)return null;var a,i=Math.ceil(yg.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-i*hg)/(i+1));if(o>=i-1){var g=yg.length%5;0===g&&(g=5);var h=Math.floor((d-g*gg)/(g+1));l=h+(gg+h)*c}else{var p=Math.floor((d-1e3)/6);l=p+(gg+p)*c}return a=30+f+(hg+f)*o,(0,s.jsx)("canvas",{id:n.id,style:{position:"absolute",top:"".concat(a,"px"),left:"".concat(l,"px")},children:e.formatMessage({id:"common.browserTooLow"})},n.id)}))]})},wg=400,bg=200,jg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=function(e){e.clearRect(0,0,wg,wg);var t=new Date,n=t.getHours(),r=t.getMinutes(),a=t.getSeconds();!function(e){e.save(),e.translate(bg,bg),e.lineWidth=20,e.beginPath(),e.arc(0,0,bg-e.lineWidth/2,0,2*Math.PI),e.stroke(),e.beginPath(),e.arc(0,0,bg-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,a=140*Math.cos(r),i=140*Math.sin(r);e.fillStyle="#000000",e.fillText(t.toString(),a,i)}));for(var t=0;t<60;t++){var n=2*Math.PI/60*t,r=164*Math.cos(n),a=164*Math.sin(n);e.beginPath(),e.fillStyle=t%5==0?"#000":"#ccc",e.arc(r,a,4,0,2*Math.PI),e.fill()}}(e),function(e,t,n){e.save(),e.beginPath();var r=2*Math.PI/12*t,a=2*Math.PI/12/60*n;e.rotate(r+a),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,a),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=wg,r.height=400;var a=r.getContext("2d");n(a),e=window.setInterval((function(){n(a)}),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)(Dr,{intlTitle:"page.canvasDynamicEffect.dynamicClock"}),(0,s.jsx)("canvas",{ref:t,children:e.formatMessage({id:"common.browserTooLow"})})]})},_g=504,Dg=540,Mg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=function(e){var t=e.ctx;t.clearRect(0,0,_g,Dg),t.beginPath(),t.fillStyle="black",t.fillRect(0,0,_g,Dg)},i=function(e){var t=e.ctx,n=e.x,r=e.y,a=e.radius;t.save(),t.beginPath(),t.arc(n,r,a,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=_g,e.height=Dg;var r=e.getContext("2d"),o=new(lg())(r,e,[{initX:400,initY:400,vx:6,vy:3,radius:80,afterDrawGlobule:i}],{beforeDrawGlobules:a});t.current=o,o.start()}var s=document.getElementById("searchlightCanvas2");if(s){s.width=_g,s.height=Dg;var c=s.getContext("2d"),l=new(lg())(c,s,[{initX:180,initY:450,vx:-3,vy:-2,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:i},{initX:420,initY:150,vx:2,vy:4,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:i}],{beforeDrawGlobules:a});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)(Dr,{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"})})]})},Eg=n.p+"images/ae67d7f8.png",kg=0,Cg=0,Ng=80,Sg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=function(e){var t=e.ctx;t.clearRect(0,0,kg,Cg),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,kg,Cg)},i=function(e){var t=e.ctx,n=e.id,r=e.x,a=e.y;t.font="bold ".concat(40,"px Georgia"),t.fillStyle="#E76F5A",t.fillText(n,r-20+8,a+20-10)};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;kg=r,Cg=o}else kg=600,Cg=600;return function(){var e=document.getElementById("globuleInteractionCanvas");if(e){e.width=kg,e.height=Cg;for(var t=e.getContext("2d"),r=[],o=Math.ceil(2),s=(kg-640-102)/2+Ng,c=s,l=(Cg-2*o*Ng-50*(o-1))/2+Ng,u=0;u<8;u++){var d={id:(u+1).toString(),initX:c,initY:l,radius:Ng,color:"transparent",isPureColor:!0,bgImg:Eg,moveLossV:.02,gDirection:"toInit",gCoefficient:.002,requiredMouseInteraction:!0,maxMouseOutForce:25,maxMoveV:null,afterDrawGlobule:i};r.push(d),(u+1)%4==0?(c=s,l+=210):c+=194}var m=new(lg())(t,e,r,{monitorMousePos:!0,beforeDrawGlobules:a});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"})})})},Bg=n(71002),Pg={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"},Ig=2.5,Tg=0,Rg=0,Fg=0,Og=0;!function(e){e[e.toPlay=0]="toPlay",e[e.playing=1]="playing",e[e.pause=2]="pause",e[e.gameover=3]="gameover"}(mg||(mg={})),function(e){e[e.player=0]="player",e[e.bullet=1]="bullet",e[e.planet=2]="planet",e[e.particle=3]="particle"}(fg||(fg={}));var Gg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(null),c=(0,r.useState)(mg.toPlay),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(mg.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,Tg,Rg)},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,a=e.y,i=e.radius;return(t.role!==fg.particle||0!==n)&&(t.role!==fg.bullet||!(r<-i||a<-i||r>Tg+i||a>Rg+i))}));e.updateGlobuleList(t)},w=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(t)for(var a=0,i=r.length;a<i;a++){var o;if(r[a].id.role===fg.planet)return null===(o=n.current)||void 0===o||o.stop(),d(mg.gameover),void(m.current=mg.gameover)}},b=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(n.current&&t)for(var a=function(t,a){var i=r[t],o=i.id,s=i.x,c=i.y,l=i.vx,u=i.vy,d=i.radius,m=i.color;if(o.role===fg.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!==i}));if(f){var h=n.current.createGlobule({id:{role:fg.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:fg.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}}},i=0,o=r.length;i<o;i++){var s=a(i);if("object"===(0,Bg.Z)(s))return s.v}},j=function(){Tg=0,Rg=0,Fg=0,Og=0;var e=document.getElementById("myCanvas2");if(e){if(0!==p&&v(0),Ig=2.5,!t.current)return;var r=t.current,a=r.offsetWidth,i=r.offsetHeight,o=r.offsetLeft,s=r.offsetTop;Tg=a,Rg=i,Fg=o,Og=s,e.width=Tg,e.height=Rg;var c=e.getContext("2d");x(c);var l=new(lg())(c,e,[{id:{role:fg.player},initX:Tg/2,initY:Rg/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 j(),function(){var e;null===(e=n.current)||void 0===e||e.stop(),a.current&&clearInterval(a.current),i.current&&clearInterval(i.current)}}),[]);return(0,s.jsxs)("div",{className:Pg.container,ref:t,onMouseDown:function(e){if(u===mg.playing&&n.current){var t=Math.atan2(e.clientY-Og-Rg/2,e.clientX-Fg-Tg/2),r=5*Math.cos(t),a=5*Math.sin(t),i=n.current.createGlobule({id:{role:fg.bullet},initX:Tg/2,initY:Rg/2,radius:5,color:"#ffffff",vx:r,vy:a,receiveWallForce:!1,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:b});n.current.globuleList.unshift(i)}},style:{backgroundColor:[mg.toPlay].includes(u)?"#000":"transparent"},children:[(0,s.jsx)("canvas",{id:"myCanvas2",children:e.formatMessage({id:"common.browserTooLow"})}),u===mg.toPlay&&(0,s.jsx)("button",{className:Pg.startBtn,onClick:function(){d(mg.playing),m.current=mg.playing,n.current&&(n.current.start(),a.current&&(clearInterval(a.current),a.current=0),a.current=window.setInterval((function(){if(m.current===mg.playing&&n.current){var e,t,r=20*Math.random()+15,a="hsl(".concat(360*Math.random(),", 50%, 50%)");Math.random()<.5?(e=Math.random()<.5?0-r:Tg+r,t=Math.random()*Rg+r):(e=Math.random()*Tg+r,t=Math.random()<.5?0-r:Rg+r);var i=Math.atan2(Rg/2-t,Tg/2-e),o=Math.cos(i)*Ig,s=Math.sin(i)*Ig,c=n.current.createGlobule({id:{role:fg.planet},initX:e,initY:t,radius:r,color:a,vx:o,vy:s,receiveOutForce:!1,receiveWallForce:!1});n.current.globuleList.unshift(c)}}),1500),i.current&&(clearInterval(i.current),i.current=0),i.current=window.setInterval((function(){Ig+=1}),2e4))},children:e.formatMessage({id:"page.canvasDynamicEffect.startGame"})}),u!==mg.toPlay&&(0,s.jsxs)("div",{className:Pg.scoreBox,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"："]}),(0,s.jsx)("span",{className:Pg.score,children:p})]}),[mg.playing,mg.pause].includes(u)&&(0,s.jsx)("div",{className:Pg.pauseBtn,onClick:function(){var e;u===mg.playing&&(d(mg.pause),m.current=mg.pause,null===(e=n.current)||void 0===e||e.stop())},children:e.formatMessage({id:"page.canvasDynamicEffect.pause"})}),u===mg.pause&&(0,s.jsxs)("div",{className:Pg.gamepause,children:[(0,s.jsx)("h1",{children:e.formatMessage({id:"page.canvasDynamicEffect.gameHasPaused"})}),(0,s.jsx)("button",{className:Pg.continueBtn,onClick:function(){var e;d(mg.playing),m.current=mg.playing,null===(e=n.current)||void 0===e||e.start()},children:e.formatMessage({id:"page.canvasDynamicEffect.continueTheGame"})})]}),u===mg.gameover&&(0,s.jsxs)("div",{className:Pg.gameover,children:[(0,s.jsxs)("h1",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"：",(0,s.jsx)("span",{className:Pg.finallyScore,children:p})]}),(0,s.jsx)("button",{className:Pg.restartBtn,onClick:function(){d(mg.toPlay),m.current=mg.toPlay,j()},children:e.formatMessage({id:"page.canvasDynamicEffect.restart"})})]})]})},Qg=n(93433),Zg=n.p+"images/c00b0a45.png",Lg=n.p+"images/70820c21.png",zg=n.p+"images/99bcc282.png",Ug=n.p+"images/f82dcd2c.png",Hg=0,Vg=0,Wg=[{radius:14,gDirection:"toBottom",gCoefficient:.2,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Ug},{radius:26,gDirection:"toBottom",gCoefficient:.3,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:zg},{radius:60,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Zg},{radius:54,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Lg}],Yg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=function(e){var t=e.ctx;t.clearRect(0,0,Hg,Vg),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,Hg,Vg)},i=function(e,t){var n=t.mouseDownPos,r=t.globuleList;if(!(t.mouseInGlobuleList.length>0)){var a=Math.floor(Math.random()*Wg.length),i=Object.assign({},Wg[a],{initX:n.mouseX,initY:n.mouseY}),o=t.createGlobule(i),s=[].concat((0,Qg.Z)(r),[o]);t.updateGlobuleList(s)}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;Hg=r,Vg=o}else Hg=600,Vg=600;return function(){var e=document.getElementById("myCanvas");if(e){e.width=Hg,e.height=Vg;var t=e.getContext("2d"),r=new(lg())(t,e,[],{monitorMousePos:!0,beforeDrawGlobules:a,onMouseDownCanvas:i});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"})})})},Jg=[[[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]]],qg=0,Kg=0,Xg=8,$g=60,eh=30,th=0,nh=0,rh=0,ah=0,ih=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"],oh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=new Date;a.setTime(a.getTime()+36e5);var i=(0,r.useRef)(a),o=function(){var e,t=new Date,n=Math.round(((null===(e=i.current)||void 0===e?void 0:e.getTime())-t.getTime())/1e3);return n>=0?n:0},c=function(e,t,n){for(var r=[],a=0,i=Jg[n].length;a<i;a++)for(var o=0,s=Jg[n][a].length;o<s;o++){var c={initX:e+2*o*(Xg+1)+(Xg+1),initY:t+2*a*(Xg+1)+(Xg+1),radius:Xg,color:"rgb(0,102,153)",isPureColor:!0,alpha:Jg[n][a][o],fixedPos:!0,receiveOutForce:!1};r.push(c)}return r},l=function(e,t){if(n.current)for(var r=n.current.globuleList,a=e,i=0,o=Jg[t].length;i<o;i++)for(var s=0,c=Jg[t][i].length;s<c;s++)r[a].alpha=Jg[t][i][s],a++},u=function(e,t,r){if(n.current)for(var a=n.current.globuleList,i=0,o=Jg[r].length;i<o;i++)for(var s=0,c=Jg[r][i].length;s<c;s++)if(1===Jg[r][i][s]){var l={id:{hadCollisionWall:!1,vx:0},initX:e+2*s*(Xg+1)+(Xg+1),initY:t+2*i*(Xg+1)+(Xg+1),vx:0,vy:-2,radius:Xg,color:ih[Math.floor(Math.random()*ih.length)],receiveOutForce:!1,resistanceWallDirection:["bottom","top"],gDirection:"toBottom",gCoefficient:.3+.02*Math.random(),collisionLossV:5,moveLossV:.08},u=n.current.createGlobule(l);a.push(u)}},d=function(e){var t=e.ctx;t.clearRect(0,0,qg,Kg),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,qg,Kg),function(){var e=o(),t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),r=e%60,a=Math.floor(th/3600),i=Math.floor((th-3600*a)/60),s=th%60;if(r!=s){var c=0,d=Math.floor(t/10);Math.floor(a/10)!=Math.floor(t/10)&&(l(c,d),u(eh,$g,d)),c+=nh;var m=Math.floor(t%10);Math.floor(a%10)!=m&&(l(c,m),u(eh+15*(Xg+1),$g,m)),c+=nh+rh;var f=Math.floor(n/10);Math.floor(i/10)!=f&&(l(c,f),u(eh+39*(Xg+1),$g,f)),c+=nh;var g=Math.floor(n%10);Math.floor(i%10)!=g&&(l(c,g),u(eh+54*(Xg+1),$g,g)),c+=nh+rh;var h=Math.floor(r/10);Math.floor(s/10)!=h&&(l(c,h),u(eh+78*(Xg+1),$g,h)),c+=nh;var p=Math.floor(r%10);Math.floor(s%10)!=p&&(l(c,p),u(eh+93*(Xg+1),$g,p)),th=e}}()},m=function(e){var t=e.globuleList.filter((function(e,t){var n=e.id,r=e.x,a=e.radius,i=e.inCollisionWall;if(t>=ah){if(!i||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<=-a||r>=qg+a)return!1}return!0}));e.updateGlobuleList(t)},f=function(){var e=document.getElementById("myCanvas");if(e){e.width=qg,e.height=Kg;var t=e.getContext("2d");th=o();var r=function(){var e=[],t=Math.floor(th/3600),n=Math.floor((th-3600*t)/60),r=th%60,a=c(eh,$g,Math.floor(t/10));e=e.concat(a),nh=a.length;var i=c(eh+15*(Xg+1),$g,Math.floor(t%10));e=e.concat(i);var o=c(eh+30*(Xg+1),$g,10);e=e.concat(o),rh=o.length;var s=c(eh+39*(Xg+1),$g,Math.floor(n/10));e=e.concat(s);var l=c(eh+54*(Xg+1),$g,Math.floor(n%10));e=e.concat(l);var u=c(eh+69*(Xg+1),$g,10);e=e.concat(u);var d=c(eh+78*(Xg+1),$g,Math.floor(r/10));e=e.concat(d);var m=c(eh+93*(Xg+1),$g,Math.floor(r%10));return e=e.concat(m),ah=e.length,e}(),a=new(lg())(t,e,r,{beforeDrawGlobules:d,afterDrawGlobules:m});n.current=a,a.start()}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,a=e.offsetHeight;qg=r,Kg=a}else qg=600,Kg=600;return eh=Math.round(qg/5),Xg=Math.round(3*qg/5/108)-1,$g=Math.round(Kg/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"})})})},sh=(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",sh)}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"#000000"},id:"particles-js",children:e.children})},lh=n.p+"images/a6f77ec2.png",uh=function(){function e(t){(0,km.Z)(this,e),this.init(t)}return(0,Cm.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=lh,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,a=this.new_img_data.data.length,i=0;i<a;i+=4){var o=i>>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[i]=x,this.new_img_data.data[i+1]=y,this.new_img_data.data[i+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),a=Math.max(t-this.ripple_radius,0),i=Math.min(t+this.ripple_radius,this.buffer_1[0].length-1),o=n;o<r;o++)for(var s=a;s<i;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,a=n.left;e.ripple(Math.floor(t.clientX-a),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}(),dh=uh,mh=n.p+"images/cf5db1b1.png",fh=600,gh=600,hh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(null);return(0,r.useEffect)((function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;fh=r,gh=o,n.current.width=fh,n.current.height=gh;var s=new Image;s.src=mh;var c=new dh({canvas:n.current,background:s,boxRef:t});a.current=c,c.animate(),i.current=window.setInterval((function(){var e=Math.floor(fh*Math.random()),t=Math.floor(gh*Math.random());c.ripple(e,t)}),1e3),c.addMousemove()}return function(){var e;i.current&&clearInterval(i.current),null===(e=a.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"})})})},ph=600,vh=600,xh=0,yh={x:0,y:0},Ah=function(){function e(){(0,km.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,Cm.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}(),wh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(0),o=(0,r.useRef)(yh),c=(0,r.useRef)([]),l=function e(){if(a.current){for(var t=0,n=c.current.length;t<n;t++){c.current[t].draw(a.current)}i.current=window.requestAnimationFrame(e)}},u=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,a=e.offsetHeight;ph=r,vh=a,n.current.width=ph,n.current.height=vh}},d=(0,r.useCallback)((function(e){if(n.current){var r=o.current.x,i=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 Ah,g=Math.atan2(m-i,d-r);if(f.reset(d,m,g),c.current.push(f),c.current.length>200&&c.current.shift(),xh+=1,t.current&&xh>140)"rgb(11, 11, 11)"===(t.current.style||{}).backgroundColor&&(t.current.style.backgroundColor="transparent");a.current&&xh%3==0&&(a.current.fillStyle="rgba(8,8,8,0.05)",a.current.fillRect(0,0,ph,vh))}}),[]);return(0,r.useEffect)((function(){return function(){if(xh=0,t.current&&n.current){t.current.style.backgroundColor="rgb(11, 11, 11)",u();var e=n.current.getContext("2d");a.current=e,a.current.fillStyle="rgba(8,8,8,0.05)",a.current.fillRect(0,0,ph,vh)}}(),n.current&&n.current.addEventListener("mousemove",d),l(),function(){i.current&&cancelAnimationFrame(i.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"})})})},bh=600,jh=600,_h="abcdefghijklmnopqrstuvwxyz",Dh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(0),o=(0,r.useRef)({}),c=(0,r.useRef)({}),l=(0,r.useRef)({}),u=(0,r.useRef)({}),d=function e(){if(a.current){a.current.clearRect(0,0,bh,jh);for(var t=0;t<bh;t+=26){a.current.beginPath();var n=a.current.createLinearGradient(0,0,0,jh),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"),a.current.fillStyle=n;for(var p=0;p<jh;p+=26)h[t+"-"+p]=h[t+"-"+p]||_h[Math.floor(Math.random()*_h.length)],a.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)}i.current=window.requestAnimationFrame(e)}},m=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,a=e.offsetHeight;bh=r,jh=a,n.current.width=bh,n.current.height=jh}};return(0,r.useEffect)((function(){return function(){if(t.current&&n.current){m();var e=n.current.getContext("2d");e.font="14px SourceHanSansCN-Regular",a.current=e}}(),d(),function(){i.current&&cancelAnimationFrame(i.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"})})})},Mh="WordDance_container__SiRI2",Eh="WordDance_tip__Sm3-V",kh=324,Ch=570,Nh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(null),o=(0,r.useRef)(0),c=function e(){if(t.current&&i.current){i.current.drawImage(t.current,0,0,kh,Ch);var n=i.current.getImageData(0,0,kh,Ch);i.current.clearRect(0,0,kh,Ch);for(var r=n.data,a=n.width,s=n.height,c=0;c<s;c++)for(var l=0;l<a;l++){var u=4*(c*a+l);if(l%6==0&&c%6==0){var d=(r[u]+r[u+1]+r[u+2])/3;i.current.fillStyle="rgb(".concat(d,", ").concat(d,", ").concat(d,")"),i.current.font="10px Arial",i.current.fillText("8",l,c)}}o.current=window.requestAnimationFrame(e)}};return(0,r.useEffect)((function(){return function(){if(n.current&&t.current&&a.current){a.current.width=kh,a.current.height=Ch;var e=a.current.getContext("2d",{willReadFrequently:!0});i.current=e,t.current.crossOrigin="anonymous"}}(),c(),function(){o.current&&cancelAnimationFrame(o.current)}}),[]),(0,s.jsxs)("div",{className:Mh,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:a,children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Eh,children:e.formatMessage({id:"page.canvasDynamicEffect.videoIsSlowToLoad"})})]})},Sh="Scratch_container__4Y8FX",Bh="Scratch_bottomText__kdpMZ",Ph=function(){var e=(0,h.Z)(),t=d(),n=t.headHeight,a=t.menuWidth,i=(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(i.current&&o.current){var e=i.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))}}),[a]),(0,s.jsxs)("div",{className:Sh,ref:i,children:[(0,s.jsx)("div",{className:Bh,children:"Visualization Collection"}),(0,s.jsx)("canvas",{onMouseDown:function(e){u.current=!0;var t=e.pageX-a,r=e.pageY-n;l.current={x:t,y:r}},onMouseMove:function(e){if(u.current&&c.current&&l.current){var t=e.pageX-a,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"})})]})},Ih="MatchLine_container__qMLJ5",Th="MatchLine_content__Whs0H",Rh="MatchLine_tools__LT5fu",Fh="MatchLine_btn__r-aM+",Oh="MatchLine_bottom__pQ5Pk",Gh="MatchLine_box__2wo49",Qh="MatchLine_options__yZR5i",Zh="MatchLine_option__YXDOq",Lh="MatchLine_active__wPYWy",zh={fruit:"🍌",animal:"🐒",car:"🚗",vegetable:"🥕"},Uh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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)(!1),y=function(e){a.current&&o.current&&(o.current.clearRect(0,0,a.current.width,a.current.height),e.forEach((function(e){var t=e.point,n=t.x1,r=t.y1,a=t.x2,i=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(a,i),o.current.closePath(),o.current.stroke())})))},A=(0,r.useCallback)((function(t){t.stopPropagation(),t.preventDefault(),x.current?fl.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"})):(t.target.classList.add(Lh),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)}),[]),w=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current&&n.current&&i.current){var t=e.clientX,r=e.clientY,a=n.current.getBoundingClientRect(),o=a.left,s=a.top;f.current={x:t-o,y:r-s},i.current.clearRect(0,0,n.current.width,n.current.height),i.current.beginPath(),i.current.moveTo(m.current.x,m.current.y),i.current.lineTo(f.current.x,f.current.y),i.current.closePath(),i.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(Lh),d.current.dataset.checked="1"):d.current&&(d.current.classList.remove(Lh),d.current.dataset.checked="0",d.current=null)}}else d.current&&(d.current.classList.remove(Lh),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,a=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 A="",w="",b=0;b<h.length;b++){var j=h[b],_=x[b];if([j,_].includes(s)){A=j,w=j===s?_:j;break}}var D="[data-value=".concat(w,"]"),M=document.querySelector(D);if(M){M.dataset.checked="0",M.classList.remove(Lh),delete v.current[A];var E=p.current.findIndex((function(e){return e.key===A}));E>=0&&p.current.splice(E,1)}}var k="L"===o?s:f,C="L"===o?f:s;v.current[k]=C,p.current.push({key:k,point:{x1:r,y1:a,x2:l,y2:m}}),y(p.current)}else if(u.current){var N=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);N||(u.current.dataset.checked="0",u.current.classList.remove(Lh))}g.current=!1,u.current=null,d.current=null,n.current&&i.current&&i.current.clearRect(0,0,n.current.width,n.current.height)}}),[]),j=function(e){e&&Array.prototype.forEach.call(e.children,(function(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height,a="L"===e.dataset.ownership?e.offsetLeft+n:e.offsetLeft,i=e.offsetTop+r/2;e.dataset.anchorX=a,e.dataset.anchorY=i,e.dataset.checked="0",e.onmousedown=A}))};(0,r.useEffect)((function(){return function(){if(t.current&&n.current&&a.current){var e=t.current,r=e.clientWidth,s=e.clientHeight;n.current.width=a.current.width=r,n.current.height=a.current.height=s,i.current=n.current.getContext("2d"),o.current=a.current.getContext("2d"),i.current.strokeStyle=o.current.strokeStyle="#6495ED",i.current.lineWidth=o.current.lineWidth=2,j(c.current),j(l.current)}}(),document.addEventListener("mousemove",w),document.addEventListener("mouseup",b),function(){document.removeEventListener("mousemove",w),document.removeEventListener("mousemove",b)}}),[]);return(0,s.jsxs)("div",{className:Ih,children:[(0,s.jsx)(Dr,{intlTitle:"page.canvasDynamicEffect.matchLineQuestion"}),(0,s.jsxs)("div",{className:Th,children:[(0,s.jsxs)("div",{className:Rh,children:[(0,s.jsx)("div",{className:Fh,onClick:function(){c.current&&Array.prototype.forEach.call(c.current.children,(function(e){e.dataset.checked="0",e.classList.remove(Lh)})),l.current&&Array.prototype.forEach.call(l.current.children,(function(e){e.dataset.checked="0",e.classList.remove(Lh)})),p.current=[],v.current={},y(p.current),x.current=!1},children:e.formatMessage({id:"common.reset"})}),(0,s.jsx)("div",{className:Fh,onClick:function(){if(x.current)fl.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,'"]'),a='[data-value="'.concat(v.current[n],'"]');delete v.current[n];var i=document.querySelector(r),o=document.querySelector(a);i&&o&&(i.dataset.checked=o.dataset.checked="0",i.classList.remove(Lh),o.classList.remove(Lh),y(p.current))}}},children:e.formatMessage({id:"common.backout"})}),(0,s.jsx)("div",{className:Fh,onClick:function(){if(!x.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,'"]'),a="[data-value=".concat(t,"]"),i=document.querySelector(r),o=document.querySelector(a);if(i&&o){var s=i.dataset,c=s.anchorX,l=s.anchorY,u=o.dataset,d=u.anchorX,m=u.anchorY,f=zh[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}})}})),y(n),x.current=!0}else fl.ZP.error(e.formatMessage({id:"page.canvasDynamicEffect.noVerifiableAnswer"}))}},children:e.formatMessage({id:"common.checkout"})})]}),(0,s.jsx)("div",{className:Oh,children:(0,s.jsxs)("div",{className:Gh,ref:t,children:[(0,s.jsx)("div",{className:Qh,ref:c,children:Object.keys(zh).map((function(t){return(0,s.jsx)("div",{className:Zh,"data-value":t,"data-ownership":"L",children:e.formatMessage({id:"page.canvasDynamicEffect.".concat(t)})})}))}),(0,s.jsx)("div",{className:Qh,ref:l,children:Object.values(zh).sort((function(){return Math.random()-.5})).map((function(e){return(0,s.jsx)("div",{className:Zh,"data-value":e,"data-ownership":"R",children:e})}))}),(0,s.jsx)("canvas",{ref:n}),(0,s.jsx)("canvas",{ref:a})]})})]})]})},Hh=n(99477),Vh=n(66358),Wh=function(e,t,n,a){var i=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),c=(0,r.useRef)(0),l=function e(){i.current&&o.current&&s.current&&(a&&a(i.current,o.current,s.current),s.current.render(i.current,o.current),c.current=window.requestAnimationFrame(e))},u=function(){if(e.current){var n=e.current,r=n.clientWidth,a=n.clientHeight,c=new Hh.xsS;i.current=c;var u=new Hh.cPb(75,r/a,.1,1e3);u.position.set(0,0,10),o.current=u;var d=new Hh.CP7({antialias:!0});s.current=d,d.setSize(r,a),d.setPixelRatio(window.devicePixelRatio),d.shadowMap.enabled=!0,e.current.append(d.domElement),l(),t&&t(c,u,d)}},d=function(){if(e.current&&i.current&&o.current&&s.current){var t=e.current,r=t.clientWidth,a=t.clientHeight;o.current.aspect=r/a,o.current.updateProjectionMatrix(),s.current.setSize(r,a),s.current.setPixelRatio(window.devicePixelRatio),n&&n(i.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:i.current,camera:o.current,renderer:s.current,resize:d}},Yh=n(3867),Jh=new(n(82854)._);Jh.setDecoderPath("./public/draco/gltf/"),Jh.setDecoderConfig({type:"js"});var qh=function(e){return new Promise((function(t,n){var r=new Yh.E;r.setCrossOrigin("anonymous"),r.setDRACOLoader(Jh),r.load(e,(function(e){t(e)}),void 0,(function(e){n(e)}))}))},Kh=function(e,t,n){var r=t*Math.PI/180,a=n*Math.PI/180;r=-r;var i=e*Math.cos(a)*Math.cos(r),o=e*Math.sin(a),s=e*Math.cos(a)*Math.sin(r);return new Hh.Pa4(i,o,s)},Xh=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,a=n.material,i=n.children;null==r||r.dispose(),Array.isArray(a)?a.forEach((function(e){return null==e?void 0:e.dispose()})):null==a||a.dispose(),i.length&&i.forEach((function(n){return e(n,t)}))}))}},$h=n.p+"images/a2edaf85.jpg",ep=n.p+"images/573c0a93.jpg",tp="AppPageFrame_container__HINEU",np="AppPageFrame_content__jCifX",rp="AppPageFrame_page__DEPnj",ap=[0,-1.5,0],ip=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useState)(0),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=(0,r.useRef)([]),m=(0,r.useRef)(0),f=(0,r.useRef)(Vh.p8.timeline()),g=(0,r.useRef)(null),h=Wh(t,(function(e){if(t.current){var n=t.current.clientHeight;l(n);var r=new Hh.Ox3(16777215,1);r.position.set(0,0,1),e.add(r);var a=new Hh.Ox3(16777215,.5);a.position.set(0,0,-1),e.add(a);var i=new Hh.Ox3(16777215,.5);i.position.set(-1,1,1),e.add(i),qh("./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)})),qh("./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,ap[1],0),e.add(t.scene),u.current.push(t)})),qh("./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 Hh.xo$(1.5,10,10),c=(new Hh.dpR).load($h),d=(new Hh.dpR).load(ep),m=new Hh.Wid({map:c,displacementMap:d,displacementScale:.5}),f=new Hh.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 Hh.yGw;x.makeTranslation(h,p,v),f.setMatrixAt(g,x);var y=20*Math.random()-8;x.makeScale(y,y,y)}Vh.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,re.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=Vh.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:tp,onMouseMove:function(e){if(t.current){var n=t.current,r=n.clientWidth,a=n.clientHeight,i=e.clientX/r*2-1,o=e.clientY/a*2-1,s=Vh.p8.timeline(),c=u.current[m.current];c&&s.to(c.scene.rotation,{duration:.8,x:.5*o,y:.5*i+ap[m.current]})}},ref:t,children:(0,s.jsxs)("div",{className:np,ref:n,children:[(0,s.jsx)("div",{className:rp,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page One"})}),(0,s.jsx)("div",{className:rp,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Two"})}),(0,s.jsx)("div",{className:rp,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Three"})})]})})},op=n(69365),sp="CarShow_container__fkyim",cp="CarShow_content__-vQNL",lp="CarShow_title__h5POl",up="CarShow_itemBox__aPzWS",dp="CarShow_selectBox__p0bsP",mp="CarShow_btn__vlWko",fp="CarShow_textBtn__XA+9q",gp=["red","blue","green","gray","orange","purple"],hp=new Hh.EJi({color:16711680,metalness:1,roughness:.1}),pp=new Hh.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),vp=new Hh.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),xp=new Hh.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),yp=new Hh.EJi({color:16777215,metalness:0,roughness:0,transparent:!0,transmission:1}),Ap=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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=Wh(n,(function(e,t,r){if(n.current){e.background=new Hh.Ilk("#ddd"),t.position.set(0,2,4),r.setClearColor("#000");var o=new op.z(t,r.domElement);a.current=o,o.autoRotate=!0;var s=new Hh.VLJ(15,15);s.material.opacity=.2,s.material.transparent=!0,e.add(s),qh("./public/model/bmw.glb").then((function(t){var n=t.scene;n.traverse((function(e){e.isMesh&&(e.name.includes("前脸")&&(e.material=pp,i.current.carFront=e),"Mesh002"===e.name&&(e.material=vp,i.current.carBody=e),e.name.includes("引擎盖_1")&&(e.material=xp,i.current.carHood=e),e.name.includes("挡风玻璃")&&(e.material=yp,i.current.carGlass=e),e.name.includes("轮毂")&&(e.material=hp,i.current.carWheels.push(e)))})),e.add(n)}));var c=new Hh.Ox3(16777215,1);c.position.set(0,0,10),e.add(c);var l=new Hh.Ox3(16777215,1);l.position.set(0,0,-10),e.add(l);var u=new Hh.Ox3(16777215,1);u.position.set(10,0,0),e.add(u);var d=new Hh.Ox3(16777215,1);d.position.set(-10,0,0),e.add(d);var m=new Hh.Ox3(16777215,1);m.position.set(0,10,0),e.add(m);var f=new Hh.Ox3(16777215,.3);f.position.set(5,10,0),e.add(f);var g=new Hh.Ox3(16777215,.3);g.position.set(0,10,5),e.add(g);var h=new Hh.Ox3(16777215,.3);g.position.set(0,10,-5),e.add(h);var p=new Hh.Ox3(16777215,.3);p.position.set(-5,10,0),e.add(p)}}),null,(function(){var e;a.current&&(null===(e=a.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){l()}),[t]),(0,s.jsx)("div",{className:sp,ref:n,children:(0,s.jsxs)("div",{className:cp,children:[(0,s.jsx)("div",{className:lp,children:e.formatMessage({id:"page.threeJs3D.carDisplayAndMatching"})}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.bodyColor"})}),(0,s.jsx)("div",{className:dp,children:gp.map((function(e){return(0,s.jsx)("div",{className:mp,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){vp.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.anteriorFaceColor"})}),(0,s.jsx)("div",{className:dp,children:gp.map((function(e){return(0,s.jsx)("div",{className:mp,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){pp.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hoodColor"})}),(0,s.jsx)("div",{className:dp,children:gp.map((function(e){return(0,s.jsx)("div",{className:mp,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){xp.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hubColor"})}),(0,s.jsx)("div",{className:dp,children:gp.map((function(e){return(0,s.jsx)("div",{className:mp,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){hp.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.filmMaterial"})}),(0,s.jsx)("div",{className:dp,children:o.map((function(e){return(0,s.jsx)("div",{className:fp,onClick:function(){return t=e.clearcoatRoughness,n=e.roughness,pp.clearcoatRoughness=t,pp.roughness=n,vp.clearcoatRoughness=t,vp.roughness=n,xp.clearcoatRoughness=t,void(xp.roughness=n);var t,n},children:e.name},e.key)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.windshieldMaterial"})}),(0,s.jsx)("div",{className:dp,children:c.map((function(e){return(0,s.jsx)("div",{className:fp,onClick:function(){return t=e.transmission,void(yp.transmission=t);var t},children:e.name},e.key)}))})]})]})})},wp=n(88175),bp=[{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}],jp={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}]},_p="RubiksCube_container__dFJHD",Dp=10,Mp=20,Ep=50,kp=50,Cp=[{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}],Np=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)([]),i=(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(jp)[e];f(t,Math.PI)},f=function(e,t){var n=jp[e];if(n&&t&&o.current){for(var r=[],a=[],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=i.current.length;x<y;x++){var A=i.current[x],w=A.position,b=w.x,j=w.y,_=w.z;if(b===10.4*h&&j===10.4*p&&_===10.4*v){r.push(A.clone()),a.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=a[4],E=new Hh.ZAu;E.position.set(M.position.x,M.position.y,M.position.z),c.current=E,a.forEach((function(e){var t=e.clone(),n=t.position,r=n.x,a=n.y,i=n.z;t.position.set("x"===D?0:r,"y"===D?0:a,"z"===D?0:i),E.add(t)})),o.current.add(E),a.forEach((function(e){var t;null===(t=o.current)||void 0===t||t.remove(e),i.current=i.current.filter((function(t){return t.id!==e.id}))}));var k={angle:0};l.current=Vh.p8.to(k,{angle:t,duration:t/Math.PI*1.5,ease:"power1.inOut",onUpdate:function(){if(D){var e=k.angle;if(c.current){var t=(new Hh.yGw)["makeRotation".concat(D.toUpperCase())](e),n=c.current.position,r=n.x,a=n.y,i=n.z;t.multiply((new Hh.yGw).makeTranslation(r,a,i)),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(),a=r.position,s=a.x,c=a.y,l=a.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),i.current.push(r)})),o.current.remove(c.current),u.current=window.setTimeout(m,1500))}})}},g=Wh(t,(function(e,r,s){if(t.current){e.background=new Hh.Ilk("#121212"),r.position.set(Mp,Ep,kp),r.lookAt(0,0,0),s.setClearColor("#121212"),Cp.forEach((function(t){var n=t.x,r=t.y,i=t.z,o=t.intensity,s=new Hh.Ox3(15463918,o);s.position.set(n,r,i),s.lookAt(0,0,0),s.shadow.camera.near=10,s.shadow.camera.far=500,s.castShadow=!0,a.current.push(s),e.add(s)}));var c=new op.z(r,s.domElement);n.current=c,c.autoRotate=!0,c.autoRotateSpeed=3}var l=new Hh.ZAu;l.position.set(0,0,0),o.current=l;for(var d=new wp.k(Dp,Dp,Dp,1,1.6),f=new Hh.EJi({color:65793,metalness:.4,roughness:.2,clearcoat:0,clearcoatRoughness:1,reflectivity:.2,specularIntensity:1.2}),g=0,h=bp.length;g<h;g++){var p=bp[g],v=p.x,x=p.y,y=p.z,A=new Hh.Kj0(d,f);A.position.set(10.4*v,10.4*x,10.4*y),A.receiveShadow=!0,A.castShadow=!0,i.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:_p,ref:t})},Sp=n(33687),Bp="ThrowDice_container__YcvTG",Pp="ThrowDice_btn__BTDQF",Ip="ThrowDice_btn_inner__DObIm",Tp="ThrowDice_numBox__VnUMU";function Rp(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 Fp(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 Fp(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}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 i,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,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw i}}}}function Fp(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 Op=10,Gp=0,Qp=40,Zp=120,Lp=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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 wp.k(Op,Op,Op,1,1.4)),y=(0,r.useRef)([new Hh.Wid({map:new Hh.ROQ(v(1)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(6)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(3)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(4)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(5)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(2)),color:"#ffffff"})]),A=function(){p.current||(g.current?(p.current=!0,i.current.forEach((function(e,t){if(t<=g.current-1){var n=10,r=-Math.floor(t/2)*Op*1.5;(t+1)%2==0&&(n+=15),e.body.position=new Sp.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 a=1+5*Math.random();e.body.applyImpulse(new Sp.AO(-16,a,-5))}else e.body.position=new Sp.AO(1e3,-55,0),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)):fl.ZP.warning(e.formatMessage({id:"page.threeJs3D.enterDiceNum"})))},w=Wh(n,(function(e,t,r){if(n.current){e.background=new Hh.Ilk("#224141"),t.position.set(Gp,Qp,Zp),t.lookAt(0,0,0),r.setClearColor("#224141");var o=new Hh.Mig(16777215,.5);e.add(o);var s=new Hh.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 op.z(t,r.domElement);l.enableRotate=!1,a.current=l,c.current=new Sp.q3({allowSleep:!0,gravity:new Sp.AO(0,-300,0)}),c.current.defaultContactMaterial.restitution=.36,function(e){var t,n=new Hh.Kj0(new Hh._12(300,300),new Hh.Tn7({opacity:.1}));n.receiveShadow=!0,n.position.y=-60,n.quaternion.setFromAxisAngle(new Hh.Pa4(-1,0,0),.5*Math.PI),e.add(n);var r=new Sp.uT({type:Sp.uT.STATIC,shape:new Sp.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 Hh.Kj0(x.current,y.current);r.castShadow=!0,e.add(r);var a=new Sp.uT({mass:1,shape:new Sp.xu(new Sp.AO(5,5,5)),sleepTimeLimit:.1});null===(n=c.current)||void 0===n||n.addBody(a),i.current.push({mesh:r,body:a})}}(e),A()}}),null,(function(){var e;null===(e=c.current)||void 0===e||e.fixedStep();var t,n,r=Rp(i.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()}a.current&&(null===(n=a.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:Bp,ref:n,children:[(0,s.jsx)("div",{className:Pp,children:(0,s.jsx)("div",{className:Ip,onClick:A,children:"Start"})}),(0,s.jsxs)("div",{className:Tp,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.threeJs3D.diceNum"}),"："]}),(0,s.jsx)(Xf.Z,{min:1,max:10,precision:0,size:"large",value:m,onChange:function(e){g.current=e,f(e)}})]})]})},zp=n(81706),Up=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=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=Vh.ZP.fromTo(e.current,{opacity:0,transform:"".concat(l," ").concat(i)},{opacity:1,transform:"translate(0px, 0px) ".concat(i),duration:n,delay:a})}return function(){var e;null===(e=o.current)||void 0===e||e.kill()}}),[]),{tweenRef:o,restart:s,reverse:c}},Hp="LargeScreenBorder_container__fPZ9L",Vp="LargeScreenBorder_content__kwcui";function Wp(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 Yp(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Wp(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wp(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Jp=10,qp=10,Kp=function(e){var t=e.title,n=void 0===t?"":t,a=e.lineWidth,i=void 0===a?1:a,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 Yp(Yp({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),b=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,a=n.height,i=1;t.beginPath(),t.moveTo(i,8),i=8,t.lineTo(i,1),i+=40,t.lineTo(i,1),i+=8,t.lineTo(i,8),i=r-16,t.lineTo(i,8),i=r-e,t.lineTo(i,24),t.lineTo(i,a-e),i=16,t.lineTo(i,a-e),i=1,t.lineTo(i,a-16),t.closePath(),t.lineWidth=e}},j=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,a=y.current;a.clearRect(0,0,t,r),a.globalCompositeOperation="source-over";var o=i;if(A.current){b(o+=1),a.fillStyle=A.current?u:c,a.fill(),a.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+Jp,m=Math.floor(s/Jp),f=Math.floor(l/Jp);a.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(a.fillRect(s,l,t-s,Jp),l+=Jp,s=0):(a.fillRect(s,l,Jp,Jp),s+=Jp)}}a.globalCompositeOperation="source-over",b(o);var g=1;if(a.strokeStyle=A.current?u:c,a.stroke(),a.lineWidth=o+1,a.strokeStyle=u,a.beginPath(),g=12,a.moveTo(g,8),g+=8,a.lineTo(g,8),a.closePath(),a.stroke(),a.beginPath(),g+=4,a.moveTo(g,8),g+=8,a.lineTo(g,8),a.closePath(),a.stroke(),a.beginPath(),g+=4,a.moveTo(g,8),g+=8,a.lineTo(g,8),a.closePath(),a.stroke(),a.beginPath(),g=t-o,a.moveTo(g,r-16),a.lineTo(g,r),a.closePath(),a.stroke(),a.beginPath(),a.moveTo(g,r-o),g-=16,a.lineTo(g,r-o),a.closePath(),a.stroke(),n){var h=Je(n,Number.parseInt(w.fontSize),w.fontWeight);a.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),a.fillStyle=w.color,a.fillText(n,(t-h)/2,14+Number.parseInt(w.fontSize));var p=(t-h)/2-42,v=14+Number.parseInt(w.fontSize)/2+2;a.lineWidth=4,a.lineJoin="miter",a.beginPath(),a.moveTo(p,18),a.lineTo(p+qp,v),a.lineTo(p,14+Number.parseInt(w.fontSize)),a.strokeStyle=A.current?w.color:c,a.stroke(),a.beginPath(),a.moveTo(p+qp+6,18),a.lineTo(p+20+6,v),a.lineTo(p+qp+6,14+Number.parseInt(w.fontSize)),a.strokeStyle=w.color,a.stroke(),p=(t+h)/2+16,a.beginPath(),a.moveTo(p+qp,18),a.lineTo(p,14+Number.parseInt(w.fontSize)/2+2),a.lineTo(p+qp,14+Number.parseInt(w.fontSize)),a.strokeStyle=w.color,a.stroke(),a.beginPath(),a.moveTo(p+20+6,18),a.lineTo(p+qp+6,14+Number.parseInt(w.fontSize)/2+2),a.lineTo(p+20+6,14+Number.parseInt(w.fontSize)),a.strokeStyle=A.current?w.color:c,a.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"),j()}}),[n,p]);return(0,s.jsxs)("div",{className:Hp,style:w,onMouseEnter:function(){A.current=!0,j()},onMouseLeave:function(){A.current=!1,j()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Vp,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})]})},Xp=n.p+"images/adee1274.png",$p=function(){var e=(0,r.useRef)(new Hh.Tme),t=(0,r.useRef)(null),n=(0,r.useRef)(null);return(0,r.useEffect)((function(){var r=function(e,n,r){var a=Math.PI/90,i=2*Math.PI-16*a,o=11*i/12/8,s=i/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+a)+s,l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+a)+o;var f=new Hh._12(c.width,c.height),g=new Hh.vBJ({map:new Hh.ROQ(c),transparent:!0,opacity:1,depthWrite:!1}),h=new Hh.Kj0(f,g),p={angle:0};return t.current=Vh.p8.to(p,{angle:2*Math.PI,duration:5,ease:"linear",repeat:-1,onUpdate:function(){var e=p.angle;if(h){var t=(new Hh.yGw).makeRotationZ(e),n=h.position,r=n.x,a=n.y,i=n.z;t.multiply((new Hh.yGw).makeTranslation(r,a,i)),h.matrix=t,h.matrix.decompose(h.position,h.quaternion,h.scale)}},onComplete:function(){}}),h}(180,6,"#ffffff");e.current.add(r);var a=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var a=r.getContext("2d");a.strokeStyle=n,a.lineWidth=t;for(var i=0;i<2;i++){var o=i*Math.PI;a.beginPath(),a.arc(e,e,e-t,o,Math.PI/6+o),a.stroke(),a.beginPath(),a.arc(e,e,e-t,Math.PI/4+o,Math.PI/2+o),a.stroke(),a.beginPath(),a.arc(e,e,e-t,2*Math.PI/3+o,3*Math.PI/4+o),a.stroke()}var s=new Hh._12(r.width,r.height),c=new Hh.vBJ({map:new Hh.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new Hh.Kj0(s,c)}(170,8,"#005A5A");a.position.set(0,0,1),e.current.add(a);var i=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var a=r.getContext("2d");a.strokeStyle=n,a.lineWidth=t;for(var i=0;i<3;i++){var o=i*(2*Math.PI/3);a.beginPath(),a.arc(e,e,e-t,o,Math.PI/10+o),a.stroke(),a.beginPath(),a.arc(e,e,e-t,Math.PI/8+o,Math.PI/6+o),a.stroke(),a.beginPath(),a.arc(e,e,e-t,Math.PI/2+o,5*Math.PI/8+o),a.stroke()}var s=new Hh._12(r.width,r.height),c=new Hh.vBJ({map:new Hh.ROQ(r),transparent:!0,opacity:1,depthWrite:!1}),l=new Hh.Kj0(s,c),u=new Hh._12(r.width+90,r.height+90),d=new Hh.vBJ({map:(new Hh.dpR).load(Xp),transparent:!0,opacity:1,depthWrite:!1}),m=new Hh.Kj0(u,d);return l.add(m),l}(120,8,"#005A5A");i.position.set(0,0,2),e.current.add(i);var o=function(e,t,r){var a=16,i=document.createElement("canvas");i.width=2*e+a,i.height=2*e+a;var o=i.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+a,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 Hh._12(i.width,i.height),p=new Hh.vBJ({map:new Hh.ROQ(i),transparent:!0,opacity:1,depthWrite:!1}),v=new Hh.Kj0(h,p),x={angle:0};return n.current=Vh.p8.to(x,{angle:2*-Math.PI,duration:12,ease:"linear",repeat:-1,onUpdate:function(){var e=x.angle;if(v){var t=(new Hh.yGw).makeRotationZ(e),n=v.position,r=n.x,a=n.y,i=n.z;t.multiply((new Hh.yGw).makeTranslation(r,a,i)),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 a=r.getContext("2d");a.strokeStyle=n,a.lineWidth=t,a.beginPath(),a.arc(e,e,e-t,0,2*Math.PI),a.stroke();var i=new Hh._12(r.width,r.height),o=new Hh.vBJ({map:new Hh.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new Hh.Kj0(i,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 a=r.getContext("2d");a.strokeStyle=n,a.lineWidth=t,a.beginPath(),a.arc(e,e,e-t,0,2*Math.PI),a.stroke();var i=new Hh._12(r.width,r.height),o=new Hh.vBJ({map:new Hh.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new Hh.Kj0(i,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},ev=n.p+"images/5f19eee4.png",tv="data:image/png;base64,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",nv="data:image/png;base64,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",rv="MapDisplay_container__7ObAW",av="MapDisplay_switch__z3osn",iv="MapDisplay_topBox__uUgN8",ov="MapDisplay_topBg__oqsK2",sv="MapDisplay_shine__zGL21",cv="MapDisplay_leftLine__yH-vW",lv="MapDisplay_rightLine__0kyh7",uv="MapDisplay_title__xCrUE",dv="MapDisplay_leftBox__MfOJf",mv="MapDisplay_item__6Z5-L",fv="MapDisplay_rightBox__mgnoV",gv="MapDisplay_tooltip__+jQqL",hv=0,pv=-20,vv=80,xv=0,yv=6,Av=0,wv="#008170",bv="#1AACAC",jv="#005B41",_v=function(){var e=(0,h.Z)(),t=d(),n=t.menuWidth,a=t.headHeight,i=(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 Hh.iMs),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useState)(!0),w=(0,o.Z)(A,2),b=w[0],j=w[1],_=Up(c,"toBottom",.6),D=_.restart,M=_.reverse,E=Up(l,"toRight",.8,.5),k=E.restart,C=E.reverse,N=Up(u,"toLeft",.8,.5),S=N.restart,B=N.reverse,P=$p(),I=function(e){(new Hh.hH6).load("./public/json/ChinaMap.json",(function(t){!function(e,t){var n=new Hh.Tme,r=(0,zp.ZP)().center([104,37.5]).scale(80).translate([0,0]);e.features.forEach((function(e){var t=new Hh.Tme;e.geometry.coordinates.forEach((function(n){n.forEach((function(n){for(var a=new Hh.bnF,i=new Hh.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?a.moveTo(d,-m):a.lineTo(d,-m),s.push(new Hh.Pa4(d,-m,6))}i.setFromPoints(s);var f={depth:6,bevelEnabled:!1,bevelThickness:1,bevelSize:1,bevelOffset:0,bevelSegments:1},g=new Hh.O7d(a,f),h=new Hh.vBJ({color:wv,transparent:!0,opacity:.95}),p=new Hh.vBJ({color:bv,transparent:!0,opacity:.95}),v=new Hh.Kj0(g,[h,p]),x=new Hh.nls({color:"white"}),y=new Hh.x12(i,x);t.properties=e.properties,t.add(v),t.add(y)}))})),n.add(t)})),n.position.set(xv,yv,Av),t.add(n),g.current=n}(JSON.parse(t),e),P.scale.set(.32,.32,1),P.position.set(0,0,-8),e.add(P),p.current=P}))},T=(0,r.useCallback)((function(e){if(m.current){x.current||(x.current=new Hh.FM8);var t=e.clientX,r=e.clientY;new Hh.FM8&&(x.current.x=(t-n)/(window.innerWidth-n)*2-1),x.current.y=-(r-a)/(window.innerHeight-a)*2+1,m.current.style.left="".concat(t-n+4,"px"),m.current.style.top="".concat(r-a+4,"px")}}),[n,a]),R=Wh(i,(function(e,t,n){if(i.current){e.background=(new Hh.dpR).load(ev),t.position.set(hv,pv,vv);var r=new op.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,a;y.current&&(y.current.object.material[0].color.set(wv),y.current.object.material[1].color.set(bv),m.current&&(m.current.style.visibility="hidden")),y.current=null,v.current.setFromCamera(x.current,t);var i=v.current.intersectObjects(e.children,!0);y.current=i.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!==(a=r.properties)&&void 0!==a&&a.name&&(y.current.object.material[0].color.set(jv),y.current.object.material[1].color.set(jv),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(){Xh(g.current,F),Xh(p.current,F)}}),[]),(0,s.jsxs)("div",{className:rv,onMouseMove:T,ref:i,children:[(0,s.jsx)("div",{className:av,onClick:function(){b?(M(),C(),B()):(D(),k(),S()),j(!b)},children:(0,s.jsx)(as.Z,{})}),(0,s.jsxs)("div",{className:iv,ref:c,children:[(0,s.jsx)("img",{src:tv,alt:"",className:ov}),(0,s.jsx)("img",{src:nv,alt:"",className:sv}),(0,s.jsx)("div",{className:cv}),(0,s.jsx)("div",{className:lv}),(0,s.jsx)("div",{className:uv,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:dv,ref:l,children:[(0,s.jsx)("div",{className:mv,children:(0,s.jsx)(Kp,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:mv,children:(0,s.jsx)(Kp,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:fv,ref:u,children:[(0,s.jsx)("div",{className:mv,children:(0,s.jsx)(Kp,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:mv,children:(0,s.jsx)(Kp,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsx)("div",{className:gv,ref:m})]})},Dv=function(){function e(t,n){(0,km.Z)(this,e),this.resourceList=t,this.callback=n,this.textures={},this.createLoadingManager(),this.loadResources()}return(0,Cm.Z)(e,[{key:"createLoadingManager",value:function(){var e=this;this.manager=new Hh.lLk,this.manager.onLoad=function(){e.callback()}}},{key:"loadResources",value:function(){var e=this;this.textureLoader=new Hh.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}(),Mv=Dv;function Ev(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 kv(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ev(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ev(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Cv=12,Nv=10,Sv=function(e){var t=e.title,n=void 0===t?"":t,a=e.lineWidth,i=void 0===a?1:a,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 kv(kv({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),b=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,a=n.height,i=1;t.beginPath(),t.moveTo(i,1),i=180,t.lineTo(i,1),i+=Cv,t.lineTo(i,Cv),i=r-54-54-Cv,t.lineTo(i,Cv),i+=6,t.lineTo(i,6),i+=54,t.lineTo(i,6),i+=6,t.lineTo(i,Cv),i=r-e,t.lineTo(i,Cv),t.lineTo(i,a-10),i-=10,t.lineTo(i,a-e),i=1,t.lineTo(i,a-e),t.closePath(),t.lineWidth=e}},j=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,a=y.current;a.clearRect(0,0,t,r),a.globalCompositeOperation="source-over";var o=i;if(A.current){b(o+=1),a.fillStyle=A.current?u:c,a.fill(),a.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+Nv,m=Math.floor(s/Nv),f=Math.floor(l/Nv);a.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(a.fillRect(s,l,t-s,Nv),l+=Nv,s=0):(a.fillRect(s,l,Nv,Nv),s+=Nv)}}a.globalCompositeOperation="source-over",b(o);var g=1;a.strokeStyle=A.current?u:c,a.stroke(),o=i+1,a.lineWidth=o,a.strokeStyle=u,a.beginPath(),g=1,a.moveTo(g,24),a.lineTo(g,1),g+=108,a.lineTo(g,1),a.stroke(),a.beginPath(),g=t-54-54,a.moveTo(g,Cv),g=t-54-Cv,a.lineTo(g,Cv),a.stroke(),a.beginPath(),g=t-o,a.moveTo(g,r-10-o-4),a.lineTo(g,r-10-o),g-=10,a.lineTo(g,r-o),g-=4,a.lineTo(g,r-o),a.stroke(),a.beginPath(),g=t-o,a.moveTo(g,r-6),g=t-6,a.lineTo(g,r-o),a.stroke(),n&&(a.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),a.fillStyle=w.color,a.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"),j()}}),[n,p]);return(0,s.jsxs)("div",{className:Hp,style:w,onMouseEnter:function(){A.current=!0,j()},onMouseLeave:function(){A.current=!1,j()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Vp,style:{left:"".concat(18,"px"),right:"".concat(Cv,"px"),top:"".concat(n?Cv+Number.parseInt(w.fontSize)+6+20:18,"px"),bottom:"".concat(Cv,"px")},children:e.children})]})},Bv=[{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 Pv(e,t,n,r,a,i){var o,s,c,l,u,d,m,f,g,h,p,v,x,y,A,w=Kh(e,t,n),b=new Hh.Pa4(w.x,w.y,w.z),j=Kh(e,r,a),_=new Hh.Pa4(j.x,j.y,j.z),D=(o=b,s=_,c=new Hh.Pa4(0,0,0),l=o.clone().sub(c),u=s.clone().sub(c),d=l.clone().cross(u).normalize(),m=new Hh.Pa4(0,0,1),f=(new Hh._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 Hh.Pa4(0,1,0),x=(new Hh._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 a=(new Hh.Pa4).addVectors(t,n).multiplyScalar(.5).clone().normalize(),i=Iv(t,n,new Hh.Pa4(0,0,0)),o=a.multiplyScalar(e+i*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,b=g.y,j=h.x,_=h.y,D=y*b+w*_+j*A-y*_-w*A-j*b,M=(v*_+p*b+x*A-v*A-x*b-p*_)/D/2,E=(x*w+v*y+p*j-p*w-v*j-x*y)/D/2,new Hh.Pa4(M,E,0)),c=Math.abs(s.y-o.y),l=Iv(t,new Hh.Pa4(0,-1,0),s),u=-Math.PI/2+l,d=Math.PI-u,m=function(e,t,n,r,a,i){var o=new Hh.u9r,s=new Hh.T__(e,t,n,r,a,!1).getSpacedPoints(80);o.setFromPoints(s);var c=new Hh.nls({color:i||13731143});return new Hh.x12(o,c)}(s.x,s.y,c,u,d,r.color);var f,g,h,p,v,x,y,A,w,b,j,_,D,M,E;m.center=s,m.topCoord=o;var k=(d-u)/7,C=function(e,t,n,r){var a=new Hh.u9r,i=new Hh.T__(0,0,e,t,n,!1).getSpacedPoints(100);a.setFromPoints(i);for(var o=[],s=0;s<i.length;s++)o.push(s/i.length);var c=new Hh.TlE(new Float32Array(o),1);a.attributes.percent=c;for(var l=[],u=0;u<i.length;u++){var d=new Hh.Ilk(r),m=new Hh.Ilk(r),f=d.lerp(m,u/i.length);l.push(f.r,f.g,f.b)}a.attributes.color=new Hh.TlE(new Float32Array(l),3);var g=new Hh.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 Hh.woe(a,g);return g.color=new Hh.Ilk(r),h.name="飞行线",h}(c,u,u+k,r.arrowColor);return C.position.y=s.y,m.add(C),C.flyEndAngle=d-u-k,C.startAngle=u,C.AngleZ=m.flyEndAngle*Math.random(),m.userData.flyLine=C,m}(e,D.startPoint,D.endPoint,i);return M.quaternion.multiply(D.quaternion),M}function Iv(e,t,n){var r=e.clone().sub(n).normalize(),a=t.clone().sub(n).normalize(),i=r.clone().dot(a);return Math.acos(i)}var Tv,Rv=n.p+"images/2dcea622.jpeg",Fv="EarthDisplay_container__4U+r3",Ov="EarthDisplay_switch__MeMaf",Gv="EarthDisplay_topBox__eXAVn",Qv="EarthDisplay_topBg__AEJ4Q",Zv="EarthDisplay_shine__nttCS",Lv="EarthDisplay_leftLine__xIETp",zv="EarthDisplay_rightLine__-mYRS",Uv="EarthDisplay_title__LMxWi",Hv="EarthDisplay_leftBox__ZIQuQ",Vv="EarthDisplay_item__BQN2V",Wv="EarthDisplay_rightBox__1vsKa",Yv=0,Jv=20,qv=110,Kv=50,Xv=14942335,$v=16777215,ex=15310696,tx={color:15969910,arrowColor:16742164,speed:.005},nx={glowColor:{value:new Hh.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}},rx=[{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:Rv},{name:"glow",url:Xp},{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="}],ax=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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=Up(a,"toBottom",.6),w=A.restart,b=A.reverse,j=Up(i,"toRight",.8,.5),_=j.restart,D=j.reverse,M=Up(c,"toLeft",.8,.5),E=M.restart,k=M.reverse,C=function(e,t){var n,r,a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=new Hh.Tme,o=new Hh._12(1,1),s=new Hh.vBJ({color:16711680,map:null===(n=u.current)||void 0===n?void 0:n.textures.aperture,transparent:!0,opacity:1,depthWrite:!1}),c=new Hh.Kj0(o,s),l=Kh(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 Hh.Pa4(0,0,1),m),i.add(c);var g=s.clone();g.color=new Hh.Ilk(ex);var h=new Hh.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),i.add(h),f.current.push(h);var p=new Hh.Tme,v=12.5,x=new Hh._12(2.5,v);x.rotateX(Math.PI/2),x.translate(0,0,v/2);var y=new Hh.vBJ({map:null===(r=u.current)||void 0===r?void 0:r.textures.lightColumn,color:a?Xv:$v,side:Hh.ehD,depthWrite:!1}),A=new Hh.Kj0(x,y);p.add(A,A.clone().rotateZ(Math.PI/2));var w=Kh(Kv,e,t);return p.position.set(w.x,w.y,w.z),p.quaternion.setFromUnitVectors(new Hh.Pa4(0,0,1),w.clone().normalize()),i.add(p),i},N=function(e,t,n){var r=document.createElement("canvas"),a=Je(n,20,500);r.width=a+32,r.height=36;var i=r.getContext("2d");i.fillStyle="#41B1B460",i.fillRect(0,0,r.width,r.height),i.font="".concat(500," ").concat(20,"px SourceHanSansCN-Bold"),i.strokeStyle="#ffffff",i.strokeText(n,16,26);var o=new Hh.xeV({map:new Hh.ROQ(r),transparent:!0}),s=new Hh.jyi(o);s.scale.set(.1*r.width,.1*r.height,1);var c=Kh(50.05,e,t);return s.position.set(1.1*c.x,1.1*c.y,1.1*c.z),s},S=Wh(n,(function(e,t,r){n.current&&(u.current=new Mv(rx,(function(){e.background=(new Hh.dpR).load(ev),t.position.set(Yv,Jv,qv),function(e){for(var t,n=[],r=0;r<500;r++){var a=800*Math.random()-300,i=800*Math.random()-300,o=800*Math.random()-300;n.push(a,i,o)}var s=new Hh.u9r;s.setAttribute("position",new Hh.TlE(new Float32Array(n),3));var c=new Hh.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 Hh.woe(s,c);e.add(l)}(e),function(e){var t,n,r,a=new Hh.Tme,i=new Hh.xo$(Kv,50,50);null!==(t=u.current)&&void 0!==t&&null!==(n=t.textures)&&void 0!==n&&n.earth&&(nx.map.value=u.current.textures.earth);var o=new Hh.jyz({uniforms:nx,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 Hh.Kj0(i,o);s.name="earth",a.add(s);var c=new Hh.xo$(60,60,60),l=new Hh.UY4({color:8519679,transparent:!0,sizeAttenuation:!0,opacity:.1,vertexColors:!1,size:.01}),d=new Hh.woe(c,l);a.add(d);var f=new Hh.xeV({map:null===(r=u.current)||void 0===r?void 0:r.textures.glow}),g=new Hh.jyi(f);g.scale.set(150,150,1),a.add(g),e.add(a),m.current=a}(e),Bv.forEach((function(e){var t,n,r=C(e.start.E,e.start.N,!0);null===(t=m.current)||void 0===t||t.add(r);var a=N(e.start.E,e.start.N,e.start.name);null===(n=m.current)||void 0===n||n.add(a),e.endArray.forEach((function(e){var t,n,r=C(e.E,e.N);null===(t=m.current)||void 0===t||t.add(r);var a=N(e.E,e.N,e.name);null===(n=m.current)||void 0===n||n.add(a)}))})),Bv.forEach((function(e){e.endArray.forEach((function(t){var n,r=Pv(Kv,e.start.E,e.start.N,t.E,t.N,tx);null===(n=m.current)||void 0===n||n.add(r),g.current.push(r.userData.flyLine)}))}));var n=new op.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+=tx.speed,e.rotation.z>=e.flyEndAngle&&(e.rotation.z=0)})),nx.time.value=nx.time.value<-100?100:nx.time.value-1,l.current)&&(null===(e=l.current)||void 0===e||e.update())})),B=S.scene,P=S.resize;return(0,r.useLayoutEffect)((function(){P()}),[t]),(0,r.useEffect)((function(){return function(){Xh(m.current,B)}}),[]),(0,s.jsxs)("div",{className:Fv,ref:n,children:[(0,s.jsx)("div",{className:Ov,onClick:function(){x?(b(),D(),k()):(w(),_(),E()),y(!x)},children:(0,s.jsx)(as.Z,{})}),(0,s.jsxs)("div",{className:Gv,ref:a,children:[(0,s.jsx)("img",{src:tv,alt:"",className:Qv}),(0,s.jsx)("img",{src:nv,alt:"",className:Zv}),(0,s.jsx)("div",{className:Lv}),(0,s.jsx)("div",{className:zv}),(0,s.jsx)("div",{className:Uv,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:Hv,ref:i,children:[(0,s.jsx)("div",{className:Vv,children:(0,s.jsx)(Sv,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Vv,children:(0,s.jsx)(Sv,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:Wv,ref:c,children:[(0,s.jsx)("div",{className:Vv,children:(0,s.jsx)(Sv,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Vv,children:(0,s.jsx)(Sv,{children:e.formatMessage({id:"common.customizeContent"})})})]})]})},ix=n(96064),ox="HumanPostureDetection_container__lUe7Z",sx="HumanPostureDetection_content__LwYrZ";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Tv||(Tv={}));var cx,lx=Math.floor(.55*window.screen.width),ux=Math.floor(.55*window.screen.height),dx=lx%2==0?lx:lx+1,mx=ux%2==0?ux:ux+1,fx=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useState)(Tv.ready),c=(0,o.Z)(i,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,a){a.beginPath(),a.arc(e,t,n,0,2*Math.PI),a.fillStyle=r,a.fill()},p=function(){var e=(0,ll.Z)(dl().mark((function e(){var r,a,i,s;return dl().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,dx,mx),a=m.current.getImageData(0,0,dx,mx),e.next=7,n.current.estimatePoses(a,{flipHorizontal:!1,maxPoses:1,scoreThreshold:.5,nmsRadius:20});case 7:i=e.sent,(s=(null===(r=i[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)})),ix.D5.getAdjacentPairs(ix.oV.PoseNet).forEach((function(e){var t,n,r,a,i,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",a=1,i=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],i.beginPath(),i.moveTo(l*a,u*a),i.lineTo(f*a,g*a),i.lineWidth=4,i.strokeStyle=r,i.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,ll.Z)(dl().mark((function r(){var i;return dl().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:a.current&&n.current?l===Tv.inRecording?(t.current&&(t.current.srcObject=null),f.current&&(window.clearTimeout(f.current),f.current=null),u(Tv.ready),setTimeout((function(){var e;m.current&&(null===(e=m.current)||void 0===e||e.clearRect(0,0,dx,mx))}),50)):(t.current&&(t.current.srcObject=a.current,p()),u(Tv.inRecording)):t.current&&(i={audio:!1,video:{width:dx,height:mx,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(i).then(function(){var e=(0,ll.Z)(dl().mark((function e(r){var i,o;return dl().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.current&&r&&(a.current=r),!t.current||!a.current){e.next=9;break}return t.current.srcObject=a.current,i=ix.oV.PoseNet,e.next=6,ix.cH(i,{modelType:"full"});case 6:o=e.sent,n.current=o,p();case 9:u(Tv.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")?fl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):t.message&&t.message.includes("Invalid architecture full")?fl.ZP.error(t.message):fl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):fl.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=dx,d.current.height=mx;var e=d.current.getContext("2d");m.current=e}}()}),[]),(0,s.jsxs)("div",{className:ox,children:[(0,s.jsx)(Dr,{intlTitle:"page.AIApplication.humanPostureDetection"}),(0,s.jsxs)("div",{className:sx,style:{width:"".concat(dx,"px"),height:"".concat(mx,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(dx,"px"),height:"".concat(mx,"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)(ae.Z,{type:"primary",onClick:v,children:l===Tv.inRecording?e.formatMessage({id:"common.end"}):e.formatMessage({id:"common.start"})})]})},gx="NotBlockPeopleBarrage_container__SwTln",hx="NotBlockPeopleBarrage_content__NbVjJ",px="NotBlockPeopleBarrage_barrageBox__wNLFF",vx="NotBlockPeopleBarrage_bottomBox__C90UC";!function(e){e[e.ready=0]="ready",e[e.playing=1]="playing",e[e.pause=2]="pause"}(cx||(cx={}));var xx,yx=324,Ax=576,wx=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useState)(""),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=(0,r.useState)(cx.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,ll.Z)(dl().mark((function e(){var r,a,i,o,s,c,l,u;return dl().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,yx,Ax))){e.next=18;break}return a={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=6,g.current.segmentPeople(r,a);case 6:return i=e.sent,o={r:0,g:0,b:0,a:0},s={r:0,g:0,b:0,a:255},e.next=11,pu.wX(i,o,s,false,.3);case 11:c=e.sent,l=Al(c),n.current.style["-webkit-mask-image"]="url(".concat(l,")"),n.current.style["-webkit-mask-size"]="".concat(yx,"px ").concat(Ax,"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(yx,"px"),n.current.appendChild(t)}else fl.ZP.warning(e.formatMessage({id:"common.tryingToLoad"}));l("")}},y=function(){var e=(0,ll.Z)(dl().mark((function e(){var n,r,a;return dl().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(cx.playing),t.current.play(),v())},n=pu.oV.MediaPipeSelfieSegmentation,r={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},e.next=6,pu.N7(n,r);case 6:a=e.sent,g.current=a,m===cx.ready&&(f(cx.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:gx,children:[(0,s.jsxs)("div",{className:hx,style:{width:"".concat(yx,"px"),height:"".concat(Ax,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(yx,"px"),height:"".concat(Ax,"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:px,ref:n}),m!==cx.ready&&(0,s.jsx)(ae.Z,{type:"primary",ghost:!0,onClick:function(){t.current&&(m===cx.playing?(f(cx.pause),t.current.pause()):(f(cx.playing),t.current.play()))},children:m===cx.playing?e.formatMessage({id:"common.pause"}):e.formatMessage({id:"common.play"})})]}),(0,s.jsxs)("div",{className:vx,children:[(0,s.jsx)(ml.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)(ae.Z,{type:"primary",onClick:x,children:e.formatMessage({id:"page.AIApplication.send"})})]})]})},bx="Tabs_container__19GNQ",jx=function(e){var t=e.data,n=void 0===t?[]:t,r=e.selectedTabId,a=e.onChange,i=e.className;return(0,s.jsx)("div",{className:"".concat(bx).concat(i?" ".concat(i):""),children:n.map((function(e){return(0,s.jsx)("div",{className:"tabs-tabItem ".concat(r===e.id?"active":""),onClick:function(){a&&a(e.id)},children:e.label},e.id)}))})},_x=n(6311),Dx="ImageProcessingTool_container__WAkOX",Mx="ImageProcessingTool_content__nCEwY",Ex="ImageProcessingTool_tabs__lU6sy",kx="ImageProcessingTool_imgBox__xANeR",Cx="ImageProcessingTool_fileBox__Evibs",Nx="ImageProcessingTool_fileInfo__zFv8M",Sx="ImageProcessingTool_item__FSSP-",Bx="ImageProcessingTool_emptyBox__GhkSM",Px="ImageProcessingTool_uploadBtn__jbITo",Ix="ImageProcessingTool_text__NoL1R",Tx="ImageProcessingTool_tips__7DkHP",Rx="ImageProcessingTool_tip__dYcLC",Fx="ImageProcessingTool_operationBtns__uCE1C",Ox="ImageProcessingTool_left__ohBzm",Gx="ImageProcessingTool_operationBtn__+5IT6",Qx="ImageProcessingTool_right__UDKib",Zx=function(e){var t=e.imgInfo,n=e.imgDragOver,r=e.onDragOver,a=e.onDragLeave,i=e.onDrop,o=(0,h.Z)();return(0,s.jsx)("div",{className:kx,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:a,onDrop:i,children:(0,s.jsxs)("div",{className:Cx,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:Nx,children:[(0,s.jsxs)("div",{className:Sx,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:Sx,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:Sx,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:Sx,children:[o.formatMessage({id:"common.size"}),"：",hl(t.size)]})]})]})})},Lx={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}},zx=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=e.onDragOver,o=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,h.Z)(),d=(0,r.useRef)((0,_x.Z)(Lx)),m=function(e,r,a){if(e&&e.imageData)n(e.imageData);else{if(e.doing)return void fl.ZP.warning(u.formatMessage({id:"common.workHard"}));if(null!=t&&t.imageData){e.doing=!0;var i=t.imageData;r===Zu&&(i=(0,_x.Z)(i));var o=r(i);o?(e.imageData=o,n(o,a)):fl.ZP.error(u.formatMessage({id:"common.operationFailure"})),e.doing=!1}}};return(0,r.useEffect)((function(){d.current=(0,_x.Z)(Lx)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Zx,{imgInfo:t,imgDragOver:a,onDragOver:i,onDragLeave:o,onDrop:c}),(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.flipSideToSideStatus,ju)},children:u.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.flipUpsideDownStatus,_u)},children:u.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.leftRotateStatus,Du)},children:u.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.rightRotateStatus,Mu)},children:u.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toGreyStatus,Eu)},children:u.formatMessage({id:"common.graying"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toBlackAndWhiteStatus,ku)},children:u.formatMessage({id:"common.vampix"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.sharpenStatus,Gu)},children:u.formatMessage({id:"page.imageProcessingTool.shmpch"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.marginSharpenStatus,Qu)},children:u.formatMessage({id:"page.imageProcessingTool.edgeSharpening"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toOppositeStatus,Cu)},children:u.formatMessage({id:"page.imageProcessingTool.filterContrast"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toRedStatus,Nu)},children:u.formatMessage({id:"page.imageProcessingTool.redFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toGreenStatus,Su)},children:u.formatMessage({id:"page.imageProcessingTool.greenFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toBlueStatus,Bu)},children:u.formatMessage({id:"page.imageProcessingTool.blueFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toRedAndGreenStatus,Pu)},children:u.formatMessage({id:"page.imageProcessingTool.redGreenFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toRedAndBlueStatus,Iu)},children:u.formatMessage({id:"page.imageProcessingTool.redBlueFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toBlueAndGreenStatus,Tu)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreenFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toRedAndGreyStatus,Ru)},children:u.formatMessage({id:"page.imageProcessingTool.redGreyFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toGreenAndGreyStatus,Fu)},children:u.formatMessage({id:"page.imageProcessingTool.greenGreyFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toBlueAndGreyStatus,Ou)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreyFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toGaussianBlurStatus,Zu)},children:u.formatMessage({id:"page.imageProcessingTool.gaussianBlur"})}),["JPG","JPEG"].includes(t.fileType)&&(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.jpgToPngStatus,Lu,"PNG")},children:u.formatMessage({id:"page.imageProcessingTool.jpgToPng"})}),"PNG"===t.fileType&&(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.pngToJpgStatus,zu,"JPEG")},children:u.formatMessage({id:"page.imageProcessingTool.pngToJpg"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})},Ux=n(62327),Hx="RectSelect_container__NRGSf",Vx="RectSelect_imgBox__Eht8b",Wx="RectSelect_content__Oqfay",Yx="RectSelect_leftBox__fnaRf",Jx="RectSelect_img1__uK-Ip",qx="RectSelect_img2__gx56-",Kx="RectSelect_mask__dh-Ij",Xx="RectSelect_clipBox__jD4yw",$x="RectSelect_dot__wL+4K",ey="RectSelect_leftUp__UPsGg",ty="RectSelect_up__iPqcg",ny="RectSelect_rightUp__fbUgr",ry="RectSelect_right__HXwDY",ay="RectSelect_rightDown__vHPOv",iy="RectSelect_down__x6Tgo",oy="RectSelect_leftDown__JVMR9",sy="RectSelect_left__frsug",cy="RectSelect_operationBtns__b-UEE",ly="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"}(xx||(xx={}));var uy=10,dy=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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],b=(0,r.useState)(!1),j=(0,o.Z)(b,2),_=j[0],D=j[1],M=(0,r.useState)(10),E=(0,o.Z)(M,2),k=E[0],C=E[1],N=(0,r.useRef)(!1),S=(0,r.useRef)(null),B=Math.max(Math.floor(t.width/2),uy),P=Math.max(Math.floor(t.height/2),uy),I=(0,r.useState)(B),T=(0,o.Z)(I,2),R=T[0],F=T[1],O=(0,r.useState)(P),G=(0,o.Z)(O,2),Q=G[0],Z=G[1],L=(0,r.useState)(0),z=(0,o.Z)(L,2),U=z[0],H=z[1],W=(0,r.useState)(0),Y=(0,o.Z)(W,2),J=Y[0],q=Y[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),oe=(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=V.findDOMNode(ee.current),r=le(n).left,a=r+te.current;t>a?t=a:t<r&&(t=r);var i=V.findDOMNode(S.current),o=R-2,s=t-o-le(i).left;F(Math.max(Math.floor(o+s),uy))},de=function(e){var t=e.clientY+p,n=V.findDOMNode(ee.current),r=le(n).top,a=V.findDOMNode(S.current),i=le(a).top,o=i+a.offsetHeight;t<r?t=r:t>o&&(t=o),H(Math.min(Math.floor(U+t-i),ne.current-uy));var s=Q;Z(Math.max(Math.floor(s+i-t),uy))},me=function(e){var t=e.clientX,n=V.findDOMNode(ee.current),r=le(n).left,a=V.findDOMNode(S.current),i=le(a).left,o=i+a.offsetWidth;t<r?t=r:t>o&&(t=o),q(Math.min(Math.floor(J+t-i),te.current-uy));var s=R;F(Math.max(Math.floor(s+i-t),uy))},fe=function(e){var t=e.clientY+p,n=V.findDOMNode(ee.current),r=le(n).top,a=r+ne.current;t<r?t=r:t>a&&(t=a);var i=V.findDOMNode(S.current),o=Q-2,s=t-o-le(i).top;Z(Math.max(Math.floor(o+s),uy))},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 fl.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void w(!1);if(e>1350||n>1350)return fl.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void w(!1);var r=Math.max(Math.floor(t.width/2),uy),a=Math.max(Math.floor(t.height/2),uy);if(F(r),Z(a),q(0),H(0),A){if(ee.current){var i=V.findDOMNode(ee.current),o=i.offsetWidth,s=i.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=V.findDOMNode(ee.current),t=e.offsetWidth,n=e.offsetHeight;te.current=t,ne.current=n}}),[A]);return(0,s.jsxs)("div",{className:Hx,children:[(0,s.jsx)("div",{className:Vx,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:i,onDragLeave:c,onDrop:l,children:A&&(0,s.jsx)("div",{className:Wx,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(X.current){var t=V.findDOMNode(S.current),n=t.offsetWidth,r=t.offsetHeight,a=e.clientX-re.current,i=e.clientY-ie.current,o=Math.floor(se.current+i),s=Math.floor(oe.current+a);o<0?H(0):o>ne.current-r-2?H(Math.max(ne.current-r-2,0)):H(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 xx.right:ue(e);break;case xx.up:de(e);break;case xx.left:me(e);break;case xx.down:fe(e);break;case xx.leftUp:me(e),de(e);break;case xx.leftDown:me(e),fe(e);break;case xx.rightUp:ue(e),de(e);break;case xx.rightDown:ue(e),fe(e)}},onMouseUp:he,onMouseLeave:he,ref:$,children:(0,s.jsxs)("div",{className:Yx,ref:ee,children:[(0,s.jsx)("img",{src:t.imgUrl,className:Jx}),(0,s.jsx)("div",{className:Kx}),(0,s.jsx)("img",{src:t.imgUrl,className:qx,style:{clip:"rect(".concat(U,"px, ").concat(J+R,"px, ").concat(U+Q,"px, ").concat(J,"px)")}}),(0,s.jsxs)("div",{className:Xx,style:{position:"absolute",width:"".concat(R,"px"),height:"".concat(Q,"px"),top:"".concat(U,"px"),left:"".concat(J,"px")},onMouseDown:function(e){re.current=e.clientX,ie.current=e.clientY;var t=V.findDOMNode(S.current);se.current=t.offsetTop,oe.current=t.offsetLeft,X.current=!0},ref:S,children:[(0,s.jsx)("div",{className:"".concat($x," ").concat(ey),onMouseDown:function(e){return ge(e,xx.leftUp)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(ty),onMouseDown:function(e){return ge(e,xx.up)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(ny),onMouseDown:function(e){return ge(e,xx.rightUp)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(ry),onMouseDown:function(e){return ge(e,xx.right)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(ay),onMouseDown:function(e){return ge(e,xx.rightDown)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(iy),onMouseDown:function(e){return ge(e,xx.down)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(oy),onMouseDown:function(e){return ge(e,xx.leftDown)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(sy),onMouseDown:function(e){return ge(e,xx.left)}})]})]})})}),A&&(0,s.jsxs)("div",{className:cy,children:[(0,s.jsxs)("div",{className:sy,children:["clip"===m&&(0,s.jsx)(Ux.Z,{className:ly,checked:_,onChange:function(e){D(e.target.checked)},children:f.formatMessage({id:"page.imageProcessingTool.WhetherRetainOriginalDimension"})}),(0,s.jsx)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"160px":"200px"},min:uy,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)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"160px":"200px"},min:uy,max:t.height,precision:0,value:Q,addonBefore:f.formatMessage({id:"common.clippingHeight"}),onChange:function(e){var n=t.height;e&&e+U>n&&H(n-e),Z(e||0)}}),(0,s.jsx)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.width-uy,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)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.height-uy,precision:0,value:U,addonBefore:f.formatMessage({id:"common.distanceTop"}),onChange:function(e){H(e||0);var n=t.height;e&&e+Q>n&&Z(n-e)}}),"mosaic"===m&&(0,s.jsx)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"200px":"220px"},min:2,max:40,precision:0,value:k,addonBefore:f.formatMessage({id:"common.mosaicGrainSize"}),onChange:function(e){C(e||0)}}),(0,s.jsx)(ae.Z,{type:"primary",className:ly,onClick:function(){if(N.current)fl.ZP.warning(f.formatMessage({id:"common.workHard"}));else{N.current=!0;var e=null;"clip"===m?e=function(e,t,n,r,a){var i=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=a,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),i){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),b=4*(y*c+A);x[w]=s[b],x[w+1]=s[b+1],x[w+2]=s[b+2],x[w+3]=s[b+3]}return new ImageData(x,m,f)}return null}(t.imageData,R,Q,U,J,_,t.fileType):"mosaic"===m&&(e=function(e,t,n,r,a){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:10;if(e){var o=e.data,s=e.width,c=e.height,l=a,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)/i),x=Math.floor((g-u)/i),y=Math.floor(i*(v+1)-i/2+l),A=Math.floor(i*(x+1)-i/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,Q,U,J,k)),e?n(e):fl.ZP.error(f.formatMessage({id:"common.operationFailure"})),N.current=!1}},disabled:!A,children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:ry,ghost:!0,type:"primary",onClick:u,children:f.formatMessage({id:"common.clear"})})]})]})};function my(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 fy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?my(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):my(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var gy=function(e){return(0,s.jsx)(dy,fy(fy({},e),{},{type:"clip"}))},hy={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"},py=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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],b=(0,r.useState)(4),j=(0,o.Z)(b,2),_=j[0],D=j[1];(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<20||n<20?(fl.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void p(!1)):e>1350||n>1350?(fl.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:hy.container,children:[(0,s.jsx)("div",{className:hy.imgBox,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:i,onDragLeave:c,onDrop:l,children:g&&(0,s.jsx)("div",{className:hy.content,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px"),borderRadius:"".concat(_,"px")},children:(0,s.jsx)("img",{src:t.imgUrl,className:hy.img})})}),g&&(0,s.jsxs)("div",{className:hy.operationBtns,children:[(0,s.jsxs)("div",{className:hy.left,children:["PNG"!==t.fileType&&(0,s.jsx)(Ux.Z,{className:hy.operationBtn,checked:A,onChange:function(e){w(e.target.checked)},children:d.formatMessage({id:"page.imageProcessingTool.clippedAndConvertedToPng"})}),(0,s.jsx)(Xf.Z,{className:hy.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)(ae.Z,{type:"primary",className:hy.operationBtn,onClick:function(){if(v.current)fl.ZP.warning(d.formatMessage({id:"common.workHard"}));else if(_){v.current=!0;var e=function(e,t,n,r){if(e){var a=e.data,i=e.width,o=e.height,s=t;s>Math.floor(i/2)&&(s=Math.floor(i/2)),s>Math.floor(o/2)&&(s=Math.floor(o/2)),s<0&&(s=0);for(var c=new Uint8ClampedArray(a.length),l=0;l<o;l++)for(var u=0;u<i;u++){var d=4*(l*i+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>i-s-1&&(l<s?m=Math.sqrt(Math.pow(u-(i-s),2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(u-(i-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]=a[d],c[d+1]=a[d+1],c[d+2]=a[d+2],c[d+3]=r||"PNG"===n.toUpperCase()?a[d+3]:255)}return new ImageData(c,i,o)}return null}(t.imageData,_,t.fileType,A);e?n(e,A?"PNG":t.fileType):fl.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else fl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterFilletRadius"}))},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:hy.right,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},vy=1e4,xy=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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),b=(0,o.Z)(w,2),j=b[0],_=b[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)(Zx,{imgInfo:t,imgDragOver:a,onDragOver:i,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsx)(Ux.Z,{className:Gx,checked:g,onChange:function(e){p(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(y&&j)A(null),_(null);else if(y){var a=Math.floor(y*r/n);_(a)}else if(j){var i=Math.floor(j*n/r);A(i)}}else y||j||(A(n),_(r))},children:d.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(Xf.Z,{className:Gx,style:{width:"160px"},min:1,max:vy,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,a=Math.floor(e*r/n);_(a)}}}),(0,s.jsx)(Xf.Z,{className:Gx,style:{width:"160px"},min:1,max:vy,precision:0,value:j,addonBefore:d.formatMessage({id:"common.height"}),onChange:function(e){if(_(e),g&&e){var n=t.width,r=t.height,a=Math.floor(e*n/r);A(a)}}}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){if(D.current)fl.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imgUrl,r=t.width,a=t.height;if(y&&j){D.current=!0;var i=Uu(e,r,a,y,j,vy);i?n(i):fl.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else fl.ZP.warning(d.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},yy=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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)(Zx,{imgInfo:t,imgDragOver:a,onDragOver:i,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsxs)("div",{className:Gx,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.darken"})}),(0,s.jsx)(Kf.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)(Xf.Z,{style:{margin:"0 16px"},min:-255,max:255,precision:0,value:g,onChange:x})]}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){if(v.current)fl.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,a=e.height,i=new Uint8ClampedArray(n.length),o=0;o<a;o++)for(var s=0;s<r;s++){var c=4*(o*r+s);i[c]=Math.max(Math.min(n[c]+t,255),0),i[c+1]=Math.max(Math.min(n[c+1]+t,255),0),i[c+2]=Math.max(Math.min(n[c+2]+t,255),0),i[c+3]=n[c+3]}return new ImageData(i,r,a)}return null}(e,g);r?n(r):fl.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else fl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterBrightness"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},Ay=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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),b=(0,o.Z)(w,2),j=b[0],_=b[1],D=(0,r.useRef)(!1),M=function(e){_(e)};return(0,r.useEffect)((function(){"PNG"!==t.fileType?(fl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseUploadPng"})),p(!1)):p(!0),_(0),A(!1)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Zx,{imgInfo:t,imgDragOver:a,onDragOver:i,onDragLeave:c,onDrop:l}),g&&(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsx)(Ux.Z,{className:Gx,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:Gx,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeTransparent"})}),(0,s.jsx)(Kf.Z,{min:-1,max:1,step:.1,marks:{0:"0"},value:"number"==typeof j?j:0,onChange:M}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeOpaque"})})]}),(0,s.jsx)("div",{className:Gx,children:(0,s.jsx)(Xf.Z,{min:y?0:-1,max:1,step:.1,precision:1,value:j,onChange:M})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){if(D.current)fl.ZP.warning(d.formatMessage({id:"common.workHard"}));else if("number"==typeof j){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,a=e.width,i=e.height,o=new Uint8ClampedArray(r.length),s=0;s<i;s++)for(var c=0;c<a;c++){var l=4*(s*a+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,a,i)}return null}(t.imageData,j,y);e?n(e):fl.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else fl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterDiaphaneity"}))},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},wy="AddWatermark_container__eVhbf",by="AddWatermark_imgBox__ZRRUr",jy="AddWatermark_content__q-ZzY",_y="AddWatermark_leftBox__S-y1M",Dy="AddWatermark_img1__s1l8c",My="AddWatermark_clipBox__EW8Jl",Ey="AddWatermark_operationBtns__Sua9p",ky="AddWatermark_left__hmpKc",Cy="AddWatermark_box__X5Tyg",Ny="AddWatermark_top__MW-nl",Sy="AddWatermark_uploadBtn__TXNYs",By="AddWatermark_bottom__EipS9",Py="AddWatermark_operationBtn__-tdIk",Iy="AddWatermark_right__KM8W0",Ty=20,Ry=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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),b=(0,r.useRef)(null),j=Math.max(Math.floor(t.width/2),Ty),_=Math.max(Math.floor(t.height/2),Ty),D=(0,r.useState)(j),M=(0,o.Z)(D,2),E=M[0],k=M[1],C=(0,r.useState)(_),N=(0,o.Z)(C,2),S=N[0],B=N[1],P=(0,r.useState)(0),I=(0,o.Z)(P,2),T=I[0],R=I[1],F=(0,r.useState)(0),O=(0,o.Z)(F,2),G=O[0],Q=O[1],Z=(0,r.useRef)(!1),L=(0,r.useRef)(null),z=(0,r.useRef)(null),U=(0,r.useRef)(0),H=(0,r.useRef)(0),W=(0,r.useRef)(0),Y=(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),Ty),n=Math.max(Math.floor(t.height/2),Ty);k(e),B(n),Q(0),R(0)},X=function(){Z.current=!1};(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<Ty||n<Ty?(fl.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void p(!1)):e>=1350||n>=1350?(fl.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=V.findDOMNode(z.current),t=e.offsetWidth,n=e.offsetHeight;U.current=t,H.current=n}}),[g,y]);return(0,s.jsxs)("div",{className:wy,children:[(0,s.jsx)("div",{className:by,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:function(e){y?(e.stopPropagation(),e.preventDefault()):i(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:jy,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(Z.current&&b.current){var t=V.findDOMNode(b.current),n=t.offsetWidth,r=t.offsetHeight,a=e.clientX-W.current,i=e.clientY-Y.current,o=Math.floor(q.current+i),s=Math.floor(J.current+a);o<0?R(0):o>H.current-r-2?R(Math.max(H.current-r-2,0)):R(o),s<0?Q(0):s>U.current-n-2?Q(Math.max(U.current-n-2,0)):Q(s)}},onMouseUp:X,onMouseLeave:X,ref:L,children:(0,s.jsxs)("div",{className:_y,ref:z,children:[(0,s.jsx)("img",{src:t.imgUrl,className:Dy}),y&&(0,s.jsx)("div",{className:My,style:{position:"absolute",width:"".concat(E,"px"),height:"".concat(S,"px"),top:"".concat(T,"px"),left:"".concat(G,"px")},onMouseDown:function(e){W.current=e.clientX,Y.current=e.clientY;var t=V.findDOMNode(b.current);q.current=t.offsetTop,J.current=t.offsetLeft,Z.current=!0},ref:b,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})})]})})}),g&&(0,s.jsxs)("div",{className:Ey,children:[(0,s.jsx)("div",{className:ky,children:(0,s.jsxs)("div",{className:Cy,children:[(0,s.jsxs)("div",{className:Ny,children:[(0,s.jsxs)(ae.Z,{type:"primary",className:Sy,children:[(0,s.jsx)(gl.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&&vl(n[0],(function(e){if(e){var n=e.width,r=e.height;if(n<=20||r<=20)return A(null),K(),void fl.ZP.error(d.formatMessage({id:"common.watermarkSizeLimit"}));if(n>t.width||r>t.height)return A(null),K(),void fl.ZP.error(d.formatMessage({id:"common.watermarkSizeTooLarge"}));A(e),k(n),B(r),Q(0),R(0)}else A(null),K(),fl.ZP.error(d.formatMessage({id:"common.parsingDataFailure"}))}))}})]}),y?y.name:d.formatMessage({id:"common.noData"})]}),y&&(0,s.jsxs)("div",{className:By,children:[(0,s.jsx)(Xf.Z,{className:Py,style:{width:"160px"},min:0,max:t.width-Ty,precision:0,value:G,addonBefore:d.formatMessage({id:"common.distanceLeft"}),onChange:function(e){Q(e||0);var n=t.width;e&&e+E>n&&k(n-e)}}),(0,s.jsx)(Xf.Z,{className:Py,style:{width:"160px"},min:0,max:t.height-Ty,precision:0,value:T,addonBefore:d.formatMessage({id:"common.distanceTop"}),onChange:function(e){R(e||0);var n=t.height;e&&e+S>n&&B(n-e)}}),(0,s.jsx)(ae.Z,{type:"primary",className:Py,onClick:function(){if(w.current)fl.ZP.warning(d.formatMessage({id:"common.workHard"}));else{if(y){w.current=!0;var e=function(e,t,n,r){if(e&&t){var a=e.data,i=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>i&&(d=i-c);for(var m=new Uint8ClampedArray(a.length),f=0;f<o;f++)for(var g=0;g<i;g++){var h=4*(f*i+g);if(g<d||g>d+c||f<=u||f>=u+l)m[h]=a[h],m[h+1]=a[h+1],m[h+2]=a[h+2],m[h+3]=a[h+3];else{var p=4*(f*i+g-((u+1)*i+(f-(u+1))*(i-c))+c-d-1),v=[s[p],s[p+1],s[p+2],s[p+3]],x=[a[h],a[h+1],a[h+2],a[h+3]],y=Yu(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,i,o)}return null}(t.imageData,y.imageData,T,G);e?n(e):fl.ZP.error(d.formatMessage({id:"common.operationFailure"}))}w.current=!1}},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]})]})}),(0,s.jsx)(ae.Z,{className:Iy,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})};function Fy(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 Oy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fy(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fy(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Gy,Qy=function(e){return(0,s.jsx)(dy,Oy(Oy({},e),{},{type:"mosaic"}))},Zy=function(e){var t=e.imgInfo,n=e.imgDragOver,a=e.onDragOver,i=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("."))}jl(e,n)}};return(0,r.useEffect)((function(){v(70)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Zx,{imgInfo:t,imgDragOver:n,onDragOver:a,onDragLeave:i,onDrop:c}),(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsx)(Xf.Z,{className:Gx,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)(ae.Z,{type:"primary",className:Gx,onClick:function(){if(x.current)fl.ZP.warning(u.formatMessage({id:"common.workHard"}));else{var e=t.imageData,n=t.imgUrl,r=t.width,a=t.height,i=t.fileType;x.current=!0,["JPG","JPEG"].includes(i)?Hu(n,r,a,i,p,(function(e){e?y(e):fl.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1})):Hu(e,r,a,i,p,(function(e){e?y(e):fl.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1}))}},children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})};function Ly(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 zy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ly(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ly(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"}(Gy||(Gy={}));var Uy,Hy=function(){var e=(0,h.Z)(),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),a=n[0],i=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&&vl(t[0],(function(t){d(t),t||fl.ZP.error(e.formatMessage({id:"common.parsingDataFailure"}))}))},f=function(e){e.stopPropagation(),e.preventDefault(),a||i(!0)},g=function(e){e.stopPropagation(),e.preventDefault(),a&&i(!1)},p=function(e){e.stopPropagation(),e.preventDefault(),a&&i(!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,a=e.height,i=document.createElement("canvas"),o=i.getContext("2d");i.width=r,i.height=a,o.putImageData(e,0,0,0,0,r,a);var s="image/".concat(t?t.toLowerCase():"png");i.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(".")}jl(e,t)}}))}},imgDragOver:a,onDragOver:f,onDragLeave:g,onDrop:p,onClear:function(){d(null)}},x=[{id:Gy.basicOperation,label:e.formatMessage({id:"menu.imageProcessingTool.basicOperation"}),element:(0,s.jsx)(zx,zy({},v))},{id:Gy.rectClip,label:e.formatMessage({id:"menu.imageProcessingTool.rectangularClipping"}),element:(0,s.jsx)(gy,zy({},v))},{id:Gy.radiusClip,label:e.formatMessage({id:"menu.imageProcessingTool.roundedCornerClipping"}),element:(0,s.jsx)(py,zy({},v))},{id:Gy.changeSize,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTheSize"}),element:(0,s.jsx)(xy,zy({},v))},{id:Gy.changeBrightness,label:e.formatMessage({id:"menu.imageProcessingTool.modifyBrightness"}),element:(0,s.jsx)(yy,zy({},v))},{id:Gy.changeDiaphaneity,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTransparency"}),element:(0,s.jsx)(Ay,zy({},v))},{id:Gy.addWatermark,label:e.formatMessage({id:"menu.imageProcessingTool.addWatermark"}),element:(0,s.jsx)(Ry,zy({},v))},{id:Gy.coverWithMosaic,label:e.formatMessage({id:"menu.imageProcessingTool.coverWithMosaics"}),element:(0,s.jsx)(Qy,zy({},v))},{id:Gy.photoCompression,label:e.formatMessage({id:"menu.imageProcessingTool.imageCompression"}),element:(0,s.jsx)(Zy,zy({},v))}],y=(0,r.useState)(x[0].id),A=(0,o.Z)(y,2),w=A[0],b=A[1];return(0,s.jsx)("div",{className:Dx,children:(0,s.jsxs)("div",{className:Mx,children:[(0,s.jsx)(jx,{className:Ex,data:x,selectedTabId:w,onChange:function(e){b(e)}}),!u&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:kx,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:f,onDragLeave:g,onDrop:p,children:(0,s.jsxs)("div",{className:Bx,children:[(0,s.jsxs)(ae.Z,{type:"primary",className:Px,children:[(0,s.jsx)(gl.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:Ix,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Tx,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:Rx,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]})})},Vy=n(36646),Wy=function(e,t,n){var r=[];if(e&&e.length>0){var a=e.length;!function i(){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<a?i(o+1):n(r)}))}()}else n(r)},Yy=function(e,t){Wy(e,ju,t)},Jy=function(e,t){Wy(e,_u,t)},qy=function(e,t){Wy(e,Du,t)},Ky=function(e,t){Wy(e,Mu,t)},Xy=function(e,t){Wy(e,Eu,t)},$y=function(e,t){Wy(e,ku,t)},eA="VideoProcessingTool_container__BB0WX",tA="VideoProcessingTool_content__vEAlV",nA="VideoProcessingTool_tabs__IOPiv",rA="VideoProcessingTool_videoBox__VaAOO",aA="VideoProcessingTool_fileBox__-EqQu",iA="VideoProcessingTool_fileInfo__jcnht",oA="VideoProcessingTool_item__OfC05",sA="VideoProcessingTool_emptyBox__iij8A",cA="VideoProcessingTool_uploadBtn__dud8d",lA="VideoProcessingTool_text__HgRiy",uA="VideoProcessingTool_tips__owSoa",dA="VideoProcessingTool_tip__BWFDX",mA="VideoProcessingTool_operationBtns__ggNb4",fA="VideoProcessingTool_left__TwGNr",gA="VideoProcessingTool_operationBtn__VQXVB",hA="VideoProcessingTool_right__OL-TL",pA=function(e){var t=e.videoInfo,n=e.videoDragOver,r=e.onDragOver,a=e.onDragLeave,i=e.onDrop,o=(0,h.Z)();return(0,s.jsx)("div",{className:rA,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:a,onDrop:i,children:(0,s.jsxs)("div",{className:aA,children:[(0,s.jsx)("img",{src:t.firstImgUrl,alt:""}),(0,s.jsxs)("div",{className:iA,children:[(0,s.jsxs)("div",{className:oA,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:oA,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:oA,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:oA,children:[o.formatMessage({id:"common.size"}),"：",hl(t.size)]}),(0,s.jsxs)("div",{className:oA,children:[o.formatMessage({id:"common.duration"}),"：",pl(t.duration)]})]})]})})},vA={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}},xA=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,a=e.imgDataListToChunks,i=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,_x.Z)(vA)),g=function(e,r){e&&e.videoChunks?_l(e.videoChunks,t.name):t.imageDataList&&t.imageDataList.length>0&&n((function(){setTimeout((function(){r(t.imageDataList,(function(n){o.current&&a(n,(function(n){_l(n,t.name),e.videoChunks=n}))}))}),100)}))};return(0,s.jsxs)("div",{children:[(0,s.jsx)(pA,{videoInfo:t,videoDragOver:i,onDragOver:c,onDragLeave:l,onDrop:u}),(0,s.jsxs)("div",{className:mA,children:[(0,s.jsxs)("div",{className:fA,children:[(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.flipSideToSideStatus,Yy)},children:m.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.flipUpsideDownStatus,Jy)},children:m.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.leftRotateStatus,qy)},children:m.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.rightRotateStatus,Ky)},children:m.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.toGreyStatus,Xy)},children:m.formatMessage({id:"common.graying"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.toBlackAndWhiteStatus,$y)},children:m.formatMessage({id:"common.vampix"})})]}),(0,s.jsx)(ae.Z,{className:hA,ghost:!0,type:"primary",onClick:d,children:m.formatMessage({id:"common.clear"})})]})]})},yA=1e4,AA=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,a=e.imgDataListToChunks,i=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],b=A[1],j=(0,r.useState)(t.height),_=(0,o.Z)(j,2),D=_[0],M=_[1];(0,r.useRef)(!1);return(0,r.useEffect)((function(){b(t.width),M(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(pA,{videoInfo:t,videoDragOver:i,onDragOver:l,onDragLeave:u,onDrop:d}),(0,s.jsxs)("div",{className:mA,children:[(0,s.jsxs)("div",{className:fA,children:[(0,s.jsx)(Ux.Z,{className:gA,checked:v,onChange:function(e){x(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(w&&D)b(null),M(null);else if(w){var a=Math.floor(w*r/n);M(a)}else if(D){var i=Math.floor(D*n/r);b(i)}}else w||D||(b(n),M(r))},children:f.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(Xf.Z,{className:gA,style:{width:"160px"},min:1,max:yA,precision:0,value:w,addonBefore:f.formatMessage({id:"common.width"}),onChange:function(e){if(b(e),v&&e){var n=t.width,r=t.height,a=Math.floor(e*r/n);M(a)}}}),(0,s.jsx)(Xf.Z,{className:gA,style:{width:"160px"},min:1,max:yA,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,a=Math.floor(e*n/r);b(a)}}}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){w&&D?n((function(){setTimeout((function(){!function(e,t,n,r,a){var i=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=Uu(e[u],t,n,r,a,i);d&&s.push(d),u<c?l(u+1):o(s)}))};l()}else o(s)}(t.imageDataList,t.width,t.height,w,D,yA,(function(e){c.current&&a(e,(function(e){_l(e,t.name)}))}))}),100)})):fl.ZP.warning(f.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))},children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:hA,ghost:!0,type:"primary",onClick:m,children:f.formatMessage({id:"common.clear"})})]})]})},wA=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"})})},bA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},jA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},_A=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},DA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},MA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},EA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},kA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})};function CA(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 NA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?CA(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):CA(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"}(Uy||(Uy={}));var SA=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),a=(0,o.Z)(n,2),i=a[0],c=a[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),b=(0,o.Z)(w,2),j=b[0],_=b[1],D=(0,r.useRef)(null),M=(0,r.useRef)(null),E=(0,r.useRef)(null),k=(0,r.useRef)(null),C=(0,r.useRef)(0),N=(0,r.useRef)([]),S=function e(){if(f.current&&t.current&&E.current){var n=t.current,r=n.videoWidth,a=n.videoHeight;E.current.drawImage(t.current,0,0,r,a);var i=E.current.getImageData(0,0,r,a);N.current.push(i),C.current=window.requestAnimationFrame(e)}},B=function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;!A.current||r>=t.length?(null===(n=k.current)||void 0===n||n.stop(),A.current&&(A.current=!1,y(!1))):E.current&&(E.current.putImageData(t[r],0,0,0,0,t[0].width,t[0].height),C.current=window.requestAnimationFrame(e.bind(null,t,r+1)))},P=function(n){if(n&&0!==n.length){var r=n[0],a=r.type.split("/");if("video"===a[0]){f.current=!0,m(!0);var i=a[1].toUpperCase(),o=t.current,s=URL.createObjectURL(r);o.onloadeddata=function(){var e=o.videoWidth,t=o.videoHeight,n=o.duration,a=document.createElement("canvas");a.width=e,a.height=t;var c=a.getContext("2d");M.current=a,E.current=c,c.drawImage(o,0,0,e,t);var l=M.current.toDataURL("image/png"),u={name:r.name,fileType:i,size:r.size,width:e,height:t,duration:n,videoUrl:s,firstImgUrl:l,imageDataList:N.current};D.current=u,_(u),N.current.splice(0,N.current.length),S()},o.onended=function(){var e;null===(e=k.current)||void 0===e||e.stop(),f.current=!1,m(!1),C.current&&(window.cancelAnimationFrame(C.current),C.current=0)},o.onerror=function(){fl.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),D.current=null,_(null)},o.src=s}}},I=function(e){e.stopPropagation(),e.preventDefault(),i||c(!0)},T=function(e){e.stopPropagation(),e.preventDefault(),i&&c(!1)},R=function(e){e.stopPropagation(),e.preventDefault(),i&&c(!1);var t=e.dataTransfer.files;P(t)},F=function(){D.current=null,_(null),f.current=!1,m(!1),C.current&&(window.cancelAnimationFrame(C.current),C.current=0)};(0,r.useEffect)((function(){return F}),[]);var O={videoInfo:j,startgeneratingVideo:function(e){A.current=!0,y(!0),e()},imgDataListToChunks:function(e,t){if(e&&e.length>0&&M.current&&E.current){E.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",a=new MediaRecorder(n,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:r});a.ondataavailable=function(e){if(e.data&&e.data.size>0&&D.current){var n=[e.data];t(n)}},k.current=a,a.start(),B(e)}else t([])},videoDragOver:i,generatingVideoRef:A,onDragOver:I,onDragLeave:T,onDrop:R,onClear:function(){D.current=null,_(null)}},G=[{id:Uy.basicOperation,label:e.formatMessage({id:"menu.videoProcessingTool.basicOperation"}),element:(0,s.jsx)(xA,NA({},O))},{id:Uy.changeSize,label:e.formatMessage({id:"menu.videoProcessingTool.modifyTheSize"}),element:(0,s.jsx)(AA,NA({},O))},{id:Uy.clipping,label:e.formatMessage({id:"menu.videoProcessingTool.clipping"}),element:(0,s.jsx)(bA,NA({},O))},{id:Uy.combine,label:e.formatMessage({id:"menu.videoProcessingTool.combine"}),element:(0,s.jsx)(jA,NA({},O))},{id:Uy.varyingVelocity,label:e.formatMessage({id:"menu.videoProcessingTool.varyingVelocity"}),element:(0,s.jsx)(_A,NA({},O))},{id:Uy.addWatermark,label:e.formatMessage({id:"menu.videoProcessingTool.addWatermark"}),element:(0,s.jsx)(DA,NA({},O))},{id:Uy.generateGIF,label:e.formatMessage({id:"menu.videoProcessingTool.generateGIF"}),element:(0,s.jsx)(MA,NA({},O))},{id:Uy.AIGenerateSubtitles,label:e.formatMessage({id:"menu.videoProcessingTool.AIGenerateSubtitles"}),element:(0,s.jsx)(EA,NA({},O))},{id:Uy.addAudio,label:e.formatMessage({id:"menu.videoProcessingTool.addAudio"}),element:(0,s.jsx)(kA,NA({},O))}],Q=(0,r.useState)(G[0].id),Z=(0,o.Z)(Q,2),L=Z[0],z=Z[1];return(0,s.jsxs)("div",{className:eA,children:[(0,s.jsxs)("div",{className:tA,children:[(0,s.jsx)(jx,{className:nA,data:G,selectedTabId:L,onChange:function(e){z(e)}}),!j&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:rA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:I,onDragLeave:T,onDrop:R,children:(0,s.jsxs)("div",{className:sA,children:[(0,s.jsxs)(ae.Z,{type:"primary",className:cA,children:[(0,s.jsx)(gl.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;P(t)}})]}),(0,s.jsx)("p",{className:lA,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:uA,children:e.formatMessage({id:"common.supportedVideoType"})})]})}),(0,s.jsx)("div",{className:dA,children:e.formatMessage({id:"page.videoProcessingTool.tip"})})]}),j&&G.filter((function(e){return e.id===L}))[0].element]}),(0,s.jsx)("video",{style:{width:"".concat(null==j?void 0:j.width,"px"),height:"".concat(null==j?void 0:j.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)(Vy.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"common.parsingData"})}),(0,s.jsx)(ae.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)(Vy.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)(ae.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:function(){A.current=!1,y(!1),C.current&&(window.cancelAnimationFrame(C.current),C.current=0)},children:e.formatMessage({id:"common.cancel"})})]})})]})},BA=n(32370),PA=n(68023),IA=n(95131),TA=n(27240),RA=n(60532),FA=n(94432),OA=n(82658),GA=n(93450),QA=n(8690),ZA=n(37744),LA=n(17813),zA=n(3174),UA=n(5931),HA=n(71257),VA=n(17274),WA=n(87164),YA=n(61972),JA=n(6267);PA.D([TA.N,RA.N,FA.N,OA.N,GA.N,QA.N,ZA.N,LA.N,UA.N,HA.N,VA.N,WA.T,YA.z,JA.N,zA.N]);var qA=IA,KA=n(70794),XA=n(45969),$A=1e4,ew=1e3,tw=1e12,nw=1e9,rw=1e6,aw=1e3,iw=Object.freeze({thousand:"K",million:"M",billion:"B",trillion:"T"}),ow=/([0])\1{2}/,sw=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(tw)||e.isEqualTo(tw))return e.div(tw).toFormat(1)+iw.trillion;if((e.gte(nw)||e.isEqualTo(nw))&&e.lte(tw))return e.div(nw).toFormat(1)+iw.billion;if((e.gte(rw)||e.isEqualTo(rw))&&e.lte(tw)&&e.lte(nw))return e.div(rw).toFormat(1)+iw.million;if(e.gte($A))return e.div(aw).toFormat(1)+iw.thousand;if(e.gte(ew)&&e.lte($A))return e.div(aw).toFormat(2)+iw.thousand;var n=e.toFixed().split(".")[1];return e.lte(ew)&&!ow.test(n)?0===e.dp()?e.toFormat(0):e.dp(4).toNumber():e.lte(ew)&&ow.test(n)?"".concat(e.integerValue(KA.Z.ROUND_DOWN),".").concat(cw(n)):"N/A"},cw=function(e){for(var t=e.toString().split(""),n=[],r=1;r<=t.length&&new KA.Z(t[r]).isEqualTo(new KA.Z(t[r-1]));r++)new KA.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(""))},lw=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,XA.xbD)(e)||(0,XA.kKJ)(e))return"N/A";var n=new KA.Z(e),r=n.isNegative();if(r){var a=sw(n.absoluteValue(),t);return"N/A"===a||"0"===a?a:"-".concat(a)}return sw(n,t)},uw=function(e,t){var n=e.options,a=void 0===n?{}:n,i=e.renderType,o=void 0===i?"canvas":i,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,i,s,c=null==qA?void 0:qA.getInstanceByDom(g.current);if(h.current=c||(null==qA?void 0:qA.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"===(a.series&&(null!==(r=null===(i=a.series[0])||void 0===i?void 0:i.type)&&void 0!==r?r:"")))(null==a?void 0:a.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(a)}}),[a,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()}}),[a]),(0,s.jsx)("div",{ref:g,style:l})},dw=r.forwardRef(uw,{}),mw=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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,rr.Z)(t[0],"MM-dd"),"</span>$").concat(lw(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)(dw,{options:o,style:n,onClickChange:i,onHoverChange:a})},fw="Bar_container__hb+LN",gw="Bar_box__JphSL",hw="Bar_echart__tCYPn",pw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<60;t++){var n=new Date,r=(0,BA.Z)(n,60-t).valueOf(),i=8e3*(Math.random()-.5);e.push([r,i])}a(e)}()}),[]),(0,s.jsx)("div",{className:hw,children:(0,s.jsx)(mw,{data:{dataSource:n}})})},vw=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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 lw(e,!0)}}}],series:[{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(lw(e,!0))}}},{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(lw(+e,!0))}}},{type:"line",yAxisIndex:0,tooltip:{valueFormatter:function(e){return"$".concat(lw(e,!0))}}}],dataset:{source:[]}}),r=t.dataSource;return r?(n.dataset={source:r},n):n}),[t]);return(0,s.jsx)(dw,{options:o,style:n,onClickChange:i,onHoverChange:a})},xw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=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(),i=8e3*-Math.random(),o=r+i;e.push([n,r,i,o])}a(e)}()}),[]),(0,s.jsx)("div",{className:hw,children:(0,s.jsx)(vw,{data:{dataSource:n,legendData:[{name:"increase",icon:"rect"},{name:"decrease",icon:"rect"},{name:"sum"}]}})})},yw=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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 a=Object.keys(r),i=[],o=["product"],s=0,c=function(e){var t=a[e],c=r[t],l=Object.keys(c);e===a.length-1&&(o=o.concat(l),i.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)})),i.push(u)},l=a.length-1;l>=0;l--)c(l);if(e.dataset.source=i,s>1)for(var u=e.series.shift(),d=s-1;d>=0;d--){var m=(0,_x.Z)(u);e.series.push(m)}return e.tooltip.formatter=function(e,t){if(t.startsWith("item")){var a,i=e.name,o=e.seriesName,s=e.color,c=i;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===i){c=d;break}}var m=null!==(a=r[c][o])&&void 0!==a?a:[],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,a=e.seriesName,i=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(i,"'></div>\n          <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(a,"</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)(dw,{options:c,style:n,onClickChange:i,onHoverChange:a,onGlobalout:l,ref:o})},Aw=function(){var e=(0,r.useState)({}),t=(0,o.Z)(e,2),n=t[0],a=t[1];return(0,r.useEffect)((function(){a({"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:hw,children:(0,s.jsx)(yw,{data:{dataSource:n}})})},ww=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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(lw(e,!0))}},itemStyle:{borderRadius:9}},{type:"line",smooth:!0,symbol:"none",tooltip:{valueFormatter:function(e){return"$".concat(lw(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)(dw,{options:o,style:n,onClickChange:i,onHoverChange:a})},bw=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],jw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=t[1];return(0,r.useEffect)((function(){!function(){var e=[["project","type1","type2"]];bw.forEach((function(t){var n=8e3*Math.random()+1e3,r=n+1e3*Math.random()+1e3;e.push([t,n,r])})),a(e)}()}),[]),(0,s.jsx)("div",{className:hw,children:(0,s.jsx)(ww,{data:{dataSource:n}})})},_w=we.GridBox,Dw=[{element:(0,s.jsx)(pw,{})},{element:(0,s.jsx)(xw,{})},{element:(0,s.jsx)(Aw,{})},{element:(0,s.jsx)(jw,{})}],Mw=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:fw,children:(0,s.jsx)(we,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Dw.map((function(e,t){return(0,s.jsx)(_w,{children:(0,s.jsx)("div",{className:gw,children:e.element})},t)}))})})},Ew=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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 lw(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(lw(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)(dw,{options:o,style:n,onClickChange:i,onHoverChange:a})},kw="Pie_container__7WS5q",Cw="Pie_box__iB+Jb",Nw="Pie_echart__9ruPj",Sw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=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])}a(e)}()}),[]),(0,s.jsx)("div",{className:Nw,children:(0,s.jsx)(Ew,{data:{dataSource:n}})})},Bw="Pie2_container__1kWGu",Pw="Pie2_chartBox__WFi8U",Iw="Pie2_rightBox__qDUHz",Tw="Pie2_item__gvlG9",Rw="Pie2_rect__cmCdf",Fw="Pie2_name__MCsdh",Ow="Pie2_value__lMuMg",Gw=function(e){var t,n=e.data,a=e.style,i=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(lw(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(lw(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:Bw,children:[(0,s.jsx)("div",{className:Pw,children:(0,s.jsx)(dw,{options:u,style:a,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),i&&i(e)},ref:c})}),(0,s.jsx)("div",{className:Iw,children:null==n||null===(t=n.dataSource)||void 0===t?void 0:t.map((function(e,t){return(0,s.jsxs)("div",{className:Tw,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:Rw,style:{backgroundColor:b[t]}}),(0,s.jsx)("div",{className:Fw,children:e[0]}),(0,s.jsx)("div",{className:Ow,children:"$".concat(e[1])})]},t)}))})]})},Qw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=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),i=8e3*Math.random();e.push([r,i])}a(e)}()}),[]),(0,s.jsx)("div",{className:Nw,children:(0,s.jsx)(Gw,{data:{dataSource:n}})})},Zw=we.GridBox,Lw=[{element:(0,s.jsx)(Sw,{})},{element:(0,s.jsx)(Qw,{})}],zw=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:kw,children:(0,s.jsx)(we,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Lw.map((function(e,t){return(0,s.jsx)(Zw,{children:(0,s.jsx)("div",{className:Cw,children:e.element})},t)}))})})},Uw=[{path:"/html",children:[{path:"/html/visualDesign",element:(0,s.jsx)(wr,{})},{path:"/html/interactiveDesign",element:(0,s.jsx)(pc,{})},{path:"/html/backgroundEffect",element:(0,s.jsx)(Ac,{})},{path:"/html/complexLayout",element:(0,s.jsx)(Ic,{})},{path:"/html/appPageFrame",element:(0,s.jsx)(cl,{})},{path:"/html/utilitarianFunction",element:(0,s.jsx)(sd,{})}]},{path:"/css",children:[{path:"/css/dynamicButtons",element:(0,s.jsx)(vm,{})},{path:"/css/richDynamicEffect",element:(0,s.jsx)(qf,{})},{path:"/css/generateRegularPolygon",element:(0,s.jsx)(sg,{})}]},{path:"/canvas",children:[{path:"/canvas/sphereCollisionExample",element:(0,s.jsx)(Ag,{})},{path:"/canvas/dynamicClock",element:(0,s.jsx)(jg,{})},{path:"/canvas/searchlight",element:(0,s.jsx)(Mg,{})},{path:"/canvas/globuleInteraction",element:(0,s.jsx)(Sg,{})},{path:"/canvas/killPlanetGame",element:(0,s.jsx)(Gg,{})},{path:"/canvas/freeFallingBody",element:(0,s.jsx)(Yg,{})},{path:"/canvas/countDown",element:(0,s.jsx)(oh,{})},{path:"/canvas/particlesBg",element:(0,s.jsx)(ch,{})},{path:"/canvas/rippleFloatOnTheWater",element:(0,s.jsx)(hh,{})},{path:"/canvas/flowerBloom",element:(0,s.jsx)(wh,{})},{path:"/canvas/codeBgWall",element:(0,s.jsx)(Dh,{})},{path:"/canvas/wordDance",element:(0,s.jsx)(Nh,{})},{path:"/canvas/scratch",element:(0,s.jsx)(Ph,{})},{path:"/canvas/matchLine",element:(0,s.jsx)(Uh,{})}]},{path:"/echarts",children:[{path:"/echarts/bar",element:(0,s.jsx)(Mw,{})},{path:"/echarts/pie",element:(0,s.jsx)(zw,{})}]},{path:"/threejs",children:[{path:"/threejs/threejsAppPageFrame",element:(0,s.jsx)(ip,{})},{path:"/threejs/carShow",element:(0,s.jsx)(Ap,{})},{path:"/threejs/rubiksCube",element:(0,s.jsx)(Np,{})},{path:"/threejs/throwDice",element:(0,s.jsx)(Lp,{})},{path:"/threejs/mapDisplay",element:(0,s.jsx)(_v,{})},{path:"/threejs/earthDisplay",element:(0,s.jsx)(ax,{})}]},{path:"/AIApplication",children:[{path:"/AIApplication/humanPostureDetection",element:(0,s.jsx)(fx,{})},{path:"/AIApplication/notBlockPeopleBarrage",element:(0,s.jsx)(wx,{})}]},{path:"/imageProcessingTool",element:(0,s.jsx)(Hy,{})},{path:"/videoProcessingTool",element:(0,s.jsx)(SA,{})}],Hw=[{path:"/*",element:(0,s.jsx)(pe,{})}],Vw=n(29558),Ww={"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.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.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.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.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."}},Yw=function(){var e=d().locale,t=(0,m.V$)(Hw);return(0,s.jsx)("div",{className:"app_container",translate:"no",children:(0,s.jsx)(Vw.Z,{locale:e||"en-us",messages:Ww[e||"en-us"],children:t})})},Jw=document.getElementById("root");Jw&&(0,a.s)(Jw).render((0,s.jsx)(u,{children:(0,s.jsx)(i.UT,{children:(0,s.jsx)(Yw,{})})}))},75410:function(){},48628:function(){},75042:function(){}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={id:e,loaded:!1,exports:{}};return r[e].call(n.exports,n,n.exports,i),n.loaded=!0,n.exports}i.m=r,i.amdD=function(){throw new Error("define cannot be used indirect")},i.amdO={},e=[],i.O=function(t,n,r,a){if(!n){var o=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],a=e[u][2];for(var s=!0,c=0;c<n.length;c++)(!1&a||o>=a)&&Object.keys(i.O).every((function(e){return i.O[e](n[c])}))?n.splice(c--,1):(s=!1,a<o&&(o=a));if(s){e.splice(u--,1);var l=r();void 0!==l&&(t=l)}}return t}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[n,r,a]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},i.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 a=Object.create(null);i.r(a);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},i.d(a,o),a},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},function(){var e;i.g.importScripts&&(e=i.g.location+"");var t=i.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(/\/[^\/]+$/,"/"),i.p=e}(),function(){var e={179:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,o=n[0],s=n[1],c=n[2],l=0;if(o.some((function(t){return 0!==e[t]}))){for(r in s)i.o(s,r)&&(i.m[r]=s[r]);if(c)var u=c(i)}for(t&&t(n);l<o.length;l++)a=o[l],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return i.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=i.O(void 0,[845,61,294,24,968,501],(function(){return i(305)}));o=i.O(o)}();
\ No newline at end of file
+!function(){var e,t,n,r={305:function(e,t,n){"use strict";var r=n(67294),a=n(20745),i=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),a=(0,o.Z)(n,2),i=a[0],u=a[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],b=A[1],j=(0,r.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;b(e),l.current&&l.current.scrollTop!==e&&(l.current.scrollTop=e)}),[]);return(0,s.jsx)(c.Provider,{value:{locale:i,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:j,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(39525),v=n(61032),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),a=function r(){if(t.current){var a=t.current,i=a.screenLeft,o=a.screenTop;if(i!==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(a),function(){n.current&&window.cancelAnimationFrame(n.current)}}),[]),t.current},w=function(e,t,n,a){var i=(0,r.useRef)(Math.random().toString(36).substring(2)),s=(0,r.useState)(null),c=(0,o.Z)(s,2),l=c[0],u=c[1],d=(0,r.useRef)(""),m=(0,r.useRef)(!1),f=(0,r.useRef)(0),g=(0,r.useRef)(0),h=(0,r.useCallback)((function(){if(e&&m.current){var t=document.getElementById(e);if(t){var n,r=0,o=0;if(null!=a&&a.current){var s=a.current.getBoundingClientRect(),c=s.top,l=s.left,u=s.width,d=s.height;r=l+window.screenLeft+u/2,o=c+window.screenTop+d/2}else r=window.innerWidth/2+window.screenLeft,o=window.innerHeight/2+window.screenTop;var f={pageId:i.current,x:r,y:o};console.log(333),null===(n=t.contentWindow)||void 0===n||n.postMessage(JSON.stringify(f),"*")}}}),[]),p=(0,r.useCallback)((function(){if(e&&d.current&&m.current){var t=document.getElementById(e);if(t){var r;f.current=0;var a={pageId:i.current,keepAlive:!0,timestamp:(new Date).getTime()};null===(r=t.contentWindow)||void 0===r||r.postMessage(JSON.stringify(a),"*"),g.current||(g.current=window.setTimeout((function(){g.current=0,window.localStorage.removeItem(n),d.current="",u(null)}),1500))}}}),[]),v=(0,r.useCallback)((function(e){console.log(777,e),e.origin===t&&(e.data?e.data.includes("keepAlive")?window.localStorage.setItem("keepAliveInfo",e.data):window.localStorage.setItem(n,e.data):(window.localStorage.setItem("keepAliveInfo",""),window.localStorage.setItem(n,"")))}),[]),x=(0,r.useCallback)((function(e){if("keepAliveInfo"===e.key){if(e.newValue){var t=JSON.parse(e.newValue);t&&t.pageId===d.current&&g.current&&(window.clearTimeout(g.current),g.current=0)}}else if(e.key===n)if(e.newValue){var r=JSON.parse(e.newValue);r?(d.current=r.pageId,u(r)):(d.current="",u(null))}else d.current="",u(null)}),[]),y=(0,r.useCallback)((function(){window.self===window.top&&(h(),function(){var e=window.localStorage.getItem(n);if(e){var t=JSON.parse(e);t?(d.current=t.pageId,u(t)):(d.current="",u(null))}else d.current="",u(null)}())}),[]);return A(y),(0,r.useLayoutEffect)((function(){if(window.addEventListener("message",v,!1),window.self===window.top&&e&&null!=a&&a.current){var n=document.createElement("iframe");n.id=e,n.style.visibility="hidden",console.log(222),n.onload=function(){console.log("iframe ready"),m.current=!0,y(),window.addEventListener("storage",x),window.addEventListener("resize",y),f.current=window.setInterval((function(){p()}),600)},n.src=t,a.current.appendChild(n)}return function(){window.removeEventListener("message",v),window.self===window.top&&(window.removeEventListener("storage",x),window.removeEventListener("resize",y),f.current&&window.clearInterval(f.current),g.current&&window.clearTimeout(g.current))}}),[]),{thatPageInfo:l,resendMessage:y}},b=["#F2BB00","#16BA79","#2454E6","#5470c6","#ea7ccc","#91cc75","#ee6666","#73c0de","#3ba272","#9a60b4"],j="bIframe",_="https://michellez.cn",D="InteractionEyes_container__nC6-d",M="InteractionEyes_eye__zDx2I",E="InteractionEyes_heart__G9lnP",k="InteractionEyes_eyeball__hK-+b",C=function(){var e=d().locale,t=(0,r.useRef)(null),n=w(j,_,"bPageInfo",t),a=n.thatPageInfo,i=n.resendMessage;(0,r.useEffect)((function(){i()}),[e]);var o=(0,r.useMemo)((function(){if(t.current&&a){var e=a.x,n=a.y,r=t.current.getBoundingClientRect(),i=r.top,o=r.left,s=r.width,c=r.height,l=o+window.screenLeft+s/2,u=i+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}),[a]);return(0,s.jsx)("div",{className:D,ref:t,children:o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:M,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:E}):(0,s.jsx)("div",{className:k,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})}),(0,s.jsx)("div",{className:M,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:E}):(0,s.jsx)("div",{className:k,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})})]})})},N=n.p+"images/235f02ed.jpeg",S=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 P(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,S.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 I=function(e){return(0,s.jsx)("svg",P(P({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 T(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 R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=function(e){return(0,s.jsx)("svg",R(R({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"})]})}))},O="Header_container__4tC+Z",G="Header_left__7u7-T",Q="Header_title__T9B5R",Z="Header_right__qQAPq",L="Header_btn__osEo4",z="Header_rewardModal__LMM8K",U="Header_closeBtn__p4OnE",H=function(){var e=(0,h.Z)(),t=d(),n=t.locale,a=t.setLocale,i=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;i(e)}}),[]),(0,s.jsxs)("div",{className:O,ref:c,children:[(0,s.jsxs)("div",{className:G,children:[(0,s.jsx)("div",{className:Q,onClick:function(){var e,t=document.getElementById(j);t&&(null===(e=t.contentWindow)||void 0===e||e.postMessage("autoSavePassword",_));window.open("".concat(_,"/#/main?password=").concat("123456"),"_blank","top=200,left=100")},children:e.formatMessage({id:"common.logoName"})}),(0,s.jsx)(C,{})]}),(0,s.jsxs)("div",{className:Z,children:[(0,s.jsx)(p.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.reward"}),children:(0,s.jsx)("div",{className:L,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:L,onClick:function(){a("zh-cn"===n?"en-us":"zh-cn")},children:"zh-cn"===n?(0,s.jsx)(F,{}):(0,s.jsx)(I,{})})})]}),(0,s.jsxs)(v.Z,{wrapClassName:z,title:e.formatMessage({id:"common.reward"}),open:m,footer:null,maskClosable:!1,width:320,children:[(0,s.jsx)("div",{className:U,onClick:function(){f(!1)},children:(0,s.jsx)(y.Z,{})}),(0,s.jsx)("img",{src:N,alt:""}),(0,s.jsx)("p",{children:e.formatMessage({id:"common.reward.tip"})})]})]})},V=n(73935),W=n(7278),Y=n(93483),J=n(29934),q=n(3682),K=n(50161),X=n(90894),$=n(53587),ee=n(22608),te=n(1351),ne=n(76629),re=n(85191),ae=n(71577),ie=n(7149),oe="Menus_container__dz5ma",se="Menus_topBox__EoJUd",ce="Menus_top__a7CPT",le="Menus_menuLabel__eOdiw",ue="Menus_bottom__dStLR";function de(e,t,n,r,a){return{key:t,icon:n,children:r,label:(0,s.jsx)("p",{className:le,children:e}),type:a}}var me=function(){var e=(0,h.Z)(),t=(0,m.s0)(),n=(0,m.TH)(),a=(0,r.useState)(!1),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=d().setMenuWidth,f=(0,r.useRef)(null),g=[de(e.formatMessage({id:"menu.htmlVision"}),"html",(0,s.jsx)(W.Z,{}),[de(e.formatMessage({id:"menu.htmlVision.visualDesign"}),"visualDesign"),de(e.formatMessage({id:"menu.htmlVision.interactiveDesign"}),"interactiveDesign"),de(e.formatMessage({id:"menu.htmlVision.backgroundPattern"}),"backgroundEffect"),de(e.formatMessage({id:"menu.htmlVision.complexLayout"}),"complexLayout"),de(e.formatMessage({id:"menu.htmlVision.applicationPageFrame"}),"appPageFrame"),de(e.formatMessage({id:"menu.htmlVision.utilitarianFunction"}),"utilitarianFunction")]),de(e.formatMessage({id:"menu.cssDynamicEffect"}),"css",(0,s.jsx)(Y.Z,{}),[de(e.formatMessage({id:"menu.cssDynamicEffect.dynamicEffectButton"}),"dynamicButtons"),de(e.formatMessage({id:"menu.cssDynamicEffect.richDynamicEffect"}),"richDynamicEffect"),de(e.formatMessage({id:"menu.cssDynamicEffect.generateRegularPolygon"}),"generateRegularPolygon")]),de(e.formatMessage({id:"menu.canvasDynamicEffect"}),"canvas",(0,s.jsx)(J.Z,{}),[de(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionExample"}),"sphereCollisionExample"),de(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicClock"}),"dynamicClock"),de(e.formatMessage({id:"menu.canvasDynamicEffect.searchlightEffect"}),"searchlight"),de(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionInteraction"}),"globuleInteraction"),de(e.formatMessage({id:"menu.canvasDynamicEffect.destroyThePlanetGame"}),"killPlanetGame"),de(e.formatMessage({id:"menu.canvasDynamicEffect.sphereFreeFallInteraction"}),"freeFallingBody"),de(e.formatMessage({id:"menu.canvasDynamicEffect.coolCountdownAnimation"}),"countDown"),de(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicParticleBackground"}),"particlesBg"),de(e.formatMessage({id:"menu.canvasDynamicEffect.rippleEffect"}),"rippleFloatOnTheWater"),de(e.formatMessage({id:"menu.canvasDynamicEffect.flowerBloomingAnimation"}),"flowerBloom"),de(e.formatMessage({id:"menu.canvasDynamicEffect.codeBackgroundWall"}),"codeBgWall"),de(e.formatMessage({id:"menu.canvasDynamicEffect.wordDance"}),"wordDance"),de(e.formatMessage({id:"menu.canvasDynamicEffect.scratch"}),"scratch"),de(e.formatMessage({id:"menu.canvasDynamicEffect.matchLine"}),"matchLine")]),de(e.formatMessage({id:"menu.echartsInteraction"}),"echarts",(0,s.jsx)(q.Z,{}),[de(e.formatMessage({id:"menu.echartsInteraction.barCharts"}),"bar"),de(e.formatMessage({id:"menu.echartsInteraction.pieCharts"}),"pie")]),de(e.formatMessage({id:"menu.threeJs3D"}),"threejs",(0,s.jsx)(K.Z,{}),[de(e.formatMessage({id:"menu.threeJs3D.appPageFrame"}),"threejsAppPageFrame"),de(e.formatMessage({id:"menu.threeJs3D.carShow"}),"carShow"),de(e.formatMessage({id:"menu.threeJs3D.rubiksCube"}),"rubiksCube"),de(e.formatMessage({id:"menu.threeJs3D.throwDice"}),"throwDice"),de(e.formatMessage({id:"menu.threeJs3D.mapDisplay"}),"mapDisplay"),de(e.formatMessage({id:"menu.threeJs3D.earthDisplay"}),"earthDisplay")]),de(e.formatMessage({id:"menu.AIApplication"}),"AIApplication",(0,s.jsx)(X.Z,{}),[de(e.formatMessage({id:"menu.AIApplication.humanPostureDetection"}),"humanPostureDetection"),de(e.formatMessage({id:"menu.AIApplication.notBlockPeopleBarrage"}),"notBlockPeopleBarrage")]),de(e.formatMessage({id:"menu.imageProcessingTool"}),"imageProcessingTool",(0,s.jsx)($.Z,{})),de(e.formatMessage({id:"menu.videoProcessingTool"}),"videoProcessingTool",(0,s.jsx)(ee.Z,{}))],p=(0,r.useCallback)((0,re.Z)((function(){var e=V.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("/"),a=r[r.length-1];a&&t.push(a)}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:oe,ref:f,children:[(0,s.jsxs)("div",{className:se,children:[(0,s.jsx)("div",{className:ce,children:(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){l(!c)},style:{marginBottom:16},children:c?(0,s.jsx)(te.Z,{}):(0,s.jsx)(ne.Z,{})})}),(0,s.jsx)(ie.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:ue,children:!c&&(0,s.jsx)("span",{children:e.formatMessage({id:"common.keepUpdating"})})})]})},fe="Home_container__RMLhs",ge="Home_container_body__-OVNZ",he="Home_container_content__q7A-W",pe=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,a=(0,m.V$)(Uw),i=(0,m.TH)(),o=(0,m.s0)(),c=(0,r.useRef)(null);return(0,r.useEffect)((function(){var e=i.pathname;e&&"/"!==e||o("/html/visualDesign")}),[i]),(0,r.useEffect)((function(){n(c)}),[]),(0,s.jsxs)("div",{className:fe,children:[(0,s.jsx)(H,{}),(0,s.jsxs)("div",{className:ge,children:[(0,s.jsx)(me,{}),(0,s.jsx)("div",{className:he,onScroll:function(){var e;t(null===(e=c.current)||void 0===e?void 0:e.scrollTop)},ref:c,children:a})]})]})},ve=n(94184),xe=n.n(ve),ye={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"},Ae=function(e){var t,n=e.differentScreenCols,a=e.rowSpace,i=void 0===a?0:a,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:xe()((t={},(0,S.Z)(t,ye.container,!0),(0,S.Z)(t,ye["gt2000-".concat(m[0])],!0),(0,S.Z)(t,ye["eq1700_2000-".concat(m[1])],!0),(0,S.Z)(t,ye["eq1400_1700-".concat(m[2])],!0),(0,S.Z)(t,ye["eq1200_1400-".concat(m[3])],!0),(0,S.Z)(t,ye["eq500_1200-".concat(m[4])],!0),(0,S.Z)(t,ye["lt500-".concat(m[5])],!!m[5]),t)),children:(0,s.jsx)("div",{className:"".concat(ye.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:i,colSpace:c})})):d||null})})};Ae.GridBox=function(e){var t=e.key,n=e.className,r=e.rowSpace,a=void 0===r?0:r,i=e.colSpace,o=void 0===i?0:i,c=e.children;return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",padding:"".concat(a/2,"px ").concat(o/2,"px")},className:n,children:c},t)};var we=Ae,be="GlassMimicry1_container__3KhAO",je="GlassMimicry1_card__WwxgS",_e="GlassMimicry1_circle__DoolB",De="GlassMimicry1_rect__Or-6t",Me=function(){return(0,s.jsxs)("div",{className:be,children:[(0,s.jsxs)("div",{className:je,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:_e}),(0,s.jsx)("div",{className:De})]})},Ee="GlassMimicry2_container__S445M",ke="GlassMimicry2_card__3l4Ng",Ce="GlassMimicry2_circle__VaL67",Ne="GlassMimicry2_rect__qdTWE",Se=function(){return(0,s.jsxs)("div",{className:Ee,children:[(0,s.jsxs)("div",{className:ke,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:Ce}),(0,s.jsx)("div",{className:Ne})]})},Be="MixBlendMode_container__Fh1Tw",Pe="MixBlendMode_content__0uwYQ",Ie=function(){return(0,s.jsx)("div",{className:Be,children:(0,s.jsx)("div",{className:Pe})})},Te=function(e,t){var n=e.finalText,a=void 0===n?"":n,i=e.textList,c=void 0===i?[]:i,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?a: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),b=(0,r.useRef)(0),j=(0,r.useCallback)((function(){var e=(new Date).getTime();if(e-w.current>=m)y(a),h.current=-1,b.current=e;else if(e-b.current>=u){var t=-1===h.current?0:h.current+1;t>=c.length&&(t=0),y(c[t]),h.current=t,b.current=e}A.current=requestAnimationFrame(j)}),[m]),_=(0,r.useCallback)((function(){var e=(new Date).getTime();w.current=e,b.current=e,A.current=requestAnimationFrame(j)}),[]),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)}))})},Re=r.forwardRef(Te),Fe="SwitchingText_container__9ICqS",Oe="SwitchingText_content__6PttP",Ge="SwitchingText_btn__9UW9Y",Qe=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Fe,children:[(0,s.jsx)(Re,{className:Oe,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)(ae.Z,{type:"primary",className:Ge,onClick:function(){var t;null===(t=e.current)||void 0===t||t.restart()},children:"Once Again"})]})},Ze=n(13614),Le=n.n(Ze),ze="Typed1_container__2a+Le",Ue="Typed1_btn__5+jTK",He=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(Le())(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:ze,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(ae.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"})]})},Ve="Typed2_container__XvJpL",We="Typed2_btn__lqx2D",Ye=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(Le())(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:Ve,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(ae.Z,{type:"primary",className:We,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"})]})},Je=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 a=r.offsetWidth;return document.body.removeChild(r),a},qe=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,a=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],i="",o="",s="";if(!e||t<n||"string"!=typeof e)return i;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,i=s+=m,l.innerText=s;var f=l.offsetWidth;if(f>t){i=a?o+"...":o;break}}return document.body.removeChild(l),i};function Ke(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 Xe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ke(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ke(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var $e=function(e){var t=e.text,n=void 0===t?"":t,a=e.lineNum,i=void 0===a?1:a,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],b=A[1],j=(0,r.useRef)(!1),_=(0,r.useMemo)((function(){var e=n,t=!1,r=Math.max(u,12);if(w)if(qe(n,w*i,p,v).endsWith("...")&&(t=!0),t){var a=Je("...",p,v),o=0;c&&(o=Je(c,r,m)),e=qe(n,w*i-a-o-2,p,v)}else e=n;return t!==j.current&&(j.current=t,h&&h(t)),{textStyle:Xe({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,i,n,c,u,g]),D=(0,r.useCallback)((function(){if(x.current){var e=V.findDOMNode(x.current);b(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})]})},et="AutoEllipsisText_container__2dFtS",tt=function(){var e=(0,h.Z)(),t=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows"}),n=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows2"}),a=(0,r.useState)(!1),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=function(e){l(e)};return(0,s.jsxs)("div",{className:et,children:[c?(0,s.jsx)(p.Z,{placement:"top",title:t,children:(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)($e,{text:t,style:{fontSize:"24px"},onTextOverChange:u})})}):(0,s.jsx)($e,{text:t,style:{fontSize:"24px"},onTextOverChange:u}),(0,s.jsx)($e,{text:n.repeat(4),style:{fontSize:"24px",marginTop:"40px"}}),(0,s.jsx)($e,{text:n.repeat(8),lineNum:2,style:{fontSize:"16px",marginTop:"40px"},buttonText:"More",buttonTextSize:16})]})},nt=n.p+"images/c5e4532e.jpg",rt="FilterCSS_container__HnHaW",at="FilterCSS_left__dim3U",it="FilterCSS_right__MsfmE",ot=function(){var e=(0,h.Z)();return(0,s.jsxs)("div",{className:rt,children:[(0,s.jsxs)("div",{className:at,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.brighten"})}),(0,s.jsx)("img",{src:nt,alt:""})]}),(0,s.jsxs)("div",{className:it,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.grayed"})}),(0,s.jsx)("img",{src:nt,alt:""})]})]})},st="BgFusion_container__VJAbX",ct=function(){return(0,s.jsx)("div",{className:st})},lt={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"},ut=new Array(3).fill(0),dt=function(){return(0,s.jsx)("div",{className:lt.container,children:ut.map((function(e,t){return(0,s.jsxs)("div",{className:lt["box".concat(t+1)],children:[(0,s.jsx)("div",{className:lt.leftTopRect}),(0,s.jsx)("div",{className:lt.circle}),(0,s.jsx)("div",{className:lt.middleRect}),(0,s.jsx)("div",{className:lt.bottomRect})]},t)}))})},mt={container:"ShearAngle_container__tRA3S",box1:"ShearAngle_box1__5M-bD",box2:"ShearAngle_box2__n9GvI",box3:"ShearAngle_box3__uaxeG"},ft=new Array(3).fill(0),gt=function(){return(0,s.jsx)("div",{className:mt.container,children:ft.map((function(e,t){return(0,s.jsx)("div",{className:mt["box".concat(t+1)]},t)}))})},ht="AnnulusLoading_container__r9c4O",pt="AnnulusLoading_content__3Beje",vt="AnnulusLoading_item7__AQC4n",xt="AnnulusLoading_item6__+tYBR",yt="AnnulusLoading_item5__PkkRq",At="AnnulusLoading_item4__C2KqR",wt="AnnulusLoading_item3__sTLBN",bt="AnnulusLoading_item2__29w+l",jt="AnnulusLoading_item1__kaRKn",_t=function(){return(0,s.jsx)("div",{className:ht,children:(0,s.jsxs)("div",{className:pt,children:[(0,s.jsx)("div",{className:jt}),(0,s.jsx)("div",{className:bt}),(0,s.jsx)("div",{className:wt}),(0,s.jsx)("div",{className:At}),(0,s.jsx)("div",{className:yt}),(0,s.jsx)("div",{className:xt}),(0,s.jsx)("div",{className:vt})]})})},Dt=n.p+"images/7380e6f7.jpg",Mt=n.p+"images/ba36f098.jpg",Et=n.p+"images/e7c8df7d.jpg",kt=n.p+"images/06a46209.jpg",Ct=n.p+"images/ed6d9a11.jpg",Nt=n.p+"images/271a66ed.jpg",St=n.p+"images/2506df73.jpg",Bt="Honeycomb_container__gPdSS",Pt="Honeycomb_content__Dufrz",It=function(){return(0,s.jsx)("div",{className:Bt,children:(0,s.jsxs)("div",{className:Pt,children:[(0,s.jsx)("img",{src:Dt,alt:""}),(0,s.jsx)("img",{src:Mt,alt:""}),(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:kt,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:Nt,alt:""}),(0,s.jsx)("img",{src:St,alt:""})]})})},Tt="PizzaPie_container__+jqg8",Rt="PizzaPie_content__nr36j",Ft=function(){return(0,s.jsx)("div",{className:Tt,children:(0,s.jsxs)("div",{className:Rt,children:[(0,s.jsx)("img",{src:Dt,alt:""}),(0,s.jsx)("img",{src:Mt,alt:""}),(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:kt,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:Nt,alt:""})]})})},Ot="AnnulusProgressBar_container__t7uE8",Gt="AnnulusProgressBar_content__aiBoG",Qt="AnnulusProgressBar_box__Wl9L-",Zt="AnnulusProgressBar_circleOuter__OmSUl",Lt="AnnulusProgressBar_num__CAG59",zt=function(){var e=(0,r.useState)(0),t=(0,o.Z)(e,2)[1],n=(0,r.useRef)(0),a=(0,r.useRef)(0),i=function e(){var r=471,i=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),i&&(i.style.strokeDashoffset="".concat(r.toString()));a.current=window.requestAnimationFrame(e)};return(0,r.useEffect)((function(){return i(),function(){a.current&&cancelAnimationFrame(a.current)}}),[]),(0,s.jsx)("div",{className:Ot,children:(0,s.jsx)("div",{className:Gt,children:(0,s.jsxs)("div",{className:Qt,children:[(0,s.jsx)("div",{className:Zt}),(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:Lt,children:"".concat(Math.floor(n.current),"%")})]})})})},Ut={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-"},Ht=new Array(15).fill(0),Vt=function(){return(0,s.jsx)("div",{className:Ut.container,children:(0,s.jsx)("div",{className:Ut.content,children:Ht.map((function(e,t){return(0,s.jsx)("span",{className:Ut["span".concat(t)]},t)}))})})},Wt={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"},Yt=new Array(9).fill(0),Jt=function(){return(0,s.jsx)("div",{className:Wt.container,children:(0,s.jsx)("div",{className:Wt.content,children:Yt.map((function(e,t){return(0,s.jsx)("div",{className:Wt["item".concat(t)]},t)}))})})},qt="TextWrap_container__vVl1N",Kt="TextWrap_topText__eHwkJ",Xt="TextWrap_poly__EwnPy",$t="TextWrap_leftFloat__Uo9rJ",en="TextWrap_rightFloat__ezXwd",tn=function(){var e=(0,h.Z)().formatMessage({id:"page.htmlVision.visualDesign.quantumEntanglementTip"});return(0,s.jsxs)("div",{className:qt,children:[(0,s.jsx)("div",{className:Kt,children:e.repeat(40)}),(0,s.jsx)("div",{className:"".concat(Xt," ").concat($t)}),(0,s.jsx)("div",{className:"".concat(Xt," ").concat(en)}),(0,s.jsx)("span",{children:e.repeat(180)})]})},nn="WaterDropLogin_container__d6dk7",rn="WaterDropLogin_content__jiIiV",an="WaterDropLogin_drop__Nq7iB",on="WaterDropLogin_contentBox__nL6ua",sn="WaterDropLogin_inputBox__2oxY0",cn="WaterDropLogin_btns__Sil7M",ln="WaterDropLogin_signup__h0wNv",un=function(){return(0,s.jsx)("div",{className:nn,children:(0,s.jsxs)("div",{className:rn,children:[(0,s.jsx)("div",{className:an,children:(0,s.jsxs)("div",{className:on,children:[(0,s.jsx)("h2",{children:"Sign in"}),(0,s.jsxs)("form",{children:[(0,s.jsx)("div",{className:sn,children:(0,s.jsx)("input",{type:"text",placeholder:"Username"})}),(0,s.jsx)("div",{className:sn,children:(0,s.jsx)("input",{type:"password",placeholder:"Password"})}),(0,s.jsx)("div",{className:sn,children:(0,s.jsx)("input",{type:"submit",value:"Login"})})]})]})}),(0,s.jsxs)("div",{className:cn,children:[(0,s.jsx)("span",{children:"Forget"}),(0,s.jsx)("span",{children:"Password"})]}),(0,s.jsx)("div",{className:"".concat(cn," ").concat(ln),children:"Signup"})]})})},dn="TextShadow_container__3+vOx",mn="TextShadow_content__ngpOP",fn=function(){var e=(0,h.Z)().formatMessage({id:"page.htmlVision.visualDesign.textShadow"});return(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("div",{className:mn,"data-text":e,children:e})})},gn="HorseRacelamp_container__bVbh9",hn="HorseRacelamp_scroll__kRja6",pn=new Array(4).fill(0),vn=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:gn,children:pn.map((function(t,n){return(0,s.jsxs)("div",{className:hn,children:[e(),e()]},n)}))})},xn="HarmonyLogo_container__uTwnw",yn="HarmonyLogo_content__Azar3",An="HarmonyLogo_top__zSfqW",wn="HarmonyLogo_line__6yj7q",bn="HarmonyLogo_bottom__4ZSOr",jn=function(){return(0,s.jsxs)("div",{className:xn,children:[(0,s.jsxs)("div",{className:yn,children:[(0,s.jsx)("div",{className:An,children:(0,s.jsx)("div",{className:wn})}),(0,s.jsx)("div",{className:bn})]}),(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"})]})})]})},_n="Preserve3D_container__EZ7l0",Dn="Preserve3D_content__yxNQy",Mn="Preserve3D_cubeInner__oYaXM",En="Preserve3D_top__6op2D",kn="Preserve3D_bottom__Rmjl+",Cn="Preserve3D_front__+CRYT",Nn="Preserve3D_back__-ZjU+",Sn="Preserve3D_left__YYWAD",Bn="Preserve3D_right__R5Aqm",Pn="Preserve3D_cubeOuter__pwwjS",In=function(){return(0,s.jsx)("div",{className:_n,children:(0,s.jsxs)("div",{className:Dn,children:[(0,s.jsxs)("div",{className:Mn,children:[(0,s.jsx)("div",{className:En}),(0,s.jsx)("div",{className:kn}),(0,s.jsx)("div",{className:Cn}),(0,s.jsx)("div",{className:Nn}),(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Bn})]}),(0,s.jsxs)("div",{className:Pn,children:[(0,s.jsx)("div",{className:En}),(0,s.jsx)("div",{className:kn}),(0,s.jsx)("div",{className:Cn}),(0,s.jsx)("div",{className:Nn}),(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Bn})]})]})})},Tn="RotateAndBgFixed_container__Kc-WW",Rn="RotateAndBgFixed_box__DkROP",Fn="RotateAndBgFixed_a__Yi0br",On="RotateAndBgFixed_b__Vv6J0",Gn="RotateAndBgFixed_c__xgerx",Qn="RotateAndBgFixed_d__d9aYT",Zn="RotateAndBgFixed_e__V1OJc",Ln=function(){return(0,s.jsx)("div",{className:Tn,children:(0,s.jsxs)("div",{className:Rn,children:[(0,s.jsx)("div",{className:Fn,children:(0,s.jsx)("img",{src:Dt,alt:""})}),(0,s.jsx)("div",{className:On,children:(0,s.jsx)("img",{src:Mt,alt:""})}),(0,s.jsx)("div",{className:Gn,children:(0,s.jsx)("img",{src:Et,alt:""})}),(0,s.jsx)("div",{className:Qn,children:(0,s.jsx)("img",{src:kt,alt:""})}),(0,s.jsx)("div",{className:Zn,children:(0,s.jsx)("img",{src:Ct,alt:""})})]})})},zn="HexagonalMesh_container__mdJJ9",Un="HexagonalMesh_item__hVzAo",Hn=new Array(300).fill(0),Vn=function(){return(0,s.jsx)("div",{className:zn,children:Hn.map((function(e,t){return(0,s.jsx)("div",{className:Un},t)}))})},Wn="HexagonalRadar_container__hFck5",Yn="HexagonalRadar_content__sj-0h",Jn="HexagonalRadar_item__IF+DR",qn="HexagonalRadar_maskBox__SqK8S",Kn=new Array(5).fill(0),Xn=function(){return(0,s.jsxs)("div",{className:Wn,children:[(0,s.jsx)("div",{className:Yn,children:Kn.map((function(e,t){return(0,s.jsx)("div",{className:Jn},t)}))}),(0,s.jsx)("div",{className:qn})]})},$n=n.p+"images/d2fa7cd8.png",er="HoverEnlargement_container__t9rVI",tr=function(){return(0,s.jsx)("div",{className:er,children:(0,s.jsx)("img",{src:$n,alt:""})})},nr=n(78343),rr=n(79501);function ar(e){return e.toString().padStart(2,"0")}var ir,or=function(e){if(e){var t=e.slice(0,19).replace(/-/g,"/");return e.endsWith("+0000 UTC")?(0,rr.Z)((0,nr.Z)(new Date(t),8),"YYYY/MM/DD HH:mm:ss"):t}return""},sr="ActivityCountDown_container__z9J8Y",cr="ActivityCountDown_num__F1ysh",lr="ActivityCountDown_unit__X1r8-",ur=function(e){var t=e.countParams,n=e.overCallback,a=e.style,i=void 0===a?{}:a,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),b=(0,r.useRef)(0),j=function(){if(!w.current){var e=A.current,t=e.d,r=e.h,a=e.m,i=e.s,o=0===r&&0===a&&0===i,s=0===a&&0===i,c=0===i;if(0===t&&0===r&&0===a&&0===i)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:a-1,s:59};A.current=d,y(d)}else{var m={d:t,h:r,m:a,s:i-1};A.current=m,y(m)}}};return(0,r.useEffect)((function(){var e=t.day,r=void 0===e?59:e,a=t.hour,i=void 0===a?59:a,o=t.minute,s=void 0===o?59:o,c=t.seconds,l={d:r,h:i,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(),b.current&&(window.clearInterval(b.current),b.current=0)):w.current&&(w.current=!1,b.current=window.setInterval(j,1e3))}),[t]),(0,r.useEffect)((function(){return function(){b.current&&window.clearInterval(b.current)}}),[]),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:sr,style:i,children:[(0,s.jsx)("div",{className:cr,children:ar(x.d)}),(0,s.jsx)("div",{className:lr,children:"天"}),(0,s.jsx)("div",{className:cr,children:ar(x.h)}),(0,s.jsx)("div",{className:lr,children:"时"}),(0,s.jsx)("div",{className:cr,children:ar(x.m)}),(0,s.jsx)("div",{className:lr,children:"分"}),(0,s.jsx)("div",{className:cr,children:ar(x.s)}),(0,s.jsx)("div",{className:lr,children:"秒"})]})})},dr="ActivityCountDown_container__Nw3or",mr="ActivityCountDown_title__5HUMy",fr=function(){var e=function(e){var t=e.type,n=void 0===t?"ms":t,r=e.startTime,a=void 0===r?"":r,i=e.serverTime,o=void 0===i?0:i,s="s"===n?1e3*Number(o):o;if(!a)return{day:0,hour:0,minute:0,seconds:0,timeRemaining:0};var c="string"==typeof a?or(a):a,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,nr.Z)(new Date,2).getTime(),serverTime:(new Date).getTime()}),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),a=n[0],i=n[1];return(0,s.jsxs)("div",{className:dr,children:[(0,s.jsx)("div",{className:mr,children:a?"活动正在进行中":"距离活动开始剩余："}),!a&&(0,s.jsx)(ur,{countParams:e,overCallback:function(){i(!0)},style:{marginTop:"16px"}})]})},gr="Ribbon_container__ZOkiq",hr="Ribbon_ribbon__wI2K8",pr=function(){return(0,s.jsxs)("div",{className:gr,children:[(0,s.jsx)("div",{className:hr,style:{"--fontSize":"34px",fontWeight:600},children:"Visualization Collection"}),(0,s.jsxs)("div",{className:hr,style:{"--fontSize":"28px","--background":"#8A9B0F",fontWeight:500},children:["Visualization Collection ",(0,s.jsx)("br",{})," Visualization Collection"]}),(0,s.jsxs)("div",{className:hr,style:{"--background":"#45ADA8"},children:["Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection"]})]})},vr="VisualDesign_container__oN2JR",xr="VisualDesign_box__-TYNG",yr=we.GridBox,Ar=[{element:(0,s.jsx)(Me,{})},{element:(0,s.jsx)(Se,{})},{element:(0,s.jsx)(Ie,{})},{element:(0,s.jsx)(Qe,{})},{element:(0,s.jsx)(He,{})},{element:(0,s.jsx)(Ye,{})},{element:(0,s.jsx)(tt,{})},{element:(0,s.jsx)(tn,{})},{element:(0,s.jsx)(ct,{})},{element:(0,s.jsx)(dt,{})},{element:(0,s.jsx)(gt,{})},{element:(0,s.jsx)(_t,{})},{element:(0,s.jsx)(It,{})},{element:(0,s.jsx)(Ft,{})},{element:(0,s.jsx)(zt,{})},{element:(0,s.jsx)(Vt,{})},{element:(0,s.jsx)(ot,{})},{element:(0,s.jsx)(Jt,{})},{element:(0,s.jsx)(un,{})},{element:(0,s.jsx)(fn,{})},{element:(0,s.jsx)(vn,{})},{element:(0,s.jsx)(jn,{})},{element:(0,s.jsx)(In,{})},{element:(0,s.jsx)(Ln,{})},{element:(0,s.jsx)(Vn,{})},{element:(0,s.jsx)(Xn,{})},{element:(0,s.jsx)(tr,{})},{element:(0,s.jsx)(fr,{})},{element:(0,s.jsx)(pr,{})}],wr=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:vr,children:(0,s.jsx)(we,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Ar.map((function(e,t){return(0,s.jsx)(yr,{children:(0,s.jsx)("div",{className:xr,children:e.element})},t)}))})})},br=[],jr=function(e){e.data,(0,h.Z)();return null},_r="ModuleTitle_container__7ZCMv",Dr=function(e){var t=(0,h.Z)(),n=e.intlTitle,r=e.style,a=void 0===r?{}:r;return(0,s.jsx)("div",{className:_r,style:a,children:t.formatMessage({id:n})})},Mr=n.p+"images/6765fa3b.png",Er="MagnifyingGlass_container__z7+HK",kr="MagnifyingGlass_content__csBAU",Cr="MagnifyingGlass_smallBox__1rC23",Nr="MagnifyingGlass_mask__kbQ6H",Sr="MagnifyingGlass_floatBox__Msmv9",Br="MagnifyingGlass_bigBox__dtenq",Pr=function(){var e=d(),t=e.scrollTop,n=e.headHeight,a=(0,r.useRef)(null),i=(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:Er,children:(0,s.jsxs)("div",{className:kr,children:[(0,s.jsxs)("div",{className:Cr,ref:a,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.magnifyingGlass",style:{top:"-80px",left:"114%"}}),(0,s.jsx)("div",{className:Nr,onMouseOver:function(){f(!0)},onMouseMove:function(e){var r=V.findDOMNode(a.current),o=V.findDOMNode(i.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=V.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:Sr,style:{visibility:m?"visible":"hidden"},ref:i}),(0,s.jsx)("img",{src:Mr})]}),(0,s.jsx)("div",{className:Br,ref:c,children:(0,s.jsx)("img",{src:Mr,style:{visibility:m?"visible":"hidden"}})})]})})},Ir="CropImage_container__agQZ5",Tr="CropImage_leftBox__rxH+K",Rr="CropImage_img1__vvyEU",Fr="CropImage_img2__CuOAQ",Or="CropImage_cropBox__A4fdb",Gr="CropImage_dot__TnuYQ",Qr="CropImage_leftUp__RO+TV",Zr="CropImage_up__fR18N",Lr="CropImage_rightUp__5Btk7",zr="CropImage_right__nbAwk",Ur="CropImage_rightDown__8vsgu",Hr="CropImage_down__0RD60",Vr="CropImage_leftDown__Ssc21",Wr="CropImage_left__qEy8B",Yr="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"}(ir||(ir={}));var Jr=function(){var e=d().scrollTop,t=(0,r.useRef)(0),n=(0,r.useRef)(0),a=(0,r.useRef)(!1),i=(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=V.findDOMNode(l.current),a=x(r).left,i=a+t.current-4;n>i?n=i:n<a&&(n=a);var o=V.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=V.findDOMNode(l.current),a=x(r).top,i=V.findDOMNode(m.current),o=x(i).top,s=o+i.offsetHeight-4;n<a?n=a:n>s&&(n=s);var c=i.offsetHeight;i.style.height=c+o-n+"px",i.style.top=i.offsetTop+n-o+"px"},w=function(e){var t=e.clientX,n=V.findDOMNode(l.current),r=x(n).left,a=V.findDOMNode(m.current),i=x(a).left,o=i+a.offsetWidth-4;t<r?t=r:t>o&&(t=o);var s=a.offsetWidth;a.style.width=s+i-t+"px",a.style.left=a.offsetLeft+t-i+"px"},b=function(t){var r=t.clientY+e,a=V.findDOMNode(l.current),i=x(a).top,o=i+n.current-4;r<i?r=i:r>o&&(r=o);var s=V.findDOMNode(m.current),c=s.offsetHeight-2,u=r-c-x(s).top;s.style.height=c+u+"px"},j=function(){var e=V.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,a=e.offsetTop,i=r+t,o=a+n;V.findDOMNode(u.current).style.clip="rect(".concat(a,"px,").concat(i,"px,").concat(o,"px,").concat(r,"px)")},_=function(){var e=V.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,a=e.offsetTop,i=r+t,o=a+n,s=V.findDOMNode(f.current);s.style.top="".concat(-a,"px"),s.style.left="".concat(-r,"px"),s.style.clip="rect(".concat(a,"px,").concat(i,"px,").concat(o,"px,").concat(r,"px)")},D=function(e,t){e.stopPropagation(),a.current=!0,i.current=t},M=function(){a.current=!1,o.current=!1};return(0,r.useEffect)((function(){var e=V.findDOMNode(l.current),r=e.offsetWidth,a=e.offsetHeight;t.current=r,n.current=a}),[]),(0,s.jsxs)("div",{className:Ir,onMouseMove:function(e){if(o.current){var r=V.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"),j(),_()}if(a.current){switch(i.current){case ir.right:y(e);break;case ir.up:A(e);break;case ir.left:w(e);break;case ir.down:b(e);break;case ir.leftUp:w(e),A(e);break;case ir.leftDown:w(e),b(e);break;case ir.rightUp:y(e),A(e);break;case ir.rightDown:y(e),b(e)}j(),_()}},onMouseUp:M,onMouseLeave:M,ref:c,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropClipBox"}),(0,s.jsxs)("div",{className:Tr,ref:l,children:[(0,s.jsx)("img",{src:nt,className:Rr}),(0,s.jsx)("img",{src:nt,className:Fr,ref:u}),(0,s.jsxs)("div",{className:Or,onMouseDown:function(e){g.current=e.clientX,h.current=e.clientY;var t=V.findDOMNode(m.current);v.current=t.offsetTop,p.current=t.offsetLeft,o.current=!0},ref:m,children:[(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Qr),onMouseDown:function(e){return D(e,ir.leftUp)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Zr),onMouseDown:function(e){return D(e,ir.up)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Lr),onMouseDown:function(e){return D(e,ir.rightUp)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(zr),onMouseDown:function(e){return D(e,ir.right)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Ur),onMouseDown:function(e){return D(e,ir.rightDown)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Hr),onMouseDown:function(e){return D(e,ir.down)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Vr),onMouseDown:function(e){return D(e,ir.leftDown)}}),(0,s.jsx)("div",{className:"".concat(Gr," ").concat(Wr),onMouseDown:function(e){return D(e,ir.left)}})]})]}),(0,s.jsx)("div",{className:Yr,children:(0,s.jsx)("img",{src:nt,ref:f})})]})},qr=n.p+"images/e55cd06c.jpg",Kr=n.p+"images/f44f33e9.jpg",Xr=n.p+"images/ccd69096.jpg",$r=n.p+"images/dbd623e3.jpg",ea=n.p+"images/d327c52a.jpg",ta=n.p+"images/f160c0ae.jpg",na={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 ra(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 aa(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ra(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ra(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ia=we.GridBox,oa=[{id:"1",name:"一个星期学会吉他弹唱",price:68,imgUrl:qr},{id:"2",name:"柳公权楷书教程入门",price:45,imgUrl:Kr},{id:"3",name:"世说新语",price:52,imgUrl:Xr},{id:"4",name:"名人传",price:124,imgUrl:$r},{id:"5",name:"骆驼祥子",price:168,imgUrl:ea},{id:"6",name:"阅微堂笔记",price:56,imgUrl:ta}],sa=function(){var e=(0,h.Z)(),t=(0,r.useState)([]),n=(0,o.Z)(t,2),a=n[0],i=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:na.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropShopping"}),(0,s.jsxs)("div",{className:na.content,children:[(0,s.jsx)(we,{differentScreenCols:[6,6,3,3,3],rowSpace:0,colSpace:0,children:oa.map((function(e,t){var n=e.id,r=e.name,a=e.price,i=e.imgUrl;return(0,s.jsx)(ia,{children:(0,s.jsxs)("div",{className:na.bookBox,draggable:"true",onDragStart:function(e){return function(e,t){e=e||window.event;var n=oa[t];e.dataTransfer.setData("id",n.id),e.dataTransfer.effectAllowed="copy"}(e,t)},children:[(0,s.jsx)("img",{src:i,draggable:"false"}),(0,s.jsx)("p",{children:r}),(0,s.jsx)("p",{children:"￥".concat(a)})]})},n)}))}),(0,s.jsxs)("div",{className:na.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=a.map((function(e){return e.id===t?(n=!0,r=e.price,aa(aa({},e),{},{num:e.num+1})):e}));if(!n){for(var s,c=oa.length-1;c>=0;c--){var l=oa[c];if(l.id===t){r=l.price,s=l;break}}s&&o.unshift(aa(aa({},s),{},{num:1}))}i(o),d(!1),p(g+r)},children:[(0,s.jsxs)("div",{className:na.tableHead,children:[(0,s.jsx)("div",{className:na.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.title"})}),(0,s.jsx)("div",{className:na.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.price"})}),(0,s.jsx)("div",{className:na.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.count"})})]}),a.map((function(e){var t=e.id,n=e.num,r=e.name,a=e.price;return(0,s.jsxs)("div",{className:na.tableRow,children:[(0,s.jsx)("div",{className:na.tableCell,children:r}),(0,s.jsx)("div",{className:na.tableCell,children:"￥".concat(a)}),(0,s.jsx)("div",{className:na.tableCell,children:n})]},t)})),a.length>0&&(0,s.jsx)("div",{className:na.total,children:(0,s.jsxs)("span",{className:na.totalMoney,children:[e.formatMessage({id:"page.htmlVision.interactiveDesign.total"}),"：￥",(0,s.jsx)("span",{children:g})]})}),(0,s.jsx)("div",{className:na.tip,children:u?e.formatMessage({id:"page.htmlVision.interactiveDesign.addingToCart"}):e.formatMessage({id:"page.htmlVision.interactiveDesign.dragToThisToBuy"})})]})]})]})},ca=n.p+"images/70af4d01.jpg",la="MouseHover_container__QIdL2",ua="MouseHover_content__L5hzm",da="MouseHover_title__617kC",ma="MouseHover_bottom__jjGyr",fa="MouseHover_right__Aviwn",ga="MouseHover_cursor__IcpdN",ha=[{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"}],pa=function(){var e=(0,h.Z)(),t=d().scrollTop,n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useState)(!1),c=(0,o.Z)(i,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 i=10;"big"===g&&(i=40);var o=V.findDOMNode(a.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+i),u=r-(c+i),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:la,onMouseEnter:function(e){var r=e.clientX,i=e.clientY;u(!0);var o=V.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:i-(d-t)};var m=V.findDOMNode(a.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,a=e.clientY,i=V.findDOMNode(n.current),o=i.offsetLeft,s=void 0===o?0:o,c=i.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:a-(l-t)}},onMouseLeave:function(e){var r=e.clientX,a=e.clientY;u(!1);var i=V.findDOMNode(n.current),o=i.offsetLeft,s=void 0===o?0:o,c=i.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:a-(l-t)}},ref:n,children:[(0,s.jsxs)("div",{className:ua,children:[(0,s.jsx)("p",{className:da,onMouseEnter:y,onMouseLeave:A,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.personalArticle"})}),(0,s.jsxs)("div",{className:ma,children:[(0,s.jsx)("img",{src:ca,alt:"",onMouseEnter:y,onMouseLeave:A}),(0,s.jsx)("div",{className:fa,children:ha.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:ga,style:{visibility:l?"visible":"hidden",width:"".concat("big"===g?80:20,"px"),height:"".concat("big"===g?80:20,"px")},ref:a})]})},va="SlideButtonTab_container__eT4SM",xa="SlideButtonTab_content__6sIYs",ya="SlideButtonTab_btn__tD8IC",Aa="SlideButtonTab_actived__RWXqG",wa=new Array(4).fill(0),ba=function(){var e=(0,r.useRef)(null),t=(0,r.useState)(0),n=(0,o.Z)(t,2),a=n[0],i=n[1],c=(0,r.useRef)(0);return(0,r.useEffect)((function(){if(e.current){var t=(e.current.getBoundingClientRect().width-32-8*(2*wa.length-2))/wa.length;e.current.style.setProperty("--btnWidth","".concat(t,"px")),c.current=t}}),[]),(0,s.jsxs)("div",{className:va,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.swipeTab"}),(0,s.jsx)("div",{className:xa,ref:e,children:wa.map((function(t,n){return(0,s.jsxs)("div",{className:"".concat(ya," ").concat(a===n?Aa:""),onClick:function(){return function(t){if(e.current&&a!==t){var n="".concat(16+c.current*t+8*t*2,"px");e.current.style.setProperty("--groove-left",n);var r="0deg";r=t<a?"-8deg":"8deg",e.current.style.setProperty("--wraper-rotate",r),window.setTimeout((function(){e.current&&e.current.style.setProperty("--wraper-rotate","0deg")}),600),i(t)}}(n)},children:["Button",n+1]},n)}))})]})},ja=n.p+"images/a601ac6c.png",_a=n.p+"images/d1a0696c.png",Da=n.p+"images/e430aae1.png",Ma=n.p+"images/b2b0669d.png",Ea=n.p+"images/f354e378.png",ka=n.p+"images/c6c82aab.png",Ca=n.p+"images/7075d257.png",Na=n.p+"images/b637b49e.png",Sa="FlipBook_container__bOMio",Ba="FlipBook_pages__Ls1i4",Pa="FlipBook_paper__qnIh0",Ia="FlipBook_page__5K+Jz",Ta="FlipBook_left-show-front-page__I3ToF",Ra="FlipBook_right-show-back-page__crJO-",Fa="FlipBook_left-show-back-page__yRt8k",Oa="FlipBook_right-show-front-page__pTHC0",Ga="FlipBook_left-hide-front-page__kQs3M",Qa="FlipBook_left-hide-back-page__lMGif",Za="FlipBook_right-hide-front-page__8XaW9",La="FlipBook_btns__9Cs+L",za="FlipBook_btn__QmvzH",Ua=[[ja,_a],[Da,Ma],[Ea,ka],[Ca,Na]],Ha=[Ta,Fa,Oa,Ra,Ga,Qa,Za,"FlipBook_right-hide-back-page__56D1v"],Va=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(0),a=(0,r.useRef)(!1),i=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,a;if(e.attributes.getNamedItem("data-left"))null===(r=e.attributes)||void 0===r||r.removeNamedItem("data-left");if(e.attributes.getNamedItem("data-right"))null===(a=e.attributes)||void 0===a||a.removeNamedItem("data-right")}var i=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=i[0].classList)||void 0===o||o.remove.apply(o,Ha),null===(s=i[0].classList)||void 0===s||s.add(Fa),null===(c=i[1].classList)||void 0===c||c.remove.apply(c,Ha),null===(l=i[1].classList)||void 0===l||l.add(Ta)}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=i[0].classList)||void 0===d||d.remove.apply(d,Ha),null===(m=i[0].classList)||void 0===m||m.add(Oa),null===(f=i[1].classList)||void 0===f||f.remove.apply(f,Ha),null===(g=i[1].classList)||void 0===g||g.add(Ra)}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=i[0].classList)||void 0===p||p.remove.apply(p,Ha),null===(v=i[0].classList)||void 0===v||v.add(Qa),null===(x=i[1].classList)||void 0===x||x.remove.apply(x,Ha),null===(y=i[1].classList)||void 0===y||y.add(Ga)}else{var A,w,b,j;e.style.transform="perspective(1000px) rotateY(0deg)",t===n.current+2?e.style.zIndex="3":e.style.zIndex="2",null===(A=i[0].classList)||void 0===A||A.remove.apply(A,Ha),null===(w=i[0].classList)||void 0===w||w.add(Za),null===(b=i[1].classList)||void 0===b||b.remove.apply(b,Ha),null===(j=i[1].classList)||void 0===j||j.add(Qa)}}))}a.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      }"),a.current=!0,i()}),[]),(0,s.jsxs)("div",{className:Sa,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.flipBoook"}),(0,s.jsx)("div",{className:Ba,ref:t,children:Ua.map((function(e,t){return(0,s.jsxs)("div",{className:Pa,children:[(0,s.jsx)("div",{className:Ia,children:(0,s.jsx)("img",{src:e[0],alt:""})}),(0,s.jsx)("div",{className:Ia,children:(0,s.jsx)("img",{src:e[1],alt:""})})]},t)}))}),(0,s.jsxs)("div",{className:La,children:[(0,s.jsx)(ae.Z,{type:"primary",className:za,onClick:function(){if(!(n.current<=-1||a.current)){if(a.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,i()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.previousPage"})}),(0,s.jsx)(ae.Z,{type:"primary",className:za,onClick:function(){if(!(n.current>=Ua.length-1||a.current)){if(a.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,i()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.nextPage"})})]})]})},Wa="switch_container__i9Gh6",Ya="switch_box__M6wl2",Ja="switch_icon__AQIrn";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,S.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=function(e){var t=e.open,n=e.width,a=void 0===n?90:n,i=e.height,c=void 0===i?40:i,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(Wa," ").concat(h),style:Ka({width:"".concat(a,"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:Ya,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(a-c/2,"px")}}),u&&(0,s.jsx)("div",{className:Ja,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:Ja,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(a-.9*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?1:0,display:"flex",alignItems:"center",justifyContent:"flex-end"},children:l})]})},$a=n.p+"images/16a09882.png",ei=n.p+"images/58bbf8ef.png",ti="Switchs_container__pX5RV",ni=function(){return(0,s.jsxs)("div",{className:ti,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.switchButton"}),(0,s.jsx)(Xa,{width:66,height:30}),(0,s.jsx)(Xa,{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)(Xa,{openIcon:(0,s.jsx)("img",{src:$a,alt:"",width:26,height:26}),closeIcon:(0,s.jsx)("img",{src:ei,alt:"",width:26,height:26})})]})},ri=n.p+"images/0e3fc4a1.png",ai=n.p+"images/036f3b2c.png",ii=n.p+"images/de961e69.png",oi=n.p+"images/77eff419.png",si=n.p+"images/bae3b2af.png",ci=n.p+"images/641be512.png",li=n.p+"images/bb4c7aec.png",ui=n.p+"images/95259d51.png",di=n.p+"images/a3f5bcd3.png",mi="animation_container__bfyEi",fi="animation_content__H8vdL",gi="animation_people__3G2ps",hi="animation_giftBox__06Ghv",pi="animation_coin__9Ei6m",vi="animation_gift__fEEYc",xi=600,yi=80,Ai="CCW",wi=0,bi=0,ji=0,_i=!1,Di=!1,Mi={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}},Ei={icon1:{top:Mi.icon1.top,left:Mi.icon1.left,vx:-4.5,vy:0,g:.2,opacity:0,isMoving:!1},icon2:{top:Mi.icon2.top,left:Mi.icon2.left,vx:-3,vy:0,g:.3,opacity:0,isMoving:!1},icon3:{top:Mi.icon3.top,left:Mi.icon3.left,vx:0,vy:0,g:.2,opacity:0,isMoving:!1},icon4:{top:Mi.icon4.top,left:Mi.icon4.left,vx:1,vy:0,g:.3,opacity:0,isMoving:!1},icon5:{top:Mi.icon5.top,left:Mi.icon5.left,vx:3,vy:0,g:.4,opacity:0,isMoving:!1},icon6:{top:Mi.icon6.top,left:Mi.icon6.left,vx:2,vy:0,g:.5,opacity:0,isMoving:!1},icon7:{top:Mi.icon7.top,left:Mi.icon7.left,vx:5,vy:0,g:.3,opacity:0,isMoving:!1}};function ki(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 Ci,Ni=function(e){var t=e.noDropCoins,n=void 0!==t&&t,a=e.clickNoDropCoins,i=void 0!==a&&a,o=(0,r.useRef)(null),c=(0,r.useRef)(null);return(0,r.useLayoutEffect)((function(){var e=0,t=64,r=ki(yi,40,t);return e=window.requestAnimationFrame((function a(){if(o.current){var i=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,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,i=e,o=t;return 0!==n&&(i=e*Math.cos(n)+t*Math.sin(n)+r,o=-e*Math.sin(n)+t*Math.cos(n)+a),{transitionX:i,transitionY:o}}(t,r,wi,bi,ji),s=i.transitionX,l=i.transitionY,u=V.findDOMNode(o.current);if(!u)return;u.offsetWidth<350?xi=500:u.offsetWidth<400&&(xi=550),u.style.left="".concat(s,"px"),u.style.top="".concat(-l,"px");var d=1.5;t>=yi?("CCW"===Ai?(wi=0,bi=0,ji=0):(wi=120,bi=17,ji=49),n||(_i=!0,Di=!0)):t<=-yi&&(Ai="CCW"===Ai?"CW":"CCW",n||(_i=!0,Di=!0)),Math.abs(t)>16&&(d=1.5*Math.pow(Math.cos(t/yi),2));var m=function(e,t,n,r,a){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=r,s=a;return(o=r>=e?r-i:r<=-e?r+i:"CCW"===n?a>0?r-i:r+i:a<0?r-i:r+i)>e?o=e:o<-e&&(o=-e),(s=ki(e,t,o))>0&&(r>=e?"CCW"!==n&&(s=-s):r<=-e?"CCW"===n&&(s=-s):a<0&&(s=-s)),{nextX:o,nextY:s}}(yi,40,Ai,t,r,d),f=m.nextX,g=m.nextY;t=f,r=g;var h=null;c&&c.current&&(h=V.findDOMNode(c.current));var p=!0;h&&Object.keys(Ei).forEach((function(e,t){var n=h.childNodes[t];if(n){var r=Ei[e],a=r.top,i=r.left,o=r.vx,s=r.vy,c=r.g,l=r.opacity,u=r.isMoving;if(u||_i){var d=Mi[e],m=a+s,f=i+o,g=o;g=Math.abs(o)>.1?o>0?o-.1:o+.1:0;var v=m-d.top,x=xi-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,b=u;0===m?(m=d.top,f=d.left,g=d.vx,b=!0):m>=xi?(m=0,f=0,A=0,g=0,w=0,b=!1):(p=!1,_i&&(b=!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:b})}}})),_i&&(_i=!1),p&&(Di=!1)}e=window.requestAnimationFrame(a)})),function(){e&&window.cancelAnimationFrame(e)}}),[]),(0,s.jsx)("div",{className:mi,children:(0,s.jsxs)("div",{className:fi,ref:o,children:[(0,s.jsx)("img",{src:ri,alt:"",className:gi}),(0,s.jsxs)("div",{className:hi,onClick:function(){i||Di||(_i=!0,Di=!0)},ref:c,children:[(0,s.jsx)("img",{src:ii,alt:"",className:pi}),(0,s.jsx)("img",{src:oi,alt:"",className:pi}),(0,s.jsx)("img",{src:si,alt:"",className:pi}),(0,s.jsx)("img",{src:ci,alt:"",className:pi}),(0,s.jsx)("img",{src:li,alt:"",className:pi}),(0,s.jsx)("img",{src:ui,alt:"",className:pi}),(0,s.jsx)("img",{src:di,alt:"",className:pi}),(0,s.jsx)("img",{src:ai,alt:"",className:vi})]})]})})},Si="PeopleAnimation_container__P9IRI",Bi=function(){return(0,s.jsx)("div",{className:Si,children:(0,s.jsx)(Ni,{})})},Pi={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"},Ii=new Array(3).fill(0),Ti=function(){return(0,s.jsxs)("div",{className:Pi.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.pseudo3DRubikCube"}),(0,s.jsx)("div",{className:Pi.content,children:Ii.map((function(e,t){return(0,s.jsx)("div",{className:Pi.cube,children:Ii.map((function(e,t){return(0,s.jsx)("div",{className:Pi["column".concat(t)],children:Ii.map((function(e,t){return(0,s.jsx)("span",{className:Pi["span".concat(t)]},t)}))},t)}))},t)}))})]})},Ri="Preserve3dBox_container__S8Nkn",Fi="Preserve3dBox_content__OkpkD",Oi="Preserve3dBox_box__xhigG",Gi="Preserve3dBox_side1__OlfJ5",Qi="Preserve3dBox_side2__N20GX",Zi="Preserve3dBox_side3__t1Hxo",Li="Preserve3dBox_side4__7YzMw",zi="Preserve3dBox_side5__38WMJ",Ui="Preserve3dBox_side6__pWRYS",Hi="Preserve3dBox_light__8ms1v",Vi=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=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,Hi)&&e.classList.remove(Hi)})),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"}},i=function(e){null==e||e.classList.add(Hi)};return(0,s.jsxs)("div",{className:Ri,onMouseDown:function(e){var r=e.clientX,a=e.clientY,i=window.getComputedStyle(V.findDOMNode(t.current)).transform;if(i&&"none"!==i){var o=i.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:a,rotateX:c,rotateY:l}}}},onMouseMove:function(e){if(t.current&&n.current){var r=e.clientX,a=e.clientY,i=n.current,o=i.x,s=i.y,c=i.rotateX,l=i.rotateY,u=2*(s-a),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:a,onMouseLeave:a,ref:e,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.3DRubikCube"}),(0,s.jsx)("div",{className:Fi,children:(0,s.jsxs)("div",{className:Oi,ref:t,children:[(0,s.jsx)("div",{className:Gi,onClick:function(e){t.current&&(t.current.style.transform="rotateX(360deg) rotateY(360deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:Qi,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(180deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:Zi,onClick:function(e){t.current&&(t.current.style.transform="rotateX(270deg) rotateY(0deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:Li,onClick:function(e){t.current&&(t.current.style.transform="rotateX(90deg) rotateY(180deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:zi,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(90deg)",t.current.style.animation="none",i(e.target))}}),(0,s.jsx)("div",{className:Ui,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(270deg)",t.current.style.animation="none",i(e.target))}})]})})]})},Wi="OrientationSenseCard_container__wM4Og",Yi="OrientationSenseCard_content__nHHlN",Ji="OrientationSenseCard_card__kb1rR",qi=[Da,Ma,ka,Ca,Na],Ki=function(){return(0,s.jsxs)("div",{className:Wi,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection"}),(0,s.jsx)("div",{className:Yi,children:qi.map((function(e,t){return(0,s.jsx)("div",{className:Ji,children:(0,s.jsx)("img",{src:e,alt:""})},t)}))})]})},Xi="HexagonalMesh1_container__4Mauo",$i="HexagonalMesh1_item__uupv2",eo=new Array(800).fill(0),to=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:Xi,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,a=n.top,i=t.pageX-r,o=t.pageY-a;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(i,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:eo.map((function(e,t){return(0,s.jsx)("div",{className:$i},t)}))})},no="HexagonalMesh2_container__7Eq5-",ro="HexagonalMesh2_item__RBkZx",ao=new Array(800).fill(0),io=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:no,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,a=n.top,i=t.pageX-r,o=t.pageY-a;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(i,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:ao.map((function(e,t){return(0,s.jsx)("div",{className:ro},t)}))})},oo="HexagonalMesh3_container__7cOnb",so="HexagonalMesh3_item__JnppT",co=new Array(800).fill(0),lo=function(){var e=(0,r.useRef)(null);return(0,s.jsx)("div",{className:oo,ref:e,children:co.map((function(e,t){return(0,s.jsx)("div",{className:so},t)}))})},uo=n(34262),mo=n(39464),fo=n(12304),go=n(24406),ho=n(4333),po=n(83428),vo=n(78874),xo=n(59401),yo=n(73566),Ao=n(98059),wo=n(48107),bo=n(5698),jo=n(97998),_o=n(75013),Do=n(14294),Mo=n(18152),Eo=n(36108),ko=n(98522),Co=n(77093),No=n(55017),So=n(67753),Bo=n(26223),Po=n(98261),Io=n(93017),To=n(77125),Ro=n(79728),Fo=n(93366),Oo=n(98587),Go=n(2905),Qo=n(11013),Zo=n(44251),Lo=n(94506),zo=n(49434),Uo=n(38419),Ho=n(1627),Vo=n(20720),Wo=n(6355),Yo=n(892),Jo=n(49688),qo=n(78823),Ko=n(80856),Xo=n(26589),$o=n(7364),es=n(14283),ts=n(54618),ns=n(3248),rs=n(18401),as=n(5405),is=n(82272),os=n(59512),ss=n(62965),cs=n(88630),ls=n(25449),us=n(57551),ds=n(89317),ms=n(72285),fs=n(68479),gs=n(71938),hs=n(2825),ps=n(43926),vs=n(85369),xs=n(53318),ys=n(85008),As=n(45452),ws=n(4334),bs=n(72850),js=n(19671),_s=n(97254),Ds=n(70913),Ms=n(56022),Es=n(16640),ks=n(23375),Cs=n(12854),Ns=n(88485),Ss=n(33040),Bs=n(63392),Ps=n(73888),Is=n(48965),Ts=n(4711),Rs=n(56931),Fs=n(24616),Os=n(51984),Gs="IconScroll_container__pHJbN",Qs="IconScroll_row__ueyux",Zs=new Array(40).fill(0),Ls=function(){var e=function(){return(0,s.jsxs)("div",{children:[(0,s.jsx)(uo.Z,{}),(0,s.jsx)(mo.Z,{}),(0,s.jsx)(fo.Z,{}),(0,s.jsx)(go.Z,{}),(0,s.jsx)(ho.Z,{}),(0,s.jsx)(po.Z,{}),(0,s.jsx)(vo.Z,{}),(0,s.jsx)(xo.Z,{}),(0,s.jsx)(yo.Z,{}),(0,s.jsx)(Ao.Z,{}),(0,s.jsx)(wo.Z,{}),(0,s.jsx)(bo.Z,{}),(0,s.jsx)(jo.Z,{}),(0,s.jsx)(_o.Z,{}),(0,s.jsx)(Do.Z,{}),(0,s.jsx)(Mo.Z,{}),(0,s.jsx)(Eo.Z,{}),(0,s.jsx)(ko.Z,{}),(0,s.jsx)(Co.Z,{}),(0,s.jsx)(No.Z,{}),(0,s.jsx)(So.Z,{}),(0,s.jsx)(Bo.Z,{}),(0,s.jsx)(Po.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)(Qo.Z,{}),(0,s.jsx)(Zo.Z,{}),(0,s.jsx)(Lo.Z,{}),(0,s.jsx)(zo.Z,{}),(0,s.jsx)(Uo.Z,{}),(0,s.jsx)(Ho.Z,{}),(0,s.jsx)(Vo.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)(as.Z,{}),(0,s.jsx)(is.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)(W.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)(bs.Z,{}),(0,s.jsx)(js.Z,{}),(0,s.jsx)(_s.Z,{}),(0,s.jsx)(x.Z,{}),(0,s.jsx)(Ds.Z,{}),(0,s.jsx)(Ms.Z,{}),(0,s.jsx)(Es.Z,{}),(0,s.jsx)(ks.Z,{}),(0,s.jsx)(Cs.Z,{}),(0,s.jsx)(Ns.Z,{}),(0,s.jsx)(Ss.Z,{}),(0,s.jsx)(Bs.Z,{}),(0,s.jsx)(Ps.Z,{}),(0,s.jsx)(Is.Z,{}),(0,s.jsx)(Ts.Z,{}),(0,s.jsx)(Rs.Z,{}),(0,s.jsx)(Fs.Z,{}),(0,s.jsx)(Os.Z,{})]})};return(0,s.jsx)("div",{className:Gs,children:Zs.map((function(t,n){return(0,s.jsxs)("div",{className:Qs,children:[e(),e()]},n)}))})},zs=n(67724),Us=n(8812),Hs="WipeSwitchover_container__zA+wD",Vs="WipeSwitchover_mask1__efwWk",Ws="WipeSwitchover_mask2__bTFbb",Ys="WipeSwitchover_mask3__Gaobg",Js="WipeSwitchover_mask4__ZERnA",qs="WipeSwitchover_mask5__MkpDg",Ks="WipeSwitchover_page1__ex092",Xs="WipeSwitchover_page2__S7sFb",$s="WipeSwitchover_page3__JtV7t",ec="WipeSwitchover_page4__9G6Y9",tc="WipeSwitchover_page5__uBeX2",nc="WipeSwitchover_prevBtn__6vW6Q",rc="WipeSwitchover_icon__Z3ryB",ac="WipeSwitchover_nextBtn__sVZkG",ic=.006,oc=[8,8,8,7,30],sc=[.72,.7,1,1,.32],cc=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useState)(oc.length-1),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=(0,r.useRef)(oc.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,a=0;if(r)if("0"===r)a=Number((oc[u.current]*ic).toFixed(2));else if(r.includes("px")){var i=Number(r.substring(0,r.length-2));if(n<u.current){if(i>=oc[u.current])return d.current=!1,u.current=n,void l(n);a=Number((oc[u.current]*ic+i).toFixed(2))}else if(n>u.current){if(i>=2*oc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);a=Number((oc[n]*ic+i).toFixed(2))}}else{var o=Number(r);if(n<u.current){if(o>=oc[u.current])return d.current=!1,u.current=n,void l(n);a=Number((oc[u.current]*ic+o).toFixed(2))}else if(n>u.current){if(o>=2*oc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);a=Number((oc[n]*ic+o).toFixed(2))}}else a=Number((oc[u.current]*ic).toFixed(2));t.style.strokeDashoffset="".concat(a,"px"),m.current=window.requestAnimationFrame((function(){return e(t,n)}))}},g=function(){if(e.current&&n.current){var r=e.current.clientWidth,a=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 a=n.split(", ");a[0]="".concat(a[0].substring(0,7)).concat(Math.ceil(sc[t]*r)),n=a.join(", ")}e.children[0].style.transform=n})),t.current&&(e.current.style.height="".concat(a,"px"),Array.prototype.forEach.call(t.current.children,(function(e){if("g"===e.tagName){e.style.height="".concat(a,"px"),e.children[0].style.height="".concat(a,"px"),e.children[0].style.transform="".concat(a,"px");var t=Math.floor(r/2-240-40),n=Math.floor((a-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:Hs,ref:e,children:[(0,s.jsx)(Dr,{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:Vs,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:Ws,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:Ys,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:Js,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:qs,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:Ks,mask:"url(#mask1)",children:[(0,s.jsx)("rect",{fill:"#e3e4e5"}),(0,s.jsx)("image",{xlinkHref:ja}),(0,s.jsx)("text",{fill:"#757576",children:"Book5"})]}),(0,s.jsxs)("g",{className:Xs,mask:"url(#mask2)",children:[(0,s.jsx)("rect",{fill:"#7e7f83"}),(0,s.jsx)("image",{xlinkHref:_a}),(0,s.jsx)("text",{fill:"#dedede",children:"Book4"})]}),(0,s.jsxs)("g",{className:$s,mask:"url(#mask3)",children:[(0,s.jsx)("rect",{fill:"#f8d3cc"}),(0,s.jsx)("image",{xlinkHref:Da}),(0,s.jsx)("text",{fill:"#b0304e",children:"Book3"})]}),(0,s.jsxs)("g",{className:ec,mask:"url(#mask4)",children:[(0,s.jsx)("rect",{fill:"#d2e4ce"}),(0,s.jsx)("image",{xlinkHref:Ma}),(0,s.jsx)("text",{fill:"#04756e",children:"Book2"})]}),(0,s.jsxs)("g",{className:tc,mask:"url(#mask5)",children:[(0,s.jsx)("rect",{fill:"#cad9e5"}),(0,s.jsx)("image",{xlinkHref:Ea}),(0,s.jsx)("text",{fill:"#142864",children:"Book1"})]})]}),(0,s.jsx)("div",{className:nc,style:c>=oc.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:rc,children:(0,s.jsx)(zs.Z,{})})}),(0,s.jsx)("div",{className:ac,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:rc,children:(0,s.jsx)(Us.Z,{})})})]})},lc="AutoCompletePunctuation_container__EjYmN",uc="AutoCompletePunctuation_content__PIXsh",dc={"'":"'",'"':'"',"(":")","（":"）","【":"】","[":"]","《":"》","「":"」","『":"』","{":"}","“":"”","‘":"’"},mc=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useCallback)((function(e){var t=dc[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 a=r.getRangeAt(0);a.insertNode(n),a.setEndBefore(n),a.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:lc,children:[(0,s.jsx)(Dr,{intlTitle:"page.htmlVision.interactiveDesign.autoCompletePunctuation"}),(0,s.jsxs)("div",{className:uc,children:[(0,s.jsx)("textarea",{rows:5,placeholder:"maxLength is 100",maxLength:100,ref:e}),(0,s.jsx)("div",{contentEditable:"true",ref:t})]})]})},fc="InteractiveDesign_container__oK3No",gc="InteractiveDesign_box__+Trza",hc=[{element:(0,s.jsx)(Pr,{})},{element:(0,s.jsx)(Jr,{})},{element:(0,s.jsx)(sa,{})},{element:(0,s.jsx)(jr,{data:br[0]})},{element:(0,s.jsx)(pa,{})},{element:(0,s.jsx)(ba,{})},{element:(0,s.jsx)(Va,{})},{element:(0,s.jsx)(ni,{})},{element:(0,s.jsx)(Bi,{})},{element:(0,s.jsx)(Ti,{})},{element:(0,s.jsx)(Vi,{})},{element:(0,s.jsx)(Ki,{})},{element:(0,s.jsx)(to,{})},{element:(0,s.jsx)(io,{})},{element:(0,s.jsx)(lo,{})},{element:(0,s.jsx)(Ls,{})},{element:(0,s.jsx)(jr,{data:br[1]})},{element:(0,s.jsx)(cc,{})},{element:(0,s.jsx)(mc,{})}],pc=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:fc,children:hc.map((function(e,t){return(0,s.jsx)("div",{className:gc,children:e.element},t)}))})},vc={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"},xc=we.GridBox,yc=new Array(29).fill("1"),Ac=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:vc.container,children:(0,s.jsx)(we,{differentScreenCols:[4,3,3,2,2],rowSpace:8,colSpace:8,children:yc.map((function(e,t){return(0,s.jsx)(xc,{children:(0,s.jsx)("div",{className:vc.box,children:(0,s.jsx)("div",{className:vc["bg".concat(t+1)]})})},t)}))})})},wc="LineCombination_container__toPmq",bc="LineCombination_blackBox__P5fH8",jc="LineCombination_blackBoxPoint__87aDR",_c="LineCombination_whiteBox__-MGXi",Dc="LineCombination_whiteBoxPoint__Tz8Uh",Mc="LineCombination_name__E7QvH",Ec="LineCombination_value__5BYd0",kc=0,Cc=0,Nc=function(){var e=(0,r.useRef)(null),t=function t(){if(e.current){var n=V.findDOMNode(e.current);if(n){var r=n.children.length,a=n.children[Cc],i=null==a?void 0:a.children[0],o=a.clientWidth,s=a.clientHeight,c=i.style;if(Cc%2==0){var l=8;c.left&&(l=parseFloat(c.left));var u=l+4;if(u>=o-8-8)if(i.style.visibility="hidden",Cc>=r-1){var d;Cc=0;var m=null===(d=n.children[Cc])||void 0===d?void 0:d.firstChild;m.style.left="".concat(8,"px"),m.style.visibility="visible"}else{var f;Cc+=1;var g=null===(f=n.children[Cc])||void 0===f?void 0:f.firstChild;g.style.left="-1px",g.style.visibility="visible"}else i.style.left="".concat(u,"px"),"visible"!==i.style.visibility&&(i.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;i.style.visibility="hidden",Cc+=1;var y=null===(x=n.children[Cc])||void 0===x?void 0:x.firstChild;y.style.left="".concat(8,"px"),y.style.visibility="visible"}else i.style.bottom="".concat(v,"px")}else if(h<=-1){var A=p+4;A>s-8-8&&(A=s,i.style.width="".concat(8,"px"),i.style.height="1px",i.style.left="".concat(8,"px")),i.style.bottom="".concat(A,"px")}else{var w=h+4;w>o-8-8&&(w=o,i.style.width="1px",i.style.height="".concat(8,"px"),i.style.bottom="".concat(s-8-8)),i.style.left="".concat(w,"px")}}kc=requestAnimationFrame(t)}}};return(0,r.useEffect)((function(){return e.current&&(kc=requestAnimationFrame(t)),function(){kc&&cancelAnimationFrame(kc)}}),[]),(0,s.jsxs)("div",{className:wc,ref:e,children:[(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Price"}),(0,s.jsx)("p",{className:Ec,children:"$656"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Quantity"}),(0,s.jsx)("p",{className:Ec,children:"84351"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Number of partners"}),(0,s.jsx)("p",{className:Ec,children:"64"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Date of establishment"}),(0,s.jsx)("p",{className:Ec,children:"2008-10-01"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})}),(0,s.jsxs)("div",{className:_c,children:[(0,s.jsx)("div",{className:Dc}),(0,s.jsx)("p",{className:Mc,children:"Transaction Analyzed"}),(0,s.jsx)("p",{className:Ec,children:"70Bn"})]}),(0,s.jsx)("div",{className:bc,children:(0,s.jsx)("div",{className:jc})})]})},Sc="ComplexLayout_container__xqRV5",Bc="ComplexLayout_box__Hjeq7",Pc=[{element:(0,s.jsx)(Nc,{})}],Ic=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Sc,children:Pc.map((function(e,t){return(0,s.jsx)("div",{className:Bc,children:e.element},t)}))})},Tc=n(82029),Rc="Page1_container__8IHn6",Fc="Page1_content__zgPdQ",Oc="Page1_top__Tik59",Gc="Page1_title__qIkYy",Qc="Page1_author__EVTso",Zc="Page1_appoint__gEum0",Lc="Page1_articleContent__STpiB",zc="Page1_subTitle__g0Ill",Uc="Page1_codeBox__hf4Aw",Hc="Page1_strong__Um16S",Vc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsxs)("div",{className:Fc,children:[(0,s.jsxs)("div",{className:Oc,children:[(0,s.jsx)("div",{className:Gc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.title"})}),(0,s.jsx)("div",{className:Qc,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.author"}),": River")})]}),(0,s.jsxs)("div",{className:Zc,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:Lc,children:[(0,s.jsx)("div",{className:zc,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:Uc,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:Uc,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:Uc,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:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des3"})})]})]})})},Wc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc,children:(0,s.jsxs)("div",{className:Lc,children:[(0,s.jsx)("div",{className:zc,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:Uc,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:Uc,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>"})]})]})})})},Yc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc,children:(0,s.jsxs)("div",{className:Lc,children:[(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des5"})}),(0,s.jsxs)("div",{className:Uc,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:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des6"})}),(0,s.jsx)("div",{className:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des7"})}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des8"})})]})})})},Jc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc,children:(0,s.jsxs)("div",{className:Lc,children:[(0,s.jsx)("div",{className:zc,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:Uc,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>"})]})]})})})},qc=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc,children:(0,s.jsxs)("div",{className:Lc,children:[(0,s.jsxs)("div",{className:Uc,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:Hc,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des10"}),": ")}),(0,s.jsx)("div",{className:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des11"})}),(0,s.jsx)("div",{className:Hc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des12"})})]})})})},Kc="AppPageFrame_container__pjrxk",Xc="AppPageFrame_content__VqApo",$c="AppPageFrame_firstPage__vOVdI",el="AppPageFrame_head__gE2DM",tl="AppPageFrame_left__Efl5l",nl="AppPageFrame_logo__8Jwal",rl="AppPageFrame_appName__0-Afb",al="AppPageFrame_right__gUcB6",il="AppPageFrame_btn__BkWG7",ol=100;!function(e){e[e.next=0]="next",e[e.prev=1]="prev"}(Ci||(Ci={}));var sl,cl=function(){var e=(0,h.Z)(),t=d(),n=t.menuWidth,a=t.headHeight,i=(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),b=(0,o.Z)(w,2),j=b[0],_=b[1],D=(0,r.useRef)(!1),M=(0,r.useRef)(0),E=(0,r.useRef)(""),k=(0,r.useState)(0),C=(0,o.Z)(k,2),N=C[0],S=C[1],B=(0,r.useState)(0),P=(0,o.Z)(B,2),I=P[0],T=P[1],R=(0,r.useRef)(0),F=function e(){if(i.current){var t=V.findDOMNode(i.current),n=t.scrollTop;if("toTop"===E.current)if(t.scrollTop<m-ol){var r=Math.min(n+25,m-ol);A.current=!0,t.scrollTop=r,_(r),M.current=window.requestAnimationFrame(e)}else E.current="",A.current=!1,D.current=!1;else if("toBottom"===E.current)if(t.scrollTop>0){var a=Math.max(n-25,0);A.current=!0,t.scrollTop=a,_(a),M.current=window.requestAnimationFrame(e)}else E.current="",A.current=!1,D.current=!1}},O=function(){D.current=!0,E.current||(E.current="toTop",S(1),M.current=window.requestAnimationFrame(F))},G=(0,re.Z)((function(e){if(y.current){switch(e){case Ci.next:y.current.slideNext();break;case Ci.prev:y.current.slidePrev()}var t=V.findDOMNode(i.current),n=y.current.realIndex;if(n<=0)t.scrollTop!==m-ol&&(A.current=!0,t.scrollTop=m-ol,_(m-ol));else{var r=(m-ol)*(n+1);t.scrollTop!==r&&(A.current=!0,t.scrollTop=r,_(r))}}}),{wait:100}),Q=(0,re.Z)((function(e){A.current?A.current=!1:D.current||e.target.className===Kc&&(y.current?e.target.scrollTop>m-ol?e.target.scrollTop>j?G.run(Ci.next):e.target.scrollTop<j&&G.run(Ci.prev):e.target.scrollTop>j&&j<m-ol?O():e.target.scrollTop<j&&(D.current=!0,E.current||(E.current="toBottom",S(0),M.current=window.requestAnimationFrame(F))):_(e.target.scrollTop))}),{wait:100});(0,r.useEffect)((function(){if(i.current){var e=document.body.clientHeight-a;f(e),x(5*(e-ol))}}),[I,a]);var Z=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",Z),function(){window.removeEventListener("resize",Z)}}),[]),(0,r.useEffect)((function(){var e=new Tc.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=V.findDOMNode(i.current);switch(e){case"SecondPage":var n=1*(m-ol);y.current&&y.current.activeIndex>0?(A.current=!0,t.scrollTop=n,_(n),y.current.slideTo(0)):j!==n&&O();break;case"ThirdPage":var r,a=2*(m-ol);if(j!==a)A.current=!0,t.scrollTop=a,_(a),null===(r=y.current)||void 0===r||r.slideTo(1);break;case"LastPage":var o,s=4*(m-ol);if(j!==s)A.current=!0,t.scrollTop=s,_(s),null===(o=y.current)||void 0===o||o.slideTo(3)}};return(0,s.jsxs)("div",{className:Kc,onScrollCapture:Q.run,ref:i,children:[(0,s.jsxs)("div",{className:Xc,style:v?{height:"".concat(v,"px")}:{},ref:c,children:[(0,s.jsx)("div",{className:$c,style:m?{height:"".concat(m,"px")}:{},children:(0,s.jsx)(Vc,{showPageIndex:N})}),(0,s.jsx)("div",{className:"swiper",style:m?{height:"".concat(m-ol,"px")}:{},children:(0,s.jsxs)("div",{className:"swiper-wrapper",children:[(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Wc,{showPageIndex:N})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Yc,{showPageIndex:N})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Jc,{showPageIndex:N})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(qc,{showPageIndex:N})})]})})]}),(0,s.jsxs)("div",{className:el,style:j>=m-ol?{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:tl,children:[(0,s.jsx)("div",{className:nl,children:"L"}),(0,s.jsx)("span",{className:rl,children:"App Name"})]}),(0,s.jsxs)("div",{className:al,children:[(0,s.jsx)("div",{className:il,onClick:function(){return L("SecondPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.secondPage"})}),(0,s.jsx)("div",{className:il,onClick:function(){return L("ThirdPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.thirdPage"})}),(0,s.jsx)("div",{className:il,onClick:function(){return L("LastPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.lastPage"})})]})]})]})},ll=n(15861),ul=n(64687),dl=n.n(ul),ml=n(26703),fl=n(32823),gl=n(88528),hl=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,a=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],i=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,i)).toFixed(r))+" "+a[i]},pl=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)},vl=function(e,t){if(e){var n=e.type.split("/");if("image"===n[0]){var r=n[1].toUpperCase(),a=new FileReader;a.onload=function(n){var a=n.target.result,i=xl(a);i&&(r=i);var o=new Blob([a]);yl(o,(function(n){if(n){var a=new Image;a.onload=function(){var i=a.width,s=a.height,c=wl(n,i,s);if(c){var l={name:e.name,fileType:r,size:e.size,width:i,height:s,imgUrl:n,imageData:c,blob:o};t(l)}else t(null)},a.onerror=function(){t(null)},a.src=n}else t(null)}))},a.readAsArrayBuffer(e)}else t(null)}else t(null)},xl=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},yl=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)},Al=function(e){if(!e)return null;var t=e.width,n=e.height,r=document.createElement("canvas"),a=r.getContext("2d");return r.width=t,r.height=n,a.putImageData(e,0,0,0,0,t,n),r.toDataURL("image/png")},wl=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 a=document.createElement("canvas"),i=a.getContext("2d");a.width=t,a.height=n,i.drawImage(r,0,0,t,n);var o=i.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"),a=r.getContext("2d");r.width=t,r.height=n,a.drawImage(e,0,0,t,n);var i=a.getImageData(0,0,t,n);return i}return null},jl=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)}},_l=function(e,t){if(e&&0!==e.length){var n=new Blob(e,{type:"video/webm"}),r="video.webm";if(t){var a=t.split(".");r="".concat(a[0],".webm")}jl(n,r)}},Dl="ShearPlate_container__A3IuO",Ml="ShearPlate_title__gxJOo",El="ShearPlate_content__vJVhw",kl="ShearPlate_inputBox__W7UHM",Cl="ShearPlate_text__0QXK+",Nl="ShearPlate_imageBox__-9KO8",Sl="ShearPlate_textArea__vjqXI",Bl="ShearPlate_imgBox__ctB7Q",Pl="ShearPlate_emptyBox__vVriz",Il="ShearPlate_uploadBtn__hhEOk",Tl="ShearPlate_tips__5RqZh",Rl="ShearPlate_btns__QrNT6",Fl="ShearPlate_box__dsVRR",Ol=ml.Z.TextArea,Gl=function(){var e=(0,h.Z)(),t=(0,r.useState)(""),n=(0,o.Z)(t,2),a=n[0],i=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)(""),b=(0,o.Z)(w,2),j=b[0],_=b[1],D=(0,r.useRef)(null),M=function(t){t&&t.length>0&&vl(t[0],(function(t){t||fl.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),A(t)}))},E=function(){var t=(0,ll.Z)(dl().mark((function t(){var n,r;return dl().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(y){t.next=3;break}return fl.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,S.Z)({},"image/png",r))]);case 8:fl.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:Dl,children:[(0,s.jsx)("div",{className:Ml,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.operatingShears"})}),(0,s.jsxs)("div",{className:El,children:[(0,s.jsxs)("div",{className:Fl,children:[(0,s.jsxs)("div",{className:kl,children:[(0,s.jsx)("div",{className:Cl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveTextToClipboard"})}),(0,s.jsx)(Ol,{rows:8,placeholder:e.formatMessage({id:"common.pleaseEnterText"}),maxLength:300,value:a,onChange:function(e){i(e.target.value)}}),(0,s.jsxs)("div",{className:Rl,children:[(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){if(a){if(navigator.clipboard)navigator.clipboard.writeText(a);else{var t=document.createElement("input");t.setAttribute("value",a),document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}fl.ZP.success(e.formatMessage({id:"common.saveSuccessfully"}))}else fl.ZP.warning(e.formatMessage({id:"page.htmlVision.utilitarianFunction.pleaseEnterText"}))},style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(ae.Z,{ghost:!0,onClick:function(){i(""),d("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:kl,children:[(0,s.jsx)("div",{className:Cl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getsTextFromClipboard"})}),(0,s.jsx)(Ol,{rows:8,placeholder:e.formatMessage({id:"common.getText"}),maxLength:300,disabled:!0,value:u}),(0,s.jsx)("div",{className:Rl,children:(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){navigator.clipboard?navigator.clipboard.readText().then((function(e){d(e)})):fl.ZP.error(e.formatMessage({id:"common.failedToObtain2"}))},style:{marginTop:10},children:e.formatMessage({id:"common.get"})})})]})]}),(0,s.jsxs)("div",{className:Fl,children:[(0,s.jsxs)("div",{className:kl,children:[(0,s.jsx)("div",{className:Cl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveImageToClipboard"})}),(0,s.jsx)("div",{className:Nl,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:Bl,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})}):(0,s.jsxs)("div",{className:Pl,children:[(0,s.jsxs)(ae.Z,{type:"primary",className:Il,children:[(0,s.jsx)(gl.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:Cl,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Tl,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:Rl,children:[(0,s.jsx)(ae.Z,{type:"primary",onClick:E,style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(ae.Z,{ghost:!0,onClick:function(){A(null),_("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:kl,children:[(0,s.jsx)("div",{className:Cl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getImageFromClipboard"})}),(0,s.jsxs)("div",{className:Nl,children:[(0,s.jsx)(Ol,{className:Sl,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 a=0;a<n.length;a++)if(-1!==n[a].type.indexOf("image")){r=n[a].getAsFile();break}r?yl(r,(function(t){t?_(t):(_(""),fl.ZP.error(e.formatMessage({id:"common.failedToObtain"})))})):fl.ZP.error(e.formatMessage({id:"common.failedToObtain"}))}}),j&&(0,s.jsx)("div",{className:Bl,children:(0,s.jsx)("img",{src:j,alt:""})})]})]})]})]})]})},Ql="RecordedAudio_container__RaqtU",Zl="RecordedAudio_title__PkAAx",Ll="RecordedAudio_content__vaNK8";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(sl||(sl={}));var zl,Ul=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)([]),a=(0,r.useState)(""),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=(0,r.useState)(""),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useState)(sl.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:Ql,children:[(0,s.jsx)("div",{className:Zl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordAudio"})}),(0,s.jsxs)("div",{className:Ll,children:[(0,s.jsx)("audio",{controls:!0,src:c}),(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){if(t.current)v===sl.inRecording?(t.current.stop(),x(sl.ready)):(c&&(window.URL.revokeObjectURL(c),f(""),l("")),t.current.start(),x(sl.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(sl.inRecording)})).catch((function(t){t.message&&t.message.includes("not found")?fl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):fl.ZP.error(e.formatMessage({id:"common.impowerOpenMicrophone"}))})):fl.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:v===sl.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"})})]})]})},Hl="RecordedVideo_container__NkqWY",Vl="RecordedVideo_title__fUoXJ",Wl="RecordedVideo_content__asWV1",Yl="RecordedVideo_videoBox__18hnw",Jl="RecordedVideo_recordVideo__0UQPG",ql="RecordedVideo_playVideo__cxP10",Kl="RecordedVideo_btns__NAtxU";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(zl||(zl={}));var Xl,$l=Math.floor(.36*window.screen.width),eu=Math.floor(.36*window.screen.height),tu=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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)(zl.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:Hl,children:[(0,s.jsx)("div",{className:Vl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordVideo"})}),(0,s.jsxs)("div",{className:Wl,children:[(0,s.jsxs)("div",{className:Yl,style:{width:"".concat($l,"px"),height:"".concat(eu,"px")},children:[(0,s.jsx)("video",{className:Jl,style:{width:"".concat($l,"px"),height:"".concat(eu,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===zl.playing&&(0,s.jsx)("video",{className:ql,style:{width:"".concat($l,"px"),height:"".concat(eu,"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:Kl,children:[(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){if(a.current)A===zl.inRecording?(a.current.stop(),w(zl.ready)):d?(window.URL.revokeObjectURL(d),v(""),m(""),t.current&&c.current&&(t.current.srcObject=c.current),w(zl.ready)):(t.current&&c.current&&(t.current.srcObject=c.current),a.current.start(),w(zl.inRecording));else if(t.current){var n={audio:!0,video:{width:$l,height:eu,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&&i.current.push(e.data)},r.onstop=function(e){var t=new Blob(i.current,{type:"video/mp4"});v("".concat((new Date).getTime(),".mp4"));var n=window.URL.createObjectURL(t);m(n),i.current=[]},a.current=r,t.current&&c.current&&(t.current.srcObject=c.current),a.current.start(),w(zl.inRecording)}catch(e){fl.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){t.message&&t.message.includes("not found")?fl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):fl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):fl.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:A===zl.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)(ae.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),w(zl.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:p,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},nu="RecordedScreen_container__ocp0M",ru="RecordedScreen_title__W0vMd",au="RecordedScreen_content__VeJjk",iu="RecordedScreen_videoBox__h9jea",ou="RecordedScreen_recordVideo__RxPmj",su="RecordedScreen_playVideo__omjcA",cu="RecordedScreen_btns__TSHxB";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(Xl||(Xl={}));var lu,uu,du,mu=Math.floor(.36*window.screen.width),fu=Math.floor(.36*window.screen.height),gu=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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)(Xl.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1],b=(0,r.useRef)(Xl.ready);return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:nu,children:[(0,s.jsx)("div",{className:ru,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordScreen"})}),(0,s.jsxs)("div",{className:au,children:[(0,s.jsxs)("div",{className:iu,style:{width:"".concat(mu,"px"),height:"".concat(fu,"px")},children:[(0,s.jsx)("video",{className:ou,style:{width:"".concat(mu,"px"),height:"".concat(fu,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===Xl.playing&&(0,s.jsx)("video",{className:su,style:{width:"".concat(mu,"px"),height:"".concat(fu,"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:cu,children:[(0,s.jsx)(ae.Z,{type:"primary",onClick:function(){a.current?A===Xl.inRecording?(a.current.stop(),b.current=Xl.ready,w(Xl.ready)):d&&(window.URL.revokeObjectURL(d),v(""),m(""),a.current=null,b.current=Xl.ready,w(Xl.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&&i.current.push(e.data)},r.onstop=function(){b.current===Xl.inRecording&&(b.current=Xl.ready,w(Xl.ready));var e=new Blob(i.current,{type:"video/webm"});v("".concat((new Date).getTime(),".webm"));var t=window.URL.createObjectURL(e);m(t),i.current=[]},a.current=r,t.current&&c.current&&(t.current.srcObject=c.current),a.current.start(),b.current=Xl.inRecording,w(Xl.inRecording)}catch(e){fl.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){fl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):fl.ZP.error(e.formatMessage({id:"common.notSupportGetDisplayMedia"})))},children:A===Xl.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)(ae.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),b.current=Xl.playing,w(Xl.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:p,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},hu=n(76755),pu=n(42428),vu=(n(38986),n(22991),n(90322)),xu=n.n(vu),yu=n(27885),Au={};Au.toRGBA8=function(e){var t=e.width,n=e.height;if(null===e.tabs.acTL)return[Au.toRGBA8.decodeImage(e.data,t,n,e).buffer];var r=[];null===e.frames[0].data&&(e.frames[0].data=e.data);for(var a=t*n*4,i=new Uint8Array(a),o=new Uint8Array(a),s=new Uint8Array(a),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=Au.toRGBA8.decodeImage(l.data,m,f,e);if(0!==c)for(var h=0;h<a;h++)s[h]=i[h];if(0===l.blend?Au._copyTile(g,m,f,i,t,n,u,d,0):1===l.blend&&Au._copyTile(g,m,f,i,t,n,u,d,1),r.push(i.buffer.slice(0)),1===l.dispose)Au._copyTile(o,m,f,i,t,n,u,d,0);else if(2===l.dispose)for(var p=0;p<a;p++)i[p]=s[p]}return r},Au.toRGBA8.decodeImage=function(e,t,n,r){var a=t*n,i=Au.decode._getBPP(r),o=Math.ceil(t*i/8),s=new Uint8Array(4*a),c=new Uint32Array(s.buffer),l=r.ctype,u=r.depth,d=Au._bin.readUshort;if(6===l){var m=a<<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<a;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<a;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],b=h[2];if(8===u)for(var j=0;j<a;j++){var _=j<<2,D=3*j;c[j]=255<<24|e[D+2]<<16|e[D+1]<<8|e[D],e[D]===A&&e[D+1]===w&&e[D+2]===b&&(s[_+3]=0)}if(16===u)for(var M=0;M<a;M++){var E=M<<2,k=6*M;c[M]=255<<24|e[k+4]<<16|e[k+2]<<8|e[k],d(e,k)===A&&d(e,k+2)===w&&d(e,k+4)===b&&(s[E+3]=0)}}}else if(3===l){var C=r.tabs.PLTE,N=r.tabs.tRNS,S=N?N.length:0;if(1===u)for(var B=0;B<n;B++)for(var P=B*o,I=B*t,T=0;T<t;T++){var R=I+T<<2,F=e[P+(T>>3)]>>7-((7&T)<<0)&1,O=3*F;s[R]=C[O],s[R+1]=C[O+1],s[R+2]=C[O+2],s[R+3]=F<S?N[F]:255}if(2===u)for(var G=0;G<n;G++)for(var Q=G*o,Z=G*t,L=0;L<t;L++){var z=Z+L<<2,U=e[Q+(L>>2)]>>6-((3&L)<<1)&3,H=3*U;s[z]=C[H],s[z+1]=C[H+1],s[z+2]=C[H+2],s[z+3]=U<S?N[U]:255}if(4===u)for(var V=0;V<n;V++)for(var W=V*o,Y=V*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]=C[X],s[q+1]=C[X+1],s[q+2]=C[X+2],s[q+3]=K<S?N[K]:255}if(8===u)for(var $=0;$<a;$++){var ee=$<<2,te=e[$],ne=3*te;s[ee]=C[ne],s[ee+1]=C[ne+1],s[ee+2]=C[ne+2],s[ee+3]=te<S?N[te]:255}}else if(4===l){if(8===u)for(var re=0;re<a;re++){var ae=re<<2,ie=re<<1,oe=e[ie];s[ae]=oe,s[ae+1]=oe,s[ae+2]=oe,s[ae+3]=e[ie+1]}if(16===u)for(var se=0;se<a;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 be=17*(e[fe+(we>>>1)]>>>4-((1&we)<<2)&15),je=be===17*de?0:255;c[ge+we]=je<<24|be<<16|be<<8|be}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 Ee=0;Ee<t;Ee++){var ke=e[fe+(Ee<<1)],Ce=d(e,fe+(Ee<<1))===de?0:255;c[ge+Ee]=Ce<<24|ke<<16|ke<<8|ke}}return s},Au.decode=function(e){for(var t,n=new Uint8Array(e),r=8,a=Au._bin,i=a.readUshort,o=a.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=a.readUint(n,r);r+=4;var g=a.readASCII(n,r,4);if(r+=4,"IHDR"===g)Au.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=Au.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=i(n,r+22);x=i(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]=[a.readUint(n,r),a.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(a.readUint(n,r+4*w))}else if("tEXt"===g||"zTXt"===g){null===s.tabs[g]&&(s.tabs[g]={});var b=a.nextZero(n,r),j=a.readASCII(n,r,b-r),_=void 0,D=r+f-b-1;if("tEXt"===g)_=a.readASCII(n,b+1,D);else{var M=Au.decode._inflate(n.slice(b+2,b+2+D));_=a.readUTF8(M,0,M.length)}s.tabs[g][j]=_}else if("iTXt"===g){null==s.tabs[g]&&(s.tabs[g]={});var E=0,k=r;E=a.nextZero(n,k);var C=a.readASCII(n,k,E-k),N=n[k=E+1];k+=2,k=(E=a.nextZero(n,k))+1;var S=void 0,B=f-((k=(E=a.nextZero(n,k))+1)-r);if(0===N)S=a.readUTF8(n,k,B);else{var P=Au.decode._inflate(n.slice(k,k+B));S=a.readUTF8(P,0,P.length)}s.tabs[g][C]=S}else if("PLTE"===g)s.tabs[g]=a.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(i(n,r+2*T))}else if("tRNS"===g)3===s.ctype?s.tabs[g]=a.readBytes(n,r,f):0===s.ctype?s.tabs[g]=i(n,r):2===s.ctype&&(s.tabs[g]=[i(n,r),i(n,r+2),i(n,r+4)]);else if("gAMA"===g)s.tabs[g]=a.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]=[i(n,r)]:2===s.ctype||6===s.ctype?s.tabs[g]=[i(n,r),i(n,r+2),i(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=Au.decode._decompress(s,t.slice(0,u),R.rect.width,R.rect.height),u=0}return s.data=Au.decode._decompress(s,c,s.width,s.height),delete s.compress,delete s.interlace,delete s.filter,s},Au.decode._decompress=function(e,t,n,r){var a=Au.decode._getBPP(e),i=Math.ceil(n*a/8),o=new Uint8Array((i+1+e.interlace)*r);return t=e.tabs.CgBI?Au.inflateRaw(t,o):Au.decode._inflate(t,o),0===e.interlace?t=Au.decode._filterZero(t,e,0,n,r):1===e.interlace&&(t=Au.decode._readInterlace(t,e)),t},Au.decode._inflate=function(e,t){return Au.inflateRaw(new Uint8Array(e.buffer,2,e.length-6),t)},Au.inflateRaw=((du={}).H={},du.H.N=function(e,t){var n,r,a=Uint8Array,i=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 a(0);var g=du.H,h=g.b,p=g.e,v=g.R,x=g.n,y=g.A,A=g.Z,w=g.m,b=null===t;for(b&&(t=new a(e.length>>>2<<3));0===i;)if(i=h(e,f,1),o=h(e,f+1,2),f+=3,0!==o){if(b&&(t=du.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 j=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>j&&(j=M)}f+=3*l,x(w.Q,j),y(w.Q,j,w.u),n=w.w,r=w.d,f=v(w.u,(1<<j)-1,s+c,e,f,w.v);var E=g.V(w.v,0,s,w.C);u=(1<<E)-1;var k=g.V(w.v,s,c,w.D);d=(1<<k)-1,x(w.C,E),y(w.C,E,n),x(w.D,k),y(w.D,k,r)}for(;;){var C=n[A(e,f)&u];f+=15&C;var N=C>>>4;if(N>>>8==0)t[m++]=N;else{if(256===N)break;var S=m+N-254;if(N>264){var B=w.q[N-257];S=m+(B>>>3)+p(e,f,7&B),f+=7&B}var P=r[A(e,f)&d];f+=15&P;var I=P>>>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;b&&(t=du.H.W(t,m+O)),t.set(new a(e.buffer,e.byteOffset+F,O),m),f=F+O<<3,m+=O}return t.length===m?t:t.slice(0,m)},du.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},du.H.R=function(e,t,n,r,a,i){for(var o=du.H.e,s=du.H.Z,c=0;c<n;){var l=e[s(r,a)&t];a+=15&l;var u=l>>>4;if(u<=15)i[c]=u,c++;else{var d=0,m=0;16===u?(m=3+o(r,a,2),a+=2,d=i[c-1]):17===u?(m=3+o(r,a,3),a+=3):18===u&&(m=11+o(r,a,7),a+=7);for(var f=c+m;c<f;)i[c]=d,c++}}return a},du.H.V=function(e,t,n,r){for(var a=0,i=0,o=r.length>>>1;i<n;){var s=e[i+t];r[i<<1]=0,r[1+(i<<1)]=s,s>a&&(a=s),i++}for(;i<o;)r[i<<1]=0,r[1+(i<<1)]=0,i++;return a},du.H.n=function(e,t){for(var n,r,a,i,o,s=du.H.m,c=e.length,l=s.j,u=0;u<=t;u++)l[u]=0;for(i=1;i<c;i+=2)l[e[i]]++;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(a=0;a<c;a+=2)0!==(o=e[a+1])&&(e[a]=d[o],d[o]++)},du.H.A=function(e,t,n){for(var r=e.length,a=du.H.m.r,i=0;i<r;i+=2)if(0!==e[i+1])for(var o=i>>1,s=e[i+1],c=o<<4|s,l=t-s,u=e[i]<<l,d=u+(1<<l);u!==d;)n[a[u]>>>15-t]=c,u++},du.H.l=function(e,t){for(var n=du.H.m.r,r=15-t,a=0;a<e.length;a+=2){var i=e[a]<<t-e[a+1];e[a]=n[i]>>>r}},du.H.M=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8},du.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},du.H.e=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<n)-1},du.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},du.H.Z=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},du.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)},du.H.m=(lu=Uint16Array,uu=Uint32Array,{K:new lu(16),j:new lu(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 lu(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 uu(32),J:new lu(512),_:[],h:new lu(32),$:[],w:new lu(32768),C:[],v:[],d:new lu(32768),D:[],u:new lu(512),Q:[],r:new lu(32768),s:new uu(286),Y:new uu(30),a:new uu(19),t:new uu(15e3),k:new lu(65536),g:new lu(32768)}),function(){for(var e=du.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 a=0;a<32;a++)e.q[a]=e.S[a]<<3|e.T[a],e.c[a]=e.p[a]<<4|e.z[a];r(e._,144,8),r(e._,112,9),r(e._,24,7),r(e._,8,8),du.H.n(e._,9),du.H.A(e._,9,e.J),du.H.l(e._,9),r(e.$,32,5),du.H.n(e.$,5),du.H.A(e.$,5,e.h),du.H.l(e.$,5),r(e.Q,19,0),r(e.C,286,0),r(e.D,30,0),r(e.v,320,0)}(),du.H.N),Au.decode._readInterlace=function(e,t){for(var n=t.width,r=t.height,a=Au.decode._getBPP(t),i=a>>3,o=Math.ceil(n*a/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*a/8);Au.decode._filterZero(e,t,c,p,v);for(var w=0,b=l[f];b<r;){for(var j=u[f],_=c+w*A<<3;j<n;){if(1===a){var D=e[_>>3];D=D>>7-(7&_)&1,s[b*o+(j>>3)]|=D<<7-((7&j)<<0)}if(2===a){var M=e[_>>3];M=M>>6-(7&_)&3,s[b*o+(j>>2)]|=M<<6-((3&j)<<1)}if(4===a){var E=e[_>>3];E=E>>4-(7&_)&15,s[b*o+(j>>1)]|=E<<4-((1&j)<<2)}if(a>=8)for(var k=b*o+j*i,C=0;C<i;C++)s[k+C]=e[(_>>3)+C];_+=a,j+=h}w++,b+=g}p*v!=0&&(c+=v*(1+A)),f+=1}return s},Au.decode._getBPP=function(e){return[1,null,3,1,2,null,4][e.ctype]*e.depth},Au.decode._filterZero=function(e,t,n,r,a){var i=Au.decode._getBPP(t),o=Math.ceil(r*i/8),s=Au.decode._paeth;i=Math.ceil(i/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=i;d<o;d++)e[d+1]=e[d+1]+(e[d+1-i]>>>1)&255;for(var m=0;m<a;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<i;d++)e[c+d]=e[l+d];for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-i]}else if(2===u)for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-o];else if(3===u){for(;d<i;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-i]>>>1)}else{for(;d<i;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-i],e[c+d-o],e[c+d-i-o])}return e},Au.decode._paeth=function(e,t,n){var r=e+t-n,a=r-e,i=r-t,o=r-n;return a*a<=i*i&&a*a<=o*o?e:i*i<=o*o?t:n},Au.decode._IHDR=function(e,t,n){var r=Au._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++},Au._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="",a=0;a<n;a++)r+=String.fromCharCode(e[t+a]);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=[],a=0;a<n;a++)r.push(e[t+a]);return r},pad:function(e){return e.length<2?"0"+e:e},readUTF8:function(e,t,n){for(var r,a="",i=0;i<n;i++)a+="%"+Au._bin.pad(e[t+i].toString(16));try{r=decodeURIComponent(a)}catch(r){return Au._bin.readASCII(e,t,n)}return r}},Au._copyTile=function(e,t,n,r,a,i,o,s,c){for(var l=Math.min(t,a),u=Math.min(n,i),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)*a+o+g<<2):(d=(-s+f)*t-o+g<<2,m=f*a+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,b=r[m+2]*y,j=1-h,_=h+y*j,D=0===_?0:1/_;r[m+3]=255*_,r[m+0]=(p+A*j)*D,r[m+1]=(v+w*j)*D,r[m+2]=(x+b*j)*D}else if(2===c){var M=e[d+3],E=e[d],k=e[d+1],C=e[d+2],N=r[m+3],S=r[m],B=r[m+1],P=r[m+2];M===N&&E===S&&k===B&&C===P?(r[m]=0,r[m+1]=0,r[m+2]=0,r[m+3]=0):(r[m]=E,r[m+1]=k,r[m+2]=C,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],Q=r[m+1],Z=r[m+2];if(I===O&&T===G&&R===Q&&F===Z)continue;if(I<220&&O>20)return!1}return!0},Au.encode=function(e,t,n,r,a,i,o){null===r&&(r=0),null===o&&(o=!1);var s=Au.encode.compress(e,t,n,r,[!1,!1,!1,0,o]);return Au.encode.compressPNG(s,-1),Au.encode._main(s,t,n,a,i)},Au.encodeLL=function(e,t,n,r,a,i,o,s){for(var c={ctype:0+(1===r?0:2)+(0===a?0:4),depth:i,frames:[]},l=(r+a)*i,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 Au.encode.compressPNG(c,0,!0),Au.encode._main(c,t,n,o,s)},Au.encode._main=function(e,t,n,r,a){a||(a={});var i=Au.crc.crc,o=Au._bin.writeUint,s=Au._bin.writeUshort,c=Au._bin.writeASCII,l=8,u=e.frames.length>1,d=!1,m=33+(u?20:0);if(null!==a.sRGB&&void 0!==a.sRGB&&(m+=13),null!==a.pHYs&&void 0!==a.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,i(p,l-17,17)),l+=4,null!==a.sRGB&&void 0!==a.sRGB&&(o(p,l,1),c(p,l+=4,"sRGB"),p[l+=4]=a.sRGB,o(p,++l,i(p,l-5,5)),l+=4),null!==a.pHYs&&void 0!==a.pHYs&&(o(p,l,9),c(p,l+=4,"pHYs"),o(p,l+=4,a.pHYs[0]),o(p,l+=4,a.pHYs[1]),p[l+=4]=a.pHYs[2],o(p,++l,i(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!=a.loop?a.loop:0),o(p,l+=4,i(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,b=e.plte[A],j=255&b,_=b>>>8&255,D=b>>>16&255;p[l+w+0]=j,p[l+w+1]=_,p[l+w+2]=D}if(o(p,l+=3*y,i(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,i(p,l-y-4,y+4)),l+=4}}for(var E=0,k=0;k<e.frames.length;k++){var C=e.frames[k];u&&(o(p,l,26),c(p,l+=4,"fcTL"),o(p,l+=4,E++),o(p,l+=4,C.rect.width),o(p,l+=4,C.rect.height),o(p,l+=4,C.rect.x),o(p,l+=4,C.rect.y),s(p,l+=4,r[k]),s(p,l+=2,1e3),p[l+=2]=C.dispose,p[++l]=C.blend,o(p,++l,i(p,l-30,30)),l+=4);var N=C.cimg,S=N.length;o(p,l,S+(0===k?0:4));var B=l+=4;c(p,l,0===k?"IDAT":"fdAT"),l+=4,0!==k&&(o(p,l,E++),l+=4),p.set(N,l),o(p,l+=S,i(p,B,l-B)),l+=4}return o(p,l,0),c(p,l+=4,"IEND"),o(p,l+=4,i(p,l-4,4)),l+=4,p.buffer},Au.encode.compressPNG=function(e,t,n){for(var r=0;r<e.frames.length;r++){var a=e.frames[r],i=a.rect.height,o=new Uint8Array(i*a.bpl+i);a.cimg=Au.encode._filterZero(a.img,i,a.bpp,a.bpl,o,t,n)}},Au.encode.compress=function(e,t,n,r,a){for(var i=a[0],o=a[1],s=a[2],c=a[3],l=a[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=Au.encode.framize(e,t,n,i,o,s),y={},A=[],w=[];if(0!==r){for(var b=[],j=0;j<x.length;j++)b.push(x[j].img.buffer);for(var _=Au.encode.concatRGBA(b),D=Au.quantize(_,r),M=0,E=new Uint8Array(D.abuf),k=0;k<x.length;k++){var C=x[k].img,N=C.length;w.push(new Uint8Array(D.inds.buffer,M>>2,N>>2));for(var S=0;S<N;S+=4)C[S]=E[M+S],C[S+1]=E[M+S+1],C[S+2]=E[M+S+2],C[S+3]=E[M+S+3];M+=N}for(var B=0;B<D.plte.length;B++)A.push(D.plte[B].est.rgba)}else for(var P=0;P<x.length;P++){var I=x[P],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 Q=T[G];if(0!==G&&Q===T[G-1])O[G]=O[G-1];else if(G>R&&Q===T[G-R])O[G]=O[G-R];else{var Z=y[Q];if(null===Z&&(y[Q]=Z=A.length,A.push(Q),A.length>=300))break;O[G]=Z}}}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 U=x[z],H=U.rect.width,V=U.rect.height,W=U.img,Y=4*H,J=4;if(L<=256&&!1===l){Y=Math.ceil(d*H/8);for(var q=new Uint8Array(Y*V),K=w[z],X=0;X<V;X++){var $=X*Y,ee=X*H;if(8===d)for(var te=0;te<H;te++)q[$+te]=K[ee+te];else if(4===d)for(var ne=0;ne<H;ne++)q[$+(ne>>1)]|=K[ee+ne]<<4-4*(1&ne);else if(2===d)for(var re=0;re<H;re++)q[$+(re>>2)]|=K[ee+re]<<6-2*(3&re);else if(1===d)for(var ae=0;ae<H;ae++)q[$+(ae>>3)]|=K[ee+ae]<<7-1*(7&ae)}W=q,u=3,J=1}else if(!1===v&&1===x.length){for(var ie=new Uint8Array(H*V*3),oe=H*V,se=0;se<oe;se++){var ce=3*se,le=4*se;ie[ce]=W[le],ie[ce+1]=W[le+1],ie[ce+2]=W[le+2]}W=ie,u=2,J=3,Y=3*H}U.img=W,U.bpl=Y,U.bpp=J}return{ctype:u,depth:d,plte:A,frames:x}},Au.encode.framize=function(e,t,n,r,a,i){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=i||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,b=n,j=-1,_=-1,D=0;D<n;D++)for(var M=0;M<t;M++){var E=D*t+M;l[E]!==A[E]&&(M<w&&(w=M),M>j&&(j=M),D<b&&(b=D),D>_&&(_=D))}-1===j&&(w=b=j=_=0),a&&(1==(1&w)&&w--,1==(1&b)&&b--);var k=(j-w+1)*(_-b+1);k<x&&(x=k,v=y,d=w,m=b,f=j-w+1,g=_-b+1)}var C=new Uint8Array(e[s-1-v]);1===v&&(o[s-1].dispose=2),u=new Uint8Array(f*g*4),Au._copyTile(C,t,n,u,f,g,-d,-m,0),1===(h=Au._copyTile(c,t,n,u,f,g,-d,-m,3)?1:0)?Au.encode._prepareDiff(c,t,n,u,{x:d,y:m,width:f,height:g}):Au._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 N=0;N<o.length;N++){var S=o[N];if(1!==S.blend){var B=S.rect,P=o[N-1].rect,I=Math.min(B.x,P.x),T=Math.min(B.y,P.y),R={x:I,y:T,width:Math.max(B.x+B.width,P.x+P.width)-I,height:Math.max(B.y+B.height,P.y+P.height)-T};o[N-1].dispose=1,N-1!=0&&Au.encode._updateFrame(e,t,n,o,N-1,R,a),Au.encode._updateFrame(e,t,n,o,N,R,a)}}return o},Au.encode._updateFrame=function(e,t,n,r,a,i,o){for(var s=Uint8Array,c=Uint32Array,l=new s(e[a-1]),u=new c(e[a-1]),d=a+1<e.length?new s(e[a+1]):null,m=new s(e[a]),f=new c(m.buffer),g=t,h=n,p=-1,v=-1,x=0;x<i.height;x++)for(var y=0;y<i.width;y++){var A=i.x+y,w=i.y+x,b=w*t+A,j=f[b];0!==j&&(0!==r[a-1].dispose||u[b]!==j||null!==d&&0===d[4*b+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--),i={x:g,y:h,width:p-g+1,height:v-h+1};var _=r[a];_.rect=i,_.blend=1,_.img=new Uint8Array(i.width*i.height*4),0===r[a-1].dispose?(Au._copyTile(l,t,n,_.img,i.width,i.height,-i.x,-i.y,0),Au.encode._prepareDiff(m,t,n,_.img,i)):Au._copyTile(m,t,n,_.img,i.width,i.height,-i.x,-i.y,0)},Au.encode._prepareDiff=function(e,t,n,r,a){Au._copyTile(e,t,n,r,a.width,a.height,-a.x,-a.y,2)},Au.encode._filterZero=function(e,t,n,r,a,i,o){var s,c=[],l=[0,1,2,3,4];-1!==i?l=[i]:(t*r>5e5||1===n)&&(l=[0]),o&&(s={level:0});for(var u,d=a.length>1e7&&null!=xu()?xu():yu.ZP,m=0;m<l.length;m++){for(var f=0;f<t;f++)Au.encode._filterLine(a,e,f,r,n,l[m]);c.push(d.deflate(a,s))}for(var g=1e9,h=0;h<c.length;h++)c[h].length<g&&(u=h,g=c[h].length);return c[u]},Au.encode._filterLine=function(e,t,n,r,a,i){var o=n*r,s=o+n,c=Au.decode._paeth;if(e[s]=i,s++,0===i)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===i){for(var u=0;u<a;u++)e[s+u]=t[o+u];for(var d=a;d<r;d++)e[s+d]=t[o+d]-t[o+d-a]+256&255}else if(0===n){for(var m=0;m<a;m++)e[s+m]=t[o+m];if(2===i)for(var f=a;f<r;f++)e[s+f]=t[o+f];if(3===i)for(var g=a;g<r;g++)e[s+g]=t[o+g]-(t[o+g-a]>>1)+256&255;if(4===i)for(var h=a;h<r;h++)e[s+h]=t[o+h]-c(t[o+h-a],0,0)+256&255}else{if(2===i)for(var p=0;p<r;p++)e[s+p]=t[o+p]+256-t[o+p-r]&255;if(3===i){for(var v=0;v<a;v++)e[s+v]=t[o+v]+256-(t[o+v-r]>>1)&255;for(var x=a;x<r;x++)e[s+x]=t[o+x]+256-(t[o+x-r]+t[o+x-a]>>1)&255}if(4===i){for(var y=0;y<a;y++)e[s+y]=t[o+y]+256-c(0,t[o+y-r],0)&255;for(var A=a;A<r;A++)e[s+A]=t[o+A]+256-c(t[o+A-a],t[o+A-r],t[o+A-a-r])&255}}},Au.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 a=0;a<r;a++)e=Au.crc.table[255&(e^t[n+a])]^e>>>8;return e},crc:function(e,t,n){return 4294967295^Au.crc.update(4294967295,e,t,n)}},Au.quantize=function(e,t){var n,r=new Uint8Array(e),a=r.slice(0),i=new Uint32Array(a.buffer),o=Au.quantize.getKDtree(a,t),s=o[0],c=o[1],l=Au.quantize.planeDst,u=r,d=i,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=Au.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),b=u[y+2]*(1/255),j=u[y+3]*(1/255);for(n=s;n.left;)n=l(n.est,A,w,b,j)<=0?n.left:n.right;f[y>>2]=n.ind,d[y>>2]=n.est.rgba}return{abuf:a.buffer,inds:f,plte:c}},Au.quantize.getKDtree=function(e,t,n){null===n&&(n=1e-4);var r=new Uint32Array(e.buffer),a={i0:0,i1:e.length,bst:null,est:null,tdst:0,left:null,right:null};a.bst=Au.quantize.stats(e,a.i0,a.i1),a.est=Au.quantize.estats(a.bst);for(var i=[a];i.length<t;){for(var o=0,s=0,c=0;c<i.length;c++)i[c].est.L>o&&(o=i[c].est.L,s=c);if(o<n)break;var l=i[s],u=Au.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=Au.quantize.stats(e,d.i0,d.i1),d.est=Au.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=Au.quantize.estats(m.bst),l.left=d,l.right=m,i[s]=d,i.push(m)}}i.sort((function(e,t){return t.bst.N-e.bst.N}));for(var h=0;h<i.length;h++)i[h].ind=h;return[a,i]},Au.quantize.getNearest=function(e,t,n,r,a){if(null==e.left)return e.tdst=Au.quantize.dist(e.est.q,t,n,r,a),e;var i=Au.quantize.planeDst(e.est,t,n,r,a),o=e.left,s=e.right;i>0&&(o=e.right,s=e.left);var c=Au.quantize.getNearest(o,t,n,r,a);if(c.tdst<=i*i)return c;var l=Au.quantize.getNearest(s,t,n,r,a);return l.tdst<c.tdst?l:c},Au.quantize.planeDst=function(e,t,n,r,a){var i=e.e;return i[0]*t+i[1]*n+i[2]*r+i[3]*a-e.eMq},Au.quantize.dist=function(e,t,n,r,a){var i=t-e[0],o=n-e[1],s=r-e[2],c=a-e[3];return i*i+o*o+s*s+c*c},Au.quantize.splitPixels=function(e,t,n,r,a,i){var o=Au.quantize.vecDot;for(r-=4;n<r;){for(;o(e,n,a)<=i;)n+=4;for(;o(e,r,a)>i;)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,a)>i;)n-=4;return n+4},Au.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]},Au.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],a=[0,0,0,0],i=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);a[0]+=s,a[1]+=c,a[2]+=l,a[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:a,N:i}},Au.quantize.estats=function(e){var t=e.R,n=e.m,r=e.N,a=n[0],i=n[1],o=n[2],s=n[3],c=0===r?0:1/r,l=[t[0]-a*a*c,t[1]-a*i*c,t[2]-a*o*c,t[3]-a*s*c,t[4]-i*a*c,t[5]-i*i*c,t[6]-i*o*c,t[7]-i*s*c,t[8]-o*a*c,t[9]-o*i*c,t[10]-o*o*c,t[11]-o*s*c,t[12]-s*a*c,t[13]-s*i*c,t[14]-s*o*c,t[15]-s*s*c],u=l,d=Au.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=[a*c,i*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}},Au.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]]}},Au.encode.concatRGBA=function(e){for(var t=0,n=0;n<e.length;n++)t+=e[n].byteLength;for(var r=new Uint8Array(t),a=0,i=0;i<e.length;i++){for(var o=new Uint8Array(e[i]),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[a+c]=l,r[a+c+1]=u,r[a+c+2]=d,r[a+c+3]=m}a+=s}return r.buffer};var wu,bu=Au,ju=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[4*(i*n+n-o-1)],a[s+1]=t[4*(i*n+n-o-1)+1],a[s+2]=t[4*(i*n+n-o-1)+2],a[s+3]=t[4*(i*n+n-o-1)+3]}return new ImageData(a,n,r)}return null},_u=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[4*((r-i-1)*n+o)],a[s+1]=t[4*((r-i-1)*n+o)+1],a[s+2]=t[4*((r-i-1)*n+o)+2],a[s+3]=t[4*((r-i-1)*n+o)+3]}return new ImageData(a,n,r)}return null},Du=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<n;i++)for(var o=0;o<r;o++){var s=4*(i*r+o);a[s]=t[4*(o*n+n-i-1)],a[s+1]=t[4*(o*n+n-i-1)+1],a[s+2]=t[4*(o*n+n-i-1)+2],a[s+3]=t[4*(o*n+n-i-1)+3]}return new ImageData(a,r,n)}return null},Mu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<n;i++)for(var o=0;o<r;o++){var s=4*(i*r+o);a[s]=t[4*((r-o-1)*n+i)],a[s+1]=t[4*((r-o-1)*n+i)+1],a[s+2]=t[4*((r-o-1)*n+i)+2],a[s+3]=t[4*((r-o-1)*n+i)+3]}return new ImageData(a,r,n)}return null},Eu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s]+t[s+1]+t[s+2])/3;a[s]=c,a[s+1]=c,a[s+2]=c,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},ku=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s]+t[s+1]+t[s+2])/3>127?255:0;a[s]=c,a[s+1]=c,a[s+2]=c,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Cu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=255-t[s],a[s+1]=255-t[s+1],a[s+2]=255-t[s+2],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Nu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[s],a[s+1]=0,a[s+2]=0,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Su=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=0,a[s+1]=t[s+1],a[s+2]=0,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Bu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=0,a[s+1]=0,a[s+2]=t[s+2],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Pu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[s],a[s+1]=t[s+1],a[s+2]=0,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Iu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[s],a[s+1]=0,a[s+2]=t[s+1],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Tu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=0,a[s+1]=t[s+1],a[s+2]=t[s+1],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Ru=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s+1]+t[s+2])/2;a[s]=t[s],a[s+1]=c,a[s+2]=c,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Fu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s]+t[s+2])/2;a[s]=c,a[s+1]=t[s+1],a[s+2]=c,a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Ou=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o),c=(t[s]+t[s+1])/2;a[s]=c,a[s+1]=c,a[s+2]=t[s+2],a[s+3]=t[s+3]}return new ImageData(a,n,r)}return null},Gu=function(e){if(e){return Wu(e,[-1,-1,-1,-1,9,-1,-1,-1,-1])}return null},Qu=function(e){if(e){return Wu(e,[-1,-1,-1,-1,8,-1,-1,-1,-1])}return null},Zu=function(e){if(e){var t,n,r,a,i,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)),i=-.02,s=0,t=-10;t<=p;t++,s++)a=o*Math.exp(i*t*t),g[s]=a,h+=a;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=a=i=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],a+=d[s+1]*g[c+p],i+=d[s+2]*g[c+p],h+=g[c+p]);d[s=4*(n*m+t)]=r/h,d[s+1]=a/h,d[s+2]=i/h}for(t=0;t<m;t++)for(n=0;n<f;n++){for(r=a=i=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],a+=d[s+1]*g[c+p],i+=d[s+2]*g[c+p],h+=g[c+p]);d[s=4*(n*m+t)]=r/h,d[s+1]=a/h,d[s+2]=i/h}return e}return null},Lu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);a[s]=t[s],a[s+1]=t[s+1],a[s+2]=t[s+2],a[s+3]=255}return new ImageData(a,n,r)}return null},zu=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,a=new Uint8ClampedArray(t.length),i=0;i<r;i++)for(var o=0;o<n;o++){var s=4*(i*n+o);if(0===t[s+3])a[s]=255,a[s+1]=255,a[s+2]=255,a[s+3]=255;else{var c=Yu([t[s],t[s+1],t[s+2],t[s+3]],[255,255,255,255]);a[s]=c[0],a[s+1]=c[1],a[s+2]=c[2],a[s+3]=c[3]}}return new ImageData(a,n,r)}return null},Uu=function(e,t,n,r,a){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4;if(e){var o=new Image,s=null;if(s="string"==typeof e?e:Al(e)){o.src=s;var c=document.createElement("canvas"),l=c.getContext("2d");c.width=i,c.height=i,l.drawImage(o,0,0,t,n,0,0,r,a);var u=l.getImageData(0,0,r,a);return u}}return null},Hu=function(){var e=(0,ll.Z)(dl().mark((function e(t,n,r,a,i,o){var s,c,l,u,d,m,f;return dl().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t&&a?(s=i/100,["JPG","JPEG"].includes(a.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(a.toLowerCase()),s)):(d=Math.floor(256*s),m=bu.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,a,i,o){return e.apply(this,arguments)}}(),Vu=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,a=e.width,i=e.height,o=t.data,s=new Uint8ClampedArray(r.length),c=n.backgroundColor,l=n.changeIntoColor,u=0;u<i;u++)for(var d=0;d<a;d++){var m=4*(u*a+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,a,i);return v}return e}return null},Wu=function(e,t){if(e){for(var n=e.data,r=e.width,a=e.height,i=new Uint8ClampedArray(n.length),o=0;o<a;o++)for(var s=0;s<r;s++){for(var c=4*(o*r+s),l=0;l<3;l++){var u=c+l;i[u]=0===s||s===r-1||0===o||o===a-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]}i[c+3]=n[c+3]}return new ImageData(i,r,a)}return null},Yu=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 a=n/255,i=r/255;return[Math.max(Math.min(Math.floor(e[0]*a+t[0]*i*(1-a)),255),0),Math.max(Math.min(Math.floor(e[1]*a+t[1]*i*(1-a)),255),0),Math.max(Math.min(Math.floor(e[2]*a+t[2]*i*(1-a)),255),0),Math.max(Math.min(Math.floor(255*(a+i*(1-a))),255),0)]}return[255,255,255,255]},Ju="TakeIDPhotos_container__9YE8N",qu="TakeIDPhotos_title__i5kFN",Ku="TakeIDPhotos_content__+fix-",Xu="TakeIDPhotos_videoBox__9t7RI",$u="TakeIDPhotos_recordVideo__fGXpo",ed="TakeIDPhotos_btns__n-Nxn",td="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"}(wu||(wu={}));var nd={1:{width:295,height:413},2:{width:413,height:579}},rd={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}},ad=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useState)("1"),c=(0,o.Z)(i,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],b=(0,r.useState)(wu.noInit),j=(0,o.Z)(b,2),_=j[0],D=j[1],M=(0,r.useRef)(wu.noInit),E=(0,r.useState)("transparency"),k=(0,o.Z)(E,2),C=k[0],N=k[1],S=(0,r.useRef)("transparency"),B=(0,r.useRef)(null),P=(0,r.useRef)(0),I=function(){var e=(0,ll.Z)(dl().mark((function e(){var n,r,i,o,s,c,l,u,m,f;return dl().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(M.current===wu.inRecording){e.next=2;break}return e.abrupt("return");case 2:if(!t.current||!a.current){e.next=22;break}if(n=nd[d.current],r=n.width,i=n.height,!(o=bl(t.current,r,i))){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,B.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,pu.wX(c,l,u,false,.3);case 15:m=e.sent,(f=Vu(o,m,{backgroundColor:u,changeIntoColor:rd[S.current]}))?a.current.putImageData(f,0,0):a.current.putImageData(o,0,0),e.next=21;break;case 20:a.current.putImageData(o,0,0);case 21:P.current=window.requestAnimationFrame(I);case 22:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),T=function(){var r=(0,ll.Z)(dl().mark((function r(){var i,o,s,c,u,d,f,g;return dl().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return D(wu.loading),o=(i=nd[l]).width,s=i.height,n.current&&(n.current.width=o,n.current.height=s,c=n.current.getContext("2d"),a.current=c),u=pu.oV.MediaPipeSelfieSegmentation,d={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},fl.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})),r.next=8,pu.N7(u,d);case 8:f=r.sent,B.current=f,g={video:{width:nd[l].width,height:nd[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=wu.inRecording,D(wu.inRecording),I()})).catch((function(t){t.message&&t.message.includes("not found")?fl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):fl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):fl.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,ll.Z)(dl().mark((function r(){var a;return dl().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:_===wu.noInit?T():_===wu.loading?fl.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})):_===wu.inRecording?(t.current&&n.current&&(t.current.srcObject=null,P.current&&window.cancelAnimationFrame(P.current),a=n.current.toDataURL("image/jpeg"),w("".concat((new Date).getTime(),".jpeg")),v(a)),M.current=wu.ready,D(wu.ready)):(p&&(window.URL.revokeObjectURL(p),w(""),v("")),t.current&&m.current&&(t.current.srcObject=m.current,M.current=wu.inRecording,D(wu.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:Ju,children:[(0,s.jsx)("div",{className:qu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.takeIDPhotos"})}),(0,s.jsxs)("div",{className:Ku,children:[(0,s.jsxs)("div",{className:Xu,style:{width:"".concat(nd[l].width,"px"),height:"".concat(nd[l].height,"px")},children:[(0,s.jsx)("video",{className:$u,style:{width:"".concat(nd[l].width,"px"),height:"".concat(nd[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:ed,children:[(0,s.jsxs)("div",{className:td,children:[e.formatMessage({id:"common.dimension"}),"："]}),(0,s.jsx)(hu.Z,{value:l,style:{width:"90px",marginRight:"16px"},onChange:function(e){if(n.current){var t=nd[e],r=t.width,a=t.height;n.current.width=r,n.current.height=a}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:td,children:[e.formatMessage({id:"common.backgroundColor"}),"："]}),(0,s.jsx)(hu.Z,{value:C,style:{width:"130px",marginRight:"16px"},onChange:function(e){S.current=e,N(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)(ae.Z,{type:"primary",onClick:R,children:_===wu.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"})})]})]})]})},id="UtilitarianFunction_container__nbWbY",od="UtilitarianFunction_box__xBne9",sd=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:id,children:[(0,s.jsx)("div",{className:od,children:(0,s.jsx)(Gl,{})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(Ul,{})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(tu,{})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(jr,{data:br[2]})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(gu,{})}),(0,s.jsx)("div",{className:od,children:(0,s.jsx)(ad,{})})]})},cd=n(2076),ld="TiltButton_container__794Op",ud="TiltButton_buttonWrapper__qprX4",dd="TiltButton_symbol__8btRZ",md="TiltButton_baseSvg__VopDS";function fd(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 gd(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fd(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fd(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var hd=function(e,t){var n=e.children,a=e.color,i=void 0===a?"#355DFF":a,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:i,boxShadow:"0 10px 20px -10px ".concat(i)},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 a in"svg"===e&&r.setAttribute("xmlns:xlink",n),t)"xlink:href"===a?r.setAttributeNS(n,a,t[a]):r.setAttribute(a,t[a]);return r}),[]);return(0,s.jsxs)("div",gd(gd({},e),{},{className:"".concat(ld," ").concat(e.className||""),children:[(0,s.jsx)(cd.Z,{className:"Tilt",options:{max:30,scale:1.1},children:(0,s.jsx)("div",{className:ud,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 a=u.current.getBoundingClientRect(),o=a.width,s=a.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:dd,style:"top: ".concat(m,"px;left: ").concat(l,"px;transform: scale(").concat(h,") rotate(").concat(g,")"),fill:i}),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:md,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"})})]})]}))},pd=r.forwardRef(hd),vd="RotateBgButton_container__+oxiM",xd=.01,yd=.5,Ad=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(0),n=function n(){if(e.current){var r=V.findDOMNode(e.current);if(r){var a=r.style.backgroundPosition;if(a){var i=a.split(" "),o=Number(i[0].substring(0,i[0].length-1))/100-yd,s=Number(i[1].substring(0,i[1].length-1))/100-yd;o=o*Math.cos(xd)-s*Math.sin(xd),s=s*Math.cos(xd)+o*Math.sin(xd),r.style.backgroundPosition="".concat(100*(o+yd),"% ").concat(100*(s+yd),"%")}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:vd,ref:e,children:"Button"})};function wd(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 bd(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?wd(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wd(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var jd,_d=function(e){return(0,s.jsx)("svg",bd(bd({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"})}))},Dd="IconMoveButton_container__jbUL6",Md=function(){return(0,s.jsx)("div",{className:Dd,children:(0,s.jsxs)("button",{children:[(0,s.jsx)(_d,{}),"Button"]})})},Ed="NeonButton_container__UJhO5",kd=function(){return(0,s.jsx)("div",{className:Ed,children:(0,s.jsx)("button",{children:"Button"})})},Cd="BorderAnimationButton_container__++2oE",Nd=function(){return(0,s.jsx)("div",{className:Cd,children:(0,s.jsx)("button",{children:"Button"})})},Sd="BorderAnimationButton2_container__friIP",Bd=function(){return(0,s.jsx)("div",{className:Sd,children:(0,s.jsx)("button",{children:"Button"})})},Pd="TranslateBgButton_container__L5LWZ",Id=function(){return(0,s.jsx)("div",{className:Pd,children:(0,s.jsx)("button",{children:"Button"})})},Td="RoundedGradientButton_container__AMSMu",Rd=function(){return(0,s.jsx)("div",{className:Td,children:(0,s.jsx)("button",{children:"Button"})})},Fd="MirrorSideButton_container__sB1Ij",Od=function(){return(0,s.jsx)("div",{className:Fd,children:(0,s.jsx)("button",{children:"Button"})})},Gd="ShakeButton_container__g6kIG",Qd=function(){return(0,s.jsx)("div",{className:Gd,children:(0,s.jsx)("button",{children:"Button"})})},Zd="Skew3DButton_container__1NY5X",Ld=function(){return(0,s.jsx)("div",{className:Zd,children:(0,s.jsx)("button",{children:"Button"})})},zd="HoverCircleButton_container__PuMuD",Ud=function(){var e=(0,r.useRef)(null),t=function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,a=n.top,i=t.pageX-r,o=t.pageY-a;e.current.style.setProperty("--xPos","".concat(i,"px")),e.current.style.setProperty("--yPos","".concat(o,"px"))}};return(0,s.jsx)("div",{className:zd,children:(0,s.jsx)("button",{onMouseOver:t,onMouseLeave:t,ref:e,children:(0,s.jsx)("span",{children:"Button"})})})},Hd="PunkEffectButton_container__RO8q0",Vd=function(){return(0,s.jsx)("div",{className:Hd,children:(0,s.jsx)("button",{children:"Button"})})},Wd="PunkEffectButton2_container__KUiXn",Yd=function(){return(0,s.jsx)("div",{className:Wd,children:(0,s.jsx)("button",{children:"Button"})})},Jd="BirdButton_container__7qoN9",qd="BirdButton_content__kmjN7",Kd="BirdButton_buttonWrapper__LV-bE",Xd="BirdButton_birdBox__RbQ6O",$d="BirdButton_bird__iLhzs",em="BirdButton_birdFace__vJMFt",tm="BirdButton_wakeup__Igq0s",nm=function(){return(0,s.jsx)("div",{className:Jd,children:(0,s.jsxs)("div",{className:qd,children:[(0,s.jsx)("div",{className:Kd,children:(0,s.jsx)("span",{children:"Button"})}),(0,s.jsxs)("div",{className:Xd,children:[(0,s.jsx)("div",{className:"".concat($d," ").concat(tm),children:(0,s.jsx)("div",{className:em})}),(0,s.jsx)("div",{className:"".concat($d," ").concat(tm),children:(0,s.jsx)("div",{className:em})}),(0,s.jsx)("div",{className:$d,children:(0,s.jsx)("div",{className:em})})]})]})})},rm="ObliqueLineButton_container__1jrJm",am=function(){return(0,s.jsx)("div",{className:rm,children:(0,s.jsxs)("button",{children:["Button",(0,s.jsx)("span",{})]})})},im="LightningBorderButton_container__ekKDU",om="LightningBorderButton_buttonBox__o0z+d",sm="LightningBorderButton_line1__Njvnt",cm="LightningBorderButton_line2__hEdBj",lm=function(){return(0,s.jsx)("div",{className:im,children:(0,s.jsxs)("div",{className:om,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:sm,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:cm,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"})]})]})})},um="DynamicButtons_container__onlah",dm="DynamicButtons_box__HDepH",mm="DynamicButtons_box1__eXXBp",fm="DynamicButtons_btn__v5GiZ",gm="DynamicButtons_btnText__a2SkT",hm=we.GridBox,pm=[{element:(0,s.jsx)(pd,{className:fm,color:"#4E90FE",children:(0,s.jsx)("span",{className:gm,children:"Button"})}),className:mm},{element:(0,s.jsx)(Ad,{})},{element:(0,s.jsx)(Md,{})},{element:(0,s.jsx)(kd,{})},{element:(0,s.jsx)(Nd,{})},{element:(0,s.jsx)(Bd,{})},{element:(0,s.jsx)(Id,{})},{element:(0,s.jsx)(Rd,{})},{element:(0,s.jsx)(Od,{})},{element:(0,s.jsx)(Qd,{})},{element:(0,s.jsx)(Ld,{})},{element:(0,s.jsx)(Ud,{})},{element:(0,s.jsx)(Vd,{})},{element:(0,s.jsx)(Yd,{})},{element:(0,s.jsx)(nm,{})},{element:(0,s.jsx)(am,{})},{element:(0,s.jsx)(lm,{})}],vm=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:um,children:(0,s.jsx)(we,{differentScreenCols:[8,7,6,5,4],rowSpace:4,colSpace:4,children:pm.map((function(e,t){return(0,s.jsx)(hm,{children:(0,s.jsx)("div",{className:e.className?"".concat(dm," ").concat(e.className):dm,children:e.element})},t)}))})})},xm="DynamicTime_container__gWj7z",ym="DynamicTime_circle__KgCyy",Am="DynamicTime_hour__QRch1",wm="DynamicTime_minutes__CiztT",bm="DynamicTime_seconds__HIQzF",jm="DynamicTime_text__tg+1p",_m="DynamicTime_ap__-R5C5",Dm=75,Mm=471;!function(e){e[e.AM=0]="AM",e[e.PM=1]="PM"}(jd||(jd={}));var Em=function(){var e=function(){var e=new Date,t=e.getHours();return{h:t%12,m:e.getMinutes(),s:e.getSeconds(),ap:t>=12?jd.PM:jd.AM}},t=(0,r.useMemo)((function(){return e()}),[]),n=(0,r.useRef)(t.h),a=(0,r.useRef)(t.m),i=(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,a.current=o,i.current=c,s!==u&&d(s)}),1e3);return function(){t&&clearInterval(t)}}),[]),(0,s.jsxs)("div",{className:xm,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.SVGCircularClock"}),(0,s.jsxs)("div",{className:"".concat(ym," ").concat(Am),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Dm,cy:Dm,r:Dm,style:{strokeDashoffset:Mm-Mm*n.current/12}})}),n.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:jm,children:"HOURS"})]}),(0,s.jsxs)("div",{className:"".concat(ym," ").concat(wm),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Dm,cy:Dm,r:Dm,style:{strokeDashoffset:Mm-Mm*a.current/60}})}),a.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:jm,children:"MINUTES"})]}),(0,s.jsxs)("div",{className:"".concat(ym," ").concat(bm),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Dm,cy:Dm,r:Dm,style:{strokeDashoffset:Mm-Mm*u/60}})}),u.toString().padStart(2,"00"),(0,s.jsx)("div",{className:jm,children:"SECONDS"})]}),(0,s.jsx)("div",{className:_m,children:jd[i.current]})]})},km=n(15671),Cm=n(43144),Nm={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"},Sm=function(){function e(t){(0,km.Z)(this,e),this.config={node:null,frontNum:0,backNum:1,frontText:Nm.number0,backText:Nm.number1,duration:600},Object.assign(this.config,t),this.nodeClass={flip:Nm.flip,front:"".concat(Nm.digital," ").concat(Nm.front),back:"".concat(Nm.digital," ").concat(Nm.back)},this.frontNode=this.config.node.children[0],this.backNode=this.config.node.children[1],this.isFlipping=!1,this.allNumberClass=[],this._init()}return(0,Cm.Z)(e,[{key:"_init",value:function(){for(var e=0;e<10;e++)this.allNumberClass.push(Nm["number".concat(e)]);var t=this.config,n=t.frontNum,r=t.frontText,a=t.backNum,i=t.backText;this._setFront(n,r),this._setBack(a,i)}},{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=Nm["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=Nm["number".concat(e)],this.backNode.classList.add(t)}},{key:"_flip",value:function(e,t,n,r,a){var i=this;if(this.isFlipping)return!1;this.isFlipping=!0,this._setFront(t,n),this._setBack(r,a);var o=Nm.down;"up"===e&&(o=Nm.up),this.config.node.classList.add(o,Nm.go),setTimeout((function(){i.config.node.classList.remove(Nm.go),i.isFlipping=!1,i._setFront(r,a);var e=r>=9?0:r+1;i._setBack(e,Nm["number".concat(e)])}),this.config.duration)}},{key:"flipDown",value:function(e,t,n,r){this._flip("down",e,t,n,r)}}]),e}(),Bm=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(Nm.flip)}));for(var r=new Date,a=(0,rr.Z)(r,"hhmmss"),i=(0,rr.Z)(new Date(r.getTime()+1e3),"hhmmss"),o=0;o<n.length;o++)t.current.push(new Sm({node:n[o],frontText:Nm["number".concat(a[o])],backText:Nm["number".concat(i[o])]}))}var s=window.setInterval((function(){for(var e=new Date,n=(0,rr.Z)(e,"hhmmss"),r=(0,rr.Z)(new Date(e.getTime()+1e3),"hhmmss"),a=0;a<t.current.length;a++)n[a]!==r[a]&&t.current[a].flipDown(Number(n[a]),Nm["number".concat(n[a])],Number(r[a]),Nm["number".concat(r[a])])}),1e3);return function(){s&&window.clearInterval(s)}}),[]),(0,s.jsxs)("div",{className:Nm.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.upAndDownCard"}),(0,s.jsxs)("div",{className:Nm.content,ref:e,children:[(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsx)("div",{className:Nm.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsx)("div",{className:Nm.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]}),(0,s.jsxs)("div",{className:"".concat(Nm.flip," ").concat(Nm.down),children:[(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.front)}),(0,s.jsx)("div",{className:"".concat(Nm.digital," ").concat(Nm.back)})]})]})]})},Pm="ChargingAnimation_container__v9+1B",Im="ChargingAnimation_number__p2igZ",Tm="ChargingAnimation_contrast__WE8Kt",Rm="ChargingAnimation_circle__ulvus",Fm="ChargingAnimation_bubbles__YjX2d",Om=new Array(15).fill(0),Gm=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:Pm,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.charging"}),(0,s.jsx)("div",{className:Im,children:"30.02%"}),(0,s.jsxs)("div",{className:Tm,children:[(0,s.jsx)("div",{className:Rm}),(0,s.jsx)("ul",{className:Fm,children:Om.map((function(e,t){var n="".concat(15*Math.random()+15,"px"),r="".concat(70*Math.random()+15,"px"),a="".concat(5*Math.random()+2,"s"),i="-".concat(5e3*Math.random()/1e3,"s"),o="bubbleMoveToTop ".concat(a," ease-in-out ").concat(i," infinite");return(0,s.jsx)("li",{style:{width:n,height:n,left:r,animation:o}},t)}))})]})]})};function Qm(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 Zm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qm(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Lm=function(e){return(0,s.jsxs)("svg",Zm(Zm({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 zm(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 Um(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?zm(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):zm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Hm=function(e){return(0,s.jsxs)("svg",Um(Um({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 Vm(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 Wm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Vm(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Vm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ym=function(e){return(0,s.jsxs)("svg",Wm(Wm({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 Jm(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 qm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jm(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Km=function(e){return(0,s.jsxs)("svg",qm(qm({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"})]}))},Xm="ZongziLoading_container__CdgrF",$m="ZongziLoading_content__9NHwh",ef="ZongziLoading_loadingItem1__8JdRq",tf="ZongziLoading_loadingItem2__4IjE5",nf="ZongziLoading_loadingItem3__1403l",rf="ZongziLoading_loadingResult__WyYl2",af=function(){return(0,s.jsxs)("div",{className:Xm,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.zongziLoading"}),(0,s.jsxs)("div",{className:$m,children:[(0,s.jsx)("div",{className:ef,children:(0,s.jsx)(Lm,{})}),(0,s.jsx)("div",{className:tf,children:(0,s.jsx)(Hm,{})}),(0,s.jsx)("div",{className:nf,children:(0,s.jsx)(Ym,{})}),(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:rf,children:(0,s.jsx)(Km,{})})]})},of="BoxReflect_container__tvM++",sf="BoxReflect_content__EsvIF",cf="BoxReflect_btn1__o02O4",lf="BoxReflect_btn2__lOp24",uf=function(){return(0,s.jsxs)("div",{className:of,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.borderRotation"}),(0,s.jsxs)("div",{className:sf,children:[(0,s.jsx)("div",{className:cf,children:"Reflect"}),(0,s.jsx)("div",{className:lf,children:"Reflect"})]})]})},df="TextAnimation_container__8odlg",mf=function(){return(0,s.jsxs)("div",{className:df,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.luminousText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},ff="TextSearchlight_container__r14vK",gf=function(){return(0,s.jsxs)("div",{className:ff,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.searchlightText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},hf="DisplayTextInSmoke_container__KVlpC",pf="DisplayTextInSmoke_span1__fItNw",vf="DisplayTextInSmoke_span2__GUMXn",xf="DisplayTextInSmoke_btn__CvDup",yf=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:hf,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:pf,children:"H"}),(0,s.jsx)("span",{className:pf,children:"E"}),(0,s.jsx)("span",{className:pf,children:"L"}),(0,s.jsx)("span",{className:pf,children:"L"}),(0,s.jsx)("span",{className:pf,children:"O"}),(0,s.jsx)("span",{className:pf,children:"W"}),(0,s.jsx)("span",{className:pf,children:"O"}),(0,s.jsx)("span",{className:pf,children:"R"}),(0,s.jsx)("span",{className:pf,children:"L"}),(0,s.jsx)("span",{className:pf,children:"D"})]}),(0,s.jsx)(ae.Z,{type:"primary",className:xf,onClick:function(){var n;t.current&&Array.prototype.forEach.call(t.current.children,(function(e){var t=pf;e.className===pf&&(t=vf),e.className=t})),null===(n=e.current)||void 0===n||n.load()},children:"Once Again"})]})},Af="PlayVideoInText_container__+hh77",wf=function(){return(0,s.jsxs)("div",{className:Af,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"})]})},bf="WaveFont_container__ccIq3",jf="WaveFont_firstText__Obiyz",_f="WaveFont_lastText__7tpdD",Df=function(){return(0,s.jsxs)("div",{className:bf,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.wavyText"}),(0,s.jsx)("h2",{className:jf,children:"River"}),(0,s.jsx)("h2",{className:_f,children:"River"})]})};function Mf(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 Ef(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mf(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mf(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var kf=function(e){return(0,s.jsxs)("svg",Ef(Ef({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"})]}))},Cf="TextOutlineAnimation1_container__LXia5",Nf="TextOutlineAnimation1_content__0SfPo",Sf=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Cf,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineDisplay"}),(0,s.jsx)("div",{className:Nf,ref:e,children:(0,s.jsx)(kf,{})})]})},Bf="TextOutlineAnimation2_container__3DnKq",Pf="TextOutlineAnimation2_content__xpQH3",If="TextOutlineAnimation2_text__VwJlP",Tf=function(){return(0,s.jsxs)("div",{className:Bf,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineLoop"}),(0,s.jsx)("div",{className:Pf,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:If}),(0,s.jsx)("use",{xlinkHref:"#text",className:If}),(0,s.jsx)("use",{xlinkHref:"#text",className:If}),(0,s.jsx)("use",{xlinkHref:"#text",className:If}),(0,s.jsx)("use",{xlinkHref:"#text",className:If})]})})]})},Rf={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"},Ff=function(){return(0,s.jsxs)("div",{className:Rf.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar"}),(0,s.jsxs)("div",{className:Rf.content,children:[(0,s.jsx)("div",{className:Rf.leftTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Rf.leftBottom,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Rf.rightTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Rf.rightBottom,children:(0,s.jsx)("div",{})})]})]})},Of={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"},Gf=new Array(20).fill(0),Qf=function(){return(0,s.jsxs)("div",{className:Of.container,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots"}),(0,s.jsxs)("div",{className:Of.content,children:[(0,s.jsx)("div",{className:Of.circle,children:Gf.map((function(e,t){return(0,s.jsx)("span",{className:Of["span".concat(t)]},t)}))}),(0,s.jsx)("div",{className:Of.circle,children:Gf.map((function(e,t){return(0,s.jsx)("span",{className:Of["span".concat(t)]},t)}))})]})]})},Zf="TankShaking_container__Yt0wf",Lf="TankShaking_content__eoRFC",zf="TankShaking_bottle__mqc+0",Uf="TankShaking_water__5TJXp",Hf="TankShaking_bottleBottom__gAvg8",Vf=function(){return(0,s.jsxs)("div",{className:Zf,children:[(0,s.jsx)(Dr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.tankShaking"}),(0,s.jsxs)("div",{className:Lf,children:[(0,s.jsx)("div",{className:zf,children:(0,s.jsx)("div",{className:Uf})}),(0,s.jsx)("div",{className:Hf})]})]})},Wf="RichDynamicEffect_container__4zkQ2",Yf="RichDynamicEffect_box__0T4jz",Jf="RichDynamicEffect_multipleColumnsBox__Mp4HK",qf=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:Wf,children:[(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Em,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Bm,{})})]}),(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Gm,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(af,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(uf,{})})]}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(mf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(gf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(yf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(jr,{data:br[3]})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(wf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Df,{})}),(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Sf,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Tf,{})})]}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(jr,{data:br[4]})}),(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Ff,{})}),(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Qf,{})})]}),(0,s.jsx)("div",{className:Jf,children:(0,s.jsx)("div",{className:Yf,children:(0,s.jsx)(Vf,{})})})]})},Kf=n(27892),Xf=n(35697),$f="GenerateRegularPolygon_container__kR2Bt",eg="GenerateRegularPolygon_content__K97IB",tg="GenerateRegularPolygon_box__8cyD7",ng="GenerateRegularPolygon_graph__hpKYh",rg="GenerateRegularPolygon_bottom__DyaAC",ag="GenerateRegularPolygon_row__bg92v",ig="GenerateRegularPolygon_label__Y0wuX",og="GenerateRegularPolygon_codeBox__-P4RP",sg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(3),a=(0,o.Z)(n,2),i=a[0],c=a[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<i;n++){var r=d/180*Math.PI,a=(50+50*Math.cos(2*Math.PI*n/i+r)).toFixed(2),o=(50+50*Math.sin(2*Math.PI*n/i+r)).toFixed(2);e+="".concat(a,"% ").concat(o,"%, ")}e=e.slice(0,-2),t.current.style.setProperty("--points",e),v(e)}}),[i,d]),(0,s.jsx)("div",{className:$f,children:(0,s.jsxs)("div",{className:eg,children:[(0,s.jsx)("div",{className:tg,children:(0,s.jsx)("div",{className:ng,ref:t})}),(0,s.jsxs)("div",{className:rg,children:[(0,s.jsxs)("div",{className:ag,children:[(0,s.jsxs)("span",{className:ig,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.numberOfSides"}),":"]}),(0,s.jsx)(Kf.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:3,max:20,step:1,value:i,onChange:x}),(0,s.jsx)(Xf.Z,{style:{width:"80px"},min:3,max:20,precision:0,value:i,onChange:x})]}),(0,s.jsxs)("div",{className:ag,children:[(0,s.jsxs)("span",{className:ig,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.rotation"}),":"]}),(0,s.jsx)(Kf.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:0,max:360,step:1,value:d,onChange:y}),(0,s.jsx)(Xf.Z,{style:{width:"80px"},min:0,max:360,precision:0,value:d,onChange:y})]}),(0,s.jsxs)("div",{className:og,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:"}"})]})]})]})})},cg=n(10737),lg=n.n(cg);function ug(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 dg(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 dg(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}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 i,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,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw i}}}}function dg(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 mg,fg,gg=200,hg=260,pg=16,vg=!1,xg=Math.floor(100),yg=[{id:"sphereCollisionExample1",globuleList:[{initX:xg,initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:xg,initY:80,vx:0,vy:1,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample2",globuleList:[{initX:xg,initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:xg,initY:244,vx:0,vy:-2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample3",globuleList:[{initX:Math.floor(xg-8),initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:Math.floor(xg+8),initY:80,vx:0,vy:1,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample4",globuleList:[{initX:Math.floor(xg-8),initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:Math.floor(xg+8),initY:244,vx:0,vy:-2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample5",globuleList:[{initX:Math.floor(xg-pg),initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:Math.floor(xg-pg)+32,initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample6",globuleList:[{initX:Math.floor(xg-pg),initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:Math.floor(xg-pg)+32,initY:pg,vx:0,vy:1,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample7",globuleList:[{initX:32,initY:pg,vx:1.6,vy:3.2,radius:pg,perfectlyElasticCollision:vg},{initX:80,initY:64,vx:1,vy:2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample8",globuleList:[{initX:pg,initY:pg,vx:1,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:128,initY:304,vx:-1,vy:-2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample9",globuleList:[{initX:pg,initY:pg,vx:1,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:160,initY:320,vx:-1,vy:-2,radius:pg,perfectlyElasticCollision:vg}]},{id:"sphereCollisionExample10",globuleList:[{initX:xg,initY:pg,vx:0,vy:2,radius:pg,perfectlyElasticCollision:vg},{initX:xg,initY:150,vx:0,vy:0,radius:pg,perfectlyElasticCollision:vg}]}],Ag=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),a=(0,o.Z)(n,2),i=a[0],c=a[1],l=(0,r.useRef)([]),u=function(e){var t=e.ctx;t.clearRect(0,0,gg,hg),t.beginPath(),t.fillStyle="#111",t.fillRect(0,0,gg,hg)};return(0,r.useEffect)((function(){return i&&(l.current=yg.map((function(e){var t=document.getElementById(e.id);if(t){t.width=gg,t.height=hg;var n=t.getContext("2d"),r=new(lg())(n,t,e.globuleList,{beforeDrawGlobules:u});return r.start(),r}return null}))),function(){if(l.current&&l.current.length>0){var e,t=ug(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()}}}}),[i]),(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)(Dr,{intlTitle:"page.canvasDynamicEffect.sphereCollisionExample"}),i&&yg.map((function(n,r){if(!t.current)return null;var a,i=Math.ceil(yg.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-i*hg)/(i+1));if(o>=i-1){var g=yg.length%5;0===g&&(g=5);var h=Math.floor((d-g*gg)/(g+1));l=h+(gg+h)*c}else{var p=Math.floor((d-1e3)/6);l=p+(gg+p)*c}return a=30+f+(hg+f)*o,(0,s.jsx)("canvas",{id:n.id,style:{position:"absolute",top:"".concat(a,"px"),left:"".concat(l,"px")},children:e.formatMessage({id:"common.browserTooLow"})},n.id)}))]})},wg=400,bg=200,jg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=function(e){e.clearRect(0,0,wg,wg);var t=new Date,n=t.getHours(),r=t.getMinutes(),a=t.getSeconds();!function(e){e.save(),e.translate(bg,bg),e.lineWidth=20,e.beginPath(),e.arc(0,0,bg-e.lineWidth/2,0,2*Math.PI),e.stroke(),e.beginPath(),e.arc(0,0,bg-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,a=140*Math.cos(r),i=140*Math.sin(r);e.fillStyle="#000000",e.fillText(t.toString(),a,i)}));for(var t=0;t<60;t++){var n=2*Math.PI/60*t,r=164*Math.cos(n),a=164*Math.sin(n);e.beginPath(),e.fillStyle=t%5==0?"#000":"#ccc",e.arc(r,a,4,0,2*Math.PI),e.fill()}}(e),function(e,t,n){e.save(),e.beginPath();var r=2*Math.PI/12*t,a=2*Math.PI/12/60*n;e.rotate(r+a),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,a),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=wg,r.height=400;var a=r.getContext("2d");n(a),e=window.setInterval((function(){n(a)}),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)(Dr,{intlTitle:"page.canvasDynamicEffect.dynamicClock"}),(0,s.jsx)("canvas",{ref:t,children:e.formatMessage({id:"common.browserTooLow"})})]})},_g=504,Dg=540,Mg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=function(e){var t=e.ctx;t.clearRect(0,0,_g,Dg),t.beginPath(),t.fillStyle="black",t.fillRect(0,0,_g,Dg)},i=function(e){var t=e.ctx,n=e.x,r=e.y,a=e.radius;t.save(),t.beginPath(),t.arc(n,r,a,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=_g,e.height=Dg;var r=e.getContext("2d"),o=new(lg())(r,e,[{initX:400,initY:400,vx:6,vy:3,radius:80,afterDrawGlobule:i}],{beforeDrawGlobules:a});t.current=o,o.start()}var s=document.getElementById("searchlightCanvas2");if(s){s.width=_g,s.height=Dg;var c=s.getContext("2d"),l=new(lg())(c,s,[{initX:180,initY:450,vx:-3,vy:-2,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:i},{initX:420,initY:150,vx:2,vy:4,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:i}],{beforeDrawGlobules:a});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)(Dr,{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"})})]})},Eg=n.p+"images/ae67d7f8.png",kg=0,Cg=0,Ng=80,Sg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=function(e){var t=e.ctx;t.clearRect(0,0,kg,Cg),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,kg,Cg)},i=function(e){var t=e.ctx,n=e.id,r=e.x,a=e.y;t.font="bold ".concat(40,"px Georgia"),t.fillStyle="#E76F5A",t.fillText(n,r-20+8,a+20-10)};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;kg=r,Cg=o}else kg=600,Cg=600;return function(){var e=document.getElementById("globuleInteractionCanvas");if(e){e.width=kg,e.height=Cg;for(var t=e.getContext("2d"),r=[],o=Math.ceil(2),s=(kg-640-102)/2+Ng,c=s,l=(Cg-2*o*Ng-50*(o-1))/2+Ng,u=0;u<8;u++){var d={id:(u+1).toString(),initX:c,initY:l,radius:Ng,color:"transparent",isPureColor:!0,bgImg:Eg,moveLossV:.02,gDirection:"toInit",gCoefficient:.002,requiredMouseInteraction:!0,maxMouseOutForce:25,maxMoveV:null,afterDrawGlobule:i};r.push(d),(u+1)%4==0?(c=s,l+=210):c+=194}var m=new(lg())(t,e,r,{monitorMousePos:!0,beforeDrawGlobules:a});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"})})})},Bg=n(71002),Pg={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"},Ig=2.5,Tg=0,Rg=0,Fg=0,Og=0;!function(e){e[e.toPlay=0]="toPlay",e[e.playing=1]="playing",e[e.pause=2]="pause",e[e.gameover=3]="gameover"}(mg||(mg={})),function(e){e[e.player=0]="player",e[e.bullet=1]="bullet",e[e.planet=2]="planet",e[e.particle=3]="particle"}(fg||(fg={}));var Gg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(null),c=(0,r.useState)(mg.toPlay),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(mg.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,Tg,Rg)},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,a=e.y,i=e.radius;return(t.role!==fg.particle||0!==n)&&(t.role!==fg.bullet||!(r<-i||a<-i||r>Tg+i||a>Rg+i))}));e.updateGlobuleList(t)},w=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(t)for(var a=0,i=r.length;a<i;a++){var o;if(r[a].id.role===fg.planet)return null===(o=n.current)||void 0===o||o.stop(),d(mg.gameover),void(m.current=mg.gameover)}},b=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(n.current&&t)for(var a=function(t,a){var i=r[t],o=i.id,s=i.x,c=i.y,l=i.vx,u=i.vy,d=i.radius,m=i.color;if(o.role===fg.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!==i}));if(f){var h=n.current.createGlobule({id:{role:fg.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:fg.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}}},i=0,o=r.length;i<o;i++){var s=a(i);if("object"===(0,Bg.Z)(s))return s.v}},j=function(){Tg=0,Rg=0,Fg=0,Og=0;var e=document.getElementById("myCanvas2");if(e){if(0!==p&&v(0),Ig=2.5,!t.current)return;var r=t.current,a=r.offsetWidth,i=r.offsetHeight,o=r.offsetLeft,s=r.offsetTop;Tg=a,Rg=i,Fg=o,Og=s,e.width=Tg,e.height=Rg;var c=e.getContext("2d");x(c);var l=new(lg())(c,e,[{id:{role:fg.player},initX:Tg/2,initY:Rg/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 j(),function(){var e;null===(e=n.current)||void 0===e||e.stop(),a.current&&clearInterval(a.current),i.current&&clearInterval(i.current)}}),[]);return(0,s.jsxs)("div",{className:Pg.container,ref:t,onMouseDown:function(e){if(u===mg.playing&&n.current){var t=Math.atan2(e.clientY-Og-Rg/2,e.clientX-Fg-Tg/2),r=5*Math.cos(t),a=5*Math.sin(t),i=n.current.createGlobule({id:{role:fg.bullet},initX:Tg/2,initY:Rg/2,radius:5,color:"#ffffff",vx:r,vy:a,receiveWallForce:!1,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:b});n.current.globuleList.unshift(i)}},style:{backgroundColor:[mg.toPlay].includes(u)?"#000":"transparent"},children:[(0,s.jsx)("canvas",{id:"myCanvas2",children:e.formatMessage({id:"common.browserTooLow"})}),u===mg.toPlay&&(0,s.jsx)("button",{className:Pg.startBtn,onClick:function(){d(mg.playing),m.current=mg.playing,n.current&&(n.current.start(),a.current&&(clearInterval(a.current),a.current=0),a.current=window.setInterval((function(){if(m.current===mg.playing&&n.current){var e,t,r=20*Math.random()+15,a="hsl(".concat(360*Math.random(),", 50%, 50%)");Math.random()<.5?(e=Math.random()<.5?0-r:Tg+r,t=Math.random()*Rg+r):(e=Math.random()*Tg+r,t=Math.random()<.5?0-r:Rg+r);var i=Math.atan2(Rg/2-t,Tg/2-e),o=Math.cos(i)*Ig,s=Math.sin(i)*Ig,c=n.current.createGlobule({id:{role:fg.planet},initX:e,initY:t,radius:r,color:a,vx:o,vy:s,receiveOutForce:!1,receiveWallForce:!1});n.current.globuleList.unshift(c)}}),1500),i.current&&(clearInterval(i.current),i.current=0),i.current=window.setInterval((function(){Ig+=1}),2e4))},children:e.formatMessage({id:"page.canvasDynamicEffect.startGame"})}),u!==mg.toPlay&&(0,s.jsxs)("div",{className:Pg.scoreBox,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"："]}),(0,s.jsx)("span",{className:Pg.score,children:p})]}),[mg.playing,mg.pause].includes(u)&&(0,s.jsx)("div",{className:Pg.pauseBtn,onClick:function(){var e;u===mg.playing&&(d(mg.pause),m.current=mg.pause,null===(e=n.current)||void 0===e||e.stop())},children:e.formatMessage({id:"page.canvasDynamicEffect.pause"})}),u===mg.pause&&(0,s.jsxs)("div",{className:Pg.gamepause,children:[(0,s.jsx)("h1",{children:e.formatMessage({id:"page.canvasDynamicEffect.gameHasPaused"})}),(0,s.jsx)("button",{className:Pg.continueBtn,onClick:function(){var e;d(mg.playing),m.current=mg.playing,null===(e=n.current)||void 0===e||e.start()},children:e.formatMessage({id:"page.canvasDynamicEffect.continueTheGame"})})]}),u===mg.gameover&&(0,s.jsxs)("div",{className:Pg.gameover,children:[(0,s.jsxs)("h1",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"：",(0,s.jsx)("span",{className:Pg.finallyScore,children:p})]}),(0,s.jsx)("button",{className:Pg.restartBtn,onClick:function(){d(mg.toPlay),m.current=mg.toPlay,j()},children:e.formatMessage({id:"page.canvasDynamicEffect.restart"})})]})]})},Qg=n(93433),Zg=n.p+"images/c00b0a45.png",Lg=n.p+"images/70820c21.png",zg=n.p+"images/99bcc282.png",Ug=n.p+"images/f82dcd2c.png",Hg=0,Vg=0,Wg=[{radius:14,gDirection:"toBottom",gCoefficient:.2,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Ug},{radius:26,gDirection:"toBottom",gCoefficient:.3,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:zg},{radius:60,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Zg},{radius:54,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Lg}],Yg=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=function(e){var t=e.ctx;t.clearRect(0,0,Hg,Vg),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,Hg,Vg)},i=function(e,t){var n=t.mouseDownPos,r=t.globuleList;if(!(t.mouseInGlobuleList.length>0)){var a=Math.floor(Math.random()*Wg.length),i=Object.assign({},Wg[a],{initX:n.mouseX,initY:n.mouseY}),o=t.createGlobule(i),s=[].concat((0,Qg.Z)(r),[o]);t.updateGlobuleList(s)}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;Hg=r,Vg=o}else Hg=600,Vg=600;return function(){var e=document.getElementById("myCanvas");if(e){e.width=Hg,e.height=Vg;var t=e.getContext("2d"),r=new(lg())(t,e,[],{monitorMousePos:!0,beforeDrawGlobules:a,onMouseDownCanvas:i});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"})})})},Jg=[[[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]]],qg=0,Kg=0,Xg=8,$g=60,eh=30,th=0,nh=0,rh=0,ah=0,ih=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"],oh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=new Date;a.setTime(a.getTime()+36e5);var i=(0,r.useRef)(a),o=function(){var e,t=new Date,n=Math.round(((null===(e=i.current)||void 0===e?void 0:e.getTime())-t.getTime())/1e3);return n>=0?n:0},c=function(e,t,n){for(var r=[],a=0,i=Jg[n].length;a<i;a++)for(var o=0,s=Jg[n][a].length;o<s;o++){var c={initX:e+2*o*(Xg+1)+(Xg+1),initY:t+2*a*(Xg+1)+(Xg+1),radius:Xg,color:"rgb(0,102,153)",isPureColor:!0,alpha:Jg[n][a][o],fixedPos:!0,receiveOutForce:!1};r.push(c)}return r},l=function(e,t){if(n.current)for(var r=n.current.globuleList,a=e,i=0,o=Jg[t].length;i<o;i++)for(var s=0,c=Jg[t][i].length;s<c;s++)r[a].alpha=Jg[t][i][s],a++},u=function(e,t,r){if(n.current)for(var a=n.current.globuleList,i=0,o=Jg[r].length;i<o;i++)for(var s=0,c=Jg[r][i].length;s<c;s++)if(1===Jg[r][i][s]){var l={id:{hadCollisionWall:!1,vx:0},initX:e+2*s*(Xg+1)+(Xg+1),initY:t+2*i*(Xg+1)+(Xg+1),vx:0,vy:-2,radius:Xg,color:ih[Math.floor(Math.random()*ih.length)],receiveOutForce:!1,resistanceWallDirection:["bottom","top"],gDirection:"toBottom",gCoefficient:.3+.02*Math.random(),collisionLossV:5,moveLossV:.08},u=n.current.createGlobule(l);a.push(u)}},d=function(e){var t=e.ctx;t.clearRect(0,0,qg,Kg),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,qg,Kg),function(){var e=o(),t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),r=e%60,a=Math.floor(th/3600),i=Math.floor((th-3600*a)/60),s=th%60;if(r!=s){var c=0,d=Math.floor(t/10);Math.floor(a/10)!=Math.floor(t/10)&&(l(c,d),u(eh,$g,d)),c+=nh;var m=Math.floor(t%10);Math.floor(a%10)!=m&&(l(c,m),u(eh+15*(Xg+1),$g,m)),c+=nh+rh;var f=Math.floor(n/10);Math.floor(i/10)!=f&&(l(c,f),u(eh+39*(Xg+1),$g,f)),c+=nh;var g=Math.floor(n%10);Math.floor(i%10)!=g&&(l(c,g),u(eh+54*(Xg+1),$g,g)),c+=nh+rh;var h=Math.floor(r/10);Math.floor(s/10)!=h&&(l(c,h),u(eh+78*(Xg+1),$g,h)),c+=nh;var p=Math.floor(r%10);Math.floor(s%10)!=p&&(l(c,p),u(eh+93*(Xg+1),$g,p)),th=e}}()},m=function(e){var t=e.globuleList.filter((function(e,t){var n=e.id,r=e.x,a=e.radius,i=e.inCollisionWall;if(t>=ah){if(!i||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<=-a||r>=qg+a)return!1}return!0}));e.updateGlobuleList(t)},f=function(){var e=document.getElementById("myCanvas");if(e){e.width=qg,e.height=Kg;var t=e.getContext("2d");th=o();var r=function(){var e=[],t=Math.floor(th/3600),n=Math.floor((th-3600*t)/60),r=th%60,a=c(eh,$g,Math.floor(t/10));e=e.concat(a),nh=a.length;var i=c(eh+15*(Xg+1),$g,Math.floor(t%10));e=e.concat(i);var o=c(eh+30*(Xg+1),$g,10);e=e.concat(o),rh=o.length;var s=c(eh+39*(Xg+1),$g,Math.floor(n/10));e=e.concat(s);var l=c(eh+54*(Xg+1),$g,Math.floor(n%10));e=e.concat(l);var u=c(eh+69*(Xg+1),$g,10);e=e.concat(u);var d=c(eh+78*(Xg+1),$g,Math.floor(r/10));e=e.concat(d);var m=c(eh+93*(Xg+1),$g,Math.floor(r%10));return e=e.concat(m),ah=e.length,e}(),a=new(lg())(t,e,r,{beforeDrawGlobules:d,afterDrawGlobules:m});n.current=a,a.start()}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,a=e.offsetHeight;qg=r,Kg=a}else qg=600,Kg=600;return eh=Math.round(qg/5),Xg=Math.round(3*qg/5/108)-1,$g=Math.round(Kg/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"})})})},sh=(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",sh)}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"#000000"},id:"particles-js",children:e.children})},lh=n.p+"images/a6f77ec2.png",uh=function(){function e(t){(0,km.Z)(this,e),this.init(t)}return(0,Cm.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=lh,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,a=this.new_img_data.data.length,i=0;i<a;i+=4){var o=i>>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[i]=x,this.new_img_data.data[i+1]=y,this.new_img_data.data[i+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),a=Math.max(t-this.ripple_radius,0),i=Math.min(t+this.ripple_radius,this.buffer_1[0].length-1),o=n;o<r;o++)for(var s=a;s<i;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,a=n.left;e.ripple(Math.floor(t.clientX-a),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}(),dh=uh,mh=n.p+"images/cf5db1b1.png",fh=600,gh=600,hh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(null);return(0,r.useEffect)((function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;fh=r,gh=o,n.current.width=fh,n.current.height=gh;var s=new Image;s.src=mh;var c=new dh({canvas:n.current,background:s,boxRef:t});a.current=c,c.animate(),i.current=window.setInterval((function(){var e=Math.floor(fh*Math.random()),t=Math.floor(gh*Math.random());c.ripple(e,t)}),1e3),c.addMousemove()}return function(){var e;i.current&&clearInterval(i.current),null===(e=a.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"})})})},ph=600,vh=600,xh=0,yh={x:0,y:0},Ah=function(){function e(){(0,km.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,Cm.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}(),wh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(0),o=(0,r.useRef)(yh),c=(0,r.useRef)([]),l=function e(){if(a.current){for(var t=0,n=c.current.length;t<n;t++){c.current[t].draw(a.current)}i.current=window.requestAnimationFrame(e)}},u=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,a=e.offsetHeight;ph=r,vh=a,n.current.width=ph,n.current.height=vh}},d=(0,r.useCallback)((function(e){if(n.current){var r=o.current.x,i=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 Ah,g=Math.atan2(m-i,d-r);if(f.reset(d,m,g),c.current.push(f),c.current.length>200&&c.current.shift(),xh+=1,t.current&&xh>140)"rgb(11, 11, 11)"===(t.current.style||{}).backgroundColor&&(t.current.style.backgroundColor="transparent");a.current&&xh%3==0&&(a.current.fillStyle="rgba(8,8,8,0.05)",a.current.fillRect(0,0,ph,vh))}}),[]);return(0,r.useEffect)((function(){return function(){if(xh=0,t.current&&n.current){t.current.style.backgroundColor="rgb(11, 11, 11)",u();var e=n.current.getContext("2d");a.current=e,a.current.fillStyle="rgba(8,8,8,0.05)",a.current.fillRect(0,0,ph,vh)}}(),n.current&&n.current.addEventListener("mousemove",d),l(),function(){i.current&&cancelAnimationFrame(i.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"})})})},bh=600,jh=600,_h="abcdefghijklmnopqrstuvwxyz",Dh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(0),o=(0,r.useRef)({}),c=(0,r.useRef)({}),l=(0,r.useRef)({}),u=(0,r.useRef)({}),d=function e(){if(a.current){a.current.clearRect(0,0,bh,jh);for(var t=0;t<bh;t+=26){a.current.beginPath();var n=a.current.createLinearGradient(0,0,0,jh),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"),a.current.fillStyle=n;for(var p=0;p<jh;p+=26)h[t+"-"+p]=h[t+"-"+p]||_h[Math.floor(Math.random()*_h.length)],a.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)}i.current=window.requestAnimationFrame(e)}},m=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,a=e.offsetHeight;bh=r,jh=a,n.current.width=bh,n.current.height=jh}};return(0,r.useEffect)((function(){return function(){if(t.current&&n.current){m();var e=n.current.getContext("2d");e.font="14px SourceHanSansCN-Regular",a.current=e}}(),d(),function(){i.current&&cancelAnimationFrame(i.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"})})})},Mh="WordDance_container__SiRI2",Eh="WordDance_tip__Sm3-V",kh=324,Ch=570,Nh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(null),o=(0,r.useRef)(0),c=function e(){if(t.current&&i.current){i.current.drawImage(t.current,0,0,kh,Ch);var n=i.current.getImageData(0,0,kh,Ch);i.current.clearRect(0,0,kh,Ch);for(var r=n.data,a=n.width,s=n.height,c=0;c<s;c++)for(var l=0;l<a;l++){var u=4*(c*a+l);if(l%6==0&&c%6==0){var d=(r[u]+r[u+1]+r[u+2])/3;i.current.fillStyle="rgb(".concat(d,", ").concat(d,", ").concat(d,")"),i.current.font="10px Arial",i.current.fillText("8",l,c)}}o.current=window.requestAnimationFrame(e)}};return(0,r.useEffect)((function(){return function(){if(n.current&&t.current&&a.current){a.current.width=kh,a.current.height=Ch;var e=a.current.getContext("2d",{willReadFrequently:!0});i.current=e,t.current.crossOrigin="anonymous"}}(),c(),function(){o.current&&cancelAnimationFrame(o.current)}}),[]),(0,s.jsxs)("div",{className:Mh,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:a,children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Eh,children:e.formatMessage({id:"page.canvasDynamicEffect.videoIsSlowToLoad"})})]})},Sh="Scratch_container__4Y8FX",Bh="Scratch_bottomText__kdpMZ",Ph=function(){var e=(0,h.Z)(),t=d(),n=t.headHeight,a=t.menuWidth,i=(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(i.current&&o.current){var e=i.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))}}),[a]),(0,s.jsxs)("div",{className:Sh,ref:i,children:[(0,s.jsx)("div",{className:Bh,children:"Visualization Collection"}),(0,s.jsx)("canvas",{onMouseDown:function(e){u.current=!0;var t=e.pageX-a,r=e.pageY-n;l.current={x:t,y:r}},onMouseMove:function(e){if(u.current&&c.current&&l.current){var t=e.pageX-a,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"})})]})},Ih="MatchLine_container__qMLJ5",Th="MatchLine_content__Whs0H",Rh="MatchLine_tools__LT5fu",Fh="MatchLine_btn__r-aM+",Oh="MatchLine_bottom__pQ5Pk",Gh="MatchLine_box__2wo49",Qh="MatchLine_options__yZR5i",Zh="MatchLine_option__YXDOq",Lh="MatchLine_active__wPYWy",zh={fruit:"🍌",animal:"🐒",car:"🚗",vegetable:"🥕"},Uh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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)(!1),y=function(e){a.current&&o.current&&(o.current.clearRect(0,0,a.current.width,a.current.height),e.forEach((function(e){var t=e.point,n=t.x1,r=t.y1,a=t.x2,i=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(a,i),o.current.closePath(),o.current.stroke())})))},A=(0,r.useCallback)((function(t){t.stopPropagation(),t.preventDefault(),x.current?fl.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"})):(t.target.classList.add(Lh),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)}),[]),w=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current&&n.current&&i.current){var t=e.clientX,r=e.clientY,a=n.current.getBoundingClientRect(),o=a.left,s=a.top;f.current={x:t-o,y:r-s},i.current.clearRect(0,0,n.current.width,n.current.height),i.current.beginPath(),i.current.moveTo(m.current.x,m.current.y),i.current.lineTo(f.current.x,f.current.y),i.current.closePath(),i.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(Lh),d.current.dataset.checked="1"):d.current&&(d.current.classList.remove(Lh),d.current.dataset.checked="0",d.current=null)}}else d.current&&(d.current.classList.remove(Lh),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,a=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 A="",w="",b=0;b<h.length;b++){var j=h[b],_=x[b];if([j,_].includes(s)){A=j,w=j===s?_:j;break}}var D="[data-value=".concat(w,"]"),M=document.querySelector(D);if(M){M.dataset.checked="0",M.classList.remove(Lh),delete v.current[A];var E=p.current.findIndex((function(e){return e.key===A}));E>=0&&p.current.splice(E,1)}}var k="L"===o?s:f,C="L"===o?f:s;v.current[k]=C,p.current.push({key:k,point:{x1:r,y1:a,x2:l,y2:m}}),y(p.current)}else if(u.current){var N=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);N||(u.current.dataset.checked="0",u.current.classList.remove(Lh))}g.current=!1,u.current=null,d.current=null,n.current&&i.current&&i.current.clearRect(0,0,n.current.width,n.current.height)}}),[]),j=function(e){e&&Array.prototype.forEach.call(e.children,(function(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height,a="L"===e.dataset.ownership?e.offsetLeft+n:e.offsetLeft,i=e.offsetTop+r/2;e.dataset.anchorX=a,e.dataset.anchorY=i,e.dataset.checked="0",e.onmousedown=A}))};(0,r.useEffect)((function(){return function(){if(t.current&&n.current&&a.current){var e=t.current,r=e.clientWidth,s=e.clientHeight;n.current.width=a.current.width=r,n.current.height=a.current.height=s,i.current=n.current.getContext("2d"),o.current=a.current.getContext("2d"),i.current.strokeStyle=o.current.strokeStyle="#6495ED",i.current.lineWidth=o.current.lineWidth=2,j(c.current),j(l.current)}}(),document.addEventListener("mousemove",w),document.addEventListener("mouseup",b),function(){document.removeEventListener("mousemove",w),document.removeEventListener("mousemove",b)}}),[]);return(0,s.jsxs)("div",{className:Ih,children:[(0,s.jsx)(Dr,{intlTitle:"page.canvasDynamicEffect.matchLineQuestion"}),(0,s.jsxs)("div",{className:Th,children:[(0,s.jsxs)("div",{className:Rh,children:[(0,s.jsx)("div",{className:Fh,onClick:function(){c.current&&Array.prototype.forEach.call(c.current.children,(function(e){e.dataset.checked="0",e.classList.remove(Lh)})),l.current&&Array.prototype.forEach.call(l.current.children,(function(e){e.dataset.checked="0",e.classList.remove(Lh)})),p.current=[],v.current={},y(p.current),x.current=!1},children:e.formatMessage({id:"common.reset"})}),(0,s.jsx)("div",{className:Fh,onClick:function(){if(x.current)fl.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,'"]'),a='[data-value="'.concat(v.current[n],'"]');delete v.current[n];var i=document.querySelector(r),o=document.querySelector(a);i&&o&&(i.dataset.checked=o.dataset.checked="0",i.classList.remove(Lh),o.classList.remove(Lh),y(p.current))}}},children:e.formatMessage({id:"common.backout"})}),(0,s.jsx)("div",{className:Fh,onClick:function(){if(!x.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,'"]'),a="[data-value=".concat(t,"]"),i=document.querySelector(r),o=document.querySelector(a);if(i&&o){var s=i.dataset,c=s.anchorX,l=s.anchorY,u=o.dataset,d=u.anchorX,m=u.anchorY,f=zh[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}})}})),y(n),x.current=!0}else fl.ZP.error(e.formatMessage({id:"page.canvasDynamicEffect.noVerifiableAnswer"}))}},children:e.formatMessage({id:"common.checkout"})})]}),(0,s.jsx)("div",{className:Oh,children:(0,s.jsxs)("div",{className:Gh,ref:t,children:[(0,s.jsx)("div",{className:Qh,ref:c,children:Object.keys(zh).map((function(t){return(0,s.jsx)("div",{className:Zh,"data-value":t,"data-ownership":"L",children:e.formatMessage({id:"page.canvasDynamicEffect.".concat(t)})})}))}),(0,s.jsx)("div",{className:Qh,ref:l,children:Object.values(zh).sort((function(){return Math.random()-.5})).map((function(e){return(0,s.jsx)("div",{className:Zh,"data-value":e,"data-ownership":"R",children:e})}))}),(0,s.jsx)("canvas",{ref:n}),(0,s.jsx)("canvas",{ref:a})]})})]})]})},Hh=n(99477),Vh=n(66358),Wh=function(e,t,n,a){var i=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),c=(0,r.useRef)(0),l=function e(){i.current&&o.current&&s.current&&(a&&a(i.current,o.current,s.current),s.current.render(i.current,o.current),c.current=window.requestAnimationFrame(e))},u=function(){if(e.current){var n=e.current,r=n.clientWidth,a=n.clientHeight,c=new Hh.xsS;i.current=c;var u=new Hh.cPb(75,r/a,.1,1e3);u.position.set(0,0,10),o.current=u;var d=new Hh.CP7({antialias:!0});s.current=d,d.setSize(r,a),d.setPixelRatio(window.devicePixelRatio),d.shadowMap.enabled=!0,e.current.append(d.domElement),l(),t&&t(c,u,d)}},d=function(){if(e.current&&i.current&&o.current&&s.current){var t=e.current,r=t.clientWidth,a=t.clientHeight;o.current.aspect=r/a,o.current.updateProjectionMatrix(),s.current.setSize(r,a),s.current.setPixelRatio(window.devicePixelRatio),n&&n(i.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:i.current,camera:o.current,renderer:s.current,resize:d}},Yh=n(3867),Jh=new(n(82854)._);Jh.setDecoderPath("./public/draco/gltf/"),Jh.setDecoderConfig({type:"js"});var qh=function(e){return new Promise((function(t,n){var r=new Yh.E;r.setCrossOrigin("anonymous"),r.setDRACOLoader(Jh),r.load(e,(function(e){t(e)}),void 0,(function(e){n(e)}))}))},Kh=function(e,t,n){var r=t*Math.PI/180,a=n*Math.PI/180;r=-r;var i=e*Math.cos(a)*Math.cos(r),o=e*Math.sin(a),s=e*Math.cos(a)*Math.sin(r);return new Hh.Pa4(i,o,s)},Xh=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,a=n.material,i=n.children;null==r||r.dispose(),Array.isArray(a)?a.forEach((function(e){return null==e?void 0:e.dispose()})):null==a||a.dispose(),i.length&&i.forEach((function(n){return e(n,t)}))}))}},$h=n.p+"images/a2edaf85.jpg",ep=n.p+"images/573c0a93.jpg",tp="AppPageFrame_container__HINEU",np="AppPageFrame_content__jCifX",rp="AppPageFrame_page__DEPnj",ap=[0,-1.5,0],ip=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useState)(0),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=(0,r.useRef)([]),m=(0,r.useRef)(0),f=(0,r.useRef)(Vh.p8.timeline()),g=(0,r.useRef)(null),h=Wh(t,(function(e){if(t.current){var n=t.current.clientHeight;l(n);var r=new Hh.Ox3(16777215,1);r.position.set(0,0,1),e.add(r);var a=new Hh.Ox3(16777215,.5);a.position.set(0,0,-1),e.add(a);var i=new Hh.Ox3(16777215,.5);i.position.set(-1,1,1),e.add(i),qh("./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)})),qh("./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,ap[1],0),e.add(t.scene),u.current.push(t)})),qh("./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 Hh.xo$(1.5,10,10),c=(new Hh.dpR).load($h),d=(new Hh.dpR).load(ep),m=new Hh.Wid({map:c,displacementMap:d,displacementScale:.5}),f=new Hh.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 Hh.yGw;x.makeTranslation(h,p,v),f.setMatrixAt(g,x);var y=20*Math.random()-8;x.makeScale(y,y,y)}Vh.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,re.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=Vh.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:tp,onMouseMove:function(e){if(t.current){var n=t.current,r=n.clientWidth,a=n.clientHeight,i=e.clientX/r*2-1,o=e.clientY/a*2-1,s=Vh.p8.timeline(),c=u.current[m.current];c&&s.to(c.scene.rotation,{duration:.8,x:.5*o,y:.5*i+ap[m.current]})}},ref:t,children:(0,s.jsxs)("div",{className:np,ref:n,children:[(0,s.jsx)("div",{className:rp,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page One"})}),(0,s.jsx)("div",{className:rp,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Two"})}),(0,s.jsx)("div",{className:rp,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Three"})})]})})},op=n(69365),sp="CarShow_container__fkyim",cp="CarShow_content__-vQNL",lp="CarShow_title__h5POl",up="CarShow_itemBox__aPzWS",dp="CarShow_selectBox__p0bsP",mp="CarShow_btn__vlWko",fp="CarShow_textBtn__XA+9q",gp=["red","blue","green","gray","orange","purple"],hp=new Hh.EJi({color:16711680,metalness:1,roughness:.1}),pp=new Hh.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),vp=new Hh.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),xp=new Hh.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),yp=new Hh.EJi({color:16777215,metalness:0,roughness:0,transparent:!0,transmission:1}),Ap=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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=Wh(n,(function(e,t,r){if(n.current){e.background=new Hh.Ilk("#ddd"),t.position.set(0,2,4),r.setClearColor("#000");var o=new op.z(t,r.domElement);a.current=o,o.autoRotate=!0;var s=new Hh.VLJ(15,15);s.material.opacity=.2,s.material.transparent=!0,e.add(s),qh("./public/model/bmw.glb").then((function(t){var n=t.scene;n.traverse((function(e){e.isMesh&&(e.name.includes("前脸")&&(e.material=pp,i.current.carFront=e),"Mesh002"===e.name&&(e.material=vp,i.current.carBody=e),e.name.includes("引擎盖_1")&&(e.material=xp,i.current.carHood=e),e.name.includes("挡风玻璃")&&(e.material=yp,i.current.carGlass=e),e.name.includes("轮毂")&&(e.material=hp,i.current.carWheels.push(e)))})),e.add(n)}));var c=new Hh.Ox3(16777215,1);c.position.set(0,0,10),e.add(c);var l=new Hh.Ox3(16777215,1);l.position.set(0,0,-10),e.add(l);var u=new Hh.Ox3(16777215,1);u.position.set(10,0,0),e.add(u);var d=new Hh.Ox3(16777215,1);d.position.set(-10,0,0),e.add(d);var m=new Hh.Ox3(16777215,1);m.position.set(0,10,0),e.add(m);var f=new Hh.Ox3(16777215,.3);f.position.set(5,10,0),e.add(f);var g=new Hh.Ox3(16777215,.3);g.position.set(0,10,5),e.add(g);var h=new Hh.Ox3(16777215,.3);g.position.set(0,10,-5),e.add(h);var p=new Hh.Ox3(16777215,.3);p.position.set(-5,10,0),e.add(p)}}),null,(function(){var e;a.current&&(null===(e=a.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){l()}),[t]),(0,s.jsx)("div",{className:sp,ref:n,children:(0,s.jsxs)("div",{className:cp,children:[(0,s.jsx)("div",{className:lp,children:e.formatMessage({id:"page.threeJs3D.carDisplayAndMatching"})}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.bodyColor"})}),(0,s.jsx)("div",{className:dp,children:gp.map((function(e){return(0,s.jsx)("div",{className:mp,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){vp.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.anteriorFaceColor"})}),(0,s.jsx)("div",{className:dp,children:gp.map((function(e){return(0,s.jsx)("div",{className:mp,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){pp.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hoodColor"})}),(0,s.jsx)("div",{className:dp,children:gp.map((function(e){return(0,s.jsx)("div",{className:mp,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){xp.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hubColor"})}),(0,s.jsx)("div",{className:dp,children:gp.map((function(e){return(0,s.jsx)("div",{className:mp,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){hp.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.filmMaterial"})}),(0,s.jsx)("div",{className:dp,children:o.map((function(e){return(0,s.jsx)("div",{className:fp,onClick:function(){return t=e.clearcoatRoughness,n=e.roughness,pp.clearcoatRoughness=t,pp.roughness=n,vp.clearcoatRoughness=t,vp.roughness=n,xp.clearcoatRoughness=t,void(xp.roughness=n);var t,n},children:e.name},e.key)}))})]}),(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.windshieldMaterial"})}),(0,s.jsx)("div",{className:dp,children:c.map((function(e){return(0,s.jsx)("div",{className:fp,onClick:function(){return t=e.transmission,void(yp.transmission=t);var t},children:e.name},e.key)}))})]})]})})},wp=n(88175),bp=[{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}],jp={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}]},_p="RubiksCube_container__dFJHD",Dp=10,Mp=20,Ep=50,kp=50,Cp=[{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}],Np=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)([]),i=(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(jp)[e];f(t,Math.PI)},f=function(e,t){var n=jp[e];if(n&&t&&o.current){for(var r=[],a=[],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=i.current.length;x<y;x++){var A=i.current[x],w=A.position,b=w.x,j=w.y,_=w.z;if(b===10.4*h&&j===10.4*p&&_===10.4*v){r.push(A.clone()),a.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=a[4],E=new Hh.ZAu;E.position.set(M.position.x,M.position.y,M.position.z),c.current=E,a.forEach((function(e){var t=e.clone(),n=t.position,r=n.x,a=n.y,i=n.z;t.position.set("x"===D?0:r,"y"===D?0:a,"z"===D?0:i),E.add(t)})),o.current.add(E),a.forEach((function(e){var t;null===(t=o.current)||void 0===t||t.remove(e),i.current=i.current.filter((function(t){return t.id!==e.id}))}));var k={angle:0};l.current=Vh.p8.to(k,{angle:t,duration:t/Math.PI*1.5,ease:"power1.inOut",onUpdate:function(){if(D){var e=k.angle;if(c.current){var t=(new Hh.yGw)["makeRotation".concat(D.toUpperCase())](e),n=c.current.position,r=n.x,a=n.y,i=n.z;t.multiply((new Hh.yGw).makeTranslation(r,a,i)),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(),a=r.position,s=a.x,c=a.y,l=a.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),i.current.push(r)})),o.current.remove(c.current),u.current=window.setTimeout(m,1500))}})}},g=Wh(t,(function(e,r,s){if(t.current){e.background=new Hh.Ilk("#121212"),r.position.set(Mp,Ep,kp),r.lookAt(0,0,0),s.setClearColor("#121212"),Cp.forEach((function(t){var n=t.x,r=t.y,i=t.z,o=t.intensity,s=new Hh.Ox3(15463918,o);s.position.set(n,r,i),s.lookAt(0,0,0),s.shadow.camera.near=10,s.shadow.camera.far=500,s.castShadow=!0,a.current.push(s),e.add(s)}));var c=new op.z(r,s.domElement);n.current=c,c.autoRotate=!0,c.autoRotateSpeed=3}var l=new Hh.ZAu;l.position.set(0,0,0),o.current=l;for(var d=new wp.k(Dp,Dp,Dp,1,1.6),f=new Hh.EJi({color:65793,metalness:.4,roughness:.2,clearcoat:0,clearcoatRoughness:1,reflectivity:.2,specularIntensity:1.2}),g=0,h=bp.length;g<h;g++){var p=bp[g],v=p.x,x=p.y,y=p.z,A=new Hh.Kj0(d,f);A.position.set(10.4*v,10.4*x,10.4*y),A.receiveShadow=!0,A.castShadow=!0,i.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:_p,ref:t})},Sp=n(33687),Bp="ThrowDice_container__YcvTG",Pp="ThrowDice_btn__BTDQF",Ip="ThrowDice_btn_inner__DObIm",Tp="ThrowDice_numBox__VnUMU";function Rp(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 Fp(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 Fp(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}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 i,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,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw i}}}}function Fp(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 Op=10,Gp=0,Qp=40,Zp=120,Lp=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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 wp.k(Op,Op,Op,1,1.4)),y=(0,r.useRef)([new Hh.Wid({map:new Hh.ROQ(v(1)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(6)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(3)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(4)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(5)),color:"#ffffff"}),new Hh.Wid({map:new Hh.ROQ(v(2)),color:"#ffffff"})]),A=function(){p.current||(g.current?(p.current=!0,i.current.forEach((function(e,t){if(t<=g.current-1){var n=10,r=-Math.floor(t/2)*Op*1.5;(t+1)%2==0&&(n+=15),e.body.position=new Sp.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 a=1+5*Math.random();e.body.applyImpulse(new Sp.AO(-16,a,-5))}else e.body.position=new Sp.AO(1e3,-55,0),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)):fl.ZP.warning(e.formatMessage({id:"page.threeJs3D.enterDiceNum"})))},w=Wh(n,(function(e,t,r){if(n.current){e.background=new Hh.Ilk("#224141"),t.position.set(Gp,Qp,Zp),t.lookAt(0,0,0),r.setClearColor("#224141");var o=new Hh.Mig(16777215,.5);e.add(o);var s=new Hh.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 op.z(t,r.domElement);l.enableRotate=!1,a.current=l,c.current=new Sp.q3({allowSleep:!0,gravity:new Sp.AO(0,-300,0)}),c.current.defaultContactMaterial.restitution=.36,function(e){var t,n=new Hh.Kj0(new Hh._12(300,300),new Hh.Tn7({opacity:.1}));n.receiveShadow=!0,n.position.y=-60,n.quaternion.setFromAxisAngle(new Hh.Pa4(-1,0,0),.5*Math.PI),e.add(n);var r=new Sp.uT({type:Sp.uT.STATIC,shape:new Sp.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 Hh.Kj0(x.current,y.current);r.castShadow=!0,e.add(r);var a=new Sp.uT({mass:1,shape:new Sp.xu(new Sp.AO(5,5,5)),sleepTimeLimit:.1});null===(n=c.current)||void 0===n||n.addBody(a),i.current.push({mesh:r,body:a})}}(e),A()}}),null,(function(){var e;null===(e=c.current)||void 0===e||e.fixedStep();var t,n,r=Rp(i.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()}a.current&&(null===(n=a.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:Bp,ref:n,children:[(0,s.jsx)("div",{className:Pp,children:(0,s.jsx)("div",{className:Ip,onClick:A,children:"Start"})}),(0,s.jsxs)("div",{className:Tp,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.threeJs3D.diceNum"}),"："]}),(0,s.jsx)(Xf.Z,{min:1,max:10,precision:0,size:"large",value:m,onChange:function(e){g.current=e,f(e)}})]})]})},zp=n(81706),Up=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=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=Vh.ZP.fromTo(e.current,{opacity:0,transform:"".concat(l," ").concat(i)},{opacity:1,transform:"translate(0px, 0px) ".concat(i),duration:n,delay:a})}return function(){var e;null===(e=o.current)||void 0===e||e.kill()}}),[]),{tweenRef:o,restart:s,reverse:c}},Hp="LargeScreenBorder_container__fPZ9L",Vp="LargeScreenBorder_content__kwcui";function Wp(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 Yp(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Wp(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wp(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Jp=10,qp=10,Kp=function(e){var t=e.title,n=void 0===t?"":t,a=e.lineWidth,i=void 0===a?1:a,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 Yp(Yp({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),b=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,a=n.height,i=1;t.beginPath(),t.moveTo(i,8),i=8,t.lineTo(i,1),i+=40,t.lineTo(i,1),i+=8,t.lineTo(i,8),i=r-16,t.lineTo(i,8),i=r-e,t.lineTo(i,24),t.lineTo(i,a-e),i=16,t.lineTo(i,a-e),i=1,t.lineTo(i,a-16),t.closePath(),t.lineWidth=e}},j=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,a=y.current;a.clearRect(0,0,t,r),a.globalCompositeOperation="source-over";var o=i;if(A.current){b(o+=1),a.fillStyle=A.current?u:c,a.fill(),a.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+Jp,m=Math.floor(s/Jp),f=Math.floor(l/Jp);a.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(a.fillRect(s,l,t-s,Jp),l+=Jp,s=0):(a.fillRect(s,l,Jp,Jp),s+=Jp)}}a.globalCompositeOperation="source-over",b(o);var g=1;if(a.strokeStyle=A.current?u:c,a.stroke(),a.lineWidth=o+1,a.strokeStyle=u,a.beginPath(),g=12,a.moveTo(g,8),g+=8,a.lineTo(g,8),a.closePath(),a.stroke(),a.beginPath(),g+=4,a.moveTo(g,8),g+=8,a.lineTo(g,8),a.closePath(),a.stroke(),a.beginPath(),g+=4,a.moveTo(g,8),g+=8,a.lineTo(g,8),a.closePath(),a.stroke(),a.beginPath(),g=t-o,a.moveTo(g,r-16),a.lineTo(g,r),a.closePath(),a.stroke(),a.beginPath(),a.moveTo(g,r-o),g-=16,a.lineTo(g,r-o),a.closePath(),a.stroke(),n){var h=Je(n,Number.parseInt(w.fontSize),w.fontWeight);a.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),a.fillStyle=w.color,a.fillText(n,(t-h)/2,14+Number.parseInt(w.fontSize));var p=(t-h)/2-42,v=14+Number.parseInt(w.fontSize)/2+2;a.lineWidth=4,a.lineJoin="miter",a.beginPath(),a.moveTo(p,18),a.lineTo(p+qp,v),a.lineTo(p,14+Number.parseInt(w.fontSize)),a.strokeStyle=A.current?w.color:c,a.stroke(),a.beginPath(),a.moveTo(p+qp+6,18),a.lineTo(p+20+6,v),a.lineTo(p+qp+6,14+Number.parseInt(w.fontSize)),a.strokeStyle=w.color,a.stroke(),p=(t+h)/2+16,a.beginPath(),a.moveTo(p+qp,18),a.lineTo(p,14+Number.parseInt(w.fontSize)/2+2),a.lineTo(p+qp,14+Number.parseInt(w.fontSize)),a.strokeStyle=w.color,a.stroke(),a.beginPath(),a.moveTo(p+20+6,18),a.lineTo(p+qp+6,14+Number.parseInt(w.fontSize)/2+2),a.lineTo(p+20+6,14+Number.parseInt(w.fontSize)),a.strokeStyle=A.current?w.color:c,a.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"),j()}}),[n,p]);return(0,s.jsxs)("div",{className:Hp,style:w,onMouseEnter:function(){A.current=!0,j()},onMouseLeave:function(){A.current=!1,j()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Vp,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})]})},Xp=n.p+"images/adee1274.png",$p=function(){var e=(0,r.useRef)(new Hh.Tme),t=(0,r.useRef)(null),n=(0,r.useRef)(null);return(0,r.useEffect)((function(){var r=function(e,n,r){var a=Math.PI/90,i=2*Math.PI-16*a,o=11*i/12/8,s=i/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+a)+s,l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+a)+o;var f=new Hh._12(c.width,c.height),g=new Hh.vBJ({map:new Hh.ROQ(c),transparent:!0,opacity:1,depthWrite:!1}),h=new Hh.Kj0(f,g),p={angle:0};return t.current=Vh.p8.to(p,{angle:2*Math.PI,duration:5,ease:"linear",repeat:-1,onUpdate:function(){var e=p.angle;if(h){var t=(new Hh.yGw).makeRotationZ(e),n=h.position,r=n.x,a=n.y,i=n.z;t.multiply((new Hh.yGw).makeTranslation(r,a,i)),h.matrix=t,h.matrix.decompose(h.position,h.quaternion,h.scale)}},onComplete:function(){}}),h}(180,6,"#ffffff");e.current.add(r);var a=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var a=r.getContext("2d");a.strokeStyle=n,a.lineWidth=t;for(var i=0;i<2;i++){var o=i*Math.PI;a.beginPath(),a.arc(e,e,e-t,o,Math.PI/6+o),a.stroke(),a.beginPath(),a.arc(e,e,e-t,Math.PI/4+o,Math.PI/2+o),a.stroke(),a.beginPath(),a.arc(e,e,e-t,2*Math.PI/3+o,3*Math.PI/4+o),a.stroke()}var s=new Hh._12(r.width,r.height),c=new Hh.vBJ({map:new Hh.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new Hh.Kj0(s,c)}(170,8,"#005A5A");a.position.set(0,0,1),e.current.add(a);var i=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var a=r.getContext("2d");a.strokeStyle=n,a.lineWidth=t;for(var i=0;i<3;i++){var o=i*(2*Math.PI/3);a.beginPath(),a.arc(e,e,e-t,o,Math.PI/10+o),a.stroke(),a.beginPath(),a.arc(e,e,e-t,Math.PI/8+o,Math.PI/6+o),a.stroke(),a.beginPath(),a.arc(e,e,e-t,Math.PI/2+o,5*Math.PI/8+o),a.stroke()}var s=new Hh._12(r.width,r.height),c=new Hh.vBJ({map:new Hh.ROQ(r),transparent:!0,opacity:1,depthWrite:!1}),l=new Hh.Kj0(s,c),u=new Hh._12(r.width+90,r.height+90),d=new Hh.vBJ({map:(new Hh.dpR).load(Xp),transparent:!0,opacity:1,depthWrite:!1}),m=new Hh.Kj0(u,d);return l.add(m),l}(120,8,"#005A5A");i.position.set(0,0,2),e.current.add(i);var o=function(e,t,r){var a=16,i=document.createElement("canvas");i.width=2*e+a,i.height=2*e+a;var o=i.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+a,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 Hh._12(i.width,i.height),p=new Hh.vBJ({map:new Hh.ROQ(i),transparent:!0,opacity:1,depthWrite:!1}),v=new Hh.Kj0(h,p),x={angle:0};return n.current=Vh.p8.to(x,{angle:2*-Math.PI,duration:12,ease:"linear",repeat:-1,onUpdate:function(){var e=x.angle;if(v){var t=(new Hh.yGw).makeRotationZ(e),n=v.position,r=n.x,a=n.y,i=n.z;t.multiply((new Hh.yGw).makeTranslation(r,a,i)),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 a=r.getContext("2d");a.strokeStyle=n,a.lineWidth=t,a.beginPath(),a.arc(e,e,e-t,0,2*Math.PI),a.stroke();var i=new Hh._12(r.width,r.height),o=new Hh.vBJ({map:new Hh.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new Hh.Kj0(i,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 a=r.getContext("2d");a.strokeStyle=n,a.lineWidth=t,a.beginPath(),a.arc(e,e,e-t,0,2*Math.PI),a.stroke();var i=new Hh._12(r.width,r.height),o=new Hh.vBJ({map:new Hh.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new Hh.Kj0(i,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},ev=n.p+"images/5f19eee4.png",tv="data:image/png;base64,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",nv="data:image/png;base64,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",rv="MapDisplay_container__7ObAW",av="MapDisplay_switch__z3osn",iv="MapDisplay_topBox__uUgN8",ov="MapDisplay_topBg__oqsK2",sv="MapDisplay_shine__zGL21",cv="MapDisplay_leftLine__yH-vW",lv="MapDisplay_rightLine__0kyh7",uv="MapDisplay_title__xCrUE",dv="MapDisplay_leftBox__MfOJf",mv="MapDisplay_item__6Z5-L",fv="MapDisplay_rightBox__mgnoV",gv="MapDisplay_tooltip__+jQqL",hv=0,pv=-20,vv=80,xv=0,yv=6,Av=0,wv="#008170",bv="#1AACAC",jv="#005B41",_v=function(){var e=(0,h.Z)(),t=d(),n=t.menuWidth,a=t.headHeight,i=(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 Hh.iMs),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useState)(!0),w=(0,o.Z)(A,2),b=w[0],j=w[1],_=Up(c,"toBottom",.6),D=_.restart,M=_.reverse,E=Up(l,"toRight",.8,.5),k=E.restart,C=E.reverse,N=Up(u,"toLeft",.8,.5),S=N.restart,B=N.reverse,P=$p(),I=function(e){(new Hh.hH6).load("./public/json/ChinaMap.json",(function(t){!function(e,t){var n=new Hh.Tme,r=(0,zp.ZP)().center([104,37.5]).scale(80).translate([0,0]);e.features.forEach((function(e){var t=new Hh.Tme;e.geometry.coordinates.forEach((function(n){n.forEach((function(n){for(var a=new Hh.bnF,i=new Hh.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?a.moveTo(d,-m):a.lineTo(d,-m),s.push(new Hh.Pa4(d,-m,6))}i.setFromPoints(s);var f={depth:6,bevelEnabled:!1,bevelThickness:1,bevelSize:1,bevelOffset:0,bevelSegments:1},g=new Hh.O7d(a,f),h=new Hh.vBJ({color:wv,transparent:!0,opacity:.95}),p=new Hh.vBJ({color:bv,transparent:!0,opacity:.95}),v=new Hh.Kj0(g,[h,p]),x=new Hh.nls({color:"white"}),y=new Hh.x12(i,x);t.properties=e.properties,t.add(v),t.add(y)}))})),n.add(t)})),n.position.set(xv,yv,Av),t.add(n),g.current=n}(JSON.parse(t),e),P.scale.set(.32,.32,1),P.position.set(0,0,-8),e.add(P),p.current=P}))},T=(0,r.useCallback)((function(e){if(m.current){x.current||(x.current=new Hh.FM8);var t=e.clientX,r=e.clientY;new Hh.FM8&&(x.current.x=(t-n)/(window.innerWidth-n)*2-1),x.current.y=-(r-a)/(window.innerHeight-a)*2+1,m.current.style.left="".concat(t-n+4,"px"),m.current.style.top="".concat(r-a+4,"px")}}),[n,a]),R=Wh(i,(function(e,t,n){if(i.current){e.background=(new Hh.dpR).load(ev),t.position.set(hv,pv,vv);var r=new op.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,a;y.current&&(y.current.object.material[0].color.set(wv),y.current.object.material[1].color.set(bv),m.current&&(m.current.style.visibility="hidden")),y.current=null,v.current.setFromCamera(x.current,t);var i=v.current.intersectObjects(e.children,!0);y.current=i.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!==(a=r.properties)&&void 0!==a&&a.name&&(y.current.object.material[0].color.set(jv),y.current.object.material[1].color.set(jv),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(){Xh(g.current,F),Xh(p.current,F)}}),[]),(0,s.jsxs)("div",{className:rv,onMouseMove:T,ref:i,children:[(0,s.jsx)("div",{className:av,onClick:function(){b?(M(),C(),B()):(D(),k(),S()),j(!b)},children:(0,s.jsx)(as.Z,{})}),(0,s.jsxs)("div",{className:iv,ref:c,children:[(0,s.jsx)("img",{src:tv,alt:"",className:ov}),(0,s.jsx)("img",{src:nv,alt:"",className:sv}),(0,s.jsx)("div",{className:cv}),(0,s.jsx)("div",{className:lv}),(0,s.jsx)("div",{className:uv,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:dv,ref:l,children:[(0,s.jsx)("div",{className:mv,children:(0,s.jsx)(Kp,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:mv,children:(0,s.jsx)(Kp,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:fv,ref:u,children:[(0,s.jsx)("div",{className:mv,children:(0,s.jsx)(Kp,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:mv,children:(0,s.jsx)(Kp,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsx)("div",{className:gv,ref:m})]})},Dv=function(){function e(t,n){(0,km.Z)(this,e),this.resourceList=t,this.callback=n,this.textures={},this.createLoadingManager(),this.loadResources()}return(0,Cm.Z)(e,[{key:"createLoadingManager",value:function(){var e=this;this.manager=new Hh.lLk,this.manager.onLoad=function(){e.callback()}}},{key:"loadResources",value:function(){var e=this;this.textureLoader=new Hh.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}(),Mv=Dv;function Ev(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 kv(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ev(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ev(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Cv=12,Nv=10,Sv=function(e){var t=e.title,n=void 0===t?"":t,a=e.lineWidth,i=void 0===a?1:a,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 kv(kv({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),b=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,a=n.height,i=1;t.beginPath(),t.moveTo(i,1),i=180,t.lineTo(i,1),i+=Cv,t.lineTo(i,Cv),i=r-54-54-Cv,t.lineTo(i,Cv),i+=6,t.lineTo(i,6),i+=54,t.lineTo(i,6),i+=6,t.lineTo(i,Cv),i=r-e,t.lineTo(i,Cv),t.lineTo(i,a-10),i-=10,t.lineTo(i,a-e),i=1,t.lineTo(i,a-e),t.closePath(),t.lineWidth=e}},j=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,a=y.current;a.clearRect(0,0,t,r),a.globalCompositeOperation="source-over";var o=i;if(A.current){b(o+=1),a.fillStyle=A.current?u:c,a.fill(),a.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+Nv,m=Math.floor(s/Nv),f=Math.floor(l/Nv);a.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(a.fillRect(s,l,t-s,Nv),l+=Nv,s=0):(a.fillRect(s,l,Nv,Nv),s+=Nv)}}a.globalCompositeOperation="source-over",b(o);var g=1;a.strokeStyle=A.current?u:c,a.stroke(),o=i+1,a.lineWidth=o,a.strokeStyle=u,a.beginPath(),g=1,a.moveTo(g,24),a.lineTo(g,1),g+=108,a.lineTo(g,1),a.stroke(),a.beginPath(),g=t-54-54,a.moveTo(g,Cv),g=t-54-Cv,a.lineTo(g,Cv),a.stroke(),a.beginPath(),g=t-o,a.moveTo(g,r-10-o-4),a.lineTo(g,r-10-o),g-=10,a.lineTo(g,r-o),g-=4,a.lineTo(g,r-o),a.stroke(),a.beginPath(),g=t-o,a.moveTo(g,r-6),g=t-6,a.lineTo(g,r-o),a.stroke(),n&&(a.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),a.fillStyle=w.color,a.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"),j()}}),[n,p]);return(0,s.jsxs)("div",{className:Hp,style:w,onMouseEnter:function(){A.current=!0,j()},onMouseLeave:function(){A.current=!1,j()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Vp,style:{left:"".concat(18,"px"),right:"".concat(Cv,"px"),top:"".concat(n?Cv+Number.parseInt(w.fontSize)+6+20:18,"px"),bottom:"".concat(Cv,"px")},children:e.children})]})},Bv=[{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 Pv(e,t,n,r,a,i){var o,s,c,l,u,d,m,f,g,h,p,v,x,y,A,w=Kh(e,t,n),b=new Hh.Pa4(w.x,w.y,w.z),j=Kh(e,r,a),_=new Hh.Pa4(j.x,j.y,j.z),D=(o=b,s=_,c=new Hh.Pa4(0,0,0),l=o.clone().sub(c),u=s.clone().sub(c),d=l.clone().cross(u).normalize(),m=new Hh.Pa4(0,0,1),f=(new Hh._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 Hh.Pa4(0,1,0),x=(new Hh._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 a=(new Hh.Pa4).addVectors(t,n).multiplyScalar(.5).clone().normalize(),i=Iv(t,n,new Hh.Pa4(0,0,0)),o=a.multiplyScalar(e+i*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,b=g.y,j=h.x,_=h.y,D=y*b+w*_+j*A-y*_-w*A-j*b,M=(v*_+p*b+x*A-v*A-x*b-p*_)/D/2,E=(x*w+v*y+p*j-p*w-v*j-x*y)/D/2,new Hh.Pa4(M,E,0)),c=Math.abs(s.y-o.y),l=Iv(t,new Hh.Pa4(0,-1,0),s),u=-Math.PI/2+l,d=Math.PI-u,m=function(e,t,n,r,a,i){var o=new Hh.u9r,s=new Hh.T__(e,t,n,r,a,!1).getSpacedPoints(80);o.setFromPoints(s);var c=new Hh.nls({color:i||13731143});return new Hh.x12(o,c)}(s.x,s.y,c,u,d,r.color);var f,g,h,p,v,x,y,A,w,b,j,_,D,M,E;m.center=s,m.topCoord=o;var k=(d-u)/7,C=function(e,t,n,r){var a=new Hh.u9r,i=new Hh.T__(0,0,e,t,n,!1).getSpacedPoints(100);a.setFromPoints(i);for(var o=[],s=0;s<i.length;s++)o.push(s/i.length);var c=new Hh.TlE(new Float32Array(o),1);a.attributes.percent=c;for(var l=[],u=0;u<i.length;u++){var d=new Hh.Ilk(r),m=new Hh.Ilk(r),f=d.lerp(m,u/i.length);l.push(f.r,f.g,f.b)}a.attributes.color=new Hh.TlE(new Float32Array(l),3);var g=new Hh.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 Hh.woe(a,g);return g.color=new Hh.Ilk(r),h.name="飞行线",h}(c,u,u+k,r.arrowColor);return C.position.y=s.y,m.add(C),C.flyEndAngle=d-u-k,C.startAngle=u,C.AngleZ=m.flyEndAngle*Math.random(),m.userData.flyLine=C,m}(e,D.startPoint,D.endPoint,i);return M.quaternion.multiply(D.quaternion),M}function Iv(e,t,n){var r=e.clone().sub(n).normalize(),a=t.clone().sub(n).normalize(),i=r.clone().dot(a);return Math.acos(i)}var Tv,Rv=n.p+"images/2dcea622.jpeg",Fv="EarthDisplay_container__4U+r3",Ov="EarthDisplay_switch__MeMaf",Gv="EarthDisplay_topBox__eXAVn",Qv="EarthDisplay_topBg__AEJ4Q",Zv="EarthDisplay_shine__nttCS",Lv="EarthDisplay_leftLine__xIETp",zv="EarthDisplay_rightLine__-mYRS",Uv="EarthDisplay_title__LMxWi",Hv="EarthDisplay_leftBox__ZIQuQ",Vv="EarthDisplay_item__BQN2V",Wv="EarthDisplay_rightBox__1vsKa",Yv=0,Jv=20,qv=110,Kv=50,Xv=14942335,$v=16777215,ex=15310696,tx={color:15969910,arrowColor:16742164,speed:.005},nx={glowColor:{value:new Hh.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}},rx=[{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:Rv},{name:"glow",url:Xp},{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="}],ax=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(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=Up(a,"toBottom",.6),w=A.restart,b=A.reverse,j=Up(i,"toRight",.8,.5),_=j.restart,D=j.reverse,M=Up(c,"toLeft",.8,.5),E=M.restart,k=M.reverse,C=function(e,t){var n,r,a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=new Hh.Tme,o=new Hh._12(1,1),s=new Hh.vBJ({color:16711680,map:null===(n=u.current)||void 0===n?void 0:n.textures.aperture,transparent:!0,opacity:1,depthWrite:!1}),c=new Hh.Kj0(o,s),l=Kh(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 Hh.Pa4(0,0,1),m),i.add(c);var g=s.clone();g.color=new Hh.Ilk(ex);var h=new Hh.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),i.add(h),f.current.push(h);var p=new Hh.Tme,v=12.5,x=new Hh._12(2.5,v);x.rotateX(Math.PI/2),x.translate(0,0,v/2);var y=new Hh.vBJ({map:null===(r=u.current)||void 0===r?void 0:r.textures.lightColumn,color:a?Xv:$v,side:Hh.ehD,depthWrite:!1}),A=new Hh.Kj0(x,y);p.add(A,A.clone().rotateZ(Math.PI/2));var w=Kh(Kv,e,t);return p.position.set(w.x,w.y,w.z),p.quaternion.setFromUnitVectors(new Hh.Pa4(0,0,1),w.clone().normalize()),i.add(p),i},N=function(e,t,n){var r=document.createElement("canvas"),a=Je(n,20,500);r.width=a+32,r.height=36;var i=r.getContext("2d");i.fillStyle="#41B1B460",i.fillRect(0,0,r.width,r.height),i.font="".concat(500," ").concat(20,"px SourceHanSansCN-Bold"),i.strokeStyle="#ffffff",i.strokeText(n,16,26);var o=new Hh.xeV({map:new Hh.ROQ(r),transparent:!0}),s=new Hh.jyi(o);s.scale.set(.1*r.width,.1*r.height,1);var c=Kh(50.05,e,t);return s.position.set(1.1*c.x,1.1*c.y,1.1*c.z),s},S=Wh(n,(function(e,t,r){n.current&&(u.current=new Mv(rx,(function(){e.background=(new Hh.dpR).load(ev),t.position.set(Yv,Jv,qv),function(e){for(var t,n=[],r=0;r<500;r++){var a=800*Math.random()-300,i=800*Math.random()-300,o=800*Math.random()-300;n.push(a,i,o)}var s=new Hh.u9r;s.setAttribute("position",new Hh.TlE(new Float32Array(n),3));var c=new Hh.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 Hh.woe(s,c);e.add(l)}(e),function(e){var t,n,r,a=new Hh.Tme,i=new Hh.xo$(Kv,50,50);null!==(t=u.current)&&void 0!==t&&null!==(n=t.textures)&&void 0!==n&&n.earth&&(nx.map.value=u.current.textures.earth);var o=new Hh.jyz({uniforms:nx,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 Hh.Kj0(i,o);s.name="earth",a.add(s);var c=new Hh.xo$(60,60,60),l=new Hh.UY4({color:8519679,transparent:!0,sizeAttenuation:!0,opacity:.1,vertexColors:!1,size:.01}),d=new Hh.woe(c,l);a.add(d);var f=new Hh.xeV({map:null===(r=u.current)||void 0===r?void 0:r.textures.glow}),g=new Hh.jyi(f);g.scale.set(150,150,1),a.add(g),e.add(a),m.current=a}(e),Bv.forEach((function(e){var t,n,r=C(e.start.E,e.start.N,!0);null===(t=m.current)||void 0===t||t.add(r);var a=N(e.start.E,e.start.N,e.start.name);null===(n=m.current)||void 0===n||n.add(a),e.endArray.forEach((function(e){var t,n,r=C(e.E,e.N);null===(t=m.current)||void 0===t||t.add(r);var a=N(e.E,e.N,e.name);null===(n=m.current)||void 0===n||n.add(a)}))})),Bv.forEach((function(e){e.endArray.forEach((function(t){var n,r=Pv(Kv,e.start.E,e.start.N,t.E,t.N,tx);null===(n=m.current)||void 0===n||n.add(r),g.current.push(r.userData.flyLine)}))}));var n=new op.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+=tx.speed,e.rotation.z>=e.flyEndAngle&&(e.rotation.z=0)})),nx.time.value=nx.time.value<-100?100:nx.time.value-1,l.current)&&(null===(e=l.current)||void 0===e||e.update())})),B=S.scene,P=S.resize;return(0,r.useLayoutEffect)((function(){P()}),[t]),(0,r.useEffect)((function(){return function(){Xh(m.current,B)}}),[]),(0,s.jsxs)("div",{className:Fv,ref:n,children:[(0,s.jsx)("div",{className:Ov,onClick:function(){x?(b(),D(),k()):(w(),_(),E()),y(!x)},children:(0,s.jsx)(as.Z,{})}),(0,s.jsxs)("div",{className:Gv,ref:a,children:[(0,s.jsx)("img",{src:tv,alt:"",className:Qv}),(0,s.jsx)("img",{src:nv,alt:"",className:Zv}),(0,s.jsx)("div",{className:Lv}),(0,s.jsx)("div",{className:zv}),(0,s.jsx)("div",{className:Uv,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:Hv,ref:i,children:[(0,s.jsx)("div",{className:Vv,children:(0,s.jsx)(Sv,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Vv,children:(0,s.jsx)(Sv,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:Wv,ref:c,children:[(0,s.jsx)("div",{className:Vv,children:(0,s.jsx)(Sv,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Vv,children:(0,s.jsx)(Sv,{children:e.formatMessage({id:"common.customizeContent"})})})]})]})},ix=n(96064),ox="HumanPostureDetection_container__lUe7Z",sx="HumanPostureDetection_content__LwYrZ";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Tv||(Tv={}));var cx,lx=Math.floor(.55*window.screen.width),ux=Math.floor(.55*window.screen.height),dx=lx%2==0?lx:lx+1,mx=ux%2==0?ux:ux+1,fx=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useState)(Tv.ready),c=(0,o.Z)(i,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,a){a.beginPath(),a.arc(e,t,n,0,2*Math.PI),a.fillStyle=r,a.fill()},p=function(){var e=(0,ll.Z)(dl().mark((function e(){var r,a,i,s;return dl().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,dx,mx),a=m.current.getImageData(0,0,dx,mx),e.next=7,n.current.estimatePoses(a,{flipHorizontal:!1,maxPoses:1,scoreThreshold:.5,nmsRadius:20});case 7:i=e.sent,(s=(null===(r=i[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)})),ix.D5.getAdjacentPairs(ix.oV.PoseNet).forEach((function(e){var t,n,r,a,i,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",a=1,i=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],i.beginPath(),i.moveTo(l*a,u*a),i.lineTo(f*a,g*a),i.lineWidth=4,i.strokeStyle=r,i.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,ll.Z)(dl().mark((function r(){var i;return dl().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:a.current&&n.current?l===Tv.inRecording?(t.current&&(t.current.srcObject=null),f.current&&(window.clearTimeout(f.current),f.current=null),u(Tv.ready),setTimeout((function(){var e;m.current&&(null===(e=m.current)||void 0===e||e.clearRect(0,0,dx,mx))}),50)):(t.current&&(t.current.srcObject=a.current,p()),u(Tv.inRecording)):t.current&&(i={audio:!1,video:{width:dx,height:mx,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(i).then(function(){var e=(0,ll.Z)(dl().mark((function e(r){var i,o;return dl().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.current&&r&&(a.current=r),!t.current||!a.current){e.next=9;break}return t.current.srcObject=a.current,i=ix.oV.PoseNet,e.next=6,ix.cH(i,{modelType:"full"});case 6:o=e.sent,n.current=o,p();case 9:u(Tv.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")?fl.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):t.message&&t.message.includes("Invalid architecture full")?fl.ZP.error(t.message):fl.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):fl.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=dx,d.current.height=mx;var e=d.current.getContext("2d");m.current=e}}()}),[]),(0,s.jsxs)("div",{className:ox,children:[(0,s.jsx)(Dr,{intlTitle:"page.AIApplication.humanPostureDetection"}),(0,s.jsxs)("div",{className:sx,style:{width:"".concat(dx,"px"),height:"".concat(mx,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(dx,"px"),height:"".concat(mx,"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)(ae.Z,{type:"primary",onClick:v,children:l===Tv.inRecording?e.formatMessage({id:"common.end"}):e.formatMessage({id:"common.start"})})]})},gx="NotBlockPeopleBarrage_container__SwTln",hx="NotBlockPeopleBarrage_content__NbVjJ",px="NotBlockPeopleBarrage_barrageBox__wNLFF",vx="NotBlockPeopleBarrage_bottomBox__C90UC";!function(e){e[e.ready=0]="ready",e[e.playing=1]="playing",e[e.pause=2]="pause"}(cx||(cx={}));var xx,yx=324,Ax=576,wx=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=(0,r.useState)(""),i=(0,o.Z)(a,2),c=i[0],l=i[1],u=(0,r.useState)(cx.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,ll.Z)(dl().mark((function e(){var r,a,i,o,s,c,l,u;return dl().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,yx,Ax))){e.next=18;break}return a={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=6,g.current.segmentPeople(r,a);case 6:return i=e.sent,o={r:0,g:0,b:0,a:0},s={r:0,g:0,b:0,a:255},e.next=11,pu.wX(i,o,s,false,.3);case 11:c=e.sent,l=Al(c),n.current.style["-webkit-mask-image"]="url(".concat(l,")"),n.current.style["-webkit-mask-size"]="".concat(yx,"px ").concat(Ax,"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(yx,"px"),n.current.appendChild(t)}else fl.ZP.warning(e.formatMessage({id:"common.tryingToLoad"}));l("")}},y=function(){var e=(0,ll.Z)(dl().mark((function e(){var n,r,a;return dl().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(cx.playing),t.current.play(),v())},n=pu.oV.MediaPipeSelfieSegmentation,r={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},e.next=6,pu.N7(n,r);case 6:a=e.sent,g.current=a,m===cx.ready&&(f(cx.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:gx,children:[(0,s.jsxs)("div",{className:hx,style:{width:"".concat(yx,"px"),height:"".concat(Ax,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(yx,"px"),height:"".concat(Ax,"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:px,ref:n}),m!==cx.ready&&(0,s.jsx)(ae.Z,{type:"primary",ghost:!0,onClick:function(){t.current&&(m===cx.playing?(f(cx.pause),t.current.pause()):(f(cx.playing),t.current.play()))},children:m===cx.playing?e.formatMessage({id:"common.pause"}):e.formatMessage({id:"common.play"})})]}),(0,s.jsxs)("div",{className:vx,children:[(0,s.jsx)(ml.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)(ae.Z,{type:"primary",onClick:x,children:e.formatMessage({id:"page.AIApplication.send"})})]})]})},bx="Tabs_container__19GNQ",jx=function(e){var t=e.data,n=void 0===t?[]:t,r=e.selectedTabId,a=e.onChange,i=e.className;return(0,s.jsx)("div",{className:"".concat(bx).concat(i?" ".concat(i):""),children:n.map((function(e){return(0,s.jsx)("div",{className:"tabs-tabItem ".concat(r===e.id?"active":""),onClick:function(){a&&a(e.id)},children:e.label},e.id)}))})},_x=n(6311),Dx="ImageProcessingTool_container__WAkOX",Mx="ImageProcessingTool_content__nCEwY",Ex="ImageProcessingTool_tabs__lU6sy",kx="ImageProcessingTool_imgBox__xANeR",Cx="ImageProcessingTool_fileBox__Evibs",Nx="ImageProcessingTool_fileInfo__zFv8M",Sx="ImageProcessingTool_item__FSSP-",Bx="ImageProcessingTool_emptyBox__GhkSM",Px="ImageProcessingTool_uploadBtn__jbITo",Ix="ImageProcessingTool_text__NoL1R",Tx="ImageProcessingTool_tips__7DkHP",Rx="ImageProcessingTool_tip__dYcLC",Fx="ImageProcessingTool_operationBtns__uCE1C",Ox="ImageProcessingTool_left__ohBzm",Gx="ImageProcessingTool_operationBtn__+5IT6",Qx="ImageProcessingTool_right__UDKib",Zx=function(e){var t=e.imgInfo,n=e.imgDragOver,r=e.onDragOver,a=e.onDragLeave,i=e.onDrop,o=(0,h.Z)();return(0,s.jsx)("div",{className:kx,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:a,onDrop:i,children:(0,s.jsxs)("div",{className:Cx,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:Nx,children:[(0,s.jsxs)("div",{className:Sx,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:Sx,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:Sx,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:Sx,children:[o.formatMessage({id:"common.size"}),"：",hl(t.size)]})]})]})})},Lx={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}},zx=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=e.onDragOver,o=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,h.Z)(),d=(0,r.useRef)((0,_x.Z)(Lx)),m=function(e,r,a){if(e&&e.imageData)n(e.imageData);else{if(e.doing)return void fl.ZP.warning(u.formatMessage({id:"common.workHard"}));if(null!=t&&t.imageData){e.doing=!0;var i=t.imageData;r===Zu&&(i=(0,_x.Z)(i));var o=r(i);o?(e.imageData=o,n(o,a)):fl.ZP.error(u.formatMessage({id:"common.operationFailure"})),e.doing=!1}}};return(0,r.useEffect)((function(){d.current=(0,_x.Z)(Lx)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Zx,{imgInfo:t,imgDragOver:a,onDragOver:i,onDragLeave:o,onDrop:c}),(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.flipSideToSideStatus,ju)},children:u.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.flipUpsideDownStatus,_u)},children:u.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.leftRotateStatus,Du)},children:u.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.rightRotateStatus,Mu)},children:u.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toGreyStatus,Eu)},children:u.formatMessage({id:"common.graying"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toBlackAndWhiteStatus,ku)},children:u.formatMessage({id:"common.vampix"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.sharpenStatus,Gu)},children:u.formatMessage({id:"page.imageProcessingTool.shmpch"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.marginSharpenStatus,Qu)},children:u.formatMessage({id:"page.imageProcessingTool.edgeSharpening"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toOppositeStatus,Cu)},children:u.formatMessage({id:"page.imageProcessingTool.filterContrast"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toRedStatus,Nu)},children:u.formatMessage({id:"page.imageProcessingTool.redFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toGreenStatus,Su)},children:u.formatMessage({id:"page.imageProcessingTool.greenFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toBlueStatus,Bu)},children:u.formatMessage({id:"page.imageProcessingTool.blueFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toRedAndGreenStatus,Pu)},children:u.formatMessage({id:"page.imageProcessingTool.redGreenFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toRedAndBlueStatus,Iu)},children:u.formatMessage({id:"page.imageProcessingTool.redBlueFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toBlueAndGreenStatus,Tu)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreenFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toRedAndGreyStatus,Ru)},children:u.formatMessage({id:"page.imageProcessingTool.redGreyFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toGreenAndGreyStatus,Fu)},children:u.formatMessage({id:"page.imageProcessingTool.greenGreyFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toBlueAndGreyStatus,Ou)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreyFilter"})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.toGaussianBlurStatus,Zu)},children:u.formatMessage({id:"page.imageProcessingTool.gaussianBlur"})}),["JPG","JPEG"].includes(t.fileType)&&(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.jpgToPngStatus,Lu,"PNG")},children:u.formatMessage({id:"page.imageProcessingTool.jpgToPng"})}),"PNG"===t.fileType&&(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){return m(d.current.pngToJpgStatus,zu,"JPEG")},children:u.formatMessage({id:"page.imageProcessingTool.pngToJpg"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})},Ux=n(62327),Hx="RectSelect_container__NRGSf",Vx="RectSelect_imgBox__Eht8b",Wx="RectSelect_content__Oqfay",Yx="RectSelect_leftBox__fnaRf",Jx="RectSelect_img1__uK-Ip",qx="RectSelect_img2__gx56-",Kx="RectSelect_mask__dh-Ij",Xx="RectSelect_clipBox__jD4yw",$x="RectSelect_dot__wL+4K",ey="RectSelect_leftUp__UPsGg",ty="RectSelect_up__iPqcg",ny="RectSelect_rightUp__fbUgr",ry="RectSelect_right__HXwDY",ay="RectSelect_rightDown__vHPOv",iy="RectSelect_down__x6Tgo",oy="RectSelect_leftDown__JVMR9",sy="RectSelect_left__frsug",cy="RectSelect_operationBtns__b-UEE",ly="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"}(xx||(xx={}));var uy=10,dy=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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],b=(0,r.useState)(!1),j=(0,o.Z)(b,2),_=j[0],D=j[1],M=(0,r.useState)(10),E=(0,o.Z)(M,2),k=E[0],C=E[1],N=(0,r.useRef)(!1),S=(0,r.useRef)(null),B=Math.max(Math.floor(t.width/2),uy),P=Math.max(Math.floor(t.height/2),uy),I=(0,r.useState)(B),T=(0,o.Z)(I,2),R=T[0],F=T[1],O=(0,r.useState)(P),G=(0,o.Z)(O,2),Q=G[0],Z=G[1],L=(0,r.useState)(0),z=(0,o.Z)(L,2),U=z[0],H=z[1],W=(0,r.useState)(0),Y=(0,o.Z)(W,2),J=Y[0],q=Y[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),oe=(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=V.findDOMNode(ee.current),r=le(n).left,a=r+te.current;t>a?t=a:t<r&&(t=r);var i=V.findDOMNode(S.current),o=R-2,s=t-o-le(i).left;F(Math.max(Math.floor(o+s),uy))},de=function(e){var t=e.clientY+p,n=V.findDOMNode(ee.current),r=le(n).top,a=V.findDOMNode(S.current),i=le(a).top,o=i+a.offsetHeight;t<r?t=r:t>o&&(t=o),H(Math.min(Math.floor(U+t-i),ne.current-uy));var s=Q;Z(Math.max(Math.floor(s+i-t),uy))},me=function(e){var t=e.clientX,n=V.findDOMNode(ee.current),r=le(n).left,a=V.findDOMNode(S.current),i=le(a).left,o=i+a.offsetWidth;t<r?t=r:t>o&&(t=o),q(Math.min(Math.floor(J+t-i),te.current-uy));var s=R;F(Math.max(Math.floor(s+i-t),uy))},fe=function(e){var t=e.clientY+p,n=V.findDOMNode(ee.current),r=le(n).top,a=r+ne.current;t<r?t=r:t>a&&(t=a);var i=V.findDOMNode(S.current),o=Q-2,s=t-o-le(i).top;Z(Math.max(Math.floor(o+s),uy))},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 fl.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void w(!1);if(e>1350||n>1350)return fl.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void w(!1);var r=Math.max(Math.floor(t.width/2),uy),a=Math.max(Math.floor(t.height/2),uy);if(F(r),Z(a),q(0),H(0),A){if(ee.current){var i=V.findDOMNode(ee.current),o=i.offsetWidth,s=i.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=V.findDOMNode(ee.current),t=e.offsetWidth,n=e.offsetHeight;te.current=t,ne.current=n}}),[A]);return(0,s.jsxs)("div",{className:Hx,children:[(0,s.jsx)("div",{className:Vx,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:i,onDragLeave:c,onDrop:l,children:A&&(0,s.jsx)("div",{className:Wx,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(X.current){var t=V.findDOMNode(S.current),n=t.offsetWidth,r=t.offsetHeight,a=e.clientX-re.current,i=e.clientY-ie.current,o=Math.floor(se.current+i),s=Math.floor(oe.current+a);o<0?H(0):o>ne.current-r-2?H(Math.max(ne.current-r-2,0)):H(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 xx.right:ue(e);break;case xx.up:de(e);break;case xx.left:me(e);break;case xx.down:fe(e);break;case xx.leftUp:me(e),de(e);break;case xx.leftDown:me(e),fe(e);break;case xx.rightUp:ue(e),de(e);break;case xx.rightDown:ue(e),fe(e)}},onMouseUp:he,onMouseLeave:he,ref:$,children:(0,s.jsxs)("div",{className:Yx,ref:ee,children:[(0,s.jsx)("img",{src:t.imgUrl,className:Jx}),(0,s.jsx)("div",{className:Kx}),(0,s.jsx)("img",{src:t.imgUrl,className:qx,style:{clip:"rect(".concat(U,"px, ").concat(J+R,"px, ").concat(U+Q,"px, ").concat(J,"px)")}}),(0,s.jsxs)("div",{className:Xx,style:{position:"absolute",width:"".concat(R,"px"),height:"".concat(Q,"px"),top:"".concat(U,"px"),left:"".concat(J,"px")},onMouseDown:function(e){re.current=e.clientX,ie.current=e.clientY;var t=V.findDOMNode(S.current);se.current=t.offsetTop,oe.current=t.offsetLeft,X.current=!0},ref:S,children:[(0,s.jsx)("div",{className:"".concat($x," ").concat(ey),onMouseDown:function(e){return ge(e,xx.leftUp)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(ty),onMouseDown:function(e){return ge(e,xx.up)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(ny),onMouseDown:function(e){return ge(e,xx.rightUp)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(ry),onMouseDown:function(e){return ge(e,xx.right)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(ay),onMouseDown:function(e){return ge(e,xx.rightDown)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(iy),onMouseDown:function(e){return ge(e,xx.down)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(oy),onMouseDown:function(e){return ge(e,xx.leftDown)}}),(0,s.jsx)("div",{className:"".concat($x," ").concat(sy),onMouseDown:function(e){return ge(e,xx.left)}})]})]})})}),A&&(0,s.jsxs)("div",{className:cy,children:[(0,s.jsxs)("div",{className:sy,children:["clip"===m&&(0,s.jsx)(Ux.Z,{className:ly,checked:_,onChange:function(e){D(e.target.checked)},children:f.formatMessage({id:"page.imageProcessingTool.WhetherRetainOriginalDimension"})}),(0,s.jsx)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"160px":"200px"},min:uy,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)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"160px":"200px"},min:uy,max:t.height,precision:0,value:Q,addonBefore:f.formatMessage({id:"common.clippingHeight"}),onChange:function(e){var n=t.height;e&&e+U>n&&H(n-e),Z(e||0)}}),(0,s.jsx)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.width-uy,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)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.height-uy,precision:0,value:U,addonBefore:f.formatMessage({id:"common.distanceTop"}),onChange:function(e){H(e||0);var n=t.height;e&&e+Q>n&&Z(n-e)}}),"mosaic"===m&&(0,s.jsx)(Xf.Z,{className:ly,style:{width:"zh-cn"===v?"200px":"220px"},min:2,max:40,precision:0,value:k,addonBefore:f.formatMessage({id:"common.mosaicGrainSize"}),onChange:function(e){C(e||0)}}),(0,s.jsx)(ae.Z,{type:"primary",className:ly,onClick:function(){if(N.current)fl.ZP.warning(f.formatMessage({id:"common.workHard"}));else{N.current=!0;var e=null;"clip"===m?e=function(e,t,n,r,a){var i=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=a,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),i){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),b=4*(y*c+A);x[w]=s[b],x[w+1]=s[b+1],x[w+2]=s[b+2],x[w+3]=s[b+3]}return new ImageData(x,m,f)}return null}(t.imageData,R,Q,U,J,_,t.fileType):"mosaic"===m&&(e=function(e,t,n,r,a){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:10;if(e){var o=e.data,s=e.width,c=e.height,l=a,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)/i),x=Math.floor((g-u)/i),y=Math.floor(i*(v+1)-i/2+l),A=Math.floor(i*(x+1)-i/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,Q,U,J,k)),e?n(e):fl.ZP.error(f.formatMessage({id:"common.operationFailure"})),N.current=!1}},disabled:!A,children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:ry,ghost:!0,type:"primary",onClick:u,children:f.formatMessage({id:"common.clear"})})]})]})};function my(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 fy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?my(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):my(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var gy=function(e){return(0,s.jsx)(dy,fy(fy({},e),{},{type:"clip"}))},hy={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"},py=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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],b=(0,r.useState)(4),j=(0,o.Z)(b,2),_=j[0],D=j[1];(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<20||n<20?(fl.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void p(!1)):e>1350||n>1350?(fl.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:hy.container,children:[(0,s.jsx)("div",{className:hy.imgBox,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:i,onDragLeave:c,onDrop:l,children:g&&(0,s.jsx)("div",{className:hy.content,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px"),borderRadius:"".concat(_,"px")},children:(0,s.jsx)("img",{src:t.imgUrl,className:hy.img})})}),g&&(0,s.jsxs)("div",{className:hy.operationBtns,children:[(0,s.jsxs)("div",{className:hy.left,children:["PNG"!==t.fileType&&(0,s.jsx)(Ux.Z,{className:hy.operationBtn,checked:A,onChange:function(e){w(e.target.checked)},children:d.formatMessage({id:"page.imageProcessingTool.clippedAndConvertedToPng"})}),(0,s.jsx)(Xf.Z,{className:hy.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)(ae.Z,{type:"primary",className:hy.operationBtn,onClick:function(){if(v.current)fl.ZP.warning(d.formatMessage({id:"common.workHard"}));else if(_){v.current=!0;var e=function(e,t,n,r){if(e){var a=e.data,i=e.width,o=e.height,s=t;s>Math.floor(i/2)&&(s=Math.floor(i/2)),s>Math.floor(o/2)&&(s=Math.floor(o/2)),s<0&&(s=0);for(var c=new Uint8ClampedArray(a.length),l=0;l<o;l++)for(var u=0;u<i;u++){var d=4*(l*i+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>i-s-1&&(l<s?m=Math.sqrt(Math.pow(u-(i-s),2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(u-(i-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]=a[d],c[d+1]=a[d+1],c[d+2]=a[d+2],c[d+3]=r||"PNG"===n.toUpperCase()?a[d+3]:255)}return new ImageData(c,i,o)}return null}(t.imageData,_,t.fileType,A);e?n(e,A?"PNG":t.fileType):fl.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else fl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterFilletRadius"}))},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:hy.right,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},vy=1e4,xy=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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),b=(0,o.Z)(w,2),j=b[0],_=b[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)(Zx,{imgInfo:t,imgDragOver:a,onDragOver:i,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsx)(Ux.Z,{className:Gx,checked:g,onChange:function(e){p(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(y&&j)A(null),_(null);else if(y){var a=Math.floor(y*r/n);_(a)}else if(j){var i=Math.floor(j*n/r);A(i)}}else y||j||(A(n),_(r))},children:d.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(Xf.Z,{className:Gx,style:{width:"160px"},min:1,max:vy,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,a=Math.floor(e*r/n);_(a)}}}),(0,s.jsx)(Xf.Z,{className:Gx,style:{width:"160px"},min:1,max:vy,precision:0,value:j,addonBefore:d.formatMessage({id:"common.height"}),onChange:function(e){if(_(e),g&&e){var n=t.width,r=t.height,a=Math.floor(e*n/r);A(a)}}}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){if(D.current)fl.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imgUrl,r=t.width,a=t.height;if(y&&j){D.current=!0;var i=Uu(e,r,a,y,j,vy);i?n(i):fl.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else fl.ZP.warning(d.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},yy=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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)(Zx,{imgInfo:t,imgDragOver:a,onDragOver:i,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsxs)("div",{className:Gx,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.darken"})}),(0,s.jsx)(Kf.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)(Xf.Z,{style:{margin:"0 16px"},min:-255,max:255,precision:0,value:g,onChange:x})]}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){if(v.current)fl.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,a=e.height,i=new Uint8ClampedArray(n.length),o=0;o<a;o++)for(var s=0;s<r;s++){var c=4*(o*r+s);i[c]=Math.max(Math.min(n[c]+t,255),0),i[c+1]=Math.max(Math.min(n[c+1]+t,255),0),i[c+2]=Math.max(Math.min(n[c+2]+t,255),0),i[c+3]=n[c+3]}return new ImageData(i,r,a)}return null}(e,g);r?n(r):fl.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else fl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterBrightness"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},Ay=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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),b=(0,o.Z)(w,2),j=b[0],_=b[1],D=(0,r.useRef)(!1),M=function(e){_(e)};return(0,r.useEffect)((function(){"PNG"!==t.fileType?(fl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseUploadPng"})),p(!1)):p(!0),_(0),A(!1)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Zx,{imgInfo:t,imgDragOver:a,onDragOver:i,onDragLeave:c,onDrop:l}),g&&(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsx)(Ux.Z,{className:Gx,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:Gx,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeTransparent"})}),(0,s.jsx)(Kf.Z,{min:-1,max:1,step:.1,marks:{0:"0"},value:"number"==typeof j?j:0,onChange:M}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeOpaque"})})]}),(0,s.jsx)("div",{className:Gx,children:(0,s.jsx)(Xf.Z,{min:y?0:-1,max:1,step:.1,precision:1,value:j,onChange:M})}),(0,s.jsx)(ae.Z,{type:"primary",className:Gx,onClick:function(){if(D.current)fl.ZP.warning(d.formatMessage({id:"common.workHard"}));else if("number"==typeof j){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,a=e.width,i=e.height,o=new Uint8ClampedArray(r.length),s=0;s<i;s++)for(var c=0;c<a;c++){var l=4*(s*a+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,a,i)}return null}(t.imageData,j,y);e?n(e):fl.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else fl.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterDiaphaneity"}))},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},wy="AddWatermark_container__eVhbf",by="AddWatermark_imgBox__ZRRUr",jy="AddWatermark_content__q-ZzY",_y="AddWatermark_leftBox__S-y1M",Dy="AddWatermark_img1__s1l8c",My="AddWatermark_clipBox__EW8Jl",Ey="AddWatermark_operationBtns__Sua9p",ky="AddWatermark_left__hmpKc",Cy="AddWatermark_box__X5Tyg",Ny="AddWatermark_top__MW-nl",Sy="AddWatermark_uploadBtn__TXNYs",By="AddWatermark_bottom__EipS9",Py="AddWatermark_operationBtn__-tdIk",Iy="AddWatermark_right__KM8W0",Ty=20,Ry=function(e){var t=e.imgInfo,n=e.exportImage,a=e.imgDragOver,i=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),b=(0,r.useRef)(null),j=Math.max(Math.floor(t.width/2),Ty),_=Math.max(Math.floor(t.height/2),Ty),D=(0,r.useState)(j),M=(0,o.Z)(D,2),E=M[0],k=M[1],C=(0,r.useState)(_),N=(0,o.Z)(C,2),S=N[0],B=N[1],P=(0,r.useState)(0),I=(0,o.Z)(P,2),T=I[0],R=I[1],F=(0,r.useState)(0),O=(0,o.Z)(F,2),G=O[0],Q=O[1],Z=(0,r.useRef)(!1),L=(0,r.useRef)(null),z=(0,r.useRef)(null),U=(0,r.useRef)(0),H=(0,r.useRef)(0),W=(0,r.useRef)(0),Y=(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),Ty),n=Math.max(Math.floor(t.height/2),Ty);k(e),B(n),Q(0),R(0)},X=function(){Z.current=!1};(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<Ty||n<Ty?(fl.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void p(!1)):e>=1350||n>=1350?(fl.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=V.findDOMNode(z.current),t=e.offsetWidth,n=e.offsetHeight;U.current=t,H.current=n}}),[g,y]);return(0,s.jsxs)("div",{className:wy,children:[(0,s.jsx)("div",{className:by,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:function(e){y?(e.stopPropagation(),e.preventDefault()):i(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:jy,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(Z.current&&b.current){var t=V.findDOMNode(b.current),n=t.offsetWidth,r=t.offsetHeight,a=e.clientX-W.current,i=e.clientY-Y.current,o=Math.floor(q.current+i),s=Math.floor(J.current+a);o<0?R(0):o>H.current-r-2?R(Math.max(H.current-r-2,0)):R(o),s<0?Q(0):s>U.current-n-2?Q(Math.max(U.current-n-2,0)):Q(s)}},onMouseUp:X,onMouseLeave:X,ref:L,children:(0,s.jsxs)("div",{className:_y,ref:z,children:[(0,s.jsx)("img",{src:t.imgUrl,className:Dy}),y&&(0,s.jsx)("div",{className:My,style:{position:"absolute",width:"".concat(E,"px"),height:"".concat(S,"px"),top:"".concat(T,"px"),left:"".concat(G,"px")},onMouseDown:function(e){W.current=e.clientX,Y.current=e.clientY;var t=V.findDOMNode(b.current);q.current=t.offsetTop,J.current=t.offsetLeft,Z.current=!0},ref:b,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})})]})})}),g&&(0,s.jsxs)("div",{className:Ey,children:[(0,s.jsx)("div",{className:ky,children:(0,s.jsxs)("div",{className:Cy,children:[(0,s.jsxs)("div",{className:Ny,children:[(0,s.jsxs)(ae.Z,{type:"primary",className:Sy,children:[(0,s.jsx)(gl.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&&vl(n[0],(function(e){if(e){var n=e.width,r=e.height;if(n<=20||r<=20)return A(null),K(),void fl.ZP.error(d.formatMessage({id:"common.watermarkSizeLimit"}));if(n>t.width||r>t.height)return A(null),K(),void fl.ZP.error(d.formatMessage({id:"common.watermarkSizeTooLarge"}));A(e),k(n),B(r),Q(0),R(0)}else A(null),K(),fl.ZP.error(d.formatMessage({id:"common.parsingDataFailure"}))}))}})]}),y?y.name:d.formatMessage({id:"common.noData"})]}),y&&(0,s.jsxs)("div",{className:By,children:[(0,s.jsx)(Xf.Z,{className:Py,style:{width:"160px"},min:0,max:t.width-Ty,precision:0,value:G,addonBefore:d.formatMessage({id:"common.distanceLeft"}),onChange:function(e){Q(e||0);var n=t.width;e&&e+E>n&&k(n-e)}}),(0,s.jsx)(Xf.Z,{className:Py,style:{width:"160px"},min:0,max:t.height-Ty,precision:0,value:T,addonBefore:d.formatMessage({id:"common.distanceTop"}),onChange:function(e){R(e||0);var n=t.height;e&&e+S>n&&B(n-e)}}),(0,s.jsx)(ae.Z,{type:"primary",className:Py,onClick:function(){if(w.current)fl.ZP.warning(d.formatMessage({id:"common.workHard"}));else{if(y){w.current=!0;var e=function(e,t,n,r){if(e&&t){var a=e.data,i=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>i&&(d=i-c);for(var m=new Uint8ClampedArray(a.length),f=0;f<o;f++)for(var g=0;g<i;g++){var h=4*(f*i+g);if(g<d||g>d+c||f<=u||f>=u+l)m[h]=a[h],m[h+1]=a[h+1],m[h+2]=a[h+2],m[h+3]=a[h+3];else{var p=4*(f*i+g-((u+1)*i+(f-(u+1))*(i-c))+c-d-1),v=[s[p],s[p+1],s[p+2],s[p+3]],x=[a[h],a[h+1],a[h+2],a[h+3]],y=Yu(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,i,o)}return null}(t.imageData,y.imageData,T,G);e?n(e):fl.ZP.error(d.formatMessage({id:"common.operationFailure"}))}w.current=!1}},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]})]})}),(0,s.jsx)(ae.Z,{className:Iy,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})};function Fy(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 Oy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fy(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fy(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Gy,Qy=function(e){return(0,s.jsx)(dy,Oy(Oy({},e),{},{type:"mosaic"}))},Zy=function(e){var t=e.imgInfo,n=e.imgDragOver,a=e.onDragOver,i=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("."))}jl(e,n)}};return(0,r.useEffect)((function(){v(70)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Zx,{imgInfo:t,imgDragOver:n,onDragOver:a,onDragLeave:i,onDrop:c}),(0,s.jsxs)("div",{className:Fx,children:[(0,s.jsxs)("div",{className:Ox,children:[(0,s.jsx)(Xf.Z,{className:Gx,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)(ae.Z,{type:"primary",className:Gx,onClick:function(){if(x.current)fl.ZP.warning(u.formatMessage({id:"common.workHard"}));else{var e=t.imageData,n=t.imgUrl,r=t.width,a=t.height,i=t.fileType;x.current=!0,["JPG","JPEG"].includes(i)?Hu(n,r,a,i,p,(function(e){e?y(e):fl.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1})):Hu(e,r,a,i,p,(function(e){e?y(e):fl.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1}))}},children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:Qx,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})};function Ly(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 zy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ly(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ly(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"}(Gy||(Gy={}));var Uy,Hy=function(){var e=(0,h.Z)(),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),a=n[0],i=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&&vl(t[0],(function(t){d(t),t||fl.ZP.error(e.formatMessage({id:"common.parsingDataFailure"}))}))},f=function(e){e.stopPropagation(),e.preventDefault(),a||i(!0)},g=function(e){e.stopPropagation(),e.preventDefault(),a&&i(!1)},p=function(e){e.stopPropagation(),e.preventDefault(),a&&i(!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,a=e.height,i=document.createElement("canvas"),o=i.getContext("2d");i.width=r,i.height=a,o.putImageData(e,0,0,0,0,r,a);var s="image/".concat(t?t.toLowerCase():"png");i.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(".")}jl(e,t)}}))}},imgDragOver:a,onDragOver:f,onDragLeave:g,onDrop:p,onClear:function(){d(null)}},x=[{id:Gy.basicOperation,label:e.formatMessage({id:"menu.imageProcessingTool.basicOperation"}),element:(0,s.jsx)(zx,zy({},v))},{id:Gy.rectClip,label:e.formatMessage({id:"menu.imageProcessingTool.rectangularClipping"}),element:(0,s.jsx)(gy,zy({},v))},{id:Gy.radiusClip,label:e.formatMessage({id:"menu.imageProcessingTool.roundedCornerClipping"}),element:(0,s.jsx)(py,zy({},v))},{id:Gy.changeSize,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTheSize"}),element:(0,s.jsx)(xy,zy({},v))},{id:Gy.changeBrightness,label:e.formatMessage({id:"menu.imageProcessingTool.modifyBrightness"}),element:(0,s.jsx)(yy,zy({},v))},{id:Gy.changeDiaphaneity,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTransparency"}),element:(0,s.jsx)(Ay,zy({},v))},{id:Gy.addWatermark,label:e.formatMessage({id:"menu.imageProcessingTool.addWatermark"}),element:(0,s.jsx)(Ry,zy({},v))},{id:Gy.coverWithMosaic,label:e.formatMessage({id:"menu.imageProcessingTool.coverWithMosaics"}),element:(0,s.jsx)(Qy,zy({},v))},{id:Gy.photoCompression,label:e.formatMessage({id:"menu.imageProcessingTool.imageCompression"}),element:(0,s.jsx)(Zy,zy({},v))}],y=(0,r.useState)(x[0].id),A=(0,o.Z)(y,2),w=A[0],b=A[1];return(0,s.jsx)("div",{className:Dx,children:(0,s.jsxs)("div",{className:Mx,children:[(0,s.jsx)(jx,{className:Ex,data:x,selectedTabId:w,onChange:function(e){b(e)}}),!u&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:kx,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:f,onDragLeave:g,onDrop:p,children:(0,s.jsxs)("div",{className:Bx,children:[(0,s.jsxs)(ae.Z,{type:"primary",className:Px,children:[(0,s.jsx)(gl.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:Ix,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Tx,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:Rx,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]})})},Vy=n(36646),Wy=function(e,t,n){var r=[];if(e&&e.length>0){var a=e.length;!function i(){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<a?i(o+1):n(r)}))}()}else n(r)},Yy=function(e,t){Wy(e,ju,t)},Jy=function(e,t){Wy(e,_u,t)},qy=function(e,t){Wy(e,Du,t)},Ky=function(e,t){Wy(e,Mu,t)},Xy=function(e,t){Wy(e,Eu,t)},$y=function(e,t){Wy(e,ku,t)},eA="VideoProcessingTool_container__BB0WX",tA="VideoProcessingTool_content__vEAlV",nA="VideoProcessingTool_tabs__IOPiv",rA="VideoProcessingTool_videoBox__VaAOO",aA="VideoProcessingTool_fileBox__-EqQu",iA="VideoProcessingTool_fileInfo__jcnht",oA="VideoProcessingTool_item__OfC05",sA="VideoProcessingTool_emptyBox__iij8A",cA="VideoProcessingTool_uploadBtn__dud8d",lA="VideoProcessingTool_text__HgRiy",uA="VideoProcessingTool_tips__owSoa",dA="VideoProcessingTool_tip__BWFDX",mA="VideoProcessingTool_operationBtns__ggNb4",fA="VideoProcessingTool_left__TwGNr",gA="VideoProcessingTool_operationBtn__VQXVB",hA="VideoProcessingTool_right__OL-TL",pA=function(e){var t=e.videoInfo,n=e.videoDragOver,r=e.onDragOver,a=e.onDragLeave,i=e.onDrop,o=(0,h.Z)();return(0,s.jsx)("div",{className:rA,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:a,onDrop:i,children:(0,s.jsxs)("div",{className:aA,children:[(0,s.jsx)("img",{src:t.firstImgUrl,alt:""}),(0,s.jsxs)("div",{className:iA,children:[(0,s.jsxs)("div",{className:oA,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:oA,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:oA,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:oA,children:[o.formatMessage({id:"common.size"}),"：",hl(t.size)]}),(0,s.jsxs)("div",{className:oA,children:[o.formatMessage({id:"common.duration"}),"：",pl(t.duration)]})]})]})})},vA={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}},xA=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,a=e.imgDataListToChunks,i=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,_x.Z)(vA)),g=function(e,r){e&&e.videoChunks?_l(e.videoChunks,t.name):t.imageDataList&&t.imageDataList.length>0&&n((function(){setTimeout((function(){r(t.imageDataList,(function(n){o.current&&a(n,(function(n){_l(n,t.name),e.videoChunks=n}))}))}),100)}))};return(0,s.jsxs)("div",{children:[(0,s.jsx)(pA,{videoInfo:t,videoDragOver:i,onDragOver:c,onDragLeave:l,onDrop:u}),(0,s.jsxs)("div",{className:mA,children:[(0,s.jsxs)("div",{className:fA,children:[(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.flipSideToSideStatus,Yy)},children:m.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.flipUpsideDownStatus,Jy)},children:m.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.leftRotateStatus,qy)},children:m.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.rightRotateStatus,Ky)},children:m.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.toGreyStatus,Xy)},children:m.formatMessage({id:"common.graying"})}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){return g(f.current.toBlackAndWhiteStatus,$y)},children:m.formatMessage({id:"common.vampix"})})]}),(0,s.jsx)(ae.Z,{className:hA,ghost:!0,type:"primary",onClick:d,children:m.formatMessage({id:"common.clear"})})]})]})},yA=1e4,AA=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,a=e.imgDataListToChunks,i=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],b=A[1],j=(0,r.useState)(t.height),_=(0,o.Z)(j,2),D=_[0],M=_[1];(0,r.useRef)(!1);return(0,r.useEffect)((function(){b(t.width),M(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(pA,{videoInfo:t,videoDragOver:i,onDragOver:l,onDragLeave:u,onDrop:d}),(0,s.jsxs)("div",{className:mA,children:[(0,s.jsxs)("div",{className:fA,children:[(0,s.jsx)(Ux.Z,{className:gA,checked:v,onChange:function(e){x(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(w&&D)b(null),M(null);else if(w){var a=Math.floor(w*r/n);M(a)}else if(D){var i=Math.floor(D*n/r);b(i)}}else w||D||(b(n),M(r))},children:f.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(Xf.Z,{className:gA,style:{width:"160px"},min:1,max:yA,precision:0,value:w,addonBefore:f.formatMessage({id:"common.width"}),onChange:function(e){if(b(e),v&&e){var n=t.width,r=t.height,a=Math.floor(e*r/n);M(a)}}}),(0,s.jsx)(Xf.Z,{className:gA,style:{width:"160px"},min:1,max:yA,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,a=Math.floor(e*n/r);b(a)}}}),(0,s.jsx)(ae.Z,{type:"primary",className:gA,onClick:function(){w&&D?n((function(){setTimeout((function(){!function(e,t,n,r,a){var i=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=Uu(e[u],t,n,r,a,i);d&&s.push(d),u<c?l(u+1):o(s)}))};l()}else o(s)}(t.imageDataList,t.width,t.height,w,D,yA,(function(e){c.current&&a(e,(function(e){_l(e,t.name)}))}))}),100)})):fl.ZP.warning(f.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))},children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(ae.Z,{className:hA,ghost:!0,type:"primary",onClick:m,children:f.formatMessage({id:"common.clear"})})]})]})},wA=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"})})},bA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},jA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},_A=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},DA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},MA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},EA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})},kA=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(wA,{})})};function CA(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 NA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?CA(Object(n),!0).forEach((function(t){(0,S.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):CA(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"}(Uy||(Uy={}));var SA=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),a=(0,o.Z)(n,2),i=a[0],c=a[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),b=(0,o.Z)(w,2),j=b[0],_=b[1],D=(0,r.useRef)(null),M=(0,r.useRef)(null),E=(0,r.useRef)(null),k=(0,r.useRef)(null),C=(0,r.useRef)(0),N=(0,r.useRef)([]),S=function e(){if(f.current&&t.current&&E.current){var n=t.current,r=n.videoWidth,a=n.videoHeight;E.current.drawImage(t.current,0,0,r,a);var i=E.current.getImageData(0,0,r,a);N.current.push(i),C.current=window.requestAnimationFrame(e)}},B=function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;!A.current||r>=t.length?(null===(n=k.current)||void 0===n||n.stop(),A.current&&(A.current=!1,y(!1))):E.current&&(E.current.putImageData(t[r],0,0,0,0,t[0].width,t[0].height),C.current=window.requestAnimationFrame(e.bind(null,t,r+1)))},P=function(n){if(n&&0!==n.length){var r=n[0],a=r.type.split("/");if("video"===a[0]){f.current=!0,m(!0);var i=a[1].toUpperCase(),o=t.current,s=URL.createObjectURL(r);o.onloadeddata=function(){var e=o.videoWidth,t=o.videoHeight,n=o.duration,a=document.createElement("canvas");a.width=e,a.height=t;var c=a.getContext("2d");M.current=a,E.current=c,c.drawImage(o,0,0,e,t);var l=M.current.toDataURL("image/png"),u={name:r.name,fileType:i,size:r.size,width:e,height:t,duration:n,videoUrl:s,firstImgUrl:l,imageDataList:N.current};D.current=u,_(u),N.current.splice(0,N.current.length),S()},o.onended=function(){var e;null===(e=k.current)||void 0===e||e.stop(),f.current=!1,m(!1),C.current&&(window.cancelAnimationFrame(C.current),C.current=0)},o.onerror=function(){fl.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),D.current=null,_(null)},o.src=s}}},I=function(e){e.stopPropagation(),e.preventDefault(),i||c(!0)},T=function(e){e.stopPropagation(),e.preventDefault(),i&&c(!1)},R=function(e){e.stopPropagation(),e.preventDefault(),i&&c(!1);var t=e.dataTransfer.files;P(t)},F=function(){D.current=null,_(null),f.current=!1,m(!1),C.current&&(window.cancelAnimationFrame(C.current),C.current=0)};(0,r.useEffect)((function(){return F}),[]);var O={videoInfo:j,startgeneratingVideo:function(e){A.current=!0,y(!0),e()},imgDataListToChunks:function(e,t){if(e&&e.length>0&&M.current&&E.current){E.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",a=new MediaRecorder(n,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:r});a.ondataavailable=function(e){if(e.data&&e.data.size>0&&D.current){var n=[e.data];t(n)}},k.current=a,a.start(),B(e)}else t([])},videoDragOver:i,generatingVideoRef:A,onDragOver:I,onDragLeave:T,onDrop:R,onClear:function(){D.current=null,_(null)}},G=[{id:Uy.basicOperation,label:e.formatMessage({id:"menu.videoProcessingTool.basicOperation"}),element:(0,s.jsx)(xA,NA({},O))},{id:Uy.changeSize,label:e.formatMessage({id:"menu.videoProcessingTool.modifyTheSize"}),element:(0,s.jsx)(AA,NA({},O))},{id:Uy.clipping,label:e.formatMessage({id:"menu.videoProcessingTool.clipping"}),element:(0,s.jsx)(bA,NA({},O))},{id:Uy.combine,label:e.formatMessage({id:"menu.videoProcessingTool.combine"}),element:(0,s.jsx)(jA,NA({},O))},{id:Uy.varyingVelocity,label:e.formatMessage({id:"menu.videoProcessingTool.varyingVelocity"}),element:(0,s.jsx)(_A,NA({},O))},{id:Uy.addWatermark,label:e.formatMessage({id:"menu.videoProcessingTool.addWatermark"}),element:(0,s.jsx)(DA,NA({},O))},{id:Uy.generateGIF,label:e.formatMessage({id:"menu.videoProcessingTool.generateGIF"}),element:(0,s.jsx)(MA,NA({},O))},{id:Uy.AIGenerateSubtitles,label:e.formatMessage({id:"menu.videoProcessingTool.AIGenerateSubtitles"}),element:(0,s.jsx)(EA,NA({},O))},{id:Uy.addAudio,label:e.formatMessage({id:"menu.videoProcessingTool.addAudio"}),element:(0,s.jsx)(kA,NA({},O))}],Q=(0,r.useState)(G[0].id),Z=(0,o.Z)(Q,2),L=Z[0],z=Z[1];return(0,s.jsxs)("div",{className:eA,children:[(0,s.jsxs)("div",{className:tA,children:[(0,s.jsx)(jx,{className:nA,data:G,selectedTabId:L,onChange:function(e){z(e)}}),!j&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:rA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:I,onDragLeave:T,onDrop:R,children:(0,s.jsxs)("div",{className:sA,children:[(0,s.jsxs)(ae.Z,{type:"primary",className:cA,children:[(0,s.jsx)(gl.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;P(t)}})]}),(0,s.jsx)("p",{className:lA,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:uA,children:e.formatMessage({id:"common.supportedVideoType"})})]})}),(0,s.jsx)("div",{className:dA,children:e.formatMessage({id:"page.videoProcessingTool.tip"})})]}),j&&G.filter((function(e){return e.id===L}))[0].element]}),(0,s.jsx)("video",{style:{width:"".concat(null==j?void 0:j.width,"px"),height:"".concat(null==j?void 0:j.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)(Vy.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"common.parsingData"})}),(0,s.jsx)(ae.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)(Vy.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)(ae.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:function(){A.current=!1,y(!1),C.current&&(window.cancelAnimationFrame(C.current),C.current=0)},children:e.formatMessage({id:"common.cancel"})})]})})]})},BA=n(32370),PA=n(68023),IA=n(95131),TA=n(27240),RA=n(60532),FA=n(94432),OA=n(82658),GA=n(93450),QA=n(8690),ZA=n(37744),LA=n(17813),zA=n(3174),UA=n(5931),HA=n(71257),VA=n(17274),WA=n(87164),YA=n(61972),JA=n(6267);PA.D([TA.N,RA.N,FA.N,OA.N,GA.N,QA.N,ZA.N,LA.N,UA.N,HA.N,VA.N,WA.T,YA.z,JA.N,zA.N]);var qA=IA,KA=n(70794),XA=n(45969),$A=1e4,ew=1e3,tw=1e12,nw=1e9,rw=1e6,aw=1e3,iw=Object.freeze({thousand:"K",million:"M",billion:"B",trillion:"T"}),ow=/([0])\1{2}/,sw=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(tw)||e.isEqualTo(tw))return e.div(tw).toFormat(1)+iw.trillion;if((e.gte(nw)||e.isEqualTo(nw))&&e.lte(tw))return e.div(nw).toFormat(1)+iw.billion;if((e.gte(rw)||e.isEqualTo(rw))&&e.lte(tw)&&e.lte(nw))return e.div(rw).toFormat(1)+iw.million;if(e.gte($A))return e.div(aw).toFormat(1)+iw.thousand;if(e.gte(ew)&&e.lte($A))return e.div(aw).toFormat(2)+iw.thousand;var n=e.toFixed().split(".")[1];return e.lte(ew)&&!ow.test(n)?0===e.dp()?e.toFormat(0):e.dp(4).toNumber():e.lte(ew)&&ow.test(n)?"".concat(e.integerValue(KA.Z.ROUND_DOWN),".").concat(cw(n)):"N/A"},cw=function(e){for(var t=e.toString().split(""),n=[],r=1;r<=t.length&&new KA.Z(t[r]).isEqualTo(new KA.Z(t[r-1]));r++)new KA.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(""))},lw=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,XA.xbD)(e)||(0,XA.kKJ)(e))return"N/A";var n=new KA.Z(e),r=n.isNegative();if(r){var a=sw(n.absoluteValue(),t);return"N/A"===a||"0"===a?a:"-".concat(a)}return sw(n,t)},uw=function(e,t){var n=e.options,a=void 0===n?{}:n,i=e.renderType,o=void 0===i?"canvas":i,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,i,s,c=null==qA?void 0:qA.getInstanceByDom(g.current);if(h.current=c||(null==qA?void 0:qA.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"===(a.series&&(null!==(r=null===(i=a.series[0])||void 0===i?void 0:i.type)&&void 0!==r?r:"")))(null==a?void 0:a.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(a)}}),[a,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()}}),[a]),(0,s.jsx)("div",{ref:g,style:l})},dw=r.forwardRef(uw,{}),mw=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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,rr.Z)(t[0],"MM-dd"),"</span>$").concat(lw(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)(dw,{options:o,style:n,onClickChange:i,onHoverChange:a})},fw="Bar_container__hb+LN",gw="Bar_box__JphSL",hw="Bar_echart__tCYPn",pw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<60;t++){var n=new Date,r=(0,BA.Z)(n,60-t).valueOf(),i=8e3*(Math.random()-.5);e.push([r,i])}a(e)}()}),[]),(0,s.jsx)("div",{className:hw,children:(0,s.jsx)(mw,{data:{dataSource:n}})})},vw=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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,iVBORw0KGgoAAAANSUhEUgAAAyAAAAC3CAMAAADdJco8AAAAdVBMVEUAAADGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsaSjiUfAAAAJnRSTlMAIBB/kPFw0FBA+qAHyOzePOW3dzUuJ5j2Fa/AqBrWDIRoYIpIWMM4ZrEAABEfSURBVHja7NxZjoJAFIXhiwGRUlCcRW3ns/8ldjppn7upQusQz7cCws0fKIYyvNI2q77KZnO+FomJ9BHexOXjYTEwkX7BW+Wbx9FE+gNvl59nJtITiKEaFybSB4ikTlcmQg/xlNeTiXBDTFWqJbtwQ1xuvDYRXojuoESEF+JzG91oCSsw2N60XBdO4FA/TIQQWOy1FBFCoOEWJsIGREpdRIQNmLiLiVABl0a/jAgVkJkuTYQH2LiridAAn9REWIDQXAsRYQFGuT7OEhKgNNUbEeEATpUeZgkFkMpUiDAAKxUiDEBLhQgB8Kq0MZBEB2K1tryWlj4qEEx3JtLGZwWCcmJeBh2zEMl/rWa/VkkbR+vC38f1tExeyp4mFEMEt7F5ydCxbFoe0kuxYzzFbmDhzmBhTyk6tq3z+WYxWlNNL9SCI5Cnulks2QLB1YIVoNEiEE/Z/nY/0Uwv1J0qkB/V4TGgCmRuoXY1aHgE4sHth2uO6YWqErZAALhmNOEJxO0s0Bw8PALxlA+PBNMLVk74AgFQ3RKWQHCxMEMQ8QjEm2uK+NMLllIGArjDkiSQvQVZORDxCCRE/rC+B/JN3p1uqQkEYRguWUSRVQFZZdy++7/EnOQkmfwwM3RVg9363sA4wzyCUN3iZiYQAG1pBBAMJGg8waQYQGSld9uB5I6pQIDdYAKQNQk6wqgYQKQFmd1A0JsLBP7BACAx8bvDrBhA5PXDwkcvD7q27YIEetqYCwQIyqcDwYq4rXyY1VOAwL8sdvSS/lyM9DsnW+9rDd5Gg4EgPDwdyJq4xTAsHhB5bbPE0asffMFztGlDCPNMBgJ0jU4gNZSL7R8xeTYQ5NvZgSSHkR7WXGvIKowGgrzQCMRd7horg3E9DQjC9bxAanek/9Z4EBWbDQThXR+QpltqZs0xaMTk+UCAXTQjkP2KvqwIIOluNhDgoAtISKsaqgXEqYV5PRMIOmcuIOGavs2DoDQyHAiumoCkrNmPitQ7w8CeCgRxMw+QPKMJbXzwO5gOBJ4eIB3r3pJLypU1DOy5QBA0cwA5DTSpIgE73zEdCK5agPSs8agTqRaZNWJiCBDEDv2bLnUTq3Kwc40HgjU9iHUicqFaafmIiSlA0EUiIMK9FcpEcAoxHsjDR/4sZVEAxT5IrQ2mFuLrXgwIdpqBJBUptA3BzTUfSF3KgdzpZwUUS0mpIcHUenzdqwHBQS+Q21Krc5LReCBIHTGQjH51nfdZaoepeS6+7uWAYKsTiLfc+s6z+UDQi4Gs6FdjCrWupJCrsKLz/YAkjT4gQUSKNQmYnSwAgosUSMTcaSSn6WWhwp4A7wcEe31Atks+n7pZAMQfZEAS9m2mgqbmpAq3Hd4RCC66gPTEKGDDtgAIWhmQgP405nNd7PYK123vCSRp9AAJK2J0A7fBAiC4iYDs2X+nXP8pPI7eFAh2eoD0xCoAs4MNQE4iIEf6rJ/lcreqMbFkoAlA1tf09YCg1AKkWHgddGoDEJwlQD749zOONKUoUDwXut+7LK7pqwHZ6wASEK8oAbPMBiB5JABy5r+TJDQlT+EDyFQg9MvISwFBoQHIevGtZo42AMFZAOQmWLFx0zpi0pECkN9GXgjIXgOQYfHdxHMrgAQCICX92+BDoZ3OEZNkUAHyaeRVgKASAzkRuxrMMhuAYMsH0ggeGiWRxhGTGzGAiI2czAFyFAPxnrCfuGcFkJ4NJFT4j2ZsIHZQuFmgCuSz4uMEVuFHZA4Qf5QCuRO7A5ilVgCpHfqb8Pdb1RqvsYoQE+uIA+SzkmMkLonMAYK7FEhF7Db8H2oDEFy4QGLR+LMf0eNUByDzgQFEaMQ/ExkFpBUCCSNiV4Hb2QogLRdIL9v8cKNpxGRLDCAyI+1AhgGpRxmQlPhFIZi1VgCpIyYQT/b9HT190QVTc4kBRGQk3xCZBgQbGZCYBCVg5lsBBFsmkINo8QbqUceIyZ4YQERGjg4ZCMSTAdmToBTcijmAxN7/23U1lHOZQO7C/UfuGkZM8oYBRGLklBFpAJJ4/+/Y5lDuJAPSkqAA3M4sIKKDHN1awZIb+QspdBwUj/Ea5EA+K90ADwvdSOH18scsSq+GYqONQPoZgPgRfVOWQqmECaQS/nPXjniNwYEYQCZVPTLSVQzQvEmboYVamY2XWCkHiByd00GphgckEt6fxUW60HlPDCBsI/6Zccbjvcsx9htbW/ghHXD0A9nQ940xVMpYQHzx8ForHF3IGw4QrpF+IG1Aev1fiOKRbBRL0A/27kRLTRgK4/iHFXFQQBZZRMH1vv8jtqen+2Zy700bqL8HmDPj8JcEEoiJ7U09kHiEgaB1v6t5EK9/jheilQvxDpxAeI3ka0AvkAdM9GShAAnE4AuI76IeSAEjZ9b1Wp3fZMyNyxQtMSnBCoTTyLAcoRhIvICJPVmIQBIB2O7E16gHcoGRE1lYsgLZyBfnFJIpzAGcQFgeEaAZSOHgrYw5SGINtpL4evVAOpiJOIe61hN2j/y/ZsN4Jb3jQHYJhbqBXBwcei1I4ga2gvhy7UASGDpypoxa/+Uu5f6MB2MC4jaQ4EikHcjJxTpZkEQCtpAEtso/vYShJecukdpJ+cE8wwahaAu1fiCLW0zqgSROdrOCRDowVSQRKAdSw9DReSAV/uDA+i7dJla/svtALimRfiAl/DuD0AVMS5LY6QYywFQkGWLJxwmnkHMiuDGeTO8wkPtA5CKQ2sn0FySSgCkniYduIGcYOpHrSXqs8kjEhDWiiCu4D2RfEDkJJIOpnsyFIJkaLGsSuegGUsHQmXUFQ/P6Q289Bu1y9qeqH0jXxOQokJtxonbZkUwDlp5EStVAchgKWuc3ChOdp4auGJcLD3AdyLYMiVwFsnNy7CUgmfgEhh3J3BiByCPfJrxxoOoC6dKysxV3AqIfyCMjchZI7uYG3AEk1IChJ5lGNZA7jIwFWak4gSyV7gMHtrt14z3cBlIlRA4Dady8APAGktrD2oOEjpqBhFuYqAayM3ICKfHMPrb4OePAmoDoBxIciZwGcoeJ7kh2riCpBLbGnIQOmoEcYeDtyN+1QhauSjsaIsslwEe4DGQ8t+Q2kHaL54JzSJYqkFgJSxuSKjQDKd49cWuKVHKWk6zkZ29Qr61O1dnoMpBLSuQ4kOzdE+flIWM92IrE4sp2gOVXII6sWIHUWqsQ3tksMWn3cBfIPTLbHObjU00SgOTyEyzsWxJLJhDInhXIqLUMYbBZ132Fs0Dqgmi6gZwBlc5GGDvl9F8EkoITSAgTY2YU6Fk6AZEH0i1jmnIgO4A09KNxHxkp6P0PZMMKZNBbj3p+I0PD6CiQ7SokmnIg6RYgFf0CRoKMiP6LOcidFUiv94KuLJdNQOSBrDOiaQeyARCTiqGGgV1O/0kg6ZYVyAZmFjmpucJJIItl9EzveyB3xUMpXOOp1ecavboP4sQSX7lYcbfWHQtKA2HyPJAMADLSsunwR0FBWjbeB1LzArnA1JF0ROMrkD8+XjkiNen1jys5W1Kz9D2QArxA1jDVpaShrfEK5DfaDgB6UjQ8fns9I6dvebWa14E3ZiAVjD2UJiCvQP68/vFAqvJzjZ9UTUg/8Gk/iL4EzEBOMFeQXINXIL8TBwYXDDmi5fqEL4JHk5G2q+eBvHEDgYVTSFLR9hXIs3F8SS6EyWHTNMdD1JILd78DKcAMJIeNCwmFNV6B/E7Y4aMrTVDldSBxzQ0k+bv7zh54BfJ0sekbTVDndSBncAM5wErdkkSDVyDPF/0END2t1y/xHLbsQBrYKWUTkFcgJns4YpqcwedA4grsQEpYSogtDPAKxGQUMNDkHHwOpAQ/kCss7WPiWuMVyG8lW3xxpMk5exzIAYJA7rB1JqYlXoH8Vnr67q+fnIe/gQwLSSA1bG0H7lfkK5Dfit/wjTVNTu1tIGkNSSALWKu4E5BXIE+WjE73MlYLXwNpd5AE0v61w2iNVyDGI/iUJqb3NZD4DlEgGRjGjKzd8ArE/Fr7gSbm5mkg8RqyQHpwvDEmIK9AzPtASROz9jOQ9g5hIEewbMhOGuAViMXVvR1NTOdlIOkOvyE7NepvUL9DOZDlyomeWPQ3UrQ0KRF8DCSsIQ5kBZ61iwnItO8EqO6jKGhSlsqB3K7X62P9BxfhryW5v6O/QT3BHAPprx+s/yQz3YX+sxVNyl05kBOeycjEcSsNZAemLrW4STzLQFZ45ma6CeRnNU1Ju9UNJFdbz1GMwkACcF3J1B2zDGSHZ/aC9dQZTcgBuoEUeq99TDpZIFuwFWTmjHkGMuKpwWyzmzfX07gujECkh8xAZoaTJJAUfEFIJnrMM5ABz53535cVTUinHMhac81sXgsCiSBwMZuAzDSQI57bC15hlNNk9FAOJFB9tXZa8QMpINEb/fNnGkgJtXFANPEx1kU5kBQmBsn9dDLUQKKODS5izjWQN8W9M9dJj7HihXIghfYhEj+4gbyDSElP9JhtIAvojQPyLX4WEVfelCtL5SYVDDaVA7nBRC25Js89OSpvUM9Psw0kg5GI/0W1Ip54BY7xRkx37UAeVp8t6xPm/m3KG9TfMNtAjsZ/B/duYRe7PF71isyhHUjt4hhpWIHsIXT+c7XzDaSE6jigUXt3+Q1sB+IotQMJwfhsLZedcC9gq25QLzDjQO5QHQfEe61pege2ihjiTjuQHoYi/mtNyUwMsR39Tt7NOZBO+Q8plB5BlkAgJHsb9R++dPUQw6SzDSRzuMco3mHGgeQwVAsuG69ZcyOBgezV6oE8YCggS1mAT8RfN/IN6iXmHMgB2uOASOeA3UAgcvlBhOLk5L9vvrcL5AgFd/qVArMO5B1MlYKdU1f/A6nUA2lhrGRvwhWO9uQb1PPFvAO5Q30ckI/4SeZ7IAXUA0lgLGA/xkF2hU6+QT3eYd6BnGAsEpyVrr4HUukHsnR7youvFoE8oGL9i/LmHUgOB+OA9hfVDX4HcoB+IFeYK7lbQUWb4uQb1A+YeSAFzAWSd7WsvQ4k3jsIZG/12XKcjQMJoOOU0reyxdwDOcNCIjneep8DaaAfSAsbCXE0EGy4lW9QjyvMPZA1LKwkJ6a9x4GEnYNAkr+xfuwg2Jgi36C+wuwDCWAhEG0yafwNpISDQBrYCMilCGqC8GudmH0gKawkkv/IIvU1kAguArmwP1t9BfRcvk5A5h9IwVhHzr9b6GsgOyeBVOzPVl8DRf2XCcj8A7mBMQ5g3y3s/QykgYtA4i2snMihM55gbFC/4D8I5AE7iWgNS9D6GEg2OgkkgqWe3LlAU0kfHPE/BBIw9uoJ7hZefAzkDU4CaQB/xlhrqIqIsvF/CCSEpZNw5FL4F8gSbgK5AP6MsSqo2sfxHv9DID1rgibYBt2lvgUSbR0FUsGjMVYHXecL/otAbrC1El4iu3sWSFvDWmAE1hYBw+6z4E/gr+3inwj2+30dPDPC1jawgF84+xXIFS/v27e33AZhIICikwRC5PIQj9SEhgKF7n+LWUG+gs3YumcPV7ZHY6jSaArECqDLo9ITSJELoMw91RJIPQqgzk1JIP1dAIWuOgK5CaDSqiEQBlhQ6+v4QFoB1HoeHcgqgF754DYQ+kDY8uHIQBIBdMufxwUyC6CedRgI73OE73JIIIb5LgLxZ/wHkm4CBGIrfQdSsV+CgJx+/Qby8xAgINPgJBDGu4jFYnwFkrKeiAB1lZ9ACs1fs4G3JushEHMRIFBb7TqQrBMgWFPiNBDT8vscYesyd4E03wKEbindBFIxvEIUznO/fyDlldsVYjFas28g/XwWIB4n2+8XSDqzWYLYjGu5TyB1y+mBGE1L9nkgxb8AsepsIh9oEga7UO8FB2CmqYt7SNwAAAAASUVORK5CYII=",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 lw(e,!0)}}}],series:[{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(lw(e,!0))}}},{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(lw(+e,!0))}}},{type:"line",yAxisIndex:0,tooltip:{valueFormatter:function(e){return"$".concat(lw(e,!0))}}}],dataset:{source:[]}}),r=t.dataSource;return r?(n.dataset={source:r},n):n}),[t]);return(0,s.jsx)(dw,{options:o,style:n,onClickChange:i,onHoverChange:a})},xw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=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(),i=8e3*-Math.random(),o=r+i;e.push([n,r,i,o])}a(e)}()}),[]),(0,s.jsx)("div",{className:hw,children:(0,s.jsx)(vw,{data:{dataSource:n,legendData:[{name:"increase",icon:"rect"},{name:"decrease",icon:"rect"},{name:"sum"}]}})})},yw=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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 a=Object.keys(r),i=[],o=["product"],s=0,c=function(e){var t=a[e],c=r[t],l=Object.keys(c);e===a.length-1&&(o=o.concat(l),i.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)})),i.push(u)},l=a.length-1;l>=0;l--)c(l);if(e.dataset.source=i,s>1)for(var u=e.series.shift(),d=s-1;d>=0;d--){var m=(0,_x.Z)(u);e.series.push(m)}return e.tooltip.formatter=function(e,t){if(t.startsWith("item")){var a,i=e.name,o=e.seriesName,s=e.color,c=i;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===i){c=d;break}}var m=null!==(a=r[c][o])&&void 0!==a?a:[],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,a=e.seriesName,i=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(i,"'></div>\n          <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(a,"</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)(dw,{options:c,style:n,onClickChange:i,onHoverChange:a,onGlobalout:l,ref:o})},Aw=function(){var e=(0,r.useState)({}),t=(0,o.Z)(e,2),n=t[0],a=t[1];return(0,r.useEffect)((function(){a({"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:hw,children:(0,s.jsx)(yw,{data:{dataSource:n}})})},ww=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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(lw(e,!0))}},itemStyle:{borderRadius:9}},{type:"line",smooth:!0,symbol:"none",tooltip:{valueFormatter:function(e){return"$".concat(lw(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)(dw,{options:o,style:n,onClickChange:i,onHoverChange:a})},bw=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],jw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=t[1];return(0,r.useEffect)((function(){!function(){var e=[["project","type1","type2"]];bw.forEach((function(t){var n=8e3*Math.random()+1e3,r=n+1e3*Math.random()+1e3;e.push([t,n,r])})),a(e)}()}),[]),(0,s.jsx)("div",{className:hw,children:(0,s.jsx)(ww,{data:{dataSource:n}})})},_w=we.GridBox,Dw=[{element:(0,s.jsx)(pw,{})},{element:(0,s.jsx)(xw,{})},{element:(0,s.jsx)(Aw,{})},{element:(0,s.jsx)(jw,{})}],Mw=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:fw,children:(0,s.jsx)(we,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Dw.map((function(e,t){return(0,s.jsx)(_w,{children:(0,s.jsx)("div",{className:gw,children:e.element})},t)}))})})},Ew=function(e){var t=e.data,n=e.style,a=e.onHoverChange,i=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 lw(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(lw(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)(dw,{options:o,style:n,onClickChange:i,onHoverChange:a})},kw="Pie_container__7WS5q",Cw="Pie_box__iB+Jb",Nw="Pie_echart__9ruPj",Sw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=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])}a(e)}()}),[]),(0,s.jsx)("div",{className:Nw,children:(0,s.jsx)(Ew,{data:{dataSource:n}})})},Bw="Pie2_container__1kWGu",Pw="Pie2_chartBox__WFi8U",Iw="Pie2_rightBox__qDUHz",Tw="Pie2_item__gvlG9",Rw="Pie2_rect__cmCdf",Fw="Pie2_name__MCsdh",Ow="Pie2_value__lMuMg",Gw=function(e){var t,n=e.data,a=e.style,i=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(lw(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(lw(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:Bw,children:[(0,s.jsx)("div",{className:Pw,children:(0,s.jsx)(dw,{options:u,style:a,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),i&&i(e)},ref:c})}),(0,s.jsx)("div",{className:Iw,children:null==n||null===(t=n.dataSource)||void 0===t?void 0:t.map((function(e,t){return(0,s.jsxs)("div",{className:Tw,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:Rw,style:{backgroundColor:b[t]}}),(0,s.jsx)("div",{className:Fw,children:e[0]}),(0,s.jsx)("div",{className:Ow,children:"$".concat(e[1])})]},t)}))})]})},Qw=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],a=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),i=8e3*Math.random();e.push([r,i])}a(e)}()}),[]),(0,s.jsx)("div",{className:Nw,children:(0,s.jsx)(Gw,{data:{dataSource:n}})})},Zw=we.GridBox,Lw=[{element:(0,s.jsx)(Sw,{})},{element:(0,s.jsx)(Qw,{})}],zw=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:kw,children:(0,s.jsx)(we,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Lw.map((function(e,t){return(0,s.jsx)(Zw,{children:(0,s.jsx)("div",{className:Cw,children:e.element})},t)}))})})},Uw=[{path:"/html",children:[{path:"/html/visualDesign",element:(0,s.jsx)(wr,{})},{path:"/html/interactiveDesign",element:(0,s.jsx)(pc,{})},{path:"/html/backgroundEffect",element:(0,s.jsx)(Ac,{})},{path:"/html/complexLayout",element:(0,s.jsx)(Ic,{})},{path:"/html/appPageFrame",element:(0,s.jsx)(cl,{})},{path:"/html/utilitarianFunction",element:(0,s.jsx)(sd,{})}]},{path:"/css",children:[{path:"/css/dynamicButtons",element:(0,s.jsx)(vm,{})},{path:"/css/richDynamicEffect",element:(0,s.jsx)(qf,{})},{path:"/css/generateRegularPolygon",element:(0,s.jsx)(sg,{})}]},{path:"/canvas",children:[{path:"/canvas/sphereCollisionExample",element:(0,s.jsx)(Ag,{})},{path:"/canvas/dynamicClock",element:(0,s.jsx)(jg,{})},{path:"/canvas/searchlight",element:(0,s.jsx)(Mg,{})},{path:"/canvas/globuleInteraction",element:(0,s.jsx)(Sg,{})},{path:"/canvas/killPlanetGame",element:(0,s.jsx)(Gg,{})},{path:"/canvas/freeFallingBody",element:(0,s.jsx)(Yg,{})},{path:"/canvas/countDown",element:(0,s.jsx)(oh,{})},{path:"/canvas/particlesBg",element:(0,s.jsx)(ch,{})},{path:"/canvas/rippleFloatOnTheWater",element:(0,s.jsx)(hh,{})},{path:"/canvas/flowerBloom",element:(0,s.jsx)(wh,{})},{path:"/canvas/codeBgWall",element:(0,s.jsx)(Dh,{})},{path:"/canvas/wordDance",element:(0,s.jsx)(Nh,{})},{path:"/canvas/scratch",element:(0,s.jsx)(Ph,{})},{path:"/canvas/matchLine",element:(0,s.jsx)(Uh,{})}]},{path:"/echarts",children:[{path:"/echarts/bar",element:(0,s.jsx)(Mw,{})},{path:"/echarts/pie",element:(0,s.jsx)(zw,{})}]},{path:"/threejs",children:[{path:"/threejs/threejsAppPageFrame",element:(0,s.jsx)(ip,{})},{path:"/threejs/carShow",element:(0,s.jsx)(Ap,{})},{path:"/threejs/rubiksCube",element:(0,s.jsx)(Np,{})},{path:"/threejs/throwDice",element:(0,s.jsx)(Lp,{})},{path:"/threejs/mapDisplay",element:(0,s.jsx)(_v,{})},{path:"/threejs/earthDisplay",element:(0,s.jsx)(ax,{})}]},{path:"/AIApplication",children:[{path:"/AIApplication/humanPostureDetection",element:(0,s.jsx)(fx,{})},{path:"/AIApplication/notBlockPeopleBarrage",element:(0,s.jsx)(wx,{})}]},{path:"/imageProcessingTool",element:(0,s.jsx)(Hy,{})},{path:"/videoProcessingTool",element:(0,s.jsx)(SA,{})}],Hw=[{path:"/*",element:(0,s.jsx)(pe,{})}],Vw=n(29558),Ww={"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.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.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.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.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."}},Yw=function(){var e=d().locale,t=(0,m.V$)(Hw);return(0,s.jsx)("div",{className:"app_container",translate:"no",children:(0,s.jsx)(Vw.Z,{locale:e||"en-us",messages:Ww[e||"en-us"],children:t})})},Jw=document.getElementById("root");Jw&&(0,a.s)(Jw).render((0,s.jsx)(u,{children:(0,s.jsx)(i.UT,{children:(0,s.jsx)(Yw,{})})}))},75410:function(){},48628:function(){},75042:function(){}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={id:e,loaded:!1,exports:{}};return r[e].call(n.exports,n,n.exports,i),n.loaded=!0,n.exports}i.m=r,i.amdD=function(){throw new Error("define cannot be used indirect")},i.amdO={},e=[],i.O=function(t,n,r,a){if(!n){var o=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],a=e[u][2];for(var s=!0,c=0;c<n.length;c++)(!1&a||o>=a)&&Object.keys(i.O).every((function(e){return i.O[e](n[c])}))?n.splice(c--,1):(s=!1,a<o&&(o=a));if(s){e.splice(u--,1);var l=r();void 0!==l&&(t=l)}}return t}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[n,r,a]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},i.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 a=Object.create(null);i.r(a);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},i.d(a,o),a},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},function(){var e;i.g.importScripts&&(e=i.g.location+"");var t=i.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(/\/[^\/]+$/,"/"),i.p=e}(),function(){var e={179:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,o=n[0],s=n[1],c=n[2],l=0;if(o.some((function(t){return 0!==e[t]}))){for(r in s)i.o(s,r)&&(i.m[r]=s[r]);if(c)var u=c(i)}for(t&&t(n);l<o.length;l++)a=o[l],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return i.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=i.O(void 0,[845,61,294,24,968,501],(function(){return i(305)}));o=i.O(o)}();
\ No newline at end of file
diff --git a/src/hooks/useQuantumEntanglement.ts b/src/hooks/useQuantumEntanglement.ts
index 544b1c4..8f830f6 100644
--- a/src/hooks/useQuantumEntanglement.ts
+++ b/src/hooks/useQuantumEntanglement.ts
@@ -45,6 +45,7 @@ const useQuantumEntanglement = (
           y = window.innerHeight / 2 + window.screenTop;
         }
         const data = { pageId: pageId.current, x, y };
+        console.log(333);
         (aIframe as HTMLIFrameElement).contentWindow?.postMessage(
           JSON.stringify(data),
           "*"
@@ -143,8 +144,10 @@ const useQuantumEntanglement = (
   };
 
   const resendMessage = useCallback(() => {
-    postInfo();
-    getLocalThatPageInfo();
+    if (window.self === window.top) {
+      postInfo();
+      getLocalThatPageInfo();
+    }
   }, []);
 
   useScreenPosition(resendMessage);