Build an article layout with margin notes in Tailwind CSS: the prose column sits centered with a wide left margin on desktop where sidenote numbers (superscript) reveal their notes aligned to their reference line, and a footnote list closes the article. On mobile, sidenotes collapse into expandable <details> elements rendered inline where they are referenced. Keep note text smaller and muted, and give each note a back-link to its reference.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。