/* 智落 · 客服微信 / 邮箱联系组件 */
.zl-contact-fab { position: fixed; right: 18px; bottom: 22px; z-index: 90; display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }
.zl-contact-fab button, .zl-contact-fab a {
  display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 13px; border-radius: 999px;
  border: 1px solid #e3e9f2; background: #fff; color: #0b1b33; font-size: 12px; font-weight: 600;
  box-shadow: 0 10px 28px -16px rgba(15,23,42,.45); cursor: pointer; text-decoration: none;
}
.zl-contact-fab button:hover, .zl-contact-fab a:hover { border-color: #bfdbfe; background: #f8fbff; }
.zl-contact-fab .zl-contact-wechat { background: #0f766e; border-color: #0f766e; color: #fff; }
.zl-contact-fab .zl-contact-wechat:hover { background: #115e59; }
.zl-contact-fab svg { width: 16px; height: 16px; }
.zl-contact-modal { position: fixed; inset: 0; z-index: 150; background: rgba(2,8,23,.55); display: none; align-items: center; justify-content: center; padding: 20px; }
.zl-contact-modal.open { display: flex; }
.zl-contact-card { width: min(360px,100%); background: #fff; border-radius: 18px; padding: 22px; text-align: center; box-shadow: 0 30px 80px -30px rgba(2,8,23,.6); }
.zl-contact-card h3 { font-size: 16px; margin: 0 0 4px; }
.zl-contact-card p { font-size: 11.5px; color: #64748b; margin: 0 0 12px; line-height: 1.7; }
.zl-contact-card img { width: 220px; height: 253px; object-fit: contain; border: 1px solid #eef3fa; border-radius: 12px; background: #fff; }
.zl-contact-mail { display: block; margin-top: 12px; font-size: 12.5px; color: #1d4ed8; word-break: break-all; }
.zl-contact-close { float: right; border: 0; background: #f1f5f9; width: 28px; height: 28px; border-radius: 8px; cursor: pointer; color: #475569; }
.zl-contact-copy { margin-top: 10px; font-size: 11px; color: #94a3b8; }
@media (max-width: 560px) { .zl-contact-fab { right: 12px; bottom: 14px; } .zl-contact-fab button, .zl-contact-fab a { height: 34px; padding: 0 10px; font-size: 11px; } }
.c-footer-contact-btn { border: 0; background: transparent; color: #cbd5e1; padding: 0; font: inherit; cursor: pointer; text-align: left; }
.c-footer-contact-btn:hover { color: #fff; }
.c-footer-mail { color: #cbd5e1; text-decoration: none; }
.c-footer-mail:hover { color: #fff; }

.zl-contact-phone { display: block; margin-top: 12px; font-size: 13px; color: #0f766e; font-weight: 600; text-decoration: none; }
.zl-contact-phone:hover { color: #115e59; }