/* 响应式样式 */

/* 桌面端（≥1200px）- 默认样式已在style.css中定义 */

/* 平板端（768px-1199px） */
@media (max-width: 1199px) {
    /* 头部导航 */
    .nav__item {
        margin-left: 20px;
    }

    /* 主视觉 */
    .hero .container {
        flex-direction: column;
        text-align: center;
    }

    .hero__content {
        margin-bottom: 40px;
    }

    /* 核心优势 */
    .features__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 产品精选 */
    .products__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 客户评价 */
    .testimonials__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 联系我们 */
    .contact__content {
        grid-template-columns: 1fr;
    }

    /* 页脚 */
    .footer__content {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 产品列表 */
    .products-list {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 筛选和排序 */
    .filter-sort {
        flex-direction: column;
        gap: 30px;
    }

    /* 数据统计卡片 */
    .stats-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 移动端（≤767px） */
@media (max-width: 767px) {
    /* 头部导航 */
    .nav {
        display: none;
    }

    .mobile-menu-btn {
        display: block;
    }

    /* 主视觉 */
    .hero {
        padding: 100px 0 60px;
    }

    .hero__title {
        font-size: 32px;
    }

    /* 核心优势 */
    .features {
        padding: 60px 0;
    }

    .features__grid {
        grid-template-columns: 1fr;
    }

    /* 产品精选 */
    .products {
        padding: 60px 0;
    }

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

    /* 客户评价 */
    .testimonials {
        padding: 60px 0;
    }

    .testimonials__grid {
        grid-template-columns: 1fr;
    }

    /* 联系我们 */
    .contact {
        padding: 60px 0;
    }

    /* 页脚 */
    .footer {
        padding: 40px 0 20px;
    }

    .footer__content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer__bottom {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .footer__legal-link {
        margin: 0 10px;
    }

    /* 面包屑导航 */
    .breadcrumb {
        margin-top: 80px;
    }

    /* 产品页面 */
    .products-page {
        padding: 20px 0;
    }

    /* 筛选和排序 */
    .filter-sort {
        padding: 15px;
    }

    /* 产品列表 - 移动端核心修改点：2列展示 */
    .products-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* 分页 */
    .pagination__list {
        flex-wrap: wrap;
        justify-content: center;
    }

    /* 定制服务页面 */
    .custom-page {
        padding: 20px 0;
    }

    /* 企业实力页面 */
    .about-page {
        padding: 20px 0;
    }

    /* 联系我们页面 */
    .contact-page {
        padding: 20px 0;
    }

    /* 404页面 */
    .error-page {
        padding: 60px 0;
    }

    .error-page__title {
        font-size: 48px;
    }

    /* 管理页面 */
    .admin-page {
        padding: 20px;
    }

    .admin-header {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    /* 数据统计卡片 */
    .stats-cards {
        grid-template-columns: 1fr;
    }

    /* 表格响应式 */
    .admin-table {
        font-size: 14px;
    }

    .admin-table th,
    .admin-table td {
        padding: 10px;
    }

    /* 登录页面 */
    .login-form {
        padding: 20px;
        margin: 0 20px;
    }
}

/* 小屏移动端（≤480px） */
@media (max-width: 480px) {
    /* 主视觉 */
    .hero__title {
        font-size: 24px;
    }

    .hero__subtitle {
        font-size: 16px;
    }

    /* 按钮 */
    .btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    /* 部分标题 */
    .section__title {
        font-size: 24px;
    }

    /* 产品列表 - 保持2列展示 */
    .products-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    /* 产品卡片内容 */
    .product-card__content {
        padding: 15px;
    }

    /* 产品标题 */
    .product-card__title {
        font-size: 14px;
    }

    /* 产品描述 */
    .product-card__description {
        font-size: 12px;
        height: auto;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* 筛选和排序 */
    .filter-sort {
        padding: 15px;
    }

    /* 管理页面 */
    .admin-header__title {
        font-size: 24px;
    }

    .admin-header__actions {
        flex-direction: column;
        width: 100%;
    }

    .admin-header__actions .btn {
        width: 100%;
    }
}

/* 超小屏移动端（≤320px） */
@media (max-width: 320px) {
    /* 容器内边距 */
    .container {
        padding: 0 15px;
    }

    /* 产品列表 - 保持2列展示 */
    .products-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    /* 产品卡片图片 */
    .product-card__image img {
        height: 180px;
    }

    /* 按钮 */
    .btn {
        padding: 8px 16px;
        font-size: 13px;
    }
}

/* 图片响应式处理 */
@media (max-width: 767px) {
    /* 产品图片 */
    .product__image img {
        height: 200px;
    }

    /* 英雄区图片 */
    .hero__image img {
        max-width: 300px;
    }
}

/* 表格在移动端的特殊处理 */
@media (max-width: 767px) {
    .table-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .admin-table {
        min-width: 600px;
    }
}

/* 确保字体在不同设备上的可读性 */
@media (max-width: 767px) {
    body {
        font-size: 15px;
    }
}

/* 按钮在触屏设备上的尺寸 */
@media (max-width: 767px) {
    .btn {
        min-height: 44px;
        min-width: 44px;
    }
}

/* 确保所有交互元素在移动端都有足够的点击区域 */
@media (max-width: 767px) {
    a,
    button,
    input[type="submit"],
    input[type="button"] {
        min-height: 44px;
        min-width: 44px;
        display: inline-block;
    }
}