用途：visual-density 面向数据量较大的界面，帮助设计者在有限空间内呈现更多信息，并让用户按需切换界面的紧凑程度。
主要能力：给出三档密度级别及其参考参数。Spacious 行高 56-64px、字号 16px、内边距 16-24px，适合消费类应用和内容阅读；Comfortable 行高 44-52px、字号 14-16px、内边距 12-16px，适合作为多数应用的默认值；Compact 行高 32-40px、字号 13-14px、内边距 8-12px，适合数据表格和面向高级用户的工具。
使用方式：用 CSS 自定义属性承载随密度变化的数值，例如 [data-density="compact"] 下设置 --row-height: 36px、--cell-padding: 8px 12px、--font-size-body: 13px。在设置中提供密度级别切换，并跨会话记住用户偏好。
限制与注意：不应为提升密度而牺牲可读性；紧凑不等于删减信息，只是收紧间距；即使在紧凑模式下，触控目标仍需保持至少 44px，可通过额外内边距实现而不改变视觉；须在所有断点下测试紧凑模式。该资料未提供具体框架集成、完整代码示例或兼容性说明。