问题分析

1. 网格线颜色和粗体修改后仍不显示：CSS 中的 v-bind() 仅在 SFC 构建工具下生效，CDN 运行时编译不支持，导致 background-size 声明失效，需改为固定值。

2. 圆点被遮挡导致"看不到网格/圆点"：网格层为不透明白色背景且 z-index 更高，需要调整各图层 z-index 层级关系。

解决方案

将网格线颜色改为灰色（#808080）、粗细改为 2px；background-size 改为固定 40px 40px，保证网格线始终显示。