Fresh2U Design System

Foundation Tokens

颜色、圆角、阴影、间距全部 token 化，便于维护与扩展。

Color Token

`--accent` 驱动主按钮与激活态，`--warn` 用于待处理与风险提示，`--error` 仅用于失败状态。

Radius & Shadow

移动端圆角偏大（14~24），桌面保持轻阴影，避免厚重“卡片墙”。

Typography Scale

Headline 强层级，正文与标签保持高可读，数字信息优先显著展示。

Layout System

mobile first：横向滚动导航 + 单列工作区；desktop：左侧导航 + 高密度操作面板。

Mobile

顶部 sticky 导航胶囊，拇指快速切换业务视图。

Desktop

固定侧栏导航，主区域显示 KPI、表格、审批动作，接近成熟 SaaS 操作心智。

View Switch

所有业务页统一使用 `data-nav-view` + `data-view` 控制面板切换。

Core Components

统一 chips / tables / bucket cards / API console。

Status Chips

pendingsuccesswarningerrorneutral

Wallet Buckets

withdrawable

￥1,280.50

可提现余额

non_withdrawable

￥180.00

补贴/奖励余额

frozen

￥420.00

提现/风控冻结

Data Table

Entity	Status	Owner	Updated
member_orders	awaiting_payment	leader_003	2m ago
withdrawal_requests	pending_review	admin	10m ago

Entity-Aligned Blocks

页面围绕后端实体：member_orders / leader_orders / wallets / settlements / delivery_tasks。

member_orders
customer 下单 + leader 归属 + payment/collection 状态双轨
stateful
wallet_transactions
所有余额变化必须入流水，禁止 invisible mutate
auditable
settlements + ledger_entries
先结算后入账，再可提现
gated

API Quick Console

用于验收 UI 与后端实体一致性。

当前用户：- | 角色：- | Token：-