修复完成：回测柱状图轴线精确对齐

所有柱子现在精确对齐轴线，无论容器高度如何变化都保持准确

🔧 修复方案

轴线定位方式：top:50%;transform:translateY(-50%)
- 使用 CSS transform 将轴线中心精确居中在容器 50% 位置
- 不依赖 margin 偏移，避免浏览器亚像素渲染问题
- 轴线位置始终准确，不会因浏览器或分辨率而变化
红色柱定位：bottom:calc(50% - 高度px)
- 从轴线（50%）向上延伸
- 柱子底部始终精确对齐轴线
绿色柱定位：top:50%
- 从轴线（50%）向下延伸
- 柱子顶部始终精确对齐轴线
容器布局：flex:1;min-height:0
- bars-inner 使用弹性高度自动填充父容器
- 确保百分比定位（50% / calc）相对正确的容器高度计算

✓ 效果演示（300px 高度容器）

股票1

+15% / +12%

股票2

-8% / -10%

股票3(✗)

+20% / -5%

股票4(✗)

-12% / +8%

✓ 验证：所有柱子都从轴线开始延伸，红色柱底部和绿色柱顶部精确对齐轴线，股票3和4的柱子正确分布在轴线两侧

📝 代码实现

轴线（用 transform 精确居中）：

<div style="position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1px;background:#d1d5db;z-index:1"></div>

柱子定位（从轴线开始延伸）：

<div style="bottom:calc(50% - {高度}px);height:{高度}px;background:#d7263d;..."></div>

<div style="top:50%;height:{高度}px;background:#16a34a;..."></div>

📌 修改文件位置

已修改的技能文件：

      /home/ubuntu/.claude/commands/stock-morning-report.md
    

修改内容：