.contact-footer {
  box-sizing: border-box;
  padding: 52px 24px 88px;
  background: #fff;
  color: #222;
  font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  text-align: center;
}
.contact-footer * { box-sizing: border-box; }
.contact-footer a { color: inherit; text-decoration: none; }
.contact-logo { display: block; width: 180px; height: auto; margin: 0 auto; }
.contact-motto { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 14px 0 0; font-size: 12px; line-height: 20px; }
.contact-motto mark { background: #fff36a; color: #222; line-height: 1.2; }
.contact-animation { display: block; width: 100px; height: 56px; object-fit: contain; margin: 48px auto 18px; }
.contact-footer h2 { margin: 0; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.4; font-weight: 600; letter-spacing: -.04em; }
.contact-intro { margin: 22px 0 30px; color: #777; font-size: 14px; line-height: 1.9; }
.contact-email { display: inline-flex; align-items: baseline; gap: 12px; max-width: 100%; font-size: clamp(20px, 2.65vw, 32px); line-height: 1.35; }
.contact-email > span { border-bottom: 1px solid currentColor; }
.contact-email > .contact-email-text { overflow-wrap: anywhere; min-width: 0; }
.contact-email > span:last-child { font-size: 1.2em; line-height: 1.1; }
.contact-phone { display: flex; align-items: center; justify-content: center; gap: 7px; width: fit-content; margin: 24px auto 0; font-size: 14px; line-height: 20px; }
.contact-socials { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 26px; margin: 42px auto 0; font-size: 13px; line-height: 20px; color: #666; }
.contact-socials a { white-space: nowrap; }
.contact-socials span { color: #888; }
.contact-legal { position: relative; max-width: 1080px; margin: 84px auto 0; border-top: 1px solid #e3e3e3; padding-top: 34px; color: #777; font-size: 12px; line-height: 20px; }
.contact-legal-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px 30px; padding: 0 80px; }
.contact-legal-links a { display: inline-flex; align-items: center; gap: 6px; }
.contact-legal-links img { width: 16px; height: 16px; object-fit: contain; filter: grayscale(1); opacity: .65; }
.back-to-top { position: absolute; right: 0; top: 34px; white-space: nowrap; }
.contact-footer a:hover { color: #000; }
.contact-footer a:focus-visible { outline: 2px solid #777; outline-offset: 5px; }
@media (max-width: 760px) {
  .contact-footer { padding: 48px 20px; }
  .contact-animation { margin-top: 36px; }
  .contact-intro { font-size: 13px; }
  .contact-socials { max-width: 420px; gap: 16px 22px; }
  .contact-legal { margin-top: 60px; padding-top: 26px; }
  .contact-legal-links { padding: 0; flex-direction: column; gap: 10px; }
  .back-to-top { position: static; display: inline-block; margin-top: 24px; }
}

.contact-email-icon { display: block; flex: 0 0 .82em; width: .82em; height: .59em; align-self: center; margin-top: -.08em; transform: translateY(2px); fill: #999; }

.contact-phone-icon { display: block; flex: 0 0 13px; width: 13px; height: 13px; fill: #999; }