/* Wadewow — Floating Contact Dock
   常驻右下角联系方式入口，借鉴 B2B 站常见的 CONTACT + Email 悬浮模式。
   移动端自动收成小图标，避免遮挡内容和"返回顶部"按钮。 */

.wd-contact-dock {
  position: fixed;
  right: 20px;
  bottom: 24px;
  z-index: 900;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

/* 单个按钮 */
.wd-contact-dock__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  border-radius: 999px;
  background: var(--bg-elevated, #fff);
  color: var(--ink, #1a1510);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--sans);
  text-decoration: none;
  box-shadow: 0 6px 24px rgba(26, 21, 16, 0.14);
  border: 1px solid var(--line-strong, rgba(26, 21, 16, 0.14));
  transition: transform 0.22s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              box-shadow 0.22s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              background 0.22s ease;
  white-space: nowrap;
}

.wd-contact-dock__btn:hover,
.wd-contact-dock__btn:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 10px 32px rgba(26, 21, 16, 0.2);
  outline: none;
}

.wd-contact-dock__btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(232, 112, 76, 0.4), 0 10px 32px rgba(26, 21, 16, 0.2);
}

/* 邮件按钮用品牌珊瑚色，与主 CTA 同色系 */
.wd-contact-dock__btn--mail {
  background: var(--brand-gradient, linear-gradient(135deg, #FF8A65 0%, #E8704C 50%, #D65A37 100%));
  color: #fff;
  border-color: transparent;
}
.wd-contact-dock__btn--mail:hover,
.wd-contact-dock__btn--mail:focus-visible {
  background: var(--brand-gradient-hover, linear-gradient(135deg, #FF7A55 0%, #D65A37 50%, #B04822 100%));
}

.wd-contact-dock__icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* 标签在窄屏隐藏，只留图标 */
.wd-contact-dock__label {
  display: inline-block;
}

/* --- 移动端：收成圆形图标 --- */
@media (max-width: 720px) {
  .wd-contact-dock {
    right: 14px;
    bottom: 16px;
    gap: 8px;
  }
  .wd-contact-dock__btn {
    padding: 0;
    width: 48px;
    height: 48px;
    justify-content: center;
    border-radius: 50%;
  }
  .wd-contact-dock__label { display: none; }
  .wd-contact-dock__icon { width: 20px; height: 20px; flex-basis: 20px; }
}

/* 尊重系统的"减少动效"偏好 */
@media (prefers-reduced-motion: reduce) {
  .wd-contact-dock__btn { transition: none; }
  .wd-contact-dock__btn:hover,
  .wd-contact-dock__btn:focus-visible { transform: none; }
}

/* 打印时隐藏 */
@media print {
  .wd-contact-dock { display: none; }
}