最终方案：bottom:calc(50% - 高度) + top:50%
✓ 轴线定位：top:50%;margin-top:-0.5px;height:1px
✓ 容器高度：300px
✓ bars-inner：flex:1;min-height:0
✓ 红色柱（涨）：bottom:calc(50% - 高度) → 从轴线向上延伸，底部对齐轴线
✓ 绿色柱（跌）：top:50% → 从轴线向下延伸，顶部对齐轴线
✅ 完美对齐原理：
• 红色柱：bottom:calc(50% - 高度px) 确保柱子从轴线（50%）向上延伸，底部始终对齐轴线
• 绿色柱：top:50% 确保柱子从轴线（50%）向下延伸，顶部始终对齐轴线
• 无论容器高度如何变化，轴线永远在 50%，柱子永远从轴线开始延伸 ✓