.xzt-contact-dialog {
  box-sizing: border-box;
  width: min(620px, calc(100% - 32px));
  max-width: calc(100% - 32px);
  margin: auto;
  max-height: calc(100% - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  padding: 34px;
  border: 1px solid #dce8df;
  border-radius: 22px;
  background: #fffdf8;
  color: #173b4d;
  box-shadow: 0 24px 80px rgba(12, 43, 50, .25);
  font: 15px/1.7 "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  text-align: center;
}
.xzt-contact-dialog:not([open]) { display: none; }
.xzt-contact-dialog::backdrop { background: rgba(10, 33, 45, .6); }
.xzt-contact-dialog * { box-sizing: border-box; }
.xzt-contact-dialog a { color: inherit; text-decoration: none; }
.xzt-contact-dialog a:focus-visible, .xzt-contact-dialog button:focus-visible { outline: 3px solid #1595ac; outline-offset: 4px; }
.xzt-contact-close { position: absolute; right: 14px; top: 14px; width: 36px; height: 36px; padding: 0; border: 1px solid #dce8df; border-radius: 50%; background: white; color: #526d78; font-size: 24px; cursor: pointer; }
.xzt-contact-kicker { margin: 0 28px 6px; color: #54883c; font-size: 13px; letter-spacing: .08em; }
.xzt-contact-dialog h2 { margin: 0 24px 10px; font-size: 28px; line-height: 1.4; }
.xzt-contact-intro { margin: 0 0 20px; color: #607487; font-size: 14px; }
.xzt-contact-image { display: block; overflow: hidden; border-radius: 14px; background: #08c169; }
.xzt-contact-image img { display: block; width: 100%; height: auto; }
.xzt-contact-image-tip { margin: 8px 0 18px; color: #6d7e87; font-size: 12px; }
.xzt-contact-phone { padding: 16px; border-top: 1px solid #e0e9e2; border-bottom: 1px solid #e0e9e2; }
.xzt-contact-phone span { display: block; color: #607487; font-size: 13px; }
.xzt-contact-phone a { display: inline-block; color: #158d91; font-size: 32px; font-weight: 700; letter-spacing: .03em; }
.xzt-contact-phone p { margin: 0; color: #607487; font-size: 13px; }
.xzt-contact-online { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin: 20px 0 0; padding: 8px 24px; border: 1px solid #168fa2; border-radius: 10px; color: #167f92 !important; background: #edf8f5; }
.xzt-contact-online:hover { background: #e0f1eb; }
.xzt-contact-note { margin: 12px 0 0; color: #6d7e87; font-size: 12px; }
@media (max-width: 480px) {
  .xzt-contact-dialog { padding: 28px 18px 22px; border-radius: 18px; }
  .xzt-contact-dialog h2 { font-size: 25px; }
  .xzt-contact-phone a { font-size: 28px; }
  .xzt-contact-intro { margin-bottom: 16px; font-size: 13px; }
}