[{"data":1,"prerenderedAt":1102},["ShallowReactive",2],{"glossary-terms":3,"i-lucide:menu":1073,"i-lucide:book-open":1078,"i-lucide:git-fork":1080,"i-lucide:monitor":1082,"i-lucide:arrow-left":1084,"i-lucide:bookmark":1086,"i-lucide:rotate-ccw":1088,"i-lucide:sparkles":1090,"i-lucide:arrow-up-right":1092,"i-lucide:copy":1094,"i-lucide:external-link":1096,"i-lucide:refresh-cw":1098,"i-lucide:download":1100},[4,50,84,120,156,189,221,251,282,315,349,380,414,446,479,513,545,579,613,647,679,712,743,776,807,840,873,907,940,974,1007,1040],{"id":5,"title":6,"aliases":7,"body":10,"category":24,"comparison":25,"demo":26,"description":16,"english":27,"extension":28,"keywords":29,"meta":35,"naming":36,"navigation":37,"order":38,"path":39,"phrase":40,"seo":41,"slug":26,"sources":42,"stem":46,"target":47,"usage":48,"__hash__":49},"terms\u002Fterms\u002Fsidebar.md","可折叠侧栏布局",[8,9],"侧边菜单","后台框架",{"type":11,"value":12,"toc":20},"minimark",[13,17],[14,15,16],"p",{},"用可收起的侧边导航组织后台功能，把更多空间留给主内容。",[14,18,19],{},"本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。",{"title":21,"searchDepth":22,"depth":22,"links":23},"",2,[],"layout","与顶部导航布局相比，侧栏适合更多层级；收起侧栏不应丢失当前选中位置。","sidebar","Collapsible sidebar layout","md",[30,31,32,33,34],"左侧导航可折叠","顶部固定","内容区域独立滚动","左边菜单不动","右边滚动",{},"常见叫法",true,-6,"\u002Fterms\u002Fsidebar","采用可折叠侧栏，顶部导航固定，主内容区域独立滚动。",{"title":6,"description":16},[43],{"title":44,"url":45},"相关规范与实现参考","https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FCSS_flexible_box_layout","terms\u002Fsidebar","页面整体","多模块后台、长列表管理、需要保持导航可见的工作台。","Ksbpe-0-hibsDvDsBEprkef4E-6CpcNeMmz7I6-CD3M",{"id":51,"title":52,"aliases":53,"body":56,"category":24,"comparison":65,"demo":66,"description":60,"english":67,"extension":28,"keywords":68,"meta":72,"naming":36,"navigation":37,"order":73,"path":74,"phrase":75,"seo":76,"slug":66,"sources":77,"stem":80,"target":81,"usage":82,"__hash__":83},"terms\u002Fterms\u002Fcard-grid.md","卡片网格",[54,55],"卡片布局","宫格",{"type":11,"value":57,"toc":63},[58,61],[14,59,60],{},"把同类内容放在等宽的卡片中，按行和列排列。",[14,62,19],{},{"title":21,"searchDepth":22,"depth":22,"links":64},[],"网格按行列对齐；瀑布流优先利用不同高度内容留下的空间。","card-grid","Card grid",[69,70,71],"同宽卡片","一排多个项目","响应式网格",{},-5,"\u002Fterms\u002Fcard-grid","采用响应式卡片网格，卡片等宽，随可用宽度调整列数。",{"title":52,"description":60},[78],{"title":44,"url":79},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FCSS_grid_layout","terms\u002Fcard-grid","内容列表","项目列表、应用入口、指标概览和资源目录。","9__c0hN8D0x39fmBOULz14gdJtym0WWFYu_ZfoUe0vc",{"id":85,"title":86,"aliases":87,"body":90,"category":99,"comparison":100,"demo":101,"description":94,"english":102,"extension":28,"keywords":103,"meta":107,"naming":108,"navigation":37,"order":109,"path":110,"phrase":111,"seo":112,"slug":101,"sources":113,"stem":116,"target":117,"usage":118,"__hash__":119},"terms\u002Fterms\u002Ffade.md","淡入过渡",[88,89],"渐显","淡入淡出",{"type":11,"value":91,"toc":97},[92,95],[14,93,94],{},"通过透明度变化，让元素柔和地出现。",[14,96,19],{},{"title":21,"searchDepth":22,"depth":22,"links":98},[],"motion","淡入只改变透明度；滑入还改变位置。不可仅靠透明度隐藏可聚焦控件。","fade","Fade transition",[104,105,106],"慢慢出现","从透明变清楚","透明度变化",{},"通用术语",-4,"\u002Fterms\u002Ffade","内容出现时从透明过渡到完全可见，结束后保持稳定。",{"title":86,"description":94},[114],{"title":44,"url":115},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FCSS_transitions\u002FUsing_CSS_transitions","terms\u002Ffade","提示内容","提示信息、局部内容切换、辅助面板入场。","dw4-JqN59Snjve3wJoqNWQRk_wFj-Tpeg0jMCdbkDpc",{"id":121,"title":122,"aliases":123,"body":126,"category":135,"comparison":136,"demo":137,"description":130,"english":138,"extension":28,"keywords":139,"meta":144,"naming":36,"navigation":37,"order":145,"path":146,"phrase":147,"seo":148,"slug":137,"sources":149,"stem":152,"target":153,"usage":154,"__hash__":155},"terms\u002Fterms\u002Fdrawer.md","右侧详情抽屉",[124,125],"侧边详情面板","详情抽屉",{"type":11,"value":127,"toc":133},[128,131],[14,129,130],{},"在当前页面侧边展开详情，保留列表上下文。",[14,132,19],{},{"title":21,"searchDepth":22,"depth":22,"links":134},[],"interaction","抽屉从边缘展开；居中弹窗更适合聚焦确认或短操作。抽屉是否阻止背景操作需单独说明。","drawer","Detail drawer",[140,141,142,143],"点击订单","右边滑出来","不跳转","看详情",{},-3,"\u002Fterms\u002Fdrawer","点击订单后，从页面侧边展开详情抽屉，保留列表及滚动位置；关闭后把焦点还给触发按钮。",{"title":122,"description":130},[150],{"title":44,"url":151},"https:\u002F\u002Fshadcn-vue.com\u002Fdocs\u002Fcomponents\u002Fsheet","terms\u002Fdrawer","订单详情","订单详情、客户资料与辅助设置。","ZS-DAdVTqAN3EnV4ouhtm435sH-1NSCiloOZpUA3utc",{"id":157,"title":158,"aliases":159,"body":162,"category":24,"comparison":171,"demo":172,"description":166,"english":173,"extension":28,"keywords":174,"meta":178,"naming":36,"navigation":37,"order":179,"path":180,"phrase":181,"seo":182,"slug":172,"sources":183,"stem":186,"target":81,"usage":187,"__hash__":188},"terms\u002Fterms\u002Fmasonry.md","瀑布流布局",[160,161],"不等高网格","砖石布局",{"type":11,"value":163,"toc":169},[164,167],[14,165,166],{},"让不同高度的卡片紧密排列，减少纵向空隙。",[14,168,19],{},{"title":21,"searchDepth":22,"depth":22,"links":170},[],"与整齐对齐的网格不同，瀑布流不保证每一行对齐。本示例采用多列，阅读顺序先纵向后横向。","masonry","Masonry layout",[175,176,177],"图片高低不同","紧密填满","不规则卡片",{},-2,"\u002Fterms\u002Fmasonry","使用瀑布流排列不等高卡片，并明确先纵向后横向的阅读顺序。",{"title":158,"description":166},[184],{"title":44,"url":185},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FCSS_multicol_layout","terms\u002Fmasonry","图片素材、灵感收藏、长度不一的内容卡片。","f5i98wKzihkXj3SwSK1qGVAg2ht89qwTTP3T_AU5SXk",{"id":190,"title":191,"aliases":192,"body":195,"category":99,"comparison":204,"demo":205,"description":199,"english":206,"extension":28,"keywords":207,"meta":210,"naming":36,"navigation":37,"order":211,"path":212,"phrase":213,"seo":214,"slug":205,"sources":215,"stem":218,"target":81,"usage":219,"__hash__":220},"terms\u002Fterms\u002Fstagger.md","交错入场",[193,194],"错峰动画","依次出现",{"type":11,"value":196,"toc":202},[197,200],[14,198,199],{},"一组元素按固定延迟依次开始动画，形成节奏。",[14,201,19],{},{"title":21,"searchDepth":22,"depth":22,"links":203},[],"交错强调开始时间不同；不是一个元素播放完才开始下一个。长列表应避免累积等待。","stagger","Staggered entrance",[208,209],"列表一条一条出现","卡片依次进入",{},-1,"\u002Fterms\u002Fstagger","列表按顺序依次入场，相邻元素之间增加短暂延迟。",{"title":191,"description":199},[216],{"title":44,"url":217},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fanimation-delay","terms\u002Fstagger","短列表、少量卡片或首次进入的内容组。","6dNUK1kIwfs58cs7T6abfS3Pos5bzx4Y172ydb1FNhw",{"id":222,"title":223,"aliases":224,"body":227,"category":24,"comparison":236,"demo":237,"description":231,"english":238,"extension":28,"keywords":239,"meta":242,"naming":36,"navigation":37,"order":22,"path":243,"phrase":244,"seo":245,"slug":237,"sources":246,"stem":248,"target":47,"usage":249,"__hash__":250},"terms\u002Fterms\u002Ftop-nav.md","顶部导航布局",[225,226],"横向导航","顶栏布局",{"type":11,"value":228,"toc":234},[229,232],[14,230,231],{},"把主要导航放在页面顶部，让内容获得完整的横向空间。",[14,233,19],{},{"title":21,"searchDepth":22,"depth":22,"links":235},[],"导航很多或层级很深时，侧栏通常更易浏览；不要把全部入口挤在一行。","top-nav","Top navigation layout",[240,225,241],"上面菜单","内容居中",{},"\u002Fterms\u002Ftop-nav","主要入口放在顶部横向导航中，下方展示当前页面内容。",{"title":223,"description":231},[247],{"title":44,"url":45},"terms\u002Ftop-nav","一级入口较少的工具、文档与轻量管理页面。","XIr1S8d1-kSrrzuq9sYFVk6r-IVwcZF0GaIMhTjm4us",{"id":252,"title":253,"aliases":254,"body":256,"category":24,"comparison":265,"demo":266,"description":260,"english":267,"extension":28,"keywords":268,"meta":272,"naming":36,"navigation":37,"order":273,"path":274,"phrase":275,"seo":276,"slug":266,"sources":277,"stem":279,"target":47,"usage":280,"__hash__":281},"terms\u002Fterms\u002Fholy-grail.md","圣杯布局",[255],"三栏布局",{"type":11,"value":257,"toc":263},[258,261],[14,259,260],{},"在页头与页尾之间安排左右侧栏和可伸缩的主内容栏。",[14,262,19],{},{"title":21,"searchDepth":22,"depth":22,"links":264},[],"圣杯布局强调三栏及页头页尾的组合，不等同于任意三列网格。","holy-grail","Holy grail layout",[269,270,271],"左中右三栏","中间自适应","头尾固定结构",{},3,"\u002Fterms\u002Fholy-grail","页面包含页头、页尾与中间三栏；中央内容自适应，左右保留辅助栏。",{"title":253,"description":260},[278],{"title":44,"url":79},"terms\u002Fholy-grail","两侧需要工具、目录或辅助信息的工作界面。","NlxWZKmh4UVk1F7je1hFOMhxR7aXMIVkH1RpJyyU5RE",{"id":283,"title":284,"aliases":285,"body":288,"category":24,"comparison":297,"demo":298,"description":292,"english":299,"extension":28,"keywords":300,"meta":304,"naming":36,"navigation":37,"order":305,"path":306,"phrase":307,"seo":308,"slug":298,"sources":309,"stem":311,"target":312,"usage":313,"__hash__":314},"terms\u002Fterms\u002Fsplit-pane.md","分栏工作区",[286,287],"左右分屏","双栏面板",{"type":11,"value":289,"toc":295},[290,293],[14,291,292],{},"把同一任务的两个区域并排展示，减少页面切换。",[14,294,19],{},{"title":21,"searchDepth":22,"depth":22,"links":296},[],"分栏是空间组织方式，不必然支持拖动分隔线；是否可调整宽度需单独说明。","split-pane","Split pane",[301,302,303],"左边编辑","右边预览","并排工作区",{},4,"\u002Fterms\u002Fsplit-pane","工作区分为并排的两个面板，分别承载编辑与预览内容。",{"title":284,"description":292},[310],{"title":44,"url":79},"terms\u002Fsplit-pane","工作区","编辑与预览、源数据与处理结果、对照阅读。","tG79iw6LGZW3-koN28ISVfKZTmn6tWI9MmJnRN33rE0",{"id":316,"title":317,"aliases":318,"body":321,"category":24,"comparison":330,"demo":331,"description":325,"english":332,"extension":28,"keywords":333,"meta":337,"naming":36,"navigation":37,"order":338,"path":339,"phrase":340,"seo":341,"slug":331,"sources":342,"stem":345,"target":346,"usage":347,"__hash__":348},"terms\u002Fterms\u002Fsticky-header.md","粘性表头",[319,320],"吸顶表头","固定表头",{"type":11,"value":322,"toc":328},[323,326],[14,324,325],{},"表格内容滚动时，让表头停留在滚动容器顶部。",[14,327,19],{},{"title":21,"searchDepth":22,"depth":22,"links":329},[],"sticky 受最近滚动祖先限制；fixed 通常相对视口定位，两者不是同一个行为。","sticky-header","Sticky table header",[334,335,336],"滚动列表","表头不动","标题留在顶部",{},6,"\u002Fterms\u002Fsticky-header","表格在容器内滚动，表头保持在顶部，便于持续对照各列。",{"title":317,"description":325},[343],{"title":44,"url":344},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fposition","terms\u002Fsticky-header","数据表格","数据较多的表格，需要持续对照列含义。","Uy2RhFluuHBXGZ_yhV40F52VVSsSkxTYS08hMrVXhWQ",{"id":350,"title":351,"aliases":352,"body":354,"category":24,"comparison":363,"demo":364,"description":358,"english":365,"extension":28,"keywords":366,"meta":370,"naming":36,"navigation":37,"order":371,"path":372,"phrase":373,"seo":374,"slug":364,"sources":375,"stem":377,"target":312,"usage":378,"__hash__":379},"terms\u002Fterms\u002Fmaster-detail.md","主从视图",[353],"列表详情布局",{"type":11,"value":355,"toc":361},[356,359],[14,357,358],{},"同屏保留记录列表和当前记录的详情。",[14,360,19],{},{"title":21,"searchDepth":22,"depth":22,"links":362},[],"主从视图常驻两个区域；抽屉通常是按需出现的侧面板。","master-detail","Master-detail view",[367,368,369],"左边列表","右边内容","选中即查看",{},7,"\u002Fterms\u002Fmaster-detail","同屏呈现列表与详情，选择列表记录时更新旁边的详情区域。",{"title":351,"description":358},[376],{"title":44,"url":79},"terms\u002Fmaster-detail","邮件、工单、订单与联系人浏览。","3Y7amhHtMjd0FEXRRf_KBg8A7nI7B01MzvDLIm9KKF4",{"id":381,"title":382,"aliases":383,"body":386,"category":99,"comparison":395,"demo":396,"description":390,"english":397,"extension":28,"keywords":398,"meta":402,"naming":108,"navigation":37,"order":403,"path":404,"phrase":405,"seo":406,"slug":396,"sources":407,"stem":410,"target":411,"usage":412,"__hash__":413},"terms\u002Fterms\u002Fslide.md","滑入过渡",[384,385],"侧滑","平移入场",{"type":11,"value":387,"toc":393},[388,391],[14,389,390],{},"让元素从一侧平移进入目标位置。",[14,392,19],{},{"title":21,"searchDepth":22,"depth":22,"links":394},[],"滑入是位移动效；抽屉是交互模式，抽屉可以选择滑入作为动效。","slide","Slide transition",[399,400,401],"从右边进来","从左边滑出","滑动出现",{},9,"\u002Fterms\u002Fslide","面板从指定边缘平移进入，结束后停留在目标位置。",{"title":382,"description":390},[408],{"title":44,"url":409},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Ftransform","terms\u002Fslide","详情面板","侧边详情、通知、局部内容切换。","QlvNiz8WZeFQJYRRP5Qoa7YdpMamr-nUcQEH5v3mkIw",{"id":415,"title":416,"aliases":417,"body":420,"category":99,"comparison":429,"demo":430,"description":424,"english":431,"extension":28,"keywords":432,"meta":436,"naming":108,"navigation":37,"order":437,"path":438,"phrase":439,"seo":440,"slug":430,"sources":441,"stem":443,"target":117,"usage":444,"__hash__":445},"terms\u002Fterms\u002Fscale.md","缩放入场",[418,419],"放大出现","缩放过渡",{"type":11,"value":421,"toc":427},[422,425],[14,423,424],{},"元素从较小尺寸放大到正常尺寸，强调出现位置。",[14,426,19],{},{"title":21,"searchDepth":22,"depth":22,"links":428},[],"缩放过渡不等于弹簧动画；真实弹簧通常包含不同的速度与回弹模型。","scale","Scale entrance",[433,434,435],"由小变大","弹出","放大显示",{},10,"\u002Fterms\u002Fscale","内容从较小比例放大到正常大小，并伴随透明度变化。",{"title":416,"description":424},[442],{"title":44,"url":409},"terms\u002Fscale","小面板、菜单或需要视觉聚焦的提示。","MOH5y5O23PZq-evem7ms9mbw05Ln4jqoJZBbWNBcjhY",{"id":447,"title":448,"aliases":449,"body":452,"category":99,"comparison":461,"demo":462,"description":456,"english":463,"extension":28,"keywords":464,"meta":467,"naming":108,"navigation":37,"order":468,"path":469,"phrase":470,"seo":471,"slug":462,"sources":472,"stem":475,"target":476,"usage":477,"__hash__":478},"terms\u002Fterms\u002Fflip.md","翻转动画",[450,451],"翻面","卡片翻转",{"type":11,"value":453,"toc":459},[454,457],[14,455,456],{},"通过旋转让卡片从正面翻到背面。",[14,458,19],{},{"title":21,"searchDepth":22,"depth":22,"links":460},[],"这里是卡片 3D 翻面，不是用于布局动画的 FLIP 技术缩写。","flip","Flip animation",[465,466],"卡片正反面","翻转显示另一面",{},12,"\u002Fterms\u002Fflip","卡片沿纵轴翻转，正反两面分别显示摘要和补充信息。",{"title":448,"description":456},[473],{"title":44,"url":474},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fbackface-visibility","terms\u002Fflip","信息卡片","少量关联信息的正反面对照、学习卡片。","gUAN3Rk3DjJvc7vxooY_i1JMxBeoaYnN1tvDTYURANA",{"id":480,"title":481,"aliases":482,"body":485,"category":99,"comparison":494,"demo":495,"description":489,"english":496,"extension":28,"keywords":497,"meta":501,"naming":108,"navigation":37,"order":502,"path":503,"phrase":504,"seo":505,"slug":495,"sources":506,"stem":509,"target":510,"usage":511,"__hash__":512},"terms\u002Fterms\u002Fcollapse.md","展开收起过渡",[483,484],"高度动画","折叠动画",{"type":11,"value":486,"toc":492},[487,490],[14,488,489],{},"内容区域在收起和展开时平滑改变可见高度。",[14,491,19],{},{"title":21,"searchDepth":22,"depth":22,"links":493},[],"展开过渡是视觉效果；折叠面板还需要明确触发方式和展开状态。","collapse","Expand and collapse",[498,499,500],"下面内容展开","高度变化","收起内容",{},13,"\u002Fterms\u002Fcollapse","辅助内容在展开与收起时平滑改变高度，并保持后续内容自然移动。",{"title":481,"description":489},[507],{"title":44,"url":508},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fgrid-template-rows","terms\u002Fcollapse","辅助说明","筛选条件、帮助说明与折叠列表。","1erNIeotC6DSDa-eOloyAfrMY3ONNjtgdwGC7pRp-qY",{"id":514,"title":515,"aliases":516,"body":519,"category":99,"comparison":528,"demo":529,"description":523,"english":530,"extension":28,"keywords":531,"meta":534,"naming":36,"navigation":37,"order":535,"path":536,"phrase":537,"seo":538,"slug":529,"sources":539,"stem":542,"target":476,"usage":543,"__hash__":544},"terms\u002Fterms\u002Fhover-lift.md","悬停上浮",[517,518],"悬浮提升","卡片抬升",{"type":11,"value":520,"toc":526},[521,524],[14,522,523],{},"鼠标悬停或键盘聚焦时，卡片轻微上移并增强阴影。",[14,525,19],{},{"title":21,"searchDepth":22,"depth":22,"links":527},[],"上浮是视觉反馈，不能替代可点击语义；触屏设备也需要可理解的默认状态。","hover-lift","Hover lift",[532,533],"鼠标放上去卡片升起","阴影加深",{},14,"\u002Fterms\u002Fhover-lift","悬停或键盘聚焦时，卡片轻微上移并加强阴影，移开后恢复。",{"title":515,"description":523},[540],{"title":44,"url":541},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Ftransition","terms\u002Fhover-lift","可点击卡片、项目入口与操作选项。","N_SsHIF_biAQNZcNxieBHSBHNJ0mai1VXTbypDCyF4Q",{"id":546,"title":547,"aliases":548,"body":551,"category":99,"comparison":560,"demo":561,"description":555,"english":562,"extension":28,"keywords":563,"meta":567,"naming":36,"navigation":37,"order":568,"path":569,"phrase":570,"seo":571,"slug":561,"sources":572,"stem":575,"target":576,"usage":577,"__hash__":578},"terms\u002Fterms\u002Fshimmer.md","骨架屏扫光",[549,550],"加载扫光","占位动画",{"type":11,"value":552,"toc":558},[553,556],[14,554,555],{},"在占位块上移动一条高亮带，提示内容正在加载。",[14,557,19],{},{"title":21,"searchDepth":22,"depth":22,"links":559},[],"骨架只是加载反馈，不能代替失败或空内容状态；减少动态效果时显示静态占位。","shimmer","Skeleton shimmer",[564,565,566],"灰色骨架","流动光带","加载中",{},15,"\u002Fterms\u002Fshimmer","加载期间显示接近内容结构的骨架，使用轻柔扫光提示等待。",{"title":547,"description":555},[573],{"title":44,"url":574},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FCSS_animations\u002FUsing_CSS_animations","terms\u002Fshimmer","加载区域","确实存在加载等待且结构可以预知的区域。","TFs1KPhx-MB7BZxnOOAOF8xuN1QSIKjI5HwJbASS-yM",{"id":580,"title":581,"aliases":582,"body":585,"category":594,"comparison":595,"demo":596,"description":589,"english":597,"extension":28,"keywords":598,"meta":602,"naming":36,"navigation":37,"order":603,"path":604,"phrase":605,"seo":606,"slug":596,"sources":607,"stem":610,"target":476,"usage":611,"__hash__":612},"terms\u002Fterms\u002Fglass.md","玻璃拟态",[583,584],"毛玻璃","磨砂玻璃",{"type":11,"value":586,"toc":592},[587,590],[14,588,589],{},"用半透明表面、背景模糊和细边框形成磨砂玻璃感。",[14,591,19],{},{"title":21,"searchDepth":22,"depth":22,"links":593},[],"visual","背景模糊作用于元素背后的区域；直接模糊元素自身会影响文字可读性。","glass","Glassmorphism",[599,600,601],"透明背景","模糊背景","玻璃面板",{},16,"\u002Fterms\u002Fglass","卡片使用半透明背景、适度背景模糊和细边框，确保文字对比清晰。",{"title":581,"description":589},[608],{"title":44,"url":609},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fbackdrop-filter","terms\u002Fglass","有背景层次的少量浮层、概览卡片。","BQ-SRJ_AWCJ813sYfvz-d7VNi-ECHLM9t_f3lF_A-0w",{"id":614,"title":615,"aliases":616,"body":619,"category":594,"comparison":628,"demo":629,"description":623,"english":630,"extension":28,"keywords":631,"meta":636,"naming":36,"navigation":37,"order":637,"path":638,"phrase":639,"seo":640,"slug":629,"sources":641,"stem":644,"target":476,"usage":645,"__hash__":646},"terms\u002Fterms\u002Fneumorphism.md","新拟态",[617,618],"软拟物","软浮雕",{"type":11,"value":620,"toc":626},[621,624],[14,622,623],{},"利用接近背景的表面和明暗双向阴影模拟柔软凸起。",[14,625,19],{},{"title":21,"searchDepth":22,"depth":22,"links":627},[],"与真实材质拟物不同，新拟态常依赖低对比表面；不能牺牲控件边界与可读性。","neumorphism","Neumorphism",[632,633,634,635],"同色背景","凸起","凹陷","双向阴影",{},17,"\u002Fterms\u002Fneumorphism","卡片与背景保持相近色调，通过明暗双向阴影形成柔和凸起。",{"title":615,"description":623},[642],{"title":44,"url":643},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fbox-shadow","terms\u002Fneumorphism","少量装饰性面板、可识别状态明确的控件展示。","bbWyrHLQLY1MCCLshVE45nQfwYyeF38XhFfC2z9Rh4o",{"id":648,"title":649,"aliases":650,"body":652,"category":594,"comparison":661,"demo":662,"description":656,"english":663,"extension":28,"keywords":664,"meta":668,"naming":36,"navigation":37,"order":669,"path":670,"phrase":671,"seo":672,"slug":662,"sources":673,"stem":676,"target":476,"usage":677,"__hash__":678},"terms\u002Fterms\u002Fflat.md","扁平风格",[651],"扁平化",{"type":11,"value":653,"toc":659},[654,657],[14,655,656],{},"减少材质和立体模拟，主要用颜色、形状与排版表达层级。",[14,658,19],{},{"title":21,"searchDepth":22,"depth":22,"links":660},[],"扁平并不意味着没有层级；仍需通过字重、留白和状态表达重要程度。","flat","Flat design",[665,666,667],"没有立体效果","简单纯色","清晰形状",{},18,"\u002Fterms\u002Fflat","采用纯色表面和清晰排版，减少立体装饰，以间距与字重建立层级。",{"title":649,"description":656},[674],{"title":44,"url":675},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fbackground-color","terms\u002Fflat","数据密集后台、清晰直接的工具界面。","yDBFN04G640BNa_OFujgKmW6FntwHTPu0P-r79rOz90",{"id":680,"title":681,"aliases":682,"body":685,"category":594,"comparison":694,"demo":695,"description":689,"english":696,"extension":28,"keywords":697,"meta":701,"naming":36,"navigation":37,"order":702,"path":703,"phrase":704,"seo":705,"slug":695,"sources":706,"stem":709,"target":476,"usage":710,"__hash__":711},"terms\u002Fterms\u002Fminimal.md","极简风格",[683,684],"极简主义","克制设计",{"type":11,"value":686,"toc":692},[687,690],[14,688,689],{},"删去无关装饰，保留完成任务需要的结构与内容。",[14,691,19],{},{"title":21,"searchDepth":22,"depth":22,"links":693},[],"极简是取舍策略，不是隐藏必要信息，也不等于所有元素都使用浅灰色。","minimal","Minimal design",[698,699,700],"少装饰","多留白","简单清晰",{},19,"\u002Fterms\u002Fminimal","保留必要标题、内容和操作，以留白与清晰层级组织界面。",{"title":681,"description":689},[707],{"title":44,"url":708},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FGuides\u002FBox_model","terms\u002Fminimal","内容阅读、聚焦操作与轻量工具。","ShPJxdpZRw3L1ww70wQF0L0IN06Bp34_yhCwBqU1aXY",{"id":713,"title":714,"aliases":715,"body":717,"category":594,"comparison":726,"demo":727,"description":721,"english":728,"extension":28,"keywords":729,"meta":732,"naming":36,"navigation":37,"order":733,"path":734,"phrase":735,"seo":736,"slug":727,"sources":737,"stem":740,"target":476,"usage":741,"__hash__":742},"terms\u002Fterms\u002Fgradient.md","渐变表面",[716],"渐变背景",{"type":11,"value":718,"toc":724},[719,722],[14,720,721],{},"在一个区域中让颜色连续过渡，突出某个视觉区域。",[14,723,19],{},{"title":21,"searchDepth":22,"depth":22,"links":725},[],"渐变是颜色填充方式，本身不表示交互状态，也不要求一定播放动画。","gradient","Gradient surface",[730,731],"颜色慢慢变化","两种颜色过渡",{},20,"\u002Fterms\u002Fgradient","重点区域使用克制的线性渐变，文字始终保持清晰可读。",{"title":714,"description":721},[738],{"title":44,"url":739},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fgradient\u002Flinear-gradient","terms\u002Fgradient","少量强调卡片、状态背景与品牌区域。","95y2LDn2U0TmHen8LQisHoKO6yXavBF1D-0ZiVBBDcY",{"id":744,"title":745,"aliases":746,"body":749,"category":594,"comparison":758,"demo":759,"description":753,"english":760,"extension":28,"keywords":761,"meta":765,"naming":36,"navigation":37,"order":766,"path":767,"phrase":768,"seo":769,"slug":759,"sources":770,"stem":773,"target":476,"usage":774,"__hash__":775},"terms\u002Fterms\u002Foutline.md","描边风格",[747,748],"线框风格","边框卡片",{"type":11,"value":750,"toc":756},[751,754],[14,752,753],{},"用边框与留白而非大面积填色区分内容区域。",[14,755,19],{},{"title":21,"searchDepth":22,"depth":22,"links":757},[],"描边风格是视觉选择；聚焦轮廓是无障碍状态，不应为了风格被移除。","outline","Outline style",[762,763,764],"白底","细线","边框区分",{},21,"\u002Fterms\u002Foutline","用细边框、清晰标题和留白区分卡片区域，减少填色装饰。",{"title":745,"description":753},[771],{"title":44,"url":772},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fborder","terms\u002Foutline","文档、设置面板、紧凑管理页面。","xjBQBxXglW5LC7ejU4vnXG0jguLEzfaXWEeBs6BEveM",{"id":777,"title":778,"aliases":779,"body":782,"category":594,"comparison":791,"demo":792,"description":786,"english":793,"extension":28,"keywords":794,"meta":797,"naming":36,"navigation":37,"order":798,"path":799,"phrase":800,"seo":801,"slug":792,"sources":802,"stem":804,"target":476,"usage":805,"__hash__":806},"terms\u002Fterms\u002Fsoft-shadow.md","柔和阴影",[780,781],"轻阴影","浮层阴影",{"type":11,"value":783,"toc":789},[784,787],[14,785,786],{},"用低强度、较大模糊半径的阴影表达层级。",[14,788,19],{},{"title":21,"searchDepth":22,"depth":22,"links":790},[],"阴影用于深度与层级；不要把所有区域都做成高强度浮层。","soft-shadow","Soft shadow",[795,796],"轻微浮起","大范围模糊阴影",{},22,"\u002Fterms\u002Fsoft-shadow","用低透明度、较大模糊半径的阴影，让卡片轻微浮起。",{"title":778,"description":786},[803],{"title":44,"url":643},"terms\u002Fsoft-shadow","卡片、菜单与需要轻微分离背景的浮层。","IM-AZzQcJAoqkYY0_hc4j0I0XRjvzFPG4hCdX51NUv8",{"id":808,"title":809,"aliases":810,"body":813,"category":594,"comparison":822,"demo":823,"description":817,"english":824,"extension":28,"keywords":825,"meta":829,"naming":36,"navigation":37,"order":830,"path":831,"phrase":832,"seo":833,"slug":823,"sources":834,"stem":837,"target":476,"usage":838,"__hash__":839},"terms\u002Fterms\u002Fhigh-contrast.md","高对比风格",[811,812],"强对比","黑白风格",{"type":11,"value":814,"toc":820},[815,818],[14,816,817],{},"用明显的明暗差和清晰边界强化内容层级。",[14,819,19],{},{"title":21,"searchDepth":22,"depth":22,"links":821},[],"视觉上的高对比不等于已经满足所有无障碍要求，还需检查文字、焦点与状态。","high-contrast","High contrast style",[826,827,828],"黑白鲜明","重点突出","清楚边界",{},23,"\u002Fterms\u002Fhigh-contrast","使用鲜明明暗对比与清晰边界，强调主操作并保留可见焦点。",{"title":809,"description":817},[835],{"title":44,"url":836},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002F@media\u002Fprefers-contrast","terms\u002Fhigh-contrast","需要明确视觉重点、清晰操作反馈的界面。","UrN7FYwl26wS_hAtTdHt9P3A2DcVNwl0KSKmNFPhwEk",{"id":841,"title":842,"aliases":843,"body":846,"category":135,"comparison":855,"demo":856,"description":850,"english":857,"extension":28,"keywords":858,"meta":862,"naming":108,"navigation":37,"order":863,"path":864,"phrase":865,"seo":866,"slug":856,"sources":867,"stem":870,"target":861,"usage":871,"__hash__":872},"terms\u002Fterms\u002Fmodal.md","模态对话框",[844,845],"弹窗","模态窗口",{"type":11,"value":847,"toc":853},[848,851],[14,849,850],{},"以覆盖页面的对话框承载一项需要集中处理的任务。",[14,852,19],{},{"title":21,"searchDepth":22,"depth":22,"links":854},[],"模态会限制背景交互并管理焦点；普通浮层不一定阻止背景操作。","modal","Modal dialog",[859,860,861],"居中弹出","必须先处理","确认操作",{},25,"\u002Fterms\u002Fmodal","在居中的模态对话框中聚焦当前操作，提供明确的取消与确认入口。",{"title":842,"description":850},[868],{"title":44,"url":869},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FARIA\u002Fapg\u002Fpatterns\u002Fdialog-modal\u002F","terms\u002Fmodal","重要确认、短表单与需要明确完成或取消的操作。","O8FpQGtf7OGICUjq41FVuIWdLe203f2oRulgD6hd69I",{"id":874,"title":875,"aliases":876,"body":879,"category":135,"comparison":888,"demo":889,"description":883,"english":890,"extension":28,"keywords":891,"meta":895,"naming":108,"navigation":37,"order":896,"path":897,"phrase":898,"seo":899,"slug":889,"sources":900,"stem":903,"target":904,"usage":905,"__hash__":906},"terms\u002Fterms\u002Fcommand.md","命令面板",[877,878],"快捷命令","全局操作面板",{"type":11,"value":880,"toc":886},[881,884],[14,882,883],{},"把可执行操作放入可搜索的面板中，缩短导航路径。",[14,885,19],{},{"title":21,"searchDepth":22,"depth":22,"links":887},[],"命令面板搜索的是操作或目标；普通搜索框通常检索内容。可用菜单不可被完全取代。","command","Command palette",[892,893,894],"快捷键","搜索命令","快速跳转",{},26,"\u002Fterms\u002Fcommand","打开可搜索的命令面板，输入关键词筛选操作，并选择执行。",{"title":875,"description":883},[901],{"title":44,"url":902},"https:\u002F\u002Fshadcn-vue.com\u002Fdocs\u002Fcomponents\u002Fcommand","terms\u002Fcommand","全局操作","功能较多的工具、键盘优先操作和快速跳转。","UH8-faGmRptq-sWtx0_Zy5ik5khhyuOlE16CRvr34L8",{"id":908,"title":909,"aliases":910,"body":913,"category":135,"comparison":922,"demo":923,"description":917,"english":924,"extension":28,"keywords":925,"meta":928,"naming":108,"navigation":37,"order":929,"path":930,"phrase":931,"seo":932,"slug":923,"sources":933,"stem":936,"target":937,"usage":938,"__hash__":939},"terms\u002Fterms\u002Ftooltip.md","文字提示",[911,912],"悬浮提示","工具提示",{"type":11,"value":914,"toc":920},[915,918],[14,916,917],{},"在悬停或聚焦时显示简短的补充说明。",[14,919,19],{},{"title":21,"searchDepth":22,"depth":22,"links":921},[],"Tooltip 不应包含必须操作的表单；需要交互的补充内容更适合 Popover。","tooltip","Tooltip",[926,927],"鼠标放上去显示解释","图标说明",{},27,"\u002Fterms\u002Ftooltip","悬停或键盘聚焦时显示简短说明，移开或失焦后隐藏。",{"title":909,"description":917},[934],{"title":44,"url":935},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FARIA\u002Fapg\u002Fpatterns\u002Ftooltip\u002F","terms\u002Ftooltip","辅助提示","有可访问名称的图标按钮、缩写与简短解释。","kttJgdd2BHPH-CyvsGL-CZcdukrd2Wn_Phf_nwoNGpo",{"id":941,"title":942,"aliases":943,"body":946,"category":135,"comparison":955,"demo":956,"description":950,"english":957,"extension":28,"keywords":958,"meta":962,"naming":108,"navigation":37,"order":963,"path":964,"phrase":965,"seo":966,"slug":956,"sources":967,"stem":970,"target":971,"usage":972,"__hash__":973},"terms\u002Fterms\u002Fpopover.md","气泡浮层",[944,945],"弹出面板","锚定浮层",{"type":11,"value":947,"toc":953},[948,951],[14,949,950],{},"在触发元素附近显示一块可交互的补充内容。",[14,952,19],{},{"title":21,"searchDepth":22,"depth":22,"links":954},[],"Popover 可以包含操作；Tooltip 通常只提供简短文字，不承载交互任务。","popover","Popover",[959,960,961],"按钮旁边弹出","小面板","局部设置",{},28,"\u002Fterms\u002Fpopover","点击触发器，在其附近展开补充面板，再次点击或关闭时收起。",{"title":942,"description":950},[968],{"title":44,"url":969},"https:\u002F\u002Fshadcn-vue.com\u002Fdocs\u002Fcomponents\u002Fpopover","terms\u002Fpopover","辅助设置","局部设置、筛选摘要与少量选项。","u_wb3I5JFVSM_7ZkqOg96o0mCQCT7Hs9P8lz4kLg5A4",{"id":975,"title":976,"aliases":977,"body":980,"category":135,"comparison":989,"demo":990,"description":984,"english":991,"extension":28,"keywords":992,"meta":996,"naming":108,"navigation":37,"order":997,"path":998,"phrase":999,"seo":1000,"slug":990,"sources":1001,"stem":1004,"target":510,"usage":1005,"__hash__":1006},"terms\u002Fterms\u002Fdisclosure.md","渐进披露",[978,979],"按需展开","更多选项",{"type":11,"value":981,"toc":987},[982,985],[14,983,984],{},"先呈现完成主要任务所需的信息，再按需展开细节。",[14,986,19],{},{"title":21,"searchDepth":22,"depth":22,"links":988},[],"这是信息组织原则；折叠面板只是其中一种实现方式。不可隐藏关键操作结果。","disclosure","Progressive disclosure",[993,994,995],"先显示重点","更多信息展开","减少干扰",{},29,"\u002Fterms\u002Fdisclosure","默认显示主要信息，将低频细节收进明确标注的展开入口。",{"title":976,"description":984},[1002],{"title":44,"url":1003},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FARIA\u002Fapg\u002Fpatterns\u002Fdisclosure\u002F","terms\u002Fdisclosure","高级筛选、说明细节与低频设置。","Ec23nZZoYm04P5v_uyRhJa3dItaF1s63qZ22C5yfYsw",{"id":1008,"title":1009,"aliases":1010,"body":1013,"category":135,"comparison":1022,"demo":1023,"description":1017,"english":1024,"extension":28,"keywords":1025,"meta":1028,"naming":108,"navigation":37,"order":1029,"path":1030,"phrase":1031,"seo":1032,"slug":1023,"sources":1033,"stem":1036,"target":1037,"usage":1038,"__hash__":1039},"terms\u002Fterms\u002Ftabs.md","标签页",[1011,1012],"选项卡","页签",{"type":11,"value":1014,"toc":1020},[1015,1018],[14,1016,1017],{},"在同一内容区域中切换彼此相关的视图。",[14,1019,19],{},{"title":21,"searchDepth":22,"depth":22,"links":1021},[],"标签页切换视图，筛选器缩小同一份内容的范围；两者的语义不同。","tabs","Tabs",[1026,1027],"同一块切换内容","不同标签切换",{},30,"\u002Fterms\u002Ftabs","通过标签页在同一位置切换相关视图，并明确当前选中的标签。",{"title":1009,"description":1017},[1034],{"title":44,"url":1035},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FARIA\u002Fapg\u002Fpatterns\u002Ftabs\u002F","terms\u002Ftabs","详情区域","详情的概览、活动、设置等同级内容。","jJfC4ss3TEs-0cmNRB0ZqCT84esm_jKZDjRGNTZjfCI",{"id":1041,"title":1042,"aliases":1043,"body":1046,"category":135,"comparison":1055,"demo":1056,"description":1050,"english":1057,"extension":28,"keywords":1058,"meta":1062,"naming":108,"navigation":37,"order":1063,"path":1064,"phrase":1065,"seo":1066,"slug":1056,"sources":1067,"stem":1070,"target":81,"usage":1071,"__hash__":1072},"terms\u002Fterms\u002Fload-more.md","加载更多",[1044,1045],"增量加载","更多记录",{"type":11,"value":1047,"toc":1053},[1048,1051],[14,1049,1050],{},"通过明确按钮逐批追加列表记录，让用户掌握加载节奏。",[14,1052,19],{},{"title":21,"searchDepth":22,"depth":22,"links":1054},[],"与无限滚动不同，加载更多由用户主动触发；加载失败要保留已有记录。","load-more","Load more",[1059,1060,1061],"先显示几条","点击更多","追加列表",{},31,"\u002Fterms\u002Fload-more","先展示一批记录，点击“加载更多”后追加下一批，并反馈已全部加载的状态。",{"title":1042,"description":1050},[1068],{"title":44,"url":1069},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FReference\u002FAttributes\u002Faria-live","terms\u002Fload-more","长列表、活动记录与内容浏览。","APvJNOn9NMct1yNktSF-rHoXnYI0NCSNLjkkHIMmvSE",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1077},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1079},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 5v16m8.001-2A2 2 0 0 0 22 17V5a2 2 0 0 0-1.999-2L16 3.002A5 5 0 0 0 12 5a5 5 0 0 0-4-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 1.999 2H8a5 5 0 0 1 4 2a5 5 0 0 1 4-2z\"\u002F>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1081},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"18\" r=\"3\"\u002F>\u003Ccircle cx=\"6\" cy=\"6\" r=\"3\"\u002F>\u003Ccircle cx=\"18\" cy=\"6\" r=\"3\"\u002F>\u003Cpath d=\"M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9m6 3v3\"\u002F>\u003C\u002Fg>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1083},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M8 21h8m-4-4v4\"\u002F>\u003C\u002Fg>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1085},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1087},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z\"\u002F>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1089},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8\"\u002F>\u003Cpath d=\"M3 3v5h5\"\u002F>\u003C\u002Fg>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1091},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4\"\u002F>\u003Ccircle cx=\"4\" cy=\"20\" r=\"2\"\u002F>\u003C\u002Fg>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1093},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1095},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\u002F>\u003C\u002Fg>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1097},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\u002F>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1099},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8\"\u002F>\u003Cpath d=\"M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16\"\u002F>\u003Cpath d=\"M8 16H3v5\"\u002F>\u003C\u002Fg>",{"left":1074,"top":1074,"width":1075,"height":1075,"rotate":1074,"vFlip":1076,"hFlip":1076,"body":1101},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u002F>\u003Cpath d=\"m7 10l5 5l5-5\"\u002F>\u003C\u002Fg>",1793160806121]