/* 全站统一页尾规格 */

footer,

.footer {

  background: #fff;

  border-top: 1px solid #dddbd5;

  padding: 64px 0 0;

}



.footer-grid {

  display: grid;

  grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.95fr) minmax(0, 1.1fr) minmax(0, 0.8fr);

  gap: 40px 44px;

  padding: 0 80px 56px;

  border-bottom: 1px solid #dddbd5;

  align-items: start;

}



.footer-logo {

  display: block;

  font-family: "Space Grotesk", "Noto Sans SC", system-ui, sans-serif;

  font-weight: 800;

  font-size: 1.2rem;

  color: #111;

  margin-bottom: 10px;

  line-height: 1.2;

}



.footer-slogan {

  font-size: 0.95rem;

  color: #9e9c96;

  line-height: 1.8;

  max-width: 28em;

}



.footer-col h4,

footer h4 {

  font-family: "Space Grotesk", "Noto Sans SC", system-ui, sans-serif;

  font-weight: 700;

  font-size: 1rem;

  margin-bottom: 18px;

  color: #111;

}



.footer-col ul,

footer ul {

  display: flex;

  flex-direction: column;

  gap: 10px;

  list-style: none;

}



.footer-col ul li a,

footer ul a {

  font-size: 0.95rem;

  color: #9e9c96;

  transition: color 0.2s ease;

  text-decoration: none;

}



.footer-col ul li a:hover,

footer ul a:hover {

  color: #111;

}



.footer-col ul li a.is-current {

  color: #111;

  font-weight: 500;

  pointer-events: none;

}



.footer-contact {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.footer-contact li,

.contact-item {

  font-size: 0.95rem;

  color: #9e9c96;

  line-height: 1.6;

}



.footer-contact li {

  display: flex;

  align-items: flex-start;

  gap: 8px;

}



.contact-item {

  display: flex;

  gap: 10px;

  align-items: flex-start;

}



.footer-contact li a,

.contact-item a {

  color: #9e9c96;

  transition: color 0.2s ease;

}



.footer-contact li a:hover,

.contact-item a:hover {

  color: #111;

}



.footer-copyright,

.footer-copy {

  padding: 20px 80px;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 20px;

  font-size: 0.78rem;

  color: #9e9c96;

  text-align: center;

  flex-wrap: wrap;

}



@media (max-width: 1100px) {

  .footer-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 36px 32px;

    padding: 0 56px 48px;

  }

}



@media (max-width: 860px) {

  .footer-grid {

    grid-template-columns: 1fr;

    padding: 0 24px 40px;

    gap: 32px;

  }



  .footer-copyright,

  .footer-copy {

    padding: 20px 24px;

  }

}