/* Footer完整样式定义 - 基于Tailwind CSS类 */

/* 基础footer样式 */
footer {
  font-size: 1rem !important;
  font-family: 'Montserrat', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
}

/* 确保所有footer内容都使用Montserrat字体 */
footer * {
  font-family: 'Montserrat', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
}

/* Footer主容器 - bg-slate-900 text-slate-400 border-t border-slate-700 */
footer.bg-slate-900 {
  background-color: #0f172a !important;
  color: #94a3b8 !important;
  border-top: 1px solid #334155 !important;
}

/* 主内容容器 - max-w-7xl mx-auto px-4 py-10 grid grid-cols-1 md:grid-cols-4 gap-8 */
footer .max-w-7xl {
  max-width: 80rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2rem !important;
}

/* 中等屏幕及以上 - md:grid-cols-4 */
@media (min-width: 768px) {
  footer .max-w-7xl {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* Brand标题 - text-xl font-bold text-indigo-400 */
footer h2.text-xl {
  font-size: 1.25rem !important; /* text-xl */
  font-weight: 700 !important; /* font-bold */
  color: #818cf8 !important; /* text-indigo-400 */
  line-height: 1.75rem !important;
}

/* Brand描述 - mt-3 text-sm leading-relaxed */
footer .text-sm.leading-relaxed {
  margin-top: 0.75rem !important; /* mt-3 */
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.625 !important; /* leading-relaxed */
}

/* Section标题 - text-white font-semibold mb-3 */
footer h3.font-semibold,
footer h4.font-semibold {
  color: #ffffff !important; /* text-white */
  font-weight: 600 !important; /* font-semibold */
  font-size: 1rem !important; /* text-base */
  margin-bottom: 0.75rem !important; /* mb-3 */
}

footer h4.font-semibold {
  margin-bottom: 0.5rem !important; /* mb-2 */
}

/* 列表样式 - space-y-2 */
footer ul.space-y-2 {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer ul.space-y-2 > li {
  margin-bottom: 0.5rem !important; /* space-y-2 */
}

footer ul.space-y-2 > li:last-child {
  margin-bottom: 0 !important;
}

/* 普通链接 - hover:text-indigo-400 */
footer a {
  color: #94a3b8 !important; /* text-slate-400 */
  text-decoration: none !important;
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.5 !important;
  transition: color 0.3s ease !important;
}

footer a:hover {
  color: #818cf8 !important; /* hover:text-indigo-400 */
}

/* Connect部分 - mt-4 */
footer .mt-4 {
  margin-top: 1rem !important;
}

/* 社交链接容器 - flex space-x-4 */
footer .flex.space-x-4 {
  display: flex !important;
  gap: 1rem !important; /* space-x-4 */
  flex-wrap: wrap !important;
}

/* Bottom Bar容器 - border-t border-slate-700 py-4 text-center text-sm px-4 */
footer .border-t {
  border-top: 1px solid #334155 !important; /* border-slate-700 */
  padding-top: 1rem !important; /* py-4 */
  padding-bottom: 1rem !important;
  text-align: center !important; /* text-center */
  padding-left: 1rem !important; /* px-4 */
  padding-right: 1rem !important;
}

/* Bottom Bar文本样式 - text-sm */
footer .border-t p {
  font-size: 0.875rem !important; /* text-sm */
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* 小文本 - text-xs text-slate-500 */
footer .text-xs {
  font-size: 0.75rem !important; /* text-xs */
  color: #64748b !important; /* text-slate-500 */
  margin-top: 0.5rem !important; /* mt-2 */
}

/* DMCA链接特殊样式 - text-indigo-400 hover:text-indigo-300 */
footer .text-indigo-400 {
  color: #818cf8 !important; /* text-indigo-400 */
}

footer .text-indigo-400:hover {
  color: #a5b4fc !important; /* hover:text-indigo-300 */
}

/* 响应式调整 */
@media (max-width: 767px) {
  footer .max-w-7xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    gap: 1.5rem !important;
  }
  
  footer .flex.space-x-4 {
    gap: 0.75rem !important;
    font-size: 0.8rem !important;
  }
  
  footer h2.text-xl {
    font-size: 1.1rem !important;
  }
  
  footer h3.font-semibold,
  footer h4.font-semibold {
    font-size: 0.95rem !important;
  }
  
  footer a {
    font-size: 0.8rem !important;
  }
  
  footer .text-sm.leading-relaxed {
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
  }
  
  footer .border-t p {
    font-size: 0.8rem !important;
  }
  
  footer .text-xs {
    font-size: 0.7rem !important;
  }
}

/* 小屏幕优化 */
@media (max-width: 480px) {
  footer .max-w-7xl {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  footer .border-t {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}