10 · 样本组上下文条(qc-sample-row__ctx)绿底白字

对比入库质检「同样本分组」顶栏:现网白底 vs 绿底白字 vs 深绿单色。每组含简化工单头 + 任务区。

← 09 索引
设计提示:绿底白字适合作为「整条样本组」的顶栏锚点(区分第 1 条 vs 第 2 条样本组); 内层工单标题栏建议仍用浅薄荷底(#ecfdf5),避免一条记录里叠两层深绿。10 条列表时若觉得绿条过多,可改用 B/C 的深绿或仅首行样本组用绿条。

样本组顶栏 · 三方案(各 4 条)

A · 现网(白底深字)

ctx 背景 #fff,与下方工单头、任务区色差弱,多条时边界不清晰。

B · 绿渐变底 + 白字 + 内层薄荷工单头(推荐)

ctx:linear-gradient(135deg, #10b981, #059669);工单头 #ecfdf5。层次:深绿样本条 → 浅绿工单 → 白任务区。

C · 深绿单色 #059669 + 白字

比渐变更稳重,一屏 10 条时视觉重量略低于 B,分隔感仍很强。