🔒 BlurText 测试页面

使用这个页面测试模糊功能是否正常工作

📖 测试步骤：

点击浏览器工具栏的 BlurText 图标
点击弹出窗口中的 "开启模糊模式" 按钮
页面顶部应该显示提示："模糊模式已开启"
鼠标悬停在下方文字上，应该有蓝色虚线框高亮
点击任意文字，应该变模糊
再次点击模糊的文字，应该取消模糊
按 ESC 键退出模糊模式

📝 测试区域 1：普通文本

这是一段普通的文本内容，你可以点击这段文字来测试模糊功能。

模糊功能应该可以立即生效，不需要屏幕录制或分享。

🔐 测试区域 2：敏感信息模拟

API Key: sk-1234567890abcdefghijklmnopqrstuvwxyz

手机号: 138-0000-1234

邮箱: example@company.com

密码: MyS3cur3P@ssw0rd!

📊 测试区域 3：卡片内容

用户信息

姓名：张三

身份证：110101199001011234

银行卡：6222 0000 1111 2222

订单信息

订单号：ORD-2025-001234

金额：¥1,288.00

地址：北京市朝阳区某某街道123号

📋 测试区域 4：列表内容

项目 A - 配置文件路径：/etc/config/secret.yml
项目 B - 数据库连接：mysql://user:password@localhost:3306
项目 C - 访问令牌：eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9
项目 D - 私钥文件：~/.ssh/id_rsa

⚠️ 故障排查：

如果功能不工作，请检查：

扩展是否正确安装（查看 chrome://extensions/）
扩展是否启用（开关是否打开）
是否显示任何错误（右键扩展图标 → 检查弹出窗口）
刷新页面后重试
打开浏览器控制台（F12）查看是否有错误信息

✅ 预期行为：

开启模糊模式后，页面顶部显示紫色提示条
鼠标移动到文字上，出现蓝色虚线边框高亮
点击文字后，该文字变模糊（毛玻璃效果）
鼠标悬停在已模糊的文字上，显示"点击取消模糊"提示
再次点击已模糊文字，模糊效果消失