用 Stylus 隐藏 Workflowy 广告和 ai 按钮

最近用回了 Workflowy，发现网页版多了一些东西，看着碍眼，于是在 ai 的帮助下，使用 Stylus 这个著名的 CSS 美化插件，隐去了不想看到的东西。

主要隐去了这两个东西：

1. 右上角的用量进度条，和付费升级提醒
2. 右下角的 ai 按钮

代码如下：

/* ==UserStyle==
@name           workflowy.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         happy xiao
==/UserStyle== */

/* 隐藏用量文本（精确匹配内容） */
.text-secondary.mt-xs {
  display: none !important;
}

/* 隐藏升级链接（精确匹配文本） */
a[href*="upgrade"], a.text-tertiary {
  display: none !important;
}

/* 隐藏进度条（已有效） */
[class*="h-[6px]"][class*="bg-secondary"] {
  display: none !important;
}
/* 隐藏 WorkFlowy 右下角 AI 按钮 */
.ai-chat-button {
  display: none !important;
}

隐藏后的效果非常清爽了👇，对了，Chrome 现在可以同时打开两个 Workflowy 窗口，你甚至可以在这两个窗口之间拖动你的子弹。