最干净语义清晰的做法是用::before和::after给blockquote加引号；需先重置margin:0并设position:relative，再用Unicode编码\201C/\201D定位开闭引号，配合padding预留空间防遮挡。
直接用 ::before 和 ::after 给 blockquote 加引号，是最干净、语义清晰的做法。关键不是“加什么”，而是“怎么加才不跑偏、不遮字、不掉队”。
先清默认样式，再建定位上下文
浏览器给 blockquote 默认加的是左右 margin（约 40px 或 1em），不是 padding，也不是 text-indent。所以：
- blockquote { padding-left: 2rem; } 完全无效
- blockquote { text-indent: 1em; } 只缩首行，多段引用会错位
- 正确起点是重置外边距：blockquote { margin: 0; }
- 紧接着必须加：blockquote { position: relative; }——否则伪元素的 absolute 定位会失效，引号可能飘到页面左上角
开引号和闭引号要分策略定位
开引号（::before）放左上角较稳；闭引号（::after）若也用 top + right，容易卡在第一行末尾，而不是整块引用的右下角。
推荐写法：
blockquote::before { content: "\201C"; position: absolute; left: 0; top: 0.2em; font-size: 2em; line-height: 1; }blockquote::after { content: "\201D"; position: absolute; right: 0; bottom: 0.3em; font-size: 2em; line-height: 1; }
注意：bottom: 0 是让闭引号贴住块底部的关键；如果它总贴着最后一行文字底边，检查是否漏了 bottom: 0，或父容器被意外设了固定高度
引号显示异常？多半是字体或编码问题
中文引号不能直接用键盘敲的“”或‘’，也不能写 content: '"'（那是直角引号）。正确方式有两种：
- Unicode 编码（兼容性好）：content: "\201C"（左）和 content: "\201D"（右）
- 字符字面量（需确保编码为 UTF-8）：content: "“"; 和 content: "”";，且必须用英文双引号包裹
字体缺失时，引号常显示为方框（□）或小点。建议兜底字体：font-family: "Noto Sans CJK SC", "Source Han Sans CN", sans-serif;
留出空间，避免文字压住引号
伪元素脱离文档流后，不会自动为自身腾位置。所以要在 blockquote 上预留视觉空间：
- 加内边距：padding: 1.2em 1.5em 1.2em 3em;（左边多留，给开引号）
- 引号本身设 display: inline-block; 或显式 display: block;，配合 vertical-align: top; 控制基线
- 避免父容器设 overflow: hidden;，否则引号可能被裁掉
