/**
 * hongyun 主题 - 小屏笔记本兼容补丁（>=1280px 不出横向滚动条）
 * 断点：< 1400px 触发，覆盖原 style.css 及各专用 css 中硬编码的
 * 1200/1300px 主容器与 xiangqing.css 中 1030px 子容器。
 * 大屏（>=1400px）保持原样，不受影响。
 */

@media (max-width: 1399.98px) {

    /* ---------- 通用：所有硬编码 1200/1300 的主容器自适应 ---------- */
    .page-list .news-wrapper,
    .zhuy .content .jian,
    .aboutus .content,
    .snews .news_con,
    /* anquanhuanbao / chanpinzhanshi / guanyuwomen / xiangqing / zhuyingyewu */
    .main-box,
    .content {
        width: auto !important;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    /* Bootstrap .container 在 1200-1399 段：回到 lg 断点默认宽度 */
    .container {
        width: auto !important;
        max-width: 1140px;
    }

    /* header 用的 .container 要留给导航更多空间，允许更宽 */
    header > .container {
        max-width: calc(100vw - 40px);
    }

    /* ---------- xiangqing.css: .main-right 固定 1030px 溢出修复 ---------- */
    /* 父级 .main-box 是 flex，.main-left 固定 344px + margin-left 25px；
       .main-right 改为占满剩余空间。 */
    .main-box > .main-right {
        width: auto !important;
        flex: 1 1 auto;
        min-width: 0;
    }

    /* xiangqing.css: .top-right 用了 margin-left:500px 硬偏移，窄屏会溢出 */
    .top-right {
        margin-left: 0 !important;
    }

    /* ---------- anquanhuanbao.css: 内部并排 530+70+567=1167 需可换行 ---------- */
    .main-content {
        flex-wrap: wrap;
    }
    .main-content > .main-left,
    .main-content > .main-right {
        max-width: 100%;
    }
    .main-content > .main-right .tarext {
        width: auto !important;
        max-width: 100%;
    }

    /* ---------- 兜底：防止个别装饰元素溢出产生横向滚动条 ---------- */
    body {
        overflow-x: hidden;
    }
}

/* ---------- 导航栏窄屏收缩：字号 + 间距逐级压缩 ---------- */

/* .s_l 是 position:absolute; right:100px，不参与 flex，会被 .nav-pc 撑到时盖上产生重叠。
   窄屏拉近 .s_l 到右边界 & 给 .nav-pc 让出右侧空间。 */

/* 1400-1599：轻度收缩（原字号 18px、padding 10px） */
@media (max-width: 1599.98px) {
    .nav-pc .menu > ul > li {
        padding: 0 8px;
    }
    .nav-pc .menu > ul > li a {
        font-size: 16px;
    }
    header .lang-text {
        font-size: 16px;
    }
    header .lang-wrapper .lang-btn {
        padding: 0 6px;
    }
    /* Bootstrap me-3 = 1rem，窄屏收一些 */
    .lang-wrapper.me-3 {
        margin-right: 8px !important;
    }
    /* 语言/搜索区靠近右边界，给菜单腾空间 */
    header .s_l {
        right: 30px;
    }
    /* 菜单区在右侧预留出 s_l 的宽度（约 150px），防止最后一项被盖住 */
    .nav-pc {
        padding-right: 150px;
    }
}

/* 1280-1399：进一步压紧，防止 8 个中文菜单挤兑重叠 */
@media (max-width: 1399.98px) {
    .nav-pc .menu > ul > li {
        padding: 0 5px;
    }
    .nav-pc .menu > ul > li a {
        font-size: 15px;
    }
    header .lang-text {
        font-size: 15px;
    }
    header .lang-wrapper .lang-btn img {
        width: 18px;
        height: 18px;
        margin-right: 6px;
    }
    header .s_l {
        right: 20px;
    }
    .nav-pc {
        padding-right: 140px;
    }
    /* logo 区最小宽度可再让出一点 */
    .nav_title {
        min-width: 300px;
    }
}

/* 1280 屏专项：主容器进一步收窄，保证边距舒适 */
@media (max-width: 1279.98px) {

    .page-list .news-wrapper,
    .zhuy .content .jian,
    .aboutus .content,
    .snews .news_con,
    .main-box,
    .content {
        max-width: calc(100vw - 40px);
    }

    .container {
        max-width: calc(100vw - 40px);
    }
}