/* ============================================================================
 * clib-skin-fab-v1.css — 换皮 · 右下角悬浮按钮（兄弟令「优化标识」）
 * ----------------------------------------------------------------------------
 * 实测（work/_audit/_fab-probe.js）两个 FAB 不成一套：
 *   · button.p4-fab  50×48  圆角 24  实心主色 #4F6BED
 *   · button#sbFab   48×48  圆角 14  实心黑 #1D1D1F
 * 两处不合规格（第三处已被兄弟 2026-10-15 否掉，见文末）：
 *   ① 尺寸差 2px（同为图标按钮，该同尺寸）
 *   ② 圆角两个值（规格只许 24/18/14/999；相邻两个 FAB 更该同值）
 *   ③（撤回）"黑块不属规格底" —— 兄弟拍定沙箱**保留黑底**，理由见文末注释。
 * 做法：统一 48×48 · 圆角 24 · 同一阴影（规格的悬停档 `0 6px 20px rgba(26,29,40,.10)`）；
 *   主按钮实心主色 #4F6BED · 次按钮实心黑 #1D1D1F ⇒ 靠"主色 vs 黑"分主次。
 *   位置不动（right 22 · bottom 18 / 78，间距 12 本来就对）。
 * 回退：删 index.html 里指向本文件的那一行 <link>。
 * ========================================================================== */

/* ⚠️ 权重：实测尺寸/圆角/底色被"运行时注入的样式表"压过（它排在本 link 之后、同权重）
   ⇒ 这里改成 `body .p4-fab` / `body #sbFab`（多一个元素选择器，权重高于对方的纯类/纯 id）。 */
body .p4-fab,
body #sbFab {
  width: 48px !important;
  height: 48px !important;
  border-radius: 24px !important;
  box-shadow: 0 6px 20px rgba(26, 29, 40, .10) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body .p4-fab {
  background: #4F6BED !important;
  color: #FFFFFF !important;
  border: 0 !important;
}
/* 主按钮图标＝素材文件 assets/icons/icon-customer-service.svg（Ant Design customer-service，MIT） */
body .p4-fab .p4-fab-ico {
  width: 22px;
  height: 22px;
  display: block;
  /* ⚠️ 必须压住站点全局的 img 规则，否则图标会被裁成白杠（实测踩到）：
     polish-v4.css `img{object-fit:cover}` + `img{background-color:#F5F5F7}`、
     site-unify/clib-v24-polish `img{max-width:100%}` ⇒ 48 宽 × 64 高的框 + cover 裁切。 */
  max-width: none;
  max-height: none;
  object-fit: contain;
  background: none;
  -webkit-user-drag: none;
}
/* p4-fab 实测比 sbFab 宽 2px（50×48）—— 多一个 html 层级压过运行时注入的同权重规则，并清掉内边距 */
html body .p4-fab {
  width: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
}
/* 次按钮（沙箱）：**兄弟 2026-10-15 拍定「沙箱的还是用黑色底」**。
   我先前按"底只有 白/#FAFAFA/#F5F5F7/#F0F3FB"把这块改成了白底描边 —— 兄弟否掉，改回实心 #1D1D1F。
   保留的理由：两个 FAB 仍靠"实心主色 vs 实心黑"分主次（不再是两个同色实心块），
   且黑底属"深色控件面"而非页面底色，不与"底"那一档冲突。hover 走令牌 dark-surface #2C2C2E。 */
body #sbFab {
  background: #1D1D1F !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
}
body #sbFab:hover { background: #2C2C2E !important; }