.footer {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 60px 0 40px 0; /* 修改padding-top为更合理的值 */
  position: relative; /* 添加相对定位 */
  z-index: 1; /* 保持为正数 */
  isolation: isolate; /* 创建新的堆叠上下文 */
  margin-top: 60px; /* 使用margin-top代替过大的padding-top */
}

.footer h5 {
  font-weight: 600;
  font-size: 1.1rem;
}

.footer .text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}

.footer a.text-muted {
  transition: color 0.2s ease;
}

.footer a.text-muted:hover {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: none;
}

.footer .social-links a {
  transition: color 0.2s ease, transform 0.2s ease;
}

.footer .social-links a:hover {
  color: rgba(255, 255, 255, 0.9) !important;
  transform: translateY(-2px);
}

.footer hr {
  opacity: 0.1;
}

.footer .payment-methods {
  opacity: 0.6;
  transition: opacity 0.2s ease;
  height: auto; /* 移除固定高度限制 */
  max-height: 48px; /* 设置最大高度 */
  width: auto; /* 保持宽高比 */
  background-color: #ffffffaa;
  border-radius: 4px;
}

.footer .payment-methods:hover {
  opacity: 0.9;
}
