Skeleton 设计文档
骨架屏：loading 切换占位/真实内容，active 开启 shimmer 流光动画；提供 Avatar / Image / Title / Button / Paragraph 五个原子占位形状自由组合。镜像 Semi：占位根节点为纯 <div class="cd-skeleton">，active 挂根容器类经后代选择器作用到骨架块。loading 受控不回写。
← API 文档使用建议
骨架屏：loading 切换占位/真实内容，active 开启 shimmer 流光动画；提供 Avatar / Image / Title / Button / Paragraph 五个原子占位形状自由组合。镜像 Semi：占位根节点为纯 <div class="cd-skeleton">，active 挂根容器类经后代选择器作用到骨架块。loading 受控不回写。
Accessibility
- 镜像 Semi：占位根节点为纯 <div>，无 role/aria；骨架块为纯装饰 div，不进入 Tab 序列；prefers-reduced-motion 由使用方站点样式统一处理。
设计变量
| 变量 | 默认值 | 用法 |
|---|---|---|
--cd-animation-duration-skeleton-highlight | 1400ms | 骨架屏高亮动画时长 |
--cd-animation-function-skeleton-highlight | ease | 骨架屏高亮动画曲线 |