当前主题: 浅色
功能特性
本演示展示了使用 CSS 自定义属性（CSS Variables）实现的主题切换系统。通过 JavaScript 操作 HTML 元素的类名，可以动态改变页面的整体外观。
✅ 即时切换
主题切换即时生效，无需页面刷新，提供流畅的用户体验。
🎨 CSS 变量
使用 CSS 自定义属性定义主题色，便于统一管理样式变量。
💾 本地存储
主题偏好自动保存到本地存储，下次访问时自动应用。
技术实现
使用 document.documentElement 获取根元素，通过添加/移除类名来切换主题。这种方法性能优异且语义清晰。
当前 CSS 变量值
--bg-color:
#f4f4f4
--text-color:
#333333
--border-color:
#cccccc