[{"data":1,"prerenderedAt":3171},["ShallowReactive",2],{"navigation":3,"\u002Fcatalog\u002Feffects\u002Ftexture-mask-text":686,"\u002Fcatalog\u002Feffects\u002Ftexture-mask-text-surround":3166},[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":577,"body":688,"description":3159,"extension":3160,"links":3161,"meta":3162,"navigation":3163,"path":578,"seo":3164,"stem":579,"__hash__":3165},"docs\u002F06.catalog\u002F08.effects\u002F07.texture-mask-text.md",{"type":689,"value":690,"toc":3151},"minimark",[691,708,807,811,840,843,871,874,877,884,903,914,917,920,947,1021,1077,1266,1269,3122,3125,3147],[692,693,694,698,699,698,702,698,705],"p",{},[695,696,697],"code",{},"text"," ",[695,700,701],{},"texture",[695,703,704],{},"mask",[695,706,707],{},"effect",[709,710,713,732,747,762,777,792],"div",{"className":711},[712],"hf-texture-preview-panel",[709,714,718,723],{"className":715,"style":717},[716],"hf-texture-preview-card","--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fbrick.png')",[709,719,722],{"className":720},[721],"hf-texture-preview-label","砖块",[709,724,727],{"className":725},[726],"hf-texture-preview-shadow",[709,728,731],{"className":729},[730],"hf-texture-preview-word","BRICK",[709,733,736,740],{"className":734,"style":735},[716],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Frock.png')",[709,737,739],{"className":738},[721],"岩石",[709,741,743],{"className":742},[726],[709,744,746],{"className":745},[730],"ROCK",[709,748,751,755],{"className":749,"style":750},[716],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fground-103.png')",[709,752,754],{"className":753},[721],"地面 103",[709,756,758],{"className":757},[726],[709,759,761],{"className":760},[730],"GROUND",[709,763,766,770],{"className":764,"style":765},[716],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood.png')",[709,767,769],{"className":768},[721],"木材",[709,771,773],{"className":772},[726],[709,774,776],{"className":775},[730],"WOOD",[709,778,781,785],{"className":779,"style":780},[716],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmetal.png')",[709,782,784],{"className":783},[721],"金属",[709,786,788],{"className":787},[726],[709,789,791],{"className":790},[730],"METAL",[709,793,796,800],{"className":794,"style":795},[716],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Flava.png')",[709,797,799],{"className":798},[721],"熔岩",[709,801,803],{"className":802},[726],[709,804,806],{"className":805},[730],"LAVA",[808,809,810],"h2",{"id":810},"安装",[812,813,819],"pre",{"className":814,"code":815,"language":816,"meta":817,"style":818},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx hyperframes add texture-mask-text\n","bash","Terminal","",[695,820,821],{"__ignoreMap":818},[822,823,826,830,834,837],"span",{"class":824,"line":825},"line",1,[822,827,829],{"class":828},"sBMFI","npx",[822,831,833],{"class":832},"sfazB"," hyperframes",[822,835,836],{"class":832}," add",[822,838,839],{"class":832}," texture-mask-text\n",[808,841,842],{"id":842},"详情",[844,845,846,859],"table",{},[847,848,849],"thead",{},[850,851,852,856],"tr",{},[853,854,855],"th",{},"属性",[853,857,858],{},"值",[860,861,862],"tbody",{},[850,863,864,868],{},[865,866,867],"td",{},"类型",[865,869,870],{},"组件",[808,872,873],{"id":873},"智能体使用方法",[692,875,876],{},"在请求智能体应用纹理时，使用以下措辞：",[812,878,882],{"className":879,"code":881,"language":697,"meta":818},[880],"language-text","Use the Texture Mask Text catalog component.\n\n1. From the project root, run:\nnpx hyperframes add texture-mask-text\n2. That command creates this installed snippet:\ncompositions\u002Fcomponents\u002Ftexture-mask-text\u002Ftexture-mask-text.html\n3. Open that file and paste the real \u003Cstyle> block\nnear the bottom into the composition once. That CSS defines\nhf-texture-text and every hf-texture-* class.\n4. Apply this class to the target text:\nclass=\"hf-texture-text hf-texture-brick\"\n5. For another material, copy one hf-texture-* class\nfrom the Texture Examples cards.\n6. This is the proper way to apply drop shadow\no textured text: wrap the text and put\nfilter on the wrapper, not on the text.\nUse this markup:\n\u003Cdiv style=\"filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.48))\">\n\u003Cdiv class=\"hf-texture-text hf-texture-brick\">TEXT\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n",[695,883,881],{"__ignoreMap":818},[692,885,886,887,890,891,894,895,898,899,902],{},"安装后，代码片段位于你运行 ",[695,888,889],{},"npx hyperframes add texture-mask-text"," 的项目中的 ",[695,892,893],{},"compositions\u002Fcomponents\u002Ftexture-mask-text\u002Ftexture-mask-text.html","。需要粘贴的部分是该文件底部附近的真正 ",[695,896,897],{},"\u003Cstyle>"," 元素；纹理 PNG 文件安装到 ",[695,900,901],{},"assets\u002Ftexture-mask-text\u002Fmasks\u002F"," 目录中，CSS 中通过项目根目录的 URL 引用它们。",[692,904,905,906,909,910,913],{},"将 ",[695,907,908],{},"hf-texture-brick"," 替换为下方任意纹理卡片上显示的类名。基础类 ",[695,911,912],{},"hf-texture-text"," 始终是必需的。",[808,915,916],{"id":916},"动画纹理",[692,918,919],{},"通过在文字元素上移动遮罩位置来为纹理添加动画。将 drop-shadow 保留在包裹器上，使阴影跟随纹理轮廓。",[709,921,924,938],{"className":922,"style":795},[923],"hf-texture-animate-demo",[709,925,928,933],{"className":926},[927],"hf-texture-animate-meta",[709,929,932],{"className":930},[931],"hf-texture-animate-label","动画遮罩位置",[695,934,937],{"className":935},[936],"hf-texture-animate-class","hf-texture-text hf-texture-lava",[709,939,942],{"className":940},[941],"hf-texture-animate-shadow",[709,943,946],{"className":944},[945],"hf-texture-animate-word","MOTION",[812,948,952],{"className":949,"code":950,"language":951,"meta":818,"style":818},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"texture-shadow\">\n\u003Cdiv class=\"hf-texture-text hf-texture-lava animated-texture\">MOTION\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n","html",[695,953,954,981,1012],{"__ignoreMap":818},[822,955,956,960,963,967,970,973,976,978],{"class":824,"line":825},[822,957,959],{"class":958},"sMK4o","\u003C",[822,961,709],{"class":962},"swJcz",[822,964,966],{"class":965},"spNyl"," class",[822,968,969],{"class":958},"=",[822,971,972],{"class":958},"\"",[822,974,975],{"class":832},"texture-shadow",[822,977,972],{"class":958},[822,979,980],{"class":958},">\n",[822,982,984,986,988,990,992,994,997,999,1002,1005,1008,1010],{"class":824,"line":983},2,[822,985,959],{"class":958},[822,987,709],{"class":962},[822,989,966],{"class":965},[822,991,969],{"class":958},[822,993,972],{"class":958},[822,995,996],{"class":832},"hf-texture-text hf-texture-lava animated-texture",[822,998,972],{"class":958},[822,1000,1001],{"class":958},">",[822,1003,946],{"class":1004},"sTEyZ",[822,1006,1007],{"class":958},"\u003C\u002F",[822,1009,709],{"class":962},[822,1011,980],{"class":958},[822,1013,1015,1017,1019],{"class":824,"line":1014},3,[822,1016,1007],{"class":958},[822,1018,709],{"class":962},[822,1020,980],{"class":958},[812,1022,1026],{"className":1023,"code":1024,"language":1025,"meta":818,"style":818},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".animated-texture {\n--mask-size: 180% 180%;\n--mask-position: 0% 50%;\n}\n","css",[695,1027,1028,1039,1056,1071],{"__ignoreMap":818},[822,1029,1030,1033,1036],{"class":824,"line":825},[822,1031,1032],{"class":958},".",[822,1034,1035],{"class":828},"animated-texture",[822,1037,1038],{"class":958}," {\n",[822,1040,1041,1044,1047,1051,1053],{"class":824,"line":983},[822,1042,1043],{"class":1004},"--mask-size",[822,1045,1046],{"class":958},":",[822,1048,1050],{"class":1049},"sbssI"," 180%",[822,1052,1050],{"class":1049},[822,1054,1055],{"class":958},";\n",[822,1057,1058,1061,1063,1066,1069],{"class":824,"line":1014},[822,1059,1060],{"class":1004},"--mask-position",[822,1062,1046],{"class":958},[822,1064,1065],{"class":1049}," 0%",[822,1067,1068],{"class":1049}," 50%",[822,1070,1055],{"class":958},[822,1072,1074],{"class":824,"line":1073},4,[822,1075,1076],{"class":958},"}\n",[812,1078,1082],{"className":1079,"code":1080,"language":1081,"meta":818,"style":818},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const tl = gsap.timeline({ paused: true });\nl.to(\".animated-texture\", {\n\"--mask-position\": \"100% 50%\",\nduration: 1.2,\nease: \"sine.inOut\",\nyoyo: true,\nrepeat: 1,\n}, 0);\nwindow.__timelines[\"my-composition\"] = tl;\n","js",[695,1083,1084,1126,1150,1171,1183,1200,1212,1225,1238],{"__ignoreMap":818},[822,1085,1086,1089,1092,1094,1097,1099,1103,1106,1109,1112,1114,1118,1121,1124],{"class":824,"line":825},[822,1087,1088],{"class":965},"const",[822,1090,1091],{"class":1004}," tl ",[822,1093,969],{"class":958},[822,1095,1096],{"class":1004}," gsap",[822,1098,1032],{"class":958},[822,1100,1102],{"class":1101},"s2Zo4","timeline",[822,1104,1105],{"class":1004},"(",[822,1107,1108],{"class":958},"{",[822,1110,1111],{"class":962}," paused",[822,1113,1046],{"class":958},[822,1115,1117],{"class":1116},"sfNiH"," true",[822,1119,1120],{"class":958}," }",[822,1122,1123],{"class":1004},")",[822,1125,1055],{"class":958},[822,1127,1128,1131,1133,1136,1138,1140,1143,1145,1148],{"class":824,"line":983},[822,1129,1130],{"class":1004},"l",[822,1132,1032],{"class":958},[822,1134,1135],{"class":1101},"to",[822,1137,1105],{"class":1004},[822,1139,972],{"class":958},[822,1141,1142],{"class":832},".animated-texture",[822,1144,972],{"class":958},[822,1146,1147],{"class":958},",",[822,1149,1038],{"class":958},[822,1151,1152,1154,1156,1158,1160,1163,1166,1168],{"class":824,"line":1014},[822,1153,972],{"class":958},[822,1155,1060],{"class":962},[822,1157,972],{"class":958},[822,1159,1046],{"class":958},[822,1161,1162],{"class":958}," \"",[822,1164,1165],{"class":832},"100% 50%",[822,1167,972],{"class":958},[822,1169,1170],{"class":958},",\n",[822,1172,1173,1176,1178,1181],{"class":824,"line":1073},[822,1174,1175],{"class":962},"duration",[822,1177,1046],{"class":958},[822,1179,1180],{"class":1049}," 1.2",[822,1182,1170],{"class":958},[822,1184,1186,1189,1191,1193,1196,1198],{"class":824,"line":1185},5,[822,1187,1188],{"class":962},"ease",[822,1190,1046],{"class":958},[822,1192,1162],{"class":958},[822,1194,1195],{"class":832},"sine.inOut",[822,1197,972],{"class":958},[822,1199,1170],{"class":958},[822,1201,1203,1206,1208,1210],{"class":824,"line":1202},6,[822,1204,1205],{"class":962},"yoyo",[822,1207,1046],{"class":958},[822,1209,1117],{"class":1116},[822,1211,1170],{"class":958},[822,1213,1215,1218,1220,1223],{"class":824,"line":1214},7,[822,1216,1217],{"class":962},"repeat",[822,1219,1046],{"class":958},[822,1221,1222],{"class":1049}," 1",[822,1224,1170],{"class":958},[822,1226,1228,1231,1234,1236],{"class":824,"line":1227},8,[822,1229,1230],{"class":958},"},",[822,1232,1233],{"class":1049}," 0",[822,1235,1123],{"class":1004},[822,1237,1055],{"class":958},[822,1239,1241,1244,1246,1249,1251,1254,1256,1259,1261,1264],{"class":824,"line":1240},9,[822,1242,1243],{"class":1004},"window",[822,1245,1032],{"class":958},[822,1247,1248],{"class":1004},"__timelines[",[822,1250,972],{"class":958},[822,1252,1253],{"class":832},"my-composition",[822,1255,972],{"class":958},[822,1257,1258],{"class":1004},"] ",[822,1260,969],{"class":958},[822,1262,1263],{"class":1004}," tl",[822,1265,1055],{"class":958},[808,1267,1268],{"id":1268},"纹理示例",[709,1270,1273,1616,1897,2258,2563,2840],{"className":1271},[1272],"hf-texture-example-groups",[709,1274,1275,1281],{},[1276,1277,1280],"h3",{"className":1278,"id":1280},[1279],"hf-texture-example-title","砌体",[709,1282,1285,1317,1344,1371,1398,1425,1453,1480,1507,1534,1561,1589],{"className":1283},[1284],"hf-texture-example-grid",[709,1286,1289,1301,1309],{"className":1287,"style":717},[1288],"hf-texture-example-card",[709,1290,1293,1297],{"className":1291},[1292],"hf-texture-example-meta",[709,1294,722],{"className":1295},[1296],"hf-texture-example-label",[695,1298,908],{"className":1299},[1300],"hf-texture-example-class",[709,1302,1305],{"className":1303},[1304],"hf-texture-example-shadow",[709,1306,731],{"className":1307},[1308],"hf-texture-example-word",[709,1310,1313,1314],{"className":1311},[1312],"hf-texture-example-usage","使用 ",[695,1315,1316],{},"hf-texture-text hf-texture-brick",[709,1318,1321,1332,1338],{"className":1319,"style":1320},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fbricks-104.png')",[709,1322,1324,1328],{"className":1323},[1292],[709,1325,1327],{"className":1326},[1296],"砖块 104",[695,1329,1331],{"className":1330},[1300],"hf-texture-bricks-104",[709,1333,1335],{"className":1334},[1304],[709,1336,731],{"className":1337},[1308],[709,1339,1313,1341],{"className":1340},[1312],[695,1342,1343],{},"hf-texture-text hf-texture-bricks-104",[709,1345,1348,1359,1365],{"className":1346,"style":1347},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fbricks-102.png')",[709,1349,1351,1355],{"className":1350},[1292],[709,1352,1354],{"className":1353},[1296],"砖块 102",[695,1356,1358],{"className":1357},[1300],"hf-texture-bricks-102",[709,1360,1362],{"className":1361},[1304],[709,1363,731],{"className":1364},[1308],[709,1366,1313,1368],{"className":1367},[1312],[695,1369,1370],{},"hf-texture-text hf-texture-bricks-102",[709,1372,1375,1386,1392],{"className":1373,"style":1374},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fbricks-101.png')",[709,1376,1378,1382],{"className":1377},[1292],[709,1379,1381],{"className":1380},[1296],"砖块 101",[695,1383,1385],{"className":1384},[1300],"hf-texture-bricks-101",[709,1387,1389],{"className":1388},[1304],[709,1390,731],{"className":1391},[1308],[709,1393,1313,1395],{"className":1394},[1312],[695,1396,1397],{},"hf-texture-text hf-texture-bricks-101",[709,1399,1402,1413,1419],{"className":1400,"style":1401},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fbricks-075-a.png')",[709,1403,1405,1409],{"className":1404},[1292],[709,1406,1408],{"className":1407},[1296],"砖块 075 A",[695,1410,1412],{"className":1411},[1300],"hf-texture-bricks-075-a",[709,1414,1416],{"className":1415},[1304],[709,1417,731],{"className":1418},[1308],[709,1420,1313,1422],{"className":1421},[1312],[695,1423,1424],{},"hf-texture-text hf-texture-bricks-075-a",[709,1426,1429,1440,1447],{"className":1427,"style":1428},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fconcrete.png')",[709,1430,1432,1436],{"className":1431},[1292],[709,1433,1435],{"className":1434},[1296],"混凝土",[695,1437,1439],{"className":1438},[1300],"hf-texture-concrete",[709,1441,1443],{"className":1442},[1304],[709,1444,1446],{"className":1445},[1308],"CONCRETE",[709,1448,1313,1450],{"className":1449},[1312],[695,1451,1452],{},"hf-texture-text hf-texture-concrete",[709,1454,1457,1468,1474],{"className":1455,"style":1456},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fconcrete-034.png')",[709,1458,1460,1464],{"className":1459},[1292],[709,1461,1463],{"className":1462},[1296],"混凝土 034",[695,1465,1467],{"className":1466},[1300],"hf-texture-concrete-034",[709,1469,1471],{"className":1470},[1304],[709,1472,1446],{"className":1473},[1308],[709,1475,1313,1477],{"className":1476},[1312],[695,1478,1479],{},"hf-texture-text hf-texture-concrete-034",[709,1481,1484,1495,1501],{"className":1482,"style":1483},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fconcrete-047-a.png')",[709,1485,1487,1491],{"className":1486},[1292],[709,1488,1490],{"className":1489},[1296],"混凝土 047 A",[695,1492,1494],{"className":1493},[1300],"hf-texture-concrete-047-a",[709,1496,1498],{"className":1497},[1304],[709,1499,1446],{"className":1500},[1308],[709,1502,1313,1504],{"className":1503},[1312],[695,1505,1506],{},"hf-texture-text hf-texture-concrete-047-a",[709,1508,1511,1522,1528],{"className":1509,"style":1510},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fconcrete-046.png')",[709,1512,1514,1518],{"className":1513},[1292],[709,1515,1517],{"className":1516},[1296],"混凝土 046",[695,1519,1521],{"className":1520},[1300],"hf-texture-concrete-046",[709,1523,1525],{"className":1524},[1304],[709,1526,1446],{"className":1527},[1308],[709,1529,1313,1531],{"className":1530},[1312],[695,1532,1533],{},"hf-texture-text hf-texture-concrete-046",[709,1535,1538,1549,1555],{"className":1536,"style":1537},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fconcrete-042-a.png')",[709,1539,1541,1545],{"className":1540},[1292],[709,1542,1544],{"className":1543},[1296],"混凝土 042 A",[695,1546,1548],{"className":1547},[1300],"hf-texture-concrete-042-a",[709,1550,1552],{"className":1551},[1304],[709,1553,1446],{"className":1554},[1308],[709,1556,1313,1558],{"className":1557},[1312],[695,1559,1560],{},"hf-texture-text hf-texture-concrete-042-a",[709,1562,1565,1576,1583],{"className":1563,"style":1564},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fplaster-001.png')",[709,1566,1568,1572],{"className":1567},[1292],[709,1569,1571],{"className":1570},[1296],"灰泥 001",[695,1573,1575],{"className":1574},[1300],"hf-texture-plaster-001",[709,1577,1579],{"className":1578},[1304],[709,1580,1582],{"className":1581},[1308],"PLASTER",[709,1584,1313,1586],{"className":1585},[1312],[695,1587,1588],{},"hf-texture-text hf-texture-plaster-001",[709,1590,1593,1604,1610],{"className":1591,"style":1592},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fpainted-plaster-017.png')",[709,1594,1596,1600],{"className":1595},[1292],[709,1597,1599],{"className":1598},[1296],"彩绘灰泥 017",[695,1601,1603],{"className":1602},[1300],"hf-texture-painted-plaster-017",[709,1605,1607],{"className":1606},[1304],[709,1608,1582],{"className":1609},[1308],[709,1611,1313,1613],{"className":1612},[1312],[695,1614,1615],{},"hf-texture-text hf-texture-painted-plaster-017",[709,1617,1618,1622],{},[1276,1619,1621],{"className":1620,"id":1621},[1279],"石材",[709,1623,1625,1650,1677,1704,1732,1760,1787,1815,1842,1869],{"className":1624},[1284],[709,1626,1628,1638,1644],{"className":1627,"style":735},[1288],[709,1629,1631,1634],{"className":1630},[1292],[709,1632,739],{"className":1633},[1296],[695,1635,1637],{"className":1636},[1300],"hf-texture-rock",[709,1639,1641],{"className":1640},[1304],[709,1642,746],{"className":1643},[1308],[709,1645,1313,1647],{"className":1646},[1312],[695,1648,1649],{},"hf-texture-text hf-texture-rock",[709,1651,1654,1665,1671],{"className":1652,"style":1653},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Frock-063.png')",[709,1655,1657,1661],{"className":1656},[1292],[709,1658,1660],{"className":1659},[1296],"岩石 063",[695,1662,1664],{"className":1663},[1300],"hf-texture-rock-063",[709,1666,1668],{"className":1667},[1304],[709,1669,746],{"className":1670},[1308],[709,1672,1313,1674],{"className":1673},[1312],[695,1675,1676],{},"hf-texture-text hf-texture-rock-063",[709,1678,1681,1692,1698],{"className":1679,"style":1680},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Frock-058.png')",[709,1682,1684,1688],{"className":1683},[1292],[709,1685,1687],{"className":1686},[1296],"岩石 058",[695,1689,1691],{"className":1690},[1300],"hf-texture-rock-058",[709,1693,1695],{"className":1694},[1304],[709,1696,746],{"className":1697},[1308],[709,1699,1313,1701],{"className":1700},[1312],[695,1702,1703],{},"hf-texture-text hf-texture-rock-058",[709,1705,1708,1719,1726],{"className":1706,"style":1707},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fonyx.png')",[709,1709,1711,1715],{"className":1710},[1292],[709,1712,1714],{"className":1713},[1296],"玛瑙",[695,1716,1718],{"className":1717},[1300],"hf-texture-onyx",[709,1720,1722],{"className":1721},[1304],[709,1723,1725],{"className":1724},[1308],"ONYX",[709,1727,1313,1729],{"className":1728},[1312],[695,1730,1731],{},"hf-texture-text hf-texture-onyx",[709,1733,1736,1747,1754],{"className":1734,"style":1735},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmarble-012.png')",[709,1737,1739,1743],{"className":1738},[1292],[709,1740,1742],{"className":1741},[1296],"大理石 012",[695,1744,1746],{"className":1745},[1300],"hf-texture-marble-012",[709,1748,1750],{"className":1749},[1304],[709,1751,1753],{"className":1752},[1308],"MARBLE",[709,1755,1313,1757],{"className":1756},[1312],[695,1758,1759],{},"hf-texture-text hf-texture-marble-012",[709,1761,1764,1775,1781],{"className":1762,"style":1763},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmarble-016.png')",[709,1765,1767,1771],{"className":1766},[1292],[709,1768,1770],{"className":1769},[1296],"大理石 016",[695,1772,1774],{"className":1773},[1300],"hf-texture-marble-016",[709,1776,1778],{"className":1777},[1304],[709,1779,1753],{"className":1780},[1308],[709,1782,1313,1784],{"className":1783},[1312],[695,1785,1786],{},"hf-texture-text hf-texture-marble-016",[709,1788,1791,1802,1809],{"className":1789,"style":1790},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Ftravertine-009.png')",[709,1792,1794,1798],{"className":1793},[1292],[709,1795,1797],{"className":1796},[1296],"石灰华 009",[695,1799,1801],{"className":1800},[1300],"hf-texture-travertine-009",[709,1803,1805],{"className":1804},[1304],[709,1806,1808],{"className":1807},[1308],"STONE",[709,1810,1313,1812],{"className":1811},[1312],[695,1813,1814],{},"hf-texture-text hf-texture-travertine-009",[709,1816,1819,1830,1836],{"className":1817,"style":1818},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fpaving-stones-150.png')",[709,1820,1822,1826],{"className":1821},[1292],[709,1823,1825],{"className":1824},[1296],"铺路石 150",[695,1827,1829],{"className":1828},[1300],"hf-texture-paving-stones-150",[709,1831,1833],{"className":1832},[1304],[709,1834,1808],{"className":1835},[1308],[709,1837,1313,1839],{"className":1838},[1312],[695,1840,1841],{},"hf-texture-text hf-texture-paving-stones-150",[709,1843,1846,1857,1863],{"className":1844,"style":1845},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fpaving-stones-138.png')",[709,1847,1849,1853],{"className":1848},[1292],[709,1850,1852],{"className":1851},[1296],"铺路石 138",[695,1854,1856],{"className":1855},[1300],"hf-texture-paving-stones-138",[709,1858,1860],{"className":1859},[1304],[709,1861,1808],{"className":1862},[1308],[709,1864,1313,1866],{"className":1865},[1312],[695,1867,1868],{},"hf-texture-text hf-texture-paving-stones-138",[709,1870,1873,1884,1891],{"className":1871,"style":1872},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Ftiles-138.png')",[709,1874,1876,1880],{"className":1875},[1292],[709,1877,1879],{"className":1878},[1296],"瓷砖 138",[695,1881,1883],{"className":1882},[1300],"hf-texture-tiles-138",[709,1885,1887],{"className":1886},[1304],[709,1888,1890],{"className":1889},[1308],"TILE",[709,1892,1313,1894],{"className":1893},[1312],[695,1895,1896],{},"hf-texture-text hf-texture-tiles-138",[709,1898,1899,1904],{},[1276,1900,1903],{"className":1901,"id":1902},[1279],"地面-道路","地面 \u002F 道路",[709,1905,1907,1932,1959,1986,2013,2040,2067,2095,2122,2149,2176,2203,2230],{"className":1906},[1284],[709,1908,1910,1920,1926],{"className":1909,"style":750},[1288],[709,1911,1913,1916],{"className":1912},[1292],[709,1914,754],{"className":1915},[1296],[695,1917,1919],{"className":1918},[1300],"hf-texture-ground-103",[709,1921,1923],{"className":1922},[1304],[709,1924,761],{"className":1925},[1308],[709,1927,1313,1929],{"className":1928},[1312],[695,1930,1931],{},"hf-texture-text hf-texture-ground-103",[709,1933,1936,1947,1953],{"className":1934,"style":1935},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fground-037.png')",[709,1937,1939,1943],{"className":1938},[1292],[709,1940,1942],{"className":1941},[1296],"地面 037",[695,1944,1946],{"className":1945},[1300],"hf-texture-ground-037",[709,1948,1950],{"className":1949},[1304],[709,1951,761],{"className":1952},[1308],[709,1954,1313,1956],{"className":1955},[1312],[695,1957,1958],{},"hf-texture-text hf-texture-ground-037",[709,1960,1963,1974,1980],{"className":1961,"style":1962},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fground-054.png')",[709,1964,1966,1970],{"className":1965},[1292],[709,1967,1969],{"className":1968},[1296],"地面 054",[695,1971,1973],{"className":1972},[1300],"hf-texture-ground-054",[709,1975,1977],{"className":1976},[1304],[709,1978,761],{"className":1979},[1308],[709,1981,1313,1983],{"className":1982},[1312],[695,1984,1985],{},"hf-texture-text hf-texture-ground-054",[709,1987,1990,2001,2007],{"className":1988,"style":1989},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fground-104.png')",[709,1991,1993,1997],{"className":1992},[1292],[709,1994,1996],{"className":1995},[1296],"地面 104",[695,1998,2000],{"className":1999},[1300],"hf-texture-ground-104",[709,2002,2004],{"className":2003},[1304],[709,2005,761],{"className":2006},[1308],[709,2008,1313,2010],{"className":2009},[1312],[695,2011,2012],{},"hf-texture-text hf-texture-ground-104",[709,2014,2017,2028,2034],{"className":2015,"style":2016},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fground-068.png')",[709,2018,2020,2024],{"className":2019},[1292],[709,2021,2023],{"className":2022},[1296],"地面 068",[695,2025,2027],{"className":2026},[1300],"hf-texture-ground-068",[709,2029,2031],{"className":2030},[1304],[709,2032,761],{"className":2033},[1308],[709,2035,1313,2037],{"className":2036},[1312],[695,2038,2039],{},"hf-texture-text hf-texture-ground-068",[709,2041,2044,2055,2061],{"className":2042,"style":2043},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fground-080.png')",[709,2045,2047,2051],{"className":2046},[1292],[709,2048,2050],{"className":2049},[1296],"地面 080",[695,2052,2054],{"className":2053},[1300],"hf-texture-ground-080",[709,2056,2058],{"className":2057},[1304],[709,2059,761],{"className":2060},[1308],[709,2062,1313,2064],{"className":2063},[1312],[695,2065,2066],{},"hf-texture-text hf-texture-ground-080",[709,2068,2071,2082,2089],{"className":2069,"style":2070},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Froad-012-a.png')",[709,2072,2074,2078],{"className":2073},[1292],[709,2075,2077],{"className":2076},[1296],"道路 012 A",[695,2079,2081],{"className":2080},[1300],"hf-texture-road-012-a",[709,2083,2085],{"className":2084},[1304],[709,2086,2088],{"className":2087},[1308],"ROAD",[709,2090,1313,2092],{"className":2091},[1312],[695,2093,2094],{},"hf-texture-text hf-texture-road-012-a",[709,2096,2099,2110,2116],{"className":2097,"style":2098},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Froad-008-a.png')",[709,2100,2102,2106],{"className":2101},[1292],[709,2103,2105],{"className":2104},[1296],"道路 008 A",[695,2107,2109],{"className":2108},[1300],"hf-texture-road-008-a",[709,2111,2113],{"className":2112},[1304],[709,2114,2088],{"className":2115},[1308],[709,2117,1313,2119],{"className":2118},[1312],[695,2120,2121],{},"hf-texture-text hf-texture-road-008-a",[709,2123,2126,2137,2143],{"className":2124,"style":2125},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Froad-007.png')",[709,2127,2129,2133],{"className":2128},[1292],[709,2130,2132],{"className":2131},[1296],"道路 007",[695,2134,2136],{"className":2135},[1300],"hf-texture-road-007",[709,2138,2140],{"className":2139},[1304],[709,2141,2088],{"className":2142},[1308],[709,2144,1313,2146],{"className":2145},[1312],[695,2147,2148],{},"hf-texture-text hf-texture-road-007",[709,2150,2153,2164,2170],{"className":2151,"style":2152},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Froad-013-a.png')",[709,2154,2156,2160],{"className":2155},[1292],[709,2157,2159],{"className":2158},[1296],"道路 013 A",[695,2161,2163],{"className":2162},[1300],"hf-texture-road-013-a",[709,2165,2167],{"className":2166},[1304],[709,2168,2088],{"className":2169},[1308],[709,2171,1313,2173],{"className":2172},[1312],[695,2174,2175],{},"hf-texture-text hf-texture-road-013-a",[709,2177,2180,2191,2197],{"className":2178,"style":2179},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Froad-012-b.png')",[709,2181,2183,2187],{"className":2182},[1292],[709,2184,2186],{"className":2185},[1296],"道路 012 B",[695,2188,2190],{"className":2189},[1300],"hf-texture-road-012-b",[709,2192,2194],{"className":2193},[1304],[709,2195,2088],{"className":2196},[1308],[709,2198,1313,2200],{"className":2199},[1312],[695,2201,2202],{},"hf-texture-text hf-texture-road-012-b",[709,2204,2207,2218,2224],{"className":2205,"style":2206},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Froad-009-c.png')",[709,2208,2210,2214],{"className":2209},[1292],[709,2211,2213],{"className":2212},[1296],"道路 009 C",[695,2215,2217],{"className":2216},[1300],"hf-texture-road-009-c",[709,2219,2221],{"className":2220},[1304],[709,2222,2088],{"className":2223},[1308],[709,2225,1313,2227],{"className":2226},[1312],[695,2228,2229],{},"hf-texture-text hf-texture-road-009-c",[709,2231,2234,2245,2252],{"className":2232,"style":2233},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fasphalt-031.png')",[709,2235,2237,2241],{"className":2236},[1292],[709,2238,2240],{"className":2239},[1296],"沥青 031",[695,2242,2244],{"className":2243},[1300],"hf-texture-asphalt-031",[709,2246,2248],{"className":2247},[1304],[709,2249,2251],{"className":2250},[1308],"ASPHALT",[709,2253,1313,2255],{"className":2254},[1312],[695,2256,2257],{},"hf-texture-text hf-texture-asphalt-031",[709,2259,2260,2263],{},[1276,2261,769],{"className":2262,"id":769},[1279],[709,2264,2266,2291,2318,2345,2372,2399,2426,2453,2481,2508,2535],{"className":2265},[1284],[709,2267,2269,2279,2285],{"className":2268,"style":765},[1288],[709,2270,2272,2275],{"className":2271},[1292],[709,2273,769],{"className":2274},[1296],[695,2276,2278],{"className":2277},[1300],"hf-texture-wood",[709,2280,2282],{"className":2281},[1304],[709,2283,776],{"className":2284},[1308],[709,2286,1313,2288],{"className":2287},[1312],[695,2289,2290],{},"hf-texture-text hf-texture-wood",[709,2292,2295,2306,2312],{"className":2293,"style":2294},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood-094.png')",[709,2296,2298,2302],{"className":2297},[1292],[709,2299,2301],{"className":2300},[1296],"木材 094",[695,2303,2305],{"className":2304},[1300],"hf-texture-wood-094",[709,2307,2309],{"className":2308},[1304],[709,2310,776],{"className":2311},[1308],[709,2313,1313,2315],{"className":2314},[1312],[695,2316,2317],{},"hf-texture-text hf-texture-wood-094",[709,2319,2322,2333,2339],{"className":2320,"style":2321},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood-092.png')",[709,2323,2325,2329],{"className":2324},[1292],[709,2326,2328],{"className":2327},[1296],"木材 092",[695,2330,2332],{"className":2331},[1300],"hf-texture-wood-092",[709,2334,2336],{"className":2335},[1304],[709,2337,776],{"className":2338},[1308],[709,2340,1313,2342],{"className":2341},[1312],[695,2343,2344],{},"hf-texture-text hf-texture-wood-092",[709,2346,2349,2360,2366],{"className":2347,"style":2348},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood-051.png')",[709,2350,2352,2356],{"className":2351},[1292],[709,2353,2355],{"className":2354},[1296],"木材 051",[695,2357,2359],{"className":2358},[1300],"hf-texture-wood-051",[709,2361,2363],{"className":2362},[1304],[709,2364,776],{"className":2365},[1308],[709,2367,1313,2369],{"className":2368},[1312],[695,2370,2371],{},"hf-texture-text hf-texture-wood-051",[709,2373,2376,2387,2393],{"className":2374,"style":2375},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood-066.png')",[709,2377,2379,2383],{"className":2378},[1292],[709,2380,2382],{"className":2381},[1296],"木材 066",[695,2384,2386],{"className":2385},[1300],"hf-texture-wood-066",[709,2388,2390],{"className":2389},[1304],[709,2391,776],{"className":2392},[1308],[709,2394,1313,2396],{"className":2395},[1312],[695,2397,2398],{},"hf-texture-text hf-texture-wood-066",[709,2400,2403,2414,2420],{"className":2401,"style":2402},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood-049.png')",[709,2404,2406,2410],{"className":2405},[1292],[709,2407,2409],{"className":2408},[1296],"木材 049",[695,2411,2413],{"className":2412},[1300],"hf-texture-wood-049",[709,2415,2417],{"className":2416},[1304],[709,2418,776],{"className":2419},[1308],[709,2421,1313,2423],{"className":2422},[1312],[695,2424,2425],{},"hf-texture-text hf-texture-wood-049",[709,2427,2430,2441,2447],{"className":2428,"style":2429},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood-058.png')",[709,2431,2433,2437],{"className":2432},[1292],[709,2434,2436],{"className":2435},[1296],"木材 058",[695,2438,2440],{"className":2439},[1300],"hf-texture-wood-058",[709,2442,2444],{"className":2443},[1304],[709,2445,776],{"className":2446},[1308],[709,2448,1313,2450],{"className":2449},[1312],[695,2451,2452],{},"hf-texture-text hf-texture-wood-058",[709,2454,2457,2468,2475],{"className":2455,"style":2456},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood-floor-051.png')",[709,2458,2460,2464],{"className":2459},[1292],[709,2461,2463],{"className":2462},[1296],"木地板 051",[695,2465,2467],{"className":2466},[1300],"hf-texture-wood-floor-051",[709,2469,2471],{"className":2470},[1304],[709,2472,2474],{"className":2473},[1308],"FLOOR",[709,2476,1313,2478],{"className":2477},[1312],[695,2479,2480],{},"hf-texture-text hf-texture-wood-floor-051",[709,2482,2485,2496,2502],{"className":2483,"style":2484},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood-floor-064.png')",[709,2486,2488,2492],{"className":2487},[1292],[709,2489,2491],{"className":2490},[1296],"木地板 064",[695,2493,2495],{"className":2494},[1300],"hf-texture-wood-floor-064",[709,2497,2499],{"className":2498},[1304],[709,2500,2474],{"className":2501},[1308],[709,2503,1313,2505],{"className":2504},[1312],[695,2506,2507],{},"hf-texture-text hf-texture-wood-floor-064",[709,2509,2512,2523,2529],{"className":2510,"style":2511},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fwood-floor-070.png')",[709,2513,2515,2519],{"className":2514},[1292],[709,2516,2518],{"className":2517},[1296],"木地板 070",[695,2520,2522],{"className":2521},[1300],"hf-texture-wood-floor-070",[709,2524,2526],{"className":2525},[1304],[709,2527,2474],{"className":2528},[1308],[709,2530,1313,2532],{"className":2531},[1312],[695,2533,2534],{},"hf-texture-text hf-texture-wood-floor-070",[709,2536,2539,2550,2557],{"className":2537,"style":2538},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fbark-014.png')",[709,2540,2542,2546],{"className":2541},[1292],[709,2543,2545],{"className":2544},[1296],"树皮 014",[695,2547,2549],{"className":2548},[1300],"hf-texture-bark-014",[709,2551,2553],{"className":2552},[1304],[709,2554,2556],{"className":2555},[1308],"BARK",[709,2558,1313,2560],{"className":2559},[1312],[695,2561,2562],{},"hf-texture-text hf-texture-bark-014",[709,2564,2565,2568],{},[1276,2566,784],{"className":2567,"id":784},[1279],[709,2569,2571,2596,2623,2650,2677,2704,2731,2758,2785,2812],{"className":2570},[1284],[709,2572,2574,2584,2590],{"className":2573,"style":780},[1288],[709,2575,2577,2580],{"className":2576},[1292],[709,2578,784],{"className":2579},[1296],[695,2581,2583],{"className":2582},[1300],"hf-texture-metal",[709,2585,2587],{"className":2586},[1304],[709,2588,791],{"className":2589},[1308],[709,2591,1313,2593],{"className":2592},[1312],[695,2594,2595],{},"hf-texture-text hf-texture-metal",[709,2597,2600,2611,2617],{"className":2598,"style":2599},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmetal-049-a.png')",[709,2601,2603,2607],{"className":2602},[1292],[709,2604,2606],{"className":2605},[1296],"金属 049 A",[695,2608,2610],{"className":2609},[1300],"hf-texture-metal-049-a",[709,2612,2614],{"className":2613},[1304],[709,2615,791],{"className":2616},[1308],[709,2618,1313,2620],{"className":2619},[1312],[695,2621,2622],{},"hf-texture-text hf-texture-metal-049-a",[709,2624,2627,2638,2644],{"className":2625,"style":2626},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmetal-055-a.png')",[709,2628,2630,2634],{"className":2629},[1292],[709,2631,2633],{"className":2632},[1296],"金属 055 A",[695,2635,2637],{"className":2636},[1300],"hf-texture-metal-055-a",[709,2639,2641],{"className":2640},[1304],[709,2642,791],{"className":2643},[1308],[709,2645,1313,2647],{"className":2646},[1312],[695,2648,2649],{},"hf-texture-text hf-texture-metal-055-a",[709,2651,2654,2665,2671],{"className":2652,"style":2653},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmetal-046-b.png')",[709,2655,2657,2661],{"className":2656},[1292],[709,2658,2660],{"className":2659},[1296],"金属 046 B",[695,2662,2664],{"className":2663},[1300],"hf-texture-metal-046-b",[709,2666,2668],{"className":2667},[1304],[709,2669,791],{"className":2670},[1308],[709,2672,1313,2674],{"className":2673},[1312],[695,2675,2676],{},"hf-texture-text hf-texture-metal-046-b",[709,2678,2681,2692,2698],{"className":2679,"style":2680},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmetal-061-b.png')",[709,2682,2684,2688],{"className":2683},[1292],[709,2685,2687],{"className":2686},[1296],"金属 061 B",[695,2689,2691],{"className":2690},[1300],"hf-texture-metal-061-b",[709,2693,2695],{"className":2694},[1304],[709,2696,791],{"className":2697},[1308],[709,2699,1313,2701],{"className":2700},[1312],[695,2702,2703],{},"hf-texture-text hf-texture-metal-061-b",[709,2705,2708,2719,2725],{"className":2706,"style":2707},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmetal-048-a.png')",[709,2709,2711,2715],{"className":2710},[1292],[709,2712,2714],{"className":2713},[1296],"金属 048 A",[695,2716,2718],{"className":2717},[1300],"hf-texture-metal-048-a",[709,2720,2722],{"className":2721},[1304],[709,2723,791],{"className":2724},[1308],[709,2726,1313,2728],{"className":2727},[1312],[695,2729,2730],{},"hf-texture-text hf-texture-metal-048-a",[709,2732,2735,2746,2752],{"className":2733,"style":2734},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmetal-032.png')",[709,2736,2738,2742],{"className":2737},[1292],[709,2739,2741],{"className":2740},[1296],"金属 032",[695,2743,2745],{"className":2744},[1300],"hf-texture-metal-032",[709,2747,2749],{"className":2748},[1304],[709,2750,791],{"className":2751},[1308],[709,2753,1313,2755],{"className":2754},[1312],[695,2756,2757],{},"hf-texture-text hf-texture-metal-032",[709,2759,2762,2773,2779],{"className":2760,"style":2761},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmetal-041-a.png')",[709,2763,2765,2769],{"className":2764},[1292],[709,2766,2768],{"className":2767},[1296],"金属 041 A",[695,2770,2772],{"className":2771},[1300],"hf-texture-metal-041-a",[709,2774,2776],{"className":2775},[1304],[709,2777,791],{"className":2778},[1308],[709,2780,1313,2782],{"className":2781},[1312],[695,2783,2784],{},"hf-texture-text hf-texture-metal-041-a",[709,2786,2789,2800,2806],{"className":2787,"style":2788},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fmetal-038.png')",[709,2790,2792,2796],{"className":2791},[1292],[709,2793,2795],{"className":2794},[1296],"金属 038",[695,2797,2799],{"className":2798},[1300],"hf-texture-metal-038",[709,2801,2803],{"className":2802},[1304],[709,2804,791],{"className":2805},[1308],[709,2807,1313,2809],{"className":2808},[1312],[695,2810,2811],{},"hf-texture-text hf-texture-metal-038",[709,2813,2816,2827,2834],{"className":2814,"style":2815},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fdiamond-plate-009.png')",[709,2817,2819,2823],{"className":2818},[1292],[709,2820,2822],{"className":2821},[1296],"菱形钢板 009",[695,2824,2826],{"className":2825},[1300],"hf-texture-diamond-plate-009",[709,2828,2830],{"className":2829},[1304],[709,2831,2833],{"className":2832},[1308],"PLATE",[709,2835,1313,2837],{"className":2836},[1312],[695,2838,2839],{},"hf-texture-text hf-texture-diamond-plate-009",[709,2841,2842,2847],{},[1276,2843,2846],{"className":2844,"id":2845},[1279],"有机-柔软","有机 \u002F 柔软",[709,2848,2850,2874,2902,2929,2956,2984,3012,3040,3067,3095],{"className":2849},[1284],[709,2851,2853,2863,2869],{"className":2852,"style":795},[1288],[709,2854,2856,2859],{"className":2855},[1292],[709,2857,799],{"className":2858},[1296],[695,2860,2862],{"className":2861},[1300],"hf-texture-lava",[709,2864,2866],{"className":2865},[1304],[709,2867,806],{"className":2868},[1308],[709,2870,1313,2872],{"className":2871},[1312],[695,2873,937],{},[709,2875,2878,2889,2896],{"className":2876,"style":2877},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fgrass-005.png')",[709,2879,2881,2885],{"className":2880},[1292],[709,2882,2884],{"className":2883},[1296],"草地 005",[695,2886,2888],{"className":2887},[1300],"hf-texture-grass-005",[709,2890,2892],{"className":2891},[1304],[709,2893,2895],{"className":2894},[1308],"GRASS",[709,2897,1313,2899],{"className":2898},[1312],[695,2900,2901],{},"hf-texture-text hf-texture-grass-005",[709,2903,2906,2917,2923],{"className":2904,"style":2905},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fgrass-001.png')",[709,2907,2909,2913],{"className":2908},[1292],[709,2910,2912],{"className":2911},[1296],"草地 001",[695,2914,2916],{"className":2915},[1300],"hf-texture-grass-001",[709,2918,2920],{"className":2919},[1304],[709,2921,2895],{"className":2922},[1308],[709,2924,1313,2926],{"className":2925},[1312],[695,2927,2928],{},"hf-texture-text hf-texture-grass-001",[709,2930,2933,2944,2950],{"className":2931,"style":2932},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fgrass-004.png')",[709,2934,2936,2940],{"className":2935},[1292],[709,2937,2939],{"className":2938},[1296],"草地 004",[695,2941,2943],{"className":2942},[1300],"hf-texture-grass-004",[709,2945,2947],{"className":2946},[1304],[709,2948,2895],{"className":2949},[1308],[709,2951,1313,2953],{"className":2952},[1312],[695,2954,2955],{},"hf-texture-text hf-texture-grass-004",[709,2957,2960,2971,2978],{"className":2958,"style":2959},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fcarpet.png')",[709,2961,2963,2967],{"className":2962},[1292],[709,2964,2966],{"className":2965},[1296],"地毯",[695,2968,2970],{"className":2969},[1300],"hf-texture-carpet",[709,2972,2974],{"className":2973},[1304],[709,2975,2977],{"className":2976},[1308],"WOVEN",[709,2979,1313,2981],{"className":2980},[1312],[695,2982,2983],{},"hf-texture-text hf-texture-carpet",[709,2985,2988,2999,3006],{"className":2986,"style":2987},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Ffabric-083.png')",[709,2989,2991,2995],{"className":2990},[1292],[709,2992,2994],{"className":2993},[1296],"织物 083",[695,2996,2998],{"className":2997},[1300],"hf-texture-fabric-083",[709,3000,3002],{"className":3001},[1304],[709,3003,3005],{"className":3004},[1308],"FABRIC",[709,3007,1313,3009],{"className":3008},[1312],[695,3010,3011],{},"hf-texture-text hf-texture-fabric-083",[709,3013,3016,3027,3034],{"className":3014,"style":3015},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fsnow.png')",[709,3017,3019,3023],{"className":3018},[1292],[709,3020,3022],{"className":3021},[1296],"雪",[695,3024,3026],{"className":3025},[1300],"hf-texture-snow",[709,3028,3030],{"className":3029},[1304],[709,3031,3033],{"className":3032},[1308],"SNOW",[709,3035,1313,3037],{"className":3036},[1312],[695,3038,3039],{},"hf-texture-text hf-texture-snow",[709,3041,3044,3055,3061],{"className":3042,"style":3043},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fsnow-015.png')",[709,3045,3047,3051],{"className":3046},[1292],[709,3048,3050],{"className":3049},[1296],"雪 015",[695,3052,3054],{"className":3053},[1300],"hf-texture-snow-015",[709,3056,3058],{"className":3057},[1304],[709,3059,3033],{"className":3060},[1308],[709,3062,1313,3064],{"className":3063},[1312],[695,3065,3066],{},"hf-texture-text hf-texture-snow-015",[709,3068,3071,3082,3089],{"className":3069,"style":3070},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Fleather-037.png')",[709,3072,3074,3078],{"className":3073},[1292],[709,3075,3077],{"className":3076},[1296],"皮革 037",[695,3079,3081],{"className":3080},[1300],"hf-texture-leather-037",[709,3083,3085],{"className":3084},[1304],[709,3086,3088],{"className":3087},[1308],"LEATHER",[709,3090,1313,3092],{"className":3091},[1312],[695,3093,3094],{},"hf-texture-text hf-texture-leather-037",[709,3096,3099,3110,3116],{"className":3097,"style":3098},[1288],"--mask-url: url('https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fcatalog\u002Fcomponents\u002Ftexture-mask-text\u002Fmasks\u002Ffabric-080.png')",[709,3100,3102,3106],{"className":3101},[1292],[709,3103,3105],{"className":3104},[1296],"织物 080",[695,3107,3109],{"className":3108},[1300],"hf-texture-fabric-080",[709,3111,3113],{"className":3112},[1304],[709,3114,3005],{"className":3115},[1308],[709,3117,1313,3119],{"className":3118},[1312],[695,3120,3121],{},"hf-texture-text hf-texture-fabric-080",[808,3123,3124],{"id":3124},"使用方法",[692,3126,3127,3128,3130,3131,3133,3134,3136,3137,3139,3140,3143,3144,3146],{},"运行 ",[695,3129,889],{}," 后，安装的代码片段位于你当前 HyperFrames 项目中的 ",[695,3132,893],{},"。打开该文件并将底部附近真正的 ",[695,3135,897],{}," 元素粘贴到你的 composition 中一次；它定义了 ",[695,3138,912],{}," 以及上方示例中使用的所有 ",[695,3141,3142],{},"hf-texture-*"," 类。将安装的纹理 PNG 文件保留在 ",[695,3145,901],{}," 目录中；CSS 通过项目根目录的 URL 引用它们。",[3148,3149,3150],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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}",{"title":818,"searchDepth":825,"depth":983,"links":3152},[3153,3154,3155,3156,3157,3158],{"id":810,"depth":983,"text":810},{"id":842,"depth":983,"text":842},{"id":873,"depth":983,"text":873},{"id":916,"depth":983,"text":916},{"id":1268,"depth":983,"text":1268},{"id":3124,"depth":983,"text":3124},"使用纹理 PNG 遮罩为文字添加材质效果","md",null,{},true,{"title":577,"description":3159},"sJjCldtvWP9cJTaf5ORCQfa2jO0c3O8vSgREayFU-Rw",[3167,3169],{"title":573,"path":574,"stem":575,"description":3168,"children":-1},"使用 CSS 渐变遮罩在文字或元素上实现动画光扫效果 — 非常适合 AI 强调和高端展示",{"title":581,"path":582,"stem":583,"description":3170,"children":-1},"使用纯 CSS 渐变实现的电影感径向暗角叠加 — 暗化边缘以引导视线聚焦中心",1780322258400]