此段落应有蓝色背景和绿色文本。
此段落应有黑色半透明背景和黄色文本。
无效值width应为375rpx
font-size:26px;style:normal;color:#ccc;background-color:#488cff
font-size:16px;style:italic;color:#803390;background-color:#48ff32
简写交叉测试
{{ shorthand_var_state_text }}
预期：默认 state-1 时，红色2px实线边框，宽度120px，margin为10px，padding为8px，横排，蓝色子项 flex-basis 为 50px。
点击切换后变为 state-2：蓝色4px实线边框，宽度240px，margin为20px，padding为16px，竖排，蓝色子项 flex-basis 为 100px。
复合场景：padding + margin + border + flex + flex-flow
嵌套括号 fallback 测试
测试 var(--main-color, rgba(64,158,255,0.8)) 多层括号嵌套解析
场景1：变量已定义，应用后应显示红色
场景2：点击修改后应从红色变为绿色，再点击恢复红色
场景3：变量未定义应 fallback 到 rgba(64,158,255,0.8) 蓝色半透明；点击设置后变红，再点击清空后恢复 fallback