承 Zero0910 大大 #1SHMuVYX 一文提示
本文提供更改 custom.css 檔以隱藏 poi 「未卜先知」插件劇透的方式，實測有效。
◎ 適用情境：希望以「未卜先知」插件的大破警告取代poi的預設警告，
但又不想看到該插件劇透。例如開直播。
◎ 步驟
1. Poi 主畫面 -> 齒輪 ->【顯示設定】頁籤打開 custom.css
https://imgur.com/73uiYTo
2. 依個人需求，下列三種方案擇一，複製貼上存檔，重啟poi。
(1) 隱藏全部劇透
#plugin-prophet {display: none}
(2) 只隱藏 panel 1（我方HP）
#plugin-prophet > #overview-area > div > div:nth-child(1) {display: none}
(3) 只隱藏 panel 2（敵方HP、戰鬥結果、掉落、制空、羅盤等）
#plugin-prophet > #overview-area > div > div:nth-child(2) {display: none}
◎ 實測截圖
以只隱藏 panel 2 的設定為例
戰鬥結果與掉落不顯示，但我方HP正常顯示
https://imgur.com/FSJ2Z8Y
羅盤方向亦不顯示
https://imgur.com/t5lD6ID
如設定隱藏全部劇透，則右方區域會是一片空白，截圖略。
◎ 開發工具使用方式
如何找到想要隱藏的 element？
1.於遊戲畫面左下角，按下「開發者工具」按鈕
2.展開原始碼到目標元素。對應的插件視窗會顯示陰影如圖。
https://imgur.com/UdEH2Fb
3.按右鍵 copy -> copy selector 即可。如圖
https://imgur.com/hh307an
我這邊不使用 class (.) 來定位元素，
而是直接指定 element id (#)，
並且從 #plugin-prophet 開始明確以階層關係 (>) 指定目標元素。
如此可以更加明確且彈性的選擇想要隱藏哪個元素。
如果將來插件改版，只要依樣畫葫蘆，把元素位置找對填對即可。
◎ 測試系統資訊
CSS的套用理應與OS無關，但仍附上供參。
Poi version: 10.1.0
OS: linux (Debian Stretch 9.6)
Desktop: KDE Plasma 5.8.6
custom.css path: ~/.config/poi/hack/