纸雕的暗色模式:几何完全不变——同一光源、同一圆角、同一阴影参数表;只把纸面换成深墨纸、把文字换成浅色、把强调红提亮一档。暗环境下浮雕依然成立,因为亮边与暗边的明暗差在深色上同样可辨。
同一套设计系统的两种明度:几何共享,只换表面色与文字色。
页面与卡片依旧同色;层次只靠光影。暗面下禁用彩色卡片这一条不变。
纸底 Paper#1E2026
亮面 Lightrgba(255,255,255,.055)
暗面 Darkrgba(0,0,0,.55)
强调红 Accent#F05260
主文字#E9EAEF
次文字#A2A6B4
弱文字#707482
深红#8C1A26
/* 纸雕·暗面 · 令牌(与明面共用几何) */ :root{ --paper: #1E2026; --light: rgba(255,255,255,.055); --dark: rgba(0,0,0,.55); --ink-1: #E9EAEF; --ink-2: #A2A6B4; --ink-3: #707482; --accent: #F05260; --accent-glow: rgba(240,82,96,.4); --shadow-out: 8px 8px 16px var(--dark), -8px -8px 16px var(--light); --shadow-in: inset 5px 5px 10px rgba(0,0,0,.62), inset -5px -5px 10px var(--light); --r-card: 18px; --r-inset: 14px; --r-nav: 12px; }
光源恒在左上。暗面下亮边强度降到 .055(约一半),暗边提到 .55——因为暗面上的白光太亮会发光糊边,黑影太浅会贴底。
与明面完全同构:胶囊导航凹陷槽 + 选中凸起 → 主视觉能量核 → 底部数据条。同一页面只选一档,不要明暗混用。