/* ============================================
   网络电脑公司官方网站 - 移动端/H5响应式样式
   ============================================ */

/* 平板端 (≤1024px) */
@media (max-width: 1024px) {
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .products-grid { grid-template-columns: repeat(2, 1fr); }
    .news-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .solution-grid { grid-template-columns: repeat(2, 1fr); }
    .about-grid { grid-template-columns: 1fr; gap: 32px; }
    .banner-section h1 { font-size: 32px; }
    .section { padding: 48px 0; }
}

/* 手机端 (≤768px) */
@media (max-width: 768px) {
    /* 基础调整 */
    html { font-size: 15px; }
    .container { padding: 0 16px; }
    
    /* 顶部工具栏 */
    .top-bar { display: none; }
    
    /* 头部 */
    .header .container { height: 56px; }
    .logo-text { font-size: 18px; }
    
    /* 导航切换 */
    .main-nav { display: none; }
    .mobile-menu-btn { display: flex; }
    
    /* Banner */
    .banner-section { padding: 48px 16px; }
    .banner-section h1 { font-size: 26px; }
    .banner-section p { font-size: 15px; }
    
    /* 区块 */
    .section { padding: 36px 0; }
    .section-title h2 { font-size: 24px; }
    
    /* 特性卡片 */
    .features-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .feature-card { padding: 20px 12px; }
    .feature-icon { width: 48px; height: 48px; font-size: 22px; }
    .feature-card h3 { font-size: 14px; }
    .feature-card p { font-size: 12px; }
    
    /* 产品 */
    .products-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .product-thumb { height: 140px; }
    .product-info h3 { font-size: 14px; }
    
    /* 新闻 */
    .news-main .news-item { flex-direction: column; gap: 12px; }
    .news-thumb { width: 100%; height: 180px; }
    
    /* 关于 */
    .about-stats { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .stat-num { font-size: 22px; }
    
    /* 底部 */
    .footer { padding: 36px 0 0; }
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    
    /* 解决方案 */
    .solution-grid { grid-template-columns: 1fr; }
    
    /* 文章详情 */
    .article-detail { padding: 0; }
    .article-header h1 { font-size: 22px; }
    .article-body { font-size: 15px; }
    
    /* 分页 */
    .pagination a, .pagination span { padding: 6px 10px; font-size: 13px; }
    
    /* 返回顶部 */
    .back-to-top { bottom: 60px; right: 16px; width: 38px; height: 38px; }
    .online-service { right: 16px; bottom: 110px; }
    .service-item { width: 38px; height: 38px; font-size: 10px; }
    
    /* 页面内容 */
    .page-content { padding: 32px 0; }
    .page-content h2 { font-size: 20px; }
    
    /* 面包屑 */
    .breadcrumb { font-size: 13px; padding: 8px 0; }
    
    /* 按钮 */
    .btn { padding: 10px 24px; font-size: 14px; }
}

/* 小屏手机 (≤480px) */
@media (max-width: 480px) {
    .features-grid { grid-template-columns: 1fr; }
    .products-grid { grid-template-columns: 1fr; }
    .banner-section h1 { font-size: 22px; }
    .banner-section p { font-size: 14px; }
    .banner-btns { flex-direction: column; align-items: center; }
    .btn { width: 100%; max-width: 280px; }
    .section-title h2 { font-size: 20px; }
    .about-stats { grid-template-columns: repeat(3, 1fr); gap: 6px; }
    .stat-item { padding: 10px 6px; }
    .stat-num { font-size: 20px; }
    .stat-label { font-size: 11px; }
    .article-header h1 { font-size: 20px; }
    .news-list-page .news-list-item { flex-direction: column; }
    .product-thumb { height: 200px; }
    .search-form { flex-direction: column; }
    .search-form button { width: 100%; }
}