/* 自定义CSS - 隐藏底部的EyouCms和XML地图链接 */
a[href*="eyoucms.com"],
a[href*="/sitemap.xml"] {
    display: none !important;
}

/* 隐藏"Powered by"文本 */
.footer-text p a {
    display: none !important;
}

/* 如果"Powered by"是单独的元素 */
.footer-text p span:contains("Powered by") {
    display: none !important;
}

/* 适度放大首页主图 */
.banner-image img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    transform: scale(1.2);
    transform-origin: center center;
}

/* 模板中心拖动样式 */
.feature-carousel.owl-carousel {
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
}

.feature-carousel.owl-carousel:active {
    cursor: grabbing;
}

.feature-carousel .owl-stage {
    display: flex;
    touch-action: pan-x;
}

.feature-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

/* 确保owl-carousel拖动功能正常 */
.owl-carousel .owl-stage {
    touch-action: pan-y;
}

.owl-carousel .owl-item {
    touch-action: pan-y;
}

/* 模板中心容器 - 实现与下载区域相同的滑动效果 */
.feature-container {
    max-width: 1110px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.feature-slider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 20px 0;
    width: 100%;
    margin: 0;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    cursor: grab;
}

.feature-slider:active {
    cursor: grabbing;
}

.feature-slider::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.feature-item {
    flex: 0 0 33.3%;
    width: 33.3%;
    margin: 0;
    padding: 0 5px;
    box-sizing: border-box;
    scroll-snap-align: start;
    position: relative;
}

/* 下载区域滑动样式增强 */
.download-slider {
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
}

.download-slider:active {
    cursor: grabbing;
}

/* 响应式调整 */
@media (max-width: 992px) {
    .feature-item {
        flex: 0 0 50%;
        width: 50%;
    }
}

@media (max-width: 576px) {
    .feature-item {
        flex: 0 0 100%;
        width: 100%;
    }
}

/* 移动端底部样式 */
.mobile-footer {
    background-color: #1e2333;
    color: #abb0be;
    padding: 20px 15px;
    font-size: 14px;
}

.mobile-footer-top {
    padding-bottom: 15px;
}

/* 修改logo区域为白色椭圆背景 */
.mobile-logo {
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    padding: 15px 0;
}

.mobile-logo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 25px;
    z-index: 0;
}

.mobile-logo img {
    max-width: 150px;
    height: auto;
    position: relative;
    z-index: 1;
    margin: 0;
}

.mobile-company {
    color: #abb0be;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: left;
}

.mobile-company p {
    margin: 0;
}

.mobile-contact {
    margin-bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-item {
    display: flex;
    margin-bottom: 10px;
}

.contact-item span:first-child {
    min-width: 45px;
    color: #abb0be;
}

.contact-item a {
    color: #abb0be;
    text-decoration: none;
}

.mobile-links {
    margin-bottom: 20px;
}

.mobile-links h4 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: normal;
    color: #abb0be;
}

.links-list {
    display: flex;
    flex-wrap: wrap;
}

.links-list a {
    color: #abb0be;
    text-decoration: none;
    margin-right: 15px;
    margin-bottom: 5px;
}

.mobile-qrcode {
    text-align: center;
    margin-bottom: 20px;
    background-color: #313647;
    border-radius: 15px;
    padding: 20px;
}

.mobile-qrcode img {
    max-width: 150px;
    height: auto;
}

.mobile-footer-bottom {
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #abb0be;
    font-size: 12px;
}

.mobile-footer-bottom p {
    margin: 5px 0;
}

/* 备案号链接样式 */
.mobile-footer-bottom a {
    color: #abb0be;
    text-decoration: none;
}

/* 响应式调整 */
@media (max-width: 768px) {
    body {
        padding-bottom: 0 !important;
    }
    
    .back-to-top {
        bottom: 20px;
    }
}

/* 移动设备触摸优化 */
@media (max-width: 767px) {
    .feature-carousel .owl-stage {
        touch-action: pan-x;
        -webkit-overflow-scrolling: touch;
    }
    
    .feature-carousel.owl-carousel {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .feature-carousel .owl-item {
        -webkit-tap-highlight-color: transparent;
        cursor: pointer !important;
    }
    
    /* 增强移动端轮播触摸体验 */
    .feature-carousel .owl-item .single-feature-inner {
        pointer-events: auto;
        cursor: pointer !important;
        transition: transform 0.3s ease;
    }
    
    /* 隐藏移动端的导航点，让用户更倾向于使用滑动 */
    @media (max-width: 576px) {
        .feature-carousel .owl-dots {
            opacity: 0.5;
        }
        
        .feature-carousel .owl-item {
            transition: transform 0.3s ease;
        }
        
        .feature-carousel .owl-item:active {
            transform: scale(0.98);
        }
    }
    
    /* 增强移动端的触摸反馈 */
    .feature-carousel .owl-item:active .single-feature-inner {
        transform: scale(0.98);
    }
    
    /* 确保触摸事件可以正确工作 */
    .feature-carousel, 
    .feature-carousel .owl-stage-outer,
    .feature-carousel .owl-stage,
    .feature-carousel .owl-item {
        touch-action: pan-x !important;
        -ms-touch-action: pan-x !important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    /* 触摸反馈效果 */
    .feature-carousel .owl-item:active,
    .feature-carousel .owl-item:focus,
    .feature-carousel .owl-item:hover {
        opacity: 0.9;
    }
    
    /* 修复iOS上的触摸问题 */
    .feature-carousel .owl-item * {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}
