/**
 * 页脚浏览器兼容性样式
 * 
 * 此样式用于确保页脚在所有浏览器中显示一致，
 * 特别是解决某些浏览器显示"KIYOMI Beauty Shop Updated"而不是"54KIYOMI"的问题。
 */

/* 确保页脚标题正确显示 */
.footer h2 {
  font-size: 2.5rem !important;
  margin-bottom: 10px !important;
  font-weight: 700 !important;
  color: white !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* 确保页脚描述正确显示 */
.footer p:not(.copyright-text):not(:last-child) {
  margin-bottom: 20px !important;
  font-size: 1.1rem !important;
  color: white !important;
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 确保版权信息正确显示 */
.footer p.copyright-text {
  font-size: 0.9rem !important;
  margin: 10px 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 确保联系信息正确显示 */
.footer p:last-child {
  font-size: 0.9rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 移动端样式优化 */
@media (max-width: 768px) {
  .footer h2 {
    font-size: 1.8rem !important;
    margin-bottom: 8px !important;
  }
  
  .footer p:not(.copyright-text):not(:last-child) {
    font-size: 1rem !important;
    margin-bottom: 15px !important;
  }
  
  .footer p.copyright-text {
    font-size: 0.8rem !important;
    margin: 5px 0 !important;
  }
  
  .footer p:last-child {
    font-size: 0.8rem !important;
  }
}

/* 小屏幕移动端样式优化 */
@media (max-width: 480px) {
  .footer h2 {
    font-size: 1.5rem !important;
    margin-bottom: 5px !important;
  }
  
  .footer p:not(.copyright-text):not(:last-child) {
    font-size: 0.9rem !important;
    margin-bottom: 10px !important;
  }
  
  .footer p.copyright-text {
    font-size: 0.75rem !important;
    margin: 3px 0 !important;
  }
  
  .footer p:last-child {
    font-size: 0.75rem !important;
  }
}

/* 确保页脚背景渐变色正确显示 */
.footer {
  background-image: linear-gradient(135deg, #b9c1ff 0%, #ffa6c9 100%) !important;
}