读书笔记书架 · 设计 Demo
按可执行规格出的高保真 HTML。点卡片进对应页面；书架与书详情之间可互跳。
书架
书架 · 浅色
桌面栅格：封面、书名、笔记数；点封面进书页。
shelf.html
书架 · 深色
同布局深色态，校验对比度与悬停阴影。
shelf-dark.html
书架 · 手机
窄屏两列栅格与触控间距。
shelf-mobile.html书详情
书详情 · 单笔记直出
豆瓣丰满卡 + PDF 胶囊；英雄区下直接铺笔记正文。
book.html
书详情 · 单笔记 · 深色
同上深色态；PDF 副文案更浅更小。
book-dark.html
书详情 · 多笔记列表
一书多笔记：卡片列表，点进阅读态。无按章、无原书站。
book-multi.html
书详情 · 多笔记 · 深色
多笔记列表深色态。
book-multi-dark.html博文内嵌 · 笔记阅读
博文内嵌 douban-book
通用 BookCard：丰满卡 + 简卡；默认无 PDF；fence 一行豆瓣链接。
blog-embed.html
笔记阅读态 · 浅色
多笔记列表点进后的独立阅读页（浅色）。
note-light.html
笔记阅读态 · 深色
同上深色态。
note-dark.html规格：可执行规格.md · 缩略图为同目录 PNG；无图则空白芯片底。 · 未部署；本地打开本页即可点览。