工具集

在网页项目中使用 OKLCH 色彩空间：把 hex、rgb、hsl 转成 oklch，生成没有色相漂移的色阶与暗色模式配色，用 APCA 或 WCAG 检查对比度并只调亮度来修正，处理 P3 色域与 sRGB 回退，以及 Tailwind v4 的 @theme 配置；修改结果以前后对照表呈现。

构建紧凑、精致的落地页与产品页骨架：动手前先定好构图、配色、字体、圆角、表面与动效等「设计指纹」，每次换一种视觉方向，突出一个产品本身的演示件，首屏放主要操作；动效只用 transform、opacity 与 filter，保证零布局偏移，兼顾移动端、键盘焦点与减少动态效果设置。