/* ==================================================================
 * 响应式补充
 * 原站断点（legacy.css 已含）：1440 / 1280 / 1200 / 1100 / 992 / 990
 * 这里补充 WordPress 结构层（.archive-grid / .news-list / 表单 / 两栏）的断点
 * ================================================================== */

@media (max-width: 1440px) {
    .archive-grid .item { width: 25%; }
}

@media (max-width: 1200px) {
    .archive-grid .item { width: 33.3333%; }
    .news-list .news-item .thumb { width: 220px; }
}

@media (max-width: 992px) {
    .archive-grid .item { width: 50%; }

    /* 产品 / 案例详情：侧栏移到顶部 */
    #page-wrap .left { width: 100%; padding-right: 0; margin-bottom: 25px; }
    #page-wrap .right { width: 100%; }
    .product-detail .pic-box-left,
    .product-detail .detail-list-item { width: 100%; }
}

@media (max-width: 768px) {
    .archive-grid .item { width: 50%; }

    .news-list .news-item { flex-direction: column; gap: 12px; }
    .news-list .news-item .thumb { width: 100%; }

    .product-detail .title { font-size: 21px; }
    .product-detail .btn-row .btn { width: 100%; justify-content: center; }

    .hm-message .yan_2 { width: 100% !important; }
    #page-wrap { padding: 20px 0 40px; }
}

@media (max-width: 480px) {
    .archive-grid .item { width: 100%; }
    .archive-grid { margin: 0; }
    .archive-grid .item { padding: 0 0 24px; }
}