!function(){var e,t,n,a={29020:function(e,t,n){"use strict";var a=n(67294),i=n(20745),r=n(79655),o=n(29439),s=n(85893),c=a.createContext({locale:"en-us",setLocale:function(){},headHeight:0,setHeadHeight:function(){},menuWidth:0,setMenuWidth:function(){},scrollTop:0,setScrollTop:function(){},scrollContentRef:a.createRef(),setScrollContentRef:function(){}}),l=a.createRef(),d=function(e){var t=localStorage.getItem("language")||"en-us",n=(0,a.useState)(t),i=(0,o.Z)(n,2),r=i[0],d=i[1],u=(0,a.useState)(0),g=(0,o.Z)(u,2),m=g[0],f=g[1],p=(0,a.useState)(0),h=(0,o.Z)(p,2),v=h[0],x=h[1],y=(0,a.useState)(0),j=(0,o.Z)(y,2),b=j[0],_=j[1],w=(0,a.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;_(e),l.current&&l.current.scrollTop!==e&&(l.current.scrollTop=e)}),[]);return(0,s.jsx)(c.Provider,{value:{locale:r,headHeight:m,menuWidth:v,scrollTop:b,setLocale:function(e){var t=/^zh\b/.test(e.toLocaleLowerCase())?"zh-cn":"en-us";d(t),localStorage.setItem("language",t)},setHeadHeight:f,setMenuWidth:x,setScrollTop:w,scrollContentRef:l,setScrollContentRef:function(e){e&&(l=e)}},children:e.children})},u=function(){return(0,a.useContext)(c)},g=n(89250),m=n(49089);var f={init:function(){m.ZP.initialize("G-N0W492NWD6")},sendEvent:function(e){m.ZP.event(e)},sendPageview:function(e){m.ZP.send({hitType:"pageview",page:e})}};var p=n(86896),h=n(39525),v=n(61032),x=n(812),y=n.p+"images/235f02ed.jpeg",j=n(4942);function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function _(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,j.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 w=function(e){return(0,s.jsx)("svg",_(_({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 A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=function(e){return(0,s.jsx)("svg",D(D({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"})]})}))},C="Header_container__WyJts",N="Header_title__Yu4PX",B="Header_right__sXkUb",S="Header_btn__MNNdi",k="Header_rewardModal__jv0m5",E=function(){var e=(0,p.Z)(),t=u(),n=t.locale,i=t.setLocale,r=t.setHeadHeight,c=(0,a.useRef)(null),l=(0,a.useState)(!1),d=(0,o.Z)(l,2),g=d[0],m=d[1];return(0,a.useEffect)((function(){if(c.current){var e=c.current.getBoundingClientRect().height;r(e)}}),[]),(0,s.jsxs)("div",{className:C,ref:c,children:[(0,s.jsx)("div",{className:N,children:e.formatMessage({id:"common.logoName"})}),(0,s.jsxs)("div",{className:B,children:[(0,s.jsx)(h.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.reward"}),children:(0,s.jsx)("div",{className:S,onClick:function(){m(!0)},children:(0,s.jsx)(x.Z,{})})}),(0,s.jsx)(h.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.LanguageSwitch"}),children:(0,s.jsx)("div",{className:S,onClick:function(){i("zh-cn"===n?"en-us":"zh-cn")},children:"zh-cn"===n?(0,s.jsx)(M,{}):(0,s.jsx)(w,{})})})]}),(0,s.jsxs)(v.Z,{wrapClassName:k,title:e.formatMessage({id:"common.reward"}),open:g,footer:null,maskClosable:!1,width:320,onCancel:function(){m(!1)},children:[(0,s.jsx)("img",{src:y,alt:""}),(0,s.jsx)("p",{children:e.formatMessage({id:"common.reward.tip"})})]})]})},P=n(73935),I=n(7278),T=n(93483),F=n(29934),O=n(3682),G=n(50161),R=n(90894),Q=n(53587),Z=n(1351),L=n(76629),H=n(85191),U=n(71577),V=n(7149),W="Menus_container__DFIvs",z="Menus_topBox__DKF4A",Y="Menus_top__gJeUu",J="Menus_menuLabel__4ArU9",q="Menus_bottom__4CWXG";function K(e,t,n,a,i){return{key:t,icon:n,children:a,label:(0,s.jsx)("p",{className:J,children:e}),type:i}}var X=function(){var e=(0,p.Z)(),t=(0,g.s0)(),n=(0,g.TH)(),i=(0,a.useState)(!1),r=(0,o.Z)(i,2),c=r[0],l=r[1],d=u().setMenuWidth,m=(0,a.useRef)(null),f=[K(e.formatMessage({id:"menu.htmlVision"}),"html",(0,s.jsx)(I.Z,{}),[K(e.formatMessage({id:"menu.htmlVision.visualDesign"}),"visualDesign"),K(e.formatMessage({id:"menu.htmlVision.interactiveDesign"}),"interactiveDesign"),K(e.formatMessage({id:"menu.htmlVision.backgroundPattern"}),"backgroundEffect"),K(e.formatMessage({id:"menu.htmlVision.complexLayout"}),"complexLayout"),K(e.formatMessage({id:"menu.htmlVision.applicationPageFrame"}),"appPageFrame"),K(e.formatMessage({id:"menu.htmlVision.utilitarianFunction"}),"utilitarianFunction")]),K(e.formatMessage({id:"menu.cssDynamicEffect"}),"css",(0,s.jsx)(T.Z,{}),[K(e.formatMessage({id:"menu.cssDynamicEffect.dynamicEffectButton"}),"dynamicButtons"),K(e.formatMessage({id:"menu.cssDynamicEffect.richDynamicEffect"}),"richDynamicEffect")]),K(e.formatMessage({id:"menu.canvasDynamicEffect"}),"canvas",(0,s.jsx)(F.Z,{}),[K(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicClock"}),"dynamicClock"),K(e.formatMessage({id:"menu.canvasDynamicEffect.searchlightEffect"}),"searchlight"),K(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionInteraction"}),"globuleInteraction"),K(e.formatMessage({id:"menu.canvasDynamicEffect.destroyThePlanetGame"}),"killPlanetGame"),K(e.formatMessage({id:"menu.canvasDynamicEffect.sphereFreeFallInteraction"}),"freeFallingBody"),K(e.formatMessage({id:"menu.canvasDynamicEffect.coolCountdownAnimation"}),"countDown"),K(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicParticleBackground"}),"particlesBg"),K(e.formatMessage({id:"menu.canvasDynamicEffect.rippleEffect"}),"rippleFloatOnTheWater"),K(e.formatMessage({id:"menu.canvasDynamicEffect.flowerBloomingAnimation"}),"flowerBloom"),K(e.formatMessage({id:"menu.canvasDynamicEffect.codeBackgroundWall"}),"codeBgWall"),K(e.formatMessage({id:"menu.canvasDynamicEffect.wordDance"}),"wordDance")]),K(e.formatMessage({id:"menu.echartsInteraction"}),"echarts",(0,s.jsx)(O.Z,{}),[K(e.formatMessage({id:"menu.echartsInteraction.barCharts"}),"bar"),K(e.formatMessage({id:"menu.echartsInteraction.pieCharts"}),"pie")]),K(e.formatMessage({id:"menu.threeJs3D"}),"threejs",(0,s.jsx)(G.Z,{}),[K(e.formatMessage({id:"menu.threeJs3D.appPageFrame"}),"appPageFrame"),K(e.formatMessage({id:"common.comingSoon"}),"threejsComingSoon")]),K(e.formatMessage({id:"menu.AIApplication"}),"AIApplication",(0,s.jsx)(R.Z,{}),[K(e.formatMessage({id:"menu.AIApplication.humanPostureDetection"}),"humanPostureDetection"),K(e.formatMessage({id:"menu.AIApplication.notBlockPeopleBarrage"}),"notBlockPeopleBarrage")]),K(e.formatMessage({id:"menu.imageProcessingTool"}),"gameImage",(0,s.jsx)(Q.Z,{}))],h=(0,a.useCallback)((0,H.Z)((function(){var e=P.findDOMNode(m.current);e&&d(e.clientWidth)}),{wait:360}).run,[]),v=(0,a.useMemo)((function(){var e=n.pathname,t=[];if(e){var a=e.split("/"),i=a[a.length-1];i&&t.push(i)}return t}),[n]);return(0,a.useEffect)((function(){h()}),[c]),(0,a.useEffect)((function(){return window.addEventListener("resize",h),function(){window.removeEventListener("resize",h)}}),[]),(0,s.jsxs)("div",{className:W,ref:m,children:[(0,s.jsxs)("div",{className:z,children:[(0,s.jsx)("div",{className:Y,children:(0,s.jsx)(U.Z,{type:"primary",onClick:function(){l(!c)},style:{marginBottom:16},children:c?(0,s.jsx)(Z.Z,{}):(0,s.jsx)(L.Z,{})})}),(0,s.jsx)(V.Z,{defaultOpenKeys:["html"],selectedKeys:v,mode:"inline",theme:"dark",inlineCollapsed:c,items:f,onClick:function(e){var n=e.keyPath.reduce((function(e,t){return e="/".concat(t).concat(e)}),"");t(n)}})]}),(0,s.jsx)("div",{className:q,children:!c&&(0,s.jsx)("span",{children:e.formatMessage({id:"common.keepUpdating"})})})]})},$="Home_container__C+c-U",ee="Home_container_body__U7E30",te="Home_container_content__t5FqX",ne=function(){(function(){var e=(0,g.TH)();a.useEffect((function(){f.init()}),[]),a.useEffect((function(){var t=e.pathname+e.search;f.sendPageview(t)}),[e])})();var e=u(),t=e.setScrollTop,n=e.setScrollContentRef,i=(0,g.V$)(Sv),r=(0,g.TH)(),o=(0,g.s0)(),c=(0,a.useRef)(null);return(0,a.useEffect)((function(){var e=r.pathname;e&&"/"!==e||o("/html/visualDesign")}),[r]),(0,a.useEffect)((function(){n(c)}),[]),(0,s.jsxs)("div",{className:$,children:[(0,s.jsx)(E,{}),(0,s.jsxs)("div",{className:ee,children:[(0,s.jsx)(X,{}),(0,s.jsx)("div",{className:te,onScroll:function(){var e;t(null===(e=c.current)||void 0===e?void 0:e.scrollTop)},ref:c,children:i})]})]})},ae=function(){var e=(0,p.Z)();return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",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"})})},ie=function(){return(0,s.jsx)(ae,{})},re=n(94184),oe=n.n(re),se={container:"GridContent_container__X3Ib1","gt2000-10":"GridContent_gt2000-10__2NYFt",content:"GridContent_content__l9Dvj","gt2000-9":"GridContent_gt2000-9__oYcxy","gt2000-8":"GridContent_gt2000-8__c3F5b","gt2000-7":"GridContent_gt2000-7__I+60n","gt2000-6":"GridContent_gt2000-6__Fiix3","gt2000-5":"GridContent_gt2000-5__dNCKs","gt2000-4":"GridContent_gt2000-4__DRLcu","gt2000-3":"GridContent_gt2000-3__7vSSp","gt2000-2":"GridContent_gt2000-2__H47cP","gt2000-1":"GridContent_gt2000-1__pR4qV","eq1700_2000-10":"GridContent_eq1700_2000-10__5iTdo","eq1700_2000-9":"GridContent_eq1700_2000-9__uOV8g","eq1700_2000-8":"GridContent_eq1700_2000-8__rhQsf","eq1700_2000-7":"GridContent_eq1700_2000-7__zZ9Pa","eq1700_2000-6":"GridContent_eq1700_2000-6__9h1OC","eq1700_2000-5":"GridContent_eq1700_2000-5__AWJVp","eq1700_2000-4":"GridContent_eq1700_2000-4__4vMd5","eq1700_2000-3":"GridContent_eq1700_2000-3__zW8T5","eq1700_2000-2":"GridContent_eq1700_2000-2__8VbDz","eq1700_2000-1":"GridContent_eq1700_2000-1__tVni5","eq1400_1700-10":"GridContent_eq1400_1700-10__kdYJ-","eq1400_1700-9":"GridContent_eq1400_1700-9__o9kfs","eq1400_1700-8":"GridContent_eq1400_1700-8__ZmPCb","eq1400_1700-7":"GridContent_eq1400_1700-7__HA+iY","eq1400_1700-6":"GridContent_eq1400_1700-6__SSoR1","eq1400_1700-5":"GridContent_eq1400_1700-5__Hq90Y","eq1400_1700-4":"GridContent_eq1400_1700-4__3-JC9","eq1400_1700-3":"GridContent_eq1400_1700-3__zoZua","eq1400_1700-2":"GridContent_eq1400_1700-2__3lzVZ","eq1400_1700-1":"GridContent_eq1400_1700-1__YHQ-i","eq1200_1400-10":"GridContent_eq1200_1400-10__DfCa+","eq1200_1400-9":"GridContent_eq1200_1400-9__XXsn8","eq1200_1400-8":"GridContent_eq1200_1400-8__ea4gV","eq1200_1400-7":"GridContent_eq1200_1400-7__CzD8V","eq1200_1400-6":"GridContent_eq1200_1400-6__dj5cP","eq1200_1400-5":"GridContent_eq1200_1400-5__c06Qd","eq1200_1400-4":"GridContent_eq1200_1400-4__nyk9O","eq1200_1400-3":"GridContent_eq1200_1400-3__FDBv+","eq1200_1400-2":"GridContent_eq1200_1400-2__GINk+","eq1200_1400-1":"GridContent_eq1200_1400-1__vhmNI","eq500_1200-10":"GridContent_eq500_1200-10__np38B","eq500_1200-9":"GridContent_eq500_1200-9__-gqgc","eq500_1200-8":"GridContent_eq500_1200-8__n79qX","eq500_1200-7":"GridContent_eq500_1200-7__5jvO9","eq500_1200-6":"GridContent_eq500_1200-6__UPfNJ","eq500_1200-5":"GridContent_eq500_1200-5__ULPCK","eq500_1200-4":"GridContent_eq500_1200-4__0Fy7k","eq500_1200-3":"GridContent_eq500_1200-3__tNqlz","eq500_1200-2":"GridContent_eq500_1200-2__9nvoV","eq500_1200-1":"GridContent_eq500_1200-1__7qWuG","lt500-10":"GridContent_lt500-10__MiCxb","lt500-9":"GridContent_lt500-9__IoHra","lt500-8":"GridContent_lt500-8__myZBf","lt500-7":"GridContent_lt500-7__xPKTM","lt500-6":"GridContent_lt500-6__sAnGn","lt500-5":"GridContent_lt500-5__To+gj","lt500-4":"GridContent_lt500-4__Ar9fY","lt500-3":"GridContent_lt500-3__UAkF7","lt500-2":"GridContent_lt500-2__PO5OD","lt500-1":"GridContent_lt500-1__6+kRp"},ce=function(e){var t,n=e.differentScreenCols,i=e.rowSpace,r=void 0===i?0:i,o=e.colSpace,c=void 0===o?0:o,l=e.className,d=void 0===l?"":l,u=e.children,g=n.map((function(e,t){return e?parseInt(e.toString()).toString():t<=4?"1":""}));return(0,s.jsx)("div",{className:oe()((t={},(0,j.Z)(t,se.container,!0),(0,j.Z)(t,se["gt2000-".concat(g[0])],!0),(0,j.Z)(t,se["eq1700_2000-".concat(g[1])],!0),(0,j.Z)(t,se["eq1400_1700-".concat(g[2])],!0),(0,j.Z)(t,se["eq1200_1400-".concat(g[3])],!0),(0,j.Z)(t,se["eq500_1200-".concat(g[4])],!0),(0,j.Z)(t,se["lt500-".concat(g[5])],!!g[5]),t)),children:(0,s.jsx)("div",{className:"".concat(se.content," ").concat(d),style:{width:"calc(100% + ".concat(c,"px)"),marginLeft:"".concat(-c/2,"px"),marginRight:"".concat(-c/2,"px")},children:"[object Array]"===Object.prototype.toString.call(u)?u.map((function(e){return a.cloneElement(e,{rowSpace:r,colSpace:c})})):u||null})})};ce.GridBox=function(e){var t=e.key,n=e.className,a=e.rowSpace,i=void 0===a?0:a,r=e.colSpace,o=void 0===r?0:r,c=e.children;return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",padding:"".concat(i/2,"px ").concat(o/2,"px")},className:n,children:c},t)};var le=ce,de="GlassMimicry1_container__wexvD",ue="GlassMimicry1_card__UQ5sm",ge="GlassMimicry1_circle__nal-d",me="GlassMimicry1_rect__f35Ei",fe=function(){return(0,s.jsxs)("div",{className:de,children:[(0,s.jsxs)("div",{className:ue,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:ge}),(0,s.jsx)("div",{className:me})]})},pe="GlassMimicry2_container__BWh7o",he="GlassMimicry2_card__MKBri",ve="GlassMimicry2_circle__kMkBa",xe="GlassMimicry2_rect__Ct13L",ye=function(){return(0,s.jsxs)("div",{className:pe,children:[(0,s.jsxs)("div",{className:he,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:ve}),(0,s.jsx)("div",{className:xe})]})},je="MixBlendMode_container__4hDai",be="MixBlendMode_content__w0Qdi",_e=function(){return(0,s.jsx)("div",{className:je,children:(0,s.jsx)("div",{className:be})})},we=function(e,t){var n=e.finalText,i=void 0===n?"":n,r=e.textList,c=void 0===r?[]:r,l=e.switchingInterval,d=void 0===l?60:l,u=e.duration,g=void 0===u?1500:u,m=e.className,f=void 0===m?"":m,p=(0,a.useRef)(c.length>0?0:-1),h=(0,a.useState)(-1===p.current?i:c[p.current]||""),v=(0,o.Z)(h,2),x=v[0],y=v[1],j=(0,a.useRef)(0),b=(0,a.useRef)(0),_=(0,a.useRef)(0),w=(0,a.useCallback)((function(){var e=(new Date).getTime();if(e-b.current>=g)y(i),p.current=-1,_.current=e;else if(e-_.current>=d){var t=-1===p.current?0:p.current+1;t>=c.length&&(t=0),y(c[t]),p.current=t,_.current=e}j.current=requestAnimationFrame(w)}),[g]),A=(0,a.useCallback)((function(){var e=(new Date).getTime();b.current=e,_.current=e,j.current=requestAnimationFrame(w)}),[]),D=function(){j.current&&cancelAnimationFrame(j.current),p.current=0,y(c[0]),A()};return(0,a.useImperativeHandle)(t,(function(){return{restart:D}})),(0,a.useEffect)((function(){return A(),function(){j.current&&cancelAnimationFrame(j.current)}}),[]),(0,s.jsx)("span",{className:f,children:x&&x.split("").map((function(e,t){return(0,s.jsx)("span",{children:e},t)}))})},Ae=a.forwardRef(we),De="SwitchingText_container__NK06J",Me="SwitchingText_content__4UZ4A",Ce="SwitchingText_btn__gSl-9",Ne=function(){var e=(0,a.useRef)(null);return(0,s.jsxs)("div",{className:De,children:[(0,s.jsx)(Ae,{className:Me,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)(U.Z,{type:"primary",className:Ce,onClick:function(){var t;null===(t=e.current)||void 0===t||t.restart()},children:"Once Again"})]})},Be=n(13614),Se=n.n(Be),ke="Typed1_container__2GeRe",Ee="Typed1_btn__h1YNo",Pe=function(){var e=(0,a.useRef)(null),t=(0,a.useRef)(null);return(0,a.useEffect)((function(){return e.current&&(t.current=new(Se())(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:ke,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(U.Z,{type:"primary",className:Ee,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"})]})},Ie="Typed2_container__d1mpZ",Te="Typed2_btn__t2IUi",Fe=function(){var e=(0,a.useRef)(null),t=(0,a.useRef)(null);return(0,a.useEffect)((function(){return e.current&&(t.current=new(Se())(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:Ie,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(U.Z,{type:"primary",className:Te,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"})]})},Oe=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:400,a=document.createElement("span");a.style.visibility="hidden",a.style.padding="0",a.style.whiteSpace="nowrap",a.style.overflow="visible",a.style.fontSize=t>12?t+"px":"12px",a.style.fontWeight=n.toString(),a.innerText=e,document.body.appendChild(a);var i=a.offsetWidth;return document.body.removeChild(a),i},Ge=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:12,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:400,i=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],r="",o="",s="";if(!e||t<n||"string"!=typeof e)return r;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=a.toString(),document.body.appendChild(l);for(var d=0,u=c.length;d<u;d++){var g=c[d];o=s,r=s+=g,l.innerText=s;var m=l.offsetWidth;if(m>t){r=i?o+"...":o;break}}return document.body.removeChild(l),r};function Re(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Qe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Re(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Re(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ze,Le=function(e){var t=e.text,n=void 0===t?"":t,i=e.lineNum,r=void 0===i?1:i,c=e.buttonText,l=e.buttonTextSize,d=void 0===l?12:l,u=e.buttonTextWeight,g=void 0===u?400:u,m=e.onClickButton,f=e.style,p=12,h=400;f&&(f.fontSize&&(p=parseInt(f.fontSize)),f.textWeight&&(h=Number(f.textWeight)));var v=(0,a.useRef)(null);if(!n)return(0,s.jsx)("div",{ref:v});var x=(0,a.useState)(0),y=(0,o.Z)(x,2),j=y[0],b=y[1],_=(0,a.useMemo)((function(){var e=n,t=!1,a=Math.max(d,12);if(j)if(Ge(n,j*r,p,h).endsWith("...")&&(t=!0),t){var i=Oe("...",p,h),o=0;c&&(o=Oe(c,a,g)),e=Ge(n,j*r-i-o-2,p,h)}else e=n;return{textStyle:Qe({fontSize:"".concat(p,"px"),fontWeight:h,wordBreak:"break-all",position:"relative",padding:0},f),finalText:e,isOver:t,buttonStyle:{fontSize:"".concat(a,"px"),fontWeight:g.toString(),color:"#0076FF",cursor:"pointer",padding:0,position:"absolute",right:0}}}),[j,r,n,c,d,f]),w=(0,a.useCallback)((function(){if(v.current){var e=P.findDOMNode(v.current);b(e?e.offsetWidth:0)}}),[]);return(0,a.useEffect)((function(){w()}),[]),(0,a.useEffect)((function(){return window.addEventListener("resize",w),function(){window.removeEventListener("resize",w)}}),[]),(0,s.jsxs)("div",{style:_.textStyle,ref:v,children:[_.finalText,c&&_.isOver&&(0,s.jsx)("span",{style:_.buttonStyle,onClick:function(e){m&&m(e)},children:c})]})},He="AutoEllipsisText_container__FuKF0",Ue=function(){var e=(0,p.Z)().formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows"});return(0,s.jsxs)("div",{className:He,children:[(0,s.jsx)(Le,{text:e.repeat(4),style:{fontSize:"24px"}}),(0,s.jsx)(Le,{text:e.repeat(8),lineNum:2,style:{fontSize:"16px",marginTop:"40px"},buttonText:"More",buttonTextSize:16})]})},Ve=n.p+"images/c5e4532e.jpg",We="FilterCSS_container__CFq-e",ze="FilterCSS_left__2qP3m",Ye="FilterCSS_right__pzmqt",Je=function(){var e=(0,p.Z)();return(0,s.jsxs)("div",{className:We,children:[(0,s.jsxs)("div",{className:ze,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.brighten"})}),(0,s.jsx)("img",{src:Ve,alt:""})]}),(0,s.jsxs)("div",{className:Ye,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.grayed"})}),(0,s.jsx)("img",{src:Ve,alt:""})]})]})},qe="BgFusion_container__kdLG9",Ke=function(){return(0,s.jsx)("div",{className:qe})},Xe={container:"MyLogo_container__ImFoD",box1:"MyLogo_box1__-pbj7",leftTopRect:"MyLogo_leftTopRect__cxQas",circle:"MyLogo_circle__VHZp5",middleRect:"MyLogo_middleRect__98vSU",bottomRect:"MyLogo_bottomRect__V4AEJ",box2:"MyLogo_box2__LFBe3",box3:"MyLogo_box3__f0Q6j"},$e=new Array(3).fill(0),et=function(){return(0,s.jsx)("div",{className:Xe.container,children:$e.map((function(e,t){return(0,s.jsxs)("div",{className:Xe["box".concat(t+1)],children:[(0,s.jsx)("div",{className:Xe.leftTopRect}),(0,s.jsx)("div",{className:Xe.circle}),(0,s.jsx)("div",{className:Xe.middleRect}),(0,s.jsx)("div",{className:Xe.bottomRect})]},t)}))})},tt={container:"ShearAngle_container__Df3HF",box1:"ShearAngle_box1__TmsS8",box2:"ShearAngle_box2__uRef+",box3:"ShearAngle_box3__NNTlS"},nt=new Array(3).fill(0),at=function(){return(0,s.jsx)("div",{className:tt.container,children:nt.map((function(e,t){return(0,s.jsx)("div",{className:tt["box".concat(t+1)]},t)}))})},it="AnnulusLoading_container__om+o4",rt="AnnulusLoading_content__lklev",ot="AnnulusLoading_item7__DBYSV",st="AnnulusLoading_item6__psjii",ct="AnnulusLoading_item5__Pv+H+",lt="AnnulusLoading_item4__wjG+U",dt="AnnulusLoading_item3__NZH-7",ut="AnnulusLoading_item2__9ILlQ",gt="AnnulusLoading_item1__cus6S",mt=function(){return(0,s.jsx)("div",{className:it,children:(0,s.jsxs)("div",{className:rt,children:[(0,s.jsx)("div",{className:gt}),(0,s.jsx)("div",{className:ut}),(0,s.jsx)("div",{className:dt}),(0,s.jsx)("div",{className:lt}),(0,s.jsx)("div",{className:ct}),(0,s.jsx)("div",{className:st}),(0,s.jsx)("div",{className:ot})]})})},ft=n.p+"images/7380e6f7.jpg",pt=n.p+"images/ba36f098.jpg",ht=n.p+"images/e7c8df7d.jpg",vt=n.p+"images/06a46209.jpg",xt=n.p+"images/ed6d9a11.jpg",yt=n.p+"images/271a66ed.jpg",jt=n.p+"images/2506df73.jpg",bt="Honeycomb_container__s8iMq",_t="Honeycomb_content__NA4iL",wt=function(){return(0,s.jsx)("div",{className:bt,children:(0,s.jsxs)("div",{className:_t,children:[(0,s.jsx)("img",{src:ft,alt:""}),(0,s.jsx)("img",{src:pt,alt:""}),(0,s.jsx)("img",{src:ht,alt:""}),(0,s.jsx)("img",{src:vt,alt:""}),(0,s.jsx)("img",{src:xt,alt:""}),(0,s.jsx)("img",{src:yt,alt:""}),(0,s.jsx)("img",{src:jt,alt:""})]})})},At="PizzaPie_container__VoqoT",Dt="PizzaPie_content__GxmNl",Mt=function(){return(0,s.jsx)("div",{className:At,children:(0,s.jsxs)("div",{className:Dt,children:[(0,s.jsx)("img",{src:ft,alt:""}),(0,s.jsx)("img",{src:pt,alt:""}),(0,s.jsx)("img",{src:ht,alt:""}),(0,s.jsx)("img",{src:vt,alt:""}),(0,s.jsx)("img",{src:xt,alt:""}),(0,s.jsx)("img",{src:yt,alt:""})]})})},Ct="AnnulusProgressBar_container__C8utS",Nt="AnnulusProgressBar_content__Px7bq",Bt="AnnulusProgressBar_box__hAjPl",St="AnnulusProgressBar_circleOuter__ME-kJ",kt="AnnulusProgressBar_num__9+sVF",Et=function(){var e=(0,a.useState)(0),t=(0,o.Z)(e,2)[1],n=(0,a.useRef)(0),i=(0,a.useRef)(0),r=function e(){var a=471,r=document.getElementById("circle");if(n.current>=100){n.current=0,t(0);var o=document.getElementById("circle");o&&(o.style.strokeDashoffset="".concat(a.toString()))}else n.current=Number((n.current+.1).toFixed(2)),t(Number((n.current+.1).toFixed(2))),a=Math.floor(a-a*n.current/100),r&&(r.style.strokeDashoffset="".concat(a.toString()));i.current=window.requestAnimationFrame(e)};return(0,a.useEffect)((function(){return r(),function(){i.current&&cancelAnimationFrame(i.current)}}),[]),(0,s.jsx)("div",{className:Ct,children:(0,s.jsx)("div",{className:Nt,children:(0,s.jsxs)("div",{className:Bt,children:[(0,s.jsx)("div",{className:St}),(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:kt,children:"".concat(Math.floor(n.current),"%")})]})})})},Pt={container:"AudioLoading_container__XdUWk",content:"AudioLoading_content__mj39g",span0:"AudioLoading_span0__eGOMz",loading:"AudioLoading_loading__-kzaz",span1:"AudioLoading_span1__teG60",span2:"AudioLoading_span2__SpNsf",span3:"AudioLoading_span3__13v2Y",span4:"AudioLoading_span4__woN+Z",span5:"AudioLoading_span5__3uWzJ",span6:"AudioLoading_span6__wYhmS",span7:"AudioLoading_span7__0O8EG",span8:"AudioLoading_span8__kd9cf",span9:"AudioLoading_span9__710Xu",span10:"AudioLoading_span10__XlTzh",span11:"AudioLoading_span11__i9JOn",span12:"AudioLoading_span12__mSn1I",span13:"AudioLoading_span13__1vuYP",span14:"AudioLoading_span14__gDFso"},It=new Array(15).fill(0),Tt=function(){return(0,s.jsx)("div",{className:Pt.container,children:(0,s.jsx)("div",{className:Pt.content,children:It.map((function(e,t){return(0,s.jsx)("span",{className:Pt["span".concat(t)]},t)}))})})},Ft={container:"SudokuImageAnimation_container__OOujy",content:"SudokuImageAnimation_content__IHdaK",item:"SudokuImageAnimation_item__ebHVI",item8:"SudokuImageAnimation_item8__MbX2k",item7:"SudokuImageAnimation_item7__Pf62z",item6:"SudokuImageAnimation_item6__lAWh6",item5:"SudokuImageAnimation_item5__R1+pJ",item4:"SudokuImageAnimation_item4__BLnU8",item3:"SudokuImageAnimation_item3__5YeMt",item2:"SudokuImageAnimation_item2__HHEKH",item1:"SudokuImageAnimation_item1__YWAxS",item0:"SudokuImageAnimation_item0__cHKDN"},Ot=new Array(9).fill(0),Gt=function(){return(0,s.jsx)("div",{className:Ft.container,children:(0,s.jsx)("div",{className:Ft.content,children:Ot.map((function(e,t){return(0,s.jsx)("div",{className:Ft["item".concat(t)]},t)}))})})},Rt="TextWrap_container__uTUhj",Qt="TextWrap_topText__Vz0HI",Zt="TextWrap_poly__9jXWV",Lt="TextWrap_leftFloat__BQUe6",Ht="TextWrap_rightFloat__xLcZd",Ut=function(){var e=(0,p.Z)().formatMessage({id:"page.htmlVision.visualDesign.thisIsText"});return(0,s.jsxs)("div",{className:Rt,children:[(0,s.jsx)("div",{className:Qt,children:e.repeat(40)}),(0,s.jsx)("div",{className:"".concat(Zt," ").concat(Lt)}),(0,s.jsx)("div",{className:"".concat(Zt," ").concat(Ht)}),(0,s.jsx)("span",{children:e.repeat(180)})]})},Vt="WaterDropLogin_container__cg8T1",Wt="WaterDropLogin_content__jiU-2",zt="WaterDropLogin_drop__HOCBS",Yt="WaterDropLogin_contentBox__P0sWO",Jt="WaterDropLogin_inputBox__zmsHa",qt="WaterDropLogin_btns__nMsyF",Kt="WaterDropLogin_signup__OJXW9",Xt=function(){return(0,s.jsx)("div",{className:Vt,children:(0,s.jsxs)("div",{className:Wt,children:[(0,s.jsx)("div",{className:zt,children:(0,s.jsxs)("div",{className:Yt,children:[(0,s.jsx)("h2",{children:"Sign in"}),(0,s.jsxs)("form",{children:[(0,s.jsx)("div",{className:Jt,children:(0,s.jsx)("input",{type:"text",placeholder:"Username"})}),(0,s.jsx)("div",{className:Jt,children:(0,s.jsx)("input",{type:"password",placeholder:"Password"})}),(0,s.jsx)("div",{className:Jt,children:(0,s.jsx)("input",{type:"submit",value:"Login"})})]})]})}),(0,s.jsxs)("div",{className:qt,children:[(0,s.jsx)("span",{children:"Forget"}),(0,s.jsx)("span",{children:"Password"})]}),(0,s.jsx)("div",{className:"".concat(qt," ").concat(Kt),children:"Signup"})]})})},$t="TextShadow_container__fs3vi",en="TextShadow_content__LVNR+",tn=function(){var e=(0,p.Z)().formatMessage({id:"page.htmlVision.visualDesign.textShadow"});return(0,s.jsx)("div",{className:$t,children:(0,s.jsx)("div",{className:en,"data-text":e,children:e})})},nn="HorseRacelamp_container__frDMS",an="HorseRacelamp_scroll__fSbs-",rn=new Array(4).fill(0),on=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:nn,children:rn.map((function(t,n){return(0,s.jsxs)("div",{className:an,children:[e(),e()]},n)}))})},sn="HarmonyLogo_container__D40eR",cn="HarmonyLogo_content__AQt6h",ln="HarmonyLogo_top__gP2sk",dn="HarmonyLogo_line__GH5Yz",un="HarmonyLogo_bottom__eD+y9",gn=function(){return(0,s.jsxs)("div",{className:sn,children:[(0,s.jsxs)("div",{className:cn,children:[(0,s.jsx)("div",{className:ln,children:(0,s.jsx)("div",{className:dn})}),(0,s.jsx)("div",{className:un})]}),(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"})]})})]})},mn="Preserve3D_container__9e0+0",fn="Preserve3D_content__mLWpZ",pn="Preserve3D_cubeInner__-vBiy",hn="Preserve3D_top__Olfjb",vn="Preserve3D_bottom__l7qQv",xn="Preserve3D_front__R8yr+",yn="Preserve3D_back__fvvLJ",jn="Preserve3D_left__gPM4I",bn="Preserve3D_right__2ecBD",_n="Preserve3D_cubeOuter__6stLI",wn=function(){return(0,s.jsx)("div",{className:mn,children:(0,s.jsxs)("div",{className:fn,children:[(0,s.jsxs)("div",{className:pn,children:[(0,s.jsx)("div",{className:hn}),(0,s.jsx)("div",{className:vn}),(0,s.jsx)("div",{className:xn}),(0,s.jsx)("div",{className:yn}),(0,s.jsx)("div",{className:jn}),(0,s.jsx)("div",{className:bn})]}),(0,s.jsxs)("div",{className:_n,children:[(0,s.jsx)("div",{className:hn}),(0,s.jsx)("div",{className:vn}),(0,s.jsx)("div",{className:xn}),(0,s.jsx)("div",{className:yn}),(0,s.jsx)("div",{className:jn}),(0,s.jsx)("div",{className:bn})]})]})})},An="RotateAndBgFixed_container__yTABT",Dn="RotateAndBgFixed_box__GoYza",Mn="RotateAndBgFixed_a__iMx4p",Cn="RotateAndBgFixed_b__PS8k6",Nn="RotateAndBgFixed_c__-7Ojl",Bn="RotateAndBgFixed_d__rmRQH",Sn="RotateAndBgFixed_e__ISCzy",kn=function(){return(0,s.jsx)("div",{className:An,children:(0,s.jsxs)("div",{className:Dn,children:[(0,s.jsx)("div",{className:Mn,children:(0,s.jsx)("img",{src:ft,alt:""})}),(0,s.jsx)("div",{className:Cn,children:(0,s.jsx)("img",{src:pt,alt:""})}),(0,s.jsx)("div",{className:Nn,children:(0,s.jsx)("img",{src:ht,alt:""})}),(0,s.jsx)("div",{className:Bn,children:(0,s.jsx)("img",{src:vt,alt:""})}),(0,s.jsx)("div",{className:Sn,children:(0,s.jsx)("img",{src:xt,alt:""})})]})})},En="HexagonalMesh_container__NxtoQ",Pn="HexagonalMesh_item__z7tZ8",In=new Array(300).fill(0),Tn=function(){return(0,s.jsx)("div",{className:En,children:In.map((function(e,t){return(0,s.jsx)("div",{className:Pn},t)}))})},Fn="HexagonalRadar_container__HIfxQ",On="HexagonalRadar_content__CPrUe",Gn="HexagonalRadar_item__QSt+M",Rn="HexagonalRadar_maskBox__WzWcV",Qn=new Array(5).fill(0),Zn=function(){return(0,s.jsxs)("div",{className:Fn,children:[(0,s.jsx)("div",{className:On,children:Qn.map((function(e,t){return(0,s.jsx)("div",{className:Gn},t)}))}),(0,s.jsx)("div",{className:Rn})]})},Ln=n.p+"images/d2fa7cd8.png",Hn="HoverEnlargement_container__PdBMr",Un=function(){return(0,s.jsx)("div",{className:Hn,children:(0,s.jsx)("img",{src:Ln,alt:""})})},Vn="VisualDesign_container__Y3nCn",Wn="VisualDesign_box__vK8rT",zn=le.GridBox,Yn=[{element:(0,s.jsx)(fe,{})},{element:(0,s.jsx)(ye,{})},{element:(0,s.jsx)(_e,{})},{element:(0,s.jsx)(Ne,{})},{element:(0,s.jsx)(Pe,{})},{element:(0,s.jsx)(Fe,{})},{element:(0,s.jsx)(Ue,{})},{element:(0,s.jsx)(Ut,{})},{element:(0,s.jsx)(Ke,{})},{element:(0,s.jsx)(et,{})},{element:(0,s.jsx)(at,{})},{element:(0,s.jsx)(mt,{})},{element:(0,s.jsx)(wt,{})},{element:(0,s.jsx)(Mt,{})},{element:(0,s.jsx)(Et,{})},{element:(0,s.jsx)(Tt,{})},{element:(0,s.jsx)(Je,{})},{element:(0,s.jsx)(Gt,{})},{element:(0,s.jsx)(Xt,{})},{element:(0,s.jsx)(tn,{})},{element:(0,s.jsx)(on,{})},{element:(0,s.jsx)(gn,{})},{element:(0,s.jsx)(wn,{})},{element:(0,s.jsx)(kn,{})},{element:(0,s.jsx)(Tn,{})},{element:(0,s.jsx)(Zn,{})},{element:(0,s.jsx)(Un,{})}],Jn=function(){var e=u().setScrollTop;return(0,a.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Vn,children:(0,s.jsx)(le,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Yn.map((function(e,t){return(0,s.jsx)(zn,{children:(0,s.jsx)("div",{className:Wn,children:e.element})},t)}))})})},qn=[{textId:"ad.books",url:"https://www.amazon.cn/b?_encoding=UTF8&tag=002be-23&linkCode=ur2&linkId=18dca267994ead2f5b057de393f2dacb&camp=536&creative=3200&node=658414051"},{textId:"ad.phoneAccessories",url:"https://www.amazon.cn/b?_encoding=UTF8&tag=002be-23&linkCode=ur2&linkId=5fb7d9aa98b1c74da87f4ba352bc6e9c&camp=536&creative=3200&node=665003051"},{textId:"ad.digitalCamera",url:"https://www.amazon.cn/b?_encoding=UTF8&tag=002be-23&linkCode=ur2&linkId=8cbb87082b97d77e6d80245952c7bfba&camp=536&creative=3200&node=755657051"},{textId:"ad.officeEquipment",url:"https://www.amazon.cn/b?_encoding=UTF8&tag=002be-23&linkCode=ur2&linkId=a01e0cb30da4195457d3ef15061daaab&camp=536&creative=3200&node=2142103051"},{textId:"ad.sportsElectronics",url:"https://www.amazon.cn/b?_encoding=UTF8&tag=002be-23&linkCode=ur2&linkId=f1bde988fa4245c77c85cd6e6b9261ab&camp=536&creative=3200&node=50110071"}],Kn=n.p+"images/e6897437.png",Xn="AdBox_container__-AGEN",$n="AdBox_adLogo__lt51k",ea=function(e){var t=e.data,n=(0,p.Z)();return(0,s.jsxs)("div",{className:Xn,onClick:function(){window.open(t.url)},children:[(0,s.jsx)("p",{children:n.formatMessage({id:t.textId})}),(0,s.jsx)(U.Z,{children:n.formatMessage({id:"common.ad.btnText"})}),(0,s.jsx)("img",{src:Kn,alt:"",className:$n})]})},ta="ModuleTitle_container__rDjYN",na=function(e){var t=(0,p.Z)(),n=e.intlTitle,a=e.style,i=void 0===a?{}:a;return(0,s.jsx)("div",{className:ta,style:i,children:t.formatMessage({id:n})})},aa=n.p+"images/6765fa3b.png",ia="MagnifyingGlass_container__VaCVm",ra="MagnifyingGlass_content__cEn2w",oa="MagnifyingGlass_smallBox__vJs-J",sa="MagnifyingGlass_mask__+q3QT",ca="MagnifyingGlass_floatBox__Kvbe5",la="MagnifyingGlass_bigBox__HIYda",da=function(){var e=u(),t=e.scrollTop,n=e.headHeight,i=(0,a.useRef)(null),r=(0,a.useRef)(null),c=(0,a.useRef)(null),l=(0,a.useState)(!1),d=(0,o.Z)(l,2),g=d[0],m=d[1];return(0,s.jsx)("div",{className:ia,children:(0,s.jsxs)("div",{className:ra,children:[(0,s.jsxs)("div",{className:oa,ref:i,children:[(0,s.jsx)(na,{intlTitle:"page.htmlVision.interactiveDesign.magnifyingGlass",style:{top:"-80px",left:"114%"}}),(0,s.jsx)("div",{className:sa,onMouseOver:function(){m(!0)},onMouseMove:function(e){var a=P.findDOMNode(i.current),o=P.findDOMNode(r.current),s=a.offsetWidth,l=a.offsetHeight,d=o.offsetWidth,u=o.offsetHeight,g=e.clientX-a.offsetLeft-d/2,m=0;g<0?g=0:g>s-d&&(g=s-d),(m=t<a.offsetTop-n-100?e.clientY-u/2-a.offsetTop-t:e.clientY-n-u/2+(t-a.offsetTop+n))<0?m=0:m>l-u&&(m=l-u),o.style.left=g+"px",o.style.top=m+"px";var f=g/(s-d),p=m/(l-u),h=P.findDOMNode(c.current),v=h.children[0];v.style.left=-f*(v.offsetWidth-h.offsetWidth)+"px",v.style.top=-p*(v.offsetHeight-h.offsetHeight)+"px"},onMouseLeave:function(){m(!1)}}),(0,s.jsx)("div",{className:ca,style:{visibility:g?"visible":"hidden"},ref:r}),(0,s.jsx)("img",{src:aa})]}),(0,s.jsx)("div",{className:la,ref:c,children:(0,s.jsx)("img",{src:aa,style:{visibility:g?"visible":"hidden"}})})]})})},ua="CropImage_container__tzsYS",ga="CropImage_leftBox__3mOeg",ma="CropImage_img1__uhhsm",fa="CropImage_img2__Ndygr",pa="CropImage_cropBox__6wlKc",ha="CropImage_dot__GABnD",va="CropImage_leftUp__NhGgA",xa="CropImage_up__pNmdW",ya="CropImage_rightUp__UDrVw",ja="CropImage_right__ArCo3",ba="CropImage_rightDown__e0VHP",_a="CropImage_down__VJmEQ",wa="CropImage_leftDown__e6E6-",Aa="CropImage_left__ksYcg",Da="CropImage_rightBox__TGE1h";!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"}(Ze||(Ze={}));var Ma=function(){var e=u().scrollTop,t=(0,a.useRef)(0),n=(0,a.useRef)(0),i=(0,a.useRef)(!1),r=(0,a.useRef)(),o=(0,a.useRef)(!1),c=(0,a.useRef)(null),l=(0,a.useRef)(null),d=(0,a.useRef)(null),g=(0,a.useRef)(null),m=(0,a.useRef)(null),f=(0,a.useRef)(0),p=(0,a.useRef)(0),h=(0,a.useRef)(0),v=(0,a.useRef)(0),x=function(e){for(var t=e.offsetLeft,n=e.offsetTop,a=e.offsetParent;null!=a;)t+=a.offsetLeft,n+=a.offsetTop,a=a.offsetParent;return{left:t,top:n}},y=function(e){var n=e.clientX,a=P.findDOMNode(l.current),i=x(a).left,r=i+t.current-4;n>r?n=r:n<i&&(n=i);var o=P.findDOMNode(g.current),s=o.offsetWidth-2,c=n-s-x(o).left;o.style.width=s+c+"px"},j=function(t){var n=t.clientY+e,a=P.findDOMNode(l.current),i=x(a).top,r=P.findDOMNode(g.current),o=x(r).top,s=o+r.offsetHeight-4;n<i?n=i:n>s&&(n=s);var c=r.offsetHeight;r.style.height=c+o-n+"px",r.style.top=r.offsetTop+n-o+"px"},b=function(e){var t=e.clientX,n=P.findDOMNode(l.current),a=x(n).left,i=P.findDOMNode(g.current),r=x(i).left,o=r+i.offsetWidth-4;t<a?t=a:t>o&&(t=o);var s=i.offsetWidth;i.style.width=s+r-t+"px",i.style.left=i.offsetLeft+t-r+"px"},_=function(t){var a=t.clientY+e,i=P.findDOMNode(l.current),r=x(i).top,o=r+n.current-4;a<r?a=r:a>o&&(a=o);var s=P.findDOMNode(g.current),c=s.offsetHeight-2,d=a-c-x(s).top;s.style.height=c+d+"px"},w=function(){var e=P.findDOMNode(g.current),t=e.offsetWidth,n=e.offsetHeight,a=e.offsetLeft,i=e.offsetTop,r=a+t,o=i+n;P.findDOMNode(d.current).style.clip="rect(".concat(i,"px,").concat(r,"px,").concat(o,"px,").concat(a,"px)")},A=function(){var e=P.findDOMNode(g.current),t=e.offsetWidth,n=e.offsetHeight,a=e.offsetLeft,i=e.offsetTop,r=a+t,o=i+n,s=P.findDOMNode(m.current);s.style.top="".concat(-i,"px"),s.style.left="".concat(-a,"px"),s.style.clip="rect(".concat(i,"px,").concat(r,"px,").concat(o,"px,").concat(a,"px)")},D=function(e,t){e.stopPropagation(),i.current=!0,r.current=t},M=function(){i.current=!1,o.current=!1};return(0,a.useEffect)((function(){var e=P.findDOMNode(l.current),a=e.offsetWidth,i=e.offsetHeight;t.current=a,n.current=i}),[]),(0,s.jsxs)("div",{className:ua,onMouseMove:function(e){if(o.current){var a=P.findDOMNode(g.current),s=a.offsetWidth,c=a.offsetHeight,l=e.clientX-f.current,d=e.clientY-p.current,u=v.current+d,m=h.current+l;u<0?a.style.top="0px":u>n.current-c-2?a.style.top="".concat(n.current-c-2,"px"):a.style.top="".concat(u,"px"),m<0?a.style.left="0px":m>t.current-s-2?a.style.left="".concat(t.current-s-2,"px"):a.style.left="".concat(m,"px"),w(),A()}if(i.current){switch(r.current){case Ze.right:y(e);break;case Ze.up:j(e);break;case Ze.left:b(e);break;case Ze.down:_(e);break;case Ze.leftUp:b(e),j(e);break;case Ze.leftDown:b(e),_(e);break;case Ze.rightUp:y(e),j(e);break;case Ze.rightDown:y(e),_(e)}w(),A()}},onMouseUp:M,onMouseLeave:M,ref:c,children:[(0,s.jsx)(na,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropClipBox"}),(0,s.jsxs)("div",{className:ga,ref:l,children:[(0,s.jsx)("img",{src:Ve,className:ma}),(0,s.jsx)("img",{src:Ve,className:fa,ref:d}),(0,s.jsxs)("div",{className:pa,onMouseDown:function(e){f.current=e.clientX,p.current=e.clientY;var t=P.findDOMNode(g.current);v.current=t.offsetTop,h.current=t.offsetLeft,o.current=!0},ref:g,children:[(0,s.jsx)("div",{className:"".concat(ha," ").concat(va),onMouseDown:function(e){return D(e,Ze.leftUp)}}),(0,s.jsx)("div",{className:"".concat(ha," ").concat(xa),onMouseDown:function(e){return D(e,Ze.up)}}),(0,s.jsx)("div",{className:"".concat(ha," ").concat(ya),onMouseDown:function(e){return D(e,Ze.rightUp)}}),(0,s.jsx)("div",{className:"".concat(ha," ").concat(ja),onMouseDown:function(e){return D(e,Ze.right)}}),(0,s.jsx)("div",{className:"".concat(ha," ").concat(ba),onMouseDown:function(e){return D(e,Ze.rightDown)}}),(0,s.jsx)("div",{className:"".concat(ha," ").concat(_a),onMouseDown:function(e){return D(e,Ze.down)}}),(0,s.jsx)("div",{className:"".concat(ha," ").concat(wa),onMouseDown:function(e){return D(e,Ze.leftDown)}}),(0,s.jsx)("div",{className:"".concat(ha," ").concat(Aa),onMouseDown:function(e){return D(e,Ze.left)}})]})]}),(0,s.jsx)("div",{className:Da,children:(0,s.jsx)("img",{src:Ve,ref:m})})]})},Ca=n.p+"images/e55cd06c.jpg",Na=n.p+"images/f44f33e9.jpg",Ba=n.p+"images/ccd69096.jpg",Sa=n.p+"images/dbd623e3.jpg",ka=n.p+"images/d327c52a.jpg",Ea=n.p+"images/f160c0ae.jpg",Pa={container:"DragShopping_container__r1Tnc",content:"DragShopping_content__C1LbU",bookBox:"DragShopping_bookBox__6op+T",shoppingBox:"DragShopping_shoppingBox__prqN9",tableHead:"DragShopping_tableHead__cvH-S",tableCell:"DragShopping_tableCell__hrgC+",tableRow:"DragShopping_tableRow__5AXvy",total:"DragShopping_total__q3-uB",tip:"DragShopping_tip__kEiT-"};function Ia(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Ta(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ia(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ia(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Fa=le.GridBox,Oa=[{id:"1",name:"一个星期学会吉他弹唱",price:68,imgUrl:Ca},{id:"2",name:"柳公权楷书教程入门",price:45,imgUrl:Na},{id:"3",name:"世说新语",price:52,imgUrl:Ba},{id:"4",name:"名人传",price:124,imgUrl:Sa},{id:"5",name:"骆驼祥子",price:168,imgUrl:ka},{id:"6",name:"阅微堂笔记",price:56,imgUrl:Ea}],Ga=function(){var e=(0,p.Z)(),t=(0,a.useState)([]),n=(0,o.Z)(t,2),i=n[0],r=n[1],c=(0,a.useState)(!1),l=(0,o.Z)(c,2),d=l[0],u=l[1],g=(0,a.useState)(0),m=(0,o.Z)(g,2),f=m[0],h=m[1];return(0,s.jsxs)("div",{className:Pa.container,children:[(0,s.jsx)(na,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropShopping"}),(0,s.jsxs)("div",{className:Pa.content,children:[(0,s.jsx)(le,{differentScreenCols:[6,6,3,3,3],rowSpace:0,colSpace:0,children:Oa.map((function(e,t){var n=e.id,a=e.name,i=e.price,r=e.imgUrl;return(0,s.jsx)(Fa,{children:(0,s.jsxs)("div",{className:Pa.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:r,draggable:"false"}),(0,s.jsx)("p",{children:a}),(0,s.jsx)("p",{children:"￥".concat(i)})]})},n)}))}),(0,s.jsxs)("div",{className:Pa.shoppingBox,style:d?{border:"1px solid #DD5044",color:"#DD5044"}:{},onDragOver:function(e){e.preventDefault(),d||u(!0)},onDragLeave:function(e){e.preventDefault(),d&&u(!1)},onDrop:function(e){e.preventDefault();var t=e.dataTransfer.getData("id"),n=!1,a=0,o=i.map((function(e){return e.id===t?(n=!0,a=e.price,Ta(Ta({},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){a=l.price,s=l;break}}s&&o.unshift(Ta(Ta({},s),{},{num:1}))}r(o),u(!1),h(f+a)},children:[(0,s.jsxs)("div",{className:Pa.tableHead,children:[(0,s.jsx)("div",{className:Pa.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.title"})}),(0,s.jsx)("div",{className:Pa.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.price"})}),(0,s.jsx)("div",{className:Pa.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.count"})})]}),i.map((function(e){var t=e.id,n=e.num,a=e.name,i=e.price;return(0,s.jsxs)("div",{className:Pa.tableRow,children:[(0,s.jsx)("div",{className:Pa.tableCell,children:a}),(0,s.jsx)("div",{className:Pa.tableCell,children:"￥".concat(i)}),(0,s.jsx)("div",{className:Pa.tableCell,children:n})]},t)})),i.length>0&&(0,s.jsx)("div",{className:Pa.total,children:(0,s.jsxs)("span",{className:Pa.totalMoney,children:[e.formatMessage({id:"page.htmlVision.interactiveDesign.total"}),"：￥",(0,s.jsx)("span",{children:f})]})}),(0,s.jsx)("div",{className:Pa.tip,children:d?e.formatMessage({id:"page.htmlVision.interactiveDesign.addingToCart"}):e.formatMessage({id:"page.htmlVision.interactiveDesign.dragToThisToBuy"})})]})]})]})},Ra=n.p+"images/70af4d01.jpg",Qa="MouseHover_container__AiUIE",Za="MouseHover_content__ltk+H",La="MouseHover_title__atDZ+",Ha="MouseHover_bottom__5p4Zv",Ua="MouseHover_right__DBMq+",Va="MouseHover_cursor__wO5R7",Wa=[{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"}],za=function(){var e=(0,p.Z)(),t=u().scrollTop,n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useState)(!1),c=(0,o.Z)(r,2),l=c[0],d=c[1],g=(0,a.useState)("default"),m=(0,o.Z)(g,2),f=m[0],h=m[1],v=(0,a.useRef)({mouseX:null,mouseY:null}),x=(0,a.useRef)(0),y=function(){h("big")},j=function(){h("default")};return(0,a.useEffect)((function(){return x.current=window.requestAnimationFrame((function e(){var t=v.current,n=t.mouseX,a=t.mouseY;if(null!==n&&null!==a){var r=10;"big"===f&&(r=40);var o=P.findDOMNode(i.current),s=o.style.left?parseFloat(o.style.left):null,c=o.style.top?parseFloat(o.style.top):null;if(null!==s&&null!==c){var l=n-(s+r),d=a-(c+r),u=Math.hypot(l,d);if(u>0)if(u<=.1)o.style.left="".concat(s,"px"),o.style.top="".concat(c,"px");else{var g=.12*l,m=.12*d;o.style.left="".concat(s+g,"px"),o.style.top="".concat(c+m,"px")}}}x.current=window.requestAnimationFrame(e)})),function(){x.current&&window.cancelAnimationFrame(x.current)}}),[f]),(0,s.jsxs)("div",{className:Qa,onMouseEnter:function(e){var a=e.clientX,r=e.clientY;d(!0);var o=P.findDOMNode(n.current),s=o.offsetLeft,c=void 0===s?0:s,l=o.offsetTop,u=void 0===l?0:l;v.current={mouseX:a-c,mouseY:r-(u-t)};var g=P.findDOMNode(i.current);g.style.left="".concat((v.current.mouseX||0)-10,"px"),g.style.top="".concat((v.current.mouseY||0)-10,"px")},onMouseMove:function(e){var a=e.clientX,i=e.clientY,r=P.findDOMNode(n.current),o=r.offsetLeft,s=void 0===o?0:o,c=r.offsetTop,l=void 0===c?0:c;v.current={mouseX:a-s,mouseY:i-(l-t)}},onMouseLeave:function(e){var a=e.clientX,i=e.clientY;d(!1);var r=P.findDOMNode(n.current),o=r.offsetLeft,s=void 0===o?0:o,c=r.offsetTop,l=void 0===c?0:c;v.current={mouseX:a-s,mouseY:i-(l-t)}},ref:n,children:[(0,s.jsxs)("div",{className:Za,children:[(0,s.jsx)("p",{className:La,onMouseEnter:y,onMouseLeave:j,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.personalArticle"})}),(0,s.jsxs)("div",{className:Ha,children:[(0,s.jsx)("img",{src:Ra,alt:"",onMouseEnter:y,onMouseLeave:j}),(0,s.jsx)("div",{className:Ua,children:Wa.map((function(e,t){return(0,s.jsx)("a",{href:e.href,target:"_blank",onMouseEnter:y,onMouseLeave:j,children:e.name},t)}))})]})]}),(0,s.jsx)("div",{className:Va,style:{visibility:l?"visible":"hidden",width:"".concat("big"===f?80:20,"px"),height:"".concat("big"===f?80:20,"px")},ref:i})]})},Ya="SlideButtonTab_container__ZYHQV",Ja="SlideButtonTab_content__LWEoq",qa="SlideButtonTab_btn__jyR5k",Ka="SlideButtonTab_actived__1zzDQ",Xa=new Array(4).fill(0),$a=function(){var e=(0,a.useRef)(null),t=(0,a.useState)(0),n=(0,o.Z)(t,2),i=n[0],r=n[1],c=(0,a.useRef)(0);return(0,a.useEffect)((function(){if(e.current){var t=(e.current.getBoundingClientRect().width-32-8*(2*Xa.length-2))/Xa.length;e.current.style.setProperty("--btnWidth","".concat(t,"px")),c.current=t}}),[]),(0,s.jsxs)("div",{className:Ya,children:[(0,s.jsx)(na,{intlTitle:"page.htmlVision.interactiveDesign.swipeTab"}),(0,s.jsx)("div",{className:Ja,ref:e,children:Xa.map((function(t,n){return(0,s.jsxs)("div",{className:"".concat(qa," ").concat(i===n?Ka:""),onClick:function(){return function(t){if(e.current&&i!==t){var n="".concat(16+c.current*t+8*t*2,"px");e.current.style.setProperty("--groove-left",n);var a="0deg";a=t<i?"-8deg":"8deg",e.current.style.setProperty("--wraper-rotate",a),window.setTimeout((function(){e.current&&e.current.style.setProperty("--wraper-rotate","0deg")}),600),r(t)}}(n)},children:["Button",n+1]},n)}))})]})},ei=n.p+"images/a601ac6c.png",ti=n.p+"images/d1a0696c.png",ni=n.p+"images/e430aae1.png",ai=n.p+"images/b2b0669d.png",ii=n.p+"images/f354e378.png",ri=n.p+"images/c6c82aab.png",oi=n.p+"images/7075d257.png",si=n.p+"images/b637b49e.png",ci="FlipBook_container__wpTJH",li="FlipBook_pages__aWeaa",di="FlipBook_paper__PMY5s",ui="FlipBook_page__eOLUx",gi="FlipBook_left-show-front-page__lFv8b",mi="FlipBook_right-show-back-page__9IQwj",fi="FlipBook_left-show-back-page__i0Lk8",pi="FlipBook_right-show-front-page__xxk1D",hi="FlipBook_left-hide-front-page__gyUo1",vi="FlipBook_left-hide-back-page__9HzJm",xi="FlipBook_right-hide-front-page__pGMFr",yi="FlipBook_btns__Atth3",ji="FlipBook_btn__I-pCJ",bi=[[ei,ti],[ni,ai],[ii,ri],[oi,si]],_i=[gi,fi,pi,mi,hi,vi,xi,"FlipBook_right-hide-back-page__bby2H"],wi=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(0),i=(0,a.useRef)(!1),r=function(){if(t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e,t){if(e.attributes&&e.attributes.length){var a,i;if(e.attributes.getNamedItem("data-left"))null===(a=e.attributes)||void 0===a||a.removeNamedItem("data-left");if(e.attributes.getNamedItem("data-right"))null===(i=e.attributes)||void 0===i||i.removeNamedItem("data-right")}var r=e.children;if(t===n.current){var o,s,c,l,d=document.createAttribute("data-left");d.nodeValue="true",e.attributes.setNamedItem(d),e.style.transform="perspective(1000px) rotateY(-180deg)",e.style.zIndex="4",null===(o=r[0].classList)||void 0===o||o.remove.apply(o,_i),null===(s=r[0].classList)||void 0===s||s.add(fi),null===(c=r[1].classList)||void 0===c||c.remove.apply(c,_i),null===(l=r[1].classList)||void 0===l||l.add(gi)}else if(t===n.current+1){var u,g,m,f,p=document.createAttribute("data-right");p.nodeValue="true",e.attributes.setNamedItem(p),e.style.transform="perspective(1000px) rotateY(0deg)",e.style.zIndex="4",null===(u=r[0].classList)||void 0===u||u.remove.apply(u,_i),null===(g=r[0].classList)||void 0===g||g.add(pi),null===(m=r[1].classList)||void 0===m||m.remove.apply(m,_i),null===(f=r[1].classList)||void 0===f||f.add(mi)}else if(t<n.current){var h,v,x,y;e.style.transform="perspective(1000px) rotateY(-180deg)",t===n.current-1?e.style.zIndex="3":e.style.zIndex="2",null===(h=r[0].classList)||void 0===h||h.remove.apply(h,_i),null===(v=r[0].classList)||void 0===v||v.add(vi),null===(x=r[1].classList)||void 0===x||x.remove.apply(x,_i),null===(y=r[1].classList)||void 0===y||y.add(hi)}else{var j,b,_,w;e.style.transform="perspective(1000px) rotateY(0deg)",t===n.current+2?e.style.zIndex="3":e.style.zIndex="2",null===(j=r[0].classList)||void 0===j||j.remove.apply(j,_i),null===(b=r[0].classList)||void 0===b||b.add(xi),null===(_=r[1].classList)||void 0===_||_.remove.apply(_,_i),null===(w=r[1].classList)||void 0===w||w.add(vi)}}))}i.current=!1};return(0,a.useLayoutEffect)((function(){var e=document.styleSheets[0];e.insertRule("@keyframes flip-to-left {\n from {\n transform: perspective(1000px) rotateY(0);\n }\n to {\n transform: perspective(1000px) rotateY(-180deg);\n }\n }"),e.insertRule("@keyframes flip-to-right {\n from {\n transform: perspective(1000px) rotateY(-180deg);\n }\n to {\n transform: perspective(1000px) rotateY(0);\n }\n }"),i.current=!0,r()}),[]),(0,s.jsxs)("div",{className:ci,children:[(0,s.jsx)(na,{intlTitle:"page.htmlVision.interactiveDesign.flipBoook"}),(0,s.jsx)("div",{className:li,ref:t,children:bi.map((function(e,t){return(0,s.jsxs)("div",{className:di,children:[(0,s.jsx)("div",{className:ui,children:(0,s.jsx)("img",{src:e[0],alt:""})}),(0,s.jsx)("div",{className:ui,children:(0,s.jsx)("img",{src:e[1],alt:""})})]},t)}))}),(0,s.jsxs)("div",{className:yi,children:[(0,s.jsx)(U.Z,{type:"primary",className:ji,onClick:function(){if(!(n.current<=-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current];e.style.animation="flip-to-right 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current-1,r()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.previousPage"})}),(0,s.jsx)(U.Z,{type:"primary",className:ji,onClick:function(){if(!(n.current>=bi.length-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current+1];e.style.animation="flip-to-left 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current+1,r()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.nextPage"})})]})]})},Ai="switch_container__L-Fcw",Di="switch_box__w0obx",Mi="switch_icon__y1eMS";function Ci(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Ni(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ci(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ci(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Bi=function(e){var t=e.open,n=e.width,i=void 0===n?90:n,r=e.height,c=void 0===r?40:r,l=e.openIcon,d=e.closeIcon,u=e.onChange,g=e.style,m=void 0===g?{}:g,f=e.className,p=void 0===f?"":f,h=(0,a.useState)(void 0!==t&&t),v=(0,o.Z)(h,2),x=v[0],y=v[1];return(0,s.jsxs)("div",{className:"".concat(Ai," ").concat(p),style:Ni({width:"".concat(i,"px"),height:"".concat(c,"px"),borderRadius:"".concat(c/2,"px"),backgroundColor:void 0!==t&&t||void 0===t&&x?"#e4e4e4":"#1a1c20"},m),onClick:function(){void 0!==t?u&&u(!t):y(!x)},children:[(0,s.jsx)("div",{className:Di,style:void 0!==t&&t||void 0===t&&x?{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),borderRadius:"50%",top:"".concat(.1*c,"px"),left:"".concat(.1*c,"px")}:{width:"".concat(.2*c,"px"),height:"".concat(.7*c,"px"),borderRadius:"".concat(.2*c/2,"px"),top:"".concat(.15*c,"px"),left:"".concat(i-c/2,"px")}}),d&&(0,s.jsx)("div",{className:Mi,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:d}),l&&(0,s.jsx)("div",{className:Mi,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(i-.9*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?1:0,display:"flex",alignItems:"center",justifyContent:"flex-end"},children:l})]})},Si=n.p+"images/16a09882.png",ki=n.p+"images/58bbf8ef.png",Ei="Switchs_container__Ip06L",Pi=function(){return(0,s.jsxs)("div",{className:Ei,children:[(0,s.jsx)(na,{intlTitle:"page.htmlVision.interactiveDesign.switchButton"}),(0,s.jsx)(Bi,{width:66,height:30}),(0,s.jsx)(Bi,{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)(Bi,{openIcon:(0,s.jsx)("img",{src:Si,alt:"",width:26,height:26}),closeIcon:(0,s.jsx)("img",{src:ki,alt:"",width:26,height:26})})]})},Ii=n.p+"images/0e3fc4a1.png",Ti=n.p+"images/036f3b2c.png",Fi=n.p+"images/de961e69.png",Oi=n.p+"images/77eff419.png",Gi=n.p+"images/bae3b2af.png",Ri=n.p+"images/641be512.png",Qi=n.p+"images/bb4c7aec.png",Zi=n.p+"images/95259d51.png",Li=n.p+"images/a3f5bcd3.png",Hi="animation_container__VTP-5",Ui="animation_content__Y2LjD",Vi="animation_people__-yW1N",Wi="animation_giftBox__064vx",zi="animation_coin__wP9sV",Yi="animation_gift__kVgHA",Ji=600,qi=80,Ki="CCW",Xi=0,$i=0,er=0,tr=!1,nr=!1,ar={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}},ir={icon1:{top:ar.icon1.top,left:ar.icon1.left,vx:-4.5,vy:0,g:.2,opacity:0,isMoving:!1},icon2:{top:ar.icon2.top,left:ar.icon2.left,vx:-3,vy:0,g:.3,opacity:0,isMoving:!1},icon3:{top:ar.icon3.top,left:ar.icon3.left,vx:0,vy:0,g:.2,opacity:0,isMoving:!1},icon4:{top:ar.icon4.top,left:ar.icon4.left,vx:1,vy:0,g:.3,opacity:0,isMoving:!1},icon5:{top:ar.icon5.top,left:ar.icon5.left,vx:3,vy:0,g:.4,opacity:0,isMoving:!1},icon6:{top:ar.icon6.top,left:ar.icon6.left,vx:2,vy:0,g:.5,opacity:0,isMoving:!1},icon7:{top:ar.icon7.top,left:ar.icon7.left,vx:5,vy:0,g:.3,opacity:0,isMoving:!1}};function rr(e,t,n){var a=0;return n>-e&&n<e&&(a=Math.sqrt((1-Math.pow(n,2)/Math.pow(e,2))*Math.pow(t,2))),a}var or,sr=function(e){var t=e.noDropCoins,n=void 0!==t&&t,i=e.clickNoDropCoins,r=void 0!==i&&i,o=(0,a.useRef)(null),c=(0,a.useRef)(null);return(0,a.useLayoutEffect)((function(){var e=0,t=64,a=rr(qi,40,t);return e=requestAnimationFrame((function i(){if(o.current){var r=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=e,o=t;return 0!==n&&(r=e*Math.cos(n)+t*Math.sin(n)+a,o=-e*Math.sin(n)+t*Math.cos(n)+i),{transitionX:r,transitionY:o}}(t,a,Xi,$i,er),s=r.transitionX,l=r.transitionY,d=P.findDOMNode(o.current);if(!d)return;d.offsetWidth<350?Ji=500:d.offsetWidth<400&&(Ji=550),d.style.left="".concat(s,"px"),d.style.top="".concat(-l,"px");var u=1.5;t>=qi?("CCW"===Ki?(Xi=0,$i=0,er=0):(Xi=120,$i=17,er=49),n||(tr=!0,nr=!0)):t<=-qi&&(Ki="CCW"===Ki?"CW":"CCW",n||(tr=!0,nr=!0)),Math.abs(t)>16&&(u=1.5*Math.pow(Math.cos(t/qi),2));var g=function(e,t,n,a,i){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=a,s=i;return(o=a>=e?a-r:a<=-e?a+r:"CCW"===n?i>0?a-r:a+r:i<0?a-r:a+r)>e?o=e:o<-e&&(o=-e),(s=rr(e,t,o))>0&&(a>=e?"CCW"!==n&&(s=-s):a<=-e?"CCW"===n&&(s=-s):i<0&&(s=-s)),{nextX:o,nextY:s}}(qi,40,Ki,t,a,u),m=g.nextX,f=g.nextY;t=m,a=f;var p=null;c&&c.current&&(p=P.findDOMNode(c.current));var h=!0;p&&Object.keys(ir).forEach((function(e,t){var n=p.childNodes[t];if(n){var a=ir[e],i=a.top,r=a.left,o=a.vx,s=a.vy,c=a.g,l=a.opacity,d=a.isMoving;if(d||tr){var u=ar[e],g=i+s,m=r+o,f=o;f=Math.abs(o)>.1?o>0?o-.1:o+.1:0;var v=g-u.top,x=Ji-u.top,y=x/2*.45,j=l;v/x>.55&&(v=y-(g-.55*x)),(j=(v/y).toFixed(2))>1&&(j=1);var b=s+c,_=d;0===g?(g=u.top,m=u.left,f=u.vx,_=!0):g>=Ji?(g=0,m=0,j=0,f=0,b=0,_=!1):(h=!1,tr&&(_=!0)),n.style.top="".concat(g,"px"),n.style.left="".concat(m,"px"),n.style.opacity=j,Object.assign(a,{top:g,left:m,vx:f,vy:b,isMoving:_})}}})),tr&&(tr=!1),h&&(nr=!1)}e=requestAnimationFrame(i)})),function(){e&&cancelAnimationFrame(e)}}),[]),(0,s.jsx)("div",{className:Hi,children:(0,s.jsxs)("div",{className:Ui,ref:o,children:[(0,s.jsx)("img",{src:Ii,alt:"",className:Vi}),(0,s.jsxs)("div",{className:Wi,ref:c,onClick:function(){r||nr||(tr=!0,nr=!0)},children:[(0,s.jsx)("img",{src:Fi,alt:"",className:zi}),(0,s.jsx)("img",{src:Oi,alt:"",className:zi}),(0,s.jsx)("img",{src:Gi,alt:"",className:zi}),(0,s.jsx)("img",{src:Ri,alt:"",className:zi}),(0,s.jsx)("img",{src:Qi,alt:"",className:zi}),(0,s.jsx)("img",{src:Zi,alt:"",className:zi}),(0,s.jsx)("img",{src:Li,alt:"",className:zi}),(0,s.jsx)("img",{src:Ti,alt:"",className:Yi})]})]})})},cr="PeopleAnimation_container__-Yyb6",lr=function(){return(0,s.jsx)("div",{className:cr,children:(0,s.jsx)(sr,{})})},dr={container:"TweakCube_container__J+C94",content:"TweakCube_content__Mr06c",cube:"TweakCube_cube__lBLW-",changeColor:"TweakCube_changeColor__wgfRV",column0:"TweakCube_column0__a4NX3",span0:"TweakCube_span0__Yw7Og",span1:"TweakCube_span1__IzddA",span2:"TweakCube_span2__fmd2S",column1:"TweakCube_column1__zwP0s",column2:"TweakCube_column2__OwyVO"},ur=new Array(3).fill(0),gr=function(){return(0,s.jsxs)("div",{className:dr.container,children:[(0,s.jsx)(na,{intlTitle:"page.htmlVision.interactiveDesign.pseudo3DRubikCube"}),(0,s.jsx)("div",{className:dr.content,children:ur.map((function(e,t){return(0,s.jsx)("div",{className:dr.cube,children:ur.map((function(e,t){return(0,s.jsx)("div",{className:dr["column".concat(t)],children:ur.map((function(e,t){return(0,s.jsx)("span",{className:dr["span".concat(t)]},t)}))},t)}))},t)}))})]})},mr="Preserve3dBox_container__MlCq+",fr="Preserve3dBox_content__x2m8Q",pr="Preserve3dBox_box__WUTgE",hr="Preserve3dBox_side1__FjKl8",vr="Preserve3dBox_side2__lj9+e",xr="Preserve3dBox_side3__AbyYQ",yr="Preserve3dBox_side4__zaJBC",jr="Preserve3dBox_side5__aAYEQ",br="Preserve3dBox_side6__5ZcHM",_r="Preserve3dBox_light__6fHY8",wr=function(){var e=(0,a.useRef)(null),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=function(){if(n.current=null,t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e){Array.prototype.includes.call(e.classList,_r)&&e.classList.remove(_r)})),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"}},r=function(e){null==e||e.classList.add(_r)};return(0,s.jsxs)("div",{className:mr,onMouseDown:function(e){var a=e.clientX,i=e.clientY,r=window.getComputedStyle(P.findDOMNode(t.current)).transform;if(r&&"none"!==r){var o=r.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:a,y:i,rotateX:c,rotateY:l}}}},onMouseMove:function(e){if(t.current&&n.current){var a=e.clientX,i=e.clientY,r=n.current,o=r.x,s=r.y,c=r.rotateX,l=r.rotateY,d=2*(s-i),u=(a-o)/2;t.current&&(t.current.style.animation="none"),t.current.style.transform="rotateX(".concat(c+d,"deg) rotateY(").concat(l+u,"deg)")}},onMouseUp:i,onMouseLeave:i,ref:e,children:[(0,s.jsx)(na,{intlTitle:"page.htmlVision.interactiveDesign.3DRubikCube"}),(0,s.jsx)("div",{className:fr,children:(0,s.jsxs)("div",{className:pr,ref:t,children:[(0,s.jsx)("div",{className:hr,onClick:function(e){t.current&&(t.current.style.transform="rotateX(360deg) rotateY(360deg)",t.current.style.animation="none",r(e.target))}}),(0,s.jsx)("div",{className:vr,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(180deg)",t.current.style.animation="none",r(e.target))}}),(0,s.jsx)("div",{className:xr,onClick:function(e){t.current&&(t.current.style.transform="rotateX(270deg) rotateY(0deg)",t.current.style.animation="none",r(e.target))}}),(0,s.jsx)("div",{className:yr,onClick:function(e){t.current&&(t.current.style.transform="rotateX(90deg) rotateY(180deg)",t.current.style.animation="none",r(e.target))}}),(0,s.jsx)("div",{className:jr,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(90deg)",t.current.style.animation="none",r(e.target))}}),(0,s.jsx)("div",{className:br,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(270deg)",t.current.style.animation="none",r(e.target))}})]})})]})},Ar="OrientationSenseCard_container__rcMJg",Dr="OrientationSenseCard_content__tJdgH",Mr="OrientationSenseCard_card__YqMNl",Cr=[ni,ai,ri,oi,si],Nr=function(){return(0,s.jsxs)("div",{className:Ar,children:[(0,s.jsx)(na,{intlTitle:"page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection"}),(0,s.jsx)("div",{className:Dr,children:Cr.map((function(e,t){return(0,s.jsx)("div",{className:Mr,children:(0,s.jsx)("img",{src:e,alt:""})},t)}))})]})},Br="HexagonalMesh1_container__Te5th",Sr="HexagonalMesh1_item__URNNI",kr=new Array(800).fill(0),Er=function(){var e=(0,a.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,a=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(a,"px"))}};return(0,a.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:Br,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),a=n.left,i=n.top,r=t.pageX-a,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(r,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:kr.map((function(e,t){return(0,s.jsx)("div",{className:Sr},t)}))})},Pr="HexagonalMesh2_container__91QqI",Ir="HexagonalMesh2_item__aqKn8",Tr=new Array(800).fill(0),Fr=function(){var e=(0,a.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,a=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(a,"px"))}};return(0,a.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:Pr,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),a=n.left,i=n.top,r=t.pageX-a,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(r,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:Tr.map((function(e,t){return(0,s.jsx)("div",{className:Ir},t)}))})},Or="HexagonalMesh3_container__H7Hx9",Gr="HexagonalMesh3_item__sCYXj",Rr=new Array(800).fill(0),Qr=function(){var e=(0,a.useRef)(null);return(0,s.jsx)("div",{className:Or,ref:e,children:Rr.map((function(e,t){return(0,s.jsx)("div",{className:Gr},t)}))})},Zr=n(34262),Lr=n(39464),Hr=n(12304),Ur=n(24406),Vr=n(4333),Wr=n(83428),zr=n(78874),Yr=n(59401),Jr=n(73566),qr=n(98059),Kr=n(48107),Xr=n(5698),$r=n(97998),eo=n(75013),to=n(14294),no=n(18152),ao=n(36108),io=n(98522),ro=n(77093),oo=n(55017),so=n(67753),co=n(26223),lo=n(98261),uo=n(93017),go=n(77125),mo=n(79728),fo=n(93366),po=n(98587),ho=n(2905),vo=n(11013),xo=n(44251),yo=n(94506),jo=n(49434),bo=n(38419),_o=n(1627),wo=n(20720),Ao=n(6355),Do=n(892),Mo=n(49688),Co=n(78823),No=n(80856),Bo=n(26589),So=n(7364),ko=n(14283),Eo=n(54618),Po=n(3248),Io=n(18401),To=n(5405),Fo=n(82272),Oo=n(59512),Go=n(62965),Ro=n(88630),Qo=n(25449),Zo=n(57551),Lo=n(89317),Ho=n(72285),Uo=n(68479),Vo=n(71938),Wo=n(2825),zo=n(43926),Yo=n(85369),Jo=n(53318),qo=n(85008),Ko=n(45452),Xo=n(4334),$o=n(72850),es=n(19671),ts=n(97254),ns=n(70913),as=n(56022),is=n(16640),rs=n(23375),os=n(12854),ss=n(88485),cs=n(33040),ls=n(63392),ds=n(73888),us=n(48965),gs=n(4711),ms=n(56931),fs=n(24616),ps=n(51984),hs="IconScroll_container__cLRxT",vs="IconScroll_row__0bucg",xs=new Array(40).fill(0),ys=function(){var e=function(){return(0,s.jsxs)("div",{children:[(0,s.jsx)(Zr.Z,{}),(0,s.jsx)(Lr.Z,{}),(0,s.jsx)(Hr.Z,{}),(0,s.jsx)(Ur.Z,{}),(0,s.jsx)(Vr.Z,{}),(0,s.jsx)(Wr.Z,{}),(0,s.jsx)(zr.Z,{}),(0,s.jsx)(Yr.Z,{}),(0,s.jsx)(Jr.Z,{}),(0,s.jsx)(qr.Z,{}),(0,s.jsx)(Kr.Z,{}),(0,s.jsx)(Xr.Z,{}),(0,s.jsx)($r.Z,{}),(0,s.jsx)(eo.Z,{}),(0,s.jsx)(to.Z,{}),(0,s.jsx)(no.Z,{}),(0,s.jsx)(ao.Z,{}),(0,s.jsx)(io.Z,{}),(0,s.jsx)(ro.Z,{}),(0,s.jsx)(oo.Z,{}),(0,s.jsx)(so.Z,{}),(0,s.jsx)(co.Z,{}),(0,s.jsx)(lo.Z,{}),(0,s.jsx)(uo.Z,{}),(0,s.jsx)(go.Z,{}),(0,s.jsx)(mo.Z,{}),(0,s.jsx)(fo.Z,{}),(0,s.jsx)(po.Z,{}),(0,s.jsx)(ho.Z,{}),(0,s.jsx)(vo.Z,{}),(0,s.jsx)(xo.Z,{}),(0,s.jsx)(yo.Z,{}),(0,s.jsx)(jo.Z,{}),(0,s.jsx)(bo.Z,{}),(0,s.jsx)(_o.Z,{}),(0,s.jsx)(wo.Z,{}),(0,s.jsx)(Ao.Z,{}),(0,s.jsx)(Do.Z,{}),(0,s.jsx)(Mo.Z,{}),(0,s.jsx)(Co.Z,{}),(0,s.jsx)(No.Z,{}),(0,s.jsx)(Bo.Z,{}),(0,s.jsx)(So.Z,{}),(0,s.jsx)(ko.Z,{}),(0,s.jsx)(Eo.Z,{}),(0,s.jsx)(Po.Z,{}),(0,s.jsx)(Io.Z,{}),(0,s.jsx)(To.Z,{}),(0,s.jsx)(Fo.Z,{}),(0,s.jsx)(Oo.Z,{}),(0,s.jsx)(Go.Z,{}),(0,s.jsx)(Ro.Z,{}),(0,s.jsx)(Qo.Z,{}),(0,s.jsx)(Zo.Z,{}),(0,s.jsx)(Lo.Z,{}),(0,s.jsx)(Ho.Z,{}),(0,s.jsx)(Uo.Z,{}),(0,s.jsx)(Vo.Z,{}),(0,s.jsx)(Wo.Z,{}),(0,s.jsx)(I.Z,{}),(0,s.jsx)(zo.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)(x.Z,{}),(0,s.jsx)(ns.Z,{}),(0,s.jsx)(as.Z,{}),(0,s.jsx)(is.Z,{}),(0,s.jsx)(rs.Z,{}),(0,s.jsx)(os.Z,{}),(0,s.jsx)(ss.Z,{}),(0,s.jsx)(cs.Z,{}),(0,s.jsx)(ls.Z,{}),(0,s.jsx)(ds.Z,{}),(0,s.jsx)(us.Z,{}),(0,s.jsx)(gs.Z,{}),(0,s.jsx)(ms.Z,{}),(0,s.jsx)(fs.Z,{}),(0,s.jsx)(ps.Z,{})]})};return(0,s.jsx)("div",{className:hs,children:xs.map((function(t,n){return(0,s.jsxs)("div",{className:vs,children:[e(),e()]},n)}))})},js=n(67724),bs=n(8812),_s="WipeSwitchover_container__hYPfr",ws="WipeSwitchover_mask1__a7Q0Y",As="WipeSwitchover_mask2__mxg2o",Ds="WipeSwitchover_mask3__JcTIa",Ms="WipeSwitchover_mask4__RmJaj",Cs="WipeSwitchover_mask5__Tg0xV",Ns="WipeSwitchover_page1__P8GeG",Bs="WipeSwitchover_page2__a5koN",Ss="WipeSwitchover_page3__dhKJY",ks="WipeSwitchover_page4__cG4Bz",Es="WipeSwitchover_page5__0232W",Ps="WipeSwitchover_prevBtn__1CsBv",Is="WipeSwitchover_icon__YzZDF",Ts="WipeSwitchover_nextBtn__tw7fg",Fs=.006,Os=[8,8,8,7,30],Gs=[.72,.7,1,1,.32],Rs=function(){var e=(0,a.useRef)(null),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useState)(Os.length-1),r=(0,o.Z)(i,2),c=r[0],l=r[1],d=(0,a.useRef)(Os.length-1),u=(0,a.useRef)(!1),g=(0,a.useRef)(0),m=function e(t,n){if(t){u.current=!0;var a=t.style.strokeDashoffset,i=0;if(a)if("0"===a)i=Number((Os[d.current]*Fs).toFixed(2));else if(a.includes("px")){var r=Number(a.substring(0,a.length-2));if(n<d.current){if(r>=Os[d.current])return u.current=!1,d.current=n,void l(n);i=Number((Os[d.current]*Fs+r).toFixed(2))}else if(n>d.current){if(r>=2*Os[n])return t.style.strokeDashoffset="0px",u.current=!1,d.current=n,void l(n);i=Number((Os[n]*Fs+r).toFixed(2))}}else{var o=Number(a);if(n<d.current){if(o>=Os[d.current])return u.current=!1,d.current=n,void l(n);i=Number((Os[d.current]*Fs+o).toFixed(2))}else if(n>d.current){if(o>=2*Os[n])return t.style.strokeDashoffset="0px",u.current=!1,d.current=n,void l(n);i=Number((Os[n]*Fs+o).toFixed(2))}}else i=Number((Os[d.current]*Fs).toFixed(2));t.style.strokeDashoffset="".concat(i,"px"),g.current=window.requestAnimationFrame((function(){return e(t,n)}))}},f=function(){if(e.current&&n.current){var a=e.current.clientWidth,i=Math.ceil(600+.1*(a-1140));Array.prototype.forEach.call(n.current.children,(function(e,t){var n=window.getComputedStyle(e.children[0],null).getPropertyValue("transform");if(n&&n.startsWith("matrix")){var i=n.split(", ");i[0]="".concat(i[0].substring(0,7)).concat(Math.ceil(Gs[t]*a)),n=i.join(", ")}e.children[0].style.transform=n})),t.current&&(e.current.style.height="".concat(i,"px"),Array.prototype.forEach.call(t.current.children,(function(e){if("g"===e.tagName){e.style.height="".concat(i,"px"),e.children[0].style.height="".concat(i,"px"),e.children[0].style.transform="".concat(i,"px");var t=Math.floor(a/2-240-40),n=Math.floor((i-340)/2);e.children[1].style.transform="translate(".concat(t,"px, ").concat(n,"px)")}})))}};return(0,a.useEffect)((function(){return f(),function(){g.current&&cancelAnimationFrame(g.current)}}),[]),(0,a.useEffect)((function(){return window.addEventListener("resize",f),function(){window.removeEventListener("resize",f)}}),[]),(0,s.jsxs)("div",{className:_s,ref:e,children:[(0,s.jsx)(na,{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:ws,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:As,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:Ds,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:Ms,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:Cs,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:Ns,mask:"url(#mask1)",children:[(0,s.jsx)("rect",{fill:"#e3e4e5"}),(0,s.jsx)("image",{xlinkHref:ei}),(0,s.jsx)("text",{fill:"#757576",children:"Book5"})]}),(0,s.jsxs)("g",{className:Bs,mask:"url(#mask2)",children:[(0,s.jsx)("rect",{fill:"#7e7f83"}),(0,s.jsx)("image",{xlinkHref:ti}),(0,s.jsx)("text",{fill:"#dedede",children:"Book4"})]}),(0,s.jsxs)("g",{className:Ss,mask:"url(#mask3)",children:[(0,s.jsx)("rect",{fill:"#f8d3cc"}),(0,s.jsx)("image",{xlinkHref:ni}),(0,s.jsx)("text",{fill:"#b0304e",children:"Book3"})]}),(0,s.jsxs)("g",{className:ks,mask:"url(#mask4)",children:[(0,s.jsx)("rect",{fill:"#d2e4ce"}),(0,s.jsx)("image",{xlinkHref:ai}),(0,s.jsx)("text",{fill:"#04756e",children:"Book2"})]}),(0,s.jsxs)("g",{className:Es,mask:"url(#mask5)",children:[(0,s.jsx)("rect",{fill:"#cad9e5"}),(0,s.jsx)("image",{xlinkHref:ii}),(0,s.jsx)("text",{fill:"#142864",children:"Book1"})]})]}),(0,s.jsx)("div",{className:Ps,style:c>=Os.length-1?{pointerEvents:"none"}:{},onClick:function(){if(!u.current&&n.current){var e=c+1,t=n.current.children[e].children[0];m(t,e)}},children:(0,s.jsx)("div",{className:Is,children:(0,s.jsx)(js.Z,{})})}),(0,s.jsx)("div",{className:Ts,style:c<=0?{pointerEvents:"none"}:{},onClick:function(){if(!u.current&&n.current){var e=c-1,t=n.current.children[c].children[0];m(t,e)}},children:(0,s.jsx)("div",{className:Is,children:(0,s.jsx)(bs.Z,{})})})]})},Qs="InteractiveDesign_container__Psb4C",Zs="InteractiveDesign_box__qEfly",Ls=[{element:(0,s.jsx)(da,{})},{element:(0,s.jsx)(Ma,{})},{element:(0,s.jsx)(Ga,{})},{element:(0,s.jsx)(ea,{data:qn[0]})},{element:(0,s.jsx)(za,{})},{element:(0,s.jsx)($a,{})},{element:(0,s.jsx)(wi,{})},{element:(0,s.jsx)(Pi,{})},{element:(0,s.jsx)(lr,{})},{element:(0,s.jsx)(gr,{})},{element:(0,s.jsx)(wr,{})},{element:(0,s.jsx)(Nr,{})},{element:(0,s.jsx)(Er,{})},{element:(0,s.jsx)(Fr,{})},{element:(0,s.jsx)(Qr,{})},{element:(0,s.jsx)(ys,{})},{element:(0,s.jsx)(ea,{data:qn[1]})},{element:(0,s.jsx)(Rs,{})}],Hs=function(){var e=u().setScrollTop;return(0,a.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Qs,children:Ls.map((function(e,t){return(0,s.jsx)("div",{className:Zs,children:e.element},t)}))})},Us={container:"BackgroundEffect_container__YWxiR",box:"BackgroundEffect_box__7YkDl",bg1:"BackgroundEffect_bg1__f298w",bg2:"BackgroundEffect_bg2__aODcK",bg3:"BackgroundEffect_bg3__YOoBk",bg4:"BackgroundEffect_bg4__uZtAh",bg5:"BackgroundEffect_bg5__SY2BI",bg6:"BackgroundEffect_bg6__oy37Y",bg7:"BackgroundEffect_bg7__X7kGv",bg8:"BackgroundEffect_bg8__mAAxm",bg9:"BackgroundEffect_bg9__RIUvh",bg10:"BackgroundEffect_bg10__o6Ljy",bg11:"BackgroundEffect_bg11__E+biT",bg12:"BackgroundEffect_bg12__5VNXL",bg13:"BackgroundEffect_bg13__bS9+S",bg14:"BackgroundEffect_bg14__FOSiC",bg15:"BackgroundEffect_bg15__8T7cG",bg16:"BackgroundEffect_bg16__ZG-ve",bg17:"BackgroundEffect_bg17__D9KKJ"},Vs=le.GridBox,Ws=new Array(17).fill("1"),zs=function(){var e=u().setScrollTop;return(0,a.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Us.container,children:(0,s.jsx)(le,{differentScreenCols:[4,3,3,2,2],rowSpace:8,colSpace:8,children:Ws.map((function(e,t){return(0,s.jsx)(Vs,{children:(0,s.jsx)("div",{className:Us.box,children:(0,s.jsx)("div",{className:Us["bg".concat(t+1)]})})},t)}))})})},Ys="LineCombination_container__XmSfw",Js="LineCombination_blackBox__lg4+F",qs="LineCombination_blackBoxPoint__-Q8H9",Ks="LineCombination_whiteBox__U7pSJ",Xs="LineCombination_whiteBoxPoint__xfxaF",$s="LineCombination_name__qUTSi",ec="LineCombination_value__LHvzk",tc=0,nc=0,ac=function(){var e=(0,a.useRef)(null),t=function t(){if(e.current){var n=P.findDOMNode(e.current);if(n){var a=n.children.length,i=n.children[nc],r=null==i?void 0:i.children[0],o=i.clientWidth,s=i.clientHeight,c=r.style;if(nc%2==0){var l=8;c.left&&(l=parseFloat(c.left));var d=l+4;if(d>=o-8-8)if(r.style.visibility="hidden",nc>=a-1){var u;nc=0;var g=null===(u=n.children[nc])||void 0===u?void 0:u.firstChild;g.style.left="".concat(8,"px"),g.style.visibility="visible"}else{var m;nc+=1;var f=null===(m=n.children[nc])||void 0===m?void 0:m.firstChild;f.style.left="-1px",f.style.visibility="visible"}else r.style.left="".concat(d,"px"),"visible"!==r.style.visibility&&(r.style.visibility="visible")}else{var p=-1,h=8;if(c.left&&(p=parseFloat(c.left)),c.bottom&&(h=parseFloat(c.bottom)),p>=o){var v=h-4;if(v<=8){var x;r.style.visibility="hidden",nc+=1;var y=null===(x=n.children[nc])||void 0===x?void 0:x.firstChild;y.style.left="".concat(8,"px"),y.style.visibility="visible"}else r.style.bottom="".concat(v,"px")}else if(p<=-1){var j=h+4;j>s-8-8&&(j=s,r.style.width="".concat(8,"px"),r.style.height="1px",r.style.left="".concat(8,"px")),r.style.bottom="".concat(j,"px")}else{var b=p+4;b>o-8-8&&(b=o,r.style.width="1px",r.style.height="".concat(8,"px"),r.style.bottom="".concat(s-8-8)),r.style.left="".concat(b,"px")}}tc=requestAnimationFrame(t)}}};return(0,a.useEffect)((function(){return e.current&&(tc=requestAnimationFrame(t)),function(){tc&&cancelAnimationFrame(tc)}}),[]),(0,s.jsxs)("div",{className:Ys,ref:e,children:[(0,s.jsx)("div",{className:Js,children:(0,s.jsx)("div",{className:qs})}),(0,s.jsxs)("div",{className:Ks,children:[(0,s.jsx)("div",{className:Xs}),(0,s.jsx)("p",{className:$s,children:"Price"}),(0,s.jsx)("p",{className:ec,children:"$656"})]}),(0,s.jsx)("div",{className:Js,children:(0,s.jsx)("div",{className:qs})}),(0,s.jsxs)("div",{className:Ks,children:[(0,s.jsx)("div",{className:Xs}),(0,s.jsx)("p",{className:$s,children:"Quantity"}),(0,s.jsx)("p",{className:ec,children:"84351"})]}),(0,s.jsx)("div",{className:Js,children:(0,s.jsx)("div",{className:qs})}),(0,s.jsxs)("div",{className:Ks,children:[(0,s.jsx)("div",{className:Xs}),(0,s.jsx)("p",{className:$s,children:"Number of partners"}),(0,s.jsx)("p",{className:ec,children:"64"})]}),(0,s.jsx)("div",{className:Js,children:(0,s.jsx)("div",{className:qs})}),(0,s.jsxs)("div",{className:Ks,children:[(0,s.jsx)("div",{className:Xs}),(0,s.jsx)("p",{className:$s,children:"Date of establishment"}),(0,s.jsx)("p",{className:ec,children:"2008-10-01"})]}),(0,s.jsx)("div",{className:Js,children:(0,s.jsx)("div",{className:qs})}),(0,s.jsxs)("div",{className:Ks,children:[(0,s.jsx)("div",{className:Xs}),(0,s.jsx)("p",{className:$s,children:"Transaction Analyzed"}),(0,s.jsx)("p",{className:ec,children:"70Bn"})]}),(0,s.jsx)("div",{className:Js,children:(0,s.jsx)("div",{className:qs})})]})},ic="ComplexLayout_container__boCBV",rc="ComplexLayout_box__OfEFo",oc=[{element:(0,s.jsx)(ac,{})}],sc=function(){var e=u().setScrollTop;return(0,a.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:ic,children:oc.map((function(e,t){return(0,s.jsx)("div",{className:rc,children:e.element},t)}))})},cc=n(82029),lc="Page1_container__mnmFo",dc="Page1_content__dEKXx",uc="Page1_top__CvVhP",gc="Page1_title__e1hrH",mc="Page1_author__3ANp3",fc="Page1_appoint__UWC0Q",pc="Page1_articleContent__FjtBL",hc="Page1_subTitle__JjrOQ",vc="Page1_codeBox__XdbZj",xc="Page1_strong__+eGV6",yc=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:lc,children:(0,s.jsxs)("div",{className:dc,children:[(0,s.jsxs)("div",{className:uc,children:[(0,s.jsx)("div",{className:gc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.title"})}),(0,s.jsx)("div",{className:mc,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.author"}),": River")})]}),(0,s.jsxs)("div",{className:fc,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:pc,children:[(0,s.jsx)("div",{className:hc,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:vc,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:vc,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:vc,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:xc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des3"})})]})]})})},jc=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:lc,children:(0,s.jsx)("div",{className:dc,children:(0,s.jsxs)("div",{className:pc,children:[(0,s.jsx)("div",{className:hc,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:vc,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:vc,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>"})]})]})})})},bc=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:lc,children:(0,s.jsx)("div",{className:dc,children:(0,s.jsxs)("div",{className:pc,children:[(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des5"})}),(0,s.jsxs)("div",{className:vc,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:xc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des6"})}),(0,s.jsx)("div",{className:xc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des7"})}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:xc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des8"})})]})})})},_c=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:lc,children:(0,s.jsx)("div",{className:dc,children:(0,s.jsxs)("div",{className:pc,children:[(0,s.jsx)("div",{className:hc,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:vc,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>"})]})]})})})},wc=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:lc,children:(0,s.jsx)("div",{className:dc,children:(0,s.jsxs)("div",{className:pc,children:[(0,s.jsxs)("div",{className:vc,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:xc,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des10"}),": ")}),(0,s.jsx)("div",{className:xc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des11"})}),(0,s.jsx)("div",{className:xc,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des12"})})]})})})},Ac="AppPageFrame_container__-RjvG",Dc="AppPageFrame_content__nFvFh",Mc="AppPageFrame_firstPage__l40i-",Cc="AppPageFrame_head__11coc",Nc="AppPageFrame_left__jsrJA",Bc="AppPageFrame_logo__fCrbd",Sc="AppPageFrame_appName__Hqm4m",kc="AppPageFrame_right__wq5H0",Ec="AppPageFrame_btn__7UaqJ",Pc=100;!function(e){e[e.next=0]="next",e[e.prev=1]="prev"}(or||(or={}));var Ic,Tc=function(){var e=(0,p.Z)(),t=u(),n=t.menuWidth,i=t.headHeight,r=(0,a.useRef)(null),c=(0,a.useRef)(null),l=(0,a.useState)(0),d=(0,o.Z)(l,2),g=d[0],m=d[1],f=(0,a.useState)(0),h=(0,o.Z)(f,2),v=h[0],x=h[1],y=(0,a.useRef)(null),j=(0,a.useRef)(!1),b=(0,a.useState)(0),_=(0,o.Z)(b,2),w=_[0],A=_[1],D=(0,a.useRef)(!1),M=(0,a.useRef)(0),C=(0,a.useRef)(""),N=(0,a.useState)(0),B=(0,o.Z)(N,2),S=B[0],k=B[1],E=(0,a.useState)(0),I=(0,o.Z)(E,2),T=I[0],F=I[1],O=(0,a.useRef)(0),G=function e(){if(r.current){var t=P.findDOMNode(r.current),n=t.scrollTop;if("toTop"===C.current)if(t.scrollTop<g-Pc){var a=Math.min(n+25,g-Pc);j.current=!0,t.scrollTop=a,A(a),M.current=window.requestAnimationFrame(e)}else C.current="",j.current=!1,D.current=!1;else if("toBottom"===C.current)if(t.scrollTop>0){var i=Math.max(n-25,0);j.current=!0,t.scrollTop=i,A(i),M.current=window.requestAnimationFrame(e)}else C.current="",j.current=!1,D.current=!1}},R=function(){D.current=!0,C.current||(C.current="toTop",k(1),M.current=window.requestAnimationFrame(G))},Q=(0,H.Z)((function(e){if(y.current){switch(e){case or.next:y.current.slideNext();break;case or.prev:y.current.slidePrev()}var t=P.findDOMNode(r.current),n=y.current.realIndex;if(n<=0)t.scrollTop!==g-Pc&&(j.current=!0,t.scrollTop=g-Pc,A(g-Pc));else{var a=(g-Pc)*(n+1);t.scrollTop!==a&&(j.current=!0,t.scrollTop=a,A(a))}}}),{wait:100}),Z=(0,H.Z)((function(e){j.current?j.current=!1:D.current||e.target.className===Ac&&(y.current?e.target.scrollTop>g-Pc?e.target.scrollTop>w?Q.run(or.next):e.target.scrollTop<w&&Q.run(or.prev):e.target.scrollTop>w&&w<g-Pc?R():e.target.scrollTop<w&&(D.current=!0,C.current||(C.current="toBottom",k(0),M.current=window.requestAnimationFrame(G))):A(e.target.scrollTop))}),{wait:100});(0,a.useEffect)((function(){if(r.current){var e=document.body.clientHeight-i;m(e),x(5*(e-Pc))}}),[T,i]);var L=function(){O.current>=1e4?(O.current=0,F(0)):(O.current=O.current+1,F(O.current+1))};(0,a.useEffect)((function(){return window.addEventListener("resize",L),function(){window.removeEventListener("resize",L)}}),[]),(0,a.useEffect)((function(){var e=new cc.ZP(".swiper",{direction:"vertical",speed:1e3,loop:!1,simulateTouch:!1,keyboard:{enabled:!0,onlyInViewport:!0},on:{slideChange:function(){k(this.activeIndex+1)}}});y.current=e}),[]);var U=function(e){var t=P.findDOMNode(r.current);switch(e){case"SecondPage":var n=1*(g-Pc);y.current&&y.current.activeIndex>0?(j.current=!0,t.scrollTop=n,A(n),y.current.slideTo(0)):w!==n&&R();break;case"ThirdPage":var a,i=2*(g-Pc);if(w!==i)j.current=!0,t.scrollTop=i,A(i),null===(a=y.current)||void 0===a||a.slideTo(1);break;case"LastPage":var o,s=4*(g-Pc);if(w!==s)j.current=!0,t.scrollTop=s,A(s),null===(o=y.current)||void 0===o||o.slideTo(3)}};return(0,s.jsxs)("div",{className:Ac,onScrollCapture:Z.run,ref:r,children:[(0,s.jsxs)("div",{className:Dc,style:v?{height:"".concat(v,"px")}:{},ref:c,children:[(0,s.jsx)("div",{className:Mc,style:g?{height:"".concat(g,"px")}:{},children:(0,s.jsx)(yc,{showPageIndex:S})}),(0,s.jsx)("div",{className:"swiper",style:g?{height:"".concat(g-Pc,"px")}:{},children:(0,s.jsxs)("div",{className:"swiper-wrapper",children:[(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(jc,{showPageIndex:S})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(bc,{showPageIndex:S})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(_c,{showPageIndex:S})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(wc,{showPageIndex:S})})]})})]}),(0,s.jsxs)("div",{className:Cc,style:w>=g-Pc?{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:Nc,children:[(0,s.jsx)("div",{className:Bc,children:"L"}),(0,s.jsx)("span",{className:Sc,children:"App Name"})]}),(0,s.jsxs)("div",{className:kc,children:[(0,s.jsx)("div",{className:Ec,onClick:function(){return U("SecondPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.secondPage"})}),(0,s.jsx)("div",{className:Ec,onClick:function(){return U("ThirdPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.thirdPage"})}),(0,s.jsx)("div",{className:Ec,onClick:function(){return U("LastPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.lastPage"})})]})]})]})},Fc=n(15861),Oc=n(64687),Gc=n.n(Oc),Rc=n(26703),Qc=n(32823),Zc=n(88528),Lc=n(71002),Hc=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},Uc=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)},Vc=function(e){if(!e)return null;var t=e.width,n=e.height,a=document.createElement("canvas"),i=a.getContext("2d");return a.width=t,a.height=n,i.putImageData(e,0,0,0,0,t,n),a.toDataURL("image/png")},Wc=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 a=new Image;a.src=e;var i=document.createElement("canvas"),r=i.getContext("2d");i.width=t,i.height=n,r.drawImage(a,0,0,t,n);var o=r.getImageData(0,0,t,n);return o}return null},zc=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 a=document.createElement("canvas"),i=a.getContext("2d");a.width=t,a.height=n,i.drawImage(e,0,0,t,n);var r=i.getImageData(0,0,t,n);return r}return null},Yc=function(e,t){if(e){var n=document.createElement("a");n.style.visibility="hidden",document.body.appendChild(n),n.download=t;var a=window.URL.createObjectURL(e);n.href=a,n.click(),document.body.removeChild(n),window.URL.revokeObjectURL(a)}},Jc="ShearPlate_container__jYrNF",qc="ShearPlate_title__ttDK1",Kc="ShearPlate_content__DP29O",Xc="ShearPlate_inputBox__hK-RE",$c="ShearPlate_text__UrDvk",el="ShearPlate_imageBox__9S-Vu",tl="ShearPlate_textArea__zfq0Q",nl="ShearPlate_imgBox__9jbFe",al="ShearPlate_emptyBox__5yITi",il="ShearPlate_uploadBtn__tDA2n",rl="ShearPlate_tips__ToXKh",ol="ShearPlate_btns__3pQdb",sl="ShearPlate_box__f2CSO",cl=Rc.Z.TextArea,ll=function(){var e=(0,p.Z)(),t=(0,a.useState)(""),n=(0,o.Z)(t,2),i=n[0],r=n[1],c=(0,a.useState)(""),l=(0,o.Z)(c,2),d=l[0],u=l[1],g=(0,a.useState)(!1),m=(0,o.Z)(g,2),f=m[0],h=m[1],v=(0,a.useState)(null),x=(0,o.Z)(v,2),y=x[0],b=x[1],_=(0,a.useState)(""),w=(0,o.Z)(_,2),A=w[0],D=w[1],M=(0,a.useRef)(null),C=function(t){!function(e,t){e||t(null);for(var n=function(n,a){var i=e[n],o=i.type.split("/");if("image"!==o[0])return{v:void 0};var s=o[1].toUpperCase();(r=new FileReader).onload=function(e){var n=e.target.result,a=Hc(n);a&&(s=a);var r=new Blob([n]);Uc(r,(function(e){if(e){var n=new Image;n.onload=function(){var a=n.width,o=n.height,c=Wc(e,a,o);if(c){var l={name:i.name,fileType:s,size:i.size,width:a,height:o,imgUrl:e,imageData:c,blob:r};t(l)}else t(null)},n.onerror=function(){t(null)},n.src=e}else t(null)}))},r.readAsArrayBuffer(i)},a=0,i=e.length;a<i;a++){var r,o=n(a);if("object"===(0,Lc.Z)(o))return o.v}}(t,(function(t){t||Qc.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),b(t)}))},N=function(){var t=(0,Fc.Z)(Gc().mark((function t(){var n,a;return Gc().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(y){t.next=3;break}return Qc.ZP.warning(e.formatMessage({id:"common.pleaseUploadPicture"})),t.abrupt("return");case 3:if(!navigator.clipboard){t.next=11;break}return n=y.blob,a=new Blob([n],{type:"image/png"}),t.next=8,navigator.clipboard.write([new window.ClipboardItem((0,j.Z)({},"image/png",a))]);case 8:Qc.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:Jc,children:[(0,s.jsx)("div",{className:qc,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.operatingShears"})}),(0,s.jsxs)("div",{className:Kc,children:[(0,s.jsxs)("div",{className:sl,children:[(0,s.jsxs)("div",{className:Xc,children:[(0,s.jsx)("div",{className:$c,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveTextToClipboard"})}),(0,s.jsx)(cl,{rows:8,placeholder:e.formatMessage({id:"common.pleaseEnterText"}),maxLength:300,value:i,onChange:function(e){r(e.target.value)}}),(0,s.jsxs)("div",{className:ol,children:[(0,s.jsx)(U.Z,{type:"primary",onClick:function(){if(i){if(navigator.clipboard)navigator.clipboard.writeText(i);else{var t=document.createElement("input");t.setAttribute("value",i),document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}Qc.ZP.success(e.formatMessage({id:"common.saveSuccessfully"}))}else Qc.ZP.warning(e.formatMessage({id:"page.htmlVision.utilitarianFunction.pleaseEnterText"}))},style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(U.Z,{ghost:!0,onClick:function(){r(""),u("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Xc,children:[(0,s.jsx)("div",{className:$c,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getsTextFromClipboard"})}),(0,s.jsx)(cl,{rows:8,placeholder:e.formatMessage({id:"common.getText"}),maxLength:300,disabled:!0,value:d}),(0,s.jsx)("div",{className:ol,children:(0,s.jsx)(U.Z,{type:"primary",onClick:function(){navigator.clipboard?navigator.clipboard.readText().then((function(e){u(e)})):Qc.ZP.error(e.formatMessage({id:"common.failedToObtain2"}))},style:{marginTop:10},children:e.formatMessage({id:"common.get"})})})]})]}),(0,s.jsxs)("div",{className:sl,children:[(0,s.jsxs)("div",{className:Xc,children:[(0,s.jsx)("div",{className:$c,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveImageToClipboard"})}),(0,s.jsx)("div",{className:el,style:{borderColor:f?"green":"#ccc"},onDragOver:function(e){e.stopPropagation(),e.preventDefault(),f||h(!0)},onDragLeave:function(e){e.stopPropagation(),e.preventDefault(),f&&h(!1)},onDrop:function(e){e.stopPropagation(),e.preventDefault(),f&&h(!1);var t=e.dataTransfer.files;C(t)},children:y?(0,s.jsx)("div",{className:nl,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})}):(0,s.jsxs)("div",{className:al,children:[(0,s.jsxs)(U.Z,{type:"primary",className:il,children:[(0,s.jsx)(Zc.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;C(t)}})]}),(0,s.jsx)("p",{className:$c,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:rl,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:ol,children:[(0,s.jsx)(U.Z,{type:"primary",onClick:N,style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(U.Z,{ghost:!0,onClick:function(){b(null),D("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Xc,children:[(0,s.jsx)("div",{className:$c,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getImageFromClipboard"})}),(0,s.jsxs)("div",{className:el,children:[(0,s.jsx)(cl,{className:tl,placeholder:e.formatMessage({id:"page.htmlVision.utilitarianFunction.pasteTheImage"}),rows:8,maxLength:300,readOnly:!0,ref:M,onPaste:function(t){var n=t.clipboardData&&t.clipboardData.items,a=null;if(n&&n.length)for(var i=0;i<n.length;i++)if(-1!==n[i].type.indexOf("image")){a=n[i].getAsFile();break}a?Uc(a,(function(t){t?D(t):(D(""),Qc.ZP.error(e.formatMessage({id:"common.failedToObtain"})))})):Qc.ZP.error(e.formatMessage({id:"common.failedToObtain"}))}}),A&&(0,s.jsx)("div",{className:nl,children:(0,s.jsx)("img",{src:A,alt:""})})]})]})]})]})]})},dl="RecordedAudio_container__B2Ec8",ul="RecordedAudio_title__gItfK",gl="RecordedAudio_content__I9g9B";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Ic||(Ic={}));var ml,fl=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)([]),i=(0,a.useState)(""),r=(0,o.Z)(i,2),c=r[0],l=r[1],d=(0,a.useState)(""),u=(0,o.Z)(d,2),g=u[0],m=u[1],f=(0,a.useState)(Ic.ready),h=(0,o.Z)(f,2),v=h[0],x=h[1];return(0,a.useEffect)((function(){return function(){c&&window.URL.revokeObjectURL(c)}}),[]),(0,s.jsxs)("div",{className:dl,children:[(0,s.jsx)("div",{className:ul,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordAudio"})}),(0,s.jsxs)("div",{className:gl,children:[(0,s.jsx)("audio",{controls:!0,src:c}),(0,s.jsx)(U.Z,{type:"primary",onClick:function(){if(t.current)v===Ic.inRecording?(t.current.stop(),x(Ic.ready)):(c&&(window.URL.revokeObjectURL(c),m(""),l("")),t.current.start(),x(Ic.inRecording));else{navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia({audio:!0}).then((function(e){var a=new MediaRecorder(e);a.ondataavailable=function(e){n.current.push(e.data)},a.onstop=function(e){var t=new Blob(n.current,{type:"audio/ogg;codecs=opus"});m("".concat((new Date).getTime(),".ogg"));var a=window.URL.createObjectURL(t);l(a),n.current=[]},t.current=a,t.current.start(),x(Ic.inRecording)})).catch((function(t){t.message&&t.message.includes("not found")?Qc.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):Qc.ZP.error(e.formatMessage({id:"common.impowerOpenMicrophone"}))})):Qc.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:v===Ic.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),c&&(0,s.jsx)("a",{download:g,href:c,children:e.formatMessage({id:"common.download"})})]})]})},pl="RecordedVideo_container__XhRLB",hl="RecordedVideo_title__WjShc",vl="RecordedVideo_content__-Zj7-",xl="RecordedVideo_videoBox__pDWVh",yl="RecordedVideo_recordVideo__r7E7H",jl="RecordedVideo_playVideo__h9n8J",bl="RecordedVideo_btns__8j-Nq";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(ml||(ml={}));var _l,wl=Math.floor(.36*window.screen.width),Al=Math.floor(.36*window.screen.height),Dl=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useRef)([]),c=(0,a.useRef)(null),l=(0,a.useState)(""),d=(0,o.Z)(l,2),u=d[0],g=d[1],m=(0,a.useState)(""),f=(0,o.Z)(m,2),h=f[0],v=f[1],x=(0,a.useState)(ml.ready),y=(0,o.Z)(x,2),j=y[0],b=y[1];return(0,a.useEffect)((function(){return function(){u&&window.URL.revokeObjectURL(u)}}),[]),(0,s.jsxs)("div",{className:pl,children:[(0,s.jsx)("div",{className:hl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordVideo"})}),(0,s.jsxs)("div",{className:vl,children:[(0,s.jsxs)("div",{className:xl,style:{width:"".concat(wl,"px"),height:"".concat(Al,"px")},children:[(0,s.jsx)("video",{className:yl,style:{width:"".concat(wl,"px"),height:"".concat(Al,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),j===ml.playing&&(0,s.jsx)("video",{className:jl,style:{width:"".concat(wl,"px"),height:"".concat(Al,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:u,ref:n})]}),(0,s.jsxs)("div",{className:bl,children:[(0,s.jsx)(U.Z,{type:"primary",onClick:function(){if(i.current)j===ml.inRecording?(i.current.stop(),b(ml.ready)):u?(window.URL.revokeObjectURL(u),v(""),g(""),t.current&&c.current&&(t.current.srcObject=c.current),b(ml.ready)):(t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),b(ml.inRecording));else if(t.current){var n={audio:!0,video:{width:wl,height:Al,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 a=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});a.ondataavailable=function(e){e.data&&e.data.size>0&&r.current.push(e.data)},a.onstop=function(e){var t=new Blob(r.current,{type:"video/mp4"});v("".concat((new Date).getTime(),".mp4"));var n=window.URL.createObjectURL(t);g(n),r.current=[]},i.current=a,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),b(ml.inRecording)}catch(e){Qc.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){t.message&&t.message.includes("not found")?Qc.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):Qc.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):Qc.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:j===ml.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):u?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),u&&(0,s.jsx)(U.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),b(ml.playing))},children:e.formatMessage({id:"common.play"})}),u&&(0,s.jsx)("a",{download:h,href:u,children:e.formatMessage({id:"common.download"})})]})]})]})},Ml="RecordedScreen_container__KIMZY",Cl="RecordedScreen_title__MN4YB",Nl="RecordedScreen_content__GyFyr",Bl="RecordedScreen_videoBox__KoTV9",Sl="RecordedScreen_recordVideo__-1DSq",kl="RecordedScreen_playVideo__PmlKi",El="RecordedScreen_btns__W+7qG";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(_l||(_l={}));var Pl,Il,Tl,Fl=Math.floor(.36*window.screen.width),Ol=Math.floor(.36*window.screen.height),Gl=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useRef)([]),c=(0,a.useRef)(null),l=(0,a.useState)(""),d=(0,o.Z)(l,2),u=d[0],g=d[1],m=(0,a.useState)(""),f=(0,o.Z)(m,2),h=f[0],v=f[1],x=(0,a.useState)(_l.ready),y=(0,o.Z)(x,2),j=y[0],b=y[1],_=(0,a.useRef)(_l.ready);return(0,a.useEffect)((function(){return function(){u&&window.URL.revokeObjectURL(u)}}),[]),(0,s.jsxs)("div",{className:Ml,children:[(0,s.jsx)("div",{className:Cl,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordScreen"})}),(0,s.jsxs)("div",{className:Nl,children:[(0,s.jsxs)("div",{className:Bl,style:{width:"".concat(Fl,"px"),height:"".concat(Ol,"px")},children:[(0,s.jsx)("video",{className:Sl,style:{width:"".concat(Fl,"px"),height:"".concat(Ol,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),j===_l.playing&&(0,s.jsx)("video",{className:kl,style:{width:"".concat(Fl,"px"),height:"".concat(Ol,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:u,ref:n})]}),(0,s.jsxs)("div",{className:El,children:[(0,s.jsx)(U.Z,{type:"primary",onClick:function(){i.current?j===_l.inRecording?(i.current.stop(),_.current=_l.ready,b(_l.ready)):u&&(window.URL.revokeObjectURL(u),v(""),g(""),i.current=null,_.current=_l.ready,b(_l.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 a=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});a.ondataavailable=function(e){e.data&&e.data.size>0&&r.current.push(e.data)},a.onstop=function(){_.current===_l.inRecording&&(_.current=_l.ready,b(_l.ready));var e=new Blob(r.current,{type:"video/webm"});v("".concat((new Date).getTime(),".webm"));var t=window.URL.createObjectURL(e);g(t),r.current=[]},i.current=a,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),_.current=_l.inRecording,b(_l.inRecording)}catch(e){Qc.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){Qc.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):Qc.ZP.error(e.formatMessage({id:"common.notSupportGetDisplayMedia"})))},children:j===_l.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):u?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),u&&(0,s.jsx)(U.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),_.current=_l.playing,b(_l.playing))},children:e.formatMessage({id:"common.play"})}),u&&(0,s.jsx)("a",{download:h,href:u,children:e.formatMessage({id:"common.download"})})]})]})]})},Rl=n(76755),Ql=n(42428),Zl=(n(38986),n(22991),n(90322)),Ll=n.n(Zl),Hl=n(27885),Ul={};Ul.toRGBA8=function(e){var t=e.width,n=e.height;if(null===e.tabs.acTL)return[Ul.toRGBA8.decodeImage(e.data,t,n,e).buffer];var a=[];null===e.frames[0].data&&(e.frames[0].data=e.data);for(var i=t*n*4,r=new Uint8Array(i),o=new Uint8Array(i),s=new Uint8Array(i),c=0;c<e.frames.length;c++){var l=e.frames[c],d=l.rect.x,u=l.rect.y,g=l.rect.width,m=l.rect.height,f=Ul.toRGBA8.decodeImage(l.data,g,m,e);if(0!==c)for(var p=0;p<i;p++)s[p]=r[p];if(0===l.blend?Ul._copyTile(f,g,m,r,t,n,d,u,0):1===l.blend&&Ul._copyTile(f,g,m,r,t,n,d,u,1),a.push(r.buffer.slice(0)),1===l.dispose)Ul._copyTile(o,g,m,r,t,n,d,u,0);else if(2===l.dispose)for(var h=0;h<i;h++)r[h]=s[h]}return a},Ul.toRGBA8.decodeImage=function(e,t,n,a){var i=t*n,r=Ul.decode._getBPP(a),o=Math.ceil(t*r/8),s=new Uint8Array(4*i),c=new Uint32Array(s.buffer),l=a.ctype,d=a.depth,u=Ul._bin.readUshort;if(6===l){var g=i<<2;if(8===d)for(var m=0;m<g;m+=4)s[m]=e[m],s[m+1]=e[m+1],s[m+2]=e[m+2],s[m+3]=e[m+3];if(16===d)for(var f=0;f<g;f++)s[f]=e[f<<1]}else if(2===l){var p=a.tabs.tRNS;if(null===p){if(8===d)for(var h=0;h<i;h++){var v=3*h;c[h]=255<<24|e[v+2]<<16|e[v+1]<<8|e[v]}if(16===d)for(var x=0;x<i;x++){var y=6*x;c[x]=255<<24|e[y+4]<<16|e[y+2]<<8|e[y]}}else{var j=p[0],b=p[1],_=p[2];if(8===d)for(var w=0;w<i;w++){var A=w<<2,D=3*w;c[w]=255<<24|e[D+2]<<16|e[D+1]<<8|e[D],e[D]===j&&e[D+1]===b&&e[D+2]===_&&(s[A+3]=0)}if(16===d)for(var M=0;M<i;M++){var C=M<<2,N=6*M;c[M]=255<<24|e[N+4]<<16|e[N+2]<<8|e[N],u(e,N)===j&&u(e,N+2)===b&&u(e,N+4)===_&&(s[C+3]=0)}}}else if(3===l){var B=a.tabs.PLTE,S=a.tabs.tRNS,k=S?S.length:0;if(1===d)for(var E=0;E<n;E++)for(var P=E*o,I=E*t,T=0;T<t;T++){var F=I+T<<2,O=e[P+(T>>3)]>>7-((7&T)<<0)&1,G=3*O;s[F]=B[G],s[F+1]=B[G+1],s[F+2]=B[G+2],s[F+3]=O<k?S[O]:255}if(2===d)for(var R=0;R<n;R++)for(var Q=R*o,Z=R*t,L=0;L<t;L++){var H=Z+L<<2,U=e[Q+(L>>2)]>>6-((3&L)<<1)&3,V=3*U;s[H]=B[V],s[H+1]=B[V+1],s[H+2]=B[V+2],s[H+3]=U<k?S[U]:255}if(4===d)for(var W=0;W<n;W++)for(var z=W*o,Y=W*t,J=0;J<t;J++){var q=Y+J<<2,K=e[z+(J>>1)]>>4-((1&J)<<2)&15,X=3*K;s[q]=B[X],s[q+1]=B[X+1],s[q+2]=B[X+2],s[q+3]=K<k?S[K]:255}if(8===d)for(var $=0;$<i;$++){var ee=$<<2,te=e[$],ne=3*te;s[ee]=B[ne],s[ee+1]=B[ne+1],s[ee+2]=B[ne+2],s[ee+3]=te<k?S[te]:255}}else if(4===l){if(8===d)for(var ae=0;ae<i;ae++){var ie=ae<<2,re=ae<<1,oe=e[re];s[ie]=oe,s[ie+1]=oe,s[ie+2]=oe,s[ie+3]=e[re+1]}if(16===d)for(var se=0;se<i;se++){var ce=se<<2,le=se<<2,de=e[le];s[ce]=de,s[ce+1]=de,s[ce+2]=de,s[ce+3]=e[le+2]}}else if(0===l)for(var ue=a.tabs.tRNS?a.tabs.tRNS:-1,ge=0;ge<n;ge++){var me=ge*o,fe=ge*t;if(1===d)for(var pe=0;pe<t;pe++){var he=255*(e[me+(pe>>>3)]>>>7-(7&pe)&1),ve=he===255*ue?0:255;c[fe+pe]=ve<<24|he<<16|he<<8|he}else if(2===d)for(var xe=0;xe<t;xe++){var ye=85*(e[me+(xe>>>2)]>>>6-((3&xe)<<1)&3),je=ye===85*ue?0:255;c[fe+xe]=je<<24|ye<<16|ye<<8|ye}else if(4===d)for(var be=0;be<t;be++){var _e=17*(e[me+(be>>>1)]>>>4-((1&be)<<2)&15),we=_e===17*ue?0:255;c[fe+be]=we<<24|_e<<16|_e<<8|_e}else if(8===d)for(var Ae=0;Ae<t;Ae++){var De=e[me+Ae],Me=De===ue?0:255;c[fe+Ae]=Me<<24|De<<16|De<<8|De}else if(16===d)for(var Ce=0;Ce<t;Ce++){var Ne=e[me+(Ce<<1)],Be=u(e,me+(Ce<<1))===ue?0:255;c[fe+Ce]=Be<<24|Ne<<16|Ne<<8|Ne}}return s},Ul.decode=function(e){for(var t,n=new Uint8Array(e),a=8,i=Ul._bin,r=i.readUshort,o=i.readUint,s={tabs:{},frames:[]},c=new Uint8Array(n.length),l=0,d=0,u=[137,80,78,71,13,10,26,10],g=0;g<8;g++)if(n[g]!==u[g])throw"The input is not a PNG file!";for(;a<n.length;){var m=i.readUint(n,a);a+=4;var f=i.readASCII(n,a,4);if(a+=4,"IHDR"===f)Ul.decode._IHDR(n,a,s);else if("CgBI"===f)s.tabs[f]=n.slice(a,a+4);else if("IDAT"===f){for(var p=0;p<m;p++)c[l+p]=n[a+p];l+=m}else if("acTL"===f)s.tabs[f]={num_frames:o(n,a),num_plays:o(n,a+4)},t=new Uint8Array(n.length);else if("fcTL"===f){if(0!==d){var h=s.frames[s.frames.length-1];h.data=Ul.decode._decompress(s,t.slice(0,d),h.rect.width,h.rect.height),d=0}var v={x:o(n,a+12),y:o(n,a+16),width:o(n,a+4),height:o(n,a+8)},x=r(n,a+22);x=r(n,a+20)/(0===x?100:x);var y={rect:v,delay:Math.round(1e3*x),dispose:n[a+24],blend:n[a+25]};s.frames.push(y)}else if("fdAT"===f){for(var j=0;j<m-4;j++)t[d+j]=n[a+j+4];d+=m-4}else if("pHYs"===f)s.tabs[f]=[i.readUint(n,a),i.readUint(n,a+4),n[a+8]];else if("cHRM"===f){s.tabs[f]=[];for(var b=0;b<8;b++)s.tabs[f].push(i.readUint(n,a+4*b))}else if("tEXt"===f||"zTXt"===f){null===s.tabs[f]&&(s.tabs[f]={});var _=i.nextZero(n,a),w=i.readASCII(n,a,_-a),A=void 0,D=a+m-_-1;if("tEXt"===f)A=i.readASCII(n,_+1,D);else{var M=Ul.decode._inflate(n.slice(_+2,_+2+D));A=i.readUTF8(M,0,M.length)}s.tabs[f][w]=A}else if("iTXt"===f){null==s.tabs[f]&&(s.tabs[f]={});var C=0,N=a;C=i.nextZero(n,N);var B=i.readASCII(n,N,C-N),S=n[N=C+1];N+=2,N=(C=i.nextZero(n,N))+1;var k=void 0,E=m-((N=(C=i.nextZero(n,N))+1)-a);if(0===S)k=i.readUTF8(n,N,E);else{var P=Ul.decode._inflate(n.slice(N,N+E));k=i.readUTF8(P,0,P.length)}s.tabs[f][B]=k}else if("PLTE"===f)s.tabs[f]=i.readBytes(n,a,m);else if("hIST"===f){var I=s.tabs.PLTE.length/3;s.tabs[f]=[];for(var T=0;T<I;T++)s.tabs[f].push(r(n,a+2*T))}else if("tRNS"===f)3===s.ctype?s.tabs[f]=i.readBytes(n,a,m):0===s.ctype?s.tabs[f]=r(n,a):2===s.ctype&&(s.tabs[f]=[r(n,a),r(n,a+2),r(n,a+4)]);else if("gAMA"===f)s.tabs[f]=i.readUint(n,a)/1e5;else if("sRGB"===f)s.tabs[f]=n[a];else if("bKGD"===f)0===s.ctype||4===s.ctype?s.tabs[f]=[r(n,a)]:2===s.ctype||6===s.ctype?s.tabs[f]=[r(n,a),r(n,a+2),r(n,a+4)]:3===s.ctype&&(s.tabs[f]=n[a]);else if("IEND"===f)break;a+=m,a+=4}if(0!==d){var F=s.frames[s.frames.length-1];F.data=Ul.decode._decompress(s,t.slice(0,d),F.rect.width,F.rect.height),d=0}return s.data=Ul.decode._decompress(s,c,s.width,s.height),delete s.compress,delete s.interlace,delete s.filter,s},Ul.decode._decompress=function(e,t,n,a){var i=Ul.decode._getBPP(e),r=Math.ceil(n*i/8),o=new Uint8Array((r+1+e.interlace)*a);return t=e.tabs.CgBI?Ul.inflateRaw(t,o):Ul.decode._inflate(t,o),0===e.interlace?t=Ul.decode._filterZero(t,e,0,n,a):1===e.interlace&&(t=Ul.decode._readInterlace(t,e)),t},Ul.decode._inflate=function(e,t){return Ul.inflateRaw(new Uint8Array(e.buffer,2,e.length-6),t)},Ul.inflateRaw=((Tl={}).H={},Tl.H.N=function(e,t){var n,a,i=Uint8Array,r=0,o=0,s=0,c=0,l=0,d=0,u=0,g=0,m=0;if(3===e[0]&&0===e[1])return t||new i(0);var f=Tl.H,p=f.b,h=f.e,v=f.R,x=f.n,y=f.A,j=f.Z,b=f.m,_=null===t;for(_&&(t=new i(e.length>>>2<<3));0===r;)if(r=p(e,m,1),o=p(e,m+1,2),m+=3,0!==o){if(_&&(t=Tl.H.W(t,g+(1<<17))),1===o&&(n=b.J,a=b.h,d=511,u=31),2===o){s=h(e,m,5)+257,c=h(e,m+5,5)+1,l=h(e,m+10,4)+4,m+=14;for(var w=1,A=0;A<38;A+=2)b.Q[A]=0,b.Q[A+1]=0;for(var D=0;D<l;D++){var M=h(e,m+3*D,3);b.Q[1+(b.X[D]<<1)]=M,M>w&&(w=M)}m+=3*l,x(b.Q,w),y(b.Q,w,b.u),n=b.w,a=b.d,m=v(b.u,(1<<w)-1,s+c,e,m,b.v);var C=f.V(b.v,0,s,b.C);d=(1<<C)-1;var N=f.V(b.v,s,c,b.D);u=(1<<N)-1,x(b.C,C),y(b.C,C,n),x(b.D,N),y(b.D,N,a)}for(;;){var B=n[j(e,m)&d];m+=15&B;var S=B>>>4;if(S>>>8==0)t[g++]=S;else{if(256===S)break;var k=g+S-254;if(S>264){var E=b.q[S-257];k=g+(E>>>3)+h(e,m,7&E),m+=7&E}var P=a[j(e,m)&u];m+=15&P;var I=P>>>4,T=b.c[I],F=(T>>>4)+p(e,m,15&T);for(m+=15&T;g<k;)t[g]=t[g++-F],t[g]=t[g++-F],t[g]=t[g++-F],t[g]=t[g++-F];g=k}}}else{0!=(7&m)&&(m+=8-(7&m));var O=4+(m>>>3),G=e[O-4]|e[O-3]<<8;_&&(t=Tl.H.W(t,g+G)),t.set(new i(e.buffer,e.byteOffset+O,G),g),m=O+G<<3,g+=G}return t.length===g?t:t.slice(0,g)},Tl.H.W=function(e,t){var n=e.length;if(t<=n)return e;var a=new Uint8Array(n<<1);return a.set(e,0),a},Tl.H.R=function(e,t,n,a,i,r){for(var o=Tl.H.e,s=Tl.H.Z,c=0;c<n;){var l=e[s(a,i)&t];i+=15&l;var d=l>>>4;if(d<=15)r[c]=d,c++;else{var u=0,g=0;16===d?(g=3+o(a,i,2),i+=2,u=r[c-1]):17===d?(g=3+o(a,i,3),i+=3):18===d&&(g=11+o(a,i,7),i+=7);for(var m=c+g;c<m;)r[c]=u,c++}}return i},Tl.H.V=function(e,t,n,a){for(var i=0,r=0,o=a.length>>>1;r<n;){var s=e[r+t];a[r<<1]=0,a[1+(r<<1)]=s,s>i&&(i=s),r++}for(;r<o;)a[r<<1]=0,a[1+(r<<1)]=0,r++;return i},Tl.H.n=function(e,t){for(var n,a,i,r,o,s=Tl.H.m,c=e.length,l=s.j,d=0;d<=t;d++)l[d]=0;for(r=1;r<c;r+=2)l[e[r]]++;var u=s.K;for(n=0,l[0]=0,a=1;a<=t;a++)n=n+l[a-1]<<1,u[a]=n;for(i=0;i<c;i+=2)0!==(o=e[i+1])&&(e[i]=u[o],u[o]++)},Tl.H.A=function(e,t,n){for(var a=e.length,i=Tl.H.m.r,r=0;r<a;r+=2)if(0!==e[r+1])for(var o=r>>1,s=e[r+1],c=o<<4|s,l=t-s,d=e[r]<<l,u=d+(1<<l);d!==u;)n[i[d]>>>15-t]=c,d++},Tl.H.l=function(e,t){for(var n=Tl.H.m.r,a=15-t,i=0;i<e.length;i+=2){var r=e[i]<<t-e[i+1];e[i]=n[r]>>>a}},Tl.H.M=function(e,t,n){n<<=7&t;var a=t>>>3;e[a]|=n,e[a+1]|=n>>>8},Tl.H.I=function(e,t,n){n<<=7&t;var a=t>>>3;e[a]|=n,e[a+1]|=n>>>8,e[a+2]|=n>>>16},Tl.H.e=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<n)-1},Tl.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},Tl.H.Z=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},Tl.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)},Tl.H.m=(Pl=Uint16Array,Il=Uint32Array,{K:new Pl(16),j:new Pl(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 Pl(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 Il(32),J:new Pl(512),_:[],h:new Pl(32),$:[],w:new Pl(32768),C:[],v:[],d:new Pl(32768),D:[],u:new Pl(512),Q:[],r:new Pl(32768),s:new Il(286),Y:new Il(30),a:new Il(19),t:new Il(15e3),k:new Pl(65536),g:new Pl(32768)}),function(){for(var e=Tl.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 a(e,t,n){for(;0!=t--;)e.push(0,n)}for(var i=0;i<32;i++)e.q[i]=e.S[i]<<3|e.T[i],e.c[i]=e.p[i]<<4|e.z[i];a(e._,144,8),a(e._,112,9),a(e._,24,7),a(e._,8,8),Tl.H.n(e._,9),Tl.H.A(e._,9,e.J),Tl.H.l(e._,9),a(e.$,32,5),Tl.H.n(e.$,5),Tl.H.A(e.$,5,e.h),Tl.H.l(e.$,5),a(e.Q,19,0),a(e.C,286,0),a(e.D,30,0),a(e.v,320,0)}(),Tl.H.N),Ul.decode._readInterlace=function(e,t){for(var n=t.width,a=t.height,i=Ul.decode._getBPP(t),r=i>>3,o=Math.ceil(n*i/8),s=new Uint8Array(a*o),c=0,l=[0,0,4,0,2,0,1],d=[0,4,0,2,0,1,0],u=[8,8,8,4,4,2,2],g=[8,8,4,4,2,2,1],m=0;m<7;){for(var f=u[m],p=g[m],h=0,v=0,x=l[m];x<a;)x+=f,v++;for(var y=d[m];y<n;)y+=p,h++;var j=Math.ceil(h*i/8);Ul.decode._filterZero(e,t,c,h,v);for(var b=0,_=l[m];_<a;){for(var w=d[m],A=c+b*j<<3;w<n;){if(1===i){var D=e[A>>3];D=D>>7-(7&A)&1,s[_*o+(w>>3)]|=D<<7-((7&w)<<0)}if(2===i){var M=e[A>>3];M=M>>6-(7&A)&3,s[_*o+(w>>2)]|=M<<6-((3&w)<<1)}if(4===i){var C=e[A>>3];C=C>>4-(7&A)&15,s[_*o+(w>>1)]|=C<<4-((1&w)<<2)}if(i>=8)for(var N=_*o+w*r,B=0;B<r;B++)s[N+B]=e[(A>>3)+B];A+=i,w+=p}b++,_+=f}h*v!=0&&(c+=v*(1+j)),m+=1}return s},Ul.decode._getBPP=function(e){return[1,null,3,1,2,null,4][e.ctype]*e.depth},Ul.decode._filterZero=function(e,t,n,a,i){var r=Ul.decode._getBPP(t),o=Math.ceil(a*r/8),s=Ul.decode._paeth;r=Math.ceil(r/8);var c=0,l=1,d=e[n],u=0;if(d>1&&(e[n]=[0,0,1][d-2]),3===d)for(u=r;u<o;u++)e[u+1]=e[u+1]+(e[u+1-r]>>>1)&255;for(var g=0;g<i;g++)if(u=0,0===(d=e[(l=(c=n+g*o)+g+1)-1]))for(;u<o;u++)e[c+u]=e[l+u];else if(1===d){for(;u<r;u++)e[c+u]=e[l+u];for(;u<o;u++)e[c+u]=e[l+u]+e[c+u-r]}else if(2===d)for(;u<o;u++)e[c+u]=e[l+u]+e[c+u-o];else if(3===d){for(;u<r;u++)e[c+u]=e[l+u]+(e[c+u-o]>>>1);for(;u<o;u++)e[c+u]=e[l+u]+(e[c+u-o]+e[c+u-r]>>>1)}else{for(;u<r;u++)e[c+u]=e[l+u]+s(0,e[c+u-o],0);for(;u<o;u++)e[c+u]=e[l+u]+s(e[c+u-r],e[c+u-o],e[c+u-r-o])}return e},Ul.decode._paeth=function(e,t,n){var a=e+t-n,i=a-e,r=a-t,o=a-n;return i*i<=r*r&&i*i<=o*o?e:r*r<=o*o?t:n},Ul.decode._IHDR=function(e,t,n){var a=Ul._bin;n.width=a.readUint(e,t),t+=4,n.height=a.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++},Ul._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 a="",i=0;i<n;i++)a+=String.fromCharCode(e[t+i]);return a},writeASCII:function(e,t,n){for(var a=0;a<n.length;a++)e[t+a]=n.charCodeAt(a)},readBytes:function(e,t,n){for(var a=[],i=0;i<n;i++)a.push(e[t+i]);return a},pad:function(e){return e.length<2?"0"+e:e},readUTF8:function(e,t,n){for(var a,i="",r=0;r<n;r++)i+="%"+Ul._bin.pad(e[t+r].toString(16));try{a=decodeURIComponent(i)}catch(a){return Ul._bin.readASCII(e,t,n)}return a}},Ul._copyTile=function(e,t,n,a,i,r,o,s,c){for(var l=Math.min(t,i),d=Math.min(n,r),u=0,g=0,m=0;m<d;m++)for(var f=0;f<l;f++)if(o>=0&&s>=0?(u=m*t+f<<2,g=(s+m)*i+o+f<<2):(u=(-s+m)*t-o+f<<2,g=m*i+f<<2),0===c)a[g]=e[u],a[g+1]=e[u+1],a[g+2]=e[u+2],a[g+3]=e[u+3];else if(1===c){var p=e[u+3]*(1/255),h=e[u]*p,v=e[u+1]*p,x=e[u+2]*p,y=a[g+3]*(1/255),j=a[g]*y,b=a[g+1]*y,_=a[g+2]*y,w=1-p,A=p+y*w,D=0===A?0:1/A;a[g+3]=255*A,a[g+0]=(h+j*w)*D,a[g+1]=(v+b*w)*D,a[g+2]=(x+_*w)*D}else if(2===c){var M=e[u+3],C=e[u],N=e[u+1],B=e[u+2],S=a[g+3],k=a[g],E=a[g+1],P=a[g+2];M===S&&C===k&&N===E&&B===P?(a[g]=0,a[g+1]=0,a[g+2]=0,a[g+3]=0):(a[g]=C,a[g+1]=N,a[g+2]=B,a[g+3]=M)}else if(3===c){var I=e[u+3],T=e[u],F=e[u+1],O=e[u+2],G=a[g+3],R=a[g],Q=a[g+1],Z=a[g+2];if(I===G&&T===R&&F===Q&&O===Z)continue;if(I<220&&G>20)return!1}return!0},Ul.encode=function(e,t,n,a,i,r,o){null===a&&(a=0),null===o&&(o=!1);var s=Ul.encode.compress(e,t,n,a,[!1,!1,!1,0,o]);return Ul.encode.compressPNG(s,-1),Ul.encode._main(s,t,n,i,r)},Ul.encodeLL=function(e,t,n,a,i,r,o,s){for(var c={ctype:0+(1===a?0:2)+(0===i?0:4),depth:r,frames:[]},l=(a+i)*r,d=l*t,u=0;u<e.length;u++)c.frames.push({rect:{x:0,y:0,width:t,height:n},img:new Uint8Array(e[u]),blend:0,dispose:1,bpp:Math.ceil(l/8),bpl:Math.ceil(d/8)});return Ul.encode.compressPNG(c,0,!0),Ul.encode._main(c,t,n,o,s)},Ul.encode._main=function(e,t,n,a,i){i||(i={});var r=Ul.crc.crc,o=Ul._bin.writeUint,s=Ul._bin.writeUshort,c=Ul._bin.writeASCII,l=8,d=e.frames.length>1,u=!1,g=33+(d?20:0);if(null!==i.sRGB&&void 0!==i.sRGB&&(g+=13),null!==i.pHYs&&void 0!==i.pHYs&&(g+=21),3===e.ctype){for(var m=e.plte.length,f=0;f<m;f++)e.plte[f]>>>24!=255&&(u=!0);g+=8+3*m+4+(u?8+1*m+4:0)}for(var p=0;p<e.frames.length;p++){d&&(g+=38),g+=e.frames[p].cimg.length+12,0!==p&&(g+=4)}g+=12;for(var h=new Uint8Array(g),v=[137,80,78,71,13,10,26,10],x=0;x<8;x++)h[x]=v[x];if(o(h,l,13),c(h,l+=4,"IHDR"),o(h,l+=4,t),o(h,l+=4,n),h[l+=4]=e.depth,h[++l]=e.ctype,h[++l]=0,h[++l]=0,h[++l]=0,o(h,++l,r(h,l-17,17)),l+=4,null!==i.sRGB&&void 0!==i.sRGB&&(o(h,l,1),c(h,l+=4,"sRGB"),h[l+=4]=i.sRGB,o(h,++l,r(h,l-5,5)),l+=4),null!==i.pHYs&&void 0!==i.pHYs&&(o(h,l,9),c(h,l+=4,"pHYs"),o(h,l+=4,i.pHYs[0]),o(h,l+=4,i.pHYs[1]),h[l+=4]=i.pHYs[2],o(h,++l,r(h,l-13,13)),l+=4),d&&(o(h,l,8),c(h,l+=4,"acTL"),o(h,l+=4,e.frames.length),o(h,l+=4,null!=i.loop?i.loop:0),o(h,l+=4,r(h,l-12,12)),l+=4),3===e.ctype){var y=e.plte.length;o(h,l,3*y),c(h,l+=4,"PLTE"),l+=4;for(var j=0;j<y;j++){var b=3*j,_=e.plte[j],w=255&_,A=_>>>8&255,D=_>>>16&255;h[l+b+0]=w,h[l+b+1]=A,h[l+b+2]=D}if(o(h,l+=3*y,r(h,l-3*y-4,3*y+4)),l+=4,u){o(h,l,y),c(h,l+=4,"tRNS"),l+=4;for(var M=0;M<y;M++)h[l+M]=e.plte[M]>>>24&255;o(h,l+=y,r(h,l-y-4,y+4)),l+=4}}for(var C=0,N=0;N<e.frames.length;N++){var B=e.frames[N];d&&(o(h,l,26),c(h,l+=4,"fcTL"),o(h,l+=4,C++),o(h,l+=4,B.rect.width),o(h,l+=4,B.rect.height),o(h,l+=4,B.rect.x),o(h,l+=4,B.rect.y),s(h,l+=4,a[N]),s(h,l+=2,1e3),h[l+=2]=B.dispose,h[++l]=B.blend,o(h,++l,r(h,l-30,30)),l+=4);var S=B.cimg,k=S.length;o(h,l,k+(0===N?0:4));var E=l+=4;c(h,l,0===N?"IDAT":"fdAT"),l+=4,0!==N&&(o(h,l,C++),l+=4),h.set(S,l),o(h,l+=k,r(h,E,l-E)),l+=4}return o(h,l,0),c(h,l+=4,"IEND"),o(h,l+=4,r(h,l-4,4)),l+=4,h.buffer},Ul.encode.compressPNG=function(e,t,n){for(var a=0;a<e.frames.length;a++){var i=e.frames[a],r=i.rect.height,o=new Uint8Array(r*i.bpl+r);i.cimg=Ul.encode._filterZero(i.img,r,i.bpp,i.bpl,o,t,n)}},Ul.encode.compress=function(e,t,n,a,i){for(var r=i[0],o=i[1],s=i[2],c=i[3],l=i[4],d=6,u=8,g=255,m=0;m<e.length;m++)for(var f=new Uint8Array(e[m]),p=f.length,h=0;h<p;h+=4)g&=f[h+3];var v=255!==g,x=Ul.encode.framize(e,t,n,r,o,s),y={},j=[],b=[];if(0!==a){for(var _=[],w=0;w<x.length;w++)_.push(x[w].img.buffer);for(var A=Ul.encode.concatRGBA(_),D=Ul.quantize(A,a),M=0,C=new Uint8Array(D.abuf),N=0;N<x.length;N++){var B=x[N].img,S=B.length;b.push(new Uint8Array(D.inds.buffer,M>>2,S>>2));for(var k=0;k<S;k+=4)B[k]=C[M+k],B[k+1]=C[M+k+1],B[k+2]=C[M+k+2],B[k+3]=C[M+k+3];M+=S}for(var E=0;E<D.plte.length;E++)j.push(D.plte[E].est.rgba)}else for(var P=0;P<x.length;P++){var I=x[P],T=new Uint32Array(I.img.buffer),F=I.rect.width,O=T.length,G=new Uint8Array(O);b.push(G);for(var R=0;R<O;R++){var Q=T[R];if(0!==R&&Q===T[R-1])G[R]=G[R-1];else if(R>F&&Q===T[R-F])G[R]=G[R-F];else{var Z=y[Q];if(null===Z&&(y[Q]=Z=j.length,j.push(Q),j.length>=300))break;G[R]=Z}}}var L=j.length;L<=256&&!1===l&&(u=L<=2?1:L<=4?2:L<=16?4:8,u=Math.max(u,c));for(var H=0;H<x.length;H++){var U=x[H],V=U.rect.width,W=U.rect.height,z=U.img,Y=4*V,J=4;if(L<=256&&!1===l){Y=Math.ceil(u*V/8);for(var q=new Uint8Array(Y*W),K=b[H],X=0;X<W;X++){var $=X*Y,ee=X*V;if(8===u)for(var te=0;te<V;te++)q[$+te]=K[ee+te];else if(4===u)for(var ne=0;ne<V;ne++)q[$+(ne>>1)]|=K[ee+ne]<<4-4*(1&ne);else if(2===u)for(var ae=0;ae<V;ae++)q[$+(ae>>2)]|=K[ee+ae]<<6-2*(3&ae);else if(1===u)for(var ie=0;ie<V;ie++)q[$+(ie>>3)]|=K[ee+ie]<<7-1*(7&ie)}z=q,d=3,J=1}else if(!1===v&&1===x.length){for(var re=new Uint8Array(V*W*3),oe=V*W,se=0;se<oe;se++){var ce=3*se,le=4*se;re[ce]=z[le],re[ce+1]=z[le+1],re[ce+2]=z[le+2]}z=re,d=2,J=3,Y=3*V}U.img=z,U.bpl=Y,U.bpp=J}return{ctype:d,depth:u,plte:j,frames:x}},Ul.encode.framize=function(e,t,n,a,i,r){for(var o=[],s=0;s<e.length;s++){var c=new Uint8Array(e[s]),l=new Uint32Array(c.buffer),d=void 0,u=0,g=0,m=t,f=n,p=a?1:0;if(0!==s){for(var h=r||a||1===s||0!==o[s-2].dispose?1:2,v=0,x=1e9,y=0;y<h;y++){for(var j=new Uint32Array(e[s-1-y]),b=t,_=n,w=-1,A=-1,D=0;D<n;D++)for(var M=0;M<t;M++){var C=D*t+M;l[C]!==j[C]&&(M<b&&(b=M),M>w&&(w=M),D<_&&(_=D),D>A&&(A=D))}-1===w&&(b=_=w=A=0),i&&(1==(1&b)&&b--,1==(1&_)&&_--);var N=(w-b+1)*(A-_+1);N<x&&(x=N,v=y,u=b,g=_,m=w-b+1,f=A-_+1)}var B=new Uint8Array(e[s-1-v]);1===v&&(o[s-1].dispose=2),d=new Uint8Array(m*f*4),Ul._copyTile(B,t,n,d,m,f,-u,-g,0),1===(p=Ul._copyTile(c,t,n,d,m,f,-u,-g,3)?1:0)?Ul.encode._prepareDiff(c,t,n,d,{x:u,y:g,width:m,height:f}):Ul._copyTile(c,t,n,d,m,f,-u,-g,0)}else d=c.slice(0);o.push({rect:{x:u,y:g,width:m,height:f},img:d,blend:p,dispose:0})}if(a)for(var S=0;S<o.length;S++){var k=o[S];if(1!==k.blend){var E=k.rect,P=o[S-1].rect,I=Math.min(E.x,P.x),T=Math.min(E.y,P.y),F={x:I,y:T,width:Math.max(E.x+E.width,P.x+P.width)-I,height:Math.max(E.y+E.height,P.y+P.height)-T};o[S-1].dispose=1,S-1!=0&&Ul.encode._updateFrame(e,t,n,o,S-1,F,i),Ul.encode._updateFrame(e,t,n,o,S,F,i)}}return o},Ul.encode._updateFrame=function(e,t,n,a,i,r,o){for(var s=Uint8Array,c=Uint32Array,l=new s(e[i-1]),d=new c(e[i-1]),u=i+1<e.length?new s(e[i+1]):null,g=new s(e[i]),m=new c(g.buffer),f=t,p=n,h=-1,v=-1,x=0;x<r.height;x++)for(var y=0;y<r.width;y++){var j=r.x+y,b=r.y+x,_=b*t+j,w=m[_];0!==w&&(0!==a[i-1].dispose||d[_]!==w||null!==u&&0===u[4*_+3])&&(j<f&&(f=j),j>h&&(h=j),b<p&&(p=b),b>v&&(v=b))}-1===h&&(f=p=h=v=0),o&&(1==(1&f)&&f--,1==(1&p)&&p--),r={x:f,y:p,width:h-f+1,height:v-p+1};var A=a[i];A.rect=r,A.blend=1,A.img=new Uint8Array(r.width*r.height*4),0===a[i-1].dispose?(Ul._copyTile(l,t,n,A.img,r.width,r.height,-r.x,-r.y,0),Ul.encode._prepareDiff(g,t,n,A.img,r)):Ul._copyTile(g,t,n,A.img,r.width,r.height,-r.x,-r.y,0)},Ul.encode._prepareDiff=function(e,t,n,a,i){Ul._copyTile(e,t,n,a,i.width,i.height,-i.x,-i.y,2)},Ul.encode._filterZero=function(e,t,n,a,i,r,o){var s,c=[],l=[0,1,2,3,4];-1!==r?l=[r]:(t*a>5e5||1===n)&&(l=[0]),o&&(s={level:0});for(var d,u=i.length>1e7&&null!=Ll()?Ll():Hl.ZP,g=0;g<l.length;g++){for(var m=0;m<t;m++)Ul.encode._filterLine(i,e,m,a,n,l[g]);c.push(u.deflate(i,s))}for(var f=1e9,p=0;p<c.length;p++)c[p].length<f&&(d=p,f=c[p].length);return c[d]},Ul.encode._filterLine=function(e,t,n,a,i,r){var o=n*a,s=o+n,c=Ul.decode._paeth;if(e[s]=r,s++,0===r)if(a<500)for(var l=0;l<a;l++)e[s+l]=t[o+l];else e.set(new Uint8Array(t.buffer,o,a),s);else if(1===r){for(var d=0;d<i;d++)e[s+d]=t[o+d];for(var u=i;u<a;u++)e[s+u]=t[o+u]-t[o+u-i]+256&255}else if(0===n){for(var g=0;g<i;g++)e[s+g]=t[o+g];if(2===r)for(var m=i;m<a;m++)e[s+m]=t[o+m];if(3===r)for(var f=i;f<a;f++)e[s+f]=t[o+f]-(t[o+f-i]>>1)+256&255;if(4===r)for(var p=i;p<a;p++)e[s+p]=t[o+p]-c(t[o+p-i],0,0)+256&255}else{if(2===r)for(var h=0;h<a;h++)e[s+h]=t[o+h]+256-t[o+h-a]&255;if(3===r){for(var v=0;v<i;v++)e[s+v]=t[o+v]+256-(t[o+v-a]>>1)&255;for(var x=i;x<a;x++)e[s+x]=t[o+x]+256-(t[o+x-a]+t[o+x-i]>>1)&255}if(4===r){for(var y=0;y<i;y++)e[s+y]=t[o+y]+256-c(0,t[o+y-a],0)&255;for(var j=i;j<a;j++)e[s+j]=t[o+j]+256-c(t[o+j-i],t[o+j-a],t[o+j-i-a])&255}}},Ul.crc={table:function(){for(var e=new Uint32Array(256),t=0;t<256;t++){for(var n=t,a=0;a<8;a++)1&n?n=3988292384^n>>>1:n>>>=1;e[t]=n}return e}(),update:function(e,t,n,a){for(var i=0;i<a;i++)e=Ul.crc.table[255&(e^t[n+i])]^e>>>8;return e},crc:function(e,t,n){return 4294967295^Ul.crc.update(4294967295,e,t,n)}},Ul.quantize=function(e,t){var n,a=new Uint8Array(e),i=a.slice(0),r=new Uint32Array(i.buffer),o=Ul.quantize.getKDtree(i,t),s=o[0],c=o[1],l=Ul.quantize.planeDst,d=a,u=r,g=d.length,m=new Uint8Array(a.length>>2);if(a.length<2e7)for(var f=0;f<g;f+=4){var p=d[f]*(1/255),h=d[f+1]*(1/255),v=d[f+2]*(1/255),x=d[f+3]*(1/255);n=Ul.quantize.getNearest(s,p,h,v,x),m[f>>2]=n.ind,u[f>>2]=n.est.rgba}else for(var y=0;y<g;y+=4){var j=d[y]*(1/255),b=d[y+1]*(1/255),_=d[y+2]*(1/255),w=d[y+3]*(1/255);for(n=s;n.left;)n=l(n.est,j,b,_,w)<=0?n.left:n.right;m[y>>2]=n.ind,u[y>>2]=n.est.rgba}return{abuf:i.buffer,inds:m,plte:c}},Ul.quantize.getKDtree=function(e,t,n){null===n&&(n=1e-4);var a=new Uint32Array(e.buffer),i={i0:0,i1:e.length,bst:null,est:null,tdst:0,left:null,right:null};i.bst=Ul.quantize.stats(e,i.i0,i.i1),i.est=Ul.quantize.estats(i.bst);for(var r=[i];r.length<t;){for(var o=0,s=0,c=0;c<r.length;c++)r[c].est.L>o&&(o=r[c].est.L,s=c);if(o<n)break;var l=r[s],d=Ul.quantize.splitPixels(e,a,l.i0,l.i1,l.est.e,l.est.eMq255);if(l.i0>=d||l.i1<=d)l.est.L=0;else{var u={i0:l.i0,i1:d,bst:null,est:null,tdst:0,left:null,right:null};u.bst=Ul.quantize.stats(e,u.i0,u.i1),u.est=Ul.quantize.estats(u.bst);var g={i0:d,i1:l.i1,bst:null,est:null,tdst:0,left:null,right:null};g.bst={R:[],m:[],N:l.bst.N-u.bst.N};for(var m=0;m<16;m++)g.bst.R[m]=l.bst.R[m]-u.bst.R[m];for(var f=0;f<4;f++)g.bst.m[f]=l.bst.m[f]-u.bst.m[f];g.est=Ul.quantize.estats(g.bst),l.left=u,l.right=g,r[s]=u,r.push(g)}}r.sort((function(e,t){return t.bst.N-e.bst.N}));for(var p=0;p<r.length;p++)r[p].ind=p;return[i,r]},Ul.quantize.getNearest=function(e,t,n,a,i){if(null==e.left)return e.tdst=Ul.quantize.dist(e.est.q,t,n,a,i),e;var r=Ul.quantize.planeDst(e.est,t,n,a,i),o=e.left,s=e.right;r>0&&(o=e.right,s=e.left);var c=Ul.quantize.getNearest(o,t,n,a,i);if(c.tdst<=r*r)return c;var l=Ul.quantize.getNearest(s,t,n,a,i);return l.tdst<c.tdst?l:c},Ul.quantize.planeDst=function(e,t,n,a,i){var r=e.e;return r[0]*t+r[1]*n+r[2]*a+r[3]*i-e.eMq},Ul.quantize.dist=function(e,t,n,a,i){var r=t-e[0],o=n-e[1],s=a-e[2],c=i-e[3];return r*r+o*o+s*s+c*c},Ul.quantize.splitPixels=function(e,t,n,a,i,r){var o=Ul.quantize.vecDot;for(a-=4;n<a;){for(;o(e,n,i)<=r;)n+=4;for(;o(e,a,i)>r;)a-=4;if(n>=a)break;var s=t[n>>2];t[n>>2]=t[a>>2],t[a>>2]=s,n+=4,a-=4}for(;o(e,n,i)>r;)n-=4;return n+4},Ul.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]},Ul.quantize.stats=function(e,t,n){for(var a=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],i=[0,0,0,0],r=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),d=e[o+3]*(1/255);i[0]+=s,i[1]+=c,i[2]+=l,i[3]+=d,a[0]+=s*s,a[1]+=s*c,a[2]+=s*l,a[3]+=s*d,a[5]+=c*c,a[6]+=c*l,a[7]+=c*d,a[10]+=l*l,a[11]+=l*d,a[15]+=d*d}return a[4]=a[1],a[8]=a[2],a[9]=a[6],a[12]=a[3],a[13]=a[7],a[14]=a[11],{R:a,m:i,N:r}},Ul.quantize.estats=function(e){var t=e.R,n=e.m,a=e.N,i=n[0],r=n[1],o=n[2],s=n[3],c=0===a?0:1/a,l=[t[0]-i*i*c,t[1]-i*r*c,t[2]-i*o*c,t[3]-i*s*c,t[4]-r*i*c,t[5]-r*r*c,t[6]-r*o*c,t[7]-r*s*c,t[8]-o*i*c,t[9]-o*r*c,t[10]-o*o*c,t[11]-o*s*c,t[12]-s*i*c,t[13]-s*r*c,t[14]-s*o*c,t[15]-s*s*c],d=l,u=Ul.M4,g=[Math.random(),Math.random(),Math.random(),Math.random()],m=0,f=0;if(0!==a)for(var p=0;p<16&&(g=u.multVec(d,g),f=Math.sqrt(u.dot(g,g)),g=u.sml(1/f,g),!(0!==p&&Math.abs(f-m)<1e-9));p++)m=f;var h=[i*c,r*c,o*c,s*c];return{Cov:l,q:h,e:g,L:m,eMq255:u.dot(u.sml(255,h),g),eMq:u.dot(g,h),rgba:(Math.round(255*h[3])<<24|Math.round(255*h[2])<<16|Math.round(255*h[1])<<8|Math.round(255*h[0])<<0)>>>0}},Ul.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]]}},Ul.encode.concatRGBA=function(e){for(var t=0,n=0;n<e.length;n++)t+=e[n].byteLength;for(var a=new Uint8Array(t),i=0,r=0;r<e.length;r++){for(var o=new Uint8Array(e[r]),s=o.length,c=0;c<s;c+=4){var l=o[c],d=o[c+1],u=o[c+2],g=o[c+3];0===g&&(l=d=u=0),a[i+c]=l,a[i+c+1]=d,a[i+c+2]=u,a[i+c+3]=g}i+=s}return a.buffer};var Vl,Wl=Ul,zl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;if(0===e)return"0 Bytes";var n=1024,a=t<0?0:t,i=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],r=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,r)).toFixed(a))+" "+i[r]},Yl=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=t[4*(r*n+n-o-1)],i[s+1]=t[4*(r*n+n-o-1)+1],i[s+2]=t[4*(r*n+n-o-1)+2],i[s+3]=t[4*(r*n+n-o-1)+3]}return new ImageData(i,n,a)}return null},Jl=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=t[4*((a-r-1)*n+o)],i[s+1]=t[4*((a-r-1)*n+o)+1],i[s+2]=t[4*((a-r-1)*n+o)+2],i[s+3]=t[4*((a-r-1)*n+o)+3]}return new ImageData(i,n,a)}return null},ql=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<n;r++)for(var o=0;o<a;o++){var s=4*(r*a+o);i[s]=t[4*(o*n+n-r-1)],i[s+1]=t[4*(o*n+n-r-1)+1],i[s+2]=t[4*(o*n+n-r-1)+2],i[s+3]=t[4*(o*n+n-r-1)+3]}return new ImageData(i,a,n)}return null},Kl=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<n;r++)for(var o=0;o<a;o++){var s=4*(r*a+o);i[s]=t[4*((a-o-1)*n+r)],i[s+1]=t[4*((a-o-1)*n+r)+1],i[s+2]=t[4*((a-o-1)*n+r)+2],i[s+3]=t[4*((a-o-1)*n+r)+3]}return new ImageData(i,a,n)}return null},Xl=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o),c=(t[s]+t[s+1]+t[s+2])/3;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},$l=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o),c=(t[s]+t[s+1]+t[s+2])/3>127?255:0;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},ed=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=255-t[s],i[s+1]=255-t[s+1],i[s+2]=255-t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},td=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},nd=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},ad=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=0,i[s+1]=0,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},id=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},rd=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},od=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},sd=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o),c=(t[s+1]+t[s+2])/2;i[s]=t[s],i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},cd=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o),c=(t[s]+t[s+2])/2;i[s]=c,i[s+1]=t[s+1],i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},ld=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o),c=(t[s]+t[s+1])/2;i[s]=c,i[s+1]=c,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,a)}return null},dd=function(e){if(e){return hd(e,[-1,-1,-1,-1,9,-1,-1,-1,-1])}return null},ud=function(e){if(e){return hd(e,[-1,-1,-1,-1,8,-1,-1,-1,-1])}return null},gd=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=t[s+2],i[s+3]=255}return new ImageData(i,n,a)}return null},md=function(e){if(e){for(var t=e.data,n=e.width,a=e.height,i=new Uint8ClampedArray(t.length),r=0;r<a;r++)for(var o=0;o<n;o++){var s=4*(r*n+o);if(0===t[s+3])i[s]=255,i[s+1]=255,i[s+2]=255,i[s+3]=255;else{var c=vd([t[s],t[s+1],t[s+2],t[s+3]],[255,255,255,255]);i[s]=c[0],i[s+1]=c[1],i[s+2]=c[2],i[s+3]=c[3]}}return new ImageData(i,n,a)}return null},fd=function(){var e=(0,Fc.Z)(Gc().mark((function e(t,n,a,i,r,o){var s,c,l,d,u,g,m;return Gc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t&&i?(s=r/100,["JPG","JPEG"].includes(i.toUpperCase())?((c=new Image).src=t,l=document.createElement("canvas"),d=l.getContext("2d"),l.width=n,l.height=a,d.drawImage(c,0,0,n,a),l.toBlob((function(e){o&&o(e)}),"image/".concat(i.toLowerCase()),s)):(u=Math.floor(256*s),g=Wl.encode([t.data.buffer],n,a,u),m=new Blob([g]),o&&o(m))):o&&o(null);case 1:case"end":return e.stop()}}),e)})));return function(t,n,a,i,r,o){return e.apply(this,arguments)}}(),pd=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 a=e.data,i=e.width,r=e.height,o=t.data,s=new Uint8ClampedArray(a.length),c=n.backgroundColor,l=n.changeIntoColor,d=0;d<r;d++)for(var u=0;u<i;u++){var g=4*(d*i+u),m=o[g],f=o[g+1],p=o[g+2],h=o[g+3];m===c.r&&f===c.g&&p===c.b&&h===c.a&&0!==l.a?(s[g]=l.r,s[g+1]=l.g,s[g+2]=l.b,s[g+3]=l.a):(s[g]=a[g],s[g+1]=a[g+1],s[g+2]=a[g+2],s[g+3]=a[g+3])}var v=new ImageData(s,i,r);return v}return e}return null},hd=function(e,t){if(e){for(var n=e.data,a=e.width,i=e.height,r=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<a;s++){for(var c=4*(o*a+s),l=0;l<3;l++){var d=c+l;r[d]=0===s||s===a-1||0===o||o===i-1?n[d]:t[0]*n[d-4*a-4]+t[1]*n[d-4*a]+t[2]*n[d-4*a+4]+t[3]*n[d-4]+t[4]*n[d]+t[5]*n[d+4]+t[6]*n[d+4*a-4]+t[7]*n[d+4*a]+t[8]*n[d+4*a+4]}r[c+3]=n[c+3]}return new ImageData(r,a,i)}return null},vd=function(e,t){if(e&&4===e.length&&t&&4===t.length){var n=e[3],a=t[3];if(255===n||0===a)return e;if(0===n)return t;var i=n/255,r=a/255;return[Math.max(Math.min(Math.floor(e[0]*i+t[0]*r*(1-i)),255),0),Math.max(Math.min(Math.floor(e[1]*i+t[1]*r*(1-i)),255),0),Math.max(Math.min(Math.floor(e[2]*i+t[2]*r*(1-i)),255),0),Math.max(Math.min(Math.floor(255*(i+r*(1-i))),255),0)]}return[255,255,255,255]},xd="TakeIDPhotos_container__Yesqo",yd="TakeIDPhotos_title__R+Bw3",jd="TakeIDPhotos_content__BOrua",bd="TakeIDPhotos_videoBox__f64rG",_d="TakeIDPhotos_recordVideo__LwHSi",wd="TakeIDPhotos_btns__yGXYa",Ad="TakeIDPhotos_label__sMf-k";!function(e){e[e.noInit=0]="noInit",e[e.loading=1]="loading",e[e.ready=2]="ready",e[e.inRecording=3]="inRecording"}(Vl||(Vl={}));var Dd={1:{width:295,height:413},2:{width:413,height:579}},Md={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}},Cd=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useState)("1"),c=(0,o.Z)(r,2),l=c[0],d=c[1],u=(0,a.useRef)("1"),g=(0,a.useRef)(null),m=(0,a.useState)(""),f=(0,o.Z)(m,2),h=f[0],v=f[1],x=(0,a.useState)(""),y=(0,o.Z)(x,2),j=y[0],b=y[1],_=(0,a.useState)(Vl.noInit),w=(0,o.Z)(_,2),A=w[0],D=w[1],M=(0,a.useRef)(Vl.noInit),C=(0,a.useState)("transparency"),N=(0,o.Z)(C,2),B=N[0],S=N[1],k=(0,a.useRef)("transparency"),E=(0,a.useRef)(null),P=(0,a.useRef)(0),I=function(){var e=(0,Fc.Z)(Gc().mark((function e(){var n,a,r,o,s,c,l,d,g,m;return Gc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(M.current===Vl.inRecording){e.next=2;break}return e.abrupt("return");case 2:if(!t.current||!i.current){e.next=22;break}if(n=Dd[u.current],a=n.width,r=n.height,!(o=zc(t.current,a,r))){e.next=22;break}if("transparency"===k.current){e.next=20;break}return s={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=10,E.current.segmentPeople(o,s);case 10:return c=e.sent,l={r:255,g:255,b:255,a:255},d={r:0,g:0,b:0,a:255},e.next=15,Ql.wX(c,l,d,false,.3);case 15:g=e.sent,(m=pd(o,g,{backgroundColor:d,changeIntoColor:Md[k.current]}))?i.current.putImageData(m,0,0):i.current.putImageData(o,0,0),e.next=21;break;case 20:i.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 a=(0,Fc.Z)(Gc().mark((function a(){var r,o,s,c,d,u,m,f;return Gc().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return D(Vl.loading),o=(r=Dd[l]).width,s=r.height,n.current&&(n.current.width=o,n.current.height=s,c=n.current.getContext("2d"),i.current=c),d=Ql.oV.MediaPipeSelfieSegmentation,u={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},Qc.ZP.warning("努力加载中，请稍等"),a.next=8,Ql.N7(d,u);case 8:m=a.sent,E.current=m,f={video:{width:Dd[l].width,height:Dd[l].height,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(f).then((function(e){t.current&&e&&(g.current=e),t.current&&g.current&&(t.current.srcObject=g.current),M.current=Vl.inRecording,D(Vl.inRecording),I()})).catch((function(t){t.message&&t.message.includes("not found")?Qc.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):Qc.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):Qc.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}));case 12:case"end":return a.stop()}}),a)})));return function(){return a.apply(this,arguments)}}(),F=function(){var a=(0,Fc.Z)(Gc().mark((function a(){var i;return Gc().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:A===Vl.noInit?T():A===Vl.loading?Qc.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})):A===Vl.inRecording?(t.current&&n.current&&(t.current.srcObject=null,P.current&&window.cancelAnimationFrame(P.current),i=n.current.toDataURL("image/jpeg"),b("".concat((new Date).getTime(),".jpeg")),v(i)),M.current=Vl.ready,D(Vl.ready)):(h&&(window.URL.revokeObjectURL(h),b(""),v("")),t.current&&g.current&&(t.current.srcObject=g.current,M.current=Vl.inRecording,D(Vl.inRecording),I()));case 1:case"end":return a.stop()}}),a)})));return function(){return a.apply(this,arguments)}}();return(0,a.useEffect)((function(){return function(){h&&window.URL.revokeObjectURL(h)}}),[]),(0,s.jsxs)("div",{className:xd,children:[(0,s.jsx)("div",{className:yd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.takeIDPhotos"})}),(0,s.jsxs)("div",{className:jd,children:[(0,s.jsxs)("div",{className:bd,style:{width:"".concat(Dd[l].width,"px"),height:"".concat(Dd[l].height,"px")},children:[(0,s.jsx)("video",{className:_d,style:{width:"".concat(Dd[l].width,"px"),height:"".concat(Dd[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:wd,children:[(0,s.jsxs)("div",{className:Ad,children:[e.formatMessage({id:"common.dimension"}),"："]}),(0,s.jsx)(Rl.Z,{value:l,style:{width:"90px",marginRight:"16px"},onChange:function(e){if(n.current){var t=Dd[e],a=t.width,i=t.height;n.current.width=a,n.current.height=i}u.current=e,d(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:Ad,children:[e.formatMessage({id:"common.backgroundColor"}),"："]}),(0,s.jsx)(Rl.Z,{value:B,style:{width:"130px",marginRight:"16px"},onChange:function(e){k.current=e,S(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)(U.Z,{type:"primary",onClick:F,children:A===Vl.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.clickToTakeAPhoto"}):h?e.formatMessage({id:"page.htmlVision.utilitarianFunction.backPhoto"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.readyToTakeAPhoto"})}),h&&(0,s.jsx)("a",{download:j,href:h,children:e.formatMessage({id:"common.download"})})]})]})]})},Nd="UtilitarianFunction_container__pXVPW",Bd="UtilitarianFunction_box__95tOZ",Sd=function(){var e=u().setScrollTop;return(0,a.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:Nd,children:[(0,s.jsx)("div",{className:Bd,children:(0,s.jsx)(ll,{})}),(0,s.jsx)("div",{className:Bd,children:(0,s.jsx)(fl,{})}),(0,s.jsx)("div",{className:Bd,children:(0,s.jsx)(Dl,{})}),(0,s.jsx)("div",{className:Bd,children:(0,s.jsx)(ea,{data:qn[2]})}),(0,s.jsx)("div",{className:Bd,children:(0,s.jsx)(Gl,{})}),(0,s.jsx)("div",{className:Bd,children:(0,s.jsx)(Cd,{})})]})},kd=n(2076),Ed="TiltButton_container__XDC2W",Pd="TiltButton_buttonWrapper__22Jc0",Id="TiltButton_symbol__q9qSe",Td="TiltButton_baseSvg__NLMvd";function Fd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Od(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,j.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 Gd=function(e,t){var n=e.children,i=e.color,r=void 0===i?"#355DFF":i,o=e.buttonstyle,c=void 0===o?{}:o,l=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(function(){return l}));var d=(0,a.useRef)(null),u=(0,a.useCallback)((function(e,t){return Math.floor(Math.random()*(t+1))+e}),[]),g=Object.assign({backgroundColor:r,boxShadow:"0 10px 20px -10px ".concat(r)},c),m=(0,a.useCallback)((function(e,t){var n="http://www.w3.org/1999/xlink",a=document.createElementNS("http://www.w3.org/2000/svg",e);for(var i in"svg"===e&&a.setAttribute("xmlns:xlink",n),t)"xlink:href"===i?a.setAttributeNS(n,i,t[i]):a.setAttribute(i,t[i]);return a}),[]);return(0,s.jsxs)("div",Od(Od({},e),{},{className:"".concat(Ed," ").concat(e.className||""),children:[(0,s.jsx)(kd.Z,{className:"Tilt",options:{max:30,scale:1.1},children:(0,s.jsx)("div",{className:Pd,ref:d,children:(0,s.jsx)("button",{style:g,onClick:function(){if(d.current){var e=["#donut","#circle","#tri_hollow","#triangle","#square","#squ_hollow"],t=d.current.children.length;if(t>1)for(var n=t-1;n>=0;n--){var a=d.current.children[n];"BUTTON"!==a.nodeName&&d.current.removeChild(a)}var i=d.current.getBoundingClientRect(),o=i.width,s=i.height;for(n=0;n<10;n++){var c=Math.floor(Math.random()*e.length),l=o/2+u(50,100)*Math.cos(2*Math.PI*n/u(0,20)),g=s/2+u(50,100)*Math.sin(2*Math.PI*n/u(0,20)),f=u(0,360)+"deg",p=u(.5,1),h=m("svg",{class:Id,style:"top: ".concat(g,"px;left: ").concat(l,"px;transform: scale(").concat(p,") rotate(").concat(f,")"),fill:r}),v=m("use",{"xlink:href":e[c]});h.appendChild(v),d.current.prepend(h)}}},ref:l,children:n})})}),(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",className:Td,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"})})]})]}))},Rd=a.forwardRef(Gd),Qd="RotateBgButton_container__CbJVi",Zd=.01,Ld=.5,Hd=function(){var e=(0,a.useRef)(null),t=(0,a.useRef)(0),n=function n(){if(e.current){var a=P.findDOMNode(e.current);if(a){var i=a.style.backgroundPosition;if(i){var r=i.split(" "),o=Number(r[0].substring(0,r[0].length-1))/100-Ld,s=Number(r[1].substring(0,r[1].length-1))/100-Ld;o=o*Math.cos(Zd)-s*Math.sin(Zd),s=s*Math.cos(Zd)+o*Math.sin(Zd),a.style.backgroundPosition="".concat(100*(o+Ld),"% ").concat(100*(s+Ld),"%")}else a.style.backgroundPosition="0% 50%";t.current=requestAnimationFrame(n)}}};return(0,a.useEffect)((function(){return e.current&&(t.current=requestAnimationFrame(n)),function(){t.current&&cancelAnimationFrame(t.current)}}),[]),(0,s.jsx)("div",{className:Qd,ref:e,children:"Button"})};function Ud(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Vd(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ud(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ud(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Wd,zd=function(e){return(0,s.jsx)("svg",Vd(Vd({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"})}))},Yd="IconMoveButton_container__EoRlL",Jd=function(){return(0,s.jsx)("div",{className:Yd,children:(0,s.jsxs)("button",{children:[(0,s.jsx)(zd,{}),"Button"]})})},qd="NeonButton_container__05m-K",Kd=function(){return(0,s.jsx)("div",{className:qd,children:(0,s.jsx)("button",{children:"Button"})})},Xd="BorderAnimationButton_container__zKZuT",$d=function(){return(0,s.jsx)("div",{className:Xd,children:(0,s.jsx)("button",{children:"Button"})})},eu="BorderAnimationButton2_container__BitIF",tu=function(){return(0,s.jsx)("div",{className:eu,children:(0,s.jsx)("button",{children:"Button"})})},nu="TranslateBgButton_container__g+ELG",au=function(){return(0,s.jsx)("div",{className:nu,children:(0,s.jsx)("button",{children:"Button"})})},iu="RoundedGradientButton_container__xAV8y",ru=function(){return(0,s.jsx)("div",{className:iu,children:(0,s.jsx)("button",{children:"Button"})})},ou="MirrorSideButton_container__HreXK",su=function(){return(0,s.jsx)("div",{className:ou,children:(0,s.jsx)("button",{children:"Button"})})},cu="ShakeButton_container__3yRjT",lu=function(){return(0,s.jsx)("div",{className:cu,children:(0,s.jsx)("button",{children:"Button"})})},du="Skew3DButton_container__lzIrX",uu=function(){return(0,s.jsx)("div",{className:du,children:(0,s.jsx)("button",{children:"Button"})})},gu="HoverCircleButton_container__YtHLN",mu=function(){var e=(0,a.useRef)(null),t=function(t){if(e.current){var n=e.current.getBoundingClientRect(),a=n.left,i=n.top,r=t.pageX-a,o=t.pageY-i;e.current.style.setProperty("--xPos","".concat(r,"px")),e.current.style.setProperty("--yPos","".concat(o,"px"))}};return(0,s.jsx)("div",{className:gu,children:(0,s.jsx)("button",{onMouseOver:t,onMouseLeave:t,ref:e,children:(0,s.jsx)("span",{children:"Button"})})})},fu="PunkEffectButton_container__0k8G5",pu=function(){return(0,s.jsx)("div",{className:fu,children:(0,s.jsx)("button",{children:"Button"})})},hu="DynamicButtons_container__7kNrC",vu="DynamicButtons_box__MK6e0",xu="DynamicButtons_box1__qZwcn",yu="DynamicButtons_btn__k-BU+",ju="DynamicButtons_btnText__x9y6m",bu=le.GridBox,_u=[{element:(0,s.jsx)(Rd,{className:yu,color:"#4E90FE",children:(0,s.jsx)("span",{className:ju,children:"Button"})}),className:xu},{element:(0,s.jsx)(Hd,{})},{element:(0,s.jsx)(Jd,{})},{element:(0,s.jsx)(Kd,{})},{element:(0,s.jsx)($d,{})},{element:(0,s.jsx)(tu,{})},{element:(0,s.jsx)(au,{})},{element:(0,s.jsx)(ru,{})},{element:(0,s.jsx)(su,{})},{element:(0,s.jsx)(lu,{})},{element:(0,s.jsx)(uu,{})},{element:(0,s.jsx)(mu,{})},{element:(0,s.jsx)(pu,{})}],wu=function(){var e=u().setScrollTop;return(0,a.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:hu,children:(0,s.jsx)(le,{differentScreenCols:[8,7,6,5,4],rowSpace:4,colSpace:4,children:_u.map((function(e,t){return(0,s.jsx)(bu,{children:(0,s.jsx)("div",{className:e.className?"".concat(vu," ").concat(e.className):vu,children:e.element})},t)}))})})},Au="DynamicTime_container__cj3Pc",Du="DynamicTime_circle__wRwvB",Mu="DynamicTime_hour__QFdez",Cu="DynamicTime_minutes__oIocb",Nu="DynamicTime_seconds__HKivZ",Bu="DynamicTime_text__tlMtK",Su="DynamicTime_ap__RY-Dl",ku=75,Eu=471;!function(e){e[e.AM=0]="AM",e[e.PM=1]="PM"}(Wd||(Wd={}));var Pu=function(){var e=function(){var e=new Date,t=e.getHours();return{h:t%12,m:e.getMinutes(),s:e.getSeconds(),ap:t>=12?Wd.PM:Wd.AM}},t=(0,a.useMemo)((function(){return e()}),[]),n=(0,a.useRef)(t.h),i=(0,a.useRef)(t.m),r=(0,a.useRef)(t.ap),c=(0,a.useState)(t.s),l=(0,o.Z)(c,2),d=l[0],u=l[1];return(0,a.useEffect)((function(){var t=setInterval((function(){var t=e(),a=t.h,o=t.m,s=t.s,c=t.ap;n.current=a,i.current=o,r.current=c,s!==d&&u(s)}),1e3);return function(){t&&clearInterval(t)}}),[]),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.SVGCircularClock"}),(0,s.jsxs)("div",{className:"".concat(Du," ").concat(Mu),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:ku,cy:ku,r:ku,style:{strokeDashoffset:Eu-Eu*n.current/12}})}),n.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Bu,children:"HOURS"})]}),(0,s.jsxs)("div",{className:"".concat(Du," ").concat(Cu),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:ku,cy:ku,r:ku,style:{strokeDashoffset:Eu-Eu*i.current/60}})}),i.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Bu,children:"MINUTES"})]}),(0,s.jsxs)("div",{className:"".concat(Du," ").concat(Nu),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:ku,cy:ku,r:ku,style:{strokeDashoffset:Eu-Eu*d/60}})}),d.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Bu,children:"SECONDS"})]}),(0,s.jsx)("div",{className:Su,children:Wd[r.current]})]})},Iu=n(15671),Tu=n(43144),Fu=n(40780),Ou={container:"FlopTime_container__nbYel",content:"FlopTime_content__bkCQb",flip:"FlopTime_flip__OcmoW",digital:"FlopTime_digital__rMWzU",front:"FlopTime_front__kvdP9",back:"FlopTime_back__xanaT",number0:"FlopTime_number0__YPDGw",number1:"FlopTime_number1__JB5eF",number2:"FlopTime_number2__XTYlV",number3:"FlopTime_number3__39igW",number4:"FlopTime_number4__lJ4oC",number5:"FlopTime_number5__nqlmw",number6:"FlopTime_number6__CBnmU",number7:"FlopTime_number7__c1TgJ",number8:"FlopTime_number8__tFhi2",number9:"FlopTime_number9__iMemJ",down:"FlopTime_down__FMuHq",go:"FlopTime_go__F5jSc",frontFlipDown:"FlopTime_frontFlipDown__j7-sr",backFlipDown:"FlopTime_backFlipDown__aiPXI",dot:"FlopTime_dot__Xjbq6"},Gu=function(){function e(t){(0,Iu.Z)(this,e),this.config={node:null,frontNum:0,backNum:1,frontText:Ou.number0,backText:Ou.number1,duration:600},Object.assign(this.config,t),this.nodeClass={flip:Ou.flip,front:"".concat(Ou.digital," ").concat(Ou.front),back:"".concat(Ou.digital," ").concat(Ou.back)},this.frontNode=this.config.node.children[0],this.backNode=this.config.node.children[1],this.isFlipping=!1,this.allNumberClass=[],this._init()}return(0,Tu.Z)(e,[{key:"_init",value:function(){for(var e=0;e<10;e++)this.allNumberClass.push(Ou["number".concat(e)]);var t=this.config,n=t.frontNum,a=t.frontText,i=t.backNum,r=t.backText;this._setFront(n,a),this._setBack(i,r)}},{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=Ou["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=Ou["number".concat(e)],this.backNode.classList.add(t)}},{key:"_flip",value:function(e,t,n,a,i){var r=this;if(this.isFlipping)return!1;this.isFlipping=!0,this._setFront(t,n),this._setBack(a,i);var o=Ou.down;"up"===e&&(o=Ou.up),this.config.node.classList.add(o,Ou.go),setTimeout((function(){r.config.node.classList.remove(Ou.go),r.isFlipping=!1,r._setFront(a,i);var e=a>=9?0:a+1;r._setBack(e,Ou["number".concat(e)])}),this.config.duration)}},{key:"flipDown",value:function(e,t,n,a){this._flip("down",e,t,n,a)}}]),e}(),Ru=function(){var e=(0,a.useRef)(null),t=(0,a.useRef)([]);return(0,a.useEffect)((function(){if(e.current){var n=e.current.children;n=Array.prototype.filter.call(n,(function(e){return!!e.className.includes(Ou.flip)}));for(var a=new Date,i=(0,Fu.Z)(a,"hhmmss"),r=(0,Fu.Z)(new Date(a.getTime()+1e3),"hhmmss"),o=0;o<n.length;o++)t.current.push(new Gu({node:n[o],frontText:Ou["number".concat(i[o])],backText:Ou["number".concat(r[o])]}))}var s=setInterval((function(){for(var e=new Date,n=(0,Fu.Z)(e,"hhmmss"),a=(0,Fu.Z)(new Date(e.getTime()+1e3),"hhmmss"),i=0;i<t.current.length;i++)n[i]!==a[i]&&t.current[i].flipDown(Number(n[i]),Ou["number".concat(n[i])],Number(a[i]),Ou["number".concat(a[i])])}),1e3);return function(){s&&clearInterval(s)}}),[]),(0,s.jsxs)("div",{className:Ou.container,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.upAndDownCard"}),(0,s.jsxs)("div",{className:Ou.content,ref:e,children:[(0,s.jsxs)("div",{className:"".concat(Ou.flip," ").concat(Ou.down),children:[(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.front)}),(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.back)})]}),(0,s.jsxs)("div",{className:"".concat(Ou.flip," ").concat(Ou.down),children:[(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.front)}),(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.back)})]}),(0,s.jsx)("div",{className:Ou.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Ou.flip," ").concat(Ou.down),children:[(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.front)}),(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.back)})]}),(0,s.jsxs)("div",{className:"".concat(Ou.flip," ").concat(Ou.down),children:[(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.front)}),(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.back)})]}),(0,s.jsx)("div",{className:Ou.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Ou.flip," ").concat(Ou.down),children:[(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.front)}),(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.back)})]}),(0,s.jsxs)("div",{className:"".concat(Ou.flip," ").concat(Ou.down),children:[(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.front)}),(0,s.jsx)("div",{className:"".concat(Ou.digital," ").concat(Ou.back)})]})]})]})},Qu="ChargingAnimation_container__3+364",Zu="ChargingAnimation_number__awH8A",Lu="ChargingAnimation_contrast__lTlOw",Hu="ChargingAnimation_circle__9zln8",Uu="ChargingAnimation_bubbles__j1R87",Vu=new Array(15).fill("1"),Wu=function(){return(0,a.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:Qu,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.charging"}),(0,s.jsx)("div",{className:Zu,children:"30.02%"}),(0,s.jsxs)("div",{className:Lu,children:[(0,s.jsx)("div",{className:Hu}),(0,s.jsx)("ul",{className:Uu,children:Vu.map((function(e,t){var n="".concat(15*Math.random()+15,"px"),a="".concat(70*Math.random()+15,"px"),i="".concat(5*Math.random()+2,"s"),r="-".concat(5e3*Math.random()/1e3,"s"),o="bubbleMoveToTop ".concat(i," ease-in-out ").concat(r," infinite");return(0,s.jsx)("li",{style:{width:n,height:n,left:a,animation:o}},t)}))})]})]})};function zu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Yu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?zu(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):zu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ju=function(e){return(0,s.jsxs)("svg",Yu(Yu({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 qu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Ku(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qu(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Xu=function(e){return(0,s.jsxs)("svg",Ku(Ku({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 $u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function eg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$u(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var tg=function(e){return(0,s.jsxs)("svg",eg(eg({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 ng(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function ag(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ng(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ng(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ig=function(e){return(0,s.jsxs)("svg",ag(ag({className:"Zongzi_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M64 880a448 80 0 1 0 896 0 448 80 0 1 0-896 0Z",fill:"#286432",opacity:.5}),(0,s.jsx)("path",{d:"M512.789 111.328c-66.491 0-178.201 138.109-271.396 295.93 55.644 57.763 159.079 127.76 272.859 189.618 114.274-58.817 218.107-125.695 274.328-181.582-94.05-161.114-208.243-303.966-275.791-303.966z",fill:"#FFB90F"}),(0,s.jsx)("path",{d:"M788.58 415.295c-56.221 55.887-160.055 122.765-274.328 181.582 152.444 82.878 323.46 151.147 423.003 155.8-20.428-88.75-79.029-218.073-148.675-337.382z",fill:"#419646"}),(0,s.jsx)("path",{d:"M241.393 407.259C136.225 585.355 54.635 788.552 88.215 846.713c63.335 109.7 785.902 108.312 849.149 0 10.706-18.334 9.674-51.533-.109-94.036-173.841-8.127-565.666-210.263-695.862-345.418z",fill:"#419646"}),(0,s.jsx)("path",{d:"m947.276 761.154.141.007-2.366-10.278-1.36-5.914-.047-.002c-20.982-86.058-76.02-210.131-148.155-333.705l-5.214-8.932-7.335 7.291c-52.428 52.117-150.18 116.954-268.588 178.199-116.026-63.396-215.222-132.157-267.197-186.112l-7.3-7.578-5.351 9.061c-54.216 91.812-100.115 186.288-129.244 266.025-15.37 42.075-25.455 78.457-29.975 108.136-5.035 33.061-3.016 57.743 6.002 73.361 36.146 62.609 251.218 85.322 424.409 85.749 1.771.004 3.524.006 5.293.006 101.358 0 198.649-7.174 274.463-20.261 88.991-15.361 142.426-37.386 158.819-65.46 10.467-17.923 11.465-48.04 3.005-89.593zm-71.489-158.756a141.068 141.068 0 0 1-4.046 5.346 189.705 189.705 0 0 1-13.483 15.125l-3.565 3.595-3.641 3.518c-2.446 2.326-4.891 4.637-7.406 6.88a293.074 293.074 0 0 1-7.528 6.705c-2.508 2.224-5.081 4.379-7.661 6.508-5.133 4.295-10.907 7.865-16.507 11.447a99.84 99.84 0 0 0-8.01 5.741 104.502 104.502 0 0 0-3.699 3.187 141.123 141.123 0 0 0-3.521 3.398 226.52 226.52 0 0 0-13.332 14.823l-3.244 4.025-3.266 4.182c-1.081 1.479-2.203 2.874-3.321 4.422l-1.709 2.317c-.261.385-.532.757-.803 1.135-46.834-16.642-97.977-37.953-150.837-62.977.488-.055.974-.112 1.465-.163 3.234-.338 6.42-.833 9.591-1.397 12.709-2.214 25.032-5.786 36.949-10.238l4.449-1.722c1.476-.588 2.916-1.248 4.377-1.87 2.902-1.28 5.792-2.594 8.597-4.064 5.657-2.855 11.107-6.099 16.437-9.525 10.633-6.913 20.794-14.488 31.119-21.698 20.607-14.483 40.28-30.363 58.054-48.33 2.21-2.257 4.371-4.57 6.551-6.846 2.151-2.314 4.238-4.698 6.35-7.037 2.073-2.387 4.083-4.839 6.116-7.247a348.274 348.274 0 0 0 5.798-7.517l2.735-3.891c.9-1.304 1.844-2.56 2.672-3.924 1.482-2.384 3.037-4.688 4.409-7.132 18.564 35.437 35.342 70.163 49.91 103.224zm-90.351 107.369c.34-.032.678-.058 1.021-.09.981-.118 1.94-.292 2.919-.441 1.967-.298 3.852-.743 5.74-1.21 7.524-1.936 14.507-4.981 20.957-8.694a59.052 59.052 0 0 0 4.694-2.978 53.147 53.147 0 0 0 4.389-3.35c2.821-2.359 5.392-4.988 7.802-7.77 4.792-5.599 9.084-11.577 13.694-17.15 2.285-2.809 4.543-5.63 6.724-8.514 1.1-1.432 2.17-2.889 3.22-4.361 1.053-1.469 2.121-2.92 3.138-4.417a278.756 278.756 0 0 0 5.928-9.081l2.793-4.652 2.693-4.711c3.4-6.311 6.612-12.726 9.223-19.43 20.974 48.662 36.964 93.408 46.535 131.03-37.483-3.355-86.154-15.308-141.47-34.181zm-254.08-112.759c110.186-57.722 202.002-118.424 255.438-168.853a1995.781 1995.781 0 0 1 35.58 64.355l-1.534 1.839c-1.848 2.36-3.984 4.529-5.986 6.761-.985 1.127-2.099 2.164-3.157 3.235l-3.197 3.185c-8.696 8.343-18.034 16.013-27.756 23.165l-7.324 5.317-7.453 5.141-7.545 5.006c-2.526 1.65-5.099 3.241-7.64 4.861-5.106 3.218-10.248 6.373-15.463 9.413l-3.89 2.307-3.933 2.241c-2.618 1.497-5.233 2.994-7.893 4.421-10.548 5.849-21.626 10.757-32.654 15.557a384.793 384.793 0 0 0-16.297 7.576c-2.666 1.355-5.333 2.69-7.969 4.095l-7.874 4.289a1427.938 1427.938 0 0 0-31.267 18.04l-15.748 9.436c-2.245 1.423-4.52 2.749-6.801 4.156a1981.021 1981.021 0 0 1-11.938-5.855l-.166-.082c-2.142-1.06-4.287-2.127-6.433-3.199-.942-.47-1.885-.944-2.828-1.417-1.329-.666-2.659-1.333-3.989-2.003-1.105-.557-2.207-1.115-3.31-1.673-1.195-.605-2.39-1.21-3.585-1.818l-3.28-1.673a2301.628 2301.628 0 0 1-6.713-3.444c-1.464-.754-2.928-1.511-4.392-2.271l-2.289-1.188a2326.692 2326.692 0 0 1-6.674-3.486 2126.572 2126.572 0 0 1-14.04-7.434zm-25.62 323.454c-215.629-.531-384.471-32.502-410.593-77.749-14.31-24.784-5.38-84.45 25.145-168.006.823-2.253 1.662-4.52 2.512-6.797 3.143 7.763 6.72 15.38 10.777 22.727 1.617 2.949 3.208 5.936 4.903 8.851 1.752 2.87 3.557 5.712 5.342 8.579l2.703 4.291c.889 1.444 1.912 2.772 2.863 4.166 1.941 2.754 3.867 5.531 5.853 8.266 1.932 2.786 4.044 5.405 6.122 8.066l6.324 7.922c2.129 2.627 4.38 5.131 6.609 7.667l6.729 7.583c2.314 2.452 4.68 4.854 7.031 7.276l3.534 3.63c1.179 1.21 2.347 2.435 3.58 3.581l7.373 6.925c2.476 2.289 4.889 4.665 7.456 6.842l7.676 6.58c2.559 2.195 5.142 4.366 7.81 6.415 2.637 2.093 5.326 4.118 7.989 6.178l4.017 3.062c1.352 1.002 2.742 1.947 4.112 2.922 10.949 7.82 22.294 15.051 33.904 21.778l8.767 4.937 4.38 2.465c1.464.814 2.96 1.569 4.442 2.35l8.906 4.644c2.965 1.55 5.924 3.107 8.942 4.55l9.002 4.411c3.002 1.463 5.985 2.962 9.023 4.347l9.072 4.227 4.534 2.111c1.507.712 3.021 1.408 4.558 2.054 6.116 2.653 12.204 5.359 18.334 7.959l18.521 7.467 18.707 6.943c6.271 2.209 12.584 4.297 18.868 6.447a755.278 755.278 0 0 0 76.949 20.286 737.954 737.954 0 0 0 21.51 4.034 2083.8 2083.8 0 0 1-14.286.013zm276.994-20.021c-56.093 9.682-124.146 16.089-196.959 18.7-28.225-4.405-56.111-10.541-83.488-18.276a736.719 736.719 0 0 1-73.545-24.77c-5.988-2.426-11.997-4.786-17.956-7.259l-17.748-7.72-17.512-8.206c-5.784-2.84-11.518-5.777-17.273-8.656a107.898 107.898 0 0 1-4.27-2.252l-4.241-2.306-8.476-4.607c-2.851-1.484-5.573-3.209-8.348-4.828l-8.288-4.918a731.786 731.786 0 0 1-32.26-20.943c-10.56-7.223-20.976-14.594-31.315-22.039-1.297-.925-2.617-1.82-3.894-2.769l-3.828-2.85c-2.567-1.881-5.107-3.798-7.7-5.646-1.281-.944-2.608-1.833-3.851-2.822l-3.783-2.903-7.616-5.755c-2.597-1.854-5.027-3.894-7.533-5.855l-7.487-5.927c-4.974-3.97-9.759-8.151-14.723-12.167l-14.358-12.619-6.997-6.519c-2.356-2.159-4.759-4.288-6.976-6.573-4.499-4.516-9.255-8.87-13.584-13.579l-6.695-6.948c-2.206-2.343-4.285-4.785-6.464-7.171l-3.267-3.591-1.638-1.801-1.554-1.857c-2.082-2.474-4.151-4.971-6.285-7.445-1.045-1.25-2.16-2.465-3.153-3.752l-3.021-3.854c-.19-.234-.378-.472-.567-.707 15.389-40.151 34.772-83.666 57.11-128.42a149.938 149.938 0 0 0 2.909 7.859l2.703 6.323c.969 2.073 2.004 4.108 3.009 6.172.511 1.026 1.003 2.069 1.543 3.079l1.668 2.995c1.124 1.991 2.211 4.022 3.378 5.992 9.424 15.703 20.543 30.328 32.592 43.983l4.583 5.059c1.526 1.692 3.055 3.384 4.635 5.013 3.152 3.27 6.283 6.587 9.538 9.743 3.229 3.192 6.443 6.414 9.795 9.462l4.981 4.639 5.058 4.54 5.082 4.518 5.179 4.388 5.186 4.386 5.255 4.288 5.285 4.255 5.355 4.151 5.358 4.152 5.418 4.061c28.988 21.549 59.723 40.495 91.567 57.11 31.887 16.552 64.426 31.608 97.274 45.792a1404.703 1404.703 0 0 0 49.656 20.314 1318.39 1318.39 0 0 0 50.413 18.273c33.89 11.366 68.261 21.295 103.066 29.413 17.414 4.009 34.935 7.559 52.556 10.533 17.622 2.959 35.339 5.401 53.147 6.96 17.802 1.575 35.681 2.395 53.549 2.11 11.629-.222 23.254-.914 34.803-2.202-25.873 12.568-64.943 23.609-114.998 32.249zm147.725-57.762c-4.154 7.114-11.997 13.979-23.235 20.487-14.713 1.103-29.479 1.153-44.19.443-17.569-.808-35.077-2.671-52.462-5.288-34.779-5.243-69.102-13.25-102.876-23.024-33.806-9.677-67.102-21.114-99.833-33.932a1294.756 1294.756 0 0 1-48.785-19.96c-16.114-7-32.088-14.307-47.91-21.911-3.941-1.934-7.905-3.816-11.823-5.791l-11.764-5.902c-3.904-1.999-7.776-4.064-11.663-6.094-3.881-2.042-7.724-4.156-11.586-6.229a1247.516 1247.516 0 0 1-45.588-26.129l-11.257-6.726c-3.729-2.277-7.437-4.587-11.181-6.834l-11.144-6.872-11.103-6.919c-14.774-9.259-29.448-18.637-43.927-28.276-28.941-19.281-57.095-39.7-83.136-62.476-13.006-11.397-25.339-23.492-36.692-36.506-1.418-1.627-2.754-3.308-4.141-4.965l-2.068-2.5-1.967-2.562c-1.303-1.716-2.647-3.419-3.929-5.161l-3.712-5.316a195.264 195.264 0 0 1-7.189-11.578c17.086-33.8 35.805-68.227 55.732-102.378 53.096 52.266 146.048 116.522 254.186 176.37l-.067.035 13.284 7.222.648.349c4.622 2.512 9.269 5.015 13.94 7.508l.641.341c4.436 2.365 8.894 4.72 13.37 7.065l2.244 1.173c3.833 2.002 7.68 3.996 11.54 5.982 1.179.607 2.357 1.214 3.535 1.818a2128.78 2128.78 0 0 0 10.01 5.09c48.327 24.44 96.445 46.416 142.401 65.035 1.013.41 2.028.826 3.038 1.233 2.79 1.124 5.566 2.228 8.338 3.326a1413.87 1413.87 0 0 0 12.238 4.789c2.272.877 4.532 1.742 6.788 2.6 1.199.456 2.411.931 3.606 1.382 1.171.442 2.331.871 3.497 1.307.646.242 1.292.484 1.937.724a1326.6 1326.6 0 0 0 10.111 3.72c.93.338 1.851.667 2.777 1.001 2.429.875 4.845 1.738 7.249 2.587.832.294 1.678.604 2.507.895 64.508 22.659 118.261 35.59 159.915 38.48 10.596 49.24 5.777 71.952-.304 82.367z",fill:"#286432"}),(0,s.jsx)("path",{d:"M455.995 203.992c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S444.002 192 448 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S476.002 192 480 192s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S540.002 192 544 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S572.002 192 576 192s7.995 7.577 7.995 11.992zm-64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S508.002 192 512 192c3.997 0 7.995 7.577 7.995 11.992zm-80 32c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S428.002 224 432 224s7.995 7.577 7.995 11.992zm-32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S396.002 224 400 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S460.002 224 464 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S524.002 224 528 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S556.002 224 560 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S588.002 224 592 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S620.002 224 624 224s7.995 7.577 7.995 11.992zm-128 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S492.002 224 496 224s7.995 7.577 7.995 11.992z",fill:"#FFF",opacity:.5}),(0,s.jsx)("path",{d:"M288 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0ZM672 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0Z",fill:"#E6413C"}),(0,s.jsx)("path",{d:"M545 489c0-18.748-15.252-34-34-34a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c18.748 0 34-15.252 34-34 0-10.419-4.711-19.758-12.114-26 7.403-6.242 12.114-15.581 12.114-26zm-87.343-84.97-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0 0-11.313 8.003 8.003 0 0 0-11.315.001zm267.313 0a8 8 0 0 0-11.313 0l-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0-.002-11.312z",fill:"#5A1E14"})]}))},rg="ZongziLoading_container__KGyse",og="ZongziLoading_content__nmVQL",sg="ZongziLoading_loadingItem1__Jzz6l",cg="ZongziLoading_loadingItem2__v95sv",lg="ZongziLoading_loadingItem3__9YuFQ",dg="ZongziLoading_loadingResult__TB26X",ug=function(){return(0,s.jsxs)("div",{className:rg,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.zongziLoading"}),(0,s.jsxs)("div",{className:og,children:[(0,s.jsx)("div",{className:sg,children:(0,s.jsx)(Ju,{})}),(0,s.jsx)("div",{className:cg,children:(0,s.jsx)(Xu,{})}),(0,s.jsx)("div",{className:lg,children:(0,s.jsx)(tg,{})}),(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:dg,children:(0,s.jsx)(ig,{})})]})},gg="BoxReflect_container__rgqKJ",mg="BoxReflect_content__RvDOC",fg="BoxReflect_btn1__lXo3N",pg="BoxReflect_btn2__X9Y76",hg=function(){return(0,s.jsxs)("div",{className:gg,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.borderRotation"}),(0,s.jsxs)("div",{className:mg,children:[(0,s.jsx)("div",{className:fg,children:"Reflect"}),(0,s.jsx)("div",{className:pg,children:"Reflect"})]})]})},vg="TextAnimation_container__2OnAH",xg=function(){return(0,s.jsxs)("div",{className:vg,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.luminousText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},yg="TextSearchlight_container__Zhm1N",jg=function(){return(0,s.jsxs)("div",{className:yg,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.searchlightText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},bg="DisplayTextInSmoke_container__VuzLk",_g="DisplayTextInSmoke_span1__5YgrP",wg="DisplayTextInSmoke_span2__0ekpA",Ag="DisplayTextInSmoke_btn__TqM3J",Dg=function(){var e=(0,a.useRef)(null),t=(0,a.useRef)(null);return(0,s.jsxs)("div",{className:bg,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:_g,children:"H"}),(0,s.jsx)("span",{className:_g,children:"E"}),(0,s.jsx)("span",{className:_g,children:"L"}),(0,s.jsx)("span",{className:_g,children:"L"}),(0,s.jsx)("span",{className:_g,children:"O"}),(0,s.jsx)("span",{className:_g,children:"W"}),(0,s.jsx)("span",{className:_g,children:"O"}),(0,s.jsx)("span",{className:_g,children:"R"}),(0,s.jsx)("span",{className:_g,children:"L"}),(0,s.jsx)("span",{className:_g,children:"D"})]}),(0,s.jsx)(U.Z,{type:"primary",className:Ag,onClick:function(){var n;t.current&&Array.prototype.forEach.call(t.current.children,(function(e,t){var n=_g;e.className===_g&&(n=wg),e.className=n})),null===(n=e.current)||void 0===n||n.load()},children:"Once Again"})]})},Mg="PlayVideoInText_container__EC3WA",Cg=function(){return(0,s.jsxs)("div",{className:Mg,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"})]})},Ng="WaveFont_container__fNKSm",Bg="WaveFont_firstText__xifTA",Sg="WaveFont_lastText__zEqYb",kg=function(){return(0,s.jsxs)("div",{className:Ng,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.wavyText"}),(0,s.jsx)("h2",{className:Bg,children:"River"}),(0,s.jsx)("h2",{className:Sg,children:"River"})]})};function Eg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Pg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Eg(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Eg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ig,Tg,Fg=function(e){return(0,s.jsxs)("svg",Pg(Pg({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"})]}))},Og="TextOutlineAnimation1_container__6RQrh",Gg="TextOutlineAnimation1_content__SOXIV",Rg=function(){var e=(0,a.useRef)(null);return(0,s.jsxs)("div",{className:Og,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineDisplay"}),(0,s.jsx)("div",{className:Gg,ref:e,children:(0,s.jsx)(Fg,{})})]})},Qg="TextOutlineAnimation2_container__zhG0i",Zg="TextOutlineAnimation2_content__yON0M",Lg="TextOutlineAnimation2_text__QCvLJ",Hg=function(){return(0,s.jsxs)("div",{className:Qg,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineLoop"}),(0,s.jsx)("div",{className:Zg,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:Lg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Lg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Lg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Lg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Lg})]})})]})},Ug={container:"MobiusBand1_container__A3w3j",content:"MobiusBand1_content__Y2lT8",roll:"MobiusBand1_roll__M4AKm",leftBottom:"MobiusBand1_leftBottom__TfZCd",rightTop:"MobiusBand1_rightTop__MiaIA",rightBottom:"MobiusBand1_rightBottom__vKqP7"},Vg=function(){return(0,s.jsxs)("div",{className:Ug.container,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar"}),(0,s.jsxs)("div",{className:Ug.content,children:[(0,s.jsx)("div",{className:Ug.leftTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Ug.leftBottom,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Ug.rightTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Ug.rightBottom,children:(0,s.jsx)("div",{})})]})]})},Wg={container:"MobiusBand2_container__q9icp",content:"MobiusBand2_content__SGf9O",changeColor:"MobiusBand2_changeColor__nbKQL",circle:"MobiusBand2_circle__-B8dS",span0:"MobiusBand2_span0__8HljQ",animate:"MobiusBand2_animate__KwG8b",span1:"MobiusBand2_span1__m2-J4",span2:"MobiusBand2_span2__Kycjr",span3:"MobiusBand2_span3__aic+U",span4:"MobiusBand2_span4__9RvM+",span5:"MobiusBand2_span5__JLiRL",span6:"MobiusBand2_span6__r6ZRt",span7:"MobiusBand2_span7__vtGYj",span8:"MobiusBand2_span8__ZCuuU",span9:"MobiusBand2_span9__kRjxt",span10:"MobiusBand2_span10__u7clS",span11:"MobiusBand2_span11__eHIkR",span12:"MobiusBand2_span12__Yezwb",span13:"MobiusBand2_span13__X4CcW",span14:"MobiusBand2_span14__Y2YXn",span15:"MobiusBand2_span15__f9u+3",span16:"MobiusBand2_span16__frwf9",span17:"MobiusBand2_span17__H5362",span18:"MobiusBand2_span18__TSvVT",span19:"MobiusBand2_span19__OKimV"},zg=new Array(20).fill(0),Yg=function(){return(0,s.jsxs)("div",{className:Wg.container,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots"}),(0,s.jsxs)("div",{className:Wg.content,children:[(0,s.jsx)("div",{className:Wg.circle,children:zg.map((function(e,t){return(0,s.jsx)("span",{className:Wg["span".concat(t)]},t)}))}),(0,s.jsx)("div",{className:Wg.circle,children:zg.map((function(e,t){return(0,s.jsx)("span",{className:Wg["span".concat(t)]},t)}))})]})]})},Jg="TankShaking_container__bge80",qg="TankShaking_content__6+tbO",Kg="TankShaking_bottle__Zv1Kp",Xg="TankShaking_water__6zMDg",$g="TankShaking_bottleBottom__GNmCv",em=function(){return(0,s.jsxs)("div",{className:Jg,children:[(0,s.jsx)(na,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.tankShaking"}),(0,s.jsxs)("div",{className:qg,children:[(0,s.jsx)("div",{className:Kg,children:(0,s.jsx)("div",{className:Xg})}),(0,s.jsx)("div",{className:$g})]})]})},tm="RichDynamicEffect_container__vXDm3",nm="RichDynamicEffect_box__mDZji",am="RichDynamicEffect_multipleColumnsBox__RXc88",im=function(){var e=u().setScrollTop;return(0,a.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:tm,children:[(0,s.jsxs)("div",{className:am,children:[(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(Pu,{})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(Ru,{})})]}),(0,s.jsxs)("div",{className:am,children:[(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(Wu,{})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(ug,{})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(hg,{})})]}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(xg,{})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(jg,{})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(Dg,{})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(ea,{data:qn[3]})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(Cg,{})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(kg,{})}),(0,s.jsxs)("div",{className:am,children:[(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(Rg,{})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(Hg,{})})]}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(ea,{data:qn[4]})}),(0,s.jsxs)("div",{className:am,children:[(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(Vg,{})}),(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(Yg,{})})]}),(0,s.jsx)("div",{className:am,children:(0,s.jsx)("div",{className:nm,children:(0,s.jsx)(em,{})})})]})},rm=400,om=200,sm=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=function(e){e.clearRect(0,0,rm,rm);var t=new Date,n=t.getHours(),a=t.getMinutes(),i=t.getSeconds();!function(e){e.save(),e.translate(om,om),e.lineWidth=20,e.beginPath(),e.arc(0,0,om-e.lineWidth/2,0,2*Math.PI),e.stroke(),e.beginPath(),e.arc(0,0,om-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 a=2*Math.PI/12*n,i=140*Math.cos(a),r=140*Math.sin(a);e.fillStyle="#000000",e.fillText(t.toString(),i,r)}));for(var t=0;t<60;t++){var n=2*Math.PI/60*t,a=164*Math.cos(n),i=164*Math.sin(n);e.beginPath(),e.fillStyle=t%5==0?"#000":"#ccc",e.arc(a,i,4,0,2*Math.PI),e.fill()}}(e),function(e,t,n){e.save(),e.beginPath();var a=2*Math.PI/12*t,i=2*Math.PI/12/60*n;e.rotate(a+i),e.lineWidth=12,e.lineCap="round",e.moveTo(0,20),e.lineTo(0,-100),e.stroke(),e.restore()}(e,n,a),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,a),function(e,t){e.save();var n=2*Math.PI/60*t;e.rotate(n),e.fillStyle="#c14543",e.beginPath(),e.moveTo(-4,40),e.lineTo(4,40),e.lineTo(1,-164),e.lineTo(-1,-164),e.fill(),e.restore()}(e,i),function(e){e.fillStyle="#fff",e.beginPath(),e.arc(0,0,6,0,2*Math.PI),e.fill()}(e),e.restore()};return(0,a.useEffect)((function(){var e=0;if(t.current){var a=t.current;a.width=rm,a.height=400;var i=a.getContext("2d");n(i),e=window.setInterval((function(){n(i)}),1e3)}return function(){e&&clearInterval(e)}}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},children:[(0,s.jsx)(na,{intlTitle:"page.canvasDynamicEffect.dynamicClock"}),(0,s.jsx)("canvas",{ref:t,children:e.formatMessage({id:"common.browserTooLow"})})]})},cm=n(10737),lm=n.n(cm),dm=504,um=540,gm=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,dm,um),t.beginPath(),t.fillStyle="black",t.fillRect(0,0,dm,um)},r=function(e){var t=e.ctx,n=e.x,a=e.y,i=e.radius;t.save(),t.beginPath(),t.arc(n,a,i,0,2*Math.PI),t.fillStyle="#fff",t.fill(),t.clip(),t.font="bold 150px Arial",t.textAlign="center",t.textBaseline="middle",t.fillStyle="#058",t.fillText("CANVAS",252,135),t.fillText("CANVAS",252,270),t.fillText("CANVAS",252,405),t.restore()};return(0,a.useEffect)((function(){var e=document.getElementById("searchlightCanvas");if(e){e.width=dm,e.height=um;var a=e.getContext("2d"),o=new(lm())(a,e,[{initX:400,initY:400,vx:6,vy:3,radius:80,afterDrawGlobule:r}],{beforeDrawGlobules:i});t.current=o,o.start()}var s=document.getElementById("searchlightCanvas2");if(s){s.width=dm,s.height=um;var c=s.getContext("2d"),l=new(lm())(c,s,[{initX:180,initY:450,vx:-4,vy:-2,radius:80,afterDrawGlobule:r},{initX:420,initY:150,vx:2,vy:4,radius:80,afterDrawGlobule:r}],{beforeDrawGlobules:i});n.current=l,l.start()}return function(){var e,a;null===(e=t.current)||void 0===e||e.stop(),null===(a=n.current)||void 0===a||a.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)(na,{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"})})]})},mm=n.p+"images/ae67d7f8.png",fm=0,pm=0,hm=80,vm=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,fm,pm),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,fm,pm)},r=function(e){var t=e.ctx,n=e.id,a=e.x,i=e.y;t.font="bold ".concat(40,"px Georgia"),t.fillStyle="#E76F5A",t.fillText(n,a-20+8,i+20-10)};return(0,a.useEffect)((function(){if(t.current){var e=t.current,a=e.offsetWidth,o=e.offsetHeight;fm=a,pm=o}else fm=600,pm=600;return function(){var e=document.getElementById("globuleInteractionCanvas");if(e){e.width=fm,e.height=pm;for(var t=e.getContext("2d"),a=[],o=Math.ceil(2),s=(fm-640-102)/2+hm,c=s,l=(pm-2*o*hm-50*(o-1))/2+hm,d=0;d<8;d++){var u={id:(d+1).toString(),initX:c,initY:l,radius:hm,color:"transparent",isPureColor:!0,bgImg:mm,collisionLossV:.4,moveLossV:.02,gDirection:"toInit",gCoefficient:.002,requiredMouseInteraction:!0,maxMouseOutForce:25,maxMoveV:null,afterDrawGlobule:r};a.push(u),(d+1)%4==0?(c=s,l+=210):c+=194}var g=new(lm())(t,e,a,{monitorMousePos:!0,beforeDrawGlobules:i});n.current=g,g.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%"},ref:t,children:(0,s.jsx)("canvas",{id:"globuleInteractionCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},xm={container:"KillPlanetGame_container__6v0pz",startBtn:"KillPlanetGame_startBtn__6pxTT",continueBtn:"KillPlanetGame_continueBtn__piXOd",restartBtn:"KillPlanetGame_restartBtn__ne7PY",gamepause:"KillPlanetGame_gamepause__n00+-",gameover:"KillPlanetGame_gameover__UjgKZ",scoreBox:"KillPlanetGame_scoreBox__Z33gD",pauseBtn:"KillPlanetGame_pauseBtn__vjx5x"},ym=2.5,jm=0,bm=0,_m=0,wm=0;!function(e){e[e.toPlay=0]="toPlay",e[e.playing=1]="playing",e[e.pause=2]="pause",e[e.gameover=3]="gameover"}(Ig||(Ig={})),function(e){e[e.player=0]="player",e[e.bullet=1]="bullet",e[e.planet=2]="planet",e[e.particle=3]="particle"}(Tg||(Tg={}));var Am=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useRef)(null),c=(0,a.useState)(Ig.toPlay),l=(0,o.Z)(c,2),d=l[0],u=l[1],g=(0,a.useRef)(Ig.toPlay),m=(0,a.useState)(0),f=(0,o.Z)(m,2),h=f[0],v=f[1],x=function(e){e.fillStyle="rgba(0, 0, 0, .2)",e.fillRect(0,0,jm,bm)},y=function(e){var t=e.ctx;x(t)},j=function(e){var t=e.globuleList.filter((function(e){var t=e.id,n=e.alpha,a=e.x,i=e.y,r=e.radius;return(t.role!==Tg.particle||0!==n)&&(t.role!==Tg.bullet||!(a<-r||i<-r||a>jm+r||i>bm+r))}));e.updateGlobuleList(t)},b=function(e){var t=e.inCollisionGlobule,a=e.inCollisionGlobuleList;if(t)for(var i=0,r=a.length;i<r;i++){var o;if(a[i].id.role===Tg.planet)return null===(o=n.current)||void 0===o||o.stop(),u(Ig.gameover),void(g.current=Ig.gameover)}},_=function(e){var t=e.inCollisionGlobule,a=e.inCollisionGlobuleList;if(n.current&&t)for(var i=function(t,i){var r=a[t],o=r.id,s=r.x,c=r.y,l=r.vx,d=r.vy,u=r.radius,g=r.color;if(o.role===Tg.planet){var m=!1;u-16>10?(m=!0,v(h+100)):v(h+250);var f=n.current.globuleList.filter((function(t){return t!==e&&t!==r}));if(m){var p=n.current.createGlobule({id:{role:Tg.planet},initX:s,initY:c,radius:u-16,color:g,vx:l,vy:d,receiveOutForce:!1,receiveWallForce:!1});f.unshift(p)}for(var x=0;x<8*u;x++){var y=(Math.random()-.5)*(8*Math.random()),j=(Math.random()-.5)*(8*Math.random()),b=n.current.createGlobule({id:{role:Tg.particle},initX:s,initY:c,radius:4*Math.random(),color:g,alphaChangeV:-.02,vx:y,vy:j,moveLossV:.03,receiveOutForce:!1,receiveWallForce:!1});f.unshift(b)}return n.current.updateGlobuleList(f),{v:void 0}}},r=0,o=a.length;r<o;r++){var s=i(r);if("object"===(0,Lc.Z)(s))return s.v}},w=function(){jm=0,bm=0,_m=0,wm=0;var e=document.getElementById("myCanvas2");if(e){if(0!==h&&v(0),ym=2.5,!t.current)return;var a=t.current,i=a.offsetWidth,r=a.offsetHeight,o=a.offsetLeft,s=a.offsetTop;jm=i,bm=r,_m=o,wm=s,e.width=jm,e.height=bm;var c=e.getContext("2d");x(c);var l=new(lm())(c,e,[{id:{role:Tg.player},initX:jm/2,initY:bm/2,radius:20,color:"#ffffff",fixedPos:!0,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:b}],{beforeDrawGlobules:y,afterDrawGlobules:j});n.current=l}};(0,a.useEffect)((function(){return w(),function(){var e;null===(e=n.current)||void 0===e||e.stop(),i.current&&clearInterval(i.current),r.current&&clearInterval(r.current)}}),[]);return(0,s.jsxs)("div",{className:xm.container,ref:t,onMouseDown:function(e){if(d===Ig.playing&&n.current){var t=Math.atan2(e.clientY-wm-bm/2,e.clientX-_m-jm/2),a=5*Math.cos(t),i=5*Math.sin(t),r=n.current.createGlobule({id:{role:Tg.bullet},initX:jm/2,initY:bm/2,radius:5,color:"#ffffff",vx:a,vy:i,receiveWallForce:!1,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:_});n.current.globuleList.unshift(r)}},style:{backgroundColor:[Ig.toPlay].includes(d)?"#000":"transparent"},children:[(0,s.jsx)("canvas",{id:"myCanvas2",children:e.formatMessage({id:"common.browserTooLow"})}),d===Ig.toPlay&&(0,s.jsx)("button",{className:xm.startBtn,onClick:function(){u(Ig.playing),g.current=Ig.playing,n.current&&(n.current.start(),i.current&&(clearInterval(i.current),i.current=0),i.current=window.setInterval((function(){if(g.current===Ig.playing&&n.current){var e,t,a=20*Math.random()+15,i="hsl(".concat(360*Math.random(),", 50%, 50%)");Math.random()<.5?(e=Math.random()<.5?0-a:jm+a,t=Math.random()*bm+a):(e=Math.random()*jm+a,t=Math.random()<.5?0-a:bm+a);var r=Math.atan2(bm/2-t,jm/2-e),o=Math.cos(r)*ym,s=Math.sin(r)*ym,c=n.current.createGlobule({id:{role:Tg.planet},initX:e,initY:t,radius:a,color:i,vx:o,vy:s,receiveOutForce:!1,receiveWallForce:!1});n.current.globuleList.unshift(c)}}),1500),r.current&&(clearInterval(r.current),r.current=0),r.current=window.setInterval((function(){ym+=1}),2e4))},children:e.formatMessage({id:"page.canvasDynamicEffect.startGame"})}),d!==Ig.toPlay&&(0,s.jsxs)("div",{className:xm.scoreBox,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"："]}),(0,s.jsx)("span",{className:xm.score,children:h})]}),[Ig.playing,Ig.pause].includes(d)&&(0,s.jsx)("div",{className:xm.pauseBtn,onClick:function(){var e;d===Ig.playing&&(u(Ig.pause),g.current=Ig.pause,null===(e=n.current)||void 0===e||e.stop())},children:e.formatMessage({id:"page.canvasDynamicEffect.pause"})}),d===Ig.pause&&(0,s.jsxs)("div",{className:xm.gamepause,children:[(0,s.jsx)("h1",{children:e.formatMessage({id:"page.canvasDynamicEffect.gameHasPaused"})}),(0,s.jsx)("button",{className:xm.continueBtn,onClick:function(){var e;u(Ig.playing),g.current=Ig.playing,null===(e=n.current)||void 0===e||e.start()},children:e.formatMessage({id:"page.canvasDynamicEffect.continueTheGame"})})]}),d===Ig.gameover&&(0,s.jsxs)("div",{className:xm.gameover,children:[(0,s.jsxs)("h1",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"：",(0,s.jsx)("span",{className:xm.finallyScore,children:h})]}),(0,s.jsx)("button",{className:xm.restartBtn,onClick:function(){u(Ig.toPlay),g.current=Ig.toPlay,w()},children:e.formatMessage({id:"page.canvasDynamicEffect.restart"})})]})]})},Dm=n(93433),Mm=n.p+"images/c00b0a45.png",Cm=n.p+"images/70820c21.png",Nm=n.p+"images/99bcc282.png",Bm=n.p+"images/f82dcd2c.png",Sm=0,km=0,Em=[{radius:14,gDirection:"toBottom",gCoefficient:.2,collisionLossV:1.2,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Bm},{radius:26,gDirection:"toBottom",gCoefficient:.3,collisionLossV:.8,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Nm},{radius:60,gDirection:"toBottom",gCoefficient:.25,collisionLossV:.9,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Mm},{radius:54,gDirection:"toBottom",gCoefficient:.25,collisionLossV:1,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:Cm}],Pm=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,Sm,km),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,Sm,km)},r=function(e,t){var n=t.mouseDownPos,a=t.globuleList;if(!(t.mouseInGlobuleList.length>0)){var i=Math.floor(Math.random()*Em.length),r=Object.assign({},Em[i],{initX:n.mouseX,initY:n.mouseY}),o=t.createGlobule(r),s=[].concat((0,Dm.Z)(a),[o]);t.updateGlobuleList(s)}};return(0,a.useEffect)((function(){if(t.current){var e=t.current,a=e.offsetWidth,o=e.offsetHeight;Sm=a,km=o}else Sm=600,km=600;return function(){var e=document.getElementById("myCanvas");if(e){e.width=Sm,e.height=km;var t=e.getContext("2d"),a=new(lm())(t,e,[],{monitorMousePos:!0,beforeDrawGlobules:i,onMouseDownCanvas:r});n.current=a,a.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%"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},Im=[[[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]]],Tm=0,Fm=0,Om=8,Gm=60,Rm=30,Qm=0,Zm=0,Lm=0,Hm=0,Um=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"],Vm=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=new Date;i.setTime(i.getTime()+36e5);var r=(0,a.useRef)(i),o=function(){var e,t=new Date,n=Math.round(((null===(e=r.current)||void 0===e?void 0:e.getTime())-t.getTime())/1e3);return n>=0?n:0},c=function(e,t,n){for(var a=[],i=0,r=Im[n].length;i<r;i++)for(var o=0,s=Im[n][i].length;o<s;o++){var c={initX:e+2*o*(Om+1)+(Om+1),initY:t+2*i*(Om+1)+(Om+1),radius:Om,color:"rgb(0,102,153)",isPureColor:!0,alpha:Im[n][i][o],fixedPos:!0,receiveOutForce:!1};a.push(c)}return a},l=function(e,t){if(n.current)for(var a=n.current.globuleList,i=e,r=0,o=Im[t].length;r<o;r++)for(var s=0,c=Im[t][r].length;s<c;s++)a[i].alpha=Im[t][r][s],i++},d=function(e,t,a){if(n.current)for(var i=n.current.globuleList,r=0,o=Im[a].length;r<o;r++)for(var s=0,c=Im[a][r].length;s<c;s++)if(1===Im[a][r][s]){var l={id:{hadCollisionWall:!1,vx:0},initX:e+2*s*(Om+1)+(Om+1),initY:t+2*r*(Om+1)+(Om+1),vx:0,vy:-2,radius:Om,color:Um[Math.floor(Math.random()*Um.length)],receiveOutForce:!1,resistanceWallDirection:["bottom","top"],gDirection:"toBottom",gCoefficient:.3+.02*Math.random(),collisionLossV:5,moveLossV:.08},d=n.current.createGlobule(l);i.push(d)}},u=function(e){var t=e.ctx;t.clearRect(0,0,Tm,Fm),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,Tm,Fm),function(){var e=o(),t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),a=e%60,i=Math.floor(Qm/3600),r=Math.floor((Qm-3600*i)/60),s=Qm%60;if(a!=s){var c=0,u=Math.floor(t/10);Math.floor(i/10)!=Math.floor(t/10)&&(l(c,u),d(Rm,Gm,u)),c+=Zm;var g=Math.floor(t%10);Math.floor(i%10)!=g&&(l(c,g),d(Rm+15*(Om+1),Gm,g)),c+=Zm+Lm;var m=Math.floor(n/10);Math.floor(r/10)!=m&&(l(c,m),d(Rm+39*(Om+1),Gm,m)),c+=Zm;var f=Math.floor(n%10);Math.floor(r%10)!=f&&(l(c,f),d(Rm+54*(Om+1),Gm,f)),c+=Zm+Lm;var p=Math.floor(a/10);Math.floor(s/10)!=p&&(l(c,p),d(Rm+78*(Om+1),Gm,p)),c+=Zm;var h=Math.floor(a%10);Math.floor(s%10)!=h&&(l(c,h),d(Rm+93*(Om+1),Gm,h)),Qm=e}}()},g=function(e){var t=e.globuleList.filter((function(e,t){var n=e.id,a=e.x,i=e.radius,r=e.inCollisionWall;if(t>=Hm){if(!r||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(a<=-i||a>=Tm+i)return!1}return!0}));e.updateGlobuleList(t)},m=function(){var e=document.getElementById("myCanvas");if(e){e.width=Tm,e.height=Fm;var t=e.getContext("2d");Qm=o();var a=function(){var e=[],t=Math.floor(Qm/3600),n=Math.floor((Qm-3600*t)/60),a=Qm%60,i=c(Rm,Gm,Math.floor(t/10));e=e.concat(i),Zm=i.length;var r=c(Rm+15*(Om+1),Gm,Math.floor(t%10));e=e.concat(r);var o=c(Rm+30*(Om+1),Gm,10);e=e.concat(o),Lm=o.length;var s=c(Rm+39*(Om+1),Gm,Math.floor(n/10));e=e.concat(s);var l=c(Rm+54*(Om+1),Gm,Math.floor(n%10));e=e.concat(l);var d=c(Rm+69*(Om+1),Gm,10);e=e.concat(d);var u=c(Rm+78*(Om+1),Gm,Math.floor(a/10));e=e.concat(u);var g=c(Rm+93*(Om+1),Gm,Math.floor(a%10));return e=e.concat(g),Hm=e.length,e}(),i=new(lm())(t,e,a,{beforeDrawGlobules:u,afterDrawGlobules:g});n.current=i,i.start()}};return(0,a.useEffect)((function(){if(t.current){var e=t.current,a=e.offsetWidth,i=e.offsetHeight;Tm=a,Fm=i}else Tm=600,Fm=600;return Rm=Math.round(Tm/5),Om=Math.round(3*Tm/5/108)-1,Gm=Math.round(Fm/8),m(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},Wm=(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}),zm=function(e){return(0,a.useEffect)((function(){particlesJS("particles-js",Wm)}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",backgroundColor:"#000000"},id:"particles-js",children:e.children})},Ym=n.p+"images/a6f77ec2.png",Jm=function(){function e(t){(0,Iu.Z)(this,e),this.init(t)}return(0,Tu.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=Ym,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,a=t>>1,i=this.new_img_data.data.length,r=0;r<i;r+=4){var o=r>>2,s=o%e,c=(o-s)/e,l=Math.max(s-1,0),d=Math.min(s+1,e-1),u=Math.min(c+1,t-1),g=Math.max(c-1,0),m=this.buffer_1[s][u]+this.buffer_1[s][g]+this.buffer_1[d][c]+this.buffer_1[l][c];m>>=1,m-=this.buffer_2[s][c],m-=m>>5,this.buffer_2[s][c]=m;var f=(this.max_amplitude-m)/this.max_amplitude;if(0!==m){var p=((s-n)*f<<0)+n,h=((c-a)*f<<0)+a;p=Math.min(p,e-1),p=Math.max(p,0),h=Math.max(h,0);var v=(h=Math.min(h,t-1))*e+p<<2,x=this.img_data.data[v],y=this.img_data.data[v+1],j=this.img_data.data[v+2];this.new_img_data.data[r]=x,this.new_img_data.data[r+1]=y,this.new_img_data.data[r+2]=j}}this.ctx.putImageData(this.new_img_data,0,0),this.ctx.drawImage(this.bridge,0,.35*this.height,this.width,.65*this.height);var b=this.buffer_2;this.buffer_2=this.buffer_1,this.buffer_1=b}else this.drawBackground()}},{key:"animate",value:function(){var e=this,t=(new Date).getTime();!function n(){var a=(new Date).getTime();a-t>e.animation_interval&&(e.render(),t=a),e.animation_idx=requestAnimationFrame(n)}()}},{key:"throttle",value:function(e,t){var n=(new Date).getTime();return function(){var a=(new Date).getTime();a-n>=t&&(n=a,e.apply(this,arguments))}}},{key:"ripple",value:function(e,t){if(this.load)for(var n=Math.max(e-this.ripple_radius,0),a=Math.min(e+this.ripple_radius,this.buffer_1.length-1),i=Math.max(t-this.ripple_radius,0),r=Math.min(t+this.ripple_radius,this.buffer_1[0].length-1),o=n;o<a;o++)for(var s=i;s<r;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(),a=n.top,i=n.left;e.ripple(Math.floor(t.clientX-i),Math.floor(t.clientY-a))}),this.mousemove_interval))}},{key:"setResize",value:function(){var e=this;window.addEventListener("resize",(function(){var t=e.boxRef.current,n=t.offsetWidth,a=t.offsetHeight;e.canvas.width=n,e.canvas.height=a,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}(),qm=Jm,Km=n.p+"images/cf5db1b1.png",Xm=600,$m=600,ef=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useRef)(null);return(0,a.useEffect)((function(){if(t.current&&n.current){var e=t.current,a=e.offsetWidth,o=e.offsetHeight;Xm=a,$m=o,n.current.width=Xm,n.current.height=$m;var s=new Image;s.src=Km;var c=new qm({canvas:n.current,background:s,boxRef:t});i.current=c,c.animate(),r.current=window.setInterval((function(){var e=Math.floor(Xm*Math.random()),t=Math.floor($m*Math.random());c.ripple(e,t)}),1e3),c.addMousemove()}return function(){var e;r.current&&clearInterval(r.current),null===(e=i.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},tf=600,nf=600,af=0,rf={x:0,y:0},of=function(){function e(){(0,Iu.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,Tu.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}(),sf=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useRef)(0),o=(0,a.useRef)(rf),c=(0,a.useRef)([]),l=function e(){if(i.current){for(var t=0,n=c.current.length;t<n;t++){c.current[t].draw(i.current)}r.current=window.requestAnimationFrame(e)}},d=function(){if(t.current&&n.current){var e=t.current,a=e.offsetWidth,i=e.offsetHeight;tf=a,nf=i,n.current.width=tf,n.current.height=nf}},u=(0,a.useCallback)((function(e){if(n.current){var a=o.current.x,r=o.current.y,s=n.current.getBoundingClientRect(),l=s.top,d=s.left,u=e.clientX-d,g=e.clientY-l;o.current.x=u,o.current.y=g;var m=new of,f=Math.atan2(g-r,u-a);if(m.reset(u,g,f),c.current.push(m),c.current.length>200&&c.current.shift(),af+=1,t.current&&af>140)"rgb(11, 11, 11)"===(t.current.style||{}).backgroundColor&&(t.current.style.backgroundColor="transparent");i.current&&af%3==0&&(i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,tf,nf))}}),[]);return(0,a.useEffect)((function(){return function(){if(af=0,t.current&&n.current){t.current.style.backgroundColor="rgb(11, 11, 11)",d();var e=n.current.getContext("2d");i.current=e,i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,tf,nf)}}(),n.current&&n.current.addEventListener("mousemove",u),l(),function(){r.current&&cancelAnimationFrame(r.current),n.current&&n.current.removeEventListener("mousemove",u)}}),[]),(0,a.useEffect)((function(){return window.addEventListener("resize",d),function(){window.removeEventListener("resize",d)}}),[]),(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"})})})},cf=600,lf=600,df="abcdefghijklmnopqrstuvwxyz",uf=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useRef)(0),o=(0,a.useRef)({}),c=(0,a.useRef)({}),l=(0,a.useRef)({}),d=(0,a.useRef)({}),u=function e(){if(i.current){i.current.clearRect(0,0,cf,lf);for(var t=0;t<cf;t+=26){i.current.beginPath();var n=i.current.createLinearGradient(0,0,0,lf),a=.2*Math.random(),s=.8*Math.random()+.2,u=.02*Math.random(),g=o.current,m=c.current,f=l.current,p=d.current;m[t]=m[t]||-a,f[t]=f[t]||0,g[t]=g[t]||-s,n.addColorStop(0,"#000000"),n.addColorStop(g[t]<0?0:g[t],"#000000"),n.addColorStop(m[t]<0?0:m[t],"#0ee30e"),n.addColorStop(f[t],"#000000"),n.addColorStop(1,"#000000"),i.current.fillStyle=n;for(var h=0;h<lf;h+=26)p[t+"-"+h]=p[t+"-"+h]||df[Math.floor(Math.random()*df.length)],i.current.fillText(p[t+"-"+h],t,h);m[t]+=u,f[t]+=u,g[t]+=u,g[t]>1&&(g[t]=-s),m[t]>1&&(g[t]===-s?m[t]=-a:m[t]=1),f[t]>1&&(m[t]===-a&&g[t]===-s?f[t]=u:f[t]=1)}r.current=window.requestAnimationFrame(e)}},g=function(){if(t.current&&n.current){var e=t.current,a=e.offsetWidth,i=e.offsetHeight;cf=a,lf=i,n.current.width=cf,n.current.height=lf}};return(0,a.useEffect)((function(){return function(){if(t.current&&n.current){g();var e=n.current.getContext("2d");e.font="14px SourceHanSansCN-Regular",i.current=e}}(),u(),function(){r.current&&cancelAnimationFrame(r.current)}}),[]),(0,a.useEffect)((function(){return window.addEventListener("resize",g),function(){window.removeEventListener("resize",g)}}),[]),(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"})})})},gf="WordDance_container__BGVoO",mf="WordDance_tip__D4cQj",ff=324,pf=570,hf=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useRef)(null),o=(0,a.useRef)(0),c=function e(){if(t.current&&r.current){r.current.drawImage(t.current,0,0,ff,pf);var n=r.current.getImageData(0,0,ff,pf);r.current.clearRect(0,0,ff,pf);for(var a=n.data,i=n.width,s=n.height,c=0;c<s;c++)for(var l=0;l<i;l++){var d=4*(c*i+l);if(l%6==0&&c%6==0){var u=(a[d]+a[d+1]+a[d+2])/3;r.current.fillStyle="rgb(".concat(u,", ").concat(u,", ").concat(u,")"),r.current.font="10px Arial",r.current.fillText("8",l,c)}}o.current=window.requestAnimationFrame(e)}};return(0,a.useEffect)((function(){return function(){if(n.current&&t.current&&i.current){i.current.width=ff,i.current.height=pf;var e=i.current.getContext("2d",{willReadFrequently:!0});r.current=e,t.current.crossOrigin="anonymous"}}(),c(),function(){o.current&&cancelAnimationFrame(o.current)}}),[]),(0,s.jsxs)("div",{className:gf,ref:n,children:[(0,s.jsx)("video",{muted:!1,autoPlay:!0,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t,children:(0,s.jsx)("source",{src:"public/dance.mp4"})}),(0,s.jsx)("canvas",{ref:i,children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:mf,children:e.formatMessage({id:"page.canvasDynamicEffect.videoIsSlowToLoad"})})]})},vf=n(99477),xf=n(66358),yf=function(e,t,n){var i=(0,a.useRef)(null),r=(0,a.useRef)(null),o=(0,a.useRef)(null),s=(0,a.useRef)(0),c=function e(){i.current&&r.current&&o.current&&(o.current.render(i.current,r.current),s.current=window.requestAnimationFrame(e))},l=function(){if(e.current){var n=e.current,a=n.clientWidth,s=n.clientHeight,l=new vf.xsS;i.current=l;var d=new vf.cPb(75,a/s,.1,1e3);d.position.set(0,0,10),r.current=d;var u=new vf.CP7({antialias:!0});o.current=u,u.setSize(a,s),u.setPixelRatio(window.devicePixelRatio),e.current.append(u.domElement),c(),t&&t(l,d,u)}},d=function(){if(e.current&&o.current&&r.current){var t=e.current,a=t.clientWidth,i=t.clientHeight;r.current.aspect=a/i,r.current.updateProjectionMatrix(),o.current.setSize(a,i),o.current.setPixelRatio(window.devicePixelRatio),n&&n()}};return(0,a.useEffect)((function(){return l(),window.addEventListener("resize",d),function(){s.current&&window.cancelAnimationFrame(s.current),window.removeEventListener("resize",d)}}),[]),{scene:i.current,camera:r.current,renderer:o.current}},jf=n(3867),bf=new(n(82854)._);bf.setDecoderPath("./public/draco/gltf/"),bf.setDecoderConfig({type:"js"});var _f,wf=function(e){return new Promise((function(t,n){var a=new jf.E;a.setCrossOrigin("anonymous"),a.setDRACOLoader(bf),a.load(e,(function(e){t(e)}),void 0,(function(e){n(e)}))}))},Af=n.p+"images/a2edaf85.jpg",Df=n.p+"images/573c0a93.jpg",Mf="AppPageFrame_container__RwZyB",Cf="AppPageFrame_content__dsybk",Nf="AppPageFrame_page__ytrdN",Bf=[0,-1.5,0],Sf=function(){var e=(0,a.useRef)(null),t=(0,a.useRef)(null),n=(0,a.useState)(0),i=(0,o.Z)(n,2),r=i[0],c=i[1],l=(0,a.useRef)([]),d=(0,a.useRef)(0),u=(0,a.useRef)(xf.p8.timeline()),g=(0,a.useRef)(null),m=yf(e,(function(t,n,a){if(e.current){var i=e.current.clientHeight;c(i);var r=new vf.Ox3(16777215,1);r.position.set(0,0,1),t.add(r);var o=new vf.Ox3(16777215,.5);o.position.set(0,0,-1),t.add(o);var s=new vf.Ox3(16777215,.5);s.position.set(-1,1,1),t.add(s),wf("./public/model/spaceStation.glb").then((function(e){e.scene.scale.set(.15,.15,.15),e.scene.position.set(5,0,0),t.add(e.scene),l.current.push(e)})),wf("./public/model/spaceStation2.glb").then((function(e){e.scene.scale.set(1,1,1),e.scene.position.set(5,-20,0),e.scene.rotation.set(0,Bf[1],0),t.add(e.scene),l.current.push(e)})),wf("./public/model/spaceStation3.glb").then((function(e){e.scene.scale.set(.18,.18,.18),e.scene.position.set(5,-40,0),t.add(e.scene),l.current.push(e)}));for(var d=0;d<10;d++){for(var u=new vf.xo$(1.5,10,10),g=(new vf.dpR).load(Af),m=(new vf.dpR).load(Df),f=new vf.Wid({map:g,displacementMap:m,displacementScale:.5}),p=new vf.SPe(u,f,100),h=0;h<1e3;h++){var v=1e3*Math.random()-500,x=1e3*Math.random()-500,y=1e3*Math.random()-500,j=new vf.yGw;j.makeTranslation(v,x,y),p.setMatrixAt(h,j);var b=20*Math.random()-8;j.makeScale(b,b,b)}xf.p8.to(p.position,{duration:10*Math.random()+5,ease:"linear",z:-1e3,repeat:-1}),t.add(p)}}}),(function(){if(e.current){var n=e.current.clientHeight;c(n),t.current&&(t.current.style.top="-".concat(d.current*n,"px"))}})),f=(m.scene,m.camera),p=(m.renderer,(0,H.Z)((function(n){if(f){if(u.current&&u.current.isActive())return;if(n.wheelDelta<0&&d.current<l.current.length-1)d.current=d.current+1,u.current.to(f.position,{duration:.8,y:-20*d.current});else{if(!(n.wheelDelta>0&&d.current>0))return;d.current=d.current-1,u.current.to(f.position,{duration:.8,y:-20*d.current})}}if(e.current&&t.current){var a=e.current.clientHeight;g.current=xf.p8.to(t.current,{duration:.8,top:"-".concat(d.current*a,"px"),onComplete:function(){var e;null===(e=g.current)||void 0===e||e.kill(),g.current=null}})}}),{wait:100}));return(0,a.useEffect)((function(){return window.addEventListener("mousewheel",p.run),function(){window.removeEventListener("mousewheel",p.run)}}),[]),(0,s.jsx)("div",{className:Mf,onMouseMove:function(t){if(e.current){var n=e.current,a=n.clientWidth,i=n.clientHeight,r=t.clientX/a*2-1,o=t.clientY/i*2-1,s=xf.p8.timeline(),c=l.current[d.current];c&&s.to(c.scene.rotation,{duration:.8,x:.5*o,y:.5*r+Bf[d.current]})}},ref:e,children:(0,s.jsxs)("div",{className:Cf,ref:t,children:[(0,s.jsx)("div",{className:Nf,style:{height:r>0?"".concat(r,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page One"})}),(0,s.jsx)("div",{className:Nf,style:{height:r>0?"".concat(r,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Two"})}),(0,s.jsx)("div",{className:Nf,style:{height:r>0?"".concat(r,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Three"})})]})})},kf=n(96064),Ef="HumanPostureDetection_container__02pq8",Pf="HumanPostureDetection_content__7virt";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(_f||(_f={}));var If,Tf=Math.floor(.55*window.screen.width),Ff=Math.floor(.55*window.screen.height),Of=Tf%2==0?Tf:Tf+1,Gf=Ff%2==0?Ff:Ff+1,Rf=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useRef)(null),r=(0,a.useState)(_f.ready),c=(0,o.Z)(r,2),l=c[0],d=c[1],u=(0,a.useRef)(null),g=(0,a.useRef)(null),m=(0,a.useRef)(null),f=function(e,t,n,a,i){i.beginPath(),i.arc(e,t,n,0,2*Math.PI),i.fillStyle=a,i.fill()},h=function(){var e=(0,Fc.Z)(Gc().mark((function e(){var a,i,r,s;return Gc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n.current&&t.current&&g.current)){e.next=13;break}if(t.current.srcObject){e.next=3;break}return e.abrupt("return");case 3:return g.current.drawImage(t.current,0,0,Of,Gf),i=g.current.getImageData(0,0,Of,Gf),e.next=7,n.current.estimatePoses(i,{flipHorizontal:!1,maxPoses:1,scoreThreshold:.5,nmsRadius:20});case 7:r=e.sent,(s=(null===(a=r[0])||void 0===a?void 0:a.keypoints)||[]).forEach((function(e){var t=e.x,n=e.y,a=e.score;e.name;a>.5&&f(t,n,6,"#f00000",g.current)})),kf.D5.getAdjacentPairs(kf.oV.PoseNet).forEach((function(e){var t,n,a,i,r,c,l,d,u,m,f,p=(0,o.Z)(e,2),h=p[0],v=p[1];if(s&&s.length>=2){var x=s[h],y=s[v],j=null!=x.score?x.score:0,b=null!=y.score?y.score:0;j>=.5&&b>=.5&&(t=[x.x,x.y],n=[y.x,y.y],a="aqua",i=1,r=g.current,c=(0,o.Z)(t,2),l=c[0],d=c[1],u=(0,o.Z)(n,2),m=u[0],f=u[1],r.beginPath(),r.moveTo(l*i,d*i),r.lineTo(m*i,f*i),r.lineWidth=4,r.strokeStyle=a,r.stroke())}})),m.current=window.setTimeout((function(){h()}),50);case 13:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),v=function(){var a=(0,Fc.Z)(Gc().mark((function a(){var r;return Gc().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:i.current&&n.current?l===_f.inRecording?(t.current&&(t.current.srcObject=null),m.current&&(window.clearTimeout(m.current),m.current=null),d(_f.ready),setTimeout((function(){var e;g.current&&(null===(e=g.current)||void 0===e||e.clearRect(0,0,Of,Gf))}),50)):(t.current&&(t.current.srcObject=i.current,h()),d(_f.inRecording)):t.current&&(r={audio:!1,video:{width:Of,height:Gf,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(r).then(function(){var e=(0,Fc.Z)(Gc().mark((function e(a){var r,o;return Gc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.current&&a&&(i.current=a),!t.current||!i.current){e.next=9;break}return t.current.srcObject=i.current,r=kf.oV.PoseNet,e.next=6,kf.cH(r,{modelType:"full"});case 6:o=e.sent,n.current=o,h();case 9:d(_f.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")?Qc.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):t.message&&t.message.includes("Invalid architecture full")?Qc.ZP.error(t.message):Qc.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):Qc.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"})));case 1:case"end":return a.stop()}}),a)})));return function(){return a.apply(this,arguments)}}();return(0,a.useEffect)((function(){!function(){if(u.current){u.current.width=Of,u.current.height=Gf;var e=u.current.getContext("2d");g.current=e}}()}),[]),(0,s.jsxs)("div",{className:Ef,children:[(0,s.jsx)(na,{intlTitle:"page.AIApplication.humanPostureDetection"}),(0,s.jsxs)("div",{className:Pf,style:{width:"".concat(Of,"px"),height:"".concat(Gf,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(Of,"px"),height:"".concat(Gf,"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:u,children:e.formatMessage({id:"common.browserTooLow"})})]}),(0,s.jsx)(U.Z,{type:"primary",onClick:v,children:l===_f.inRecording?e.formatMessage({id:"common.end"}):e.formatMessage({id:"common.start"})})]})},Qf="NotBlockPeopleBarrage_container__g5VWx",Zf="NotBlockPeopleBarrage_content__KP88f",Lf="NotBlockPeopleBarrage_barrageBox__IT1iB",Hf="NotBlockPeopleBarrage_bottomBox__kTapl";!function(e){e[e.ready=0]="ready",e[e.playing=1]="playing",e[e.pause=2]="pause"}(If||(If={}));var Uf,Vf=324,Wf=576,zf=function(){var e=(0,p.Z)(),t=(0,a.useRef)(null),n=(0,a.useRef)(null),i=(0,a.useState)(""),r=(0,o.Z)(i,2),c=r[0],l=r[1],d=(0,a.useState)(If.ready),u=(0,o.Z)(d,2),g=u[0],m=u[1],f=(0,a.useRef)(null),h=(0,a.useRef)(null),v=function(){var e=(0,Fc.Z)(Gc().mark((function e(){var a,i,r,o,s,c,l,d;return Gc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.current||!n.current){e.next=18;break}if(!(a=zc(t.current,Vf,Wf))){e.next=18;break}return i={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=6,f.current.segmentPeople(a,i);case 6:return r=e.sent,o={r:0,g:0,b:0,a:0},s={r:0,g:0,b:0,a:255},e.next=11,Ql.wX(r,o,s,false,.3);case 11:c=e.sent,l=Vc(c),n.current.style["-webkit-mask-image"]="url(".concat(l,")"),n.current.style["-webkit-mask-size"]="".concat(Vf,"px ").concat(Wf,"px"),(d=n.current.children)&&d.length>0&&Array.prototype.forEach.call(d,(function(e){if(e.style.left<-324){var t;null===(t=n.current)||void 0===t||t.removeChild(e)}else{var a=e.style.left;e.style.left="".concat(Number(a.substring(0,a.length-2))-2,"px")}})),h.current=window.requestAnimationFrame(v);case 18:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),x=function(){if(c){if(n.current){var t=document.createElement("span");t.innerText=c,t.style.fontSize="".concat(20,"px"),t.style.fontWeight="500",t.style.color="#fff",t.style.whiteSpace="nowrap",t.style.position="absolute";var a=24*Math.floor(10*Math.random())+20;t.style.top="".concat(a,"px"),t.style.left="".concat(Vf,"px"),n.current.appendChild(t)}else Qc.ZP.warning(e.formatMessage({id:"common.tryingToLoad"}));l("")}},y=function(){var e=(0,Fc.Z)(Gc().mark((function e(){var n,a,i;return Gc().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&&f.current&&(m(If.playing),t.current.play(),v())},n=Ql.oV.MediaPipeSelfieSegmentation,a={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},e.next=6,Ql.N7(n,a);case 6:i=e.sent,f.current=i,g===If.ready&&(m(If.playing),t.current.play(),v());case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,a.useEffect)((function(){return y(),function(){h.current&&cancelAnimationFrame(h.current)}}),[]),(0,s.jsxs)("div",{className:Qf,children:[(0,s.jsxs)("div",{className:Zf,style:{width:"".concat(Vf,"px"),height:"".concat(Wf,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(Vf,"px"),height:"".concat(Wf,"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:Lf,ref:n}),g!==If.ready&&(0,s.jsx)(U.Z,{type:"primary",ghost:!0,onClick:function(){t.current&&(g===If.playing?(m(If.pause),t.current.pause()):(m(If.playing),t.current.play()))},children:g===If.playing?e.formatMessage({id:"common.pause"}):e.formatMessage({id:"common.play"})})]}),(0,s.jsxs)("div",{className:Hf,children:[(0,s.jsx)(Rc.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)(U.Z,{type:"primary",onClick:x,children:e.formatMessage({id:"page.AIApplication.send"})})]})]})},Yf="Tabs_container__RIXsh",Jf=function(e){var t=e.data,n=void 0===t?[]:t,a=e.selectedTabId,i=e.onChange,r=e.className;return(0,s.jsx)("div",{className:"".concat(Yf).concat(r?" ".concat(r):""),children:n.map((function(e){return(0,s.jsx)("div",{className:"tabs-tabItem ".concat(a===e.id?"active":""),onClick:function(){i&&i(e.id)},children:e.label},e.id)}))})},qf=n(95356),Kf="GameImage_container__e2aoo",Xf="GameImage_content__cZ+Gc",$f="GameImage_tabs__xra0s",ep="GameImage_imgBox__ES0mu",tp="GameImage_fileBox__U4QfQ",np="GameImage_fileInfo__XbcB8",ap="GameImage_item__D+D4-",ip="GameImage_emptyBox__UPTFJ",rp="GameImage_uploadBtn__APRH9",op="GameImage_text__f5h6K",sp="GameImage_tips__ZakAW",cp="GameImage_extensionTip__128aY",lp="GameImage_operationBtns__ooDke",dp="GameImage_left__OT+yU",up="GameImage_operationBtn__QZzcl",gp="GameImage_right__AosrA",mp={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},jpgToPngStatus:{doing:!1,imageData:null},pngToJpgStatus:{doing:!1,imageData:null}},fp=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,r=e.onDragOver,o=e.onDragLeave,c=e.onDrop,l=e.onClear,d=(0,p.Z)(),u=(0,a.useRef)((0,qf.Z)(mp)),g=function(e,a,i){if(e&&e.imageData)n(e.imageData);else{if(e.doing)return void Qc.ZP.warning(d.formatMessage({id:"common.workHard"}));if(null!=t&&t.imageData){e.doing=!0;var r=a(t.imageData);r?(e.imageData=r,n(r,i)):Qc.ZP.error(d.formatMessage({id:"common.operationFailure"})),e.doing=!1}}};return(0,a.useEffect)((function(){u.current=(0,qf.Z)(mp)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:ep,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:o,onDrop:c,children:(0,s.jsxs)("div",{className:tp,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:np,children:[(0,s.jsxs)("div",{className:ap,children:[d.formatMessage({id:"page.imageProcessingTool.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:ap,children:[d.formatMessage({id:"page.imageProcessingTool.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:ap,children:[d.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):d.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:ap,children:[d.formatMessage({id:"common.size"}),"：",zl(t.size)]})]})]})}),(0,s.jsxs)("div",{className:lp,children:[(0,s.jsxs)("div",{className:dp,children:[(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.flipSideToSideStatus,Yl)},children:d.formatMessage({id:"page.imageProcessingTool.flipSideToSide"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.flipUpsideDownStatus,Jl)},children:d.formatMessage({id:"page.imageProcessingTool.flipTopToBottom"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.leftRotateStatus,ql)},children:d.formatMessage({id:"page.imageProcessingTool.rotateLeft"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.rightRotateStatus,Kl)},children:d.formatMessage({id:"page.imageProcessingTool.rotateRight"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toGreyStatus,Xl)},children:d.formatMessage({id:"page.imageProcessingTool.graying"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toBlackAndWhiteStatus,$l)},children:d.formatMessage({id:"page.imageProcessingTool.vampix"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.sharpenStatus,dd)},children:d.formatMessage({id:"page.imageProcessingTool.shmpch"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.marginSharpenStatus,ud)},children:d.formatMessage({id:"page.imageProcessingTool.edgeSharpening"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toOppositeStatus,ed)},children:d.formatMessage({id:"page.imageProcessingTool.filterContrast"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toRedStatus,td)},children:d.formatMessage({id:"page.imageProcessingTool.redFilter"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toGreenStatus,nd)},children:d.formatMessage({id:"page.imageProcessingTool.greenFilter"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toBlueStatus,ad)},children:d.formatMessage({id:"page.imageProcessingTool.blueFilter"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toRedAndGreenStatus,id)},children:d.formatMessage({id:"page.imageProcessingTool.redGreenFilter"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toRedAndBlueStatus,rd)},children:d.formatMessage({id:"page.imageProcessingTool.redBlueFilter"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toBlueAndGreenStatus,od)},children:d.formatMessage({id:"page.imageProcessingTool.blueGreenFilter"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toRedAndGreyStatus,sd)},children:d.formatMessage({id:"page.imageProcessingTool.redGreyFilter"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toGreenAndGreyStatus,cd)},children:d.formatMessage({id:"page.imageProcessingTool.greenGreyFilter"})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.toBlueAndGreyStatus,ld)},children:d.formatMessage({id:"page.imageProcessingTool.blueGreyFilter"})}),["JPG","JPEG"].includes(t.fileType)&&(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.jpgToPngStatus,gd,"PNG")},children:d.formatMessage({id:"page.imageProcessingTool.jpgToPng"})}),"PNG"===t.fileType&&(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){return g(u.current.pngToJpgStatus,md,"JPEG")},children:d.formatMessage({id:"page.imageProcessingTool.pngToJpg"})})]}),(0,s.jsx)(U.Z,{className:gp,ghost:!0,type:"primary",onClick:l,children:d.formatMessage({id:"common.clear"})})]})]})},pp=n(62327),hp=n(35697),vp="RectSelect_container__Ix+ge",xp="RectSelect_imgBox__wRKth",yp="RectSelect_content__WbUNp",jp="RectSelect_leftBox__rUFXf",bp="RectSelect_img1__hZQci",_p="RectSelect_img2__JzAg0",wp="RectSelect_mask__LwK9Z",Ap="RectSelect_clipBox__JGcma",Dp="RectSelect_dot__ss76H",Mp="RectSelect_leftUp__FxJsZ",Cp="RectSelect_up__dkyww",Np="RectSelect_rightUp__rR3gO",Bp="RectSelect_right__JTwRF",Sp="RectSelect_rightDown__t4g+w",kp="RectSelect_down__EM7ou",Ep="RectSelect_leftDown__kBd1J",Pp="RectSelect_left__Q+5d0",Ip="RectSelect_operationBtns__DQIhE",Tp="RectSelect_operationBtn__T0vub";!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"}(Uf||(Uf={}));var Fp=10,Op=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,r=e.onDragOver,c=e.onDragLeave,l=e.onDrop,d=e.onClear,g=e.type,m=(0,p.Z)(),f=u(),h=f.scrollTop,v=f.locale,x=(0,a.useState)(!1),y=(0,o.Z)(x,2),j=y[0],b=y[1],_=(0,a.useState)(!1),w=(0,o.Z)(_,2),A=w[0],D=w[1],M=(0,a.useState)(10),C=(0,o.Z)(M,2),N=C[0],B=C[1],S=(0,a.useRef)(!1),k=(0,a.useRef)(null),E=(0,a.useRef)(null),I=Math.max(Math.floor(t.width/2),Fp),T=Math.max(Math.floor(t.height/2),Fp),F=(0,a.useState)(I),O=(0,o.Z)(F,2),G=O[0],R=O[1],Q=(0,a.useState)(T),Z=(0,o.Z)(Q,2),L=Z[0],H=Z[1],V=(0,a.useState)(0),W=(0,o.Z)(V,2),z=W[0],Y=W[1],J=(0,a.useState)(0),q=(0,o.Z)(J,2),K=q[0],X=q[1],$=(0,a.useRef)(!1),ee=(0,a.useRef)(!1),te=(0,a.useRef)(null),ne=(0,a.useRef)(null),ae=(0,a.useRef)(0),ie=(0,a.useRef)(0),re=(0,a.useRef)(0),oe=(0,a.useRef)(0),se=(0,a.useRef)(0),ce=(0,a.useRef)(0),le=(0,a.useRef)(),de=function(e){for(var t=e.offsetLeft,n=e.offsetTop,a=e.offsetParent;null!=a;)t+=a.offsetLeft,n+=a.offsetTop,a=a.offsetParent;return{left:t,top:n}},ue=function(e){var t=e.clientX,n=P.findDOMNode(ne.current),a=de(n).left,i=a+ae.current;t>i?t=i:t<a&&(t=a);var r=P.findDOMNode(k.current),o=G-2,s=t-o-de(r).left;R(Math.max(Math.floor(o+s),Fp))},ge=function(e){var t=e.clientY+h,n=P.findDOMNode(ne.current),a=de(n).top,i=P.findDOMNode(k.current),r=de(i).top,o=r+i.offsetHeight;t<a?t=a:t>o&&(t=o),Y(Math.min(Math.floor(z+t-r),ie.current-Fp));var s=L;H(Math.max(Math.floor(s+r-t),Fp))},me=function(e){var t=e.clientX,n=P.findDOMNode(ne.current),a=de(n).left,i=P.findDOMNode(k.current),r=de(i).left,o=r+i.offsetWidth;t<a?t=a:t>o&&(t=o),X(Math.min(Math.floor(K+t-r),ae.current-Fp));var s=G;R(Math.max(Math.floor(s+r-t),Fp))},fe=function(e){var t=e.clientY+h,n=P.findDOMNode(ne.current),a=de(n).top,i=a+ie.current;t<a?t=a:t>i&&(t=i);var r=P.findDOMNode(k.current),o=L-2,s=t-o-de(r).top;H(Math.max(Math.floor(o+s),Fp))},pe=function(e,t){e.stopPropagation(),e.target.style.backgroundColor="#DC0000",$.current=!0,le.current=t},he=function(){$.current=!1,ee.current=!1,k.current&&Array.prototype.forEach.call(k.current.children,(function(e){e.style.backgroundColor="#FF8E9E"}))};(0,a.useEffect)((function(){var e=t.width,n=t.height;if(e<20||n<20)return Qc.ZP.error(m.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void b(!1);if(e>1350||n>1350)return Qc.ZP.error(m.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void b(!1);var a=Math.max(Math.floor(t.width/2),Fp),i=Math.max(Math.floor(t.height/2),Fp);if(R(a),H(i),X(0),Y(0),j){if(ne.current){var r=P.findDOMNode(ne.current),o=r.offsetWidth,s=r.offsetHeight;ae.current=o,ie.current=s}}else b(!0);"clip"===g&&D(!1)}),[t]),(0,a.useEffect)((function(){if(j&&ne.current){var e=P.findDOMNode(ne.current),t=e.offsetWidth,n=e.offsetHeight;ae.current=t,ie.current=n}}),[j]);return(0,s.jsxs)("div",{className:vp,children:[(0,s.jsx)("div",{className:xp,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:c,onDrop:l,children:j&&(0,s.jsx)("div",{className:yp,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(ee.current){var t=P.findDOMNode(k.current),n=t.offsetWidth,a=t.offsetHeight,i=e.clientX-re.current,r=e.clientY-oe.current,o=Math.floor(ce.current+r),s=Math.floor(se.current+i);o<0?Y(0):o>ie.current-a-2?Y(Math.max(ie.current-a-2,0)):Y(o),s<0?X(0):s>ae.current-n-2?X(Math.max(ae.current-n-2,0)):X(s)}if($.current)switch(le.current){case Uf.right:ue(e);break;case Uf.up:ge(e);break;case Uf.left:me(e);break;case Uf.down:fe(e);break;case Uf.leftUp:me(e),ge(e);break;case Uf.leftDown:me(e),fe(e);break;case Uf.rightUp:ue(e),ge(e);break;case Uf.rightDown:ue(e),fe(e)}},onMouseUp:he,onMouseLeave:he,ref:te,children:(0,s.jsxs)("div",{className:jp,ref:ne,children:[(0,s.jsx)("img",{src:t.imgUrl,className:bp}),(0,s.jsx)("div",{className:wp}),(0,s.jsx)("img",{src:t.imgUrl,className:_p,style:{clip:"rect(".concat(z,"px, ").concat(K+G,"px, ").concat(z+L,"px, ").concat(K,"px)")},ref:E}),(0,s.jsxs)("div",{className:Ap,style:{position:"absolute",width:"".concat(G,"px"),height:"".concat(L,"px"),top:"".concat(z,"px"),left:"".concat(K,"px")},onMouseDown:function(e){re.current=e.clientX,oe.current=e.clientY;var t=P.findDOMNode(k.current);ce.current=t.offsetTop,se.current=t.offsetLeft,ee.current=!0},ref:k,children:[(0,s.jsx)("div",{className:"".concat(Dp," ").concat(Mp),onMouseDown:function(e){return pe(e,Uf.leftUp)}}),(0,s.jsx)("div",{className:"".concat(Dp," ").concat(Cp),onMouseDown:function(e){return pe(e,Uf.up)}}),(0,s.jsx)("div",{className:"".concat(Dp," ").concat(Np),onMouseDown:function(e){return pe(e,Uf.rightUp)}}),(0,s.jsx)("div",{className:"".concat(Dp," ").concat(Bp),onMouseDown:function(e){return pe(e,Uf.right)}}),(0,s.jsx)("div",{className:"".concat(Dp," ").concat(Sp),onMouseDown:function(e){return pe(e,Uf.rightDown)}}),(0,s.jsx)("div",{className:"".concat(Dp," ").concat(kp),onMouseDown:function(e){return pe(e,Uf.down)}}),(0,s.jsx)("div",{className:"".concat(Dp," ").concat(Ep),onMouseDown:function(e){return pe(e,Uf.leftDown)}}),(0,s.jsx)("div",{className:"".concat(Dp," ").concat(Pp),onMouseDown:function(e){return pe(e,Uf.left)}})]})]})})}),j&&(0,s.jsxs)("div",{className:Ip,children:[(0,s.jsxs)("div",{className:Pp,children:["clip"===g&&(0,s.jsx)(pp.Z,{className:Tp,checked:A,onChange:function(e){D(e.target.checked)},children:m.formatMessage({id:"page.imageProcessingTool.WhetherRetainOriginalDimension"})}),(0,s.jsx)(hp.Z,{className:Tp,style:{width:"zh-cn"===v?"160px":"200px"},min:Fp,max:t.width,precision:0,value:G,addonBefore:m.formatMessage({id:"page.imageProcessingTool.clippingWidth"}),onChange:function(e){var n=t.width;e&&e+K>n&&X(n-e),R(e||0)}}),(0,s.jsx)(hp.Z,{className:Tp,style:{width:"zh-cn"===v?"160px":"200px"},min:Fp,max:t.height,precision:0,value:L,addonBefore:m.formatMessage({id:"page.imageProcessingTool.clippingHeight"}),onChange:function(e){var n=t.height;e&&e+z>n&&Y(n-e),H(e||0)}}),(0,s.jsx)(hp.Z,{className:Tp,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.width-Fp,precision:0,value:K,addonBefore:m.formatMessage({id:"page.imageProcessingTool.distanceLeft"}),onChange:function(e){X(e||0);var n=t.width;e&&e+G>n&&R(n-e)}}),(0,s.jsx)(hp.Z,{className:Tp,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.height-Fp,precision:0,value:z,addonBefore:m.formatMessage({id:"page.imageProcessingTool.distanceTop"}),onChange:function(e){Y(e||0);var n=t.height;e&&e+L>n&&H(n-e)}}),"mosaic"===g&&(0,s.jsx)(hp.Z,{className:Tp,style:{width:"zh-cn"===v?"200px":"220px"},min:2,max:40,precision:0,value:N,addonBefore:m.formatMessage({id:"page.imageProcessingTool.mosaicGrainSize"}),onChange:function(e){B(e||0)}}),(0,s.jsx)(U.Z,{type:"primary",className:Tp,onClick:function(){if(S.current)Qc.ZP.warning(m.formatMessage({id:"common.workHard"}));else{S.current=!0;var e=null;"clip"===g?e=function(e,t,n,a,i){var r=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,d=i,u=a,g=t,m=n;if(d<0?d=0:d>c&&(d=c),u<0?u=0:u>l&&(u=l),g<1?g=1:g>c&&(g=c),m<1?m=1:m>l&&(m=l),d+g>c&&(g=c-d),u+m>l&&(m=l-u),r){for(var f=new Uint8ClampedArray(s.length),p=0;p<l;p++)for(var h=0;h<c;h++){var v=4*(p*c+h);h>=d&&h<=d+g&&p>=u&&p<=u+m?(f[v]=s[v],f[v+1]=s[v+1],f[v+2]=s[v+2],f[v+3]=s[v+3]):(f[v]=255,f[v+1]=255,f[v+2]=255,f[v+3]=o&&["JPG","JPEG"].includes(o.toUpperCase())?255:0)}return new ImageData(f,c,l)}for(var x=new Uint8ClampedArray(g*m*4),y=u;y<=u+m;y++)for(var j=d;j<=d+g;j++){var b=4*((y-u)*g+j-d),_=4*(y*c+j);x[b]=s[_],x[b+1]=s[_+1],x[b+2]=s[_+2],x[b+3]=s[_+3]}return new ImageData(x,g,m)}return null}(t.imageData,G,L,z,K,A,t.fileType):"mosaic"===g&&(e=function(e,t,n,a,i){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:10;if(e){var o=e.data,s=e.width,c=e.height,l=i,d=a,u=t,g=n;l<0?l=0:l>s&&(l=s),d<0?d=0:d>c&&(d=c),u<1?u=1:u>s&&(u=s),g<1?g=1:g>c&&(g=c),l+u>s&&(u=s-l),d+g>c&&(g=c-d);for(var m=new Uint8ClampedArray(o.length),f=0;f<c;f++)for(var p=0;p<s;p++){var h=4*(f*s+p);if(p>=l&&p<=l+u&&f>=d&&f<=d+g){var v=Math.floor((p-l)/r),x=Math.floor((f-d)/r),y=Math.floor(r*(v+1)-r/2+l),j=Math.floor(r*(x+1)-r/2+d);y>s-1&&(y=s-1),j>c-1&&(j=c-1);var b=4*(j*s+y);m[h]=o[b],m[h+1]=o[b+1],m[h+2]=o[b+2],m[h+3]=o[b+3]}else m[h]=o[h],m[h+1]=o[h+1],m[h+2]=o[h+2],m[h+3]=o[h+3]}return new ImageData(m,s,c)}return null}(t.imageData,G,L,z,K,N)),e?n(e):Qc.ZP.error(m.formatMessage({id:"common.operationFailure"})),S.current=!1}},disabled:!j,children:m.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(U.Z,{className:Bp,ghost:!0,type:"primary",onClick:d,children:m.formatMessage({id:"common.clear"})})]})]})};function Gp(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Rp(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Gp(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gp(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Qp=function(e){return(0,s.jsx)(Op,Rp(Rp({},e),{},{type:"clip"}))},Zp={container:"RadiusClip_container__1xD86",imgBox:"RadiusClip_imgBox__Nimwe",content:"RadiusClip_content__4M7Ij",operationBtns:"RadiusClip_operationBtns__xQm+a",left:"RadiusClip_left__Gj-G2",operationBtn:"RadiusClip_operationBtn__4-AFF",right:"RadiusClip_right__hdcDt"},Lp=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,r=e.onDragOver,c=e.onDragLeave,l=e.onDrop,d=e.onClear,u=(0,p.Z)(),g=(0,a.useState)(!1),m=(0,o.Z)(g,2),f=m[0],h=m[1],v=(0,a.useRef)(!1),x=(0,a.useState)(!1),y=(0,o.Z)(x,2),j=y[0],b=y[1],_=(0,a.useState)(4),w=(0,o.Z)(_,2),A=w[0],D=w[1];(0,a.useEffect)((function(){var e=t.width,n=t.height;return e<20||n<20?(Qc.ZP.error(u.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void h(!1)):e>1350||n>1350?(Qc.ZP.error(u.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void h(!1)):(h(!0),b(!1),void D(4))}),[t]);return(0,s.jsxs)("div",{className:Zp.container,children:[(0,s.jsx)("div",{className:Zp.imgBox,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:c,onDrop:l,children:f&&(0,s.jsx)("div",{className:Zp.content,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px"),borderRadius:"".concat(A,"px")},children:(0,s.jsx)("img",{src:t.imgUrl,className:Zp.img})})}),f&&(0,s.jsxs)("div",{className:Zp.operationBtns,children:[(0,s.jsxs)("div",{className:Zp.left,children:["PNG"!==t.fileType&&(0,s.jsx)(pp.Z,{className:Zp.operationBtn,checked:j,onChange:function(e){b(e.target.checked)},children:u.formatMessage({id:"page.imageProcessingTool.clippedAndConvertedToPng"})}),(0,s.jsx)(hp.Z,{className:Zp.operationBtn,style:{width:"180px"},min:0,max:Math.min(Math.floor(t.width/2),Math.floor(t.height/2)),precision:0,value:A,addonBefore:u.formatMessage({id:"page.imageProcessingTool.filletRadius"}),onChange:function(e){D(e)}}),(0,s.jsx)(U.Z,{type:"primary",className:Zp.operationBtn,onClick:function(){if(v.current)Qc.ZP.warning(u.formatMessage({id:"common.workHard"}));else if(A){v.current=!0;var e=function(e,t,n,a){if(e){var i=e.data,r=e.width,o=e.height,s=t;s>Math.floor(r/2)&&(s=Math.floor(r/2)),s>Math.floor(o/2)&&(s=Math.floor(o/2)),s<0&&(s=0);for(var c=new Uint8ClampedArray(i.length),l=0;l<o;l++)for(var d=0;d<r;d++){var u=4*(l*r+d),g=-1;d<s?l<s?g=Math.sqrt(Math.pow(s-d-1,2)+Math.pow(s-l-1,2)):l>o-s-1&&(g=Math.sqrt(Math.pow(s-d-1,2)+Math.pow(l-(o-s),2))):d>r-s-1&&(l<s?g=Math.sqrt(Math.pow(d-(r-s),2)+Math.pow(s-l-1,2)):l>o-s-1&&(g=Math.sqrt(Math.pow(d-(r-s),2)+Math.pow(l-(o-s),2)))),Math.round(g)>s?(c[u]=255,c[u+1]=255,c[u+2]=255,c[u+3]=a||"PNG"===n.toUpperCase()?0:255):(c[u]=i[u],c[u+1]=i[u+1],c[u+2]=i[u+2],c[u+3]=a||"PNG"===n.toUpperCase()?i[u+3]:255)}return new ImageData(c,r,o)}return null}(t.imageData,A,t.fileType,j);e?n(e,j?"PNG":t.fileType):Qc.ZP.error(u.formatMessage({id:"common.operationFailure"})),v.current=!1}else Qc.ZP.warning(u.formatMessage({id:"page.imageProcessingTool.pleaseEnterFilletRadius"}))},disabled:!f,children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(U.Z,{className:Zp.right,ghost:!0,type:"primary",onClick:d,children:u.formatMessage({id:"common.clear"})})]})]})},Hp=1e4,Up=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,r=e.onDragOver,c=e.onDragLeave,l=e.onDrop,d=e.onClear,u=(0,p.Z)(),g=(0,a.useState)(!1),m=(0,o.Z)(g,2),f=m[0],h=m[1],v=(0,a.useState)(t.width),x=(0,o.Z)(v,2),y=x[0],j=x[1],b=(0,a.useState)(t.height),_=(0,o.Z)(b,2),w=_[0],A=_[1],D=(0,a.useRef)(!1);return(0,a.useEffect)((function(){j(t.width),A(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:ep,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:c,onDrop:l,children:(0,s.jsxs)("div",{className:tp,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:np,children:[(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"page.imageProcessingTool.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"page.imageProcessingTool.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):u.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"common.size"}),"：",zl(t.size)]})]})]})}),(0,s.jsxs)("div",{className:lp,children:[(0,s.jsxs)("div",{className:dp,children:[(0,s.jsx)(pp.Z,{className:up,checked:f,onChange:function(e){h(e.target.checked);var n=t.width,a=t.height;if(e.target.checked){if(y&&w)j(null),A(null);else if(y){var i=Math.floor(y*a/n);A(i)}else if(w){var r=Math.floor(w*n/a);j(r)}}else y||w||(j(n),A(a))},children:u.formatMessage({id:"page.imageProcessingTool.whetherMaintainOriginalProportion"})}),(0,s.jsx)(hp.Z,{className:up,style:{width:"160px"},min:1,max:Hp,precision:0,value:y,addonBefore:u.formatMessage({id:"page.imageProcessingTool.width"}),onChange:function(e){if(j(e),f&&e){var n=t.width,a=t.height,i=Math.floor(e*a/n);A(i)}}}),(0,s.jsx)(hp.Z,{className:up,style:{width:"160px"},min:1,max:Hp,precision:0,value:w,addonBefore:u.formatMessage({id:"page.imageProcessingTool.height"}),onChange:function(e){if(A(e),f&&e){var n=t.width,a=t.height,i=Math.floor(e*n/a);j(i)}}}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){if(D.current)Qc.ZP.warning(u.formatMessage({id:"common.workHard"}));else{var e=t.imgUrl,a=t.width,i=t.height;if(y&&w){D.current=!0;var r=function(e,t,n,a,i){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4;if(e){var o=new Image;o.src=e;var s=document.createElement("canvas"),c=s.getContext("2d");return s.width=r,s.height=r,c.drawImage(o,0,0,t,n,0,0,a,i),c.getImageData(0,0,a,i)}return null}(e,a,i,y,w,Hp);r?n(r):Qc.ZP.error(u.formatMessage({id:"common.operationFailure"})),D.current=!1}else Qc.ZP.warning(u.formatMessage({id:"page.imageProcessingTool.pleaseEnterWidthOrHeight"}))}},children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(U.Z,{className:gp,ghost:!0,type:"primary",onClick:d,children:u.formatMessage({id:"common.clear"})})]})]})},Vp=n(27892),Wp=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,r=e.onDragOver,c=e.onDragLeave,l=e.onDrop,d=e.onClear,u=(0,p.Z)(),g=(0,a.useState)(0),m=(0,o.Z)(g,2),f=m[0],h=m[1],v=(0,a.useRef)(!1),x=function(e){h(e)};return(0,a.useEffect)((function(){h(0)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:ep,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:c,onDrop:l,children:(0,s.jsxs)("div",{className:tp,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:np,children:[(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"page.imageProcessingTool.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"page.imageProcessingTool.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):u.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"common.size"}),"：",zl(t.size)]})]})]})}),(0,s.jsxs)("div",{className:lp,children:[(0,s.jsxs)("div",{className:dp,children:[(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:u.formatMessage({id:"page.imageProcessingTool.darken"})}),(0,s.jsx)(Vp.Z,{min:-255,max:255,marks:{0:"0"},value:"number"==typeof f?f:0,onChange:x}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:u.formatMessage({id:"page.imageProcessingTool.lighten"})}),(0,s.jsx)(hp.Z,{style:{margin:"0 16px"},min:-255,max:255,precision:0,value:f,onChange:x})]}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){if(v.current)Qc.ZP.warning(u.formatMessage({id:"common.workHard"}));else{var e=t.imageData;if(f){v.current=!0;var a=function(e,t){if(e){for(var n=e.data,a=e.width,i=e.height,r=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<a;s++){var c=4*(o*a+s);r[c]=Math.max(Math.min(n[c]+t,255),0),r[c+1]=Math.max(Math.min(n[c+1]+t,255),0),r[c+2]=Math.max(Math.min(n[c+2]+t,255),0),r[c+3]=n[c+3]}return new ImageData(r,a,i)}return null}(e,f);a?n(a):Qc.ZP.error(u.formatMessage({id:"common.operationFailure"})),v.current=!1}else Qc.ZP.warning(u.formatMessage({id:"page.imageProcessingTool.pleaseEnterBrightness"}))}},children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(U.Z,{className:gp,ghost:!0,type:"primary",onClick:d,children:u.formatMessage({id:"common.clear"})})]})]})},zp=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,r=e.onDragOver,c=e.onDragLeave,l=e.onDrop,d=e.onClear,u=(0,p.Z)(),g=(0,a.useState)(!1),m=(0,o.Z)(g,2),f=m[0],h=m[1],v=(0,a.useState)(!1),x=(0,o.Z)(v,2),y=x[0],j=x[1],b=(0,a.useState)(0),_=(0,o.Z)(b,2),w=_[0],A=_[1],D=(0,a.useRef)(!1),M=function(e){A(e)};return(0,a.useEffect)((function(){"PNG"!==t.fileType?(Qc.ZP.warning(u.formatMessage({id:"page.imageProcessingTool.pleaseUploadPng"})),h(!1)):h(!0),A(0),j(!1)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:ep,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:c,onDrop:l,children:(0,s.jsxs)("div",{className:tp,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:np,children:[(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"page.imageProcessingTool.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"page.imageProcessingTool.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):u.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:ap,children:[u.formatMessage({id:"common.size"}),"：",zl(t.size)]})]})]})}),f&&(0,s.jsxs)("div",{className:lp,children:[(0,s.jsxs)("div",{className:dp,children:[(0,s.jsx)(pp.Z,{className:up,checked:y,onChange:function(e){j(e.target.checked),e.target.checked&&A(1)},children:u.formatMessage({id:"page.imageProcessingTool.whetherValueFixed"})}),!y&&(0,s.jsxs)("div",{className:up,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:u.formatMessage({id:"page.imageProcessingTool.becomeTransparent"})}),(0,s.jsx)(Vp.Z,{min:-1,max:1,step:.1,marks:{0:"0"},value:"number"==typeof w?w:0,onChange:M}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:u.formatMessage({id:"page.imageProcessingTool.becomeOpaque"})})]}),(0,s.jsx)("div",{className:up,children:(0,s.jsx)(hp.Z,{min:y?0:-1,max:1,step:.1,precision:1,value:w,onChange:M})}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){if(D.current)Qc.ZP.warning(u.formatMessage({id:"common.workHard"}));else if("number"==typeof w){D.current=!0;var e=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(e){for(var a=e.data,i=e.width,r=e.height,o=new Uint8ClampedArray(a.length),s=0;s<r;s++)for(var c=0;c<i;c++){var l=4*(s*i+c);0===a[l+3]?(o[l]=255,o[l+1]=255,o[l+2]=255):(o[l]=a[l],o[l+1]=a[l+1],o[l+2]=a[l+2]);var d=a[l+3];d=n?Math.max(Math.min(Math.floor(255*t),255),0):Math.max(Math.min(Math.floor(d+255*t),255),0),o[l+3]=d}return new ImageData(o,i,r)}return null}(t.imageData,w,y);e?n(e):Qc.ZP.error(u.formatMessage({id:"common.operationFailure"})),D.current=!1}else Qc.ZP.warning(u.formatMessage({id:"page.imageProcessingTool.pleaseEnterDiaphaneity"}))},children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(U.Z,{className:gp,ghost:!0,type:"primary",onClick:d,children:u.formatMessage({id:"common.clear"})})]})]})},Yp="AddWatermark_container__fErf1",Jp="AddWatermark_imgBox__6e2X0",qp="AddWatermark_content__Qbfx-",Kp="AddWatermark_leftBox__9aSsX",Xp="AddWatermark_img1__E8KnL",$p="AddWatermark_clipBox__4rnWd",eh="AddWatermark_operationBtns__V3yKt",th="AddWatermark_left__cG7XU",nh="AddWatermark_box__Qljtj",ah="AddWatermark_top__3T853",ih="AddWatermark_uploadBtn__t1OGg",rh="AddWatermark_bottom__RB8B4",oh="AddWatermark_operationBtn__pYMWS",sh="AddWatermark_right__T4cn7",ch=20,lh=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,r=e.onDragOver,c=e.onDragLeave,l=e.onDrop,d=e.onClear,u=(0,p.Z)(),g=(0,a.useState)(!1),m=(0,o.Z)(g,2),f=m[0],h=m[1],v=(0,a.useState)(null),x=(0,o.Z)(v,2),y=x[0],j=x[1],b=(0,a.useRef)(!1),_=(0,a.useRef)(null),w=Math.max(Math.floor(t.width/2),ch),A=Math.max(Math.floor(t.height/2),ch),D=(0,a.useState)(w),M=(0,o.Z)(D,2),C=M[0],N=M[1],B=(0,a.useState)(A),S=(0,o.Z)(B,2),k=S[0],E=S[1],I=(0,a.useState)(0),T=(0,o.Z)(I,2),F=T[0],O=T[1],G=(0,a.useState)(0),R=(0,o.Z)(G,2),Q=R[0],Z=R[1],L=(0,a.useRef)(!1),H=(0,a.useRef)(!1),V=(0,a.useRef)(null),W=(0,a.useRef)(null),z=(0,a.useRef)(0),Y=(0,a.useRef)(0),J=(0,a.useRef)(0),q=(0,a.useRef)(0),K=(0,a.useRef)(0),X=(0,a.useRef)(0),$=function(){var e=Math.max(Math.floor(t.width/2),ch),n=Math.max(Math.floor(t.height/2),ch);N(e),E(n),Z(0),O(0)},ee=function(){L.current=!1,H.current=!1};(0,a.useEffect)((function(){var e=t.width,n=t.height;return e<ch||n<ch?(Qc.ZP.error(u.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void h(!1)):e>=1350||n>=1350?(Qc.ZP.error(u.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void h(!1)):(h(!0),void j(null))}),[t]),(0,a.useEffect)((function(){if(f&&y&&W.current){var e=P.findDOMNode(W.current),t=e.offsetWidth,n=e.offsetHeight;z.current=t,Y.current=n}}),[f,y]);return(0,s.jsxs)("div",{className:Yp,children:[(0,s.jsx)("div",{className:Jp,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:function(e){y?(e.stopPropagation(),e.preventDefault()):r(e)},onDragLeave:function(e){y?(e.stopPropagation(),e.preventDefault()):c(e)},onDrop:function(e){y?(e.stopPropagation(),e.preventDefault()):l(e)},children:f&&(0,s.jsx)("div",{className:qp,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(H.current&&_.current){var t=P.findDOMNode(_.current),n=t.offsetWidth,a=t.offsetHeight,i=e.clientX-J.current,r=e.clientY-q.current,o=Math.floor(X.current+r),s=Math.floor(K.current+i);o<0?O(0):o>Y.current-a-2?O(Math.max(Y.current-a-2,0)):O(o),s<0?Z(0):s>z.current-n-2?Z(Math.max(z.current-n-2,0)):Z(s)}},onMouseUp:ee,onMouseLeave:ee,ref:V,children:(0,s.jsxs)("div",{className:Kp,ref:W,children:[(0,s.jsx)("img",{src:t.imgUrl,className:Xp}),y&&(0,s.jsx)("div",{className:$p,style:{position:"absolute",width:"".concat(C,"px"),height:"".concat(k,"px"),top:"".concat(F,"px"),left:"".concat(Q,"px")},onMouseDown:function(e){J.current=e.clientX,q.current=e.clientY;var t=P.findDOMNode(_.current);X.current=t.offsetTop,K.current=t.offsetLeft,H.current=!0},ref:_,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})})]})})}),f&&(0,s.jsxs)("div",{className:eh,children:[(0,s.jsx)("div",{className:th,children:(0,s.jsxs)("div",{className:nh,children:[(0,s.jsxs)("div",{className:ah,children:[(0,s.jsxs)(U.Z,{type:"primary",className:ih,children:[(0,s.jsx)(Zc.Z,{}),u.formatMessage({id:"page.imageProcessingTool.uploadWatermark"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){!function(e){if(e)for(var n=function(n,a){var i=e[n];if("image"!==i.type.split("/")[0])return{v:void 0};(r=new FileReader).onload=function(e){var n=e.target.result,a=new Blob([n]);Uc(a,(function(e){if(e){var n=new Image;n.onload=function(){var a=n.width,r=n.height;if(a<=20||r<=20)return j(null),$(),void Qc.ZP.error(u.formatMessage({id:"page.imageProcessingTool.watermarkSizeLimit"}));if(a>t.width||r>t.height)return j(null),$(),void Qc.ZP.error(u.formatMessage({id:"page.imageProcessingTool.watermarkSizeTooLarge"}));var o=Wc(e,a,r);if(o){var s={name:i.name,width:a,height:r,imgUrl:e,imageData:o};j(s),N(s.width),E(s.height),Z(0),O(0)}else j(null),$(),Qc.ZP.error(u.formatMessage({id:"page.imageProcessingTool.parsingDataFailure"}))},n.onerror=function(){j(null),$(),Qc.ZP.error(u.formatMessage({id:"page.imageProcessingTool.parsingDataFailure"}))},n.src=e}else j(null),$(),Qc.ZP.error(u.formatMessage({id:"page.imageProcessingTool.parsingDataFailure"}))}))},r.readAsArrayBuffer(i)},a=0,i=e.length;a<i;a++){var r,o=n(a);if("object"===(0,Lc.Z)(o))return o.v}}(e.target.files)}})]}),y?y.name:u.formatMessage({id:"common.noData"})]}),y&&(0,s.jsxs)("div",{className:rh,children:[(0,s.jsx)(hp.Z,{className:oh,style:{width:"160px"},min:0,max:t.width-ch,precision:0,value:Q,addonBefore:u.formatMessage({id:"page.imageProcessingTool.distanceLeft"}),onChange:function(e){Z(e||0);var n=t.width;e&&e+C>n&&N(n-e)}}),(0,s.jsx)(hp.Z,{className:oh,style:{width:"160px"},min:0,max:t.height-ch,precision:0,value:F,addonBefore:u.formatMessage({id:"page.imageProcessingTool.distanceTop"}),onChange:function(e){O(e||0);var n=t.height;e&&e+k>n&&E(n-e)}}),(0,s.jsx)(U.Z,{type:"primary",className:oh,onClick:function(){if(b.current)Qc.ZP.warning(u.formatMessage({id:"common.workHard"}));else{if(y){b.current=!0;var e=function(e,t,n,a){if(e&&t){var i=e.data,r=e.width,o=e.height,s=t.data,c=t.width,l=t.height,d=n,u=a;n+l>o&&(d=o-l),a+c>r&&(u=r-c);for(var g=new Uint8ClampedArray(i.length),m=0;m<o;m++)for(var f=0;f<r;f++){var p=4*(m*r+f);if(f<u||f>u+c||m<=d||m>=d+l)g[p]=i[p],g[p+1]=i[p+1],g[p+2]=i[p+2],g[p+3]=i[p+3];else{var h=4*(m*r+f-((d+1)*r+(m-(d+1))*(r-c))+c-u-1),v=[s[h],s[h+1],s[h+2],s[h+3]],x=[i[p],i[p+1],i[p+2],i[p+3]],y=vd(v,x);g[p]=y[0],g[p+1]=y[1],g[p+2]=y[2],g[p+3]=y[3]}}return new ImageData(g,r,o)}return null}(t.imageData,y.imageData,F,Q);e?n(e):Qc.ZP.error(u.formatMessage({id:"common.operationFailure"}))}b.current=!1}},disabled:!f,children:u.formatMessage({id:"common.confirm"})})]})]})}),(0,s.jsx)(U.Z,{className:sh,ghost:!0,type:"primary",onClick:d,children:u.formatMessage({id:"common.clear"})})]})]})};function dh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function uh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?dh(Object(n),!0).forEach((function(t){(0,j.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):dh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var gh,mh=function(e){return(0,s.jsx)(Op,uh(uh({},e),{},{type:"mosaic"}))},fh=function(e){var t=e.imgInfo,n=e.imgDragOver,i=e.onDragOver,r=e.onDragLeave,c=e.onDrop,l=e.onClear,d=(0,p.Z)(),g=u().locale,m=(0,a.useState)(70),f=(0,o.Z)(m,2),h=f[0],v=f[1],x=(0,a.useRef)(!1),y=function(e){if(e){var n="image";if(t&&t.name){var a=t.name.split(".");a.length>1?(a.splice(a.length-1,1,t.fileType.toLowerCase()),n=a.join(".")):(a.push(t.fileType.toLowerCase()),n=a.join("."))}Yc(e,n)}};return(0,a.useEffect)((function(){v(70)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:ep,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:i,onDragLeave:r,onDrop:c,children:(0,s.jsxs)("div",{className:tp,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:np,children:[(0,s.jsxs)("div",{className:ap,children:[d.formatMessage({id:"page.imageProcessingTool.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:ap,children:[d.formatMessage({id:"page.imageProcessingTool.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:ap,children:[d.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):d.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:ap,children:[d.formatMessage({id:"common.size"}),"：",zl(t.size)]})]})]})}),(0,s.jsxs)("div",{className:lp,children:[(0,s.jsxs)("div",{className:dp,children:[(0,s.jsx)(hp.Z,{className:up,style:{width:"zh-cn"===g?"200px":"240px"},min:10,max:90,precision:0,value:h,addonBefore:d.formatMessage({id:"page.imageProcessingTool.compressibility"}),addonAfter:"%",onChange:function(e){v(e||10)}}),(0,s.jsx)(U.Z,{type:"primary",className:up,onClick:function(){if(x.current)Qc.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imageData,n=t.imgUrl,a=t.width,i=t.height,r=t.fileType;x.current=!0,["JPG","JPEG"].includes(r)?fd(n,a,i,r,h,(function(e){e?y(e):Qc.ZP.error(d.formatMessage({id:"common.operationFailure"})),x.current=!1})):fd(e,a,i,r,h,(function(e){e?y(e):Qc.ZP.error(d.formatMessage({id:"common.operationFailure"})),x.current=!1}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(U.Z,{className:gp,ghost:!0,type:"primary",onClick:l,children:d.formatMessage({id:"common.clear"})})]})]})};!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"}(gh||(gh={}));var ph=function(){var e=(0,p.Z)(),t=(0,a.useState)(!1),n=(0,o.Z)(t,2),i=n[0],r=n[1],c=(0,a.useState)(null),l=(0,o.Z)(c,2),d=l[0],u=l[1],g=function(e,t){e&&d&&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 a=e.width,i=e.height,r=document.createElement("canvas"),o=r.getContext("2d");r.width=a,r.height=i,o.putImageData(e,0,0,0,0,a,i);var s="image/".concat(t?t.toLowerCase():"png");r.toBlob((function(e){n(e)}),s,1)}else n(null)}(e,t||d.fileType,(function(e){if(e){var n="image";if(d&&d.name){var a=d.name.split(".");a.length>1?(a.splice(a.length-1,1,t?t.toLowerCase():d.fileType.toLowerCase()),n=a.join(".")):(a.push(t?t.toLowerCase():d.fileType.toLowerCase()),n=a.join("."))}Yc(e,n)}}))},m=function(t){if(t)for(var n=function(n,a){var i=t[n],o=i.type.split("/");if("image"!==o[0])return{v:void 0};var s=o[1].toUpperCase();(r=new FileReader).onload=function(t){var n=t.target.result,a=Hc(n);a&&(s=a);var r=new Blob([n]);Uc(r,(function(t){if(t){var n=new Image;n.onload=function(){var a=n.width,r=n.height,o=Wc(t,a,r);if(o){var c={name:i.name,fileType:s,size:i.size,width:a,height:r,imgUrl:t,imageData:o};u(c)}else u(null),Qc.ZP.error(e.formatMessage({id:"page.imageProcessingTool.parsingDataFailure"}))},n.onerror=function(){u(null),Qc.ZP.error(e.formatMessage({id:"page.imageProcessingTool.parsingDataFailure"}))},n.src=t}else u(null),Qc.ZP.error(e.formatMessage({id:"page.imageProcessingTool.parsingDataFailure"}))}))},r.readAsArrayBuffer(i)},a=0,i=t.length;a<i;a++){var r,o=n(a);if("object"===(0,Lc.Z)(o))return o.v}},f=function(e){e.stopPropagation(),e.preventDefault(),i||r(!0)},h=function(e){e.stopPropagation(),e.preventDefault(),i&&r(!1)},v=function(e){e.stopPropagation(),e.preventDefault(),i&&r(!1);var t=e.dataTransfer.files;m(t)},x=function(){u(null)},y=[{id:gh.basicOperation,label:e.formatMessage({id:"menu.imageProcessingTool.basicOperation"}),element:(0,s.jsx)(fp,{imgInfo:d,exportImage:g,imgDragOver:i,onDragOver:f,onDragLeave:h,onDrop:v,onClear:x})},{id:gh.rectClip,label:e.formatMessage({id:"menu.imageProcessingTool.rectangularClipping"}),element:(0,s.jsx)(Qp,{imgInfo:d,exportImage:g,imgDragOver:i,onDragOver:f,onDragLeave:h,onDrop:v,onClear:x})},{id:gh.radiusClip,label:e.formatMessage({id:"menu.imageProcessingTool.roundedCornerClipping"}),element:(0,s.jsx)(Lp,{imgInfo:d,exportImage:g,imgDragOver:i,onDragOver:f,onDragLeave:h,onDrop:v,onClear:x})},{id:gh.changeSize,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTheSize"}),element:(0,s.jsx)(Up,{imgInfo:d,exportImage:g,imgDragOver:i,onDragOver:f,onDragLeave:h,onDrop:v,onClear:x})},{id:gh.changeBrightness,label:e.formatMessage({id:"menu.imageProcessingTool.modifyBrightness"}),element:(0,s.jsx)(Wp,{imgInfo:d,exportImage:g,imgDragOver:i,onDragOver:f,onDragLeave:h,onDrop:v,onClear:x})},{id:gh.changeDiaphaneity,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTransparency"}),element:(0,s.jsx)(zp,{imgInfo:d,exportImage:g,imgDragOver:i,onDragOver:f,onDragLeave:h,onDrop:v,onClear:x})},{id:gh.addWatermark,label:e.formatMessage({id:"menu.imageProcessingTool.addWatermark"}),element:(0,s.jsx)(lh,{imgInfo:d,exportImage:g,imgDragOver:i,onDragOver:f,onDragLeave:h,onDrop:v,onClear:x})},{id:gh.coverWithMosaic,label:e.formatMessage({id:"menu.imageProcessingTool.coverWithMosaics"}),element:(0,s.jsx)(mh,{imgInfo:d,exportImage:g,imgDragOver:i,onDragOver:f,onDragLeave:h,onDrop:v,onClear:x})},{id:gh.photoCompression,label:e.formatMessage({id:"menu.imageProcessingTool.imageCompression"}),element:(0,s.jsx)(fh,{imgInfo:d,imgDragOver:i,onDragOver:f,onDragLeave:h,onDrop:v,onClear:x})}],j=(0,a.useState)(y[0].id),b=(0,o.Z)(j,2),_=b[0],w=b[1];return(0,s.jsx)("div",{className:Kf,children:(0,s.jsxs)("div",{className:Xf,children:[(0,s.jsx)(Jf,{className:$f,data:y,selectedTabId:_,onChange:function(e){w(e)}}),!d&&(0,s.jsx)("div",{className:ep,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:f,onDragLeave:h,onDrop:v,children:(0,s.jsxs)("div",{className:ip,children:[(0,s.jsxs)(U.Z,{type:"primary",className:rp,children:[(0,s.jsx)(Zc.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:op,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:sp,children:e.formatMessage({id:"common.supportedImageType"})})]})}),!d&&(0,s.jsxs)("div",{className:cp,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"})]}),d&&y.filter((function(e){return e.id===_}))[0].element]})})},hh=n(32370),vh=n(68023),xh=n(95131),yh=n(27240),jh=n(60532),bh=n(94432),_h=n(82658),wh=n(93450),Ah=n(8690),Dh=n(37744),Mh=n(17813),Ch=n(3174),Nh=n(5931),Bh=n(71257),Sh=n(17274),kh=n(87164),Eh=n(61972),Ph=n(6267);vh.D([yh.N,jh.N,bh.N,_h.N,wh.N,Ah.N,Dh.N,Mh.N,Nh.N,Bh.N,Sh.N,kh.T,Eh.z,Ph.N,Ch.N]);var Ih=xh,Th=["#F2BB00","#16BA79","#2454E6","#5470c6","#ea7ccc","#91cc75","#ee6666","#73c0de","#3ba272","#9a60b4"],Fh=n(70794),Oh=n(45969),Gh=1e4,Rh=1e3,Qh=1e12,Zh=1e9,Lh=1e6,Hh=1e3,Uh=Object.freeze({thousand:"K",million:"M",billion:"B",trillion:"T"}),Vh=/([0])\1{2}/,Wh=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(Qh)||e.isEqualTo(Qh))return e.div(Qh).toFormat(1)+Uh.trillion;if((e.gte(Zh)||e.isEqualTo(Zh))&&e.lte(Qh))return e.div(Zh).toFormat(1)+Uh.billion;if((e.gte(Lh)||e.isEqualTo(Lh))&&e.lte(Qh)&&e.lte(Zh))return e.div(Lh).toFormat(1)+Uh.million;if(e.gte(Gh))return e.div(Hh).toFormat(1)+Uh.thousand;if(e.gte(Rh)&&e.lte(Gh))return e.div(Hh).toFormat(2)+Uh.thousand;var n=e.toFixed().split(".")[1];return e.lte(Rh)&&!Vh.test(n)?0===e.dp()?e.toFormat(0):e.dp(4).toNumber():e.lte(Rh)&&Vh.test(n)?"".concat(e.integerValue(Fh.Z.ROUND_DOWN),".").concat(zh(n)):"N/A"},zh=function(e){for(var t=e.toString().split(""),n=[],a=1;a<=t.length&&new Fh.Z(t[a]).isEqualTo(new Fh.Z(t[a-1]));a++)new Fh.Z(+t[a]).isZero()&&n.push(t[a]);return n.length<=1?t.splice(0,4).join(""):"0{".concat(n.length+1,"}").concat(t.splice(n.length+1,4).join(""))},Yh=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,Oh.xbD)(e)||(0,Oh.kKJ)(e))return"N/A";var n=new Fh.Z(e),a=n.isNegative();if(a){var i=Wh(n.absoluteValue(),t);return"N/A"===i||"0"===i?i:"-".concat(i)}return Wh(n,t)},Jh=function(e,t){var n=e.options,i=void 0===n?{}:n,r=e.renderType,o=void 0===r?"canvas":r,c=e.style,l=void 0===c?{width:"100%",height:"100%"}:c,d=e.onHoverChange,u=e.onClickChange,g=e.legendSelectChanged,m=e.onGlobalout,f=(0,a.useRef)(null),p=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(function(){return p}),[]);var h=(0,a.useCallback)((function(){var e;if(f.current){var t,n,a,r,s,c;if(e=null==Ih?void 0:Ih.getInstanceByDom(f.current),p.current=e||(null==Ih?void 0:Ih.init(f.current,void 0,{renderer:o})),u&&(null===(t=p.current)||void 0===t||t.on("click",(function(e){u(e)}))),d&&(null===(n=p.current)||void 0===n||n.on("mousemove",(function(e){d(e)}))),g&&(null===(a=p.current)||void 0===a||a.on("legendselectchanged",(function(e){g(e)}))),"pie"===(i.series&&(null!==(r=null===(s=i.series[0])||void 0===s?void 0:s.type)&&void 0!==r?r:"")))(null==i?void 0:i.series)[0].labelLayout=function(e){return function(e,t){var n=e.labelRect.x<t.getWidth()/2,a=e.labelLinePoints;return a?(a[2][0]=n?e.labelRect.x:e.labelRect.x+e.labelRect.width,{labelLinePoints:a}):{}}(e,p.current)};m&&(null===(c=p.current)||void 0===c||c.on("globalout",m)),p.current.setOption(i)}}),[i,o]);return(0,a.useEffect)((function(){var e=function(){var e=null==p?void 0:p.current;e&&e.resize()};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),(0,a.useEffect)((function(){return h(),function(){var e=p.current;e&&e.dispose()}}),[i]),(0,s.jsx)("div",{ref:f,style:l})},qh=a.forwardRef(Jh,{}),Kh=function(e){var t=e.data,n=e.style,i=e.onHoverChange,r=e.onClickChange,o=(0,a.useMemo)((function(){var e={color:Th,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,Fu.Z)(t[0],"MM-dd"),"</span>$").concat(Yh(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)(qh,{options:o,style:n,onClickChange:r,onHoverChange:i})},Xh="Bar_container__Kdcxy",$h="Bar_box__RNraM",ev="Bar_echart__lLpSk",tv=function(){var e=(0,a.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,a.useEffect)((function(){!function(){for(var e=[],t=0;t<60;t++){var n=new Date,a=(0,hh.Z)(n,60-t).valueOf(),r=8e3*(Math.random()-.5);e.push([a,r])}i(e)}()}),[]),(0,s.jsx)("div",{className:ev,children:(0,s.jsx)(Kh,{data:{dataSource:n}})})},nv=function(e){var t=e.data,n=e.style,i=e.onHoverChange,r=e.onClickChange,o=(0,a.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:Th,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 Yh(e,!0)}}}],series:[{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(Yh(e,!0))}}},{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(Yh(+e,!0))}}},{type:"line",yAxisIndex:0,tooltip:{valueFormatter:function(e){return"$".concat(Yh(e,!0))}}}],dataset:{source:[]}}),a=t.dataSource;return a?(n.dataset={source:a},n):n}),[t]);return(0,s.jsx)(qh,{options:o,style:n,onClickChange:r,onHoverChange:i})},av=function(){var e=(0,a.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,a.useEffect)((function(){!function(){for(var e=[["project","increase","decrease","sum"]],t=0;t<20;t++){var n="name".concat(t+1),a=8e3*Math.random(),r=8e3*-Math.random(),o=a+r;e.push([n,a,r,o])}i(e)}()}),[]),(0,s.jsx)("div",{className:ev,children:(0,s.jsx)(nv,{data:{dataSource:n,legendData:[{name:"increase",icon:"rect"},{name:"decrease",icon:"rect"},{name:"sum"}]}})})},iv=function(e){var t=e.data,n=e.style,i=e.onHoverChange,r=e.onClickChange,o=(0,a.useRef)(null),c=(0,a.useMemo)((function(){var e={color:Th,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,a=t.dataSource;if(!a||"{}"===JSON.stringify(a))return e;for(var i=Object.keys(a),r=[],o=["product"],s=0,c=function(e){var t=i[e],c=a[t],l=Object.keys(c);e===i.length-1&&(o=o.concat(l),r.push(o),s=l.length);var d=[];n&&n[t]?d.push(n[t]):d.push(t),l.forEach((function(e){var t=c[e];d.push(t.length)})),r.push(d)},l=i.length-1;l>=0;l--)c(l);if(e.dataset.source=r,s>1)for(var d=e.series.shift(),u=s-1;u>=0;u--){var g=(0,qf.Z)(d);e.series.push(g)}return e.tooltip.formatter=function(e,t){if(t.startsWith("item")){var i,r=e.name,o=e.seriesName,s=e.color,c=r;if(n)for(var l=Object.keys(n),d=l.length-1;d>=0;d--){var u=l[d];if(n[u]===r){c=u;break}}var g=null!==(i=a[c][o])&&void 0!==i?i:[],m="<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(g.length,"</div></div>");return g.forEach((function(e){m+="<div style='width:180px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;margin:4px 0'>".concat(e,"</div>")})),m+="</div>"}var f="";return e.forEach((function(e,t){var a=e.name,i=e.seriesName,r=e.color,o=e.seriesIndex,s=e.data;if(0===t){var c=a;if(n)for(var l=Object.keys(n),d=l.length-1;d>=0;d--){var u=l[d];if(n[u]===a){c=u;break}}f+="<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>")}f+="<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(r,"'></div>\n <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(i,"</div></div>\n <div style='color:#222222;margin-left:4px'>").concat(s[o+1],"</div></div>")})),f+="</div>"},e}),[t]),l=(0,a.useCallback)((function(){var e=o.current;if(null!=e&&e.current){var t=[],n=c.series.length;if(n)for(var a=0;a<n;a++)t.push(a);e.current.dispatchAction({type:"unselect",dataIndex:t})}}),[c]);return(0,s.jsx)(qh,{options:c,style:n,onClickChange:r,onHoverChange:i,onGlobalout:l,ref:o})},rv=function(){var e=(0,a.useState)({}),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,a.useEffect)((function(){i({"first party":{Live:["绝地求生","无限法则","重生边缘"],Development:["新天龙部","魔域","战神觉醒","热血合击","神戒","原神","神武4"],Legacy:["贪玩蓝月","赤月传说2","超激斗梦境","仙侠世界2"],"Pre-planned":["裁决战歌","绿茵信仰"],Canceled:["流放之路","战","大皇帝传奇世界","生死狙击2"],Finished:["王者荣耀","英雄联盟"]},"second party":{Live:["我的世界"],Development:["最终幻想14","守望先锋","DOTA2","激战2","魔域永恒","武动苍穹","鬼谷无双新版","永劫无间"],Legacy:["古剑奇谭网络版","火影忍者","斗罗大陆"],"Pre-planned":["剑灵","热血传奇神武4","暗黑大天使"],Canceled:["地下城与勇士","剑网3重制版","全面战争竞技场","艾兰岛"],Finished:["天涯明月刀","热血合击"]},"third party":{Live:["英雄联盟","穿越火线","天涯明月刀","生死狙击","龙武","战意"],Development:["逆水寒33333333333333333333333333333333333333333333333","魔力宝贝","奇迹MU","莽荒纪2","热血国2","领地人生"],Legacy:["魔兽世界","诛仙3","传奇霸业","泰亚史诗"],"Pre-planned":["龙武2","梦幻西游","剑网3","蓝月传奇","神座","热血战歌","龙神契约","堡垒之夜","天龙部归来","穿越火线HD"],Canceled:["炉石传说","攻城掠地","万智牌竞技场"],Finished:["传奇霸业","龙武"]}})}),[]),(0,s.jsx)("div",{className:ev,children:(0,s.jsx)(iv,{data:{dataSource:n}})})},ov=function(e){var t=e.data,n=e.style,i=e.onHoverChange,r=e.onClickChange,o=(0,a.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(Yh(e,!0))}},itemStyle:{borderRadius:9}},{type:"line",smooth:!0,symbol:"none",tooltip:{valueFormatter:function(e){return"$".concat(Yh(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)(qh,{options:o,style:n,onClickChange:r,onHoverChange:i})},sv=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],cv=function(){var e=(0,a.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,a.useEffect)((function(){var e;e=[["project","type1","type2"]],sv.forEach((function(t){var n=8e3*Math.random()+1e3,a=n+1e3*Math.random()+1e3;e.push([t,n,a])})),i(e)}),[]),(0,s.jsx)("div",{className:ev,children:(0,s.jsx)(ov,{data:{dataSource:n}})})},lv=le.GridBox,dv=[{element:(0,s.jsx)(tv,{})},{element:(0,s.jsx)(av,{})},{element:(0,s.jsx)(rv,{})},{element:(0,s.jsx)(cv,{})}],uv=function(){var e=u().setScrollTop;return(0,a.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Xh,children:(0,s.jsx)(le,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:dv.map((function(e,t){return(0,s.jsx)(lv,{children:(0,s.jsx)("div",{className:$h,children:e.element})},t)}))})})},gv=function(e){var t=e.data,n=e.style,i=e.onHoverChange,r=e.onClickChange,o=(0,a.useMemo)((function(){var e={color:Th,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 Yh(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(Yh(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)(qh,{options:o,style:n,onClickChange:r,onHoverChange:i})},mv="Pie_container__DPdw4",fv="Pie_box__N9-DW",pv="Pie_echart__bYSx8",hv=function(){var e=(0,a.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,a.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n="name".concat(t+1),a=8e3*Math.random();e.push([n,a])}i(e)}()}),[]),(0,s.jsx)("div",{className:pv,children:(0,s.jsx)(gv,{data:{dataSource:n}})})},vv="Pie2_container__bq-uP",xv="Pie2_chartBox__7Ga6p",yv="Pie2_rightBox__hZ5az",jv="Pie2_item__7RwOu",bv="Pie2_rect__73dX9",_v="Pie2_name__TxYBo",wv="Pie2_value__2YwjU",Av=function(e){var t,n=e.data,i=e.style,r=e.onHoverChange,o=e.onClickChange,c=(0,a.useRef)(null),l=(0,a.useRef)(0),d=(0,a.useMemo)((function(){var e={color:Th,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(Yh(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(Yh(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:vv,children:[(0,s.jsx)("div",{className:xv,children:(0,s.jsx)(qh,{options:d,style:i,onClickChange:o,onHoverChange:function(e){!function(e){var t,n=e.dataIndex;null!==(t=c.current)&&void 0!==t&&t.current&&"series"===e.componentType&&n!==l.current&&(c.current.current.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:l.current}),c.current.current.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:n}),l.current=n)}(e),r&&r(e)},ref:c})}),(0,s.jsx)("div",{className:yv,children:null==n||null===(t=n.dataSource)||void 0===t?void 0:t.map((function(e,t){return(0,s.jsxs)("div",{className:jv,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:bv,style:{backgroundColor:Th[t]}}),(0,s.jsx)("div",{className:_v,children:e[0]}),(0,s.jsx)("div",{className:wv,children:"$".concat(e[1])})]},t)}))})]})},Dv=n(23076),Mv=function(){var e=(0,a.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,a.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n=Math.ceil(4*(0,Dv.Z)()+1),a="".concat("name".repeat(n)).concat(t+1),r=8e3*Math.random();e.push([a,r])}i(e)}()}),[]),(0,s.jsx)("div",{className:pv,children:(0,s.jsx)(Av,{data:{dataSource:n}})})},Cv=le.GridBox,Nv=[{element:(0,s.jsx)(hv,{})},{element:(0,s.jsx)(Mv,{})}],Bv=function(){var e=u().setScrollTop;return(0,a.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:mv,children:(0,s.jsx)(le,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Nv.map((function(e,t){return(0,s.jsx)(Cv,{children:(0,s.jsx)("div",{className:fv,children:e.element})},t)}))})})},Sv=[{path:"/html",children:[{path:"/html/visualDesign",element:(0,s.jsx)(Jn,{})},{path:"/html/interactiveDesign",element:(0,s.jsx)(Hs,{})},{path:"/html/backgroundEffect",element:(0,s.jsx)(zs,{})},{path:"/html/complexLayout",element:(0,s.jsx)(sc,{})},{path:"/html/appPageFrame",element:(0,s.jsx)(Tc,{})},{path:"/html/utilitarianFunction",element:(0,s.jsx)(Sd,{})}]},{path:"/css",children:[{path:"/css/dynamicButtons",element:(0,s.jsx)(wu,{})},{path:"/css/richDynamicEffect",element:(0,s.jsx)(im,{})}]},{path:"/canvas",children:[{path:"/canvas/dynamicClock",element:(0,s.jsx)(sm,{})},{path:"/canvas/searchlight",element:(0,s.jsx)(gm,{})},{path:"/canvas/globuleInteraction",element:(0,s.jsx)(vm,{})},{path:"/canvas/killPlanetGame",element:(0,s.jsx)(Am,{})},{path:"/canvas/freeFallingBody",element:(0,s.jsx)(Pm,{})},{path:"/canvas/countDown",element:(0,s.jsx)(Vm,{})},{path:"/canvas/particlesBg",element:(0,s.jsx)(zm,{})},{path:"/canvas/rippleFloatOnTheWater",element:(0,s.jsx)(ef,{})},{path:"/canvas/flowerBloom",element:(0,s.jsx)(sf,{})},{path:"/canvas/codeBgWall",element:(0,s.jsx)(uf,{})},{path:"/canvas/wordDance",element:(0,s.jsx)(hf,{})}]},{path:"/echarts",children:[{path:"/echarts/bar",element:(0,s.jsx)(uv,{})},{path:"/echarts/pie",element:(0,s.jsx)(Bv,{})}]},{path:"/threejs",children:[{path:"/threejs/appPageFrame",element:(0,s.jsx)(Sf,{})},{path:"/threejs/threejsComingSoon",element:(0,s.jsx)(ie,{})}]},{path:"/AIApplication",children:[{path:"/AIApplication/humanPostureDetection",element:(0,s.jsx)(Rf,{})},{path:"/AIApplication/notBlockPeopleBarrage",element:(0,s.jsx)(zf,{})}]},{path:"/gameImage",element:(0,s.jsx)(ph,{})}],kv=[{path:"/*",element:(0,s.jsx)(ne,{})}],Ev=n(29558),Pv={"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.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.pleaseUploadPicture":"请先上传图片","common.deviceNotFound":"请求的设备未找到","common.impowerOpenMicrophone":"授权失败，请点击设置->隐私设置和安全->网站设置->麦克风，打开允许使用","common.impowerOpenCamera":"授权失败，请点击设置->隐私设置和安全->网站设置->摄像头，打开允许使用","common.notSupportGetUserMedia":"浏览器不支持getUserMedia","common.notSupportGetDisplayMedia":"浏览器不支持getDisplayMedia","common.browserTooLow":"您的浏览器版本过低，请更新浏览器","common.backgroundColor":"背景色","common.dimension":"尺寸","common.size":"大小","common.transparency":"透明色","common.red":"红色","common.blue":"蓝色","common.white":"白色","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.musicVisualization":"音乐可视化","menu.canvasDynamicEffect":"Canvas动效","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.echartsInteraction":"Echarts交互","menu.echartsInteraction.barCharts":"柱状图","menu.echartsInteraction.pieCharts":"饼图","menu.threeJs3D":"Three.js3D","menu.threeJs3D.appPageFrame":"炫酷3D应用页面","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":"图片压缩","page.htmlVision.visualDesign.displaysCustomRows":"该组件为可显示自定义行数，超出时显示省略号的文本组件，还支持在最后面出现省略号时显示自定义的文字按钮。","page.htmlVision.visualDesign.thisIsText":"这是文字。","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.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.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.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.watermarkSizeLimit":"请选择20x20以上尺寸的水印图片","page.imageProcessingTool.watermarkSizeTooLarge":"请选择小于目标图片尺寸的水印图片","page.imageProcessingTool.uploadWatermark":"上传水印","page.imageProcessingTool.distanceLeft":"距离左侧","page.imageProcessingTool.distanceTop":"距离顶部","page.imageProcessingTool.filename":"文件名","page.imageProcessingTool.format":"格式","page.imageProcessingTool.flipSideToSide":"左右翻转","page.imageProcessingTool.flipTopToBottom":"上下翻转","page.imageProcessingTool.rotateLeft":"左旋转","page.imageProcessingTool.rotateRight":"右旋转","page.imageProcessingTool.graying":"灰化","page.imageProcessingTool.vampix":"黑白化","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.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.pleaseEnterWidthOrHeight":"请输入宽度或高度","page.imageProcessingTool.width":"宽度","page.imageProcessingTool.height":"高度","page.imageProcessingTool.whetherMaintainOriginalProportion":"是否保持原比例","page.imageProcessingTool.compressibility":"压缩率","page.imageProcessingTool.pleaseEnterFilletRadius":"请输入圆角半径","page.imageProcessingTool.filletRadius":"圆角半径","page.imageProcessingTool.clippedAndConvertedToPng":"裁剪后转成PNG格式","page.imageProcessingTool.WhetherRetainOriginalDimension":"是否保留原尺寸","page.imageProcessingTool.clippingWidth":"裁剪宽度","page.imageProcessingTool.clippingHeight":"裁剪高度","page.imageProcessingTool.mosaicGrainSize":"马赛克颗粒大小","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对象。","ad.phoneAccessories":"升级你的手机，尽在亚马逊手机配件！从保护壳到充电器，让你的手机更加完美！立即点击，享受更多惊喜！","ad.books":"探索计算机世界，开启无限可能！亚马逊计算机与互联网类书籍，带你领略科技的魅力，成就你的未来","ad.digitalCamera":"记录美好瞬间，从这里开始。亚马逊数码相机，让你的每一次拍摄都更加精彩。点击了解更多。","ad.officeEquipment":"提高工作效率，从亚马逊办公设备开始！点击了解更多！","ad.sportsElectronics":"让运动更智能，让健康更简单！"},"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.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 picture","common.uploadFile":"Upload File","common.dragTheFileHere":"Or drag the file here","common.supportedImageType":"Jpg, jpeg, and png 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.dimension":"Dimension","common.size":"Size","common.transparency":"Transparency","common.red":"Red","common.blue":"Blue","common.white":"White","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.musicVisualization":"Music Visualization","menu.canvasDynamicEffect":"Canvas Dynamic Effect","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.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.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","page.htmlVision.visualDesign.displaysCustomRows":"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.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.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.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.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.watermarkSizeLimit":"Please select watermark images of 20x20 and above","page.imageProcessingTool.watermarkSizeTooLarge":"Please select a watermark image that is smaller than the size of the target image","page.imageProcessingTool.uploadWatermark":"Upload watermark","page.imageProcessingTool.distanceLeft":"Distance left","page.imageProcessingTool.distanceTop":"Distance Top","page.imageProcessingTool.filename":"Filename","page.imageProcessingTool.format":"Format","page.imageProcessingTool.flipSideToSide":"Flip Side To Side","page.imageProcessingTool.flipTopToBottom":"Flip Top To Bottom","page.imageProcessingTool.rotateLeft":"Rotate Left","page.imageProcessingTool.rotateRight":"Rotate Right","page.imageProcessingTool.graying":"Graying","page.imageProcessingTool.vampix":"Vampix","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.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.pleaseEnterWidthOrHeight":"Please enter width or height","page.imageProcessingTool.width":"Width","page.imageProcessingTool.height":"Height","page.imageProcessingTool.whetherMaintainOriginalProportion":"Whether to maintain the original proportion","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.imageProcessingTool.clippingWidth":"Clipping width","page.imageProcessingTool.clippingHeight":"Clipping height","page.imageProcessingTool.mosaicGrainSize":"Mosaic grain size","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.","ad.phoneAccessories":"Upgrade your phone game with our top-notch Amazon accessories. Shop now for the ultimate phone experience!","ad.books":"Unlock the Power of Computing and the Internet with Amazon Books - Expand Your Knowledge Today!","ad.digitalCamera":"Capture life's moments in stunning detail with our Amazon digital cameras. From breathtaking landscapes to candid portraits, our cameras will help you create memories that last a lifetime. Shop now and unleash your inner photographer!","ad.officeEquipment":"Upgrade your workspace with Amazon's cutting-edge office gear - productivity, innovation, and style, all in one place!","ad.sportsElectronics":"Make exercise more intelligent, make health easier!"}},Iv=function(){var e=u().locale,t=(0,g.V$)(kv);return(0,s.jsx)("div",{className:"app_container",translate:"no",children:(0,s.jsx)(Ev.Z,{locale:e||"en-us",messages:Pv[e||"en-us"],children:t})})},Tv=document.getElementById("root");Tv&&(0,i.s)(Tv).render((0,s.jsx)(d,{children:(0,s.jsx)(r.UT,{children:(0,s.jsx)(Iv,{})})}))},75410:function(){},48628:function(){},75042:function(){}},i={};function r(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={id:e,loaded:!1,exports:{}};return a[e].call(n.exports,n,n.exports,r),n.loaded=!0,n.exports}r.m=a,r.amdD=function(){throw new Error("define cannot be used indirect")},r.amdO={},e=[],r.O=function(t,n,a,i){if(!n){var o=1/0;for(d=0;d<e.length;d++){n=e[d][0],a=e[d][1],i=e[d][2];for(var s=!0,c=0;c<n.length;c++)(!1&i||o>=i)&&Object.keys(r.O).every((function(e){return r.O[e](n[c])}))?n.splice(c--,1):(s=!1,i<o&&(o=i));if(s){e.splice(d--,1);var l=a();void 0!==l&&(t=l)}}return t}i=i||0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[n,a,i]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},r.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var i=Object.create(null);r.r(i);var o={};t=t||[null,n({}),n([]),n(n)];for(var s=2&a&&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},r.d(i,o),i},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},function(){var e;r.g.importScripts&&(e=r.g.location+"");var t=r.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(/\/[^\/]+$/,"/"),r.p=e}(),function(){var e={179:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,i,o=n[0],s=n[1],c=n[2],l=0;if(o.some((function(t){return 0!==e[t]}))){for(a in s)r.o(s,a)&&(r.m[a]=s[a]);if(c)var d=c(r)}for(t&&t(n);l<o.length;l++)i=o[l],r.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return r.O(d)},n=self.webpackChunkvisualization_collection=self.webpackChunkvisualization_collection||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var o=r.O(void 0,[845,61,294,24,968,807],(function(){return r(29020)}));o=r.O(o)}();