{"id":7635,"date":"2026-05-18T17:50:42","date_gmt":"2026-05-18T09:50:42","guid":{"rendered":"https:\/\/imastudio.com\/?page_id=7635"},"modified":"2026-05-26T18:29:01","modified_gmt":"2026-05-26T10:29:01","slug":"home-3","status":"publish","type":"page","link":"https:\/\/imastudio.com\/zh_tw\/","title":{"rendered":"\u4e3b\u5834-2"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7635\" class=\"elementor elementor-7635\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c65a36 e-flex e-con-boxed e-con e-parent\" data-id=\"7c65a36\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0e39b4 elementor-widget elementor-widget-html\" data-id=\"a0e39b4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Set data-asset-base to the absolute URL of your uploaded \/assets folder before pasting into Elementor. -->\n<style>\n.elementor embed, .elementor iframe{\n    max-width:none;\n    width: auto;\n}\n\n\n\n  .ima-studio-embed {\n    --ima-cyan: #2cdff7;\n    --ima-bg: #000;\n    --ima-text: #f5f5f5;\n    --ima-muted: rgba(255,255,255,.62);\n    --ima-weak: rgba(255,255,255,.38);\n    --ima-card-1: rgba(255,255,255,.08);\n    --ima-card-2: rgba(255,255,255,.12);\n    --ima-card-3: rgba(255,255,255,.18);\n    --ima-line: rgba(255,255,255,.14);\n    width: 100vw;\n    max-width: 100vw;\n    margin: 0;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    color: var(--ima-text);\n    background: #000;\n    font-family: \"PingFang SC\", \"SF Pro SC\", \"SF Pro Text\", -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n    line-height: 1.4;\n    letter-spacing: normal;\n    text-transform: none;\n    isolation: isolate;\n    overflow-x: visible;\n  }\n\n  .ima-studio-embed,\n  .ima-studio-embed * {\n    box-sizing: border-box;\n  }\n\n  .ima-studio-embed .site,\n  .ima-studio-embed section,\n  .ima-studio-embed article,\n  .ima-studio-embed div,\n  .ima-studio-embed p,\n  .ima-studio-embed h1,\n  .ima-studio-embed h2,\n  .ima-studio-embed h3 {\n    margin: 0;\n  }\n\n  .ima-studio-embed a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .ima-studio-embed a:hover,\n  .ima-studio-embed a:focus {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .ima-studio-embed button {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    background: none;\n    color: inherit;\n    font: inherit;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .ima-studio-embed button:focus {\n    outline: none;\n  }\n\n  .ima-studio-embed img {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    border: 0;\n    box-shadow: none;\n  }\n\n  .ima-studio-embed .site {\n    overflow-x: visible;\n    background: #000;\n  }\n\n  .ima-studio-embed .button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    padding: 4px 16px;\n    border: 1px solid transparent;\n    border-radius: 24px;\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  .ima-studio-embed .button--outline {\n    border-color: rgba(44,223,247,.72);\n    color: var(--ima-cyan);\n    background: rgba(44,223,247,.1);\n  }\n\n  .ima-studio-embed .button--cyan {\n    min-width: 201px;\n    height: 52px;\n    border-radius: 42px;\n    background: var(--ima-cyan);\n    color: #071013;\n    font-size: 15px;\n  }\n\n  .ima-studio-embed .hero {\n    position: relative;\n    width: 100%;\n    min-height: min(975px, 100vh);\n    height: clamp(720px, 50.78125vw, 975px);\n    overflow: hidden;\n    isolation: isolate;\n    background: #000;\n  }\n\n  .ima-studio-embed .hero-stage {\n    position: absolute;\n    left: 50%;\n    top: 0;\n    width: 1920px;\n    height: 975px;\n    transform: translateX(-50%) scale(var(--hero-scale, 1));\n    transform-origin: top center;\n  }\n\n  .ima-studio-embed .hero-media-layer {\n    position: absolute;\n    left: 0;\n    top: -423px;\n    width: 1920px;\n    height: 1398px;\n    display: block;\n    user-select: none;\n    -webkit-user-drag: none;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .ima-studio-embed .hero-video {\n    position: absolute;\n    left: 1311px;\n    width: 468px;\n    height: 263px;\n    border: 0;\n    border-radius: 23.829px;\n    display: block;\n    object-fit: cover;\n    overflow: hidden;\n    pointer-events: none;\n    z-index: 1;\n    background: #111;\n  }\n\n  .ima-studio-embed .hero-video-top {\n    top: 270px;\n  }\n\n  .ima-studio-embed .hero-video-bottom {\n    top: 585px;\n  }\n\n  .ima-studio-embed .hero-flow {\n    position: absolute;\n    inset: 0;\n    width: 1920px;\n    height: 975px;\n    pointer-events: none;\n    overflow: visible;\n    z-index: 2;\n    mix-blend-mode: screen;\n  }\n\n  .ima-studio-embed .hero-flow path {\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    pathLength: 1000;\n  }\n\n  .ima-studio-embed .hero-flow-sweep {\n    stroke: rgba(255, 255, 255, 0.88);\n    stroke-width: 1.8;\n    stroke-dasharray: 96 1000;\n    animation: ima-hero-line-sweep 1.175s linear infinite;\n    filter: url(\"#imaHeroLineGlow\");\n  }\n\n  .ima-studio-embed .hero-flow-delay {\n    animation-delay: 0.42s;\n  }\n\n  @keyframes ima-hero-line-sweep {\n    0% { opacity: 0; stroke-dashoffset: 80; }\n    10% { opacity: 1; }\n    72% { opacity: 1; }\n    100% { opacity: 0; stroke-dashoffset: -1010; }\n  }\n\n  .ima-studio-embed .hero-headline {\n    position: absolute;\n    left: 664.5px;\n    top: 375px;\n    width: 591px;\n    margin: 0;\n    color: var(--ima-text);\n    text-align: center;\n    font-family: \"Galano Grotesque Alt DEMO\", \"SF Pro Display\", Inter, ui-sans-serif, system-ui, sans-serif;\n    font-size: 48px;\n    line-height: 1.08;\n    font-weight: 700;\n    letter-spacing: 0;\n    z-index: 2;\n  }\n\n  .ima-studio-embed .hero-subhead {\n    position: absolute;\n    left: 639px;\n    top: 537px;\n    width: 642px;\n    margin: 0;\n    color: rgba(255,255,255,.6);\n    text-align: center;\n    font-size: 17px;\n    line-height: 22px;\n    font-weight: 400;\n    letter-spacing: 0;\n    z-index: 2;\n  }\n\n  .ima-studio-embed .hero-actions {\n    position: absolute;\n    left: 834px;\n    top: 623px;\n    width: 252px;\n    z-index: 2;\n  }\n\n  .ima-studio-embed .hero-mobile {\n    display: none;\n  }\n\n  .ima-studio-embed .hero-mobile-title {\n    margin: 0;\n    font-family: \"Galano Grotesque Alt DEMO\", \"SF Pro Display\", Inter, ui-sans-serif, system-ui, sans-serif;\n    font-size: 42px;\n    line-height: 1.08;\n    font-weight: 700;\n    letter-spacing: 0;\n    color: var(--ima-text);\n  }\n\n  .ima-studio-embed .hero-mobile-subhead {\n    margin: 0;\n    color: rgba(255,255,255,.6);\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  .ima-studio-embed .hero-mobile-video {\n    width: 100%;\n    border: 0;\n    border-radius: 18px;\n    display: block;\n    background: #111;\n    object-fit: cover;\n    box-shadow: 0 24px 60px rgba(0,0,0,.32);\n  }\n\n  @media (max-width: 1919px) {\n    .ima-studio-embed .hero {\n      height: calc(975px * var(--hero-scale, 1));\n      min-height: calc(975px * var(--hero-scale, 1));\n    }\n  }\n\n  .ima-studio-embed h1,\n  .ima-studio-embed h2 {\n    font-family: \"Galano Grotesque Alt\", \"Arial Black\", system-ui, sans-serif;\n    font-weight: 800;\n    letter-spacing: -.04em;\n  }\n\n  .ima-studio-embed h1 {\n    font-size: 48px;\n    line-height: 1.16;\n  }\n\n  .ima-studio-embed h2 {\n    font-size: 36px;\n    line-height: 1.12;\n  }\n\n  .ima-studio-embed .hero__copy p {\n    color: var(--ima-muted);\n    font-size: 17px;\n    line-height: 22px;\n    margin-top: 18px;\n  }\n\n  .ima-studio-embed .hero__copy .button {\n    margin-top: 28px;\n  }\n\n  .ima-studio-embed .hero__link {\n    display: block;\n    margin-top: 18px;\n    color: var(--ima-muted);\n  }\n\n  .ima-studio-embed .hero__canvas {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .node-label {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--ima-muted);\n    font-size: 12px;\n  }\n\n  .ima-studio-embed .media-node,\n  .ima-studio-embed .generation-card,\n  .ima-studio-embed .prompt-card,\n  .ima-studio-embed .text-node {\n    position: absolute;\n    pointer-events: auto;\n  }\n\n  .ima-studio-embed .media-node img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border: 1px solid rgba(255,255,255,.24);\n    border-radius: 24px;\n  }\n\n  .ima-studio-embed .media-node--left {\n    top: 205px;\n    left: 7%;\n    width: 330px;\n  }\n\n  .ima-studio-embed .media-node--left img {\n    height: 198px;\n  }\n\n  .ima-studio-embed .generation-card {\n    top: 439px;\n    left: 4%;\n    width: 474px;\n    height: 280px;\n    padding: 16px;\n    border: 1px solid var(--ima-line);\n    border-radius: 24px;\n    background: rgba(31,31,31,.78);\n    backdrop-filter: blur(34px);\n    box-shadow: 0 24px 64px rgba(0,0,0,.32);\n  }\n\n  .ima-studio-embed .generation-card__toolbar,\n  .ima-studio-embed .generation-card__footer {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .ima-studio-embed .generation-card__toolbar span,\n  .ima-studio-embed .generation-card__footer span {\n    display: inline-flex;\n    align-items: center;\n    min-height: 32px;\n    padding: 4px 10px;\n    border-radius: 24px;\n    background: var(--ima-card-2);\n    font-size: 12px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n\n  .ima-studio-embed .generation-card__uploads {\n    display: flex;\n    gap: 8px;\n    margin-top: 12px;\n  }\n\n  .ima-studio-embed .generation-card__uploads img {\n    width: 104px;\n    height: 104px;\n    object-fit: cover;\n    border-radius: 8px;\n  }\n\n  .ima-studio-embed .generation-card p {\n    color: var(--ima-muted);\n    font-size: 15px;\n    line-height: 22px;\n  }\n\n  .ima-studio-embed .send {\n    width: 32px;\n    margin-left: auto;\n    justify-content: center;\n    background: var(--ima-cyan) !important;\n    color: #071013;\n  }\n\n  .ima-studio-embed .media-node--video {\n    top: 515px;\n    left: 50%;\n    width: 549px;\n    transform: translateX(-50%);\n  }\n\n  .ima-studio-embed .media-node--video img {\n    height: 309px;\n  }\n\n  .ima-studio-embed .prompt-card {\n    top: 797px;\n    left: 50%;\n    width: 452px;\n    height: 112px;\n    padding: 12px;\n    border: 1px solid var(--ima-card-2);\n    border-radius: 24px;\n    background: rgba(31,31,31,.72);\n    backdrop-filter: blur(34px);\n    transform: translateX(-50%);\n  }\n\n  .ima-studio-embed .prompt-card p {\n    color: rgba(255,255,255,.3);\n  }\n\n  .ima-studio-embed .prompt-card div {\n    position: absolute;\n    right: 12px;\n    bottom: 12px;\n    left: 12px;\n    display: flex;\n    gap: 8px;\n  }\n\n  .ima-studio-embed .prompt-card span {\n    min-height: 32px;\n    padding: 6px 12px;\n    border-radius: 24px;\n    background: var(--ima-card-2);\n    font-size: 12px;\n  }\n\n  .ima-studio-embed .text-node {\n    top: 184px;\n    right: 7%;\n    width: 414px;\n  }\n\n  .ima-studio-embed .text-node p {\n    height: 130px;\n    margin-top: 4px;\n    padding: 12px;\n    overflow: hidden;\n    border: 1px solid var(--ima-card-3);\n    border-radius: 24px;\n    background: rgba(45,45,45,.72);\n    color: var(--ima-muted);\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  .ima-studio-embed .media-node--right {\n    top: 362px;\n    right: 12%;\n    width: 330px;\n  }\n\n  .ima-studio-embed .media-node--right img {\n    height: 224px;\n  }\n\n  .ima-studio-embed .section {\n    padding: 86px 24px;\n    background: #000;\n  }\n\n  .ima-studio-embed .section__head,\n  .ima-studio-embed .metrics,\n  .ima-studio-embed .comparison,\n  .ima-studio-embed .process__grid,\n  .ima-studio-embed .asset-grid,\n  .ima-studio-embed .faq__list {\n    width: min(1280px, 100%);\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .ima-studio-embed .section__head p {\n    color: #7b7b7b;\n    font-size: 20px;\n    line-height: 27px;\n  }\n\n  .ima-studio-embed .value .section__head {\n    margin-bottom: 36px;\n  }\n\n  .ima-studio-embed .process .section__head {\n    margin-bottom: 56px;\n  }\n\n  .ima-studio-embed .metrics {\n    display: grid;\n    grid-template-columns: repeat(4,1fr);\n    gap: 24px;\n    min-height: 118px;\n    padding: 28px 36px;\n    border: 1px solid var(--ima-line);\n    border-radius: 24px;\n    background: rgba(238,238,238,.1);\n  }\n\n  .ima-studio-embed .metrics div {\n    display: grid;\n    grid-template-columns: 40px 1fr;\n    column-gap: 10px;\n    align-items: center;\n  }\n\n  .ima-studio-embed .metrics img {\n    grid-row: span 2;\n    width: 40px;\n    height: 40px;\n    padding: 12px;\n    border-radius: 50%;\n    background: var(--ima-card-2);\n  }\n\n  .ima-studio-embed .metrics strong {\n    font-size: 36px;\n    line-height: 1;\n  }\n\n  .ima-studio-embed .metrics span {\n    font-size: 12px;\n  }\n\n  .ima-studio-embed .comparison {\n    display: grid;\n    grid-template-columns: repeat(2,1fr);\n    gap: 12px;\n    margin-top: 12px;\n  }\n\n  .ima-studio-embed .comparison__panel {\n    padding: 36px;\n    overflow: hidden;\n    border: 1px solid var(--ima-line);\n    border-radius: 24px;\n    background: rgba(238,238,238,.1);\n  }\n\n  .ima-studio-embed .eyebrow {\n    color: rgba(238,238,238,.33);\n    font-size: 32px;\n  }\n\n  .ima-studio-embed .comparison h3 {\n    margin-bottom: 24px;\n    font-size: 48px;\n    line-height: 1.15;\n    font-weight: 500;\n    letter-spacing: -.04em;\n  }\n\n  .ima-studio-embed .comparison__logo {\n    width: 161px;\n    height: 30px;\n    margin-bottom: 10px;\n  }\n\n  .ima-studio-embed .cyan {\n    color: var(--ima-cyan);\n  }\n\n  .ima-studio-embed .rows {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .ima-studio-embed .rows div {\n    position: relative;\n    min-height: 90px;\n    padding: 16px 24px;\n    overflow: hidden;\n    border: 1px solid rgba(255,255,255,.04);\n    border-radius: 12px;\n    background: rgba(238,238,238,.1);\n  }\n\n  .ima-studio-embed .rows--cyan div {\n    background: rgba(44,223,247,.1);\n    color: var(--ima-cyan);\n  }\n\n  .ima-studio-embed .rows b,\n  .ima-studio-embed .rows span {\n    position: relative;\n    z-index: 2;\n    display: block;\n    max-width: 52%;\n  }\n\n  .ima-studio-embed .rows span {\n    margin-top: 4px;\n    color: var(--ima-muted);\n    font-size: 14px;\n  }\n\n  .ima-studio-embed .rows img {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    width: 260px;\n    height: 90px;\n    object-fit: contain;\n    object-position: right center;\n    opacity: .92;\n    transform: translateY(-50%);\n  }\n\n  .ima-studio-embed .asset-grid article {\n    padding: 36px;\n    overflow: hidden;\n    border: 1px solid var(--ima-line);\n    border-radius: 24px;\n    background: rgba(238,238,238,.1);\n  }\n\n  .ima-studio-embed .pfm-stack {\n    display: grid;\n    gap: 56px;\n  }\n\n  .ima-studio-embed .process .section__head,\n  .ima-studio-embed .process .pfm-stack {\n    width: min(1280px, 100%);\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .ima-studio-embed .assets .section__head {\n    margin-bottom: 36px;\n  }\n\n  .ima-studio-embed .pfm-row {\n    display: grid;\n    grid-template-columns: 508px 590px;\n    justify-content: space-between;\n    align-items: center;\n    min-height: 474px;\n    border-radius: 24px;\n  }\n\n  .ima-studio-embed .pfm-row.reverse {\n    grid-template-columns: 590px 508px;\n  }\n\n  .ima-studio-embed .pfm-row.reverse .pfm-visual {\n    order: 1;\n  }\n\n  .ima-studio-embed .pfm-row.reverse .pfm-copy {\n    order: 2;\n  }\n\n  .ima-studio-embed .pfm-copy {\n    display: grid;\n    gap: 18px;\n    width: 508px;\n  }\n\n  .ima-studio-embed .pfm-label-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .ima-studio-embed .pfm-index-dot {\n    display: grid;\n    place-items: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid rgba(44, 223, 247, 0.38);\n    border-radius: 14px;\n    background: rgba(44, 223, 247, 0.12);\n    color: var(--ima-cyan);\n    font-size: 11px;\n    line-height: 14px;\n    font-weight: 500;\n  }\n\n  .ima-studio-embed .pfm-eyebrow {\n    color: var(--ima-cyan);\n    font-size: 12px;\n    line-height: 18px;\n    font-weight: 500;\n    text-transform: uppercase;\n  }\n\n  .ima-studio-embed .pfm-copy h3 {\n    margin: 0;\n    color: #eeeeee;\n    font-size: 34px;\n    line-height: 42px;\n    font-weight: 650;\n    letter-spacing: 0;\n  }\n\n  .ima-studio-embed .pfm-body {\n    max-width: 492px;\n    margin: 0;\n    color: rgba(255, 255, 255, 0.62);\n    font-size: 15px;\n    line-height: 22px;\n  }\n\n  .ima-studio-embed .pfm-bullets {\n    display: grid;\n    gap: 7px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .ima-studio-embed .pfm-bullets li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .ima-studio-embed .pfm-bullets li::before {\n    content: \"\";\n    width: 5px;\n    height: 5px;\n    flex: 0 0 auto;\n    border-radius: 3px;\n    background: rgba(44, 223, 247, 0.85);\n  }\n\n  .ima-studio-embed .process__cta {\n    display: inline-flex;\n    width: fit-content;\n    align-items: center;\n    justify-content: center;\n    min-height: 46px;\n    margin-top: 24px;\n    padding: 10px 18px;\n    border: 1px solid rgba(44,223,247,.72);\n    border-radius: 999px;\n    background: rgba(44,223,247,.14);\n    color: #fcfcfc;\n    font-size: 13px;\n    line-height: 18px;\n    font-weight: 600;\n    text-decoration: none;\n    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 12px 24px rgba(0,0,0,.24);\n  }\n\n  .ima-studio-embed .pfm-visual {\n    position: relative;\n    width: 590px;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 20px;\n    background: #000;\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.48);\n  }\n\n  .ima-studio-embed .pfm-media-fill {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    display: block;\n    background: #000;\n  }\n\n  .ima-studio-embed .pfm-media-fill.video {\n    object-fit: cover;\n  }\n\n  .ima-studio-embed .pfm-media-embed {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 800px;\n    height: 600px;\n    transform: translate(-50%, -50%) scale(calc(590 \/ 800));\n    transform-origin: center;\n    border: 0;\n    background: #000;\n  }\n\n  .ima-studio-embed .pfm-media-embed.pfm-wide-source {\n    width: 801px;\n    transform: translate(-50%, -50%) scale(calc(590 \/ 801));\n  }\n\n  .ima-studio-embed .pfm-inline-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .ima-studio-embed .visual-panel {\n    position: relative;\n    min-height: 560px;\n  }\n\n  .ima-studio-embed .mock-canvas {\n    position: absolute;\n    inset: 0;\n    padding: 44px;\n    overflow: hidden;\n    border-radius: 28px;\n    background: rgba(14, 14, 14, 0.88);\n    border: 1px solid rgba(255,255,255,0.12);\n    box-shadow: 0 30px 90px rgba(0,0,0,0.55);\n    opacity: 0;\n    transform: translateY(26px) scale(0.98);\n    transition: opacity 0.45s ease, transform 0.45s ease;\n  }\n\n  .ima-studio-embed .mock-canvas.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n\n  .ima-studio-embed .dot-grid {\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(rgba(255,255,255,0.25) 1px, transparent 1px);\n    background-size: 18px 18px;\n    opacity: 0.35;\n  }\n\n  .ima-studio-embed .asset-card {\n    position: absolute;\n    border-radius: 18px;\n    overflow: hidden;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.14);\n    box-shadow: 0 18px 50px rgba(0,0,0,0.35);\n  }\n\n  .ima-studio-embed .asset-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .ima-studio-embed .card-1 { width: 46%; height: 32%; left: 10%; top: 12%; }\n  .ima-studio-embed .card-2 { width: 44%; height: 34%; left: 18%; top: 48%; }\n  .ima-studio-embed .card-3 { width: 48%; height: 40%; right: 8%; top: 31%; }\n\n  .ima-studio-embed .canvas-label {\n    position: absolute;\n    top: 28px;\n    left: 36px;\n    color: rgba(255,255,255,0.55);\n    font-size: 14px;\n  }\n\n  .ima-studio-embed .description {\n    position: absolute;\n    left: 0;\n    bottom: -115px;\n    color: #fff;\n    max-width: 640px;\n    font-size: 24px;\n    line-height: 1.35;\n  }\n\n  .ima-studio-embed .cta-button {\n    display: inline-flex;\n    margin-top: 24px;\n    padding: 12px 22px;\n    border-radius: 999px;\n    border: 1px solid rgba(106, 255, 140, 0.7);\n    color: #6aff8c;\n    font-size: 14px;\n    text-decoration: none;\n    background: rgba(106, 255, 140, 0.06);\n  }\n\n  .ima-studio-embed .asset-grid {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 20px;\n  }\n\n  .ima-studio-embed .asset-grid article {\n    padding: 16px;\n    transition: border-color .16s ease, background .16s ease;\n  }\n\n  .ima-studio-embed .asset-grid article:hover {\n    border-color: var(--ima-card-1);\n    background: var(--ima-card-3);\n  }\n\n  .ima-studio-embed .asset-grid img {\n    width: 100%;\n    aspect-ratio: 1.35;\n    object-fit: cover;\n    border-radius: 10px;\n  }\n\n  .ima-studio-embed .asset-grid h3 {\n    margin: 18px 0 6px;\n    font-size: 22px;\n  }\n\n  .ima-studio-embed .asset-grid p {\n    color: var(--ima-muted);\n    line-height: 20px;\n  }\n\n  .ima-studio-embed .asset-card-link {\n    display: block;\n    height: 100%;\n  }\n\n  .ima-studio-embed .models-section {\n    padding: 112px 24px 96px;\n    background: #000;\n  }\n\n  .ima-studio-embed .models-section .section__head {\n    width: min(1280px, 100%);\n    margin: 0 auto 44px;\n  }\n\n  .ima-studio-embed .models-wrap {\n    width: min(1280px, 100%);\n    margin: 0 auto;\n    position: relative;\n    height: calc(min(1280px, 100vw - 48px) * 842 \/ 1280);\n    min-height: 720px;\n    overflow: hidden;\n    background: #000;\n  }\n\n  .ima-studio-embed .models-canvas {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 1280px;\n    height: 842px;\n    transform-origin: top left;\n  }\n\n  .ima-studio-embed .models-card {\n    position: absolute;\n    display: block;\n    overflow: hidden;\n    border-radius: 24px;\n    background: #000;\n    isolation: isolate;\n  }\n\n  .ima-studio-embed .models-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 1.5px #000;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .models-card-bg,\n  .ima-studio-embed .models-card-overlay,\n  .ima-studio-embed .models-card-gradient {\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .models-card-bg {\n    z-index: 0;\n    overflow: hidden;\n  }\n\n  .ima-studio-embed .models-card-bg img,\n  .ima-studio-embed .models-card-overlay img,\n  .ima-studio-embed .models-brand-logo,\n  .ima-studio-embed .models-runway-logo img {\n    position: absolute;\n    display: block;\n    max-width: none;\n    border-radius: 0;\n    transform: none;\n  }\n\n  .ima-studio-embed .models-card-overlay {\n    z-index: 1;\n  }\n\n  .ima-studio-embed .models-card-gradient {\n    z-index: 2;\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.7) 100%);\n    mix-blend-mode: luminosity;\n  }\n\n  .ima-studio-embed .models-brand-logo {\n    z-index: 4;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .models-text,\n  .ima-studio-embed .models-list,\n  .ima-studio-embed .models-entry {\n    position: absolute;\n    z-index: 5;\n    color: #eee;\n  }\n\n  .ima-studio-embed .models-title,\n  .ima-studio-embed .models-desc {\n    display: block;\n    width: max-content;\n    max-width: 100%;\n    margin: 0;\n    white-space: nowrap;\n    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);\n  }\n\n  .ima-studio-embed .models-title-link {\n    display: inline-block;\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .ima-studio-embed .models-title {\n    color: #eee;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 20px;\n  }\n\n  .ima-studio-embed .models-desc {\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 17px;\n    margin-top: 3px;\n  }\n\n  .ima-studio-embed .models-google { left: 0; top: 0; width: 910px; height: 270px; }\n  .ima-studio-embed .models-google .models-card-bg img { left: 0; top: 0; width: 910px; height: 270px; }\n  .ima-studio-embed .models-google-logo { left: 24px; top: 24px; width: 108.96px; height: 36px; }\n  .ima-studio-embed .models-google-models { left: 24px; top: 158.75px; width: 861.7px; height: 87.25px; }\n  .ima-studio-embed .models-google-models .models-entry { width: 276.56px; height: 35.63px; }\n  .ima-studio-embed .models-g1 { left: 0; top: 0; }\n  .ima-studio-embed .models-g2 { left: 292.56px; top: 0; }\n  .ima-studio-embed .models-g3 { left: 585.13px; top: 0; }\n  .ima-studio-embed .models-g4 { left: 0; top: 51.62px; }\n\n  .ima-studio-embed .models-runway { left: 926px; top: 0; width: 354px; height: 556px; }\n  .ima-studio-embed .models-runway .models-card-bg img { top: 0; left: -317px; width: 988px; height: 556px; }\n  .ima-studio-embed .models-runway .models-card-overlay img { top: 0; left: -0.7px; width: 353.94px; height: 612px; }\n  .ima-studio-embed .models-runway-logo {\n    position: absolute;\n    left: 24px;\n    top: 24px;\n    z-index: 4;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    height: 30px;\n    pointer-events: none;\n  }\n  .ima-studio-embed .models-runway-mark {\n    width: 29.4px;\n    height: 29.4px;\n    flex: 0 0 auto;\n    overflow: hidden;\n    border-radius: 5px;\n    background: #fff;\n  }\n  .ima-studio-embed .models-runway-mark img { position: static; width: auto; height: 29.4px; }\n  .ima-studio-embed .models-runway-logo > img { position: static; width: 114.9px; height: 16.85px; }\n  .ima-studio-embed .models-runway-text { left: 24px; bottom: 24px; width: 306.28px; }\n\n  .ima-studio-embed .models-wan { left: 0; top: 286px; width: 354px; height: 270px; }\n  .ima-studio-embed .models-wan .models-card-bg img { left: 0; top: 0; width: 354px; height: 270px; }\n  .ima-studio-embed .models-wan .models-card-overlay img { left: 0; top: 1px; width: 357.79px; height: 317px; }\n  .ima-studio-embed .models-wan-logo { left: 24px; top: 24px; width: 102.83px; height: 30px; }\n  .ima-studio-embed .models-wan-text,\n  .ima-studio-embed .models-kling-text,\n  .ima-studio-embed .models-hailuo-text { left: 24px; top: 209px; width: 306.28px; }\n\n  .ima-studio-embed .models-openai { left: 370px; top: 286px; width: 540px; height: 270px; }\n  .ima-studio-embed .models-openai .models-card-bg img { left: 0; top: 0; width: 540px; height: 270px; }\n  .ima-studio-embed .models-openai .models-card-overlay img { left: -97.28px; top: -82px; width: 733px; height: 393px; }\n  .ima-studio-embed .models-openai-logo { left: 24px; top: 24px; width: 104.13px; height: 28px; }\n  .ima-studio-embed .models-openai-list { left: 24px; top: 106.56px; display: flex; flex-direction: column; gap: 15.99px; width: 491.42px; }\n\n  .ima-studio-embed .models-seed { left: 0; top: 572px; width: 540px; height: 270px; }\n  .ima-studio-embed .models-seed .models-card-bg img { left: 0; top: 0; width: 540px; height: 270px; }\n  .ima-studio-embed .models-seed .models-card-overlay img { left: 0; top: -54px; width: 548px; height: 411px; }\n  .ima-studio-embed .models-seed-logo { left: 24px; top: 24px; width: 263.88px; height: 28px; }\n  .ima-studio-embed .models-seed-entry-1 { left: 24px; top: 157.39px; width: 491.42px; }\n  .ima-studio-embed .models-seed-entry-2 { left: 24px; top: 209.37px; width: 491.42px; }\n\n  .ima-studio-embed .models-kling { left: 556px; top: 572px; width: 354px; height: 270px; }\n  .ima-studio-embed .models-kling .models-card-bg img { left: 0; top: 0; width: 354px; height: 270px; }\n  .ima-studio-embed .models-kling-logo { left: 24px; top: 24px; width: 111.55px; height: 30px; }\n\n  .ima-studio-embed .models-hailuo { left: 926px; top: 572px; width: 354px; height: 270px; }\n  .ima-studio-embed .models-hailuo .models-card-bg img { left: 0; top: 0; width: 354px; height: 270px; }\n  .ima-studio-embed .models-hailuo-logo { left: 24px; top: 24px; width: 127.39px; height: 30px; }\n\n  @media (max-width: 900px) {\n    .ima-studio-embed .models-section {\n      padding: 72px 16px;\n    }\n\n    .ima-studio-embed .models-wrap {\n      width: 100%;\n      min-height: 540px;\n      height: calc((100vw - 32px) * 842 \/ 1280);\n    }\n  }\n\n  .ima-studio-embed .faq {\n    min-height: 720px;\n  }\n\n  .ima-studio-embed .faq h2 {\n    width: min(1280px,100%);\n    margin: 0 auto 28px;\n  }\n\n  .ima-studio-embed .faq__list article {\n    border-bottom: .663px solid rgba(255,255,255,.28);\n  }\n\n  .ima-studio-embed .faq__list button {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    width: 100%;\n    padding: 18px 0;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  .ima-studio-embed .faq__list button span {\n    display: grid;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--ima-card-2);\n    place-items: center;\n  }\n\n  .ima-studio-embed .faq__list p {\n    display: none;\n    margin: -4px 56px 20px 0;\n    color: var(--ima-muted);\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .ima-studio-embed .faq__list article.is-open p {\n    display: block;\n  }\n\n  @media (max-width: 900px) {\n    .ima-studio-embed .hero {\n      min-height: 0;\n      height: auto;\n      padding: 72px 0 56px;\n      overflow: hidden;\n    }\n\n    .ima-studio-embed .hero-stage {\n      display: none;\n    }\n\n    .ima-studio-embed .hero-mobile {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      width: min(640px, calc(100vw - 32px));\n      margin: 0 auto;\n      padding: 0 16px;\n    }\n\n    .ima-studio-embed .hero-mobile-title {\n      font-size: 38px;\n      line-height: 1.08;\n    }\n\n    .ima-studio-embed .hero-mobile-subhead {\n      font-size: 15px;\n      line-height: 22px;\n    }\n\n    .ima-studio-embed .hero-mobile .button {\n      min-width: 184px;\n      height: 44px;\n    }\n\n    .ima-studio-embed .metrics,\n    .ima-studio-embed .comparison,\n    .ima-studio-embed .asset-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .ima-studio-embed .process__row,\n    .ima-studio-embed .process__row--reverse {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n\n    .ima-studio-embed .process__row--reverse .process__copy,\n    .ima-studio-embed .process__row--reverse .process__media {\n      order: initial;\n    }\n\n    .ima-studio-embed .process__copy h3 {\n      font-size: 30px;\n    }\n\n    .ima-studio-embed .process__copy p {\n      font-size: 16px;\n    }\n\n    .ima-studio-embed .process__cta {\n      min-height: 40px;\n      margin-top: 20px;\n      padding: 8px 16px;\n      font-size: 12px;\n    }\n\n    .ima-studio-embed .pfm-stack {\n      gap: 32px;\n    }\n\n    .ima-studio-embed .pfm-row,\n    .ima-studio-embed .pfm-row.reverse {\n      grid-template-columns: 1fr;\n      gap: 24px;\n      min-height: auto;\n    }\n\n    .ima-studio-embed .pfm-row.reverse .pfm-visual,\n    .ima-studio-embed .pfm-row.reverse .pfm-copy {\n      order: initial;\n    }\n\n    .ima-studio-embed .pfm-copy,\n    .ima-studio-embed .pfm-visual {\n      width: min(590px, 100%);\n    }\n\n    .ima-studio-embed .pfm-copy {\n      gap: 16px;\n    }\n\n    .ima-studio-embed .pfm-copy h3 {\n      font-size: 30px;\n      line-height: 38px;\n    }\n\n    .ima-studio-embed .pfm-body {\n      font-size: 14px;\n      line-height: 21px;\n    }\n\n    .ima-studio-embed .pfm-bullets {\n      font-size: 13px;\n      line-height: 19px;\n    }\n\n    .ima-studio-embed .pfm-visual {\n      margin: 0 auto;\n    }\n\n    .ima-studio-embed .pfm-media-embed {\n      transform: translate(-50%, -50%) scale(calc((100vw - 48px) \/ 800));\n    }\n\n    .ima-studio-embed .pfm-media-embed.pfm-wide-source {\n      transform: translate(-50%, -50%) scale(calc((100vw - 48px) \/ 801));\n    }\n\n    .ima-studio-embed .workflow {\n      height: auto;\n    }\n\n    .ima-studio-embed .workflow__pin {\n      position: relative;\n      height: auto;\n      min-height: auto;\n      padding: 80px 24px;\n    }\n\n    .ima-studio-embed .workflow__stage {\n      grid-template-columns: 1fr;\n      width: min(1400px, 100%);\n    }\n\n    .ima-studio-embed .workflow__preview {\n      margin-top: 32px;\n      min-height: 0;\n    }\n\n    .ima-studio-embed .workflow__slides {\n      min-height: 0;\n    }\n\n    .ima-studio-embed .workflow-slide {\n      position: relative;\n      inset: auto;\n      display: none;\n      opacity: 1;\n      pointer-events: auto;\n      transform: none;\n    }\n\n    .ima-studio-embed .workflow-slide.is-active {\n      display: flex;\n    }\n\n    .ima-studio-embed .workflow__tabs button {\n      font-size: 42px;\n    }\n\n    .ima-studio-embed .workflow__canvas {\n      min-height: 460px;\n    }\n  }\n\n  .ima-studio-embed .ima11-workflow-scroll-section {\n    position: relative;\n    height: 420vh;\n    background: #050505;\n  }\n\n  .ima-studio-embed .ima11-workflow-sticky {\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 7vw;\n  }\n\n  .ima-studio-embed .ima11-workflow-bg {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: .7;\n    filter: blur(10px) saturate(1.08);\n    transition: opacity .42s ease, filter .42s ease;\n  }\n\n  .ima-studio-embed .ima11-workflow-bg-video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0;\n    filter: none;\n    transition: opacity .42s ease;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .ima11-workflow-bg-video.active {\n    opacity: .7;\n  }\n\n  .ima-studio-embed .ima11-workflow-sticky::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: rgba(0,0,0,.45);\n    backdrop-filter: blur(2px);\n  }\n\n  .ima-studio-embed .ima11-workflow-scroll-section.is-video-mode .ima11-workflow-sticky::after {\n    background: rgba(0,0,0,.5);\n    backdrop-filter: none;\n  }\n\n  .ima-studio-embed .ima11-workflow-inner {\n    position: relative;\n    z-index: 2;\n    width: min(1280px, 100%);\n    display: grid;\n    grid-template-columns: 500px minmax(0, 1fr);\n    gap: 96px;\n    align-items: center;\n  }\n\n  .ima-studio-embed .ima11-eyebrow {\n    margin: 0;\n    font-family: \"Galano Grotesque Alt\", \"Arial Black\", system-ui, sans-serif;\n    font-size: 42px;\n    line-height: 1.08;\n    letter-spacing: -.04em;\n    color: #fff;\n    font-weight: 800;\n    max-width: 500px;\n  }\n\n  .ima-studio-embed .ima11-subtext {\n    margin: 14px 0 0;\n    color: var(--ima-muted);\n    font-size: 15px;\n    line-height: 1.5;\n    max-width: 470px;\n    padding: 0;\n  }\n\n  .ima-studio-embed .ima11-workflow-tags {\n    display: flex;\n    flex-direction: column;\n    gap: 26px;\n    margin-top: 54px;\n  }\n\n  .ima-studio-embed .ima11-workflow-tag {\n    border: 0;\n    background: none;\n    padding: 0;\n    text-align: left;\n    cursor: pointer;\n    font: inherit;\n    font-size: 48px;\n    line-height: 1;\n    font-weight: 500;\n    color: rgba(255,255,255,.30);\n    transition: color .35s ease, opacity .35s ease;\n    letter-spacing: -.04em;\n  }\n\n  .ima-studio-embed .ima11-workflow-tag.active {\n    color: #fff;\n    opacity: 1;\n  }\n\n  .ima-studio-embed .ima11-tvc-canvas {\n    background: rgba(10, 10, 10, 0.88);\n  }\n\n  .ima-studio-embed .ima11-video-canvas {\n    background: rgba(10, 10, 10, 0.88);\n  }\n\n  .ima-studio-embed .ima11-video-canvas--luxury {\n    padding: 20px !important;\n  }\n\n  .ima-studio-embed .ima11-tvc-video,\n  .ima-studio-embed .ima11-ugc-video,\n  .ima-studio-embed .ima11-product-demo-video,\n  .ima-studio-embed .ima11-product-ad-video {\n    width: 100%;\n    height: 100%;\n    border-radius: 20px;\n    object-fit: cover;\n    box-shadow: 0 24px 64px rgba(0,0,0,.42);\n  }\n\n  .ima-studio-embed .ima11-visual-panel {\n    position: relative;\n    width: min(100%, 760px);\n    aspect-ratio: 4 \/ 3;\n    min-height: 0;\n    margin-top: 56px;\n  }\n\n  .ima-studio-embed .ima11-mock-canvas {\n    position: absolute;\n    inset: 0;\n    border-radius: 28px;\n    background: rgba(14, 14, 14, 0.88);\n    border: 1px solid rgba(255,255,255,0.12);\n    box-shadow: 0 30px 90px rgba(0,0,0,0.55);\n    padding: 0;\n    opacity: 0;\n    transform: translateY(26px) scale(0.98);\n    transition: opacity 0.45s ease, transform 0.45s ease;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .ima11-mock-canvas.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    pointer-events: auto;\n  }\n\n  .ima-studio-embed .ima11-dot-grid {\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(rgba(255,255,255,0.25) 1px, transparent 1px);\n    background-size: 18px 18px;\n    opacity: 0.35;\n  }\n\n  .ima-studio-embed .ima11-asset-card {\n    position: absolute;\n    border-radius: 18px;\n    overflow: hidden;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.14);\n    box-shadow: 0 18px 50px rgba(0,0,0,0.35);\n  }\n\n  .ima-studio-embed .ima11-asset-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .ima-studio-embed .ima11-card-1 { width: 46%; height: 32%; left: 10%; top: 12%; }\n  .ima-studio-embed .ima11-card-2 { width: 44%; height: 34%; left: 18%; top: 48%; }\n  .ima-studio-embed .ima11-card-3 { width: 48%; height: 40%; right: 8%; top: 31%; }\n\n  @media (max-width: 900px) {\n    .ima-studio-embed .ima11-workflow-scroll-section {\n      height: auto;\n    }\n\n    .ima-studio-embed .ima11-workflow-sticky {\n      position: relative;\n      height: auto;\n      padding: 80px 24px;\n    }\n\n    .ima-studio-embed .ima11-workflow-inner {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n\n    .ima-studio-embed .ima11-workflow-tags {\n      gap: 14px;\n      margin-top: 24px;\n    }\n\n    .ima-studio-embed .ima11-workflow-tag {\n      font-size: 30px;\n      line-height: 1.02;\n    }\n\n    .ima-studio-embed .ima11-visual-panel {\n      width: 100%;\n      aspect-ratio: 16 \/ 12;\n      min-height: 0;\n      margin-top: 8px;\n    }\n\n    .ima-studio-embed .ima11-mock-canvas {\n      position: absolute;\n      display: none;\n    }\n\n    .ima-studio-embed .ima11-mock-canvas.active {\n      display: block;\n    }\n\n    .ima-studio-embed .ima11-subtext {\n      margin: 16px 0 0;\n      padding: 0;\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .ima-studio-embed {\n      font-size: 14px;\n    }\n\n    .ima-studio-embed h2 {\n      font-size: 28px;\n      line-height: 1.12;\n    }\n\n    .ima-studio-embed .hero {\n      padding: 64px 0 44px;\n    }\n\n    .ima-studio-embed .hero-mobile {\n      width: calc(100vw - 32px);\n      gap: 18px;\n      padding: 0;\n    }\n\n    .ima-studio-embed .hero-mobile-title {\n      font-size: 30px;\n    }\n\n    .ima-studio-embed .hero-mobile-subhead {\n      font-size: 14px;\n      line-height: 20px;\n    }\n\n    .ima-studio-embed .hero-mobile .button {\n      min-width: 170px;\n      height: 42px;\n      font-size: 14px;\n    }\n\n    .ima-studio-embed .section__head p {\n      font-size: 15px;\n      line-height: 22px;\n    }\n\n    .ima-studio-embed .metrics strong {\n      font-size: 28px;\n    }\n\n    .ima-studio-embed .metrics span {\n      font-size: 11px;\n      line-height: 15px;\n    }\n\n    .ima-studio-embed .comparison h3 {\n      font-size: 18px;\n      line-height: 1.08;\n    }\n\n    .ima-studio-embed .button--cyan {\n      min-width: 170px;\n      height: 42px;\n      font-size: 14px;\n    }\n\n    .ima-studio-embed .metrics {\n      grid-template-columns: 1fr;\n      gap: 12px;\n      padding: 18px;\n    }\n\n    .ima-studio-embed .metrics div {\n      align-items: start;\n    }\n\n    .ima-studio-embed .comparison {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .ima-studio-embed .comparison__panel {\n      display: block;\n      padding: 14px;\n      border-radius: 18px;\n    }\n\n    .ima-studio-embed .comparison h3 {\n      margin: 0 0 12px;\n      font-size: 24px;\n      line-height: 1.08;\n    }\n\n    .ima-studio-embed .comparison__logo {\n      width: 96px;\n      height: auto;\n      margin-bottom: 5px;\n    }\n\n    .ima-studio-embed .eyebrow {\n      font-size: 16px;\n    }\n\n    .ima-studio-embed .rows {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .ima-studio-embed .rows div {\n      min-height: 0;\n      padding: 9px 10px;\n      border-radius: 10px;\n    }\n\n    .ima-studio-embed .rows img {\n      display: none;\n    }\n\n    .ima-studio-embed .rows b,\n    .ima-studio-embed .rows span {\n      max-width: none;\n    }\n\n    .ima-studio-embed .rows b {\n      font-size: 13px;\n      line-height: 16px;\n    }\n\n    .ima-studio-embed .rows span {\n      margin-top: 2px;\n      font-size: 11px;\n      line-height: 15px;\n    }\n\n    .ima-studio-embed .process__grid h3 {\n      font-size: 34px;\n    }\n\n  }\n<\/style>\n\n<div class=\"ima-studio-embed\" data-ima-embed data-asset-base=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\">\n  <div class=\"site\">\n    <section class=\"hero\">\n      <div class=\"hero-stage\" aria-label=\"Ima \u7522\u54c1\u8f38\u5165\u5230 Campaign Ready Assets Hero\">\n        <img decoding=\"async\" class=\"hero-media-layer\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/media-layer-raw.png\" alt=\"\">\n\n        <video class=\"hero-video hero-video-top\" src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779436710701_1961611281289533441_3070ba2bb4d64d7ca7fed045a30a99e8.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\n        <video class=\"hero-video hero-video-bottom\" src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779436585655_1961611281289533441_7d723c3f98344ee2a237eab52152f44f.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\n\n        <svg class=\"hero-flow\" viewbox=\"0 0 1920 975\" aria-hidden=\"true\">\n          <defs>\n            <filter id=\"imaHeroLineGlow\" x=\"-10%\" y=\"-60%\" width=\"120%\" height=\"220%\">\n              <fegaussianblur stddeviation=\"0.45\" result=\"blur\"><\/fegaussianblur>\n              <femerge>\n                <femergenode in=\"blur\"><\/femergenode>\n                <femergenode in=\"SourceGraphic\"><\/femergenode>\n              <\/femerge>\n            <\/filter>\n          <\/defs>\n\n          <path class=\"hero-flow-sweep\" pathlength=\"1000\" d=\"M 550 309 C 652.86681365966797 309 1217.490966796875 596 1313.5 596\"><\/path>\n          <path class=\"hero-flow-sweep hero-flow-delay\" pathlength=\"1000\" d=\"M 544.5 730 C 673.6918792724609 730 1182.0801391601562 520.5 1320.5 520.5\"><\/path>\n        <\/svg>\n\n        <h1 class=\"hero-headline\">\u5f9e\u7522\u54c1\u8f38\u5165\u5230\u53ef\u7528\u65bc\u884c\u92b7\u6d3b\u52d5\u7684\u7d20\u6750<\/h1>\n        <p class=\"hero-subhead\">\u5728\u4e00\u500b\u4e92\u806f\u7684\u5de5\u4f5c\u6d41\u7a0b\u4e2d\uff0c\u5c07\u7522\u54c1\u9023\u7d50\u3001\u6d3b\u52d5\u7c21\u5831\u548c SKU \u8a73\u60c5\u8f49\u63db\u70ba\u96fb\u5b50\u5546\u52d9\u5716\u7247\u3001\u5f71\u7247\u548c\u53ef\u76f4\u63a5\u7528\u65bc\u7522\u54c1\u767c\u5e03\u7684\u884c\u92b7\u7d20\u6750\u3002.<\/p>\n\n        <div class=\"hero-actions\">\n          <a class=\"button button--cyan\" href=\"\/community\">\u514d\u8cbb\u958b\u59cb<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-mobile\">\n        <h1 class=\"hero-mobile-title\">\u5f9e\u7522\u54c1\u8f38\u5165\u5230\u53ef\u7528\u65bc\u884c\u92b7\u6d3b\u52d5\u7684\u7d20\u6750<\/h1>\n        <p class=\"hero-mobile-subhead\">\u5728\u4e00\u500b\u4e92\u806f\u7684\u5de5\u4f5c\u6d41\u7a0b\u4e2d\uff0c\u5c07\u7522\u54c1\u9023\u7d50\u3001\u6d3b\u52d5\u7c21\u5831\u548c SKU \u8a73\u60c5\u8f49\u63db\u70ba\u96fb\u5b50\u5546\u52d9\u5716\u7247\u3001\u5f71\u7247\u548c\u53ef\u76f4\u63a5\u7528\u65bc\u7522\u54c1\u767c\u5e03\u7684\u884c\u92b7\u7d20\u6750\u3002.<\/p>\n        <video class=\"hero-mobile-video\" src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/23\/1779466213026_1961611281289533441_d42e793defcb4f45bf1bb157d1029e5b.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\n        <a class=\"button button--cyan\" href=\"\/community\">\u514d\u8cbb\u958b\u59cb<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"value section\">\n      <div class=\"section__head\">\n        <h2>\u5718\u968a\u898f\u6a21\u66f4\u5c0f\uff0c\u5275\u610f\u7522\u51fa\u66f4\u9ad8\u3002.<\/h2>\n        <p>Ima Studio \u5354\u52a9\u96fb\u5b50\u5546\u52d9\u5718\u968a\u5f9e\u901f\u5ea6\u8f03\u6162\u3001\u5206\u6563\u7684\u751f\u7522\u6a21\u5f0f\u8f49\u8b8a\u70ba\u53ef\u91cd\u8907\u7684 AI \u5de5\u4f5c\u6d41\u7a0b\uff0c\u5f9e\u800c\u52a0\u5feb\u884c\u92b7\u6d3b\u52d5\u901f\u5ea6\u4e26\u5be6\u73fe\u66f4\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5275\u610f\u65b9\u5411\u3002.<\/p>\n      <\/div>\n      <div class=\"metrics\">\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>70+<\/strong><span>\u53c3\u8207\u4eba\u6578\u8f03\u5c11<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>3\u20135\u500d<\/strong><span>\u66f4\u5feb\u7684\u555f\u52d5\u6642\u9593<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>3\u20136\u500d<\/strong><span>\u66f4\u591a\u8cc7\u7522\u7522\u51fa<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>30\u201360%<\/strong><span>\u964d\u4f4e\u5167\u5bb9\u6210\u672c<\/span><\/div>\n      <\/div>\n      <div class=\"comparison\">\n        <article class=\"comparison__panel\">\n          <p class=\"eyebrow\">\u524d<\/p>\n          <h3>\u50b3\u7d71\u751f\u7522<\/h3>\n          <div class=\"rows\">\n            <div><b>4-5\u4eba<\/b><span>\u5927\u578b\u5718\u968a\u548c\u4ea4\u63a5<\/span><img data-asset=\"business-value\/team-4.webp\" alt=\"\"><\/div>\n            <div><b>\u5f71\u68da\u62cd\u651d<\/b><span>\u6602\u8cb4\u7684\u62cd\u651d\u548c\u8a2d\u5099<\/span><img data-asset=\"business-value\/makeup.webp\" alt=\"\"><\/div>\n            <div><b>3-5\u5929<\/b><span>\u5f9e\u7c21\u5831\u5230\u6700\u7d42\u8cc7\u7522<\/span><img data-asset=\"business-value\/calendar-papers.webp\" alt=\"\"><\/div>\n            <div><b>\u591a\u8f2a<\/b><span>\u4fee\u6539\u8207\u53cd\u8986<\/span><img data-asset=\"business-value\/paper-stack.webp\" alt=\"\"><\/div>\n            <div><b>\u908a\u969b\u6210\u672c\u9ad8<\/b><span>\u55ae\u9805\u8cc7\u7522\u6210\u672c\u6301\u7e8c\u4e0a\u5347<\/span><img data-asset=\"business-value\/wallet.webp\" alt=\"\"><\/div>\n            <div><b>\u6709\u9650\u7684\u8b8a\u9ad4<\/b><span>\u96e3\u4ee5\u64f4\u5c55\u591a\u500b\u7248\u672c<\/span><img data-asset=\"business-value\/laundry-chair.webp\" alt=\"\"><\/div>\n          <\/div>\n        <\/article>\n        <article class=\"comparison__panel\">\n          <img class=\"comparison__logo\" data-asset=\"figma-nav\/topnav-logo.svg\" alt=\"\u4f0a\u746a\u5de5\u4f5c\u5ba4\">\n          <h3 class=\"cyan\">AI\u5275\u610f\u5de5\u4f5c\u6d41\u7a0b<\/h3>\n          <div class=\"rows rows--cyan\">\n            <div><b>1-2\u4eba<\/b><span>\u7cbe\u7c21\u9ad8\u6548\u7684\u5718\u968a<\/span><img data-asset=\"business-value\/team-2.webp\" alt=\"\"><\/div>\n            <div><b>\u4eba\u5de5\u667a\u6167\u9a45\u52d5\u7684\u5de5\u4f5c\u6d41\u7a0b<\/b><span>\u6c92\u6709\u9304\u97f3\u68da\uff0c\u4e5f\u6c92\u6709\u8907\u96dc\u7684\u8a2d\u5099\u3002<\/span><img data-asset=\"business-value\/person-laptop.webp\" alt=\"\"><\/div>\n            <div><b>\u4ee5\u5c0f\u6642\u8a08\uff0c\u800c\u975e\u4ee5\u5929\u8a08<\/b><span>\u5f9e\u7c21\u5831\u5230\u767c\u5e03\u6e96\u5099\uff0c\u5927\u7d04\u9700\u8981 8 \u5c0f\u6642<\/span><img data-asset=\"business-value\/calendar-stand.webp\" alt=\"\"><\/div>\n            <div><b>\u4fee\u6539\u6b21\u6578\u6e1b\u5c11<\/b><span>\u8fed\u4ee3\u901f\u5ea6\u66f4\u5feb\uff0c\u6c7a\u7b56\u901f\u5ea6\u66f4\u5feb<\/span><img data-asset=\"business-value\/camera-books.webp\" alt=\"\"><\/div>\n            <div><b>\u908a\u969b\u6210\u672c\u964d\u4f4e<\/b><span>\u66f4\u591a\u8cc7\u7522\uff0c\u66f4\u4f4e\u7684\u55ae\u4f4d\u8cc7\u7522\u6210\u672c<\/span><img data-asset=\"business-value\/piggy.webp\" alt=\"\"><\/div>\n            <div><b>\u7121\u9650\u8b8a\u9ad4<\/b><span>\u8de8\u7522\u54c1\u548c\u901a\u8def\u7684\u898f\u6a21\u5316<\/span><img data-asset=\"business-value\/clothes-rack.webp\" alt=\"\"><\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"process section\">\n      <div class=\"section__head\">\n        <h2>\u9078\u64c7\u8207\u4eca\u5929\u5de5\u4f5c\u76f8\u7b26\u7684\u5de5\u4f5c\u6d41\u7a0b<\/h2>\n        <p>\u5f9e\u4f60\u9762\u524d\u7684\u4efb\u52d9\u958b\u59cb\uff0c\u7136\u5f8c\u8b93 Ima Studio \u5f15\u5c0e\u4f60\u5b8c\u6210\u5f9e\u8f38\u5165\u5230\u53ef\u7528\u7684\u96fb\u5b50\u5546\u52d9\u8cc7\u7522\u7684\u6574\u500b\u904e\u7a0b\u3002.<\/p>\n      <\/div>\n      <div class=\"pfm-stack\">\n        <section class=\"pfm-row\">\n          <div class=\"pfm-copy\">\n            <div class=\"pfm-label-row\">\n              <span class=\"pfm-index-dot\">01<\/span>\n              <span class=\"pfm-eyebrow\">\u75c5\u6bd2\u5d29\u6f70<\/span>\n            <\/div>\n            <h3>\u5c07\u8d0f\u5bb6\u89e3\u78bc\u6210\u5e40<\/h3>\n            <p class=\"pfm-body\">\u5c07\u6210\u529f\u7684\u5ee3\u544a\u5206\u89e3\u70ba\u5834\u666f\u3001\u7bc0\u594f\u3001\u8ce3\u9ede\u548c\u8f49\u63db\u908f\u8f2f\uff0c\u5c07\u9748\u611f\u8f49\u5316\u70ba\u53ef\u91cd\u8907\u4f7f\u7528\u7684 9 \u5e40\u5275\u610f\u85cd\u5716\u3002.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>\u8fa8\u8b58\u5ee3\u544a\u7d50\u69cb\u548c\u95dc\u9375\u5834\u666f<\/li>\n              <li>\u63d0\u53d6\u95dc\u9375\u9ede\u3001\u512a\u52e2\u548c\u884c\u52d5\u865f\u53ec<\/li>\n              <li>\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u6545\u4e8b\u677f\u85cd\u5716<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">\u67e5\u770b\u75c5\u6bd2\u5f0f\u50b3\u64ad\u5206\u6790<\/a>\n          <\/div>\n\n          <div class=\"pfm-visual\">\n            <video class=\"pfm-media-fill video\" src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779435151483_1961611281289533441_7ecd8ed6a3374c26a7b704e6a8a9ccca.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\n          <\/div>\n        <\/section>\n\n        <section class=\"pfm-row reverse\">\n          <div class=\"pfm-visual\">\n            <iframe class=\"pfm-media-embed\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/deliverables\/ima-vertical-card-loop\/index.html\" title=\"\u8c4e\u5361\u5faa\u74b0\u52d5\u756b\" loading=\"lazy\"><\/iframe>\n          <\/div>\n\n          <div class=\"pfm-copy\">\n            <div class=\"pfm-label-row\">\n              <span class=\"pfm-index-dot\">02<\/span>\n              <span class=\"pfm-eyebrow\">\u4e00\u9375\u6df7\u97f3<\/span>\n            <\/div>\n            <h3>\u91cd\u73fe\u5df2\u6709\u7684\u6210\u529f\u7d93\u9a57<\/h3>\n            <p class=\"pfm-body\">\u4e0a\u50b3\u53c3\u8003\u5ee3\u544a\u6216\u7522\u54c1\u7d20\u6750\uff0c\u4fdd\u7559\u5df2\u9a57\u8b49\u7684\u8f49\u63db\u7d50\u69cb\uff0c\u4e26\u5c07\u5176\u8abf\u6574\u70ba\u60a8\u7684\u7522\u54c1\u3001\u54c1\u724c\u548c\u8ce3\u9ede\u3002.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>\u4fdd\u7559\u5df2\u9a57\u8b49\u7684\u5275\u4f5c\u7d50\u69cb<\/li>\n              <li>\u8abf\u6574\u7522\u54c1\u3001\u5834\u666f\u548c\u8a0a\u606f\u50b3\u905e\u65b9\u5f0f<\/li>\n              <li>\u7522\u751f\u53ef\u7528\u65bc\u6e2c\u8a66\u7684\u8b8a\u9ad4<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">\u8acb\u53c3\u95b1\u6df7\u97f3\u7bc4\u4f8b<\/a>\n          <\/div>\n        <\/section>\n\n        <section class=\"pfm-row\">\n          <div class=\"pfm-copy\">\n            <div class=\"pfm-label-row\">\n              <span class=\"pfm-index-dot\">03<\/span>\n              <span class=\"pfm-eyebrow\">\u7528\u6236\u751f\u6210\u5167\u5bb9\u5f71\u7247\u5ee3\u544a<\/span>\n            <\/div>\n            <h3>\u6253\u9020\u771f\u5be6\u611f\u5341\u8db3\u7684\u4f7f\u7528\u8005\u539f\u5275\u5ee3\u544a<\/h3>\n            <p class=\"pfm-body\">\u5229\u7528\u7522\u54c1\u5716\u7247\u3001\u8ce3\u9ede\u548c\u7c21\u4ecb\u7522\u751f\u771f\u5be6\u7684\u7528\u6236\u539f\u5275\u5f71\u7247\u5ee3\u544a\uff0c\u8b93\u60a8\u7684\u7522\u54c1\u611f\u89ba\u50cf\u662f\u771f\u5be6\u7528\u6236\u81ea\u7136\u63a8\u85a6\u7684\u3002.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>\u652f\u6301\u5275\u4f5c\u8005\u548c\u6709\u8072\u5287\u672c<\/li>\n              <li>\u751f\u6210\u5287\u672c\u548c\u62cd\u651d\u65b9\u5411<\/li>\n              <li>\u5c08\u70ba\u77ed\u8996\u8a0a\u5ee3\u544a\u4f4d\u800c\u8a2d\u8a08<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">\u700f\u89bd\u4f7f\u7528\u8005\u751f\u6210\u5167\u5bb9\u5ee3\u544a<\/a>\n          <\/div>\n\n          <div class=\"pfm-visual\">\n            <iframe class=\"pfm-media-embed pfm-wide-source\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/deliverables\/ima-horizontal-video-loop\/index.html\" title=\"\u6a6b\u5411\u5f71\u7247\u5faa\u74b0\u52d5\u756b\" loading=\"lazy\"><\/iframe>\n          <\/div>\n        <\/section>\n\n        <section class=\"pfm-row reverse\">\n          <div class=\"pfm-visual\">\n            <iframe class=\"pfm-media-embed pfm-wide-source\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/deliverables\/ima-collage-autoplay\/index.html\" title=\"\u62fc\u8cbc\u81ea\u52d5\u64ad\u653e\u52d5\u756b\" loading=\"lazy\"><\/iframe>\n          <\/div>\n\n          <div class=\"pfm-copy\">\n            <div class=\"pfm-label-row\">\n              <span class=\"pfm-index-dot\">04<\/span>\n              <span class=\"pfm-eyebrow\">\u6230\u5f79\u5957\u88dd<\/span>\n            <\/div>\n            <h3>\u5efa\u7acb\u5b8c\u6574\u7684\u7522\u54c1\u884c\u92b7\u6d3b\u52d5\u96c6<\/h3>\n            <p class=\"pfm-body\">\u570d\u7e5e\u8457\u4e00\u6b3e\u7522\u54c1\uff0c\u88fd\u4f5c\u4e00\u5957\u5b8c\u6574\u7684\u5ba3\u50b3\u7d20\u6750\uff0c\u5f9e\u4e3b\u6253\u7167\u7247\u548c\u751f\u6d3b\u65b9\u5f0f\u5716\u7247\u5230\u793e\u4ea4\u5a92\u9ad4\u548c\u4ed8\u8cbb\u5ee3\u544a\u4f4d\uff0c\u6240\u6709\u5167\u5bb9\u90fd\u63a1\u7528\u4e00\u81f4\u7684\u98a8\u683c\u3002.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>\u5728\u4e00\u500b\u6d41\u7a0b\u4e2d\u7522\u751f\u5c3a\u5bf8\u548c\u5834\u666f<\/li>\n              <li>\u7dad\u6301\u7522\u54c1\u548c\u54c1\u724c\u7684\u4e00\u81f4\u6027<\/li>\n              <li>\u6db5\u84cb\u96fb\u5b50\u5546\u52d9\u3001\u793e\u7fa4\u5a92\u9ad4\u548c\u4ed8\u8cbb\u5ee3\u544a<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">\u53c3\u898b\u6230\u5f79\u5957\u88dd<\/a>\n          <\/div>\n        <\/section>\n      <\/div>\n    <\/section>\n\n    <section id=\"ima-studio-workflow\" class=\"ima11-workflow-scroll-section\" data-section=\"workflow\">\n      <div class=\"ima11-workflow-sticky\">\n        <img class=\"ima11-workflow-bg\" data-asset=\"workflow-entry\/ec-bg.webp\" alt=\"\">\n        <video class=\"ima11-workflow-bg-video ima11-workflow-bg-video--ugc\" muted loop playsinline preload=\"auto\">\n          <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779271709904_1961611281289533441_0bbc2e50a2b148ad9a6989b2c4c39ed3.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <video class=\"ima11-workflow-bg-video ima11-workflow-bg-video--tvc\" muted loop playsinline preload=\"auto\">\n          <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779271003995_1961611281289533441_516e6757eac24f4eaa200fb5b2a36614.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <video class=\"ima11-workflow-bg-video ima11-workflow-bg-video--product-ad-video\" muted loop playsinline preload=\"auto\">\n          <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779422978637_1961611281289533441_8e49bddc506e4e53acdb4c28afa6c6c8.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <video class=\"ima11-workflow-bg-video ima11-workflow-bg-video--product-demo-video\" muted loop playsinline preload=\"auto\">\n          <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779272714444_1961611281289533441_cedd0a4777384c43a48a4c8e608ae300.mp4\" type=\"video\/mp4\">\n        <\/video>\n\n        <div class=\"ima11-workflow-inner\">\n          <div class=\"ima11-copy-side\">\n            <div class=\"ima11-eyebrow\">\u9078\u64c7\u8207\u4eca\u5929\u5de5\u4f5c\u76f8\u7b26\u7684\u5de5\u4f5c\u6d41\u7a0b<\/div>\n            <div class=\"ima11-subtext\">\u5f9e\u4f60\u9762\u524d\u7684\u4efb\u52d9\u958b\u59cb\uff0c\u7136\u5f8c\u8b93 Ima Studio \u5f15\u5c0e\u4f60\u5b8c\u6210\u5f9e\u8f38\u5165\u5230\u53ef\u7528\u7684\u96fb\u5b50\u5546\u52d9\u8cc7\u7522\u7684\u6574\u500b\u904e\u7a0b\u3002.<\/div>\n\n            <div class=\"ima11-workflow-tags\">\n              <button class=\"ima11-workflow-tag active\" data-index=\"0\" type=\"button\">\u96fb\u8996\u5ee3\u544a<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"1\" type=\"button\">\u5962\u4f88\u54c1\u724c\u5ee3\u544a<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"2\" type=\"button\">UGC\u793e\u4ea4<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"3\" type=\"button\">\u7522\u54c1\u793a\u7bc4\u5f71\u7247<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"4\" type=\"button\">UGC TikTok \u5ee3\u544a<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"5\" type=\"button\">\u96fb\u5b50\u5546\u52d9\u7522\u54c1\u8996\u89ba\u6548\u679c<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"ima11-visual-panel\">\n            <div class=\"ima11-mock-canvas ima11-tvc-canvas active\" data-index=\"0\">\n              <video class=\"ima11-tvc-video\" muted loop playsinline preload=\"auto\">\n                <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779272255792_1961611281289533441_a7cf0a5efff04422b7d2bf3e5a0b0847.mp4\" type=\"video\/mp4\">\n              <\/video>\n            <\/div>\n\n            <div class=\"ima11-mock-canvas ima11-video-canvas ima11-video-canvas--luxury\" data-index=\"1\">\n              <video class=\"ima11-product-ad-video\" muted loop playsinline preload=\"auto\">\n                <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779443743581_1961611281289533441_1ad3e71c4b4b4cb6ab8cf539a9d6b090.mp4\" type=\"video\/mp4\">\n              <\/video>\n            <\/div>\n\n            <div class=\"ima11-mock-canvas\" data-index=\"2\">\n              <img class=\"ima11-product-image-main\" data-asset=\"workflow-entry\/ugc-social-content.webp\" alt=\"\">\n            <\/div>\n\n            <div class=\"ima11-mock-canvas ima11-video-canvas\" data-index=\"3\">\n              <video class=\"ima11-product-demo-video\" muted loop playsinline preload=\"auto\">\n                <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779272877193_1961611281289533441_c439aea40dc145bbb55230eb328092dd.mp4\" type=\"video\/mp4\">\n              <\/video>\n            <\/div>\n\n            <div class=\"ima11-mock-canvas ima11-video-canvas\" data-index=\"4\">\n              <video class=\"ima11-ugc-video\" muted loop playsinline preload=\"auto\">\n                <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779272409837_1961611281289533441_fe74a5ec4aaf4d6386b3c0576cc6c167.mp4\" type=\"video\/mp4\">\n              <\/video>\n            <\/div>\n\n            <div class=\"ima11-mock-canvas\" data-index=\"5\">\n              <img class=\"ima11-product-image-main\" data-asset=\"workflow-entry\/ec-content.webp\" alt=\"\">\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    <section class=\"assets section\">\n      <div class=\"section__head\">\n        <h2>\u5c07\u7522\u54c1\u80cc\u666f\u8f49\u5316\u70ba\u53ef\u8907\u88fd\u7684\u6210\u9577\u8cc7\u7522<\/h2>\n        <p>\u4f7f\u7528\u7bc4\u672c\u3001\u96fb\u5b50\u5546\u52d9\u624b\u518a\u548c\u7522\u54c1\u66f4\u65b0\uff0c\u8b93\u5718\u968a\u5728\u4e0b\u4e00\u6b65\u7684\u958b\u767c\u65b9\u5411\u4e0a\u4fdd\u6301\u4e00\u81f4\u3002.<\/p>\n      <\/div>\n      <div class=\"asset-grid\" id=\"wpBlogGrid\"><\/div>\n    <\/section>\n\n    <section class=\"models-section\">\n      <div class=\"section__head\">\n        <h2>\u9818\u5148\u7684\u6a21\u578b\u529f\u80fd\uff0c\u6574\u5408\u65bc\u4e00\u500b\u5e73\u53f0<\/h2>\n        <p>\u5728\u4e00\u500b\u5de5\u4f5c\u6d41\u7a0b\u5c64\u4e2d\u5b58\u53d6\u9802\u7d1a\u5f71\u50cf\u548c\u8996\u8a0a\u6a21\u578b\uff0c\u7136\u5f8c\u4f7f\u7528 Ima Studio \u5c07\u6b63\u78ba\u7684\u529f\u80fd\u8def\u7531\u5230\u6b63\u78ba\u7684\u96fb\u5b50\u5546\u52d9\u4efb\u52d9\uff0c\u5f9e\u800c\u63d0\u9ad8\u4e00\u81f4\u6027\u548c\u8f38\u51fa\u54c1\u8cea\u3002.<\/p>\n      <\/div>\n      <div class=\"models-wrap\" aria-label=\"Ima\u652f\u6301\u7684AI\u6a21\u578b\">\n        <section class=\"models-canvas\">\n          <article class=\"models-card models-google\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/google-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-google-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/google-logo.svg\" alt=\"Google\">\n            <div class=\"models-list models-google-models\">\n              <div class=\"models-entry models-g1\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/zh_tw\/nano-banana-2\"><span class=\"models-title\">\u5948\u7c73\u9999\u8549 2<\/span><\/a><span class=\"models-desc\">\u6700\u5148\u9032\u7684\u5716\u50cf\u751f\u6210\u6280\u8853<\/span><\/div>\n              <div class=\"models-entry models-g2\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/zh_tw\/nano-banana-pro\"><span class=\"models-title\">Nano Banana Pro<\/span><\/a><span class=\"models-desc\">\u7167\u7247\u7d1a\u771f\u5be6\u611f\u5f71\u50cf\u751f\u6210<\/span><\/div>\n              <div class=\"models-entry models-g3\"><span class=\"models-title\">\u96d9\u5b50\u5ea73 Pro<\/span><span class=\"models-desc\">\u9ad8\u7d1a\u591a\u6a21\u614b\u63a8\u7406<\/span><\/div>\n              <div class=\"models-entry models-g4\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/zh_tw\/veo-3-video-generator\"><span class=\"models-title\">Veo3<\/span><\/a><span class=\"models-desc\">\u96fb\u5f71\u7d1a\u9577\u8996\u983b<\/span><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-runway\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/runway-bg.png\" alt=\"\"><\/span>\n            <span class=\"models-card-overlay\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/runway-figure.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <span class=\"models-runway-logo\" aria-label=\"\u5feb\u6a02\u7684\u99ac\">\n              <span class=\"models-runway-mark\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/happy-horse-mark.png\" alt=\"\"><\/span>\n              <img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/happy-horse-word.svg\" alt=\"\">\n            <\/span>\n            <div class=\"models-text models-runway-text\">\n              <span class=\"models-title\">HappyHorse 1.0<\/span>\n              <span class=\"models-desc\">\u7269\u7406\u4e0a\u903c\u771f\u7684\u52d5\u4f5c\u548c\u6d41\u66a2\u7684\u79fb\u52d5<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-wan\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/wan-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-overlay\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/wan-overlay-left.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-wan-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/wan-logo.svg\" alt=\"\u842c\">\n            <div class=\"models-text models-wan-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/zh_tw\/wan-2-7-video-generator\"><span class=\"models-title\">\u842c2.6<\/span><\/a>\n              <span class=\"models-desc\">\u6587\u5316\u9069\u61c9\u6027\u5716\u50cf\u6a21\u578b<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-openai\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/openai-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-overlay\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/openai-overlay.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-openai-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/openai-logo.svg\" alt=\"OpenAI\">\n            <div class=\"models-list models-openai-list\">\n              <div><span class=\"models-title\">GPT-5.4<\/span><span class=\"models-desc\">\u6700\u5148\u9032\u7684\u591a\u6a21\u614b\u4eba\u5de5\u667a\u6167<\/span><\/div>\n              <div><span class=\"models-title\">\u7d22\u62c92<\/span><span class=\"models-desc\">\u96fb\u5f71\u5f71\u7247<\/span><\/div>\n              <div><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/zh_tw\/chatgpt-images-2-0\"><span class=\"models-title\">GPT \u5f71\u50cf<\/span><\/a><span class=\"models-desc\">\u7cbe\u7d30\u5716\u50cf\u7de8\u8f2f<\/span><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-seed\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/seed-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-overlay\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/seed-overlay.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-seed-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/seed-logo.svg\" alt=\"\u4f4d\u5143\u7d44\u8df3\u52d5\u7a2e\u5b50\">\n            <div class=\"models-text models-seed-entry-1\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/zh_tw\/seedream-5-0\"><span class=\"models-title\">Seedream 5.0<\/span><\/a>\n              <span class=\"models-desc\">\u591a\u6a21\u614b\u5f71\u50cf\u751f\u6210\u8207\u7de8\u8f2f<\/span>\n            <\/div>\n            <div class=\"models-text models-seed-entry-2\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/zh_tw\/seedance-2-0\"><span class=\"models-title\">\u7a2e\u5b50\u821e 2.0<\/span><\/a>\n              <span class=\"models-desc\">\u5f9e\u6587\u5b57\u6216\u5716\u50cf\u88fd\u4f5c\u591a\u93e1\u982d\u8996\u983b<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-kling\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/kling-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-kling-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/kling-logo.svg\" alt=\"\u514b\u6797\u4eba\u5de5\u667a\u6167\">\n            <div class=\"models-text models-kling-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/zh_tw\/kling-video-generator\"><span class=\"models-title\">Kling 3.0<\/span><\/a>\n              <span class=\"models-desc\">\u7cbe\u7d30\u7684\u96fb\u5f71\u7d1a\u8996\u8a0a\u6a21\u578b<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-hailuo\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/hailuo-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-hailuo-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/hailuo-logo.svg\" alt=\"\u6d77\u6d1b\u4eba\u5de5\u667a\u6167\">\n            <div class=\"models-text models-hailuo-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/zh_tw\/hailuo-video-generator\"><span class=\"models-title\">\u6975\u5c0f\u6975\u6d77\u7f85<\/span><\/a>\n              <span class=\"models-desc\">\u901a\u7528\u5f71\u50cf\u7522\u751f\u5668<\/span>\n            <\/div>\n          <\/article>\n        <\/section>\n      <\/div>\n    <\/section>\n\n    <section class=\"faq section\">\n      <h2>\u5c07\u7522\u54c1\u80cc\u666f\u8f49\u5316\u70ba\u53ef\u8907\u88fd\u7684\u6210\u9577\u8cc7\u7522<\/h2>\n      <div class=\"faq__list\">\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Ima Studio \u9069\u5408\u505a\u4ec0\u9ebc\u985e\u578b\u7684\u5de5\u4f5c\uff1f<span>\u2212<\/span><\/button><p>Ima Studio \u5c08\u70ba\u96fb\u5b50\u5546\u52d9\u5718\u968a\u6253\u9020\uff0c\u7528\u65bc\u5275\u5efa\u884c\u92b7\u6d3b\u52d5\u7d20\u6750\u3001\u7522\u54c1\u8996\u89ba\u6548\u679c\u3001\u884c\u92b7\u5167\u5bb9\u548c\u53ef\u64f4\u5c55\u7684\u5275\u610f\u8f38\u51fa\u3002.<\/p><\/article>\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">\u5f9e\u69cb\u601d\u5230\u6700\u7d42\u6210\u54c1\uff0c\u6211\u9700\u8981\u591a\u7a2e\u5de5\u5177\u55ce\uff1f<span>\u2212<\/span><\/button><p>\u4e0d\u3002 Ima Studio \u7684\u8a2d\u8a08\u7406\u5ff5\u662f\u5c07\u69cb\u601d\u3001\u7522\u751f\u548c\u5b8c\u5584\u6574\u5408\u5230\u4e00\u500b\u76f8\u4e92\u95dc\u806f\u7684\u5de5\u4f5c\u6d41\u7a0b\u4e2d\u3002.<\/p><\/article>\n        <article><button type=\"button\" aria-expanded=\"false\">\u6211\u53ef\u4ee5\u5148\u63d0\u4f9b\u7522\u54c1\u9023\u7d50\u6216\u7c21\u4ecb\u55ce\uff1f<span>+<\/span><\/button><p>\u662f\u7684\u3002\u60a8\u53ef\u4ee5\u5f9e\u7522\u54c1\u9023\u7d50\u3001\u6d3b\u52d5\u7c21\u5831\u3001SKU \u8a73\u60c5\u6216\u7c97\u7565\u7684\u5275\u610f\u60f3\u6cd5\u8457\u624b\u3002.<\/p><\/article>\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Ima Studio\u662f\u91dd\u5c0d\u500b\u4eba\u5275\u4f5c\u8005\u9084\u662f\u5718\u968a\u5275\u4f5c\u8005\uff1f<span>\u2212<\/span><\/button><p>Ima Studio \u5c08\u70ba\u9700\u8981\u53ef\u91cd\u8907\u57f7\u884c\u7684\u884c\u92b7\u6d3b\u52d5\u8f38\u51fa\u7684\u7cbe\u7c21\u578b\u96fb\u5b50\u5546\u52d9\u5718\u968a\u3001\u884c\u92b7\u5718\u968a\u548c\u5167\u5bb9\u5275\u4f5c\u8005\u800c\u8a2d\u8a08\u3002.<\/p><\/article>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div>\n\n<script>\n  (() => {\n    const rootEl = document.documentElement;\n    const heroCanvasWidth = 1920;\n    const heroMinMobileScale = 0.48;\n\n    function updateHeroScale() {\n      const viewportWidth = window.innerWidth;\n      const scale = Math.min(1, viewportWidth \/ heroCanvasWidth);\n      rootEl.style.setProperty(\"--hero-scale\", String(Math.max(scale, heroMinMobileScale)));\n    }\n\n    function updateModelsScale() {\n      const wraps = document.querySelectorAll('.models-wrap');\n      wraps.forEach((wrap) => {\n        const canvas = wrap.querySelector('.models-canvas');\n        if (!canvas) return;\n        const scale = wrap.clientWidth \/ 1280;\n        canvas.style.transform = `scale(${scale})`;\n      });\n    }\n\n    updateHeroScale();\n    window.addEventListener(\"resize\", updateHeroScale);\n    updateModelsScale();\n    window.addEventListener(\"resize\", updateModelsScale);\n\n    async function loadLatestPosts() {\n      const grid = document.getElementById('wpBlogGrid');\n      if (!grid) return;\n\n      try {\n        const response = await fetch('https:\/\/imastudio.com\/wp-json\/wp\/v2\/posts?_embed&per_page=3');\n        if (!response.ok) return;\n        const posts = await response.json();\n\n        grid.innerHTML = posts.map((post) => {\n          const image = post?._embedded?.['wp:featuredmedia']?.[0]?.source_url || 'https:\/\/imastudio.com\/wp-content\/uploads\/assets\/growth-assets\/workflow-templates.webp';\n          const title = post?.title?.rendered || '';\n          const excerpt = (post?.excerpt?.rendered || '').replace(\/<[^>]+>\/g, '').trim();\n          const link = post?.link || '#';\n\n          return `\n            <article>\n              <a class=\"asset-card-link\" href=\"${link}\">\n                <img decoding=\"async\" src=\"${image}\" alt=\"${title}\">\n                <h3>${title}<\/h3>\n                <p>${excerpt}<\/p>\n              <\/a>\n            <\/article>\n          `;\n        }).join('');\n      } catch (error) {\n        \/\/ keep silent and leave section empty if API is unavailable\n      }\n    }\n\n    const roots = document.querySelectorAll('.ima-studio-embed[data-ima-embed]');\n    roots.forEach((root) => {\n      if (root.dataset.imaInitialized === 'true') return;\n      root.dataset.imaInitialized = 'true';\n\n      const assetBase = (root.dataset.assetBase || '.\/assets').replace(\/\\\/+$\/, '');\n      const assetUrl = (path) => `${assetBase}\/${String(path || '').replace(\/^\\\/+\/, '')}`;\n      const setImageSource = (image, path) => {\n        if (!image || !path) return;\n        image.src = assetUrl(path);\n      };\n\n      root.querySelectorAll('img[data-asset]').forEach((image) => {\n        setImageSource(image, image.dataset.asset);\n      });\n\n      root.querySelectorAll('[data-scroll-to]').forEach((link) => {\n        link.addEventListener('click', (event) => {\n          const targetName = link.dataset.scrollTo;\n          const target = root.querySelector(`[data-section=\"${targetName}\"]`);\n          if (!target) return;\n          event.preventDefault();\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        });\n      });\n\n      const workflowSection = root.querySelector('.ima11-workflow-scroll-section');\n      const workflowButtons = [...root.querySelectorAll('.ima11-workflow-tag')];\n      const workflowSlides = [...root.querySelectorAll('.ima11-mock-canvas')];\n      const workflowBg = root.querySelector('.ima11-workflow-bg');\n      const workflowStaticBackgrounds = [\n        'workflow-entry\/ec-bg.webp',\n        'workflow-entry\/ec-bg.webp',\n        'workflow-entry\/ugc-social-bg.webp',\n        'workflow-entry\/ec-bg.webp',\n        'workflow-entry\/ec-bg.webp',\n        'workflow-entry\/ec-bg.webp',\n      ];\n      const workflowBgVideoUgc = root.querySelector('.ima11-workflow-bg-video--ugc');\n      const workflowBgVideoTvc = root.querySelector('.ima11-workflow-bg-video--tvc');\n      const workflowBgVideoProductDemo = root.querySelector('.ima11-workflow-bg-video--product-demo-video');\n      const workflowBgVideoProductAd = root.querySelector('.ima11-workflow-bg-video--product-ad-video');\n      const ugcVideo = root.querySelector('video.ima11-ugc-video');\n      const tvcVideo = root.querySelector('video.ima11-tvc-video');\n      const productDemoVideo = root.querySelector('video.ima11-product-demo-video');\n      const productAdVideo = root.querySelector('video.ima11-product-ad-video');\n      let activeWorkflowIndex = -1;\n\n      const resetVideo = (video) => {\n        if (!video) return;\n        video.classList.remove('active');\n        video.pause();\n      };\n\n      [workflowBgVideoUgc, workflowBgVideoTvc, workflowBgVideoProductDemo, workflowBgVideoProductAd, ugcVideo, tvcVideo, productDemoVideo, productAdVideo].forEach((video) => {\n        if (!video) return;\n        video.load();\n      });\n\n      const applyWorkflow = (index) => {\n        if (index === activeWorkflowIndex) return;\n        if (index < 0 || index >= workflowButtons.length) return;\n\n        activeWorkflowIndex = index;\n        workflowButtons.forEach((item, itemIndex) => {\n          item.classList.toggle('active', itemIndex === index);\n        });\n        workflowSlides.forEach((slide, slideIndex) => {\n          slide.classList.toggle('active', slideIndex === index);\n        });\n\n        workflowSection.classList.toggle('is-video-mode', index === 0 || index === 1 || index === 3 || index === 4);\n\n        if (workflowBg) {\n          workflowBg.style.opacity = '.7';\n          const bgPath = workflowStaticBackgrounds[index] || workflowStaticBackgrounds[0];\n          workflowBg.src = `${assetBase}\/${bgPath}`;\n        }\n\n        resetVideo(workflowBgVideoUgc);\n        resetVideo(workflowBgVideoTvc);\n        resetVideo(workflowBgVideoProductDemo);\n        resetVideo(workflowBgVideoProductAd);\n\n        if (index === 4 && workflowBgVideoUgc) {\n          workflowBgVideoUgc.classList.add('active');\n          workflowBgVideoUgc.play().catch(() => {});\n        }\n\n        if (index === 0 && workflowBgVideoTvc) {\n          workflowBgVideoTvc.classList.add('active');\n          workflowBgVideoTvc.play().catch(() => {});\n        }\n\n        if (index === 3 && workflowBgVideoProductDemo) {\n          workflowBgVideoProductDemo.classList.add('active');\n          workflowBgVideoProductDemo.play().catch(() => {});\n        }\n\n        if (index === 1 && workflowBgVideoProductAd) {\n          workflowBgVideoProductAd.classList.add('active');\n          workflowBgVideoProductAd.play().catch(() => {});\n        }\n\n        if (ugcVideo) {\n          if (index === 4) {\n            ugcVideo.play().catch(() => {});\n          } else {\n            ugcVideo.pause();\n            ugcVideo.currentTime = 0;\n          }\n        }\n\n        if (tvcVideo) {\n          if (index === 0) {\n            tvcVideo.play().catch(() => {});\n          } else {\n            tvcVideo.pause();\n            tvcVideo.currentTime = 0;\n          }\n        }\n\n        if (productDemoVideo) {\n          if (index === 3) {\n            productDemoVideo.play().catch(() => {});\n          } else {\n            productDemoVideo.pause();\n            productDemoVideo.currentTime = 0;\n          }\n        }\n\n        if (productAdVideo) {\n          if (index === 1) {\n            productAdVideo.play().catch(() => {});\n          } else {\n            productAdVideo.pause();\n            productAdVideo.currentTime = 0;\n          }\n        }\n      };\n\n      const updateWorkflowOnScroll = () => {\n        if (!workflowSection) return;\n        const rect = workflowSection.getBoundingClientRect();\n        const scrollable = workflowSection.offsetHeight - window.innerHeight;\n        const progress = Math.min(Math.max(-rect.top \/ scrollable, 0), 1);\n        const index = Math.min(workflowButtons.length - 1, Math.floor(progress * workflowButtons.length));\n        applyWorkflow(index);\n      };\n\n      applyWorkflow(0);\n      updateWorkflowOnScroll();\n      window.addEventListener('scroll', updateWorkflowOnScroll, { passive: true });\n      window.addEventListener('resize', updateWorkflowOnScroll);\n\n      root.querySelectorAll('.faq__list button').forEach((button) => {\n        button.addEventListener('click', () => {\n          const item = button.closest('article');\n          if (!item) return;\n\n          const isOpen = item.classList.toggle('is-open');\n          button.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n          const icon = button.querySelector('span');\n          if (icon) icon.textContent = isOpen ? '\u2212' : '+';\n        });\n      });\n    });\n\n    loadLatestPosts();\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u5f9e\u7522\u54c1\u8f38\u5165\u5230\u884c\u92b7\u7d20\u6750\uff0c\u5728\u4e00\u500b\u7d71\u4e00\u7684\u5de5\u4f5c\u6d41\u7a0b\u4e2d\uff0c\u5c07\u7522\u54c1\u9023\u7d50\u3001\u6d3b\u52d5\u7c21\u5831\u548c SKU \u8a73\u60c5\u8f49\u5316\u70ba\u96fb\u5546\u5716\u7247\u3001\u5f71\u7247\u548c\u53ef\u76f4\u63a5\u7528\u65bc\u4e0a\u7dda\u7684\u884c\u92b7\u7d20\u6750\u3002\u7acb\u5373\u514d\u8cbb\u958b\u59cb\uff01\u5f9e\u7522\u54c1\u8f38\u5165\u5230\u884c\u92b7\u7d20\u6750\uff0c\u5728\u4e00\u500b\u7d71\u4e00\u7684\u5de5\u4f5c\u6d41\u7a0b\u4e2d\uff0c\u5c07\u7522\u54c1\u9023\u7d50\u3001\u6d3b\u52d5\u7c21\u5831\u548c SKU \u8a73\u60c5\u8f49\u5316\u70ba\u96fb\u5546\u5716\u7247\u3001\u5f71\u7247\u548c\u53ef\u76f4\u63a5\u7528\u65bc\u4e0a\u7dda\u7684\u884c\u92b7\u7d20\u6750 [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"rank_math_title":"Ima Studio: Next-Gen AI Image &amp; Video Creation Platform","rank_math_description":"Ima Studio is a next-gen, multi-model AI platform for image and video creation. Prompt once and create with 10+ models like Sora 2, Nano Banana Pro and Seedream.","footnotes":""},"categories":[],"tags":[],"class_list":["post-7635","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/pages\/7635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/comments?post=7635"}],"version-history":[{"count":5,"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/pages\/7635\/revisions"}],"predecessor-version":[{"id":7755,"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/pages\/7635\/revisions\/7755"}],"wp:attachment":[{"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/media?parent=7635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/categories?post=7635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imastudio.com\/zh_tw\/wp-json\/wp\/v2\/tags?post=7635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}