在第16天的编码旅程中，我学习了CSS的两个重要特性：box-shadow和CSS变量。box-shadow用于为元素添加阴影，增强视觉效果；CSS变量则提升了代码的可维护性和一致性。今天的学习轻松而持续进步。

学习了使用box-shadow添加阴影效果，运用Flexbox实现div的水平和垂直居中，以及应用border-radius使角落圆滑。

文章介绍新拟态（Neumorphism）的CSS实现思路，核心有三点：一是光与背景，背景不宜用纯白，应选浅灰、蓝灰或暖色以体现光源方向，按钮用与背景相近的颜色增强凹凸感；二是box-shadow，讲解inset、偏移、模糊、扩散、颜色等参数及多层阴影用法；三是细节打磨，包括内外双重柔和阴影、圆角、简洁边框、hover与active状态过渡动画，以及简洁字体和统一图标风格。

本文介绍仅用 CSS 制作像素画与像素动画的方法：利用 box-shadow 的偏移量和颜色逐格绘制像素点，配合伪元素定位；因手写值过多（5×5 需 25 个，16×16 需 256 个）难以维护，推荐用 Sass mixin 根据矩阵和颜色列表自动生成样式；动画则通过 CSS animation 修改 box-shadow 和元素位置实现跳跃等效果。