/* 站群 user 模板共享样式（macros.njk friendLinks 等通用宏引用） */
/* tel: 链接图标 —— 普通电话链接前置话筒图标 */
a[href^="tel:"] { white-space: nowrap }
a[href^="tel:"]::before {
  content: ""; display: inline-block; width: .92em; height: .92em;
  margin-right: .34em; vertical-align: -.08em; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* CTA 按钮内的 tel: 链接 —— 隐藏前置话筒，改用后置箭头 + hover 位移 */
.hero a.btn[href^="tel:"]::before,
.herostrip a.btn[href^="tel:"]::before,
.intro a.btn[href^="tel:"]::before,
a.front-cta[href^="tel:"]::before { display: none }
.hero a.btn[href^="tel:"]::after,
.herostrip a.btn[href^="tel:"]::after,
.intro a.btn[href^="tel:"]::after,
a.front-cta[href^="tel:"]::after {
  content: ""; display: inline-block; width: .95em; height: .95em;
  margin-left: .45em; vertical-align: -.1em; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform .25s;
}
.hero a.btn[href^="tel:"]:hover::after,
.herostrip a.btn[href^="tel:"]:hover::after,
.intro a.btn[href^="tel:"]:hover::after,
a.front-cta[href^="tel:"]:hover::after { transform: translateX(.28em) }