/* 右下角悬浮按钮栈：小电 AI 助手（上） + 回到顶部（下）
   主题变量沿用站点绿；小电对话面板样式见 style.css 的 .ai-* */
.sf-wrap {
  --xsd-brand: #0B9B6B; --xsd-brand-deep: #087A54;
  --xsd-brand-soft: #E6F6F0; --xsd-brand-border: #9DD9C5;
  --xsd-accent: #FFD166;
  --sf-brand: var(--xsd-brand);
  /* 尺寸变量：rem + clamp，随浏览器缩放 / DPI 同步变化 */
  --sf-mini-h: 2.5rem; --sf-gap: 0.625rem;
  position: fixed; right: clamp(0.75rem, 2vw, 1.125rem); bottom: clamp(1rem, 3vh, 1.5rem); z-index: 9990;
  display: flex; flex-direction: column; align-items: flex-end; gap: var(--sf-gap);
}

/* ---------- 球下方常驻：回到顶部 ---------- */
.sf-actions { display: flex; gap: 0.5rem; }
.sf-mini { width: var(--sf-mini-h); height: var(--sf-mini-h); border-radius: 50%;
  border: 1px solid var(--xsd-brand-border); background: #fff; color: var(--xsd-brand);
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  font-size: 1.05rem; line-height: 1; text-decoration: none;
  box-shadow: 0 5px 16px color-mix(in srgb, var(--xsd-brand) 22%, transparent);
  transition: transform .2s ease, background .2s ease; }
.sf-mini:hover { transform: translateY(-2px); background: var(--xsd-brand-soft); }
.sf-mini:active { transform: translateY(0); }

/* 移动端：贴边小一号，避开底部 Tab */
@media (max-width: 560px) {
  .sf-wrap { right: 0.75rem; bottom: 4.625rem; --sf-mini-h: 2.25rem; --sf-gap: 0.5rem; }
}