/* ====================================================================
 * 平板端专属样式 - 商业级响应式设计
 * 适用于 min-width: 768px and max-width: 991px
 * ==================================================================== */

@media (min-width: 768px) and (max-width: 991px) {
    /* 基础调整 */
    .container {
        padding: 0 24px;
    }

    /* 头部导航 */
    .header-content {
        flex-wrap: wrap;
        padding: 10px 0;
    }

    .logo {
        width: auto;
    }

    .main-nav {
        order: 3;
        width: 100%;
        margin: 10px 0 0;
    }

    .nav-menu {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 5px;
    }

    .nav-menu > li > a {
        padding: 8px 14px;
        font-size: 14px;
    }

    /* Mega菜单平板优化 */
    .mega-menu-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    /* 轮播图 */
    .hero-slider {
        height: 500px;
    }

    .slider-content h2 {
        font-size: 38px;
    }

    .slider-content p {
        font-size: 16px;
    }

    /* 标题 */
    .section-title {
        font-size: 32px;
    }

    /* 特性卡片 - 2列 */
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* 新闻卡片 - 2列 */
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* 分类卡片 - 3列 */
    .categories-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    /* 产品列表 - 2列 */
    .products-layout {
        flex-direction: row;
        gap: 25px;
    }

    .products-sidebar {
        width: 260px;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* 产品详情 - 左右布局 */
    .product-detail-layout {
        flex-direction: row;
        gap: 25px;
    }

    .product-gallery-wrapper {
        flex-direction: column;
    }

    .product-main-image-container {
        width: 100%;
    }

    .product-main-image {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }

    .product-thumbnails-carousel {
        width: 100%;
    }

    .key-params-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 新闻列表 - 侧边栏 */
    .news-layout,
    .article-layout {
        flex-direction: row;
        gap: 25px;
    }

    .news-sidebar,
    .article-sidebar {
        width: 260px;
    }

    /* 联系页面 - 2列 */
    .contact-layout {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .info-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    /* 页脚 - 2列 */
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    /* 分页 */
    .pagination a,
    .pagination span {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

/* 平板横屏优化 */
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
    .hero-slider {
        height: 450px;
    }

    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .features-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .news-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}