/* ==========================================
   contact.css - 联系我们页（contact.html）独有样式
   ========================================== */

/* 联系信息：两列网格自适应铺满整行（右侧不空白） */
.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 20px;
  background: #f9f9f9;
  border: 1px solid #f0f0f0;
  transition: all 0.3s;
}

.contact-item:hover {
  border-color: #00a651;
}

.contact-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #00a651;
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.contact-item h4 {
  font-size: 14px;
  color: #333;
  font-weight: normal;
  margin-bottom: 4px;
}

.contact-item p {
  font-size: 13px;
  color: #888;
}

/* 响应式：窄屏单列自适应 */
@media (max-width: 992px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}