.contact-page .contact-email-line { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: calc(8 / 1920 * 100vw); max-width: calc(1392 / 1920 * 100vw); }
.contact-page .contact-email { position: relative; flex: none; margin: 0; font-size: calc(24 / 1920 * 100vw); line-height: 1.5; color: #1686ff; }
.contact-email summary { display: flex; align-items: center; gap: calc(12 / 1920 * 100vw); padding: 0; cursor: pointer; list-style: none; }
.contact-email summary::-webkit-details-marker { display: none; }
.contact-email summary::after { content: ''; width: calc(8 / 1920 * 100vw); height: calc(8 / 1920 * 100vw); border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-25%) rotate(45deg); }
.contact-email[open] summary::after { transform: translateY(25%) rotate(225deg); }
.contact-email__list { position: absolute; z-index: 10; top: 100%; right: 0; width: max-content; min-width: calc(360 / 1920 * 100vw); font-size: calc(18 / 1920 * 100vw); font-weight: 300; max-width: calc(1392 / 1920 * 100vw); margin: calc(12 / 1920 * 100vw) 0 0; padding: calc(12 / 1920 * 100vw) 0; list-style: none; background: #000; color: #c6c6c6; border-radius: calc(8 / 1920 * 100vw); box-sizing: border-box; }
.contact-email__list a, .contact-email__list [aria-disabled] { display: block; padding: calc(8 / 1920 * 100vw) calc(24 / 1920 * 100vw); color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.contact-email__list small { display: inline; font-size: inherit; }
.contact-email__list [aria-disabled] small { color: #939393; }
.contact-email__list a:hover, .contact-email__list a:focus-visible { color: #1686ff; background: #101010; }
.contact-email summary:focus-visible { outline: 1px solid currentColor; outline-offset: calc(4 / 1920 * 100vw); }
@media (max-width: 1080px) {
  .contact-page .contact-email-line { position: relative; width: calc(936 / 1080 * 100vw); column-gap: calc(12 / 1080 * 100vw); max-width: calc(936 / 1080 * 100vw); }
  .contact-page .contact-email { position: static; font-size: calc(36 / 1080 * 100vw); }
  .contact-email summary { gap: calc(16 / 1080 * 100vw); }
  .contact-email summary::after { width: calc(12 / 1080 * 100vw); height: calc(12 / 1080 * 100vw); }
  .contact-email__list { min-width: 0; width: max-content; font-size: inherit; max-width: calc(936 / 1080 * 100vw); margin-top: calc(12 / 1080 * 100vw); padding: calc(16 / 1080 * 100vw) 0; border-radius: calc(12 / 1080 * 100vw); }
  .contact-email__list a, .contact-email__list [aria-disabled] { padding: calc(12 / 1080 * 100vw) calc(28 / 1080 * 100vw); }
  .contact-email summary:focus-visible { outline-offset: calc(4 / 1080 * 100vw); }
}
body.contact-page .ct-canvas .s-hero:has(.contact-email[open]) { overflow: visible !important; z-index: 20; }

@font-face {
  font-family: 'AMicro Contact Light';
  src: local('PingFangSC-Light'), local('PingFang SC Light'), local('Microsoft YaHei Light');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
html body.contact-page .ct-canvas .s-hero .ct-h5-hero-copy {
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}
html body.contact-page .ct-canvas .s-hero .ct-h5-hero-copy .contact-email-line > span,
html body.contact-page .ct-canvas .s-hero .ct-h5-hero-copy .contact-email {
  font-family: 'AMicro Contact Light', var(--font-main);
  font-size: calc(22 / 1920 * 100vw) !important;
  font-weight: 300;
  line-height: 1.5 !important;
}
@media (max-width: 1080px) {
  html body.contact-page .ct-canvas .s-hero .ct-h5-hero-copy .contact-email-line > span,
  html body.contact-page .ct-canvas .s-hero .ct-h5-hero-copy .contact-email {
    font-size: calc(34 / 1080 * 100vw) !important;
  }
}

@media (max-width: 1080px) {
  html[data-mobile] body.contact-page .ct-canvas .s-hero .ct-h5-hero-copy {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }
}