/* 移动端背景强制修复 */
/* 确保在所有移动设备上都能正确显示黑色背景 */

/* 针对所有移动设备的背景修复 */
@media (max-width: 1024px) {
  body {
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    min-height: 100vh !important;
  }
  
  body::before {
    background: 
        radial-gradient(circle at 20% 30%, rgba(156, 39, 176, 0.2) 0%, transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(33, 150, 243, 0.2) 0%, transparent 40%),
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23ffffff" fill-opacity="0.05"/></svg>') !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1 !important;
  }
}

/* 针对小屏幕设备的额外修复 */
@media (max-width: 768px) {
  body {
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    min-height: 100vh !important;
  }
  
  html {
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
    min-height: 100vh !important;
  }
}

/* 针对超小屏幕设备的修复 */
@media (max-width: 480px) {
  body {
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    min-height: 100vh !important;
  }
}

/* 针对横屏模式的修复 */
@media (orientation: landscape) and (max-height: 500px) {
  body {
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    min-height: 100vh !important;
  }
}

/* 针对iOS Safari的特殊修复 */
@supports (-webkit-touch-callout: none) {
  body {
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    min-height: 100vh !important;
  }
}