/**
 * [INPUT]: 依赖 styles/v4/base.css 的 .zzm-skel 类(微光扫过)与 keyframes.css 的 zzmShimmer
 * [OUTPUT]: 对外提供 Skel(基础骨架块)——骨架屏的唯一原语
 * [POS]: components/v4 共享原语,数据/代码块未就绪时的占位真相源,取代 mono「LOADING…」文字。
 *   ★ 单一真相源架构(v21.6.0)：卡片骨架不再独立手写——CourseCard/SeriesCard/LessonCard 各自
 *   通过 loading prop 自带骨架(同一段 JSX，改真组件骨架自动跟随)；整屏骨架收敛到
 *   app-shell/CourseShell(外壳同源) + screens/v4/ScreenSkeletons(各屏 bespoke)。
 *   本文件只剩最基础的 Skel 块(旧 CourseCardSkeleton/PageSkeleton 已删——两处真相消失)
 * [PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md
 */

/** 基础骨架块：w/h 支持数字(px)或任意 CSS 宽高;r=圆角(取圆角梯,默认小控件 8) */
export function Skel({ w = '100%', h = 12, r = 8, style }) {
  return <div className="zzm-skel" style={{ width: w, height: h, borderRadius: r, ...style }} />
}