Apple Design — Materials & Iconography 是一个面向 Apple 材质表面与图标符号系统的设计技能，主要用于在实现玻璃质感和图标体系时提供规则参考。
用途
该技能适用于构建磨砂/玻璃面板、导航、表单，或实现 Liquid Glass 外观；设计应用图标（squircle 并非普通圆角矩形）；使用或模仿 SF Symbols。
核心规则
玻璃是一个图层，而非一种涂料。它会采样并模糊其背后的内容，然后用充满活力的标签着色。网页近似做法：backdrop-filter: blur() saturate() 加上半透明填充和顶部边缘亮部高光。CSS 无法实现 Apple 的实时透镜/折射效果，应做近似，而非假装能做到。
永远不要把玻璃叠在玻璃上，也不要把低对比度文字放在复杂的半透明区域上。始终提供 prefers-reduced-transparency 的不透明回退方案。
squircle 是一种 G2 连续曲率形状（社区逆向工程得到的贝塞尔曲线），不是 border-radius。可使用 clip-path/SVG，或 corner-shape: squircle（Chrome 139+，Safari/Firefox 尚未支持）。
SF Symbols 需匹配字重和光学尺寸；需审慎选择一种渲染模式（单色 / 层级 / 调色板 / 多色）。不要把所有符号都做成多色。
参考文件
references/materials-liquid-glass.md：用于系统材质名称、Liquid Glass 行为、CSS 玻璃配方、SwiftUI .glassEffect()、保真度限制。
references/iconography-sf-symbols.md：用于 squircle 数学 + CSS/SVG、图标网格、SF Symbols 字重/缩放/模式/效果。
常见错误
过度模糊一切；玻璃叠玻璃；忽略减少透明度设置。
使用简单 border-radius 而非连续圆角；图标图形偏离网格。
符号字重与相邻文本不匹配；多色过度使用。
相关内容：材质的颜色/对比度 → apple-design-foundations；减少透明度下的玻璃 → apple-design-tactics。