# Checklist

## 桌面端收藏按钮位置验证

- [x] JsonFormatter：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/json-formatter"
- [x] Base64Tool：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/base64"
- [x] EncodingConverter：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/encoding-converter"
- [x] CodeFormatter：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/code-formatter"
- [x] RegexTool：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/regex-tool"
- [x] TextDiff：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/text-diff"
- [x] TimestampTool：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/timestamp"
- [x] QRCodeGenerator：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/qrcode-generator"
- [x] ColorConverter：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/color-converter"
- [x] ImageCompressor：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/image-compressor"
- [x] BaiduTranslate：收藏按钮位于英雄区，使用 variant="hero"，urlPath="/utility/baidu-translator"

## 移动端收藏按钮验证

- [x] CalculatorMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/calculator"
- [x] Base64ToolMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/base64"
- [x] CharsetConverterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/charset-converter"
- [x] CodeFormatterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/code-formatter"
- [x] ColorConverterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/color-converter"
- [x] EncodingConverterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/encoding-converter"
- [x] ImageCompressorMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/image-compressor"
- [x] JsonFormatterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/json-formatter"
- [x] TextDiffMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/text-diff"

## ID 使用验证

- [x] 所有页面使用 urlPath 动态查找，无硬编码 toolId
- [x] BaiduTranslate：已改为 urlPath="/utility/baidu-translator"

## 功能验证

- [x] 未登录用户点击收藏按钮，显示登录弹窗（调用 openLoginModal）
- [x] 已登录用户点击未收藏按钮，按钮变为实心金色星标，显示"已收藏"
- [x] 已登录用户点击已收藏按钮，按钮变为空心星标，显示"收藏"
- [x] 收藏计数正确增减（通过 API 响应更新）

## 样式验证

- [x] 英雄区内的收藏按钮使用毛玻璃效果（背景半透明、backdrop-filter）
- [x] 收藏按钮悬停效果正常（transform: translateY(-1px)、box-shadow）
- [x] 暗色模式下收藏按钮样式正常（[data-theme="dark"] 选择器）
- [x] 移动端收藏按钮响应式显示正常（移动端独立组件）