研究了一下微信的界面设计语言，尝试用纯 CSS 还原类似的视觉效果。重点在 border-radius 的层级运用、box-shadow 柔和度、以及 transition 缓动函数。
圆角层级
微信的圆角不是统一的，而是有层级：小标签 4px，卡片 8px，大弹窗 12px。这种细微差别让界面更有层次。
.tag { border-radius: 4px; }
.card { border-radius: 8px; }
.modal { border-radius: 12px; }
阴影柔和度
不用纯黑阴影，而是用带透明度的深色。微信的阴影偏蓝灰，更柔和。
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
过渡动画
微信的动画很克制，主要是淡入和轻微位移。用 cubic-bezier(0.4, 0, 0.2, 1) 模拟原生感。