/* 1023 画板复用历史模板的字体、图片生命周期和等比适配；此处只定义新设计差异。 */
@import url('./cinematic.css');
.figma-frame .cinematic-tagline { white-space:pre-line; }
.figma-frame .cinematic-copy { margin-top:-63px; }
.figma-frame h1 { font-size:40px; line-height:1.2; white-space:normal; }
.figma-frame .actions { margin-top:calc(24px + var(--cinematic-extra) * .3); }
.figma-frame .cinematic-tagline { margin-top:calc(24px + var(--cinematic-extra) * .3); }
.figma-frame .cinematic-film { margin-top:calc(22px + var(--cinematic-extra) * .28); }
.figma-frame .cinematic-art { background:#000; }
/* 手机主图本身包含设计的上下透明渐隐，不再叠加旧主图遮罩。 */
.figma-frame .cinematic-art:has(picture)::after { display:none; }
@media(min-width:900px) {
 .figma-frame .cinematic-copy { margin:0; padding:169px 0 48px 150px; }
 .figma-frame h1 { font-size:112px; line-height:1.12; white-space:pre-line; }
 .figma-frame .actions { margin-top:6px; }
 .figma-frame .cinematic-tagline { margin-top:60px; }
 .figma-frame .cinematic-film { margin:0 6.09375%; }
 .figma-frame .cinematic-art { left:643px; right:auto; width:1160px; height:642px; }
 .figma-frame .cinematic-art picture { left:11px; right:11px; height:640px; }
 .figma-frame .cinematic-art picture .hero-image { object-fit:cover; }
 .figma-frame .cinematic-art picture::after { content:""; position:absolute; top:0; bottom:0; right:-11px; width:158px; pointer-events:none; background:linear-gradient(270deg,#080709,#080709e6 26%,#08070936 56%,transparent); }
 .figma-frame .cinematic-art::before { left:0; background:linear-gradient(90deg,#080709,#080709e6 26%,#08070936 56%,transparent); }
 .figma-frame .cinematic-art::after,.figma-frame .cinematic-art:has(picture)::after { display:block; inset:440px 0 0 156px; height:202px; background:linear-gradient(180deg,transparent,#080709); }
 .figma-frame .hero-image.hero-landscape { object-fit:cover; }
 .figma-frame .cinematic-copy:lang(zh) h1 { font-size:58px; line-height:1.4; }
 .figma-frame .cinematic-footer p { display:none; }
}
/* TikTok 内置浏览器引导遮罩：右上角箭头指向「···」菜单。 */
.tiktok-guide { position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.82); color:#fff; display:flex; flex-direction:column; align-items:flex-end; padding:8px 18px 0 24px; }
.tiktok-guide-arrow { width:110px; height:110px; margin-right:6px; }
.tiktok-guide-text { align-self:center; margin-top:16px; text-align:center; font-size:20px; line-height:1.6; font-weight:600; }
.tiktok-guide-text p { margin:0; }
.tiktok-guide-dots { display:inline-block; padding:0 8px; border-radius:8px; background:rgba(255,255,255,.18); letter-spacing:2px; }