/* 移动端优化样式 */

/* 优化banner图片比例和响应式布局 */
@media (max-width: 768px) {
    /* 调整banner背景图片比例 */
    .banner-slide.banner-slide-up {
        background-size: cover; /* 改为contain以保持图片比例 */
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #0e0d20; /* 添加背景色填充空白区域 */
    }
    
    /* 优化banner内容布局 */
    .banner-content {
        padding: 15px;
        max-width: 95%;
        margin-top: 20px; /* 调整顶部间距 */
    }
    
    /* 优化标题图片 */
    .banner-content .banner-title-img {
        max-width: 85%; /* 控制宽度不超过容器的85% */
        height: auto;
        margin-bottom: 15px;
    }
    
    /* 优化其他图片 */
    .banner-content img:not(.banner-title-img) {
        max-width: 120px;
        margin-bottom: 15px;
    }
    
    /* 优化标题文字 */
    .banner-content h3 {
        font-size: 1.4rem;
        letter-spacing: 1.5px;
        margin-bottom: 10px;
    }
    
    /* 优化副标题 */
    .deluxe-text {
        font-size: 0.9rem;
        letter-spacing: 1.5px;
        margin-bottom: 12px;
    }
    
    /* 优化按钮 */
    .pre-order-btn {
        padding: 8px 20px;
        font-size: 0.85rem;
        letter-spacing: 1px;
    }
    
    /* 优化滚动按钮位置 */
    .scroll-down-btn {
        bottom: 25px;
        width: 50px;
        height: 50px;
    }
    
    /* 优化导航菜单 */
  
    
    #speciallowerpart {
        display: block !important;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    #speciallowerpart ul {
        display: flex;
        flex-wrap: nowrap;
        padding: 0 10px;
        justify-content: center;
    }
    
    #speciallowerpart .SpecialNavi__link {
        white-space: nowrap;
        padding: 8px 12px !important;
        font-size: 14px !important;
    }
}

/* 小屏幕手机优化 */
@media (max-width: 480px) {
    /* 优化banner内容 */
    .banner-content {
        padding: 10px;
        max-width: 95%;
        margin-top: 15px;
    }
    
    .banner-content .banner-title-img {
        max-width: 90%;
    }
    
    .banner-content h3 {
        font-size: 1.2rem;
        letter-spacing: 1px;
    }
    
    .deluxe-text {
        font-size: 0.8rem;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }
    
    .pre-order-btn {
        padding: 6px 15px;
        font-size: 0.8rem;
        letter-spacing: 0.5px;
    }
    
    .scroll-down-btn {
        width: 45px;
        height: 45px;
        bottom: 20px;
    }
    
    /* 超小屏幕导航菜单优化 */
    #speciallowerpart .SpecialNavi__link {
        padding: 6px 10px !important;
        font-size: 13px !important;
    }
}