1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8531,6449,5483,304],{36905:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/cushion-review-2024",function(){return s(57650)}])},26449:function(e,t,s){"use strict";s.r(t);var l=s(85893),a=s(41664),i=s.n(a),r=s(52585);t.default=e=>{let{...t}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("footer",{style:{background:"rgba(245, 245, 245, 0.5)"},children:(0,l.jsxs)(r.Z,{className:"h-full flex-wrap",children:[(0,l.jsxs)("div",{className:"mx-4 block grid-cols-1 py-12 lg:mx-0 lg:grid lg:grid-cols-6",children:[(0,l.jsxs)("div",{className:"col-span-2 mt-12 grid grid-flow-row auto-rows-max gap-y-4 first:mt-0 lg:mt-0",children:[(0,l.jsx)("img",{src:"/images/sorra.png",className:"h-[19px] w-[112px]"}),(0,l.jsxs)("div",{className:"grid auto-cols-max grid-flow-col gap-x-5",children:[(0,l.jsx)("img",{src:"/svgs/footer-sns-instagram.svg",className:"cursor-pointer",onClick:()=>window.open("https://www.instagram.com/sorra.beauty","_blank")}),(0,l.jsx)("img",{src:"/svgs/footer-sns-facebook.svg",className:"cursor-pointer",onClick:()=>window.open("https://www.facebook.com/sorranet","_blank")})]})]}),(0,l.jsxs)("div",{className:"mt-12 grid grid-flow-row auto-rows-max gap-y-5 first:mt-0 lg:mt-0",children:[(0,l.jsx)("span",{className:"text-sm font-semibold text-sorra-black",children:"éæ¼æå"}),(0,l.jsx)("a",{href:"/about",className:"text-base font-normal text-sorra-gray-800",children:"èªèSORRA"}),(0,l.jsx)("a",{href:"/membership",className:"text-base font-normal text-sorra-gray-800",children:"æå¡å¶åº¦"}),(0,l.jsx)("a",{href:"https://blog.sorra.net/",target:"_blank",className:"text-base font-normal text-sorra-gray-800",children:"社群æç« "}),(0,l.jsx)("a",{href:"mailto:[email protected]",className:"text-base font-normal text-sorra-gray-800",children:"è¯çµ¡æå"})]}),(0,l.jsxs)("div",{className:"mt-12 grid grid-flow-row auto-rows-max gap-y-5 first:mt-0 lg:mt-0",children:[(0,l.jsx)("span",{className:"text-sm font-semibold text-sorra-black",children:"è³è¨"}),(0,l.jsx)("a",{href:"/ranking",className:"text-base font-normal text-sorra-gray-800",children:"å
¨é¨æè¡æ¦"}),(0,l.jsx)("a",{href:"/landing",className:"text-base font-normal text-sorra-gray-800",children:"ç¾å¦æ
å ±"}),(0,l.jsx)("a",{href:"/brandList",className:"text-base font-normal text-sorra-gray-800",children:"åçå½ç¸½"}),(0,l.jsx)("a",{href:"/keywords",className:"text-base font-normal text-sorra-gray-800",children:"åé¡å½ç¸½"}),(0,l.jsx)("a",{href:"/monthlyTop10",className:"text-base font-normal text-sorra-gray-800",children:"æ¯æ TOP 10 å½ç¸½"}),(0,l.jsx)("a",{href:"/skinTopics",className:"text-base font-normal text-sorra-gray-800",children:"ç®èçç"}),(0,l.jsx)("a",{href:"/ingredientSummary",className:"text-base font-normal text-sorra-gray-800",children:"æ份å½ç¸½"}),(0,l.jsx)("a",{href:"/age-groups",className:"text-base font-normal text-sorra-gray-800",children:"年齡å½ç¸½"}),(0,l.jsx)("a",{href:"/rewards?tab=code",className:"text-base font-normal text-sorra-gray-800",children:"åªæ 碼åé"}),(0,l.jsx)(i(),{prefetch:!1,href:"/FAQ",className:"text-base font-normal text-sorra-gray-800",children:"常è¦åé¡"})]}),(0,l.jsxs)("div",{className:"mt-12 grid grid-flow-row auto-rows-max gap-y-5 first:mt-0 lg:mt-0",children:[(0,l.jsx)("span",{className:"text-sm font-semibold text-sorra-black",children:"æ¢ç´¢"}),(0,l.jsx)("a",{href:"mailto:[email protected]",className:"text-base font-normal text-sorra-gray-800",children:"åæ¥æåªé«è¯çµ¡"}),(0,l.jsx)("a",{href:"/nominate",className:"text-base font-normal text-sorra-gray-800",children:"ç¢åæå"})]}),(0,l.jsxs)("div",{className:"mt-12 grid grid-flow-row auto-rows-max gap-y-5 first:mt-0 lg:mt-0",children:[(0,l.jsx)("span",{className:"text-sm font-semibold text-sorra-black",children:"ç§é±èæ¢æ¬¾"}),(0,l.jsx)("a",{href:"https://sorra.notion.site/Private-Policy-sorra-net-14-Aug-2023-c8b664a4d40a42f0b35af9e4f416357a?pvs=4",target:"_blank",className:"text-base font-normal text-sorra-gray-800",children:"ç§é±æ¿ç"}),(0,l.jsx)("a",{href:"https://sorra.notion.site/Website-Terms-and-Conditions-sorra-net-14-Aug-2023-e99d70976b7842c38495ee97a6074f13?pvs=4",target:"_blank",className:"text-base font-normal text-sorra-gray-800",children:"æ¢æ¬¾åç´°å"})]})]}),(0,l.jsxs)("div",{className:"footer-bottom mb-16 flex items-center justify-center border-t border-gray-200 py-8 text-base text-gray-400 lg:mb-0 lg:py-12",children:["Copyright \xa9 ",new Date().getFullYear()," Sorra Limited. All rights reserved."]})]})})})}},45483:function(e,t,s){"use strict";s.r(t);var l=s(85893);s(67294);var a=s(93967),i=s.n(a),r=s(8170),x=s(11163),c=s(41664),n=s.n(c);s(52585);var d=s(66921);t.default=e=>{let{...t}=e,s=(0,x.useRouter)(),{user:a}=(0,r.Ii)(),{pathname:c,asPath:o}=s,p=(o||"").split("?")[0],{setShowMobileMoreModal:m}=(0,d.WS)();return(0,l.jsx)("div",{className:"fixed bottom-0 left-0 z-20 flex h-[64px] w-full border-t border-gray-100 bg-white lg:hidden",children:(0,l.jsxs)("div",{className:i()("grid h-full w-full justify-between text-xs font-normal text-[#4A4A4A]",{"grid-cols-4":!a,"grid-cols-5":a}),children:[(0,l.jsxs)(n(),{prefetch:!1,href:"/",className:"flex flex-col items-center justify-center gap-y-1",children:[(0,l.jsx)("svg",{className:"/"===c?"text-sorra-pink":"",xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:(0,l.jsx)("path",{d:"M13.5977 2.75173C13.3727 2.52677 13.0675 2.40039 12.7493 2.40039C12.4311 2.40039 12.1259 2.52677 11.9009 2.75173L3.50092 11.1517C3.28233 11.3781 3.16137 11.6812 3.16411 11.9958C3.16684 12.3105 3.29304 12.6114 3.51553 12.8339C3.73802 13.0564 4.039 13.1826 4.35363 13.1853C4.66827 13.1881 4.97139 13.0671 5.19772 12.8485L5.54932 12.4969V20.4001C5.54932 20.7184 5.67575 21.0236 5.90079 21.2487C6.12583 21.4737 6.43106 21.6001 6.74932 21.6001H9.14932C9.46758 21.6001 9.7728 21.4737 9.99784 21.2487C10.2229 21.0236 10.3493 20.7184 10.3493 20.4001V18.0001C10.3493 17.6819 10.4757 17.3766 10.7008 17.1516C10.9258 16.9266 11.2311 16.8001 11.5493 16.8001H13.9493C14.2676 16.8001 14.5728 16.9266 14.7978 17.1516C15.0229 17.3766 15.1493 17.6819 15.1493 18.0001V20.4001C15.1493 20.7184 15.2757 21.0236 15.5008 21.2487C15.7258 21.4737 16.0311 21.6001 16.3493 21.6001H18.7493
1C19.0676 21.6001 19.3728 21.4737 19.5978 21.2487C19.8229 21.0236 19.9493 20.7184 19.9493 20.4001V12.4969L20.3009 12.8485C20.5272 13.0671 20.8304 13.1881 21.145 13.1853C21.4596 13.1826 21.7606 13.0564 21.9831 12.8339C22.2056 12.6114 22.3318 12.3105 22.3345 11.9958C22.3373 11.6812 22.2163 11.3781 21.9977 11.1517L13.5977 2.75173Z",fill:"currentColor"})}),(0,l.jsx)("p",{className:"/"===c?"font-medium text-[#111928]":"text-[#4A4A4A]",children:"主é "})]}),(0,l.jsxs)(n(),{prefetch:!1,href:"/campaign",className:"flex flex-col items-center justify-center gap-y-1",children:[(0,l.jsx)("svg",{className:"/campaign"===c?"text-sorra-pink":"",xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:(0,l.jsx)("path",{d:"M5.875 3V7V3ZM3.875 5H7.875H3.875ZM6.875 17V21V17ZM4.875 19H8.875H4.875ZM13.875 3L16.161 9.857L21.875 12L16.161 14.143L13.875 21L11.589 14.143L5.875 12L11.589 9.857L13.875 3Z",fill:"white",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,l.jsx)("p",{className:"/campaign"===c?"font-medium text-[#111928]":"text-[#4A4A4A]",children:"試ç¨æ´»å"})]}),(0,l.jsxs)(n(),{prefetch:!1,href:"/rewards",className:"flex flex-col items-center justify-center gap-y-1",children:[(0,l.jsxs)("svg",{className:"/rewards"===c?"text-sorra-pink":"",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("path",{d:"M12 6C12 5.60444 12.1173 5.21776 12.3371 4.88886C12.5568 4.55996 12.8692 4.30362 13.2346 4.15224C13.6001 4.00087 14.0022 3.96126 14.3902 4.03843C14.7781 4.1156 15.1345 4.30608 15.4142 4.58579C15.6939 4.86549 15.8844 5.22186 15.9616 5.60982C16.0387 5.99778 15.9991 6.39992 15.8478 6.76537C15.6964 7.13082 15.44 7.44318 15.1111 7.66294C14.7822 7.8827 14.3956 8 14 8H19C19.5304 8 20.0391 8.21071 20.4142 8.58579C20.7893 8.96086 21 9.46957 21 10C21 10.5304 20.7893 11.0391 20.4142 11.4142C20.0391 11.7893 19.5304 12 19 12V19C19 19.5304 18.7893 20.0391 18.4142 20.4142C18.0391 20.7893 17.5304 21 17 21H12H7C6.46957 21 5.96086 20.7893 5.58579 20.4142C5.21071 20.0391 5 19.5304 5 19V12C4.46957 12 3.96086 11.7893 3.58579 11.4142C3.21071 11.0391 3 10.5304 3 10C3 9.46957 3.21071 8.96086 3.58579 8.58579C3.96086 8.21071 4.46957 8 5 8H9.5C9.00555 8 8.5222 7.85338 8.11107 7.57867C7.69995 7.30397 7.37952 6.91352 7.1903 6.45671C7.00108 5.99989 6.95157 5.49723 7.04804 5.01228C7.1445 4.52732 7.3826 4.08187 7.73223 3.73223C8.08186 3.3826 8.52732 3.1445 9.01227 3.04804C9.49723 2.95157 9.99989 3.00108 10.4567 3.1903C10.9135 3.37952 11.304 3.69995 11.5787 4.11108C11.8534 4.5222 12 5.00555 12 5.5V6Z",fill:"white"}),(0,l.jsx)("path",{d:"M12 8V21M12 8V6C12 5.60444 12.1173 5.21776 12.3371 4.88886C12.5568 4.55996 12.8692 4.30362 13.2346 4.15224C13.6001 4.00087 14.0022 3.96126 14.3902 4.03843C14.7781 4.1156 15.1345 4.30608 15.4142 4.58579C15.6939 4.86549 15.8844 5.22186 15.9616 5.60982C16.0387 5.99778 15.9991 6.39992 15.8478 6.76537C15.6964 7.13082 15.44 7.44318 15.1111 7.66294C14.7822 7.8827 14.3956 8 14 8H12ZM12 8V5.5C12 5.00555 11.8534 4.5222 11.5787 4.11108C11.304 3.69995 10.9135 3.37952 10.4567 3.1903C9.99989 3.00108 9.49723 2.95157 9.01227 3.04804C8.52732 3.1445 8.08186 3.3826 7.73223 3.73223C7.3826 4.08187 7.1445 4.52732 7.04804 5.01228C6.95157 5.49723 7.00108 5.99989 7.1903 6.45671C7.37952 6.91352 7.69995 7.30397 8.11107 7.57867C8.5222 7.85338 9.00555 8 9.5 8H12ZM5 12H19M5 12C4.46957 12 3.96086 11.7893 3.58579 11.4142C3.21071 11.0391 3 10.5304 3 10C3 9.46957 3.21071 8.96086 3.58579 8.58579C3.96086 8.21072 4.46957 8 5 8H19C19.5304 8 20.0391 8.21072 20.4142 8.58579C20.7893 8.96086 21 9.46957 21 10C21 10.5304 20.7893 11.0391 20.4142 11.4142C20.0391 11.7893 19.5304 12 19 12M5 12V19C5 19.5304 5.21071 20.0391 5.58579 20.4142C5.96086 20.7893 6.46957 21 7 21H17C17.5304 21 18.0391 20.7893 18.4142 20.4142C18.7893 20.0391 19 19.5304 19 19V12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsx)("p",{className:"/rewards"===c?"font-medium text-[#111928]":"text-[#4A4A4A]",children:"å
æ禮ç©"})]}),a&&(0,l.jsxs)(n(),{prefetch:!1,href:"/p/".concat(a.referral_code),className:"flex flex-col items-center justify-center gap-y-1",children:[(0,l.jsxs)("svg",{className:p==="/p/".concat(a.referral_code)?"text-sorra-pink":"",xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:[(0,l.jsx)("path",{d:"M21.125 12C21.125 13.1819 20.8922 14.3522 20.4399 15.4442C20.0849 16.3013 19.6 17.097 19.0037 17.8038C18.8403 17.9974 18.6686 18.1843 18.489 18.364C17.6532 19.1997 16.6611 19.8626 15.5692 20.3149C14.4772 20.7672 13.3069 21 12.125 21C10.9431 21 9.77278 20.7672 8.68085 20.3149C7.58892 19.8626 6.59677 19.1997 5.76104 18.364C5.58136 18.1843 5.40967 17.9974 5.24635 17.8038C4.64999 17.097 4.16514 16.3013 3.81008 15.4442C3.35779 14.3522 3.125 13.1819 3.125 12C3.125 9.61305 4.07321 7.32387 5.76104 5.63604C7.44887 3.94821 9.73805 3 12.125 3C14.5119 3 16.8011 3.94821 18.489 5.63604C20.1768 7.32387 21.125 9.61305 21.125 12Z",fill:"white"}),(0,l.jsx)("path",{d:"M5.246 17.804C7.34442 16.6179 9.71458 15.9963 12.125 16C14.625 16 16.972 16.655 19.004 17.804M15.125 10C15.125 10.7956 14.8089 11.5587 14.2463 12.1213C13.6837 12.6839 12.9206 13 12.125 13C11.3294 13 10.5663 12.6839 10.0037 12.1213C9.44107 11.5587 9.125 10.7956 9.125 10C9.125 9.20435 9.44107 8.44129 10.0037 7.87868C10.5663 7.31607 11.3294 7 12.125 7C12.9206 7 13.6837 7.31607 14.2463 7.87868C14.8089 8.44129 15.125 9.20435 15.125 10ZM21.125 12C21.125 13.1819 20.8922 14.3522 20.4399 15.4442C19.9876 16.5361 19.3247 17.5282 18.489 18.364C17.6532 19.1997 16.6611 19.8626 15.5692 20.3149C14.4772 20.7672 13.3069 21 12.125 21C10.9431 21 9.77278 20.7672 8.68085 20.3149C7.58892 19.8626 6.59677 19.1997 5.76104 18.364C4.92531 17.5282 4.26238 16.5361 3.81008 15.4442C3.35779 14.3522 3.125 13.1819 3.125 12C3.125 9.61305 4.07321 7.32387 5.76104 5.63604C7.44887 3.94821 9.73805 3 12.125 3C14.5119 3 16.8011 3.94821 18.489 5.63604C20.1768 7.32387 21.125 9.61305 21.125 12Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsx)("p",{className:p==="/p/".concat(a.referral_code)?"font-medium text-[#111928]":"text-[#4A4A4A]",children:"ç¾å¦æªæ¡"})]}),(0,l.jsxs)("button",{href:"/",className:"flex flex-col items-center justify-center gap-y-1",onClick:()=>{m(!0)},children:[(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:[(0,l.jsx)("path",{d:"M4.25 6H20.25H4.25ZM4.25 10H20.25H4.25ZM4.25 14H20.25H4.25ZM4.25 18H20.25H4.25Z",fill:"white"}),(0,l.jsx)("path",{d:"M4.25 18H20.25M4.25 6H20.25H4.25ZM4.25 10H20.25H4.25ZM4.25 14H20.25H4.25Z",stroke:"#4A4A4A",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsx)("p",{children:"æ´å¤"})]})]})})}},72234:function(e,t,s){"use strict";s.d(t,{Z:function(){return c}});var l=s(67294),a=function(e){(0,l.useEffect)(e,[])},i=function(e){var t=(0,l.useRef)(e);t.current=e,a(function(){return function(){return t.current()}})},r=function(e){var t=(0,l.useRef)(0),s=(0,l.useState)(e),a=s[0],r=s[1],x=(0,l.useCallback)(function(e){cancelAnimationFrame(t.current),t.current=requestAnimationFrame(function(){r(e)})},[]);return i(function(){cancelAnimationFrame(t.current)}),[a,x]},x=s(15972),c=function(e,t){void 0===e&&(e=1/0),void 0===t&&(t=1/0);var s=r({width:x.jU?window.innerWidth:e,height:x.jU?window.innerHeight:t}),a=s[0],i=s[1];return(0,l.useEffect)(function(){if(x.jU){var e=function(){i({width:window.innerWidth,height:window.innerHeight})};return(0,x.on)(window,"resize",e),function(){(0,x.S1)(window,"resize",e)}}},[]),a}},57650:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return O}});var l=s(85893),a=s(2962),i=s(67294),r=s(26449),x=s(18608),c=s(45483),n=s(8170),d=s(9008),o=s.n(d),p=s(11163);s(79102);var m=s(72234),h=s(43332),g=s(63699),u=s(91942);
1let{useState:f,useEffect:j,useRef:b}=i,w=()=>(0,l.jsxs)("div",{className:"relative w-full",children:[(0,l.jsxs)("div",{className:"relative aspect-[375/555] w-full lg:aspect-[1440/632]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/mobile_banner.png",className:"block h-auto w-full object-contain lg:hidden",alt:"ä¹¾ï¼æ²¹è1åæ試ç¨åé§å
æ°£å¢ç²åº6é¸å¯¦æ¸¬ï¼"}),(0,l.jsx)("img",{src:"/images/2024/cushion-review/desktop_banner.png",className:"hidden h-auto w-full object-contain lg:block",alt:"ä¹¾ï¼æ²¹è1åæ試ç¨åé§å
æ°£å¢ç²åº6é¸å¯¦æ¸¬ï¼"}),(0,l.jsx)("div",{className:"flex justify-center",children:(0,l.jsxs)("div",{className:"relative -mt-6 w-full max-w-[900px]",children:[(0,l.jsx)("div",{className:"border border-white/20 bg-white pt-3 backdrop-blur-sm lg:rounded-3xl lg:p-1",children:(0,l.jsxs)("h1",{className:"text-center text-[32px] font-bold leading-normal text-gray-800 lg:text-[40px]",children:["ä¹¾ï¼æ²¹è1åæ試ç¨",(0,l.jsx)("br",{}),"åé§å
æ°£å¢ç²åº6é¸å¯¦æ¸¬ï¼"]})}),(0,l.jsxs)("div",{className:"absolute -top-[60px] left-[10px] flex h-20 w-20 flex-col items-center justify-center rounded-full text-[15px] font-bold uppercase tracking-wide text-white lg:-top-[68px] lg:left-[40px] lg:h-28 lg:w-28 lg:text-[22px]",style:{backgroundColor:"#1E70FF"},children:[(0,l.jsx)("span",{children:"HOT"}),(0,l.jsx)("span",{children:"TOPIC"})]})]})})]}),(0,l.jsx)("div",{className:"mx-auto w-full max-w-[1440px] px-6 pb-6 lg:pb-8",children:(0,l.jsxs)("div",{className:"rounded-2xl bg-white lg:px-20",children:[(0,l.jsx)("p",{className:"text-center text-[16px] leading-relaxed text-gray-700 lg:text-[20px]",children:"ç¸ä¿¡æ°£å¢ç²åºæ¯å¤§å®¶å
¬èªææ¹ä¾¿çåºå¦ç¢åï½ é¤äºä¸å¦å¿«æ·ï¼äº¦ä¾¿æ¼æ帶ï¼è£å¦æä¹ååæ¹ä¾¿ã"}),(0,l.jsx)("p",{className:"text-center text-[16px] leading-relaxed text-gray-700 lg:text-[20px]",children:"é次Sorraæ´¾åºäº2ä½åå¥æ¯ä¹¾èï¼æ²¹èç編輯é²è¡å¯¦æ¸¬ï¼ç²¾é¸äº6款åé§å
å¦æçæ°£å¢ç²åºï¼çºå¤§å®¶å¸¶ä¾1åæçè©æ¸¬å ±åï¼"}),(0,l.jsx)("p",{className:"text-center text-[16px] leading-relaxed text-gray-700 lg:text-[20px]",children:"涵èäºå°æ«ãéæ¶ç¢åï¼æ¯è¼ä¿æ¿åº¦ãæä¹
åãæ°§å度ççãå°åºä¹¾ï¼æ²¹èæ覺å¾åªçæ´å¥½ç¨ï¼ä¸èµ·ä¾ççå§ï¼"})]})}),(0,l.jsxs)("div",{className:"mx-auto w-full max-w-[1440px] px-4 pb-8",children:[(0,l.jsxs)("div",{className:"mx-auto hidden max-w-[1200px] grid-cols-2 gap-x-6 gap-y-3 lg:grid lg:grid-cols-5",children:[(0,l.jsx)(A,{title:"æ°´æ²¹å實測",subtitle:"Round 1: Hydrating Test",id:"round1",seoTitle:"æ°´æ²¹å實測"}),(0,l.jsx)(A,{title:"é®ç度實測",subtitle:"Round 2: Coverage Test",id:"round2",seoTitle:"é®ç度實測"}),(0,l.jsx)(A,{title:"10å°ææä¹
實測",subtitle:"Round 3: Long-lasting Test",id:"round3",seoTitle:"10å°ææä¹
實測"}),(0,l.jsx)(A,{title:"æ°§å/ææ²å¯¦æ¸¬",subtitle:"Round 4: Oxidation Test",id:"round4",seoTitle:"æ°§å/ææ²å¯¦æ¸¬"}),(0,l.jsx)(A,{title:"ç²æ²ä½¿ç¨æ",subtitle:"Round 5: Puff Usage Experience",id:"round5",seoTitle:"ç²æ²ä½¿ç¨æ"}),(0,l.jsx)("div",{className:"col-span-2"}),(0,l.jsx)(A,{title:"ç¶å實測çµæ",subtitle:"Overall Review",id:"round6",seoTitle:"ç¶å實測çµæ"}),(0,l.jsx)("div",{className:"col-span-2"})]}),(0,l.jsxs)("div",{className:"grid grid-cols-2 place-items-center gap-x-2 gap-y-3 lg:hidden",children:[(0,l.jsx)(A,{title:"æ°´æ²¹å實測",subtitle:"Round 1: Hydrating Test",id:"round1",seoTitle:"æ°´æ²¹å實測"}),(0,l.jsx)(A,{title:"é®ç度實測",subtitle:"Round 2: Coverage Test",id:"round2",seoTitle:"é®ç度實測"}),(0,l.jsx)(A,{title:"10å°ææä¹
實測",subtitle:"Round 3: Long-lasting Test",id:"round3",seoTitle:"10å°ææä¹
實測"}),(0,l.jsx)(A,{title:"æ°§å/ææ²å¯¦æ¸¬",subtitle:"Round 4: Oxidation Test",id:"round4",seoTitle:"æ°§å/ææ²å¯¦æ¸¬"}),(0,l.jsx)(A,{title:"ç²æ²ä½¿ç¨æ",subtitle:"Round 5: Puff Usage Experience",id:"round5",seoTitle:"ç²æ²ä½¿ç¨æ"}),(0,l.jsx)(A,{title:"ç¶å實測çµæ",subtitle:"Overall Review",id:"round6",seoTitle:"ç¶å實測çµæ"})]})]}),(0,l.jsx)(M,{children:" "},"review_content")]}),N=[{id:1,brand_name:"CLIO",product_name:"水潤å
彩é亮ç¡çæ°£å¢\nç²åº",origin:"éå",spf:"SPF50+ PA++++",price:"HK$310/15g\xd72",unit_price:"10.3",volume:"15g\xd72",refill_info:"è£å
è£: ç´HK$82",shade_count:3,shades:["#F8DBCB","#FADCBD","#EBC19C"],label:""},{id:2,brand_name:"TIRTIR",product_name:"Mask Fit Cushion",origin:"éå",spf:"\nSPF40 PA++",price:"HK$158/18g",unit_price:"8.7",volume:"18g",refill_info:"æ²æå®å®è£å
è£",shade_count:40,shades:["#F4E2D3","#EED8C9","#F2DFCA","#EFE2CB","#F1D1BF","#F2CFB4","#F2D1B3","#F3D3B4","#E6BCA2","#E6BE99","#E2C49C","#E0AD91","#E4B490","#E1BF92","#E0AC85","#DDA87F","#E3BF90","#D6A37D","#CD9A75","#CE9D70","#D6AB80","#CE9670","#CD9B6F","#CB996B","#CA9466","#C8886A","#C8946
1B","#C49463","#C48566","#C68C67","#C28D61","#C58A5E","#C27E62","#B87C53","#9C643F","#693B24","#6B4228","#59311D","#4D291A","#35231B"],label:"åå¹æä½ï¼\næå¤è²èï¼"},{id:3,brand_name:"WAKEMAKE",product_name:"æå¦çµ²çµ¨æé§æ°£å¢",origin:"éå",spf:"\nSPF50+ PA+++",price:"HK$210/15g",unit_price:"14",volume:"15g",refill_info:"æ²æå®å®è£å
è£",shade_count:3,shades:["#F2D4B9","#E9CCB2","#E3C5A9"],label:""},{id:4,brand_name:"Parnell",product_name:"ç©éªè精粹é§é¢æ°£å¢\nï¼é§é¢ï¼",origin:"éå",spf:"SPF50 PA++++",price:"HK$370/15g\xd72",unit_price:"12.3",volume:"15g\xd72",refill_info:"æ²æå®å®è£å
è£",shade_count:3,shades:["#F6CFA8","#F4BF8F","#E9B480"],label:""},{id:5,brand_name:"Est\xe9e Lauder",product_name:"æä¹
è¼éæé§æ°£å¢ç²åº",origin:"éå",spf:"SPF25 PA+++",price:"HK$420/12g\xd72",unit_price:"17.5",volume:"12g\xd72",refill_info:"è£å
è£: HK$300",shade_count:5,shades:["#DDA86C","#DDAA84","#DFA172","#E7BB9E","#DDAE81"],label:""},{id:6,brand_name:"YSL",product_name:"æç´çè¼éç¡éç¾½æ¯\næ°£å¢ç²åº",origin:"æ³å",spf:"SPF23 PA++",price:"HK$670/14g",unit_price:"47.8",volume:"14g",refill_info:"è£å
è£: HK$405",shade_count:6,shades:["#F9C8A4","#FAC596","#F9C49F","#F6C398","#F2B291","#F3B88B"],label:"åå¹æé«ï¼"}],v={oily:{reviewer:"Jessie",label:"æ²¹æ§è",problem:"è²ç´ å°"},natural:{reviewer:"Katy",label:"ä¸æ§è",problem:"éæãæ³ç´
"},dry:{reviewer:"Manyi",label:"ä¹¾æ§è",problem:"é»ç¼å"}},y=[{id:6,desc:"ä¸é¢å¾äº¦ææé»é»çæ覺ï¼äº¦æé»èé é«®ï¼ç´30åéå¾æ覺就ææ¶å¤±ã",water:42,water_count:"+6",oil:48,oil_count:"-3",type:"oily"},{id:5,desc:"å¾®é§é¢çå
澤ææ種媽ç好ç®çæ覺ã",water:24,water_count:"-10",oil:55,oil_count:"+3",type:"dry"},{id:3,desc:"ä¸éå§çºé§é¢è³ªå°ï¼ä¸é¢å¾å¿«å°±æä¹¾ï¼æ以éè¦è¿
éæéãé¢é¨åºæ²¹æè®å¦æçèµ·ä¾æ´å èªç¶ã",water:29,water_count:"-5",oil:53,oil_count:"+2",type:"oily"},{id:1,desc:"èé¨çé»ç¨ æå¾éï¼ææ種ãç³å¨ä¸èµ·ãçä¸é©æã",water:33,water_count:"-1",oil:52,oil_count:"+1",type:"dry"},{id:2,desc:"é¶ç·èå¦æï¼ä¸é¢å¾ææé»é»çæ覺ï¼äº¦æé»èé é«®ï¼ç´30åéå¾æ覺就ææ¶å¤±ã",water:36,water_count:"+2",oil:51,oil_count:"-",type:"oily"},{id:4,desc:"åä¸é¢æ¯å¸¶å
澤çå¾®é§é¢æï¼å¦æç¸å°èªç¶ã",water:30,water_count:"-4",oil:52,oil_count:"+2",type:"dry"}],C=[{id:4,title:"é®ç度æé«ä¹é¸:",desc:"6款ä¸é®çæé«ï¼åªè¦èèä¸å±¤å°±æé®è大é¨åççµï¼ç´
è¡çµ²ãéæåæç¡ä¹è½é®èï¼å®ç¨å°±è½å¿«éåºéç好é¸æï½"},{id:6,title:"æéèä¹é¸:",desc:"èTIRTIRä¸æ¨£æé¶ç·èå¦æï¼ä½è¼çºè¼èï¼å æ¤é¢å
·æè¼å¼±ãå¦ææ¯å
款ä¸æèªç¶çï¼æ¯è¼é©åççµè¼å°çç®èï½"},{id:1,title:"",desc:"å
次æ¼Parnellï¼ä½é¡ç²å¾æ顯ï¼å¦æè¼åéâ¯â¢"},{id:2,title:"",desc:"é®ç度é«ï¼ä½åæé¢å
·æè¼å¼·ï¼"},{id:3,title:"",desc:"6æé®çåï¼åæ¹é¢ä¹å¾å¹³åã"},{id:5,title:"",desc:"5æé®çååæä¿æéèå¦æï¼ç²è³ªå¾ç´°ç·»ã"}],k=[{id:5,title:"ä¹¾æ§èä¹é¸ï¼",desc:"",dry:{desc:"å®å¦æ覺å¾è²¼èï¼æ¯å¯ä¸æå¦8å°æä»ä¸è¦ºå¾èé¨ææ½ä¹¾çæ覺ï¼èä¸å¾®å¾®åºæ²¹å¾æå
澤奶油èçææï¼é¼»ç¿¼ä½æè¼å¾®è«å¦å¾ä»¤äººé©åï½",rating:"A",extra:"10å°æå¾é¼»ç¿¼ä¹åªæå°è¨±å 磨æ¦èé æçè«å¦ï¼"},oily:{desc:"æä¹
åä¸çï¼æ´é«é®çè½ç¶æå°ç´50%ï¼åºæ²¹å¾å¦æèªç¶ã",rating:"B",extra:""}},{id:2,title:"æ²¹æ§èä¹é¸ï¼",desc:"",dry:{desc:"é®çåé8æ以ä¸ï¼è½æåå°æ¯å被ç¬éå¡«å¹³ãä¸éææ²é度極快ï¼å¸¶å¦1å°æ便ææ²ï¼èä¸è³ªå°è¼åéï¼çèæç¸ç¶æ顯ï¼",rating:"B-",extra:"ä¸é¡ç·ä½ç½®å¨å¸¶å¦6å°æ亦éå§æµ®ç¾æç²â¯"},oily:{desc:"æä¹
åæé«ï¼ç´6å°æå¾é®çåæéå§ä¸éï¼æçµä½¿ç¨10å°æï¼é®çåå©é¤7æï¼ç¸ç¶é©åãå³ä½¿æ¯å®¹æå 磨æ¦èè«å¦ç尾翼ä½ç½®é½è½ä¿æå°50%çé®çåã",rating:"A",extra:"å¯ç¼ç®ä½ç½®æç©ç·æ
æ³ï¼éè¦ç¨ææè¼æï¼åå¡ä¸ç¢ç²æ
1ç¼å½±ã"}},{id:4,title:"",desc:"",dry:{desc:"帶å¦6å°æå¾ä¸è¦ææ²æ°§åï¼ä½æå¦åä¸è¬ï¼é¼»ç¿¼è«å¦é¢é °æµ®ç²ï¼æ³ä»¤ç´ä½æä¹¾è£ç©ç·â¯",rating:"B-"},oily:{desc:"æä¹
åä¸è¬ãä¸å¦ç´3å°æå¾é®çåéå§ä¸éï¼æ©æ¦ç鼻翼è«å¦å´éï¼ä½æ´é«ä¸æææ²æ°§åã",rating:"B"}},{id:6,title:"",desc:"",dry:{desc:"é®çååªæ3æï¼å¸¶å¦6å°æéå§é¢è²æç¼ç°ï¼èä¸æ³ä»¤ç´ä½ç½®æè®å¾ç¹ç·â¯",rating:"B-"},oily:{desc:"æä¹
度ä¸ä¿ï¼ä¸å¦10å°æé®è½ç¶æç´7æï¼èTIRTIRç¸æ¯ï¼é¼»ç¿¼è«å¦ç¨çºè¼å¤ï¼å æ¤å°æ£åã",rating:"A-"}},{id:3,title:"",desc:"",dry:{desc:"帶å¦4å°æéå§è«å¦ï¼èé¨æç¹ç·èµ·å±ï¼é®çèæé£å¸¶èµ·çµå¡ï¼æ³ä»¤ç´ä½ç½®æç©ç·â¯",rating:"C"},oily:{desc:"ç´3å°æå¾é®çåéå§ä¸éï¼ä½ä»è½ä¿æå®æ´ãåºæ²¹æè®å¦æçèµ·ä¾æ´èªç¶ï¼äº¦æªè¦ææ²æ°§åæ
æ³ã",rating:"B+"}},{id:1,title:"",desc:"",dry:{desc:"帶å¦6å°æé¤äºé¼»ç¿¼è«å¦å¤ï¼æ´é«å¦å®¹å®æ´äº¦ä¸è¦ææ²ãä¸éä¸é¡ä½ææµ®ç²ï¼ä»¤å¦å®¹çèµ·ä¾å¾ç²ç³ï¼",rating:"B+"},oily:{desc:"æä¹
åä½ãç´3å°æå¾é®çåå·²éå§ä¸éè³60%ï¼é¢é¨ä¸å¹³æ´ä¹å¹å¸ä½ç½®æµ®ç¾ï¼äº¦æææ²åé¡ã",rating:"C"}}],F=[{id:2,desc:"6款ä¸æ°§åæå´éï¼çè³ç±Cool Toneè®æWarm Toneâ¯æå
¶å¯¦ç·¨è¼¯åæ Warm Toneçè²èæè®å¾æ´æé»ï¼å¤§å®¶é¸è²æè¦å°å¿ï¼"},{id:5,desc:"30åéå¾åªæè¼å¾®è®é»ï¼ä¸¦æ²æç¹å¥è®æï¼æ¯6款ä¸è²å·®æç²çä¸æ¬¾ï¼é種æ
æ³å¨ä¸è¬é§é¢ç²åºçºå¸¸è¦ï¼å®å
¨å¯ä»¥æ¥åï½"},{id:6,desc:"ææ²ç´0.5度"},{id:1,desc:"ææ²ç´1度"},{id:4,desc:"ææ²ç´1度"},{id:3,desc:"ææ²ç´1.5度"}],E=[{id:4,desc:"ç²æ²ä½¿ç¨æä¸å¥½ï¼æ¯è¼èèä¸é£åç²ã"},{id:3,desc:"ç²æ²è»ç¡¬é©ä¸ï¼åç²é åå»ï¼è¡¨ç¾ä¸é¯ï¼"},{id:5,desc:"åå¼·è½å¡å
¥3æï¼æ¯æ¬¡åç²éè¼å°ï¼éè¦æ´å¤æéä¸å¦ã"},{id:1,desc:"ææ°´æ»´åå°é è¨è¨ï¼ç²æ²ä¹å¾æè»ï¼ä¸é容æå°åºç²çã"},{id:2,desc:"æ©¢åå½¢ç²æ²åºå¥å°å¥½ç¨ï¼å®¹æç¼åï¼èä¸ç¯å亦è¼å¤§ã"},{id:6,desc:"åå¼·è½å¡å
¥3æï¼éç¶æå°è§è¨è¨ï¼ä½ä¸ç²ç¯åè¼å°ï¼"}],_=[{id:1,spf:"SPF50+ PA++++",overall_experience:"æ´é«è¡¨ç¾å¹³åï¼å¯ç¨æ¯ç²è³ªè¼ä¸ç´°ç·»ï¼çå åææ令å¦æè®éãé¢å
·æè¼éâ¯â¢",rating:"C+",label:[{key:"spf",desc:"é²æ¬æå¼·!"}]},{id:2,spf:"SPF40 PA++",overall_experience:"6款ä¸è²èé¸ææå¤ãé®ç度åé«ï¼åææ°§ååé¡æå´éãå¨æ²¹èä¸è¡¨ç¾ä¸é¯ï¼ä½ä¹¾èåæé»ç½é£ï¼è©å¹å
©æ¥µï¼ä½æ®éèªåå¦æè¼åéâ¯â¢",rating:"B-",label:[{key:"product",desc:"æ²¹èPICKS!"},{key:"price",desc:"åå¹æä½!"}]},{id:3,spf:"SPF50+ PA+++",overall_experience:"ä¸çé®ç度ï¼ä½æ°§ååé¡è¼å´éï¼åææä¹
度ä¹ä¸è¬ï¼æ´é«è¡¨ç¾ä¸éä¸å¤±ã",rating:"C",label:[]},{id:4,spf:"SPF50+ PA++++",overall_experience:"6款ä¸é®ç度æé«ï¼åæå¦æç´°ç·»ä¸æåéï¼ææ°§ååé¡ä½ä»ç®å¯æ¥åç¯åï¼æä¹
度ä¸è¬ï¼ä½å¨ä¹¾èä¸æéä¹¾ï¼æ¯è¼é©ååæ²¹è~",rating:"B",label:[{key:"spf",desc:"é²æ¬æå¼·!"},{key:"description",desc:"é®çæå¼·!"}]},{id:5,spf:"SPF25 PA+++",overall_experience:"æä¸çé®ç度ï¼å¨2款è質ä¸æä¹
度é½ä¸é¯ï¼ä¹¾èä¸äº¦ä¸æä¹¾ï¼å¹³å表ç¾æé«åï¼èä¸å¹é¢å¨å°æ«ä¸ä¹ä¸ç®è²´ï¼å¼å¾ä¸è©¦ï¼~",rating:"A",label:[{key:"product",desc:"ä¹¾èPICKS!"},{key:"description",desc:"ææä¹
!"}]},{id:6,spf:"SPF34 PA++",overall_experience:"6款ä¸æéèãèªç¶ï¼åæé®ç度æä½ãå¨æ²¹èä¸æä¹
度ä¸é¯ï¼ä½ç²æ¨¸å°ºå¯¸è¼ç´°ï¼ä½¿ç¨æè¼ä¸å°±æ...~",rating:"B+",label:[{key:"price",desc:"åå¹æé«!"},{key:"description",desc:"æéè!"}]}],A=e=>{let{title:t,subtitle:s,id:a,seoTitle:i,className:r}=e,x=(0,u.q)(),c=e=>{x(e)};return(0,l.jsxs)("div",{className:"".concat(r," w-full max-w-[180px] cursor-pointer rounded-full border-2 bg-white px-1 py-1.5 text-center transition-colors hover:bg-blue-50 lg:max-w-[220px] lg:px-2 lg:py-3"),style:{borderColor:"#1E70FF",boxShadow:"4px 4px 0px #1E70FF"},onClick:()=>c(a),children:[(0,l.jsx)("div",{className:"text-[15px] font-bold md:text-[18px] lg:text-[20px]",style:{color:"#1E70FF"},children:t}),(0,l.jsx)("h2",{className:"hidden",children:i}),(0,l.jsx)("div",{className:"text-[8px] font-bold md:text-[11px] lg:text-[12px]",style:{color:"#1E70FF"},children:s})]})},B=e=>{let{product:t={}}=e;return(0,l.jsxs)("div",{className:"flex h-[334px] w-[182px] flex-col justify-start rounded-xl border-b bg-white px-2 pb-4 pt-4 shadow-md lg:h-[368px] lg:w-[280px] lg:border-b lg:py-2 lg:sh
1adow-md",children:[(0,l.jsxs)("div",{className:"relative h-[210px] w-full lg:h-[160px] lg:pt-4",children:[t.label&&(0,l.jsx)("div",{className:"absolute -right-2 -top-8 z-10",children:(0,l.jsxs)("div",{className:"flex rotate-12 transform items-center",children:[(0,l.jsx)("svg",{width:"20",height:"40",className:"text-[#1E70FF]",children:(0,l.jsx)("line",{x1:"5",y1:"".concat(t.label.length>5?8:16),x2:"15",y2:"32",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})}),(0,l.jsx)("div",{className:"mx-1 text-center",children:(0,l.jsx)("div",{className:"whitespace-nowrap text-[14px] font-bold text-[#1E70FF] lg:text-[20px]",children:t.label.split("\n").map((e,t)=>(0,l.jsx)("div",{children:e},t))})}),(0,l.jsx)("svg",{width:"20",height:"40",className:"text-[#1E70FF]",children:(0,l.jsx)("line",{x1:"15",y1:"".concat(t.label.length>5?8:16),x2:"5",y2:"32",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})]})}),(0,l.jsx)("div",{className:"flex h-[120px] items-end justify-center lg:h-[128px]",children:(0,l.jsx)("img",{src:K(null==t?void 0:t.id),alt:"".concat(t.brand_name," ").concat(t.product_name),className:"h-full w-full object-contain object-bottom"})}),(0,l.jsxs)("div",{className:"absolute bottom-0 right-[5px] flex h-[35px] w-[50px] flex-col items-center justify-center -space-y-1 rounded-[50%] tracking-wide text-white lg:-bottom-6 lg:right-[20px] lg:h-[60px] lg:w-[85px] lg:-space-y-1.5",style:{backgroundColor:"#1E70FF"},children:[(0,l.jsx)("span",{className:"text-[8px] lg:text-[11px]",children:"æ¯mlåå¹"}),(0,l.jsxs)("span",{className:"whitespace-nowrap text-[14px] font-bold lg:text-[24px]",children:[(0,l.jsx)("span",{className:"text-[8px] font-bold lg:text-[12px]",children:"$"}),t.unit_price]})]})]}),(0,l.jsxs)("div",{className:"text-center lg:pb-2 lg:pt-4",children:[(0,l.jsx)("div",{className:"inline-flex px-2 text-[16px] font-semibold lg:text-[24px]",children:t.brand_name}),(0,l.jsx)("div",{className:"hidden text-center text-[14px] leading-tight lg:text-[16px]",children:t.product_name}),(0,l.jsx)("div",{className:"hidden text-center text-[14px] leading-tight lg:text-[16px]",children:t.spf}),(0,l.jsxs)("div",{className:"whitespace-pre-line text-center text-[14px] leading-tight lg:hidden lg:text-[16px]",children:[t.product_name," ",t.spf]})]}),(0,l.jsxs)("h3",{className:"hidden",children:[t.brand_name," ",t.product_name]}),(0,l.jsxs)("div",{className:"inline-flex pt-2 text-left lg:mx-6 lg:pb-2",children:[(0,l.jsx)("div",{className:"inline-flex self-start rounded-full px-2 py-0.5 text-[12px] text-white lg:px-4 lg:text-[14px]",style:{backgroundColor:"#1E70FF"},children:"å¹é¢"}),(0,l.jsxs)("div",{className:"ml-2 text-left text-[12px] lg:text-[16px]",children:[t.price,(0,l.jsx)("br",{}),t.refill_info]})]}),(0,l.jsxs)("div",{className:"flex items-start pb-4 pt-2 text-left lg:mx-6",children:[(0,l.jsx)("div",{className:"flex-shrink-0 rounded-full px-2 py-0.5 text-[12px] text-white lg:px-4 lg:text-[14px]",style:{backgroundColor:"#1E70FF"},children:"è²è"}),(0,l.jsxs)("div",{className:"ml-2 flex-1 whitespace-nowrap text-[12px] lg:text-[16px]",children:[" ",(0,l.jsx)("span",{className:"font-bold",children:t.shade_count}),"åé¸æ",T(t.shades)]})]})]})},T=e=>{let{width:t}=(0,m.Z)();if(!e||0===e.length)return null;if(e.length<=10)return(0,l.jsx)("div",{className:"flex items-center justify-between "+(e.length<=3?"w-2/5 lg:w-1/2":e.length<=6?"w-5/6":"w-full"),children:e.map((e,t)=>(0,l.jsx)("div",{className:"inline-flex h-[14px] w-[14px] rounded-full lg:h-4 lg:w-4",style:{backgroundColor:e}},t))});{let s=t<1024?15:20,a=[];for(let t=0;t<e.length;t+=s)a.push(e.slice(t,t+s));return(0,l.jsx)("div",{className:"-space-y-1 lg:-space-y-1.5",children:a.map((e,t)=>(0,l.jsx)("div",{className:"flex -space-x-0.5 lg:-space-x-1",children:e.map((e,t)=>(0,l.jsx)("div",{className:"inline-flex h-[10px] w-[10px] rounded-full lg:h-3 lg:w-3",style:{backgroundColor:e,zIndex:t}},t))},t))})}},M=()=>{let{user:e}=(0,n.Ii)(),t=(0,p.useRouter)(),[s,a]=f("dry"),[i,r]=f("dry"),[x,c]=f("dry");return(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{style:{backgroundColor:"#FEFBFD"},children:(0,l.jsxs)("div",{className:"mx-auto w-full max-w-[1440px] px-2 pt-6",children:[(0,l.jsx)("h2",{className:"mb-2 text-center text-[24px] font-bold lg:mb-6 lg:text-[40px]",style:{color:"#1E70FF"},children:"實測é¸ææªæ¡"}),(0,l.jsx)("div",{className:"mb-2 px-4 py-2 lg:mb-8 lg:px-20",children:(0,l.jsxs)("p",{className:"text-center text-[16px] text-base leading-relaxed text-gray-700 lg:text-[20px]",children:["å°ç·¨åç²¾é¸äºéæ¶ï¼å°æ«ä¸æå
·äººæ°£ç6款氣å¢ç²åºï¼å
¨é¨åçºåé§é¢å¦æï½",(0,l.jsx)("br",{}),"å
¶ä¸ä»¥TIRTIRçåå¹çºæä½ï¼åæè²èä¹ææå¤é¸æï¼å¦å¤å°æ«ä»£è¡¨çYSLåçºåå¹æé«ã"," ",(0,l.jsx)("br",{}),"ç¶ä¸æé¨åä¸è½å®å®è£å
è£ï¼åè³¼æééæ°è³¼è²·å¤å
è£ï¼è¼ä¸ç°ä¿â¯"]})}),(0,l.jsx)("div",{className:"flex flex-col lg:flex-row lg:gap-3",children:(0,l.jsx)("div",{className:"w-full lg:pb-14 lg:pt-14",children:(0,l.jsxs)("div",{className:"hidden lg:block",children:[(0,l.jsx)("div",{className:"flex justify-center gap-x-4 pb-4 pt-4",children:N.slice(0,3).map((e,t)=>(0,l.jsx)(B,{product:e},e.id))}),(0,l.jsx)("div",{className:"flex justify-center gap-x-4 pb-4 pt-4",children:N.slice(3,6).map((e,t)=>(0,l.jsx)(B,{product:e},e.id))})]})})}),(0,l.jsx)("div",{className:"block lg:hidden",style:{backgroundColor:"#FAFAFA"},children:(0,l.jsx)("div",{className:"overflow-x-auto pb-8 pt-4",children:(0,l.jsx)("div",{className:"ml-4 grid gap-4",style:{gridTemplateColumns:"repeat(3, minmax(160px, 1fr))",gridTemplateRows:"repeat(2, 1fr)",width:"max-content",minWidth:"100%"},children:N.slice(0,6).map((e,t)=>(0,l.jsx)(B,{product:e,style:{gridColumn:Math.floor(t/2)+1,gridRow:t%2}},e.id))})})})]})}
1),(0,l.jsx)("section",{id:"round1"}),(0,l.jsx)("div",{style:{backgroundColor:"#FAFAFA"},children:(0,l.jsx)("div",{className:"mx-auto w-full max-w-[1440px] px-2 pt-4",children:(0,l.jsxs)("div",{className:"mx-auto max-w-7xl lg:px-6 lg:pt-6",children:[(0,l.jsx)("div",{className:"mt-4 pb-8 text-center text-[24px] font-bold lg:text-[32px]",style:{color:"#1E70FF"},children:"Round 1ï¼æ°´æ²¹åä¿æ¿åº¦æ¸¬è©¦"}),(0,l.jsxs)("div",{className:"flex w-full flex-col items-center justify-center lg:hidden",children:[(0,l.jsx)("p",{className:"text-medium px-6 pb-4 text-center text-[16px] font-normal leading-relaxed lg:pb-8 lg:text-[20px]",children:"編輯æ¡ç¨æ°´æ²¹å測éä¸å¦ååä¸å¦å¾åå¥çæ¸æï¼æ¯è¼ç®è表é¢çå«æ°´éï¼å«æ²¹éï½ è¥å«æ°´éä¸åï¼å代表æè¼å¥½çå³æä¿æ¿åº¦ãè¥å«æ°´é大å¹
ä¸éï¼å代表ç²é«è¼ä¹¾èº«ï¼æä¹
度å¯è½ææ´å¥½ï½"}),(0,l.jsxs)("div",{className:"flex items-center space-x-4 px-7",children:[(0,l.jsx)("span",{className:"whitespace-nowrap rounded-3xl bg-[#1E70FF] px-1.5 text-[14px] font-bold text-white",children:"ä¸å¦å"}),(0,l.jsx)("span",{className:"mr-3 flex h-8 w-8 items-center justify-center rounded-full bg-black text-[16px] text-white",children:"æ°´"}),(0,l.jsx)("p",{className:"font-rubik text-[32px] font-bold",children:"34"}),(0,l.jsx)("span",{className:"mr-3 flex h-8 w-8 items-center justify-center rounded-full bg-black text-[16px] text-white",children:"æ²¹"}),(0,l.jsx)("p",{className:"font-rubik text-[32px] font-bold",children:"51"})]})]})]})})}),(0,l.jsx)("div",{id:"maskItem",className:"bg-red relative z-50 h-0 w-full"+(e?" hidden":" block"),children:(0,l.jsx)("div",{className:"absolute bottom-0 left-0 flex w-full items-center justify-center",children:(0,l.jsxs)("div",{className:"relative min-h-[400px] w-full items-center justify-center bg-gradient-to-t from-[#FFFFFF] from-40% via-[#FFFFFF]/90 via-80% to-transparent px-6 py-2 text-center text-black shadow-2xl lg:min-h-[340px]",children:[(0,l.jsx)("img",{src:"/images/block.png",className:"inline-flex h-[163px] w-[216px] pb-2"}),(0,l.jsxs)("div",{className:"mb-2 text-[16px] font-semibold lg:text-[20px]",children:["ç«å³æçº ",(0,l.jsx)("span",{className:"font-extrabold",children:"Sorra"})," ","æå¡ç¹¼çºæ¥çï¼"]}),(0,l.jsx)("p",{className:"mb-4 text-[12px] lg:text-[16px]",children:"æå¡å¯è§£éææè©æ¸¬å
§å®¹"}),(0,l.jsxs)("button",{className:"inline-flex h-[41px] w-[151px] items-center justify-center gap-2 rounded-md bg-[#EC6C74] px-4 py-2 text-sm text-[#FFFFFF] shadow-sm hover:bg-[#FCE1E5]",onClick:()=>{(0,h.Z)(t.asPath)},children:[(0,l.jsx)("div",{className:"h-[20px] w-[20px]",children:(0,l.jsx)("img",{src:"/svgs/user-w.svg",className:"h-full w-full object-cover"})}),"å
è²»æçºæå¡"]})]})})}),e&&(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{style:{backgroundColor:"#FAFAFA"},children:(0,l.jsxs)("div",{className:"mx-auto w-full max-w-[1440px] px-2 pb-4",children:[(0,l.jsxs)("div",{className:"mx-auto max-w-7xl lg:px-6 lg:pb-6",children:[(0,l.jsx)("div",{className:"flex w-full flex-col items-center justify-center lg:hidden",children:(0,l.jsx)("img",{src:"/images/2024/cushion-review/round1/1.png",alt:"æ°´æ²¹å",className:"h-[261px] h-full w-[327px] w-full object-contain pt-2"})}),(0,l.jsxs)("div",{className:"hidden h-[435px] w-full flex-row items-center justify-center lg:flex",children:[(0,l.jsxs)("div",{className:"flex-1 flex-col py-2 pr-8",children:[(0,l.jsx)("p",{className:"text-medium text-left font-normal leading-relaxed lg:pb-8 lg:text-[20px]",children:"編輯æ¡ç¨æ°´æ²¹å測éä¸å¦ååä¸å¦å¾åå¥çæ¸æï¼æ¯è¼ç®è表é¢çå«æ°´éï¼å«æ²¹éï½ è¥å«æ°´éä¸åï¼å代表æè¼å¥½çå³æä¿æ¿åº¦ãè¥å«æ°´é大å¹
ä¸éï¼å代表ç²é«è¼ä¹¾èº«ï¼æä¹
度å¯è½ææ´å¥½ï½"}),(0,l.jsxs)("div",{className:"flex items-center space-x-6",children:[(0,l.jsx)("span",{className:"whitespace-nowrap rounded-3xl bg-[#1E70FF] px-4 py-2 text-[16px] font-bold text-white",children:"ä¸å¦å"}),(0,l.jsx)("span",{className:"rounded-3xl bg-black px-3 py-2 text-[20px] text-white",children:"æ°´"}),(0,l.jsx)("p",{className:"font-rubik text-[40px] font-bold",children:"34"}),(0,l.jsx)("span",{className:"rounded-3xl bg-black px-3 py-2 text-[20px] text-white",children:"æ²¹"}),(0,l.jsx)("p",{className:"font-rubik text-[40px] font-bold",children:"51"})]})]}),(0,l.jsx)("div",{className:"flex",children:(0,l.jsx)("img",{src:"/images/2024/cushion-review/round1/1.png",alt:"æ°´æ²¹å",className:"h-[435px] h-full w-[544px] w-full rounded-2xl object-contain"})})]}),(0,l.jsxs)("div",{className:"mx-auto mt-8 lg:grid lg:grid-cols-2 lg:gap-6",children:[(0,l.jsxs)("div",{className:"mb-4 flex flex-col items-center lg:mb-0",children:[(0,l.jsx)("p",{className:"pb-4 text-center text-[20px] font-bold text-[#1E70FF] lg:pb-8 lg:text-[24px]",children:"æä¿æ¿ä¹é¸ï¼YSL"}),(0,l.jsxs)("div",{className:"flex-1",children:[" ",(0,l.jsx)(H,{data:y[0],index:1,dataSources:N,className:"h-full"})]})]}),(0,l.jsxs)("div",{className:"flex flex-col items-center",children:[(0,l.jsx)("p",{className:"pb-4 pt-2 text-center text-[20px] font-bold text-[#1E70FF] lg:pb-8 lg:text-[24px]",children:"ææ§æ²¹ä¹é¸ï¼Est\xe9e Lauder"}),(0,l.jsx)("div",{className:"flex-1",children:(0,l.jsx)(H,{data:y[1],index:2,dataSources:N,className:"h-full"})})]})]})]}),(0,l.jsxs)("div",{className:"mx-auto w-full max-w-[1440px] px-2",children:[(0,l.jsx)("p",{className:"pt-6 text-center text-[20px] font-bold leading-relaxed text-[#1E70FF] lg:pb-4 lg:pt-10 lg:text-[24px]",children:"å
¶å®çµæ"}),(0,l.jsx)("div",{className:"hidden flex-row items-center justify-center space-x-4 lg:flex",children:y.slice(2,6).map((e,t)=>(0,l.jsx)(S,{data:e,index:t+3,dataSources:N}))}),(0,l.jsx)("div",{className:"scrollbar-hide -mx-4 flex h-full gap-0 overflow-x-auto pb-4 pt-4 lg:hidden",children:y.slice(2,6).map((e,t)=>(0,l.jsx)("div",{className:"border-gray h-full flex-shrink-0 border-r px-4",children:(0,l.jsx)("div",{className:"h-[340px]",style:{backgroundColor:"#FEFBFD"},children:(0,l.jsx)(S,{data:e,index:t+3,dataSources:N})})}))})]})]})}
1),(0,l.jsx)("section",{id:"round2"}),(0,l.jsxs)("div",{className:"mx-auto w-full max-w-[1440px] px-2 py-4",children:[(0,l.jsx)("div",{className:"text-center text-[24px] font-bold lg:mb-4 lg:text-[32px]",style:{color:"#1E70FF"},children:"Round 2ï¼é®ç度"}),(0,l.jsx)("div",{className:"mb-4 px-4 py-2 lg:mb-8",children:(0,l.jsx)("p",{className:"text-center text-[16px] text-base leading-relaxed text-gray-700 lg:text-[20px]",children:"å©ç¨ç¼ç·ç實測ç²åºé®èé»è²ç´ çè½åï½"})}),(0,l.jsxs)("div",{className:"mx-auto hidden max-w-[1224px] items-center lg:block",children:[(0,l.jsxs)("div",{className:"grid grid-cols-4 lg:grid-cols-4 lg:items-center lg:gap-4 lg:py-2",children:[(0,l.jsx)("div",{className:"lg:w-[275px]] text-center",children:(0,l.jsxs)("div",{className:"justify-center",children:[(0,l.jsxs)("p",{className:"my-2 text-[20px] font-bold text-[#2070E5] lg:text-[24px]",children:["é®ç度æé«ä¹é¸:",(0,l.jsx)("br",{}),"Parnell"]}),(0,l.jsx)("p",{className:"text-[16px] font-light font-normal lg:text-[20px]",children:C[0].desc})]})}),(0,l.jsx)("div",{className:"item-center w-[220px] pt-4 text-center lg:w-[275px]",children:(0,l.jsx)(R,{id:C[0].id,index:1,round:2,isEnlarge:!0,isMove:!1},C[0].id)}),(0,l.jsx)("div",{className:"justify-end text-center lg:w-[275px]",children:(0,l.jsxs)("div",{className:"justify-end rounded-lg",children:[(0,l.jsxs)("p",{className:"my-2 text-[20px] font-bold text-[#2070E5] lg:text-[24px]",children:["æéèä¹é¸:",(0,l.jsx)("br",{}),"YSL"]}),(0,l.jsx)("p",{className:"text-[16px] font-light font-normal lg:text-[20px]",children:C[1].desc})]})}),(0,l.jsx)("div",{className:"item-center w-[220px] pt-4 text-center lg:w-[275px]",children:(0,l.jsx)(R,{id:C[1].id,index:2,round:2,isEnlarge:!0,isMove:!1},C[1].id)})]}),(0,l.jsx)("div",{className:"grid grid-cols-4 gap-x-4 gap-y-8",children:C.slice(2,6).map((e,t)=>(0,l.jsxs)("div",{className:"pt-8",children:[(0,l.jsx)("div",{className:"item-center w-[275px] pt-4 text-center",children:(0,l.jsx)(R,{id:C[t+2].id,index:t+3,round:2,isEnlarge:!0,isMove:!1},C[t+2].id)}),(0,l.jsx)("div",{className:"mx-4 w-[260px] items-center text-center lg:pt-8",children:(0,l.jsx)("p",{className:"text-[20px] font-normal",children:e.desc})})]}))})]}),(0,l.jsxs)("div",{className:"block lg:hidden",children:[(0,l.jsxs)("div",{className:"flex flex-col items-center gap-1 px-4 lg:py-2",children:[(0,l.jsx)("div",{className:"justify-end text-center",children:(0,l.jsx)("div",{className:"justify-end rounded-lg",children:(0,l.jsxs)("p",{className:"mb-6 text-[20px] font-bold text-[#2070E5] lg:text-[32px]",children:["é®ç度æé«ä¹é¸:",(0,l.jsx)("br",{}),"Parnell"]})})}),(0,l.jsx)("div",{className:"item-center w-[220px] text-center lg:w-[275px]",children:(0,l.jsx)(L,{id:C[0].id,index:1,round:2,isEnlarge:!0,isMove:!1},C[0].id)}),(0,l.jsx)("p",{className:"mt-4 text-center text-[16px] font-light",children:C[0].desc}),(0,l.jsx)("div",{className:"justify-end text-center",children:(0,l.jsx)("div",{className:"justify-end rounded-lg",children:(0,l.jsxs)("p",{className:"mb-6 mt-6 text-[20px] font-bold text-[#2070E5] lg:text-[32px]",children:["æéèä¹é¸:",(0,l.jsx)("br",{}),"YSL"]})})}),(0,l.jsx)("div",{className:"item-center w-[220px] text-center lg:w-[275px]",children:(0,l.jsx)(L,{id:C[1].id,index:2,round:2,isEnlarge:!0,isMove:!1},C[1].id)}),(0,l.jsx)("p",{className:"mt-4 text-center text-[16px] font-light",children:C[1].desc})]}),(0,l.jsx)("div",{className:"justify-end text-center",children:(0,l.jsx)("p",{className:"mb-4 mt-8 text-[20px] font-bold text-[#2070E5]",children:"å
¶å®çµæ"})}),(0,l.jsx)("div",{className:"scrollbar-hide -mx-4 flex h-full gap-4 overflow-x-auto px-6 pb-4 pt-4",children:C.slice(2,6).map((e,t)=>(0,l.jsxs)("div",{className:"h-full flex-shrink-0",children:[(0,l.jsx)("div",{className:"h-[220px] text-center",children:(0,l.jsx)(L,{id:e.id,index:t+3,desc:e.desc,round:2,isEnlarge:!1,isMove:!1},e.id)}),(0,l.jsx)("div",{className:"w-[148px] items-center pb-4 text-center",children:(0,l.jsx)("p",{className:"text-[16px] font-normal",children:e.desc})})]}))})]})]}
1),(0,l.jsx)("section",{id:"round3"}),(0,l.jsx)("div",{style:{backgroundColor:"#FAFAFA"},children:(0,l.jsxs)("div",{className:"mx-auto w-full max-w-[1440px] pt-8 lg:px-2 lg:py-4",children:[(0,l.jsx)("div",{className:"mb-4 text-center text-[24px] font-bold lg:mb-8 lg:pt-12 lg:text-[32px]",style:{color:"#1E70FF"},children:"Round 3ï¼æä¹
度"}),(0,l.jsx)("div",{className:"mb-4 px-4 py-2 md:px-20",children:(0,l.jsx)("p",{className:"text-center text-[16px] text-base leading-relaxed text-gray-700 lg:text-[20px]",children:"以2ä½ä¸åè質çå°ç·¨ä¸é¢å¯¦æ¸¬ï¼æ¯æ¬¾ç²åºæ¸¬è©¦8-10å°æã"})}),(0,l.jsx)("div",{className:"hidden lg:block",children:(0,l.jsx)("div",{className:"mx-auto max-w-[1086px] rounded-xl border border-gray-100 bg-white pb-2 pt-6 shadow-md lg:px-8 lg:pb-5 lg:pt-4",children:(0,l.jsxs)("div",{className:"",children:[(0,l.jsx)("div",{className:"px-4 py-2 md:px-20",children:(0,l.jsxs)("p",{className:"text-center text-[24px] font-extrabold lg:text-[32px]",style:{color:"#2070E5"},children:["ä¹¾æ§èä¹é¸ï¼",(0,l.jsx)("span",{className:"font-bold",children:"Est\xe9e Lauder"})]})}),(0,l.jsxs)("div",{className:"mb-6 mt-6 flex items-center justify-center",children:[(0,l.jsx)("img",{src:V(k[0].id),alt:N[k[0].id-1].product_name,className:"h-23 mr-4 w-20 object-contain"}),(0,l.jsxs)("div",{className:"text-left",children:[(0,l.jsx)("p",{className:"text-[32px] font-bold",children:N[k[0].id-1].brand_name}),(0,l.jsx)("p",{className:"text-[20px] text-gray-600",children:N[k[0].id-1].product_name})]})]}),(0,l.jsxs)("div",{className:"flex",children:[(0,l.jsxs)("div",{className:"flex-1 pr-4",children:[(0,l.jsxs)("div",{className:"mb-4 flex items-center",children:[(0,l.jsx)("p",{className:"mr-3 font-rubik text-[32px] font-bold text-[#2070E5]",children:"Manyi"}),(0,l.jsx)("span",{className:"rounded-full bg-[#2070E5] px-3 py-1 text-white lg:text-[16px]",children:"ä¹¾æ§è"})]}),(0,l.jsxs)("div",{className:"relative mb-4",children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsxs)("div",{className:"relative h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-dry-before.png",alt:"使ç¨å",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"åä¸å¦"})]}),(0,l.jsxs)("div",{className:"relative -mx-1 h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-dry-after.png",alt:"使ç¨å¾",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"10å°æå¾"})]})]}),(0,l.jsx)("div",{className:"absolute -bottom-4 -right-4 z-10 flex h-20 w-20 items-center justify-center rounded-full bg-[#2070E5] text-[40px] font-bold text-white shadow-lg",style:{boxShadow:"0 0 0 4px white"},children:k[0].dry.rating})]}),(0,l.jsx)("p",{className:"mb-4 text-[20px] leading-relaxed text-gray-700",children:k[0].dry.desc}),k[0].dry.extra&&(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-dry-extra.png",alt:"ç´°ç¯å",className:"mb-2 h-[170px] w-[240px] object-cover"}),(0,l.jsx)("div",{className:"flex items-center justify-center",children:(0,l.jsx)("p",{className:"item-center mx-4 justify-center text-[20px] text-gray-600",children:k[0].dry.extra})})]})]}),(0,l.jsx)("div",{className:"mx-4 w-px bg-gray-100"}),(0,l.jsxs)("div",{className:"flex-1 pl-4",children:[(0,l.jsxs)("div",{className:"mb-4 flex items-center",children:[(0,l.jsx)("p",{className:"mr-3 font-rubik text-[32px] font-bold text-[#2070E5]",children:"Jessie"}),(0,l.jsx)("span",{className:"rounded-full bg-[#2070E5] px-3 py-1 text-white lg:text-[16px]",children:"æ²¹æ§è"})]}),(0,l.jsxs)("div",{className:"relative mb-4",children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsxs)("div",{className:"relative h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-oily-before.png",alt:"使ç¨å",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16
1px]",children:"åä¸å¦"})]}),(0,l.jsxs)("div",{className:"relative -mx-1 h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-oily-after.png",alt:"使ç¨å¾",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"10å°æå¾"})]})]}),(0,l.jsx)("div",{className:"absolute -bottom-4 -right-4 z-10 flex h-20 w-20 items-center justify-center rounded-full bg-[#2070E5] text-[40px] font-bold text-white shadow-lg",style:{boxShadow:"0 0 0 4px white"},children:k[0].oily.rating})]}),(0,l.jsx)("p",{className:"mb-4 text-[20px] leading-relaxed text-gray-700",children:k[0].oily.desc})]})]})]})})}),(0,l.jsxs)("div",{className:"hidden lg:block lg:pt-10",children:[(0,l.jsx)("div",{className:"mx-auto max-w-[1082px] rounded-xl border border-gray-100 bg-white px-2 pb-2 pt-6 shadow-md lg:px-8 lg:pb-5",children:(0,l.jsxs)("div",{className:"",children:[(0,l.jsx)("div",{className:"px-4 py-2 md:px-8",children:(0,l.jsxs)("p",{className:"text-center text-[24px] font-extrabold lg:text-[32px]",style:{color:"#2070E5"},children:["æ²¹æ§èä¹é¸ï¼",(0,l.jsx)("span",{className:"font-bold",children:"TIRTIR"})]})}),(0,l.jsxs)("div",{className:"mb-6 mt-6 flex items-center justify-center",children:[(0,l.jsx)("img",{src:V(k[1].id),alt:N[k[1].id-1].product_name,className:"h-23 mr-4 w-20 object-contain"}),(0,l.jsxs)("div",{className:"text-left",children:[(0,l.jsx)("p",{className:"text-[32px] font-bold",children:N[k[1].id-1].brand_name}),(0,l.jsx)("p",{className:"text-[20px] text-gray-600",children:N[k[1].id-1].product_name})]})]}),(0,l.jsxs)("div",{className:"flex",children:[(0,l.jsxs)("div",{className:"flex-1 pr-4",children:[(0,l.jsxs)("div",{className:"mb-4 flex items-center",children:[(0,l.jsx)("p",{className:"mr-3 font-rubik text-[32px] font-bold text-[#2070E5]",children:"Manyi"}),(0,l.jsx)("span",{className:"rounded-full bg-[#2070E5] px-3 py-1 text-white lg:text-[16px]",children:"ä¹¾æ§è"})]}),(0,l.jsxs)("div",{className:"relative mb-4",children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsxs)("div",{className:"relative h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/2-dry-before.png",alt:"使ç¨å",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"åä¸å¦"})]}),(0,l.jsxs)("div",{className:"relative -mx-1 h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/2-dry-after.png",alt:"使ç¨å¾",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"10å°æå¾"})]})]}),(0,l.jsx)("div",{className:"absolute -bottom-4 -right-4 z-10 flex h-20 w-20 items-center justify-center rounded-full bg-[#2070E5] text-[40px] font-bold text-white shadow-lg",style:{boxShadow:"0 0 0 4px white"},children:k[1].dry.rating})]}),(0,l.jsx)("p",{className:"mb-4 text-[20px] leading-relaxed text-gray-700",children:k[1].dry.desc}),k[1].dry.extra&&(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/2-dry-extra.png",alt:"ç´°ç¯å",className:"mb-2 h-[170px] w-[240px] object-cover"}),(0,l.jsx)("div",{className:"flex items-center justify-center",children:(0,l.jsx)("p",{className:"item-center mx-4 justify-center text-[20px] text-gray-600",children:k[1].dry.extra})})]})]}),(0,l.jsx)("div",{className:"mx-4 w-px bg-gray-100"}),(0,l.jsxs)("div",{className:"flex-1 pl-4",children:[(0,l.jsxs)("div",{className:"mb-4 flex items-center",children:[(0,l.jsx)("p",{className:"mr-3 font-rubik text-[32px] font-bold text-[#2070E5]",children:"Jessie"}),(0,l.jsx)("span",{className:"rounded-full bg-[#2070E5] px-3 py-1 text-white lg:text-[16px]",children:"æ²¹æ§è"})]}),(0,l.jsxs)("div",{className:"relative mb-4",children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsxs)("div",{className:"relative h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/2-oily-before.png",alt:"使ç¨å",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16
1px]",children:"åä¸å¦"})]}),(0,l.jsxs)("div",{className:"relative -mx-1 h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/2-oily-after.png",alt:"使ç¨å¾",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"10å°æå¾"})]})]}),(0,l.jsx)("div",{className:"absolute -bottom-4 -right-4 z-10 flex h-20 w-20 items-center justify-center rounded-full bg-[#2070E5] text-[40px] font-bold text-white shadow-lg",style:{boxShadow:"0 0 0 4px white"},children:k[1].oily.rating})]}),(0,l.jsx)("p",{className:"mb-4 text-[20px] leading-relaxed text-gray-700",children:k[1].oily.desc}),k[1].oily.extra&&(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/2-oily-extra.png",alt:"ç´°ç¯å",className:"mb-2 h-[170px] w-[240px] object-cover"}),(0,l.jsx)("div",{className:"flex items-center justify-center",children:(0,l.jsx)("p",{className:"item-center mx-4 justify-center text-[20px] text-gray-600",children:k[1].oily.extra})})]})]})]})]})}),(0,l.jsxs)("div",{className:"block lg:hidden",children:[(0,l.jsx)("div",{className:"px-4 py-2 md:px-20",children:(0,l.jsxs)("p",{className:"text-center text-[20px] font-medium",style:{color:"#2070E5"},children:["æ²¹æ§èä¹é¸ï¼",(0,l.jsx)("span",{className:"font-bold",children:"HAUS LABS"})]})}),(0,l.jsxs)("div",{className:"mb-6 flex items-center justify-center pl-2",children:[(0,l.jsx)("img",{src:V(k[1].id),alt:N[k[1].id-1].product_name,className:"mr-4 h-16 w-12 object-contain"}),(0,l.jsxs)("div",{className:"text-left",children:[(0,l.jsx)("p",{className:"text-[16px] font-bold",children:N[k[1].id-1].brand_name}),(0,l.jsx)("p",{className:"text-[16px] text-gray-600",children:N[k[1].id-1].product_name})]})]}),(0,l.jsxs)("div",{className:"mb-2 flex flex-wrap items-center justify-center gap-1 lg:gap-4",children:[(0,l.jsx)("div",{className:"w-[140px] cursor-pointer rounded-full py-1 text-center font-rubik text-[16px] font-semibold lg:w-[240px] lg:px-3 lg:text-[24px] ".concat("dry"==x?"bg-[#2070E5] text-white":"border border-blue-500 bg-white text-[#2070E5]"),onClick:()=>c("dry"),children:(0,l.jsx)("span",{children:"ä¹¾æ§è"})}),(0,l.jsx)("div",{className:"w-[140px] cursor-pointer rounded-full py-1 text-center font-rubik text-[16px] font-semibold lg:w-[240px] lg:px-3 lg:text-[24px] ".concat("oily"==x?"bg-[#2070E5] text-white":"border border-blue-500 bg-white text-[#2070E5]"),onClick:()=>c("oily"),children:(0,l.jsx)("span",{children:"æ²¹æ§è"})})]}),(0,l.jsx)("div",{className:"items-top mx-0 flex flex-wrap justify-center px-0",children:k.slice(1,2).map((e,t)=>(0,l.jsx)(P,{index:t+2,product:e,factor:x}))})]})]}),(0,l.jsxs)("div",{className:"mx-auto block max-w-[327px] rounded-xl border border-gray-100 bg-white pb-2 pt-6 shadow-md lg:hidden",children:[(0,l.jsx)("div",{className:"px-4 py-2",children:(0,l.jsxs)("p",{className:"text-center text-[20px] font-medium",style:{color:"#2070E5"},children:["ä¹¾æ§èä¹é¸ï¼",(0,l.jsx)("span",{className:"font-bold",children:"Est\xe9e Lauder"})]})}),(0,l.jsxs)("div",{className:"justify-left mb-6 mt-2 flex items-center pl-4",children:[(0,l.jsx)("img",{src:V(k[0].id),alt:N[k[0].id-1].product_name,className:"mr-4 h-16 w-auto object-contain"}),(0,l.jsxs)("div",{className:"text-left",children:[(0,l.jsx)("p",{className:"text-[16px] font-bold",children:N[k[0].id-1].brand_name}),(0,l.jsx)("p",{className:"text-[16px] text-gray-600",children:N[k[0].id-1].product_name})]})]}),(0,l.jsxs)("div",{className:"mb-2 flex flex-wrap items-center justify-center gap-1 lg:gap-4",children:[(0,l.jsx)("div",{className:"w-[140px] cursor-pointer rounded-full py-1 text-center font-rubik text-[16px] font-semibold ".concat("dry"==i?"bg-[#2070E5] text-white":"border border-blue-500 bg-white text-[#2070E5]"),onClick:()=>r("dry"),children:(0,l.jsx)("span",{children:"ä¹¾æ§è"})}),(0,l.jsx)("div",{className:"w-[140px] cursor-pointer rounded-full py-1 text-center font-rubik text-[16px] font-semibold ".concat("oily"==i?"bg-[#2070E5] text-white":"border border-blue-500 bg-white text-[#2070E5]"),onClick:()=>r("oily"),children:(0,l.jsx)("span",{children:"æ²¹æ§è"})})]}),(0,l.jsx)("div",{className:"items-top mx-0 flex flex-wrap justify-center px-0",children:k.slice(0,1).map((e,t)=>(0,l.jsx)(D,{index:t+1,product:e,factor:i}))})]}),(0,l.jsx)("div",{className:"block pt-6 lg:hidden",children:(0,l.jsxs)("div",{className:"mx-auto max-w-[327px] rounded-xl border border-gray-100 bg-white pb-2 pt-6 shadow-md",children:[(0,l.jsx)("div",{className:"px-4 py-2 md:px-20",children:(0,l.jsxs)("p",{className:"text-center text-[20px] font-medium",style:{color:"#2070E5"},children:["æ²¹æ§èä¹é¸ï¼",(0,l.jsx)("span",{className:"font-bold",children:"TIRTIR"})]})}),(0,l.jsxs)("div",{className:"mb-6 mt-2 flex items-center justify-center pl-4",children:[(0,l.jsx)("img",{src:V(k[1].id),alt:N[k[1].id-1].product_name,className:"mr-4 h-16 w-auto object-contain"}),(0,l.jsxs)("div",{className:"text-left",children:[(0,l.jsx)("p",{className:"text-[16px] font-bold",children:N[k[1].id-1].brand_name}),(0,l.jsx)("p",{className:"text-[16px] text-gray-600",children:N[k[1].id-1].product_name})]})]}),(0,l.jsxs)("div",{className:"mb-2 flex flex-wrap items-center justify-center gap-1 lg:gap-4",children:[(0,l.jsx)("div",{className:"w-[140px] cursor-pointer rounded-full py-1 text-center font-rubik text-[16px] font-semibold lg:w-[240px] lg:px-3 lg:text-[24px] ".concat("dry"==i?"bg-[#2070E5] text-white":"border border-blue-500 bg-white text-[#2070E5]"),onClick:()=>r("dry"),children:(0,l.jsx)("span",{children:"ä¹¾æ§è"})}),(0,l.jsx)("div",{className:"w-[140px] cursor-pointer rounded-full py-1 text-center font-rubik text-[16px] font-semibold lg:w-[240px] lg:px-3 lg:text-[24px] ".concat("oily"==i?"bg-[#2070E5] text-white":"border border-blue-500 bg-white text-[#2070E5]"),onClick:()=>r("oily"),children:(0,l.jsx)("span",{children:"æ²¹æ§è"})})]}),(0,l.jsx)("div",{className:"items-top mx-0 flex flex-wrap justify-center px-0",children:k.slice(1,2).map((e,t)=>(0,l.jsx)(D,{index:t+2,product:e,factor:i}))})]})}),(0,l.jsx)("p",{className:"mb-4 pt-8 text-center text-[20px] font-extrabold lg:text-[32px]",style:{color:"#2070E5"},children:"å
¶å®çµæ"}),(0,l.jsxs)("div",{className:"mb-4 flex flex-wrap items-center justify-center gap-1 lg:gap-4",children:[(0,l.jsx)("div",{className:"w-[160px] cursor-pointer rounded-full py-2 text-center font-rubik text-[16px] font-semibold lg:w-[240px] lg:px-3 lg:text-[24px] ".concat("dry"==s?"bg-[#2070E5] text-white":"border border-blue-500 bg-white text-[#2070E5]"),onClick:()=>a("dry"),children:(0,l.jsx)("span",{children:"Manyi ä¹¾æ§è"})}),(0,l.jsx)("div",{className:"w-[160px] cursor-pointer rounded-full py-2 text-center font-rubik text-[16px] font-semibold lg:w-[240px] lg:px-3 lg:text-[24px] ".concat("oily"==s?"bg-[#2070E5] text-white":"border border-blue-500 bg-white text-[#2070E5]"),onClick:()=>a("oily"),children:(0,l.jsx)("span",{children:"Jessie æ²¹æ§è"})})]}),(0,l.jsx)("div",{className:"items-top flex hidden flex-wrap justify-center gap-x-8 gap-y-6 pb-4 pt-4 lg:flex",children:k.slice(2,10).map((e,t)=>(0,l.jsx)(I,{index:t+3,product:e,factor:s,className:""}))}),(0,l.jsx)("div",{className:"scrollbar-hide flex gap-1 overflow-x-auto pb-4 pt-4 lg:hidden",children:k.slice(2,10).map((e,t)=>(0,l.jsx)("div",{className:"h-full flex-shrink-0 border-r px-4",children:(0,l.jsx)(I,{index:t+3,product:e,factor:s,className:""})}))})]})}
1),(0,l.jsx)("section",{id:"round4"}),(0,l.jsxs)("div",{className:"mx-auto w-full max-w-[1440px] px-2 py-4",children:[(0,l.jsx)("div",{className:"text-center text-[24px] font-bold lg:mb-4 lg:pt-12 lg:text-[32px]",style:{color:"#1E70FF"},children:"Round 4ï¼æ°§å度測試"}),(0,l.jsx)("div",{className:"px-4 pt-2 md:px-20 lg:mb-10",children:(0,l.jsx)("p",{className:"text-center text-[16px] text-base leading-relaxed text-gray-700 lg:text-[20px]",children:"å°åä¸å¦ä»¥åéç½®30åéå¾çç²åºä½æ¯è¼ï¼è§å¯é¡è²è®åãæ°§åï¼ææ²åé¡ã"})}),(0,l.jsxs)("div",{className:"hidden lg:block",children:[(0,l.jsxs)("div",{className:"item-center flex justify-center lg:flex-wrap lg:gap-8",children:[(0,l.jsxs)("div",{className:"flex-1 text-center lg:max-w-[440px]",children:[(0,l.jsx)("div",{className:"mb-8",children:(0,l.jsx)("p",{className:"text-[20px] font-bold text-[#2070E5] lg:text-[24px]",children:"æ大è²å·®ï¼TIRTIR"})}),(0,l.jsx)(z,{id:F[0].id,index:1,round:4,isEnlarge:!0},F[0].id),(0,l.jsx)("div",{className:"my-4",children:(0,l.jsx)("p",{className:"text-center text-[16px] text-base leading-relaxed lg:text-[20px]",children:F[0].desc})})]}),(0,l.jsxs)("div",{className:"flex-1 text-center lg:max-w-[440px]",children:[(0,l.jsx)("div",{className:"mb-8",children:(0,l.jsx)("p",{className:"text-[20px] font-bold text-[#2070E5] lg:text-[24px]",children:"æå°è²å·®ï¼Est\xe9e Lauder"})}),(0,l.jsx)(z,{id:F[1].id,index:2,round:4,isEnlarge:!0},F[1].id),(0,l.jsx)("div",{className:"my-4",children:(0,l.jsx)("p",{className:"text-center text-[16px] text-base leading-relaxed lg:text-[20px]",children:F[1].desc})})]})]}),(0,l.jsx)("p",{className:"pt-10 text-center text-[24px] font-medium lg:text-[24px]",style:{color:"#2070E5"},children:"å
¶å®çµæ"}),(0,l.jsx)("div",{className:"item-center hidden flex-wrap justify-center gap-4 lg:flex lg:pb-10 lg:pt-4",children:F.slice(2,7).map((e,t)=>(0,l.jsxs)("div",{className:"my-4 w-[calc(25%-1.5rem)] lg:min-w-[290px]",children:[(0,l.jsx)(z,{id:e.id,index:t+3,round:4,isEnlarge:!0},e.id),(0,l.jsx)("div",{className:"my-2",children:(0,l.jsx)("p",{className:"text-center text-[16px] text-base leading-relaxed lg:text-[20px]",children:e.desc})})]}))})]}),(0,l.jsxs)("div",{className:"block lg:hidden",children:[(0,l.jsxs)("div",{className:"item-center mx-auto flex flex-col items-center justify-center px-2 pt-2",children:[(0,l.jsxs)("div",{className:"flex-1 text-center",children:[(0,l.jsx)("div",{className:"mb-8 mt-2",children:(0,l.jsx)("p",{className:"text-[20px] font-bold text-[#2070E5] lg:text-[32px]",children:"æ大è²å·®ï¼TIRTIR"})}),(0,l.jsx)("div",{className:"mx-auto w-[327px] items-center justify-center",children:(0,l.jsx)(z,{id:F[0].id,index:1,round:4,isEnlarge:!0},F[0].id)}),(0,l.jsx)("div",{className:"mt-2",children:(0,l.jsx)("p",{className:"text-center text-[16px] text-base leading-relaxed lg:text-[20px]",children:F[0].desc})})]}),(0,l.jsxs)("div",{className:"flex-1 text-center",children:[(0,l.jsx)("div",{className:"mb-8 mt-6",children:(0,l.jsx)("p",{className:"text-[20px] font-bold text-[#2070E5] lg:text-[32px]",children:"æå°è²å·®ï¼Est\xe9e Lauder"})}),(0,l.jsx)("div",{className:"mx-auto w-[327px] items-center justify-center",children:(0,l.jsx)(z,{id:F[1].id,index:2,round:5,isEnlarge:!0},F[1].id)}),(0,l.jsx)("div",{className:"mt-2",children:(0,l.jsx)("p",{className:"text-center text-[20px] text-base leading-relaxed",children:F[1].desc})})]})]}),(0,l.jsx)("p",{className:"pt-6 text-center text-[20px] font-bold",style:{color:"#2070E5"},children:"å
¶å®çµæ"}),(0,l.jsx)("div",{className:"-mx-4 flex gap-1 overflow-x-auto px-4 pb-4 pt-4 lg:hidden",children:F.slice(2,6).map((e,t)=>(0,l.jsxs)("div",{className:"my-4 w-[180px] flex-shrink-0 px-2",children:[(0,l.jsx)(z,{id:e.id,index:t+3,round:4,isEnlarge:!1},e.id),(0,l.jsx)("div",{className:"mt-1",children:(0,l.jsx)("p",{className:"text-center text-[16px] text-base leading-relaxed lg:text-[20px]",children:e.desc})})]}))})]})]}
1),(0,l.jsx)("section",{id:"round5"}),(0,l.jsx)("div",{style:{backgroundColor:"#FAFAFA"},children:(0,l.jsxs)("div",{className:"mx-auto w-full max-w-[1440px] px-2 pt-8 lg:py-4",children:[(0,l.jsx)("div",{className:"mb-6 text-center text-[24px] font-bold lg:text-[32px]",style:{color:"#1E70FF"},children:"Round 5ï¼ç²æ²ä½¿ç¨æ"}),(0,l.jsx)("div",{className:"mb-6 px-4 md:px-20 lg:py-2",children:(0,l.jsx)("p",{className:"text-center text-[16px] text-base leading-relaxed text-gray-700 lg:text-[20px]",children:"åå¥ä»¥é æç¨åº¦ãåèãä¸é¢æ覺ä¾è©å¹ç²æ¨¸ä½¿ç¨æï½"})}),(0,l.jsxs)("div",{className:"hidden lg:block",children:[(0,l.jsx)("div",{className:"item-center flex flex-wrap justify-center gap-4",children:E.slice(0,3).map((e,t)=>(0,l.jsxs)("div",{className:"my-4 w-[calc(25%-1.5rem)] min-w-[390px]",children:[(0,l.jsx)(Z,{id:e.id,index:t+1,round:5,isEnlarge:!0,isMove:!1},e.id),(0,l.jsx)("div",{className:"mt-[10px]",children:(0,l.jsx)("p",{className:"text-center text-base leading-relaxed lg:text-[20px]",children:e.desc})})]}))}),(0,l.jsx)("div",{className:"item-center flex flex-wrap justify-center gap-4 py-8",children:E.slice(3,7).map((e,t)=>(0,l.jsxs)("div",{className:"w-[calc(25%-1.5rem)] min-w-[390px]",children:[(0,l.jsx)(Z,{id:e.id,index:t+4,round:5,isEnlarge:!0},e.id),(0,l.jsx)("div",{className:"mt-[10px]",children:(0,l.jsx)("p",{className:"text-center text-base leading-relaxed lg:text-[20px]",children:e.desc})})]}))})]}),(0,l.jsx)("div",{className:"block lg:hidden",children:(0,l.jsx)("div",{className:"-mx-2 overflow-x-auto px-6 pb-4 pt-4",children:(0,l.jsx)("div",{className:"grid gap-6",style:{gridTemplateColumns:"repeat(3, minmax(160px, 1fr))",gridTemplateRows:"repeat(2, 1fr)",width:"max-content",minWidth:"100%"},children:E.slice(0,6).map((e,t)=>(0,l.jsxs)("div",{className:"w-[270px]",children:[(0,l.jsx)(Z,{id:e.id,index:t+1,round:4,isEnlarge:!1,isMove:!1,style:{gridColumn:Math.floor(t/2)+1,gridRow:t%2+1}},e.id),(0,l.jsx)("div",{className:"mt-2",children:(0,l.jsx)("p",{className:"pb-6 text-center text-[16px] text-base leading-relaxed",children:e.desc})})]}))})})})]})}
1),(0,l.jsx)("section",{id:"round5"}),(0,l.jsx)("div",{className:"mx-auto w-full max-w-[1440px] px-2 pt-8 lg:py-4",children:(0,l.jsxs)("div",{className:"mx-auto max-w-7xl lg:p-6",children:[(0,l.jsx)("div",{className:"text-center text-[24px] font-bold lg:mt-4 lg:text-[32px]",style:{color:"#2070E5"},children:"ç¶å實測çµæ"}),(0,l.jsx)("div",{className:"px-6 pb-2 pt-4 lg:mb-8 lg:px-0",children:(0,l.jsx)("p",{className:"text-center text-[16px] leading-relaxed lg:text-[20px]",children:"6款氣å¢ç²åºä¸ï¼ä¹¾ï¼æ²¹èå好åæä¸åãä¹¾è編輯 Manyi èªçº Est\xe9e Lauder æ´é«ç¶æ度çºç¾å¤é¸æä¸æ好ï¼å¨æä¹
度é«åæä¸ææ½ä¹¾ç®è水份ï¼èä¸å¦æå¨ç®èåºæ²¹å¾è®æ奶油èï¼æ²¹è編輯 Jessie åèªçº TIRTIR æä¹
度æ好ï¼æ覺æ´å è YSL ç¸ä¼¼ï¼å
¶ä¸ TIRTIR é®ç度æ´é«ï¼æ以å¦æè¼çºæ顯ï½"})}),(0,l.jsx)(W,{products:_,size:6,children:" "})]})})]})]},"review_content")},H=e=>{let{data:t,index:s,dataSources:a,className:i=""}=e,r=t.water_count,x=t.oil_count;return(0,l.jsxs)("div",{className:"flex max-h-[352px] w-full max-w-[327px] flex-col items-center rounded-xl border-b bg-white p-4 shadow-md lg:max-h-[406px] lg:max-w-[592px] lg:p-6 ".concat(i),children:[(0,l.jsxs)("div",{className:"flex w-full flex-row",children:[(0,l.jsx)("div",{className:"mr-4 flex flex-col items-center lg:mr-8",children:(0,l.jsx)("img",{src:"/images/2024/cushion-review/products/".concat(t.id,".png"),className:"mb-2 h-15 w-15 lg:h-32 lg:w-32"})}),(0,l.jsxs)("div",{className:"w-full flex-1",children:[(0,l.jsx)("p",{className:"pb-4 font-rubik text-[24px] font-bold",children:a[t.id-1].brand_name}),(0,l.jsxs)("div",{className:"relative mb-8 flex w-[219px] items-center lg:w-[360px]",children:[(0,l.jsx)("div",{className:"h-[4px] w-full bg-black"}),(0,l.jsx)("img",{src:"/svgs/hollow-arrow-left.svg",className:"absolute left-1 z-10 -translate-x-1/2"}),(0,l.jsx)("img",{src:"/svgs/hollow-arrow-right.svg",className:"absolute -right-[12px] z-10 -translate-x-1/2"}),(0,l.jsx)("img",{src:"/images/diamond-blue.png",className:"absolute z-10 h-[23px] w-[16px] -translate-x-1/2 lg:h-[36px] lg:w-[25px]",style:{left:"".concat(50-40*Math.max(-1,Math.min(1,(r-x)/20)),"%")}}),(0,l.jsx)("span",{className:"absolute -bottom-8 left-0 text-[14px] text-[#221F20] lg:-bottom-12 lg:text-[20px]",children:"ä¿æ¿"}),(0,l.jsx)("span",{className:"absolute -bottom-8 -right-1 text-[14px] text-[#221F20] lg:-bottom-12 lg:text-[20px]",children:"æ§æ²¹"})]})]})]}),(0,l.jsxs)("div",{className:"justify-left flex w-full items-center space-x-5 pb-4 lg:space-x-6",children:[(0,l.jsx)("span",{className:"justify-left whitespace-nowrap rounded-3xl bg-[#1E70FF] px-2 py-0.5 text-[14px] text-white lg:px-4 lg:py-2 lg:text-[16px]",children:"ä¸å¦å¾"}),(0,l.jsxs)("div",{className:"flex items-center space-x-1 lg:space-x-2",children:[(0,l.jsx)("span",{className:"rounded-3xl bg-black px-2 py-1 text-[16px] text-white lg:px-3 lg:py-2 lg:text-[20px]",children:"æ°´"}),(0,l.jsx)("p",{className:"font-rubik text-[20px] font-bold lg:text-[40px]",children:t.water}),(0,l.jsxs)("p",{className:"font-rubik text-[16px] font-bold lg:text-[24px] ".concat(t.water_count<0?"text-[#F16B7C]":"text-[#1E70FF]"),children:["(",t.water_count,")"]})]}),(0,l.jsxs)("div",{className:"flex items-center space-x-1 lg:space-x-2",children:[(0,l.jsx)("span",{className:"rounded-3xl bg-black px-2 py-1 text-[16px] text-white lg:px-3 lg:py-2 lg:text-[20px]",children:"æ²¹"}),(0,l.jsx)("p",{className:"font-rubik text-[20px] font-bold lg:text-[40px]",children:t.oil}),(0,l.jsxs)("p",{className:"font-rubik text-[16px] font-bold lg:text-[24px] ".concat(t.oil_count<0?"text-[#F16B7C]":"text-[#1E70FF]"),children:["(",t.oil_count,")"]})]})]}),(0,l.jsx)("div",{className:"h-[2px] w-full bg-black"}),(0,l.jsxs)("div",{className:"justify-left mb-0 flex w-full flex-1 flex-col items-center pt-4",children:[(0,l.jsxs)("div",{className:"flex w-full items-center",children:[(0,l.jsx)("p",{className:"mr-3 font-rubik text-[24px] font-bold text-[#1E70FF] lg:text-[32px]",children:v[t.type].reviewer}),(0,l.jsx)("span",{className:"whitespace-nowrap rounded-full bg-[#1E70FF] px-4 py-1.5 text-[16px] text-white",children:v[t.type].label})]}),(0,l.jsx)("div",{className:"justify-left flex w-full items-center space-x-6 text-[16px] lg:pt-4 lg:text-[20px]",children:(0,l.jsx)("p",{children:t.desc})})]})]})},S=e=>{let{data:t,index:s,dataSources:a,className:i=""}=e,r=t.water_count,x="-"==t.oil_count?0:t.oil_count;return(0,l.jsxs)("div",{className:"flex h-[340px] w-full max-w-[306px] flex-col items-center rounded-xl border-b bg-white p-4 shadow-md lg:h-[311
1px] lg:max-w-[306px] ".concat(i),children:[(0,l.jsxs)("div",{className:"flex w-full flex-row",children:[(0,l.jsx)("div",{className:"mr-4 flex flex-col items-center",children:(0,l.jsx)("img",{src:"/images/2024/cushion-review/products/".concat(t.id,".png"),className:"h-12 w-auto lg:h-15 lg:w-auto"})}),(0,l.jsxs)("div",{className:"w-full flex-1",children:[(0,l.jsx)("p",{className:"pb-2 font-rubik text-[24px] font-bold",children:a[t.id-1].brand_name}),(0,l.jsxs)("div",{className:"relative mb-4 flex w-[198px] items-center",children:[(0,l.jsx)("div",{className:"h-[4px] w-full bg-black"}),(0,l.jsx)("img",{src:"/svgs/hollow-arrow-left.svg",className:"absolute left-1 z-10 -translate-x-1/2"}),(0,l.jsx)("img",{src:"/svgs/hollow-arrow-right.svg",className:"absolute -right-[12px] z-10 -translate-x-1/2"}),(0,l.jsx)("img",{src:"/images/diamond-blue.png",className:"absolute z-10 h-[23px] w-[16px] -translate-x-1/2 lg:h-[23px] lg:w-[16px]",style:{left:"".concat(50-40*Math.max(-1,Math.min(1,(r-x)/20)),"%")}}),(0,l.jsx)("span",{className:"absolute -bottom-8 left-0 text-[14px] text-[#221F20]",children:"ä¿æ¿"}),(0,l.jsx)("span",{className:"absolute -bottom-8 -right-1 text-[14px] text-[#221F20]",children:"æ§æ²¹"})]})]})]}),(0,l.jsxs)("div",{className:"justify-left flex w-full items-center space-x-3 pb-4 pt-8",children:[(0,l.jsx)("span",{className:"justify-left whitespace-nowrap rounded-3xl bg-[#1E70FF] px-2 py-1 text-[14px] text-white",children:"ä¸å¦å¾"}),(0,l.jsxs)("div",{className:"flex items-center space-x-1",children:[(0,l.jsx)("span",{className:"flex h-8 w-8 items-center justify-center rounded-full bg-black text-[16px] text-white",children:"æ°´"}),(0,l.jsx)("p",{className:"font-rubik text-[20px] font-bold",children:t.water}),(0,l.jsxs)("p",{className:"font-rubik text-[16px] font-bold ".concat(t.water_count<0?"text-[#F16B7C]":"text-[#1E70FF]"),children:["(",t.water_count,")"]})]}),(0,l.jsxs)("div",{className:"flex items-center space-x-1",children:[(0,l.jsx)("span",{className:"flex h-8 w-8 items-center justify-center rounded-full bg-black text-[16px] text-white",children:"æ²¹"}),(0,l.jsx)("p",{className:"font-rubik text-[20px] font-bold",children:t.oil}),(0,l.jsxs)("p",{className:"font-rubik text-[16px] font-bold ".concat(t.oil_count<0?"text-[#F16B7C]":"text-[#1E70FF]"),children:["(",t.oil_count,")"]})]})]}),(0,l.jsx)("div",{className:"h-[2px] w-full bg-black lg:my-0.5"}),(0,l.jsxs)("div",{className:"justify-left mb-0 flex w-full flex-1 flex-col items-center pt-4",children:[(0,l.jsxs)("div",{className:"flex w-full items-center",children:[(0,l.jsx)("p",{className:"mr-3 font-rubik text-[24px] font-bold text-[#1E70FF] lg:text-[20px]",children:v[t.type].reviewer}),(0,l.jsx)("span",{className:"whitespace-nowrap rounded-full bg-[#1E70FF] px-4 py-1 text-[16px] text-white lg:text-[14px]",children:v[t.type].label})]}),(0,l.jsx)("div",{className:"justify-left flex w-full items-center space-x-6 text-[16px]",children:(0,l.jsx)("p",{children:t.desc})})]})]})},R=e=>{let{id:t,index:s,rating:a,round:i,desc:r,isEnlarge:x=!1,isMove:c=!0}=e,n=N[t-1],d="/images/2024/cushion-review/products/".concat(n.id,".png");return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"relative w-full rounded-lg",children:[(0,l.jsxs)("div",{className:"absolute -top-6 left-1/2 inline-flex min-w-max -translate-x-1/2 transform items-center whitespace-nowrap rounded-full px-2 py-1 text-center lg:left-1/2 lg:-translate-x-1/2 lg:px-6 lg:py-2",style:{backgroundColor:"#2070E5"},children:[(0,l.jsx)("img",{src:d,className:"mr-2 lg:h-7 lg:w-auto",alt:s+1}),(0,l.jsx)("span",{className:"text-white lg:text-[20px] ".concat(x?"text-[20px]":1==i?"text-[12px]":"text-[14px]"),children:n.brand_name})]}),(0,l.jsx)("img",{src:"/images/2024/cushion-review/round2/".concat(s,".png"),alt:"測試çµæ",className:"".concat(4==i?"rounded-3xl border-2 border-blue-500 lg:border-4":""," object-cover lg:h-full lg:w-full ").concat(x?"h-full w-full":1==i||2==i?"h-[220px]":"h-full w-full"," ")})]})})},L=e=>{let{id:t,index:s,rating:a,round:i,desc:r,isEnlarge:x=!1,isMove:c=!0}=e,n=N[t-1],d="/images/2024/cushion-review/products/".concat(n.id,".png");return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"relative w-full rounded-lg",children:[(0,l.jsxs)("div",{className:"absolute -top-4 left-1/2 inline-flex min-w-max -translate-x-1/2 transform items-center whitespace-nowrap rounded-full ".concat(x?"px-4 py-2":"px-2 py-1"," text-center"),style:{backgroundColor:"#2070E5"},children:[(0,l.jsx)("img",{src:d,className:"mr-2 ".concat(x?"h-7":"h-4"," w-auto"),alt:s+1}),(0,l.jsx)("span",{className:"text-white ".concat(x?"text-[16px]":"text-[14px]"),children:n.brand_name})]}),(0,l.jsx)("img",{src:"/images/2024/cushion-review/round2/".concat(s,".png"),alt:"測試çµæ",className:"lg:h-full lg:w-full ".concat(x?"h-full w-full":"h-[215px] w-[148px]"," ")})]})})},P=e=>{let{}=e;return(0,l.jsxs)("div",{className:"flex",children:[(0,l.jsxs)("div",{className:"flex-1 pr-4",children:[(0,l.jsxs)("div",{className:"mb-4 flex items-center",children:[(0,l.jsx)("p",{className:"mr-3 text-xl font-bold text-[#2070E5]",children:"Manyi"}),(0,l.jsx)("span",{className:"rounded-full bg-[#2070E5] px-3 py-1 text-white lg:text-[16
1px]",children:"ä¹¾æ§è"})]}),(0,l.jsxs)("div",{className:"relative mb-4",children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsxs)("div",{className:"relative h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-dry-before.png",alt:"使ç¨å",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"åä¸å¦"})]}),(0,l.jsxs)("div",{className:"relative -mx-1 h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-dry-after.png",alt:"使ç¨å¾",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"10å°æå¾"})]})]}),(0,l.jsx)("div",{className:"absolute -bottom-4 -right-4 z-10 flex h-20 w-20 items-center justify-center rounded-full bg-[#2070E5] text-[40px] font-bold text-white shadow-lg",style:{boxShadow:"0 0 0 4px white"},children:k[0].dry.rating})]}),(0,l.jsx)("p",{className:"mb-4 text-[20px] leading-relaxed text-gray-700",children:k[0].dry.desc}),k[0].dry.extra&&(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-dry-extra.png",alt:"ç´°ç¯å",className:"mb-2 h-[170px] w-[240px] object-cover"}),(0,l.jsx)("div",{className:"flex items-center justify-center",children:(0,l.jsx)("p",{className:"item-center mx-4 justify-center text-[20px] text-gray-600",children:k[0].dry.extra.desc})})]})]}),(0,l.jsx)("div",{className:"mx-4 w-px bg-gray-100"}),(0,l.jsxs)("div",{className:"flex-1 pl-4",children:[(0,l.jsxs)("div",{className:"mb-4 flex items-center",children:[(0,l.jsx)("p",{className:"mr-3 text-xl font-bold text-[#2070E5]",children:"Jessie"}),(0,l.jsx)("span",{className:"rounded-full bg-[#2070E5] px-3 py-1 text-white lg:text-[16px]",children:"æ²¹æ§è"})]}),(0,l.jsxs)("div",{className:"relative mb-4",children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsxs)("div",{className:"relative h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-oily-before.png",alt:"使ç¨å",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"åä¸å¦"})]}),(0,l.jsxs)("div",{className:"relative -mx-1 h-[350px] w-[240px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/1-oily-after.png",alt:"使ç¨å¾",className:"object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-white lg:text-[16px]",children:"10å°æå¾"})]})]}),(0,l.jsx)("div",{className:"absolute -bottom-4 -right-4 z-10 flex h-20 w-20 items-center justify-center rounded-full bg-[#2070E5] text-[40px] font-bold text-white shadow-lg",style:{boxShadow:"0 0 0 4px white"},children:k[0].oily.rating})]}),(0,l.jsx)("p",{className:"mb-4 text-[20px] leading-relaxed text-gray-700",children:k[0].oily.desc})]})]})},I=e=>{let{index:t,product:s,factor:a,className:i="bg-white"}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{className:"flex w-[240px] items-start ".concat(i," py-2 lg:h-[380px] lg:w-[270px] lg:px-0"),children:(0,l.jsxs)("div",{className:"",children:[(0,l.jsxs)("div",{className:"justify-left mb-6 flex h-[70px] items-start",children:[(0,l.jsx)("img",{src:V(s.id),alt:N[s.id-1].product_name,className:"mr-4 h-[60px] w-auto lg:h-[68px] lg:w-auto"}),(0,l.jsxs)("div",{className:"text-left",children:[(0,l.jsx)("p",{className:"font-rubik text-[16px] font-bold",children:N[s.id-1].brand_name}),(0,l.jsx)("p",{className:"whitespace-pre-line font-rubik text-[16px] text-gray-600",children:N[s.id-1].product_name})]})]}),(0,l.jsxs)("div",{className:"flex flex-col items-start justify-center",children:[(0,l.jsxs)("div",{className:"relative mb-4",children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsxs)("div",{className:"relative h-[170px] w-[120px] lg:h-[190px] lg:w-[135px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/".concat(t,"-").concat(a,"-before.png"),alt:"使ç¨å",className:"h-full w-full object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-xs text-white",children:"åä¸å¦"})]}),(0,l.jsxs)("div",{className:"relative h-[170px] w-[120px] lg:h-[190px] lg:w-[135px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/".concat(t,"-").concat(a,"-after.png"),alt:"使ç¨å¾",className:"h-full w-full object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-xs text-white",children:"10å°æå¾"})]})]}),(0,l.jsx)("div",{className:"absolute -bottom-4 -right-4 z-10 flex h-[36px] w-[36px] items-center justify-center rounded-full bg-[#2070E5] text-[16px] font-bold text-white shadow-lg",style:{boxShadow:"0 0 0 2px white"},children:s[a].rating})]}),(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)("p",{className:"mb-4 text-[16px] leading-relaxed text-gray-700",children:s[a].desc})})]})]})},"round3-".concat(t))})},D=e=>{let{index:t,product:s,factor:a}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{className:"item-center w-[295px] bg-white px-0 py-2 lg:h-[270px] lg:px-0",children:(0,l.jsxs)("div",{className:"",children:[(0,l.jsx)("div",{className:"items-top flex justify-center pb-2",children:(0,l.jsx)("p",{className:"text-center text-[20px] font-bold",style:{color:"#2070E5"},children:"oily"==a?"Jessie":"Manyi"})}),(0,l.jsxs)("div",{className:"item-center flex-col justify-center",children:[(0,l.jsxs)("div",{className:"relative mb-4",children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsxs)("div",{className:"relative h-[210px] w-[147.5px] lg:h-[190px] lg:w-[135px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/".concat(t,"-").concat(a,"-before.png"),alt:"使ç¨å",className:"h-full w-full object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-[16px] text-white",children:"åä¸å¦"})]}),(0,l.jsxs)("div",{className:"relative h-[210px] w-[147.5px] lg:h-[190px] lg:w-[135px]",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/".concat(t,"-").concat(a,"-after.png"),alt:"使ç¨å¾",className:"h-full w-full object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 top-0 bg-[#2070E5] px-2 py-1 text-[16px] text-white",children:"10å°æå¾"})]})]}),(0,l.jsx)("div",{className:"absolute -bottom-4 -right-4 z-10 flex h-[36px] w-[36px] items-center justify-center rounded-full bg-[#2070E5] text-[16px] font-bold text-white shadow-lg",style:{boxShadow:"0 0 0 2px white"},children:s[a].rating})]}),(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)("p",{className:"mb-4 text-[16px] leading-relaxed text-gray-700",children:s[a].desc})}),s[a].extra&&(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-0",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/round3/".concat(t,"-").concat(a,"-extra.png"),alt:"ç´°ç¯å",className:"mb-2 h-[91px] w-[128px] object-cover"}),(0,l.jsx)("div",{className:"flex items-start justify-center",children:(0,l.jsx)("p",{className:"item-center mx-2 justify-center text-center text-[16px] text-gray-600",children:s[a].extra})})]})]})]})},"round3-".concat(t))})},z=e=>
1{let{id:t,index:s,rating:a,round:i,desc:r,isEnlarge:x=!1,isMove:c=!0}=e,n=N[t-1],d="/images/2024/cushion-review/products/".concat(n.id,".png");return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"relative w-full rounded-lg",children:[(0,l.jsxs)("div",{className:"absolute left-1/2 inline-flex min-w-max -translate-x-1/2 transform items-center whitespace-nowrap rounded-full px-4 py-1 text-center lg:left-1/2 lg:-translate-x-1/2 lg:px-6 lg:py-2 ".concat(3==i||4==i?"-top-4":c?"-top-6":"top-0"),style:{backgroundColor:"#2070E5"},children:[(0,l.jsx)("img",{src:d,className:"mr-2 max-h-7 w-auto lg:h-7 ".concat(x?"h-7":"h-4"),alt:s+1}),(0,l.jsx)("span",{className:"font-rubik font-semibold text-white lg:text-[20px] ".concat(x?"text-[20px]":"text-[14px]"),children:n.brand_name})]}),(0,l.jsx)("img",{src:"/images/2024/cushion-review/round4/".concat(s,".png"),alt:"測試çµæ",className:"".concat(4==i?"rounded-xl border-2 border-white lg:border-4":""," object-cover lg:h-full lg:w-full ").concat(x?"h-[194px]":"h-[108px]"," ")})]})})},Z=e=>{let{id:t,index:s,rating:a,round:i,desc:r,isEnlarge:x=!1,isMove:c=!0}=e,n=N[t-1],d="/images/2024/cushion-review/products/".concat(n.id,".png");return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"relative w-full rounded-lg",children:[(0,l.jsxs)("div",{className:"absolute left-1/2 inline-flex min-w-max -translate-x-1/2 transform items-center whitespace-nowrap rounded-full px-2 py-1 text-center lg:left-1/2 lg:-translate-x-1/2 lg:px-6 lg:py-2 ".concat(c?"-top-6":"-top-4"),style:{backgroundColor:"#2070E5"},children:[(0,l.jsx)("img",{src:d,className:"mr-2 h-7 max-h-7 w-auto",alt:s+1,style:{height:"".concat(x?"75%":"70%")}}),(0,l.jsx)("span",{className:"font-bold text-white lg:text-[20px] ".concat(x?"text-[20px]":"text-[16px]"),children:n.brand_name})]}),(0,l.jsx)("img",{src:"/images/2024/cushion-review/round5/".concat(s,".png"),alt:"測試çµæ",className:"rounded-xl border-4 border-blue-500 object-cover lg:h-full lg:w-full lg:border-4 ".concat(x?"h-full w-full":""," ")})]})})},V=e=>e?"/images/2024/cushion-review/products/".concat(e,".png"):"",W=e=>{let{products:t=[],size:s=8}=e,[a,i]=f(window.innerWidth);j(()=>{let e=()=>{i(window.innerWidth)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);let r=[{key:"origin",label:"ç¢å°"},{key:"spf",label:"é²æ¬åº¦"},{key:"price",label:"å¹é¢/容é"},{key:"description",label:"ç¶å使ç¨æ"},{key:"rating",label:"ç¶åè©å"}];return(0,l.jsx)("div",{className:"scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent hover:scrollbar-thumb-gray-50 mx-0 w-full overflow-x-auto",children:(0,l.jsxs)("div",{className:"min-w-[1400px] bg-white p-4",children:[(0,l.jsxs)("div",{className:"grid grid-cols-".concat(s," h-[220px] lg:h-[356px]"),style:{gridTemplateColumns:a>=1024?"190px repeat(".concat(s,", 315px)"):"108px repeat(".concat(s,", 192px)")},children:[(0,l.jsx)("div",{className:"w-[108px] rounded-tl-lg lg:w-[190px]"}),t.map((e,s)=>(0,l.jsxs)("div",{className:"flex flex-col items-center justify-start rounded-t-lg border-l-2 border-t-2 border-blue-500 bg-[#F8F9FA] py-4 text-center lg:border-l-4 lg:border-t-4 lg:p-4 ".concat(s===t.length-1?"rounded-tr-lg border-r-2 lg:border-r-4":""),children:[(0,l.jsxs)("div",{className:"flex h-[130px] flex-col justify-end lg:h-[250px]",children:[e.label&&e.label.map((e,t)=>"product"!=e.key?null:(0,l.jsxs)("div",{className:"mb-2 text-[14px] font-bold tracking-wide text-[#1E70FF] lg:my-auto lg:text-[20px]",children:["\\ ",e.desc," /"]},t)),(0,l.jsx)("div",{className:"mb-3",children:(0,l.jsx)("img",{src:K(e.id),alt:N[e.id-1].product_name,className:"mx-auto flex h-[95px] justify-end object-contain lg:h-[190px]"})})]}),(0,l.jsx)("div",{className:"mb-1 font-rubik text-[16px] font-bold font-semibold text-[#1E70FF] lg:text-[24px]",children:N[e.id-1].brand_name}),(0,l.jsx)("div",{className:"lg:font-semiBold whitespace-pre-line text-[14px] font-bold leading-tight lg:hidden lg:text-[20px]",children:N[e.id-1].product_name}),(0,l.jsx)("div",{className:"lg:font-semiBold hidden text-[14px] font-bold leading-tight lg:block lg:text-[20px]",children:N[e.id-1].product_name})]},e.id))]}),r.map((e,i)=>(0,l.jsxs)("div",{className:"grid grid-cols-".concat(s," "),style:{gridTemplateColumns:a>=1024?"190px repeat(".concat(s,", 315px)"):"108px repeat(".concat(s,", 192px)")},children:[(0,l.jsx)("div",{className:"flex w-[108px] items-center justify-center rounded-l-xl border-b-2 border-t-2 border-white bg-[#1E70FF] p-1 text-[16px] font-medium text-white lg:w-[190px] lg:rounded-l-2xl lg:border-l-4 lg:border-t-4 lg:p-3 lg:text-[24px] ".concat(i===r.length-1?"rounded-bl-xl lg:rou
1nded-bl-2xl":""),style:{height:(()=>{switch(e.key){case"origin":case"spf":return a>=1024?"68px":"36px";case"price":return a>=1024?"74px":"57px";case"description":return a>=1024?"196px":"169px";case"rating":return a>=1024?"64px":"36px";default:return"auto"}})()},children:e.label}),t.map((s,x)=>(0,l.jsx)("div",{className:"relative flex items-center justify-center border-l-2 border-t-2 border-blue-500 bg-[#F8F9FA] p-1 text-center text-[20px] lg:border-l-4 lg:border-t-4 lg:p-3 ".concat(i===r.length-1?"border-b-2 lg:border-b-4":""," ").concat(x===t.length-1?"border-r-2 lg:border-r-4":""," ").concat(i===r.length-1&&x===t.length-1?"rounded-bl-rg":""),style:{height:(()=>{switch(e.key){case"origin":case"spf":case"rating":return a>=1024?"68px":"36px";case"price":return a>=1024?"74px":"57px";case"description":return a>=1024?"196px":"169px";default:return"auto"}})()},children:"rating"===e.key?(0,l.jsx)("div",{className:"font-rubik text-[24px] font-bold text-[#1E70FF] lg:text-[32px]",children:s.rating}):"price"===e.key?(0,l.jsxs)("div",{children:[s.label&&s.label.map((e,t)=>"price"!=e.key?null:(0,l.jsx)("div",{className:"absolute -right-4 -top-8 z-10 lg:-right-8 lg:-top-10",children:(0,l.jsxs)("div",{class:"relative inline-block",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/bubble.png",className:"w-16 object-contain lg:h-[73px] lg:w-[104px]"}),(0,l.jsx)("div",{className:"absolute inset-0 flex -translate-y-1 rotate-6 transform items-center justify-center text-[12px] font-bold text-[#1E70FF] lg:-translate-y-1 lg:text-[16px]",children:e.desc})]})})),(0,l.jsx)("div",{className:"text-[14px] lg:text-[20px]",children:N[s.id-1].price}),(0,l.jsxs)("div",{className:"mt-1 text-[12px] text-gray-800 lg:text-[14px]",children:["å¹³åHK$",N[s.id-1].unit_price,"/ml"]})]}):"spf"===e.key?(0,l.jsxs)("div",{className:"mx-2 my-4 text-left text-center text-[14px] leading-relaxed lg:mx-0 lg:my-8 lg:text-[20px]",children:[s.label&&s.label.map((e,t)=>"spf"!=e.key?null:(0,l.jsx)("div",{className:"absolute -right-4 -top-8 z-10 lg:-right-8 lg:-top-10",children:(0,l.jsxs)("div",{class:"relative inline-block",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/bubble.png",className:"w-16 object-contain lg:h-[73px] lg:w-[104px]"}),(0,l.jsx)("div",{className:"absolute inset-0 flex -translate-y-1 rotate-6 transform items-center justify-center text-[12px] font-bold text-[#1E70FF] lg:-translate-y-1 lg:text-[16px]",children:e.desc})]})})),s.spf]}):"description"===e.key?(0,l.jsxs)("div",{className:"mx-2 my-4 text-left text-center text-[14px] leading-relaxed lg:mx-0 lg:my-8 lg:text-[20px]",children:[s.label&&s.label.map((e,t)=>"description"!=e.key?null:(0,l.jsx)("div",{className:"absolute -right-4 -top-8 z-10 lg:-right-8 lg:-top-10",children:(0,l.jsxs)("div",{class:"relative inline-block",children:[(0,l.jsx)("img",{src:"/images/2024/cushion-review/bubble.png",className:"w-16 object-contain lg:h-[73px] lg:w-[104px]"}),(0,l.jsx)("div",{className:"absolute inset-0 flex -translate-y-1 rotate-6 transform items-center justify-center text-[12px] font-bold text-[#1E70FF] lg:-translate-y-1 lg:text-[16px]",children:e.desc})]})})),s.overall_experience]}):"origin"===e.key?(0,l.jsx)("div",{className:"text-left text-[14px] leading-relaxed lg:text-[20px]",children:N[s.id-1].origin}):(0,l.jsx)("div",{children:s[e.key]})},"".concat(e.key,"-").concat(s.id)))]},e.key))]})},"round5_table")},K=e=>e?"/images/2024/cushion-review/products/".concat(e,".png"):"";var O=!0;t.default=e=>{let{seo:t}=e;return j(()=>{g.Z.setReferralCode("cushionreview")},[]),(0,l.jsxs)("div",{className:"bg-white",children:[(0,l.jsx)(a.PB,{title:t.title,description:t.description,openGraph:{images:[{url:"https://www.sorra.net/images/2024/cushion-review/mobile_banner.png",width:800,height:800,alt:"Sorra"}]}}),(0,l.jsx)(o(),{children:(0,l.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@graph":N.map(e=>{let t=e.price.match(/\d+/),s=t?t[0]:"0";return{"@type":"Product","@id":"https://www.sorra.net/cushion-review-2024#product-".concat(e.id),name:e.product_name,image:["https://www.sorra.net/images/2024/cushion-review/products/".concat(e.id,".png")],description:"".concat(e.brand_name," ").concat(e.product_name," çç實è©å¹ãå¹æ ¼æ¯è¼ãæ份åæ"),brand:{"@type":"Brand",name:e.brand_name},countryOfOrigin:e.origin,category:"ç²åº",offers:{"@type":"Offer",price:s,priceCurrency:"HKD",availability:"https://schema.org/InStock",url:"https://www.sorra.net/cushion-review-2024#product-".concat(e.id)}}})})}})}),(0,l.jsx)(x.Z,{props:{homeExtend:!1}}),(0,l.jsxs)("div",{className:"globals-centerContentsMargin relative overflow-hidden",children:[(0,l.jsx)("div",{className:"relative min-h-screen w-full",children:(0,l.jsx)(w,{},"banner")}),(0,l.jsx)(r.default,{}),(0,l.jsx)(c.default,{props:{}})]})]})}},91942:function(e,t,s){"use strict";s.d(t,{q:function(){return a}});var l=s(67294);let a=()=>(0,l.useCallback)(function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];let t=document.getElementById(e);if(t)t.scrollIntoView({behavior:"smooth",block:"center",inline:"center"});else{let e=document.getElementById("maskItem");e&&e.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})}},[])},79102:function(){}},function(e){e.O(0,[8802,6342,66,1664,5409,129,6753,6672,3008,2888,9774,179],function(){return e(e.s=36905)}),_N_E=e.O()}]); 2//# sourceMappingURL=cushion-review-2024-eda4fbcb5dc240b1.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.