/* ============================================
   Mobile Fix v31 - 2026-09-14
   修复: tab重叠 + 卡片只显示2个 + 横向滚动
   ============================================ */

@media screen and (max-width: 768px) {
  /* 消除body最小宽度导致的横向滚动 */
  html, body {
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  /* 全局容器自适应 */
  .productIntroduce {
    width: 100% !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  /* === Tab导航修复 - 解决重叠问题 === */
  .navBg,
  #navBackground.navBg,
  .productIntroduce .navBg {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
    float: none !important;
    position: relative !important;
    z-index: 10 !important;
  }

  .navBg ul,
  #jumpNav,
  .productIntroduce .navBg ul {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    justify-content: center !important;
  }

  .navBg ul li,
  #jumpNav li,
  .productIntroduce .navBg ul li {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 45px !important;
    line-height: 45px !important;
    font-size: 14px !important;
    text-align: center !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  /* === 卡片容器修复 - 解决宽度和溢出 === */
  .topic,
  .productIntroduce .topic {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 10px !important;
    margin: 0 auto !important;
    overflow: visible !important;
    float: none !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* === 卡片列表flex布局 - 解决只显示2个问题 === */
  .topic ul,
  .productIntroduce .topic ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .topic ul li,
  .productIntroduce .topic ul li {
    width: 100% !important;
    max-width: 376px !important;
    float: none !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 390px !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  /* 卡片图片自适应 */
  .topic .img,
  .productIntroduce .topic .img {
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
  }

  .topic .img img,
  .productIntroduce .topic .img img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
  }

  /* 卡片标题自适应 */
  .topic h3,
  .productIntroduce .topic h3 {
    height: auto !important;
    line-height: normal !important;
    padding: 10px 0 !important;
    font-size: 16px !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  /* 确保所有content区块正常显示 */
  .content1, .content2, .content3,
  .topic.content1, .topic.content2, .topic.content3 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ======== v32: Mobile fix for Solution Navigation Dropdown Menu ======== */
@media screen and (max-width: 768px) {
    /* 1. Ensure main nav container is scrollable when open */
    #MainNav,
    #menu1 {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        height: auto !important;
        max-height: calc(100vh - 44px) !important;
    }

    /* 2. Reset the dropdown background container */
    #menu1 .navListBg,
    .navListBg {
        display: none; /* Hidden by default, shown on click */
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    /* When JS adds .select or toggles visibility */
    #menu1 .navListBg.select,
    #menu1 div.select > .navListBg,
    #menu1 .navListBg[style*="display: block"] {
        display: block !important;
    }

    /* 3. Reset the UL layout from float grid to vertical flex */
    #menu1 .navList,
    #menu1 .navListBg .navList {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
    }

    /* 4. Reset category parent LI (e.g., "MES", "电商+") */
    #menu1 .navList > ul > li.navListChild,
    #menu1 .navList li.navListChild {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #eee !important;
    }

    /* 5. Reset category title H2 */
    #menu1 .navListChild h2 {
        font-size: 15px !important;
        line-height: normal !important;
        padding: 12px 15px !important;
        margin: 0 !important;
        background: #f9f9f9 !important;
        color: #333 !important;
        font-weight: bold !important;
    }

    /* 6. Reset sub-menu UL (contains the 16 solutions) */
    #menu1 .navListChild ul {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* 7. THE CORE FIX: Reset individual solution LI cards */
    #menu1 .navListChild ul li,
    #menu1 .navListChild ul li.navListChild {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        position: relative !important;
        overflow: visible !important;
    }

    /* 8. Style the links for better mobile touch targets */
    #menu1 .navListChild ul li a {
        display: block !important;
        width: 100% !important;
        padding: 12px 15px 12px 30px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        color: #555 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        word-break: break-all !important;
        border-bottom: 1px dashed #f0f0f0 !important;
    }

    #menu1 .navListChild ul li a:hover,
    #menu1 .navListChild ul li a:active {
        background: #f5f5f5 !important;
        color: #1badf9 !important;
    }

    /* 9. Hide the small arrow icons inside links on mobile */
    #menu1 .navListChild ul li a i {
        display: none !important;
    }

    /* 10. Fix the image/picture section below menu if exists */
    #menu1 .navPic2 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    #menu1 .navPic2 img {
        width: 100% !important;
        height: auto !important;
    }
}
/* ======== end v32 ======== */









/* ======== v41: NUCLEAR BAR KILLER - Destroy the grey rounded bar ======== */
@media screen and (max-width: 768px) {

    /* 1. UNLOCK SOLUTION LISTS (Keep from v40) */
    #menu1 .navListBg ul li, #menu1 .navListChild ul li, .topic ul li,
    #industryCase li, #internetCase li, #success_case li,
    .content1 li, .content2 li, .content3 li {
        display: block !important; visibility: visible !important; opacity: 1 !important;
        width: 100% !important; max-width: 100% !important; min-width: 0 !important;
        height: auto !important; min-height: 0 !important;
        float: none !important; clear: both !important;
        overflow: visible !important; position: relative !important;
        left: auto !important; top: auto !important; right: auto !important; bottom: auto !important;
        transform: none !important; clip: auto !important;
        white-space: normal !important; word-break: break-word !important;
        box-sizing: border-box !important; margin: 0 0 15px 0 !important; padding: 0 !important;
    }

    /* 2. MIMIC PRODUCT PAGE CARDS (Keep from v40) */
    .topic ul li, #industryCase ul li, #internetCase ul li {
        max-width: 376px !important; margin: 0 0 20px 0 !important;
        padding: 0 !important; min-height: 0 !important;
        border-radius: 0 !important; box-shadow: none !important; background: transparent !important;
    }

    /* 3. LINKS RESET (Keep from v40) */
    #menu1 .navListChild ul li a, .topic ul li a {
        display: block !important; visibility: visible !important; opacity: 1 !important;
        width: 100% !important; height: auto !important;
        overflow: visible !important; white-space: normal !important;
        word-break: break-word !important; box-sizing: border-box !important;
        background: transparent !important; background-color: transparent !important;
        background-image: none !important;
        border: none !important; border-bottom: none !important;
        box-shadow: none !important; text-decoration: none !important; outline: none !important;
    }
    #menu1 .navListChild ul li a:hover, #menu1 .navListChild ul li a:active, #menu1 .navListChild ul li a:focus,
    .topic ul li a:hover, .topic ul li a:active, .topic ul li a:focus {
        background: transparent !important; background-color: transparent !important;
        border: none !important; box-shadow: none !important;
    }

    /* ========================================================= */
    /* 4. NUCLEAR STRIKE: Kill the grey rounded bar              */
    /* Target EVERY possible element that could be the bar       */
    /* ========================================================= */
    
    /* A. Destroy ALL pseudo-elements inside solution cards */
    #industryCase *::before, #industryCase *::after,
    #internetCase *::before, #internetCase *::after,
    #success_case *::before, #success_case *::after,
    .topic ul li *::before, .topic ul li *::after,
    #menu1 .navListChild ul li *::before, #menu1 .navListChild ul li *::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
        height: 0 !important;
        border: none !important;
        background: none !important;
        background-image: none !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }

    /* B. Kill any hidden decorative elements (div, span, i, em, hr, b) that are short/thin */
    /* If it's not an image, link, or text container, hide it if it looks like a bar */
    #industryCase div:not(.case_content):not(.case_title):not(.img):not(.clearfix),
    #internetCase div:not(.case_content):not(.case_title):not(.img):not(.clearfix),
    #success_case div:not(.case_content):not(.case_title):not(.img):not(.clearfix),
    .topic ul li div:not(.img):not(.clearfix) {
        /* Don't hide parent layout divs, but kill thin ones */
        min-height: 0 !important;
        border: none !important;
        box-shadow: none !important;
        background-image: none !important;
    }

    /* Specifically target potential bar elements (thin divs/spans/hr) */
    #industryCase hr, #internetCase hr, #success_case hr, .topic ul li hr,
    #industryCase progress, #internetCase progress,
    #menu1 .navListChild ul li hr {
        display: none !important;
        height: 0 !important;
        border: none !important;
    }

    /* C. Force remove border-radius and specific backgrounds from all children */
    #industryCase *, #internetCase *, #success_case *, .topic ul li * {
        /* Kill any element that might be styled as a rounded bar */
        border-radius: 0 !important;
    }

    /* D. Kill the specific indicator arrows/triangles */
    #menu1 .navListBg > i, #menu1 > i,
    #industryCase > i, #internetCase > i {
        display: none !important; width: 0 !important; height: 0 !important; border: none !important;
    }

    /* E. Kill ::before/::after on the LI and A directly (redundant safety) */
    #industryCase li::before, #industryCase li::after,
    #internetCase li::before, #internetCase li::after,
    #industryCase a::before, #industryCase a::after,
    #internetCase a::before, #internetCase a::after,
    .topic ul li::before, .topic ul li::after {
        display: none !important; content: none !important;
    }

    /* 5. IMAGE PARENT DIVS (Keep from v40) */
    #case2, #case3, #case4, #case5, #case6,
    #case2_right, #case3_right, #case4_right, #case5_right, #case6_right,
    .navPic2, .navPic2 img {
        height: auto !important; min-height: 0 !important; max-height: none !important;
        overflow: visible !important; position: relative !important; bottom: auto !important; top: auto !important;
    }
    #menu1 .navListBg div, #industryCase li div, #internetCase li div, #success_case li div, .topic ul li div {
        height: auto !important; min-height: 0 !important; max-height: none !important;
        overflow: visible !important;
    }

    /* 6. IMAGES (Keep from v40) */
    #menu1 .navListBg img, #industryCase img, #internetCase img,
    .topic img, .topic .img img,
    #case2 img, #case3 img, #case4 img, #case5 img, #case6 img,
    #case2 div img, #case5 div img {
        visibility: visible !important; opacity: 1 !important;
        max-width: 100% !important; width: 100% !important;
        height: auto !important; min-height: 0 !important; max-height: none !important;
        object-fit: initial !important; overflow: visible !important; clip: auto !important;
        display: block !important; float: none !important;
        position: relative !important; left: auto !important; top: auto !important;
    }

    /* 7. TEXT TRUNCATION (Keep from v40) */
    .case_content, .case_title, #case2 > p, #case5 > p,
    #industryCase li p, #internetCase li p, #success_case li p, .topic ul li p {
        display: -webkit-box !important; -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important; overflow: hidden !important;
        text-overflow: ellipsis !important; max-height: 4.8em !important;
        line-height: 1.6 !important; height: auto !important; width: 100% !important;
        font-size: 14px !important; color: #666 !important; margin-top: 8px !important;
        padding: 0 !important; float: none !important; position: relative !important;
        word-break: break-all !important; white-space: normal !important;
        visibility: visible !important; opacity: 1 !important;
    }
    .case_title, #industryCase li h2, #industryCase li h3,
    #internetCase li h2, #internetCase li h3, .topic ul li h2, .topic ul li h3 {
        -webkit-line-clamp: 2 !important; max-height: 3.2em !important;
        font-size: 15px !important; font-weight: bold !important; color: #333 !important;
        margin-top: 10px !important; overflow: hidden !important; text-overflow: ellipsis !important;
        display: -webkit-box !important; -webkit-box-orient: vertical !important;
    }
    #menu1 .navListChild ul li span, .topic ul li span:not(.homepng2) {
        display: -webkit-box !important; -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important; overflow: hidden !important;
        text-overflow: ellipsis !important; max-height: 4.8em !important;
        line-height: 1.6 !important; word-break: break-all !important; white-space: normal !important;
    }

    /* 8. EXPAND PARENT CONTAINERS (Keep from v40) */
    #menu1 .navListBg, #menu1 .navList, .topic,
    .content1, .content2, .content3,
    #industryCase, #internetCase, #success_case, #success_case_main {
        display: block !important; visibility: visible !important; opacity: 1 !important;
        width: 100% !important; max-width: 100% !important;
        height: auto !important; min-height: 0 !important;
        overflow: visible !important; float: none !important; clear: both !important;
        box-sizing: border-box !important; position: relative !important; transform: none !important;
    }

    /* 9. Hide decorative icons */
    #menu1 .navListChild ul li a i, .topic ul li a i { display: none !important; }
    
    /* 10. Hide navPic2 */
    #menu1 .navPic2 { display: none !important; }
}
/* ======== end v41 NUCLEAR BAR KILLER ======== */


/* ======== v44: TEXT TRUNCATION FIX - No more white cutoff ======== */
@media screen and (max-width: 768px) {

    /* 1. UNLOCK SOLUTION LISTS (Keep) */
    #menu1 .navListBg ul li, #menu1 .navListChild ul li, .topic ul li,
    #industryCase li, #internetCase li, #success_case li,
    .content1 li, .content2 li, .content3 li {
        display: block !important; visibility: visible !important; opacity: 1 !important;
        width: 100% !important; max-width: 100% !important; min-width: 0 !important;
        height: auto !important; min-height: 0 !important;
        float: none !important; clear: both !important;
        overflow: visible !important; position: relative !important;
        left: auto !important; top: auto !important; right: auto !important; bottom: auto !important;
        transform: none !important; clip: auto !important;
        white-space: normal !important; word-break: break-word !important;
        box-sizing: border-box !important; margin: 0 0 15px 0 !important; padding: 0 !important;
    }
    .topic ul li, #industryCase ul li, #internetCase ul li {
        max-width: 376px !important; margin: 0 0 20px 0 !important;
        padding: 0 !important; min-height: 0 !important;
        border-radius: 0 !important; box-shadow: none !important; background: transparent !important;
    }

    /* 2. LINKS RESET (Keep) */
    #menu1 .navListChild ul li a, .topic ul li a {
        display: block !important; visibility: visible !important; opacity: 1 !important;
        width: 100% !important; height: auto !important;
        overflow: visible !important; white-space: normal !important;
        word-break: break-word !important; box-sizing: border-box !important;
        background: transparent !important; background-color: transparent !important;
        background-image: none !important;
        border: none !important; border-bottom: none !important;
        box-shadow: none !important; text-decoration: none !important; outline: none !important;
    }

    /* 3. TITLE BACKGROUND FIX (Keep - prevents the fallen bar) */
    #industryCase h2, #industryCase h3, #industryCase h4,
    #internetCase h2, #internetCase h3, #internetCase h4,
    #success_case h2, #success_case h3, #success_case h4,
    .topic ul li h2, .topic ul li h3, .topic ul li h4,
    .case_title,
    #menu1 .navListChild h2, #menu1 .navListChild h3 {
        background: transparent !important; background-color: transparent !important;
        background-image: none !important; border: none !important;
        border-bottom: none !important; box-shadow: none !important; border-radius: 0 !important;
        display: -webkit-box !important; -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important; overflow: hidden !important;
        text-overflow: ellipsis !important;
        /* REMOVED max-height here too to prevent title cutoff */
        height: auto !important; min-height: 0 !important;
        line-height: 1.6 !important; width: 100% !important;
        padding: 0 !important; margin: 10px 0 0 0 !important;
        font-size: 15px !important; font-weight: bold !important; color: #333 !important;
        float: none !important; position: relative !important;
        visibility: visible !important; opacity: 1 !important;
        white-space: normal !important; word-break: break-all !important;
    }
    #industryCase h2:hover, #industryCase h3:hover,
    #internetCase h2:hover, #internetCase h3:hover,
    .topic ul li h2:hover, .topic ul li h3:hover,
    #menu1 .navListChild h2:hover, #menu1 .navListChild h3:hover {
        background: transparent !important; background-color: transparent !important;
        background-image: none !important; border: none !important; box-shadow: none !important;
    }
    #industryCase h2::before, #industryCase h2::after,
    #industryCase h3::before, #industryCase h3::after,
    #internetCase h2::before, #internetCase h2::after,
    .topic ul li h2::before, .topic ul li h2::after,
    .topic ul li h3::before, .topic ul li h3::after {
        display: none !important; content: none !important;
        width: 0 !important; height: 0 !important;
        background: none !important; border: none !important;
    }
    #industryCase h2 em, #industryCase h2 i,
    #internetCase h2 em, #internetCase h2 i,
    .topic h2 em, .topic h2 i {
        display: none !important; width: 0 !important; height: 0 !important; background: none !important;
    }

    /* 4. IMAGES (Keep) */
    #menu1 .navListBg img, #industryCase img, #internetCase img,
    .topic img, .topic .img img,
    #case2 img, #case3 img, #case4 img, #case5 img, #case6 img,
    #case2 div img, #case5 div img {
        visibility: visible !important; opacity: 1 !important;
        max-width: 100% !important; width: 100% !important;
        height: auto !important; object-fit: initial !important;
        display: block !important; float: none !important;
        position: relative !important;
    }
    #menu1 .navListBg div, #industryCase li div, #internetCase li div, 
    #success_case li div, .topic ul li div,
    #case2, #case3, #case4, #case5, #case6,
    #case2_right, #case3_right, #case4_right, #case5_right, #case6_right {
        height: auto !important; min-height: 0 !important; max-height: none !important;
        overflow: visible !important; position: relative !important;
    }

    /* ========================================================= */
    /* 5. CORE FIX: TEXT TRUNCATION WITHOUT WHITE CUTOFF         */
    /* Removed max-height so the 3rd line is never clipped       */
    /* -webkit-line-clamp handles truncation perfectly alone     */
    /* ========================================================= */
    .case_content, .case_title, #case2 > p, #case5 > p,
    #industryCase li p, #internetCase li p, #success_case li p, .topic ul li p {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        /* CRITICAL FIX: Removed max-height: 4.8em !important; */
        /* Let line-clamp handle height naturally without cutting text */
        height: auto !important;
        min-height: 0 !important;
        line-height: 1.6 !important;
        width: 100% !important;
        font-size: 14px !important;
        color: #666 !important;
        margin-top: 8px !important;
        padding: 0 !important;
        padding-bottom: 2px !important; /* Tiny buffer to ensure descenders (g,y,p) aren't cut */
        float: none !important;
        position: relative !important;
        word-break: break-all !important;
        white-space: normal !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: transparent !important;
        background-image: none !important;
        border-radius: 0 !important;
    }

    /* Titles limit to 2 lines (also removed max-height) */
    .case_title, #industryCase li h2, #industryCase li h3,
    #internetCase li h2, #internetCase li h3, .topic ul li h2, .topic ul li h3 {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        /* CRITICAL FIX: Removed max-height: 3.2em !important; */
        height: auto !important;
        min-height: 0 !important;
        line-height: 1.6 !important;
        font-size: 15px !important;
        font-weight: bold !important;
        color: #333 !important;
        margin-top: 10px !important;
        padding: 0 !important;
        padding-bottom: 2px !important;
    }

    /* Spans used for description (also removed max-height) */
    #menu1 .navListChild ul li span, .topic ul li span:not(.homepng2) {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        /* CRITICAL FIX: Removed max-height: 4.8em !important; */
        height: auto !important;
        min-height: 0 !important;
        line-height: 1.6 !important;
        word-break: break-all !important;
        white-space: normal !important;
        background: transparent !important;
        background-image: none !important;
        padding-bottom: 2px !important;
    }

    /* 6. CONTAINERS (Keep) */
    #menu1 .navListBg, #menu1 .navList, .topic,
    .content1, .content2, .content3,
    #industryCase, #internetCase, #success_case, #success_case_main {
        display: block !important; visibility: visible !important; opacity: 1 !important;
        width: 100% !important; max-width: 100% !important;
        height: auto !important; min-height: 0 !important;
        overflow: visible !important; float: none !important; clear: both !important;
        box-sizing: border-box !important; position: relative !important; transform: none !important;
    }
    #menu1 .navListChild ul li a i, .topic ul li a i { display: none !important; }
    #menu1 .navPic2 { display: none !important; }
}
/* ======== end v44 TEXT TRUNCATION FIX ======== */



/* ======== HOMEPAGE PATCH: Anti-Squeeze & Layout Fix ======== */
@media screen and (max-width: 768px) {

    /* 1. GLOBAL IMAGE FIX: Prevent any image from breaking the screen width */
    body img, .topic img, .banner img, .main img, .content img, .footer img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
        float: none !important;
    }

    /* 2. FORCE FULL WIDTH: Override PC's fixed 1170px/1200px widths */
    body, #top, #menu, #topBg, #topBg2,
    .main, .content, .banner, .topic, .footer,
    .navBg, .nav, .clearfix,
    #success_case, #success_case_main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* 3. KILL FLOATS: Force everything to stack vertically to prevent overlap */
    /* This fixes the "19 floats but only 1 clear" issue found in scan */
    .main > div, .content > div, .topic > div,
    .main > ul, .content > ul, .topic > ul,
    .main li, .content li, .topic li {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* 4. BANNER / CAROUSEL FIX: Prevent height collapse or horizontal overflow */
    .banner, .focus, .swiper-container, .carousel, .slider {
        width: 100% !important;
        height: auto !important;
        min-height: 150px !important;
        overflow: hidden !important;
        position: relative !important;
        padding: 0 !important;
    }
    .banner img, .focus img, .swiper-container img {
        width: 100% !important;
        height: auto !important;
        min-height: 150px !important;
        object-fit: cover !important;
    }

    /* 5. PRODUCT / SOLUTION / NEWS LISTS: Convert multi-column to single column */
    /* Ensure items don't squeeze next to each other on small screens */
    .product-list li, .solution-list li, .news-list li,
    .case-list li, .topic ul li {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 6. TEXT OVERFLOW PROTECTION: Prevent long words from breaking layout */
    h1, h2, h3, h4, h5, h6, p, span, a, li {
        word-break: break-word !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    /* 7. PREVENT HORIZONTAL SCROLLBAR AT ALL COSTS */
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
}
/* ======== END HOMEPAGE PATCH ======== */