/* 移动端中间容器宽度适配优化 */
@media (max-width: 900px) {
    main {
        max-width: 100% !important;
        margin: 32px 0 0 0 !important;
        padding: 0 10px !important;
    }
    .content-container {
        max-width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 600px) {
    main {
        max-width: 100% !important;
        margin: 24px 0 0 0 !important;
        padding: 0 10px !important;
    }
    .content-container {
        max-width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    main {
        max-width: 100% !important;
        margin: 20px 0 0 0 !important;
        padding: 0 8px !important;
    }
    .content-container {
        max-width: 100% !important;
        margin: 0 !important;
    }
    /* 小屏手机AI工具集优化 - 保持两列显示 */
    .tools-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    /* 热门AI网站导航和我的应用卡片优化 - 两列显示 */
    .website-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .website-card {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        gap: 8px !important;
        padding: 12px 10px !important;
    }
    .website-icon {
        width: 36px !important;
        height: 36px !important;
    }
    .website-name {
        font-size: 0.9rem !important;
        line-height: 1.2 !important;
    }
    /* AI应用场景和AI伦理与未来卡片优化 - 单列显示 */
    .card-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    .card {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    /* AI前沿技术卡片文字溢出省略号 */
    .ai-tech-desc {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

@media (max-width: 360px) {
    main {
        max-width: 100% !important;
        margin: 16px 0 0 0 !important;
        padding: 0 6px !important;
    }
    .content-container {
        max-width: 100% !important;
        margin: 0 !important;
    }
    /* 超小屏手机AI工具集优化 - 保持两列显示 */
    .tools-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    /* 热门AI网站导航和我的应用卡片优化 - 两列显示 */
    .website-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .website-card {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        padding: 10px 8px !important;
        gap: 6px !important;
    }
    .website-icon {
        width: 32px !important;
        height: 32px !important;
    }
    .website-name {
        font-size: 0.85rem !important;
        line-height: 1.1 !important;
    }
    .website-url {
        font-size: 0.75rem !important;
    }
    /* AI应用场景和AI伦理与未来卡片优化 - 单列显示 */
    .card-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    .card {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        padding: 14px 12px 10px 12px !important;
    }
    /* AI前沿技术卡片文字溢出省略号 */
    .ai-tech-desc {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}