/* 官网及子页面通用响应式：手机端内容区 */
@media (max-width: 768px) {
    .content-main { flex-direction: column; padding: 15px 12px; gap: 16px; }
    .sidebar { width: 100%; max-width: 100%; }
    .main-content { width: 100%; min-width: 0; }
    .section-title { flex-wrap: wrap; gap: 8px; padding: 10px 12px; }
    .section-title h3 { font-size: 15px; }
    .section-title .more { font-size: 13px; }
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 12px 0; }
    .product-item img { height: 140px; }
    .product-item .name { font-size: 13px; padding: 8px 6px 0; }
    .three-col { grid-template-columns: 1fr; padding: 20px 12px; gap: 16px; }
    .col-box { padding: 16px; }
    .about-section .about-inner { padding: 24px 12px; flex-direction: column; gap: 20px; }
    .about-title .letter-a { font-size: 36px; }
    .about-title h2 { font-size: 18px; }
    .about-image { width: 100%; max-width: 100%; }
    .about-image img { height: 220px; }
    .breadcrumb { font-size: 12px; padding: 8px 0; }
    .detail-head h1 { font-size: 18px; }
    .detail-body { font-size: 13px; }
    .detail-actions .btn-back, .detail-actions .btn-tb, .btn-tb-top { padding: 8px 18px; font-size: 13px; margin-bottom: 8px; }
    .contact-page { padding: 15px 12px; }
    .contact-title { font-size: 20px; margin-bottom: 20px; }
    .contact-info { padding: 16px 18px; }
    .contact-info .company-name { font-size: 18px; }
    .contact-actions a { padding: 8px 18px; font-size: 13px; margin: 4px; }
    .news-list-main li { flex-wrap: wrap; gap: 4px; padding: 10px 12px; }
    .news-date { margin-left: 0; width: 100%; }
    .article-list-main li { padding: 10px 12px; }
    .pagination-wrap { padding: 12px 0; }
    .detail-gallery .main-img { max-width: 100%; }
    .detail-gallery .thumb-list a { width: 60px; height: 60px; }
    .contact-map-wrap #contact-map { height: 300px; }
}

@media (max-width: 480px) {
    .product-grid { grid-template-columns: 1fr; }
    .product-item img { height: 180px; }
    .banner-slider { height: 280px; }
    .banner-slide img { height: 280px; }
}

/* 首页：栏目下拉框仅手机端显示，桌面端隐藏 */
.mobile-cat-wrap { display: none; }

/* ========== 首页 index 手机端专项优化 ========== */
@media (max-width: 768px) {
    .banner { padding: 0; }
    .banner-dots { bottom: 12px; }
    .banner-dots span { width: 12px; height: 12px; margin: 0 8px; }
    .search-bar { padding: 12px 12px; padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
    .search-bar .search-inner { flex-direction: column; align-items: stretch; gap: 10px; padding: 0 8px; }
    .search-bar .label { font-size: 13px; }
    .search-bar .input-wrap { min-width: 0; max-width: none; flex: none; }
    .search-bar input { padding: 12px 14px; font-size: 16px; min-height: 44px; }
    .search-bar .btn-search { padding: 12px 24px; min-height: 44px; font-size: 15px; }
    .content-main { padding: 12px 10px; padding-left: max(10px, env(safe-area-inset-left)); padding-right: max(10px, env(safe-area-inset-right)); }
    .content-main .sidebar { order: 2; }
    .content-main .main-content { order: 1; }
    /* 手机端隐藏侧栏栏目列表，改为产品列表上方的下拉框 */
    .sidebar .box { display: none; }
    .sidebar .cat-list { display: none; }
    .sidebar .contact-box { margin-top: 16px; padding: 14px; font-size: 12px; line-height: 1.7; }
    .sidebar .contact-box .tel { font-size: 16px; }
    /* 栏目下拉框：放在产品列表上方，仅手机端显示 */
    .mobile-cat-wrap { display: block; padding: 10px 12px; background: #1a5490; border: 1px solid #ddd; border-top: none; }
    .mobile-cat-label { display: block; font-size: 13px; color: #fff; margin-bottom: 6px; }
    .mobile-cat-select { width: 100%; padding: 12px 14px; font-size: 15px; border: 1px solid #0f3d6b; border-radius: 4px; background: #fff; color: #333; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 36px; }
    .product-grid { gap: 10px; padding: 10px 8px; }
    .product-item { padding-bottom: 10px; }
    .product-item .name { padding: 8px 6px 0; font-size: 13px; line-height: 1.4; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
    .product-item { -webkit-tap-highlight-color: rgba(0,0,0,0.05); }
}
@media (max-width: 480px) {
    .banner-dots span { width: 10px; height: 10px; margin: 0 6px; }
    .search-bar .search-inner { padding: 0 4px; }
    .content-main { padding: 10px 8px; }
    .section-title { padding: 10px 12px; }
    .product-grid { padding: 8px 4px; gap: 8px; }
    .product-item img { height: 160px; }
}