.contact-section{position:relative;overflow:hidden;background:#000;color:#e8e9ed}.contact-section .module-stage{position:absolute;top:0;left:50%;width:1920px;height:746px;transform:translateX(-50%);transform-origin:top center}.contact-section h2{position:absolute;top:131px;left:330px;margin:0;font-size:60px;font-weight:630;line-height:1.2}.contact-section__cards{position:absolute;top:373px;left:330px;display:grid;grid-template-columns:repeat(3,406px);gap:21px}.contact-card{position:relative;display:block;width:406px;height:248px;padding:0;border:0;border-radius:30px;background:#121214;color:inherit;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:transform 300ms cubic-bezier(0,0,.5,1),background 300ms}.contact-card:hover,.contact-card:focus-visible{transform:scale(1.02);background:#19191c}.contact-card img{position:absolute;top:46px;left:33px}.contact-card strong{position:absolute;top:125px;left:33px;font-size:25px;font-weight:630}.contact-card span{position:absolute;top:165px;left:33px;color:#7d7d7d;font-size:18px;font-weight:330}.contact-section [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 900ms ease,transform 700ms cubic-bezier(.16,1,.3,1)}.contact-section [data-reveal].is-visible{opacity:1;transform:none}.contact-card:nth-child(2){transition-delay:150ms}.contact-card:nth-child(3){transition-delay:300ms}
.contact-section__icp{position:absolute;top:696px;left:0;width:100%;margin:0;text-align:center}.contact-section__icp a{color:#7d7d7d;font-size:16px;font-weight:330;text-decoration:none;letter-spacing:.5px}.contact-section__icp a:hover,.contact-section__icp a:focus-visible{color:#e8e9ed}.contact-section__beian-gongan{display:inline-flex;align-items:center;gap:6px;margin-left:24px}.contact-section__beian-gongan img{width:16px;height:16px;display:block}@media(max-width:700px){.contact-section__beian-gongan{margin-left:0;display:flex;justify-content:center;margin-top:8px}}
@media(max-width:900px){.contact-section{padding:104px 20px 80px}.contact-section .module-stage{position:relative;left:auto;width:auto;height:auto;transform:none!important}.contact-section h2,.contact-section__cards{position:relative;inset:auto}.contact-section h2{font-size:clamp(42px,11vw,58px)}.contact-section__cards{display:grid;grid-template-columns:1fr;gap:14px;margin-top:54px}.contact-card{width:100%;height:210px;border-radius:24px}.contact-card img{top:32px}.contact-card strong{top:108px;font-size:22px}.contact-card span{top:147px;font-size:16px}.contact-section__icp{position:relative;top:auto;margin-top:46px}}
@media(prefers-reduced-motion:reduce){.contact-section *{transition:none!important}}

/* 与作品集其它页面统一的备案栏 */
.contact-section__icp {
  right: 0;
  bottom: 0;
  left: 0;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  height: auto;
  margin: 0;
  padding: 24px max(24px, calc((100% - 1240px) / 2));
  background: #000;
  color: #f5f5f7;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", "Segoe UI", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: .1em;
}

.contact-section__icp a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

.contact-section__beian-gongan {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 0;
}

.contact-section__beian-gongan img { width: 14px; height: 14px; }

@media (max-width: 900px) {
  .contact-section__icp {
    flex-direction: column;
    gap: 7px;
    padding: 24px;
  }

  .contact-section__beian-gongan {
    display: inline-flex;
    justify-content: center;
    margin-top: 0;
  }
}