让链上体验
像磨砂玻璃一样通透可信

01

先定链上读写的边界

把「必须上链」与「可放数据库」分开列清单：交易凭证、所有权变更优先上链；列表分页、模糊搜索放缓存。经验值：链上写入控制在 ≤ 15% 的业务动作内，Gas 成本可降约 40%。

写入占比 ≤15%Gas ↓40%

02

磨砂玻璃卡片的可读性底线

backdrop-filter 模糊半径建议 12–20px，玻璃层不透明度 0.55–0.72；卡片内正文与底图对比度 ≥ 4.5:1，正文色不要低于 oklch(0.47 0.02 78)，否则小字号会糊。

blur 12–20px对比度 ≥4.5:1

03

合约提交前跑三道闸

① 单元测试覆盖 ≥ 85%；② 静态分析零高危；③ 在测试网做一次 24 小时灰度。三道全绿再上主网，回滚脚本提前写好并演练一次。

覆盖 ≥85%灰度 24h

04

钱包接入的降级路径

同时支持注入式钱包与 WalletConnect 类协议；用户无钱包时给出只读浏览模式，不让页面变成死胡同。连接失败要显示具体错误码，而非只弹「连接失败」。

≥2 种接入方式只读兜底

05

色彩搭配遵守 60-30-10

约 60% 暖米中性底、30% 降饱和主色（oklch 0.54 0.1 150）、10% 强调色点亮点（oklch 0.66 0.12 330）。强调色只出现在按钮、激活态与关键数字上，大面积铺色会立刻失去通透感。

60/30/10强调面积 ≤10%

06

交易状态必须「可感知」

提交后 1s 内给出 pending 反馈，超过 30s 未确认就展示区块浏览器链接与预估时长。成功/失败用文案说清下一步动作，别让用户猜自己损失了什么。

反馈 ≤1s超时 30s 提示

07

排版布局留出呼吸但不空旷

模块间距按 4/8pt 节奏：卡片间距 12–20px，区块内边距 16–26px。移动端单列堆叠、点击区 ≥ 44px，长合约地址用 break-word 强制换行防溢出。

间距 12–20px点击区 ≥44px