@font-face{font-family:Onest;src:url('../fonts/onest-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Unbounded;src:url('../fonts/unbounded-latin.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#0d060b;--surface:#1b161a;--raised:#292529;--ink:#faf8fa;--muted:#c6bdc3;--accent:#ff488b;--line:#5e575d;--error:#ffbac8;--body:17px;--small:14px;--lead:clamp(20px,1.8vw,25px);--head:clamp(26px,3.2vw,44px);--display:clamp(32px,5.2vw,72px);--gutter:clamp(20px,4vw,64px);--ease:cubic-bezier(.16,1,.3,1);font-family:Onest,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:var(--body)}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:5px}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}img,video,canvas{max-width:100%;display:block}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Unbounded,Arial,sans-serif;font-weight:400;letter-spacing:-.045em;text-wrap:balance;line-height:1.16}h1{font-size:var(--display)}h2{font-size:var(--head)}h3{font-size:var(--lead);font-weight:500;line-height:1.3}p,li{line-height:1.65}p{max-width:65ch}p+p{margin-top:16px}em{font-style:normal}small{font-size:var(--small)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--bg);padding:15px}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px var(--gutter);max-width:1600px;margin:auto}.brand{font-family:Unbounded,Arial,sans-serif;font-size:22px;text-decoration:none;letter-spacing:-1px}.brand-mark{display:none}.header nav{display:flex;gap:28px}.header nav a{text-decoration:none;font-size:16px;padding:8px 0}.header nav a:hover{text-decoration:underline}.header-cta{text-decoration:none;background:var(--ink);color:var(--bg);padding:13px 18px;border-radius:5px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 22px;border:0;border-radius:5px;font-size:16px;font-weight:500;text-decoration:none;line-height:1.4}.primary,.ink{background:var(--ink);color:var(--bg)}.secondary{background:var(--raised);color:var(--ink)}.ghost{background:transparent;color:var(--ink)}.text-button{background:transparent;border:0;color:var(--ink);padding:10px 0;min-height:44px;font-size:var(--small);text-decoration:underline;text-underline-offset:5px}.text-link{display:inline-block;padding:12px 0}.quiet{color:var(--muted);font-size:var(--small)}.intro{font-size:var(--lead);line-height:1.55}.hero{max-width:1600px;margin:40px auto 0;padding:0 var(--gutter)}.hero-band{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start;margin-bottom:40px}.hero-band .button{margin-top:25px}.hero-band .quiet{margin-top:18px}.hero-art video{width:100%;height:clamp(260px,39vw,560px);object-fit:cover;object-position:50% 45%;background:#000}.hero-art figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:16px;font-size:var(--small);color:var(--muted)}.section{max-width:1600px;padding:70px var(--gutter);margin:auto}.frame-story{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:center}.story-heading p{margin-top:24px}.story-heading{align-self:start}.frame-run{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:20px 12px}.frame-choice{padding:0;border:0;background:transparent;text-align:left;min-width:0;min-height:44px}.frame-choice img{width:100%;height:140px;object-fit:cover}.frame-choice span{display:block;margin-top:10px;font-size:var(--small)}.frame-choice[aria-pressed=true] img{outline:3px solid var(--accent);outline-offset:3px}.frame-choice:first-child{grid-column:1/-1;grid-row:auto}.frame-choice:first-child img{height:300px;object-position:50% 40%}.workflow{display:grid;grid-template-columns:1fr 1.4fr;gap:100px}.workflow>.story-heading{position:sticky;top:32px}.steps article+article{margin-top:48px}.steps p{margin:20px 0}.steps img{width:100%;height:270px;object-fit:cover;margin:24px 0}.template-list{display:grid;gap:10px}.template-link{display:grid;grid-template-columns:1fr auto;gap:2px 18px;padding:16px 0;text-decoration:none}.template-link strong{font-size:20px;font-weight:500}.template-link span:nth-child(2){grid-row:2;color:var(--muted);font-size:var(--small)}.template-link span:last-child{grid-column:2;grid-row:1/3;align-self:center}.template-link:hover strong{text-decoration:underline;text-underline-offset:5px}.credit-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.credit-story .button{margin:25px 0 10px}.open-faq h2{margin-bottom:60px}.question{display:grid;grid-template-columns:1fr 1fr;gap:80px}.question+.question{margin-top:44px}.question h3{font-family:Unbounded,Arial,sans-serif;font-size:26px;font-weight:400}.footer{max-width:1600px;margin:auto;padding:60px var(--gutter);display:flex;justify-content:space-between;gap:40px}.footer p{margin:20px 0;font-size:var(--small)}.footer nav{display:flex;max-width:500px;align-items:flex-start;align-content:start;gap:18px 28px;flex-wrap:wrap;font-size:var(--small)}.footer nav a{padding:10px 0}.footer .text-button{padding:10px 0}.reading{max-width:1200px;margin:50px auto;padding:0 var(--gutter) 70px}.reading h1{font-size:clamp(32px,4.5vw,56px);max-width:22ch;margin:24px 0 35px}.reading h2{font-size:28px;margin:48px 0 20px}.reading>p,.reading>ul{max-width:75ch}.reading figure{margin:40px 0}.reading figure video{width:100%;max-height:600px}.reading figcaption{margin-top:14px;color:var(--muted);font-size:var(--small)}.reading .button{margin-top:24px}.reading blockquote,.prompt-preview{background:var(--surface);padding:24px;line-height:1.7;margin:24px 0}.template-index>article{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:64px 0}.template-index h2{margin-top:0}.template-index video{width:100%}.eyebrow{font-size:var(--small);letter-spacing:0;font-weight:400;color:var(--muted)}
/* 工具屏使用中性表面；信息来自真实 API，未加载时不展示伪造余额。 */
body[data-app=true]{--bg:#080808;--surface:#161616;--raised:#292929;--muted:#c2c2c2;--line:#5c5c5c}.workspace{max-width:1440px;margin:35px auto 0;padding:0 var(--gutter) 60px}.workspace h1,.tool-hero h1{font-family:Onest,Arial,sans-serif;font-size:32px;font-weight:500;letter-spacing:-1px}.workspace h2{font:500 22px/1.3 Onest,Arial,sans-serif;letter-spacing:0}.workspace-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.workspace-title p{margin-top:10px;color:var(--muted)}.workspace-title>a{font-size:var(--small)}.studio-grid,.thumb-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:24px}.panel{padding:28px;background:var(--surface);border:0;border-radius:8px;min-width:0}.panel h2{margin-bottom:20px}.form-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.form-heading span{font-size:var(--small);color:var(--muted)}label{display:block;font-size:var(--small);margin:20px 0 8px;line-height:1.5}label>span{font-size:var(--small);color:var(--muted);float:right}input:not([type=checkbox]):not([type=file]):not([type=range]),textarea,select{width:100%;border:1px solid var(--line);border-radius:5px;padding:12px;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5}textarea{resize:vertical;min-height:150px;max-height:500px}select{min-height:48px}input[type=file]{width:100%;font-size:var(--small)}input[type=file]::file-selector-button{background:var(--raised);color:var(--ink);padding:12px;border:0;border-radius:5px;margin-right:10px}.draft-actions{display:flex;gap:25px}.upload-zone{padding:16px;background:var(--raised);border-radius:5px}.upload-zone p{margin-top:10px;font-size:var(--small)}.upload-zone img{max-height:160px;margin-top:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.form-row p{margin-top:8px}.check-row{display:flex;gap:12px;align-items:flex-start}.check-row span{float:none;color:var(--ink)}.check-row input{margin-top:5px;min-width:18px;min-height:18px;accent-color:var(--ink)}.notice{padding:14px 16px;background:var(--raised);border-radius:5px;margin:20px 0;font-size:var(--small);line-height:1.6}.error{color:var(--error);font-size:16px;margin:16px 0;line-height:1.6}.full{width:100%;margin:10px 0 16px}.empty-result{min-height:320px;display:flex;flex-direction:column;justify-content:center;gap:24px;align-items:center;text-align:center;padding:30px}.empty-result p{max-width:32ch;color:var(--muted)}.empty-result a{font-size:var(--small)}.result-panel{display:flex;flex-direction:column;align-self:start;position:sticky;top:24px}.result-tip{margin-top:auto;padding-top:36px;color:var(--muted);font-size:var(--small)}.result-panel video{width:100%;max-height:520px;background:#000}.result-panel #job-message{margin:24px 0}.result-panel #job-id{display:block;margin-top:20px;overflow-wrap:anywhere}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.progress{min-height:320px;display:grid;place-content:center;justify-items:center;gap:20px}.spinner{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.history-header{display:flex;align-items:center;justify-content:space-between;margin:40px 0 16px}.history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.history button{border:0;background:var(--surface);padding:20px;border-radius:5px;text-align:left;line-height:1.6}.history strong{font-size:16px}.history small{display:block;color:var(--muted);margin-top:8px}.account-bar{padding:14px var(--gutter);max-width:1440px;margin:auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:var(--small)}.account-bar #credit-balance{margin-left:auto}.account-bar .button{font-size:var(--small);padding:10px 15px}.account-bar #sign-out{margin-left:8px}#payment-status{max-width:1300px;margin:20px var(--gutter)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 50px}.wallet>h2{margin:40px 0 20px}.wallet>.intro{margin-top:16px}.price{font-size:56px;letter-spacing:-2px;margin:25px 0}.wallet .button{margin:20px 0}.tool-hero{max-width:1440px;margin:auto;padding:35px var(--gutter) 0}.tool-hero .eyebrow{margin-bottom:15px}.tool-hero .intro{margin-top:20px}.thumbnail-workspace{padding-top:30px}.tool-top{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.file-button{position:relative;cursor:pointer;margin:0}.file-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.thumb-grid h2{font:500 22px Onest,Arial,sans-serif}.thumb-grid video{width:100%;height:280px;object-fit:contain;background:#000}.canvas-wrap{height:280px;display:grid;place-items:center;background:#000;overflow:hidden}.canvas-wrap canvas{max-height:280px;width:auto}.timeline label{display:flex;justify-content:space-between}.timeline input{width:100%;min-height:44px}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.frame-grid button{border:2px solid transparent;padding:0;background:var(--raised)}.frame-grid button[aria-pressed=true]{border-color:var(--accent)}.frame-grid img{width:100%;height:80px;object-fit:cover}.frame-grid small{display:block;padding:8px}.consent{position:fixed;z-index:20;bottom:20px;right:20px;width:min(540px,calc(100% - 40px));padding:24px;background:var(--raised);display:flex;flex-wrap:wrap;gap:16px;border-radius:8px}.consent>div{width:100%}.consent p{font-size:var(--small);margin-top:8px}.consent strong{font-size:16px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:18px 24px;background:var(--ink);color:var(--bg);z-index:30;font-size:16px;border-radius:5px}.noscript{padding:25px var(--gutter);font-size:16px;background:var(--surface)}
@media(max-width:1000px){.header{gap:18px}.header nav{gap:18px}.header nav a{font-size:var(--small)}.hero-band{gap:35px}.frame-story,.workflow,.credit-story,.question{gap:40px}.panel{padding:20px}.history{grid-template-columns:1fr 1fr}.empty-result{padding:20px;min-height:360px}.form-heading{flex-wrap:wrap}.template-index>article{gap:30px}.footer{gap:30px}.footer nav{max-width:360px}}
@media(max-width:700px){.header{padding-top:20px;padding-bottom:20px;flex-wrap:wrap;gap:14px}.header nav{order:3;width:100%;justify-content:space-between;gap:12px}.header-cta{padding:11px 14px;font-size:var(--small)}.brand{font-size:20px}.hero{margin-top:22px}.hero-band{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.hero h1{font-size:39px}.hero-band .intro{font-size:18px}.hero-band .button{margin-top:22px}.hero-art video{height:250px}.hero-art figcaption{flex-direction:column;gap:8px;font-size:13px}.section{padding-top:60px;padding-bottom:60px}.frame-story,.workflow,.credit-story,.question{grid-template-columns:1fr;gap:28px}.frame-run{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 8px}.frame-choice img{height:110px}.frame-choice:first-child img{height:260px}.workflow>.story-heading{position:static}.steps article+article{margin-top:48px}.question+.question{margin-top:44px}.question h3{font-size:23px}.open-faq h2{margin-bottom:40px}.footer{flex-direction:column;padding-top:40px}.footer nav{max-width:none;gap:12px 22px}.reading{margin-top:30px}.reading h1{font-size:32px}.reading h2{font-size:25px}.template-index>article{grid-template-columns:1fr;gap:24px}.studio-grid,.thumb-grid,.pricing-grid{grid-template-columns:1fr}.workspace-title{align-items:start;flex-direction:column}.workspace{margin-top:25px}.workspace h1,.tool-hero h1{font-size:24px}.result-panel{position:static}.empty-result{min-height:280px}.form-row{gap:12px}.account-bar{gap:12px}.account-bar #credit-balance{margin-left:0}.account-bar #account-status{width:100%}.history{grid-template-columns:1fr}.tool-top>.quiet{width:100%}.tool-hero .intro{font-size:18px}.tool-hero h1 br{display:none}.pricing-grid{margin-top:24px}.thumb-grid video,.canvas-wrap{height:240px}.canvas-wrap canvas{max-height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.workflow>.story-heading{position:static}}
@media(prefers-reduced-motion:no-preference){.button,.header-cta,.frame-choice{transition:transform 180ms var(--ease)}.button:active,.header-cta:active{transform:scale(.98)}.frame-choice:hover{transform:translateY(-3px)}.reveal-rise{animation:rise 750ms var(--ease) both}.reveal-picture{animation:settle 850ms var(--ease) both}.reveal-row{animation:arrive 650ms var(--ease) both}@keyframes rise{from{opacity:.55;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes settle{from{opacity:.65;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes arrive{from{opacity:.6;transform:translateX(12px)}to{opacity:1;transform:none}}}

/* 实验模板沿用工作台；没有样片时不预留假视频大空框。 */
.skirt-experiment .empty-result{min-height:0;padding:24px 0;align-items:flex-start;text-align:left;gap:16px}
.skirt-experiment .result-tip{padding-top:16px}
#skirt-input h3{margin-bottom:12px}
#skirt-text-help{margin-top:8px}

/* 效果工作室：完整竖片为主体，文案与控制共用主站左右留白。 */
.cinema-hero{max-width:1600px;margin:36px auto 70px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr minmax(250px,390px) .7fr;gap:clamp(24px,4vw,64px);align-items:center}
.cinema-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.05}
.cinema-copy .intro{font-size:20px;margin:28px 0;max-width:25ch}
.cinema-copy .quiet{margin-top:20px;max-width:28ch}
.cinema-screen{min-width:0;justify-self:center;width:100%}
.cinema-screen video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#000}
.cinema-screen figcaption{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;padding-top:16px;font-size:var(--small);color:var(--muted)}
.cinema-screen figcaption strong{font-weight:500;color:var(--ink)}
.cinema-notes h2{font:500 clamp(22px,2vw,28px)/1.25 Onest,Arial,sans-serif;letter-spacing:-.02em}
.cinema-notes p{margin-top:20px;font-size:16px}
.cinema-notes .quiet{font-size:var(--small)}
.program-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}
.program-heading p{max-width:28ch}
.effect-programme{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,80px);align-items:start}
.effect-feature{display:grid;grid-template-columns:minmax(120px,.8fr) 1fr;gap:28px;align-items:end;text-decoration:none}
.effect-feature img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#000}
.effect-feature p{margin:16px 0 24px}.effect-feature span{font-size:16px;text-decoration:underline;text-underline-offset:5px}
.concept-programme{display:grid;gap:36px}.concept-programme article{padding:28px;background:var(--surface)}
.concept-programme h2,.concept-programme h3{font:500 25px/1.3 Onest,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 16px}
.concept-programme .quiet{margin:0 0 14px}.concept-programme p{font-size:16px}.concept-programme a{display:inline-block;margin-top:16px}
.scene-process,.cinema-faq{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,96px)}
.scene-process>div>p{margin-top:24px;max-width:28ch}
.scene-decisions details,.cinema-faq details{padding:22px 24px;background:var(--surface)}
.scene-decisions details+details,.cinema-faq details+details{margin-top:8px}
summary{cursor:pointer;line-height:1.5}.scene-decisions summary,.cinema-faq summary{font-size:20px}
details>p{margin-top:16px}details[open]>summary{font-weight:500}
.credit-ticket{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;padding:48px;background:var(--ink);color:var(--bg);align-items:center}
.credit-ticket h2{font-size:clamp(28px,3vw,42px)}.credit-ticket p{margin-top:24px;max-width:44ch}
.credit-ticket>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.credit-ticket .primary{background:var(--bg);color:var(--ink)}.credit-ticket .quiet{color:#4b4148;margin:0}
.effects-directory,.effect-detail{max-width:1440px;margin:40px auto 0;padding:0 var(--gutter) 70px}
.directory-title{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:48px}
.directory-title h1,.effect-detail h1{font-size:clamp(32px,4vw,56px)}.directory-title .intro{font-size:20px}
.directory-feature{display:grid;grid-template-columns:minmax(130px,240px) 1fr;gap:28px;align-items:center}
.directory-feature video,.effect-detail-media video,.lab-study video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#000}
.directory-feature h2{font-size:28px}.directory-feature p{margin:20px 0}.directory-feature figcaption,.effect-detail figcaption,.lab-study figcaption{font-size:var(--small);color:var(--muted);margin-top:14px;line-height:1.5}
.effect-detail-grid{display:grid;grid-template-columns:minmax(240px,.85fr) 1fr;gap:clamp(32px,7vw,112px);align-items:start;margin-top:24px}
.effect-detail-media{width:100%;max-width:400px;justify-self:center}.effect-detail-copy>.intro{margin-top:24px}.effect-detail-copy>p{margin-top:20px}.effect-detail-copy>.button{margin-top:28px}
.effect-detail-copy h2{font:500 24px/1.3 Onest,Arial,sans-serif;letter-spacing:0;margin-top:32px}
.prompt-details{margin-top:28px;padding:22px;background:var(--surface)}.prompt-details p{font-size:16px}
.concept-sheet{padding:40px 28px;background:var(--surface)}.concept-sheet h2{font-size:clamp(28px,3.5vw,48px);margin:32px 0}.concept-sheet>p{font-size:16px}
.other-scenes{margin-top:80px;display:grid;grid-template-columns:1.2fr 1fr;gap:16px 48px}.other-scenes h2{grid-row:span 3;font-size:32px}
.lab-study{display:grid;grid-template-columns:1fr minmax(200px,360px);gap:64px;align-items:center}.lab-study p{margin-top:24px}
.empty-result:has(#studio-sample:not([hidden])){padding:0;gap:20px;text-align:left;align-items:stretch}.empty-result:has(#studio-sample:not([hidden])) p{max-width:none}
#studio-sample{object-fit:contain;height:auto;max-height:460px;aspect-ratio:9/16}
@media(max-width:1100px){.cinema-hero{grid-template-columns:1fr minmax(240px,340px);gap:32px}.cinema-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;align-items:start}.cinema-notes p{margin:0}.cinema-notes .text-link{padding:0}.directory-feature{grid-template-columns:1fr}.directory-feature figure{max-width:280px}.program-heading{align-items:start}.credit-ticket{padding:32px;gap:32px}}
@media(max-width:700px){.cinema-hero{margin:20px auto 24px;grid-template-columns:1fr;gap:28px}.cinema-copy h1{font-size:clamp(40px,10vw,54px)}.cinema-copy h1 br{display:none}.cinema-copy .intro{font-size:18px;max-width:34ch;margin:20px 0}.cinema-copy .quiet{margin-top:16px;max-width:none}.cinema-screen{max-width:320px}.cinema-notes{display:block}.cinema-notes h2 br{display:none}.cinema-notes p{margin-top:14px}.cinema-notes .text-link{padding:14px 0 0}.program-heading,.directory-title{display:block}.program-heading p,.directory-title p{margin-top:20px}.effect-programme,.scene-process,.cinema-faq,.credit-ticket,.effect-detail-grid,.lab-study{grid-template-columns:1fr;gap:28px}.effect-feature{gap:20px;grid-template-columns:.8fr 1fr}.effect-feature p{font-size:16px}.concept-programme{gap:16px}.concept-programme article{padding:24px}.scene-decisions details,.cinema-faq details{padding:20px}.credit-ticket{padding:28px}.credit-ticket>div:last-child{gap:18px}.effects-directory,.effect-detail{margin-top:24px}.directory-feature{grid-template-columns:1fr;gap:24px}.directory-feature figure{max-width:320px;justify-self:center}.effect-detail-media{max-width:320px}.other-scenes{grid-template-columns:1fr;gap:12px;margin-top:56px}.other-scenes h2{grid-row:auto;margin-bottom:16px}.lab-study figure{max-width:320px;margin:auto}}

/* 营销页限定为 display / heading / lead / body / small 五档文字。 */
body[data-page=home]{--lead:25px;--head:44px}
body[data-page=home] .intro,body[data-page=home] .cinema-notes p,body[data-page=home] .concept-programme p,body[data-page=home] .effect-feature p,body[data-page=home] .effect-feature span,body[data-page=home] .button,body[data-page=home] .header-cta,body[data-page=home] .header nav a,body[data-page=home] .text-link{font-size:17px}
body[data-page=home] .cinema-notes h2,body[data-page=home] .concept-programme h3,body[data-page=home] summary{font-size:25px}
body[data-page=home] .credit-ticket h2{font-size:44px}
body[data-page=home] .brand{font-size:25px}
body[data-page=home] .quiet,body[data-page=home] .concept-programme .quiet{font-size:14px}
@media(max-width:700px){body[data-page=home]{--head:32px}body[data-page=home] .credit-ticket h2{font-size:32px}body[data-page=home] .brand{font-size:20px}body[data-page=home] .header-cta,body[data-page=home] .header nav a{font-size:14px}}

/* 首发产品入口：完整作品、真实任务和独立效果内页。 */
.launch-intro,.launch-workbench{max-width:1440px;margin:auto;padding:0 var(--gutter)}
.launch-intro{display:flex;align-items:end;justify-content:space-between;gap:48px;padding-top:40px;padding-bottom:36px}
.launch-intro h1{font-size:clamp(40px,4.8vw,68px);line-height:1.1;letter-spacing:-.055em;max-width:18ch}
body[data-page=home] .launch-intro .intro{font-size:20px;line-height:1.5;max-width:55ch;margin-top:24px}
.launch-actions{flex:none;display:flex;align-items:start;flex-direction:column;gap:16px}.launch-actions .quiet{max-width:24ch}
.launch-workbench{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:36px}
.launch-showcase{background:var(--surface);display:grid;grid-template-columns:minmax(220px,1fr) minmax(230px,.9fr);min-width:0}
.launch-player{background:#000;min-width:0;display:grid;place-items:center}.launch-player video{display:block;width:100%;height:510px;object-fit:contain}
.launch-caption{padding:30px;display:flex;flex-direction:column;align-items:start;gap:16px}.launch-caption h2,.creation-rail h2,.creation-option h3{font-size:25px;line-height:1.2;letter-spacing:-.025em}.launch-caption p{line-height:1.55}.launch-caption .text-link{padding:0}
.sample-choices{display:flex;gap:12px;margin-top:auto;width:100%;padding-top:12px}.sample-choices button{border:2px solid transparent;padding:5px;background:var(--bg);color:var(--ink);flex:1;min-width:0;text-align:left}.sample-choices button[aria-pressed=true]{border-color:var(--ink)}.sample-choices img{width:100%;height:112px;object-fit:cover}.sample-choices span{display:block;font-size:14px;padding:8px 3px}
.creation-rail{display:flex;flex-direction:column;gap:12px;min-width:0}.creation-rail>h2{margin-bottom:6px}.creation-option{display:block;padding:22px 24px;background:var(--surface);text-decoration:none}.creation-option h3{display:flex;justify-content:space-between;gap:16px}.creation-option p{margin-top:12px;color:var(--muted);font-size:17px;line-height:1.5}.creation-option small{display:block;font-size:14px;margin-top:10px;color:var(--muted)}.creation-option:hover{background:var(--raised)}.creation-rail>.text-link{margin-top:auto}
.launch-details{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.launch-details h2,.launch-explore h2{font-size:44px;line-height:1.1;letter-spacing:-.04em}.launch-details p,.launch-explore p{margin:22px 0;max-width:50ch}.launch-details dl{display:grid;gap:24px}.launch-details dt{font-size:25px;margin-bottom:10px}.launch-details dd{margin:0;line-height:1.65;color:var(--muted)}.launch-explore{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.launch-explore h2{font-size:32px}
@media(max-width:1050px){.launch-intro{align-items:start;gap:24px}.launch-workbench{grid-template-columns:1fr}.launch-showcase{grid-template-columns:minmax(200px,.8fr) 1fr}.launch-player video{height:460px}.creation-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.creation-rail>h2,.creation-rail>.text-link{grid-column:1/-1}.creation-option{padding:20px}.creation-option h3{font-size:20px}.launch-details,.launch-explore{gap:36px}.launch-details h2{font-size:36px}}
@media(max-width:700px){.launch-intro{display:block;padding-top:20px;padding-bottom:28px}.launch-intro h1{font-size:42px;max-width:15ch}.launch-intro .intro{margin-top:18px}.launch-actions{margin-top:24px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px}.launch-actions>.quiet{max-width:none;width:100%}.launch-showcase{grid-template-columns:1fr}.launch-player video{height:400px}.launch-caption{padding:24px;gap:14px}.sample-choices img{height:120px}.creation-rail{grid-template-columns:1fr}.creation-option h3{font-size:25px}.launch-details,.launch-explore{grid-template-columns:1fr;gap:32px}.launch-details h2{font-size:36px}.launch-explore h2{font-size:30px}}

/* 首页的可选统计选择放在页尾，不遮挡创作入口。 */
body[data-page=home] .consent{position:static;width:auto;max-width:1324px;margin:0 var(--gutter) 28px}