/* ============================================================
   全站共享：回到首页入口 + Logo 回家
   调速页 / 编排页共用，避免各写各的导致风格漂移。
   首页(index.html)是站点根，无需 home-link，但 logo 也可借此样式。
   配色沿用品牌暖色：主橙 #ff9933 / 浅底 #fff3e6 / 文字 #ad6800
   ============================================================ */

/* 统一的「回到首页」胶囊按钮（三页一致） */
.home-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  border: 1px solid #ff9933;
  border-radius: 999px;
  background: #fff3e6;
  color: #ad6800;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.home-link:hover,
.home-link:focus-visible {
  background: #ff9933;
  color: #fff;
  border-color: #ff9933;
  outline: none;
}
/* 键盘聚焦可见反馈（老年/无障碍场景必需，替代原来的内联 onmouseover） */
.home-link:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 153, 51, .45);
}

/* Logo 可点击回到首页 */
.logo-link {
  display: inline-flex;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.logo-link:focus-visible {
  outline: 2px solid #ff9933;
  outline-offset: 3px;
  border-radius: 8px;
}

/* ============================================================
   老人友好：浮动滚屏按钮（不会用滚轮/滚动条时也能上下翻）
   调速页 / 编排页共用（与编排页原内联样式等价，抽到此单一源）。
   背景写死 #d62828，不依赖各页 --primary，确保两页外观一致、跨页可识别。
   ============================================================ */
.scroll-fab {
  position: fixed; right: 16px; top: 50%; transform: translateY(-50%);
  z-index: 39; display: none; flex-direction: column; gap: 12px;
}
.scroll-fab.show { display: flex; }
.scroll-fab button {
  min-width: 98px; height: 50px; padding: 0 16px; border: none; border-radius: 25px; cursor: pointer;
  background: #d62828; color: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.28);
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 16px; font-weight: 600; white-space: nowrap;
  transition: transform .1s, opacity .15s;
}
.scroll-fab button svg { flex: 0 0 auto; }
.scroll-fab button:hover { transform: scale(1.07); }
.scroll-fab button:active { transform: scale(.92); }
.scroll-fab button:disabled { opacity: .3; cursor: default; pointer-events: none; }

/* ============================================================
   编排页 / 调速页 Header 内链接样式 已统一到 dance-common.css
   （18b：common 承担全部 header/步骤条/FAB/无障碍样式，site.css
   不再维护编排页专属覆盖；18a 遗留的 :root/step-hint/footer/
   FAB 隔离覆盖段已于 18b 删除并并入 common 单一来源）
   ============================================================ */