[Windows]关于如何将弹幕透明+无法选取+应用CSS样式显示在桌面的方法

[borntree]

开工准备：
1.确保你电脑有game bar
2.下载本地版blc，（我的版本是v1.9.2，之前下的没更新，最新版应该也可以）

操作方法：
1.在game bar安装one page browser，详情参考https://github.com/xfgryujk/blivechat/wiki/%E5%A6%82%E4%BD%95%E5%9C%A8%E5%85%A8%E5%B1%8F%E6%B8%B8%E6%88%8F%E6%97%B6%E7%9C%8B%E5%BC%B9%E5%B9%95 第四条

2.启动本地化blc，进入样式生成器后，复制自己做好的样式，粘贴到一个文本文档内备用。

3.打开blc所在目录，进入frontend\dist\css文件夹内，找到app开头的css文件，（我的是app.fedcb8db.css，中间应该是hash值，每个人可能都不一样）
这个文件，将我的代码替换里面原来的内容，保存关闭（我代码比较繁琐，因为我太久没写css忘了要加分号，一直报错排了半天）
html{ font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE \8F6F\96C5 \9ED1 ",微软雅黑,Arial,sans-serif } #app{ height:100%; margin:0; background-color: rgba(0, 0, 0, 0); } body{ height:100%; margin:0; background-color: rgba(0, 0, 0, 0); } html{ height:100%; margin:0; background-color: rgba(0, 0, 0, 0); } a,a:focus,a:hover{ text-decoration:none }

4.打开数字开头的文件体积最大的css文件（我的是改过的，有83kb，反正明显大于其他4个几kb的，有几十kb，chunk开头的应该是UI组件库，不用管）

在文件内新开一行，把第2步复制的的样式第一行@import url("https://fonts.googleapis.com/css?family=Imprima");粘贴进此文件第一行。
其余内容全部粘贴到末尾。

最后在末尾再加上（这个加不加没啥用，因为第5步要改css的var赋值的值，这个var是后执行的，会覆盖当前这一步，导致我debug半天才发现为啥加了不生效）
yt-live-chat-renderer{ background-color: transparent !important; }

5.查找html:not(.style-scope)关键字（我的在996行，暗示996吗可恶），第一条--yt-live-chat-background-color:#fff;改为--yt-live-chat-background-color:transparent;然后保存

6.在one page browser内勾选上透明，粘贴房间url既可在桌面显示弹幕了

最终效果（值得注意的是OBS无法捕获game bar的内容，因此OBS那边还是需要单独设置浏览器采集的，只是方便不用在电脑旁架个手机了）

太久没碰CSS有点迷糊了，有啥问题请及时反馈，不知道漏没漏啥步骤，睡觉睡觉
如果你改完后发现啥都没变，在单击one page browser后按ctrl+F5强制刷新，是缓存导致的。