CP-Framework v1.0 · 页面设计规范中枢

Celluplan UI Framework & Design Tokens

高对比度、纯粹工程化、数学严谨的新野兽派（Neobrutalism）电信大数据观测站统一界面设计框架。

SSOT Architecture • Zero Ad-hoc Style Sprawl • 100% Componentized & Maintainable

基础设计变量

01. 核心品牌色彩资产与硬阴影层级

全站禁止书写杂乱的任意临时阴影与边框颜色。所有视觉元素均严格继承自以下统一 Token 矩阵：

Signal Orange #ea580c · 核心品牌

Deep Slate #020617 · 结构骨架

Verified Emerald #059669 · 真实省钱

Champion Gold #f59e0b · 神单冠冕

Alert Red #dc2626 · 溢价反噬

Canvas Surface #f8fafc · 辅助底色

.shadow-cp-sm

2px 紧凑硬投影，适用于按钮点击态、微型标签与浮动角标。

.shadow-cp (Standard)

4px 标准中度硬投影，全站卡片、表格容器、警示框基准规范。

.shadow-cp-lg

6px 重度展示投影，适用于重点旗舰对决卡、悬停焦点与冠军大盘。

卡片组件体系

通过 <CpCard variant='...'> 统一定义，告别拼装类名的维护负担：

Variant: default

适用于普通内容展示、静态报告区块与段落外壳，具有统一 2px 边框与标准 4px 投影。

自带悬停上浮 2px、边框高亮橙色与阴影扩展动态反馈，专用于导航推荐与链接入口。