首页UI优化

1. 顶部：从”卡片”变成”Hero”#

text

1
┌──────────────────────────────────────────────────────┐
2
│ [最新照片做全宽背景，暗角+轻模糊]                        │
3
│                                                      │
4
│  早上好，shai                          ⌘K 搜索/命令   │
5
│  9月5日 · 周六 · 日落 18:42            [上传] [写作]   │
6
│  本周拍了 12 张胶片，还有 5 篇草稿等着你。               │
7
└──────────────────────────────────────────────────────┘

• 问候语改成有内容的一句话（数据驱动，每天不同），比”已连接 localhost”有温度得多。
• 加一个摄影师真正关心的信息：今日日落/黄金时刻时间、天气。这是”创造性”最便宜的来源。
• 把”访问站点”降级为一个小外链图标；水印 logo 删掉。
• “数据同步于 10:21” 缩成右上角一个带 tooltip 的小圆点（绿色=已同步）。

2. 统计：一条胶片，而不是四个数字#

• 把 361 / 数码 / 胶片 做成双色分段条（不是进度条），两端标注比例。
• “今年上传 353” 换成一个 12 个月的小热力图或迷你柱状图——一眼看出哪个月拍得多，比一个孤立数字信息量大十倍。
• 存储用量放到设置或侧边，它不是每天要看的。

3. 快捷入口：从 6 个等价卡片变成”1 个拖拽区 + 3 个动作”#

• 上传改成真正的拖拽区（虚线框，“把照片拖到这里，支持 RAW / 扫描 TIFF”），页面其他任何位置拖入也能触发。
• 云端库 / 本地库 / 文章 / Zine / AI 助手 收进顶部导航或 ⌘K 命令面板，首页只留最近用过的 3 个（“继续上次：Zine《夏日》排版中 · 3/12 页”）——记忆状态比静态入口更像 2025 年的产品。

4. 最近照片：让照片按自己的比例呼吸#

• 用 justified layout（Flickr 式等高瀑布流） 或 masonry，不要裁成正方形。
• 第一张放大（2×2），其余小图，形成视觉焦点。
• hover 显示 EXIF 图注：Portra 400 · 50mm · f/2，胶片卷用齿孔边框和数码区分。
• 按日期分组加一条细分隔：“9月4日 · 6 张”。
• 空位问题：第二行只有两张就换成”查看全部 →“的占位卡，或者直接用瀑布流消除空洞。

5. 待处理 + 内容概况：合并成一个”接下来”清单#

现在的”待处理”只有一条，“内容概况”是一堆没有动作的数字。合并成可点击的 todo：

text

1
接下来
2
● 5 篇草稿未发布            → 继续写作
3
● 3 张照片未归入相册         → 去整理
4
● 1 条新评论待回复           → 查看
5
● 博客还没有第一篇文章        → 从叙事改写一篇？

每行一个动作按钮，0 的项目（博客 0 / 已发布 0）不要展示，或者转成引导。

6. 视觉系统统一#

• 去掉一层嵌套：外层卡片 → 用留白 + 1px 分隔线分区，内层才用卡片。
• 一个强调色：全页只有黑色按钮一个视觉重量，加一个暖色用于关键数字和 hover。
• 字体：中英各一套，不要一行里混。推荐 Noto Serif SC 做展示标题（含英文名），Inter / PingFang 做正文；数字全部 tabular。
• 圆角：大容器 16px，小元素 8px，不要全部一样。