/* ✅✅✅ 简化背景设计 - 纯色深色背景 */
.bg-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: radial-gradient(ellipse at center, #09142F 0%, #000814 100%);
  z-index: -20;
  overflow: hidden;
  /* 深色背景质感 */
  box-shadow: inset 0 0 200px rgba(10, 30, 80, 0.8);
}

/* 使用动态视口高度解决移动端地址栏问题 */
.splash-container {
  height: calc(var(--vh, 1vh) * 100);
}

/* 确保页面在移动设备上不会被压缩 */
@media (max-width: 768px) {
  html, body {
    min-width: 100vw;
    overflow-x: auto;
  }
}

/* 移除道路和灯光效果，保留纯背景 */

/* 导航/自定义样式 保持不变 */
@layer utilities {
    .ft-hover { 
        @apply hover:text-fxtm-orange transition-all duration-300 ease-in-out; 
    }
    .nav-link { 
        @apply relative py-2 px-1 text-white ft-hover text-base; 
    }
    .nav-link::after { 
        @apply content-[''] absolute w-0 h-[2px] bg-fxtm-orange left-0 bottom-0 transition-all duration-300; 
    }
    .nav-link:hover::after { 
        @apply w-full; 
    }
    .card-shadow { 
        @apply shadow-md hover:shadow-lg transition-shadow duration-300; 
    }
    .footer-stats-container {
        @apply flex flex-row items-center w-full;
    }
    .footer-stat-item {
        @apply flex flex-col items-center justify-center hidden md:flex md:flex-row md:items-center md:space-x-3;
    }
    
    /* 确保在小屏幕上始终隐藏 */
    @media (max-width: 767.98px) {
        .footer-stat-item {
            display: none !important;
        }
    }
    .footer-stat-item:not(:last-child) {
        @apply mr-[150px];
    }
    
    /* 确保在中等屏幕及以上尺寸时，元素不换行 */
    @media (min-width: 768px) {
        .footer-stats-container {
            @apply flex-nowrap;
        }
        .footer-stat-item {
            @apply flex-shrink-0;
        }
        .footer-stat-item > * {
            @apply flex-shrink-0;
        }
    }
    
    /* 在小屏幕上隐藏 */
    @media (max-width: 767.98px) {
        .footer-stat-item {
            @apply hidden;
        }
    }
    
    /* 强制样式确保水平布局 */
    @media (min-width: 768px) {
        .footer-stats-container {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            justify-content: center !important;
            align-items: center !important;
        }
        .footer-stat-item {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            margin-right: 150px !important;
        }
        .footer-stat-item:last-child {
            margin-right: 0 !important;
        }
    }
    
    /* 将home_arrow图片的颜色渲染成开立账户按钮的橙色 */
    .home-arrow-orange {
        filter: hue-rotate(20deg) saturate(150%) brightness(110%);
    }
    
    /* 轮播图拖动光标 */
    .carousel-track {
        cursor: grab;
    }
    
    .carousel-track:active {
        cursor: grabbing;
    }
    
}