直接修改 .popover 的 padding 和 box-shadow 时，需同步配置 data-bs-container="body" 与 popperconfig 以确保箭头准确定位和样式完整渲染。
直接改 .popover 的 padding 和 box-shadow
Popover 默认内边距是 1px，投影用的是 0 5px 10px rgba(0,0,0,.2)。想调宽一点、更柔和或更醒目，就得覆盖这两个属性，但要注意别影响箭头位置和内容换行。
- 内边距建议从
1px改到8px～16px：写.popover { padding: 8px; }即可生效，不需要!important - 投影别只改模糊值——同时调
offset（第二个参数）才能让阴影不“浮空”：box-shadow: 0 4px 8px rgba(0,0,0,.15); - 如果用了自定义
template，确保.popover-body也同步加padding，否则内容会贴边 - 避免写
padding-top: 12px单独调某一边——Popover 箭头位置依赖整体padding值，不对称会导致箭头偏移
data-bs-container="body" 必须配好，否则 padding/box-shadow 可能被裁掉
你改了 padding 和 box-shadow 却没看到效果？大概率是 Popover 被父容器的 overflow: hidden 或 transform 截断了。阴影和额外内边距需要完整渲染空间，而默认它插在触发元素的 parentNode 里，很容易被卡住。
- HTML 中加
data-bs-container="body"最快验证：<button data-bs-toggle="popover" data-bs-container="body" ...></button> - JS 初始化时传
{ container: 'body' }，比 HTML 属性更可控 - 千万别只加
container却忽略popperConfig——挂到body后坐标系变了，箭头可能错位，得补一句：popperConfig: { modifiers: [{ name: 'computeStyles', options: { adaptive: false } }] }
投影太硬或太虚？优先调 box-shadow 的三个数值，不是 opacity
很多人以为调 rgba(0,0,0,.2) 的透明度就能控制“轻重”，其实更关键的是前两个长度值：偏移量（第二个）决定阴影离弹窗多远，模糊半径（第三个）决定边缘软硬。Opacity 只是全局压暗，容易让阴影发灰、失真。
- 要更“贴身”：用
box-shadow: 0 2px 4px rgba(0,0,0,.12);（偏移小、模糊小、透明度低） - 要更“立体”：用
box-shadow: 0 6px 16px rgba(0,0,0,.2);（偏移大、模糊大，但透明度别超过 .25，否则盖过内容） - 别用
text-shadow模仿投影——Popover 是块级元素，text-shadow对背景无效 - 深色主题下，别盲目降 opacity，试试
rgba(0,0,0,.18)+ 加大模糊值，比.1更稳
内边距改完，箭头位置歪了？用 .popover.{placement} 类微调 margin
Popover 的箭头是绝对定位的，它根据整个 .popover 的尺寸和 padding 自动计算位置。你把 padding 从 1px 改成 12px，箭头就可能偏上或偏左——这不是 bug，是 Popper 没法自动适配你手动改的 padding。
- 先确认当前 placement，比如设了
data-bs-placement="bottom"，那对应类名是.popover.bottom - 加 margin 微调：
.popover.bottom { margin-top: -4px; }（负值上拉，让箭头重新对准触发点中心） - 同理：
.popover.right { margin-left: -4px; }，.popover.left { margin-right: -4px; } - 别写
.popover { top: 10px !important; }——Popper 每次重定位都会覆盖这个值，白写
padding 和 box-shadow 看似简单，但真正生效的前提是容器上下文干净、箭头参考系准确。最容易被跳过的其实是 container: 'body' 和 popperConfig 的组合配置——漏掉任何一个，CSS 就只是纸上画饼。
