Css 线在中间比开始和结束更多的辉光

我在看一些80年代的复古设计，发现了一些发光的东西，包括这个：

这可以通过CSS实现吗？我的意思是，画一条线，然后做一些方块阴影。但是我必须在中间有更多的光，而在侧面要少一些，我不知道在CSS中如何做到这一点？

提前谢谢。

像这样的吗

：根目录{
--clr内部：#fed9ff；
--clr外部：#c727c9；
}
身体{
背景色：黑色；
文本对齐：居中；
}
.盒子{
显示：内联块；
位置：相对位置；
宽度：100%；
}
.盒子.外线{
背景：var（--clr-outer）；
边界半径：50%；
盒影：0px 0px 25px 10px var（--clr外部）；
滤镜：模糊（1px）；
高度：4px；
溢出：隐藏；
位置：绝对位置；
宽度：100%；
}
.箱体.外线.内线{
背景：var（--clr内部）；
边界半径：50%；
盒影：0px 0px 25px 15px变压（--clr内部）；
滤镜：模糊（1px）；
高度：4px；
左：30%；
位置：绝对位置；
排名：0；
宽度：40%；
}

---

使用径向渐变怎么样？ （您可以使用调整参数：）

#演示{
背景：#FFFFFF；
背景：-莫兹径向梯度（中心，#FFFFFF 0%，#A42799 64%，#000000 100%）；
背景：-webkit径向梯度（中心，#FFFFFF 0%，#A42799 64%，#000000 100%）；
背景：径向梯度（中心椭圆，#FFFFFF 0%，#A42799 64%，#000000 100%）；
高度：50px；
宽度：100%
}

---

可能不清楚。我不感兴趣的网格，我更感兴趣的中心“线”，那里有更多的发光在中间比在双方。