Tailwind CSS v4自定义变体与前缀搭配使用异常问题求助

• 标题：使用井号（#）设置，层级从#（一级标题）到######（六级标题）依次降低
• 列表项：以短横线（-）作为开头标识
• 强调文本：用星号（*）包裹需要强调的内容，例如：这是强调文本
• 代码或命令：用反引号（`）包裹内容，例如：npm run build
• 引用文本：使用大于号（>）引导，例如：

  这是一段引用的文本内容

• 链接：采用 [链接显示文字](目标网址) 的格式，示例：示例链接
• 图片：采用 [图片替代文字](图片网址) 的格式，示例：示例图片

内容的提问来源于stack exchange，提问作者user3631047