/* 移动端专用样式 - 适配手机屏幕 */

/* 超小屏幕 (小于 640px) */
@media (max-width: 640px) {
    /* 导航栏优化 */
    .max-w-7xl {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    /* 主视觉区域 */
    .hero-title {
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }
    
    .hero-subtitle {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }
    
    /* 按钮组 */
    .button-group {
        flex-direction: column;
        width: 100%;
    }
    
    .button-group a,
    .button-group button {
        width: 100%;
    }
    
    /* 统计信息 - 2列布局 */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    
    .stats-grid .flex {
        font-size: 0.75rem;
    }
    
    /* 游戏特色区域 */
    .features-stats {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
    
    .features-stats .text-3xl {
        font-size: 1.5rem !important;
    }
    
    .features-stats .text-gray-600 {
        font-size: 0.875rem !important;
    }
    
    /* 新闻卡片 - 1列 */
    .news-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* 下载平台卡片 - 1列 */
    .download-platforms {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    /* 下载统计 - 2列 */
    .download-stats {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    
    .download-stats .text-3xl {
        font-size: 1.75rem !important;
    }
    
    /* FAQ - 1列 */
    .faq-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* 页脚 - 2列 */
    .footer-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
    }
    
    .footer-grid > div {
        margin-bottom: 0;
    }
    
    /* 系统要求卡片 */
    .system-requirements {
        grid-template-columns: 1fr !important;
    }
    
    /* 图片容器 */
    .image-container {
        height: 200px !important;
    }
    
    /* 标题字号调整 */
    h1 {
        font-size: 2rem !important;
    }
    
    h2 {
        font-size: 1.75rem !important;
    }
    
    h3 {
        font-size: 1.25rem !important;
    }
    
    /* 内边距调整 */
    .py-20 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    
    .p-8 {
        padding: 1.5rem !important;
    }
    
    .px-6 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* 间距调整 */
    .gap-12 {
        gap: 2rem !important;
    }
    
    .gap-8 {
        gap: 1rem !important;
    }
    
    .space-x-8 > * + * {
        margin-left: 1rem !important;
    }
    
    /* 隐藏部分装饰元素 */
    .absolute.blur-2xl,
    .absolute.blur-xl {
        display: none;
    }
    
    /* 固定底部按钮 */
    .fixed.bottom-8.right-8 {
        bottom: 16px;
        right: 16px;
    }
    
    .fixed.bottom-8.right-8 a,
    .fixed.bottom-8.right-8 button {
        padding: 12px !important;
    }
}

/* 小屏幕 (640px - 768px) */
@media (min-width: 640px) and (max-width: 768px) {
    /* 下载平台 - 2列 */
    .download-platforms {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* 下载统计 - 2列 */
    .download-stats {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* 页脚 - 2列 */
    .footer-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 中等屏幕 (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    /* 下载平台 - 2列 */
    .download-platforms {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* 下载统计 - 4列保持 */
    .download-stats {
        grid-template-columns: repeat(4, 1fr) !important;
    }
    
    /* 游戏特色 - 单列 */
    .lg\:grid-cols-12 {
        grid-template-columns: 1fr !important;
    }
    
    .lg\:col-span-5,
    .lg\:col-span-7 {
        grid-column: span 1 !important;
    }
}

/* 通用移动端优化 */
@media (max-width: 1024px) {
    /* 容器最大宽度 */
    .max-w-7xl {
        max-width: 100%;
    }
    
    /* 文字大小 */
    .text-5xl {
        font-size: 2rem;
    }
    
    .text-6xl {
        font-size: 2.5rem;
    }
    
    .text-4xl {
        font-size: 1.875rem;
    }
    
    .text-3xl {
        font-size: 1.5rem;
    }
    
    .text-2xl {
        font-size: 1.25rem;
    }
    
    .text-xl {
        font-size: 1.125rem;
    }
    
    /* 图片高度调整 */
    .news-main-image {
        height: 250px !important;
    }
    
    .news-small-image {
        height: 200px !important;
    }
    
    /* 视频高度 */
    video {
        min-height: 200px !important;
        max-height: 200px !important;
    }
    
    /* 左侧大图 */
    .lg\:h-\[592px\] {
        height: 300px !important;
    }
}

/* 横屏手机优化 */
@media (max-width: 896px) and (orientation: landscape) {
    .min-h-screen {
        min-height: auto;
        padding: 60px 0 40px 0;
    }
    
    section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}