/* 移动端专用优化样式 */

/* 移除移动端点击高亮 */
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

/* 移动端友好的触摸目标 */
.touch-target {
    min-height: 44px;
    min-width: 44px;
    touch-action: manipulation; /* 优化触摸操作 */
}

/* 移动端导航栏优化 - 仅在移动端生效 */
@media (max-width: 992px) {
    .navbar-website .website-nav-menu .has-dropdown > a {
        padding: 15px 25px !important;
    }
}

/* 移动端滚动优化 */
html {
    -webkit-overflow-scrolling: touch;
}

/* 防止iOS Safari地址栏问题 */
@media screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    body {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* 移动端表单优化 */
input, select, textarea {
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

/* 移动端图片优化 */
img {
    max-width: 100%;
    height: auto;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

/* 移动端动画性能优化 */
.animate-if-needed {
    will-change: auto;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* 针对小屏幕的额外优化 */
@media (max-width: 480px) {
    body {
        font-size: 14px;
    }
    
    h1 {
        font-size: 24px;
    }
    
    h2 {
        font-size: 22px;
    }
    
    h3 {
        font-size: 20px;
    }
    
    .container-custom {
        padding: 0 10px;
    }
}

/* 移动端横屏优化 */
@media (max-height: 480px) and (orientation: landscape) {
    .products-section {
        padding: 40px 0;
    }
    
    .main-product-box {
        width: 150px;
        height: 150px;
    }
}

/* 高DPI屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* 防止移动端页面缩放 */
body {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

/* 移动端友好按钮 */
.btn-mobile-friendly {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
}

.btn-mobile-friendly:active {
    opacity: 0.8;
}