看板响应式布局优化 (Mobile Responsive)

功能描述

目前 dashboard/dashboard.html 在移动端浏览体验不佳，需要优化响应式布局。

涉及文件

• dashboard/dashboard.html — 主看板页面（单文件，CSS 变量 + 纯 JS）

具体任务

1. 添加 viewport meta 标签（如果还没有）
2. 使用 CSS media queries 适配 < 768px 屏幕：
   • 卡片网格从多列变为单列
   • 导航栏折叠为汉堡菜单
   • 表格横向滚动
3. 字体大小适配 — 使用 rem/clamp() 替代固定 px
4. 触控友好 — 按钮/链接的最小点击区域 44×44px

参考

• 现有 CSS 变量体系：--bg, --text, --acc 等
• 已有浅色/深色主题切换（html.light class）

验收标准

• Chrome DevTools 移动模拟器中 iPhone 14 / Pixel 7 正常显示
• 所有功能在移动端可操作
• 不破坏桌面端现有布局