/* responsive.css - 响应式适配 */

/* 平板端：768px-1199px */
@media screen and (max-width: 1199px) {
    .container {
        max-width: 960px;
    }
    
    .footer-content {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    
    .page-banner h1 {
        font-size: 36px;
    }
}

/* 移动端：≤767px */
@media screen and (max-width: 767px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    
    /* 导航栏移动端适配 */
    .navbar .container {
        height: 60px;
    }
    
    .nav-menu {
        position: fixed;
        top: 60px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 60px);
        background: var(--white);
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
        gap: 20px;
        transition: left 0.3s ease;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    }
    
    .nav-menu.active {
        left: 0;
    }
    
    .hamburger {
        display: flex;
    }
    
    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }
    
    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }
    
    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }
    
    .contact-btn {
        display: none;
    }
    
    /* 页面Banner移动端适配 */
    .page-banner {
        height: 300px;
        margin-top: 60px;
    }
    
    .page-banner h1 {
        font-size: 28px;
    }
    
    .page-banner p {
        font-size: 14px;
    }
    
    /* 区块标题移动端适配 */
    .section-title h2 {
        font-size: 24px;
    }
    
    /* 页脚移动端适配 */
    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    /* 卡片网格移动端适配 */
    .cards-grid {
        grid-template-columns: 1fr;
    }
    
    /* 产品展示移动端适配 */
    .products-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
    
    .product-card {
        flex-direction: column;
    }
    
    .product-image {
        width: 100%;
        height: 200px;
    }
    
    .product-badge {
        font-size: 32px;
    }
    
    .product-info {
        padding: 18px;
    }
    
    .product-info h3 {
        font-size: 18px;
        line-height: 1.4;
        word-break: break-word;
    }
    
    .product-positioning {
        font-size: 14px;
    }
    
    .product-desc {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .product-standards {
        gap: 6px;
    }
    
    .standard-badge {
        font-size: 11px;
        padding: 4px 10px;
    }
    
    /* 产品Tab按钮适配 - 横向滚动 */
    .product-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 15px;
        justify-content: flex-start;
    }
    
    .tab-btn {
        flex-shrink: 0;
        padding: 8px 18px;
        font-size: 14px;
        white-space: nowrap;
    }
    
    /* 产品参数表移动端适配 - 横向滚动提示 */
    .product-spec-table-wrapper::after {
        display: block;
    }
    
    .product-spec-table th,
    .product-spec-table td {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    /* 产品详情头部适配 */
    .product-detail-header h2 {
        font-size: 24px;
    }
    
    .product-positioning {
        font-size: 16px;
    }
    
    /* 标准徽标容器移动端 */
    .standards-badges {
        gap: 8px;
    }
    
    .standard-badge {
        font-size: 11px;
        padding: 4px 10px;
    }
    
    /* 服务流程移动端适配 */
    .service-flow {
        flex-direction: column;
    }
    
    .service-flow::before {
        display: none;
    }
    
    /* 表单移动端适配 */
    .form-row {
        flex-direction: column;
    }
    
    .form-row .form-group {
        width: 100%;
    }
    
    /* ========== 所有网格统一单列化（解决卡片挤一起） ========== */
    .cards-grid,
    .advantages-grid,
    .strength-grid,
    .service-entry-grid,
    .news-grid,
    .system-grid,
    .strength-content,
    .assurance-grid,
    .values-list,
    .activities-grid,
    .douyin-grid,
    .prospect-content,
    .process-steps,
    .conditions-list,
    .contact-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
    
    /* 厂区实景：横向 2 列缩为 1 列 */
    .factory-gallery {
        grid-template-columns: 1fr !important;
    }
    
    .factory-gallery-wide {
        grid-column: span 1 !important;
    }
    
    /* 卡片通用文字 - 避免一字一行 */
    .card h3, .news-card h3, .assurance-card h3, .conditions-item h4, .activities-card h3 {
        font-size: 18px !important;
        line-height: 1.4 !important;
        word-break: break-word;
    }
    
    .card p, .news-card p, .assurance-card p {
        font-size: 14px;
        line-height: 1.6;
        word-break: break-word;
    }
    
    .news-date {
        font-size: 13px;
    }
    
    /* 数字大字适当缩小 */
    .strength-number {
        font-size: 36px;
    }
    
    /* 本地服务图标卡片 */
    .service-entry-icon {
        font-size: 40px;
    }
}

/* 小屏移动端：≤480px */
@media screen and (max-width: 480px) {
    .page-banner h1 {
        font-size: 24px;
    }
    
    .section-title h2 {
        font-size: 20px;
    }
    
    .btn {
        padding: 10px 20px;
        font-size: 14px;
    }
}