/*!
 * huning-mobile.css — 手机端专属样式
 * 全部规则收在 @media (max-width: 768px) 内，PC 端（>768px）完全不加载任何效果；
 * 加载顺序必须位于 huning-nav.css / huning-menu.css / 各页业务 CSS 之后（见各 HTML head）。
 * 覆盖点：头部布局与汉堡抽屉、搜索面板、横向溢出、内容容器与网格、表格滚动。
 */

@media (max-width: 768px) {

    /* ---- 基础防横向溢出 ---- */
    html,
    body {
        overflow-x: hidden !important;
        max-width: 100vw;
    }
    body.hn-menu-open,
    body.hn-search-open {
        overflow: hidden !important;
    }
    img {
        max-width: 100%;
        height: auto;
    }

    /* ---- 头部：logo + 放大镜 + 汉堡 ---- */
    .huning-nav {
        padding: 0 14px !important;
    }
    /* 提高权重压过 huning-nav.css 的 200x48 锁定 */
    .huning-nav img.BDMegaMenu-logo,
    .huning-nav .BDLogo img.BDMegaMenu-logo,
    .BDMegaMenu.huning-nav .BDLogo img.BDMegaMenu-logo {
        width: 132px !important;
        height: 32px !important;
        max-width: 150px !important;
        max-height: 36px !important;
    }
    /* 头部整体锁定 64px：内容层清零内边距并垂直居中（覆盖 PC 80px 锁高与各层 padding） */
    header[data-type="header"] {
        height: 64px !important;
        overflow: hidden !important;
    }
    header[data-type="header"] .fl-row-content-wrap,
    header[data-type="header"] .fl-row-content,
    header[data-type="header"] .fl-col-group,
    header[data-type="header"] .fl-col,
    header[data-type="header"] .fl-col-content,
    header[data-type="header"] .fl-module,
    header[data-type="header"] .fl-module-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
        max-height: 64px !important;
    }
    header[data-type="header"] .fl-col-content {
        display: flex !important;
        align-items: center !important;
        height: 64px !important;
    }
    .huning-nav .bd-advanced-menu,
    .BDMegaMenu.huning-nav .bd-advanced-menu {
        padding: 0 !important;
        max-height: 64px !important;
    }
    /* 头部一行放不下“联系我们”按钮，联系方式收进抽屉底部 */
    .BDMegaMenu-secondary-cta {
        display: none !important;
    }
    /* 主题在 ≤1200 隐藏了汉堡按钮，这里恢复 */
    .huning-nav .bdMegaMenuBtn,
    .BDMegaMenu .bdMegaMenuBtn {
        display: block !important;
        width: 30px;
        height: 36px;
        margin-left: 4px;
        cursor: pointer;
    }
    .BDMegaMenu-secondary {
        margin-left: auto !important;
    }
    .BDMegaMenu-secondary-wrapper {
        gap: 10px !important;
    }
    .BDMegaMenu-secondary-search {
        width: 22px !important;
        height: 22px !important;
    }

    /* ---- 抽屉：点击汉堡展开 .bdMenuHolder ----
       提高权重以压过 huning-nav.css 中 .BDMegaMenu.huning-nav .bdMenuHolder 的常显规则 */
    .huning-nav .bd-advanced-menu > .bdMenuHolder,
    .BDMegaMenu.huning-nav .bd-advanced-menu > .bdMenuHolder {
        display: none !important;
    }
    body.hn-menu-open .huning-nav .bd-advanced-menu > .bdMenuHolder,
    body.hn-menu-open .BDMegaMenu.huning-nav .bd-advanced-menu > .bdMenuHolder {
        display: block !important;
        position: fixed !important;
        top: 64px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: auto !important;
        height: auto !important;
        z-index: 1500 !important;
        background: #fff !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        padding: 0 0 96px !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        flex: none !important;
    }
    /* 抽屉内一级菜单纵向排布（覆盖 PC 端 80px 锁高与横向排列） */
    body.hn-menu-open .bdMenuHolder ul.menu.bdMegaMenu {
        display: block !important;
        max-height: none !important;
        height: auto !important;
        padding: 6px 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }
    body.hn-menu-open .bdMenuHolder ul.menu > li,
    body.hn-menu-open .bdMenuHolder ul.menu > li.menu-item {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        line-height: normal !important;
        border-bottom: 1px solid #eef2f6;
    }
    body.hn-menu-open .bdMenuHolder ul.menu > li > .menuItemWrapper,
    body.hn-menu-open .bdMenuHolder ul.menu > li > .menuItemWrapper > a {
        height: auto !important;
        line-height: normal !important;
        padding: 14px 18px !important;
    }
    body.hn-menu-open .bdMenuHolder ul.menu > li > .menuItemWrapper > a .menu-item-text {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #16243a;
        line-height: 1.4 !important;
    }
    body.hn-menu-open .bdMenuHolder .bd-menu-toggle {
        display: none !important;
    }

    /* 二级面板：静态平铺展开（不做 hover 级联） */
    body.hn-menu-open .bdMenuHolder .bdMegaMenuHolder.hnm-holder,
    body.hn-menu-open .bdMenuHolder .menu-item:last-child > .bdMegaMenuHolder.hnm-holder {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 8px !important;
        background: #fff !important;
        box-shadow: none !important;
        border: none !important;
    }
    body.hn-menu-open .bdMenuHolder .hnm-holder > .bdMegaMenuHelperWrapper {
        display: block !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* hover 级联产生的克隆列隐藏，直接显示模板列 */
    body.hn-menu-open .bdMenuHolder .hnm-col.hnm-attached {
        display: none !important;
    }
    body.hn-menu-open .bdMenuHolder .hnm-src {
        display: block !important;
        list-style: none;
        margin: 0 !important;
        padding: 0 0 0 18px !important;
        background: #fafbfc;
    }
    body.hn-menu-open .bdMenuHolder .hnm-src li {
        border-top: 1px solid #eef2f6;
    }
    /* 抽屉内全部链接统一样式（压过主题默认蓝色下划线） */
    body.hn-menu-open .bdMenuHolder a {
        color: #3a4756 !important;
        text-decoration: none !important;
        background: none !important;
    }
    body.hn-menu-open .bdMenuHolder ul.menu > li > .menuItemWrapper > a .menu-item-text {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #16243a !important;
        line-height: 1.4 !important;
    }
    body.hn-menu-open .bdMenuHolder .hnm-src a {
        display: block !important;
        padding: 12px 16px !important;
        font-size: 14px !important;
        color: #3a4756 !important;
        text-decoration: none !important;
    }
    /* 主题残留的“查看全部”按钮不进抽屉 */
    body.hn-menu-open .bdMenuHolder .bdmg-dropdown-button {
        display: none !important;
    }

    /* 抽屉底部：联系方式（头部 CTA 在手机端隐藏） */
    body.hn-menu-open .bdMenuHolder ul.menu::after {
        content: "联系我们 400-066-4006";
        display: block;
        margin: 20px 18px 8px;
        padding: 13px 0;
        text-align: center;
        background: #0068b3;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        border-radius: 6px;
    }

    /* ---- 搜索面板 ---- */
    .huning-search-panel {
        top: 64px;
    }
    .huning-search-inner {
        padding: 12px 14px 16px;
    }
    .huning-search-input {
        height: 40px;
        font-size: 14px;
    }
    .huning-search-results {
        max-height: 62vh;
    }
    .huning-search-item {
        padding: 9px 6px;
    }

    /* ---- 内容容器 ---- */
    .fl-row-content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }
    .huning-page {
        padding: 24px 16px 44px !important;
    }
    /* 首页/内页 hero 横幅压缩 */
    .huning-banner-wrap {
        min-height: 240px !important;
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    /* 首页轮播 banner：容器严格按图幅比例，整图完整显示不裁切 */
    #huningHomeBanner {
        aspect-ratio: 1920 / 498 !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    /* 首页轮播 banner 下方 caption 行：手机端去掉按钮，色带压扁只留文字 */
    .fl-node-qapb7dhg4zuv > .fl-row-content-wrap {
        padding-top: 2px !important;
        padding-bottom: 3px !important;
    }
    .fl-node-qapb7dhg4zuv .fl-col-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .fl-node-qapb7dhg4zuv .fl-module {
        margin-bottom: 0 !important;
    }
    .fl-node-qapb7dhg4zuv .fl-col-group {
        display: block;
    }
    .fl-node-qapb7dhg4zuv .fl-col {
        width: 100% !important;
        float: none;
    }
    .fl-node-qapb7dhg4zuv .fl-button-wrap,
    #huning-banner-more {
        display: none !important;
    }
    #huning-banner-caption {
        font-size: 11px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    #huningHomeBanner .huning-banner-dots {
        bottom: 5px;
    }

    /* ---- 表格：容器内滚动，不撑破页面 ---- */
    .huning-page table,
    .product-detail-content table,
    .sm-card table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* ---- 残余溢出修复（393px 实测） ---- */
    /* 产品中心：FeaturedResources 区块右侧溢出 17px */
    section.FeaturedResources,
    .FeaturedResources {
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    /* 案例列表/更多方案页：按钮组右缘溢出 4px */
    .fl-button-wrap {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* 特化应用页：行内 style 写死的 grid 双列（420px 1fr）压成单列 */
    .th-sec div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
}

/* ---- 首页：新闻资讯区块负 margin 重叠还原（桌面端悬挂设计仅限宽屏） ---- */
@media (max-width: 768px) {
    .fl-node-3phjqbvg1irx {
        display: none;
    }
    .fl-node-7feg19dmvyib > .fl-row-content-wrap {
        margin-top: 0 !important;
        padding-top: 48px;
    }
}

/* ---- 页脚：隐藏导航/资源/快速链接三列（手机端导航走汉堡菜单），仅留 logo 与联系信息 ---- */
@media (max-width: 768px) {
    .footer-1 .fl-node-y4wziftnd2jx,
    .footer-1 .fl-node-13hjaqxryl7o,
    .footer-1 .fl-node-8qyufm2td4a1 {
        display: none;
    }
    .footer-1 .fl-node-j4dyxwvhuofg {
        width: 100% !important;
    }
    .footer-1 .huning-footer-address {
        margin-bottom: 24px;
    }
}

/* ---- 首页 banner 加高 + 标题排版缩小（PC 端保持 1920/498 原比例，不受影响） ---- */
@media (max-width: 768px) {
    #huningHomeBanner {
        aspect-ratio: auto !important;
        height: 128px !important;
        min-height: 128px !important;
    }
    /* cover 裁切居中，128px 高度下四帧图内文案均完整 */
    #huningHomeBanner .huning-banner-layer {
        background-position: center center !important;
    }
    h1.fl-heading .fl-heading-text {
        font-size: 26px !important;
        line-height: 1.34 !important;
    }
    h2.fl-heading .fl-heading-text {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }
    h3.fl-heading .fl-heading-text {
        font-size: 19px !important;
        line-height: 1.45 !important;
    }
    .fl-heading,
    .fl-heading-text {
        overflow-wrap: break-word;
        word-break: break-word;
    }
    /* 汉堡按钮：保证 iOS 触摸即时响应，无点击高亮闪烁 */
    .bdMegaMenuBtn {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
}

/* ---- 手机端细节统一：文案行配比 / 按钮规格 / 内容图片圆角 / 抽屉密度 ---- */
@media (max-width: 768px) {
    /* banner 文案行：文案自适应、按钮定宽右贴，避免 50/50 把文案挤成两行 */
    .fl-node-qapb7dhg4zuv .fl-col-group {
        align-items: center !important;
    }
    .fl-node-qapb7dhg4zuv .fl-col:first-child {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    .fl-node-qapb7dhg4zuv .fl-col.fl-col-small {
        flex: 0 0 124px !important;
        width: 124px !important;
    }
    .fl-node-qapb7dhg4zuv .fl-button {
        font-size: 12px !important;
        padding: 0 14px !important;
        white-space: nowrap !important;
    }
    .fl-node-qapb7dhg4zuv .fl-button-wrap {
        text-align: right !important;
    }

    /* 按钮统一规格：36px 高、14px 字、胶囊圆角 */
    .fl-button {
        font-size: 14px !important;
        min-height: 36px !important;
        padding: 0 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 20px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* 内容图片：圆角收边，避免直角贴屏 */
    .fl-photo img,
    .fl-rich-text img {
        border-radius: 12px !important;
    }

    /* 抽屉菜单：行高收紧一档，信息密度更合理 */
    body.hn-menu-open .bdMenuHolder ul.menu > li > .menuItemWrapper,
    body.hn-menu-open .bdMenuHolder ul.menu > li > .menuItemWrapper > a {
        padding: 13px 16px !important;
    }
    body.hn-menu-open .bdMenuHolder ul.menu > li > .menuItemWrapper > a .menu-item-text {
        font-size: 15px !important;
    }
}

/* ---- 手机端：模块标题区（产品/业务列表）与主按钮观感修正 ---- */
@media (max-width: 768px) {
    /* main.css 窄屏给标题设了 max-width:50% + 48px，四字标题被挤成竖排 */
    .FeaturedResources-title_wrapper {
        display: block !important;
        margin-bottom: 28px !important;
    }
    .FeaturedResources-view_more_link {
        max-width: 100% !important;
        white-space: nowrap !important;
    }
    .FeaturedResources-title {
        max-width: 100% !important;
        font-size: 24px !important;
        line-height: 1.35 !important;
    }
    /* “查看全部产品”的 48px 圆圈装饰会压住换行的文字，改为贴合文字的胶囊 */
    .FeaturedResources .bd_hover {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px;
        margin-top: 12px;
        padding: 8px 16px !important;
        border-radius: 24px !important;
        background: rgba(5, 144, 200, 0.12) !important;
    }
    .FeaturedResources .bd_hover:before {
        display: none !important;
    }
    .FeaturedResources .bd_hover span {
        font-size: 14px !important;
        white-space: nowrap;
    }
    /* 主按钮的 48px 圆圈在无 hover 的手机上很突兀，铺成整颗胶囊 */
    .bd-btn-primary .fl-button:before {
        width: 100% !important;
        height: 100% !important;
        border-radius: 999px !important;
        background-color: rgba(5, 144, 200, 0.16) !important;
    }
    .bd-btn-primary.bd-btn-no-circle .fl-button:before {
        width: 0 !important;
    }
}

/* ---- 手机端正文节奏：标题与正文留出间距，正文字号统一 16/1.75 ---- */
@media (max-width: 768px) {
    .fl-module-heading + .fl-module-rich-text > .fl-module-content {
        margin-top: 10px !important;
    }
    .fl-rich-text p {
        font-size: 16px !important;
        line-height: 1.75 !important;
    }
}

/* ---- 首页「核心设备」三栏：手机端上下堆叠（图—文—图），图片通栏 ---- */
@media (max-width: 768px) {
    .fl-node-no6wj0vrpe5s {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .fl-node-no6wj0vrpe5s .fl-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important;
        float: none;
    }
    .fl-node-6geji9pzucav > .fl-row-content-wrap {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .fl-node-huning-eq-imgl .fl-photo img,
    .fl-node-huning-eq-imgr .fl-photo img {
        width: 100% !important;
        height: auto !important;
    }
    /* 文字列拆散排序：标题—左图—右图—正文—按钮 */
    .fl-node-b2vpicmdu678,
    .fl-node-b2vpicmdu678 > .fl-col-content {
        display: contents;
    }
    .fl-node-b2vpicmdu678 .fl-module {
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .fl-node-b2vpicmdu678 .fl-module-heading { order: -3; }
    .fl-node-huning-eq-imgl { order: -2; }
    .fl-node-huning-eq-imgr { order: -1; }
    .fl-node-b2vpicmdu678 > .fl-col-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ---- 首页「应用领域」板框压滤机图：手机端通栏铺满 ---- */
@media (max-width: 768px) {
    .fl-builder-content .fl-node-c4rwvu1bg9yt {
        width: 100% !important;
        max-width: none !important;
    }
    /* 抵消 rowWrap 与 rowContent 各 16px 内边距，实现通栏 */
    .fl-node-c4rwvu1bg9yt.fl-col > .fl-col-content {
        margin-left: -32px !important;
        margin-right: -32px !important;
    }
    .fl-node-c4rwvu1bg9yt .fl-module,
    .fl-node-c4rwvu1bg9yt .fl-module-content,
    .fl-node-c4rwvu1bg9yt .fl-photo,
    .fl-node-c4rwvu1bg9yt .fl-photo-content {
        width: 100% !important;
        max-width: 100% !important;
    }
    .fl-node-c4rwvu1bg9yt .fl-photo img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border-radius: 0 !important;
        display: block !important;
    }
}

/* ---- 「维修与再制造」页英文小标：手机端缩距防溢出 ---- */
@media (max-width: 768px) {
    .mo-eyebrow {
        font-size: 11px;
        letter-spacing: 3px;
    }
}