Todo 响应式原型对比
尺寸模式：
💻 桌面 (1080px)
📱 平板 (768px)
📲 手机 (390px)
布局方案：
现状: 右上角常驻悬浮 (遮挡对比)
方案 A: 底栏状态胶囊+弹出面板 (推荐)
方案 B: 顶栏进度胶囊+下拉
方案 C: 右侧抽屉栏
Synapse Console
💬
Current Session
📁
Project Files
⚙️
Settings
synapse / main
Fix dark mode & responsive shortcuts
💡
方案 A（推荐）：
Todo 收入底栏状态区。默认不遮挡任何聊天内容；点击底栏「Todos 7/7」胶囊即可向上展开查看，小屏手机会自动变为底部全宽抽屉。
User
请帮我把深色模式开关加上，并支持快捷键 Ctrl+Shift+L。
Synapse AI
收到，我已将任务分解为 7 个具体步骤开始执行：
1. 导出 appearance 相关方法与切换逻辑
2. 绑定快捷键并在帮助中展示
3. 在右上角/控制台操作栏渲染切换按钮
4. 补充对应测试与文档
Synapse AI
正在运行测试并验证各文件契约... 所有 7 项任务均已顺利完成！
⚡ ready
🎯 goal (idle)
Tokens: 14.2k
utf-8