DESIGN × CODE × AI

使用TanStack Query管理接口缓存，统一维护query-keys，多组件共享服务端数据，登录退出自动清理缓存。

清晰分层 lib (SDK实例封装) / utils (纯工具函数) / hooks (自定义业务钩子)；Typescript全链路类型约束，按业务模块拆分类型定义。

针对CLS布局偏移、图片加载抖动进行优化;图片、组件按需懒加载;使用oklch色彩模式自定义shadcn/ui主题，支持亮色/暗黑模式。

笔记模糊检索、作品集多图上传、作品列表关联查询规避N+1查询、个人中心、全局搜索、主题切换。