:root {
  --primary-color: #26A9E0;
  --secondary-color: #FFFFFF;
  --text-color: #FFFFFF; /* Default text color for neon theme */
  --dark-bg: #0a0a0a;
  --dark-bg-gradient: linear-gradient(135deg, #0a0a0a, #1a1a2e, #16213e);

  /* Neon colors based on theme, but vibrant */
  --neon-primary: #26A9E0; /* Based on primary color, a vibrant blue */
  --neon-secondary: #00ffff; /* A vibrant cyan */
  --neon-accent: #ff00ff; /* A vibrant magenta */
  --neon-button: #EA7C07; /* Orange from login color */

  --neon-primary-rgb: 38, 169, 224;
  --neon-secondary-rgb: 0, 255, 255;
  --neon-accent-rgb: 255, 0, 255;
  --neon-button-rgb: 234, 124, 7;
  --text-color-rgb: 255, 255, 255;

  --header-offset: 180px; /* Desktop: Marquee ~40px + Header-top ~80px + Main-nav ~60px */
}

@media (max-width: 768px) {
  :root {
    --header-offset: 139px; /* Mobile: Marquee ~29px + Header-top ~60px + Mobile-nav-buttons ~50px */
  }
}

/* Payment Methods 图标容器样式 */
.payment-icons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  gap: 5px;
}

.payment-icons img,
.payment-icon {
  max-height: 50px;
  height: auto;
  width: auto;
  display: block;
}

/* Game Providers 图标容器样式 */
.game-providers-icons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.game-providers-icons img,
.game-provider-icon {
  max-height: 50px;
  height: auto;
  width: auto;
  display: block;
}

/* Social Media 图标容器样式 */
.social-media-icons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.social-media-icons img,
.social-media-icon {
  max-height: 50px;
  height: auto;
  width: auto;
  display: block;
}
/* 移动端内容区防溢出（系统追加，请勿删除） */
@media (max-width: 768px) {
  .page-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }
  .page-content {
    overflow-x: hidden;
    max-width: 100%;
  }
  body {
    overflow-x: hidden;
  }
}
