docs(design): 原型同步（草稿 KPI 4 卡+warn 色登记、抽屉列/去¥、库存总价列演示数据重算）

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o

.superpowers/prototype/atoms.css

@@ -101,12 +101,14 @@ svg{fill:none; stroke:currentColor;}
 .kpi .t{font-size:var(--fs-sm); color:var(--muted);}
 .kpi .v{font-size:24px; font-weight:700; color:var(--heading); margin-top:7px; letter-spacing:.3px; font-family:var(--font-mono);}
 .kpi.alert .v{color:var(--accent);}
+.kpi.warn .v{color:var(--warn);}
 .kpi .d{font-size:var(--fs-xs); margin-top:5px; display:inline-flex; align-items:center; gap:4px;}
 .up{color:var(--success);} .down{color:var(--danger);}
 .ic{width:30px; height:30px; border-radius:var(--r-md); display:flex; align-items:center; justify-content:center; float:right; margin-top:-2px;}
 .ic svg{width:17px; height:17px; stroke-width:1.8;}
 .ic-info{background:var(--info-soft); color:var(--primary);} .ic-ok{background:var(--ok-soft); color:var(--success);}
 .ic-blue{background:var(--info-soft); color:var(--brand400);} .ic-alert{background:var(--accent-soft); color:var(--accent);}
+.ic-warn{background:var(--warn-bg); color:var(--warn);} /* 暗黄（草稿类 KPI） */
 
 /* ---- 表格 ---- */
 .table{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; transition:background-color .28s,border-color .28s;}