.ai-builder{--ab-accent:var(--shix-purple);--ab-line:color-mix(in srgb, var(--shix-purple) 28%, transparent);color:var(--text);background:var(--night)}.ai-builder :is(h1,h2,h3){font-family:var(--font-sans);font-weight:500}.ai-builder h1{letter-spacing:var(--track-display);font-size:clamp(2.65rem,4.05vw,4.15rem);line-height:1.07}.ai-builder h2{letter-spacing:var(--track-heading);margin-block-end:1.4rem;font-size:clamp(2rem,3.1vw,3.25rem);line-height:1.13}.ai-builder h3{letter-spacing:var(--track-title);font-size:clamp(1.35rem,1.8vw,1.8rem);line-height:1.25}.ai-builder p{line-height:1.75}.ai-builder ::selection{color:var(--night);background:var(--ab-accent)}.ai-builder [hidden]{display:none!important}.ai-builder :is(a,button):focus-visible{outline:2px solid var(--ab-accent);outline-offset:5px}.ai-builder :is(section,.ab-film-screen,[id^=film-]){scroll-margin-block-start:max(7rem, calc(var(--site-header-height,6rem) + 1rem))}.ai-builder .button{letter-spacing:var(--track-label-tight);gap:.75rem}.ai-builder .button--primary{background:var(--ab-accent);color:var(--night)}.ab-arrow{flex:none;block-size:1.1rem;inline-size:1.1rem}.ab-arrow--down{transform:rotate(90deg)}.ab-arrow--external{transform:rotate(-45deg)}.ab-link{min-block-size:2.75rem;color:var(--ab-accent);text-underline-offset:.3em;transition:color var(--duration-hover) var(--ease-shipay-state);align-items:center;gap:.7rem;font-size:.88rem;font-weight:500;display:inline-flex}.ab-kicker{color:var(--ab-accent);letter-spacing:var(--track-label-tight);text-transform:uppercase;margin-block-end:1.15rem;font-size:.73rem}.ab-hero{grid-template-columns:minmax(0,.91fr) minmax(0,1.14fr);align-items:center;gap:0 clamp(2rem,4vw,4rem);padding-block:2rem 4rem;display:grid}.ab-breadcrumb{min-block-size:1.5rem;color:var(--text-muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.7rem;margin-block-end:3.1rem;font-size:.75rem;display:flex}.ab-breadcrumb a{color:var(--text-muted);padding-block:.3rem}.ab-breadcrumb [aria-current]{color:var(--white)}.ab-identity{color:var(--ab-accent);align-items:center;gap:.7rem;margin-block-end:1.3rem;font-size:.84rem;display:flex}.ab-identity svg{flex:none}.ab-hero h1{max-inline-size:13ch;margin-block-end:1.7rem}.ab-lead{max-inline-size:50ch;margin-block-end:0;font-size:1rem}.ab-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-block-start:2rem;display:flex}.ab-hero-art{border-radius:var(--radius-md);margin:0;overflow:clip}.ab-hero-art img{block-size:auto;inline-size:100%;display:block}.ai-builder :is(.ab-hero-art,.ab-interior-art,.ab-materials-art)>.scene-video,.ai-builder :is(.ab-hero-art,.ab-interior-art,.ab-materials-art)>.scene-video>img{block-size:auto}.ab-page-nav{border-block:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;gap:.25rem 2rem;padding-block:.9rem;display:flex}.ab-page-nav a{min-block-size:2.75rem;color:var(--text);align-items:center;gap:1rem;font-size:.8rem;display:inline-flex}.ab-page-nav .ab-arrow{color:var(--ab-accent);inline-size:.9rem}.ab-section{padding-block:clamp(3.75rem,7vw,7.25rem)}.ab-section-heading{margin-block-end:2.25rem}.ab-section-heading--split{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:end;gap:2rem clamp(2rem,7vw,7rem);display:grid}.ab-section-heading--split h2{margin-block-end:0}.ab-section-heading>p,.ab-section-heading>div>p:last-child{max-inline-size:65ch;margin-block-end:0}.ab-copy>p:not(.ab-kicker){max-inline-size:58ch}.ab-view-control{border-bottom:1px solid var(--ab-line);display:flex}.ab-view-control button{color:var(--text-muted);cursor:pointer;font:inherit;transition:color var(--duration-control) var(--ease-shipay-state), border-color var(--duration-control) var(--ease-shipay-state);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;justify-content:center;align-items:center;gap:1rem;padding:1.2rem .7rem;font-size:.92rem;font-weight:500;display:flex}.ab-view-control button[aria-pressed=true]{color:var(--white);border-bottom-color:var(--ab-accent)}.ab-view-number{color:var(--ab-accent);font-variant-numeric:tabular-nums;font-size:.75rem}.ab-view-stage{aspect-ratio:1.82;background:var(--night);border:1px solid var(--line-soft);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:0;position:relative;overflow:clip}.ab-view-panel{visibility:hidden;opacity:0;transition:opacity .6s var(--ease-shipay-arrive), visibility .6s;margin:0;position:absolute;inset:0}.ab-view-panel[data-active=true]{visibility:visible;opacity:1}.ab-view-panel img{object-fit:contain;block-size:100%;inline-size:100%;display:block}.ab-view-panel figcaption{border-radius:var(--radius-sm);background:var(--night);color:var(--text);padding:.35rem .7rem;font-size:.75rem;position:absolute;inset-block-end:1.1rem;inset-inline-start:1.25rem}.ab-view-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem 1rem;padding-block:.75rem;display:flex}.ab-view-footer p{color:var(--text-muted);margin:0;font-size:.8rem}.ab-view-stills{flex-wrap:wrap;gap:1.5rem;display:flex}.ab-development{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,10vw,10rem);display:grid}.ab-brief{padding-inline:clamp(0rem,2vw,2rem)}.ab-brief-plan{color:var(--ab-accent);block-size:auto;inline-size:100%;max-inline-size:100%;margin-block-end:1.75rem;display:block}.ab-brief ul{margin:0;padding:0;list-style:none}.ab-brief li{border-top:1px solid var(--ab-line);align-items:center;gap:1.2rem;padding-block:1rem;display:flex}.ab-brief-index{color:var(--ab-accent);font-variant-numeric:tabular-nums;font-size:.75rem}.ab-brief li svg{color:var(--ab-accent);margin-inline-start:auto}.ab-interior{padding-block-start:2rem}.ab-inline-links{flex-wrap:wrap;gap:0 1.5rem;margin-block-start:.8rem;display:flex}.ab-interior-art{border-radius:var(--radius-md);margin:0;overflow:clip}.ab-interior-art img{block-size:auto;inline-size:100%;display:block}.ab-materials{padding-block-start:2.5rem}.ab-materials-pair{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.ab-materials-art{border-radius:var(--radius-md);margin:0;overflow:clip}.ab-materials-art img{block-size:auto;inline-size:100%;display:block}.ab-material-journey{border-block:1px solid var(--ab-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:3rem 0 0;padding:0;list-style:none;display:grid}.ab-material-journey li{padding:1.6rem 2rem 1.6rem 0;font-size:.95rem;position:relative}.ab-material-step{color:var(--ab-accent);font-variant-numeric:tabular-nums;margin-block-end:.7rem;font-size:.74rem;display:block}.ab-material-journey .ab-arrow{color:var(--ab-accent);position:absolute;inset-block-start:50%;inset-inline-end:1rem}.ab-shipping{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:2rem 7vw;margin-block-start:2.5rem;display:grid}.ab-shipping h3{margin-block-end:.9rem}.ab-shipping p{max-inline-size:58ch;margin-block-end:0}.ab-related-links{display:grid}.ab-related-links a{border-bottom:1px solid var(--ab-line);color:var(--ab-accent);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;font-size:.94rem;font-weight:500;display:flex}.ab-films{border-top:1px solid var(--line-soft)}.ab-library-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.ab-film-screen{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--night);border:1px solid var(--line-soft);position:relative;overflow:clip}.ab-film-screen>:is(img,video){object-fit:contain;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.ab-film-screen video{opacity:0;pointer-events:none;transition:opacity var(--duration-control) var(--ease-shipay-state)}.ab-film-screen[data-state=playing] video,.ab-film-screen[data-state=paused] video{opacity:1}.ab-film-fallback{background:var(--night);border:1px solid var(--line-soft);border-radius:var(--radius-sm);color:var(--text);margin:0;padding:.8rem;font-size:.8rem;position:absolute;inset-block-end:1rem;inset-inline:1rem}.ab-film-caption{padding-block-start:1.25rem}.ab-film-meta{color:var(--ab-accent);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;margin-block-end:.75rem;font-size:.75rem;display:flex}.ab-film-duration{color:var(--text-muted);margin-inline-start:auto}.ab-film-caption h3{margin-block-end:.8rem}.ab-film-caption>p:not(.ab-film-meta){max-inline-size:66ch;margin-block-end:.5rem;font-size:.95rem}.ab-film-chapters{margin:0;padding:0;list-style:none}.ab-film-chapter{border-bottom:1px solid var(--line-soft);align-items:center;gap:.2rem;display:flex;position:relative}.ab-film-chapter:first-child{border-top:1px solid var(--line-soft)}.ab-film-chapter[data-active=true]{border-bottom-color:var(--ab-accent)}.ab-film-choice{text-align:start;min-block-size:5.45rem;min-inline-size:0;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;align-items:center;gap:.85rem;margin:0;padding:.75rem .25rem .75rem 0;display:flex}.ab-film-choice img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);block-size:auto;inline-size:clamp(4.5rem,7vw,6rem);display:block}.ab-chapter-copy{gap:.45rem;min-inline-size:0;display:grid}.ab-chapter-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-size:.68rem;display:flex}.ab-overview-label{color:var(--ab-accent);margin-inline-start:.35rem}.ab-chapter-title{font-size:.9rem;line-height:1.4}.ab-film-choice[aria-pressed=true] .ab-chapter-title{color:var(--ab-accent)}.ab-film-choice[aria-pressed=true] img{outline:1px solid var(--ab-accent);outline-offset:2px}.ab-chapter-open{block-size:2.75rem;inline-size:2.75rem;color:var(--text-muted);flex:0 0 2.75rem;place-items:center;display:grid}.ab-demo{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.ab-demo .button{margin-block-start:.75rem}.ab-demo-art{color:var(--white);border-radius:var(--radius-md);border:1px solid var(--line-soft);display:block;overflow:clip}.ab-demo-art img{block-size:auto;inline-size:100%;display:block}.ab-demo-caption{color:var(--text);justify-content:space-between;align-items:center;padding:1rem 1.2rem;font-size:.88rem;display:flex}.ab-demo-caption .ab-arrow{color:var(--ab-accent)}.ab-closing{border-top:1px solid var(--ab-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2rem clamp(2rem,7vw,7rem);display:grid}.ab-closing h2{max-inline-size:14ch;font-size:clamp(2.4rem,4vw,4rem)}.ab-closing p{max-inline-size:55ch;margin-block-end:1.75rem}.ab-closing .ab-link{margin-inline-start:1.5rem}html:lang(zh-Hans) .ai-builder :is(h1,h2,h3){letter-spacing:0;line-height:1.25}html:lang(zh-Hans) .ai-builder :is(.ab-kicker,.button){letter-spacing:0;text-transform:none}html:lang(zh-Hans) .ab-hero h1{white-space:pre-line;max-inline-size:none}@media (hover:hover) and (pointer:fine){.ai-builder .button--primary:hover{color:var(--night);background:var(--white)}.ab-link:hover,.ab-breadcrumb a:hover,.ab-page-nav a:hover,.ab-related-links a:hover,.ab-chapter-open:hover{color:var(--white);text-decoration:underline}.ab-film-choice:hover .ab-chapter-title,.ab-view-control button:hover{color:var(--white)}.ab-demo-art:hover{border-color:var(--ab-accent)}}@media (width<=1100px){.ab-library-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.5rem}.ab-film-choice{gap:.6rem}.ab-film-choice img{inline-size:4.25rem}.ab-chapter-title{font-size:.84rem}.ab-overview-label{display:none}}@media (width<=900px){.ab-hero{grid-template-columns:minmax(0,1fr);padding-block-end:2.5rem}.ab-breadcrumb{margin-block-end:2.25rem}.ab-hero-copy{max-inline-size:45rem}.ab-hero h1{max-inline-size:18ch;font-size:clamp(2.7rem,6.2vw,4rem)}.ab-lead{max-inline-size:65ch}.ab-hero-art{margin-block-start:2.5rem}.ab-page-nav{justify-content:flex-start;column-gap:1.8rem}.ab-section-heading--split{grid-template-columns:minmax(0,1fr);gap:1.5rem}.ab-section-heading--split h2{max-inline-size:22ch}.ab-development{gap:3rem}.ab-materials-pair{grid-template-columns:minmax(0,1fr)}.ab-materials-pair .ab-copy{grid-row:1}.ab-materials-pair .ab-copy h2{max-inline-size:24ch}.ab-material-journey li{padding-inline-end:2rem;font-size:.85rem}.ab-library-layout{grid-template-columns:minmax(0,1fr)}.ab-film-chapters{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.75rem;display:grid}.ab-film-chapter:nth-child(2){border-top:1px solid var(--line-soft)}.ab-film-choice img{inline-size:5rem}.ab-chapter-title{font-size:.9rem}.ab-demo{grid-template-columns:minmax(0,1fr)}.ab-demo .ab-copy{max-inline-size:38rem}}@media (width<=600px){.ab-hero{padding-block-start:1.35rem}.ab-breadcrumb{margin-block-end:1.7rem}.ab-identity{margin-block-end:1.1rem}.ab-hero h1{max-inline-size:13ch;font-size:clamp(2.5rem,10.2vw,3.35rem)}.ab-lead{font-size:.95rem}.ab-actions{gap:.75rem;margin-block-start:1.5rem}.ab-hero-art{margin-block-start:1.75rem}.ab-page-nav{column-gap:1.2rem}.ab-page-nav a{gap:.45rem;font-size:.75rem}.ab-section-heading{margin-block-end:1.75rem}.ab-section-heading--split h2{max-inline-size:17ch}.ab-view-control button{text-align:start;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.45rem;padding:.85rem .55rem;font-size:.78rem;line-height:1.4}.ab-view-control button:first-child{padding-inline-start:0}.ab-view-stage{aspect-ratio:1.5}.ab-view-panel figcaption{padding:.2rem .45rem;font-size:.65rem;inset-block-end:.55rem;inset-inline-start:.55rem}.ab-view-footer .ab-link{font-size:.8rem}.ab-development{grid-template-columns:minmax(0,1fr);gap:2.5rem}.ab-brief-plan{max-block-size:13rem}.ab-interior,.ab-materials{padding-block-start:1rem}.ab-material-journey{grid-template-columns:minmax(0,1fr);margin-block-start:2rem}.ab-material-journey li{border-bottom:1px solid var(--line-soft);align-items:center;gap:1rem;padding:1.2rem 1.75rem 1.2rem 0;font-size:.9rem;display:flex}.ab-material-journey li:last-child{border-bottom:0}.ab-material-step{margin:0}.ab-material-journey .ab-arrow{inset-block-start:calc(50% - .55rem);inset-inline-end:.2rem;transform:rotate(90deg)}.ab-shipping{grid-template-columns:minmax(0,1fr);gap:1rem}.ab-film-chapters{grid-template-columns:minmax(0,1fr)}.ab-film-chapter:nth-child(2){border-top:0}.ab-film-choice{gap:.9rem;min-block-size:5.8rem}.ab-film-choice img{inline-size:5.6rem}.ab-chapter-title{font-size:.93rem}.ab-overview-label{display:inline}.ab-film-caption>p:not(.ab-film-meta){font-size:.9rem}.ab-closing{grid-template-columns:minmax(0,1fr);gap:.5rem}.ab-closing h2{max-inline-size:13ch}.ab-closing .ab-link{inline-size:fit-content;margin-block-start:1rem;margin-inline-start:0;display:flex}html:lang(zh-Hans) .ab-hero h1{max-inline-size:none;font-size:2.5rem}}@media (prefers-reduced-motion:reduce){.ai-builder *,.ai-builder :before,.ai-builder :after{scroll-behavior:auto;transition-duration:0s!important;animation:none!important}.ai-builder .button:active{transform:none}}html[data-qa=true] .ab-view-panel,html[data-qa="1"] .ab-view-panel{transition:none}html[data-ab-motion-v41=ready] .ab-material-journey{position:relative}html[data-ab-motion-v41=ready] .ab-material-journey:before{content:"";background:var(--ab-accent);transform-origin:0;block-size:1px;transition:transform 1.1s var(--ease-shipay-arrive);pointer-events:none;position:absolute;inset-block-start:-1px;inset-inline:0;transform:scaleX(0)}html:dir(rtl)[data-ab-motion-v41=ready] .ab-material-journey:before{transform-origin:100%}html[data-ab-motion-v41=ready] .ab-material-journey[data-ab-rail=on]:before{transform:scaleX(1)}html[data-ab-motion-v41=ready] .ab-view-control{position:relative}html[data-ab-motion-v41=ready] .ab-view-control[data-ab-views=indicator] button[aria-pressed=true]{border-bottom-color:#0000}.ab-view-indicator{block-size:2px;inline-size:var(--ab-indicator-width,0);background:var(--ab-accent);transform:translateX(var(--ab-indicator-x,0));pointer-events:none;position:absolute;inset-block-end:0;inset-inline-start:0}.ab-view-indicator[data-ab-slide=true]{transition:transform .44s var(--ease-shipay-arrive), inline-size .44s var(--ease-shipay-arrive)}html[data-ab-motion-v41=ready] .ab-view-panel{transition:opacity .6s var(--ease-shipay-arrive), transform .9s var(--ease-shipay-arrive), visibility .6s;transform:scale(1.012)}html[data-ab-motion-v41=ready] .ab-view-panel[data-active=true]{transform:none}@media (hover:hover) and (pointer:fine){html[data-ab-motion-v41=ready] .ai-builder :is(.ab-link,.ab-page-nav a,.ab-breadcrumb a){text-underline-offset:.3em;transition:color var(--duration-hover) var(--ease-shipay-state), text-decoration-color .28s var(--ease-shipay-state);text-decoration:underline 1px #0000}html[data-ab-motion-v41=ready] .ai-builder :is(.ab-link,.ab-page-nav a,.ab-breadcrumb a):hover{text-decoration-color:currentColor}html[data-ab-motion-v41=ready] .ai-builder .ab-arrow{transition:transform .32s var(--ease-shipay-state)}html[data-ab-motion-v41=ready] .ai-builder :is(.ab-link,.ab-page-nav a,.button,.ab-related-links a,.ab-chapter-open,.ab-demo-caption):hover .ab-arrow:not(.ab-arrow--down):not(.ab-arrow--external){transform:translate(4px)}html[data-ab-motion-v41=ready] .ai-builder :is(.ab-link,.ab-page-nav a,.button):hover .ab-arrow--down{transform:rotate(90deg)translate(4px)}html[data-ab-motion-v41=ready] .ai-builder :is(.ab-link,.ab-page-nav a,.button,.ab-chapter-open,.ab-demo-art):hover .ab-arrow--external{transform:rotate(-45deg)translate(4px)}html[data-ab-motion-v41=ready] .ab-related-links a{position:relative}html[data-ab-motion-v41=ready] .ab-related-links a:after{content:"";background:var(--ab-accent);transform-origin:0;block-size:1px;transition:transform .42s var(--ease-shipay-arrive);pointer-events:none;position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0)}html[data-ab-motion-v41=ready] .ab-related-links a:hover:after{transform:scaleX(1)}html[data-ab-motion-v41=ready] .ab-demo-art img{transition:transform .62s var(--ease-shipay-arrive)}html[data-ab-motion-v41=ready] .ab-demo-art:hover img{transform:scale(1.018)}html[data-ab-motion-v41=ready] .ab-film-choice img{transition:transform .38s var(--ease-shipay-arrive), outline-color var(--duration-hover) var(--ease-shipay-state)}html[data-ab-motion-v41=ready] .ab-film-choice:hover img{transform:scale(1.04)}}html[data-ab-motion-v41=ready] .ai-builder :is(a,button):focus-visible .ab-arrow,html[data-ab-motion-v41=ready] .ai-builder :is(a,button):focus-visible img{transition:none!important;transform:none!important}html[data-ab-motion-v41=ready] .ai-builder :is(a,button):focus-visible .ab-arrow--down{transform:rotate(90deg)!important}html[data-ab-motion-v41=ready] .ai-builder :is(a,button):focus-visible .ab-arrow--external{transform:rotate(-45deg)!important}@media (hover:none),(pointer:coarse){html[data-ab-motion-v41] .ai-builder .ab-arrow,html[data-ab-motion-v41] .ab-demo-art img,html[data-ab-motion-v41] .ab-film-choice img,html[data-ab-motion-v41] .ab-related-links a:after{transition:none!important}}@media (prefers-reduced-motion:reduce){html[data-ab-motion-v41] .ai-builder *,html[data-ab-motion-v41] .ai-builder :before,html[data-ab-motion-v41] .ai-builder :after{transition:none!important;animation:none!important}html[data-ab-motion-v41] .ab-material-journey:before{transform:scaleX(1)}html[data-ab-motion-v41] .ab-view-panel{transform:none!important}}html[data-qa="1"] .ai-builder *,html[data-qa="1"] .ai-builder :before,html[data-qa="1"] .ai-builder :after,html[data-qa=true] .ai-builder *,html[data-qa=true] .ai-builder :before,html[data-qa=true] .ai-builder :after{transition:none!important;animation:none!important}html[data-qa="1"] .ab-view-panel,html[data-qa=true] .ab-view-panel{transform:none!important}
