官网设计约束

按钮规范（强制 · 现行有效）

适用于官网（dev-theme-reco）全站。新增 / 改动按钮一律遵循，勿违反。

• 禁止使用「主题色（品牌橙）实心背景」按钮（如橙色 / 橙色渐变填充底）。
  • 原因：theme-reco 会给正文区所有 <a> 文字强制成品牌橙且带 !important， 橙底实心按钮会变成「橙字橙底」看不清；且实心品牌色按钮在本站整体视觉里过重。
• 需要强调的按钮，只在「描边」层面突出：透明底 + 品牌橙描边（var(--accent-primary)）+ 品牌橙字； 主 / 次层级用「边框粗细 / hover 底色深浅」区分，不靠实心填充。
• hover：浅橙底（var(--accent-light)）+ 边框与文字加深到 var(--accent-dark)，不回退实心品牌底。
• 暗色模式：透明底 + 亮橙（var(--accent-on-dark)）描边与文字。
• 已有实心按钮的统一收敛规则见 .vuepress/styles/index.css 末尾「按钮规范修正」一节 （以高特指度覆盖主题与组件内联样式）；参考实现见 ZsxqPage.vue 的 .btn-primary（已是描边样式）。

色板 / 令牌部分已废弃（Deprecated）

官网原《UI-DESIGN-SPEC》中的色板 / 渐变 / 阴影等内容（旧品牌橙 #ff8d1a 体系）已被跨端统一设计规范取代，不再维护，以免与统一规范冲突。

统一规范（单一事实来源 / SSOT）

请以下列文件为准：

• 2026统一规范文档/设计规范/跨端视觉设计系统_v1.md —— 跨端统一视觉设计规范（令牌、组件、可达性、各端落地、归一规则）。
• 2026统一规范文档/设计规范/Web端UI样式规范.md —— 组件库与命名规范。

关键变更

• 品牌主橙统一为 #ff7b00（--accent-primary），旧橙 #ff8d1a 已全站归一。
• 所有颜色 / 渐变 / 阴影 / 圆角 / 间距 / 字号一律走设计令牌（.vuepress/styles/index.css 的 :root），与用户中心、开放平台保持同名同值。