/* ===================================
   Footer 页脚样式
   =================================== */
.footer {
  background-color: #1a1a1a;
  color: #fff;
  padding: var(--spacing-xxl) 0 var(--spacing-lg);
}

.footer-inner {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--spacing-xl);
}

/* 公司信息 */
.footer-company {
  grid-column: 1 / 3;
}
.footer-contact {
  grid-column: 3 / 5;
}
.footer-company h3 {
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

.footer-company p {
  color: #ccc;
  margin-bottom: var(--spacing-sm);
}

/* 联系方式 */
.footer-contact h4,
.footer-links h4 {
  color: #fff;
  font-size: 1.25rem;
  margin-bottom: var(--spacing-md);
}

.footer-contact-list {
  list-style: none;
}

.footer-contact-list li {
  margin-bottom: var(--spacing-sm);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
}

.footer-contact-list a {
  color: #ccc;
  transition: color 0.3s ease;
}

.footer-contact-list a:hover {
  color: var(--primary-light);
}

.footer-contact-icon {
  color: var(--primary-light);
  font-size: 1.25rem;
}

/* 快捷链接 */
.footer-links ul {
  list-style: none;
}

.footer-links li {
  margin-bottom: var(--spacing-xs);
}

.footer-links a {
  color: #ccc;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: var(--primary-light);
}

/* 版权信息 */
.footer-bottom {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid #333;
  text-align: center;
  color: #999;
}

/* 响应式 */
@media (max-width: 992px) {
  .footer-inner {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }
  
  .footer-company {
    grid-column: 1 / -1;
  }
  
  .footer-contact {
    grid-column: 1 / 2;
  }
  
  .footer-links:nth-of-type(1) {
    grid-column: 2 / 3;
  }
  
  .footer-links:nth-of-type(2) {
    grid-column: 1 / 2;
  }
}

@media (max-width: 768px) {
  .footer-inner {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
  
  .footer-company,
  .footer-contact,
  .footer-links {
    grid-column: 1 / -1;
  }
  
  .footer {
    padding: var(--spacing-xl) 0 var(--spacing-md);
  }
}

@media (max-width: 576px) {
  .footer-company h3 {
    font-size: 1.25rem;
  }
  
  .footer-contact h4,
  .footer-links h4 {
    font-size: 1.125rem;
  }
}