[{"data":1,"prerenderedAt":2544},["ShallowReactive",2],{"navigation":3,"\u002Freference\u002Fhtml-schema":686,"\u002Freference\u002Fhtml-schema-surround":2539},[4,31,57,147,168,198,652],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"快速入门","i-lucide-rocket","\u002Fgetting-started","01.getting-started",[10,14,18,22,26],{"title":11,"path":12,"stem":13},"简介","\u002Fgetting-started\u002Fintroduction","01.getting-started\u002F01.introduction",{"title":15,"path":16,"stem":17},"快速开始","\u002Fgetting-started\u002Fquickstart","01.getting-started\u002F02.quickstart",{"title":19,"path":20,"stem":21},"展示作品","\u002Fgetting-started\u002Fshowcase","01.getting-started\u002F03.showcase",{"title":23,"path":24,"stem":25},"示例","\u002Fgetting-started\u002Fexamples","01.getting-started\u002F04.examples",{"title":27,"path":28,"stem":29},"发布视频","\u002Fgetting-started\u002Flaunch-videos","01.getting-started\u002F05.launch-videos",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"核心概念","i-lucide-lightbulb","\u002Fconcepts","02.concepts",[37,41,45,49,53],{"title":38,"path":39,"stem":40},"合成","\u002Fconcepts\u002Fcompositions","02.concepts\u002F01.compositions",{"title":42,"path":43,"stem":44},"数据属性","\u002Fconcepts\u002Fdata-attributes","02.concepts\u002F02.data-attributes",{"title":46,"path":47,"stem":48},"变量","\u002Fconcepts\u002Fvariables","02.concepts\u002F03.variables",{"title":50,"path":51,"stem":52},"帧适配器","\u002Fconcepts\u002Fframe-adapters","02.concepts\u002F04.frame-adapters",{"title":54,"path":55,"stem":56},"确定性渲染","\u002Fconcepts\u002Fdeterminism","02.concepts\u002F05.determinism",{"title":58,"icon":59,"path":60,"stem":61,"children":62,"page":30},"使用指南","i-lucide-compass","\u002Fguides","03.guides",[63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143],{"title":64,"path":65,"stem":66},"工作流水线","\u002Fguides\u002Fpipeline","03.guides\u002F01.pipeline",{"title":68,"path":69,"stem":70},"HTML-in-Canvas","\u002Fguides\u002Fhtml-in-canvas","03.guides\u002F02.html-in-canvas",{"title":72,"path":73,"stem":74},"网站转视频","\u002Fguides\u002Fwebsite-to-video","03.guides\u002F03.website-to-video",{"title":76,"path":77,"stem":78},"Google Antigravity","\u002Fguides\u002Fantigravity","03.guides\u002F04.antigravity",{"title":80,"path":81,"stem":82},"GitHub Copilot CLI","\u002Fguides\u002Fcopilot-cli","03.guides\u002F05.copilot-cli",{"title":84,"path":85,"stem":86},"Claude Design","\u002Fguides\u002Fclaude-design","03.guides\u002F06.claude-design",{"title":88,"path":89,"stem":90},"Open Design","\u002Fguides\u002Fopen-design","03.guides\u002F07.open-design",{"title":92,"path":93,"stem":94},"提示词指南","\u002Fguides\u002Fprompting","03.guides\u002F08.prompting",{"title":96,"path":97,"stem":98},"Hyperframes vs Remotion","\u002Fguides\u002Fhyperframes-vs-remotion","03.guides\u002F09.hyperframes-vs-remotion",{"title":100,"path":101,"stem":102},"GSAP 动画","\u002Fguides\u002Fgsap-animation","03.guides\u002F10.gsap-animation",{"title":104,"path":105,"stem":106},"渲染","\u002Fguides\u002Frendering","03.guides\u002F11.rendering",{"title":108,"path":109,"stem":110},"去除背景（透明视频）","\u002Fguides\u002Fremove-background","03.guides\u002F12.remove-background",{"title":112,"path":113,"stem":114},"HDR 渲染","\u002Fguides\u002Fhdr","03.guides\u002F13.hdr",{"title":116,"path":117,"stem":118},"4K 渲染","\u002Fguides\u002F4k-rendering","03.guides\u002F14.4k-rendering",{"title":120,"path":121,"stem":122},"性能","\u002Fguides\u002Fperformance","03.guides\u002F15.performance",{"title":124,"path":125,"stem":126},"时间轴编辑","\u002Fguides\u002Ftimeline-editing","03.guides\u002F16.timeline-editing",{"title":128,"path":129,"stem":130},"视频编辑者速查表","\u002Fguides\u002Fvideo-editor-cheatsheet","03.guides\u002F17.video-editor-cheatsheet",{"title":132,"path":133,"stem":134},"常见错误","\u002Fguides\u002Fcommon-mistakes","03.guides\u002F18.common-mistakes",{"title":136,"path":137,"stem":138},"故障排除","\u002Fguides\u002Ftroubleshooting","03.guides\u002F19.troubleshooting",{"title":140,"path":141,"stem":142},"反馈收集","\u002Fguides\u002Ffeedback","03.guides\u002F20.feedback",{"title":144,"path":145,"stem":146},"HyperFrames MCP","\u002Fguides\u002Fmcp","03.guides\u002F21.mcp",{"title":148,"icon":149,"path":150,"stem":151,"children":152,"page":30},"部署","i-lucide-cloud","\u002Fdeploy","04.deploy",[153,156,160,164],{"title":148,"path":154,"stem":155},"\u002Fdeploy\u002Fdeploy","04.deploy\u002F01.deploy",{"title":157,"path":158,"stem":159},"AWS Lambda","\u002Fdeploy\u002Faws-lambda","04.deploy\u002F02.aws-lambda",{"title":161,"path":162,"stem":163},"Lambda 上的模板","\u002Fdeploy\u002Ftemplates-on-lambda","04.deploy\u002F03.templates-on-lambda",{"title":165,"path":166,"stem":167},"迁移到 HyperFrames Lambda","\u002Fdeploy\u002Fmigrating-to-hyperframes-lambda","04.deploy\u002F04.migrating-to-hyperframes-lambda",{"title":169,"icon":170,"path":171,"stem":172,"children":173,"page":30},"包","i-lucide-package","\u002Fpackages","05.packages",[174,178,182,186,190,194],{"title":175,"path":176,"stem":177},"@hyperframes\u002Fcore","\u002Fpackages\u002Fcore","05.packages\u002F01.core",{"title":179,"path":180,"stem":181},"@hyperframes\u002Fengine","\u002Fpackages\u002Fengine","05.packages\u002F02.engine",{"title":183,"path":184,"stem":185},"@hyperframes\u002Fplayer","\u002Fpackages\u002Fplayer","05.packages\u002F03.player",{"title":187,"path":188,"stem":189},"@hyperframes\u002Fproducer","\u002Fpackages\u002Fproducer","05.packages\u002F04.producer",{"title":191,"path":192,"stem":193},"@hyperframes\u002Fstudio","\u002Fpackages\u002Fstudio","05.packages\u002F05.studio",{"title":195,"path":196,"stem":197},"CLI","\u002Fpackages\u002Fcli","05.packages\u002F06.cli",{"title":199,"icon":200,"path":201,"stem":202,"children":203,"page":30},"组件目录","i-lucide-layout-grid","\u002Fcatalog","06.catalog",[204,270,324,358,420,478,512,546,584,598],{"title":205,"icon":206,"path":207,"stem":208,"children":209,"page":30},"字幕","i-lucide-captions","\u002Fcatalog\u002Fcaption","06.catalog\u002F01.caption",[210,214,218,222,226,230,234,238,242,246,250,254,258,262,266],{"title":211,"path":212,"stem":213},"裁剪擦除","\u002Fcatalog\u002Fcaption\u002Fcaption-clip-wipe","06.catalog\u002F01.caption\u002F01.caption-clip-wipe",{"title":215,"path":216,"stem":217},"编辑强调","\u002Fcatalog\u002Fcaption\u002Fcaption-editorial-emphasis","06.catalog\u002F01.caption\u002F02.caption-editorial-emphasis",{"title":219,"path":220,"stem":221},"Emoji 弹出","\u002Fcatalog\u002Fcaption\u002Fcaption-emoji-pop","06.catalog\u002F01.caption\u002F03.caption-emoji-pop",{"title":223,"path":224,"stem":225},"故障 RGB","\u002Fcatalog\u002Fcaption\u002Fcaption-glitch-rgb","06.catalog\u002F01.caption\u002F04.caption-glitch-rgb",{"title":227,"path":228,"stem":229},"渐变填充","\u002Fcatalog\u002Fcaption\u002Fcaption-gradient-fill","06.catalog\u002F01.caption\u002F05.caption-gradient-fill",{"title":231,"path":232,"stem":233},"高亮","\u002Fcatalog\u002Fcaption\u002Fcaption-highlight","06.catalog\u002F01.caption\u002F06.caption-highlight",{"title":235,"path":236,"stem":237},"动感冲击","\u002Fcatalog\u002Fcaption\u002Fcaption-kinetic-slam","06.catalog\u002F01.caption\u002F07.caption-kinetic-slam",{"title":239,"path":240,"stem":241},"矩阵解码","\u002Fcatalog\u002Fcaption\u002Fcaption-matrix-decode","06.catalog\u002F01.caption\u002F08.caption-matrix-decode",{"title":243,"path":244,"stem":245},"霓虹强调","\u002Fcatalog\u002Fcaption\u002Fcaption-neon-accent","06.catalog\u002F01.caption\u002F09.caption-neon-accent",{"title":247,"path":248,"stem":249},"霓虹发光","\u002Fcatalog\u002Fcaption\u002Fcaption-neon-glow","06.catalog\u002F01.caption\u002F10.caption-neon-glow",{"title":251,"path":252,"stem":253},"视差图层","\u002Fcatalog\u002Fcaption\u002Fcaption-parallax-layers","06.catalog\u002F01.caption\u002F11.caption-parallax-layers",{"title":255,"path":256,"stem":257},"粒子爆发","\u002Fcatalog\u002Fcaption\u002Fcaption-particle-burst","06.catalog\u002F01.caption\u002F12.caption-particle-burst",{"title":259,"path":260,"stem":261},"胶囊卡拉OK","\u002Fcatalog\u002Fcaption\u002Fcaption-pill-karaoke","06.catalog\u002F01.caption\u002F13.caption-pill-karaoke",{"title":263,"path":264,"stem":265},"纹理","\u002Fcatalog\u002Fcaption\u002Fcaption-texture","06.catalog\u002F01.caption\u002F14.caption-texture",{"title":267,"path":268,"stem":269},"字重切换","\u002Fcatalog\u002Fcaption\u002Fcaption-weight-shift","06.catalog\u002F01.caption\u002F15.caption-weight-shift",{"title":271,"icon":272,"path":273,"stem":274,"children":275,"page":30},"HTML 画布","i-lucide-layout-dashboard","\u002Fcatalog\u002Fhtml-canvas","06.catalog\u002F02.html-canvas",[276,280,284,288,292,296,300,304,308,312,316,320],{"title":277,"path":278,"stem":279},"iOS 26 Liquid Glass 主屏幕","\u002Fcatalog\u002Fhtml-canvas\u002Fios26-liquid-glass","06.catalog\u002F02.html-canvas\u002F01.ios26-liquid-glass",{"title":281,"path":282,"stem":283},"Liquid Glass 右键菜单","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-context-menu","06.catalog\u002F02.html-canvas\u002F02.liquid-glass-context-menu",{"title":285,"path":286,"stem":287},"Liquid Glass 媒体控制","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-media-controls","06.catalog\u002F02.html-canvas\u002F03.liquid-glass-media-controls",{"title":289,"path":290,"stem":291},"Liquid Glass 通知","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-notification","06.catalog\u002F02.html-canvas\u002F04.liquid-glass-notification",{"title":293,"path":294,"stem":295},"Liquid Glass 小组件","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-widgets","06.catalog\u002F02.html-canvas\u002F05.liquid-glass-widgets",{"title":297,"path":298,"stem":299},"macOS Tahoe Liquid Glass 桌面","\u002Fcatalog\u002Fhtml-canvas\u002Fmacos-tahoe-liquid-glass","06.catalog\u002F02.html-canvas\u002F06.macos-tahoe-liquid-glass",{"title":301,"path":302,"stem":303},"iPhone & MacBook 3D 展示","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-iphone-device","06.catalog\u002F02.html-canvas\u002F07.vfx-iphone-device",{"title":305,"path":306,"stem":307},"液态背景","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-liquid-background","06.catalog\u002F02.html-canvas\u002F08.vfx-liquid-background",{"title":309,"path":310,"stem":311},"磁力效果","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-magnetic","06.catalog\u002F02.html-canvas\u002F09.vfx-magnetic",{"title":313,"path":314,"stem":315},"传送门","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-portal","06.catalog\u002F02.html-canvas\u002F10.vfx-portal",{"title":317,"path":318,"stem":319},"碎裂效果","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-shatter","06.catalog\u002F02.html-canvas\u002F11.vfx-shatter",{"title":321,"path":322,"stem":323},"VFX 文字光标","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-text-cursor","06.catalog\u002F02.html-canvas\u002F12.vfx-text-cursor",{"title":325,"icon":326,"path":327,"stem":328,"children":329,"page":30},"社交叠加层","i-lucide-share-2","\u002Fcatalog\u002Fsocial-overlays","06.catalog\u002F03.social-overlays",[330,334,338,342,346,350,354],{"title":331,"path":332,"stem":333},"Instagram 关注","\u002Fcatalog\u002Fsocial-overlays\u002Finstagram-follow","06.catalog\u002F03.social-overlays\u002F01.instagram-follow",{"title":335,"path":336,"stem":337},"macOS 通知","\u002Fcatalog\u002Fsocial-overlays\u002Fmacos-notification","06.catalog\u002F03.social-overlays\u002F02.macos-notification",{"title":339,"path":340,"stem":341},"Reddit 帖子卡片","\u002Fcatalog\u002Fsocial-overlays\u002Freddit-post","06.catalog\u002F03.social-overlays\u002F03.reddit-post",{"title":343,"path":344,"stem":345},"Spotify 正在播放","\u002Fcatalog\u002Fsocial-overlays\u002Fspotify-card","06.catalog\u002F03.social-overlays\u002F04.spotify-card",{"title":347,"path":348,"stem":349},"TikTok 关注","\u002Fcatalog\u002Fsocial-overlays\u002Ftiktok-follow","06.catalog\u002F03.social-overlays\u002F05.tiktok-follow",{"title":351,"path":352,"stem":353},"X 帖子卡片","\u002Fcatalog\u002Fsocial-overlays\u002Fx-post","06.catalog\u002F03.social-overlays\u002F06.x-post",{"title":355,"path":356,"stem":357},"YouTube 下方三分之一","\u002Fcatalog\u002Fsocial-overlays\u002Fyt-lower-third","06.catalog\u002F03.social-overlays\u002F07.yt-lower-third",{"title":359,"icon":360,"path":361,"stem":362,"children":363,"page":30},"着色器过渡","i-lucide-wand-2","\u002Fcatalog\u002Fshader-transitions","06.catalog\u002F04.shader-transitions",[364,368,372,376,380,384,388,392,396,400,404,408,412,416],{"title":365,"path":366,"stem":367},"色散径向分裂","\u002Fcatalog\u002Fshader-transitions\u002Fchromatic-radial-split","06.catalog\u002F04.shader-transitions\u002F01.chromatic-radial-split",{"title":369,"path":370,"stem":371},"电影感变焦","\u002Fcatalog\u002Fshader-transitions\u002Fcinematic-zoom","06.catalog\u002F04.shader-transitions\u002F02.cinematic-zoom",{"title":373,"path":374,"stem":375},"交叉扭曲变形","\u002Fcatalog\u002Fshader-transitions\u002Fcross-warp-morph","06.catalog\u002F04.shader-transitions\u002F03.cross-warp-morph",{"title":377,"path":378,"stem":379},"域扭曲溶解","\u002Fcatalog\u002Fshader-transitions\u002Fdomain-warp-dissolve","06.catalog\u002F04.shader-transitions\u002F04.domain-warp-dissolve",{"title":381,"path":382,"stem":383},"白色闪光过渡","\u002Fcatalog\u002Fshader-transitions\u002Fflash-through-white","06.catalog\u002F04.shader-transitions\u002F05.flash-through-white",{"title":385,"path":386,"stem":387},"故障效果","\u002Fcatalog\u002Fshader-transitions\u002Fglitch","06.catalog\u002F04.shader-transitions\u002F06.glitch",{"title":389,"path":390,"stem":391},"引力透镜","\u002Fcatalog\u002Fshader-transitions\u002Fgravitational-lens","06.catalog\u002F04.shader-transitions\u002F07.gravitational-lens",{"title":393,"path":394,"stem":395},"光线泄漏","\u002Fcatalog\u002Fshader-transitions\u002Flight-leak","06.catalog\u002F04.shader-transitions\u002F08.light-leak",{"title":397,"path":398,"stem":399},"褶皱燃烧","\u002Fcatalog\u002Fshader-transitions\u002Fridged-burn","06.catalog\u002F04.shader-transitions\u002F09.ridged-burn",{"title":401,"path":402,"stem":403},"涟漪波纹","\u002Fcatalog\u002Fshader-transitions\u002Fripple-waves","06.catalog\u002F04.shader-transitions\u002F10.ripple-waves",{"title":405,"path":406,"stem":407},"SDF 光圈","\u002Fcatalog\u002Fshader-transitions\u002Fsdf-iris","06.catalog\u002F04.shader-transitions\u002F11.sdf-iris",{"title":409,"path":410,"stem":411},"漩涡涡流","\u002Fcatalog\u002Fshader-transitions\u002Fswirl-vortex","06.catalog\u002F04.shader-transitions\u002F12.swirl-vortex",{"title":413,"path":414,"stem":415},"热浪扭曲","\u002Fcatalog\u002Fshader-transitions\u002Fthermal-distortion","06.catalog\u002F04.shader-transitions\u002F13.thermal-distortion",{"title":417,"path":418,"stem":419},"快速摇摄","\u002Fcatalog\u002Fshader-transitions\u002Fwhip-pan","06.catalog\u002F04.shader-transitions\u002F14.whip-pan",{"title":421,"icon":422,"path":423,"stem":424,"children":425,"page":30},"CSS 过渡","i-lucide-repeat","\u002Fcatalog\u002Fcss-transitions","06.catalog\u002F05.css-transitions",[426,430,434,438,442,446,450,454,458,462,466,470,474],{"title":427,"path":428,"stem":429},"3D 过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-3d","06.catalog\u002F05.css-transitions\u002F01.transitions-3d",{"title":431,"path":432,"stem":433},"模糊过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-blur","06.catalog\u002F05.css-transitions\u002F02.transitions-blur",{"title":435,"path":436,"stem":437},"覆盖过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-cover","06.catalog\u002F05.css-transitions\u002F03.transitions-cover",{"title":439,"path":440,"stem":441},"破碎过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-destruction","06.catalog\u002F05.css-transitions\u002F04.transitions-destruction",{"title":443,"path":444,"stem":445},"溶解过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-dissolve","06.catalog\u002F05.css-transitions\u002F05.transitions-dissolve",{"title":447,"path":448,"stem":449},"扭曲过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-distortion","06.catalog\u002F05.css-transitions\u002F06.transitions-distortion",{"title":451,"path":452,"stem":453},"网格过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-grid","06.catalog\u002F05.css-transitions\u002F07.transitions-grid",{"title":455,"path":456,"stem":457},"光效过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-light","06.catalog\u002F05.css-transitions\u002F08.transitions-light",{"title":459,"path":460,"stem":461},"机械过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-mechanical","06.catalog\u002F05.css-transitions\u002F09.transitions-mechanical",{"title":463,"path":464,"stem":465},"其他过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-other","06.catalog\u002F05.css-transitions\u002F10.transitions-other",{"title":467,"path":468,"stem":469},"推移过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-push","06.catalog\u002F05.css-transitions\u002F11.transitions-push",{"title":471,"path":472,"stem":473},"径向过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-radial","06.catalog\u002F05.css-transitions\u002F12.transitions-radial",{"title":475,"path":476,"stem":477},"缩放过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-scale","06.catalog\u002F05.css-transitions\u002F13.transitions-scale",{"title":479,"icon":480,"path":481,"stem":482,"children":483,"page":30},"展示","i-lucide-monitor-play","\u002Fcatalog\u002Fshowcase","06.catalog\u002F06.showcase",[484,488,492,496,500,504,508],{"title":485,"path":486,"stem":487},"应用展示","\u002Fcatalog\u002Fshowcase\u002Fapp-showcase","06.catalog\u002F06.showcase\u002F01.app-showcase",{"title":489,"path":490,"stem":491},"Apple 金额计数器","\u002Fcatalog\u002Fshowcase\u002Fapple-money-count","06.catalog\u002F06.showcase\u002F02.apple-money-count",{"title":493,"path":494,"stem":495},"蓝色毛衣开场视频","\u002Fcatalog\u002Fshowcase\u002Fblue-sweater-intro-video","06.catalog\u002F06.showcase\u002F03.blue-sweater-intro-video",{"title":497,"path":498,"stem":499},"朝鲜封锁","\u002Fcatalog\u002Fshowcase\u002Fnorth-korea-locked-down","06.catalog\u002F06.showcase\u002F04.north-korea-locked-down",{"title":501,"path":502,"stem":503},"纽约巴黎航班","\u002Fcatalog\u002Fshowcase\u002Fnyc-paris-flight","06.catalog\u002F06.showcase\u002F05.nyc-paris-flight",{"title":505,"path":506,"stem":507},"3D UI 展示","\u002Fcatalog\u002Fshowcase\u002Fui-3d-reveal","06.catalog\u002F06.showcase\u002F06.ui-3d-reveal",{"title":509,"path":510,"stem":511},"VPN YouTube 广告片段","\u002Fcatalog\u002Fshowcase\u002Fvpn-youtube-spot","06.catalog\u002F06.showcase\u002F07.vpn-youtube-spot",{"title":513,"icon":514,"path":515,"stem":516,"children":517,"page":30},"数据","i-lucide-bar-chart-3","\u002Fcatalog\u002Fdata","06.catalog\u002F07.data",[518,522,526,530,534,538,542],{"title":519,"path":520,"stem":521},"数据图表","\u002Fcatalog\u002Fdata\u002Fdata-chart","06.catalog\u002F07.data\u002F01.data-chart",{"title":523,"path":524,"stem":525},"西班牙地图","\u002Fcatalog\u002Fdata\u002Fspain-map","06.catalog\u002F07.data\u002F02.spain-map",{"title":527,"path":528,"stem":529},"美国地图","\u002Fcatalog\u002Fdata\u002Fus-map","06.catalog\u002F07.data\u002F03.us-map",{"title":531,"path":532,"stem":533},"美国气泡地图","\u002Fcatalog\u002Fdata\u002Fus-map-bubble","06.catalog\u002F07.data\u002F04.us-map-bubble",{"title":535,"path":536,"stem":537},"美国流动地图","\u002Fcatalog\u002Fdata\u002Fus-map-flow","06.catalog\u002F07.data\u002F05.us-map-flow",{"title":539,"path":540,"stem":541},"美国六边形网格地图","\u002Fcatalog\u002Fdata\u002Fus-map-hex","06.catalog\u002F07.data\u002F06.us-map-hex",{"title":543,"path":544,"stem":545},"世界地图","\u002Fcatalog\u002Fdata\u002Fworld-map","06.catalog\u002F07.data\u002F07.world-map",{"title":547,"icon":548,"path":549,"stem":550,"children":551,"page":30},"效果","i-lucide-sparkles","\u002Fcatalog\u002Feffects","06.catalog\u002F08.effects",[552,556,560,564,568,572,576,580],{"title":553,"path":554,"stem":555},"差值混合","\u002Fcatalog\u002Feffects\u002Fcaption-blend-difference","06.catalog\u002F08.effects\u002F01.caption-blend-difference",{"title":557,"path":558,"stem":559},"胶片颗粒叠加","\u002Fcatalog\u002Feffects\u002Fgrain-overlay","06.catalog\u002F08.effects\u002F02.grain-overlay",{"title":561,"path":562,"stem":563},"网格像素化擦除","\u002Fcatalog\u002Feffects\u002Fgrid-pixelate-wipe","06.catalog\u002F08.effects\u002F03.grid-pixelate-wipe",{"title":565,"path":566,"stem":567},"视差缩小","\u002Fcatalog\u002Feffects\u002Fparallax-unzoom","06.catalog\u002F08.effects\u002F04.parallax-unzoom",{"title":569,"path":570,"stem":571},"视差放大","\u002Fcatalog\u002Feffects\u002Fparallax-zoom","06.catalog\u002F08.effects\u002F05.parallax-zoom",{"title":573,"path":574,"stem":575},"微光扫过","\u002Fcatalog\u002Feffects\u002Fshimmer-sweep","06.catalog\u002F08.effects\u002F06.shimmer-sweep",{"title":577,"path":578,"stem":579},"纹理遮罩文字","\u002Fcatalog\u002Feffects\u002Ftexture-mask-text","06.catalog\u002F08.effects\u002F07.texture-mask-text",{"title":581,"path":582,"stem":583},"暗角","\u002Fcatalog\u002Feffects\u002Fvignette","06.catalog\u002F08.effects\u002F08.vignette",{"title":585,"icon":586,"path":587,"stem":588,"children":589,"page":30},"区块","i-lucide-box","\u002Fcatalog\u002Fblocks","06.catalog\u002F09.blocks",[590,594],{"title":591,"path":592,"stem":593},"流程图","\u002Fcatalog\u002Fblocks\u002Fflowchart","06.catalog\u002F09.blocks\u002F01.flowchart",{"title":595,"path":596,"stem":597},"Logo 片尾","\u002Fcatalog\u002Fblocks\u002Flogo-outro","06.catalog\u002F09.blocks\u002F02.logo-outro",{"title":599,"icon":600,"path":601,"stem":602,"children":603,"page":30},"代码片段","i-lucide-code-2","\u002Fcatalog\u002Fcode-snippets","06.catalog\u002F10.code-snippets",[604,608,612,616,620,624,628,632,636,640,644,648],{"title":605,"path":606,"stem":607},"Dark 2026","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-2026","06.catalog\u002F10.code-snippets\u002F01.code-snippet-dark-2026",{"title":609,"path":610,"stem":611},"Dark Modern","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-modern","06.catalog\u002F10.code-snippets\u002F02.code-snippet-dark-modern",{"title":613,"path":614,"stem":615},"Dark+","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-plus","06.catalog\u002F10.code-snippets\u002F03.code-snippet-dark-plus",{"title":617,"path":618,"stem":619},"High Contrast","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-high-contrast","06.catalog\u002F10.code-snippets\u002F04.code-snippet-high-contrast",{"title":621,"path":622,"stem":623},"High Contrast Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-high-contrast-light","06.catalog\u002F10.code-snippets\u002F05.code-snippet-high-contrast-light",{"title":625,"path":626,"stem":627},"Light 2026","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-2026","06.catalog\u002F10.code-snippets\u002F06.code-snippet-light-2026",{"title":629,"path":630,"stem":631},"Light Modern","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-modern","06.catalog\u002F10.code-snippets\u002F07.code-snippet-light-modern",{"title":633,"path":634,"stem":635},"Light+","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-plus","06.catalog\u002F10.code-snippets\u002F08.code-snippet-light-plus",{"title":637,"path":638,"stem":639},"Monokai","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-monokai","06.catalog\u002F10.code-snippets\u002F09.code-snippet-monokai",{"title":641,"path":642,"stem":643},"Solarized Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-solarized-light","06.catalog\u002F10.code-snippets\u002F10.code-snippet-solarized-light",{"title":645,"path":646,"stem":647},"Visual Studio Dark","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-visual-studio-dark","06.catalog\u002F10.code-snippets\u002F11.code-snippet-visual-studio-dark",{"title":649,"path":650,"stem":651},"Visual Studio Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-visual-studio-light","06.catalog\u002F10.code-snippets\u002F12.code-snippet-visual-studio-light",{"title":653,"icon":654,"path":655,"stem":656,"children":657,"page":30},"参考","i-lucide-book-marked","\u002Freference","07.reference",[658,662,666,670,674,678,682],{"title":659,"path":660,"stem":661},"HTML Schema 参考","\u002Freference\u002Fhtml-schema","07.reference\u002F01.html-schema",{"title":663,"path":664,"stem":665},"贡献指南","\u002Freference\u002Fcontributing","07.reference\u002F02.contributing",{"title":667,"path":668,"stem":669},"贡献到 Catalog","\u002Freference\u002Fcatalog","07.reference\u002F03.catalog",{"title":671,"path":672,"stem":673},"发布渠道","\u002Freference\u002Frelease-channels","07.reference\u002F04.release-channels",{"title":675,"path":676,"stem":677},"测试本地 CLI 变更","\u002Freference\u002Ftesting-local-changes","07.reference\u002F05.testing-local-changes",{"title":679,"path":680,"stem":681},"Studio 手动 DOM 编辑","\u002Freference\u002Fstudio-manual-dom-editing","07.reference\u002F06.studio-manual-dom-editing",{"title":683,"path":684,"stem":685},"采用者","\u002Freference\u002Fadopters","07.reference\u002F07.adopters",{"id":687,"title":659,"body":688,"description":2533,"extension":2534,"links":2535,"meta":2536,"navigation":2052,"path":660,"seo":2537,"stem":661,"__hash__":2538},"docs\u002F07.reference\u002F01.html-schema.md",{"type":689,"value":690,"toc":2520},"minimark",[691,702,706,709,742,745,748,804,811,836,839,849,958,961,979,983,1227,1231,1816,1818,1824,1961,1969,1975,2122,2129,2132,2142,2337,2341,2381,2386,2389,2392,2452,2455,2516],[692,693,694,695,698,699,701],"p",{},"这是 Hyperframes 合成的完整 schema 参考。如需更温和的入门介绍，请参阅",[696,697,38],"a",{"href":39},"和",[696,700,42],{"href":43},"。",[703,704,705],"h2",{"id":705},"概览",[692,707,708],{},"Hyperframes 使用 HTML 作为描述视频的权威来源：",[710,711,712,720,727,733],"ul",{},[713,714,715,719],"li",{},[716,717,718],"strong",{},"HTML clip"," = 视频、图像、音频、合成",[713,721,722,726],{},[716,723,724],{},[696,725,42],{"href":43}," = 时序、元数据、样式",[713,728,729,732],{},[716,730,731],{},"CSS"," = 定位和外观",[713,734,735,738,739,741],{},[716,736,737],{},"GSAP 时间轴"," = 动画和播放同步（参见 ",[696,740,100],{"href":101},"）",[703,743,744],{"id":744},"框架管理的行为",[692,746,747],{},"框架读取数据属性并自动管理：",[710,749,750,769,781,792,798],{},[713,751,752,755,756,760,761,764,765,768],{},[716,753,754],{},"基本 clip 时间轴条目"," — 从 clip 中读取 ",[757,758,759],"code",{},"data-start","、",[757,762,763],{},"data-duration"," 和 ",[757,766,767],{},"data-track-index","，并将它们添加到 GSAP 时间轴",[713,770,771,774,775,764,778],{},[716,772,773],{},"媒体播放","（播放、暂停、跳转）用于 ",[757,776,777],{},"\u003Cvideo>",[757,779,780],{},"\u003Caudio>",[713,782,783,786,787,764,789,791],{},[716,784,785],{},"Clip 生命周期"," — clip 根据 ",[757,788,759],{},[757,790,763],{}," 进行挂载\u002F卸载",[713,793,794,797],{},[716,795,796],{},"时间轴同步"," — 保持媒体与 GSAP 主时间轴同步",[713,799,800,803],{},[716,801,802],{},"媒体加载"," — 等待所有媒体加载完毕后再解析时序",[692,805,806,807,810],{},"挂载\u002F卸载控制的是",[716,808,809],{},"存在性","，而非外观。过渡效果（淡入、滑入）在脚本中以动画方式实现。",[812,813,814,820],"blockquote",{},[692,815,816,817],{},"⚠️ ",[716,818,819],{},"Warning",[692,821,822,823,760,826,829,830,833,834,701],{},"不要在脚本中手动调用 ",[757,824,825],{},"video.play()",[757,827,828],{},"video.pause()","、设置 ",[757,831,832],{},"audio.currentTime","，或挂载\u002F卸载 clip。框架拥有媒体播放和 clip 生命周期的所有权。更多详情请参阅",[696,835,132],{"href":133},[703,837,838],{"id":838},"视口",[692,840,841,842,764,845,848],{},"每个合成必须在根元素上包含 ",[757,843,844],{},"data-width",[757,846,847],{},"data-height","：",[850,851,856],"pre",{"className":852,"code":853,"language":854,"meta":855,"style":855},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv id=\"main\" data-composition-id=\"my-video\"\ndata-start=\"0\" data-width=\"1920\" data-height=\"1080\">\n\u003C!-- clips -->\n\u003C\u002Fdiv>\n","html","",[757,857,858,900,941,948],{"__ignoreMap":855},[859,860,863,867,871,875,878,881,885,887,890,892,894,897],"span",{"class":861,"line":862},"line",1,[859,864,866],{"class":865},"sMK4o","\u003C",[859,868,870],{"class":869},"swJcz","div",[859,872,874],{"class":873},"spNyl"," id",[859,876,877],{"class":865},"=",[859,879,880],{"class":865},"\"",[859,882,884],{"class":883},"sfazB","main",[859,886,880],{"class":865},[859,888,889],{"class":873}," data-composition-id",[859,891,877],{"class":865},[859,893,880],{"class":865},[859,895,896],{"class":883},"my-video",[859,898,899],{"class":865},"\"\n",[859,901,903,905,907,909,912,914,917,919,921,924,926,929,931,933,936,938],{"class":861,"line":902},2,[859,904,759],{"class":873},[859,906,877],{"class":865},[859,908,880],{"class":865},[859,910,911],{"class":883},"0",[859,913,880],{"class":865},[859,915,916],{"class":873}," data-width",[859,918,877],{"class":865},[859,920,880],{"class":865},[859,922,923],{"class":883},"1920",[859,925,880],{"class":865},[859,927,928],{"class":873}," data-height",[859,930,877],{"class":865},[859,932,880],{"class":865},[859,934,935],{"class":883},"1080",[859,937,880],{"class":865},[859,939,940],{"class":865},">\n",[859,942,944],{"class":861,"line":943},3,[859,945,947],{"class":946},"sHwdD","\u003C!-- clips -->\n",[859,949,951,954,956],{"class":861,"line":950},4,[859,952,953],{"class":865},"\u003C\u002F",[859,955,870],{"class":869},[859,957,940],{"class":865},[692,959,960],{},"常用尺寸：",[710,962,963,971],{},[713,964,965,848,968],{},[716,966,967],{},"横向",[757,969,970],{},"data-width=\"1920\" data-height=\"1080\"",[713,972,973,848,976],{},[716,974,975],{},"纵向",[757,977,978],{},"data-width=\"1080\" data-height=\"1920\"",[703,980,982],{"id":981},"所有-clip-属性","所有 Clip 属性",[984,985,986,1005],"table",{},[987,988,989],"thead",{},[990,991,992,996,999,1002],"tr",{},[993,994,995],"th",{},"属性",[993,997,998],{},"适用对象",[993,1000,1001],{},"必需",[993,1003,1004],{},"描述",[1006,1007,1008,1029,1044,1073,1092,1105,1126,1150,1169,1187,1201,1214],"tbody",{},[990,1009,1010,1016,1019,1022],{},[1011,1012,1013],"td",{},[757,1014,1015],{},"id",[1011,1017,1018],{},"所有",[1011,1020,1021],{},"是",[1011,1023,1024,1025,1028],{},"唯一标识符（例如 ",[757,1026,1027],{},"\"el-1\"","）。用于相对时序引用和 CSS 目标定位。",[990,1030,1031,1036,1039,1041],{},[1011,1032,1033],{},[757,1034,1035],{},"class=\"clip\"",[1011,1037,1038],{},"可见元素",[1011,1040,1021],{},[1011,1042,1043],{},"启用运行时可见性管理。纯音频 clip 不需要。",[990,1045,1046,1050,1052,1054],{},[1011,1047,1048],{},[757,1049,759],{},[1011,1051,1018],{},[1011,1053,1021],{},[1011,1055,1056,1057,760,1060,1063,1064,1068,1069,1072],{},"开始时间（秒），例如 ",[757,1058,1059],{},"\"0\"",[757,1061,1062],{},"\"5.5\"","，或用于",[696,1065,1067],{"href":1066},"#%E7%9B%B8%E5%AF%B9%E6%97%B6%E5%BA%8F","相对时序","的 clip ID 引用（例如 ",[757,1070,1071],{},"\"intro\"","）。",[990,1074,1075,1079,1082,1085],{},[1011,1076,1077],{},[757,1078,763],{},[1011,1080,1081],{},"video、img、audio",[1011,1083,1084],{},"见下文",[1011,1086,1087,1088,1091],{},"持续时间（秒）。",[716,1089,1090],{},"图像必须指定","。视频\u002F音频可选（默认为源时长）。合成上不使用。",[990,1093,1094,1098,1100,1102],{},[1011,1095,1096],{},[757,1097,767],{},[1011,1099,1018],{},[1011,1101,1021],{},[1011,1103,1104],{},"时间轴轨道编号。控制 z 轴排序（值越大越靠前）。同一轨道上的 clip 不能重叠。",[990,1106,1107,1112,1115,1118],{},[1011,1108,1109],{},[757,1110,1111],{},"data-media-start",[1011,1113,1114],{},"video、audio",[1011,1116,1117],{},"否",[1011,1119,1120,1121,1123,1124,701],{},"源文件中的播放偏移\u002F修剪点（秒）。默认值：",[757,1122,911],{},"。参见",[696,1125,42],{"href":43},[990,1127,1128,1133,1136,1138],{},[1011,1129,1130],{},[757,1131,1132],{},"data-volume",[1011,1134,1135],{},"audio、video",[1011,1137,1117],{},[1011,1139,1140,1141,1143,1144,1147,1148,701],{},"音量级别，从 ",[757,1142,911],{}," 到 ",[757,1145,1146],{},"1","。默认值：",[757,1149,1146],{},[990,1151,1152,1157,1159,1162],{},[1011,1153,1154],{},[757,1155,1156],{},"data-composition-id",[1011,1158,870],{},[1011,1160,1161],{},"合成上必需",[1011,1163,1164,1165,1168],{},"唯一的合成 ID。必须与 ",[757,1166,1167],{},"window.__timelines"," 中使用的键匹配。",[990,1170,1171,1176,1178,1180],{},[1011,1172,1173],{},[757,1174,1175],{},"data-composition-src",[1011,1177,870],{},[1011,1179,1117],{},[1011,1181,1182,1183,1072],{},"外部合成 HTML 文件的路径（用于",[696,1184,1186],{"href":1185},"#%E5%90%88%E6%88%90-clip","嵌套合成",[990,1188,1189,1194,1196,1198],{},[1011,1190,1191],{},[757,1192,1193],{},"data-variable-values",[1011,1195,870],{},[1011,1197,1117],{},[1011,1199,1200],{},"传递给嵌套合成的 JSON 值对象。框架会传递这些值，但你的合成脚本必须手动读取和应用它们。",[990,1202,1203,1207,1209,1211],{},[1011,1204,1205],{},[757,1206,844],{},[1011,1208,870],{},[1011,1210,1161],{},[1011,1212,1213],{},"合成宽度（像素）。",[990,1215,1216,1220,1222,1224],{},[1011,1217,1218],{},[757,1219,847],{},[1011,1221,870],{},[1011,1223,1161],{},[1011,1225,1226],{},"合成高度（像素）。",[703,1228,1230],{"id":1229},"clip-类型","Clip 类型",[1232,1233,1234,1235],"accordion-group",{},"\n视频 clip 嵌入带有时间和播放属性的 `",[1236,1237,1238,1239,1340,1345,1391,1423,1426,1521,1525,1549,1552,1637,1641,1674,1677,1761,1765,1811],"video",{},"` 元素。\n",[850,1240,1242],{"className":852,"code":1241,"language":854,"meta":855,"style":855},"\u003Cvideo\nid=\"el-1\"\ndata-start=\"0\"\ndata-duration=\"15\"\ndata-track-index=\"0\"\ndata-media-start=\"0\"\nsrc=\".\u002Fassets\u002Fvideo.mp4\"\n>\u003C\u002Fvideo>\n",[757,1243,1244,1251,1264,1276,1289,1302,1315,1330],{"__ignoreMap":855},[859,1245,1246,1248],{"class":861,"line":862},[859,1247,866],{"class":865},[859,1249,1250],{"class":869},"video\n",[859,1252,1253,1255,1257,1259,1262],{"class":861,"line":902},[859,1254,1015],{"class":873},[859,1256,877],{"class":865},[859,1258,880],{"class":865},[859,1260,1261],{"class":883},"el-1",[859,1263,899],{"class":865},[859,1265,1266,1268,1270,1272,1274],{"class":861,"line":943},[859,1267,759],{"class":873},[859,1269,877],{"class":865},[859,1271,880],{"class":865},[859,1273,911],{"class":883},[859,1275,899],{"class":865},[859,1277,1278,1280,1282,1284,1287],{"class":861,"line":950},[859,1279,763],{"class":873},[859,1281,877],{"class":865},[859,1283,880],{"class":865},[859,1285,1286],{"class":883},"15",[859,1288,899],{"class":865},[859,1290,1292,1294,1296,1298,1300],{"class":861,"line":1291},5,[859,1293,767],{"class":873},[859,1295,877],{"class":865},[859,1297,880],{"class":865},[859,1299,911],{"class":883},[859,1301,899],{"class":865},[859,1303,1305,1307,1309,1311,1313],{"class":861,"line":1304},6,[859,1306,1111],{"class":873},[859,1308,877],{"class":865},[859,1310,880],{"class":865},[859,1312,911],{"class":883},[859,1314,899],{"class":865},[859,1316,1318,1321,1323,1325,1328],{"class":861,"line":1317},7,[859,1319,1320],{"class":873},"src",[859,1322,877],{"class":865},[859,1324,880],{"class":865},[859,1326,1327],{"class":883},".\u002Fassets\u002Fvideo.mp4",[859,1329,899],{"class":865},[859,1331,1333,1336,1338],{"class":861,"line":1332},8,[859,1334,1335],{"class":865},">\u003C\u002F",[859,1337,1236],{"class":869},[859,1339,940],{"class":865},[692,1341,1342],{},[716,1343,1344],{},"关键行为：",[710,1346,1347,1359,1365,1374,1382],{},[713,1348,1349,1351,1352,1355,1356,1358],{},[757,1350,763],{}," 是",[716,1353,1354],{},"可选的"," — 默认为源文件从 ",[757,1357,1111],{}," 开始的剩余时长",[713,1360,1361,1362,1364],{},"如果源媒体在 ",[757,1363,763],{}," 之前结束，clip 会显示最后一帧（冻结帧）",[713,1366,1367,1369,1370,1373],{},[757,1368,1111],{}," 修剪源视频的开头 — ",[757,1371,1372],{},"data-media-start=\"5\""," 从源文件的第 5 秒开始播放",[713,1375,1376,1378,1379,1381],{},[757,1377,1132],{}," 控制视频的音频音量 — 设置为 ",[757,1380,1059],{}," 即为静音视频",[713,1383,1384,1387,1388,1390],{},[716,1385,1386],{},"不要","给视频元素添加 ",[757,1389,1035],{}," — 框架直接管理它们的可见性",[812,1392,1393,1397],{},[692,1394,816,1395],{},[716,1396,819],{},[692,1398,1399,1400,1402,1403,760,1406,760,1409,1412,1413,1416,1417,1420,1421,701],{},"不要直接使用 GSAP 在 ",[757,1401,777],{}," 元素上动画化 ",[757,1404,1405],{},"width",[757,1407,1408],{},"height",[757,1410,1411],{},"top"," 或 ",[757,1414,1415],{},"left","。这可能导致 Chrome 停止渲染视频帧。将视频包装在 ",[757,1418,1419],{},"\u003Cdiv>"," 中并动画化包装器。参见",[696,1422,132],{"href":133},[692,1424,1425],{},"图像 clip 显示带有受控时序的静态图像。",[850,1427,1429],{"className":852,"code":1428,"language":854,"meta":855,"style":855},"\u003Cimg\nid=\"el-2\"\nclass=\"clip\"\ndata-start=\"5\"\ndata-duration=\"4\"\ndata-track-index=\"1\"\nsrc=\".\u002Fassets\u002Foverlay.png\"\n\u002F>\n",[757,1430,1431,1438,1451,1465,1478,1491,1503,1516],{"__ignoreMap":855},[859,1432,1433,1435],{"class":861,"line":862},[859,1434,866],{"class":865},[859,1436,1437],{"class":869},"img\n",[859,1439,1440,1442,1444,1446,1449],{"class":861,"line":902},[859,1441,1015],{"class":873},[859,1443,877],{"class":865},[859,1445,880],{"class":865},[859,1447,1448],{"class":883},"el-2",[859,1450,899],{"class":865},[859,1452,1453,1456,1458,1460,1463],{"class":861,"line":943},[859,1454,1455],{"class":873},"class",[859,1457,877],{"class":865},[859,1459,880],{"class":865},[859,1461,1462],{"class":883},"clip",[859,1464,899],{"class":865},[859,1466,1467,1469,1471,1473,1476],{"class":861,"line":950},[859,1468,759],{"class":873},[859,1470,877],{"class":865},[859,1472,880],{"class":865},[859,1474,1475],{"class":883},"5",[859,1477,899],{"class":865},[859,1479,1480,1482,1484,1486,1489],{"class":861,"line":1291},[859,1481,763],{"class":873},[859,1483,877],{"class":865},[859,1485,880],{"class":865},[859,1487,1488],{"class":883},"4",[859,1490,899],{"class":865},[859,1492,1493,1495,1497,1499,1501],{"class":861,"line":1304},[859,1494,767],{"class":873},[859,1496,877],{"class":865},[859,1498,880],{"class":865},[859,1500,1146],{"class":883},[859,1502,899],{"class":865},[859,1504,1505,1507,1509,1511,1514],{"class":861,"line":1317},[859,1506,1320],{"class":873},[859,1508,877],{"class":865},[859,1510,880],{"class":865},[859,1512,1513],{"class":883},".\u002Fassets\u002Foverlay.png",[859,1515,899],{"class":865},[859,1517,1518],{"class":861,"line":1332},[859,1519,1520],{"class":865},"\u002F>\n",[692,1522,1523],{},[716,1524,1344],{},[710,1526,1527,1536,1543,1546],{},[713,1528,1529,1531,1532,1535],{},[757,1530,763],{}," 对于图像是",[716,1533,1534],{},"必需的","（不同于视频\u002F音频，没有可默认的源时长）",[713,1537,1538,1351,1540,1542],{},[757,1539,1035],{},[716,1541,1534],{}," — 这使运行时能够根据时序显示\u002F隐藏图像",[713,1544,1545],{},"支持的格式：PNG、JPG、WebP、SVG、GIF（仅第一帧）",[713,1547,1548],{},"使用 CSS 定位和设置大小 — 图像以其原始大小渲染，除非另行设置样式",[692,1550,1551],{},"音频 clip 为合成添加声音，没有任何可视元素。",[850,1553,1555],{"className":852,"code":1554,"language":854,"meta":855,"style":855},"\u003Caudio\nid=\"el-4\"\ndata-start=\"0\"\ndata-duration=\"30\"\ndata-track-index=\"2\"\nsrc=\".\u002Fassets\u002Fmusic.mp3\"\n>\u003C\u002Faudio>\n",[757,1556,1557,1564,1577,1589,1602,1615,1628],{"__ignoreMap":855},[859,1558,1559,1561],{"class":861,"line":862},[859,1560,866],{"class":865},[859,1562,1563],{"class":869},"audio\n",[859,1565,1566,1568,1570,1572,1575],{"class":861,"line":902},[859,1567,1015],{"class":873},[859,1569,877],{"class":865},[859,1571,880],{"class":865},[859,1573,1574],{"class":883},"el-4",[859,1576,899],{"class":865},[859,1578,1579,1581,1583,1585,1587],{"class":861,"line":943},[859,1580,759],{"class":873},[859,1582,877],{"class":865},[859,1584,880],{"class":865},[859,1586,911],{"class":883},[859,1588,899],{"class":865},[859,1590,1591,1593,1595,1597,1600],{"class":861,"line":950},[859,1592,763],{"class":873},[859,1594,877],{"class":865},[859,1596,880],{"class":865},[859,1598,1599],{"class":883},"30",[859,1601,899],{"class":865},[859,1603,1604,1606,1608,1610,1613],{"class":861,"line":1291},[859,1605,767],{"class":873},[859,1607,877],{"class":865},[859,1609,880],{"class":865},[859,1611,1612],{"class":883},"2",[859,1614,899],{"class":865},[859,1616,1617,1619,1621,1623,1626],{"class":861,"line":1304},[859,1618,1320],{"class":873},[859,1620,877],{"class":865},[859,1622,880],{"class":865},[859,1624,1625],{"class":883},".\u002Fassets\u002Fmusic.mp3",[859,1627,899],{"class":865},[859,1629,1630,1632,1635],{"class":861,"line":1317},[859,1631,1335],{"class":865},[859,1633,1634],{"class":869},"audio",[859,1636,940],{"class":865},[692,1638,1639],{},[716,1640,1344],{},[710,1642,1643,1651,1657,1666,1671],{},[713,1644,1645,1351,1647,1355,1649,1358],{},[757,1646,763],{},[716,1648,1354],{},[757,1650,1111],{},[713,1652,1653,1654,1656],{},"音频 clip 是不可见的 — 不要添加 ",[757,1655,1035],{},"（没有需要显示\u002F隐藏的内容）",[713,1658,1659,1661,1662,1665],{},[757,1660,1132],{}," 控制音量 — 使用 ",[757,1663,1664],{},"\"0.5\""," 表示 50% 音量的背景音乐",[713,1667,1668,1670],{},[757,1669,1111],{}," 修剪音频源的开头，与视频相同",[713,1672,1673],{},"多个音频 clip 可以在不同轨道上重叠，用于分层音效设计",[692,1675,1676],{},"合成 clip 将一个合成嵌入另一个合成中，实现模块化、可复用的视频构建块。",[850,1678,1680],{"className":852,"code":1679,"language":854,"meta":855,"style":855},"\u003Cdiv\nid=\"el-5\"\ndata-composition-id=\"intro-anim\"\ndata-composition-src=\"compositions\u002Fintro-anim.html\"\ndata-start=\"0\"\ndata-track-index=\"3\"\n>\u003C\u002Fdiv>\n",[757,1681,1682,1689,1702,1715,1728,1740,1753],{"__ignoreMap":855},[859,1683,1684,1686],{"class":861,"line":862},[859,1685,866],{"class":865},[859,1687,1688],{"class":869},"div\n",[859,1690,1691,1693,1695,1697,1700],{"class":861,"line":902},[859,1692,1015],{"class":873},[859,1694,877],{"class":865},[859,1696,880],{"class":865},[859,1698,1699],{"class":883},"el-5",[859,1701,899],{"class":865},[859,1703,1704,1706,1708,1710,1713],{"class":861,"line":943},[859,1705,1156],{"class":873},[859,1707,877],{"class":865},[859,1709,880],{"class":865},[859,1711,1712],{"class":883},"intro-anim",[859,1714,899],{"class":865},[859,1716,1717,1719,1721,1723,1726],{"class":861,"line":950},[859,1718,1175],{"class":873},[859,1720,877],{"class":865},[859,1722,880],{"class":865},[859,1724,1725],{"class":883},"compositions\u002Fintro-anim.html",[859,1727,899],{"class":865},[859,1729,1730,1732,1734,1736,1738],{"class":861,"line":1291},[859,1731,759],{"class":873},[859,1733,877],{"class":865},[859,1735,880],{"class":865},[859,1737,911],{"class":883},[859,1739,899],{"class":865},[859,1741,1742,1744,1746,1748,1751],{"class":861,"line":1304},[859,1743,767],{"class":873},[859,1745,877],{"class":865},[859,1747,880],{"class":865},[859,1749,1750],{"class":883},"3",[859,1752,899],{"class":865},[859,1754,1755,1757,1759],{"class":861,"line":1317},[859,1756,1335],{"class":865},[859,1758,870],{"class":869},[859,1760,940],{"class":865},[692,1762,1763],{},[716,1764,1344],{},[710,1766,1767,1779,1789,1799,1802,1805],{},[713,1768,38,1769,1772,1773,1775,1776,741],{},[716,1770,1771],{},"不使用"," ",[757,1774,763],{}," — 时长由合成的 GSAP 时间轴决定（",[757,1777,1778],{},"tl.duration()",[713,1780,1781,1782,1784,1785,1788],{},"外部合成从 ",[757,1783,1175],{}," 加载，并包装在 ",[757,1786,1787],{},"\u003Ctemplate>"," 标签中",[713,1790,1791,1792,1794,1795,1798],{},"每个嵌套合成都有自己在 ",[757,1793,1167],{}," 中的条目，由自己的 ",[757,1796,1797],{},"\u003Cscript>"," 块注册",[713,1800,1801],{},"框架自动嵌套子时间轴 — 不要手动将它们添加到父时间轴",[713,1803,1804],{},"任何合成都可以嵌套在任何其他合成中 — 没有特殊的\"根\"类型",[713,1806,1807,1808,1810],{},"可以通过 ",[757,1809,1193],{}," 传递每个实例的值，但嵌套合成必须自行读取和应用这些值",[692,1812,1813,1814,701],{},"有关合成工作原理的更多信息，请参阅",[696,1815,38],{"href":39},[703,1817,1067],{"id":1067},[692,1819,1820,1821,1823],{},"在 ",[757,1822,759],{}," 中引用另一个 clip 的 ID 表示\"在该 clip 结束时开始\"：",[850,1825,1827],{"className":852,"code":1826,"language":854,"meta":855,"style":855},"\u003Cvideo id=\"intro\" data-start=\"0\" data-duration=\"10\" data-track-index=\"0\" src=\"...\">\u003C\u002Fvideo>\n\u003Cvideo id=\"main\" data-start=\"intro\" data-duration=\"20\" data-track-index=\"0\" src=\"...\">\u003C\u002Fvideo>\n",[757,1828,1829,1898],{"__ignoreMap":855},[859,1830,1831,1833,1835,1837,1839,1841,1844,1846,1849,1851,1853,1855,1857,1860,1862,1864,1867,1869,1872,1874,1876,1878,1880,1883,1885,1887,1890,1892,1894,1896],{"class":861,"line":862},[859,1832,866],{"class":865},[859,1834,1236],{"class":869},[859,1836,874],{"class":873},[859,1838,877],{"class":865},[859,1840,880],{"class":865},[859,1842,1843],{"class":883},"intro",[859,1845,880],{"class":865},[859,1847,1848],{"class":873}," data-start",[859,1850,877],{"class":865},[859,1852,880],{"class":865},[859,1854,911],{"class":883},[859,1856,880],{"class":865},[859,1858,1859],{"class":873}," data-duration",[859,1861,877],{"class":865},[859,1863,880],{"class":865},[859,1865,1866],{"class":883},"10",[859,1868,880],{"class":865},[859,1870,1871],{"class":873}," data-track-index",[859,1873,877],{"class":865},[859,1875,880],{"class":865},[859,1877,911],{"class":883},[859,1879,880],{"class":865},[859,1881,1882],{"class":873}," src",[859,1884,877],{"class":865},[859,1886,880],{"class":865},[859,1888,1889],{"class":883},"...",[859,1891,880],{"class":865},[859,1893,1335],{"class":865},[859,1895,1236],{"class":869},[859,1897,940],{"class":865},[859,1899,1900,1902,1904,1906,1908,1910,1912,1914,1916,1918,1920,1922,1924,1926,1928,1930,1933,1935,1937,1939,1941,1943,1945,1947,1949,1951,1953,1955,1957,1959],{"class":861,"line":902},[859,1901,866],{"class":865},[859,1903,1236],{"class":869},[859,1905,874],{"class":873},[859,1907,877],{"class":865},[859,1909,880],{"class":865},[859,1911,884],{"class":883},[859,1913,880],{"class":865},[859,1915,1848],{"class":873},[859,1917,877],{"class":865},[859,1919,880],{"class":865},[859,1921,1843],{"class":883},[859,1923,880],{"class":865},[859,1925,1859],{"class":873},[859,1927,877],{"class":865},[859,1929,880],{"class":865},[859,1931,1932],{"class":883},"20",[859,1934,880],{"class":865},[859,1936,1871],{"class":873},[859,1938,877],{"class":865},[859,1940,880],{"class":865},[859,1942,911],{"class":883},[859,1944,880],{"class":865},[859,1946,1882],{"class":873},[859,1948,877],{"class":865},[859,1950,880],{"class":865},[859,1952,1889],{"class":883},[859,1954,880],{"class":865},[859,1956,1335],{"class":865},[859,1958,1236],{"class":869},[859,1960,940],{"class":865},[692,1962,1963,1965,1966,1968],{},[757,1964,884],{}," 在第 10 秒开始（当 ",[757,1967,1843],{}," 结束时）。",[692,1970,1971,1974],{},[716,1972,1973],{},"偏移量","允许你添加间隔或重叠：",[850,1976,1978],{"className":852,"code":1977,"language":854,"meta":855,"style":855},"\u003C!-- intro 之后 2 秒的间隔 -->\n\u003Cvideo id=\"main\" data-start=\"intro + 2\" data-duration=\"20\" data-track-index=\"0\" src=\"...\">\u003C\u002Fvideo>\n\n\u003C!-- 与 intro 重叠 0.5 秒 -->\n\u003Cvideo id=\"main\" data-start=\"intro - 0.5\" data-duration=\"20\" data-track-index=\"0\" src=\"...\">\u003C\u002Fvideo>\n",[757,1979,1980,1985,2048,2054,2059],{"__ignoreMap":855},[859,1981,1982],{"class":861,"line":862},[859,1983,1984],{"class":946},"\u003C!-- intro 之后 2 秒的间隔 -->\n",[859,1986,1987,1989,1991,1993,1995,1997,1999,2001,2003,2005,2007,2010,2012,2014,2016,2018,2020,2022,2024,2026,2028,2030,2032,2034,2036,2038,2040,2042,2044,2046],{"class":861,"line":902},[859,1988,866],{"class":865},[859,1990,1236],{"class":869},[859,1992,874],{"class":873},[859,1994,877],{"class":865},[859,1996,880],{"class":865},[859,1998,884],{"class":883},[859,2000,880],{"class":865},[859,2002,1848],{"class":873},[859,2004,877],{"class":865},[859,2006,880],{"class":865},[859,2008,2009],{"class":883},"intro + 2",[859,2011,880],{"class":865},[859,2013,1859],{"class":873},[859,2015,877],{"class":865},[859,2017,880],{"class":865},[859,2019,1932],{"class":883},[859,2021,880],{"class":865},[859,2023,1871],{"class":873},[859,2025,877],{"class":865},[859,2027,880],{"class":865},[859,2029,911],{"class":883},[859,2031,880],{"class":865},[859,2033,1882],{"class":873},[859,2035,877],{"class":865},[859,2037,880],{"class":865},[859,2039,1889],{"class":883},[859,2041,880],{"class":865},[859,2043,1335],{"class":865},[859,2045,1236],{"class":869},[859,2047,940],{"class":865},[859,2049,2050],{"class":861,"line":943},[859,2051,2053],{"emptyLinePlaceholder":2052},true,"\n",[859,2055,2056],{"class":861,"line":950},[859,2057,2058],{"class":946},"\u003C!-- 与 intro 重叠 0.5 秒 -->\n",[859,2060,2061,2063,2065,2067,2069,2071,2073,2075,2077,2079,2081,2084,2086,2088,2090,2092,2094,2096,2098,2100,2102,2104,2106,2108,2110,2112,2114,2116,2118,2120],{"class":861,"line":1291},[859,2062,866],{"class":865},[859,2064,1236],{"class":869},[859,2066,874],{"class":873},[859,2068,877],{"class":865},[859,2070,880],{"class":865},[859,2072,884],{"class":883},[859,2074,880],{"class":865},[859,2076,1848],{"class":873},[859,2078,877],{"class":865},[859,2080,880],{"class":865},[859,2082,2083],{"class":883},"intro - 0.5",[859,2085,880],{"class":865},[859,2087,1859],{"class":873},[859,2089,877],{"class":865},[859,2091,880],{"class":865},[859,2093,1932],{"class":883},[859,2095,880],{"class":865},[859,2097,1871],{"class":873},[859,2099,877],{"class":865},[859,2101,880],{"class":865},[859,2103,911],{"class":883},[859,2105,880],{"class":865},[859,2107,1882],{"class":873},[859,2109,877],{"class":865},[859,2111,880],{"class":865},[859,2113,1889],{"class":883},[859,2115,880],{"class":865},[859,2117,1335],{"class":865},[859,2119,1236],{"class":869},[859,2121,940],{"class":865},[692,2123,2124,2125,701],{},"更深入的解释请参阅数据属性概念页面中的",[696,2126,2128],{"href":2127},"\u002Fconcepts\u002Fdata-attributes#%E7%9B%B8%E5%AF%B9%E6%97%B6%E5%BA%8F","相对时序部分",[703,2130,2131],{"id":2131},"时间轴约定",[692,2133,2134,2135,2138,2139,2141],{},"框架在任何脚本运行之前初始化 ",[757,2136,2137],{},"window.__timelines = {}","。每个合成必须在与其 ",[757,2140,1156],{}," 匹配的键上注册一个 GSAP 时间轴：",[850,2143,2147],{"className":2144,"code":2145,"language":2146,"meta":855,"style":855},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const tl = gsap.timeline({ paused: true });\n\n\u002F\u002F 添加动画\nl.to(\"#title\", { opacity: 1, duration: 0.5 }, 0);\nl.to(\"#title\", { opacity: 0, duration: 0.5 }, 4.5);\n\n\u002F\u002F 注册时间轴\nwindow.__timelines[\"\u003Cdata-composition-id>\"] = tl;\n","javascript",[757,2148,2149,2195,2199,2204,2258,2301,2305,2310],{"__ignoreMap":855},[859,2150,2151,2154,2158,2160,2163,2166,2170,2173,2176,2179,2182,2186,2189,2192],{"class":861,"line":862},[859,2152,2153],{"class":873},"const",[859,2155,2157],{"class":2156},"sTEyZ"," tl ",[859,2159,877],{"class":865},[859,2161,2162],{"class":2156}," gsap",[859,2164,2165],{"class":865},".",[859,2167,2169],{"class":2168},"s2Zo4","timeline",[859,2171,2172],{"class":2156},"(",[859,2174,2175],{"class":865},"{",[859,2177,2178],{"class":869}," paused",[859,2180,2181],{"class":865},":",[859,2183,2185],{"class":2184},"sfNiH"," true",[859,2187,2188],{"class":865}," }",[859,2190,2191],{"class":2156},")",[859,2193,2194],{"class":865},";\n",[859,2196,2197],{"class":861,"line":902},[859,2198,2053],{"emptyLinePlaceholder":2052},[859,2200,2201],{"class":861,"line":943},[859,2202,2203],{"class":946},"\u002F\u002F 添加动画\n",[859,2205,2206,2209,2211,2214,2216,2218,2221,2223,2226,2229,2232,2234,2238,2240,2243,2245,2248,2251,2254,2256],{"class":861,"line":950},[859,2207,2208],{"class":2156},"l",[859,2210,2165],{"class":865},[859,2212,2213],{"class":2168},"to",[859,2215,2172],{"class":2156},[859,2217,880],{"class":865},[859,2219,2220],{"class":883},"#title",[859,2222,880],{"class":865},[859,2224,2225],{"class":865},",",[859,2227,2228],{"class":865}," {",[859,2230,2231],{"class":869}," opacity",[859,2233,2181],{"class":865},[859,2235,2237],{"class":2236},"sbssI"," 1",[859,2239,2225],{"class":865},[859,2241,2242],{"class":869}," duration",[859,2244,2181],{"class":865},[859,2246,2247],{"class":2236}," 0.5",[859,2249,2250],{"class":865}," },",[859,2252,2253],{"class":2236}," 0",[859,2255,2191],{"class":2156},[859,2257,2194],{"class":865},[859,2259,2260,2262,2264,2266,2268,2270,2272,2274,2276,2278,2280,2282,2284,2286,2288,2290,2292,2294,2297,2299],{"class":861,"line":1291},[859,2261,2208],{"class":2156},[859,2263,2165],{"class":865},[859,2265,2213],{"class":2168},[859,2267,2172],{"class":2156},[859,2269,880],{"class":865},[859,2271,2220],{"class":883},[859,2273,880],{"class":865},[859,2275,2225],{"class":865},[859,2277,2228],{"class":865},[859,2279,2231],{"class":869},[859,2281,2181],{"class":865},[859,2283,2253],{"class":2236},[859,2285,2225],{"class":865},[859,2287,2242],{"class":869},[859,2289,2181],{"class":865},[859,2291,2247],{"class":2236},[859,2293,2250],{"class":865},[859,2295,2296],{"class":2236}," 4.5",[859,2298,2191],{"class":2156},[859,2300,2194],{"class":865},[859,2302,2303],{"class":861,"line":1304},[859,2304,2053],{"emptyLinePlaceholder":2052},[859,2306,2307],{"class":861,"line":1317},[859,2308,2309],{"class":946},"\u002F\u002F 注册时间轴\n",[859,2311,2312,2315,2317,2320,2322,2325,2327,2330,2332,2335],{"class":861,"line":1332},[859,2313,2314],{"class":2156},"window",[859,2316,2165],{"class":865},[859,2318,2319],{"class":2156},"__timelines[",[859,2321,880],{"class":865},[859,2323,2324],{"class":883},"\u003Cdata-composition-id>",[859,2326,880],{"class":865},[859,2328,2329],{"class":2156},"] ",[859,2331,877],{"class":865},[859,2333,2334],{"class":2156}," tl",[859,2336,2194],{"class":865},[2338,2339,2340],"h3",{"id":2340},"规则",[710,2342,2343,2349,2355,2361,2372,2375],{},[713,2344,2345,2346,2348],{},"每个合成需要一个 ",[757,2347,1797],{}," 块来创建和注册其时间轴",[713,2350,2351,2352,741],{},"所有时间轴必须以暂停状态开始（",[757,2353,2354],{},"{ paused: true }",[713,2356,2357,2358,2360],{},"框架自动将子时间轴嵌套到父时间轴中 — ",[716,2359,1386],{},"手动添加",[713,2362,2363,2364,2366,2367,2369,2370],{},"时长来自 ",[757,2365,1778],{}," — ",[716,2368,1386],{},"在合成元素上添加 ",[757,2371,763],{},[713,2373,2374],{},"时间轴必须是有限的（无无限循环或重复）",[713,2376,2377,2378,2380],{},"时间轴 ID 必须与根元素上的 ",[757,2379,1156],{}," 属性完全匹配",[692,2382,2383,2384,701],{},"有关使用 GSAP 时间轴的完整指南，请参阅 ",[696,2385,100],{"href":101},[703,2387,2388],{"id":2388},"字幕可发现性",[692,2390,2391],{},"对于字幕合成，在根节点上添加这些属性，以便框架能够识别并特殊处理字幕渲染：",[850,2393,2395],{"className":852,"code":2394,"language":854,"meta":855,"style":855},"\u003Cdiv\ndata-composition-id=\"captions\"\ndata-timeline-role=\"captions\"\ndata-caption-root=\"true\"\n...\n>\n",[757,2396,2397,2403,2416,2429,2443,2448],{"__ignoreMap":855},[859,2398,2399,2401],{"class":861,"line":862},[859,2400,866],{"class":865},[859,2402,1688],{"class":869},[859,2404,2405,2407,2409,2411,2414],{"class":861,"line":902},[859,2406,1156],{"class":873},[859,2408,877],{"class":865},[859,2410,880],{"class":865},[859,2412,2413],{"class":883},"captions",[859,2415,899],{"class":865},[859,2417,2418,2421,2423,2425,2427],{"class":861,"line":943},[859,2419,2420],{"class":873},"data-timeline-role",[859,2422,877],{"class":865},[859,2424,880],{"class":865},[859,2426,2413],{"class":883},[859,2428,899],{"class":865},[859,2430,2431,2434,2436,2438,2441],{"class":861,"line":950},[859,2432,2433],{"class":873},"data-caption-root",[859,2435,877],{"class":865},[859,2437,880],{"class":865},[859,2439,2440],{"class":883},"true",[859,2442,899],{"class":865},[859,2444,2445],{"class":861,"line":1291},[859,2446,2447],{"class":873},"...\n",[859,2449,2450],{"class":861,"line":1304},[859,2451,940],{"class":865},[703,2453,2454],{"id":2454},"输出检查清单",[2456,2457,2458,2459],"check",{},"\n在渲染之前，请验证你的合成满足以下要求：\n",[710,2460,2461,2468,2471,2477,2483,2489,2494,2503,2509],{},[713,2462,2463,2464,764,2466],{},"每个合成的根元素都有 ",[757,2465,844],{},[757,2467,847],{},[713,2469,2470],{},"每个可复用的合成都位于自己的 HTML 文件中",[713,2472,2473,2474,2476],{},"外部合成通过 ",[757,2475,1175],{}," 加载",[713,2478,2479,2480,2482],{},"每个外部合成文件使用 ",[757,2481,1787],{}," 包装器",[713,2484,2485,2486,2488],{},"所有 GSAP 时间轴都以正确的 ID 注册在 ",[757,2487,1167],{}," 中",[713,2490,2491,2492],{},"定时可见元素（图像、div）有 ",[757,2493,1035],{},[713,2495,2496,2497,1772,2500,2502],{},"视频元素",[716,2498,2499],{},"没有",[757,2501,1035],{},"（框架直接管理它们）",[713,2504,2505,2506,2508],{},"所有 ",[757,2507,759],{}," 引用都指向现有的 clip ID",[713,2510,2511,2512,2515],{},"运行 ",[757,2513,2514],{},"npx hyperframes lint"," 自动捕获结构问题\n\n",[2517,2518,2519],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":855,"searchDepth":862,"depth":902,"links":2521},[2522,2523,2524,2525,2526,2527,2528,2531,2532],{"id":705,"depth":902,"text":705},{"id":744,"depth":902,"text":744},{"id":838,"depth":902,"text":838},{"id":981,"depth":902,"text":982},{"id":1229,"depth":902,"text":1230},{"id":1067,"depth":902,"text":1067},{"id":2131,"depth":902,"text":2131,"children":2529},[2530],{"id":2340,"depth":943,"text":2340},{"id":2388,"depth":902,"text":2388},{"id":2454,"depth":902,"text":2454},"编写 Hyperframes HTML 合成的完整参考。","md",null,{},{"title":659,"description":2533},"diI90byMJPB-EXnqz7f1RKO9XkMKFimjvA0y64VcZH0",[2540,2542],{"title":649,"path":650,"stem":651,"description":2541,"children":-1},"传统的 Visual Studio 浅色配色方案",{"title":663,"path":664,"stem":665,"description":2543,"children":-1},"如何为 HyperFrames 做出贡献。",1780322253053]