1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[465],{7182:(e,t,a)=>{"use strict";a.d(t,{default:()=>l});var r=a(92083),s=a(86545);let n=[{num:"01",titleKey:"home.Introduce4.tit1",exKey:"musegen.home.phaseEx1",descKey:"home.Introduce4.txt1"},{num:"02",titleKey:"home.Introduce4.tit2",exKey:"musegen.home.phaseEx2",descKey:"home.Introduce4.txt2"},{num:"03",titleKey:"home.Introduce4.tit3",exKey:"musegen.home.phaseEx3",descKey:"home.Introduce4.txt3"}];function l(){let e=(0,s.c3)();return(0,r.jsx)("div",{className:"mg-lane in relative",children:(0,r.jsx)("div",{className:"mg-lane-grid grid grid-cols-3 gap-[clamp(22px,3vw,48px)] border-t border-white/[0.13] max-[860px]:grid-cols-1 max-[860px]:gap-0 max-[860px]:border-t-0",children:n.map((t,a)=>(0,r.jsx)("article",{className:"mg-phase relative pt-[26px] transition-transform duration-500 [transition-timing-function:cubic-bezier(.32,.72,0,1)] hover:-translate-y-[3px] max-[860px]:pt-0 max-[860px]:pb-8 max-[860px]:pl-7 ".concat(a>0?"max-[860px]:border-0 before:max-[860px]:top-[30px] after:absolute after:top-0 after:bottom-5 after:h-auto after:w-px after:bg-[linear-gradient(180deg,rgba(198,255,226,.1)_0%,rgba(198,255,226,.04)_62%,transparent_100%)] after:content-[''] after:left-[calc(-1*clamp(11px,1.5vw,24px))] max-[860px]:after:hidden":""),children:(0,r.jsxs)("div",{className:"translate-y-0 opacity-100",children:[(0,r.jsx)("span",{className:"block font-jbmono text-[11px] uppercase tracking-[0.24em] text-pc-tertiary",children:t.num}),(0,r.jsx)("h3",{className:"mt-3 mb-[18px] font-display text-[clamp(20px,2.05vw,26px)] font-semibold leading-[1.18] tracking-[-0.022em] text-pc-label",children:e(t.titleKey)}),(0,r.jsx)("p",{className:'relative min-h-[62px] rounded-xl border border-white/[0.07] bg-pc-brand/[0.05] py-3 pr-3.5 pl-[30px] font-jbmono text-[11.5px] leading-[1.62] text-pc-brand shadow-[inset_0_1px_0_rgba(255,255,255,.045)] before:absolute before:left-3.5 before:top-[11px] before:text-[13px] before:text-pc-brand/60 before:content-["âº"]',children:e(t.exKey)}),(0,r.jsx)("p",{className:"mt-[18px] max-w-[42ch] whitespace-pre-line text-[14.5px] leading-[1.65] text-pc-secondary",children:e(t.descKey)})]})},t.num))})})}},15883:(e,t,a)=>{"use strict";a.d(t,{default:()=>m});var r=a(92083),s=a(39379),n=a(69400),l=a(86545);let i=[{quote:"A client needed three backing tracks for a demo by Friday, so I leaned on this AI song generator for the first drafts. What used to eat a full week now wraps up in an evening. It hasnât replaced me â it just kills the boring part.",name:"Alex Rivera",role:"Music Producer at SoundWave",avatar:"/images/home/benefit/men/91.jpg"},{quote:"I used to spend hours digging through stock libraries for background music that wouldnât get my videos claimed. Now I describe the vibe and the AI music maker hands me a track that fits. No more copyright strikes on my channel.",name:"Samantha Lee",role:"YouTube Creator",avatar:"/images/home/benefit/women/12.jpg"},{quote:"Scoring a whole game on an indie budget felt impossible until I started prompting it for loopable ambient tracks. Every level finally has its own mood â without hiring a composer.",name:"Raj Patel",role:"Indie Game Developer at PixelPlay",avatar:"/images/home/benefit/men/45.jpg"}],o=(0,r.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M12 3l7 3v6c0 4.4-3 7.6-7 9-4-1.4-7-4.6-7-9V6z"}),(0,r.jsx)("path",{d:"M9 12l2 2 4-4"})]}),c=(0,r.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M9 18V5l10-2v13"}),(0,r.jsx)("circle",{cx:"6.5",cy:"18",r:"2.5"}),(0,r.jsx)("circle",{cx:"16.5",cy:"16",r:"2.5"})]}),d=(0,r.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M12 4v10m0 0l-4-4m4 4l4-4"}),(0,r.jsx)("path",{d:"M5 18h14"})]});
1function m(){let e=(0,l.c3)(),[t,a]=(0,s.useState)(0),[m,p]=(0,s.useState)(!1);(0,s.useEffect)(()=>{if(m)return;let e=setInterval(()=>a(e=>(e+1)%i.length),6e3);return()=>clearInterval(e)},[m]);let x=[{ic:o,v:e("musegen.home.stat1Value"),l:e("musegen.home.stat1Label")},{ic:c,v:e("musegen.home.stat2Value"),l:e("musegen.home.stat2Label")},{ic:d,v:e("musegen.home.stat3Value"),l:e("musegen.home.stat3Label")}];return(0,r.jsxs)("div",{className:"grid grid-cols-[1.12fr_0.88fr] items-stretch gap-[clamp(32px,4.6vw,72px)] max-[900px]:grid-cols-1 max-[900px]:gap-9",children:[(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("span",{className:"mb-4 font-jbmono text-[10.5px] uppercase tracking-[0.22em] text-pc-brand",children:e("musegen.reviews.kicker")}),(0,r.jsx)("h2",{className:"font-display text-xl font-semibold leading-[1.2] tracking-[-0.03em] text-white min-[1025px]:text-[clamp(30px,4.4vw,56px)]",children:e.rich("home.Benefit.title",{em:e=>(0,r.jsx)("em",{className:"mt-1.5 block leading-[1.05] bg-[linear-gradient(100deg,#A8EE4C,#35DE8E)] bg-clip-text pb-[0.06em] not-italic text-transparent min-[1025px]:mt-2",children:e})})}),(0,r.jsx)("p",{className:"mt-[18px] mb-auto max-w-[46ch] text-[clamp(15px,1.5vw,17px)] leading-[1.6] text-pc-secondary",children:e("home.Benefit.subtitle")}),(0,r.jsx)("div",{className:"mt-[clamp(30px,3.6vw,48px)] grid grid-cols-3 gap-x-[clamp(18px,2.4vw,34px)] max-[520px]:grid-cols-2 max-[520px]:gap-y-7",children:x.map((e,t)=>(0,r.jsxs)("div",{className:"flex min-w-0 flex-col items-start",children:[(0,r.jsx)("span",{className:"flex h-9 w-9 flex-none items-center justify-center rounded-[10px] border border-white/[0.13] bg-pc-brand/[0.08] text-pc-brand [&_svg]:h-[17px] [&_svg]:w-[17px]",children:e.ic}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"mt-3.5 bg-[linear-gradient(100deg,#A8EE4C,#35DE8E)] bg-clip-text font-display text-[22px] font-semibold leading-[1.05] text-transparent min-[1180px]:text-[26px]",children:e.v}),(0,r.jsx)("div",{className:"mt-2 min-h-[2.9em] text-[12.5px] leading-[1.45] text-pc-secondary max-[520px]:min-h-0",children:e.l})]})]},t))})]}),(0,r.jsx)("div",{className:"flex",onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:(0,r.jsxs)("div",{className:"relative flex flex-1 flex-col overflow-hidden rounded-[22px] border border-white/[0.07] p-[clamp(26px,3vw,38px)] shadow-[inset_0_1px_0_rgba(255,255,255,.07),inset_0_-30px_58px_-34px_rgba(0,0,0,.6)] [background:radial-gradient(120%_130%_at_100%_0%,rgba(53,222,123,.09),transparent_56%),#0D1611]",children:[(0,r.jsx)("span",{className:"absolute right-[clamp(20px,2.4vw,30px)] top-[clamp(10px,1.6vw,18px)] font-display text-[clamp(48px,5vw,68px)] leading-none text-pc-brand opacity-[0.26]","aria-hidden":"true",children:"â"}),(0,r.jsx)("div",{className:"flex gap-1.5",role:"img","aria-label":e("musegen.lp.ratingOutOfFive"),children:Array.from({length:5}).map((e,t)=>(0,r.jsx)("svg",{viewBox:"0 0 24 24",className:"h-[17px] w-[17px] fill-pc-brand","aria-hidden":"true",children:(0,r.jsx)("path",{d:"M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5L2.6 9.3l6.5-.9z"})},t))}),(0,r.jsx)("div",{className:"mt-5 mb-auto grid",children:i.map((e,a)=>(0,r.jsxs)("div",{className:"col-start-1 row-start-1 transition-[opacity,transform] [transition-duration:600ms] [transition-timing-function:cubic-bezier(.32,.72,0,1)] ".concat(t===a?"translate-y-0 opacity-100":"pointer-events-none translate-y-2.5 opacity-0"),"aria-hidden":t!==a,children:[(0,r.jsx)("blockquote",{className:"text-[clamp(15px,1.5vw,16.5px)] leading-[1.62] text-pc-label",children:e.quote}),(0,r.jsxs)("div",{className:"mt-6 flex items-center gap-3.5",children:[(0,r.jsx)(n.default,{src:e.avatar,alt:e.name,width:46,height:46,className:"h-[46px] w-[46px] flex-none rounded-full border border-white/[0.13] object-cover grayscale-[0.25]"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[14.5px] font-semibold text-pc-label",children:e.name}),(0,r.jsx)("div",{className:"mt-0.5 text-[12.5px] text-pc-tertiary",children:e.role})]})]})]},a))}),(0,r.jsx)("div",{className:"mt-6 flex gap-[7px]",children:i.map((e,s)=>(0,r.jsx)("button",{type:"button","aria-label":"Show review ".concat(s+1),onClick:()=>a(s),className:"h-1 rounded-[3px] transition-[width,background] [transition-duration:400ms] ".concat(t===s?"w-[34px] bg-[linear-gradient(100deg,#A8EE4C,#35DE8E)]":"w-[22px] bg-white/[0.13]")},s))})]})})]})}},20302:(e,t,a)=>{"use strict";a.d(t,{default:()=>n});var r=a(92083),s=a(83908);function n(e){let{children:t}=e,a=(0,s.a8)();return(0,r.jsx)("div",{className:"/"===a||"/pricing"===a?"max-[1024px]:hidden":"",children:t})}},23951:(e,t,a)=>{"use strict";a.d(t,{default:()=>d});var r=a(92083),s=a(69400),n=a(39379),l=a(86545);let i=["/images/home/features/create-instant.jpg","/images/home/features/text-to-music.jpg","/images/home/features/genres.jpg","/images/home/features/custom-sound.jpg","/images/home/features/precise-editing.jpg","/images/home/features/vocal-lyrics.jpg","/images/home/features/mixing-mastering.jpg"],o=["[background:radial-gradient(120%_88%_at_86%_0%,rgba(168,238,76,.32),rgba(168,238,76,.05)_46%,transparent_66%)]","[background:radial-gradient(120%_88%_at_86%_0%,rgba(53,222,123,.32),rgba(53,222,123,.05)_46%,transparent_66%)]","[background:radial-gradient(120%_88%_at_86%_0%,rgba(53,222,142,.32),rgba(53,222,142,.05)_46%,transparent_66%)]","[background:radial-gradient(120%_88%_at_86%_0%,rgba(77,166,255,.3),rgba(77,166,255,.05)_46%,transparent_66%)]","[background:radial-gradient(120%_88%_at_86%_0%,rgba(168,238,76,.3),rgba(168,238,76,.05)_46%,transparent_66%)]","[background:radial-gradient(120%_88%_at_86%_0%,rgba(53,222,123,.3),rgba(53,222,123,.05)_46%,transparent_66%)]","[background:radial-gradient(120%_88%_at_86%_0%,rgba(53,222,142,.28),rgba(53,222,142,.05)_46%,transparent_66%)]"],c=Array.from({length:30},(e,t)=>20+Math.round((.5*Math.sin(.7*t)+.5)*80));
1function d(){let e=(0,l.c3)(),[t,a]=(0,n.useState)(0),d=(0,n.useRef)(null),m=(0,n.useRef)([]);(0,n.useEffect)(()=>{var e;let t=()=>{let e=d.current;if(!e)return;let t=0;m.current.forEach(e=>{e&&e.scrollHeight>t&&(t=e.scrollHeight)});let a=t+130;e.style.minHeight="".concat(a,"px")};return t(),(null===(e=document.fonts)||void 0===e?void 0:e.ready)&&document.fonts.ready.then(t).catch(()=>{}),window.addEventListener("resize",t,{passive:!0}),()=>window.removeEventListener("resize",t)},[]);let p=Array.from({length:7},(t,a)=>({n:"0".concat(a+1),title:e("home.Introduce.tit".concat(a+1)),desc:e("home.Introduce.txt".concat(a+1))}));return(0,r.jsxs)("div",{className:"grid grid-cols-[0.94fr_1.06fr] items-stretch gap-[clamp(34px,4.4vw,64px)] max-[1000px]:grid-cols-1 max-[1000px]:gap-8",children:[(0,r.jsx)("div",{className:"flex flex-col max-[1000px]:order-2",children:p.map((e,s)=>(0,r.jsx)("button",{type:"button",onClick:()=>a(s),onMouseEnter:()=>{window.innerWidth>1e3&&a(s)},className:"relative flex flex-col border-b border-white/[0.07] py-5 text-left transition-[padding] duration-500 [transition-timing-function:cubic-bezier(.32,.72,0,1)] before:absolute before:bottom-[-1px] before:left-0 before:h-0.5 before:bg-[linear-gradient(100deg,#A8EE4C,#35DE8E)] before:transition-[width] before:[transition-duration:650ms] before:content-[''] ".concat(t===s?"pl-4 before:w-full":"before:w-0"),children:(0,r.jsxs)("span",{className:"flex w-full items-baseline gap-4",children:[(0,r.jsx)("span",{className:"font-jbmono text-[11px] tracking-[0.22em] transition-colors duration-300 ".concat(t===s?"text-pc-brand":"text-pc-tertiary"),children:e.n}),(0,r.jsx)("span",{className:"flex-1 font-display text-[clamp(18px,1.95vw,24px)] font-medium tracking-[-0.018em] transition-colors duration-300 ".concat(t===s?"text-pc-label":"text-pc-secondary"),children:e.title})]})},e.n))}),(0,r.jsx)("div",{className:"sticky top-[120px] h-full max-[1000px]:static max-[1000px]:order-1",children:(0,r.jsx)("div",{className:"h-full rounded-[30px] border border-white/[0.07] bg-pc-overlay p-1.5 shadow-[inset_0_1px_0_rgba(255,255,255,.06)]",children:(0,r.jsxs)("div",{ref:d,className:"mg-tile-grain relative h-full min-h-[clamp(400px,40vw,520px)] overflow-hidden rounded-3xl border border-white/[0.07] bg-pc-raised",children:[p.map((e,a)=>(0,r.jsxs)("div",{className:"mg-ph ".concat(t===a?"show":""),children:[(0,r.jsx)(s.default,{src:i[a],alt:e.title,fill:!0,loading:"lazy",sizes:"(max-width: 1000px) 100vw, (max-width: 1280px) 52vw, 660px",className:"object-cover brightness-[0.9] contrast-[1.05] grayscale-[0.8] transition-[transform,filter] [transition-duration:1200ms] [transition-timing-function:cubic-bezier(.32,.72,0,1)]"}),(0,r.jsx)("div",{"aria-hidden":"true",className:"absolute inset-0 ".concat(o[a])}),(0,r.jsx)("div",{className:"absolute inset-0 bg-[linear-gradient(180deg,rgba(5,10,7,.4)_0%,rgba(5,10,7,.1)_24%,rgba(5,10,7,.56)_56%,rgba(5,10,7,.93)_100%)] content-['']"}),(0,r.jsx)("div",{ref:e=>{m.current[a]=e},className:"absolute inset-x-[clamp(20px,2.6vw,34px)] bottom-[calc(clamp(20px,2.6vw,34px)+62px)] z-[2] max-w-[54ch]",children:(0,r.jsx)("p",{className:"whitespace-pre-line text-[clamp(14.5px,1.5vw,16px)] leading-[1.7] text-pc-label [text-shadow:0_1px_12px_rgba(0,0,0,.6)]",children:e.desc})})]},e.n)),(0,r.jsx)("div",{className:"absolute inset-x-[clamp(20px,2.6vw,34px)] bottom-[clamp(20px,2.6vw,34px)] z-[3] flex h-[38px] items-end gap-[3px]",children:c.map((e,t)=>(0,r.jsx)("i",{style:{height:"".concat(e,"%"),animationDelay:"".concat(t%3*.24,"s")},className:"min-w-0 flex-1 origin-bottom animate-wf rounded-[2px] bg-[linear-gradient(180deg,#A8EE4C,rgba(53,222,142,.2))]"},t))})]})})})]})}},47590:(e,t,a)=>{Promise.resolve().then(a.bind(a,95949)),Promise.resolve().then(a.t.bind(a,71536,23)),Promise.resolve().then(a.t.bind(a,87289,23)),Promise.resolve().then(a.bind(a,61249)),Promise.resolve().then(a.bind(a,23951)),Promise.resolve().then(a.bind(a,92751)),Promise.resolve().then(a.bind(a,7182)),Promise.resolve().then(a.bind(a,15883)),Promise.resolve().then(a.bind(a,75199)),Promise.resolve().then(a.bind(a,20302)),Promise.resolve().then(a.bind(a,19879)),Promise.resolve().then(a.bind(a,29635)),Promise.resolve().then(a.bind(a,669)),Promise.resolve().then(a.bind(a,75090))},50090:(e,t,a)=>{"use strict";function r(e,t){var a,r,s;let n=null==e?void 0:null===(a=e.userName)||void 0===a?void 0:a.trim();return n||(null==e?void 0:null===(s=e.userEmail)||void 0===s?void 0:null===(r=s.trim().split("@")[0])||void 0===r?void 0:r.trim())||t}a.d(t,{P:()=>r})},61249:(e,t,a)=>{"use strict";a.d(t,{default:()=>u});var r=a(92083),s=a(39379),n=a(68844),l=a(65068),i=a(86545),o=a(83908),c=a(78999),d=a(50090),m=a(81037),p=a(20846);let x=Array.from({length:9},(e,t)=>({id:-(t+1),name:["Marco","Evelyn","Noah","Mia","Kai","Luna","Leo","Ava","Owen"][t],songName:"",cover:"/images/musegen/pc/covers/".concat(t+1,".png"),fallback:"/images/musegen/pc/covers/".concat(t+1,".png")}));function u(e){let{worksPromise:t}
1=e,a=(0,i.c3)(),[u,h]=(0,s.useState)([]),[f,g]=(0,s.useState)(null),[b,v]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let e=!0;return Promise.resolve(t).then(t=>e&&h(t)).catch(()=>{}),()=>{e=!1}},[t]),(0,s.useEffect)(()=>{let e=e=>{e&&"number"==typeof e.id&&g(e.id)},t=e=>v(!!e);return m.B.on(m.A.SelectedMusicEv,e),m.B.on(m.A.IsPlay,t),()=>{m.B.off(m.A.SelectedMusicEv,e),m.B.off(m.A.IsPlay,t)}},[]);let w=u.filter(e=>e.songUrl&&e.id>0),j=w.length?w.slice(0,14).map((e,t)=>({id:e.id,name:(0,d.P)(e,a("musegen.common.userFallback")),songName:e.songName||e.title||"",cover:e.coverUrl||e.header||"",fallback:"/images/musegen/pc/covers/".concat(t%9+1,".png"),item:e})):x,y=e=>f===e.id&&b,N=e=>{var t;if(null===(t=e.item)||void 0===t?void 0:t.songUrl){if(y(e)){m.B.emit(m.A.IsPlay,!1),v(!1);return}(0,p.sx)("Pc_Play"),m.B.emit(m.A.SelectedMusicEv,e.item),m.B.emit(m.A.PlayerQueueChanged,w),m.B.emit(m.A.SelectedMusicEvPlayer,e.item),m.B.emit(m.A.IsPlay,!0),g(e.id),v(!0)}},_=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let e=_.current;if(!e)return;let t=t=>{if(Math.abs(t.deltaY)<=Math.abs(t.deltaX))return;let a=e.scrollWidth-e.clientWidth;if(a<=0)return;let r=t.deltaY<0&&e.scrollLeft>0,s=t.deltaY>0&&e.scrollLeft<a;(r||s)&&(t.preventDefault(),e.scrollLeft=Math.max(0,Math.min(a,e.scrollLeft+t.deltaY)))};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[]),(0,r.jsxs)("section",{className:"mx-7 mt-[clamp(28px,3vw,44px)] pb-[clamp(32px,3.5vw,52px)]",id:"explore",children:[(0,r.jsxs)("div",{className:"mb-[clamp(24px,2.5vw,36px)] flex items-baseline justify-between gap-4",children:[(0,r.jsx)("h2",{className:"text-xl font-bold text-white",children:a("home.musicList.title")}),(0,r.jsxs)(o.N_,{href:"/plaza",title:a("musegen.nav.plaza"),className:"flex-none text-xs text-pc-tertiary transition-colors hover:text-pc-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-pc-brand",children:[a("musegen.hero.viewMore")," âº"]})]}),(0,r.jsx)("div",{ref:_,className:"scrollbar-hide flex gap-4 overflow-x-auto scroll-smooth pb-1",children:j.map(e=>{var t,s;let i=y(e),o=e.songName?a("musegen.home.coverAlt",{song:e.songName}):a("musegen.home.coverAltSample");return(0,r.jsxs)("button",{type:"button",disabled:!(null===(t=e.item)||void 0===t?void 0:t.songUrl),"aria-label":"".concat(i?a("musicdDetail.Pause"):a("musicdDetail.Play")," ").concat(e.songName||e.name),onClick:()=>N(e),className:"group relative aspect-square w-[232px] flex-none overflow-hidden rounded-[14px] bg-pc-overlay text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-pc-brand ".concat((null===(s=e.item)||void 0===s?void 0:s.songUrl)?"cursor-pointer":"cursor-default"),children:[(0,r.jsx)(c.A,{src:e.cover,fallbackSrc:e.fallback,alt:o,width:464,height:464,sizes:"232px",className:"h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"}),(0,r.jsx)("span",{className:"pointer-events-none absolute inset-0 bg-[linear-gradient(to_top,rgba(0,0,0,0.72)_0%,rgba(0,0,0,0.18)_34%,transparent_62%)]"}),(0,r.jsxs)("span",{className:"absolute inset-x-0 bottom-0 flex items-center justify-between gap-3 p-3",children:[(0,r.jsx)("span",{className:"grid h-[38px] w-[38px] flex-none place-items-center rounded-full bg-[#F2F5F3] text-pc-base transition-transform duration-100 group-hover:scale-110",children:i?(0,r.jsx)(n.A,{className:"h-[15px] w-[15px] fill-current","aria-hidden":"true"}):(0,r.jsx)(l.A,{className:"ml-0.5 h-[15px] w-[15px] fill-current","aria-hidden":"true"})}),(0,r.jsx)("span",{className:"min-w-0 truncate text-[15px] font-semibold text-white [text-shadow:0_1px_3px_rgba(0,0,0,0.6)]",children:e.name})]})]},e.id)})})]})}},75090:(e,t,a)=>{"use strict";a.d(t,{default:()=>S});var r=a(92083),s=a(39379),n=a(86545),l=a(32686),i=a(83908),o=a(91967);function c(e){(0,s.useEffect)(()=>{let t=e.current;if(!t)return;let a=window.matchMedia("(hover: hover)").matches,r=!1,s=0,n=0,l=!1,i=e=>{a&&(r=!0,l=!1,s=e.clientX,n=t.scrollLeft)},o=e=>{if(!r)return;let a=e.clientX-s;Math.abs(a)>4&&(l=!0),t.scrollLeft=n-a},c=()=>{r=!1},d=e=>{l&&(e.preventDefault(),e.stopPropagation())},m=e=>{if(Math.abs(e.deltaY)<=Math.abs(e.deltaX))return;let a=t.scrollLeft<=0,r=t.scrollLeft>=t.scrollWidth-t.clientWidth-1;e.deltaY<0&&a||e.deltaY>0&&r||(e.preventDefault(),t.scrollLeft+=e.deltaY)},p=e=>e.preventDefault();return t.addEventListener("pointerdown",i),window.addEventListener("pointermove",o),window.addEventListener("pointerup",c),t.addEventListener("click",d,!0),t.addEventListener("wheel",m,{passive:!1}),t.addEventListener("dragstart",p),()=>{t.removeEventListener("pointerdown",i),window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",c),t.removeEventListener("click",d,!0),t.removeEventListener("wheel",m),t.removeEventListener("dragstart",p)}},[e])}function d(e){let{initial:t=4,batch:a=3,intervalMs:r=800}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}
1,[n,l]=(0,s.useState)(()=>Math.min(t,e));return(0,s.useEffect)(()=>{if(e<=t){l(e);return}l(a=>Math.min(Math.max(a,t),e));let s=setInterval(()=>{l(t=>{let r=Math.min(t+a,e);return r>=e&&clearInterval(s),r})},r);return()=>clearInterval(s)},[e,t,a,r]),Math.min(n,e)}let m=e=>"/images/video-home/".concat(e,".jpg"),p=[7,5,1,3,9].map(e=>({id:"slide-".concat(e),img:m(e)})),x=[{id:"hv-1",img:m(7),name:"Live in Concert"},{id:"hv-2",img:m(1),name:"City Lights"},{id:"hv-3",img:m(9),name:"Strings Alone"},{id:"hv-4",img:m(5),name:"Last Stop"},{id:"hv-5",img:m(3),name:"Midnight Bar"},{id:"hv-6",img:m(6),name:"Neon Arena"},{id:"hv-7",img:m(4),name:"Old Study"},{id:"hv-8",img:m(8),name:"Crystal Cave"}],u=[{key:"photo",labelKey:"musegen.videoHome.entryPhoto",href:"/mv-generation?mode=photo",art:"/images/video-home/entry-1-art.jpg",cut:"/images/video-home/entry-1-cut.png"},{key:"music",labelKey:"musegen.videoHome.entryMusic",href:"/ai-song-maker",art:"/images/video-home/entry-2-art.jpg",cut:"/images/video-home/entry-2-cut.png"}];function h(e){let{src:t,load:a}=e,n=(0,s.useRef)(null),l=(0,s.useRef)(null),[i,o]=(0,s.useState)(!1),[c,d]=(0,s.useState)(!1),m=a||i;return(0,s.useEffect)(()=>{let e=n.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&o(!0)},{rootMargin:"200px"});return t.observe(e),()=>t.disconnect()},[]),(0,s.useEffect)(()=>{let e=l.current;if(!e)return;let t=new IntersectionObserver(t=>{let[a]=t;a.isIntersecting?e.play().catch(()=>{}):e.pause()},{threshold:.4});return t.observe(e),()=>t.disconnect()},[m]),(0,r.jsx)("div",{ref:n,className:"h-full w-full",children:m&&!c&&(0,r.jsx)("video",{ref:l,src:"".concat(t,"#t=0.001"),muted:!0,loop:!0,playsInline:!0,preload:"metadata",draggable:!1,onError:()=>d(!0),className:"pointer-events-none h-full w-full select-none bg-black object-cover [-webkit-user-drag:none]"})})}function f(e){let{slides:t,onPlay:a}=e,l=(0,n.c3)("musegen.videoHome"),o=(0,s.useRef)(null);c(o);let m=t.length,p=[...t,...t,...t],x=d(m);return(0,s.useEffect)(()=>{let e,t=o.current;if(!t||m<2)return;let a=()=>t.children.length>1?t.children[1].offsetLeft-t.children[0].offsetLeft:0,r=e=>{let a=t.style.scrollBehavior;t.style.scrollBehavior="auto",t.scrollLeft+=e,t.style.scrollBehavior=a},s=requestAnimationFrame(()=>{let e=a();e&&(t.style.scrollBehavior="auto",t.scrollLeft=(m+1)*e,t.style.scrollBehavior="")}
1),n=()=>{clearTimeout(e),e=setTimeout(()=>{let e=a();if(!e)return;let s=m*e;t.scrollLeft<.5*s?r(s):t.scrollLeft>1.5*s&&r(-s)},140)};return t.addEventListener("scroll",n,{passive:!0}),()=>{cancelAnimationFrame(s),clearTimeout(e),t.removeEventListener("scroll",n)}},[m]),(0,r.jsx)("section",{className:"mt-3 pt-3",children:(0,r.jsx)("div",{ref:o,className:"flex gap-4 overflow-x-auto [padding-inline:calc((100%-224px)/2)] [scrollbar-width:none] [scroll-snap-type:x_proximity] [-webkit-overflow-scrolling:touch] [&::-webkit-scrollbar]:hidden",children:p.map((e,t)=>{let s="relative block aspect-video flex-[0_0_224px] overflow-hidden rounded-[14px] bg-[linear-gradient(135deg,#17301f,#0d1611)] [scroll-snap-align:center]",n=e.video?(0,r.jsx)(h,{src:e.video,load:t%m<x}):(0,r.jsx)("img",{src:e.img,alt:"",loading:"lazy",draggable:!1,className:"h-full w-full select-none object-cover [-webkit-user-drag:none]"});return e.video?(0,r.jsx)("button",{type:"button","aria-label":l("play"),onClick:()=>a(e.video),className:s,children:n},"".concat(e.id,"-").concat(t)):(0,r.jsx)(i.N_,{href:"/mv-generation",className:s,children:n},"".concat(e.id,"-").concat(t))})})})}var g=a(53329);let b={photo:"story_image_video_click",music:"story_music_video_click"};function v(){let e=(0,n.c3)();return(0,r.jsx)("section",{className:"mt-6 px-4",children:(0,r.jsx)("div",{className:"grid grid-cols-2 gap-3",children:u.map(t=>(0,r.jsxs)(i.N_,{href:t.href,onClick:()=>(0,g.iz)(b[t.key]),className:"group relative block pt-[29.98%]",children:[(0,r.jsxs)("span",{className:"relative block aspect-[477/327] overflow-hidden rounded-[14px] bg-[linear-gradient(135deg,#17301f,#0d1611)]",children:[(0,r.jsx)("img",{src:t.art,alt:"",className:"h-full w-full object-cover"}),(0,r.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 bottom-0 h-[58%] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.72))]"}),(0,r.jsx)("span",{className:"absolute bottom-2 left-1/2 z-[1] inline-flex h-[26px] -translate-x-1/2 items-center justify-center whitespace-nowrap rounded-full bg-white/[0.18] px-4 text-xs font-semibold text-white backdrop-blur-[6px] group-active:bg-pc-brand group-active:text-pc-brand-on",children:e(t.labelKey)})]}),(0,r.jsx)("img",{src:t.cut,alt:"",className:"pointer-events-none absolute left-0 top-0 h-auto w-full"})]},t.key))})})}let w=()=>(0,r.jsx)("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:(0,r.jsx)("path",{d:"M8.5 5.4v13.2L19 12z"})});function j(e){let{src:t,load:a}=e,n=(0,s.useRef)(null),[l,i]=(0,s.useState)(!1),[o,c]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=n.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&i(!0)},{rootMargin:"200px"});return t.observe(e),()=>t.disconnect()},[]),(0,r.jsx)("div",{ref:n,className:"h-full w-full",children:(a||l)&&!o&&(0,r.jsx)("video",{src:"".concat(t,"#t=0.001"),muted:!0,playsInline:!0,preload:"metadata",onError:()=>c(!0),className:"h-full w-full bg-black object-cover"})})}function y(e){let{videos:t,onPlay:a}=e,n=(0,s.useRef)(null);c(n);let l=d(t.length),o="absolute left-1/2 top-1/2 z-[1] grid h-8 w-8 -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full border border-white/[0.32] bg-black/40 text-white backdrop-blur-[4px] active:border-pc-brand active:bg-pc-brand active:text-pc-brand-on";return(0,r.jsx)("div",{ref:n,className:"flex gap-3 overflow-x-auto px-4 pb-1 [scrollbar-width:none] [-webkit-overflow-scrolling:touch] [&::-webkit-scrollbar]:hidden",children:t.map((e,t)=>(0,r.jsxs)("div",{className:"relative aspect-[9/16] flex-[0_0_88px] overflow-hidden rounded-[10px] bg-[linear-gradient(135deg,#17301f,#0d1611)]",children:[e.video?(0,r.jsx)(j,{src:e.video,load:t<l}):(0,r.jsx)("img",{src:e.img,alt:"",loading:"lazy",className:"h-full w-full object-cover"}),(0,r.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 bottom-0 h-[46%] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.78))]"}),e.video?(0,r.jsx)("button",{type:"button","aria-label":e.name,onClick:()=>a(e.video,e.name),className:o,children:(0,r.jsx)(w,{})}):(0,r.jsx)(i.N_,{href:"/mv-generation","aria-label":e.name,className:o,children:(0,r.jsx)(w,{})}),(0,r.jsx)("span",{className:"pointer-events-none absolute inset-x-2 bottom-1.5 z-[1] truncate text-[11px] text-pc-label",children:e.name})]},e.id))})}var N=a(68844),_=a(65068),k=a(81037),E=a(78863);function A(e){let{worksPromise:t}
1=e,a=(0,n.c3)(),[l,i]=(0,s.useState)([]),[o,c]=(0,s.useState)(null),[d,m]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let e=!0;return Promise.resolve(t).then(t=>{e&&i(t)}).catch(()=>{}),()=>{e=!1}},[t]),(0,s.useEffect)(()=>{let e=e=>m(!!e);return k.B.on(k.A.IsPlay,e),()=>k.B.off(k.A.IsPlay,e)},[]);let p=l.filter(e=>e.songUrl&&e.id>0).slice(0,8);if(0===p.length)return null;let x=e=>{if(e.songUrl){if(o===e.id){let e=!d;m(e),k.B.emit(k.A.IsPlay,e);return}k.B.emit(k.A.PlayerQueueChanged,p),k.B.emit(k.A.SelectedMusicEvPlayer,e),k.B.emit(k.A.IsPlay,!0),c(e.id),m(!0),(0,E.sl)(e.id)}};return(0,r.jsx)("div",{className:"space-y-2",children:p.map(e=>{let t=o===e.id;return(0,r.jsxs)("button",{type:"button",onClick:()=>x(e),className:"flex w-full items-center gap-3 rounded-[10px] border border-white/[0.07] bg-pc-raised p-2 text-left transition-colors active:border-pc-brand",children:[(0,r.jsx)("img",{src:e.coverUrl||"",alt:"",loading:"lazy",className:"h-[42px] w-[42px] flex-shrink-0 rounded-md bg-[linear-gradient(135deg,#17301f,#0d1611)] object-cover"}),(0,r.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,r.jsx)("span",{className:"block truncate text-[14px] font-bold text-pc-label",children:e.title||e.songName}),(0,r.jsx)("span",{className:"mt-0.5 block truncate text-[11px] text-pc-tertiary",children:e.prompt||e.description||e.style})]}),(0,r.jsx)("span",{"aria-label":a("musegen.videoHome.play"),className:"grid h-[34px] w-[34px] flex-shrink-0 place-items-center rounded-full bg-pc-brand text-pc-brand-on",children:t&&d?(0,r.jsx)(N.A,{className:"h-4 w-4",fill:"currentColor","aria-hidden":"true"}):(0,r.jsx)(_.A,{className:"h-4 w-4",fill:"currentColor","aria-hidden":"true"})})]},e.id)})})}var L=a(61374);function P(e){let{src:t,name:a,onClose:l}=e,i=(0,n.c3)("musegen.videoHome");return((0,s.useEffect)(()=>{if(!t)return;let e=e=>{"Escape"===e.key&&l()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t,l]),t)?(0,r.jsx)("div",{className:"fixed inset-0 z-[140] flex items-center justify-center bg-black/80 p-4",onClick:l,children:(0,r.jsxs)("div",{className:"relative flex max-h-full flex-col items-center",onClick:e=>e.stopPropagation(),children:[(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("video",{src:t,controls:!0,autoPlay:!0,playsInline:!0,className:"block max-h-[80vh] max-w-[92vw] rounded-[14px] border border-white/[0.07] bg-black"}),(0,r.jsx)("button",{type:"button",onClick:l,"aria-label":i("close"),className:"absolute right-2 top-2 z-[1] grid h-8 w-8 place-items-center rounded-full bg-black/55 text-white transition-colors [transition-duration:160ms] hover:bg-white/[0.18]",children:(0,r.jsx)(L.A,{className:"h-[15px] w-[15px]","aria-hidden":"true"})})]}),a&&(0,r.jsx)("p",{className:"mt-3 max-w-full truncate px-4 text-center text-[15px] font-semibold text-white",children:a})]})}):null}function I(){return(0,r.jsx)("section",{className:"mt-3 pt-3",children:(0,r.jsx)("div",{className:"flex gap-4 overflow-hidden [padding-inline:calc((100%-224px)/2)]",children:[0,1,2].map(e=>(0,r.jsx)("div",{className:"aspect-video flex-[0_0_224px] animate-pulse rounded-[14px] bg-white/[0.06]"},e))})})}function z(){return(0,r.jsx)("div",{className:"flex gap-3 overflow-hidden px-4 pb-1",children:[0,1,2,3,4].map(e=>(0,r.jsx)("div",{className:"aspect-[9/16] flex-[0_0_88px] animate-pulse rounded-[10px] bg-white/[0.06]"},e))})}function S(e){var t,a,c;let{worksPromise:d}=e,m=(0,n.c3)(),[u,h]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let e=window.matchMedia("(max-width: 1024px)"),t=()=>h(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]);let{options:g,loading:b,error:w}=(0,o.O)(u),{landscape:j,portrait:N}=(c=null!==(t=null==g?void 0:g.styleTemplates)&&void 0!==t?t:[],(0,s.useMemo)(()=>{let e=[],t=[];for(let a of c){if(!a.demoVideoUrl)continue;let r=function(e){if(e.demoVideoWidth&&e.demoVideoHeight)return e.demoVideoHeight>e.demoVideoWidth?"portrait":"landscape";if(e.demoVideoAspect){let[t,a]=e.demoVideoAspect.split(":").map(Number);if(t>0&&a>0)return a>t?"portrait":"landscape"}return null}(a);r&&("portrait"===r?t.push({id:a.templateId,video:a.demoVideoUrl,name:a.displayName}):e.push({id:a.templateId,video:a.demoVideoUrl}))}return{landscape:e,portrait:t}},[c])),_=j.length?j:p,k=N.length?N:x,E=u&&!b&&(null!==g||w),[L,S]=(0,s.use
1State)(null);return(0,r.jsxs)("div",{className:"h-full",children:[E?(0,r.jsx)(f,{slides:_,onPlay:e=>S({src:e})}):(0,r.jsx)(I,{}),(0,r.jsx)(v,{}),(0,r.jsx)("section",{className:"mt-6 px-4",children:(0,r.jsx)("h2",{className:"mb-3 text-[17px] font-bold leading-[1.3] text-pc-label",children:m("musegen.videoHome.hotVideos")})}),(0,r.jsx)("section",{className:"mt-3",children:E?(0,r.jsx)(y,{videos:k,onPlay:(e,t)=>S({src:e,name:t})}):(0,r.jsx)(z,{})}),(0,r.jsxs)("section",{className:"mt-6 px-4",children:[(0,r.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-3",children:[(0,r.jsx)("h2",{className:"text-[17px] font-bold leading-[1.3] text-pc-label",children:m("musegen.videoHome.hotMusic")}),(0,r.jsxs)(i.N_,{href:"/plaza","aria-label":m("musegen.nav.plaza"),className:"flex flex-none items-center gap-0.5 text-xs font-semibold text-pc-brand active:opacity-70",children:[m("musegen.nav.plaza"),(0,r.jsx)(l.A,{className:"h-4 w-4","aria-hidden":"true"})]})]}),(0,r.jsx)(A,{worksPromise:d})]}),(0,r.jsx)(P,{src:null!==(a=null==L?void 0:L.src)&&void 0!==a?a:null,name:null==L?void 0:L.name,onClose:()=>S(null)})]})}},75199:(e,t,a)=>{"use strict";a.d(t,{default:()=>f});var r=a(92083),s=a(20098),n=a.n(s),l=a(39379),i=a(86545),o=a(71422),c=a(33953),d=a(56861),m=a(61374),p=a(43344),x=a(83688),u=a(83908);let h="has_seen_mv_feature_v1";function f(e){let{bannerList:t=[]}=e,a=(0,i.c3)("activityPopup"),[s,f]=(0,l.useState)(!1),[g,b]=(0,l.useState)(!1);(0,l.useEffect)(()=>{if(localStorage.getItem(h))return;let e=!1,t=()=>{e||(e=!0,f(!0))},a=()=>{window.scrollY>.6*window.innerHeight&&(t(),window.removeEventListener("scroll",a))};window.addEventListener("scroll",a,{passive:!0}),a();let r=setTimeout(t,6e3);return()=>{window.removeEventListener("scroll",a),clearTimeout(r)}},[t]);let v=()=>{b(!0),localStorage.setItem(h,"true"),setTimeout(()=>f(!1),300)};if(!s)return null;let w=[{icon:o.A,text:a("feature1")},{icon:c.A,text:a("feature2")},{icon:d.A,text:a("feature3")}];return(0,r.jsxs)("div",{className:"jsx-4c0db93fd655f3ee "+"fixed inset-0 z-[100] flex items-center justify-center p-4 transition-all duration-300 ".concat(g?"opacity-0":"opacity-100"),children:[(0,r.jsx)("div",{onClick:v,className:"jsx-4c0db93fd655f3ee absolute inset-0 bg-black/70 backdrop-blur-sm"}),(0,r.jsxs)("div",{style:{animation:g?void 0:"activityPopupIn 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards"},className:"jsx-4c0db93fd655f3ee "+"relative w-full max-w-md transition-all duration-300 ".concat(g?"scale-95 opacity-0":"scale-100 opacity-100"),children:[(0,r.jsx)("div",{className:"jsx-4c0db93fd655f3ee absolute -inset-px rounded-2xl bg-gradient-to-br from-pc-lime/40 via-pc-brand/20 to-pc-brand-end/30 blur-sm"}),(0,r.jsxs)("div",{className:"jsx-4c0db93fd655f3ee relative rounded-2xl border border-white/10 bg-zinc-950 overflow-hidden",children:[(0,r.jsx)("div",{className:"jsx-4c0db93fd655f3ee h-1 w-full bg-gradient-to-r from-pc-lime via-pc-brand to-pc-brand-end"}),(0,r.jsx)("button",{type:"button",onClick:v,"aria-label":a("close"),className:"jsx-4c0db93fd655f3ee absolute top-4 right-4 z-10 flex h-7 w-7 items-center justify-center rounded-full bg-white/5 border border-white/10 text-white/50 hover:text-white hover:bg-white/10 transition-all",children:(0,r.jsx)(m.A,{className:"h-4 w-4","aria-hidden":"true"})}),(0,r.jsx)("div",{className:"jsx-4c0db93fd655f3ee absolute top-0 right-0 w-64 h-64 rounded-full bg-pc-brand/10 blur-3xl pointer-events-none"}),(0,r.jsx)("div",{className:"jsx-4c0db93fd655f3ee absolute bottom-0 left-0 w-48 h-48 rounded-full bg-pc-brand-end/10 blur-3xl pointer-events-none"}),(0,r.jsxs)("div",{className:"jsx-4c0db93fd655f3ee p-5 sm:p-7",children:[(0,r.jsx)("div",{className:"jsx-4c0db93fd655f3ee mb-5 flex items-center gap-2",children:(0,r.jsxs)("div",{className:"jsx-4c0db93fd655f3ee inline-flex items-center gap-1.5 rounded-full border border-pc-brand/30 bg-pc-brand/10 px-3 py-1",children:[(0,r.jsxs)("span",{className:"jsx-4c0db93fd655f3ee relative flex h-2 w-2",children:[(0,r.jsx)("span",{className:"jsx-4c0db93fd655f3ee absolute inline-flex h-full w-full animate-ping rounded-full bg-pc-brand opacity-75"}),(0,r.jsx)("span",{className:"jsx-4c0db93fd655f3ee relative inline-flex h-2 w-2 rounded-full bg-pc-brand"})]}),(0,r.jsx)("span",{className:"jsx-4c0db93fd655f3ee text-xs font-semibold tracking-wider text-pc-brand",children:a("badge")})]})}),(0,r.jsxs)("div",{className:"jsx-4c0db93fd655f3ee mb-2 flex items-start gap-3",children:[(0,r.jsx)("div",{className:"jsx-4c0db93fd655f3ee flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-pc-lime to-pc-brand-end shadow-lg shadow-pc-brand/30",children:(0,r.jsx)(p.A,{className:"h-6 w-6 text-pc-brand-on"})}),(0,r.jsxs)("div",{className:"jsx-4c0db93fd655f3ee",children:[(0,r.jsx)("h2",{className:"jsx-4c0db93fd655f3ee text-xl font-bold text-white leading-tight",children:a("title")}),(0,r.jsx)("p",{className:"jsx-4c0db93fd655f3ee mt-0.5 text-sm text-white/50",children:a("subtitle")})]})]}),(0,r.jsx)("p",{className:"jsx-4c0db93fd655f3ee mt-4 text-sm leading-relaxed text-zinc-400",children:a("description")}),(0,r.jsx)("ul",{className:"jsx-4c0db93fd655f3ee mt-5 space-y-2.5",children:w.map(e=>{let{icon:t,text:a}=e;return(0,r.jsxs)("li",{className:"jsx-4c0db93fd655f3ee flex items-center gap-2.5 text-sm text-zinc-300",children:[(0,r.jsx)("div",{className:"jsx-4c0db93fd655f3ee flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-pc-brand/15",children:(0,r.jsx)(t,{className:"jsx-4c0db93fd655f3ee h-3 w-3 text-pc-brand"})}),a]},a)})}),(0,r.jsxs)("div",{className:"jsx-4c0db93fd655f3ee mt-6 flex flex-col gap-2.5 sm:flex-row",children:[(0,r.jsxs)(u.N_,{href:"/mv-generation",onClick:v,className:"group flex flex-1 items-center justify-center gap-2 rounded-xl bg-[linear-gradient(100deg,#A8EE4C,#35DE8E)] px-5 py-2.5 text-sm font-semibold text-pc-brand-on shadow-lg shadow-pc-brand/25 transition-all hover:brightness-105 hover:shadow-
1pc-brand/40",children:[a("cta"),(0,r.jsx)(x.A,{className:"h-4 w-4 transition-transform group-hover:translate-x-0.5"})]}),(0,r.jsx)("button",{onClick:v,className:"jsx-4c0db93fd655f3ee flex items-center justify-center rounded-xl border border-white/10 bg-white/5 px-5 py-2.5 text-sm font-medium text-white/60 transition-all hover:bg-white/8 hover:text-white/80",children:a("dismiss")})]})]})]})]}),(0,r.jsx)(n(),{id:"4c0db93fd655f3ee",children:"@-webkit-keyframes activityPopupIn{from{opacity:0;-webkit-transform:scale(.92)translatey(12px);transform:scale(.92)translatey(12px)}to{opacity:1;-webkit-transform:scale(1)translatey(0);transform:scale(1)translatey(0)}}@-moz-keyframes activityPopupIn{from{opacity:0;-moz-transform:scale(.92)translatey(12px);transform:scale(.92)translatey(12px)}to{opacity:1;-moz-transform:scale(1)translatey(0);transform:scale(1)translatey(0)}}@-o-keyframes activityPopupIn{from{opacity:0;-o-transform:scale(.92)translatey(12px);transform:scale(.92)translatey(12px)}to{opacity:1;-o-transform:scale(1)translatey(0);transform:scale(1)translatey(0)}}@keyframes activityPopupIn{from{opacity:0;-webkit-transform:scale(.92)translatey(12px);-moz-transform:scale(.92)translatey(12px);-o-transform:scale(.92)translatey(12px);transform:scale(.92)translatey(12px)}to{opacity:1;-webkit-transform:scale(1)translatey(0);-moz-transform:scale(1)translatey(0);-o-transform:scale(1)translatey(0);transform:scale(1)translatey(0)}}"})]})}},78863:(e,t,a)=>{"use strict";a.d(t,{Iu:()=>s,jW:()=>n,k_:()=>l,sl:()=>i});var r=a(6709);let s=async function(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,s=(await (0,r.ew)("/api/mv/mediaPreset/list?mediaType=AUDIO&page=".concat(t,"&size=").concat(a),{method:"GET",cache:"no-store"},{records:[],total:0,size:a,current:t,pages:0})).data;return{records:(null!==(e=null==s?void 0:s.records)&&void 0!==e?e:[]).filter(e=>"READY"===e.analysisStatus).map(e=>({id:e.audioPresetId||e.id,audioPresetId:e.audioPresetId||e.id,createTime:"",updateTime:"",description:"",songName:e.title,songUrl:e.audioUrl,coverUrl:e.coverUrl||"",header:e.coverUrl||"",duration:null!=e.durationMs?e.durationMs/1e3:e.duration||0,genStatus:1,playCount:0,prompt:"",publicType:0,likes:0,style:"",tags:"",title:e.title,userId:0,isPlay:!1,modelName:"",taskType:"upload_import",wavUrl:"",virtualLikeCount:0,task:"upload_import",analysisStatus:e.analysisStatus})),total:Number(null==s?void 0:s.total)||0,size:Number(null==s?void 0:s.size)||a,current:Number(null==s?void 0:s.current)||t,pages:Number(null==s?void 0:s.pages)||0}},n=async e=>{let t=await (0,r.ew)("/api/mv/mediaPreset/detail?id=".concat(e),{method:"GET",cache:"no-store"},{});if(200!==t.code||!t.data)return null;let a=null!=t.data.durationMs?t.data.durationMs/1e3:t.data.duration;return"number"==typeof a&&Number.isFinite(a)&&a>0?a:null},l=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:5;return(await s(1,e)).records},i=async e=>await (0,r.ew)("/api/music/addMusicPlayCount?musicId="+e,{method:"GET"})},78999:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(92083),s=a(69400),n=a(39379);let l=[800,2400];function i(e){var t;let{src:a,fallbackSrc:i,alt:o,className:c,width:d=1e3,height:m=1e3,sizes:p}
1=e,[x,u]=(0,n.useState)(0),[h,f]=(0,n.useState)(!1),g=(0,n.useRef)(null),b=null!==(t=null==a?void 0:a.trim())&&void 0!==t?t:"",v=/^https?:\/\//i.test(b);(0,n.useEffect)(()=>{g.current&&(clearTimeout(g.current),g.current=null),u(0),f(!1)},[b]),(0,n.useEffect)(()=>()=>{g.current&&clearTimeout(g.current)},[]);let w=h||!b,j=w?i:b;return(0,r.jsx)(s.default,{src:j,alt:o,width:d,height:m,sizes:p,className:c,unoptimized:!w&&v&&x>0,onError:w?void 0:()=>{if(!v||x>=l.length){f(!0);return}let e=l[x];g.current&&clearTimeout(g.current),g.current=setTimeout(()=>u(e=>e+1),e)}},"".concat(j,"#").concat(x))}},91967:(e,t,a)=>{"use strict";a.d(t,{O:()=>l});var r=a(39379),s=a(95269);let n="mv:narrative:options:v1";function l(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[t,a]=(0,r.useState)(null),[l,i]=(0,r.useState)(!1),[o,c]=(0,r.useState)(!1),[d,m]=(0,r.useState)(0),p=(0,r.useCallback)(()=>m(e=>e+1),[]);return(0,r.useEffect)(()=>{if(!e)return;let t=!1,r=function(){try{var e;let t=JSON.parse(null!==(e=window.localStorage.getItem(n))&&void 0!==e?e:"");if(!(null==t?void 0:t.value)||Date.now()-t.savedAt>864e5)return null;return t.value}catch(e){return null}}();return r&&a(r),i(!0),c(!1),(0,s.Zl)().then(e=>{if(!t)if(200===e.code&&e.data){a(e.data);var r=e.data;try{window.localStorage.setItem(n,JSON.stringify({savedAt:Date.now(),value:r}))}catch(e){}}else c(!0)}).catch(()=>{t||c(!0)}).finally(()=>{t||i(!1)}),()=>{t=!0}},[e,d]),{options:t,loading:l,error:o,reload:p}}},92751:(e,t,a)=>{"use strict";a.d(t,{default:()=>m});var r=a(92083),s=a(69400),n=a(71422),l=a(86545),i=a(83908),o=a(20846);let c=[{src:"/images/musegen/pc/hero/1.jpg",position:"left-[28.6%] top-[10.6%] -rotate-[19deg]"},{src:"/images/musegen/pc/hero/3.jpg",position:"left-[71.6%] top-[10.6%] rotate-[14deg]"},{src:"/images/musegen/pc/hero/5.jpg",position:"left-[1.8%] top-[61.2%] -rotate-[11deg]"},{src:"/images/musegen/pc/hero/2.jpg",position:"left-[98.4%] top-[61.2%] rotate-[17deg]"},{src:"/images/musegen/pc/hero/6.jpg",position:"left-[63.5%] top-[78.1%] -rotate-[24deg]"},{src:"/images/musegen/pc/hero/4.jpg",position:"left-[26.9%] top-[95%] rotate-[11deg]"}],d=["h-[44%] [animation-delay:-0.05s]","h-[72%] [animation-delay:-0.62s]","h-[34%] [animation-delay:-0.28s]","h-[62%] [animation-delay:-0.85s]","h-[80%] [animation-delay:-0.44s]","h-1/2 [animation-delay:-0.15s]","h-[68%] [animation-delay:-0.73s]","h-[40%] [animation-delay:-0.36s]"];function m(){let e=(0,l.c3)();return(0,r.jsxs)("section",{className:"relative mx-7 mt-2 grid min-h-[268px] w-[calc(100%-3.5rem)] aspect-[4.16/1] grid-cols-[minmax(0,1fr)] place-items-center overflow-hidden rounded-[14px] border border-white/[0.07] bg-[radial-gradient(95%_140%_at_50%_50%,rgba(53,222,123,0.40)_0%,rgba(53,222,123,0.16)_44%,rgba(53,222,123,0.03)_70%,transparent_84%),radial-gradient(130%_160%_at_50%_50%,#0f2c1b_0%,#0a1610_52%,#070e0a_100%)] px-10 py-6 text-center [container-type:inline-size]",children:[(0,r.jsx)("div",{className:"pointer-events-none absolute inset-0","aria-hidden":"true",children:c.map(t=>{let{src:a,position:n}=t;return(0,r.jsx)("span",{className:"absolute grid aspect-square w-[6.2%] -translate-x-1/2 -translate-y-1/2 place-items-center rounded-[22%] bg-white/[0.02] shadow-[0_8px_20px_rgba(0,0,0,0.5)] ".concat(n),children:(0,r.jsx)("span",{className:"relative h-[82%] w-[82%] overflow-hidden rounded-[50%_50%_12%_50%]",children:(0,r.jsx)(s.default,{src:a,alt:e("musegen.home.heroTileAlt"),fill:!0,sizes:"100px",className:"object-cover"})})},a)})}),(0,r.jsxs)("div",{className:"relative z-10 w-full min-w-0 max-w-[1400px]",children:[(0,r.jsxs)(i.N_,{href:"/ai-song-maker",title:e("musegen.home.heroBadgeTitle"),className:"group mx-auto mb-[clamp(16px,1.7cqw,28px)] inline-flex max-w-full items-center gap-[clamp(8px,0.8cqw,12px)] rounded-full border border-white/10 bg-black/25 py-[5px] pl-[5px] pr-[clamp(12px,1.1cqw,18px)] text-[clamp(11px,0.92cqw,15px)] leading-none backdrop-blur-sm transition-colors hover:border-white/20 hover:bg-black/40",children:[(0,r.jsx)("span",{className:"shrink-0 rounded-full bg-[linear-gradient(100deg,#A8EE4C,#35DE8E)] px-[0.7em] py-[0.32em] text-[0.82em] font-black uppercase tracking-wide text-pc-brand-on",children:"NEW"}),(0,r.jsx)("span",{className:"truncate font-bold text-white",children:e("musegen.home.heroBadgeTitle")}),(0,r.jsx)("span",{"aria-hidden":"true",className:"shrink-0 text-white/25",children:"\xb7"}),(0,r.jsx)("span",{className:"truncate text-white/60",children:e("musegen.home.heroBadgeDesc")}),(0,r.jsx)("span",{"aria-hidden":"true",className:"shrink-0 text-white/50 transition-transform group-hover:translate-x-0.5",children:"â"})]}),(0,r.jsxs)("h1",{className:"text-[clamp(40px,4.18cqw,76px)] font-black leading-[1.14] text-white",children:[e("musegen.home.heroLine1")," ",(0,r.jsx)("span",{className:"bg-[linear-gradient(100deg,#A8EE4C,#35DE8E)] bg-clip-text text-transparent",children:e("musegen.home.heroLine2Em")})," ",(0,r.jsx)("span",{className:"mt-[clamp(6px,0.9cqw,14px)] block text-[clamp(15px,1.55cqw,26px)] font-semibold text-white/70",children:e.rich("musegen.home.heroBrandLine",{brand:e=>(0,r.jsx)("span",{className:"bg-[linear-gradient(100deg,#A8EE4C,#35DE8E)] bg-clip-text font-bold text-transparent",children:e})})})]}),(0,r.jsx)("p",{className:"mx-auto mt-3 max-w-[1100px] text-xl leading-normal text-white",children:e("home.hero.subtitle")}),(0,r.jsxs)(i.N_,{href:"/ai-song-maker",title:e("create.form.htitle"),className:"relative mx-auto mt-11 flex h-[clamp(38px,2.86cqw,50px)] w-[clamp(180px,15.3cqw,268px)] items-center justify-center overflow-hidden rounded-full bg-[linear-gradient(100deg,#A8EE4C,#35DE8E)] px-6 text-[clamp(14px,1.05cqw,18px)] font-bold text-pc-brand-on shadow-[0_0_0_rgba(53,222,123,0)] transition-[transform,box-shadow] duration-100 hover:shadow-[0_0_24px_rgba(53,222,123,0.3)] active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-pc-brand focus-visible:ring-offset-2 focus-visible:ring-offset-pc-base",onClick:()=>(0,o.sx)("Pc_CreateNow"),children:[(0,r.jsx)("span",{className:"absolute inset-0 flex items-end justify-center gap-[3px]","aria-hidden":"true",children:Array.from({length:24},(e,t)=>(0,r.jsx)("span",{className:"w-[6px] origin-bottom animate-wf rounded-t-[1px] bg-pc-brand-on/[0.16] ".concat(d[t%d.length])},t))}),(0,r.jsxs)("span",{className:"relative z-10 inline-flex items-center gap-2",children:[(0,r.jsx)(n.A,{className:"h-[18px] w-[18px]","aria-hidden":"true"}),e("create.form.htitle")]})]})]})]})}}},e=>{var t=t=>e(e.s=t);e.O(0,[1536,6899,7289,2064,4126,8909,92,2942,9879,669,5269,1009,4136,7358],()=>t(47590)),_N_E=e.O()}]);
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.