如何在Jetpack Compose中实现无渐变过渡的垂直色彩分割背景？

要实现一个垂直方向上70%区域为蓝色、下方30%区域为红色的容器，且容器内的图表Y轴0-30单位对应红色背景、30-100单位对应蓝色背景，直接用CSS渐变背景就能满足需求：

background: linear-gradient(to bottom, blue 0 70%, red 70% 100%)

不要采用Column嵌套两个固定高度Box的方案：

Column(){
  Box(modifier.background(blue).height(70.df))
  Box(modifier.background(red).height(30.df))
}

原因：容器内部包含图表绘制代码，拆分的Box会将图表分割为上下独立的两部分，无法让图表的Y轴刻度范围（0-30、30-100）与对应的背景区域精准匹配。而渐变背景是一个完整的容器，能完美适配图表的Y轴坐标对应关系。

内容的提问来源于stack exchange，提问作者laxus clive