/* ========================================
   广州胶宝智能装备官网 - 响应式样式表
   版本: 2.0
   最后更新: 2026-06-09
   覆盖: 全站20页面响应式适配
   ======================================== */

/* 大屏幕 (≥1200px) */
@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

/* ========== 中等屏幕 (992px-1199px) ========== */
@media (max-width: 1199px) {
    .hero-slider { height: 31.25rem; }
    .slide-content h1 { font-size: 2.5rem; }
    .section { padding: 4.375rem 0; }
    .section-header h2 { font-size: 2rem; }
    
    /* 导航紧凑 */
    .navbar-nav > li > a { padding: 1.25rem 0.5rem; font-size: 0.875rem; }
    
    /* 时间轴 */
    .timeline::before { left: 2rem; }
    .timeline-item { width: 100%; padding-left: 4rem; padding-right: 0; }
    .timeline-item.timeline-right { left: 0; }
    
    /* 产品卡片 */
    .product-card { margin-bottom: 1.875rem; }
    .product-content h3 { font-size: 1.125rem; }
}

/* ========== 平板设备 (768px-991px) ========== */
@media (max-width: 991px) {
    .hero-slider { height: 28.125rem; }
    .slide-content h1 { font-size: 2.25rem; }
    .slide-content p { font-size: 1rem; }
    .section { padding: 3.75rem 0; }
    .section-header { margin-bottom: 3.125rem; }
    .section-header h2 { font-size: 1.875rem; }
    
    /* 导航适配 */
    .navbar-nav > li > a { padding: 1rem 0.5rem; font-size: 0.8125rem; }
    .logo img { height: 3rem; }
    
    .advantage-item, .product-card, .case-item { margin-bottom: 1.875rem; }
    .cta-section { padding: 5rem 0; }
    .cta-section h2 { font-size: 2.25rem; }
    
    /* 关于页面 - 工厂图片 */
    .about-image { margin-bottom: 2rem; }
    .about-stats .stat-number { font-size: 2rem; }
    
    /* 产品筛选按钮 */
    .product-filter { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    .filter-btn { flex: 1 1 auto; min-width: 6rem; padding: 0.5rem 0.75rem; font-size: 0.8125rem; }
    
    /* 团队网格 */
    .team-grid { display: flex; flex-wrap: wrap; }
    .team-member { flex: 0 0 50%; }
    
    /* 案例网格 */
    .case-item .case-img { height: 14rem; }
    
    /* 新闻卡片 */
    .news-card .news-img { height: 11rem; }
    
    /* 联系我们 */
    .contact-info-box { margin-bottom: 2rem; }
    
    /* 配件卡片 */
    .spare-parts-section .product-card { margin-bottom: 1.5rem; }
    
    /* 定制流程 */
    .custom-process .col-md-3 { flex: 0 0 50%; margin-bottom: 1.5rem; }
    
    /* 产品详情 */
    .product-detail .product-gallery { margin-bottom: 2rem; }
    .product-specs table { font-size: 0.875rem; }
    
    /* 下载中心 */
    .download-card { margin-bottom: 1.5rem; }
    
    /* 错误页 */
    .error-page { padding: 3rem 1rem; }
    .error-code { font-size: 8rem; }
    
    /* 网站地图 */
    .sitemap-section .col-md-3, .sitemap-section .col-md-6 { margin-bottom: 1.5rem; }
}

/* ========== 手机设备 (≤767px) ========== */
@media (max-width: 767px) {
    /* 顶部栏 */
    .top-bar { text-align: center; }
    .top-bar .text-right { text-align: center; margin-top: 0.5rem; }
    .top-contact span { display: block; margin-right: 0; margin-bottom: 0.5rem; }
    
    /* Hero */
    .hero-slider { height: 25rem; }
    .slide-content h1 { font-size: 1.75rem; }
    .slide-content p { font-size: 1rem; margin-bottom: 1.5rem; }
    .slide-content .btn { padding: 0.625rem 1.5rem; font-size: 0.875rem; }
    
    /* 通用区块 */
    .section { padding: 3.125rem 0; }
    .section-header { margin-bottom: 2.5rem; }
    .section-header h2 { font-size: 1.625rem; }
    .section-header p { font-size: 0.9375rem; }
    
    /* 主导航 */
    .navbar { margin-bottom: 0; }
    .logo img { height: 2.5rem; }
    .navbar-header { padding: 0.5rem 0; }
    .navbar-toggle { margin-top: 0.5rem; }
    .navbar-nav { margin: 0; border-top: 1px solid #eee; }
    .navbar-nav > li > a { padding: 0.9375rem 15px; border-bottom: 1px solid #eee; }
    .navbar-nav > li > a::after { display: none; }
    .navbar-nav > li > a:hover,
    .navbar-nav > li.active > a { background-color: var(--light-color) !important; }
    .navbar-nav .btn { margin: 0.5rem 15px 0.75rem !important; display: inline-block; }
    
    /* 页面标题 */
    .page-header { padding: 2rem 0; }
    .page-header h1 { font-size: 1.75rem; }
    .breadcrumb { font-size: 0.8125rem; }
    
    /* 按钮 */
    .btn-lg { padding: 0.75rem 1.875rem; font-size: 1rem; }
    
    /* CTA */
    .cta-section { padding: 4.375rem 0; }
    .cta-section h2 { font-size: 1.875rem; }
    .cta-section p { font-size: 1rem; }
    .cta-buttons .btn { display: block; margin: 0.625rem auto; width: 80%; }
    
    /* 页脚 */
    .footer { padding: 3.125rem 0 0; }
    .footer-widget { margin-bottom: 1.875rem; }
    .footer-widget h4 { font-size: 1.125rem; }
    
    /* 回到顶部 */
    .back-to-top { bottom: 1.25rem; right: 1.25rem; width: 2.5rem; height: 2.5rem; font-size: 1rem; }
    
    /* === 关于我们 === */
    .about-image { margin-bottom: 1.5rem; }
    .about-stats { display: flex; flex-wrap: wrap; }
    .about-stats .stat-item { flex: 0 0 50%; margin-bottom: 1rem; }
    .about-stats .stat-number { font-size: 1.75rem; }
    .timeline::before { left: 1.5rem; }
    .timeline-item { width: 100%; padding-left: 3.5rem; padding-right: 0; }
    .timeline-item.timeline-right { left: 0; }
    .timeline-content { padding: 1rem; }
    .timeline-year { font-size: 1.125rem; }
    .team-member { flex: 0 0 100%; }
    .qualification-item { margin-bottom: 1.5rem; }
    .culture-item { margin-bottom: 1.5rem; }
    
    /* === 产品中心 === */
    .product-filter { display: flex; flex-wrap: wrap; gap: 0.375rem; justify-content: center; }
    .filter-btn { flex: 1 1 calc(50% - 0.375rem); min-width: 5rem; padding: 0.5rem; font-size: 0.75rem; text-align: center; }
    .products-grid { display: flex; flex-wrap: wrap; }
    .products-grid .product-card { flex: 0 0 100%; }
    .product-img { height: 12.5rem; }
    .product-tag { font-size: 0.6875rem; padding: 0.25rem 0.5rem; }
    .product-features .feature-tag { font-size: 0.6875rem; padding: 0.1875rem 0.5rem; }
    .product-actions { display: flex; flex-direction: column; gap: 0.5rem; }
    .product-actions .btn { width: 100%; }
    .application-item { flex: 0 0 25%; }
    .advantages-grid { display: flex; flex-wrap: wrap; }
    .advantages-grid .advantage-item { flex: 0 0 100%; }
    
    /* === 产品详情页 === */
    .product-detail .main-image { margin-bottom: 1rem; }
    .product-detail .main-image img { max-height: 18rem; object-fit: cover; }
    .product-specs table { font-size: 0.8125rem; }
    .product-specs table td { padding: 0.5rem; }
    .product-features-list ul { padding-left: 1.25rem; }
    .product-features-list li { font-size: 0.875rem; margin-bottom: 0.5rem; }
    .product-cta .btn { display: block; width: 100%; margin-bottom: 0.625rem; }
    .related-products .product-card { margin-bottom: 1.5rem; }
    .thumbnail-nav { justify-content: center; }
    .thumbnail-nav img { width: 3.5rem; height: 3.5rem; }
    
    /* 应用场景 */
    .scenario-card { margin-bottom: 1rem; }
    
    /* === 定制化方案 === */
    .custom-process .col-md-3 { flex: 0 0 100%; margin-bottom: 1rem; }
    
    /* === 配件页 === */
    .spare-parts-section .col-md-4 { flex: 0 0 100%; }
    
    /* === 客户案例 === */
    .case-item { margin-bottom: 1.5rem; }
    .case-item .case-img { height: 13rem; }
    .case-filter .filter-btn { flex: 1 1 calc(33.33% - 0.375rem); }
    
    /* 案例详情 */
    .case-detail .case-hero-img { height: 15rem; }
    .case-sidebar { margin-top: 2rem; }
    
    /* === 新闻资讯 === */
    .news-card { margin-bottom: 1.5rem; }
    .news-card .news-img { height: 10rem; }
    .news-card .news-content h3 { font-size: 1.125rem; }
    
    /* 新闻详情 */
    .news-detail .article-header h1 { font-size: 1.5rem; }
    .news-detail .article-body img { width: 100%; height: auto; }
    .news-sidebar { margin-top: 2rem; }
    
    /* === 联系我们 === */
    .contact-info-box { padding: 1.5rem; margin-bottom: 1.5rem; }
    .contact-form { padding: 1.5rem; }
    .contact-form .btn { width: 100%; }
    
    /* === 下载中心 === */
    .download-card { margin-bottom: 1rem; }
    .download-card .download-icon { font-size: 1.5rem; }
    
    /* === 网站地图 === */
    .sitemap-section .col-md-3,
    .sitemap-section .col-md-6,
    .sitemap-section .col-md-12 { margin-bottom: 1.5rem; }
    .sitemap-section h3 { font-size: 1.125rem; }
    
    /* === 错误页面 === */
    .error-page { padding: 2rem 1rem; min-height: 60vh; }
    .error-code { font-size: 6rem; }
    .error-page h2 { font-size: 1.5rem; }
    .error-page p { font-size: 0.9375rem; }
    
    /* === 搜索表单 === */
    .search-form { flex-direction: column; }
    .search-form .form-control { margin-bottom: 0.625rem; border-radius: 4px !important; }
    .search-form .btn { width: 100%; border-radius: 4px !important; }
}

/* ========== 小屏手机 (≤480px) ========== */
@media (max-width: 480px) {
    .hero-slider { height: 21.875rem; }
    .slide-content h1 { font-size: 1.5rem; }
    .slide-content p { font-size: 0.875rem; }
    .section-header h2 { font-size: 1.5rem; }
    .product-img { height: 11rem; }
    .case-img, .case-item .case-img { height: 12rem; }
    .cta-buttons .btn { width: 100%; }
    
    /* 产品筛选 - 每行2个 */
    .filter-btn { flex: 1 1 calc(50% - 0.25rem); padding: 0.4375rem 0.375rem; font-size: 0.6875rem; }
    
    /* 统计数字 */
    .about-stats .stat-item { flex: 0 0 50%; }
    .about-stats .stat-number { font-size: 1.5rem; }
    
    /* 时间轴紧凑 */
    .timeline::before { left: 1rem; }
    .timeline-item { padding-left: 2.75rem; }
    
    /* 错误页 */
    .error-code { font-size: 4.5rem; }
    
    /* Logo */
    .logo img { height: 2rem; }
    
    /* 应用领域 */
    .application-item { flex: 0 0 33.33%; padding: 0.5rem; }
    .application-item h4 { font-size: 0.75rem; }
    
    /* 产品详情表格 */
    .product-specs table td:first-child { width: 35%; }
    
    /* 页脚链接 */
    .footer-widget { margin-bottom: 1.25rem; }
}