定义：
点击目标元素，唤起白底气泡卡片浮层。
组件构成：
1: 标题（可选）
2: 文本: 对目标元素的进一步解释，或引导下一步操作，内容尽量精简
3: 白色背景卡片：气泡卡片容器
4: 图标（可选）: 使用像 Warning, Info, Error, Success 等图标来辅助文本文案理解
5: 操作按钮（可选）：支持配置不同类型的按钮，数量不建议超过 3 个。按钮过长时，可使用竖排方式排列，按钮最大宽度不可 超过容器限制范围
6: 内容区：可承载输入框、多选、图片，文本等复杂内容
7: 投影：建立信息层次关系
8: 触发元素：可以是图标、文字、文字链、按钮等元素，鼠标停留或点击时触发
9: 三角箭头：指示目标元素，针对复杂内容的卡片可以不使用
类型: 基础类 + 确认类+复杂内容类
交互规则：
1: Hover 触发: 鼠标悬浮在目标元素上，唤起白底气泡卡片浮层。hover 时，鼠标从触发元素移入气泡卡片，卡片不会消失。鼠标移到目标元素以及卡片以外区域，气泡卡片消失
2: 点击触发: 点击触发元素，唤起白底气泡卡片浮层。可点击空白区域关闭，二次点击触发元素也可关闭气泡卡片。针对复杂操作内容类气泡卡片，主按钮操作后也可关闭气泡卡片。
3: 特殊场景说明: 当只能通过气泡里的操作按钮关闭气泡卡片时， 用户点击除气泡卡片外的区域时，通过主操作按钮的微动效提示，具体见 DEMO。
何时使用：
1:需要对目标元素进行进一步补充说明、完全展示内容，以及引导进一步操作时，可以使用气泡卡片组件
2:当使用弹窗会对用户当前操作干扰性较大时，可考试使用轻量组件：气泡卡片在列表中，需要删除某一些 list 时，采用气泡确认会更方便
3:气泡确认框主要用于二次确认操作。对比较为常规的对话框二次确认，气泡确认框从形式上更轻量，干扰更小，控件的打开关闭方式也更为便捷。
视觉说明：
1:卡片背景颜色：background/primary
2:标题字体：中文/Subtitle_3
3:文本字体：中文/Body_2
4:投影：Shadow2_down
5:与触发元素间距：4px描边: 1px,
6:颜色：border/divider_primary
尺寸说明：
宽度：气泡卡片内容进行自定义，理论上不做最大，最小高度限制，推荐宽度范围 64px-400px。
高度：高度范围「62px - 580px」。内容超过最大高度时，出现滚动条。特殊场景允许设计师根据业务需求自定最大值，最大值不超过 700px。
推荐使用尺寸：
1:默认气泡卡片推荐尺寸： 280*110px，padding 值为 16px。适用基础类和确认类气泡卡片
2:复杂内容推荐尺寸： 400px*580px，padding 值为24px，可根据内容形式自定义为 16px。适用 承载复杂内容的气泡卡片
触发位置说明：
Popover 共有 12 个触发展示位置，分别为：“上”、“上左”、“上右”、“下”、“下左”、“下右”、“左”、“左上”、“左下”、“右”、“右上”、“右下”。
位置展示的条件&优先级：
1:不遮挡重要信息
2:默认按照上下左右的顺序触发「上>上左>上右>下>下左>下右>左>左上>左下>右>右上>右下」不溢出所在容器
极端情况：
限制（箭头间距）：指向箭头与卡片边距的最小间距为 4px注释： 确保气泡卡片距离边界 16px
Popover VS Tooltip：
Tooltip 是黑色浮动标签，主要用于简要说明界面元素的功能，说文案简短、轻量。
Popover 是白底气泡卡片浮层，主要用于对目标元素的内容进行补充说明，以及引导进一步的操作，卡片内可包含较多复杂内容。
应用场景：
