基于个人的审美，给出一点建议吧，大佬轻喷，仅代表个人：
1：正文的左右间距问题，现在看起来留得不够宽，目前是 10px ，可以考虑增加到 30px 。
2：title 正文都是左对齐，实验了一下感觉还是左对齐更好，取消居中，同时右边全屏按钮需要垂直居中。
3：正文框的悬浮阴影问题，不细腻，现在是 0 0 4px rgba(0,0,0,.1);，调整为 0 5px 10px rgb(0 0 0 / 10%)。
4：个人向觉得页面整体太过苍白，加入轻微主题色淡蓝色背景（#f7fcff ）。
5：由于上一步调整了背景色，顶部 top 需要增加白色背景色和调整投影 0 3px 10px rgb(0 0 0 / 5%)。
6：同时顶部按钮由于使用白色加投影的方式，整个按钮跟背景用投影区分的方式并不是很妥当。即便用投影还是应该加入边框 1px solid #e3e3e3;同时调整投影为 0 5px 10px rgb(0 0 0 / 10%); 这样的投影看起来比平铺的投影更具立体感一些。
7：左侧选中的背景色为白色，跟背景区分不大，仅靠字体变色来区分。可考虑调整选中背景色 background-color: #eaf6fd;增加边框 border: 1px solid #abc4d3;同时选中字体的颜色可与正文的蓝色相同#4183c4;
8：适当调整正文非标题颜色#597582;，向主题蓝色倾斜，以区分标题和正文，以及通篇黑色文字引起的疲劳。

在我浏览器上调整后的效果：
https://i.imgur.com/89Vip4P.jpeg

以上仅个人见解，很快调完，当然还有优化空间，每个人审美不同，喜欢的东西也不同，祝好。