个人主页2.0 更新

一、Docker 部署优化

• 数据库和附件打包进镜像，支持一键部署
• 修复容器权限问题（entrypoint 以 root 建目录再降权）
• Volume 挂载实现数据持久化，重建容器不丢数据
• 新增 pack.sh 打包脚本，源码+数据+Docker 配置一体化部署

二、缩略图优化

• 上传接口自动生成 400px WebP 缩略图（sharp）
• 首页和列表页加载缩略图，详情页加载原图
• 已有图片批量生成缩略图（37 张）

三、后台表单 Bug 修复

• work-form.tsx 所有 setFormData 改为函数式更新 setFormData(prev => ...)
• 修复上传图片时标题和摘要被覆盖的问题（stale closure）

四、Markdown 渲染优化

• 单个换行自动转双换行，不需要空行就能分段

五、首页 UI 重构（Claude 风格）

• 布局：左右分栏 → 全屏沉浸式单列
• 首屏：头像+简介+社交（左）+ Work & Life（右）双栏
• 字体：衬线体 → Inter + 系统无衬线体
• 色彩：冷灰 → 暖色调（米白背景、暖橙主色）
• 圆角：8px → 16px，卡片去边框改用阴影

六、轮播交互

• "我思考的"和"我做的"改为横向滚动卡片
• PC 端左右箭头按钮切换
• 底部圆点指示器，点击跳转
• 自动滚动，鼠标悬停/触屏时暂停
• 移动端手指触碰时停止自动滚动

七、独立列表页

• 新增 /opinions 思考列表页（瀑布流网格）
• /works 和 /articles 顶部导航栏遮挡修复
• 导航栏链接指向各自列表页（不再锚点跳转）

八、详情页排版优化

• 行高 1.75，段间距 1rem，正文 15px
• 内容区宽度 48rem（768px）
• h1 1.5rem / h2 1.25rem 层级分明

九、导航栏优化

• 固定透明毛玻璃背景
• 站名前加 </> 代码图标
• 宽度与列表页内容区对齐（max-w-6xl）

十、其他

• 移动端隐藏工作经历
• 思考卡片移除随机背景色，恢复白色
• 首页锚点平滑滚动 + 偏移量避免遮挡