页面背景
--color-page-bg
Design System Preview
温和、稳重、可信的视觉基础
这是黄晓斌个人品牌网站的验证页面，用于检查颜色、字号、间距、按钮、卡片、Header、Footer 和响应式导航是否符合当前设计方向。
Header 与导航
这一段用来确认桌面导航、移动菜单按钮、当前页面状态和主 CTA 的呈现方式。当前页面本身仍然只是 验证页，不是正式首页。
颜色 Token
内容背景
--color-surface
品牌主色
--color-brand
辅助灰蓝
--color-accent
柔和背景
--color-soft-bg
边框色
--color-border
样式样例
这是一段正文样例。正文默认字号不低于 16px，行高保持在约 1.7，适合 35 至 55 岁用户阅读，也便于后续承载关系修复、关系地图和说明类内容。
链接样式展示了当前的可点击状态，按钮和链接都使用统一的视觉规则，不依赖单独颜色去表达状态。