🎨 CSS3 布局与动画实践
本页面使用了CSS变量（Custom Properties）、Flexbox/Grid布局以及过渡动画效果。通过语义化标签构建页面结构，确保良好的可访问性与响应式适配。
当前练习重点：:root 变量管理主题色、transition 实现卡片悬停微交互。
⚡ JavaScript DOM 操作演示
下方按钮绑定了原生JS事件监听器，点击后动态更新DOM内容，用于练习事件委托与节点操作。
等待交互...
📝 近期学习目标
- 深入理解CSS Grid高级布局技巧
- 掌握ES6+异步编程（Promise/async-await）
- 学习Web性能优化与Core Web Vitals指标
- 实践无障碍访问（WCAG）标准